/*@import url("hong.css");
@import url("thao.css");*/
/******** Default rules for tag ********/
*{margin:0; padding:0;  font-style:inherit; font-family:inherit; vertical-align:baseline;}
body{font-size:62.5%;  font-family:Arial, Helvetica, sans-serif; color:#7c7a7b;}
img, fieldset{border:0}
caption { display:none; }
strong{font-weight:bold;}
ol, ul{list-style-type:none;}
dt{font-weight:bold;}
a{color:#7c7a7b; text-decoration:none;}
a:hover{text-decoration:none;}
.underline{text-decoration:underline;}
div{text-align:left;}
form {  }
label { display:block; margin:6px 0; }
input, select, textarea { border:1px solid #B2B7B2; font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
textarea { overflow:auto; }
legend { font-size:1.1em; color:#7c7a7b; font-weight:bold; }
h1 { font-size:2.4em; }
h2 { font-size:2.0em;font-weight:bold; }
h3 { font-size:1.6em; font-weight:bold; padding:0 0 10px 0; }
h4 { font-size:1.6em; color:#7c7a7b; font-weight:bold; }
h5 { font-size:1.0em; color:#ee192e; font-weight:bold; }
h6 { font-size:1.1em; color:#7c7a7b; font-weight:bold; }
/********** Tree of common classes for all the templates ********/
.clear{height:0; clear:both;}
.txtType { padding:5px 0 5px 15px; text-transform:uppercase; font-size:1.2em; font-weight:bold; }
.space{margin:20px 0 0 20px;}
.space02 { margin-bottom:70px;}
.illustration{float:right; display:block; margin:0 0 15px 15px;}
.justify {text-align:justify;}
.listChefsEnOr li {text-align:justify;}
.center {text-align:center;}
a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;}


#headHome h2  {font-size: 16px; font-weight:bold; text-transform: uppercase;padding:0; margin:0;}
#headHome p {font-size: 18px; font-weight:normal; color:#5c5c5c;}
span.boldHead {font-size: 22px;font-weight: bold;}

/********** Tree of common styles for all the templates ********/
#globalContainer {font-size:1.1em;margin-top:20px;background-image:url(/images/nav_1px_bis.gif);-background-repeat:no-repeat;background-repeat:repeat-x; background-position: 0px 77px;background-attachment:scroll;-height:0px}
#shadowContainer {background-image:url(/images/nav_shadow.gif);background-position:100% 1px;background-repeat:no-repeat;width:983px;min-height:30px;}
	/*MAIN*/	
	
	#newHeader{ width:1003px;margin:0 auto;  overflow:hidden;padding:0}
	#mainlogoautocenter{height:103px;-height:106px; width:985px;margin:0 auto;  overflow:hidden;padding:0}
		#mainlogo{margin-left:10px; margin-right:197px;-margin-right:152px;height:103px; padding:0; float:left;width:507px;-width:548px;-margin-left:7px; }
		#mainlogoaccroche{ height:17px; padding:0;width:503px ;padding:0;margin:0}
		#mainlogologo{height:58px; padding:0; width:150px;margin:0 0 3px;}
		#logoCamion{margin:0;padding:0;width:271px; height:103px; float:left; }
		#mainlogo2{ margin-left:50px;-margin-left:30px;  height:83px; padding:0; float:left;width:503px }
		#logoCamion2{ margin-left:186px; -margin-left:176px; width:271px; height:83px; float:left; }
	#main{ width:983px; margin:0 auto; -margin:-3px auto; padding:0px 0; overflow:hidden; background:url(/images/fond_ombre_1px.gif) 760px 0 repeat-y;}
		#main01{ width:976px; margin: 0 auto; padding:0;margin-top:20px;overflow:hidden}
		#corporateTop { width:960px; padding:0; float:left; margin:0; background:url(/images/bgd_mast_02.gif) 100% 130px no-repeat; overflow:hidden }
		#corporate { width:760px; padding:0; float:left; margin:0; overflow:hidden;min-height:980px;height:auto !important;}
		#corporateLanding { width:760px; padding:0; float:left; margin:0; overflow:hidden;min-height:1288px;height:auto !important;}
		#corporate01 { width:960px; padding:0;  float:left;  background:url(/images/bgd_infosClient_02.gif) 100% 0 repeat-y ; overflow:hidden }
		#corporate02 { width:960px; padding:0;  float:left;  background:url(/images/bgd_infosClient_04.gif) 100% 0 repeat-y ; overflow:hidden }

#contentMain03 {background:transparent url(/images/bgd_main_content03.gif) repeat-y scroll 0 0;overflow:hidden;width:976px;}
			
		#mast {  width:730px; float:left; }	
			#mast #shadowLeft{float:right;width:11px;height:30px;margin:-38px -11px;}
			#shadowRight{width:16px;height:30px;margin:2px 0px;-margin:1px -3px;}						
			#mast h1 { float:left; margin:0 0 7px 0; }
				.spaceCarre h1 {float:right;  margin:3px 30px 3px 0; display:inline}
				#player {padding:0 0 0 18px;}

					/*Header*/							
					#header { width:760px; float:left; overflow:hidden;}
						#header h2 { float:right; margin:20px 0 0 0; padding:0}
						#header a { float:left;}							
		/*Naviration
		************/
		#lev1 { width:100%; clear:both; }
			#lev1 li { height:25px; margin: 0 1px; display:inline;}
			#lev1 img {display:block; float:left}
			#contextLev { width:200px;  float:left; padding:0; margin:0; overflow:hidden}
				#lev2 { width:170px; overflow:hidden; float:left; margin:0 4px 0 0; padding:10px}
				#lev2 h3{ color:#ff1805; font-size:1.1em; text-transform:uppercase; }		
				#lev2 ul {background:url(/images/1px_rubrique_off.gif)  0 0 repeat-y;border-top-color:#929292;border-top-style:solid;border-top-width:1px;width:170px;}

				#lev2 li { width:170px; text-transform:uppercase; color:#5b5a5b;}
				#lev2 li.level1{border-bottom-width:1px;border-bottom-color:#929292;border-bottom-style:solid;width:170px}
				#lev2 li.active a  {  text-transform:uppercase; color:#000000;}
				#lev2 li a { display:block; width:160px; padding:5px 5px 3px 5px; }
				#lev2 a:hover { background: url(/images/fleche_black_up.gif) 100% 50% no-repeat;color:#000000;}
				#lev2 .active {background:url(/images/1px_rubrique_on.gif) 0 0 repeat-y;}
				#lev1 .active {background:url(/images/1px_rubrique_on.gif) 0 0 repeat-y;}
				#lev2 a .active , #lev2 a:hover.active  { width:160px;color:#000000;}
				.flecheDowm{float:right;margin-top:-12px;margin-right:-5px;}
					
					#lev2 ul li.selected {background:url(/images/1px_rubrique_on.gif) 0 0 repeat-y; color:#000000;}
				#lev2   ul li a.subMenu {background: url(/images/fleche_black_up.gif) 100% 50% no-repeat;}
				#lev2   ul li.selected a.subMenu {background: url(/images/fleche_black_down.gif) 100% 50% no-repeat;color:#000000;}
				#lev2  a:hover.subMenu {background: url(/images/fleche_black_down.gif) 100% 50% no-repeat;color:#000000;}
						#lev2 li ul { width:170px;background:url(/images/1px_rubrique_on.gif) 0 0 repeat-y; padding:0;margin:0}
						#lev2 li li a {  width:140px; color:#FFFFFF; background: url(/images/fleche_white_up.gif) 6px 8px no-repeat;text-transform:none;padding:4px 0 4px 16px;
}
						#lev2 li li a:hover, #lev2 li ul li a.active{ width:140px; color:#000000;width:136px;background: url(/images/fleche_black_up.gif) 6px 8px no-repeat;text-transform:none;}
						#lev2 li ul li a:hover.active { width:140px;  color:#000000; background: url(/images/fleche_black_up.gif) 6px 8px no-repeat;text-transform:none;}
	
	/*Naviration
		************/
	#mainnav{width:100%; height:39px; background:#FFF url(/images/nav.gif); clear:both; }
	#mainnav a, #container #mainnav a:hover{text-decoration:none;}
	#mainnav li{float:left;}
		#mainnav li a{ display:block; height:39px; outline:none;}
			#mainnav li a span {display:none;}
	#mainnav .mainnav1 { width: 70px;}
	#mainnav .mainnav2 { width: 105px;}
	#mainnav .mainnav3 { width: 84px;}
	#mainnav .mainnav4 { width: 100px;}
	#mainnav .mainnav5 { width: 69px;}
	#mainnav .mainnav6 { width: 66px;}
	#mainnav .mainnav7 { width: 100px;}
	#mainnav .mainnav8 { width: 136px;}
	.open { display:visible; }
	.hide { display:none; }

	#mainnav a.mainnav1:hover, #mainnav a.mainnav1courant { width: 70px; background:url(/images/nav.gif)  0 -39px no-repeat;}
	#mainnav a.mainnav2:hover, #mainnav a.mainnav2courant { width: 105px; background:url(/images/nav.gif) -70px -39px no-repeat;}
	#mainnav a.mainnav3:hover, #mainnav a.mainnav3courant { width: 84px; background:url(/images/nav.gif) -175px -39px no-repeat;}
	#mainnav a.mainnav4:hover, #mainnav a.mainnav4courant { width: 100px; background:url(/images/nav.gif) -259px -39px no-repeat;}
	#mainnav a.mainnav5:hover, #mainnav a.mainnav5courant { width: 69px; background:url(/images/nav.gif) -359px -39px no-repeat;}
	#mainnav a.mainnav6:hover, #mainnav a.mainnav6courant { width: 66px; background:url(/images/nav.gif) -428px -39px no-repeat;}
	#mainnav a.mainnav7:hover, #mainnav a.mainnav7courant { width: 100px; background:url(/images/nav.gif) -494px -39px no-repeat;}
	#mainnav a.mainnav8:hover, #mainnav a.mainnav8courant { width: 136px; background:url(/images/nav.gif) -594px -39px no-repeat;}
	/*contentMain *******************/
		#contentMain { width:760px; overflow:hidden; float:left; background:url(/images/bgd_infosClient_main.gif) 8px 0 repeat-y;}
			#contMain { width:742px; overflow:hidden; padding:0 0 10px 18px; /*background:url(/images/bgd_contMain.gif) 1px 0 repeat-y;*/}
					#contMain.homeType { background:url(/images/bgd_mast_02.gif) 100% 0 repeat-y;}
					#contMain.siteType { background:transparent url(/images/bgd_mast_02.gif) repeat-y scroll 100% 0;}
					#contMain.homeType h2 { padding:5px 0 0 2px;}
					#contMain.homeType a { color:#ff3116}
					#contMain.homeType a.level1 {color:#7C7A7B;}
					#contMain.homeType a.level2 {color:#7C7A7B;}
					#contMain.homeType a:hover { text-decoration:underline}
						.highlightContent { width:235px; float:left; margin:5px 15px 0 0;}
						.last { margin:5px 0 0 0}
						.highlightContent h3 { background:url(/images/bgd_h3_title.gif) 0 100% no-repeat; padding:10px 0 5px 20px; font-size:1.1em; text-transform:uppercase}
						.highlightContent img { border:#cad0e1 solid 1px;}
						.highlightContent dl { padding:10px 0 0 0}
						.highlightContent dt { text-transform:uppercase; color:#5d5d5d}
						.highlightContent dd {color:#5d5d5d; padding:0 0 3px 0; text-align:justify;}
						.highlightContent dd.first { height:30px; font-size:0.9em}
						#contMain.homeType span.falseLink { color:#ff3116;}

		/*highlightNouveaute	
		********************/
		#highlightNouveaute { width:730px; border:#d5d4d4 solid 1px; background:url(/images/bgd_highlight_produit.gif) 100% 100% no-repeat; margin:10px 0 0 0; overflow:hidden; float:left}
		#highlightNouveaute .imgHome { float:left}
		.produits { float:left; width:432px; padding:5px 0 0 10px; color:#FFF;}
			.nosPainText { width:375px; font-size:2.2em; font-weight:bold; text-transform:uppercase; overflow:hidden; padding:0 0 10px 0; text-align:center}
				.nosPainText span { font-size:0.7em; overflow:hidden;}
		#contMain .produits a { color:#FFF; font-weight:bold;}
			.produits div { width:225px; float:left; margin:30px 10px 0 0; padding:0 0 5px 0; overflow:hidden; display:inline}
			.produits div.last{ width:190px; margin-right:0}
				.produits .produitImg { width:71px; float:left; margin:0 5px 0 0;}
				.produits div dt { text-transform:uppercase;}
					.produitElement01 { font-size:0.9em; text-transform:uppercase; line-height:0.9em}
					.produitElement02 { font-size:0.9em; line-height:2.2em}
						.produitElement02 strong { font-size:2.4em;}
						.produitElement02 span { font-size:1.4em; font-weight:bold}
					.produitElement03 { color:#fbd11d; font-size:1em}
					.workInProgress { font-weight:bold; width:300px; padding:40px 0 0 0; margin:0 auto; font-size:14px; text-align:center; }
		/*highlightRight
		********************/
		.highlightRight { width:231px; float:right; padding:0 10px 20px 0; margin:0 0 0 15px;}
		.highlightRight h3 {color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0}
		.highlightRight h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;}
		.highlightRight p { padding:0 0 5px 0;}
		.highlightRight img {display:block; margin:0 0 15px 0;}

		.highlightRight dl { font-size:1em; color:#ff1805; padding:10px 0}
		.highlightRight dt { font-weight:bold; text-transform:uppercase}
		.highlightRight dd {color:#7c7a7b; padding:0 0 5px 0;}
		.highlightRight dd a { text-decoration:underline; background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px }
		.highlightRight dd a:hover { text-decoration:none}
			.highlightRight dd a.last { background:none}
.highlightRight dd a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;}
		.highlightRight a.link {color:#ff1805; text-decoration:underline;}
		.highlightRight a.link:hover { text-decoration:none;}
.highlightRight div {background:transparent url(/images/bgd_line_02.gif) repeat-x scroll 0 bottom; margin:0 0 -10px; overflow:hidden; padding:0 0 15px; width:220px; text-align: justify;}
		/*infosClient	
		********************/
		#new{margin:0px 0px 0px 22px;height:20px;width:169px;font-family:Arial;font-size:10pt;color:#D80002;font-weight:900}		
		
		#infosClientBord { width:223px; height:830px; float:left;}		
		#infosClientBordLanding { width:223px; height:1288px; float:left;}		
		#infosClient { width:207px; height:auto; float:left; padding:0; margin:0;  position:relative; }
		#infosClient h3 { padding:0px; }
		#infosClient h4 { padding:10px 10px; !important }
			#infosClient #topClient{width:207px; height:1px; /margin:-11px 0 0 0}
			#infosClient #topLeft{float:left;width:3px;height:30px;margin:-2px 0 0 0;/margin:-14px 0;-margin:-15px 0}
			#infosClient #topRight{float:right;width:3px;height:30px;margin:-88px 0;/margin:-102px 0; -margin:-101px 0}
			#infosClient #titleAvantage{width:169px; height:10px;}
				#infosClient p.close{ background:#ea1303; padding:5px 0;}
				#infosClient p.close a{color:#FFFFFF; font-weight:bold; padding:0 0 0 160px; text-align:right;}
				#infosClient a { color:#ee9814; text-decoration:underline; margin:0 0 10px 0;}
				#infosClient a:hover{ text-decoration: none;}
				#infosClient h2 {width:200px; padding:0; margin:0; float:left; overflow:hidden}
				#infosClient .clientType {color:##5b5c5d ; overflow:hidden;width:172px;margin-left:10px;margin-bottom:10px;margin-top:10px;-margin-top:0px}
                #infosClient .clientType input.btnOk{float:left;margin:-1px 0 0 10px;padding:0;border:none}
                #infosClient .clientType form{margin:0 0 0 0px}
                       #infosClient .clientType img.newsletter {margin:0;}
                #infosClient .clientType img {margin-left:5px;}
                #infosClient .clientType ul { margin:0 0 10px 0!important;}
				#infosClient .clientType input{float:left;color:#8a8a8a;font-size:11px;margin:0;padding:0}
				#infosClient .clientType p { margin: 10px 0 0 0px;font-weight:bold;font-size:12px}
				#infosClient .clientType li { width:165px; font-size:1.1em; font-weight:bold; background:url(../images/puce_ref_menu_cont.gif) 0px 0px no-repeat; line-height:16px; padding:7px 0 0 15px; display:block; float:left;}
					#infosClient .clientType li span{padding: 0 0 0 10px;} 
					#infosClient .clientType li.commande{background:url(../images/puce_commande_menu_cont.gif) 0px 4px no-repeat;}
					#infosClient .clientType li.promo{background:url(../images/puce_promo_menu_cont.gif) 0px 4px no-repeat;}
					#infosClient .clientType li.contact{background:url(../images/puce_contact_menu_cont.gif) 0px 4px no-repeat;}
				#infosClient .clientType li a{ color:#FFF; text-decoration:none}
				#infosClient .clientType li a:hover{text-decoration: underline}
				#infosClient .infosClientIntro { text-align:center; font-size:12px; font-weight:bold; overflow:hidden; }
				
				#infosClient .clientType01 {background:url(/images/bgd_blockRight_01.gif) 0 0 repeat-x; padding:10px 10px 150px 22px; margin:0; color:#FFF; clear:left;}
				#infosClient .clientType01 p a { font-weight:bold; text-decoration:underline; color:#FFF}
				#infosClient .clientType01 p a:hover {text-decoration:none}
				#infosClient .clientType01 .numeroAzur { margin:30px 0 0 0; }
				#infosClient li.IdError { padding:0; line-height:16px; }
				
                #infosClient .clientType02 {color:#5b5c5d; padding:0px 0 10px 0; overflow:hidden}
                #infosClient .clientType02 ul { margin:0 0 10px 0!important;}
				#infosClient .clientType02 li { width:130px; font-size:1.1em; font-weight:bold; line-height:12px; padding:17px 0 0 36px; margin :0 0 0 5px; display:block;}
					#infosClient .clientType02 li span{color:#d80002} 
					#infosClient .clientType02 li.commande{margin:0 0 0px 10px;height:19px;padding:8px 0 0 33px;background:url(../images/puce_commande_menu_cont.png) 0px 4px no-repeat;}
					#infosClient .clientType02 li.promo{margin:0 0 0px 10px;height:19px;padding:8px 0 0 33px;background:url(../images/puce_promo_menu_cont.png) 0px 4px no-repeat;}
					#infosClient .clientType02 li.contact{margin:0 0 0px 10px;height:19px;padding:8px 0 0 33px;background:url(../images/puce_contact_menu_cont.png) 0px 4px no-repeat;}
					#infosClient .clientType02 li.percent{margin:0 0 4px 10px;padding:0 33px;background:url(../images/puce_percent_menu_cont.png) 0px 3px no-repeat;}
					#infosClient .clientType02 li.reference{margin:0 0 0px 10px;height:19px;padding:8px 0 0 33px;background:url(../images/puce_ref_menu_cont.png) 0px 0px no-repeat;}
				#infosClient .clientType02 li a{ color:#FFF; text-decoration:none}
				#infosClient .clientType02 li a:hover{text-decoration: underline}
				
				#infosClient .clientType fieldset {padding:5px 0 0 10px;}
				#infosClient .clientType fieldset input {margin:0; padding:0; margin:2px 0 0 0;}
				#infosClient .clientType fieldset .btnOk {border:none; margin:0 0 0 5px; padding:0;}
				.logo {float:right; padding:0 12px 20px 0;-padding:0 40px 20px 0; }
				
				/*context
				****************/
				#context { background:url(/images/bgd_context_bottom.gif) center bottom no-repeat; width:200px; margin:0 auto; padding: 0 0 50px 0; float:left}
				#context h3 { color:#ee9814; font-size:1.5em; text-transform:uppercase; background:url(/images/bgd_h3_infosClient.gif) center 0 no-repeat; display:block; clear:both; width:200px; padding:65px 0 45px 0; text-align:center;}
				#context .cont { width:165px; padding:10px 10px 10px 18px;}
				#context .cont h4 { font-size:1.1em; color:#ee9814; padding:15px 0 5px 0;}
				#context .cont h4 img{ display:block}
				#context .cont div{background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:0 0 20px 0; margin:0 0 5px 0;}
					#context .cont div.last {background:none; padding:0 0 10px 0; margin:0}

			
			#layerLogged {position:absolute; left:0; top:130px; z-index:1001; /*display:none;*/ background:none;}
			#infosClientLogge { color:#7c7a7b; text-align:center; width:190px; float:right; background:#f61100; padding:5px;}
			#infosClientLogge h3 { text-align:center; margin:5px 0 0 0; padding:0; }
				#infosClientLogge h3 img { display:block; margin:0 auto; }
			#infosClientLogge div { text-align:left; background:#FEFEFE; margin:0 5px; padding: 0 5px 10px 5px; color:#7c7a7b; width:170px; }
			#infosClientLogge form { margin:0 5px; }
			#infosClientLogge div a { display:block; color:#FF0000 !important; outline:none;}
			#infosClientLogge div a:hover { text-decoration:underline; }				
			#infosClientLogge .deconnexion { text-align:right; padding:5px; border-bottom:1px solid #B61509; }
				#infosClientLogge .deconnexion input { color:#FFFFFF; font-size:10px; line-height:14px; border:0; background:url(/images/btn_deconnexion.gif) no-repeat; width:91px; height:14px; cursor:pointer; }
			#infosClientLogge .date { color:#FFFFFF; padding:5px 0; }
				#infosClientLogge .close a{ color:#FFFFFF; font-weight:bold; padding:0 ; text-align:right}
			/* "Mon espace client" */
			#loggedPanel{}
			#infosClientLogge #customer { overflow:hidden;}
			#infosClientLogge #customer p { border-bottom:1px dotted #7c7a7b; padding:10px 0; margin: 0 0 10px 0; }
			#infosClientLogge #customer span { color:#009933 !important; }
			#infosClientLogge #customer div { width:170px; padding:0 0 5px 0; margin:0; border-top:1px dotted #7c7a7b; overflow:hidden; }
				#infosClientLogge #customer form {width:170px; padding:0; margin:0; overflow:hidden; float:left;height:95px;}

				#infosClientLogge #customer .hide { display:none}
			#infosClientLogge #customer ol li { width:134px; float:left; padding:3px 0 0 0;}
			#infosClientLogge #customer ol li input { width:133px;}
			#infosClientLogge #customer ol li.first { width:170px;}
			#infosClientLogge #customer ol li.last { width:15px; padding:10px 0 10px 13px; margin:-12px 0 0 0; float:left; background:url(/images/bgd_line.gif) 0 50% no-repeat; }
			
						#infosClientLogge #customer label { padding:0; margin:0 0 2px 0;}
						#infosClientLogge #customer ol li.last input{  width:124px;}


			/* "Mes contacts" */
			 #infosClientLogge #contacts { background:url(/images/bgd_mes_contacts.gif) repeat-x bottom;}
				#infosClientLogge #contacts .hide {display:none}
				#infosClientLogge #contacts ul { display:table; margin:0 0 3px 0; }
					#infosClientLogge #contacts li { text-align:center; display:block; width:85px; height:18px; float:left; margin:3px 0 0 0;}
						#infosClientLogge #contacts li a  { color:#7c7a7b !important; text-decoration:none; margin:0; padding:2px 0 0 0}
						#infosClientLogge #contacts li a:hover { color:#7c7a7b; text-decoration:none; }
					#infosClientLogge #contacts .commercial_on { background:url(/images/btn_commercial_on.gif) no-repeat right top; }
						#infosClientLogge #contacts .commercial_on a { font-weight:bold; }
					#infosClientLogge #contacts .commercial_off { background:url(/images/btn_commercial_off.gif) no-repeat right top; }
						#infosClientLogge #contacts .commercial_off a {font-weight:normal}
					#infosClientLogge #contacts .televendeuse_on { background:url(/images/btn_televendeuse_on.gif) 0 0 no-repeat}
						#infosClientLogge #contacts .televendeuse_on a { font-weight:bold; }
					#infosClientLogge #contacts .televendeuse_off { background:url(/images/btn_televendeuse_off.gif) no-repeat left}
				#contacts img { float:left; margin:0 5px 5px 0; }
				#contacts dd { float:left; }
				#contacts dt { float:left; }
				#contacts a { color:#7c7a7b} 
				#contacts .tel { display:block; float:none; clear:both; padding:0; line-height:30px; border-top:1px solid #BFBDBF; border-bottom:1px solid #BFBDBF; }
				#contacts .fax { display:block; float:none; clear:both; padding:0; line-height:30px; border-bottom:1px solid #BFBDBF; }
				#infosClient .contacts{margin:0; padding:0; background:none;} 
				.contactsHide {position:absolute; top:-10000px; left:-5000px; display:none}	
			
			/*#content
			***************/
			#content { width:742px; overflow:hidden; margin:0}
			#contType {  width:540px; overflow:hidden; padding:0 0 10px 0; float:left}
			#contentCont {  width:530px; overflow:hidden; padding:0 0 10px 0; float:left;}
			#contentCont01 {  width:976px; overflow:hidden; padding:0 0 10px 0; float:left;background:transparent url(/images/bgd_content_contentCont01.jpg) no-repeat scroll 0 0}					
					
					/*hightlightTitle
					*********************/
					.hightlightTitle { width:519px; padding:0 10px 10px 0; margin:0 0 40px 0; float:left; overflow: hidden; background: url(/images/bgd_botTit.gif) 0 bottom no-repeat; }
					.hightlightTitle  dl { color:#FFF; font-size:1.4em; float:left;  background:url(/images/bgd_lineTit.gif) 0 0 repeat-y; margin:10px 0 0 30px; padding:0 0 0 10px; display:inline}
					.hightlightTitle  dt h1{ font-weight:bold; text-transform:uppercase}
.hightlightTitle h1 {font-size:1em; color:#ffffff; font-weight:bold; text-transform:uppercase;}					.hightlightTitle  dd {font-weight:normal; font-size:0.8em}
					.hightlightTitle  ul { float:right; padding:15px 0 0 0;}
					.hightlightTitle  li a { background:none; padding:0 0 5px 0; color:#FFF}
					.hightlightTitle  li a:hover { text-decoration:underline}
					
					.mainTitle { width:519px; padding:10px 10px 0 15px; margin:0 0 20px 0; float:left; overflow: hidden;color:#f11101;  }
					.mainTitle  dt { font-weight:bold; font-size:1.6em; text-transform:uppercase}
                                                                                                           .mainTitle  h1 { font-weight:bold; font-size:16px; text-transform:uppercase}
					.mainTitle  dd { font-size:11px;}
					
						.hightlightImg { width:519px; padding:0 10px 10px 0; margin:0 0 40px 0; float:left; overflow: hidden; }

					/*metiers
					*********************/
.hightlightMetiers a.lien {text-decoration:none !important; background:none; padding:0;}

					.hightlightMetiers { width:240px; margin:0 0 0 20px; float:left; display:inline}
						.right { width:221px; float:right; background:url(/images/bgd_line_02.gif) 0 top repeat-x; padding:20px 10px 20px 0; margin:0 15px 0 15px; overflow:hidden}
					.hightlightMetiers img {display:block; margin:0 0 15px 0;}
					.hightlightMetiers p { padding:0 22px 5px 0;text-align:justify;}
						.hightlightMetiers .txtType01 { padding:0 0 10px 0;}
						.hightlightMetiers .txtType01 a { background:none; padding:0}
					.hightlightMetiers div {width:240px; background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:0 0 30px 0; margin:10px 0; overflow:hidden}
						.hightlightMetiers div.first, .hightlightMetiers div.last { background:none;}
							.hightlightMetiers div.first01 {padding-top:0; margin-top:0}

					.hightlightMetiers h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;}
					.hightlightMetiers h3 { color:#ee192e; font-size:1.6em; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0;}
					.hightlightMetiers h2 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;}					.hightlightMetiers a, .hightlightMetiers li a { background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline}
					.hightlightMetiers a:hover, .hightlightMetiers li a:hover{ text-decoration:none;}
					#globalContainer #contentMain #content a.linkImage { background:none; padding:0; margin:0;}
					.hightlightMetiers .falseLink { background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; }
					.hightlightMetiers .linkMail { background:none; padding:0; margin:0; display:inline;}
					
							.hightlightMetiers dl {width:240px; background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:10px 0 20px 0; margin:10px 0; overflow:hidden}
							.hightlightMetiers dt.fisrt {width:81px; float:left; padding:0}
							.hightlightMetiers dt.fisrt img{ margin:0}
							.hightlightMetiers dt {width:159px; float:left; padding:0 0 10px 0;}
							.hightlightMetiers dd {width:159px; float:left; padding:0 0 5px 0;}
					/*contList*/		
					.contList { width:515px; float:left; overflow:hidden; margin:0 8px; display:inline; padding:0}	
					.contList h3 { color:#5d5d5d; font-size:1.1em; text-transform:uppercase}	
					.contList div{ width:230px; padding:0 0 37px 0; margin:0; overflow:hidden; float:left}	
					.contList p { padding:0 0 5px 0; font-size:1.1em; font-weight:bold}		
					.contList .right { float:right}		
						.typeCol01 p { color:#854f81;}
						.typeCol02 p { color:#7e8e51;}
						.typeCol03 p { color:#f39f0e;}
						.typeCol04 p { color:#69939d;}
						.typeCol05 p { color:#6ca693;}
						.typeCol06 p { color:#b03762;}
						.typeCol07 p { color:#a75538;}
					/*enChiffres
					*********************/
					.enChiffres { width:231px; float:right; background:url(/images/bgd_en_chiffres.gif) 0 bottom no-repeat; padding:0 0 20px 0; margin:0 10px 0 0; display:inline}
					.enChiffres h3, .enChiffres h2  { background:url(/images/bgd_en_chiffres_top.gif) 0 0 no-repeat; width:211px; color:#ee192e; text-transform:uppercase; padding:15px 10px 0 15px; font-weight:bold; font-size:16px;}
					.enChiffres h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;}
					.enChiffres p { padding:0 0 0 3px;}
							.space01 h3 {width:181px; padding:15px 10px 0 40px}
                                                                                                                                         .space01 h2 {width:181px; padding:15px 10px 0 40px}

							#contentCont .space01 div {width:160px;}
					.enChiffres div { width:211px; background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:20px 0; margin:0 auto; overflow:hidden}
					.enChiffres li a { background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline}
					.enChiffres li a:hover { text-decoration:none;}
					.enChiffres .last { background: none;}
							.enChiffres img.visuProduit{float:left;}
							.enChiffres dl {width:125px; float:left; overflow:hidden; margin:0 0 0 10px}
							.enChiffres dt {width:125px; color:#FF0000; text-transform:uppercase; float:left;}
							.enChiffres dd.first {text-transform:uppercase; padding:0 0 5px 0;}
							.enChiffres dd {width:125px; float:left; }
							.enChiffres .price01 { width:60px; color:#000; }
							.enChiffres .price01 strong{ font-size:2.4em;}
							.enChiffres .price01 span{ font-size:1.4em; font-weight:bold}
							
							.enChiffres .price02 { width:60px; color:#4f4d50; background: url(/images/bgd_price02.gif) 0 50% no-repeat; overflow:hidden }
							.enChiffres .price02 strong{ font-size:2.4em;}
							.enChiffres .price02 span{ font-size:1.4em; font-weight:bold}
							
					/*Marques filieres
					*********************/
					.marquesFiliers{width:231px; float:left; background:url(/images/bgd_en_chiffres.gif) 0 bottom no-repeat; padding:0 0 20px 0; margin:0 0 0 10px;}
					.marquesFiliers h3 { background:url(/images/bgd_en_chiffres_top.gif) 0 0 no-repeat; font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 10px 0 13px}
                                                                                                           .marquesFiliers h2 { background:url(/images/bgd_en_chiffres_top.gif) 0 0 no-repeat; font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 10px 0 13px}
					.marquesFiliers h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;}
					.marquesFiliers p { padding:0 13px; font-size:1.182em; color:#f11101;}
					.marquesFiliers dl { padding:0 5px; }
					.marquesFiliers dt { background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 5px 10px; color:#7c7a7b; text-decoration:underline}
					.marquesFiliers dd { padding: 0 0 10px 0;}
					.marquesFiliers div { width:218px; background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:30px 0 50px 0; margin:0 6px; overflow:hidden}
					.marquesFiliers div img{ margin:0 0 10px 0;}
					.marquesFiliers .last { background: none;}
					/*les maques*/
					.lesMarques{width:250px; float:left; padding:0 10px 0 15px;}
					.lesMarques h3 {font-size:1.6em; font-weight:bold; color:#ee192e; text-transform:uppercase; padding:10px 0 0 0}
					.lesMarques h4 { color:#f11101; font-size:1.1em; padding:0 0 5px 3px;}
					.lesMarques p { padding:0; font-size:1.182em; color:#f11101;}
						.highlightItemMarques {width:250px; background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:20px 0 30px 0; margin:10px 0; overflow:hidden}
						.highlightItemMarques div{ width:104px; float:left; margin:0 8px 0 0; text-align:right}
						.highlightItemMarques dl{ width:138px; float:left;}
						.highlightItemMarques dt{ font-size:1.0em; font-weight:bold; color:#f11101; text-transform:uppercase; }
						.highlightItemMarques dd{ font-weight:bold; padding:3px 0;}
						.highlightItemMarques dd a{ background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline; font-weight:normal; }
						.highlightItemMarques dd a:hover{ text-decoration:none; }
					.lesMarques div.last{ background:none;}
			
					.intro { padding:0px;}
					.intro p { padding:0 0 5px 0;}
			/*cont Type	
			*************/	
					/*Type 01*/
					.contType01 { padding:0 13px;}
					.contType01 p { padding:0 0 15px 0; text-align: justify;}
					.contType01 p a{ text-decoration:underline}
					.contType01 p a:hover{ text-decoration:none}
					.contType01 h5, .contType02 h5 { font-size:1.1em ;}
					.contType01 h4, h2, h1 .contType02 h4, h2, h1 { font-size:1.1em ; color:#f11101; text-transform:uppercase; padding:10px 0 10px 0}
					.contType01 h3, .contType02 h3 { font-size:1em; color:#ee192e; text-transform:uppercase; padding: 5px 0 10px 0}
						.contType01 h4 span{ font-size:0.8em; display:block; text-transform:none; font-weight:normal}
					.contType01 li a {background:url(/images/icon_02_type.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline}
					.contType01 li a:hover{ text-decoration:none}
.contType01 li a.lien {text-decoration:none !important; background:none; padding:0;border-style:dashed;border-width:0 0 1px;}
								.contType01 .txtNormal { padding:0 0 15px 0;}
								.contType01 .txtNormal h4 {padding:0; font-size:1em; color:#7C7A7B;}

								.contType01 .txtNormal p { padding:0;}
								.contType01 .legend { font-size:10px; }
					
					/*Type 02*/
					.contType02 div { width:530px; background:url(/images/bgd_line_02.gif) 0 100% repeat-x; padding:13px 0; overflow:hidden; float:left}
					.contType02 img{ float:left; margin:0 15px 0 0}
					.contType02 dl{ width:444px; float:left;}
					.contType02 dt{ color:#ff1805}
					.contType02 dd { padding:0 0 8px 0;}
					.contType02 dd p { padding:0; margin:0}
					.contType02 dd p strong{ color:#ff1805; font-weight:bold}
						
							.contType02 dl.photo { width:180px; margin:0 0 10px 10px; float:right}
							.contType02 dl.photo dd { width:180px; float:left}
							
							
					/*Type 03*/
					
					.contType03 { padding:0}
					.contType03 .txtNormal{margin:20px 0 0 0;font-size:1.1em;}
					.contType03 p { padding:0px 0px 15px 0;width:550px;padding-right:5px;}
						.contType03 p.tel {  width:400px;text-align:center;margin:0 auto}
					.contType03 p a{ text-decoration:underline}
					.contType03 p a:hover{ text-decoration:none}
					.contType03 h5{ font-size:1.3em ;text-align:center;margin:15px 0 0px 0}
					
					
					
					
			/*block
			*************/	
					/*Type 01*/	
					.blockType01 { width:529px; padding:5px 0 0 0; margin:15px 0 30px 0; float:left; overflow:hidden; background:url(/images/bgd_topBlock.gif) 0 0 no-repeat;}
					.blockType01 .cont {width:529px; padding:0 20px ; background:url(/images/bgd_botBlock.gif) 0 100% no-repeat; padding:0 0 10px 0;  }
					.blockType01 h4{ font-size:1.4em ; color:#f11101; text-transform:uppercase; padding:10px 0 20px 15px}
						.blockType01 h4 span{ font-size:1em; display:block; text-transform:none; font-weight:normal}
					.blockType01 li {background:url(/images/bgd_line_02.gif) 0 100% repeat-x; padding:0 0 10px 0; margin:0 10px 10px 10px; }
					.blockType01 li a, .blockType01 li span{background:url(/images/icon_02_type.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#7c7a7b; text-decoration:underline; margin:0 0 0 5px}
			
					/*Detail Logo*/
					.blockDetail { width:230px; margin:0; float:left; display:inline}
					.blockDetail dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase}
					.blockDetail dd {padding:0 0 10px 0; }
					.blockDetail dd p { display:block}
					.blockDetail dd span {color:#f11101; }
					
					.blockDetail01 {background:url(/images/bgd_line_02.gif) 0 bottom repeat-x;width:230px; margin:0; float:left; display:inline;padding:0 0 35px 0 }
					.blockDetail01 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase}
					.blockDetail01 dd {padding:0 0 10px 0; }
					.blockDetail01 dd p { display:block}
					.blockDetail01 dd span {color:#f11101; }
					
					.blockDetail02 {width:230px; margin:0; float:left; display:inline;padding:43px 0 0 0;}
					.blockDetail02 p img{margin:10px 5px 0 0}
						.blockDetail02 p a{text-decoration:underline;}	
						.blockDetail02 p a:hover{text-decoration:none;}
					.blockDetail02 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase}
					.blockDetail02 dd {padding:0 0 10px 0; }
					.blockDetail02 dd p { display:block}
					.blockDetail02 dd span {color:#f11101; }
					
					.blockDetail03 {width:232px; margin:0; float:right; display:inline;padding:43px 0 0 0;}
					.blockDetail03 p img{margin:10px 5px 0 0}
						.blockDetail03 p a{text-decoration:underline}
						.blockDetail03 p a:hover{text-decoration:none;}
					.blockDetail03 dt { color:#f11101; font-size:1.1em; padding:10px 0 10px 0; text-transform:uppercase}
					.blockDetail03 dd {padding:0 0 10px 0; }
					.blockDetail03 dd p { display:block}
					.blockDetail03 dd span {color:#f11101;}

			/*List
			*************/
			/*Type01*/
			.listType01 ul { margin:0 0 0 30px; }
				.listType01 li {background:url(/images/icon_li_type.gif) 0 5px no-repeat; padding:0 0 5px 10px; }
				
				.listImg { width:530px; margin:50px 0 0 0; text-align:center;}
				.listImg li { width:103px; margin:0 50px 0 0; padding:0; display:inline }
				.listImg li a { background:none}
			/*Link
			*************/
			/*Type*/	
			p.linkType {background:url(/images/icon_02.gif) 0 18px no-repeat; padding:15px 0 0 10px;  }
			.linkType a {background:none; display:block; text-decoration:underline!important}
			.linkType a {text-decoration:none}
			/*hcard
			*************/	
			.hightlightMetiers div.contactType  { width:240px; overflow:hidden; margin:0; padding:15px 0 15px 0;}		
			.hightlightMetiers .contactType  p { display:block;}	
			.hightlightMetiers .contactType  p a { background:none; padding:0}
			
				.blockContact { width:190px; float:left; overflow:hidden; padding:10px 0 0 0; margin:50px 0 0 0; background:url(/images/bgd_topContact.gif) 0 0 no-repeat}
				.blockContact .cont {width:175px; padding:0 3px 10px 12px; background:url(/images/bgd_contContact.gif) 0 100% no-repeat; overflow:hidden; }
				.blockContact h3  { color:#FFF;}
				.blockContact img  { margin:10px 0 0 0;}
				.blockContact p  {width:175px; color:#FFF; display:block; float:left}
				.blockContact p span { float:right}
				.blockContact p a { color:#FFF; text-decoration:underline!important}
				.blockContact p a:hover { text-decoration:none!important}
		/*concours */
		.lChefsEnOr {  }
		.lChefsEnOr img { display:block; float:left; margin-right:10px;  }
		.lChefsEnOr h4 { margin-top:10px; padding-top:24px;}
			/* "Mon espace client" */
			#customer {  width:199px; overflow:hidden; margin:0 4px; padding:0; color:#FFF;}
			#customer #loginPanel  p {padding:0; margin:0;margin:10px 0;}
			#customer p {padding:5px 0px 5px 1px; margin:0;width:170px }
			#customer a { color:#FFF}
			#customer span { color:#FFF; }
			#customer div { width:199px; height:187px; padding:0 0 0px 13px; /*background-color:#e95b16;*/ background:url(/images/center_client.gif) 0 0% no-repeat; overflow:hidden; float:left}
				#customer img{padding-top:0px; }
				#customer #returnEcommerce{margin:21px;15px; }
				#customer #incription{padding-top:0px; margin: 0}
				#customer #loggedPanel .description{font-weight:bold;}
				#customer div div{ width:170px; background:none; padding:0; margin:18px 0px !important; margin:18px 0px; display:block}
				#customer div div.description{margin:0 18px !important; margin:0 8px;}
				#customer div div p span{display:block}
						
				#customer #UnloggedPanel{color:#5b5c5d; width:199px;height:111px;margin:-3px 0; padding:0px 0px 0px 0px;/*background-color:#e95b16;*/ background:url(../images/bas_no_client.gif) 0 0% no-repeat; overflow:hidden; float:left}
					#customer #UnloggedPanel h3 img{padding:18px 0 0 0}
					#customer #UnloggedPanel .description img{float:none;margin:0}

			#customer form {width:178px;height:159px;padding:0; margin:0; overflow:hidden; float:left }

			#customer .hide { display:none}
			#customer ol li { width:134px; float:left; padding:3px 0 0 0;}
			#customer ol li input { width:133px;}
			#customer ol li.first { background:url(../images/puce_customer_delog.gif) no-repeat scroll 0px 5px; padding:0 10px;}
			#customer ol li.first span{text-decoration:underline}
			#customer ol li.last { border-width:0px; padding:10px 0 10px 13px; margin:-47px -100px 0 0; float:right;  }
			#infosClient #customer ol li.forgotPassword { background:none; float:right; margin:-12px 0 0;padding:22px 0 15px 0;}
			#infosClient #customer ol li.forgotPassword input{ border:0; width:auto;}
			
			#customer label { padding:0; margin:3px 0 2px 0px;width:160px}
			#customer ol li.last input{ border:0; width:auto;}
					
					.clientLogin { width:200px; height:130px;  overflow:hidden; padding:0; color:#FFF; float:left; background:url(/images/bgd_context_top.gif) 0 0 repeat-x;}
						#infosClient .clientLogin a { color:#FFF; text-decoration:none; }
							#infosClient .btn { margin:0 10px 0 0; float:right;}
							#infosClient .btn a {background: url(/images/icon_arrow.gif) 0 5px no-repeat; padding:0 0 0 15px;}
							
											#layerLogin {position:absolute; left:0; top:130px; z-index:1001; display:none}
											#layerLogin h3 { width:168px; font-size:1.2em; text-transform:uppercase; padding:7px 10px 3px 22px; background:url(/images/bgd_h3_layer_client.gif) 0 0 no-repeat; overflow:hidden; }
											#layerLogin h3 span {float:right; margin:-15px 0 0 0; display:inline}
													#layerLogin h3 span a{font-size:1.0em;}
											#layerLogin p { width:178px; float:left; padding:0}
											#layerLogin p a { color:#FFF; float:left}
											#layerLogin div { width:178px; padding:0 0 0 22px; margin:0; background:url(/images/bgd_contRight.gif) 0 100% no-repeat; overflow:hidden;}
											#layerLogin ol li { width:134px; float:left; padding:3px 0 0 0;}
											#layerLogin ol li.first { width:170px;}
											#layerLogin ol li.last { width:15px; padding:10px 0 10px 13px; margin:-12px 0 0 0; float:left; background:url(/images/bgd_line_01.gif) 0 50% no-repeat; }
											#layerLogin ol li.last input{ border:0}
											#layerLogin label { padding:0; margin:0 0 2px 0;}
											
		/*footer
		*******************/
		#footer { width:976px; margin:0 auto 10px auto; padding:0 0 7px 0; overflow:hidden; background: url(/images/bgd_botFooter.gif) 6px 100% no-repeat;}
		#footerImg { width:976px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden;height:100px}
			#footer .cont{ width:976px; margin:0 auto; padding:3px 0 15px 0;  overflow:hidden; background: url(/images/bdg_content_footer.gif) 6px 0 no-repeat;z-index:100;-margin-top:3px;}
			#footer h3 { color:#525052; text-transform:uppercase; font-weight: bold; font-size:9pt; line-height:13px; padding:0 0 5px 15px; background:url(/images/puce.png) 0 2px no-repeat;}
				#footer h3 a { color:#525052;}
			#footer li a { color:#8a8a8a;font-size:8pt}			
			#footer a:hover  { text-decoration:underline}	
			#footer .part {width:976px; padding:30px 0 0 0; overflow:hidden; float:left}
			#footer .part ul { padding:0 0 0 10px; font-size:1.1em}
			#footer .part div { width:185px; padding:0 0px 0 10px; float:left;}
		#landingFooter { width:950px; margin:0 auto 50px auto; padding:0 0 7px 0; overflow:hidden;}
		#landingFooter a  { text-decoration:underline}	
									
/*error message*/
#error { width:369px;  text-align:center; background-color:#f7f7f7; padding:10px; position:absolute; left:0; top:0; display:none; z-index:999}
	#error .buttonExit {float:right;}
	#error .messages { font-size:18px; color:#e20025; font-weight:bold; padding:15px 0 0 0 }
	#error .iconError{ padding:10px 0 0 0;}
									
/*creation Compte
***************************/
.creationCompte { padding:0 13px; }
	.creationCompte h4 { width:320px; font-size:12px; text-transform:uppercase; font-weight:bold; padding:0 0 10px 0; line-height:18px}
		.creationCompte h4 span{color:#ff1100;}
        .creationCompte p{font-size:13px;} 
		  .creationCompte p span { font-size:10px; display:block;color:#ff0000;margin:5px 0 15px 0;}

	.creationCompte div { width:410px; border:#ff1100 solid 1px; padding:10px 13px; margin-right:25px; overflow:hidden; float:left;font-weight:bold;}
	.creationCompte div.last {margin-right:0;}
	.creationCompte div p.form{font-size:16px;color:#5d5d5d;}
		.creationCompte div p.form span{color:#ff1805;font-size:16px;width:auto;display:inline}

		.creationCompte div.last p {margin-left:50px;}	
		
		/*Nouvelle page Creation Compte*/
		.creationCompte .headerBottom { border:none;width:900px;padding:10px 13px; margin:100px 25px 0 0; overflow:hidden;float:left;}
	.creationCompte .headerBottom h4{float:left;width:auto}		
	.creationCompte .headerBottom p{font-size:18px;color:#ff1805;width:880px}
		
/*client Contact
***************************/
.clientContact { width:906px; padding:10px 10px 20px 10px; border:#ff1100 solid 1px; overflow:hidden }
	.clientContact h3 { padding:0 0 20px 0;}
	.clientContact p { padding:5px 0;}
		.clientContact .citationsClients { width:230px; float:left; margin:0 0 0 0; padding:0 10px 0 0;}
			.citationsClients img {margin:0 0 30px 0; }	
			.citationsClients p {display:block; }
						.citationsClients span { color:#FF0000; font-weight:bold}		
		
		.clientContact .devenezClients {width:563px; float:left; margin:15px 0 0 0; padding:0 0 0 35px; border-left:#ff1100 solid 1px; overflow:hidden}
			.clientContact .line01 {width:563px; padding:0 0 15px 0; background:url(../images/bgd_line_dot.gif) 0 100% repeat-x; overflow:hidden; }	
				
		
/* Layer Calendrier */
#layerCalendrier{ width:572px; overflow:hidden; float:left}
	#layerCalendrier a:hover { text-decoration:underline;}
	#layerCalendrier h3{ background:url(/images/bgd_layer_calendrier_top.gif) 0 0 no-repeat; padding:8px 10px;}
		.layerCalendrierCont{ width:552px; background:url(/images/bgd_layer_calendrier_cont.gif) bottom no-repeat; padding:10px; overflow:hidden; }
			.layerCalendrierCont h4{ float:left; width:320px;}
			.layerCalendrierCont span{ font-size:16px; font-weight:bold;}
			.layerCalendrierSubCont{ width:530px; background:url(/images/bgd_layer_calendrier_cont_sub.gif) bottom no-repeat; border-top:1px solid #E9E9E9; padding:15px 10px; margin:10px 0 0 0; overflow:hidden; }
				.dottedLine{ border-bottom:1px dotted #525052; padding:0 0 10px 0; margin:0 0 10px 0}
				.subContent{ width:532px; margin:10px 0 0 0; overflow:hidden; clear:both;}
					.subContentTop{width:522px; background:#d9d9d9; padding:8px 5px; overflow:hidden; clear:both; }
						.subContentTop a, .subContentBottom a {float:right; font-weight:normal; font-size:11px; display:block;}
						#layerCalendrier .subContentTop h4 { text-align:center; width:inherit; width:365px; }
						.subContentTop .prec { float:left; }
					.subContentCenter{width:550px; margin:5px 0; overflow:hidden;}
						.subContentBottom a.prec { float:left; }
						.subContentCenter dl{ width:40px; float:left; padding:0 2px;}
						.subContentCenter dt{ font-weight:normal; font-size:9px; text-align:center}
						.subContentCenter dd{ text-align:center; font-size:26px; font-weight:bold; height:32px; width:28px; background-color:#e5e5e5; padding:2px 4px;}
						.subContentCenter dd.disabled { color:#FFF; background:url(/images/ico_calendrier_vide.gif) no-repeat center;}
						.subContentCenter dd.current { color:#FFF; background-color:#ff2e14;}						
					.subContentBottom{width:522px; background:#d9d9d9; padding:5px; overflow:hidden}
				.subContent .blockMessageError{ border:1px solid #FF0000; color:#FF0000; padding:5px; margin:10px 0 0 0}
				.contactList{ margin:5px 0 0 0; width:200px; float:left}
					.contactList h5{ padding:5px 0;}
					.contactList .infoContact{ width:100px; float:left; font-weight:normal; font-size:11px}
					.validerButton{ float:right; padding:60px 0 0 0}

/* auto-complete */
div.autocompleter-loading {float:left;clear:right;background:#fff url(images/spinner.gif) no-repeat center;width:20px;height:16px}
ul.autocompleter-choices {position:absolute;margin:0;padding:0;list-style:none;border:1px solid #eee;background-color:white;border-right-color:#ddd;border-bottom-color:#ddd;text-align:left;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;z-index:50}
	ul.autocompleter-choices li {position:relative;padding:0.1em 1.5em 0.1em 1em;cursor:pointer;font-weight:normal;font-size:1em}
	ul.autocompleter-choices li.autocompleter-selected {background-color:#ff0000;color:#fff}
		ul.autocompleter-choices span.autocompleter-queried {font-weight:bold}
		ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color:#ffffff}


/* chefs en or */
.lChefsEnOr1 {text-align:center; margin:10px 0 0 0; overflow:hidden;}
.lChefsEnOr1 img { display:block; float:left; margin-right:10px;  }
.lChefsEnOr1 h4 {float:left; margin:0 0 0 0; padding-top:10px; width:280px;}
.lChefsEnOr2 {text-align:center; margin:10px 0 0 10px; overflow:hidden; width:530px;}
.lChefsEnOr2 img { display:block; float:left; margin-right:10px;  }
.lChefsEnOr2 h4 {float:left; margin:0 0 0 0; padding-top:10px; width:280px;}
.lChefsEnOr2 h2{float:left; margin:0 0 0 0; padding-top:10px; width:280px;}
.lChefsEnOr2 h1{float:left; margin:0 0 0 0; padding-top:10px; width:280px;}

h2.titreApprentis {color:#1B2E68;}
h3.titreApprentis {color:#1B2E68;}
h4.titreApprentis {color:#1B2E68;}
h5.titreApprentis {color:#1B2E68;}

.listChefsEnOr {background:url(../images/bgd_chefsEnOr_bottom.gif) no-repeat scroll 0 bottom; margin:10px 0 10px 0; overflow:hidden; width:494px;}
.listChefsEnOr .wrap { background:url(../images/bgd_chefsEnOr_top.gif) no-repeat top left; overflow:hidden; padding:10px 0 0 0;}
.listChefsEnOr .contentListChefsEnOr {margin:10px auto; width:480px; overflow:hidden;}
.contentListChefsEnOr h4 { font-style:italic; padding:0;}

.listChefsEnOr dl {width:240px;padding:10px 0 10px 0; margin:0 0 0 0; overflow:hidden; float:left;}
.listChefsEnOr dl.president {width:480px;padding:10px 0 10px 0; margin:0 0 0 0; overflow:hidden; float:left;}
.listChefsEnOr dl.president dd  {width:350px;}
.listChefsEnOr dt, .listChefsEnOr dd {padding:0; margin:0; float:left;}
.listChefsEnOr dt {width:102px; height:102px; overflow:hidden;}
.listChefsEnOr dd {width:125px; padding:0 0 0 10px;}
.listChefsEnOr dd.titre {color:#F11101; text-transform:uppercase; font-weight:bold;}
.listChefsEnOr dd.titreApprentis {color:#1B2E68;}
.listChefsEnOr dd a { text-decoration:underline; background:url(../images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px }
.listChefsEnOr dd a:hover { text-decoration:none}

img.chefs {border:1px solid #F11101;}
img.apprentis {border:1px solid #1B2E68;}
.chefs img {border:1px solid #F11101;}
.apprentis img {border:1px solid #1B2E68;}

.palmares {border:1px solid #F11101; padding:0 0 10px 0; margin:0 0 10px 0;}

.palmaresFirst {overflow:hidden; margin:0 0 20px 0;}
.palmaresFirst img {float:left;}
.palmaresFirst div {width:190px; padding:10px; float:left; text-align:center;}
.palmaresFirst span {font-style:italic; margin:10px 0 0 0;}

.palmaresSecond {overflow:hidden; float:left;}
.palmaresSecond img {float:left;}
.palmaresSecond div {width:140px; padding:0 0 0 5px; float:left;}
.palmaresSecond span {font-style:italic; margin:10px 0 0 0;}
.palmaresRight {text-align:right; padding:0 0 0 0; margin:0 5px 0 0;}

.palmaresThird {overflow:hidden; float:right;}
.palmaresThird img {float:left;}
.palmaresThird div {width:140px; padding:0 0 0 5px; float:left;}
.palmaresThird span {font-style:italic; margin:10px 0 0 0;}
.palmaresRight {text-align:right; padding:0 0 0 0; margin:0 5px 0 0;}
.palmaresApprentis {border:1px solid #1B2E68;}

.photosRemise {width:420px; margin:0 auto;}
.photosRemise img {margin:0 10px 10px 0;}

/* partenaires industriels */
#partenaires {margin:0; overflow:hidden;}
#partenaires div {overflow:hidden; float:left; width:100%;}
#partenaires.mel {margin:0 0 0 20px;}
#partenaires h3 {color:#F11101; text-transform:uppercase; font-weight:normal; margin:30px 0 0 0;}
#partenaires h4 {color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;}
#partenaires h4 a {color:#f11101;}
#partenaires dl {width:240px;padding:10px 0 20px 0; margin:10px 13px 0 0; overflow:hidden; float:left;}
#partenaires #recherche dl {width:240px;background:url(/images/bgd_line_02.gif) 0 bottom repeat-x; padding:10px 0 20px 0; margin:10px 13px 0 0; overflow:hidden; float:left;}

#partenaires dt, #partenaires dd {padding:0; margin:0; float:left;}
#partenaires dt {width:98px; height:99px; overflow:hidden;}
#partenaires dd {width:125px; padding:0 0 0 15px;}
#partenaires dd.titre {color:#F11101; text-transform:uppercase; font-weight:bold;}
#partenaires dd a { text-decoration:underline; background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px }
#partenaires dd a:hover { text-decoration:none}
#partenaires .sommaire {float:left; width:100%;}
#partenaires .sommaire li {float:left; border-right:1px solid #dedede; font-size:12px; font-weight:bold; color:#7c7a7a; text-transform:uppercase;}
#partenaires .sommaire li.last {border:none; margin:0;}
#partenaires .sommaire li a {display:block; padding:0 5px 0 5px;}
#partenaires .sommaire li a:hover {color:#f11101; text-decoration:underline;}
#partenaires .sommaire li.nolink {padding:0 5px 0 5px; color:#dedede;}
/*highlightRight2	********************/
.highlightRight2 {float:left;text-align:left; padding:0 10px 20px 20px; margin:0 0 0 0px;}
		.highlightRight2 h3 {color:#ee192e; padding:0; font-size:1.2em; font-weight:bold; text-transform:uppercase}
		.highlightRight2 h4 { color:#f11101; font-size:1.1em; text-transform:uppercase; padding:0 0 5px 0;}
		.highlightRight2 p { padding:0 0 5px 0;}
		.highlightRight2 img {display:block; margin:0 0 15px 0;}

		.highlightRight2 dl { font-size:1em; color:#ff1805; padding:10px 0}
		.highlightRight2 dt { font-weight:bold; text-transform:uppercase}
		.highlightRight2 dd {color:#7c7a7b; padding:0 0 5px 0;}
		.highlightRight2 dd a { text-decoration:underline; background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px }
		.highlightRight2 dd a:hover { text-decoration:none}
		.highlightRight2 dd a.last { background:none}
		.highlightRight2 a.link {color:#ff1805; text-decoration:underline;}
		.highlightRight2 a.link:hover { text-decoration:none;}

a.fin{text-decoration:underline; background:url(/images/icon_02.gif) 0 3px no-repeat; padding:0 0 0 10px}

#contentContRech {background-color:#FFFFFF;overflow:hidden;padding:0 0 10px;width:530px;}

table.messageNoScript {width:98%;border:1px dashed;margin:auto;text-align:center}
td.textNoScript {font-weight:bold;color:#FF0000;font-size:1.6em;vertical-align:top}
* html  td.textNoScript {font-weight:bold;color:#FF0000;font-size:1.65em;vertical-align:top}


/******* Landing Page ********************************/
 .mainHighlight{ width:743px;padding:20px 0 0 0; }
 .mainHighlight h2{ color:#e40115; font-size:12px;}
 .homeHighlight{ float:left;background-color:#FFFFFF; width:743px; padding:0 0 0 15px;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#5d5d5d; }
 .homeHighlight a {color:#262121; text-decoration:none; outline: none; font-size:11px;}
 
	 .mainHighlight h1{ color:#e40115; font-size:20px; font-weight:normal; padding:0 0 15px 0;}
	 .mainHighlight p{}
		.highlightillus{ background:url(/images/bgd_boulangerie.jpg) no-repeat; width:737px; height:189px; margin:25px 0 0 0;}
		 .baker02{background:url(/images/bgd_boulangerie02.jpg) no-repeat;}
		 .highlightillus a{color:#e40115;}
			 .highlightillus a:hover{ text-decoration:none; }
		 .highlightillus p{ font-size:11px;}
	.highlightillus02{ width:737px; height:189px; margin:25px 0 0 0;}	 
	.highlightLink{ padding:145px 0 0 160px;}	

	.highlightBlock02{width:515px; overflow:hidden;}	
	.highlightBlock03{ width:503px; overflow:hidden;}		
		.highlightBlock03 h3{ margin:0px 0 20px 0; font-size:16px;}
		.highlightBlock03 h4{ margin:0 0 10px 0;}	
		.highlightBlock03 .highlightList p{ font-size:13px;}
			.highlightBlock03 .highlightList ul{ padding:5px 0 0 0;}
			.highlightBlock03 .highlightList ul li{ font-weight:normal; font-size:13px;}
	.highlightBlock03 .highlightList{ margin:0; width:216px; padding:0;}	
		.highlightlistblock{ width:287px;overflow:hidden; float:left;}
		.highlightlistblock .highlightSmall{ background:url(images/bgd_raisin.gif) no-repeat; width:285px; height:95px; }
		.highlightlistblock .highlightSmall h4{ font-size:16px; color:#d62224;}
			.highlightlistblock .highlightSmall div{ float:right; width:171px; padding:3px 5px 0 8px;}
				.highlightlistblock .highlightSmall div p{ font-size:10px;}
				.highlightlistblock .last{ margin:20px 0 0 0;background:url(/images/bgd_croissant.gif) no-repeat; }
	.highlightBlock{ overflow:hidden; width:737px; background:url(/images/illus_separator.gif) no-repeat top; margin:20px 0 0 0; padding:25px 0 0 0;}
	.highlightBlock div{ width:249px; float:left;}
	.highlightBlock .last{ width:238px;margin:0}
	.highlightBlock div h2{ font-size:13px;color:#e40115; padding:0 0 5px 0; }
	.highlightBlock div p{ padding:0 2px 0 5px; width:232px;}

		.illusCommand{ width:193px; height:190px; background:url(/images/bgd_sale.jpg) no-repeat; margin:15px 0 0 0px;}
			.illusCommand h4{ padding:10px 0 0 12px;}
			.illusCommand p{ color:#FFFFFF; padding:0 0 0 12px;}

		.illusZoom{ width:193px; height:280px; background:url(/images/bgd_zoom.gif) no-repeat; margin:15px 0 0 1px;}	
		.surg{ background:url(/images/bgd_zoom02.gif) no-repeat;}
		.resto{ background:url(/images/bgd_zoom03.gif) no-repeat;}
		.baker{background:url(/images/bgd_zoom04.gif) no-repeat;}
			.illusZoom h4{ padding:10px 0 5px 12px;}
			.illusZoom h5{color:#e40115; font-weight:bold;padding:0px 0 5px 12px;}
			.illusZoom p, .illusZoom ul{ padding:0 0 0 12px; font-size:11px;width:170px;}
			.illusZoom ul li a{color:#e40115;}
			
			.formContent{ z-index:90; height:464px; top:950px; width:954px; z-index:90; position:absolute}
			.formContent p{font-size:12px;}
			.highlightform{width:946px; padding:0 0 0 6px;}
			.highlightTopForm{ background:url(/images/bgd_topform03.gif) no-repeat; width:946px; height:26px; display:block;}
			.highlightContentForm{ background:url(/images/bgd_contentform03.gif) repeat-y; width:946px; overflow:hidden;}
			.highlightBottomForm{background:url(/images/bgd_bottomform03.gif) no-repeat; width:946px; height:29px;}
			.infoForm{ float:left; width:623px; background:#FFFFFF url(/images/bgd_form02.gif) repeat-x; margin:0 10px 0 10px; height:412px;}
				.infoForm form{ padding:0 0 0 15px;}
				.infoForm form h3{color:#da1011; padding:0 0 5px 0; font-size:13px;}
				.infoForm form fieldset{ width:583px; overflow:hidden; padding:20px 0 0 0;}
				.infoForm form fieldset span{ color:#d70101;}
				.infoForm form fieldset ol{ margin:15px 0 0 0;}
				.infoForm form fieldset ol li{ float:left; padding:0px 30px 0 0; height:35px;}
				.infoForm form fieldset .activite{ float:left; padding:0px 25px 0 0; height:35px;}
				.infoForm form fieldset ol li label{ width:85px;margin:0;height:5px; float:left; font-weight:bold;}
				.infoForm form fieldset ol li input{border:1px solid #aaaeaa; width:170px;}
				.infoForm form fieldset .mail{ float:right;padding:0px 0px 0 0; width:296px;}
				.infoForm form fieldset .adresse{ height:50px;}
				.infoForm form fieldset .message{ clear:both; padding:0px 0 0 0; float:none; overflow:hidden; height:75px;}
					.infoForm form fieldset .message textarea{width:477px; float:left;height:60px;border:1px solid #aaaeaa;  }
					.infoForm form fieldset .sub{ float:none; }
					.infoForm form fieldset .inscription{ background:url(/images/btn_suscribe.jpg) no-repeat; width:84px; height:28px; border:none; float:right;  cursor:pointer; display:block;}
			.customerform{float:left; width:292px;}
				.subscribe{ background:url(/images/bgd_become.gif) no-repeat; height:75px; width:182px; margin:0 30px; padding:20px 0 0 40px; clear:both;}
				.subscribe h4{ font-weight:bold; font-size:13px; color:#da1011;}
				.subscribe a{ color:#4d4c4d;}
			.highlightGift{ width:222px; margin:0 30px;}				
			
	.frmType01 li p.space { width:263px; height:8px; color:#FF0000; font-size:10px; left:0px; padding:0 0 0px 0; margin:0; float:none;}
		.frmType01 fieldset li p { width:160px; color:#FF0000; font-size:10px; margin:0; padding:0 0 0 85px; float:left; position:relative; display:none}


/******* Offres et Services ********************************/

                      /************Bandeau***********/
.highlight_offres {height:191px; width:530px; text-align:center;}
.illusMenu {width:391px; display:inline; float:right;}
.menuOffres { background:transparent url(/images/fond_rouge.jpg) no-repeat scroll 0 0; height:191px; width:139px; float:right; display:inline;}

.menuOffres p, .menuOffres ul{padding:5px 5px 0 8px; color:#FFF;}
.menuOffres ul {margin: 0px 0 0 0;}
.menuOffres li a {color:#FFF; font-weight:normal;}
.menuOffres li a:hover {color:#000;font-weight:normal;}
.menuOffres li a:active {color:#rrr;}

.menuOffres li {font-weight:bold;}

.menuOffres li a {background:transparent url(/images/puce_offres.gif) no-repeat scroll 0 3px; padding: 0 0 0 10px;}
.menuOffres li a:hover {background:transparent url(/images/puce_offres_black.gif) no-repeat scroll 0 3px; padding: 0 0 0 10px;}


                 /******************Contenu Offres et services********************/
.contenuOffres h1{ font-size:13pt ; color:#f11101; text-transform:uppercase; padding:10px 0 0 0;}
.contenuOffres a{text-decoration:underline;}
.plusTgt {float:left; width:223px; background: transparent url(/images/plus_tgt.gif) no-repeat scroll; margin: 20px 0 20px 0;}
.plusTgt p {padding : 30px 20px 0 0; text-align:justify;}
.plusTgt ul {padding:0 20px 0 0; text-align: justify;}
.plusTgt li, .blocDroit li {background:transparent url(/images/icon_li_type.gif) no-repeat scroll 0 5px; margin: 5px 0 0 0; padding: 0 0 0 10px;}
.blocProduit {float: left;width:303px; margin: 0 0 20px 0;}


.blocProduit2 {background: transparent url(/images/blocProduit.gif) no-repeat scroll right;width:303px; height:93px;  margin: 20px 0 0;}
.blocProduit2 h2 {padding: 0;}
.blocProduit2 div {width:190px; float:left; position: relative; padding: 2px 0 0 5px;}
.blocProduit2 img {float:left;}
.blocProduit2 p, .blocInfo p {color: #5d5d5d;text-align:justify;}

.blocInfo {clear:both; background: transparent url(/images/blocInfo.gif) no-repeat scroll; float:left;width:530px;height: 141px; padding:6px 5px;}
.blocInfo div {width:375px; float:left; padding: 0 0 0 20px;}
.blocInfo img {float:left; align:center;}

.catalogue {background:transparent url(/images/bgd_line_02.gif) repeat-x scroll 0 bottom; width:530px; float:left;padding: 0 0 20px 0;}
.catalogue img {float:left;}
.catalogue div { float:right; width:450px;}
.catalogue a {text-decoration:underline; color:#5d5d5d;}
.catalogue a:hover {text-decoration : none;}

.blocCmd {background: transparent url(/images/camion.gif) no-repeat scroll right 20px; width:530px;height:100px;clear:both;}
.blocCmd p {padding : 0 150px 0 0;}

/********************************Accueil Offres et Services*****************************/
.illusFlash {text-align: center;}
.blocContenu h1 {font-size:13px; margin:0 0 15px; text-transform:none;}
.blocContenu h3 {font-size:13px; margin:0 0 15px;}
.blocContenu {width:530px;}
.blocGauche {width:253px;float:left;padding:0 10px 0 0;}
.blocDroit {width : 253px; float:left;margin: 0 0 40px 0;padding: 0 0 0 10px;}
.blocDroit ul {margin: 0 0 10px 0;}
.blocDroit h2 {color:#F11101; padding:0px;}
.blocDroit a {text-decoration: underline;}
.blocDroit a:hover {text-decoration : none;}
.coupCoeur {background: transparent url(/images/coup_coeur_visu.jpg) no-repeat scroll 0 0; width 530px; height: 133px; clear:both; border:solid 1px;}


.coupCoeur div {padding :5px 35px  0 210px;}
.coupCoeur p, .coupCoeur h2, .coupCoeur h3{color: #FFFFFF; padding:0; margin:0;}
.coupCoeur p {padding:10px 0 0 0;}
.coupCoeur h2{font-size:16px;}
/*****************************Gallerie Photos************************************/

.photoView div {float:left; }
.photoView a {text-decoration:underline;}
.photoView a:hover {text-decoration : none;}

.largePic {margin: 5px 15px 5px 0px;width:250px;}
.longPic {width:167px; margin: 5px 8px 5px 0;}