* {margin:0;padding:0;}

img {display:block;border:0px}

a {text-decoration:none;color:#6699cc;}
a:hover{color:#b0bdc6;}
a:focus{-moz-outline-style:none}

.fleft {float:left}

body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; display:block; position:relative;
background:url(../images/background.jpg) repeat-x center top;text-align:center;color:#5B5B5B; height:100%}
/*body.soins{background-image:url(bg1.gif)}
body.promo{background-image:url(bg2.gif)}
body.services{background-image:url(bg5.gif)}*/

ul li, ul li a, input, select, th, td, h1, h2, h3, h4, div, div div, body div, div h1, div h2, div p, div h3, span, h2 span {font-size:1em}


input, textarea { padding:2px;border:1px solid #6699CC;}

 
.clear {clear:both}

.etoile { color:#FF0000;}

.cnil { border-top:1px dashed #b0bdc6; padding-top:5px; text-align:center;width:69em;}
 

.valider {
background-image:url('../images/btn_valider.gif');
background-repeat:no-repeat;
color:#fff;
width:61px;
height:20px;
text-align:center;
font-size:1.2em;
border:0;
cursor:pointer;
position:relative;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
 
}

#contenu_page {margin-right:210px;position:relative; margin-left:10px}
/* Enregistrement Début */




div#enregistrement {
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
height:100%;
overflow:hidden;

}

div#enregistrement span.enregistrement{
background: #fff;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;

}

div#enregistrement span.enregistrementgauche {
float: left;
margin: 0.2em 0 0.5em 0;
padding: 0.2em 0 0.2em 0;
width: 200px;
 }

div#enregistrement span.enregistrementdroite  {
background: #fff;
float: left;
margin: 0.2em 0 0.5em 4px;
padding: 0.2em 0 0.2em 0;
width: 320px;
 }
 
  
div#enregistrement span.enregistrementdroite input  {float:left; margin-right:5px}
div#enregistrement span.enregistrementdroite img  {float:left;}
div#enregistrement span.enregistrementdroite input[type=radio] { border:0px;}

  
form#entryform {
margin-top:20px;
border-top: 1px solid #ddd;
border-right: 2px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
padding:10px 20px 15px 20px;
margin-bottom:25px;
margin-left:50px;
margin-right:20px
}

form#entryform p {
text-align: center;
 
}

form#entryform span input.champtexte {
text-align: left;
width:250px;
height:12px
}

form#entryform p.left {
text-align: left;
}
form#entryform p.center {
text-align: center;
}
 form#entryform textarea {
width: 300px;
height:150px;
}




 

#skiplink{ font-size:1.0em;font-weight:bold;text-align:center;margin-top:-36px;position:absolute}/*left:60px;left:-9000px;*/
#skiplink a { color:#FFFFFF ;}
#skiplink .onglet {float:left;background:url(../images/onglet1.gif) no-repeat;width:148px;height:26px;
padding-top:8px;margin-left:5px;margin-top:5px;display:block}

/*#maincontainer {margin: 0 auto 0;width:98.4em !important;width:99.1em;background-repeat: no-repeat}*/
#maincontainer {margin: 0 auto 0;width:98.4em !important;width:99.1em;}


/*.soins #maincontainer{background-image:url(mainbg01.jpg);background-color:#B1BE88}*/

.soins #maincontainer{background:transparent;}


.services #maincontainer{background-image:url(mainbg05.jpg);background-color:#B1BE88}


