@charset "utf-8";
/* CSS Document *//* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;background:#ffffff url(../images/background-bb.jpg) top center repeat-x;}
body.bb {background:#B8D1E2 url(../images/fd-bb-body.jpg) top center no-repeat;}
img {border: 0 none;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.2em;}
h3 {font-size: 0.9em;}
h4 {font-size: .9em;}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited {text-decoration: none;outline:none;}
a:hover {text-decoration: none;}
ul, li, dl, dt, dd {list-style-type: none;}
abbr, acronym {border-bottom-style: dotted;border-bottom-width: 1px;cursor:help;}
hr {display:none}
.myhr {clear:both;visibility:hidden;overflow:hidden;height:0px;display:block}

/* //////////////////////////////////////////////////////// ESPACE HOME /////////////////////////////////////////////////////// */
#container {width:940px;margin:0 auto; }
#container #header {position:relative;z-index:10;}
#container #header #menu {margin:0 auto;text-align:right;}
#container #header #menu ul {}
#container #header #menu ul li {background:url(../images/header-puce.png) no-repeat left 5px;display:inline;margin:0 8px 0 0;padding:0 0 0 11px;}
.home #container #header #menu ul li a {color:#FFFFFF;font-size:.75em;font-family:Tahoma;}
#container #header #menu ul li a:hover {color:#990066;}
#container #genre {background:url(../images/genre.png) no-repeat left top;clear:both;float:left;height:300px;position:relative;top:190px;width:300px;}
#container #genre1 {background:url(../images/genrebb.png) no-repeat left top;clear:both;float:left;height:300px;position:relative;top:190px;width:300px;}
#container #genre2 {background:url(../images/genrefemme.png) no-repeat left top;clear:both;float:left;height:300px;position:relative;top:190px;width:300px;}
#container #genre3 {background:url(../images/genrehomme.png) no-repeat left top;clear:both;float:left;height:300px;position:relative;top:190px;width:300px;}
#container #flashContent {float:right;height:575px;position:relative;top:30px;width:560px;}

#container #encarts ul li {display:inline;height:43px;float:left;margin:0 12px 0 0;}
#container #encarts ul li a {display:block;color:#524f4f;}
#container #encarts ul li a img {}
#container #encarts ul li.encart1 {width:270px;}
#container #encarts ul li.encart2 {width:304px;}
#container #encarts ul li.encart3 {width:234px;}
#container #encarts ul li.marque {margin:5px 0 0;}
#container #encarts ul li.marque a {background:url(../images/marque-logo.png) left top no-repeat;width:75px;height:38px;padding:0;text-indent:-9999em;}

#container #footer {clear:both;margin:0 auto;position:relative;top:-30px;}
#container #footer ul {text-align:center;}
#container #footer ul li {display:inline;font-size:0.7em;color:#FFFFFF;border-right:1px solid #ffffff;margin:0;padding:0 5px;}
#container #footer ul li a {color:#FFFFFF;}
#container #footer ul li a:hover {color:#4b7914;}


