*{margin:0;padding:0;font-family:arial;font-size:11px;}
body{margin: 0;text-align:center;overflow: -moz-scrollbars-vertical;}
img{border:0;}
.copyright{font-size:10px;}
ul li{list-style-type: none;}
* .margintop{display:block;margin-top:35px}
a{color:#97999A}
img.spacer{display:block;clear:both;float:none;margin-top:-1px;}
.floatleft{float:left;margin-right:15px;}

/***  structure **/

h1{margin:1px;}
h2.h2home{margin:0 0 30px 175px;display:block;}
#centrage {
     position:absolute;
     left: 50%;                                      
     top: 50%;                                       
     width: 875px;
     height: 416px;
     margin-top: -208px;                             /* moitié de la hauteur */
     margin-left: -437px;                            /* moitié de la largeur */
     }
#content{width:875px;height:416px;margin:auto;text-align:left;}
#left{background: url(../img/common/bg_left.gif) no-repeat;float:left;position:absolute;z-index: 1;width:249px;height:416px}
#left_home{width:741px;height:416px;background: url(../img/common/bg_left_home.gif) no-repeat;float:left;position:absolute;z-index: 1}
#right{float:left;position:absolute;margin-left:741px;}
#right_teasing{float:left;position:absolute;margin-left:741px;background: url(../img/teasing/bg_droite.gif);width:134px;height:416px;text-align:center}
#right_teasing a{display:block;font-size:16px;font-weight:bold;text-decoration: none;color:#65504B;margin-top:20px;}


