body {
    background-color: #E7E0D2;
    background-position: 0 0;
    border: 0 none;
    font-family: verdana;
    margin: 0;
    outline: 0 none;
    padding: 0;
}
h1 {
    color: #5B5B5B;
    font-family: arial !important;
    font-size: 2.4em;
    font-weight: normal !important;
}
h2 {
    color: #5C5C5C;
    font-family: arial !important;
    font-size: 1.8em;
    font-weight: normal;
}
a {
    color: black;
    text-decoration: none;
}
select {
    font-size: 1em;
    line-height: 1em;
    vertical-align: middle;
}
div {
    font-family: Arial;
}
form {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none white;
}
input {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0;
    outline: 0 none;
    padding: 0 0 0 2px;
    vertical-align: middle;
}
select {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 1em;
    line-height: 1em;
    vertical-align: middle;
}
table {
    border: 0 none white;
    margin: 0;
    padding: 0;
}
td {
    font-family: Verdana,Helvetica,sans-serif;
}
ul {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
li {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
a.top {
    color: #738062;
}
a.underline:hover {
    text-decoration: none;
}
a.underhover:hover {
    text-decoration: underline;
}
.arial_13 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
}
.bg_white {
    background-color: white;
}
.black {
    color: black;
}
.big {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 2em;
}
.bold {
    font-weight: bold;
}
.bottom {
    vertical-align: bottom;
}
.center {
    text-align: center;
}
.error {
    color: #FE0303;
    text-transform: none;
}
.fleft {
    float: left !important;
}
.fright {
    float: right !important;
}
.fs_1_1 {
    font-size: 11px !important;
}
.fs_1_2 {
    font-size: 12px !important;
}
.fs_1_3 {
    font-size: 13px !important;
}
.fs_1_4 {
    font-size: 14px !important;
}
.fs_1_5 {
    font-size: 15px !important;
}
.fs_1_6 {
    font-size: 16px !important;
}
.green {
    color: #027051;
}
.green_apple {
    color: #7B8F38;
}
.grey {
    color: #463629;
}
.justify {
    text-align: justify;
}
.left {
    text-align: left !important;
}
.lh_1_7 {
    line-height: 19px !important;
    margin-top: -2px;
}
.middle {
    vertical-align: middle !important;
}
.mb_5 {
    margin-bottom: 5px !important;
}
.mb_10 {
    margin-bottom: 10px !important;
}
.mr_5 {
    margin-right: 5px;
}
.mt_10 {
    margin-top: 10px !important;
}
.mt_5 {
    margin-top: 5px !important;
}
.ml_10 {
    margin-left: 10px;
}
.mr_10 {
    margin-right: 10px;
}
.normal {
    font-weight: normal !important;
}
.noborder {
    border: 0 none white !important;
}
.nomarge {
    margin: 0 !important;
}
.nopadd {
    padding: 0 !important;
}
.padd_10 {
    padding: 10px;
}
.padd_15 {
    padding: 15px;
}
.promo {
    color: white;
    font-weight: bold;
    padding: 0 2px;
}
.ptop {
    border: 1px solid red !important;
    left: 5px;
    position: relative;
    top: 0;
}
.raye {
    color: #5B5B5B;
    text-decoration: line-through;
}
.right {
    text-align: right;
}
.rose {
    color: #B90E53;
}
.ohidden {
    overflow: hidden;
}
.transparence {
    opacity: 0.7;
    z-index: 1;
}
.underline {
    text-decoration: underline;
}
.uppercase {
    text-transform: uppercase !important;
}
.zero9 {
    font-size: 0.9em;
}
.zero8 {
    font-size: 0.75em;
}
.behavior {
}
.invisible {
    visibility: hidden !important;
}
.visible {
    visibility: visible !important;
}
.on {
    display: block;
}
.off {
    display: none;
}
.clear {
    clear: both;
    visibility: hidden;
}
.clearL {
    clear: left;
    visibility: hidden;
}
.clearR {
    clear: right;
    visibility: hidden;
}
#dim {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    z-index: 4000;
}
#main_flash_popin {
    border: 0 none;
    display: none;
    line-height: 0;
    position: absolute;
    top: 215px;
    z-index: 4000;
}
.bouton_box {
    display: block;
    line-height: 12px;
    margin-bottom: 5px;
}
.bouton2 {
    background-color: #717B64;
    color: white;
    padding: 0 3px;
}
.small {
    font-size: 9px;
}
div.ap_box {
    display: inline;
    float: right;
}
html > body div.ap_box {
    display: inline;
    float: right;
}
div.ajout {
    display: inline;
    line-height: 17px !important;
    padding-top: 5px;
}
div.aplink2 {
    float: left;
    height: 34px;
}
html > body div.aplink2 {
    margin-bottom: 0;
}
div.apnolink {
    float: left;
    height: 34px;
}
html > body div.apnolink {
    margin-bottom: -30px;
}
a.aplink {
    float: left;
    height: 34px;
    padding: 12px 0 0 28px;
}
html > body a.aplink {
    margin-bottom: -30px;
}
.ap_texte {
    background-color: #7B8F38;
    color: #FFFFFF;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    padding: 0 4px;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}
.ap_as {
    margin: -15px 0 0 10px !important;
    text-transform: none;
}
.ap_as a {
    color: #7B8F38;
    text-transform: none;
}
html > body .ap_as {
    clear: both;
    color: #7B8F38;
    height: 45px;
    margin: 30px 0 0 5px !important;
    text-transform: none;
}
#col_droite .ap_as a.underline {
    color: #7B8F38;
    text-transform: none;
}
#col_droite .ap_as a.underline:hover {
    color: #7B8F38;
    text-transform: none;
}
.borderred {
    border: 1px solid red;
}
.borderblue {
    border: 1px solid blue;
}
.myselect_box {
    margin-top: 0;
    position: absolute;
    width: 46px;
    z-index: 10;
}
html > body .myselect_box {
    width: 43px;
}
.myselect_content {
    background-color: white;
    border: 1px solid #7F9DB9;
    height: 16px;
    padding: 0 !important;
    vertical-align: middle;
}
.myselect_content input {
    background-color: white !important;
    border: 0 none #7F9DB9 !important;
    display: block;
    font-family: verdana;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
}
.myselect_box img {
    margin: 0 -2px 0 1px !important;
    vertical-align: top;
}
.myselect_box ul {
    border-top: 1px solid #7F9DB9;
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 44px;
}
html > body .myselect_box ul {
    width: 41px;
}
.myselect_box li {
    font-family: verdana;
    font-size: 10px;
    line-height: 1.2em;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.myselect_box a {
    background-color: white !important;
    display: block;
    height: 14px;
    padding-left: 3px;
    text-decoration: none;
}
.myselect_box .rollover {
    background-color: #316AC5 !important;
    text-decoration: none;
}
.myselect_box .rollover a {
    background-color: #316AC5 !important;
    color: white;
}
.myselect {
    display: none;
}
html > body .myselect {
    background-color: white !important;
    border: 1px solid #7F9DB9 !important;
    margin-left: -1px;
    width: 43px;
}
#shoplink {
    background-color: #808080;
    color: white;
    font-weight: bold;
    line-height: 1.5em;
    padding: 1px 2px;
    width: 191px;
}
#shoplink .bouton_box {
    padding: 0 !important;
    width: 191px !important;
}
#shoplink .bouton_box a {
    background-color: #DEDEDE;
    color: black !important;
    font-weight: normal !important;
    padding: 0 0 1px 1px !important;
}
#popin-produit {
    display: none;
    float: none;
    position: absolute;
    top: 130px;
    width: 99%;
    z-index: 9002;
}
#popin-produit #popinContent {
    background-color: #FFFFFF;
    display: block;
    float: none;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 785px;
}
img {
    border: medium none;
}
#PromoZone {
    background-color: #FFFFFF;
    background-image: url("https://qa1.yves-rocher.fr/images/catalogue/promo-bkg.gif");
    background-repeat: no-repeat;
    border: 1px solid #7B8F38;
    color: #696868;
    float: left;
    font-family: Arial;
    font-size: 11px;
    height: 450px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 785px;
}
#PromoZone #Picture {
    float: none;
    height: 440px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 415px;
    z-index: 9;
}
#PromoZone #PictureBorder {
    border-right: 1px solid #7B8F38;
    float: none;
    height: 450px;
    left: 0;
    position: absolute;
    top: 0;
    width: 424px;
    z-index: 10;
}
#PromoZone .btnClose {
    cursor: pointer;
    float: none;
    font-family: Verdana;
    font-size: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
}
#PromoZone .btnClose a {
    color: #000000;
    text-decoration: underline;
}
#PromoZone .btnClose a:hover {
    color: #000000;
    text-decoration: underline;
}
#PromoZone #Content {
    float: none;
    font-family: Arial;
    font-size: 11px;
    left: 445px;
    position: absolute;
    text-align: left;
    top: 20px;
    width: 335px;
}
#PromoZone #Content .pictos {
    float: left;
    height: 30px;
    position: relative;
    width: 100%;
}
#PromoZone #Content .H1 {
    color: #463629;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}
