/* CSS Document */
/* Adrien Leygues */
/* aleygues@digitas.com */

* { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0;}

/* G E N E R I C ' S  S T Y L E S */
	#lcmCentralContent,
	#lcmEntete {width:808px;}
	#lcmCenter #lcmEntete #lcmTopSubNav {padding-left:150px;}
	#lcmCenter #lcmEntete #lcmNewsletter {width:300px}
	html > body #lcmCenter #lcmEntete #lcmNewsletter {width:250px}
	#lcmCenter #lcmFooter {width:808px}
	body {background:url(/img/bg_site_brand_small.png) no-repeat -4px 0;}
	/* Bloc conteneur permettant de tout centrer en hauteur et en largeur */
	#lcmCenter{width:808px; height:595px; position:absolute; top:50.1%; left:50.1%; margin-left:-404px; margin-top:-297px; display:block;}

	
	h1#lieuException {float:left; height:122px;}
	a.breadcrumb {float:left; display:block; height:31px;}

	br.cleaner { clear:both;}
	img { border:0;}

	p#close {position:absolute; right:4px; top:4px;  padding:0 !important;}
	p#close a { background: url(../img/bg_fermer.png) no-repeat 4px right; display:block; color:#303740; padding:1px 16px 0 0 !important; text-decoration:none;}

	img.preloadImg {display:none;}

	ul { list-style-type:none;}
	
	ul#ssNav { width:205px; position:absolute; top:6px; right:6px;}
		ul li a { background:no-repeat; cursor:hand; display:block;} 
		ul#ssNav li a { margin-bottom: -3px;}
			html>body ul#ssNav li a {margin-bottom: 0;}
		
		/* See css/brand_ie.css for transparency behaviour */
		ul li#exception a { background: url(../img/ss_nav_exception.png) no-repeat -205px 0; height:20px;}
		/*ul li#exception a.active { background: url(../img/ss_nav_exception.png) 0 0;}*/
		
		ul li#soins a { background: url(../img/ss_nav_soins.png) no-repeat -205px 0; height:20px;}
		/*ul li#soins a.active { background: url(../img/ss_nav_soins.png) 0 0;}*/
		
		ul li#tarifs a { background: url(../img/ss_nav_tarifs.png) no-repeat -205px 0;height:20px;}
		/*ul li#tarifs a.active { background: url(../img/ss_nav_tarifs.png) 0 0;}*/
		
		ul li#infos a { background: url(../img/ss_nav_infos.png) no-repeat -205px 0;height:20px;}
		/*ul li#infos a.active { background: url(../img/ss_nav_infos.png) 0 0;}		*/
		
		ul li#fidelisation a { background: url(../img/ss_nav_fidelisation.png) no-repeat -205px 0;height:20px;}		
		/*ul li#fidelisation a.active { background: url(../img/ss_nav_fidelisation.png) 0 0;}		*/
		
		ul li#rdv a { background: url(../img/ss_nav_care_off.png) no-repeat 0 0;height:20px;}		
		/*ul li#fidelisation a.active { background: url(../img/ss_nav_fidelisation.png) 0 0;}		*/
		
		ul li#contact a { background: url(../img/ss_nav_rdv.png) no-repeat -205px -1px; height:20px;}
		/*ul li#rdv a.active { background: url(../img/ss_nav_rdv.png) 0 0;}*/
		
		ul#h2nav {height:35px; list-style-type:none; }
		ul#h2nav li { float:left; background:#CC0; height:35px;}	 			

		div#content p{ clear:left; padding:0 25px 5px 20px; }
		div#content p.second{ padding-bottom:10px;}		

	/* 0 1  -  B O U T I Q U E */
	h1#h1_boutiques {float:left;}
	p#decouvrez { clear:left; padding:0 !important; }

	ul#listePays { margin: 30px 0 0 30px; clear:both; height: 80px;}
	ul#listePays li.floatLeft { float:left;}
	ul#listePays li a {color:black;text-decoration:none;}
	
	div#store { background:#f2f2f2; float:right; height:111px; margin:30px 20px 0 0; overflow:hidden; width:365px;}
		div#store h2.h2_californie { background:#FFF; color:#CCC; font-weight:bold;}
		div#store p { margin: 10px 0 0 0; padding: 0 0 0 9px;}
		div#store ul.storeInfos { padding: 0 0 18px 9px;}
		div#store ul.storeInfos li.colLeft { clear:left; float:left; width:150px; }
	
	/* FF fix */	
	div#store h2, #store p,  #store li {line-height:14px !important;} 
		
	#france { margin-right:19px;}
		html>body #france { margin-right:20px;}
	#usa { margin-right:19px;}
		html>body #usa{ margin-right:22px;}
	#chine { margin-right:25px;}
		html>body { margin-right:30px;}

	/* 0 2  -  C O N C E P T */	
	div.concept { background:url(/img/_int/_en/about/brandsite/bg_institut_concept_finlande.jpg) no-repeat;}
		div.concept div#content { position:absolute; top:90px; left:35px;  width:435px;}	
		div.concept div#content p{ color:#000;}

	/* 0 3  -  B O U T I Q U E */	
	div.boutique { background:url(/img/_int/_en/about/brandsite/bg_institut_boutique_finlande.jpg) no-repeat;}
		div.boutique div#content { position:absolute; top:90px; left:35px; width:435px;}

	/* 0 4 - I N S T I T U T */
	div.institut { background:url(/img/_int/_en/about/brandsite/bg_institut_institut_finlande.jpg) no-repeat;}
		div.institut div#content { position:absolute; top:90px; left:35px;  width:500px;}		
		div.institut div#content p{ color:#FFF;}
		
	/* 0 5 - I N F O S  P R A T I Q U E S */
	div.infos { background:url(/img/_int/_en/about/brandsite/bg_institut_infos_finlande.jpg) no-repeat;}
		div.infos div#content { position:absolute; top:90px; left:35px; width:518px;}		
		div.infos div#content p{ color:#000;}
		
		div.infos ul#infosPratiques { clear:both;  padding-bottom: 10px; padding-top:80px}
		div.infos ul#infosPratiques strong{ border-right:1px solid #A9A9AC; display:block; float:left; text-align:right; width:110px !important; padding-right:5px; margin-right:4px;}
		
		div.infos a.breadcrumb { height:28px;}
		div.infos h1#lieuException {  height:145px;}

	/* 0 6 - F I D E L I S A T I O N */	
	div.fidelisation { background:url(/img/_int/_en/about/brandsite/bg_institut_fidelisation_finlande.jpg) no-repeat;}
		div.fidelisation div#content { position:absolute; top:118px; left:52px; width:502px;}		
		div.fidelisation div#content p { color:#000;}
		
		div.fidelisation h1#lieuException {  height:86px;}	
		div.fidelisation a.breadcrumb { height:27px;}
		div.fidelisation p.mention {font-size:9px;}
		
	/* 0 7 - A V A N T A G E S */	
	div.avantages { background:url(/img/_int/_en/about/brandsite/bg_institut_avantages_finlande.jpg) no-repeat;}
		div.avantages div#content { position:absolute; top:122px; left:53px; width:502px;}		
		div.avantages div#content p { color:#000;}
		
		div.avantages h1#lieuException {  height:86px;}	
		div.avantages a.breadcrumb { height:27px;}
		
  		div.avantages ul#h3produits {list-style-type:none; position:absolute; top:150px; left:0; width: 102px;}
  		div.avantages ul#h3produits * {margin:0 !important;padding:0 !important;}
		div.avantages ul#h3produits li {display:inline;}
		div.avantages ul#h3produits li img {cursor:hand; }
		
		div.avantages img#produits {position:absolute; top:150px; left:100px;}
	
	/* 0 8 - FORMULAIRE RENDEZ-VOUS */		
	div.care{ background:url(/img/_int/_en/about/brandsite/bg_institut_care_finlande.jpg) no-repeat;}
		div.care div#content { position:absolute; top:88px; left:31px; width:436px;}		
		div.care div#content p{ color:#000;}
		
		div.care div#content p#retourBoutique {position:absolute;top:246px;left:60px;}
		div.care div#content p#eMail {position:absolute;top:376px;left:113px;}
	
	/* 0 9 - CONTACT */		
	div.rdv { background:url(/img/_int/_en/about/brandsite/bg_institut_rdv_finlande.jpg) no-repeat;}
		div.rdv div#content { position:absolute; top:88px; left:31px; width:436px;}		
		div.rdv div#content p{ color:#FFF;}
		
		div.rdv div#content p#retourBoutique {position:absolute;top:246px;left:60px;}
		div.rdv div#content p#eMail {position:absolute;top:376px;left:113px;}