/* Structure générale */
body {margin:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background:url(../../images/fr/communs/bg-body.jpg) 0 0 repeat-x #fff;color:#7f7f7f;}
*{margin: 0 ;padding:0;}
img{ border:0;}
input ,textarea ,select{font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 12px; }


p, h2, h3 , h4 , h5  {display:block;}
p { padding:5px;}
ul,li{list-style:none;padding:0;margin:0;}

.li_puce {
	background:transparent url(../../../../../../templates/default/images/fr/communs/puce-flech.gif) no-repeat scroll 57px 3px;
	font-size:12px;
	padding: 0 0 0 73px;
	margin:0 0 13px 0;
	display:block;
}

a{text-decoration:none;}
a:hover {text-decoration:none;}
.clear{ clear:both;}
#global{width:962px;margin:0 auto; position:relative; padding:0 0 0 0;background:#fff;}
#page{width:974px;margin:0 auto;display:table;background:url(../../images/fr/pages/bg-page.gif) no-repeat center 270px;}

/* Header Accueil */

#headerAcc{ position:absolute; top:0; left:0;width:962px; padding:24px 0 0 0; height:348px;}

/* hedear Nav */

#headerNav{ position:absolute; top:0; left:0;width:962px; padding:24px 0 0 0; height:246px;}


.logo{ float:left; padding:0 0 33px 5px;}
.img_head{float:left;padding:0;margin:0;}

/* Menu Principal */

.nav1{  float:right; padding:4px 31px 0 0;height:20px;}
.nav1 li{ float:left; color:#E9ECEE; background:url(../../images/fr/menu/bg-sep.gif) right 0 no-repeat;}
.nav1 li.nobg{ background:none;}
.nav1 a{ float:left;margin:0 20px;height:20px;}
.nav1 .presse{margin:0 0 0 22px;}
.nav1 img{display:block;}


/* Menu déroulent */

#menuContainer ul{width:300px;float:left;}
#menuContainer  li{border-bottom:1px solid #FFFFFF;padding:0;float:left;width:175px;}
#menuContainer  a{font-size:10px; padding:3px 0 0 34px;color:#7f7f7f;background:#F1F0F1;height:16px;display:block;}
#menuContainer  a:hover{background:#E1EDF4;color:#770d68;color:#660066;}

/* Page Accueil */

#contAcc{width:858px;float:left;padding:393px 0 0 104px;}
.rendvNav{width:226px; background:url(../../images/fr/pages/bg-rendez.jpg) 0 0 no-repeat;padding:21px 0 42px 24px;float:left;margin:0 36px 0 0;}
.rendvNav p{ padding:17px 0 8px 0; font-size:11px;}
.rendvNav img{ display:block;}

.traitNav{width:253px;background:url(../../images/fr/pages/bg-trait.jpg) 0 0 no-repeat;padding:21px 0 18px 13px;float:left;
margin:0 14px 0 0;}
.traitNav p{ padding:17px 0 8px 0; font-size:11px;}
.traitNav img{ display:block;padding:0 0 0 11px;}
.traitNav .lien{float:left;}
.liste{	padding:12px 0 7px 0;float:left;}
.liste li{width:112px;float:left;}
.liste a{font-size:9px; padding: 0 0 2px 11px;display:block;color:#7f7f7f;white-space:nowrap;}
.liste a:hover{background:url(../../images/fr/communs/puce-flech1.gif) 0 3px no-repeat;color:#770d68;}

#blocActu{	float:left;width:254px;padding:4px 0 0 0;font-size:10px; }
#blocActu h2{display:block; padding:7px 0 5px 0; }
.espace_home {heigth : 2px;}
#blocActu p{padding-left:9px;}
#blocActu .txt{color:#7f7f7f;}
#blocActu h3 a{padding: 0 0 5px 9px;background:url(../../images/fr/communs/puce-rose.gif) 0 4px no-repeat;color:#770d68;font-size:10px;font-weight:normal;display:block;}
#blocActu .lire{text-align:right;display:block;margin:0 0 7px 0;}

.triangle{position:absolute;top:441px;right:-60px;width:59px;height:103px;background:url(../../images/fr/img-triangle.gif) no-repeat 0 0;}

/* Pages Navigation */

#cont{width:962px;float:left;padding:281px 0 20px 0;}
#filedarian{ height:46px; padding:0 30px 0 0;width:932px;}
#filedarian ul{ text-align:right;padding:9px 0 0 0;line-height:13px;}
#filedarian li{ display:inline;font-size:10px;padding:0;}
#filedarian a{color:#828282;margin:0 0px 0 8px;}
#filedarian a:hover,#filedarian .active{color:#660066;}
.club{margin:0 0 0 5px;}


/* content left */

.suport{width:0;height:660px;float:left;}				
				
#contLeft{ float:left; width:267px; padding:0 0 190px 30px;}
#contLeft h1{padding:0 0 8px 20px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 2px;margin:8px 0 0 21px;float:left;display:inline;}
#contLeft h1 img{float:left;}
#navRub{width:252px;float:left;background:#F8F7F8;padding:0 3px 0 0;margin:0 0 13px 10px;display:inline;}
#navRub li{border-bottom:1px solid #FFFFFF;padding:3px 0 3px 15px;}
#navRub a{font-size:11px; padding:0 0 0 11px;color:#7f7f7f;background:url(../../images/fr/communs/puce-gris.gif) 0 4px no-repeat;display:block;}
#navRub a:hover,#navRub .active{background:url(../../images/fr/communs/puce-rose.gif) 0 4px no-repeat;color:#770d68;font-weight:500;}

#contLeft .rendvNav{ width:243px; background:url(../../images/fr/pages/bg-rendez_nav.jpg) 0 0 no-repeat; padding:21px 0 42px 24px;float:left;margin:0 0 10px 0;}
#contLeft .rendvNav p{ padding:17px 0 8px 0; font-size:10px;}
#contLeft .rendvNav img{ display:block;}

#contLeft .traitNav{ width:242px;background:url(../../images/fr/pages/bg-trait.jpg) 0 0 no-repeat;padding:21px 0 18px 24px;
float:left;margin:0 0 10px 0;}
#contLeft .traitNav p{ padding:24px 0 17px 0; font-size:10px;}
#contLeft .traitNav img{ display:block;padding:0;}
#contLeft .traitNav .lien{float:left;}
#contLeft .traitNav .liste { margin-left:-11px; display:inline;}

#contLeft .traitNav2{width:253px;background:url(../../images/fr/pages/bg-trait.jpg) 0 0 no-repeat;padding:21px 0 12px 13px;float:left;
margin:0 14px 0 0;}
#contLeft .traitNav2 p{ padding:17px 0 8px 0; font-size:11px;}
#contLeft .traitNav2 img{ display:block;padding:0 0 0 11px;}
#contLeft .traitNav2 .lien{float:left;}

/* content Right */
						
#contRight{ width:578px; float:right;padding:2px 30px 0 0;}
#cont .fontB{ color:#660066;font-weight:bold;}
#cont .fontN{ color:#660066;}
#contRight h1{padding:0 0 21px 0;}
#contRight h2{padding:0 0 8px 2px;color:#660066;font-weight:bold;font-size:13px;border-bottom:1px solid #A8D8F1;clear:both;}
#contRight h3{padding:0 0 9px 18px;color:#660066;font-weight:bold;font-size:12px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 2px;margin:23px 0 0 0;}
#contRight h4{padding:0 0 2px 18px;color:#660066;font-weight:bold;font-size:12px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 2px;margin:0 0 12px 0;border-bottom:1px solid #ADDAF2;}
#contRight h5{padding:0 0 5px 0px;color:#660066;font-weight:bold;font-size:12px;}
#contRight p{ font-size:12px; line-height:15px;}
#contRight a{color:#660066;}
#contRight .txt{padding:0 0 23px 0;}
#contRight .txt a{padding:0 0 0 6px;background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat;color:#660066;font-size:12px;font-weight:normal;display:block;}


#accordion{padding:0 0 0 2px;position:relative;}
#accordion .element{margin:0 0 11px 3px;}
#accordion h2{ cursor:pointer;clear:both;}
#accordion h3 {margin:23px 0 0 3px;}
#accordion .element p{padding:0 0 7px 3px;}
#accordion  span{float:left;background:url(../../images/fr/communs/puce-rose.gif) 0 0 no-repeat; width:4px; height:5px; 
margin:7px 2px 0 0;padding:0;display:inline;}
#accordion .btnon span{float:left;background:url(../../images/fr/communs/puce-rose.gif) 0 0 no-repeat; width:4px; height:5px; 
margin:7px 2px 0 0;padding:0;display:inline;}
#accordion .btnof span{ float:left;background:url(../../images/fr/communs/puce-bas.gif) 0 0 no-repeat; width:5px; height:4px; margin:8px 2px 0 -1px; }

