html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height:normal;
	background: transparent;
	outline:none;
	}
	 
	body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:url(images/bg_footer.png) repeat-x bottom !important;
	background-position:bottom !important;
	line-height:17px;
	}
	 
	ol, ul {
	list-style: none;
	}

	 
	/* tables still need 'cellspacing="0"' in the markup */
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	textarea{
	overflow:auto;
	}
	
	#centrer_site{
	width:1003px;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	#ombre{
	width:1003px;
	float:left;
	background:url(images/ombre.png) repeat-y center center;	
	}
	
	#container{
	width:993px;

	margin-left:auto;
	margin-right:auto;
	
	}
	
	#container a{
	color:#333333;
	}
	
	#header{
	width:973px;
	height:100px;
	padding:20px 10px 0 10px;
	float:left;
	background:url(images/bg.gif) repeat;
	}
	
	#header #logo_bbcm{
	float:left;
	height:60px;
	width:220px;
	margin-left:20px;
	margin-top:10px;
	}
	
	#header #nav {
	float:right;
	height:55px;
	margin-top:20px;
	width:672px;
	}
	
	#header #nav ul.nav li{
	float:left;
	}
	
	#header #nav ul.nav li.inactif{
	float:left;
	background:none;
	padding:17px 10px;
	color:#93c502;
	font-weight:bold;
	}
	
	#header #nav ul.nav li a{
	display:block !important;
	text-decoration:none;
	color:#333333 !important;
	font-weight:bold !important;
	}

	
	#header #nav ul.nav li a:visited, #nav ul.nav li a:visited span, #nav ul.nav li a:visited span span{
	color:#333333 !important;
	font-weight:bold !important;
	}

	#header #nav ul.nav li a:hover, #nav ul.nav li a:focus{
	display:block;
	background:url(images/nav_repeat_green.png) repeat-x top;
	color:#FFFFFF !important;
	font-weight:bold !important;
	}
	
	#header #nav ul.nav li a:hover span, #nav ul.nav li a:focus span{
	color:#FFFFFF !important;
	font-weight:bold !important;
	display:block;
	background:url(images/nav_left_green.png) no-repeat top left !important;
	}
	
	#header #nav ul.nav li a:hover span span, #nav ul.nav li a:focus span span{
	color:#FFFFFF !important;
	font-weight:bold !important;
	display:block;
	background:url(images/nav_right_green.png) no-repeat top right !important;
	padding:17px 10px;
	}
	
	#header #nav ul.nav li span span{
	color:#333333 !important;
	font-weight:bold !important;
	display:block;
	padding:17px 10px;
	}	
	
	/* classe #active fixé --> sous menu principal*/
	
	#header #nav ul.nav li a#active{
	display:block;
	background:url(images/nav_repeat_green.png) repeat-x top;
	color:#FFFFFF !important;
	font-weight:bold !important;
	}
	
	#header #nav ul.nav li a#active span{
	color:#FFFFFF !important;
	font-weight:bold !important;
	display:block;
	background:url(images/nav_left_green.png) no-repeat top left !important;
	}
	
	#header #nav ul.nav li a#active span span{
	color:#FFFFFF !important;
	font-weight:bold !important;
	display:block;
	background:url(images/nav_right_green.png) no-repeat top right !important;
	padding:17px 10px;
	}
	
	#header #nav ul.nav li span span{
	color:#333333 !important;
	font-weight:bold !important;
	display:block;
	padding:17px 10px;
	}	
	