#PromoZone #Content .H2 {
    color: #463629;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-transform: uppercase;
}
#PromoZone #Content p {
    font-size: 12px;
    line-height: 16px;
    margin-top: 30px;
}
#PromoZone #Content .Proprietes {
    float: none;
    font-family: Arial;
    font-size: 11px;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: 315px;
}
#PromoZone #Content .Proprietes select {
    font-family: Arial;
    font-size: 10px;
    width: 145px;
}
#PromoZone #Content .Proprietes #PictoLarge {
    float: left;
    line-height: normal;
    margin-right: 10px;
    margin-top: 4px;
    position: relative;
}
#PromoZone #Content .Proprietes .PictoSmallOn {
    border: 1px solid #000000;
    float: left;
    height: 10px;
    line-height: normal;
    margin-right: 2px;
    margin-top: 4px;
    padding: 1px;
    position: relative;
}
#PromoZone #Content .Proprietes .PictoSmallOff {
    cursor: pointer;
    float: left;
    line-height: normal;
    margin-right: 2px;
    margin-top: 4px;
    padding: 2px;
    position: relative;
}
#PromoZone #Content #promo {
    color: white;
    float: none;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    left: 182px;
    line-height: 16px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    top: 265px;
}
#PromoZone #Content .Shopping {
    float: none;
    font-family: Arial;
    font-size: 11px;
    left: 182px;
    line-height: 16px;
    position: absolute;
    top: 315px;
}
#PromoZone #Content .Shopping span {
    font-size: 14px;
}
#PromoZone #Content .Shopping span.qty {
    font-size: 10px;
}
#PromoZone #Content .Shopping select {
    font-family: Arial;
    font-size: 10px;
}
#PromoZone #Content .Shopping .BtnAddBasket {
    background-image: url("https://qa1.yves-rocher.fr/images/catalogue/ajout_panier_gche.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 34px;
    position: relative;
    width: 158px;
}
#PromoZone #Content .Shopping .BtnAddBasket .Texte {
    background-color: #7B8F38;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    left: 28px;
    padding: 0 3px;
    position: absolute;
    text-transform: uppercase;
    top: 14px;
    width: 110px;
}
.stretcherContainer {
    border-top: 0 none;
    float: left;
    height: 180px;
    width: 325px;
}
.stretcherContent {
    color: #463629;
    font: 11px Arial;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 325px;
}
.stretchtoggle {
    cursor: pointer;
    display: block;
    width: 300px;
}
.stretchtoggle img {
    display: block;
}
.stretcher {
    left: 0;
    position: absolute;
}
.up {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 3;
}
.down {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 168px;
    z-index: 6;
}
.track {
    height: 100px;
    position: absolute;
    right: 0;
    top: 14px;
    z-index: 4;
}
.drag {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 5;
}
.contentMaskTab {
    clip: rect(10px, 300px, 170px, 0pt);
    height: 169px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 300px;
    z-index: 7;
}
.contentTab {
    color: #463629;
    font-family: Arial;
    font-size: 11px;
    left: 0;
    line-height: 16px;
    padding-top: 10px;
    position: absolute;
    width: 298px;
    z-index: 1;
}
#coloris_visu {
    height: 38px;
    margin: 8px 0;
    width: 148px;
}
#detail_popin, #detail_popin_rec {
    background-color: white;
    border: 1px solid #B8B1AB;
    color: #5C5C5C;
    display: none;
    font-size: 0.6em;
    left: 150px;
    line-height: 19px;
    padding-bottom: 10px;
    position: absolute;
    top: 50px;
    width: 320px;
    z-index: 5000;
}
#detail_popin a, #detail_popin_rec a {
    color: #5C5C5C;
}
.mydetail_popin {
    background-color: white;
    border: 1px solid #B8B1AB;
    color: #5C5C5C;
    display: none;
    font-size: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 150px;
    z-index: 10;
}
.mydetail_popin a {
    color: #5C5C5C;
}
.mydetail_popin .description {
    padding: 10px 10px 10px 0;
    width: 180px;
}
.mydetail_popin .illustration {
    padding-top: 10px;
    text-align: center;
}
.mydetail_popin .ap_box {
    margin-right: 0;
}
#login_popin {
    background-color: #E0D4BB;
    border: 1px solid #B8B1AB;
    color: #47372A;
    display: none;
    font-size: 0.6em;
    left: 150px;
    padding-bottom: 10px;
    position: absolute;
    top: 50px;
    width: 320px;
    z-index: 10;
}
#login_popin a {
    color: #5C5C5C;
}
#login_popin .confirmation {
    font-weight: bold;
    line-height: 20px;
    padding: 10px;
}
#detail_popin ul {
    margin: 0 0 10px;
    padding: 0 0 0 10px;
}
#detail_popin li {
    color: #7B8F38;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 0;
}
#detail_popin .bouton_box_cata {
    background-color: #7B8F38;
    color: #FFFFFF;
    padding: 2px 4px;
}
#detail_popin .bouton_box_cata .bouton {
    color: #FFFFFF;
}
#detail_popin .confirmation, #detail_popin_rec .confirmation {
    font-family: Arial;
    font-size: 11px;
    line-height: normal;
    padding: 10px;
    text-align: left;
}
.detail_top {
    background-color: #EEEDEB;
    line-height: 12px;
    padding: 3px 5px 5px 0;
    text-align: right;
    vertical-align: middle;
}
#detail_popin .description {
    font-family: Arial;
    font-size: 11px;
    padding: 10px 10px 10px 0;
    text-align: left;
    width: 180px;
}
#detail_popin .description span {
    color: #463629;
    text-transform: none;
}
#detail_popin .description select {
    font-family: Arial;
    font-size: 10px;
}
#detail_popin .description .couleur_gamme {
    font-family: Verdana;
    font-size: 12px;
}
#detail_popin .description .ap_box {
    color: #FFFFFF;
    float: left;
}
#detail_popin .description .ap_box span {
    color: #FFFFFF;
    float: left;
}
#detail_popin .illustration {
    padding-top: 10px;
    text-align: center;
}
#detail_popin .ap_box {
    margin-right: 0;
}
#echantillons a {
    border: 1px solid white;
}
html > body #echantillons a {
    display: block;
    height: 10px;
    width: 10px;
}
#echantillons td {
    border: 1px solid white;
    margin: 0;
    padding: 0;
    width: 12px;
}
html > body #echantillons td img {
    vertical-align: top;
}
#echantillons td.white {
    border: 1px solid white !important;
}
#echantillons td.grey {
    border: 1px solid #5B5B5B !important;
}
#gros_plan {
    float: left;
    height: 38px;
    margin-right: 10px;
    width: 38px;
}
#mediumImageInDetailPanel {
    float: left;
    height: 38px;
    margin-right: 10px;
    width: 38px;
}
.text_detail_2 {
    margin-right: 165px;
    padding: 20px 15px 10px 10px;
}
#detail_popin_shim {
    display: none;
    height: 280px;
    left: 150px;
    position: absolute;
    top: 50px;
    width: 320px;
    z-index: 5;
}
#load_cart {
    background-color: white;
    border: 1px solid #B8B1AB;
    color: #5C5C5C;
    font-size: 0.6em;
    left: 300px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 250px;
    width: 320px;
    z-index: 5000;
}
.new_green {
    color: #7B8F38;
    font-weight: bold;
}
h1, h2, h3 {
    font-family: Arial,Helvetica !important;
}
#content_si {
    padding-left: 1px;
}
#content_si #item-01 {
    font-size: 101% !important;
}
.HN {
    font-family: Helvetica,Verdana,Arial !important;
}
.green {
    color: #7B8F38 !important;
}
.couleur_gamme {
    color: #C48890 !important;
}
#navtop_3 {
    background-color: #B4A483;
}
li.nav3 {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/puce-li.gif") no-repeat scroll 0 3px transparent;
}
.bouton_box_cata {
    clear: both;
    float: left;
    font-size: 9px;
    margin-bottom: 0;
    margin-top: 5px;
    vertical-align: top;
}
#gd_cadre .bouton_box_cata_ {
    float: left;
    font-size: 9px;
    height: 13px;
    line-height: 12px;
    margin-bottom: 0;
    margin-top: 10px;
    vertical-align: top;
    width: 100%;
}
.addBasket {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/bg-addBasket.gif") repeat-x scroll 0 0 transparent;
    color: white !important;
    float: right;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
    padding-right: 3px;
    position: relative;
}
.addBasket img {
    vertical-align: middle;
}
.boutonActionVert {
    float: left;
}
.boutonActionVert span {
    background-color: #7B8F38;
    color: white !important;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 3px 0 !important;
    text-transform: none;
}
.boutonActionBleuGris {
    color: white !important;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
}
.boutonActionBleuGris span {
    background-color: #7B8F38;
    color: white !important;
    font-size: 11px;
    font-weight: normal;
    padding: 1px 3px 0 !important;
    text-transform: none;
    white-space: nowrap;
}
.w80 {
    position: relative;
    width: 80px;
}
.hauto {
    height: auto !important;
}
.promo {
}
.promoColor {
    color: #D50304;
}
.spacepromo {
    line-height: 2.4em;
}
.remarque {
    font-size: 0.8em;
}
.miseEnValeur {
    background-color: #7B8F38;
    color: white !important;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 3px 0 !important;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 5px;
}
#ficheDetails .miseEnValeur {
    background-color: #7B8F38;
    color: white !important;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 3px 0 !important;
    position: absolute;
    right: 0;
    text-transform: none;
    top: -15px;
}
.miseEnValeur img {
    float: left;
}
.separator {
    height: 1px;
    line-height: 1px;
    margin-bottom: 12px;
}
.call {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/telephone-bv.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 26px;
    padding: 0 0 0 27px !important;
    text-decoration: none !important;
}
.call span {
    background-color: #717B64;
    color: white;
    display: block;
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
    padding: 1px 3px;
    text-transform: uppercase;
}
.call span strong {
    color: #7DD6B8;
}
#left_column .call span {
    font-size: 7px !important;
}
#SI_cdf {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bg-cdf.png") repeat scroll 0 0 transparent;
    margin-bottom: 3px;
    width: 744px;
}
#SI_cdf #chemin {
    width: 729px;
}
#SI_cdf #chemin a {
    color: black;
}
#SI_cdf #welcome {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bg-cdf-2.gif") no-repeat scroll 0 0 transparent;
    color: #47372A;
    font-size: 0.8em;
    font-weight: bold;
    height: 114px;
    padding: 0 27px 0 25px;
    text-transform: uppercase;
}
#SI_cdf #welcome .titleBox {
    padding: 23px 0 0 13px;
}
#SI_cdf #welcome .opaWhite70 {
    background: url("https://qa1.yves-rocher.fr/images/general/white-opa70.png") repeat scroll 0 0 transparent;
}
#SI_cdf #welcome .bottomWhiteOpa70 {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bottom-whiteOpa70.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    width: 692px;
}
#SI_cdf h1 {
    color: #47372A;
    font-size: 1.9em;
    line-height: 1.1em;
}
#podiumContent_1 {
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
}
#podiumContent_1 h1 {
    line-height: 1em;
    margin: 0 0 5px;
}
#podiumContent_1 .text {
    color: #5B5B5B;
    font-size: 0.7em;
    padding: 15px 12px 0 0;
}
#podiumContent_1 .bordTopRight {
    float: right;
    margin-right: 3px;
}
#podiumContent_2 {
    padding-left: 10px;
}
.cadre_250 {
    border: 1px solid #C1BBB5;
    color: #5B5B5B;
    float: left;
    font-size: 0.55em;
    height: 210px;
    margin: 0 10px 10px 0;
    padding: 5px 0 0 6px;
    position: relative;
    width: 244px;
}
.cadre_250 h2 {
    color: #A9A39B;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
}
.cadre_250 .illu {
    left: 6px;
    position: absolute;
    top: 35px;
}
.cadre_250 .description {
    height: 125px;
    margin-left: 83px;
    padding-bottom: 6px;
}
.cadre_250 .new {
    left: 6px;
    position: absolute;
    top: 130px;
}
.SI_titreBloc {
    font-size: 1em;
    padding: 9px 0;
}
h2.SI_titreBloc {
}
.partLeft {
    color: #788C86;
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding-left: 5px;
    position: relative;
    text-align: left;
    width: 275px;
}
.partLeft h3 {
}
.partLeft .addressBlock {
    float: left;
    position: relative;
    width: 163px;
}
.partLeft .adresse {
    border: 1px solid #C4C9C8;
    color: #463629;
    font-size: 11px;
    height: 100px;
    line-height: 11px;
    padding: 5px;
    position: relative;
    text-align: left;
    z-index: 2;
}
.partLeft .adresse strong {
    font-size: 12px;
    line-height: 1em;
}
.partLeft .planBlock {
    float: right;
    overflow: hidden;
    position: relative;
    width: 105px;
    z-index: 2;
}
.partLeft .plan {
    border: 1px solid #C4C9C8;
    height: 100px;
    overflow: hidden;
    padding: 8px 7px 2px;
    position: relative;
    z-index: 2;
}
.partLeft #zoomPlan {
    padding: 0 0 5px;
}
.partLeft .horaireBlock {
    border: 1px solid #C4C9C8;
    color: #463629;
    font-size: 11px;
    margin-bottom: 8px;
    padding: 5px;
    position: relative;
    text-align: left;
    z-index: 2;
}
.partLeft .horaireBlock .horaires th {
    text-align: left;
    width: 65px;
}
.partLeft .horaireBlock .horaires .matin {
    width: 92px;
}
.partLeft .horaireBlock .horaires .apresmidi {
    width: 80px;
}
.partLeft .horaireJour {
    float: left;
    width: 60px;
}
.arrondi-bd-dt {
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 4;
}
.arrondi-bd-dt-b {
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 4;
}
.partRight {
    color: #46362A;
    float: right;
    font-size: 12px;
    margin-right: 9px;
    position: relative;
    text-align: left;
    width: 248px;
}
.partRight .rightCont {
    font-size: 0.9em;
    margin: 10px 0 0;
    min-height: 98px;
    overflow: hidden;
    position: relative;
}
.partRight .rightCont h3 {
    margin-bottom: 10px;
}
.partRight .rightCont img.illu {
    left: 0;
    position: absolute;
    top: 23px;
}
.partRight .rightCont .text {
    color: #46362A;
    font-family: Arial;
    font-size: 11px;
    margin-left: 159px;
    text-align: left;
}
.partRight #rightFirst {
    min-height: 285px;
    overflow: hidden;
}
.partLeft h3, .partRight h3 {
    color: #7B8F38;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    text-align: left;
    text-transform: uppercase;
}
.partLeft h3 img, .partRight h3 img {
    vertical-align: top;
}
.productPresentation {
    color: #5B5B5B;
    font-size: 0.6em;
    height: auto;
    overflow: hidden;
    padding: 15px 15px 15px 130px;
    position: relative;
    width: 395px;
}
.productPresentation .photoProduc {
    left: 15px;
    position: absolute;
    top: 15px;
}
.productPresentation .presentation {
    float: left;
    position: relative;
}
.productPresentation .aligneur, .nationale .presentation {
    color: #463629;
    font-size: 11px;
    min-height: 75px;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
}
#productPresentation strong {
    font-size: 12px;
}
.productPresentation .prix {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 2px;
}
.productPresentation .new {
    font-size: 0.9em;
    left: 285px;
    position: absolute;
}
.productPresentation .seePrice {
    left: 285px;
    position: absolute;
    top: 85px;
    width: 190px;
}
.productPresentation .aligneur .bouton_box_cata, .nationale .presentation .bouton_box_cata {
    bottom: 0;
    left: 0;
    position: absolute;
}
a.pres {
    color: #A39B94;
    font-family: Verdana;
    font-size: 10px;
}
.dashedTop {
    border-top: 1px solid #E0E4E3;
}
.listService {
    height: auto !important;
    overflow: hidden;
}
#listHeader {
    height: 154px;
    overflow: hidden;
    position: relative;
    width: 540px;
}
#listHeader .titleBox {
    height: 75px;
    margin-bottom: 15px;
    padding-left: 165px;
    position: relative;
}
#listHeader .titleBox #hc-hbottom {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bottom-hc-liste-services.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 335px;
    z-index: 4;
}
#listHeader .titleBox img.hc-illu {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}
#listHeader h1, #listHeader h2 {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bg-hc-liste-services.png") repeat scroll 0 0 transparent;
    color: #7B8F38;
    font-family: verdana,Arial !important;
    font-size: 1em;
    font-weight: normal !important;
    padding: 13px 15px 2px 13px;
    position: relative;
    text-transform: uppercase;
    width: 305px;
    z-index: 4;
}
#listHeader .subtitle {
    font-family: verdana,Arial !important;
    padding: 0 10px 5px 15px;
    text-align: left;
}
#listHeader strong.applegreen {
    color: #7B8F38;
    font-size: 1em;
}
.listService .boutonAction {
    float: left;
}
.listService .boutonAction span {
    background-color: #7B8F38;
    color: white !important;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 3px 2px !important;
    text-transform: none;
}
.servicePresentation {
    color: #46362A;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
    line-height: 1.3em;
    margin-left: 14px;
    min-height: 100px;
    overflow: hidden;
    padding: 10px 7px 10px 165px;
    position: relative;
    text-align: left;
    width: 343px;
}
.servicePresentation .illu {
    left: 7px;
    position: absolute;
    top: 10px;
}
.servicePresentation h2, .servicePresentation h3 {
    color: #7B8F38;
    font-size: 1.3em;
    font-weight: bold;
}
.servicePresentation p {
    margin-bottom: 30px;
}
#ficheDetails {
    font-size: 0.6em;
    padding: 10px 0 10px 15px;
    position: relative;
}
#ficheDetails .photoProduct {
    left: 15px;
    position: absolute;
    top: 0;
}
#ficheDetails .new {
    font-size: 0.9em;
}
#ficheDetails #description {
    color: #46362A;
    float: right;
    font-size: 11px;
    margin-right: 4px;
    position: relative;
    text-align: left;
    width: 340px;
}
#ficheDetails #description h2 {
    font-family: Verdana,Arial,Helvetica !important;
}
#ficheDetails h3 {
    color: #463629;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
}
#ficheDetails .ref {
    background-color: #F6F6F5;
    margin: 15px 2px 0 0;
    padding: 12px 10px;
}
#ficheDetails .refhauteurfixe {
    height: 30px;
    margin: 15px 2px 0 0;
    padding: 12px 10px;
}
#ficheDetails .prix {
    font-size: 1.2em;
    font-weight: bold;
}
#ficheDetails #leftCol {
    margin-top: 260px;
    position: relative;
    width: 180px;
}
.zoomProduit {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/loupe.gif") no-repeat scroll 0 0 transparent;
    color: #5B5B5B;
    display: block;
    font-size: 10px;
    height: 21px;
    line-height: 15px;
    padding-left: 21px;
    text-transform: uppercase;
}
#ficheDetails #leftPushContainer {
    border: 1px solid #E0E4E3;
    padding: 12px 8px 12px 9px;
    position: relative;
}
#ficheDetails #leftPushContainer .pushBox {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}
#ficheDetails #leftPushContainer .pushBox .photoProduct {
    left: 0;
    position: absolute;
    top: 1px;
}
#ficheDetails #leftPushContainer .pushBox .bold {
    font-size: 10px;
}
#ficheDetails #leftPushContainer .pushBox .prix {
    font-size: 12px;
    font-weight: bold;
}
#ficheDetails .lienVideo {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bouton-vlv.gif") no-repeat scroll 0 0 transparent;
    color: #5B5B5B;
    display: block;
    font-size: 10px;
    height: 21px;
    line-height: 15px;
    padding-left: 21px;
    text-transform: uppercase;
}
.bouton-rdz-vs {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bg-bouton-rdz-vs.png") no-repeat scroll 0 0 transparent;
}
#popin_si {
    background: url("https://qa1.yves-rocher.fr/images/general/black-opa20.png") repeat scroll 0 0 transparent;
    display: none;
    height: 1400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30;
}
#popin_si .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#storeLocator {
    background-color: white;
    border: 1px solid #7B8F38;
    font-size: 11px;
    left: 50%;
    margin-left: -386px;
    overflow: hidden;
    padding: 14px 14px 30px;
    position: absolute;
    text-align: left;
    top: 178px;
    width: 746px;
    z-index: 32;
}
#storeLocator .chemin {
    color: #7B8F38;
    font-weight: normal;
}
#storeLocator .chemin a {
    color: #7B8F38;
    font-weight: normal;
    text-decoration: underline;
}
#storeLocator h1 {
    color: #7B8F38;
    font-size: 18px;
    font-weight: normal;
    position: relative;
}
#storeLocator p.green {
    border-bottom: 1px solid #C4C9C8;
    color: #463629 !important;
    font-size: 12px !important;
    padding-bottom: 10px;
}
#storeLocator h2 {
    background-color: white;
    color: #7B8F38;
    font-size: 1em;
    font-weight: bold;
    height: 2em;
    line-height: 2em;
    margin-bottom: 5px;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
}
#storeLocator h2 span.puced {
    position: relative;
}
#storeLocator #formzone {
    color: #463629;
    float: left;
    line-height: 1.6em;
    position: relative;
    width: 285px;
}
#storeLocator input, #storeLocator select {
    border: 1px solid #7B8F38;
    color: #463629;
    font-size: 11px;
    margin-bottom: 5px;
    position: relative;
}
#storeLocator select {
    margin: 0;
    width: auto;
}
#storeLocator option {
    padding-right: 5px;
}
#storeLocator .radio {
    border-width: 0;
    vertical-align: top;
    width: auto;
}
#storeLocator label {
    font-size: 0.9em;
    font-weight: bold;
}
#storeLocator #mapzone {
    float: right;
    width: 444px;
}
#storeLocator #resultsearch {
    height: 375px;
    overflow: auto;
}
#storeLocator .greenDiv {
    background: none repeat scroll 0 0 #E7E0D2;
    color: #463629;
    position: relative;
    width: 284px;
}
#storeLocator #resultsearch a {
    color: #5B5B5B;
    display: block;
    line-height: 1.2em;
    margin-bottom: 5px;
}
#storeLocator #resultsearch .fs_1_1 {
    padding: 5px;
}
#storeLocator #bordGcheBas {
    left: 0;
    position: absolute;
    top: 367px;
    z-index: 31;
}
#storeLocator #resultsearch a:hover {
    text-decoration: underline;
}
#storeLocator #resultsearch .greenDiv {
    margin-bottom: 7px;
    padding-top: 5px;
}
#storeLocator #resultsearch .greenDiv .text {
    line-height: 1.3em;
    padding: 0 10px 12px;
}
#storeLocator #resultsearch .greenDiv .adresse {
    height: 105px;
}
#storeLocator #resultsearch .greenDiv .horaires {
    margin: 8px 10px !important;
}
#storeLocator #resultsearch .greenDiv .horaires th {
    text-align: left;
    width: 80px;
}
#storeLocator #resultsearch .greenDiv .horaires .matin {
    width: 95px;
}
#storeLocator #resultsearch .greenDiv .horaires .apresmidi {
    width: 80px;
}
#soinsVideo {
    background-color: white;
    font-size: 11px;
    height: 378px;
    left: 50%;
    margin-left: -392px;
    overflow: hidden;
    position: absolute;
    top: 178px;
    width: 784px;
    z-index: 31;
}
#soinsVideo .close img {
    vertical-align: bottom;
}
#soinsVideo h1, #albumPhoto h1, #photos h1 {
    color: #7B8F38;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 15px 0 0 10px;
    text-align: left;
    text-transform: uppercase;
}
#svContent {
    color: #5B5B5B;
    height: 330px;
    position: relative;
    text-align: left;
}
#svContent ul {
    height: 318px;
    left: 15px;
    overflow: auto;
    position: absolute;
    top: 15px;
    width: 235px;
}
#svContent li {
    height: 82px;
    margin-bottom: 12px;
    padding: 6px 6px 6px 92px;
    position: relative;
    width: 120px;
}
#svContent li.selected {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bg-li-video.jpg") no-repeat scroll 0 0 transparent;
}
#svContent li h2 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.1em;
    text-transform: uppercase;
}
#svContent li img {
    left: 6px;
    position: absolute;
    top: 6px;
}
#svContent li a {
    background: url("https://qa1.yves-rocher.fr/images/catalogue/cata-9/bouton-vlv.gif") no-repeat scroll 0 0 transparent;
    color: #5B5B5B;
    display: block;
    font-size: 10px;
    height: 21px;
    line-height: 15px;
    margin-top: 10px;
    padding-left: 21px;
    position: relative;
    text-transform: uppercase;
    width: 99px;
}
#svContent #videoContainer {
    height: 318px;
    left: 250px;
    position: absolute;
    top: 15px;
    width: 508px;
}
#apContent {
    padding: 15px;
    position: relative;
    text-align: center;
}
#selectorCache {
    height: 90px;
    left: 36px;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 412px;
}
#photos {
    background-color: white;
    font-size: 0.6em;
    height: 460px;
    left: 50%;
    margin-left: -258px;
    overflow: hidden;
    position: absolute;
    top: 178px;
    width: 515px;
    z-index: 2000;
}
#photos.show {
    display: block;
}
#visuel {
    height: 292px;
    overflow: hidden;
    position: relative;
    width: 485px;
}
#visuel img {
    display: block;
}
#vignettes {
    height: 90px;
    margin-top: 10px;
    position: relative;
    width: 485px;
}
#vignettes #listeVignettes {
    left: 0;
    position: absolute;
    top: 0;
    width: 5000px;
}
#vignettes li {
    display: inline;
    height: 61px;
    list-style-type: none;
    width: 61px;
}
#vignettes li a {
    border: 1px solid #9B9B9A;
    float: left;
    height: 53px;
    margin-right: 9px;
    overflow: hidden;
    padding: 3px;
    width: 53px;
}
#vignettes li a:hover {
    border: 1px solid #48DEB3;
}
#vignettes li a.hover {
    border: 1px solid #48DEB3;
}
#vignettes a.navPhoto {
    background-color: #88DCC4;
    height: 61px;
    position: absolute;
    top: 0;
}
#vignettes #prev, #vignettes #next {
    background-color: #88DCC4;
    display: none;
    height: 61px;
    position: absolute;
    top: 0;
}
#vignettes #prev {
    left: 0;
}
#vignettes #next {
    right: 0;
}
#vignettes #prev.show, #vignettes #next.show {
    display: block;
}
#videoPopin {
    background-color: white;
    font-size: 11px;
    height: 378px;
    left: 50%;
    margin-left: -392px;
    overflow: hidden;
    position: absolute;
    top: 178px;
    width: 784px;
    z-index: 2000;
}
#videoPopin h1 {
    color: #7B8F38;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 15px 0 0 10px;
    text-align: left;
    text-transform: uppercase;
}
#videoPopin .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#zoomPopin {
    background-color: white;
    font-size: 11px;
    height: 520px;
    left: 50%;
    margin-left: -220px;
    overflow: hidden;
    position: absolute;
    top: 245px;
    width: 445px;
    z-index: 2000;
}
#zoomPopin h1 {
    color: #7B8F38;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 15px 0 0 10px;
    text-align: left;
    text-transform: uppercase;
}
#zoomPopin .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#zoomPopin .close img {
    vertical-align: bottom;
}
#photos .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#photos .close img {
    vertical-align: bottom;
}
#storeLocator .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#storeLocator .close img {
    vertical-align: bottom;
}
#beautyCenterZoomPopin {
    background-color: white;
    font-size: 11px;
    height: 492px;
    left: 50%;
    margin-left: -231px;
    overflow: hidden;
    position: absolute;
    top: 245px;
    width: 463px;
    z-index: 2000;
}
#beautyCenterZoomPopin h1 {
    color: #7B8F38;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 15px 0 0 10px;
    text-align: left;
    text-transform: uppercase;
}
#beautyCenterZoomPopin .close {
    height: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
}
#beautyCenterZoomPopin .close img {
    vertical-align: bottom;
}
#beautyCenterZoomPopinContent {
    margin: 10px;
}
.seePrice .bouton_box_cata {
    margin-top: 7px;
}
.seePrice .bouton_box_cata a {
    color: #A39B94;
    text-transform: uppercase;
}
* html .separator {
    margin-bottom: 0;
}
* html .partLeft .adresse {
    height: 82px;
}
* html .partLeft .plan {
    height: 92px;
}
* html .arrondi-bd-dt {
    right: 0;
    top: 0;
}
* html .arrondi-bd-dt-b {
    right: -1px;
}
* html .partRight {
    margin-right: 5px;
}
* html .partRight #rightFirst {
    height: 285px;
}
* html .productPresentation {
}
* html .productPresentation .aligneur, * html .nationale .presentation {
    height: 75px;
}
* html #listHeader .titleBox #hc-hbottom {
    background: none repeat scroll 0 0 transparent;
}
* html #listHeader h1, * html #listHeader h2 {
    background: none repeat scroll 0 0 transparent;
}
* html #SI_cdf {
    background: none repeat scroll 0 0 transparent;
}
* html #SI_cdf #welcome .opaWhite70 {
    background: none repeat scroll 0 0 transparent;
}
* html #SI_cdf #welcome .bottomWhiteOpa70 {
    background: none repeat scroll 0 0 transparent;
}
* html .servicePresentation {
    height: 100px;
}
* html #ficheDetails .photoProduct {
    left: 0;
}
* html #ficheDetails #description {
    margin-right: 3px;
    width: 338px;
}
* html #ficheDetails .ref {
    margin-right: 0;
}
* html #ficheDetails #leftPushContainer .pushBox .text {
    height: 85px;
}
* html .bouton-rdz-vs {
    background: none repeat scroll 0 0 transparent;
}
* html #popin_si {
    background: none repeat scroll 0 0 transparent;
}
* html #bgpopin {
    height: 1400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 31;
}
* html .partRight .rightCont {
    height: 98px;
}
#header #change-lang {
    color: #006B48;
    display: block;
    font: bold 0.6875em Arial,Verdana,sans-serif;
    left: 0;
    position: absolute;
    text-align: center;
    top: 120px;
    width: 80px;
}
#container {
    margin: 0 auto;
    position: relative;
    width: 958px;
}
#header #top {
    height: 30px;
    position: relative;
    z-index: 9000;
}
#header a {
    text-decoration: underline;
}
#header #top .png {
    left: 0;
    position: absolute;
    top: 10px;
}
#header #top #tools {
    float: right;
    font-size: 10px;
    height: 25px;
    padding-left: 15px;
    position: relative;
    width: 500px;
}
#header #top #tools * {
    list-style-type: none;
}
#header #top #tools img {
    left: 0;
    position: absolute;
    top: 5px;
}
#header #top #tools a {
    background: url("https://qa1.yves-rocher.fr/images/nav/border-right01.gif") no-repeat scroll right top transparent;
    color: #788C86;
    font-weight: bold;
    line-height: 35px;
    margin-right: 4px;
    padding-right: 8px;
}
#header #top #tools a.help {
    background: none repeat scroll 0 0 transparent;
    color: #788C86;
    font-weight: normal;
    line-height: 35px;
    padding-right: 4px;
    text-decoration: none;
}
#header #top #tools a.help:hover {
    text-decoration: underline;
}
#header #top #tools ul#nos-site {
    background: url("https://qa1.yves-rocher.fr/images/feuille.gif") no-repeat scroll 150px 15px transparent;
    padding: 20px;
    position: absolute;
    right: 3px;
    top: -10px;
    width: 158px;
}
#header #top #tools ul#nos-site li a {
    background: url("https://qa1.yves-rocher.fr/images/arrow-bottom.gif") no-repeat scroll right top #FFFFFF;
    border: 1px solid #788C86;
    display: block;
    padding: 2px 0 3px 5px;
}
#header #top #tools ul#nos-site li, #header #top #tools ul#nos-site li a {
}
#header #top #tools ul#nos-site a {
    background: none repeat scroll 0 0 transparent;
    color: #788C86;
    font-weight: normal;
    line-height: 10px;
    padding-right: 4px;
    text-decoration: none;
}
#header #top #tools ul#nos-site li ul {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 4px;
}
#header #top #tools ul#nos-site li ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color -moz-use-text-color #DDDDDD;
    border-style: none none dashed;
    border-width: 0 0 1px;
    padding: 4px 0 4px 5px;
}
#header #top #tools ul#nos-site li ul li a:hover {
    text-decoration: underline;
}
#header ul#navigation {
    list-style-type: none;
    margin-top: 15px;
}
#header ul#navigation {
}
#header ul#navigation:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#header ul#navigation li {
    float: left;
    width: 86px;
}
#header ul#navigation li.logo {
    margin-right: 17px;
    overflow: visible;
    position: relative;
    top: -10px;
    width: auto;
}
#header ul#navigation li.rub-on {
    left: -3px;
    position: relative;
    top: -3px;
}
#header #both {
    height: 51px;
    margin-top: 8px;
    position: relative;
    z-index: 1;
}
#header #both img.png {
    left: 0;
    position: absolute;
    top: 0;
}
#header #both #both-nav {
    height: 51px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#header #both #both-nav div {
    float: left;
    height: 29px;
    margin-top: 12px;
}
#header #both #both-nav div p {
    color: #669933;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 5px 12px;
}
#header #both #both-nav div p a {
    color: #669933;
    font-weight: normal;
}
#header #both #both-nav div.box-01 {
    width: 311px;
}
#header #both #both-nav div.box-02 {
    border-left: 1px solid #A1B38B;
    border-right: 1px solid #A1B38B;
    font-size: 10px;
    width: 335px;
}
#header #both #both-nav div.box-02 ul {
    float: left;
    list-style-type: none;
    margin-left: 19px;
}
* html #header #both #both-nav div.box-02 ul {
    margin-left: 10px;
}
#header #both #both-nav div.box-02 ul li {
    margin-bottom: 5px;
}
#header #both #both-nav div.box-03 {
    width: 308px;
}
#header #both #both-nav div.box-03 form {
    color: #86986C;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 5px;
}
#header #both #both-nav div.box-03 form label {
    margin-right: 6px;
    vertical-align: middle;
}
#header #both #both-nav div.box-03 form input#search {
    border: 1px solid #A1B38B;
    color: #95A67E;
    font-size: 9px;
    font-weight: normal;
    height: 14px;
    padding-left: 5px;
    padding-top: 1px;
    width: 166px;
}
#header #both #both-nav div.box-03 form img {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 1em;
    margin: 0 0 0 2px;
    outline: 0 none;
    padding: 0 0 0 2px;
    vertical-align: middle;
}
#item-01 {
    float: left;
    padding-bottom: 20px;
    padding-right: 1px;
    width: 748px;
}
#item-02 #services {
    padding: 11px 0 10px;
    position: relative;
}
* html #item-02 #services {
    padding: 11px 0 0;
    position: relative;
}
#item-02 #services #services-01 {
    height: 11px;
    left: 0;
    position: absolute;
    top: 0;
    width: 199px;
}
#item-02 #services #services-02 {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/bgtoscale.png") repeat-y scroll left top transparent;
    margin-left: 0;
    width: 199px;
}
#item-02 #services #services-02 .first {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/bgservice010021.gif") repeat-x scroll left top #FFFFFF;
    margin: 0 auto;
    width: 195px;
}
#item-02 #services #services-02 .first div {
    margin: 0 auto;
    padding: 9px 0;
    position: relative;
    width: 186px;
}
#item-02 #services #services-02 .first div.offre-courrier {
    border-bottom: 1px solid #A9BD90;
    clear: both;
    overflow: hidden;
    padding-top: 0;
    position: relative;
}
#item-02 #services #services-02 .first div.offre-courrier a {
    float: left;
    margin-top: 8px;
}
#item-02 #services #services-02 .first div.offre-courrier form {
    float: right;
    width: 105px;
}
#item-02 #services #services-02 .first div.offre-courrier form {
}
#item-02 #services #services-02 .first div.offre-courrier form span {
    color: #788C86;
    display: block;
    font-size: 11px;
    margin-top: 7px;
}
* html #item-02 #services #services-02 .first div.offre-courrier form span {
    padding-left: 0;
}
#item-02 #services #services-02 .first div.offre-courrier form input#code-promo {
    border: 1px solid #A4B48F;
    color: #95A67E;
    font-size: 9px;
    height: 14px;
    margin-top: 5px;
    padding: 1px 0 0 3px;
    width: 78px;
}
#item-02 #services #services-02 .first div.offre-courrier form img {
    padding-left: 3px;
    vertical-align: bottom;
}
#item-02 #services #services-02 .first div.offre-courrier form a.offreCourrierSubmit {
    float: none;
}
* html #item-02 #services #services-02 .first div.offre-courrier form img {
    bottom: 18px;
}
* + html #item-02 #services #services-02 .first div.offre-courrier form img {
    bottom: 18px;
}
#item-02 #services #services-02 .first div.trouvez-centre {
    border-bottom: 1px solid #A9BD90;
    line-height: 1.4em;
    overflow: hidden;
}
#item-02 #services #services-02 .first div.trouvez-centre .map {
    float: left;
    margin: 0 9px 5px 0;
}
#item-02 #services #services-02 .first div.trouvez-centre .map2 {
    position: absolute;
    right: 0;
    top: 7px;
}
#item-02 #services #services-02 .first div.trouvez-centre h2 {
    font-size: 1em;
    margin: 0;
    padding: 0 0 2px;
}
#item-02 #services #services-02 .first div.trouvez-centre .nomCentre {
    color: #5C5A5B;
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 10px;
    padding: 0;
}
#item-02 #services #services-02 .first div.trouvez-centre a {
    display: block;
    height: 1.2em;
    margin-top: 2px;
}
* html #item-02 #services #services-02 .first div.trouvez-centre a {
    height: 1em;
    margin-top: 6px;
}
#content_bottom {
    margin: 0 !important;
    overflow: hidden;
    width: 1px;
}
.greenLink {
    color: #558E0D;
}
.greenLink:hover {
    text-decoration: underline;
}
#moncompte .boutonActionVertGris {
    float: left;
}
#moncompte .boutonActionVertGris span {
    background-color: #7B8F38;
    color: white !important;
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 3px 2px !important;
    text-transform: none;
}
#moncompte {
    padding: 0 14px 0 15px;
    width: 514px;
}
#moncompte h1.bandeau {
    margin: 0 0 15px -15px;
}
#moncompte h2 {
    color: #463629;
    font-size: 2.5em;
    margin-bottom: 15px;
}
* html #item-02 #services #services-02 .first div.trouvez-centre {
}
#item-02 #services #services-02 .first div.newsletter {
    border-bottom: 1px solid #A9BD90;
}
#item-02 #services #services-02 .first div.newsletter form {
    position: relative;
}
#item-02 #services #services-02 .first .newsletter label img, #item-02 #services #services-02 .first .votre-avis img {
    display: block;
}
#item-02 #services #services-02 .first div.newsletter form input#email {
    border: 1px solid #A4B48F;
    color: #95A67E;
    font-size: 9px;
    height: 14px;
    margin-top: 10px;
    padding: 1px 0 0 3px;
    width: 148px;
}
#item-02 #services #services-02 .first div.newsletter form .button {
    bottom: 0;
    left: 156px;
    position: absolute;
}
#item-02 #services #services-02 .first div.newsletter form {
}
#item-02 #services #services-03 {
    bottom: 0;
    height: 10px;
    left: 0;
    position: absolute;
    width: 199px;
}
* html #item-02 #services #services-03 {
    margin-top: -15px;
    position: relative;
}
* html #item-02 #panier {
    margin-top: 0;
}
#item-02 #panier a {
    text-decoration: underline;
}
#item-02 #panier #products {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/bgtoscale.png") repeat-y scroll left top transparent;
    height: 73px;
    padding-left: 20px;
}
#item-02 #panier #products .product_box {
    float: left;
    font-size: 10px;
    height: 62px;
    margin-right: 1px;
    padding-top: 7px;
    width: 50px;
}
#item-02 #panier #products .product_box span {
    border: 1px solid #B4ABA4;
    display: block;
    height: 48px;
    width: 48px;
}
#item-02 #panier #products .product_box a {
    color: #B4ABA4;
    font-size: 9px;
}
#item-02 #panier .accroche {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    color: #6CA423;
    font-size: 10px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    position: absolute;
    text-align: center;
    top: 28px;
    width: 179px;
}
#item-02 #panier .detail {
    margin-bottom: 0;
    margin-left: 11px;
    margin-top: 0;
    position: absolute;
    top: 10px;
}
#item-02 #panier .nbre-ref, #item-02 #panier .prix {
    color: #5B5B5B;
    font-size: 10px;
    font-weight: bold;
}
#item-02 #panier .nbre-ref {
    float: left;
}
#item-02 #panier .prix {
    float: right;
    margin-right: 12px;
}
* html #item-02 #panier .prix {
    margin-right: 24px;
}
* + html #item-02 #panier .prix {
    margin-right: 24px;
}
#item-02 #panier .voir-panier {
    bottom: 25px;
    left: 12px;
    position: relative;
}
#item-02 #mon-espace {
    margin-top: 3px;
    padding: 30px 0 9px;
    position: relative;
    width: 199px;
}
#item-02 #mon-espace #mon-espace-01 {
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 199px;
}
#item-02 #mon-espace #mon-espace-02 {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/bgtoscale.png") repeat-y scroll left top transparent;
    margin-left: 0;
    width: 199px;
}
#item-02 #mon-espace #mon-espace-02 div.first ul {
    list-style-type: none;
    margin-left: 10px;
    width: 175px;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li {
    margin-bottom: 3px;
    opacity: 0.8;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.first {
    background: url("https://qa1.yves-rocher.fr/rsc/images/navdroite/espace-perso/first.gif") no-repeat scroll 0 0 transparent;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.first:hover {
    background: url("https://qa1.yves-rocher.fr/rsc/images/navdroite/espace-perso/first2.gif") no-repeat scroll 0 0 transparent;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.last {
    background: url("https://qa1.yves-rocher.fr/rsc/images/navdroite/espace-perso/last.gif") no-repeat scroll 0 100% transparent;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.last:hover {
    background: url("https://qa1.yves-rocher.fr/rsc/images/navdroite/espace-perso/last2.gif") no-repeat scroll 0 100% transparent;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li a {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/espace-perso/arrow-green.gif") no-repeat scroll 9px 0 #FFFFFF;
    color: #5E6E69;
    display: block;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 0 1px 17px;
    text-decoration: none;
}
* html #item-02 #mon-espace #mon-espace-02 div.first ul li {
    float: left;
}
#item-02 #mon-espace #mon-espace-02 div.first ul, #item-02 #mon-espace #mon-espace-02 div.first ul li a {
}
#item-02 #mon-espace #mon-espace-02 div.first ul li a:hover {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/espace-perso/arrow-white.gif") no-repeat scroll 9px 0 #7CA953;
    color: #FFFFFF;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.first a, #item-02 #mon-espace #mon-espace-02 div.first ul li.last a {
    background: url("https://qa1.yves-rocher.fr/rsc/images/navdroite/espace-perso/arrow-green.gif") no-repeat scroll 9px 0 transparent;
}
#item-02 #mon-espace #mon-espace-02 div.first ul li.first a:hover, #item-02 #mon-espace #mon-espace-02 div.first ul li.last a:hover {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/espace-perso/arrow-white.gif") no-repeat scroll 9px 0 transparent;
    color: #FFFFFF;
}
#item-02 #mon-espace #mon-espace-03 {
    bottom: 0;
    height: 9px;
    left: 0;
    position: absolute;
    width: 199px;
}
#item-02 #besoin-aide {
    margin-top: 10px;
    padding: 25px 0 8px;
    position: relative;
    width: 199px;
}
#item-02 #besoin-aide #besoin-aide-01 {
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 199px;
}
#item-02 #besoin-aide #besoin-aide-02 {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/bgtoscale.png") repeat-y scroll left top transparent;
    margin-left: 0;
    width: 199px;
}
#item-02 #besoin-aide #besoin-aide-02 .first {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/besoin-aide-02.gif") repeat-x scroll left top #F1FEE7;
    margin: 0 auto;
    padding-bottom: 5px;
    width: 195px;
}
#item-02 #besoin-aide #besoin-aide-02 .first ul {
    list-style-type: none;
    padding: 12px 0 0 5px;
}
#item-02 #besoin-aide #besoin-aide-02 .first ul li a {
    background: url("https://qa1.yves-rocher.fr/images/navdroite/besoin-aide/puce.gif") no-repeat scroll 0 3px transparent;
    color: #60931D;
    font-size: 11px;
    padding-left: 11px;
    text-decoration: none;
}
#item-02 #besoin-aide #besoin-aide-02 .first ul li a:hover {
    text-decoration: underline;
}
#item-02 #besoin-aide #besoin-aide-03 {
    bottom: 0;
    height: 8px;
    left: 0;
    position: absolute;
    width: 199px;
}
#item-02 #service-client {
    border-bottom: 1px solid #BFE097;
    border-top: 1px solid #BFE097;
    height: 116px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    width: 195px;
}
#item-02 #service-client img {
    margin-bottom: 10px;
    margin-top: 19px;
}
#item-02 #service-client p {
    color: #5B5B5B;
    font-size: 9px;
}
#item-02 #service-client p span {
    color: #6DB813;
    display: block;
    font-size: 9px;
    margin-left: 30px;
    text-align: center;
    width: 110px;
}
#mes-avantages {
    background: url("https://qa1.yves-rocher.fr/images/mes-avantages.gif") no-repeat scroll left top transparent;
    height: 101px;
    width: 748px;
}
#mes-avantages ul {
    padding-left: 135px;
}
#mes-avantages ul li {
    float: left;
    list-style-type: none;
    margin-right: 1px;
}
#en-plus ul {
    clear: both;
    padding-left: 10px;
    padding-top: 38px;
}
#en-plus ul li {
    float: left;
    list-style-type: none;
    margin-right: 2px;
}
#bottom {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 747px;
}
#bottom div {
    padding: 20px 0;
}
#bottom div#section-01 {
    border-bottom: 1px solid #F2F2F2;
}
#bottom p {
    color: #788C86;
    font-size: 9px;
    text-align: center;
}
#bottom p a {
    color: #788C86;
    text-decoration: underline;
}
#push_bottom {
    clear: both;
    color: #FE8C52;
    font-family: verdana;
    font-size: 1.2em;
    line-height: 1.6em;
    padding-top: 20px;
    width: 549px;
}
#colonne_droite {
    float: right;
    font-size: 0.6em;
    right: -3px;
    width: 202px;
}
#push_right {
    position: relative;
}
* html #colonne_droite {
    right: -3px;
    top: 206px;
}
html > body #left_column {
    margin-top: 0 !important;
    min-height: 1px;
}
#logo-fevad {
    height: 350px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 9px;
    width: 195px;
}
#mes_services {
    margin: 10px 0 0 !important;
    position: relative;
}
.titre_services {
    color: #A9988B;
    font-weight: bold;
}
#services_body {
    line-height: 20px;
    padding-left: 10px;
}
#top_services {
    height: 9px;
    margin-right: 0;
}
#top_services img {
    margin-right: -3px;
}
#top_services > span img {
    margin-right: -2px;
}
#services_body input {
    border: 1px solid #A1B38B;
    color: #A9988B;
    font-size: 0.9em;
    line-height: 1.1em;
    margin: 0 !important;
}
#services_body select {
    border: 1px solid #A1B38B;
    color: #A9988B;
    width: 160px;
}
#services_body .titre_rub {
    color: white;
    font-weight: bold;
    height: 20px;
    margin-top: 2px;
    padding-left: 10px;
}
#services_body .titre_rub a {
    color: white;
}
#services_body .titre_rub img {
    margin: 8px 3px 0 0;
}
#services_body .titre_rub2 {
    color: white;
    font-weight: bold;
    height: 30px;
    margin-top: 2px;
    padding-left: 10px;
}
#services_body .titre_rub2 a {
    color: white;
    display: block;
    float: left !important;
    line-height: 12px !important;
    margin-top: 3px;
}
#services_body .titre_rub2 img {
    float: left;
    margin: 8px 3px 0 0;
}
.blue_link a {
    color: blue !important;
}
.blue_link a:hover {
    color: blue;
}
.serv_content {
    background-color: #FFFFFF;
    padding: 0 10px 10px;
}
#serv_content_0, #puce_serv0_vert {
    display: block !important;
}
#puce_serv0_hor {
    display: none !important;
}
.product_box {
    border: 0 none white;
    float: left;
    text-align: center;
    width: 48px;
}
.central {
    border: 0 none white;
    margin: 0 3px;
}
.product_box a {
    color: #B4ABA4;
    font-size: 0.9em;
}
.vignette {
    border: 1px solid #B4ABA4;
    margin: 0 0 -4px;
}
.message {
    background-color: #E8F4C3;
    color: #6CB813;
    font-weight: bold;
    line-height: 21px;
    margin: 0 -10px 7px;
    padding: 0 10px;
}
.message_defiler {
    background-color: #E8F4C3;
    border: 0 none white !important;
    color: #6CB813 !important;
    font-weight: bold;
    width: 150px;
}
.summary {
    border-color: #B4ABA4;
    border-style: dashed none;
    border-width: 1px 0;
    color: #B4ABA4;
    font-weight: bold;
    margin: 0 0 8px;
    text-align: justify;
}
html > body .summary {
    margin-top: 8px;
}
.summary .total {
    color: #6CB813;
    margin-left: 10px;
    text-align: right;
}
.color_6CB813 {
    color: #6CB813;
}
.valid_box .logo {
    margin-left: 5px;
}
#serv_content_1 {
    color: #A9988B;
    padding: 10px 10px 0;
}
#serv_content_1 .text {
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 0 50px 5px 0;
}
#serv_content_1 .rss_box {
    background-color: #C8BCB5;
    color: white;
    font-weight: bold;
    line-height: 1.2em;
    margin: 4px -10px 0;
    padding: 8px 10px 10px;
}
#serv_content_2 {
    padding-top: 9px;
}
#serv_content_2 .text {
    color: white;
    line-height: 1.1em;
}
#serv_content_3 {
    padding-top: 9px;
}
#serv_content_3 a {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}
#serv_content_3 li {
    list-style-type: none;
}
#serv_content_4 {
    padding-top: 9px;
}
#serv_content_4 a {
    color: white;
    font-size: 1.2em;
    font-weight: bold;
}
#serv_content_4 li {
    list-style-type: none;
}
#service_client {
    background-color: white;
    color: #6CB813;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 2px;
    padding: 10px;
    width: 154px;
}
#service_client img {
    margin-right: 8px;
}
#services_bottom {
    height: 13px !important;
    line-height: 13px !important;
    margin: -3px 0 0 !important;
    position: relative;
}
#services_bottom img {
    margin: 0 !important;
}
.valid_box {
    line-height: 0.7em;
    margin: 5px 1px 0 0 !important;
    text-align: right;
}
.valid_box a {
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    height: 12px;
    line-height: 12px;
    margin: 0 2px 0 -1px;
    padding: 0 2px 1px 3px;
}
html > body .valid_box a {
    margin-left: 1px;
}
.valid_box img {
    padding-bottom: 1px;
}
.bg_6CB813 {
    background-color: #6CB813;
    color: white;
    vertical-align: middle;
}
.bg_CAE577 {
    background-color: #CAE577;
    color: #338202;
    vertical-align: middle;
}
.bg_white {
    background-color: #FFFFFF;
    color: #338202;
}
.text_middle {
    display: block;
    vertical-align: middle;
}
#load_cart {
    background-color: #E0D4BB;
    border: 1px solid #B8B1AB;
    color: #636362;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    left: 300px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 250px;
    width: 320px;
    z-index: 5000;
}
#load_cart a {
    color: #636362;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}
.bv_reviews {
    background-color: white;
    border-color: #BECD00;
    border-style: solid;
    border-width: 1px;
    color: #A7A8AA;
    font-weight: bold;
    height: auto;
    margin-left: 12px;
    overflow: visible;
    padding: 3px;
    position: absolute;
    text-transform: none;
    visibility: hidden;
    white-space: nowrap;
}
.newcustomer_ticks {
    display: none;
    height: 10px;
    left: 5px;
    position: relative;
    width: 10px;
}
#identification_form #part_2 .no_mb {
    vertical-align: top;
}
#process .no_mb {
    vertical-align: top;
}
.editperson_ticks {
    display: none;
    height: 10px;
    left: 5px;
    position: relative;
    width: 10px;
}