* {margin:0; padding:0;}
body, ul, li, ol, p, form, div, h1, h2, h3, h4, h5, h6, label, a, table {margin:0; padding:0;}
body {font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;color:#000000;background:#000000;}
h2 { text-transform:uppercase; font-size:24px;}
h3 { font-size:14px; font-weight:bold; text-align:left; padding:0 0 10px 0;}
h3 span { font-size:10px; font-weight:normal; }
a {text-decoration:none; color:#000000;}
a:hover {text-decoration:underline;}
p {padding:0;margin:0;}
input {padding:0;margin:0;}
img {border:0px;}
.clear {clear:both; line-height:0}
ul {}
li { list-style:none;}
.legende{ font-size:11px;margin:0 15px 0 0}
.message{ color:#FF0000;}
.ns{color:#CC0000;}
.introduction{margin:10px 0;}
.introduction strong{color:#6DC347;}
acronym { border-bottom: 1px dotted #333; cursor: help;}
.hidden{display:none;}

.cssComp {font-size: 9px}

#top {display:none}
/****************** main *****************/
#main {width:100%;}

	#superNav {width:100%; background:#000000}
		#superNav ul {width:955px;overflow:hidden; margin:0 auto}
		#superNav li { float:left; line-height:0; height:41px}

	#header {width:100%; background:#FFFFFF}
		#header div {width:955px;overflow:hidden; margin:0 auto}
			#header h1 {width:247px;float:left;font-size:0;line-height:0}
			#header #lev1 {width:620px;float:left; padding:0 0 0 15px}
				#header #lev1 ul {overflow:hidden;}
				#header #lev1 li {float:left;font-size:0;line-height:0}



		
	/****************** lev2 *****************/					
	#lev2 {width:955px;background:url(/unites-de-besoin/imgs/bgd_lev2.gif) repeat-x; height:25px}
		#lev2 ul { float:right; overflow:hidden}
			#lev2 li {float:left;height:16px;padding:5px 16px 4px 16px;border-right:1px solid #804719;}
			#lev2 li a {color:#b58346}
			#lev2 .lev1On {background:#ffffff url(/unites-de-besoin/imgs/bgd_li_navLev2_on.gif) repeat-x; color:#ac7e4f;}
			#lev2 .last {border-right:none; font-style:italic;padding:5px 16px 4px 19px;}
	
	/****************** content *****************/		

	.methodologie {text-align:right; font-size:10px;}
		.methodologie li { background:url(/unites-de-besoin/imgs/bgd_line.gif) right 4px no-repeat; padding:0 8px 0 0; margin:0 5px 0 0; display:inline; line-height:20px;}
		.methodologie li.last { background:none;}
		.methodologie li a { background:url(/unites-de-besoin/imgs/ico_01.gif) 0 4px no-repeat; padding:0 0 0 8px;}

	.infoBlock { width:100%; overflow:hidden; clear:both;}
		.infoBlock div { background:url(/unites-de-besoin/imgs/bgd_line_block_info.gif) left center no-repeat; margin:0 0 0 357px; padding:35px 10px 30px 10px; display:block;}
		.infoBlock div h2 { padding:0 0 12px 10px;}
		.infoBlock div p {font-size:11px; padding:0 0 0 10px;}
		.infoBlock div .alert { background:url(/unites-de-besoin/imgs/ico_alert.gif) no-repeat; padding:0 0 15px 21px;}
	
	/* proTab */
	.proTab { width:925px; margin:0 auto; clear:both; }
	.contTab { background:#fff; margin-top:-5px; padding:15px 15px 0 15px; border-left:1px solid #828180; border-right:1px solid #828180; border-bottom:1px solid #828180; }
	.highlightComparez { background: url(/unites-de-besoin/imgs/bgd_hightlight_comparez.gif) no-repeat; padding:21px 0 0 27px; margin:15px 0 0 0}
	.linkComparez { margin:0 0 19px -3px}
	
	
	.txtInfo { text-align:right; color:#ba8a4f; font-weight:bold; margin:0 0 10px 0; font-size:11px; width:300px; float:right; clear:right;}

	/* lev3 */
	.lev3 { width:925px; height:34px; position:relative; top:-5px; background:url(/unites-de-besoin/imgs/bgd_lev3_li.gif) 0 5px no-repeat; padding:0 0; overflow:hidden; display:block; clear:both; }
		.lev3 ul { width:925px; height:34px;}
		.lev3 li { float:left;}
		.lev3 .lst01 a { background:url(/unites-de-besoin/imgs/lev3_les_premiers_prix_n.gif) 20px 10px no-repeat; width:229px; display:block; overflow:hidden; text-indent:500px; padding:40px 0 0 0;}
		.lev3 .lst02 a { background:url(/unites-de-besoin/imgs/lev3_la_marque_n.gif) 20px 10px  no-repeat; width:260px; display:block; overflow:hidden; text-indent:500px; padding:40px 0 0 0;}
		.lev3 .lst03 a { background:url(/unites-de-besoin/imgs/lev3_le_distributeur_n.gif) 20px 10px  no-repeat; width:310px; display:block; overflow:hidden; text-indent:500px; padding:40px 0 0 0;}
		.lev3 .lst01Active a { background:#fff url(/unites-de-besoin/imgs/lev3_les_premiers_prix_o.gif) 20px 15px no-repeat; width:300px; display:block; overflow:hidden; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; text-indent:500px; padding:40px 0 0 0;}
		.lev3 .lst02Active a { background:#fff url(/unites-de-besoin/imgs/lev3_la_marque_o.gif) 20px 10px no-repeat;         width:310px; display:block; overflow:hidden; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; text-indent:500px; padding:40px 0 0 0;}
		.lev3 .lst03Active a { background:#fff url(/unites-de-besoin/imgs/lev3_le_distributeur_o.gif) 20px 10px no-repeat;   width:434px; display:block; overflow:hidden; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; text-indent:500px; padding:40px 0 0 0;}

	/* lstProduct  */
	.lstProduct { width:850px; overflow:hidden; clear:both; margin:20px auto 0 auto;}
		.lstProduct li { float:left; display:inline;}
		.lstProduct .padTop { padding:80px 0 0 0}
		
		.lstProduct .plusCher { width:220px; text-align:right;font-weight:bold;}
		.lstProduct .plusCher p { padding:0 0 10px 0}
		.lstProduct .plusCher span { color:#d1200e; font-size:22px;}

		.lstProduct .smallProduit { width:169px; text-align:center}
		.lstProduct .bigProduit { width:225px; text-align:center}
		.lstProduct .bigProduitNew { width:394px; text-align:center}

		.lstProduct .moinsCher { width:220px; text-align:left;font-weight:bold}
		.lstProduct .moinsCher p { padding:0 0 10px 0}
		.lstProduct .moinsCher span { color:#06b602; font-size:30px;}



	/* table comparez */
	.tblComparez {width:100%; clear:both; font-size:11px; margin:0 0 30px 0;  }
		.tblComparez caption { display:none}
		.tblComparez td { border-bottom:1px solid #bbbbbb; padding:8px 0; text-align:center; width:6%;}
		.tblComparez th { font-size:11px; line-height:13px; background:url(/unites-de-besoin/imgs/bgd_tbl_comparez_th.gif) repeat-x; font-weight:bold; border-top:1px solid #000000; border-bottom:1px solid #000000; }
		.tblComparez .styleGreen { background:#06b602; color:#FFFFFF}
		.tblComparez .styleRed { background:#d1200e; color:#FFFFFF}
		.tblComparez .styleYellow { background:#ede6d7;}
		.tblComparez .ttlTd { text-align:left; padding:5px 0 5px 0}
		.tblComparez .ttlTd img { float:right; padding:0 5px 0 0}
		.tblComparez a:hover { text-decoration:none}
		
		
					#aidePrixMoyen {display:none;width:881px;color:#000000; background:#e4d4b7;padding:5px 5px 10px 5px; border:1px solid #999999;overflow:hidden}
						#aidePrixMoyen div {float:left; padding:0 0 0 4px}
						#aidePrixMoyen img {float:left;}
						#aidePrixMoyen h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aidePrixMoyen p {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aidePrixMoyen li {background:url(/unites-de-besoin/imgs/bullet_03.gif) 0 7px no-repeat; padding:0 0 0 10px;margin:0;font-size:11px;}
						#aidePrixMoyen a {text-decoration:underline;font-size:11px;color:#000000}
						#aidePrixMoyen a:hover {text-decoration:none;}
						
					#aideNbrMagasins {display:none;width:881px;color:#000000; background:#e4d4b7;padding:5px 5px 10px 5px; border:1px solid #999999; overflow:hidden}
						#aideNbrMagasins div {float:left; padding:0 0 0 4px}
						#aideNbrMagasins img {float:left;}
						#aideNbrMagasins h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aideNbrMagasins p {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aideNbrMagasins a {text-decoration:underline;font-size:11px;color:#000000}
						#aideNbrMagasins a:hover {text-decoration:none;}
		
	#btnDetailReleves {width:100%; text-align:center;height:31px;}
	#detailReleves {display:none; border-top:1px solid #000000; padding:5px 0 0 0}
	#detailReleves #topLink { border-top:1px solid #939291; padding:0 15px 10px 0; text-align:right}
	#lnkDetailReleves { cursor: pointer;}
	#detailReleves.hide { display:none;}
	#detailReleves.show { display:block;}	
	
	/* table tblEnseignes */
	.tblEnseignes { width:100%; font-size:11px; margin:0 0 0 0;}
		.tblEnseignes caption { display:none}
		.tblEnseignes td { border-right:1px solid #bbbbbb; padding:2px 5px;}
		.tblEnseignes th { text-align:left; padding-left:5px; font-weight:normal; line-height:25px; background:url(/unites-de-besoin/imgs/bgd_tbl_comparez_th.gif) repeat-x; border-top:1px solid #000000; border-bottom:1px solid #000000; }
		.tblEnseignes .bgColor {background:#ede6d7;}
		.tblEnseignes .department { text-align:center}
		.tblEnseignes .prix { text-align:center; font-weight:bold;}
		.tblEnseignes .date { text-align:center; border:0;}
		.tblEnseignes img { vertical-align:middle; margin:0 0 0 5px;}
		.tblEnseignes .lastTh { text-align:center;}
		
					#aideMagasins {display:none;width:881px;color:#000000; background:#e4d4b7;padding:5px 5px 10px 5px; border:1px solid #999999;overflow:hidden}
						#aideMagasins div {float:left; padding:0 0 0 4px}
						#aideMagasins img {float:left;}
						#aideMagasins h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aideMagasins p {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aideMagasins li {background:url(/unites-de-besoin/imgs/bullet_03.gif) 0 7px no-repeat; padding:0 0 0 10px;margin:0;font-size:11px;}
						#aideMagasins a {text-decoration:underline;font-size:11px;color:#000000}
						#aideMagasins a:hover {text-decoration:none;}
						
					#aideReleve {display:none;width:881px;color:#000000; background:#e4d4b7;padding:5px 5px 10px 5px; border:1px solid #999999; overflow:hidden}
						#aideReleve div {float:left; padding:0 0 0 4px}
						#aideReleve img {float:left;}
						#aideReleve h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#aideReleve p {padding:0 0 4px 0;margin:0;font-size:11px;}
		
	
	/* popupShop */
	.popupShop {position:absolute; font-size:11px; background:url(/unites-de-besoin/imgs/bgd_popup_shop.gif) 0 bottom no-repeat; width:235px; border-top:4px solid #c5c5c5; overflow:hidden; padding:10px 10px 40px 10px;}
		.popupShop img { margin:0 10px 0 0; float:left;}
		.popupShop p { margin:0 0 5px 0;}
		
	.popupShopReserve { position:absolute;  font-size:11px; background:url(/unites-de-besoin/imgs/bgd_popup_shop_reserve.gif) 0 bottom no-repeat; width:235px; border-top:4px solid #c5c5c5; overflow:hidden; padding:10px 10px 40px 10px;}
		.popupShopReserve img { margin:0 10px 0 0; float:left;}
		.popupShopReserve p { margin:0 0 5px 0;}

	#global {width:100%;background:#e2e2e2 url(/unites-de-besoin/imgs/bgd_content_udb_frites.gif) repeat-x; padding:0 0 0 0}
	
	#content {width:951px; margin:0 auto 0 auto;background:#FFFFFF url(/unites-de-besoin/imgs/bgd_block_info.jpg) no-repeat; padding:0 2px 10px 2px; border-top:2px solid #3d2c18; overflow:hidden; clear:both;}


	/* New home */
	#contentHome {width:996px; padding:0; overflow:hidden; margin:0 auto}
		#contentHome #highlightProduit {width:996px;overflow:hidden; height:326px}
			#contentHome #highlightProduit .highlightSpotTv {width:287px; float:left}
			#contentHome #highlightProduit .highlightProduit {width:709px; float:left; position:relative}
				
				#contentHome #marqueDistributeur {position:absolute;left:413px; top:61px;width:178px; font-size:12px; padding:0 5px 0 5px}
					#contentHome #marqueDistributeur h3 {font-size:12px; padding:3px 0 0 0; text-transform:uppercase}
					#contentHome #marqueDistributeur p {padding:2px 0 2px 0}
					#contentHome #marqueDistributeur span {font-weight:bold}
					#contentHome #marqueDistributeur .price { width:67px;font-size:24px;font-weight:bold;padding:0;float:left;color:#be1d2b}
					#contentHome #marqueDistributeur .aide { float:left; padding:0}
					#contentHome #marqueDistributeur .moinsCher {float:right;padding:0}
					
					#contentHome #aideMdd {z-index:+1000;display:none;position:absolute;left:278px;top:107px;width:218px;color:#000000; background:#ffffff;padding:5px 5px 10px 5px; border:1px solid #999999}
						#contentHome #aideMdd div { width:196px;float:left; padding:0 0 0 4px}
						#contentHome #aideMdd img {float:right;}
						#contentHome #aideMdd h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#contentHome #aideMdd p {padding:0;margin:0;font-size:11px;}
						#contentHome #aideMdd a {text-decoration:underline;font-size:11px;color:#000000}
						#contentHome #aideMdd a:hover {text-decoration:none;}
					
				#contentHome #marqueNationale {position:absolute; left:207px; top:39px;width:178px; font-size:12px; padding:0 5px 0 5px}
					#contentHome #marqueNationale h3 {font-size:12px; padding:3px 0 0 0; text-transform:uppercase}
					#contentHome #marqueNationale p {padding:2px 0 2px 0}
					#contentHome #marqueNationale span {font-weight:bold}
					#contentHome #marqueNationale .price { width:67px;font-size:24px;font-weight:bold;padding:0;float:left;color:#be1d2b}
					#contentHome #marqueNationale .aide { float:left; padding:0}
					#contentHome #marqueNationale .moinsCher {float:right;padding:0}
					
					#contentHome #aideMn { z-index:+1000;display:none;position:absolute; left:273px; top:85px;width:218px;color:#000000; background:#ffffff;padding:5px 5px 10px 5px; border:1px solid #999999;}
						#contentHome #aideMn div { width:196px;float:left; padding:0 0 0 4px}
						#contentHome #aideMn img {float:left;}
						#contentHome #aideMn h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#contentHome #aideMn p {padding:0;margin:0;font-size:11px;}
						#contentHome #aideMn a {text-decoration:underline;font-size:11px;color:#000000}
						#contentHome #aideMn a:hover {text-decoration:none;}
					
				#contentHome #marquePremiersPrix {position:absolute; left:0px; top:0px;width:178px; font-size:12px; padding:0 5px 0 5px}
					#contentHome #marquePremiersPrix h3 {font-size:12px; padding:3px 0 0 0; text-transform:uppercase}
					#contentHome #marquePremiersPrix p {padding:2px 0 2px 0}
					#contentHome #marquePremiersPrix span {font-weight:bold}
					#contentHome #marquePremiersPrix .price {width:67px; font-size:24px;font-weight:bold;padding:0;float:left;color:#be1d2b}
					#contentHome #marquePremiersPrix .aide { float:left; padding:0}
					#contentHome #marquePremiersPrix .moinsCher {float:right;padding:0}
					
					#contentHome #aideMpp {z-index:+1000;display:none;position:absolute; left:66px; top:46px;width:218px;color:#000000; background:#ffffff;padding:5px 5px 10px 5px; border:1px solid #999999}
						#contentHome #aideMpp div { width:196px;float:left; padding:0 0 0 4px}
						#contentHome #aideMpp img {float:left;}
						#contentHome #aideMpp h3 {padding:0 0 4px 0;margin:0;font-size:11px;}
						#contentHome #aideMpp p {padding:0;margin:0;font-size:11px;}
						#contentHome #aideMpp a {text-decoration:underline;font-size:11px;color:#000000}
						#contentHome #aideMpp a:hover {text-decoration:none;}


/*************************************************************/
#faqs {width:885px; margin:0 33px 20px 33px; background:#ffffff}
	#faqs dt {font-size:13px; font-weight:bold; background:url(/unites-de-besoin/imgs/bullet_02.gif) 5px 12px no-repeat; text-transform:uppercase; border-bottom:1px solid #000; padding:9px 20px;}
	#faqs .current {background:url(/unites-de-besoin/imgs/bullet_01.gif) 5px 15px no-repeat;}
	#faqs dt a:hover {color:#808080; text-decoration:none;}
	#faqs dd dt {font-size:12px; font-weight:normal; text-transform:none; border-bottom:none; padding:0 0 9px 20px; background-position:0 3px;}
	#faqs .subcurrent {font-weight:bold; background:url(/unites-de-besoin/imgs/bullet_01.gif) 0 5px no-repeat;}
	#faqs dd {background:url(/unites-de-besoin/imgs/bgd_gradient.gif) repeat-x; border-bottom:1px solid #000;}
	#faqs dd a {text-decoration:underline;}
	#faqs dd a:hover {text-decoration:none;}
	#faqs dd dt a {text-decoration:none;}
	#faqs dd dt a:hover {color:#000; text-decoration:underline;}
	#faqs dd div{background:url(/unites-de-besoin/imgs/bgd_gradient02.gif) 0 100% repeat-x; width:855px; padding:18px 15px 6px 15px;}
	#faqs dd dd {background:none; border-bottom:none; padding:0 0 0 37px;}
	#faqs p {padding:0 0 13px 0;}
	#faqs ul {margin:0 0 13px 0;}
	#faqs li {background:url(/unites-de-besoin/imgs/bullet_03.gif) 0 5px no-repeat; padding:0 0 0 14px; line-height:16px;}
	#faqs .formula {text-align:center;}



			/* Style pour les layers en javascript */
			#window_shadow {height:100%;width:100%;background:#000000;position:absolute;top:0;z-index:+5000;}
            #tableau_detail {position:absolute;top:100px;left:25%;width:589px;padding:15px 20px 15px 20px;border:1px solid #bcb49d;background:#ffffff;z-index:+10000}			
				#tableau_detail h2 {color:#ff9a33;font-size:24px;font-weight:bold;padding:0;line-height:24px}		
				#tableau_detail h3 {color:#ff9a33;font-size:18px;font-weight:bold;padding:0 0 5px 0;line-height:24px}				
				#tableau_detail .closeLayer {float:right}				
				#tableau_detail .closeLayer a {background: url(/imgs/bgd_btn_fermer.gif) left no-repeat; padding:0 0 0 10px}				
            #spotTvLayer {position:absolute;top:100px;left:30%;width:500px;padding:15px 20px 15px 20px;border:1px solid #bcb49d;background:#ffffff;z-index:+10000}			
				#spotTvLayer h2 {color:#ff9a33;font-size:24px;font-weight:bold;padding:0;line-height:24px; padding:0 0 20px 0}		
				#spotTvLayer .closeLayer {float:right}				
				#spotTvLayer .closeLayer a {background: url(/imgs/bgd_btn_fermer_qelmc.gif) left no-repeat; padding:0 0 0 10px}				
				#spotTvLayer .link { padding:20px 0 0 0}		
				#spotTvLayer .link a {background:url(/imgs/bgd_link_famille_qelmc.gif) left no-repeat; padding:2px 0 3px 25px;font-size:12px}	
						
						

	
	/*footer*/
	#footer {width:100%;font-size:11px; padding:15px 0 0 0;background:#000000;}
		#footer .global {width:955px; margin:0 auto;overflow:hidden}
			#footer a { color:#ffffff}
			#footer ul {float:left; padding:6px 0 0 0}
			#footer li {float:left; padding:0 8px 0 8px;background: url(/imgs/bgd_li_footer_udb.gif) left no-repeat; height:16px}
			#footer li img { vertical-align:middle; padding:0 3px 0 0}
			#footer .first {background:none; padding:0 8px 0 0}
			#footer .highlightLeclerc {width:955px; text-align:right; padding:10px 0 0 0}
			#footer .highlight {float:right;}
			#footer .highlight li {background:none;padding:0 0 0 15px}
			
		#highlightFooterUdb {width:915px; background:#292929;color:#FFFFFF; font-size:12px; margin:0 0 9px 0; padding:15px 20px 15px 20px; overflow:hidden}
			#highlightFooterUdb h4 {font-size:24px;}
			#highlightFooterUdb h5 {font-size:18px}
			#highlightFooterUdb p { color:#c2c0c0; font-weight:bold; padding:5px 0 15px 0}
			#highlightFooterUdb .link { color:#e45911; font-weight:bold; font-size:14px;background: url(/imgs/bgd_link_footer.gif) left no-repeat; padding:0 0 0 15px}
			#highlightFooterUdb img { float:left; margin:0 15px 0 0;}