/* sous nav principal*/	
	
	
	#header ul ul.sous_nav_p{
	display:none;
	position:absolute;
	}
	
	#header li.sous_nav_p{
	color:#FFFFFF !important;
	}

		
	#header ul ul.sous_nav_p li{
	float:none !important;
	color:#FFFFFF !important;
	font-weight:normal !important;
	height:40px !important;
	
	}
	
	#header ul ul.sous_nav_p li.salons{
	width:225px !important;
	}
	
	#header ul ul.sous_nav_p li.agences{
	width:272px !important;
	}
	
	#header ul ul.sous_nav_p li.entreprises{
	width:220px !important;
	}
	
	#header ul ul.sous_nav_p li a{
	float:none !important;
	display:block;
	color:#FFFFFF !important;
	height:34px !important;
	padding:7px 10px 0 10px !important;
	background:url(images/sous_nav_p.png) repeat-x !important;
	font-weight:normal !important;
	}
	
	#header ul ul.sous_nav_p li a:hover, ul ul.sous_nav_p li a:active, ul ul.sous_nav_p li a:focus{
	color:#FFFFFF !important;
	background:#3399cc !important;
	}
	
	#header ul ul.sous_nav_p li a#sous_nav_p_active{
	color:#FFFFFF !important;
	background:#3399cc!important;
	}
	

	#header #nav #repeat_nav{
	float:left;
	background:url(images/nav_repeat.png) repeat-x;
	width:645px;
	height:55px;
	}

	#header #nav #arrondi_nav_left{
	float:left;
	background:url(images/nav_left.png) no-repeat;
	width:10px;
	height:55px;
	}
	
	#header #nav #arrondi_nav_right{
	float:left;
	background:url(images/nav_right.png) no-repeat right;
	width:10px;
	height:55px;
	}
	
	#contenu{
	width:977px;
	float:left;
	background:url(images/bg.gif) repeat;
	padding:0 8px;
	}
	
	#contenu #colonne_left{
	float:left;
	width:300px;


	}
	
	#contenu #colonne_left .visuel{
	height:250px;
	width:300px;	
	}
	
	#contenu #colonne_right{
	float:left;
	width:645px;


	}
	
	
	#contenu #colonne_left #sous_nav{
	float:left;
	}

	#contenu #colonne_left #sous_nav_repeat{
	float:left;
	background:url(images/sous_nav_repeat.png) repeat-y;
	width:295px;
	padding:0 0 0 5px;
	}
	
	#contenu #colonne_left #sous_nav_top{
	background:url(images/sous_nav_top.png) no-repeat;
	width:300px;
	height:17px;
	}
	
	#contenu #colonne_left #sous_nav_bottom{
	background:url(images/sous_nav_bottom.png) no-repeat;
	width:300px;
	height:17px;
	}
	
	#contenu #colonne_left #title_sous_nav{
	float:left;
	width:18px;
	height:121px;
	margin-right:10px;
	}

	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul{
	float:left;
	width:255px;
	}
	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul li{
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding:5px 0;
	}
	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul li.trait_sous_nav{
	height:10px;
	padding:0;
	}
	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul li a{
	text-decoration:none;
	color:#666666;
	}
	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul li a:hover, #sous_nav #sous_nav_repeat ul li a:focus{
	display:block;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	background:url(images/fleche_bleu.gif) no-repeat;
	padding-left:10px;
	background-position: 0 2px;
	}
	
	#contenu #colonne_left #sous_nav #sous_nav_repeat ul li a#sous_nav_active{
	color:#333333;
	font-weight:bold !important;
	text-decoration:none;
	background:url(images/fleche_bleu.gif) no-repeat;
	padding-left:10px;
	background-position: 0 3px;	
	}
	
	

	
	
	
	
	
	
	
	
	
	
	#contenu #colonne_right .trait_bleu{
	background:url(images/trait_point_bleu.png) repeat-x; 
	height:15px;
	}
	
	.titre_vert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px !important;
	color:#99CC00 !important;
	font-style:italic !important;
	margin-bottom:30px;
	padding:0 !important;
	}
	
	.fleche_liste{
	background-image: url(images/fleche_bleu.gif) !important;
	background-repeat:no-repeat;
	background-position: 20px 1px;
	-height:1%;
	/height:1%;
	list-style-type:none;
	padding: 0px;
	padding-left: 40px;
	line-height:14px;
	padding-bottom:7px;
	color:#666666;
}

	.fleche_liste_v{
	background-image: url(images/fleche_verte.gif) !important;
	background-repeat:no-repeat;
	background-position: 5px 1px;
	-height:1%;
	/height:1%;
	list-style-type:none;
	padding: 0px;
	padding-left: 40px;
	line-height:14px;
	padding-bottom:7px;
	color:#666666;
}


	.liste{
	margin-left:35px;
	padding-bottom:20px;
	}
	
	.liste_v{
	margin-left:20px;
	padding-bottom:20px;
	}
	
	p.texte_blanc{
	margin:none !important;
	padding:0 !important; 
	font-size:13px;
	font-style:italic;
	color:#FFFFFF;
	}
	
	p{
	padding-bottom:15px;
	line-height:18px;
	}

	
	li.fleche_liste{
	color:#666666;
	}
	
	#contenu #colonne_right_accueil .pave_bleu_top{
	background:url(images/pave_bleu_650_top.png) no-repeat !important;
	width:650px !important;
	height:15px !important;
	margin-top:10px !important;
	}
	
	#contenu #colonne_right_accueil .pave_bleu_repeat{
	background:url(images/pave_bleu_650_repeat.png) repeat-y !important;
	width:620px !important;
	padding:0 15px !important;
	}
	
	#contenu #colonne_right_accueil .pave_bleu_bottom{
	background:url(images/pave_bleu_650_bottom.png) no-repeat !important;
	width:650px !important;
	height:15px !important;
	margin-bottom:15px !important;
	}

