/* -------------------------------------------------------------- 
	
	* screen.css - bio-vert.com
 
	* @type:    Screen
	* @langue:  Commun
	* @year:    2009
	* @author:  CyberGénération
	* @note:    background; float; display; z-index; position(TRBL); width; height; margin:(TRBL); padding:(TRBL); border:(TRBL); others;
	
--------------------------------------------------------------- */
		
/* Default setting.
--------------------------------------------------------------- */  
	
	body { 	
		background: url(img/bg_body.jpg) center top no-repeat; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px; 
		color: #3c2b23; 
	}
	#pageContainer	{ position:relative; width:960px; margin:0 auto; }
	#printHeader	{ display:none }	
	
	a				{ color:#B3DDFA; text-decoration:none; font-weight:bold; }
  	a:hover			{ color:#aae94b; }
	a span,
	h5 span			{ position:absolute; left:-9999px;}
	
	hr 				{ background:#b6d6e8;}
	
	h2				{ color:#564740; font-size:18px; font-weight:bold;}
	h3				{ color:#5d8139; font-size:14px; font-weight:bold;}
	h4				{ color:#336699; }
	
	
	.printOnly	 	{ display:none; }
	.printOnlyImage	 	{ margin-left:55px; margin-top:-335px; }
	
	.flashTop 		{ position: absolute; top: 0; left: 50%;  margin-left: -900px; z-index: 9999; }
	html>body .flashTop		{ margin-left: -901px; }
	.flashTop				{ margin-left /*\**/: -901px\9; }
	.flashCenter	{ height: 385px; }

/* sIFR
--------------------------------------------------------------- */
 	
	.sIFR-active h2.sIFR	{ font-size:24px; position: relative; }
	.sIFR-active h3.sIFR	{ font-size:19px; }


/* globalClass.
--------------------------------------------------------------- */ 
				
	body div#pageContainer .hide   		{ position:absolute; top:0; left:0; overflow: hidden; width: 1%; height: 0; }
	body div#pageContainer .none  		{ display:none; }
	
	body div#pageContainer .right		{ float:right; }	
	body div#pageContainer .left 		{ float:left; }	
	body div#pageContainer .clear		{ clear:both; }	
		body div#pageContainer hr.clear	{ visibility:hidden;}
	
	body div#pageContainer .txtRight	{ text-align:right; }
	body div#pageContainer .txtLeft		{ text-align:left; }
	body div#pageContainer .txtCenter	{ text-align:center; }
	
	body div#pageContainer .topMargin	{ margin-top:20px; }
	body div#pageContainer .topPadding	{ padding-top:20px; }
	
	body div#pageContainer .first      	{ margin-left:0; padding-left:0; }
	body div#pageContainer .last      	{ margin-right:0; padding-right:0; }
	body div#pageContainer .top		{ margin-top:0; padding-top:0; }
	body div#pageContainer .bottom 	{ margin-bottom:0; padding-bottom:0; }
	
	body div#pageContainer .bold		{ font-weight:bold }
	body div#pageContainer .italic	{ font-style:italic }
	body div#pageContainer .normal	{ font-style:normal }
	body div#pageContainer .small		{ font-size:0.9em; }
	
	body div#pageContainer .dotBorder	{ border-bottom:#999 1px dotted }
	
	body div#pageContainer .noBorder	{ border:none }
	body div#pageContainer .noIcon 		{ background:none; padding:0; margin:0; }
	body div#pageContainer .noFloat 	{ float:none }	
	body div#pageContainer .noBg		{ background:none; }
	
	body div#pageContainer .noBullet    { list-style-type:none; background:none; padding-left:0; margin-left:0; }
	body div#pageContainer .noBullet li { list-style-type:none; padding-left:0; margin-left:0; background:none }
	
	body div#pageContainer .word-wrap	{ word-wrap:break-word; } /* work in IE only for now got a little js script to make it work in Firefox (waiting for CSS3) */	
	
	
/* Success, notice and error boxes
-------------------------------------------------------------- */

	.error,
	.notice, 
	.success    			{ padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
	.error      			{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
	.notice     			{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
	.success    			{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
	.error a    			{ color: #8a1f11; }
	.notice a   			{ color: #514721; }
	.success a  			{ color: #264409; }
	
	
/* customClass for link icon
-------------------------------------------------------------- */

	.pdf	{ background: url(img/doc_icons/pdf.png) right 2px no-repeat; padding:2px 22px 2px 0; margin:-2px 0; }
	.more	{ background: url(img/listBullets/more.gif) left top no-repeat; display:inline-block; padding:2px 2px 4px 24px; margin:-2px 0; }
	.bullets li	{ list-style: none; background: url(img/listBullets/dotBullet.gif) left 8px no-repeat; padding:2px 0 2px 15px;}	

/* pageHeader
--------------------------------------------------------------- */
	
	/* If the menu is below the pageHeader add 'margin-bottom' equal to the menuTop 'height' for clearing space */
	#pageHeader			{ width:100%; margin:0; height:290px; padding-bottom:33px; position:relative; }	
	#pageHeader h1 a	{ background: url(img/bio-vert.png) 0 0 no-repeat; height:64px; width:277px; position:absolute; top:58px; left:14px; }
	
	#pageHeader .slogan {width:415px; height:32px; display:block; text-indent:-99999px; position:absolute; top:83px; right:60px;}
	
	#pageHeader #membres { background:url(img/bg_box-logged.png) bottom repeat-x; height:68px; width:276px; position:absolute; top:116px; right:0; padding: 30px 10px 10px; color:#fff; text-align:right; }
	#pageHeader #membres p	{ margin-bottom:4px;}
	#pageHeader #membres a			{ color:#8dc42a; }
	#pageHeader #membres a:hover	{ color:#fff; }
	#pageHeader #membres .bordered	{ border-top:1px solid #fff; padding-top:4px;}
	
/* pageMenu
--------------------------------------------------------------- */

	/* quickMenu
	--------------------------------------------------------------- */	
	
	#quickMenu 				{ position:absolute; top:228px; right:5px; }
	#quickMenu li 			{ display: inline; padding:0 6px 0 10px; border-left:1px solid #978e8a; }
	#quickMenu a 			{ color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; }
	#quickMenu a:hover,
	#quickMenu a.selected	{color:#aae94b;}

	/* mainMenu
	--------------------------------------------------------------- */
	
	/* menu bar */			
	#mainMenu 		 		{ position:absolute; top:246px; left:3px; }
	#mainMenu ul 		 	{ width:770px; display:block; height:44px;  }	
	#mainMenu li 			{ float:left; position:relative; text-align:center; width:auto }
	
	
	/* main menu */
	#mainMenu a span 		{ position:absolute; left:-9999px;}
	#mainMenu a				{ background-color:transparent; background-repeat:none; display:block; padding:8px 0 0 0; height:35px; color:#000; }														
	#mainMenu a:hover		{ background-color:#FFF; background-position:1px -44px; margin:0 1px 0 -1px;} 	
	#mainMenu a.selected 	{ background-color:#FFF; background-position:1px -88px; margin:0 1px 0 -1px;}
	
	/* submenu */		
	#mainMenu ul.ddMenu 	{ 
		background:url(img/bg_ddMenu-btm.gif) bottom no-repeat; height:auto !important;
		position:absolute; top:43px; left:0; padding:0 0 3px 0; width:266px; visibility:hidden; 
	}
	#mainMenu ul.ddMenu li.first	{ background:url(img/bg_ddMenu-top.gif) top no-repeat; } 
	#mainMenu ul.ddMenu li 			{ width:260px; text-align:left; padding:3px 3px 0; } 
	#mainMenu ul.ddMenu li a		{ background:#d8e4ea; height:auto; padding:0; margin:0; color:#014568; cursor:pointer;}
	#mainMenu ul.ddMenu li a:hover	{ background:#95b7ca; margin:0; }
	
	/* coins ronds */
	#mainMenu ul.ddMenu li a span		{ position:static; display:block; width:225px; padding:6px 10px 6px 25px;}
	#mainMenu ul.ddMenu li.first a span	{ background: url(img/bg_ddMenu-first.gif) top no-repeat; }	
	#mainMenu ul.ddMenu li.last a span	{ background: url(img/bg_ddMenu-last.gif) bottom no-repeat;}
	
	/* submenu toggle */	
	#mainMenu ul li:hover ul, #mainMenu ul li a:hover ul 	{ visibility:visible; z-index:10;}
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	#mainMenu table 		{ position:absolute; top:0; left:0; }
		
	/* quickSearch
	--------------------------------------------------------------- */

	#quickSearch				{ position:absolute; top:256px; right:3px; width:185px; }
	#quickSearch fieldset		{ border:none; margin:0; padding:0 }
	#quickSearch .field			{ background:url(img/bg_quickSearch.png) no-repeat; width:157px; height:17px; padding:7px 0 2px 26px; border:0; color:#7c7c7c; }
	#quickSearch_btn			{ background:none; width:26px; height:26px; margin:0 0 0 3px; border:none; cursor:pointer; position:absolute; top:0; left:0; }
		
		
/* pageContent
--------------------------------------------------------------- */
	
	/* Fond avec le shadow et les lignes. oneSide si menu à gauche, twoSides sinon. */
	.twoSides 			{ background: url(img/bg_pageContainer-twoSides.gif) center 290px no-repeat; width:100%; overflow:hidden !important; overflow:visible;}
	.twoSides .bottom 	{ background: url(img/bg_pageContainer-twoSides-btm.jpg) center bottom no-repeat; width:100%; }
	.oneSide	 		{ background: url(img/bg_pageContainer-oneSide.gif) center 290px no-repeat; width:100%; overflow:hidden !important; overflow:visible; }
	.oneSide .bottom 	{ background: url(img/bg_pageContainer-oneSide-btm.jpg) center bottom no-repeat; width:100%; }
	
	.column1,
	.column2,
	.column3 { width:315px; margin:0 7px 0 0; display:block; float:left; position:relative; }
	.column3 { margin:0;}
	
	
	/* styles génériques dans le pageContent */
	#pageContent			{ overflow:visible; height:auto !important; min-height:550px; height:550px; position:relative; }
	
	.category #pageContent,
	.product #pageContent	{ min-height:640px; height:640px; }
	#pageContent a			{ color:#336699; }
	#pageContent a:hover	{ color:#aae94b; text-decoration:underline; }	
	#pageContent p			{ margin:0 0 15px 0;}
	#pageAccueil #pageContent .date { color: #b6d6e8; }
	#pageContent .date 		{ display:block; clear:both; color:#11699c; font-weight:bold; }
	#pageContent .titre,
	#pageContent a.titre	{ display:block; clear:both; color:#fff; font-weight:bold; }
	#pageContent a.button		{ background:url(img/bg_btn.gif) 0 0 no-repeat; display:block; height:18px; width:140px; padding:2px 0; text-align:center; color:#fff;}
	#pageContent a.button:hover	{ background-position:left bottom;}
	
	.btn:hover	{ background-position:left bottom;}
	
	#mainContent 			{ display:block; width:500px; position:relative; z-index:1; padding:0 20px 95px;}
	.oneSide #mainContent 	{ width:400px; position:relative; top:0; left:232px;  }
	
	/* Les images de bg des sections seront ICI */
	.bgImg 		{ display:block; width:715px; height:400px; position:absolute; right:-7px; bottom:12px; z-index:0; }
		 /* EXEMPLE */	
		.img1	{ background:url(img/bg_img01.jpg) bottom right no-repeat; }	
		.img2	{ background:url(img/bg_img02.jpg) bottom right no-repeat; }	
		.img3	{ background:url(img/bg_img03.jpg) bottom right no-repeat; }
		.img4	{ background:url(img/bg_img04.jpg) bottom right no-repeat; }
		.img5	{ background:url(img/bg_img05.jpg) bottom right no-repeat; }
		.img6	{ background:url(img/bg_img06.jpg) bottom right no-repeat; }
		
	.division	{ border-bottom:1px solid #D3DEE4; padding-bottom:5px; }
	img.right	{ margin: 0 0 10px 10px; }
	img.left	{ margin: 0 10px 10px 0; }
	#pageContent .titleList	{ margin-bottom: 0; }
		
					
/* leftMenu
--------------------------------------------------------------- */

	.leftMenu			{ background: url(img/bg_leftMenu-btm.png) bottom no-repeat; width:252px; margin:0 0 20px -21px; padding:0 0 0 0; position:relative; }
	.leftMenu h3		{ position:absolute; top:0; left:21px; }
	.leftMenu ul		{ background: url(img/bg_leftMenu-top.png) top no-repeat; width:220px; margin:0 0 0 0;  padding:50px 10px 35px 22px;  list-style:none; position:relative; top:-18px; height:auto !important; height:90px; min-height:90px; }
	.leftMenu li		{ width:100%; display:block; height:24px; }
	.leftMenu li.twoline,
	.leftMenu li.twoline a	{ height:48px; }
	
	.leftMenu a			{ display:block; width:200px; height:24px; }
	.leftMenu a:hover,
	.leftMenu .selected a{ background-position:left bottom;  }
	
	#produitsMenu,
	#sectionsMenu		{ display:block; width:252px; position:absolute; }
	
	#produitsMenu		{ margin-bottom: 80px; }
	
	
/* pageFooter
--------------------------------------------------------------- */
	
	#footer_linkList,
	#subFooter_linkList 		{ position:relative; width:960px; margin:0 auto; }
	
	/* footer avec logos */
	#pageFooter					{ background:#dce2e6 url(img/bg_pageFooter.jpg) repeat-x; height:auto !important; height:104px; min-height:104px; overflow:hidden; min-width: 1095px; }
	#footer_linkList li			{ display:block; float:left; margin:0; padding:0 7px 0 0; }
	#footer_linkList li.vsep	{ background:url(img/vsep-shadow.png) no-repeat; padding: 37px 0 0 31px; height: 70px; margin-left :25px;}
	#footer_linkList .reseaux	{ height: 20px; padding: 16px 0 0 31px; }
	#footer_linkList a			{ margin:0; font-weight:normal; text-decoration:none; }

	/* subfooter (visible dans les sections : CTA et cie) */
	#subFooter					{ background:#fff url(img/bg_subFooter.jpg) repeat-x; height:auto !important; height:140px; min-height:140px; overflow:hidden;}
	#subFooter_linkList			{ display:block; clear:both; width:996px; margin:15px auto;}
	#subFooter_linkList	li		{ display:block; float:left; margin:0; padding:0 4px 0 0; }
	#subFooter_linkList	li.last { padding:0;}
	
	#subFooter .btnNosProduits,
	#subFooter .btnInscrire,
	#subFooter .btnOpinion,
	#subFooter .btnConcours		{ display: block; height: 98px; width: 245px;}
	#subFooter a:hover			{ background-position: left bottom; }
	
	#subFooter .temp .btnConcours	{ background: url(img/subfooter-concours.png) no-repeat; height: 125px; position: relative; top: -10px; }
	
	#subFooter .bgContest 		{ background: url(img/bg_concours.jpg) no-repeat; height: 98px; width: 245px; text-indent: -99999px; }
	
	#signatureCyber				{ clear: both; width: 200px; text-align: center; margin: 0 auto; padding-bottom: 10px; }
	#signatureCyber a 			{ color: #1c4665; }


/*////////////////////////////////////////////////////////////////
//         CONTENU ET SECTIONS
////////////////////////////////////////////////////////////////*/

/* Pager
--------------------------------------------------------------- */
	
	#pageContent .pager 			{ display:block; clear:both; text-align:right;}
	#pageContent .pager a			{ font-size:13px; color:#95b7ca; font-weight:normal;}
	#pageContent .pager a:hover		{ color:#0277b3; text-decoration:none; }
	#pageContent .pager a.selected	{ font-size:16px; color:#0277b3; font-weight:bold;}
	
	
/* Forms
--------------------------------------------------------------- */
	
	/* boite */
	.form 						{ background:url(img/box_white-btm.gif) left bottom no-repeat; padding-bottom:10px; overflow:hidden; zoom: 1; }
	.form fieldset				{ background:url(img/box_white-top.gif) left top no-repeat; padding:15px 10px 15px 20px; overflow: hidden; zoom: 1; margin: 0; }
	
	/* boite point de vente */
	
	.form.box-pv 						{ background:url(img/box_white-btm2.gif) left bottom no-repeat; padding-bottom:10px; overflow:hidden; zoom: 1; }
	
	.form fieldset.pv				{ background:url(img/box_white-top2.gif) left top no-repeat; padding:15px 10px 15px 20px; overflow: hidden; zoom: 1; margin: 0; }
	
	/* champs et cie */
	.form input.text,
	.form label, .form .label	{ display:block; clear:both; color:#014568; font-weight:bold; }
	.form label.mandatory 		{ background:url(img/listBullets/squaredArrow_bullet.gif) 0 1px no-repeat; padding-left:17px;}
	.form label.left			{ float:left;}
	.form input.text 			{ margin:3px 0 9px; padding:2px 3px 4px 6px; width:200px; font-weight:normal;}
	.form input.short			{ width:160px; }
	.form input.long			{ width:425px;}
	.form input.checkbox		{ float:left; margin:0 4px 9px 0;}
	.form select 				{ margin:3px 0 9px; color:#014568; }
	.form option				{ padding:2px 3px 2px 6px; }
	.form .col					{ display:block; float:left; width:225px;}
	.form .textarea				{	clear:both;
									height:90px;
									position:relative;
									margin:3px 0 9px;
									padding:2px 3px 4px 6px;
									width:425px;
									font-weight:normal;}
	/* boutons */
	.form .buttons		{ display:block; clear:both; text-align:right; margin:10px 0 0;}
	.form .button		{ background:url(img/bg_btn.gif) 0 0 no-repeat; display:inline-block;  width:140px; height:22px; text-align:center; border:0; margin:3px 20px 0 10px; }
	.form .button-pv    {margin-top:17px;}
	.form .button span 	{ display:inline-block; padding:0 0 4px; color:#fff; font-weight:bold;}
	.form .button:hover	{ background-position:left bottom; }
	.form .buttons p	{ line-height:30px; margin-bottom:0 !important;}
	
	
/* Login membres
--------------------------------------------------------------- */
	
	#cta_inscription		{ position:absolute; left:550px; top:30px; }
	#cta_inscription:hover	{ background-position:bottom; }
	
	
/* Emplois
--------------------------------------------------------------- */
	
	#jobs .elem 	{ background:url(img/hshadow-faq.jpg) left bottom no-repeat; padding-bottom:70px; display:block; clear:both; zoom:1;}
	#jobs .button	{ float:right;}
	
	
/* Coupons
--------------------------------------------------------------- */
	
	#coupons .elem 				{ background:url(img/hshadow-faq.jpg) left bottom no-repeat; padding-bottom:40px; display:block; position:relative; clear:both; zoom:1;}
	#coupons .elem h3			{ position:absolute; top:0; left:190px; }
	#coupons .elem h3 a:hover	{ color:#5d8139; font-size:14px; font-weight:bold;}
	#coupons .elem .image 		{ background:url(img/vshadow-pics.jpg) left bottom no-repeat; padding:0 0 14px; width:170px;}
	#coupons .elem .image img 	{ border:1px solid #eaeaea;}
	#coupons .elem .button		{ float:right; margin-top:-30px;}
	
	.couponDetail #mainContent	{ width: 915px; }
	.couponDetail .couponChandail	{ margin: 10px auto; width: 650px;}
	.couponDetail table			{ margin: 0; padding: 0;}
	.couponDetail td			{ padding: 0; margin: 0;}
	.couponDetail td img		{ display: block; margin: 0 auto; }
	.couponDetail td h3			{ font-size: 18px; font-weight: bold; color: #000; margin: 0; }
	
	
/* Concours
--------------------------------------------------------------- */
	
	#form_c .question 		{ width:450px; margin:20px 0; padding:8px 0 1px;}
	

/* Concours
--------------------------------------------------------------- */
	#pageContent .prix li	{ margin: 0 0 10px 0; }
	
	
/* Salle de Presse
--------------------------------------------------------------- */
	
	#articles 				{ list-style:none; margin:0; padding:0; }
	#articles .elem 		{ background:url(img/hshadow-faq.jpg) left bottom no-repeat; padding-bottom:40px; clear:both; zoom:1;}
	#articles .elem .date 	{ color:#95b7ca; margin:3px 0;}
	.press #mainContent		{ width:500px;}
	
	
/* FAQ
--------------------------------------------------------------- */
	
	/* Coins ronds et boites question/reponse */
	.coins-top	{ background:url(img/coins_x315-top.png) left top no-repeat; padding-top:6px; }
	.coins-btm	{ background:url(img/coins_x315-btm.png) left bottom no-repeat; padding-bottom:6px; }
	.question 	{ background-color:#e0ecf4; margin-bottom:6px; font-weight:bold; color:#014568; }


	.reponse	{ background-color:#ebf5d8; margin-bottom:6px; color:#4d6f82;}
	
	/* FAQ-specific*/
	#faq		{ position:relative;}
	#faq .elem	{ background:url(img/hshadow-faq.jpg) left bottom no-repeat; padding-bottom:30px; display:block; clear:both; zoom:1;}
	#faq .question,
	#faq .reponse 		{ background:transparent; display:block; clear:both; padding:0 30px 10px 20px;}
	#faq .question 		{ padding-top:10px; cursor:pointer;}
	#faq .question h3 	{ color:#336699;  margin:6px 0; }
	
	/* On a un show-hide un peu singulier dans cette section */
	#faq .elem.visible 			 	{ background:url(img/box_white-btm.gif) 0 bottom no-repeat; }
	#faq .elem.visible .question 	{ background: url(img/box_white-top.gif) no-repeat; }
	#faq .elem.visible .question h3 { border-bottom:1px dotted #bbdef0; padding-bottom:10px;}
	


	
	
/* Catégories de produits
--------------------------------------------------------------- */

	.category #mainContent 		{ width:700px; }
	.category #mainContent h2	{ margin-bottom:30px;}
	.category .row 				{ background:url(img/hshadow-left.jpg) left bottom no-repeat; display:block; clear:both; width:700px; height:auto !important; height:250px; min-height:250px; }
	.category .product			{ display:block; float:left; text-align:center; width:175px;}
	.category #pageContent .product p		{ padding-top:30px; margin:0;}
	.category .split2 			{ width:500px; padding:0 100px; }
	.category .split2 .product,
	.category .split3 .product	{ width:230px; background-position: center bottom; background-repeat: no-repeat; height:250px;  }
	
	.category #pageContent a:hover {color:#61843e;}
	
	.category .lessive_detergent 		{ background:url(img/products/cat_lessive-detergent_ombre.gif)}
	.category .lessive_detergent_he		{ background:url(img/products/cat_lessive-detergent-he_ombre.gif)}
	.category .lessive_sans_parfum		{ background:url(img/products/cat_lessive-detergent-sans-parfum_ombre.gif)}
	.category .lessive_assoupl			{ background:url(img/products/cat_lessive-assouplisseur_ombre.gif)}
	.category .lessive_detachant_poudre	{ background:url(img/products/cat_lessive-detachant_ombre.gif)}
	
	.category .vaisselle_liquide 		{ background:url(img/products/cat_vaisselle-liquide_ombre.gif)}
	.category .vaisselle_gel			{ background:url(img/products/cat_vaisselle-gel_ombre.gif)}
	.category .vaisselle_pastilles		{ background:url(img/products/cat_vaisselle-pastille_ombre.gif)}
	.category .vaisselle_liquide_pomme	{ background:url(img/products/cat_vaisselle-liquide-pomme_ombre.gif)}
	.category .vaisselle_pastilles_50 	{ background:url(img/products/cat_vaisselle-pastille_50_ombre.gif)}
	.category .vaisselle_pastilles_120 	{ background:url(img/products/cat_vaisselle-pastille_120_ombre.gif)}

	.category .nettoyant_usage			{ background:url(img/products/cat_nettoyant-usage_ombre.gif)}
	.category .nettoyant_bain 			{ background:url(img/products/cat_nettoyant-bain_ombre.gif)}
	.category .nettoyant_vitres			{ background:url(img/products/cat_nettoyant-vitres_ombre.gif)}

	/*.category .savon_orange			{ background:url(img/products/ombre_OrangeCantaloupeCMYK.jpg); }
	.category .savon_marine 			{ background:url(img/products/ombre_SeabreezeCMYK.jpg); }
	.category .savon_recharge			{ background:url(img/products/ombre_RechargeBioVertCMYK.jpg); }*/
	
/* Fiche de produit
--------------------------------------------------------------- */

	/* pageTitle */
	.product #mainContent 	{ width:720px; margin-left:-20px; }
	.product #pageTitle		{ border-bottom:1px solid #c3d2b5; height:46px; margin:0 0 20px 30px; }
	.product #btn_acheter	{ display:block; width:281px; height:55px; position:absolute; top:-10px; left:420px;}
	.product .column1 		{ width:326px; padding:337px 0 0 0; margin:0; position: relative; }
	.product .column2 		{ width:394px; padding:0; margin:0; }
	
	/* ajustement : sIFR crée des paddings un peu over...
	.sIFR-active .product #mainContent h2	{ margin-top:-6px; }
	.sIFR-active .product #mainContent h3	{ margin-top:-10px; }
	* html.sIFR-active .product #mainContent h3 { margin-top:-10px; } */
	.sIFR-active .product #pageTitle		{ position:relative; width:684px; }
	.sIFR-active .product #mainContent h2	{ position:absolute; top:0; }
	.sIFR-active .product #mainContent h3	{ position:absolute; top:22px; }
	
	/* -- COLONNE 1 -- */
	.product .column1 img		{ vertical-align:top;}
	
	.product .column1 .logoHE	{ background: url(img/logo-he.png) no-repeat; position: absolute; top: 205px; left: 200px; height: 54px; width: 69px; }
	.product .column1 .logoHE span	{ position: absolute; left: -9999px; }
	
	/* images de bg des produits */
	.lessive-detergent .column1	{ background:url(img/products/product-lessive-detergent.jpg) 0 0 no-repeat;}
	.lessive-detergent-he .column1	{ background:url(img/products/product-lessive-detergent-he.jpg) 0 0 no-repeat;}
	.lessive-detergent-sans-parfum .column1	{ background:url(img/products/product-lessive-detergent-sans-parfum.jpg) 0 0 no-repeat;}
	.lessive-assouplisseur .column1	{ background:url(img/products/product-lessive-assouplisseur.jpg) 0 0 no-repeat;}
	.lessive-detachant .column1	{ background:url(img/products/product-lessive-detachant.jpg) 0 0 no-repeat; }
	
	.vaisselle-savon .column1	{ background:url(img/products/product-vaisselle-savon.jpg) 0 0 no-repeat; }
	.vaisselle-savon-pomme .column1	{ background:url(img/products/product-vaisselle-savon-pomme.jpg) 0 0 no-repeat; }
	.vaisselle-gel .column1	{ background:url(img/products/product-vaisselle-gel.jpg) 0 0 no-repeat; }
	.vaisselle-pastille .column1	{ background:url(img/products/product-vaisselle-pastille.jpg) 0 0 no-repeat; }
	.vaisselle-pastille-50 .column1	{ background:url(img/products/product-vaisselle-pastille-50.jpg) 0 0 no-repeat; }
	.vaisselle-pastille-120 .column1	{ background:url(img/products/product-vaisselle-pastille-120.jpg) 0 0 no-repeat; }
	
	.nettoyant-usage .column1	{ background:url(img/products/product-nettoyant-usage.jpg) 0 0 no-repeat; }
	.nettoyant-bain .column1	{ background:url(img/products/product-nettoyant-bain.jpg) 0 0 no-repeat; }
	.nettoyant-vitres .column1	{ background:url(img/products/product-nettoyant-vitres.jpg) 0 0 no-repeat; }
	
	/* -- COLONNE 2 -- */
	/* l'etiquette est en html... */
	.etiquette			{ background:url(img/box_etiquette-btm.gif) left bottom no-repeat; padding-bottom:25px;  position:relative; }
	.etiquette h4		{ background:url(img/box_etiquette-top.gif) 0 0 no-repeat; height:138px; margin-bottom:-38px; }
	.etiquette h5		{ background:url(img/box_etiquette-container.gif) 0 0 no-repeat; height:36px; margin-top: 10px; }
	.etiquette table	{ width:349px; margin:0 auto;}
	.etiquette thead	{ display:none; }
	.etiquette tbody td	{ border-bottom:1px solid #3e3530; }
	.etiquette tbody td.noLink		{ font-weight:normal; color:#000; font-size:11px; padding-left: 29px; }
	
	.etiquette .noLink	{ background: none; padding:4px 2px 4px 24px; margin:0; font-size:11px; }
	#pageContent .etiquette a 		{ font-weight:normal; color:#000; font-size:11px; }
	#pageContent .etiquette a:hover	{ color:#000;}
	
	/* productInfos */
	#productInfos 			{ padding:0 0 15px 20px; color:#255279;}
	.product #parfum		{ padding-left: 18px; border-bottom:1px solid #D3DEE4; }
	.product #parfum,
	.product .logo			{ width: 200px; margin: 0 auto 10px auto; }
	#productInfos h4,
	.product #parfum h4		{ height:20px; background-repeat:no-repeat; margin:15px 0 0; }
	#productInfos ul 		{ font-size:11px; font-weight:bold; margin: 8px 0 0; padding:0;}
	#productInfos ul strong	{ color:#3e3530;}
	#productInfos p			{ border-bottom:1px dotted #92c0e6; padding-bottom:10px; margin-bottom:10px;}
	#productInfos .big		{ font-size:14px; }
	#productInfos .solid 	{ border-bottom:1px solid #d3dee4;}
	#productInfos .quebec	{ background:url(img/listBullets/qc.gif) 0 0 no-repeat; padding: 4px 0 15px 25px;}
	
	#productInfos #ingredients 	{ background:url(img/bg_box-ing.gif) right no-repeat; height:auto !important; height:154px; min-height:154px; width:195px; padding-right:30px; float:left; }
	#productInfos #ingredients ul {  padding-bottom: 10px;}
	#productInfos #formats		{ width:145px; float:left;}
	
	#productInfos .swatch,
	.product #parfum .swatch	{ display:inline-block; line-height:18px; padding-left:25px; border:none;}
	.swatch.rosee				{background:url(img/swatch-rosee.gif) 0 0 no-repeat;}
	.swatch.gris				{background:url(img/swatch-gris.gif) 0 0 no-repeat;}
	.swatch.bleu				{background:url(img/swatch-bleu.gif) 0 0 no-repeat;}
	.swatch.mauve				{background:url(img/swatch-mauve.gif) 0 0 no-repeat;}
	.swatch.lightOrange			{background:url(img/swatch-light-orange.gif) 0 0 no-repeat;}
	.swatch.orange				{background:url(img/swatch-orange.gif) 0 0 no-repeat;}
	.swatch.darkBlue			{background:url(img/swatch-dark-blue.gif) 0 0 no-repeat;}
	.swatch.lilas				{background:url(img/swatch-lilas.gif) 0 0 no-repeat;}
	.swatch.lightGreen			{background:url(img/swatch-light-green.gif) 0 0 no-repeat;}
	.swatch.marine				{background:url(img/swatch-marine.gif) 0 0 no-repeat;}
	.swatch.noScent				{background:url(img/swatch-noscent.gif) 0 0 no-repeat;}
	
	.certLogo					{ position: absolute; top: 0; right: -200px; width: 129px; }
	.certLogo img				{ margin-bottom: 38px; }
	
	.phrase						{ width: 213px; height: 293px; position: absolute; right: 45px; top: -34px;}
	.phrase	span				{ position: absolute; left: -9999px; }
	
	.lstLogo					{ width: 250px; margin: 0 auto; }
	.lstLogo td 				{ padding: 6px 0 6px 6px; vertical-align: middle; border-bottom: 1px solid #D3DEE4; width: 50px;}
	.lstLogo .col 				{ padding-left: 5px; width: 179px; }
	
	.lstLogo .parfum			{ padding-left: 12px; }
	.lstLogo .parfum h4			{ background-repeat:no-repeat; height:20px; margin:15px 0 0; }
	#pageContent .lstLogo .parfum p			{ margin: 0 0 9px 6px; padding-left: 44px; line-height: 18px; width: 170px }
	
	
	.nouvelleFragrance,
	.sachetsHydro,
	.emballageEcolo,
	.nouvelleFormule 			{ position: absolute; text-indent: -99999px; }
	
	.nouvelleFragrance			{ height: 83px; width: 101px; top: -10px; right: 24px; }
	.sachetsHydro				{ height: 73px; width: 72px;  top: 11px; right: 42px;}
	.emballageEcolo				{ height: 91px; width: 107px;  top: -16px; right: 2px;}
	
	#productInfos .allInOne						{ border: 1px dotted #92c0e6; border-width: 1px 0; padding: 14px 0; overflow: hidden; zoom:1; }
	#productInfos .allInOne img,
	#productInfos .allInOne .desc				{ float: left; }
	#productInfos .allInOne .desc				{ width: 240px; margin-left: 20px; }
	#productInfos .allInOne h4					{ text-transform:uppercase; margin: 0 0 5px 0; }
	#productInfos .allInOne ul					{ list-style: none; margin: 0; }
	#productInfos .allInOne li					{ background:url(img/listBullets/small_blue_bullet.gif) 0 5px no-repeat; padding: 0 0 5px 7px; font-weight: normal; }

/* Fonds d'action Bio-Vert
--------------------------------------------------------------- */
	.fond_action table td 			{ margin:0; padding:5px 10px 5px 10px; vertical-align:middle; border-bottom:1px dotted #BBDEF0;}
	.fond_action .tab_bgcolor		{ background-color: #edf1f4;}
	.fond_action .simul_puce		{ text-indent:-12px; padding-left:22px;}
	.fond_action  a.pdf				{ background: url(img/doc_icons/pdf.png) left no-repeat; padding:2px 0px 2px 20px; margin:-2px 0 -2px -20px; }
	.fond_action .pcent				{ text-align:center;}

	/*Formulaire Demande de financement*/
	.fond_action_financement h3, .fond_action_bourse h3		{ margin:10px 0;}
	
/*Utilite
*********************************************/
	.utilite #mainContent h3 				{ cursor:pointer; padding: 5px 0 0 0; color:#336699;}

	
/* pageAccueil
--------------------------------------------------------------- */

	#pageAccueil .row 			{ display:block; clear:both; float:none; /*margin:0 0 45px;*/ margin: 0;}
	#pageAccueil .tMargin		{ padding-top: 50px;}
	#boxesSections 				{ background:url(img/boxes_accueil-btm.jpg) bottom no-repeat;  position: relative; }
	#boxesSections .content_holder { background:url(img/boxes_accueil-top.gif) no-repeat; padding-top:10px;}
	#boxesSections	h2			{ width:100%; }
	
	/* box Produits */
	#boxProduits				{ height:auto !important; height:300px; min-height:300px; }
	#boxesSections h3.imgProduit{ width:166px; height:258px; position:absolute; bottom:-20px; left: -1px; z-index: 10;}
	#boxProduits ul 			{ list-style:none; margin:6px 0 0 162px; padding:0; }
	#boxProduits li				{ float:left; }
	#boxProduits ul a			{ display:block; clear:both; height:20px; width:127px; margin:2px 0;}
	#boxProduits ul #lien-nettoyant		{ height: 24px; }
	#boxProduits ul a:hover		{ background-position: bottom right; }
	#boxProduits .btn_produits 	{ position:absolute; top:267px; left:190px;}
	
	/* box Communauté */
	#boxCommunaute				{ height:auto !important; height:300px; min-height:300px; }
	#boxesSections h3.imgCommunaute	{ background:url(img/fleur.png) bottom no-repeat; width:87px; height:91px; position:absolute; bottom:-30px; left:393px;}
	#boxCommunaute #nbMembres	{ position:absolute; left:80px; top:76px; color:#fff; font-size:18px;}
	#boxCommunaute p 				{ margin: 10px 0 10px 46px;}
	#boxCommunaute .btn_minscrire 	{ position:absolute; top:267px; left:165px;}
	#boxCommunaute .facebook    { position:absolute; top:235px; left:195px;}


/* Blogue
--------------------------------------------------------------- */
	.blogue #mainContent			{ width: 620px; position: relative; padding-bottom: 115px; }
	.blogue #mainContent ul			{ list-style:none; margin: 0; padding: 0; }
	
	.blogue .pageTop .pageNavigator 								{ position: absolute; top: 5px; right: 0; color: #126998; font-weight: bold; }
	.blogue .pageBottom .pageNavigator 								{ position: absolute; bottom: 110px; right: 0; color: #126998; font-weight: bold; }
	
	.blogue #mainContent .pageNavigator a 				{ color: #126998; margin: 0 2px; }		
	.blogue #mainContent .pageNavigator a.selected 		{ color: #3fafec; font-size: 17px; font-weight: bold; }
	
	.blogue #mainContent .blogueList li	{ padding-bottom: 33px; }
	
	.blogue #mainContent img,
	.blogue #mainContent .info 		{ float: left; }
	
	.blogue #mainContent .info		{ width: 423px; padding: 0 0 0 12px; }
	.blogue #mainContent .info p	{ color: #116998; font-size: 11px; }
	.blogue #mainContent img		{ border: 1px solid #dcdcdc; display: block; margin-bottom: 10px; }
	
	.blogue #mainContent p.date		{ margin: 0; font-size: 15px; font-weight: bold; color: #116998; }
	.blogue #mainContent .info h3,
	.blogue #mainContent a			{ font-size: 13px; font-weight: bold; color: #62a6dc; }
	
	.blogue #mainContent .options	{ clear: both; height: 29px; background:url(img/bg_options.gif) 0 0 no-repeat; padding-top: 7px; }
	.blogue #mainContent .options li	{ display: inline; background:url(img/border_options.gif) right 3px no-repeat; padding: 0 8px 0 6px }
	.blogue #mainContent .options li a	{ font-size: 11px; color: #116998; }
	.blogue #mainContent .options li.last,
	.blogue.detail .login li.last		{ background: none; border: 0; }
	
	.blogue .menuArchives	{ position: absolute; top: 2px; right: 76px;}
	.blogue .menuArchives h4		{ font-size: 19px; width: 59px; float: right; }
	.blogue .menuArchives ul		{ list-style: none; margin: 0; clear: both; }
	.blogue .menuArchives ul li 	{ text-align: right; padding: 1px; }
	.blogue .menuArchives ul li a 	{ color: #116998; }
	
	.blogue.detail #mainContent .member-comment 		{ border-bottom:1px solid #cccccc; margin-bottom: 15px; }
	.blogue.detail #mainContent .member-date			{ margin: 0; }
	.blogue.detail #mainContent .member-comment .date	{ color: #116998; padding: 0; }
	
/* Blogue détail
--------------------------------------------------------------- */
	.blogue.detail #mainContent					{ width: 654px; }
	.blogue.detail #mainContent .img_content	{ float: left; width: 299px; }
	.blogue.detail #mainContent img				{ border: 0; float: none; margin: 0 0 9px 0; }
	.blogue.detail #mainContent .date			{ margin: 0;padding-bottom: 15px; }
	.blogue.detail #mainContent .info			{ width: 340px; }
	
	.blogue.detail .multimedia					{ overflow: hidden; zoom:1; }
	.blogue.detail .multimedia li				{ float: left; border-right: 1px solid #919191; padding: 0 9px 0 8px; height: 21px; }
	
	.blogue.detail #pageContent .img_content p 			{ color: #116998; font-weight: bold; margin: 0; padding-top: 15px; font-size: 11px; clear: both;}
	.blogue.detail #pageContent .img_content			{ margin-bottom: 23px; }

	.blogue.detail .multimedia li a				{ display: block; text-indent: -9999px; }
	.blogue.detail #pageContent .multimedia li a:hover		{ background-position: 0 bottom; }
	.blogue.detail .multimedia li.pdf			{ background: none; margin: 0; }
	.blogue.detail .multimedia li.diapo			{ padding-left: 0; }
	.blogue.detail .multimedia li.audio			{ padding-top: 1px; }
	
	.blogue.detail .multimedia li.diapo a		{ background:url(img/ico_diapo.gif) 0 0 no-repeat; width: 18px; height: 17px; }
	.blogue.detail .multimedia li.audio a		{ background:url(img/ico_audio.gif) 0 0 no-repeat; width: 16px; height: 16px; }
	.blogue.detail .multimedia li.video a		{ background:url(img/ico_video.gif) 0 0 no-repeat; width: 20px; height: 21px; }
	.blogue.detail .multimedia li.pdf a			{ background:url(img/ico_pdf.gif) 0 0 no-repeat; width: 16px; height: 16px; }
	.blogue.detail .login li					{ display: inline; padding: 0 4px; border-right: 1px solid #116998; }
	.blogue.detail .login li.first				{ padding-left: 0; }
	
	.blogue.detail h4							{ font-size: 18px; margin-bottom: 0; } 
	.blogue.detail #comment						{ width: 500px; }
	.blogue.detail #comment legend				{ font-size: 20px; display: none;}
	.blogue.detail #comment fieldset			{ padding-top: 0; }
	.blogue.detail #comment label				{ margin-top: 10px; }
	.blogue.detail #comment textarea			{ width: 440px; margin-bottom: 0;}
	.blogue.detail #comment  button				{ margin: 0 17px 0 0; float: right; cursor: pointer; }
	
	.blogue.detail #respond legend				{ display: none; }
	.blogue.detail #respond button				{ margin-left: 0; cursor: pointer; }
	
	
	
	#boxBlogue				{ height:auto !important; height:300px; min-height:300px; }
	#boxesSections h3.imgBlogue{ background:url(img/sapin.png) bottom no-repeat; width:244px; height:290px; position:absolute; bottom:-16px; right:-135px;}
	#boxBlogue ul 			{ list-style:none; padding:0 0 60px; margin:0; }
	#boxBlogue ul li		{ border-top:1px dotted #867e75; margin:0 80px 10px 15px; padding-top:10px; color:#fff;}
	#boxBlogue p 			{ margin-bottom:6px;}
	#boxBlogue a			{ color:#b2aba0;}
	#boxBlogue .btn_opinion { position:absolute; bottom:11px; left:23px;}
	
	#boxBlogue .noBlogue	{ height: 43px; width: 203px; margin: 77px 0 0 50px; }
	#boxBlogue .noBlogue span	{ position: absolute; left: -9999px; }
	
	.blogue .bio .member		{ font-size: 12px; color: #053856; font-weight: bold; }
	.blogue .bio p				{ color: #11699c; }
	.blogue .bio .member-date	{ padding: 0 0 0 33px; background:url(img/arrow_blog.gif) 0 3px no-repeat; }
	
	/* box QetR */
	#QetR			{ background: url(img/icone-eprouvette.png) no-repeat; height:auto !important; height:292px; min-height:292px; }
	#QetR	h2		{ padding:20px 10px 0 55px; margin:0; font-size:15px; color:#014568;}
	#QetR	.titre 	{ padding:0 0 10px 55px; margin:0; color:#668da4; }
	#QetR p			{ margin:0 20px 5px 0;}
	.btn_demander 	{ margin:15px auto;}
	
	/* box nouveau livre */
	#box_nouveau_livre				{ width: 323px; height: 302px; margin: 0;}
	#box_nouveau_livre h2,
	#box_nouveau_livre p			{ display: none; }
	#box_nouveau_livre a			{ height:302px; display:block; margin: -6px 0 0 -2px; width: 324px; text-indent: -9999px }
	
	
	/* box Etiquette */
	#etiquette					{ background-color:#c7ddeb; margin-top: -14px; }
	#etiquette .coins-btm		{ height:auto !important; height:306px; min-height:306px; padding:0; }
	#etiquette .btn_comprendre 	{ margin: 9px 0 10px 106px;}
	
	/* box Concours */
	#concours			{ height:auto !important; height:306px; min-height:306px; width:322px; margin-right:-7px; margin-top: -8px; }
	#concours h2 		{ margin:22px 0 6px 30px;}
	#concours p 		{ margin:0 40px 15px 30px; color:#4a8744; font-size:12px;}
	#concours .btn_concours { margin:15px 0 0 70px;}

	/* Erreur  */
	.fieldError,input.fieldError	{ color:#300; background:#ffdfdf; border:1px solid #c00 }	/* Field with Error  */
	.labelError						{ display:block; color:#c00; font-weight:normal }			/* Label with Error  */
	.label,.labelError				{ font-weight:bold }
	.row_error						{ padding-left:22px; color:#c00; font-weight:bold; font-style:italic; }
	
	
/* Page Point de vente
--------------------------------------------------------------- */
	.point-vente #mainContent 		{ width:911px; }
	.point-vente #mainContent h3	{ background: #5d8d32; color: #fff; text-transform:uppercase; font-size: 14px; padding: 0 0 0 14px; margin: 16px 0 0 0; }
	.point-vente #mainContent h4	{ width: 70px; border: 1px solid #afafaf; padding: 0 0 0 6px; color: #5d8d32; text-transform:uppercase; margin: 7px 0; }
	.point-vente #mainContent ul	{ margin: 0; }
	.point-vente #mainContent ul li	{ display: inline; }
	
/* Page Prolav brille
--------------------------------------------------------------- */
	
	.prolavBrille .column1			{ background:url(/images/produits/prolav-brille.jpg) 0 0 no-repeat; padding-top:390px;}
	.prolavBrille #mainContent		{ color:#369; width:580px;}
	
	.prolavBrille #mainContent li	{ margin:6px 0;}
	
	.prolavBrille .icons			{ font-size:13px; color:#292c32; list-style:none; margin:0 35px 0 82px; padding:0; }
	.prolavBrille .icons li 		{ background-repeat:no-repeat; background-position:left top; display:block; margin:25px 0; padding:6px 0 8px 55px;}
	.prolavBrille .icon-20c			{ background-image:url(/images/icon-20cents.gif); }
	.prolavBrille .icon-tv			{ background-image:url(/images/icon-tv.gif); }
	.prolavBrille .icon-bio			{ background-image:url(/images/icon-biodegradable.gif); }
	.prolavBrille .icon-can			{ background-image:url(/images/icon-canada.gif); }
	
	.prolavBrille .q1				{ width:25%; float:left; text-align:center; font-size:11px;}
	.prolavBrille .q1 img 			{ border:1px solid #b6c5d0; margin-bottom:.6em;}
	.prolavBrille .h				{ width:45%; padding-right:5%; float:left;}
	
	.prolavBrille h3.sIFR 			{ font-size:28px; color:#369;}
	.borderTop 						{ border-top:1px solid #bbb; margin:2.2em 0; padding-top:2.2em;}
	
/* diapo, video, audio player /////////////////////////////////////////////////////////// */
	
	
	#audio-player,
	#video-player,
	#diapo-player{		
		background:#000; background-image:none
	}
	
	#audio-player a,
	#video-player a,
	#diapo-player a{		
		color:#999999;
	}
	
	#audio-player a:hover,
	#video-player a:hover,
	#diapo-player a:hover{		
		color:#dfdfdf;
	}
	
	#audio-player #container,
	#video-player #container{

		padding: 10px 23px 10px 23px;
		width: 418px;
		height: 400px;
		color: #fff;
		background: #000;
		margin: 0 auto;
	}
	#audio-player h4,
	#video-player h4{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		padding: 0px;
		margin: 5px 0px;
	}
	#audio-player #wrap,
	#video-player #wrap{
		width: 385px;
		height: 319px;
		border: none;
	}
	#audio-player .desc,
	#video-player .desc{
		color: #a7a9ac;
	}
	#audio-player .text,
	#video-player .text{
		height: 60px;
		overflow: auto;
	}
	#audio-player  .logo,
	#video-player  .logo{
		height: 26px;
		margin-top: 5px;
		background: #000;
	}
	#audio-player .desc .text p,
	#video-player .desc .text p{
		padding: 0 0 5px 0;
		margin: 0px;
	}
	#audio-player .desc .text,
	#video-player .desc .text{
		padding: 5px 5px 0 5px;
		border-bottom: 1px solid #a7a9ac;
	}
	/* diapo */
	#diapo-player #container{
		height: 595px;
		width: 700px;
		color: #fff;
		padding: 0 0 5px 0;
		background: #000;
	}
	#diapo-player h4{
		background:none;
		display: block;
		padding: 0 0 0 32px;
		margin: 0px;
		line-height:28px;
		height: 29px;
		width:auto;
		color: #fff;
	}	
	#diapo-player .nav{
		height:24px;
		padding: 0 20px;
	}
	
	#diapo-player .nav_3,
	#diapo-player .num,
	#diapo-player .nav_1{
		float: right;
		padding:5px 5px 0 0;
	}

	#diapo-player #princ{
		text-align: center;
		height: 415px;
	}
	#diapo-player p{
		padding: 0px;
		margin: 0px;
		color: #dfdfdf;
		margin-bottom: 4px;
	}
	#diapo-player .desc{
		border-bottom: 1px solid #a7a9ac;
		margin: 0 20px 5px 20px;
	}

	#diapo-player .credit,
	#diapo-player .reference{
		padding: 0 20px;
	}

	#diapo-player .desc span,
	#diapo-player .credit span,
	#diapo-player .reference span{
		font-weight: bold;
		font-size: 11px;
		padding-right: 10px;
		float: left;
	}
	
/***** Point de vente *****************************************************/
	
	.point-vente .row {
		display:block; 
		clear:both; 
		overflow:hidden;
		border-bottom: 1px solid #D3DEE4;
		margin:0 10px 0;
	}
	.col-ville {
		float:left;
		width:23%;
		margin: 15px 0 0;
		padding: 0 0 0 10px;
	}
	#pageContent .col-ville a:hover          {text-decoration: none;}
	#pageContent .row a:hover                {text-decoration: none;}
	.title-point-de-vente                    {margin:15px 0 0; padding: 0 0 0 10px}
	.overflow-pv                             {overflow: hidden;}
	
