* {border: 0; margin: 0; padding: 0;}
html{font-size: 100%;}
body{background: #0B0B0B; margin: 0; padding: 0; font: normal 62.5% Helvetica, Arial, sans-serif; color: #FFFFFF;}
h1, h2, h3, div, li, a, p, span{font-size: 1.0em;}
.fleft{float: left;}
.clear{clear: both; visibility: hidden;}
#main-content{width: 32.0em; margin: 0 auto;}

/* Header */
#header{width: 100%; background: url(/img/common/bg-header2.jpg) repeat-x left bottom;}
#header #backhome{float: left; margin-top: 0.6em; margin-left: 1.7em; margin-right: 4.6em;}
#header #logo{float: left; margin-top: 1.2em;}
#header ul{padding-top: 4.0em; padding-left: 1.7em;}
#header ul li{width: 4.0em; list-style: none; float: left; font-size: 1.3em; padding-bottom: 0.7em; margin-right: 4.8em;text-align:center}
#header ul li.last{margin-right: 0;}
#header ul li a, #header ul li a:active, #header ul li a:visited, #header ul li a:hover{text-decoration: none; color: #FFFFFF;}
#header ul li a.js, #header ul li a.js:active, #header ul li a.js:visited, #header ul li a.js:hover{color:#BE7013;}
#header ul.home-nav{padding-top: 1.3em; padding-left: 0;}
#header ul.home-nav li{width: 6.0em; padding-bottom: 2.5em; margin-left: 1.5em; margin-right: 0;}
#header ul.home-nav li img{display: block; margin-left: 0.8em; margin-top: 0.7em;}
#header ul.home-nav li span{display: block; margin-top: 0.7em; text-align: center;}

/*Push*/
#Push{height:106px; width:320px;}

/* Footer */
#secondary-navigation{clear:both;background: #0B0B0B url(/img/common/bg-content-bottomrange.gif) repeat-x left bottom; padding-top: 1.2em; padding-left: 1.7em; border-bottom: 1px solid #0B0B0B; zoom: 1; overflow: hidden;}
#secondary-navigation li{width: 4.0em; list-style: none; float: left; font-size: 1.3em; padding-bottom: 0.9em; margin-right: 4.8em;}
#secondary-navigation li.last{margin-right: 0;}
#secondary-navigation li a img{display: block; text-decoration: none; color: #FFFFFF; margin-bottom: 0.7em;}
#secondary-navigation li a img.js{position: relative; margin-left: -0.65em; margin-top: -0.6em; margin-bottom: 0em;}
#secondary-navigation li span{display: block; text-align: center;}
#searcharea{width: 100%; height: 10.5em; background: #95458A; border-bottom: 1px solid #98488D;}
#searcharea h2{font-weight: normal; font-size: 1.8em; text-transform: uppercase; padding-top: 0.5em; margin-left: 1.0em;}
#searcharea p{width: 20.0em; font-size: 1.3em; color: #D88DCF; margin-bottom: 0.5em; margin-left: 1.3em;}
#searcharea .champ{float: left; width: 15.0em; font: 1.45em Helvetica, Arial, sans-serif; color: #C983BF; border: 1px solid #E2BFDD; padding: 0.3em 0 0.5em 0.6em; margin-left: 1.2em; margin-right: 0.5em; -webkit-border-radius: 0.5em;}
#phonearea{width: 100%; background: url(/img/common/bg-phone.gif) repeat-x left top;}
#phonearea img{float: left; margin: 1.4em 1.0em 1.0em 1.4em;}
#phonearea p{float: left; font-size: 1.3em; color: #B6B6B6; margin-top: 0.8em;}
#phonearea p a, #phonearea p a:active, #phonearea p a:visited, #phonearea p a:hover{font-size: 1.8em; color: #FFFFFF; text-decoration: none;}
#phonearea p #note{font-size: 0.9em;}

/* Contenu central : Commun */
#content{width: 100%;}
#content h1{font-weight: normal; font-size: 1.6em; color: #EFEFEF; text-transform: uppercase; background-color: #575757; padding: 0.9em 0 0.6em 0.9em;}
#content h2{font-weight: normal; font-size: 1.4em; float: left; padding: 1.0em 2.3em 0.8em 1.0em;}
#content .asterisque{font-size: 0.8em;}
#content .liste, #content ol{margin-top: 1.0em; margin-left: 1.5em;}
#content .liste li, #content ol li{font-size: 1.3em; color: #CCCCCC;}
#content .liste li{list-style-type: circle;}
#content .title-line{height: 1px; background: url(/img/common/bg-content-h1.gif) repeat-x left top; overflow: hidden;}
#content .toprange{position: relative; background: url(/img/common/bg-content-toprange.gif) repeat-x left top;}
#content .toprange-white{background: #FFFFFF url(/img/common/bg-content-productlist.gif) repeat-x left top;}
#content .toprange-white .liste li, #content .toprange-white ol li{color: #000000;}
#content .bottomrange{background: #0B0B0B url(/img/common/bg-content-bottomrange.gif) repeat-x left bottom; padding: 2.4em 2.0em 2.9em 2.0em; border-bottom: 1px solid #0B0B0B;}
#content .bottomrange h3{font-weight: normal; font-size: 1.4em; margin-bottom: 0.8em;}
#content .bottomrange p{font-size: 1.3em; color: #CCCCCC;}


/* Contenu central : Pages produits */
#content #product-list{width: 100%; background: #FFFFFF url(/img/common/bg-content-productlist.gif) repeat-x left top;}
#content #product-list ul{width: 33.0em; padding-top: 1.3em;}
#content #product-list ul li{width: 7.2em; height: 8.4em; list-style: none; float: left; font-size: 1.4em; margin-right: 0.5em;}
#content #product-list ul li img{display: block; margin-left: 1.0em;}
#content #product-list ul li span{display: block; margin-top: 0.2em; text-align: center; color: #999999;}
#content #selection-items li, #content #link_sup li {list-style: none; background: #FFFFFF url(/img/common/bg-content-productlist.gif) repeat-x left top; min-height: 14.9em;}
#content #selection-items li img, #content #link_sup li img{float: left; display: block;}
#content #selection-items li h3{font-weight: normal; font-size: 1.3em; color: #B27D31; text-transform: uppercase; padding-top: 1.8em; padding-bottom: 0.9em; padding-right: 0.7em;}
#content #selection-items li p{font-size: 1.3em; color: #3C4859; padding-right: 0.7em;}
#content #selection-items li.selection-more, #content #link_sup li.selection-more, #content #selection-items li.selection-rubs {position: relative; min-height: 4.9em; background: #0B0B0B url(/img/common/bg-content-toprange.gif) repeat-x left top; padding-left: 1.9em;}
#content #selection-items li.selection-more a, #content #link_sup li.selection-more a, #content #selection-items li.selection-more a:active, #content #selection-items li.selection-more a:visited, #content #selection-items li.selection-more a:hover{font-size: 1.6em; color: #FFFFFF; text-decoration: none;float:left}
#content #selection-items li.selection-more span, #content #link_sup li.selection-more span {float: left; width: 16.8em; padding-top: 0.5em; padding-bottom: 0.3em;}
#content #selection-items li.selection-more img, #content #link_sup li.selection-more img {position: absolute; right: 0; top: 30%; margin-top: 0; margin-right: 0.4em;}
#content #selection-items.js li, #content #link_sup li{cursor: pointer;}
#content h2.text-new{width: 12.4em;}
#content .btn-new{position: absolute; top: 50%; margin-top: -1.1em;}
#content #detail-visual img{display: block;}
#content #detail-description{padding: 1.4em 2.0em 1.6em 2.0em;}
#content #detail-description p{font-size: 1.4em; color: #B27D31;}
#content .detail-movie{width: 100%; height: 19.0em;}
#content .detail-movie img{display: block;}
#content .detail-movie embed{width: 50%; height: 4.5em; display: block; float: left;}
#content #selection-items li.selection-more a.detail-more, #content #selection-items li.selection-more a.detail-more:active, #content #selection-items li.selection-more a.detailmore:visited, #content #selection-items li.selection-more a.detailmore:hover{font-weight: normal; font-size: 1.3em; color: #FFFFFF; text-decoration: none;}


/* Contenu central : Pages conseils */
#content #conseils-list{width: 100%;margin-top:1px;}
#content #conseils-list h1 {padding-bottom:0.9em;margin-top:1px;font-weight:bold;font-size:15px;text-transform:none;background:#000 url(/img/common/bg-content-h1-conseil.jpg) repeat-x;}
#content #conseils-list ul {margin:0;}
#content #conseils-list ul li {list-style:none; width: 100%; height: 6.45em; float: left; font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin:0;}
#content #conseils-list ul li a {display:block;height:6.45em;background:url(/img/common/bg-content-toprange.jpg) repeat-x right top; color: #FFF; text-decoration: none;}
#content #conseils-list ul li a img {float:left;border-right:1px solid #000;}
#content #conseils-list ul li a span {float:left; width: 10.2em; padding: 2.3em 3.7em 1em 0; background: url(/img/common/visu-content-toprange.jpg) no-repeat right top; text-align: right; }

#content #conseils-selection{width: 100%;}
#content #conseils-selection h1 {padding-bottom:0.9em;margin-top:1px;font-weight:bold;font-size:15px;text-transform:none;background:#000 url(/img/common/bg-content-h1-conseil.jpg) repeat-x;}
#content #conseils-selection ul li{list-style: none;}
#content #conseils-selection ul li img{display: inline; float: left; margin: 3.2em 2.8em 2.2em 3.2em;}
#content #conseils-selection ul li span{float: left; width: 10.0em; font-size: 1.3em; padding-top: 2.4em; padding-bottom: 4.4em;}
#content #conseils-selection ul li a img{float: none; margin-top: 0;}
#content #conseils-selection ul li.conseil-movie{width: 100%; height: 17.7em;}
#content #conseils-selection ul li.conseil-movie img{float: none; display: block; margin: 0;}
#content #conseils-selection ul li.conseil-movie embed{width: 50%; height: 4.5em; display: block; float: left;}
#content #conseils-description{padding: 1.4em 2.0em 1.6em 2.0em; border-top: 1px solid #FFFFFF;}
#content #conseils-description p{font-size: 1.4em; color: #000000;}


/* Contenu central : Pages diagnostics */
#content #diag-steps{padding: 1.5em 0 5.4em 0.9em;}
#content #diag-steps li{width: 1.6em; font-size: 1.4em; text-transform: uppercase; text-align: center; list-style: none; float: left; padding: 0.45em 0.25em;}
#content #diag-steps li.on{border: 3px solid #FFFFFF; -webkit-border-radius: 0.5em; padding: 0.25em 0;}
#content #diag-steps li.results{border: 0; width: 7.3em; text-align: right;}
#content #diag-questions .bottomrange{padding: 0;}
#content #diag-questions .bottomrange h2{text-transform: uppercase;}
/*#content #diag-questions #DG_SKINCARE_D1_Q1 #selection-items li.selection-more{float: left; width: 15.9em; min-height: 21.0em; height: auto; padding-left: 0; background: url(/img/common/bg-content-toprange.gif) repeat-x left 15.8em; border-right: 1px solid #0B0B0B;}
#content #diag-questions #DG_SKINCARE_D1_Q1 #selection-items li.selection-more a img{position: relative; margin-top: 0; margin-right: 0; float: none; display: block;}
#content #diag-questions #DG_SKINCARE_D1_Q1 #selection-items li.selection-more span{width: 7.0em; text-transform: uppercase; padding-top: 0.9em; padding-left: 1.2em;}
#content #diag-questions #DG_SKINCARE_D1_Q1 #selection-items li.selection-more img{position: relative; margin-top: 1.65em;}*/
#content #diag-questions #DG_SKINCARE_D4_Q1 #selection-items{background: #0B0B0B url(/img/common/diagnostic/visu-question4.jpg) no-repeat right top;}
#content #diag-questions #DG_SKINCARE_D4_Q1 #selection-items li.selection-more{width: 16.8em; min-height: 3.8em; padding-left: 1.2em;}
#content #diag-questions #DG_SKINCARE_D4_Q1 #selection-items li.selection-more span{width: 9.5em; padding-top: 0.5em;}
#content #diag-questions #DG_SKINCARE_D4_Q1 #selection-items li.selection-more span.precision{width: auto; display: inline; font-size: 0.7em; padding: 0;}
#content #diag-questions #DG_SKINCARE_D4_Q1 #selection-items li.selection-more img{position: relative; top: 0; margin-top: 0.8em; margin-right: 0;}
#content #diag-questions #selection-items li.selection-more{position: relative; min-height: 5.0em;}
#content #diag-questions #selection-items li.selection-more span{padding: 0.5em 0; font-size: 1.6em;}
#content #diag-questions #selection-items li.selection-more a img{display: none;}
#content #diag-results #selection-items li.selection-rubs{padding-left: 1.4em;}
#content #diag-results #selection-items li.selection-rubs h2{font-size: 1.6em; text-transform: uppercase; padding-left: 0;}
#content #diag-results .toprange p{padding: 1.4em 2.0em 1.6em 2.0em; font-size: 1.4em;}
#content #selection-items li#diag-redo{min-height: 4.9em; background: #7E1A70 url(/img/common/bg-content-diagredo.gif) repeat-x left top; padding-left: 1.3em;}
#content #selection-items li#diag-redo a, #content #selection-items li#diag-redo a:active, #content #selection-items li#diag-redo a:visited, #content #selection-items li#diag-redo a:hover{font-size: 1.6em; color: #FFFFFF; text-decoration: none;}
#content #selection-items li#diag-redo span{float: left; width: 16.8em; padding-top: 1.0em; padding-bottom: 0.3em;}
#content #selection-items li#diag-redo img{float: right; margin-top: 1.3em; margin-right: 1.4em;}

#content #diag-questions #DG_SKINCARE_D3_Q1{display:none}

/* Contenu central : Pages de resultats de recherche */
#content #search-results h1{font-size: 1.45em; background: #65155A; color: #BD6DB2;}
#content #search-results h2{text-transform: uppercase;}
#content #search-results #secondsearcharea{width: 100%; height: 4.0em; background: #98488D url(/img/common/bg-content-secondsearch.gif) repeat-x left top; padding-top: 0.7em;}
#content #search-results #secondsearcharea .champ{float: left; width: 15.0em; font: 1.45em Helvetica, Arial, sans-serif; color: #C983BF; border: 1px solid #E2BFDD; padding: 0.3em 0 0.5em 0.6em; margin-left: 1.2em; margin-right: 0.5em; -webkit-border-radius: 0.5em;}
#content #search-results ul li.conseil-text{background: #0B0B0B; list-style: none;}
#content #search-results ul li.conseil-text img{display: inline; float: left; margin: 3.2em 2.8em 2.2em 3.2em;}
#content #search-results ul li.conseil-text span{float: left; width: 10.0em; font-size: 1.3em; padding-top: 3.4em; padding-bottom: 3.4em;}
#content #search-results ul li.conseil-text a img{float: none; margin-top: 0;}
#content #search-results ul li.conseil-movie{background: #0B0B0B; width: 100%; height: 17.7em;}
#content #search-results ul li.conseil-movie img{float: none; display: block; margin: 0;}
#content #search-results ul li.conseil-movie embed{width: 50%; height: 4.5em; display: block; float: left;}
#content #search-results ul li.nodata{min-height: 4.9em; background: #0B0B0B url(/img/common/bg-content-bottomrange.gif) repeat-x left bottom; padding-left: 1.9em;}
#content #search-results ul li.nodata span{display: block; font-size: 1.3em; padding-top: 1.4em; padding-bottom: 1.4em; color: #FFFFFF;}

/*page de dispatch*/
#content #diag-questions #dispatch #selection-items li.selection-more{ height: auto; padding-left: 0; background: url(/img/common/bg-content-toprange.gif) repeat-x left top; border-right: 1px solid #0B0B0B;margin-bottom:25px}
#content #diag-questions #dispatch #selection-items li.selection-more a img{display:block;left:0;margin:0;top:0;}
#content #diag-questions #dispatch #selection-items li.selection-more span{float:right; width: 7.7em; text-transform: uppercase; padding-top: 0.8em; padding-left: 0.5em;}
/*#content #diag-questions #dispatch #selection-items li.selection-more img{position: relative; margin-top: 1.65em;}*/

/*diag homme*/
#content #diag-questions #DG_MENEXPERT_D5_Q1 #selection-items{background: #0B0B0B url(/img/common/diagnostic/visu-diag-men-step4.jpg) no-repeat right top;}

#content #diag-questions #DG_MENEXPERT_D6_Q1 #selection-items{background: #0B0B0B url(/img/common/diagnostic/visu-diag-men-step5.jpg) no-repeat right top;}

#content #diag-questions #DG_MENEXPERT_D3_Q1 #selection-items{background: #0B0B0B url(/img/common/diagnostic/visu-diag-men.jpg) no-repeat right top;}

#content #diag-questions #DG_MENEXPERT_D4_Q1 #selection-items{background: #0B0B0B url(/img/common/diagnostic/visu-diag-men-step3.jpg) no-repeat right top; height:152px}

#content #diag-questions #DG_MENEXPERT_D7_Q1 #selection-items {background: #0B0B0B url(/img/common/diagnostic/visu-diag-men-step6.jpg) no-repeat right top; height:152px}


#content #diag-questions #DG_MENEXPERT_D3_Q1 #selection-items li.selection-more, #content #diag-questions #DG_MENEXPERT_D4_Q1 #selection-items li.selection-more, #content #diag-questions #DG_MENEXPERT_D5_Q1 #selection-items li.selection-more, #content #diag-questions #DG_MENEXPERT_D6_Q1 #selection-items li.selection-more, #content #diag-questions #DG_MENEXPERT_D7_Q1 #selection-items li.selection-more {width: 18.1em; min-height: 5.1em; padding-left: 1.2em;}

#content #diag-questions #DG_MENEXPERT_D3_Q1 #selection-items li.selection-more span, #content #diag-questions #DG_MENEXPERT_D4_Q1 #selection-items li.selection-more span, #content #diag-questions #DG_MENEXPERT_D5_Q1 #selection-items li.selection-more span, #content #diag-questions #DG_MENEXPERT_D6_Q1 #selection-items li.selection-more span, #content #diag-questions #DG_MENEXPERT_D7_Q1 #selection-items li.selection-more span{width: 10.6em; padding-top:0.5em 0;}

#content #diag-questions #DG_MENEXPERT_D3_Q1 #selection-items li.selection-more span.precision, #content #diag-questions #DG_MENEXPERT_D4_Q1 #selection-items li.selection-more span.precision, #content #diag-questions #DG_MENEXPERT_D5_Q1 #selection-items li.selection-more span.precision, #content #diag-questions #DG_MENEXPERT_D6_Q1 #selection-items li.selection-more span.precision, #content #diag-questions #DG_MENEXPERT_D7_Q1 #selection-items li.selection-more span.precision{width: auto; display: inline; font-size: 0.7em; padding: 0;}


#content #diag-questions #DG_MENEXPERT_D3_Q1 #selection-items li.selection-more img, #content #diag-questions #DG_MENEXPERT_D4_Q1 #selection-items li.selection-more img, #content #diag-questions #DG_MENEXPERT_D5_Q1 #selection-items li.selection-more img, #content #diag-questions #DG_MENEXPERT_D6_Q1 #selection-items li.selection-more img, #content #diag-questions #DG_MENEXPERT_D7_Q1 #selection-items li.selection-more img{position: relative; top: 0; margin-top: 1.8em; margin-right: 0;}

/*dispatch langue*/
#content #dispatch-lang #selection-lang{float:left;}
#content #dispatch-lang img {float:left;}


#content #dispatch-lang #selection-lang li.selection-more{width: 15.9em; min-height: 4.8em; height: auto; padding-left: 0;background: url(/img/common/bg-content-toprange.gif) repeat-x left top}
#content #dispatch-lang #selection-lang li.selection-more a img {position: relative; margin-top: 0; margin-right: 0; float: none; display: block;}
#content #dispatch-lang #selection-lang li.selection-more span{width: 7.0em; text-transform: uppercase; padding-top: 0.7em; padding-left: 1.2em;}
#content #dispatch-lang #selection-lang li.selection-more img{position: relative; margin-top: 1.65em;}
#content #selection-lang.js li {cursor:pointer;}
#content #selection-lang li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#content #dispatch-lang #selection-lang li.selection-more span {
font-size:1.6em;
}
#content #selection-lang li.selection-more span {
float:left;
padding-bottom:0.3em;
padding-top:0.5em;
width:16.8em;
}