/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
	



	
	
	
	
	/* background top, repeat, bottom pave entreprises */
	
	#contenu #colonne_right #pave_contenu_entreprise_top{
	background:url(images/pave_contenu_entreprise_top.png) no-repeat top !important;
	width:645px !important;
	padding:25px 15px 0 15px !important;
	height:47px !important;
	}
	
	/* background top, repeat, bottom pave salons professionnels */
	
	#contenu #colonne_right #pave_contenu_salons_professionnels_top{
	background:url(images/pave_contenu_salons_professionnels_top.png) no-repeat top !important;
	width:645px !important;
	padding:25px 15px 0 15px !important;
	height:47px !important;
	}

	/* background top, repeat, bottom pave agences developpement economique */
	
	#contenu #colonne_right #pave_contenu_agences_developpement_economique_top{
	background:url(images/pave_contenu_agence_developpement_economique_top.png) no-repeat top !important;
	width:645px !important;
	padding:25px 15px 0 15px !important;
	height:47px !important;
	}
	
	/* background top, repeat, bottom pave contact */
	
	#contenu #colonne_right #pave_contenu_contact_top{
	background:url(images/pave_contenu_contact_top.png) no-repeat top !important;
	width:645px !important;
	padding:25px 15px 0 15px !important;
	height:47px !important;
	}
	
	/* background top, repeat, bottom pave contact */
	
	#contenu #colonne_right #pave_contenu_notre_societe_top{
	background:url(images/pave_contenu_notre_societe_top.png) no-repeat top !important;
	width:645px !important;
	padding:25px 15px 0 15px !important;
	height:47px !important;
	}
	
	#contenu #colonne_right #pave_contenu_repeat{
	background:url(images/pave_contenu_repeat.png) repeat-y !important;
	width:645px !important;
	padding:0 15px !important;
	}
	
	#contenu #colonne_right #pave_contenu_bottom{
	background:url(images/pave_contenu_bottom.png) no-repeat top !important;
	width:645px !important;
	padding:0 15px !important;
	height:72px !important;
	}
	
	
	
	
	
	#contenu #colonne_right #fil_ariane{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	padding-top:10px;
	}
	
	.gris_italic_10{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#999999;
	}
	
	h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#3399cc;
	font-weight:bold;
	padding-bottom:20px;
		}
	
	h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3399cc;
	font-weight:bold;
	padding-bottom:20px;
	}
	
	
	.trait_point_bleu{
	background:url(images/trait_point_bleu.gif) repeat-x;
	height:15px;
	padding-bottom:20px;
	}	
	
	.texte_gris_66{
	color:#666666;
	}
	
	.img{
	float:right; 
	margin:0 0 10px 10px; 
	width:250px; 
	height:170px; 
	background:#CCCCCC;
	}
	
	#footer{
	float:left !important;
	background:url(images/bg_footer.png) repeat-x;
	height:138px !important;
	width:993px !important;
	}

	#footer .colonne{
	float:left !important;
	height:85px !important;
	padding:20px 20px 0 20px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:11px !important;
	color:#666666 !important;
	font-weight:bold !important;
	}
	
	#footer .colonne a{
	color:#666666 !important;
	font-weight:bold !important;
	text-decoration:none !important;
	}
	
	#footer .titre_footer a{
	color:#333333 !important;
	text-decoration:none !important;
	}
	
	#footer .colonne a:hover{
	text-decoration:underline !important;
	}
	
	#footer .titre_footer a:hover{
	text-decoration:underline !important;
	}
	
	#footer #logo_bbcm_footer{
	width:160px !important;
	height:60px !important;
	float:left !important;
	padding:20px 0 0 0 !important;
	}
	
	#footer #copyright{
	padding:10px 15px 0 0 !important;
	color:#999999 !important;
	width:978px;
	}
	
	
	.texte_vert{
	color:#93c502;
	}
	
	.texte_gris_333{
	color:#333333;
	}
	
	.texte_bleu{
	color:#3399cc;
	}
	
	
	/*Page Accueil : Barre de navigation + contenu*/
	
	#pave_accueil{
	float:left;
	padding-left:60px;
	width:879px;
	margin-bottom:20px;
	}
	
	#pave_accueil .bt_accueil_salons, #pave_accueil .bt_accueil_salons a{
	background:url(images/BBCM_salons_professionnels.gif) top no-repeat;
	float:left;
	height:270px;
	width:293px;
	}
	
	#pave_accueil .bt_accueil_salons a:hover{
	background:url(images/BBCM_salons_professionnels.gif) bottom no-repeat;
	}
	
	#pave_accueil .bt_accueil_agences, #pave_accueil .bt_accueil_agences a{
	background:url(images/BBCM_agences_de_developpement.gif) no-repeat top;
	float:left;
	height:270px;
	width:293px;
	}
	
	#pave_accueil .bt_accueil_agences a:hover{
	background:url(images/BBCM_agences_de_developpement.gif) no-repeat bottom;
	}
	
	#pave_accueil .bt_accueil_entreprises, #pave_accueil .bt_accueil_entreprises a{
	background:url(images/BBCM_entreprises.gif) no-repeat top;
	float:left;
	height:270px;
	width:293px;
	}
	
	#pave_accueil .bt_accueil_entreprises a:hover{
	background:url(images/BBCM_entreprises.gif) no-repeat bottom;
	}
	
	#contenu #colonne_right_accueil{
	float:right;
	width:650px;
	}
	
	#colonne_right .intro_accueil{
	width:400px !important;
	margin-left:auto;
	margin-right:auto;
	}
	
	#nav_accueil{
	margin-bottom:20px; 
	float:left !important;
	}