* {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:#f7f6ef url(/unites-de-besoin/imgs/bgd.gif) repeat-x;}
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:955px;margin-left:auto;margin-right:auto;}

	#header {width:955px; overflow:hidden}
		#header h1 {width:255px; float:left; height:95px}
			
		#lev1 {width:700px; float:left; font-size:11px; color:#ba8a4f}
			#lev1 ul {width:700px; height:60px;overflow:hidden;padding:0 0 0 0}
			#lev1 li { float:left;padding:0 0 0 0}
			#lev1 #lev1Rub {height:35px; padding:0}
			#lev1 #lev1Rub .last { padding:15px 5px 0 0; float:right}
			
	/****************** 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 *****************/		
	#content {width:951px; min-height:500px; 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;}

	.methodologie { background:url(/unites-de-besoin/imgs/bgd_methodologie.gif) right 0 no-repeat; 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 21px;}
		.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 {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 {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 { 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 {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 {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;}


	/* New home */
	#contentHome {position:relative; width:955px; padding:0 0 10px 0; overflow:hidden; }
		#contentHome h2 { padding:0 0 0 0; height:55px}
		#contentHome .mentions { border-top:1px solid #000000; padding:10px 0 0 0; font-size:11px}
		#contentHome .highlightComparez { background: url(/unites-de-besoin/imgs/bgd_hightlight_comparez_home.gif) no-repeat; padding:21px 0 0 27px; margin:0}
		#contentHome .linkComparez { margin:0 0 24px 0}
		
		#contentHome #produitHome {width:955px; padding:0 0 0 0;overflow:hidden;}
			#contentHome #releve {font-size:16px; font-weight:bold; padding:0 0 0 1px}
			#contentHome #produitHome #produitHomeDetail { float:right; width:668px;}
			
				#contentHome #player { border:3px solid #d7c59a;height:267px ; width: 388px}
				#contentHome #video {position:absolute; left:0; top:100px; }
					#contentHome #video a { background:url(../imgs/bgd_a_video.gif) 0 3px no-repeat; text-decoration:underline; padding:0 0 0 10px}
					#contentHome #video a:hover {text-decoration:none;}
					#contentHome #video p { font-weight:normal; padding:0 0 2px 0}
					#contentHome #video ul {padding:10px 0 0 0}
			
				#contentHome #btnComparaison {position:absolute; left:398px; top:440px}
				
				#contentHome #marqueDistributeur {position:absolute;left:674px; top:100px;width:165px; font-size:11px;}
					#contentHome #marqueDistributeur p { padding:7px 0 0 0}
					#contentHome #marqueDistributeur span { text-transform:uppercase; font-weight:bold}
					#contentHome #marqueDistributeur .price { width:67px;font-size:24px;font-weight:bold; padding:10px 0 0 0; float:left;}
					#contentHome #marqueDistributeur .aide { float:left; padding:5px 0 0 0}
					#contentHome #marqueDistributeur .moinsCher { float:right; }
					
					#contentHome #aideMdd {position:absolute; z-index:+1000;left:-140px; top:34px;width:218px;color:#000000; background:#e4d4b7;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:429px; top:100px; width:165px; font-size:11px;}
					#contentHome #marqueNationale p { padding:7px 0 0 0}
					#contentHome #marqueNationale span { text-transform:uppercase; font-weight:bold}
					#contentHome #marqueNationale .price { width:67px;font-size:24px;font-weight:bold; padding:10px 0 0 0; float:left;}
					#contentHome #marqueNationale .aide { float:left; padding:5px 0 0 0}
					#contentHome #marqueNationale .moinsCher { float:right}
					
					#contentHome #aideMn {position:absolute; left:61px; top:34px;width:218px;color:#000000; background:#e4d4b7;padding:5px 5px 10px 5px; border:1px solid #999999; z-index:2}
						#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:728px; top:368px;width:165px; font-size:11px;}
					#contentHome #marquePremiersPrix p { padding:7px 0 0 0}
					#contentHome #marquePremiersPrix span { text-transform:uppercase; font-weight:bold}
					#contentHome #marquePremiersPrix .price {width:67px; font-size:24px;font-weight:bold; padding:10px 0 0 0; float:left;}
					#contentHome #marquePremiersPrix .aide { float:left; padding:5px 0 0 0}
					#contentHome #marquePremiersPrix .moinsCher { float:right}
					
					#contentHome #aideMpp {position:absolute; left:-140px; top:20px;width:218px;color:#000000; background:#e4d4b7;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:right;}
						#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;}



						
						
						

	
	/*footer*/
	#footer {width:955px;font-size:11px; overflow:hidden; padding:15px 0 0 0; margin:0 0 20px 0;}
		#footer #newSite {float:right; padding:0 0 0 0; border-left:1px solid #7f7f7f}
		#footer #newSite li { border:none; padding:0 0 0 15px}
		#footer img { display:block}
		#footer ul {float:left; padding:6px 0 0 0}
		#footer li {float:left; border-left:1px solid #000000; padding:0 8px 0 8px}
		#footer .first {border:none; padding:0 8px 0 0}