#header-dispatch{width: 100%;}
#header-dispatch #logo{float: left; margin-top: 1.2em;padding-left:95px}
#header-dispatch p{padding:20px 0pt 40px 15px;text-align:left;font-size:16px; line-height:24px; font-weight:bold}
#content #selection-items li.selection-more-color{background:#0B0B0B url(/img/common/bg-content-toprange-color.gif) repeat-x scroll left top;
min-height:4.9em;
padding-left:1.9em;
position:relative;}

#content #selection-items li.selection-more-color span {
float:left;
padding-top:0.5em;
width:16.8em;
}

#content #selection-items li.selection-more-color img {
margin-right:1.4em;
margin-top:-0.5em;
position:absolute;
right:0pt;
top:50%;
}

#content #selection-items li.selection-more-color a, #content #selection-items li.selection-more-color a:active,
 #content #selection-items li.selection-more-color a:visited,
 #content #selection-items li.selection-more-color a:hover {
color:#FFFFFF;
font-size:1.6em;
text-decoration:none;
}
#content #diag-questions .bottomrange-dispatch h2{font-size:16px; font-weight:bold;padding-top:0;}
#content #selection-items li.selection-rubs-color{
background:#0B0B0B url(/img/common/bg-content-toprange.gif) repeat-x scroll left top;
min-height:4.9em;
position:relative;
}

#content #diag-results #selection-items li.selection-rubs-color h2 {font-size:14px;padding-right:0; text-transform:uppercase}

#content #selection-items li p.legende{font-size: 11px; color: #3C4859; padding-right: 0.7em;}