#contRight .puce{ font-size:12px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:13px 0 0 42px;}

em{ color:#660066;}

/* laser */
#contRight table{ font-size:11px; width:578px; margin:40px 0 0 0;border-collapse:collapse; border:1px solid #e9e7e1;}
#contRight table th{text-align:center; width:176px; color:#892D7C;font-weight:bold; padding:0 0 3px 0;background:#F8F7F8;}
#contRight table td{ text-align:center; font-size:12px; color:#7f7f7f; padding:3px 3px;height:20px;border:1px solid #e9e7e1;}


/* club */

#contRight .clubfor{padding:0 0 0 7px;}
#contRight .promotions li{ font-size:12px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:13px 0 0 42px;display:block;}
#contRight .puceRoze li{ font-size:12px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:13px 0 0 42px;display:block;}

#contRight . li{ font-size:12px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:13px 0 0 42px;display:block;}
#contRight ul.alphapet  li{ font-size:12px; background:none; padding: 0;margin:0;}
#contRight ul.vision  {margin-bottom : 0px; padding-bottom : 0px; padding-top : 5px;}
/* horaire */

#contRight p.horaire{padding:0 0 21px 0px;}
#contRight .msgErreur{width:578px;background:#E5F3FB;color:#660066;margin:3px 0 7px 0;}
#contRight .msgErreur p {padding:2px 0 4px 5px;font-size:11px;}

/* beauté */

#contRight .beaute{ font-weight:bold;font-size:12px;padding:47px 0 0 0;}

/* bon cadeaux */

#contRight .coord{ width:220px;padding:25px 0 0 0;line-height:19px;}
#contRight .coord span{float:right;}
#contRight .contacter a{padding:0 0 0 6px;background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat;color:#660066;font-size:12px;font-weight:normal;display:block;margin:12px 0 0 0;}

/* Equipe */

#contRight .equipe{ padding:0 0 12px 0;}
#contRight .equipe a{padding:0 0 0 6px;background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat;color:#660066;font-size:12px;font-weight:normal;display:block;}

/* Evoluer en beaute */

#contRight .evoluer{ padding:0 0 33px 0;}
#contRight .medecine{padding:0 0 20px 57px;width:180px;}
#contRight .medecine li{ font-size:11px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:0 0 13px 0;display:block;}
#contRight .medecine li span{ float:right; width:80px;text-transform:uppercase; color:#660066;}

/* vision en beaute */

#contRight .vision{padding:21px 0 14px 57px;}
#contRight .vision li{ font-size:12px; background:url(../../images/fr/communs/puce-flech.gif) 0 3px no-repeat; padding: 0 0 0 17px;margin:0 0 13px 0;display:block;}

/* actualite */

.supportBeaute{ width:0;height:330px;float:left}	
#contRight .article a{margin:18px 0 0 0;padding:0 0 0 6px;background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat;color:#770d68;font-size:12px;font-weight:normal;display:block;}
/*#contRight .peau{ padding:0 0 50px 0;}*/


/* Lexique */

.alphapet{color:#660066;border-bottom:1px solid #addaf2;padding-bottom:5px;}
.alphapet li{display:inline;}
.alphapet a{color:#660066;font-size:12px; padding:0 0px;font-weight:normal;}
.alphapet a.nopad{padding:0 0px 0 0;}
.depuis{padding:18px 0 11px 0;border-bottom:1px solid #addaf2;}
.alphapet  .activ{font-weight:bold;}
.alphapet a:hover {text-decoration : underline;}
/* coordonnees */

#coordonnees{ width:578px;float:left;padding:15px 0 0 0;}
#coordonnees .map{ float:right;margin:3px 0 0 0;} /*cursor:pointer;*/
#coordonnees p{ padding:5px 0 18px 0;}

/* Presse */

#contRight .blocPresse{ width:578px;float:left;padding:0 0 14px 0;}
#contRight .blocPresse img{ float:right;}
#contRight .blocPresse p{ padding:0 0 11px 0;}
#contRight .blocPresse a {float:right;}

/* levre */

#contRight .levre{padding:0 0 24px 0;font-weight:bold;}
#contRight .text_intro_gras{padding:0 0 24px 0;font-weight:bold;}
#contRight .avant a{padding:0 0 0 6px;background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat;color:#660066;font-size:11px;font-weight:normal;display:block;}
#blocBas{width:578px;float:left;margin:0 0 0 0;padding:19px 0 0 0;border-top:1px solid #A8D8F1;}
#blocBas .titre{padding:0 0 9px 18px;color:#994A8E;font-weight:bold;font-size:12px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 3px;margin:0 0 0 2px;}
#blocBas .titre2{padding:0 0 9px 5px;color:#994A8E;font-weight:bold;font-size:12px;margin:0 0 0 2px;}
#blocBas .avant{padding:0 0 0 21px;}
#blocBas .tarif{ width:142px; float:right;}

/* recommander Site */

#recommanderForm{width:578px;float:left;padding:41px 0 0 0;}
#recommanderForm p {padding:0 0 3px 0;width:369px;float:left;}
#recommanderForm  label {float:left;font-size:12px;}
#recommanderForm  input {float:right;width:157px;height:16px;background:#FFFFFF;border:1px solid #A8D8F1;color:#7f7f7f;}
#recommanderForm .amie{margin:30px 0 0 0;}
#recommanderForm .btn {float:right;margin:35px 0 0 0;}
#recommanderForm .site { width:121px;height:14px;border:none;background:none; border:0;}
.invitation{padding:0 0 16px 0;}

/* Newsletter */ 

#abonner{width:578px;float:left;padding:40px 0 0 0;}
#abonner p {padding:0 0 3px 0;width:230px;float:left;}
#abonner  label {float:left;font-size:12px;}
#abonner  .radio{ float:left;width:12px;height:13px;background:none;border:0;margin:1px 2px 0 0;} 
#abonner  .txtradio{float:right;margin:0 3px 0 12px;font-size:12px;} 

#abonner .abonerLeft{width:230px;float:left;}
#abonner .abonerRight{width:230px;float:right;}
#abonner  input {float:right;width:157px;height:16px;background:#FFFFFF;border:1px solid #A8D8F1;color:#7f7f7f;}
#abonner .btnAbonner { width:71px;height:14px;border:none;background:none; border:0;margin:32px 0 0 0;}



#desabonner{width:578px;float:left;padding:18px 0 0 0;margin:27px 0 0 0;border-top:1px solid #A8D8F1;}
#desabonner input {float:left;width:157px;height:16px;background:#FFFFFF;border:1px solid #A8D8F1;color:#7f7f7f;margin:10px 0 0 0;}
#desabonner .btnDesabonner { width:97px;height:14px;border:none;background:none; border:0;margin:37px 0 0 0;float:right;}

/* Pages Mentions legales */

#contMention{width:894px;float:left;padding:0 0 170px 38px;}
#contMention h1{padding:0 0 32px 0;}
#contMention h3{padding:0 0 5px 18px;color:#660066;font-weight:bold;font-size:12px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 2px;}
#contMention p{padding:0 0 15px 0;}
#contMention .puceMent{padding:0 0 15px 76px;}
#contMention .puceMent li{ font-size:12px; background:url(../../images/fr/communs/puce-rose.gif) 0 6px no-repeat; padding: 0 0 3px 8px;display:block;}
#contMention a{color:#660066;}
#contMention a:hover{text-decoration:underline;}

/* Plan de site */

#PlanSite{width:894px;float:left;padding:0 0 170px 38px;}
#PlanSite h1{padding:0 0 32px 0;}
#PlanSite .groupe{float:left;}
#PlanSite dt{padding:0 0 2px 18px;color:#660066;font-weight:bold;font-size:12px;background:url(../../images/fr/communs/big_flech.gif) no-repeat 0 2px;margin:0 0 11px 0;border-bottom:1px solid #A8D8F1;}
#PlanSite dt.dossier{margin:23px 0 22px 0;}
#PlanSite dd{padding:0 0 2px 0;}
#PlanSite .plan{ float:left;padding:0 84px 20px 0;white-space:nowrap;}
#PlanSite .fin{padding:0;}

#PlanSite a{color:#828282;font-size:12px;}

#PlanSite a:hover{text-decoration:underline;}
#PlanSite dt a{color:#828282;font-size:12px;color:#660066;}
#PlanSite dt a:hover{text-decoration:none;}
/* Formulaire */

#contRight  .formulaire { padding:18px 0 0 6px;width:572px;float:left;}
#contRight .bloc1{width:253px;float:left;}
#contRight .formulaire p {float:left; padding:0 0 3px 0;width:253px;}
#contRight .formulaire span {float:left;font-size:12px;}
#contRight .formulaire label {float:left;font-size:12px;}
#contRight .bloc2{width:295px;float:right; padding:0 0 0 0;}
#contRight .formulaire .bloc2 p {width:295px;}
#contRight .formulaire .box {float:left; width:15px;height:16px; }

.colone_box {  width : 250px; float : left; margin-right : 15px;}
.colone_box2 {  width : 210px; float : left; }
.label_large {width : 300px;  float : left;}

#label_traitement {float : left; width : 97px; }
.contact_box {padding-top : 20px; height : 30px;  clear:both;}
#contRight .formulaire input {float:right;width:156px;height:16px;background:#FFFFFF;border:1px solid #A8D8F1;color:#7f7f7f;}

#contRight .formulaire .parea{padding:16px 0 27px 0;width:572px;clear: both;}
#contRight .formulaire textarea {float:right;height:51px;width:474px;background:#FFFFFF;overflow:hidden;border:1px solid #83cce8;
}
#contRight .formulaire .info{width:150px;color:#FFFFFF;}	
#contRight .formulaire .envoi {padding:0 0 0 0; clear:both;float:right;}
#contRight .formulaire .bout { width:63px;height:14px;border:none;background:none;}
#contRight .formulaire .bout2 { width:63px;height:14px;border:none;background:none;}
#contRight .formulaire .ok { width:58px;height:14px;border:none;background:none;}
#contRight .champ_obl{ border-top:1px solid #ADDAF2; padding:17px 0 0 0; margin:32px 0 0 0;float:left;width:578px;}
#contRight .champ_obl p{ text-align:justify; padding:0 0 12px 0; font-size:9px;line-height:normal;}

/* Partie Erruer */

#contRight .formulaire .erreur{color:#660066;} 
#contRight .formulaire .radio{ float:left;width:12px;height:13px;background:none;border:0;margin:1px 2px 0 0;} 
#contRight .formulaire .txtradio{float:right;margin:0 3px 0 14px;font-size:12px;} 
#contRight .formulaire .listselect{padding:16px 0 0 0;width:572px;float:left;} 
#contRight .formulaire .listselect p{width:572px;} 
#contRight .formulaire .listselect select{ color:#7f7f7f;font-size:12px; float:right;width:476px;height:20px;background:#FFFFFF;border:1px solid #A8D8F1;padding:0;} 
#contRight .formulaire .listselect .heure{float:right;margin:0 0 0 25px;width:288px;}
#contRight .formulaire .listselect .heure select{ width:156px;}



#contRight .date_calendar{}
#contRight .date_calendar input{float:left;width:136px;height:16px;background:#FFFFFF;border:1px solid #A8D8F1;color:#7f7f7f; margin-left:20px;}


#contRight .formulaire .listselect  .hour{ float:right; width:163px}
#contRight .formulaire .listselect  input{ float:left; margin:0;}


/* Footer */

#footer{ clear:both;width:962px;margin:0 auto;background:url(../../images/fr/pages/bg-footer.gif) 0 0 no-repeat;padding:18px 0 38px 0; position:relative;}
#footerNav{clear:both;width:974px;margin:0 auto;background:url(../../images/fr/pages/pg-footer.gif)  0 0 no-repeat;padding:18px 0 38px 0; position:relative;}
.arbr{ position:absolute; top:-180px; left:-82px}
.nav2{ float:right;padding: 0 3px 10px 0;}
.nav2 li{ display:inline; }


.nav2 li a{ color:#7D7E7F; font-size:11px; margin:0 8px;}
#footer .nobg_a,#footerNav .nobg_a{ margin:0 0 0 11px;}
.nav2 li a:hover,.nav2 li .active{color:#690569;}

.nav3{ float:right; margin:0;}
.nav3 li{ display:inline; font-size:9px; }
.nav3 li a{ color:#AFB1B1; font-size:10px; margin:0 5px;}
.nav3 li a:hover,.nav3 li .active{color:#690569;}


.lang{ float:left; padding:0 0 0 43px;}
.lang li{ display:inline; text-transform:uppercase;}
.lang a{ color:#7A7D7E; font-size:12px; padding:0 5px 0 0px;}
.lang li span{ color:#7A7D7E; }
.lang a:hover,.lang .active{ color:#660066;}