.white {color:#fff !important}
.green {color:#6699cc !important}/*#12926C*/
.grey {color:#5B5B5B !important}
.pink {color:#D25997 !important}
.blue {color:#5CF2FF !important}
.t9 {font-size:0.9em !important}
.t10 {font-size:1em !important}
.t11 {font-size:1.1em !important}
.t12 {font-size:1.2em !important}
.t14 {font-size:1.4em !important}
.t16 {font-size:1.6em !important}
.t18 {font-size:1.8em !important}
.t22 {font-size:2.2em !important}
.t24 {font-size:2.4em !important}
.t28 {font-size:2.8em !important}
.t30 {font-size:3em !important}
.nofloat{float:none !important}
.bold{font-weight:bold !important}
.nobold{font-weight:normal!important}
.cleft {clear:left !important}
.cright {clear:right !important}
.notes {font-size:0.9em !important}
.noborder{border:0 !important}
.dblock{display:block !important}
.nowrap{white-space:nowrap !important}
.hidden{position:absolute;left:-9000px}

.outersmallligreen {background:url(picto_greensmall.gif) no-repeat 0 0;padding-left:1.5em}
p.savoirplus { float:left;height:20px;margin-top:10px;padding-left:18px;background: url(puce_savoirplus.gif) no-repeat}
p.savoirplus a{color:#6699cc;font-weight:bold}
p.savoirplus a:hover{color:#b0bdc6;font-weight:bold}

/* typographie */
.p_level1{color:#666;font-weight:bold;line-height:1.5em}


.tl, .tr, .bl, .br {position:absolute}
.tl{top:0;left:0}
.tr{top:0;right:0}
.bl{bottom:0;left:0}
.br{bottom:0;right:0}


/* rounded corners */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;width:901em !important;width:900px;margin:0 auto}
.xtop{position:relative;top:30px}
.xbottom{position:relative;top:-20px;z-index:-1}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

#container { height:100%;position:relative;background:#fff no-repeat 1px 102px;text-align:left;margin:30px auto 20px;width:90em !important;width:900px;}
.home #container {min-height:1080px;background-position: 1px 85px;/*min-height:1020 ou 950px;*/}
/* header */

#header{position:relative;width:99%;height:82px; }
#logoandsearch {position:absolute;left:1px;width:23.6em;height:auto;}
#logo{position:absolute;top:0px;left:10px}
#search {position:relative;width:23.7em;height:2.2em;top:58px;background-color:transparent; }/*#d1e1f0*/
#search label{position:absolute;top:-600px;}
#search fieldset {border:0px}

 
input.searching {padding-left:5px;display:block;position:relative;float:left;top:4px;left:5px;width:17.9em;height:1.3em;border: solid 1px #6699cc;color:#6E6E6E;}
.searchvalidation {display:block;position:relative;float:left;top:4px;left:6px;border:0px}

#ringoff{position:absolute;top:0px;left:710px;width:189px;height:110px !important; height:150px;z-index:199;display:none;}
/*#ring {position:absolute;top:20px;left:726px;width:169px;height:30px;background:url(feuille.gif) no-repeat right top;z-index:200}*/
#ring {position:absolute;top:0px;left:726px;width:169px;height:18px;z-index:200}
#ring img {margin-top:4px}
#ring ul {list-style:none;width:153px;z-index:200;background-color:#fff; border-top:0px; border-bottom:0px; border-left:1px #d1e1f0 ;border-right:1px #d1e1f0; border-style:dashed}
#ring li {height:16px;padding:4px 0 0 9px;background:url(../images/greydotted.gif) repeat-x left bottom}
#ring a:hover, #ring a.on{font-weight:bold}


#tools {position:relative;top:2px;margin: 0 0 0 23.0em;width:48em; }
#tools ul {list-style-type:none;}
#tools ul li {display:inline;margin-right:15px;}
#tools a {font: 0.9em/1.5em Verdana, Arial, Helvetica, sans-serif;height:2em;color:#5B5B5B;padding: 4px 0 4px 18px}
/*a#tool_print {background:url(pict_print_off.gif) no-repeat 0 2px}
a#tool_sendto {background:url(pict_sendtoafriend_off.gif) no-repeat 0 2px}
a#tool_favorites {background:url(pict_addtofavorites_off.gif) no-repeat 0 2px}
a#tool_print:hover {background:url(pict_print_on.gif) no-repeat 0 2px}
a#tool_sendto:hover {background:url(pict_sendtoafriend_on.gif) no-repeat 0 2px}
a#tool_favorites:hover {background:url(pict_addtofavorites_on.gif) no-repeat 0 2px}
*/
#navigation { position:relative;top:9px !important;top:11px;left:1px;margin: 0 0 0 23.0em;width:48em;height:3.8em;}
/*#navigation dl { position:relative;float:left;margin-right:2px;width:7.9em;height:3.4em;padding: 4px 7px 0;color:#12926C;font: bold 1em Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;white-space}
#navigation dl dt a {position:absolute;width:8.8em;height:3.3em;top:2px; left:1px;padding:3px 0 0 4px;color:#000;font: bold 1em Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;z-index:5}
#navigation dl.off dt a {color:#12926C}
#navigation dl dt a:hover, #navigation dl.on dt a{color:#000}
#navigation dl {background:url(tabbg_off.gif) repeat-x; cursor:pointer}
#navigation dl .left{position:absolute;left:0; top:0;width:0.5em;height:3.4em;background:url(tableft_off.gif) no-repeat;z-index:1}
#navigation dl .right{position:absolute;right:0; top:0;width:0.5em;height:3.4em;background:urltabright_off.gif) no-repeat;z-index:1}

#navigation dl:hover .left, #navigation dl.on .left {position:absolute;left:0; top:0;width:0.8em;height:3.4em;background:url(tableft_on.gif) no-repeat; z-index:2}
#navigation dl:hover .right, #navigation dl.on .right {position:absolute;right:0; top:0;width:0.8em;height:3.4em;background:url(tabright_on.gif) no-repeat; z-index:2}
#navigation dl:hover, #navigation dl.on {background:url(tabbg_on.gif) repeat-x; color:#fff}*/
/*#navigation ul {position:absolute;margin-left:185px;top:34px;width:65.8em !important;width:660px;height:2.2em;background:url(subnavbg.gif) repeat-x;z-index:1}*/
/*
#navigation ul {position:absolute;margin-left:188px;top:34px;width:65.8em !important;width:660px;height:2.2em;background:url(../images/sub-navbar4.gif) repeat-x;z-index:1}
*/

/*
#navigation #background {position:absolute;top:34px;width:65.8em !important;width:660px;height:2.2em;background:url(/img/subnavbg.gif) repeat-x}
*/

/*
#navigation #subnav1 ul {position:absolute;left:3px}
#navigation #subnav2 ul {position:absolute;left:-92px !important;left:-91px}
#navigation #subnav3 ul {position:absolute;left:-187px !important;left:-185px}
#navigation #subnav4 ul {position:absolute;left:-282px !important;left:-279px}
#navigation #subnav5 ul {position:absolute;left:-377px !important;left:-374px}

#navigation li {display:inline}

#navigation li a {line-height:2.1em;position:relative;top:2px;left:1px;text-transform:none;background:none;color:#fff;width:auto;padding: 2px 7px 2px}

#navigation li {background:url(subnav_separator.gif) no-repeat top right}

#navigation li a:hover, #navigation li.on a {background:orange}/*#D25997*/

/*dl.off ul {display:none;z-index:50}*/
/*#navigation dl ul {display:none}*/
/*#navigation dl.off ul {display:none}*/
/*#navigation dl.on ul {display:block;z-index:0}*/
/*#navigation dl:hover ul {display:block;z-index:50}*/


/* path */
#path{margin:2px 0 5px 3px;color:#12926C;background:#fff}
#path span {color:#5B5B5B}
#path a {color:#12926C}
#path a:hover {text-decoration:underline}

/* secondary navigation */
/*
#secondarynav{position:absolute;left:15px;top:120px;width:18.2em;height:auto}

#secondarynav h2 {width:182px;height:20px;text-indent:18px;line-height:20px;background:url(bg_secnav.gif) no-repeat;text-transform:uppercase;color:#fff;font-size:1em;margin-bottom:2px}

#secondarynav ul {list-style:none}

#secondarynav ul.level1 li a {display:block;background: url(cornerleft_off_secnav.gif) no-repeat left bottom; padding:3px 2px 5px 17px;text-transform:uppercase;color:#fff;width:165px}

#secondarynav li.level11 {line-height:1.4em;background: url(cornerright_off_secnav.gif) no-repeat right top !important;background: url(/common/img/cornerright_off_secnav.gif) no-repeat 2px 0;width:182px;margin-bottom:2px;}
#secondarynav ul.level1 li#current {background-image: url(cornerright_on_secnav.gif) !important;padding:0}

#secondarynav ul ul {display:none}
#secondarynav ul ul.on {display:block}

#secondarynav ul.level2{list-style-position: outside !important;padding:5px 0 5px 20px !important;padding:0 0 5px 0;background:#fff}
#secondarynav li.sub2{background:#fff url(puce_subsec.gif) no-repeat 0 5px;padding-left:10px;margin-left:-10px}

* html #secondarynav li.sub2{margin:0 0 0 10px;width:150px;display:block;height:20px}
#secondarynav ul.level2 li a{color:#018A62 !important;left:-4px;font-weight:normal;padding:0!important;background:none !important;text-transform:none !important;width:150px;line-height:15px}
#secondarynav li.sub2 a.on, #secondarynav ul.level2 li.sub2 a:hover {font-weight:bold !important}
*/
#content {position:relative;padding-bottom:10px;}

#panoramic{padding:1px}
#t1 #panoramic {width:89.8em;height:25.5em}

#t2 #panoramic {width:69em;height:25.5em}
#t3 #panoramic {width:89.8em;height:22.2em}
#t3bis #panoramic {width:89.8em;height:21.6em}
#t4 #panoramic {width:89.8em;height:25.5em}
#t4bis #panoramic {width:69em;height:21.1em}


#pushlevel3 {width:449px}


#services {position:relative;margin-right:209px;min-height:28.8em;height:100%;overflow:hidden;/*min-height:28.8em;*/
background:url(../images/bg_homepush02.jpg) repeat-x;}/*width:69em;*/
#services h2 {margin: 0 0 7px 16px;font-size:1.8em;color:#6699cc;font-weight:normal;z-index:10}
.servicepresentation {position:relative;float:left;left:20px;width:15.5em;color:#666;padding-right:16px;top:-5px}
.servicepresentation h3 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;color:#6699cc;
margin:10px 0;text-transform:uppercase}
.servicepresentation h4 {margin:0; font-weight:normal}
* html #services{height:28.8em}/*height:28.8em;*/



/* contact */

#contacts{margin-bottom:20px;min-height:150px;margin-right:209px;
background:url(../images/bg_homepush02.jpg) repeat-x;/*width:69em;*/}
.contactsdetails{padding-right:9px;width:15em;min-height:8em;float:left;
background:url(http://stores.yves-rocher.com/common/img/greydotted_vert.gif) repeat-y right top;
margin:18px 0 0 21px; }
 
.nobg{background:none}
#contacts h2{font-size:1.8em;color:#6699CC;font-weight:normal;margin: 0 0 7px 16px;}
#contacts p{font-weight:normal;margin:0 0 0 15px;line-height:1.5em;font-size:1.1em; }
#contacts p img {float:left; margin-right:10px;}
.contactsdetails h3{color:#D25997}
#contacts .contactsdetails p{font-weight:normal;margin:0 20px 0 0}
#contacts .contactsdetails p strong{color:#6699CC;font-size:1.1em}
 


/* contenu de base */
#page{margin-bottom:20px;min-height:250px;margin-right:209px; overflow:hidden;
background:url(../images/bg_homepush02.jpg) repeat-x;/*width:69em;min-height:150px;*/}
#page h2{font-size:1.8em;color:#6699CC;font-weight:normal;margin: 0 0 7px 16px;}
#page #pushlevel {float:left;margin:0;padding: 0px 10px 0 15px;font-size:1.1em;}
#page #pushlevel h2 {margin:10px 0 7px 16px;font-size:1.8em;color:#6699cc;font-weight:normal;}
#page #pushlevel p {margin:0 15px 10px 15px;line-height:1.5em; text-align:justify; }
#page #pushlevel p img {float:left; margin-right:10px; margin-top:10px; margin-bottom:10px}
#page #pushlevel  h1 {font-weight:normal;margin:0 15px 10px 15px;}



#entete { position:relative;height:100%; overflow:hidden;margin:0;padding: 0px 10px 0 15px;font-size:1.1em;}
#entete img { float:left;padding-right:5px; padding-left:15px  }
#entete p {line-height:1.5em;margin:0 15px 15px 15px;}



/* Mes essentiels */

#stickitbr {position:absolute;right:3px;bottom:0;bottom:110px;z-index:5}
#t1 #stickitbr {bottom:0px !important;bottom:82px}
#t2 #stickitbr {bottom:0px !important;bottom:95px}
#t3 #stickitbr, #t3bis #stickitbr {bottom:0px !important;bottom:101px}
#t4 #stickitbr, #t4bis #stickitbr {right:-219px !important;right:-221px;bottom:25px}

#essentials {clear:both;position:absolute;right:3px;width:206px;height:435px;
background: url(../images/bg_cdb2.jpg) no-repeat;z-index:10; min-height:435px;
}
#t1 #essentials{top:3px}/*262*/
#t2 #essentials{top:-1px}
#t3 #essentials, #t3bis #essentials, #t4 #essentials, #t4bis #essentials{top:102px}

#essentials h2 {position:relative !important;top:5px !important;left:10px !important;margin-bottom:13px !important}


#essentials .titre h1{text-align:center; position:relative; font-size:1.8em; color:#6699CC;font-family:balloon}

#essentials .off, #essentials a .off {display:none !important}
#essentials .on {display:block}

.cdbbox{width:187px;margin-left:10px}

.cdbbox, .cdbbox h3, .cdbbox a, .cdbbox div{position:relative;}

/*.cdbbox h3{margin-top:2px;height:1.6em;width:184px;padding-top:4px;padding-left:3px;background-image:url(aplattitcdbbox.gif);font: bold 1em Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase}*/

.cdbbox h3{margin-top:2px;height:1.6em;width:184px;padding-top:4px;padding-left:3px;background-image:url(../images/mg_titre1_fond.gif);font: bold 1em Verdana, Arial, Helvetica, sans-serif;}


.cdbbox h3 a{line-height:1em;background-repeat: no-repeat;background-position: top left;color:#fff;padding-left:19px}

* html .cdbbox h3 a{display:block;line-height:1.4em}


.btninactif a{background-image:url(../images/puce_off.gif)}
.btnactif a{background-image:url(../images/puce_on.gif)}
.btnfocus a{background-image:url(../images/puce_focus.gif)}
.btnactif h3 a{text-transform:uppercase}


.cdbbox div{font: bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;font-variant: normal;padding:10px 0 3px}
.cdbbox p{background:none}
.cdbbox div a{background:none}

.cdbbox h4{font: bold 1em Verdana, Arial, Helvetica, sans-serif;color:#D25997;text-transform:uppercase}
.cdbbox h4.lk2{color:#C3FF00}
.cdbbox h4, .cdbbox p, .cdbbox a {padding: 0 10px}

#accordbox01{position:relative;height:100px;background: #fff;font-weight:normal;color:#666}
#accordbox01 p{position:relative;top:-5px;padding-right:0px}
#accordbox01 address{width:116px;margin-top:-5px}
#accordbox01 ul {margin:5px 0 0 8px}

ul.accesslk1{list-style-type:none}
ul.accesslk1 li{position:relative;line-height:15px;background:url(../images/puce_acces.gif) no-repeat left center;padding-left:14px;border:0px solid #fff}
ul.accesslk1 li a{top:-1px;color:#6699cc;font-weight:bold;padding:0;font-size:9px !important}

/*#accordbox02{height:110px !important;height:100px;background: url(rdv01.gif) no-repeat top right #fff;font-weight:normal;color:#666}
#accordbox02 p{margin-top:3px}
#accordbox02 a{top:-2px !important;top:3px;left:4px}*/

#accordbox02{height:87px;background: url(../images/programme-regime.jpg) no-repeat top right #fff;font-weight:normal}

#accordbox02 ul {margin:5px 0 0 8px}



#accordbox03{height:140px;background: url(../images/poids-ideal.jpg) no-repeat center #fff;font-weight:normal;color:#666}
#accordbox03 ul {margin:85px 0 0 8px}

#accordboxprivilege{background:#fff;height:45px;}
#accordboxprivilege label {position:absolute;left:-9000px}
#accordboxprivilege, #mailvalidation, fieldset { border:0px;}
input#mailprivilege {display:block;position:relative;float:left;top:4px;left:5px;width:15.8em;height:1.3em;border: solid 1px #A1B38B;color:#6E6E6E;text-indent:5px;}
#mailvalidation {display:block;position:relative;float:left;top:4px;left:6px;}


#accordbox04{height:70px;background: #fff;font-weight:normal}
#accordbox04 ul {margin:10px 0 0 8px}

/*#accordbox05{height:87px;background: url(bg_rejoigneznous.jpg) no-repeat top right #fff;font-weight:normal}*/
#accordbox05{height:85px;background: url(../images/affilie.jpg) no-repeat top right #fff;font-weight:normal}

#accordbox05 ul {margin:5px 0 0 8px}

#accordbox06{height:110px !important;height:100px;background: #fff;font-weight:normal;color:#666}
#accordbox06 p{padding-right:80px}
#accordbox06 ul {margin:10px 0 0 8px}


div#boutique {position:absolute;display:block;width:180px;top:410px;right:3px;width:206px;z-index:200}
div#boutique img {display:inline;margin-right:5px}

#t1 div#boutique {top:450px /* 668*/}
#t3 div#boutique, #t4 div#boutique {top:510px}

/* footer */
#footer { margin:0 auto 10px; position:relative;clear:both;width:90em}/*width:85em*/
#footer a {text-decoration:none}
#footer a:hover {text-decoration:none}
#footer .footaccroche {text-align:center;color:#fff;background-color:#8FADC7;border-top:2px solid #fff;border-bottom:2px solid #fff;padding:2px; }
#footer .footentrees {background-color:#EFF3F7;padding-left:15px; padding-right:15px;height:120px;padding-top:9px;}
#footer .footcols {height:100%; text-align:left; }
#footer .footcols .titre { padding-right:10px; padding-left:10px}



/* plan du site */

#plan { overflow:hidden;
background:url(../images/bg_homepush02.jpg) repeat-x;margin-right:209px;}
#plan h2.titre {margin: 0 0 7px 16px;font-size:1.8em;color:#6699cc;font-weight:normal}

 
  ul{list-style:none}
li.level10 a{font-size:1em;}
li.level10 h2 {margin: 0 0 7px 0;height:1.7em;line-height:1.7em;padding-left:20px;background:#D1E1F0;font-size:1.4em;}
li.level10{border:1px solid #b0bdc6;margin-bottom:18px; margin-left:25px;margin-right:25px; }

li.level20 a {font-size:1em; display:inline-block;background:url(../images/fleche.jpg) no-repeat;background-position: 0 6px !important;background-position: 0 9px;padding-left:1.5em}
li.level20 {min-height:18px;line-height:18px;border-bottom:1px solid #F2F2F2;padding-left:80px;}
* html li.level20{height:18px}

li.sspages a {background-image:url(../images/puce_off.gif);background-position: 0 1px !important;background-position: 0 3px}
li.sspages a.on {background-image:url(../images/puce_on.gif) !important;text-transform:uppercase}

li.level30 a {font-size:10px;font-weight:normal;text-transform:none !important;background:none}
li.level30{}

li.level30 h4 a { margin-left:25px;font-size:1em;display:inline-block;background:url(../images/fleche.jpg) no-repeat;background-position: 0 6px !important;background-position: 0 9px;padding-left:1.5em}




#accesskeys{text-indent:-9999px;}

a.nng_custom {
color:#1A8B5C;
font-size:10px !important;
font-weight:bold;
padding:0pt;
top:-3px;
width:160px;
}

.home #panoramic embed{
	width:898px;
	height:257px;
	padding-top:0;
	padding-left:0;
}




.clearBoth {
	clear:both;
	height:1px;
	font-size:1px;
  }
 

/* bloc catalogue */
#catalogue_encart {
 position:absolute;
 top:0px;
 left:105px;
 z-index:1000;
 width:753px;
 display:none;
}
.catalogue_encart_haut,
.catalogue_encart_bas {
 height:12px;
 overflow:hidden;
 background:url(../images/catalogue/catalogue_encart_haut.gif) 0 0 no-repeat;
 z-index:100;
}
.catalogue_encart_bas {background-image:url(../images/catalogue/catalogue_encart_bas.gif);}
.catalogue_encart_milieu {
 padding:5px 15px;
 background:url(../images/catalogue/catalogue_encart_milieu.gif) 0 0 repeat-y;
}
.catalogue_encart_milieu h2 {
 margin:0 0 5px 0;
}
 
#catalogue_encart h3 {
 padding:3px 0 4px 0;
 color:#FFF;
 font:bold 14px/1.2 Arial, Verdana, Helvetica, sans-serif;
 text-align:center;
 background:url() 0 0 repeat-x;
}
#catalogue_encart .catalogue_mauve h3  {background-color:#980098; background-image:url(../images/catalogue/catalogue_hachure_mauve.gif);}
#catalogue_encart .catalogue_vert h3  {background-color:#009758; background-image:url(../images/catalogue/catalogue_hachure_vert.gif);}
#catalogue_encart .catalogue_jaune h3  {background-color:#DEA300; background-image:url(../images/catalogue/catalogue_hachure_jaune.gif);}
#catalogue_encart .catalogue_rouge h3  {background-color:#E60000; background-image:url(../images/catalogue/catalogue_hachure_rouge.gif);}
#catalogue_encart .catalogue_bleu h3  {background-color:#3f99ac; background-image:url(../images/catalogue/catalogue_hachure_bleu.gif);}
 
.catalogue_encart_milieu2 {
 background:url(../images/catalogue/catalogue_hachure_fond.gif) left top repeat-y; overflow:hidden
}
.catalogue_bleu, .catalogue_jaune, .catalogue_vert, .catalogue_rouge, .catalogue_mauve {
 width:721px; float:left
  }
 .catalogue_bleu li, .catalogue_vert li {
 float:left;
 width:259px;
 height:80px;
 margin:0 1px 0 0;
}
.catalogue_jaune {height:340px}

.catalogue_bleu {height:180px}


/* .catalogue_mauve
{
 float:left;
 width:360px;
 margin:0 1px 0 0;
}*/
.catalogue_vert
 {
 height:220px;
}
.catalogue_rouge
 {
 height:120px;/* 235*/
}

.catalogue_mauve {
height:120px;
}
 
#catalogue_encart ul {
}
#catalogue_encart ul li {
 float:left;
 width:257px;
 padding:5px 2px 0 100px;
  vertical-align:top;
 text-align:justify;
}

 

#catalogue_encart ul li img {
 float:left;
 margin:-5px 0 0 -100px;
 }
#catalogue_encart ul li strong {
 display:block;
}
#catalogue_encart ul li strong span {
 font-weight:normal;
}
#catalogue_encart ul li a {
 color:#000;
 text-decoration:none;
}

 
#catalogue_encart .catalogue_mauve ul li strong   {color:#980098;}
#catalogue_encart .catalogue_vert ul li strong   {color:#009758;}
#catalogue_encart .catalogue_jaune ul li strong   {color:#DEA300;}
#catalogue_encart .catalogue_rouge ul li strong   {color:#E60000;}
#catalogue_encart .catalogue_bleu ul li strong   {color:#3f99ac;}
 
#catalogue_encart ul li a:hover {
 color:#6699cc;
 text-decoration:underline;
}
.catalogue_fermer {
  margin:0 2px 10px 0;
  text-align:right
}
/* fin bloc catalogue */

.search_alpha { border:1px solid #b0bdc6; height:100%;margin-bottom:10px;
background:url(../images/bg_rejoigneznous.jpg) no-repeat right center;
}
.search_alpha p {margin-top:5px;margin-left:10px;margin-bottom:10px}



/* dossier bien etre  */

.selection {border:1px solid #b0bdc6;padding:10px;float:right;margin-top:35px;margin-left:15px;margin-right:15px}

#bien_etre {clear:both;}
#pushlevel #bien_etre h2 {font-size:1.2em;margin-bottom:35px; }
#bien_etre h3 {color:#D25997;margin-bottom:15px;margin-top:35px}