/****************** ESPACE BEBE ******************/
.bb #container #header h1 {width:265px;height:258px;display:block;position:absolute;float:left;top:35px; z-index:1; }
.bb #container #header h1 a{display:block;width:265px;height:258px;background: url(../images/bbcombio-article-logo.png) left top no-repeat}
.bb #container #header h1 a:hover {background:url(../images/retour-accueil.png) left top no-repeat}
.bb #container #header h1 a:hover img {display:none }
.bb #container #header #menu ul li {background:url(../images/header-puce-bb.png) no-repeat left 5px !important;display:inline;margin:0 8px 0 0;padding:0 0 0 11px;}
.bb #container #header #menu ul li a {color:#ffffff;font-size:0.75em;font-family:Tahoma;}
.bb #container #header #menu ul li a:hover {color:#FFCCFF;}
.bb #container #header .secnav {float:right;margin:2px 0 0;}
.bb #container #header .secnav ul {}
.bb #container #header .secnav ul li {display:inline;float:left;margin-left:3px;}
.bb #container #header .secnav ul li a {display:block;float:left;}
.bb #container #header .secnav ul li.bcombio {}
.bb #container #header .secnav ul li.facebook {}
.bb #container #header .secnav ul li.bb {}
.bb #container #header .secnav ul li.femme {}
.bb #container #header .secnav ul li.homme {}
.bb #container #header .secnav ul li.bcombio a:hover {background: url(../images/bio-bb-header.png) left top no-repeat;height:54px;width:343px; cursor:pointer}
.bb #container #header .secnav ul li.facebook a:hover {background: url(../images/facebook-hover.jpg) left top no-repeat;height:53px;width:178px; cursor:pointer}
.bb #container #header .secnav ul li.bb a:hover {background:url(../images/secnav2Hover.png) left top no-repeat;height:72px;width:67px; cursor:pointer}
.bb #container #header .secnav ul li.femme a:hover {background:url(../images/secnav1Hover.png) left top no-repeat;height:72px;width:67px; cursor:pointer}
.bb #container #header .secnav ul li.homme a:hover {background:url(../images/secnav3Hover.png) left top no-repeat;height:72px;width:67px; cursor:pointer}
.bb #container #header .secnav ul li.bcombio a {}
.bb #container #header .secnav ul li.bcombio a:hover img { visibility:hidden;}
.bb #container #header .secnav ul li.facebook a:hover img { visibility:hidden;}
.bb #container #header .secnav ul li.bb a:hover img { visibility:hidden;}
.bb #container #header .secnav ul li.femme a:hover img { visibility:hidden;}
.bb #container #header .secnav ul li.homme a:hover img { visibility:hidden;}
.bb #container #header .secnav ul li a {}
.bb #container #contenu-prod {display:block;float:left;height:450px;}
blockquote p em { color:#ce3c75}
.bb #container #contenu-bb {color:#97bdd8;height:450px; width:915px; overflow:hidden; position:relative; float:left; top: 0px; display:block; margin: -30px 0 0 30px;}
.bb #container #contenu-bb .stateActive .produit1 {background:url(../images/pdt1ON.png) left top no-repeat; padding:114px 0 0 180px}
.bb #container #contenu-bb .stateActive .produit2 {background:url(../images/pdt2ON.png) left top no-repeat; padding:114px 9px 0 180px; }
.bb #container #contenu-bb .stateActive .produit3 {background:url(../images/pdt3ON.png) left top no-repeat; padding:114px 9px 0 180px; }
.bb #container #contenu-bb .stateActive .produit4 {background:url(../images/pdt4ON.png) left top no-repeat; padding:114px 9px 0 180px; }
.bb #container #contenu-bb .stateActive .produit5 {background:url(../images/pdt5ON.png) left top no-repeat; padding:114px 9px 0 240px;  }
.bb #container #contenu-bb .stateActive .produit6 {background:url(../images/pdt6ON.png) left top no-repeat; padding:114px 9px 0 180px;  }

#img-produit-1{position:relative;top:-20px;}
#img-produit-2{position:relative;top:-20px;}
#img-produit-3{position:relative;top:-20px;}
#img-produit-4{position:relative;top:-20px;}
#img-produit-5{position:relative;top:-20px;}
#img-produit-6{position:relative;top:-20px;}
#produit-1{position:relative;}
#produit-2{position:relative;}
#produit-3{position:relative;}
#produit-4{position:relative;}
#produit-5{position:relative;}
#produit-6{position:relative;}

.bb #container #contenu-bb .stateActive {float:left; position:relative; margin: 10px 0 0 0; cursor: default; top: 0px; }
.bb #container #contenu-bb .stateInactive {float:left; margin-top:10px; background-color: transparent;  margin-right: -10px; margin-left:0px }

.bb #container #contenu-bb .stateActive .contentBox {height:328px;width:270px; overflow:hidden}
.bb #container #contenu-bb .stateActive .contentBox .categorie {float:left;color:#626262;font-family:Tahoma;font-size:0.6em;margin-bottom:5px; width: 140px; text-align:center;}
.bb #container #contenu-bb .stateActive .contentBox .titre {font-size:1.5em;margin-bottom:5px;display:block;float:left;clear:left;width:200px;}

.bb #container #contenu-bb .stateActive .produit1 .contentBox .titre, .bb #container #contenu-bb .stateActive .produit5 .contentBox .titre {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit2 .contentBox .titre {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit3 .contentBox .titre {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit4 .contentBox .titre {color:#2a85af;}

.bb #container #contenu-bb .stateActive .contentBox .description {color: #333;font-size:0.9em;margin-bottom:10px; padding-right:25px;float:left;clear:left;width:200px;}
.bb #container #contenu-bb .stateActive .contentBox .sousdescription {font-size:0.7em;margin-bottom:10px; padding: 3px 0 0 0;float:left;clear:left;width:200px;}

.bb #container #contenu-bb .stateActive .produit1 .contentBox .sousdescription, .bb #container #contenu-bb .stateActive .produit5 .contentBox .sousdescription, .bb #container #contenu-bb .stateActive .produit6 .contentBox .sousdescription {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit2 .contentBox .sousdescription {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit3 .contentBox .sousdescription {color:#2a85af;}
.bb #container #contenu-bb .stateActive .produit4 .contentBox .sousdescription {color:#2a85af;}

.bb #container #contenu-bb .stateActive .contentBox .fiche {font-size:0.7em; text-transform:uppercase; height: auto}
.bb #container #contenu-bb .stateActive .contentBox .fiche a {color:#ffffff; padding: 2px 0 2px 4px; height:13px !important; display:block; width:140px;background:#E76899;margin:0 0 3px; }


.bb #container #contenu-bb .stateActive .produit1 .contentBox .fiche a{color:#FFFFFF;}
.bb #container #contenu-bb .stateActive .contentBox .fiche a:hover, .bb #container #contenu-bb .stateActive .contentBox .panier a:hover { text-decoration: none; color:#990066}

.bb #container #contenu-bb .stateActive .contentBox .evaluation {float:left;clear:left;background:#e0e0e0;width:140px;height:34px;color:#427cae;font-size:0.7em;margin-bottom:11px;padding:4px 0 0 5px;}
.bb #container #contenu-bb .stateActive .contentBox .evaluation span{}
.bb #container #contenu-bb .stateActive .contentBox .starOFF {}
.bb #container #contenu-bb .stateActive .contentBox .starON {}
.bb #container #contenu-bb .stateActive .contentBox .starON img, .bb #container #contenu-bb .stateActive .contentBox .starOFF img{} 
.bb #container #contenu-bb .stateActive .aide {height:40px;position:absolute;right:40px;top:319px;width:39px;}
.bb #container #contenu-bb .stateActive .aide a {display:block;width:39px;height:40px;text-indent:-9999em;}

.bb #container #contenu-bb .stateInactive .contentBox {height:447px;width:190px; }


.bb #container #contenu-bb .stateInactive .contentBox .categorie {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .titre {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .description {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .sousdescription {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .fiche {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .evaluation {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .starOFF {display:none;}
.bb #container #contenu-bb .stateInactive .contentBox .starON {display:none;}
.bb #container #contenu-bb .stateInactive .aide {display:none;}

.bb #container #encarts {margin: -20px 0 0 0px; float:left; z-index:9999; width:955px;}
.bb .liens #encarts {margin: -30px 0 0 30px !important; float:left; z-index:9999; width:955px;}

.bb #container #encarts ul li.bbencart1 {width:315px;}
.bb #container #encarts ul li.bbencart2 {width:228px;margin-top:6px;}
.bb #container #encarts ul li.bbencart3 {width:254px;margin-top:10px;}
.bb #container #encarts ul li.bbencart4, .bb #container #encarts ul li.bbencart5,.bb #container #encarts ul li.bbencart6 { display:none}
.bb #container #encarts ul li.bbmarque {margin:14px 0 0 0;}
.bb #container #encarts ul li.bbmarque a {background:url(../images/bbmarque-logo.png) left top no-repeat;width:75px;height:38px;padding:0;text-indent:-9999em;}
.bb #container #footer {clear:both;margin:0 auto;position:relative;top:10px;}
.bb #container #footer ul li {color:#524F4F;border-right:1px solid #524F4F;}
.bb #container #footer ul li.last {color:#524F4F;border-right:0 none;}
.bb #container #footer ul li a {color:#524F4F;}
.bb #container #footer ul li a:hover {color:#5493C9;}
.bb liens-encart {float:right; width:250px; border:1px dotted red}


/**********************************  THICKBOX  *************************************/
.TBcontainer {width:696px;margin:0 auto;}
.TBcontainer .TBtop {background:url(../images/tickbox-TOP.png) left top no-repeat;height:25px;}
.TBcontainer .TBtop a {color:#F25D97;display:block;float:right;font-size:10px;height:11px;margin:6px 34px 0 0;text-indent:0;width:62px;}
.TBcontainer .TBcontent {background:url(../images/tickbox-middle.png) left top repeat-y;position:relative;}
.TBcontainer .TBcontent img {margin:17px 0 10px 72px;float:left;}
.TBcontainer .TBcontent .TBcalin {background:url(../images/tickbox-calin.png) left top no-repeat;height:236px;left:-52px;width:125px;float:left;bottom:25px;position:absolute;}
.TBcontainer .TBcontent .TBcalin a {text-indent:-9999em;display:block;width:30px;height:30px;position:absolute;bottom:10px;left:42px;}
.TBcontainer .TBcontent .TBdescription {float:left;width:390px;margin:16px 0 0 28px;color:#626262;}
.TBcontainer .TBcontent .TBdescription h2 {color:#f25d97;margin:0 0 10px 0;font-size:1.5em}
.TBcontainer .TBcontent .TBdescription .TBsubtitle {font-size:0.9em;margin:0 0 10px 0;}
.TBcontainer .TBcontent .TBdescription .TBBlocBleu {background:#5493C9;color:#FFFFFF;display:block;float:left;font-size:0.79em;text-align:center;width:100px;}
.TBcontainer .TBcontent .TBdescription .TBinfo {color:#5493c9;float:left;font-size:0.8em;margin:0 0 6px 9px;}
.TBcontainer .TBcontent .TBdescription .TBDesc {clear:both;font-size:0.9em;margin:0 0 25px;}
.TBcontainer .TBcontent .TBdescription .TBDesc strong {color:#f25d97;}
.TBcontainer .TBcontent .TBdescription .TBDesc .note {color:#5493c9;}
.TBcontainer .TBcontent .TBdescription .TBDesc strong.Strongico {background:url(../images/TBpuce.png) no-repeat right 3px;padding-right:16px;}
.TBcontainer .TBcontent .TBdescription .TBbtn {background:#f25d97;display:block;width:160px;float:left;margin:0 10px 36px 0;text-align:center;}
.TBcontainer .TBcontent .TBdescription .TBbtn a {color:#FFFFFF;font-size:0.79em;letter-spacing:0.09em;}
.TBcontainer .TBcontent .TBdescription .TBbtn a:hover {color:#5493c9;}
.TBcontainer .TBcontent .TBdescription .TBcaracteristique {background:url(../images/TBcarac.png) no-repeat left top;clear:both;float:left;font-size:0.7em;height:42px;margin:0 12px 5px 0;padding:9px 0 0 53px;width:189px;}
.TBcontainer .TBcontent .TBdescription .TBcaracteristique strong {color:#5493c9;}
.TBcontainer .TBcontent .TBdescription .TBvote {background:#E8F2F9;display:block;float:left;height:44px;margin:7px 0 0 0;width:121px;font-size:0.7em;text-align:center;}
.TBcontainer .TBcontent .TBdescription .TBtest {font-size:0.7em;clear:both;margin: 0 0 10px 0;}
.TBcontainer .TBbottom {height:1px;width:696px;background:#F25D97;}
#TB_window a {color: #FFFFFF !important}
#TB_ajaxContent { line-height:normal !important}
/***************************  #Div THickBOX  **********************************/
#Box {width:748px;height:445px;background:url(../images/box.png) no-repeat 0 15px; margin-left:-35px; overflow:hidden}
#btn_fermer {height:15px;width:71px;margin-left:640px;}
#BoxContant {margin-left:100px;width:650px;height:400px;}
#logoArt {width:150px;height:476px;float:left;margin:20px 0 0 30px;}
#BoxContantRight {width:390px;height:400px;float:left;margin-top:25px;margin-left:40px;}
#BoxContantRight h5 {color:#f25d97;font-size:22px;display:block;}
#BoxContantRight h6{color:#5493c9; font-size:11px;font-weight:normal;margin:10px 0;padding:0;}
#BoxChap {font-family:Tahoma, Geneva, sans-serif;font-size:12px;display:block;color:#626262; float:left}
#BoxDetail {height:auto;display:block;	margin-top:10px; float:left; width: 390px}
#BoxDetail #SR {background-color : #4787be;height:auto;width:220px;text-align:center;text-transform:uppercase;padding: 1px 3px;font-size:9px;color:#FFF; }
#BoxDetail #SD { display:block; color:#5493c9; font-size:.9em}
#BoxText {font-family:Tahoma, Geneva, sans-serif;font-size:12px;display:block;color:#626262; float:left; margin-top:10px}
#BoxText strong {font-weight:bold;color:#f25d97;}
#BoxLinks {height: auto;margin:5px 0; float:left}
div#BoxContantRight p.complement {float:left; margin: 0px 0 1px 0; width:250px}
div#BoxContantRight p.complement a { font-size:.9em; display:block; color:#5493C9 !important; padding-left:11px; background:url(../images/pucebleue.gif) left 3px no-repeat}
a.fiche {background-color: #f777a7;height:20px;line-height:20px;display:block;text-align:center;text-transform:uppercase;float:left;padding: 0 15px 0 15px;margin: 5px 10px 5px 0px;font-size:9px;color:#FFF;}
a.panier {font-size:0.8em; text-transform:uppercase;background:url(../images/ajout-panier.png) left top no-repeat; width:161px ; height:39px; float:left; text-align:left; margin: -7px 5px 0 5px; padding: 16px 0 0 48px;}


#TB_window a:hover, #BoxLinks a:hover {color:#990066 !important;}
#Boxbas {margin-top:10px;/*;height:60px;*/display:block;/*position:relative;*/ float:left}
#Boximg {display:block;float:left;padding-right:20px;background: url(../images/fd-post.gif) left top no-repeat;width:242px; height:51px; }
#Boximg .post {padding: 10px 10px 0 60px; color:#666666; font-size:.75em; line-height:normal}
#Boximg .post span { color:#427CAE}
#BoxNots {height:31px;width:121px;float:left;margin-top:7px;text-align:center;padding-top:20px;background:url(../images/votes.gif) no-repeat 0 0;}

#menu {padding:inherit;z-index:100;}
div.pane {width: 650px !important}

/* /////////////// Scrollable ///////////// */
a.prev, a.next, a.prevPage, a.nextPage { display:block; width:64px; height:64px; background:url(../images/scrollable/arrow/left.png) no-repeat; float:left; margin:0px 10px; cursor:pointer; font-size:1px; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -64px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(../images/scrollable/arrow/right.png); clear:right; }
div.navi { margin-left:328px; width:200px; height:20px; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; } 	
div.scrollable div.items { width:20000em; position:absolute; } 
div.scrollable div.items div {float:left; }
div#plandusite {background: url(../images/groupe.jpg) right -10px no-repeat; margin: -20px 0 0 0; padding: 20px 0 0 0 }
div#plandusite ul { display: block; width:100%; margin:5px 0; }
div#plandusite ul li { display:block; list-style:none; margin: 9px 0 }
div#plandusite ul li ul { margin: 0px 0 0 -30px; }
div#plandusite ul li ul li { padding-bottom:0px; margin-left:30px; border-bottom:/*#8EBE40*/ #84BA02 solid 1px; width:auto}
div#plandusite ul li ul li a { color:#DEDEDE}
div#plandusite ul li ul li a:hover { color:/*#8EBE40*/ #84BA02;}

div#plandusite ul li span.planTitre { width:auto !important ;font-size:1em;  }
div#plandusite ul li span.planTitre a { color:#FFFFFF; background-color:/*#8EBE40*/ #84BA02; padding:4px 6px; }
div#plandusite ul li span.planTitre a:hover { color:#FFFFFF;background-color:#333333; }
a.prev, a.prev { background:url(../images/scrollable/arrow/left.png) no-repeat; left:-50px;}
div.navi { margin-left:328px; width:200px; height:20px; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; } 	
div.scrollable div.items { width:20000em; position:absolute; } 
div.scrollable div.items div {float:left; }

#container.liens #header h1 {background: url(../images/bbcombio-article-logo.png) left top no-repeat; width:258px;height:327px; display:block;position:absolute;float:left;top:40px; left: 0px}
div#contenu-soins { float:right; background: transparent url(../images/bbcombio-article-fd.png) left top repeat-y; width:693px; padding:15px 10px 0px 10px; margin: 45px -10px 50px 0}
div#contenu-soins h3 {background:url(../images/bbcombio-article-top.png) left top no-repeat; width:703px; margin:-40px 0 0 -10px; color:#F25D97; font-size:1.3em; padding: 50px 0 5px 45px}
div#contenu-soins h4 {background:#fc98bf url(../images/onglet-off.jpg) right top no-repeat; width:610px; margin:0px 0 1px 35px; color:#cf4078; font-size:1em; padding: 3px 5px}
div#contenu-soins h4.current, div#contenu-soins h4:hover {background:#E96397 url(../images/onglet-on.jpg) right top no-repeat; width:610px; margin:0px 0 1px 35px; color:#FFFFFF; font-size:1em; padding: 3px 5px}
/*div#contenu-soins h4 {background:#d4e4f0; width:575px; margin:10px 0 3px 70px; color:#427CAE; font-size:.9em; padding: 3px 5px}*/
div#contenu-soins h5 {/*width:575px;*/ margin:12px 0 0px 35px; color:#E96397; font-size:1.1em; padding: 0px;}
div.plan h4 {color:#427CAE !important;background:#d4e4f0 !important;}
div.plan h4 a {color:#427CAE !important;}
div#contenu-soins h6 {width:620px; margin:12px 0 0px 35px; /*color:#5493C9;*/color:#427CAE; font-size:1em; padding: 0px;background:#d4e4f0;}

div#contenu-soins p {color:#333333; font-size:.85em; margin:12px 20px 10px 36px;/*width:615px;*/}
div#contenu-soins p a {color:#E96397;}

div#contenu-soins p.encart{background:#f9d8e5;border-top:1px dotted #e76899;border-bottom:1px dotted #e76899;padding:10px 5px;}
div#contenu-soins ul li.encart{background:#f9d8e5;border-top:1px dotted #e76899;border-bottom:1px dotted #e76899;padding:10px 5px;margin:5px 0;}
div#contenu-soins ul {color:#333333; font-size:.9em; margin:10px 0 10px 40px;width:/*575px*/ auto;}
div#contenu-soins ul li{background:url(../images/puce-bb.png) left 4px  no-repeat;padding:0 0 0 12px;}
div#contenu-soins ul li a, div#contenu-soins ul li li a{ color:#E96397}
div#contenu-soins ul li a:hover, div#contenu-soins ul li li a:hover { color:#5493C9}
div#contenu-soins ul li ul{color:#333333; font-size:.9em; margin:10px 0 10px 10px;width:455px;}
div#contenu-soins ul li ul li {background:url(../images/puce-bb.png) left 4px  no-repeat;padding:0 0 0 12px;}

div#contenu-soins ul.ariane { margin: 0px 0 0 35px; display:block;}
div#contenu-soins ul.ariane li { display:inline; font-size:.7em; color:#666666; padding:0 4px 0 0;background:none;}
div#contenu-soins ul.ariane li a {color:#333333;}
div#contenu-soins ul.services { margin: 20px 0 0 35px; display:block;}
div#contenu-soins ul.services li { display:inline; font-size:.7em; color:#666666; margin-right: 2px;background:none; padding:0px; }
div#contenu-soins ul.services li a {color:#FFFFFF; background-color:#5493C9; text-transform:uppercase;padding: 2px 5px}
div#contenu-soins ul.services li a:hover { background-color:#E96397}
div#fd-contenu-soins {background: transparent url(../images/bbcombio-article-footer-simple.png) left top no-repeat !important; width:703px; margin:0px 0 -5px -10px; height:41px; float:left; padding: 0 0 0 0}
div#fd-contenu-soins-fleur {background: transparent url(../images/bbcombio-article-footer.png) left top no-repeat; width:703px; margin:0px 0 -5px -10px; height:80px; float:left; padding: 67px 0 }

.formulaire_notation button {background-color:transparent;border:medium none;cursor:pointer;display:inline;height:15px;margin-top:2px;padding:0;width:17px;}
div#contenu-soins div#accordion h4 {cursor:pointer;}


/* /////////////////////////////////////////////////////// GESTION DES FORMULAIRES  ///////////////////////////////////////////////////// */

div#contenu-soins fieldset { border-left:none 0px;border-right:none 0px; padding: 15px 0px; width:86%; border-top: none 0px; border-bottom: #E96397 solid 1px; margin: 0px 0 10px 45px}
div#contenu-soins fieldset p { margin:0 0 3px 0;}
div#contenu-soins legend {color:/*#8EBE40*/ #84BA02; font-size:1.05em; font-weight:bold; margin-bottom:10px;} 
div#contenu-soins fieldset span{ color:#333333}
div#contenu-soins fieldset label{ color:/*#427CAE*/ #333;width: 26%; float:left; text-align:right; padding: 0 3px 0 0; display:block; }
form#contact h4 {margin: 20px 0 0px 40px}
form#contact p strong { color:#E96397}

div#contenu-soins fieldset div.radio label{ color:#333333;width: auto !important; float:left; text-align:right; padding: 0 3px 0 0; display:block;}
div#contenu-soins table.spip_barre, span.spip_form_label_details { display:none}
div#contenu-soins input, div#contenu-soins textarea { font-size:.9em; width:70%; float: right; text-align:left; padding: 1px; margin-right:8px; border: 1px solid #427CAE}
div#contenu-soins select { font-size:.9em; width:70.5%; float: right; text-align:left; padding: 1px; margin-right:8px; border: 1px solid #427CAE}
div#contenu-soins input.radio { width: 16px;float:left; text-align:left; border:0px none !important;}
div#contenu-soins input.submit {cursor:pointer; background-color:#E96397; padding: 3px; color:#FFFFFF; border: 0px none; width:auto;text-align:left; margin: 8px 352px 0 0; float:right; text-align:center !important; font-size:.75em }
div#contenu-soins form { margin-bottom:20px;}
span.spip_form_label_obligatoire, span.spip_form_label_details { color:#E4A73B !important; font-size:.85em; }
div.radio { float:right; width:71%}
span.label{float:left; padding: 0 3px 0 0; text-align:right; width:70%; color:##333333}
span.spip_form_choix_multiple { width: 70% !important; float: right; text-align:left; padding: 0; display:block; margin: -15px 10px 0 0;}
div.spip_form_choix_unique label { float:left; width:auto !important}
div.spip_forms .spip_form_champ .spip_form_choix_unique { width:70%; margin: -15px 10px 0 0;}
span.spip_form_choix_multiple label { width: auto; padding: 0; font-size:.9em}
div.spip_forms .spip_form_champ { float:left; width:100% !important; }
.spip_form_label { background-color:#333333; width:26% !important}
div.spip_forms h3 { background-color:#E4A73B !important}
a.date-picker { display:none}
label abbr { border-bottom: none 0px}
div#contenu-soins form fieldset p {display:block; width: 620px; margin: 3px 0}

div.spip_forms { margin:0px !important; padding: 0px !important}
div.spip_forms .spip_form_label {color:#B0232A; display:block; float:left; font-size:0.95em; font-weight:normal; height:20px; text-align:left; width:30%;}
div.spip_forms .spip_form_label .label {color:#333333; font-weight:normal; text-align:right;}
div.spip_forms .spip_form_label label, div.spip_forms .spip_form_label .label {
color:#333333; font-weight:normal; text-align:right;}
div#contenu-soins p.mentions {color:##333333; font-size:0.7em; margin:10px 0 10px 40px; text-align:left;}

div.spip_forms .spip_form_label label, div.spip_forms .spip_form_label .label {color:#333333; font-weight:normal; text-align:left; padding-left: 20px; padding-top:2px}
div#contenu-soins fieldset span.civiliteRadio label {color:#333333;display:block;float:left;padding:0 13px 0 0;text-align:right;width:auto !important;}
div#contenu-soins fieldset span.civiliteRadio {float:right;width:71%;}

div#contenu-soins fieldset p:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#contenu-produits { position: relative;}
.stateInactive {position: relative;}
a.prev {position: absolute; top:300px; left: 0px;}
a.next {position: absolute; top:300px; left: 850px;}
/* trigger button */ 
.download_now {cursor:pointer; }  
div#tooltip_1 {display: none;background-color: #5493C9; height: auto;padding:0px;width:315px ;color:#fff; overflow:hidden; z-index:8888; position:absolute !important; top: auto; left:auto ; margin: 10px 0 0 0; }
div#tooltip_2 {display: none;background-color: #5493C9; height: auto;padding:0px;width:228px ;color:#fff; overflow:hidden; z-index:8887; position:absolute !important; top: auto; left:auto ; margin: 5px 0 0 0; }
div#tooltip_3 {display: none;background-color: #5493C9; height: auto;padding:0px;width:254px ;color:#fff; overflow:hidden; z-index:8886; position:absolute !important; top: auto; left:auto ; margin: 0px;}
div.tooltip .label {color: #84BA02;width:35px; } 
div.tooltip ul {padding: 0px; color:#FFFFFF; display:block} 
div.tooltip ul li {display: block; padding: 5px 10px; color:#FFFFFF; width:100%; float:left; margin:0px; height:auto !important;border-bottom:  #DDF4F7 solid 1px; font-size:.8em !important;} 
div.tooltip ul li a {color:#FFFFFF !important; padding: 0;}
div.tooltip ul li a:hover {color: #333 !important;}

div#etapes {  width:620px; overflow:hidden; margin-left:35px; height:386px; position:relative}
div#etapes h5 {width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#etapes h6 { color:#5493C9;font-size:.9em;margin:20px 0 20px 180px; background-color: transparent; width:auto;}
div#etapes p {margin:10px 25px 20px 180px; width:auto}
div#etapes #etape10 p {margin:90px 0px 0px 10px; width:auto}

div#etapes ul {margin:10px 25px 10px 205px; width:auto}
	
div#etape1 { width : 620px; background:#E7F4FE url(../images/etape1.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape2 { width : 620px; background:#E7F4FE url(../images/etape2.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape3 { width : 620px; background:#E7F4FE url(../images/etape3.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape4 { width : 620px; background:#E7F4FE url(../images/etape4.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape5 { width : 620px; background:#E7F4FE url(../images/etape5.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape6 { width : 620px; background:#E7F4FE url(../images/etape6.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape7 { width : 620px; background:#E7F4FE url(../images/etape7.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape8 { width : 620px; background:#E7F4FE url(../images/etape8.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape9 { width : 620px; background:#E7F4FE url(../images/etape9.jpg) 30px 50px no-repeat; float:left; display:block}
div#etape10 { width : 620px; background:#FFFFFF none; float:left; display:block}

div#etapes .hauteur { height:340px}
div.footer-etapes { background: url(../images/fd-etape-bas.jpg) left top repeat-x; height:35px; width:620px; margin-top:10px;/*position:relative*/}
div.footer-etapes div.precedent {float:left; top:0px;/*position:relative*/}
div.footer-etapes div.first-suivant {float:right; top:0px;}
div.footer-etapes div.suivant {float:right; top:0px;/*position:relative;*/ margin-top:0px}
div.footer-etapes div.precedent a,div.footer-etapes div.suivant a,div.footer-etapes div.first-suivant a {background: url(../images/bouton-etapes.gif) left top no-repeat;color:#E96397; font-weight: bold; font-size:.8em; display:block; width:123px; height:25px; padding:10px 0 0 10px; text-align:center}

div#jardin {  width:620px; overflow:hidden; margin-left:35px; height:765px}
div#jardin img { visibility:visible; display:block}
div#jardin h5 { width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#jardin h6 { color:#5493C9;font-size:1em;margin:20px 0 0 32px; background-color: transparent; width:auto}
div#jardin p {margin:0px 25px 20px 30px; width:auto}
div#jardin ul {margin:10px 25px 10px 30px; width:auto}
div#jardin1 { width : 620px; background:#E7F4FE; float:left; display:block}
div#jardin2 { width : 620px; background:#E7F4FE; float:left; display:block}
div#jardin3 { width : 620px; background:#E7F4FE; float:left; display:block}
div#jardin4 { width : 620px; background:#E7F4FE ; float:left; display:block}
div.hauteur2 { height: 730px; margin-top:0px}

div#jardin1 .footer-etapes, div#jardin2 .footer-etapes, div#jardin3 .footer-etapes, div#jardin4 .footer-etapes { background: url(../images/fd-etape-bas.jpg) left top repeat-x; height:35px; width:620px; margin-top:0px}

div#pediatre1 {  width:620px; overflow:hidden; margin-left:35px; height:455px}
div#pediatre1 h5 {  width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#pediatre1 h6 { color:#5493C9;font-size:1em;margin:20px 0 0 0px; background-color: transparent; width:auto}
div#pediatre1 p {margin:10px 25px 20px 2px; width:auto}
div#pediatre1 ul {margin:10px 25px 10px 2px; width:auto}
div#pediatre1 #etape1 { width : 620px; background:#FFFFFF; float:left; display:block}
div#pediatre1 #etape2 { width : 620px; background:#FFFFFF; float:left; display:block}
div#pediatre1 #etape3 { width : 620px; background:#FFFFFF; float:left; display:block}
div#pediatre1 #etape4 { width : 620px; background:#FFFFFF ; float:left; display:block}
div#pediatre1 .hauteur { height:410px}

div#avis {  width:620px; overflow:hidden; margin-left:35px; height:455px;}
div#avis h5 {  width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#avis h6 { color:#5493C9;font-size:1em;margin:20px 0 0 0px; background-color: transparent; width:auto}
div#avis p.texte {margin:10px 25px 20px 2px; width:auto}
div#avis p.test { width:100%; text-align:left; font-size:.9em; color:#E96397}

div#avis p {margin:0px; width:auto}
div#avis #etape11 { width : 620px; background:transparent; float:left; display:block}
div#avis #etape12 { width : 620px; background:transparent; float:left; display:block}
div#avis #etape13 { width : 620px; background:transparent; float:left; display:block}
div#avis #etape14 { width : 620px; background:transparent; float:left; display:block}
div#avis .hauteur { height:410px}

div#bain {  width:620px; overflow:hidden; margin-left:35px; height:560px;}
div#bain h5 {  width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#bain h6 { color:#5493C9;font-size:1em;margin:20px 0 0 0px; background-color: transparent; width:auto}
div#bain p {margin:10px 25px 20px 2px; width:auto}
div#bain #etape1 { width : 620px; background:transparent; float:left; display:block}
div#bain #etape2 { width : 620px; background:transparent; float:left; display:block}
div#bain #etape3 { width : 620px; background:transparent; float:left; display:block}
div#bain #etape4 { width : 620px; background:transparent; float:left; display:block}
div#bain #etape5 { width : 620px; background:transparent; float:left; display:block}
div#bain #etape6 { width : 620px; background:transparent; float:left; display:block}
div#bain .hauteur { height:515px}

div#change {  width:620px; overflow:hidden; margin-left:35px; height:470px;}
div#change h5 {  width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#change h6 { color:#5493C9;font-size:1em;margin:20px 0 0 0px; background-color: transparent; width:auto}
div#change p {margin:10px 25px 20px 2px; width:auto}

div.imgleft {margin: 10px 5px 0 0px; float:left; display:block; border-bottom: #F4F4F4 solid 18px;border-right: #F4F4F4 solid 10px; width:298px;}
ul.droite { margin:10px 0 40px 320px !important; display:block}
hr { color:#FFF; width:auto; display:block; float:left}

div#art26 div.imgleft {margin:0px 10px -3px 35px; float:left; display:block; border-right: #F4F4F4 solid 10px; width:298px;}
div.imgleft2 {margin:5px 10px 8px 35px; float:left; display:block; border-right: #F4F4F4 solid 10px; width:387px;}

div#change #etape1 { width : 620px; background:transparent; float:left; display:block}
div#change #etape2 { width : 620px; background:transparent; float:left; display:block}
div#change #etape3 { width : 620px; background:transparent; float:left; display:block}
div#change #etape4 { width : 620px; background:transparent; float:left; display:block}
div#change #etape5 { width : 620px; background:transparent; float:left; display:block}
div#change #etape6 { width : 620px; background:transparent; float:left; display:block}
div#change .hauteur { height:425px}

div#peau {  width:620px; overflow:hidden; margin-left:35px; height:355px;}
div#peau h5 {  width:610px; background-color:#5493C9; overflow:hidden; padding: 3px 5px; font-size:.9em; font-weight:normal; margin:0px; color:#FFFFFF}
div#peau h6 { color:#5493C9;font-size:1em;margin:20px 0 0 0px; background-color: transparent; width:auto}
div#peau p {margin:10px 25px 20px 2px; width:auto}
div#peau #etape1 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape2 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape3 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape4 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape5 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape6 { width : 620px; background:transparent; float:left; display:block}
div#peau #etape7 { width : 620px; background:transparent; float:left; display:block}
div#peau .hauteur { height:310px}


div.presse1 { background: #EFEFEF url(../images/presse/1.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:15px 0 10px 35px; width:543px}
div.presse2 { background: #EFEFEF url(../images/presse/2.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:5px 0 10px 35px; width:543px}
div.presse3 { background: #EFEFEF url(../images/presse/3.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:5px 0 10px 35px; width:543px}
div.presse4 { background: #EFEFEF url(../images/presse/4.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:5px 0 10px 35px; width:543px}
div.presse5 { background: #EFEFEF url(../images/presse/5.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:5px 0 10px 35px; width:543px}
div.presse6 { background: #EFEFEF url(../images/presse/6.jpg) left top no-repeat; padding: 5px 5px 5px 70px; border: #666 solid 1px; margin:5px 0 10px 35px; width:543px}
div.presse1 ul, div.presse2 ul, div.presse3 ul, div.presse4 ul, div.presse5 ul, div.presse6 ul { margin:10px 0 10px 35px !important}
/* //////////// tabs /////////// */
ul.tabs { list-style:none !important; margin:0px 0 1px 35px !important; padding:0; border-bottom:1px solid bcd3e3; display:block; width: 620px !important}
ul.tabs li { float:left; text-indent:0; padding:0 1px 0 0 !important; margin:0 !important; list-style-image:none !important; list-style:none !important; background: none !important }
ul.tabs li a { background-color: #bcd3e3;font-size:0.85em; display:block; height: auto; width: 180px; text-align:center; text-decoration:none; color: #4787BE !important; padding:1px 8px; margin:0; position:relative; top:1px; overflow:hidden }

div#contenu-soins ul.tabs li a.current, div#contenu-soins ul.tabs li a:hover { background-color: #4787be !important;font-size:0.85em; display:block; height: auto;width: 180px; text-align:center; text-decoration:none; color:#FFFFFF !important; padding:1px 8px; margin:0px; position:relative; top:1px; }