/* CSS Document */

/* //////////////////////////////////////////////////////// GLOBAL STRUCTURE /////////////////////////////////////////////////////// */
* {margin: 0px;padding: 0px;}

body {font-family: Arial, Helvetica, sans-serif;font-size: .9em;}
body.homme{background:#201E25 url(../images/fd-container.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;}
h6 {font-size: 1.2em; color:/*#8EBE40*/ #84BA02 !important}
h6 strong {color:/*#2A85AF*/ /*#8EBE40*/ #84BA02 !important}
u { text-decoration:none; color:#84BA02}
div {background-color:transparent}
p {text-align: left; margin: 10px 0}
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}
strong.vert { color: /*#8EBE40*/ #84BA02}
ol { font-size:.9em; margin-left:40px}

/* //////////////////////////////////////////////////////// ESPACE HOME /////////////////////////////////////////////////////// */
#container {width:922px;margin:0 auto;}
#container #header{ position:relative;}
#container #header h1{background:url(../images/retour-accueil.jpg); width:481px;height:127px; display:block;position:absolute;float:left;top:40px;}
#container #header h1 a{display:block;width:481px;height:127px;}
#container #header h1 a:hover img {display:none }

#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;}
#container #header #menu ul li a:hover{color:#FFFFFF;}

#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{/*clear:both;position:relative;top:-100px;*/}
#container #encarts ul li span{display:none;}
#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 #encarts .smenuEncart {background:#636166; padding:5px 5px 5px 15px; display:block; float:left;}
#container #encarts .smenuEncart#sencart1 { width:253px;}
#container #encarts .smenuEncart#sencart2 { width:197px;}
#container #encarts .smenuEncart#sencart3 { width:285px;}
#container #encarts .smenuEncart ul li {display:block; height:auto;float:none;}
#container #encarts .smenuEncart ul li a {color:#FFFFFF;font-size:0.8em;}
#container #encarts .smenuEncart ul li a:hover {background:#C5C6CF;color:#000000;}

#container #footer{/*clear:both;margin:0 auto;position:relative;top:-90px;*/}
#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 5px 0 0;padding:0 5px 0 0;}
#container #footer ul li a{color:#FFFFFF;}
#container #footer ul li a:hover{color:#4b7914;}


.homme #container #header h1{background:url(../images/retour-accueil.jpg) left top no-repeat; width:481px;height:127px; display:block;position:absolute;float:left;top:40px;}
.homme #container #header #menu { width:930px; float:left}
.homme #container #header #menu ul li{background:url(../images/header-puce-homme.png) no-repeat left 5px;display:inline;margin:0 8px 0 0;padding:0 0 0 11px;}
.homme #container #header #menu ul li a {color:#ffffff;font-size:0.7em;}
.homme #container #header #menu ul li a:hover {color:#A8A4C2;}

.homme #container #header .secnav{float:right;margin:2px 0 0;}
.homme #container #header .secnav ul{}
.homme #container #header .secnav ul li{display:inline;float:left;margin-left:3px;}
.homme #container #header .secnav ul li a{display:block;float:left;}
.homme #container #header .secnav ul li.bb {}
.homme #container #header .secnav ul li.femme{}
.homme #container #header .secnav ul li.homme{}

.homme #container #header .secnav ul li.bb a:hover{background:url(../images/secnav2Hover.png) left top no-repeat;height:72px;width:67px;}
.homme #container #header .secnav ul li.femme a:hover{background:url(../images/secnav1Hover.png) left top no-repeat;height:72px;width:67px;}
.homme #container #header .secnav ul li.homme a:hover{background:url(../images/secnav3Hover.png) left top no-repeat;height:72px;width:67px;}
.homme #container #header .secnav ul li.bcombio a{}

.homme #container #header .secnav ul li.bb a:hover img{display:none;}
.homme #container #header .secnav ul li.femme a:hover img{display:none;}
.homme #container #header .secnav ul li.homme a:hover img{display:none;}

.homme #container #header .secnav ul li a{}

/* //////////////////////// effets visuels //////////////////////////////*/

.homme #container #contenu-homme {color:#97bdd8;height:441px; width:950px; overflow:hidden; position:relative; float:left; top: 0px; display:block; margin: 0 0 0 -20px;}
.homme #container #contenu-homme .stateActive .produit1 {background:url(../images/pdt1ON.png) left top no-repeat; padding:20px 0px 0 210px;}
.homme #container #contenu-homme .stateActive .produit2 {background:url(../images/pdt2ON.png) left top no-repeat; padding:20px 10px 0 210px; }
.homme #container #contenu-homme .stateActive .produit3 {background:url(../images/pdt3ON.png) left top no-repeat; padding:20px 10px 0 190px;  width: 460px;}
.homme #container #contenu-homme .stateActive .produit4 {background:url(../images/pdt4ON.png) left top no-repeat; padding:20px 50px 0 220px; }
.homme #container #contenu-homme .stateActive .produit5 {background:url(../images/pdt5ON.png) left top no-repeat; padding:20px 10px 0 190px;  width: 460px; }
.homme #container #contenu-homme .stateActive .produit6 {background:url(../images/pdt6ON.png) left top no-repeat; padding:20px 10px 0 190px; width: 460px;}
.homme #container #contenu-homme .stateActive .produit7 {background:url(../images/pdt7ON.png) left top no-repeat; padding:20px 10px 0 190px; width: 460px;}

.homme #container #contenu-homme .stateActive {float:left; height:447px; position:relative; margin: 0px; cursor:pointer;}
.homme #container #contenu-homme .stateInactive {float:left; height:430px; margin-top:45px; background-color: transparent; width: 190px; margin-right: 0px; margin-left:-10px }

.homme #container #contenu-homme .stateActive .contentBox {height:400px;width:240px; overflow:hidden}
.homme #container #contenu-homme .stateActive .contentBox .categorie {color:#626262;font-family:Tahoma;font-size:0.6em;margin-bottom:13px; width: 140px; text-align:center}
.homme #container #contenu-homme .stateActive .contentBox .titre {font-size:1.5em;margin-bottom:8px;}

.homme #container #contenu-homme .stateActive .produit1 .contentBox .titre, .homme #container #contenu-homme .stateActive .produit5 .contentBox .titre {color:#2a85af;}
.homme #container #contenu-homme .stateActive .produit2 .contentBox .titre {color:#FFC938;}
.homme #container #contenu-homme .stateActive .produit3 .contentBox .titre {color:#FFC938;}
.homme #container #contenu-homme .stateActive .produit4 .contentBox .titre {color:#84BA02;}
.homme #container #contenu-homme .stateActive .produit6 .contentBox .titre {color:#2A85AF;}
.homme #container #contenu-homme .stateActive .produit7 .contentBox .titre {color:#e4a73b;}

.homme #container #contenu-homme .stateActive .contentBox .description {color:#FFFFFF;font-size:0.9em;margin-bottom:10px; padding-right:25px}
.homme #container #contenu-homme .stateActive .contentBox .sousdescription {font-size:0.7em;margin-bottom:20px; padding: 120px 0 0 0;}

.homme #container #contenu-homme .stateActive .produit1 .contentBox .sousdescription, .homme #container #contenu-homme .stateActive .produit5 .contentBox .sousdescription {color:#2a85af; background:url(../images/chene.jpg) left top no-repeat;}
.homme #container #contenu-homme .stateActive .produit2 .contentBox .sousdescription {color:#e4a73b; background:url(../images/ginger.jpg) left top no-repeat;}
.homme #container #contenu-homme .stateActive .produit3 .contentBox .sousdescription {color:#e4a73b; background:url(../images/ginger.jpg) left top no-repeat;}
.homme #container #contenu-homme .stateActive .produit4 .contentBox .sousdescription {color:/*#d6e138*/ #84BA02; background:url(../images/santal.jpg) left top no-repeat;}
.homme #container #contenu-homme .stateActive .produit6 .contentBox .sousdescription {color:#2A85AF; background:url(../images/ginger.jpg) left top no-repeat;}
.homme #container #contenu-homme .stateActive .produit7 .contentBox .sousdescription {color:#e4a73b; background:url(../images/ginger.jpg) left top no-repeat;}

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

.homme #container #contenu-homme .stateActive .produit1 .contentBox .fiche a, .homme #container #contenu-homme .stateActive .produit5 .contentBox .fiche a {background-color:#2a85af; color:#FFFFFF;}
.homme #container #contenu-homme .stateActive .produit2 .contentBox .fiche a {background-color:#e4a73b; color:#333333;}
.homme #container #contenu-homme .stateActive .produit3 .contentBox .fiche a {background-color:#e4a73b; color:#333333;}
.homme #container #contenu-homme .stateActive .produit4 .contentBox .fiche a {background-color: #84BA02; color:#333333;}
.homme #container #contenu-homme .stateActive .produit6 .contentBox .fiche a {background-color: #2A85AF; color:#333333;}
.homme #container #contenu-homme .stateActive .produit7 .contentBox .fiche a {background-color: #e4a73b; color:#333333;}

.homme #container #contenu-homme .stateActive .produit1 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #2A85AF}
.homme #container #contenu-homme .stateActive .produit2 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #e4a73b; color:#FFFFFF !important}
.homme #container #contenu-homme .stateActive .produit3 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #e4a73b; color:#FFFFFF !important}
.homme #container #contenu-homme .stateActive .produit4 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #84BA02; color:#FFFFFF !important}
.homme #container #contenu-homme .stateActive .produit5 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #2A85AF; color:#FFFFFF !important}
.homme #container #contenu-homme .stateActive .produit6 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #2A85AF; color:#FFFFFF !important}
.homme #container #contenu-homme .stateActive .produit7 .contentBox .fiche a:hover { background-color: #333333; border: solid 1px #e4a73b; color:#FFFFFF !important}

.homme #container #contenu-homme .stateActive .contentBox .evaluation {/*color:#427cae;font-size:0.7em;margin-bottom:11px;padding:4px 0 0 5px;*/ visibility:hidden}
.homme #container #contenu-homme .stateActive .contentBox .starOFF {float:left;}
.homme #container #contenu-homme .stateActive .contentBox .starON {float:left;}
.homme #container #contenu-homme .stateActive .aide {height:40px;position:absolute;right:40px;top:319px;width:39px;}
.homme #container #contenu-homme .stateActive .aide a {display:block;width:39px;height:40px;text-indent:-9999em;}
.homme #container #contenu-homme .stateInactive .contentBox {height:447px;width:245px; }


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


/* /////////////////////// fin effets visuels ////////////////////////////*/

.homme #container #encarts{clear:both;position:relative;top:0px;}
.homme #container #encarts ul li.hommeencart1{width:315px;margin-top:4px;}
.homme #container #encarts ul li.hommeencart2{width:254px;margin-top:4px;}
.homme #container #encarts ul li.hommeencart3{width:228px;margin-top:0px;}

.homme #container #encarts ul li.hommemarque {margin:9px 0 0;}
.homme #container #encarts ul li.hommemarque a{background:url(../images/hommemarque-logo.png) left top no-repeat;width:75px;height:38px;padding:0;text-indent:-9999em;}
.homme #container #footer{/*clear:both;margin:0 auto;/*position:relative;top:-90px;*/ float:left; display:block; text-align:center; width:900px; margin: 10px 0}
.homme #container #footer ul li{color:#999999;border-right:1px solid #999999;}
.homme #container #footer ul li.last{color:#999999;border-right:0 none;}
.homme #container #footer ul li a{color: #999999;}
.homme #container #footer ul li a:hover{color:#FFFFFF;}

/**********************************  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;}

/***************************  #Div THickBOX  **********************************/
#Box {width:694px;background:#141414 url(../images/box-top.png) -1px 0px no-repeat; margin:0 0 20px 0; float:left; padding: 0px; height:auto}
#Box #fond { border-right: solid 1px #6D6C7A;border-left: solid 1px #6D6C7A;width:694px;border-bottom: solid 1px #6D6C7A; padding: 10px 0 30px 0; float:left} 
#btn_fermer {height:27px;width:71px; margin: -10px 0 0 634px}
#BoxContant {margin-left:40px;width:650px;}
#logoArt {width:160px;height:476px;float:left;margin:0px 0 0 10px;}
#BoxContantRight {width:430px;height: auto;float:left;margin-top:30px;margin-left:25px;}
#BoxContantRight h5 {color:#FFFFFF;font-size:22px;display:block;padding-bottom:10px;}
#BoxContantRight h6{color:#cccccc !important; font-size:11px;font-weight:normal;margin:10px 0;padding:0;}
#BoxChap {font-family:Tahoma, Geneva, sans-serif;font-size:12px;display:block;color:#FFFFFF;}
#BoxDetail {height: auto; margin:10px 0;}
#SR {background-color:#CCCCCC;height:15px;width:90px;display:block;text-align:center;text-transform:uppercase;line-height:15px; font-size:9px;color:#333333; margin: 2px 0 10px 0}
#BoxText {font-family:Tahoma, Geneva, sans-serif;font-size:12px;display:block;color:#FFFFFF;}
#BoxText strong {font-weight:bold;color:#FFFFFF;}
#BoxLinks {height:20px;margin:20px 0 0 0;}
#BoxLinks a.fiche {background-color: #CCCCCC !important;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: #333333 !important;}
#TB_window a:hover {color:#FFFFFF !important;}
#BoxLinks a:hover {color: #666666 !important;}
#TB_window a:visited, #BoxLinks a:visited{/*color:#141414 !important;background-color: #141414 !important;*/}
#Boxbas {/*margin-top:20px;height:60px;display:block;position:absolute;bottom:5px;*/ visibility:hidden }
#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:#5493c9}
#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#contenu-soins p.localisation , .accordion p.localisation { padding:0 0 8px 0; margin: 5px 0 0 0; border-bottom: #333333 solid 1px}

/*#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:left; background:#141414;/*border: solid 1px #6D6C7A;*/width:835px;padding:30px 40px; /*margin: 70px 0px 20px 100px*/ margin: 85px 0 20px 0}
div#contenu-soins h3 {color:#FFFFFF; font-size:1.3em;}
/*div#contenu-soins h4 {background:#6D6C7A; margin:1px 0 0px 0px; color:#FFFFFF; font-size:.9em; padding: 3px 5px}*/
div#contenu-soins h5 { color: /*#8EBE40*/ #84BA02/*color:#e4a73b;*/; margin: 10px 0 0 0}
div#contenu-soins h5 a {color:/*#8EBE40*/ #84BA02; text-decoration:underline}
div#contenu-soins h4:hover { /*cursor:pointer !important*/}

.accordion1 h5.current, .accordion2 h5.current,.accordion3 h5.current, div.bleu h5.current {background:url(../images/onglet-on-bleu.jpg) left top no-repeat !important; margin:1px 0 0 0 !important; color: #FFFFFF !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
.accordion4 h5.current, .accordion5 h5.current,  .accordion6 h5.current, div.orange h5.current {background:url(../images/onglet-on-orange.jpg) left top no-repeat !important; margin:1px 0 0 0 !important; color: #666666 !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
.accordion7 h5.current, div.vert h5.current, div.vert h5:hover {background:url(../images/onglet-on-vert.jpg) left top no-repeat !important; margin:1px 0 0 0 !important; color: #000000 !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}

.accordion1 p a, .accordion2 p a, .accordion1 p u, .accordion2 p u,.accordion1 p em, .accordion2 p em, .accordion1 p em a, 
.accordion3 p a, .accordion3 p u, .accordion3 p em,.accordion3 p em a,
.accordion2 p em a, div.bleu p em a, div.bleu p em, div.bleu p a, div.bleu p u  { color:#0b92ca !important /*bleu*/}
/*.accordion1 h6, .accordion2 h6, .accordion1 h6 strong, .accordion2 h6 strong, .accordion2 h6, .accordion1 h6 strong, div.bleu h6, div.bleu h6 strong { color: #0b92ca !important /*bleu*}*/
div#contenu-soins ul.accordion1 li a, div#contenu-soins ul.accordion2 li a, div#contenu-soins ul.accordion3 li a {color:#FFFFFF !important; background-color:#0b92ca !important; text-transform:uppercase;padding: 2px 5px /*bleu*/}
div#contenu-soins ul.accordion1 li a:hover, div#contenu-soins ul.accordion2 li a:hover { color: #CCCCCC !important}

.accordion4 p em, .accordion5 p em, .accordion6 p em, .accordion4 p em a, .accordion5 p em a, .accordion6 p em a, div.orange h6, div.orange h6 strong, div.orange p em a, div.orange p em, div.orange p a, div.orange p u  { color:#E4A73B !important /*orange*/}
/*.accordion5 p em, div.vert h6, div.vert h6 strong, div.vert p em a, div.vert p em, div.vert p a, div.vert p u, div.vert h6, div.vert h6 strong  { color:#84BA02 !important /*vert*}*/
.accordion7 p em, div.vert h6, div.vert h6 strong, div.vert p em a, div.vert p em, div.vert p a, div.vert p u, div.vert h6, div.vert h6 strong  { color:#84BA02 !important /*vert*/}

.accordion h5:hover, .accordion h5.current {background: url(../images/onglet-on.jpg) left top no-repeat; margin:5px 0; color:#434343; font-size:1em; padding: 7px 5px 3px 30px; height:20px}

.accordion1 h5:hover, .accordion2 h5:hover,.accordion3 h5:hover, div.bleu h5:hover {background: url(../images/onglet-on-bleu.jpg) left top no-repeat; margin:5px 0; color:#FFFFFF !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
.accordion4 h5:hover, .accordion5 h5:hover, .accordion6 h5:hover, div.orange h5:hover  {background: url(../images/onglet-on-orange.jpg) left top no-repeat; margin:5px 0; color:#434343 !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
.accordion7 h5:hover, , div.vert h5:hover  {background: url(../images/onglet-on-vert.jpg) left top no-repeat; margin:5px 0; color:#000000 !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}

.accordion h5 {cursor:pointer !important;background: url(../images/onglet-off.jpg) left top no-repeat; margin:1px 0 0 0 !important; color: #666666 !important; font-size:1em; padding: 7px 5px 3px 30px; height:20px}

div#contenu-soins p, .accordion p {color:#FFFFFF; font-size:.9em; margin:10px 0px 20px 0;}
div#contenu-soins p.mentions {color:#FFFFFF; font-size:.7em; margin:10px 0px 20px 0;}
div#contenu-soins p a {color:/*#5493c9;*//*#8EBE40*/ #84BA02; text-decoration:underline}
div#contenu-soins ul {color:#FFFFFF;font-size:.9em; margin:10px 0px 20px 30px; }
div#contenu-soins #encarts ul {
	position:relative;left:33px;
	margin-left:-68px;margin-right:0;
}
div#contenu-soins li {color:#FFFFFF;list-style:outside disc}
div#contenu-soins div, div#contenu-soins div strong { color:/*#e4a73b;*/ #FFFFFF; /*margin-bottom:15px;*/ text-align:left}

div#contenu-soins ul.services { display:block; padding: 5px 3px;width:575px;color:#FFFFFF; margin: 10px 0; height:22px}
div#contenu-soins ul.ariane { display:inline; padding-left: 0px;width:575px;color:#FFFFFF; margin: 10px 0}
div#contenu-soins ul.ariane li { display:inline;  color:#FFFFFF; padding: 0px;font-size:.75em;}
div#contenu-soins ul.ariane li a {color:#FFFFFF;}
div#contenu-soins ul.services li { display:inline; font-size:.7em; color:#FFFFFF; margin-right: 2px; }
div#contenu-soins ul.services li a {color:#000000; background-color:/*#8EBE40*/ #84BA02; text-transform:uppercase;padding: 2px 5px}
div#contenu-soins ul.services li a:hover { color:#FFFFFF}
div#fd-contenu-soins {/*background: transparent url(../../images/bbcombio-article-footer.png) left top no-repeat; width:703px; margin:0px 0 -5px -10px; height:212px; float:left; padding: 0 0 0 0*/}

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

div#contenu-soins fieldset { border:none 0px; padding: 0px; width:100%}

div#contenu-soins legend {color:/*#8EBE40*/ #84BA02; font-size:1.05em; font-weight:bold; margin-bottom:10px;} 
div#contenu-soins fieldset span{ color:#FFFFFF}
div#contenu-soins fieldset label{ color:#FFFFFF;width: 26%; float:left; text-align:right; padding: 0 3px 0 0; display:block;}

div#contenu-soins fieldset div.radio label{ color:#FFFFFF;width: auto !important; float:left; text-align:right; padding: 0 3px 0 0; display:block;}
div#contenu-soins fieldset div.radio input[type=checkbox] { width:auto !important; float:left}
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 #333333}
div#contenu-soins select { font-size:.9em; width:70.5%; float: right; text-align:left; padding: 1px; margin-right:8px; border: 1px solid #333333}
div#contenu-soins input[type=radio] { width: 20px; float:left; text-align:left;}
div#contenu-soins input[type=submit] { background-color:/*#8EBE40*/ #84BA02; padding: 3px; color:#333333; border: 0px none; width:auto;text-align:left; margin: 8px 533px 0px 0; float:right; text-align:center !important }
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:#FFFFFF}
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 input[type=checkbox] { width:10px !important; float: left !important; padding: 0; display:block}
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}

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:#FFFFFF; font-size:0.7em; margin:10px 0 20px 0; 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}

/* /////////////////////////////////////////////////////// GESTION DU PLAN DU SITE ///////////////////////////////////////////////////// */

#plan ul, li {padding: 0px 0px 0px 0px}
#plan li ul {padding: 0;margin: 10px 0;background-image: none;}
#plan li ul li {padding: 0;margin: 0;background-image: none;}
#plan li ul a {padding-left: 15px;font-size: 0.95em;font-weight: bold;margin-left: 30px;color:#333333;background-image: url(../images/plan.gif);background-repeat: no-repeat;background-position: center left;height: 16px;}
#plan li ul li ul a {font-weight: normal;margin-left: 50px;padding-left: 12px;color:#333333;background-image: url(../images/plan2.gif);background-repeat: no-repeat;background-position: center left;height: 16px;}


/* /////////////// 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; }

/* ////////////// Accordion ////////////// */
.accordion h4 { cursor: pointer; }
.accordion h5 { cursor: pointer;/* color:#FFFFFF !important*/ }

.pane2 .pane { min-height:20px !important}
div#contenu-soins h4.current {background: url(../images/onglet-on.jpg) left top no-repeat; margin:1px 0 10px 0px; color:#333333; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
div#contenu-soins h4:hover {background: url(../images/onglet-off.jpg) left top no-repeat; margin:1px 0 0px 0px; color:#666666; font-size:1em; padding: 7px 5px 3px 30px; height:20px; cursor: default }
div#contenu-soins h4 {background: url(../images/onglet-off.jpg) left top no-repeat; margin:1px 0 0 0px; color: #666666; font-size:1em; padding: 7px 5px 3px 30px; height:20px}
div#contenu-soins #accordion h4:hover {background: url(../images/onglet-on.jpg) left top no-repeat; margin:1px 0 0px 0px; color:333333; font-size:1em; padding: 7px 5px 3px 30px; height:20px; cursor:pointer !important}

/* //////////// tabs /////////// */
ul.tabs { list-style:none; margin:16px 0 0 15px !important; padding:0; height:30px; border-bottom:1px solid #000000; list-style:none}
ul.tabs li { float:left; text-indent:0; padding:0 1px 0 0; margin:0 !important; list-style-image:none !important; list-style:none !important }
ul.tabs li a { background-color: #333333;font-size:0.85em; display:block; height: auto; line-height: normal; width: auto; text-align:center; text-decoration:none; color: #CCCCCC; padding:1px 10px; margin:0px 0 0 0; position:relative; top:1px; overflow:hidden;}

ul.tabs li.tabs1 a, ul.tabs li.tabs2 a,ul.tabs li.tabs4 a, ul.tabs li.tabs7 a { width:80px}
ul.tabs li.tabs3 a { width:50px}
ul.tabs li.tabs5 a,ul.tabs li.tabs6 a { width:100px}

ul.tabs li.tabs1 a.current, ul.tabs li.tabs2 a.current, ul.tabs li.tabs1 a:hover, ul.tabs li.tabs2 a:hover { background-color: #2a85af;font-size:0.85em; display:block; height: auto; line-height:1.3em; width:80px; text-align:center; text-decoration:none; color:#FFFFFF; padding:1px 10px; margin:0px; position:relative; top:1px; }
ul.tabs li.tabs3 a.current, ul.tabs li.tabs3 a:hover { background-color: #2a85af;font-size:0.85em; display:block; height: auto; line-height:1.3em; width: 50px; text-align:center; text-decoration:none; color:#FFF; padding:1px 10px; margin:0px; position:relative; top:1px; }
ul.tabs li.tabs4 a.current, ul.tabs li.tabs4 a:hover { background-color: #e4a73b;font-size:0.85em; display:block; height: auto; line-height:1.3em; width: 80px; text-align:center; text-decoration:none; color:#000; padding:1px 10px; margin:0px; position:relative; top:1px; }
ul.tabs li.tabs5 a.current, ul.tabs li.tabs5 a:hover{ background-color: #e4a73b;font-size:0.85em; display:block; height: auto; line-height:1.3em; width:100px; text-align:center; text-decoration:none; color:#333333; padding:1px 10px; margin:0px; position:relative; top:1px; }
ul.tabs li.tabs6 a.current, ul.tabs li.tabs6 a:hover{ background-color: #e4a73b;font-size:0.85em; display:block; height: auto; line-height:1.3em; width:100px; text-align:center; text-decoration:none; color:#333333; padding:1px 10px; margin:0px; position:relative; top:1px; }
ul.tabs li.tabs7 a.current, ul.tabs li.tabs7 a:hover{ background-color: #84BA02;font-size:0.85em; display:block; height: auto; line-height:1.3em; width:80px; text-align:center; text-decoration:none; color:#333333; padding:1px 10px; margin:0px; position:relative; top:1px; }

ul.tabs a:active { outline:none; }
ul.tabs a:hover {}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {cursor:default !important; }

div.accordion1 p em, div.accordion2 p em, div.accordion3 p em, div.accordion4 p em, div.accordion5 p em { color: /*#8EBE40*/ #84BA02}

#accordion { margin-top:20px}
#accordion .pane {min-height:175px}

#contenu-produits { position: relative;}
.stateInactive {position: relative;}
a.prev {position: absolute; top:300px; left: 0px;}
a.next {position: absolute; top:300px; left: 830px;}

div.spip_forms .forml, div.spip_forms .fondl {background-color:#FFFFFF; color:#333333; float:right; margin-right:10px; text-align:left; width:55%; margin-right:10px;}

div#guillemets1 { background:url(../images/guillemets1.jpg) center top no-repeat; text-align:center !important; width:430px; height: 185px; padding: 5px 50px 0 50px; margin:10px 0 20px 160px }
div#guillemets1 p, div#guillemets2 p { text-align:center !important}
div#guillemets2 { background: url(../images/guillemets2.jpg) center top no-repeat; text-align:center !important; width:430px; height: 140px; padding: 30px 50px 0 50px; margin:20px 0 20px 160px }
div#guillemets3 { background: url(../images/guillemets2.jpg) center top no-repeat; text-align:center !important; width:430px; height: 120px; padding: 10px 50px; margin:20px 0 20px 100px }

#TB_window a {color: #CCCCCC !important}
#TB_ajaxContent { line-height:normal !important}

/* trigger button */ 
.download_now {cursor:pointer; }  
div.tooltip {display: none;background: #707070 url(../images/fd-arrow.jpg) left bottom repeat-x; height: auto;padding:0px;width:271px ;font-size:.9em;color:#fff; overflow:hidden; z-index:9999; position:absolute !important; top:-54px !important; left:auto !important; margin: 0px; border: #636166 solid 1px} 
div.tooltip .label {color:/*#8EBE40*/ #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} 
div.tooltip ul li a {color:#FFFFFF !important; padding: 0;}
div.tooltip ul li a:hover {color:/*#8EBE40 #65b7d9*/ #84BA02  !important;}


/**
 * @section	easyclearing
 */
div#contenu-soins #encarts ul:after {
	content: ".";
	overflow:hidden;
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}