.flash_home{position:absolute;margin:40px 0 0 150px;z-index: 2;}
.flash_home p{text-transform: uppercase;margin:0 0 0 162px;color:#7B7265;font-weight:bold}
.flash_home p strong{font-size:15px;}

.home_teasing{position:absolute;margin:40px 0 0 180px;z-index: 2;}
.home_teasing p{text-transform: uppercase;margin:20px 0 0 85px;color:#7B7265;font-weight:bold}
.home_teasing p strong{font-size:15px;}
.home_teasing h2{display:block;margin:5px 0 0 20px}
.home_teasing h3{font-size:19px;color:#7B7265;display:block;margin:20px 0 20px 70px;font-weight:normal}

.teasing_brush{position:absolute;margin:140px 0 0 -5px;}

.avantapres{background: url(../img/teasing/bg_avantapres.jpg);width:553px;height: 124px;margin:0 0 0 -20px;z-index:100;position:absolute;}
.avantapres p{font-size:18px;color:#7B7265;margin:20px 0 0 10px;width:392px;display:block;text-transform: none;font-weight:normal;}
p.teaser_bottom{position:absolute;margin:270px 0 0 0px;display:block;width:590px;}


.centre{background: url(../img/common/bg_center.gif) no-repeat;position:absolute;margin-left:249px;z-index: 2;width:482px; height:416px;padding:15px 0 0 10px;}
.centre h2{font-size:20px;font-style: normal;font-weight:bold;color:#8B8377;display:block;background: url(../img/common/bg_h2.gif) no-repeat 0 3px;width:400px;margin-bottom:10px;height:25px}
.centre_full h2{font-size:18px;font-style: normal;font-weight:bold;color:#8B8377;display:block;background: url(../img/common/bg_h2.gif) no-repeat 0 10px;width:100%;margin-bottom:10px;height:25px;letter-spacing:-1px;padding-top:10px;}
.centre h3{color:#8B8377;font-size:15px;display:block;margin:5px 0 5px 0;width:100%;}
.centre h3.h3noborder{background: url(../img/common/bg_fondrose.gif) repeat-y;padding-left:20px;margin-top:20px;width:480px}
.centre p, .centre_full p{color:#83807A}
.centre .links h3{background: url(../img/common/bg_fondrose.gif) repeat-y;margin:10px 0 10px 0;width:460px;height:20px;padding:4px 0 2px 20px;}

p.plusdetails{position:absolute;margin:25px 0 0 380px;z-index:3}

.centre .divnomargin{position:absolute;margin:0 0 0 -20px;z-index: 5;}
.centre .divnomargin p{display:block;padding-left:20px;width:450px}
.centre .divnomargin img.imghairstyleleft{display:block;float:left;margin:10px 0 10px 10px;}  
.centre .divnomargin img.imghairstyle{display:block;float:left;margin:10px 0 10px 20px;}  
div.details{position:absolute;margin:375px 0 0 390px;z-index: 9;}
div.details a{text-decoration:underline;}

.centre_full{background: url(../img/common/bg_centerfull.gif) no-repeat;position:absolute;margin-left:248px;z-index: 2;width:627px; height:416px;padding-top:10px;}
.centre_full_flash{background: url(../img/common/bg_centerfull.gif) no-repeat right 0 ;position:absolute;margin-left:240px;z-index: 2;width:636px; height:416px;padding-top:10px;}

.centre_full h2{margin:1px 0 0 10px;padding:0;height:25px;background-position: left bottom;}
html > body .centre_full h2{display:block;margin-bottom:27px;}
.centre_full p{display:block;margin:10px 0 0 30px;width:543px}
.centre_full strong{color:black;}


/**** Nav gauche ***/

ul.nav{margin-top:40px;width:210px;}
ul.nav li{background: url(../img/common/line_bottom.gif) no-repeat -12px 16px;margin-left:1px }
ul.nav li a{text-transform:uppercase;color:#6C6459;font-weight:bold;text-decoration:none;padding:3px 0 3px 20px;display:block;width:210px;background: url(../img/common/p_nav_off.gif) no-repeat 10px 7px;}
ul.nav a.on{background: url(../img/common/bg_nav_on.gif) no-repeat;}


/*** Footer ***/

ul.footer{margin:170px 0 0 10px;}
ul.footer li{display:inline;margin:0 2px 0 2px;}
ul.footer li a{color:#7F7F7F;text-decoration:none;font-size:9px;}

ul.footer_teasing{margin:350px 0 0 10px;}
ul.footer_teasing li{display:inline;margin:0 2px 0 2px;}
ul.footer_teasing li a{color:#7F7F7F;text-decoration:none;font-size:9px;}

.footer_droite{position:absolute;margin:395px 0 0 500px;z-index: 20}
.footer_droite a{margin-right:20px}

/*** gestion des infos bulles ***/

#tipDiv {width:230px; color:#97999A; position:absolute; visibility:hidden; left:0; top:0; z-index:10000; padding:5px; margin:5px; font-size:11px; background:#F5E5EA;filter:alpha(opacity=98);moz-opacity:0.98;opacity: 0.98;height:46px}


/*** Elements main ****/

p.intro{padding-bottom:10px;display:block;}
div.fondrose,div.fondrose2,div.fondrose3{background: url(../img/common/bg_fondrose.gif) repeat-y;position:absolute;margin-left:-9px;z-index:4;width:100%;padding:2px 0 2px 30px;height:178px;}
div.fondrose h3,div.fondrose2 h3,div.fondrose3 h3{font-size:15px;color:#C79EA6;}
div.fondrose dl dt,div.fondrose2 dl dt,div.fondrose3 dl dt{font-size:15px;font-weight:bold;color:#B8868F;margin:0 0 5px 0;}
div.fondrose dl dd img,div.fondrose2 dl dd img,div.fondrose3 dl dd img{float:left;}
div.fondrose dl dd p,div.fondrose2 dl dd p,div.fondrose3 dl dd p{float:left;margin:10px 0 0 5px;width:350px;display:block;}
div.fondrose dl dd p strong,div.fondrose2 dl dd p strong,div.fondrose3 dl dd p strong{color:#5F5A53;font-size:14px;}

div.fondrose2{height:50px;margin-top:188px;}
div.fondrose2 dl dd p strong{font-size:12px;}
div.fondrose2 dl dd p,div.fondrose2 dl dt{margin:0}

div.fondrose3{height:40px;margin-top:247px;}
div.fondrose3 dl dd p,div.fondrose3 dl dt{margin:0}
div.fondrose3 dl dd p strong{font-size:12px;}

div.visu_brushin{position:absolute;margin:95px 0 0 400px;z-index:5;text-align:right;}



/*** formulaires ****/

.formulaire{margin-left:100px;margin-top:15px;}
.formulaire label{display:block;float:left;width:140px;text-align:right;font-weight:bold;font-size:12px;color:#3F2424;margin-right:10px;}
.formulaire input{border:1px solid white;width:165px;height:16px;background: #F4E4E9;padding:2px;}
.formulaire input.input65{width:65px;}
.formulaire input.input245{width:245px;}
.formulaire input.input235{width:229px;}
label.decouvrir{display:block;margin-bottom:100px;}
.formulaire div div strong{color:#AAA296;margin-right:10px;}
div.inputradio input,span.inputbox input{width:15px;height:15px;background: none;}
div.inputradio2 input{width:15px;height:15px;background: none;margin-right:5px;}
div.radio{float:left;margin-right:10px;}

div.radio span input{width:15px;height:15px;background: none;margin-right:5px;float:left;}
div.radio span label{float:left;width:20px;}

.formulaire span{padding:5px 0 5px 0;display:block;}

.brush{position:absolute;margin:60px 0 0 210px;z-index:8;width:138px;height:345px}
.visu_question{position:absolute;margin:269px 0 0 764px;z-index:10;width:110px;height:146px;}

.formulaire_bottom{float:left;}
.formulaire_bottom a{display:block;text-transform:uppercase;font-weight:bold;font-size:15px;text-decoration:none;clear:both;margin-top:0;}
.formulaire_bottom a img{padding-right:10px;}
div.formulaire_bottom span label{float:left;width:25px;margin:0}
div.formulaire_bottom span input{float:left;width:15px;background:none;margin-right:5px}


.centre .formulaire{margin-left:0;}
.centre .formulaire label{margin-left:0;width:160px;}
.centre .formulaire input{height:12px}
.centre .formulaire .formtext {border:1px solid white;width:165px;height:16px;background: #F4E4E9;width:239px;height:35px;overflow:auto;padding:5px;}
.centre .decouvrir{background: url(../img/main/bg_invit.gif);width:315px;height:158px}
.centre .formulaire_bottom{margin:10px 0 0 30px;width:300px;}
.centre .formulaire_bottom a{float:right;display:block;margin:0;padding:0}
.centre .formulaire_bottom p{display:block;float:left;margin:0;padding:0}

/*** ou trouver ***/

.links{overflow-y:auto;height:364px;position:absolute;margin:0 0 0 -20px;width:500px;}
.links a{margin-left:20px;display:block;padding:2px 0;width:100px;}
.visu_brushactiv{position:absolute;width:201px;height:131px;margin:-73px 0 0 260px;}
.links p{margin-left:20px;padding:2px 0 2px 0;}




/*** spot TV ***/

.spot_tv{text-align:center;margin:50px 20px 0 0;}


/**** Popup ****/

#popup_deja,#popup_merci,#popup_pb,#popup_message,#popup_accepter,#popup_conditions {background:#FBE9F3; width:263px;height:253px;padding:10px;position:absolute;margin:80px 0 0 250px;display:none;z-index:100;}
.scroll{overflow:auto;width:262px;height:238px}
#popup_deja p,#popup_merci p,#popup_pb p,#popup_message p,#popup_conditions p,#popup_accepter p{color:#ABA3AA;font-size:11px;margin-top:30px;}







