/*
 * Copyright © Iquility - All Rights Reserved. You may not use, distribute or modify this code
 * without a written agreement with Iquility. Please contact us at www.iquility.com for any
 * license inquiry.
 */

/* @group Général */

.but-validation{
    background-image: linear-gradient(#43B0E8, #2F79BE);
    color: white;
    height: 40px;
    width: 100%;
    min-width: 150px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Arial;
}

body {
    color: #4c575e;
    background-color: #fff;
    font-family: Georgia, serif;
}

body.gris {
    background: #f6f6f6;
}

.contactForm a{
    text-decoration: underline !important;
}

a {
    color: #4c575e;
    text-decoration: none;
}

i {
    font-style: italic;
}

.text-description {
    color: #828C95;
}

a.color {
    text-decoration: underline;
}

a.no-linkcursor:hover {
    text-decoration: none !important;
}

.productFor img {
    background-color: rgba(68, 69, 74, 0.52);
    padding: 3px 5px;
    border-radius: 4px;
}

#conteneur {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

#nav {
    width: 180px;
    float: left;
    z-index: 10000;
    min-height:1px;
}

#nav #navContent {
    position: fixed;
    width: 180px;
    padding-bottom: 210px;
    z-index: 3;
}

#conteneur.menuFonce #nav #logo {
    background-image: url("/images/logo_white.png");
    background-size: 100% auto;
}

#conteneur #nav #logo {
    background-image: url("/images/logo_black.png");
    background-size: 100% auto;
}

#nav #logo{
    margin-top:25px;
    height: 60px !important;
}

#nav #logo {
    background: url(/images/logo_black.png) no-repeat 0 0;
    width: 100%;
    height: 126px;
    display: block;
    margin-bottom: 8px;
}

.sothys_en #nav #logo {
    background-image: url(images/logo-en.gif);
}

#nav #logo span {
    display: none;
}

h2, h1 {
    color: #4c575e;
    font-size: 1.625em;
    line-height: 1.25em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h3 {
    color: #4c575f;
    font-size: 0.8125em;
    line-height: 1.25em;
}

h4 {
    font-size: 0.8125em;
}

h5 {
    font-size: 0.8125em;
    text-transform: uppercase;
    line-height: 1.6em;
    padding: 7px 0;
    border: 1px solid #d9dbdc;
    border-left: 0;
    border-right: 0;
    margin-bottom: 7px;
}

.content h2.salontitle {
    margin-top: 13px;
    height: auto;
}

.noBorder {
    border: 0;
}

h5.noBorder {
    padding: 0;
}

#content {
    width: 659px;
    margin-left: 180px;
    padding: 0 10px;
}
.fai #headerLink{
    width:75%;
    margin:0 auto;
}

#headerLink {
    padding-top: 20px;
    text-align: right;
    width: 100%;
}

#conteneur.menuFonce #headerLink a{
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    border: white 1px solid;
    padding: 8px;
}

#headerLink a{
    color: #4c585f;
    text-transform: uppercase;
    font-size: 11px;
    border: #4c585f 1px solid;
    padding: 8px;
}

#aside {
    float: right;
    width: 185px;
}

#aside #asideContent {
    position: fixed;
    width: 177px;
    padding-top: 120px;
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 60px;
}

.clear {
    width: 100%;
    clear: both;
    height: 1px;
}

b {
    font-weight: bold;
    color: #4c575f;
}

.text-right {
    text-align: right !important;
}

.font-bold {
    font-weight: 600;
}

#images {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: uppercase !important;
}

p {
    font-size: 0.8125em;
    line-height: 1.5em;
}

/* @end */

/* @group #nav */

/* @group arianne */

#arianne {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 180px;
    width: 100px;
    height: 126px;
}

.produit #arianne, .soin #arianne {
    width: 180px;
}

#arianne ul {
    position: absolute;
    bottom: 0;
}

#arianne ul li,
#arianne ul li a {
    margin-left: 8px;
    margin-bottom: 3px;
    font-size: 12px;
    font-style: italic;
}

#arianne ul li a {
    margin-left: 10px;
    display: block;
}

#arianne ul li .sep {
    clear: left;
    float: left;
    height: auto;
}

#arianne ul li.lvl1,
#arianne ul li.lvl1 a {
    color: #474e54;
}

.menuFonce #arianne ul li.lvl1,
.menuFonce #arianne ul li.lvl1 a {
    opacity: 0.9;
}

#arianne ul li.lvl2,
#arianne ul li.lvl2 a {
    color: #767a7d;
}

.menuFonce #arianne ul li.lvl2,
.menuFonce #arianne ul li.lvl2 a {
    opacity: 0.8;
}

.menuFonce #arianne ul li a {
    color:white !important;
}


#arianne ul li.lvl3,
#arianne ul li.lvl3 a {
    color: #929597;
}

.menuFonce #arianne ul li.lvl3,
.menuFonce #arianne ul li.lvl3 a {
    opacity: 0.7;
}

#arianne ul li.lvl4,
#arianne ul li.lvl4 a {
    color: #aeafb1;
}

.menuFonce #arianne ul li.lvl4,
.menuFonce #arianne ul li.lvl4 a {
    opacity: 0.6;
}

.menuFonce #arianne ul li,
.menuFonce #arianne ul li a {
    /*color: #fff;*/
}
#arianne {display: none;}
#conteneur.menuFonce .bloc-marque {
    color: white;
}

.sothys_en .bloc-marque {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top:10px;
    letter-spacing: 3px;
    font-size: 9px;
}

.bloc-marque {
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 20px;
    margin-top:10px;
    letter-spacing: 3px;
    font-size: 11px;
}


/* @end */

/* @group Map */

#map {
    width: 180px;
    height: 90px;
    background: url(images/sprite_continents.png) no-repeat 0 0;
}

#map.zone1 {
    background-position: 0 -110px;
}

#map.zone2 {
    background-position: 0 -520px;
}

#map.zone3 {
    background-position: 0 -441px;
}

#map.zone4 {
    background-position: 0 -330px;
}

#map.zone5 {
    background-position: 0 -220px;
}

/* @end */

h2.subtitle-sts {
    margin-bottom: 15px;
}

#nav #navContent ul.lvl1 {
    margin-bottom: 15px;
}

#nav #navContent #navMobil {
    display: none;
}

#nav #navContent ul.lvl1 div.sousMenu {
    background-color: rgba(82, 92, 100, .7);
    /*-webkit-transition: opacity 500ms linear 0ms;
        -moz-transition: opacity 500ms linear 0ms;
        -ms-transition: opacity 500ms linear 0ms;
        -o-transition: opacity 500ms linear 0ms;
        transition: opacity 500ms linear 0ms;*/
    width: 0;
    overflow: hidden;
    position: absolute;
    left: 180px;
    padding-bottom: 60px;
    top: 0;
    z-index: 10000;
}

#nav #navContent ul.lvl1 a {
    margin-bottom: 1px;
    display: block;
    font-size: 0.8125em /* 16px -> 12px */;
}

#nav #navContent .salon {
    padding: 5px 0 10px 0;
}

.menuFonce .salon {
    color: white;
}

#nav #navContent .salonName {
    text-transform: uppercase;
    font-size: 1em /* 16px -> 12px */;
    display: inline-block;
    margin-bottom : 5px;
}

a.salonName:hover {
    text-decoration: none;
    color: #4c575e;
}

#nav #navContent .salonType {
    text-transform: uppercase;
    margin-bottom: 3px;
    font-size: 0.585em /* 16px -> 12px */;
    display: block;
}

.content p.salondesc {
    padding: 10px 0;
}

#nav #navContent ul.lvl1 li div img {
    margin-bottom: 8px;
}

#nav #navContent ul.lvl1 li div.sousMenu a {
    text-transform: uppercase;
    padding-left: 12px;
    font-size: 0.6875em /* 16px -> 11px*/;
    background: none !important;
    width: 168px;
}

#nav #navContent ul.lvl1 div.sousMenu .lvl2 {
    display: none;
}

#nav #navContent ul.lvl1 li div ul.lvl2 a {
    padding-left: 24px;
    text-transform: none;
    width: 156px;
    height: auto;
}

#nav #navContent ul.lvl1 li div ul.lvl2 a:hover {
    text-decoration: underline;
}

#nav #navContent ul.lvl1 li {
    width: 100%;
}

#nav #navContent ul.lvl1 li.log {
    font-size: 12px;
    color: #6c717d;
    height: 20px;
    padding-left: 27px;
    padding-top: 7px;
    position: relative;
    width: auto;
}

#nav #navContent ul.lvl1 li.log span {
    background: url(images/sprite.png) no-repeat -41px -76px;
    width: 9px;
    height: 10px;
    display: block;
    position: absolute;
    left: 12px;
    top: 8px;
}

#nav #navContent ul.lvl1 li a {
    padding-left: 11px;
    height: 20px;
    padding-top: 7px;
    position: relative;
    color: #4c575f;
}

#nav #navContent ul.uppercase li a {
    font-size: 0.59375em /* 16px -> 9.5px */;
    text-transform: uppercase;
    padding-top: 10px;
    height: 17px;
}

#nav #navContent ul.lvl1 li a span {
    position: absolute;
    top: 0;
    left: 0;
    height: 27px;
    width: 2px;
    background-color: #9f9f9f;
    z-index: 10;
    /*-webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        transition: all 500ms linear;*/
}

#nav #navContent ul.lvl1 li a span.txt {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    z-index: 11;
}

#nav #navContent ul.lvl1 li a span.bg {
    width: 0px;
}

#nav #navContent ul.lvl1 li.select a span.bg {
    width: 180px;
}

#nav #navContent ul.lvl1 li a span.puce {
}

#nav #navContent ul.lvl1 li a span.puce2 {
    background: none repeat scroll 0 0 transparent;
    font-size: 9px;
    height: auto;
    left: 0;
    position: absolute;
    top: 11px;
    display: none;
}

#nav #navContent ul.lvl1 li.actif a span.puce2,
#nav #navContent ul.lvl1 li.enCours a span.puce2 {
    display: none;
}

.salonlogo {
    margin-bottom: 10px;
}

.altbox {
    width: 16%;
    text-align: center;
    float: left;
    border: 1px solid #fff;
    padding: 5px;
}

.content .altbox img {
    width: 60px;
}

.altbox.selectedAlt {
    border: 1px solid #ccc;
    padding: 5px;
}

.altbox a {
    font-style: normal !important;
    font-size: 0.825em;
    font-family: Georgia, serif;
    text-decoration: none;
}

/*.salonlogo {
    height: 65px;
}*/

.thwrap {
    float: left;
    margin-bottom: 15px;
}

.thwrap img.thimg {
    max-width: 30%;
    float: left;
    margin-right: 15px;
}

.thwrap h3 {

    font-size: 1em;
}

.thwrap h4 {
    text-transform: uppercase;
    margin-bottom: 20px;

    font-size: 0.6em;
}

.innerth {
    float: left;
    max-width: 66%;
}

.logoutlink {
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
}

span.username {
    text-transform: capitalize;
}

a.salonlink {
    font-style: normal !important;
}

#aside p.invstate {
    margin-bottom: 0;
    color: rgb(184, 174, 200);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Georgia, serif;
}

#aside div.buy-link-box {
    padding-top: 10px;

}

.redirect-link-box form,.buy-link-box form {
    border: 3px rgb(236, 176, 11) solid;
    border-radius: 5px;
    margin-top:10px;
}

form ul {
    margin-bottom: unset;
}

.loginbtn, .saveitem, .checkout, .confirmaddress, .payment-button {
    float: left;
    width: 70px;
    margin-right: 10px;
    background-color: rgb(184, 174, 200) !important;
    color: #fff;
    text-transform: uppercase;
    height: 30px;
    cursor: pointer;
    border:0;
    border-radius: 2px;
}

.addToCartbtn {
    width: 100%;
    background-color: rgb(236, 176, 11) !important;
    color: #000;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    padding:10px;
    float:none;
}

.addToCartbtn:hover {
    color: #fff;
}

.buyBtnLink {
    background-color: rgb(236, 176, 11) !important;
    color: #000;
    text-transform: uppercase;
    height: 30px;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
}

#cart_form {
    display: inline-block;
}

.cartTreatPrice {
    text-align: right;
    font-size: 18px;
    line-height: 25px;
    padding-right: 35px !important;
}

.cartProductPrice {
    text-align: right;
    padding-right: 35px !important;
    font-size: 18px;
    line-height: 25px;
}

.cartactions button {
    float: right;
    margin-bottom: 40px;
}

.cartactions button span {
    width: auto;
}


#contact_form {
    font-size: 0.8em;
}

#deflang {
    font-size: 0.8em;
}

div.price {
    margin: 0 10% 0 10%;
    text-align: center;
}

div.price h2 {
    display: inline-block;
    font-size: 1.6em;
    width: 100%;
}

img.ratingimg {
    width: 18px !important;
}

div.price span.currency {
    font-size: 1em;
}

div.price span.contains {
    display: inline-block;
    color: #828c95;
}

.price .contains {
    width: auto;
    padding-bottom: 10px;
}

#suggested_retail_price{
    width: 80%;
    margin: 0px 10% 10px 10%;
    text-align: center;
}

#suggested_retail_price span{
    font-size: 9px;
    text-transform: uppercase;
    color: #828c95;
}

#aside h3.price2 {
    color: #828c95;
    white-space: nowrap;
    margin: 10px auto;
    text-transform: uppercase;
    font-size: 0.6em !important;
    line-height: 1.2em;
    text-align: center;
}

#aside span.suggprice {
    text-decoration: line-through;
    font-size: 1.3em;
}

#aside .sidesection {
    /*border-top: 1px solid #e2e3e3;*/
    padding: 10px 0 40px 0;
}
#aside p.description{
    border-bottom: 1px solid #e2e3e3;
    padding: 0px 0 20px 0;
    margin-bottom: 10px;
}

#aside .sidesection h3 {
    color: #fff;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
}

#aside .sidesection div.price {
    /* text-align: left !important;*/
}

#content span.suggprice {
    text-decoration: line-through;
}

table.orders th {
    background: #e5e5e5;
}

.historyRow td {
    padding: 0 8px !important;
}

.historyPanel {
    display: none;
    margin: 8px 0;
}

h4.historylink {
    font-size: 1em;
    cursor: pointer;
}

table.history td {
    border: 0;
}

table.history td span {
    padding: 3px;
    float: left;
}

.right{
    float:right !important;
}

.payment-button {
    background: #ececec ;
    float: right;
    width: auto;
    padding: 10px;
}

.payment-button span {
    background: transparent !important;
    width:auto;
}

.activebut {
    background-color: rgb(184, 174, 200) !important;
}

#contact_form span {
    font-family: Arial, Helvetica, sans-serif;
}

.checked_input {
    width: 70%;
    display: flex;
    float:right;
    line-height: unset !important;
    height: unset !important;
}

#rgpdAgreement{
    width: fit-content;
    margin: 7px 10px 0 0 ;
}

#rgpdAgreementTxt{
    width: 100%;
    font-size: 14px;
    padding:2px;
}

form .ui.checkbox .ui.red.pointing.below.label {
    right: inherit;
    left: -55%;
    margin-right: 0;
    top: -7px;
    height: 30px;
    bottom: unset !important;
}

.checkbox input[type=radio]:checked+label::after, .checkbox input[type=checkbox]:checked+label::after {
    font-family: FontAwesome;
    content: "\f00c";
    TRANSFORM: rotate;
    top: 3px;
    left: 3px;
    overflow: hidden;
    width: 8px;
    height: 5px;
}

#aside div.price h4 {
    color: #000 !important;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
}

.greetingbox textarea {
    width: 94%;
    font-size: 0.8em;
}

.fai #content {
    width: 80%;
}

#searchpanel {
    font-size: 12px;
    height: 120px;
}

.content .gender {
    width: 200px;
    clear: left;
    margin: 10px 0;
}

.content label.lblgender {
    width: auto;
    margin-left: 3px;
    clear: none;
}

.content .gender img {
    width: 8px;
    margin-right: 2px;
}

.morelinkwrap {
    text-align: right;
    padding: 0 0 10px 0;
}

.more_options {
    font-size: 12px;
    text-decoration: underline;
}

.divTable {
    display: table;
    width: auto;
    border-spacing: 5px; /*cellspacing:poor IE support for  this*/
    float: left;
}

.divRow {
    display: table-row;
    width: auto;
    clear: both;
}

.divCell {
    float: left; /*fix for  buggy browsers*/
    display: table-column;
    width: 100%;
    height: 15px;

}

.divCell.widercell {
    width: 200px;

}

.divCell.others input {
    margin-bottom: 5px;
}

/* @group footer */

#nav #navContent .footer {
    position: absolute;
    left: 0;
    height: auto;
    width: 100%;
    border: 0;
    margin-bottom:7px
}

#nav #navContent .footer ul {
    margin-bottom: 13px;
    height: 18px;
}

#nav #navContent .footer ul li {
    display: block;
    float: left;
}

#nav #navContent .footer ul li a {
    background: url(images/sprite.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    display: block;
}

p#byline {
    padding: 13px 0 8px;
    text-transform: none;
    font-size: 1em;
    line-height: 1;
    color: #a0a0a0;
}

#nav #navContent .footer ul li a.facebook {
    background-position: -18px 0;
}

#nav #navContent .footer ul li a.twitter {
    background-position: 0 0;
}

#nav #navContent .footer ul li a.instagram {
    background-position: 3px -144px;
}

#nav #navContent .footer ul li a span {
    display: none;
}


#nav #navContent .footer a {
    clear: both;
    color: #a0a0a0;
    font-size: 9px;
    text-transform: none;
}


#footerSpecLink {
    padding-bottom: 10px;
    text-align: center;
    width: 90%;

}

#footerSpecLink a{
    padding: 8px;
}

#nav #navContent .footer #footerSpecLink a{
    font-size: 20px;
    text-transform: uppercase;
    font-size: 11px;
    color: #4c585f;
}

.menuFonce #nav #navContent #footerSpecLink a {
    color: white;
}

#blockButton{
    margin-top:5px;
}

#blockImage img{
    width:90px;
    padding-bottom: 5px;
}

#byline {
    display: inline-block;
    padding-bottom: 4px;
    padding-top: 4px;
    line-height: 11px;
}

.container_bottom {
    color: #a0a0a0;
    height: 110px;
}

#nav #navContent .footer a.legal {
    text-transform: uppercase;
}

.menuFonce #nav #navContent .footer a, .menuFonce .container_bottom, .menuFonce #nav #navContent .footer p {
    color: white;
}

#nav #navContent .footer a.terms {
    margin-top: 4px;
    display: block;
}

/* @end */

/* @end */

/* @group #aside */
#aside p {
    color: #828c95;
    /*font-size: 0.8125em;
        line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;*/
}

a.tel {
    color: #828C95;
}

#aside .item {
    margin: 0;
}

#aside .item .favoris {
    right: auto;
    left: -25px;
    top: 13px;
}

.soin #aside .item .favoris,
.spa #aside .item .favoris {
    left: -33px;
}

#aside h3, #aside h4, #aside p{
    margin-bottom: 20px;
}
.cont_price {
    margin: 0px;
}

ul.offres li {
    color: #505C66;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
    line-height: 1em;
    padding: 5px;
    margin-bottom: 5px;
}

ul.offres li b {
    color: #fff;
    line-height: 1.5em;
}

#aside h4 {
    text-transform: uppercase;
    color: #000;
    clear: left;
}

#aside #vignetteHome {
    padding-top: 124px;
    display: block;
}

#aside .description {
    font-style: italic;
    font-size: 0.8125em;
    line-height: 1.5em;
}

#aside .description ul li {
    padding-left: 15px;
}

#aside .description span {
    display: block;
}

#aside .description img {
    margin-left: 4px;
    margin-bottom: -4px;
}

#aside .vignette img {
    margin: 0 2px;
    width: 72px;
}

#aside a.video {
    background-color: #525c64;
    font-size: 0.5625em /* 16px -> 9px */;
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 15px 5px 33px;
    position: relative;
    margin-bottom: 20px;
    clear: both;
}

#aside a:hover {
    text-decoration: underline;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50px;
    padding-top: 10px;
    border-top: 1px solid #a3a8ab;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.6875em;
}

.footer .favoris {
    display: inline;
    font-style: italic;
    padding-left: 2px;
}

.footer .favoris span {
    display: inline-block;
    top: 32px;
    background: url(images/sprite.png) no-repeat -20px -76px;
    width: 13px;
    height: 10px;
    margin: 4px 0 0 3px;
    margin-bottom: -2px;
}

.footer a:hover {
    text-decoration: none;
}

#aside a.video span {
    position: absolute;
    top: 5px;
    left: 6px;
    display: block;
    width: 14px;
    height: 10px;
    background: url(images/sprite.png) no-repeat -38px -58px;
}

#monSothys {
    position: absolute;
    top: 23px;
    left: 10px;
    width: 100%;
    z-index: 500000000;

}

#monSothys p {
    display: inline;
    float: left;
    padding-top: 4px;
    margin-right: 11px;
}
.cartactions a
#monSothys p, #monSothys p a, #monSothys ul li a {
    color: #4c575f;
    font-size: 0.6875em;
    line-height: 0.6875em;
    text-transform: uppercase;
    font-family: Georgia, serif;
}

.menuLangue {
    top: 23px;
    width: 200px;
    position: absolute;
    float: right;
    right: 0;
}

.giftWrap{
    margin-top:20px;
}
/*#monSothys p a{color: #fff;}*/
#monSothys ul {
    float: left;
}

#monSothys ul li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    line-height: auto;
    font-size: 100%;
    width: 100%;
}

#monSothys ul li a {
    height: 18px;
    display: block;
    margin-right: 5px;
}

#monSothys ul li a:hover {
    text-decoration: none;
}

#monSothys ul li#choixLangue ul li a {
    width: auto;
}

#monSothys ul li#choixLangue a span {
    display: block;
    padding-top: 4px;
}

#monSothys ul li#accessFavoris a {
    background-position: -36px 0;
}

#monSothys ul li#accessSocial a {
    background-position: -36px -18px;
}

#monSothys ul li a span, #monSothys ul li#choixLangue a span.for_mobile {
    display: none;
}

#monSothys ul li ul {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
}

#monSothys ul li ul li {
    float: left;
    clear: left;
    width: 100%;
}

#monSothys ul li ul a {
    background: none;
    padding: 8px 10px;
    display: block;
    width: auto;
    height: auto;
    background-color: #525c64;
    margin: 0;
    color: #fff !important;
    opacity: .8;
    border-bottom: 1px solid #AAAFB2;
}

#monSothys ul li ul a:hover {
    opacity: .9;
    text-decoration: none;
}

h3.retailprice {
    border-top: 1px solid #e2e3e3;
    border-bottom: 1px solid #e2e3e3;
    padding: 10px 0;
    font-size: 100%;
}

/* @group .accordeon */
.accordeon {
    border-top: 1px solid #e2e3e3;
    margin-bottom: 20px;
}

.rightpanel {
    margin-bottom: 20px;
}

.accordeon li div {
    display: none;
}

.accordeon li {
    border-bottom: 1px solid #e2e3e3;
}

.item .accordeon li, .item .accordeon {
    border: 0;
    margin: 0;
    list-style: none;
}

.item .accordeon ul {
    font-size: 100%;
}

.item .accordeon ul li {
    list-style: disc inside none;
}

.item .accordeon li a {
    text-transform: none;
    font-size: 100%;
    padding: 0;
    text-decoration: none;
}

.accordeon li a {
    color: #000;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
}

.rightlink {
    color: #000;
    font-size: 0.8125em;
    text-transform: uppercase;
    padding: 8px 0;
    display: block;
    border-top: 1px solid #e2e3e3;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e3e3;
    text-align: left;
}

.accordeon li p a {
    text-transform: none;
    padding: 4px 0 0 0;
    font-size: 1em;
}

.soin-link-list li a {
    padding: 4px 0 0;
    text-transform: none;
    font-size: 13px;
    font-style: italic;
    text-decoration: underline;
}

.soin-link-list li {
    border: none;
}

/* @end */
.multiImg img {
    float: left;
    margin-bottom: 2px;
    height: 135px;
}

.multiImg img.type1 {

}

.multiImg img.type2 {
}

.multiImg img.type3 {
}

/* @end */

/* @group #content */
.content {
    padding-top: 120px;
    /*padding-left: 177px;*/
    margin: 0 15px;
    width: 450px;
    padding-bottom: 20px;
}

.produit .content {
    width: 530px;
    margin: 0 auto;
}

.content h2, .content h1 {
    color: #4c585f;

}

#content-cd {
    width: auto;
    padding: 8px;
    font-size: 15px;
}

#content-cd input {
    width: auto;
}

#content-cd a {
    margin-left: 10px;
}

.content p {
    font-size: 0.8125em /* 16px -> 12px */;
    padding-bottom: 10px;
    clear: both;

}

.content p.intro {
    font-weight: bold;
}

.content p.payinfo {
    margin-bottom: 15px;
}

.content .nav {
    margin-left: -10px;
    margin-bottom: 25px;
}

.content .nav li {
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 1px;
}

* + html .content .nav li {
    display: block;
    float: left;
}

.content .nav.nav-pages li {
    padding: 0;
}

.content .nav li.sep {
    width: 2px;
    height: 10px;
    padding: 0;
    background-color: #abbfd1;
    /*margin-top: 6px;*/
    margin-bottom: -1px;
}

.content .nav li a {
    font-size: 0.8125em /* 16px -> 12px */;
    padding: 5px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.content .nav.nav-pages li a {
    color: #838d96;
}

.content .nav.nav-pages li a.next,
.content .nav.nav-pages li a.prev {
    /*	font-size: 18px;*/
}

.content .nav li a span {
    font-size: 0.8125em /* 12px -> 9px */;
}

.content .nav li a:hover, .content .nav li a.actif {
    background-color: #959595;
}

.content .nav li a:hover, .content .nav li a.actif {
    background-color: rgba(149, 149, 149, .6);
    color: #fff;
}

.home .content {
    float: right;
    width: 100%;
    text-align: left;
}

.content img.plus {
    /*display: block;
        clear: left;*/
    margin-top: 3px;
}

.content .to_hide {
    font-size: .8em;
    color: #9b9b9b;
    font-style: italic;
}

.hide {
    display: none;
}

.text-danger {
    color: red;
}

/* @group .produit */

.produit {
    position: relative;
    height: 620px;
}

.produit .prev span,
.produit .next span {
    display: none;
}

.produit .prev,
.produit .next {
    background: url(images/sprite.png) no-repeat -58px -56px;
    display: block;
    width: 9px;
    height: 31px;
    position: absolute;
    top: 215px;
}

.produit .prev {
    left: 0;
}

.produit .next {
    right: 0;
    background-position: -76px -56px;
}

.produit .descriptif {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
}

.produit .descriptif a span {
    display: none;
}

.produit .descriptif a img {
    width: 100%;
    z-index: -1;
}

.produit .descriptif a {
    /*border: 1px solid #000;*/
    -webkit-box-shadow: 0px 0px 15px 1px #E5E5E5;
    box-shadow: 0px 0px 15px 1px #E5E5E5;
}

.produit .descriptif a,
.produit .descriptif span {
    display: block;
    overflow: hidden;
    z-index: 1;
    position: absolute;
}

.produit .descriptif a.noLien {
    cursor: default;
}

.produit .descriptif a:hover {
    border: 6px solid red;
}

.produit .descriptif a.desc_4,
.produit .descriptif a.desc_4 img {
    height: 82px;
    width: 82px;
    -webkit-border-radius: 82px;
    border-radius: 82px;
    top: 85px;
    left: 94px;
    overflow: hidden;
}

.produit .descriptif a.desc_4:hover,
.produit .descriptif a.desc_4:hover img {
    top: 79px;
    left: 88px;
}

.produit .descriptif a.desc_3,
.produit .descriptif a.desc_3 img {
    height: 109px;
    width: 109px;
    -webkit-border-radius: 109px;
    border-radius: 109px;
    top: 116px;
    left: 182px;
    overflow: hidden;
}

.produit .descriptif a.desc_3:hover,
.produit .descriptif a.desc_3:hover img {
    top: 110px;
    left: 176px;
}

.produit .descriptif a.desc_2,
.produit .descriptif a.desc_2 img {
    height: 96px;
    width: 96px;
    -webkit-border-radius: 96px;
    border-radius: 96px;
    top: 116px;
    left: 306px;
}

.produit .descriptif a.desc_2:hover,
.produit .descriptif a.desc_2:hover img {
    top: 110px;
    left: 300px;
}

.produit .descriptif a.desc_1,
.produit .descriptif a.desc_1 img {
    height: 78px;
    width: 78px;
    -webkit-border-radius: 78px;
    border-radius: 78px;
    top: 76px;
    left: 404px;
}

.produit .descriptif a.desc_1:hover,
.produit .descriptif a.desc_1:hover img {
    top: 70px;
    left: 398px;
}

.produit .descriptif a.desc_0,
.produit .descriptif a.desc_0 img {
    height: 54px;
    width: 54px;
    -webkit-border-radius: 54px;
    border-radius: 54px;
    top: 32px;
    left: 470px;
}

.produit .descriptif a.desc_0:hover,
.produit .descriptif a.desc_0:hover img {
    top: 26px;
    left: 464px;
}

.produit .descriptif span.last {
    display: block;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #e9e9e9;
    top: 0px;
    left: 509px;
}

/* @end */

/* @group form */

form {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

.sousMenu form {
    margin: 0 10px;
    width: 160px;
}

form fieldset {
    margin: 15px 0;
    clear: both;
}

form .field #deflang {
    font-size: 12px;
}

form .field:first-child {
    /* background-color: red; */
    margin: 8px 0;
}

#code_form .field{
    margin-bottom: 5px;
}
.field,.field_livr input{
    margin-bottom: 5px;
}

form .select, form input, form textarea {
    background-color: #e5e5e5;
    border: 0;
    padding: 3px 10px;
    color: #4c575f;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

form .select.error, form input.error, form textarea.error {
    border: 1px solid #b92525;
    width: 63%;
}

form .select.error {
    width: 93%;
}

.error-content {
    border: 1px solid #b92525;
    padding: 7px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F4D7D7;
}

.error-box {
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
    background-color: #ffffcc;
    display: block;
    margin: 10px 0;
    font-size: 1em;
    width: 100%;
}

.info-box {
    border: 1px solid #333F48;
    padding: 7px 10px;
    background-color: #FAEBD7;
    display: block;
    margin: 10px 0;
    font-size: 1em;
    width: 100%;
    font-family: Raleway;
}

.error-box-avalara {
    border: 1px solid #e5e5e5;
    padding: 7px 10px;
    background-color: #ffffcc;
    display: block;
    margin: 0px 15px 25px 15px;
    font-size: 1em;
    width: auto;
}

.error-content h3 {
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 5px;
}

.error-content li {
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
}

form label, form input, form .select, form textarea {
    display: block;
    float: left;
    color: #4c575f;
    font-family: Georgia, serif;

}

form label, form span {
    font-size: 1em;
    width: 30%;
    clear: left;
}

.greetingbox label, .greetingbox span {

}

.gtextwrap {
    float: left;
    width: 100%;
}

form .submit.saveGreeting {
    float: none;
    display: inline;
}

#previewlink {
    clear: left;
    display: inline;
}

form input {
    width: 63%;
    padding: 3px 3%;
    margin: 4px 0px;
} 

form.pointVente input.cp {
    width: 34%;
    clear: left;
    margin-right: 1%;
}

form.pointVente input.cp2 {
    width: 33%;
    margin-right: 1%;

}

form.pointVente input.submit {
    width: 19%;
    margin-bottom: 0;

}

.produit .homme img,
.produit .femme img,
span.homme img,
span.homme img {
    background-color: rgba(68, 69, 74, 0.52);
    padding: 3px 5px;
    border-radius: 4px;
}

.content span.rating img {
    width: 10px;
}

.sousMenu form input {
    width: 100%;
    padding: 3px 0;
    border: 1px solid #fff;
    background: none;
}

form#user-login input {
    width: 90%;
}

form#user-login .submit {
    float: none;
}

form .select {
    width: 94%;
    position: relative;
    padding: 4px 3%;
    cursor: pointer;
}

form .select .liste {
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    background-color: #e5e5e5;
    padding: 5px 0;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

form .select .liste span {
    display: block;
    padding: 3px 3%;
}

form .select .liste span.disabled {
    cursor: default;
    color: #a1a2a2;
    display: none;
}

form .select .liste span.hover {
    color: #fff;
}

form .select span.choix, form .select span.puce {
    display: block;
}

form .select span.puce {
    position: absolute;
    top: 0;
    right: 0;
    height: 14px;
    padding: 6px 0 0 5px;
    /*padding-top: 6px;*/
    width: 16px;
    color: #fff;
    font-size: 22px;
    font-family: Georgia, serif;
}

form textarea {
    resize: none;
    height: 82px;
    width: 63%;
    padding: 3px 3%;
    margin-top: 4px;
}

form p {
    float: left;

}

p.legal {
    color: #828C95;
    font-size: 10px;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
}

form .submit.addShipping,form .submit.confirmaddress,form .submit.checkout, form .submit.orderCartBtn, form .orderCartBtn,.submit.addShipping{
    padding: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(184, 174, 200) !important;
    margin-right: 0px;
    color:#fff !important
}

form .submit, form .submitDetails {
    float: right;
    width: auto;
    padding: 10px 18px;
    color: #fff;
    cursor: pointer;
    font-size: 9px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(184, 174, 200);
    border: 0;
    text-decoration: none;
}

.sousMenu form .submit {
    border: 0;
    padding: 4px 9px;
}

form.pointVente .submit {
    padding: 4px 10px;

}

/* @end */

/* @group .items */
.for_infoBulle span {
    display: none;
}

.no-wrap {
    white-space: nowrap !important;
}

.note {
    /*background: url(images/note_deesses.png) no-repeat 0 0;*/
    width: 47px;
    height: 20px;
    display: inline-table;
    margin-left: 10px;
}

.note.rang3 {
    background-position: 0 0;
}

.note.rang2 {
    background-position: 0 -30px;
}

.note.rang1 {
    background-position: 0 -60px;
}

.note.rang0 {
    background-position: 0 -90px;
}

.border-bottom, .pointVente {
    border-bottom: 1px solid #e4e5e6;
}

.item {
    clear: both;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.item ul {
    padding-bottom: 10px;
    font-size: 0.8125em;
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
}

.item ul li ul {
    padding-left: 10px;
    list-style: disc inside none;
    font-size: 100%;
    line-height: 1.2em;
}

#gmap {
    width: 200px;
    height: 200px;
}

div.gmapbig {
    width: 100% !important;
    height: 200px;
}

.subcat_desc {
    margin: 15px 0;
}

.pointVente {
    position: relative;
    margin-bottom: 0;
    margin-top: 20px;
}

form.pointVente {
    border: 0;
}

.pointVente .description {
    position: absolute;
    top: 0;
    right: 0;
    height: 13px;
}

.item ul .description {
    position: relative;
    height: auto;
}

.item ul .description img {
    width: 8px;
    height: 13px;
}

.pointVente p {
    color: #7d7d7d;
    font-family: Arial, Helvetica, sans-serif;
}

.pointVente p a {
    float: right;
}

.appli .pointVente p a {
    float: none;
}

.pointVente p a.tel {
    float: none;
}

.item h3 {
    color: #444e55;
    font-size: 0.8125em /* 16px -> 12px */;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e4e5e6;
}

.pointVente h3 {
    margin-bottom: 10px;
    border: 0;
    padding-bottom: 0;
}

.item .blocImg {
    position: relative;
    margin-bottom: 15px;
}

.item .blocImg a {
    display: block;
    width: 100%;

}

.item .blocImg .bloc_info {
    width: 305px;
    border-bottom: 1px solid #b7bbbe;
    position: relative;
    float: right;
    top: 0;
    margin-left: 240px;
    padding-bottom: 55px;
}

.item .blocImg .header {
    position: absolute;
    right: 0;
    top: 22px;
    text-align: right;
}

.item .blocImg.no-image {
    margin-top: 20px;
}

.item .blocImg.no-image .header {
    position: static;
    text-align: left;
}

.item .blocImg .header h4{
    background-color: #fff;
    padding: 8px 17px 6px 17px;
    font-size: 0.875em;
    display: inline-block;
}

.item .blocImg .header p {
    padding-right: 17px;
    padding-top: 8px;
    line-height: 1.1em;
}

.item .favoris span {
    display: none;
}

.item .favoris {
    display: block;
    position: absolute;
    right: -21px;
    top: 32px;
    background: url(images/sprite.png) no-repeat -2px -76px;
    width: 13px !important;
    height: 10px;
}

.item .favoris:hover,
.item .favoris.select {
    background-position: -20px -76px;
}

.icon {
    padding-left: 36px !important;
    position: relative;
}

.icon span {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 2px;
    left: 5px;
    background: url(images/spritePictosProduits.png) no-repeat 0 0;
}

.icon span.tube_1 {
    background-position: 0 0;
}

.icon span.pompe_1 {
    background-position: 0 -26px;
}

.icon span.flacon_1 {
    background-position: 0 -52px;
}

.icon span.flacon_GF_1 {
    background-position: 0 -78px;
}

.icon span.mousse_1 {
    background-position: 0 -104px;
}

.icon span.parfum_1 {
    background-position: 0 -130px;
}

.icon span.pompe_2 {
    background-position: 0 -156px;
}

.icon span.flacon_2 {
    background-position: 0 -182px;
}

.icon span.pot_1 {
    background-position: 0 -208px;
}

.icon span.tube_2 {
    background-position: 0 -234px;
}

.icon span.tube_3 {
    background-position: 0 -260px;
}

.icon span.pompe_3 {
    background-position: 0 -286px;
}

.icon span.flacon_3 {
    background-position: 0 -312px;
}

.icon span.ampoule_1 {
    background-position: 0 -338px;
}

.icon span.sachet_1 {
    background-position: 0 -364px;
}

.icon span.pot_GF_1 {
    background-position: 0 -390px;
}

.icon span.bidon_1 {
    background-position: 0 -416px;
}

.icon span.pot_GF_2 {
    background-position: 0 -442px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table {
    background-color: transparent;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.table-bordered {
    border: 1px solid #EBEBEB;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.table > thead > tr > th {
    border-bottom: 1px solid #DDDDDD;
    vertical-align: bottom;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: #F5F5F6;
    border-bottom-width: 1px;
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 2px;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size: 0.8em;
}

th {
    text-align: left;
}

td, th {
    padding: 0;
}

/*input.itemquantity {
    width: 25%;
    text-align: right;
    font-size: 0.9em;
    clear: left;
    margin-top: 2px;
}*/

a.removeitem {
    float: right;
    width: 15%;
    margin-right: 3px;
    margin-top: 3px;
}

a.removeitem img {
    width: 11px;
}

.saveitem {

    background: #ccc;
    display: none;
    padding: 3px;
    float: left !important;
    margin-left: 4px;
}

div.cartactions {
    font-size: 0.8em;
    width: 100%;
    /*margin-bottom:20px;*/
}

.whitetext {
    color: #fff !important;
}

.addShipping {
    padding: 10px;
    font-size: 0.8em;
    float: left;
    margin-right: 10px;
    cursor: pointer;

}

.shipping_not_billing {
    width: auto;
    margin-right: 5px;
}
.billing_panel{
    padding: 15px 0;
    clear: both;
}

.addShipping.btn {
    padding: 3px 5px;
    font-size: 0.8em;
    float: right;
    margin-right: 10px;
    text-decoration: none;

}

.containstext {
    padding: 0;
    font-size: 0.8em !important;
    float: left;
    margin-right: 10px;
    width: 100%;
    font-family: inherit !important;
    line-height: 20px;
}

.payment {
    width: 80px;
    clear: right;
    background: #ececec;
    float: right;
    width: auto;
    padding: 6px 8px;
    color: #fff;
    cursor: pointer;
    font-size: 9px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;

    border: 0;
    text-decoration: none;

}

.therapist {
    margin: 5px 0;
}

.deflang {
    margin: 5px 0;
}

.tcwrap {
    width: 100%;
    font-size: 1em !important;
    margin-top: 12px;
}

.tcwrap input {
    width: auto;
    margin: 3px 8px 3px 0;
}

.cartactions a.continue, .continueShopping {
    float: left;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    -webkit-appearance: none;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(184, 174, 200);
    color:#fff;
}
.shopping input{margin-top: 4px;}
.continueShopping{
    width:auto;
}

.cartactions a{
    padding: 10px;
    background-color: #e5e5e5;
    width: 100%;
    text-align: center;
    float: right;
}

.cartactions a:hover, form .submit.addShipping:hover, form .submit.confirmaddress:hover,form .submit.checkout:hover,form .submit.orderCartBtn:hover  {
    background-color: #c3bdcc !important;
}

.shipping {
    display: none;
    font-size: 0.8em;
}

.shipping-checkout {
    font-size: 0.8em;
    margin-top: 25px;

}

.paymentSelection {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #4c575f;
    font-size: 14px;
    display: flex;
    border-radius: 3px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 45px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 4px 14px rgba(0, 0, 0, 0.22);
    z-index: 1;
    background-color: #F6F6F6;
    font-size: 14px;
    text-transform: uppercase;
    margin: 20px 0 30px 0;
}

.changeShipping{
    font-size: 10px;
}

#aside p.prod_advice {
    margin-bottom: 10px;
    cursor: pointer;

    color: #4c575e;
    line-height: 1.2em;
}

#aside p.prod_advice a {
    font-style: normal;
    text-decoration: none;
    color: #7a5fa6 !important;
}

p.loggeduser {
    font-size: 0.6em;

}

div.infotext {
    margin-top: -16px;
    font-size: 0.8125em;
    float: left;
    width: 158px;
}

div.infotext p {
    float: right;
    width: 80%;
}

#arrowimg {
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: 2;
    -moz-animation-duration: 3s;
    -moz-animation-delay: 2s;
    -moz-animation-iteration-count: 2;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
span.redtext {
    font-weight: bold;
    color: red !important;
}

.dataTables_empty {
    display: none;
}

form input.isGiftwrap {
    width: auto;
    margin-right: 10px;
    height: 20px;
    margin-top: -4px;
}

form .greetingbox label {
    width: auto;
    font-size: inherit;
}

.shipping form label {
    font-size: inherit;
    margin-top: 5px;
    width:30%;
}

#aside .contains {
    text-transform: uppercase;
    font-size: 0.6em;
    line-height: 1.2em;
}

/* @end */
#affinerRechercheReset {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-left: 5px;
}

/* @group #slider */

#slider .titleContent {
    width: 310px;
    height: 97px;
    padding: 0 20px;
    overflow: hidden;
    text-align: left;
    float: right;
    position: relative;
}

#slider .titleContent .masque {
    position: relative;
}

#slider p {
    clear: both;
    color: #818181;
    font-size: 0.8125em;
    line-height: 1.5em;
    text-align: right;
}

#slider p img {
    display: none;
}

#slider .puces {
    float: right;
    clear: right;
    height: 8px;
    margin: 2px 0 20px 0;
}

#slider .puces li span {
    display: none;
}

#slider .puces li {
    float: left;
    display: block;
    margin-left: 8px;
    font-family: Arial, Helvetica, sans-serif;
    width: 8px;
    height: 8px;
    background: url(images/sprite.png) no-repeat -28px -18px;
}

#slider .puces li.actif {
    background-position: -18px -18px;
}

.contentFonce #slider .puces li.actif {
    background-position: -18px -28px;
}

.contentFonce #slider .puces li {
    background-position: -28px -28px;
}

#slider .titleContent h2 {
    padding-left: 13px;
    position: absolute;
    width: 297px;
    top: 0;
    left: 0;
    display: none;
    height: auto;
}

#slider .titleContent h2.actif {
    display: block;
}

#slider .titleContent a {
    position: absolute;
    display: block;
    width: 20px;
    height: 90px;
    top: 0;
}

#slider .titleContent a span {
    width: 6px;
    height: 16px;
    display: block;
    background: url(images/sprite.png) no-repeat 0 0;
    margin-left: 6px;
    margin-top: 35px;
}

#slider .titleContent a.prev {
    left: 0;
}

#slider .titleContent a.prev span {
    background-position: 0 -19px;
}

#slider .titleContent a.next {
    right: 0;
}

#slider .titleContent a.next span {
    background-position: -9px -19px;
}

/* @end */

/* @group .liste */
.liste {
    padding-bottom: 34px;
    margin: 0;
}

.liste .titre {
    color: #4c585f;
    text-transform: uppercase;
    border-bottom: 1px solid #dcdede;
    font-family: Georgia, serif;
    padding-right: 0;
}

.liste .noResult {
    font-style: italic;
    display: none;
    color: #999;
}

.liste li .new {
    font-size: 11px;
}

.liste li {
    border-bottom: 1px dotted #afb3b6;
    font-size: 0.8125em;
    padding: 8px 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    padding-right: 75px;
}

.liste li a.share,
.liste li a.download,
.liste li a.apercu {
    display: block;
    height: 18px;
    width: 18px;
    background: url(images/sprite.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
}

.liste li a.share {
    right: 0;
    background-position: -36px -108px;
}

.liste li a.share:hover {
    background-position: -36px -127px;
}

.liste li a.download {
    right: 24px;
    background-position: -18px -108px;
}

.liste li a.download:hover {
    background-position: -18px -127px;
}

.liste li a.apercu {
    right: 48px;
    background-position: 0 -108px;
}

.liste li a.apercu:hover {
    background-position: 0 -127px;
}

.liste li a span {
    display: none;
}

.liste a:hover {
    color: #181a1b;
}

/* @end */

/* @end */

/* @group couleur */

/* @group default foncé */

.home .contentFonce #content h2,
.home .contentFonce #content p,
.home .contentFonce #aside p, .home .contentFonce header p,
.home .contentFonce #content ul.puces li,
.home .contentFonce #aside span, .home .contentFonce header span,
.soin #aside p, .soin header p,
.soin #aside span, .soin header span,
.home .contentFonce #aside b, .home .contentFonce header b, .soin #aside h1,
.soin #aside .accordeon li a, .soin #aside p a, .soin #aside .accordeon li b,
.home .contentFonce #aside #monSothys p a {
    color: #fff !important;
}

.home .contentFonce #monSothys ul li#choixLangue a,
.soin #monSothys ul li#choixLangue a {
    background-position: -66px -36px
}

.home .contentFonce #monSothys ul li#accessFavoris a,
.soin #monSothys ul li#accessFavoris a {
    background-position: -72px 0;
}

.home .contentFonce #monSothys ul li#accessSocial a,
.soin #monSothys ul li#accessSocial a {
    background-position: -72px -18px;
}

.home .contentFonce #slider .titleContent a.prev span {
    background-position: 0 -37px;
}

.home .contentFonce #slider .titleContent a.next span {
    background-position: -9px -37px;
}

.menuFonce #nav #navContent ul.lvl1 li a span.txt,
.menuFonce #nav #navContent ul.lvl1 li.log {
    color: #fff;
}

.menuFonce #nav #navContent .footer ul li a.facebook {
    background-position: -18px -54px;
}

.menuFonce #nav #navContent ul.lvl1 li.log span {
    background-position: -41px -94px;
}

.menuFonce #nav #navContent .footer ul li a.twitter {
    background-position: 0 -54px;
}

.menuFonce #nav #navContent .footer ul li a.instagram {
    background-position: -18px -143px;
}

.asideFonce #aside .item .favoris {
    background-position: -2px -94px;
}

.asideFonce #aside .item .favoris.select,
.asideFonce #aside .item .favoris:hover {
    background-position: -20px -94px;
}

/* @end */

/* @group clair */

/*
 * COLOR 001
*/
.col_001 a.lienNav {
    background-color: rgba(194, 234, 234, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4cP21LwAHrQLQs3hEmQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_001 a.lienNav .puce,
.col_001 .nav .sep {
    background-color: rgba(194, 214, 234, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4eO3VfwAIXgOBGbUeRAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_001 a.lienNav .puce2 {
    color: #c1d6ea !important;
}

.col_001 a.lienNav .bg {
    background-color: rgba(194, 234, 234, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4cO3VZgAIDgM0UQOGvAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_001 div.sousMenu,
.col_001 .nav a.actif,
.col_001 .nav a:hover {
    background-color: rgba(194, 234, 234, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4cO3VZgAIDgM0UQOGvAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_001 div.sousMenu ul li a,
.col_001 h4, .col_001 h4 a {
    color: #5990cb !important;
}

#navMenu .col_001,
.col_001 div.sousMenu a {
    /*border-color: rgba(194,214,234,1) !important;*/
    border-color: #c2d6ea !important;
}

/* content */
.col_001 input.submit,
.col_001 .select .puce,
.col_001 form .select .liste span.hover {
    background-color: #5990cb;
}

.col_001 .descriptif a {
    border-color: #5990cb !important;
}

/*
 * COLOR 005
*/
.col_005 a.lienNav {
    background-color: rgba(158, 184, 210, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWOYv/OiLwAGmwJ3GkX6rwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_005 a.lienNav .puce,
.col_005 .nav .sep {
    background-color: rgba(158, 184, 210, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWOYt+PSfwAHSAMo6HwgaAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_005 a.lienNav .puce2 {
    color: #9eb8d2 !important;
}

.col_005 a.lienNav .bg {
    background-color: rgba(158, 184, 210, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWOYt+PiZgAG+gLbJw8JlQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_005 div.sousMenu,
.col_005 .nav a.actif,
.col_005 .nav a:hover,
.soin .col_005 #asideContent {
    background-color: rgba(158, 184, 210, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWOYt+PiZgAG+gLbJw8JlQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_005 div.sousMenu ul li a,
.col_005 h4, .col_005 h4 a,
.col_005 .color {
    color: #3d78b3 !important;
}

#navMenu .col_005,
.col_005 div.sousMenu a {
    /*border-color: rgba(158,184,210,1) !important;*/
    border-color: #9eb8d2 !important;
}

/* content */
.col_005 input.submit,
.col_005 .select .puce,
.col_005 form .select .liste span.hover {
    background-color: #3d78b3;
}

.col_005 .descriptif a {
    border-color: #3d78b3 !important;
}

/*
 * COLOR 010
*/
.col_010 a.lienNav {
    background-color: rgba(187, 174, 200, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYueG4LwAG1AJ+CM8DCgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_010 a.lienNav .puce,
.col_010 .nav .sep {
    background-color: rgba(187, 174, 200, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYse7EfwAHfgMuU1LecAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_010 a.lienNav .puce2 {
    color: #b8aec8 !important;
}

.col_010 a.lienNav .bg,
.col_010 .descriptif span.last {
    background-color: rgba(187, 174, 200, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYse74ZgAHMALhcIwMrwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_010 div.sousMenu,
.col_010 .nav a.actif,
.col_010 .nav a:hover {
    background-color: rgba(187, 174, 200, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYse7EGQAHSwL7QP0CVgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_010 div.sousMenu ul li a,
.col_010 h4, .col_010 h4 a,
.col_010 .color, .col_010 .infoBulleFleche {
    color: #7a5fa6 !important;
}

#navMenu .col_010,
.col_010 div.sousMenu a {
    border-color: #b8aec8 !important;
}

/* content */
.col_010 input.submit,
.col_010 .select .puce,
.col_010 form .select .liste span.hover,
.col_010 .infoBulleText {
    background-color: #7a5fa6 !important;
}

.col_010 .descriptif a {
    border-color: #7a5fa6 !important;
}

/*
 * COLOR 015
*/
.col_015 a.lienNav {
    background-color: rgba(216, 178, 197, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWO4vvmwLwAHTQKbu+b8pwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_015 a.lienNav .puce,
.col_015 .nav .sep {
    background-color: rgba(216, 178, 197, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWO4senofwAIBANPu90s7wAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_015 a.lienNav .puce2 {
    color: #d8b2c5 !important;
}

.col_015 a.lienNav .bg {
    background-color: rgba(216, 178, 197, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWO4uenoZgAHvAMEVvz6QgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_015 div.sousMenu,
.col_015 .nav a.actif,
.col_015 .nav a:hover {
    background-color: rgba(216, 178, 197, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWO4senYGQAH0wMdmNNmwQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_015 div.sousMenu ul li a,
.col_015 h4, .col_015 h4 a,
.col_015 .color,
.col_015 .infoBulleFleche {
    color: #d7609c !important;
}

#navMenu .col_015,
.col_015 div.sousMenu a {
    border-color: #d8b2c5 !important;
}

/* content */
.col_015 input.submit,
.col_015 .select .puce,
.col_015 form .select .liste span.hover,
.col_015 .infoBulleText {
    background-color: #d7609c !important;
}

.col_015 .descriptif a {
    border-color: #d7609c !important;
}

/*
 * COLOR 020
*/
.col_020 a.lienNav {
    background-color: rgba(227, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4umyGLwAHCAJxBOjNugAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_020 a.lienNav .puce,
.col_020 .nav .sep {
    background-color: rgba(227, 182, 163, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4vHTmfwAHsQMh52t/lgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_020 a.lienNav .puce2 {
    color: #e3a599 !important;
}

.col_020 a.lienNav .bg {
    background-color: rgba(227, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4vHTGZgAHYwLUVs7D1QAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_020 div.sousMenu,
.col_020 .nav a.actif,
.col_020 .nav a:hover {
    background-color: rgba(227, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4snTmGQAHggLvsu7NfAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_020 div.sousMenu ul li a,
.col_020 h4, .col_020 h4 a,
.col_020 .color,
.col_020 .infoBulleFleche {
    color: #e18b7b !important;
}

#navMenu .col_020,
.col_020 div.sousMenu a {
    border-color: #e3a599 !important;
}

/* content */
.col_020 input.submit,
.col_020 .select .puce,
.col_020 form .select .liste span.hover,
.col_020 .infoBulleText {
    background-color: #e18b7b !important;
}

.col_020 .descriptif a {
    border-color: #e18b7b !important;
}

/*
 * COLOR 025
*/
.col_025 a.lienNav {
    background-color: rgba(229, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4um2RLwAHTAKLQMBRegAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_025 a.lienNav .puce,
.col_025 .nav .sep {
    background-color: rgba(229, 182, 163, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4um3xfwAIAAM+RAsH2AAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_025 a.lienNav .puce2 {
    color: #e5b6a3 !important;
}

.col_025 a.lienNav .bg {
    background-color: rgba(229, 182, 163, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4um3RZgAHsgLxIxa5XwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_025 div.sousMenu {
    background-color: rgba(229, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4un3xGQAH0AMM+yCuUgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_025 div.sousMenu ul li a,
.col_025 h4, .col_025 h4 a,
.col_025 .color,
.col_025 .infoBulleFleche {
    color: #bd503a !important;
}

#navMenu .col_025,
.col_025 div.sousMenu a {
    border-color: #e5b6a3 !important;
}

/* content */
.col_025 input.submit,
.col_025 .select .puce,
.col_025 form .select .liste span.hover,
.col_025 .infoBulleText,
.col_025 .nav .sep,
.col_025 .nav a.actif,
.col_025 .nav a:hover {
    background-color: #bd503a !important;
}

.col_025 .descriptif a {
    border-color: #bd503a !important;
}

/*
 * COLOR 030
*/
.col_030 a.lienNav {
    background-color: rgba(229, 182, 180, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4dHGzLwAH8wLEjZdpXAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_030 a.lienNav .puce,
.col_030 .nav .sep, .col_030 .bg_color {
    background-color: rgba(229, 182, 180, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4dGHLfwAIpAN2L8EFTgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_030 a.lienNav .puce2 {
    color: #f2d0b4 !important;
}

.col_030 a.lienNav .bg {
    background-color: rgba(229, 182, 180, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4dGHzZgAIVgMp3QBW8wAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_030 div.sousMenu {
    background-color: rgba(229, 182, 180, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4fGHLGQAIdQNEDihFlgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_030 div.sousMenu ul li a,
.col_030 h4, .col_030 h4 a,
.col_030 .color,
.col_030 .infoBulleFleche {
    color: #e1a36f !important;
}

#navMenu .col_030,
.col_030 div.sousMenu a {
    border-color: #f2d0b4 !important;
}

/* content */
.col_030 input.submit,
.col_030 .select .puce,
.col_030 form .select .liste span.hover,
.col_030 .infoBulleText,
.col_030 .nav .sep,
.col_030 .nav a.actif,
.col_030 .nav a:hover {
    background-color: #e1a36f !important;
}

.col_030 .descriptif a {
    border-color: #e1a36f !important;
}

/*
 * COLOR 035 rgba(242,208,180,0.8)
*/
.col_035 a.lienNav {
    background-color: rgba(242, 208, 180, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4+nCbLwAINQLaJLYCIwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_035 a.lienNav .puce,
.col_035 .nav .sep {
    background-color: rgba(242, 208, 180, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP48mDrfwAI3gOJTf1HggAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_035 a.lienNav .puce2 {
    color: #f4e0b5 !important;
}

.col_035 a.lienNav .bg {
    background-color: rgba(242, 208, 180, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP48mDrZgAIkgM93KgX4AAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_035 div.sousMenu {
    background-color: rgba(242, 208, 180, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP48mDrGQAIqwNW1wbOOwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_035 div.sousMenu ul li a,
.col_035 h4, .col_035 h4 a,
.col_035 .color,
.col_035 .infoBulleFleche {
    color: #b66c2d !important;
}

#navMenu .col_035,
.col_035 div.sousMenu a {
    border-color: #f4e0b5 !important;
}

/* content */
.col_035 input.submit,
.col_035 .select .puce,
.col_035 form .select .liste span.hover,
.col_035 .infoBulleText,
.col_035 .nav .sep,
.col_035 .nav a.actif,
.col_035 .nav a:hover {
    background-color: #b66c2d !important;
}

.col_035 .descriptif a {
    border-color: #b66c2d !important;
}

/*
 * COLOR 040 rgba(244,224,181,0.8)
*/
.col_040 a.lienNav {
    background-color: rgba(244, 224, 181, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4+u6sLwAIigL+gXliwAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_040 a.lienNav .puce,
.col_040 .nav .sep {
    background-color: rgba(244, 224, 181, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4+vbcfwAJOwOwOp4+FgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_040 a.lienNav .puce2 {
    color: #f5edce !important;
}

.col_040 a.lienNav .bg {
    background-color: rgba(244, 224, 181, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4+ub8ZgAI7gNkHwHjgQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_040 div.sousMenu {
    background-color: rgba(244, 224, 181, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWP4+u7cGQAJCwN+E9ry6AAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_040 div.sousMenu ul li a,
.col_040 h4, .col_040 h4 a,
.col_040 .color,
.col_040 .infoBulleFleche {
    color: #debf46 !important;
}

#navMenu .col_040,
.col_040 div.sousMenu a {
    border-color: #f5edce !important;
}

/* content */
.col_040 input.submit,
.col_040 .select .puce,
.col_040 form .select .liste span.hover,
.col_040 .infoBulleText,
.col_040 .nav .sep,
.col_040 .nav a.actif, .col_040 .hightlight,
.col_040 .nav a:hover {
    background-color: #debf46 !important;
}

.col_040 .descriptif a {
    border-color: #debf46 !important;
}

/*
 * COLOR 045 rgba(227,182,163,0.8)
*/
.col_045 a.lienNav {
    background-color: rgba(227, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4+PSALwAIBQLUnT6oJwAAAABJRU5ErkJggg==) !important;*/
}

.col_045 a.lienNav .puce,
.col_045 .nav .sep {
    background-color: rgba(227, 182, 163, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4+Hj/fwAIrwODt/+9JwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_045 a.lienNav .puce2 {
    color: #e1e3bf !important;
}

.col_045 a.lienNav .bg {
    background-color: rgba(227, 182, 163, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4+Hj/ZgAIYwM3x5/2xQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_045 div.sousMenu {
    background-color: rgba(227, 182, 163, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWN4+GT/GQAIfwNRpxLzzAAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_045 div.sousMenu ul li a,
.col_045 h4, .col_045 h4 a,
.col_045 .color,
.col_045 .infoBulleFleche {
    color: #b2b930 !important;
}

/*{color: #b2b930 !important;}*/
#navMenu .col_045,
.col_045 div.sousMenu a {
    border-color: #e1e3bf !important;
}

/* content */
.col_045 input.submit,
.col_045 .select .puce,
.col_045 form .select .liste span.hover,
.col_045 .infoBulleText,
.col_045 .nav .sep,
.col_045 .nav a.actif,
.col_045 .nav a:hover {
    background-color: #b2b930 !important;
}

.col_045 .descriptif a {
    border-color: #b2b930 !important;
}

/*
 * COLOR 050 rgba(245,237,206,0.8)
*/
.col_050 a.lienNav {
    background-color: rgba(245, 237, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYeXGvLwAHIwKVAh4vMwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_050 a.lienNav .puce,
.col_050 .nav .sep {
    background-color: rgba(245, 237, 206, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYeWnvfwAH2ANIvS17OgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_050 a.lienNav .puce2 {
    color: #b9d2bd !important;
}

.col_050 a.lienNav .bg {
    background-color: rgba(245, 237, 206, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYeXHvZgAHiQL7EKeVBwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_050 div.sousMenu {
    background-color: rgba(245, 237, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYeWnvGQAHpQMVKnNBNwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_050 div.sousMenu ul li a,
.col_050 h4, .col_050 h4 a,
.col_050 .color,
.col_050 .infoBulleFleche {
    color: #3cb753 !important;
}

#navMenu .col_050,
.col_050 div.sousMenu a {
    border-color: #b9d2bd !important;
}

/* content */
.col_050 input.submit,
.col_050 .select .puce,
.col_050 form .select .liste span.hover,
.col_050 .infoBulleText,
.col_050 .nav .sep,
.col_050 .nav a.actif,
.col_050 .nav a:hover {
    background-color: #3cb753 !important;
}

.col_050 .descriptif a {
    border-color: #3cb753 !important;
}

/*
 * COLOR 055 rgba(186,211,206,0.8)
*/
.col_055 a.lienNav {
    background-color: rgba(186, 211, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYeeWsLwAHTAKog99PqQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_055 a.lienNav .puce,
.col_055 .nav .sep {
    background-color: rgba(186, 211, 206, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYdfncfwAIAQNbs5fcJwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_055 a.lienNav .puce2 {
    color: #bad3ce !important;
}

.col_055 a.lienNav .bg {
    background-color: rgba(186, 211, 206, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYffn8ZgAHuwMR5YjX7gAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_055 div.sousMenu {
    background-color: rgba(186, 211, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWPYdfncGQAHzgMoZqbRzQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_055 div.sousMenu ul li a,
.col_055 h4, .col_055 h4 a,
.col_055 .color,
.col_055 .infoBulleFleche {
    color: #41a995 !important;
}

#navMenu .col_055,
.col_055 div.sousMenu a {
    border-color: #bad3ce !important;
}

/* content */
.col_055 input.submit,
.col_055 .select .puce,
.col_055 form .select .liste span.hover,
.col_055 .infoBulleText,
.col_055 .nav .sep,
.col_055 .nav a.actif,
.col_055 .nav a:hover {
    background-color: #41a995 !important;
}

.col_055 .descriptif a {
    border-color: #41a995 !important;
}

/*
 * COLOR 060 rgba(194,234,234,0.8)
*/
.col_060 a.lienNav {
    background-color: rgba(194, 234, 234, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_060 a.lienNav .puce,
.col_060 .nav .sep {
    background-color: rgba(194, 234, 234, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_060 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_060 a.lienNav .bg {
    background-color: rgba(194, 234, 234, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_060 div.sousMenu {
    background-color: rgba(194, 234, 234, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_060 .nav .sep {
    background-color: rgba(194, 234, 234, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_060 div.sousMenu ul li a,
.col_060 h4, .col_060 h4 a,
.col_060 .color,
.col_060 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_060,
.col_060 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_060 input.submit,
.col_060 .select .puce,
.col_060 form .select .liste span.hover,
.col_060 .infoBulleText,
.col_060 .nav .sep,
.col_060 .nav a.actif,
.col_060 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_060 .descriptif a {
    border-color: #4fb2a1 !important;
}

/*
 * COLOR 065 rgba(158,184,210,0.8)
*/
.col_065 a.lienNav {
    background-color: rgba(158, 184, 210, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_065 a.lienNav .puce,
.col_065 .nav .sep {
    background-color: rgba(158, 184, 210, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_065 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_065 a.lienNav .bg {
    background-color: rgba(158, 184, 210, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_065 div.sousMenu {
    background-color: rgba(158, 184, 210, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_065 .nav .sep {
    background-color: rgba(158, 184, 210, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_065 div.sousMenu ul li a,
.col_065 h4, .col_065 h4 a,
.col_065 .color,
.col_065 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_065,
.col_065 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_065 input.submit,
.col_065 .select .puce,
.col_065 form .select .liste span.hover,
.col_065 .infoBulleText,
.col_065 .nav .sep,
.col_065 .nav a.actif,
.col_065 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_065 .descriptif a {
    border-color: #4fb2a1 !important;
}

/*
 * COLOR 070 rgba(184,174,200,0.8)
*/
.col_070 a.lienNav {
    background-color: rgba(184, 174, 200, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_070 a.lienNav .puce,
.col_070 .nav .sep {
    background-color: rgba(184, 174, 200, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_070 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_070 a.lienNav .bg {
    background-color: rgba(184, 174, 200, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_070 div.sousMenu {
    background-color: rgba(184, 174, 200, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_070 .nav .sep {
    background-color: rgba(184, 174, 200, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_070 div.sousMenu ul li a,
.col_070 h4, .col_070 h4 a,
.col_070 .color,
.col_070 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_070,
.col_070 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_070 input.submit,
.col_070 .select .puce,
.col_070 form .select .liste span.hover,
.col_070 .infoBulleText,
.col_070 .nav .sep,
.col_070 .nav a.actif,
.col_070 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_070 .descriptif a {
    border-color: #4fb2a1 !important;
}

/*
 * COLOR 075 rgba(216,178,197,0.8)
*/
.col_075 a.lienNav {
    background-color: rgba(216, 178, 197, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_075 a.lienNav .puce,
.col_075 .nav .sep {
    background-color: rgba(216, 178, 197, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_075 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_075 a.lienNav .bg {
    background-color: rgba(216, 178, 197, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_075 div.sousMenu {
    background-color: rgba(216, 178, 197, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_075 .nav .sep {
    background-color: rgba(216, 178, 197, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_075 div.sousMenu ul li a,
.col_075 h4, .col_075 h4 a,
.col_075 .color,
.col_075 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_075,
.col_075 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_075 input.submit,
.col_075 .select .puce,
.col_075 form .select .liste span.hover,
.col_075 .infoBulleText,
.col_075 .nav .sep,
.col_075 .nav a.actif,
.col_075 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_075 .descriptif a {
    border-color: #4fb2a1 !important;
}

/*
 * COLOR 085 rgba(245,237,206,0.8)
*/
.col_085 a.lienNav {
    background-color: rgba(245, 237, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_085 a.lienNav .puce,
.col_085 .nav .sep {
    background-color: rgba(245, 237, 206, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_085 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_085 a.lienNav .bg {
    background-color: rgba(245, 237, 206, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_085 div.sousMenu {
    background-color: rgba(245, 237, 206, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_085 .nav .sep {
    background-color: rgba(245, 237, 206, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_085 div.sousMenu ul li a,
.col_085 h4, .col_085 h4 a,
.col_085 .color,
.col_085 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_085,
.col_085 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_085 input.submit,
.col_085 .select .puce,
.col_085 form .select .liste span.hover,
.col_085 .infoBulleText,
.col_085 .nav .sep,
.col_085 .nav a.actif,
.col_085 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_085 .descriptif a {
    border-color: #4fb2a1 !important;
}

/*
 * COLOR 090 rgba(185,210,189,0.8)
*/
.col_090 a.lienNav {
    background-color: rgba(185, 210, 189, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM4++KpLwAICALo/U84dQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_090 a.lienNav .puce,
.col_090 .nav .sep {
    background-color: rgba(185, 210, 189, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_090 a.lienNav .puce2 {
    color: #cce9e4 !important;
}

.col_090 a.lienNav .bg {
    background-color: rgba(185, 210, 189, .7) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48+rJZgAIbgNOXGcWlwAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_090 div.sousMenu {
    background-color: rgba(185, 210, 189, .8) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJGQAIhANmmI1+kQAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_090 .nav .sep {
    background-color: rgba(185, 210, 189, 1) !important;
    /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWM48/LJfwAItwOZTQ8mkgAAAABJRU5ErkJggg==) repeat !important;*/
}

.col_090 div.sousMenu ul li a,
.col_090 h4, .col_090 h4 a,
.col_090 .color,
.col_090 .infoBulleFleche {
    color: #4fb2a1 !important;
}

#navMenu .col_090,
.col_090 div.sousMenu a {
    border-color: #cce9e4 !important;
}

/* content */
.col_090 input.submit,
.col_090 .select .puce,
.col_090 form .select .liste span.hover,
.col_090 .infoBulleText,
.col_090 .nav .sep,
.col_090 .nav a.actif,
.col_090 .nav a:hover {
    background-color: #4fb2a1 !important;
}

.col_090 .descriptif a {
    border-color: #4fb2a1 !important;
}

/* @end */

/* @end */

/* @group .spa .soin */

.spa #aside #asideContent,
.univers #aside #asideContent {
    background-color: rgba(255, 255, 255, .8);
}

.soin #aside h3 {
    color: #fff;
    margin:0;
}

.spa #monSothys, .soin #monSothys,
.soin #aside .footer {
    left: 0px;
    padding-left: 14px;
    width: 171px;
    color: #fff;
}

.soin #aside .footer {
    border-top: 1px solid #fff;
}

.soin #aside .footer .favoris {
    color: #fff !important;
}

.soin #aside .footer .favoris span {
    background-position: -20px -94px;
}

.spa #aside, .soin #aside, .univers #aside {
    width: 185px;
}

.spa #aside #asideContent, .soin #aside #asideContent, .univers #aside #asideContent{
    width: 157px;
    padding-left: 14px;
    padding-right: 14px;
}

#aside #asideContent {
    padding-top: 120px;
}
.Treat {
    display: flex;
}
.Treat select{margin: 2px;}

.products_list #aside #asideContent,.treatments_list #aside #asideContent,.produit #aside #asideContent,.salonSubSite #aside #asideContent,.salonTreatmentList #aside #asideContent {
    padding-top: 75px;
}

.spa #monSothys ul li ul a,
.soin #monSothys ul li ul a,
.univers #monSothys ul li ul a {
    color: #fff !important;
}

/* @end */

/* @group InfoBulle */

#infoBulle {
    display: none;
    position: absolute;
    text-align: center;
    font-size: 0.8125em;
    z-index: 500000;
}

#infoBulle .infoBulleText {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #525c64;
    padding: 8px 12px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

#infoBulle .infoBulleFleche {
    color: #525c64;
    display: block;
    clear: both;
    font-size: 18px;
    margin-top: -7px;
}

/* @end */
/************************************************/
/*                                              */
/*       	 PLUGIN PARTAGE SOCIAL 			 	*/
/*                                              */
/************************************************/
#social {
    left: -35px;
    position: absolute;
    top: 0;
    z-index: 10000000;
}

#social li {
    display: inline;
    float: left;
    margin-right: 8px;
    clear: both;
    position: relative;
}

#social li > a,
#social li > .count {
    float: left;
}

#social a,
#social #facebookSendFriend {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(images/sprite_Picto_reseaux-sociaux.png);
    position: relative;
    /* */
    margin-right: 2px;
    float: left;
}

#social a span {
    position: absolute;
    z-index: -1;
    top: -9999px;
}

#social .count {
    float: right;
    background-color: #505C66;
    padding: 1px 6px 0px;
    color: #fff;
    position: absolute;
    top: -6px;
    right: 19px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/* #social .count.disabled{ display: none; } */

#social #facebookSendFriend .fb_edge_widget_with_comment {
    float: right;
    height: 24px;
    margin-right: -1px;
    margin-top: 1px;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.facebookSendFriendContent {
    display: block;
    width: 24px !important;
    height: 24px !important;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.facebookSendFriendContent span {
    float: right;
    margin-right: -36px;
    opacity: 0;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.facebookSendFriendContent .disabled {
    float: right;
    margin-right: -36px;
    opacity: 0;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.facebookSendFriendContent .disabled span {
    float: none;
    margin-right: 0;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span {
    /* opacity: 0; */
    overflow: hidden;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.fb_edge_comment_widget {
    left: -332px !important;
}

#social #facebookSendFriend .fb_edge_widget_with_comment span.fb_edge_comment_widget,
#social #facebookSendFriend .fb_edge_widget_with_comment span.fb_edge_comment_widget span {
    opacity: 1;
    overflow: visible;
}

#social #fb_share a {
    background-position: 0px 0px;
}

#social #fb_share a:hover {
    background-position: -24px 0px;
}

.asideFonce #social #fb_share a {
    background-position: -48px 0px;
}

.asideFonce #social #fb_share a:hover {
    background-position: -72px 0px;
}

#social #twitter_share a {
    background-position: 0px -24px;
}

#social #twitter_share a:hover {
    background-position: -24px -24px;
}

#social #insta_share a {
    background-position: 45px -71px;
}

#social #insta_share a:hover {
    background-position: -24px -72px;
}

.asideFonce #social #twitter_share a {
    background-position: -48px -24px;
}

.asideFonce #social #twitter_share a:hover {
    background-position: -72px -24px;
}

#social #facebookSendFriend {
    background-position: 0px -48px;
}

#social #facebookSendFriend:hover {
    background-position: -24px -48px;
}

.asideFonce #social #facebookSendFriend {
    background-position: -48px -48px;
}

.asideFonce #social #facebookSendFriend:hover {
    background-position: -72px -48px;
}

/* SOCIAL HOME PAGE */
.home #social {
    left: -7px;
    top: -81px;
}

.home #social li {
    float: none;
}

#copyright {
    text-transform: none;
}

#credit_photo{
    padding-top:4px;
}

.menuFonce #copyright {
    color: #E0E0E0;
}

#aside #asideContent {
    z-index: 100000000;
}

#infoBulle {
    z-index: 200000000;
}

.pos-map {
    border-bottom: 1px solid #E4E5E6;
    margin-bottom: 8px;
}

.selectForm{
    background: #E5E5E5;
    border: none;
    line-height: 22px;
    height: 22px;
}

form input:disabled, form textarea:disabled{
    cursor: not-allowed;
}
.btn-change-address{
    margin-bottom: 35px;
}

/* @group Responsive */

@media only screen
and (min-width: 1280px) {
    /* Styles */
    #conteneur {
        width: 75%;
    }

    #conteneur #content {
        margin: 0 auto;
    }

    #content {
        width: 65%;
    }

    .fai #headerLink{
        width:75%;
        margin:0 auto;
    }

    #headerLink {
        padding-top: 20px;
        text-align: right;
        width: 100%;
    }

    #conteneur.menuFonce #headerLink a{
        color: white;
        text-transform: uppercase;
        font-size: 11px;
        border: white 1px solid;
        padding: 8px;
    }

    #headerLink a{
        color: #4c585f;
        text-transform: uppercase;
        font-size: 11px;
        border: #4c585f 1px solid;
        padding: 8px;
    }


    #arianne {
        width: 180px;
    }

    .products_list #content,.treatments_list #content,.spas_list #content {
        width: 54.35546875%;
    }

    .home #content {
        width: 65%;
    }

    .content {
        width: 70%;
        /*width: 50.075872534%;*/
        padding-left: 0;
        margin: 0 auto;
    }

    #loginSalon .content {
        width:100%;
    }

    .content img {
        width: 100%;
        height: auto;
    }

    .content img.plus {
        width: 11px;
    }

    div.pointVente .description span img {
        width: 8px;
    }
}

@media only screen
and (max-width: 1024px) {
    #conteneur {
        width: 86.979166667%;
        margin: 0 2.510417%;;
    }

    #content, #aside, .spa #aside, .soin #aside, .univers #aside, #footer {
        width: auto;
        margin-left: 180px;
        float: none;
        padding-left: 12px;
    }

    .soin #content {
        display: none;
    }

    #content .content, #aside #asideContent {
        width: 100%;
        position: static;
    }

    .content {
        width: 80%;

    }

    #content .content {
        padding-top: 0;
    }

    #content .content img {
        width: 100%;
    }

    #content .content .produit img {
        width: auto;
    }

    #content .content .description span img, .home #content .content img {
        width: auto;
    }

    .cartInfo,.titleCart{
        font-size: 12px !important;
        min-height: 85px !important;
    }

    .cart_row{
        margin-bottom: 0!important;
    }

    h1 {
        margin-bottom: 15px;
        /*width: 80%;*/
    }

    form input {
        padding: 4px 3%;
    }

    .col3 div {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .footer {
        position: static;
        height: 55px;
    }

    #nav #navContent ul.lvl1 li a span.txt {
        font-size: 1.1em;
    }

    #nav #navContent ul.lvl1.uppercase li a span.txt {
        font-size: 1.11em;
    }

    #nav #navContent ul.uppercase li a {
        padding-top: 8px;
        height: 19px;
    }

    #nav #navContent {
        top: 0 !important; /*position: relative;*/
    }

    /* SLIDER */
    #slider .titleContent {
        padding: 0 4.0983606555%;
        width: 91.803278689%;
    }

    #slider .titleContent h2 {
        padding-right: 2.901785714%;
        padding-left: 0;
        padding-top: 0px;
        width: 97.098214286%;
        text-align: right;
    }

    #slider .titleContent a span {
        margin-top: 25px;
    }

    #slider .puces {
        margin-right: 7.00015%;
    }

    #slider p img {
        display: block;
        float: right;
        clear: right;
        margin-left: 10px;
        margin-top: 2px;
    }

    #slider .titleContent {
        min-height: 90px;
        height: auto;
    }

    #slider {
        margin-bottom: 20px;
    }

    #slider .titleContent h2 {
        text-align: left;
        padding-right: 0;
        padding-left: 2.90179%;
    }

    #slider .visuel {
        width: 100%;
        overflow: hidden;
    }

    #slider .visuel img {
        display: none;
        max-width: 100%;
    }

    #slider .titleContent {
        min-height: 85px;
    }

    #slider .puces {
        margin: 0;
        float: none;
        text-align: center;
        height: auto;
        margin-bottom: 10px;
    }

    #slider .puces li {
        float: none;
        display: inline-block;
    }

    #slider .puces li.actif {
        /*height: 16px;*/
    }

    body.univers #supersized, body.soin #supersized, body.spa #supersized {
        display: none;
    }

    /* ASIDE */
    #aside #vignetteHome {
        display: none;
        padding: 0;
    }

    #aside #asideContent, .spa #aside #asideContent, .soin #aside #asideContent, .univers #aside #asideContent {
        padding: 134px 0 0 !important;
    }

    .spa #aside #asideContent, .soin #aside #asideContent, .soin #aside #asideContent, .univers #aside #asideContent {
        width: 100%;
        background: none !important;
    }

    .soin #aside p, .soin header p, .soin #aside span, .soin header span,
    .soin #aside h3, #aside p, .soin #aside h1,
    .soin #aside .accordeon li a, .soin #aside .accordeon li b {
        color: #4C575F !important;
    }

    .soin #aside .item .favoris {
        background-position: -2px -76px;
    }

    .soin #aside .item .favoris:hover {
        background-position: -20px -76px;
    }

    form.pointVente .submit {
        margin-top: -29px;
        padding: 4px 10px;
    }

    form.pointVente .submit,
    form.pointVente .select span.choix,
    form.pointVente #dep {
        font-size: 14px;
        line-height: 14px;
    }

    .spa #content .content, .soin #content .content, .univers #content .content {
        clear: both;
        padding-top: 120px;
    }

    .contentFonce .footer {
        color: #fff;
        border-top: 1px solid #fff;
    }

    .contentFonce .footer .favoris {
        color: #fff;
    }

    .contentFonce .footer .favoris span {
        background-position: -20px -94px;
    }

    #monSothys {
        left: auto !important;
        right: -5px;
    }

    #aside .item .favoris {
        position: static;
        float: left;
        margin-top: 11px;
    }

    #aside .multiImg {
        width: 100%;
        margin-bottom: 5px;
    }

    #aside .multiImg img {
        float: left;
        max-height: 100%;
        width: auto;
        margin: 0.4% 0.5%;
        height: auto;
        display: block;
    }

    #aside .multiImg img.type1 {
        width: 19.508357915%;
    }

    #aside .multiImg img.type2 {
        width: 27.571428571%;
        margin-bottom: 0.2%;
    }

    #aside .multiImg img.type3 {
        width: 47.958046541%;
        margin-bottom: 0.54%;
    }

    #aside .produit img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
        height: auto;
    }

    #aside a.video {
        font-size: 0.7em;
    }

    #aside a.video span {
        top: 6px;
    }

    #aside h3 br {
        display: none;
    }

    .accordeon {
        border: 0;
    }

    .accordeon li a {
        padding: 6px 0;
    }

    .accordeon li a:after {
        content: " ";
        display: block;
        width: 8px;
        height: 6px;
        float: right;
        background: url(images/sprite.png) no-repeat -48px -43px;
        margin-top: 4px;
    }

    .item .blocImg a img {
        min-width: 100%;
        max-width: 100%;
        height: auto;
    }

    .popin_produits #content .content .item .blocImg a img {
        min-width: inherit;
        max-width: 100%;
        width: auto;
    }

    .popin_produits .item .visuel {
        text-align: left;
    }

    .content img.plus {
        width: 11px !important;
    }

    #aside .item {
        float: right;
        margin-top: 2px;
        float: right;
        margin-top: 2px;
        position: absolute;
        right: 0;
    }

    /*.soin #aside .item{ float: left; margin-right: 7px; }*/
    .multiImg img, .multiImg img.type1 {
        float: none;
        margin: 2px 2px 2px 0;
    }

    form .select {
        padding: 3px 3%;
    }

    /* HEADER */
    header {
        position: fixed;
        background-color: #fff;
        height: 126px;
        width: 94%;
        padding-bottom: 8px;
        z-index: 2;
    }

    body.home header {
        background-color: transparent;
    }

    body.gris header {
        background-color: #F6F6F6;
    }

    /* CONTENT */
    .content p,
    .content .nav li a, .item h3, h4, .accordeon li a, form label, .liste li, .liste li .new,
    #aside p {
        font-size: .90em;
    }

    .item .blocImg .header h4, form .select .liste span, form .select span.choix {
        font-size: 1.2em;
    }

    p.legal {
        font-size: .8em;
    }

    #monSothys p, #monSothys ul li a {
        font-size: 0.6875em;
    }

    .asideFonce #monSothys p, .asideFonce #monSothys ul li a {
        color: #fff !important;
    }

    .asideFonce #monSothys ul li#choixLangue a {
        background-position: -66px -36px;
    }

    .spa #monSothys ul li#choixLangue a,
    .soin #monSothys ul li#choixLangue a {
        background-position: -30px -36px;
    }

    .asideFonce #monSothys ul li#accessFavoris a {
        background-position: -72px 0;
    }

    .spa #monSothys ul li#accessFavoris a,
    .soin #monSothys ul li#accessFavoris a {
        background-position: -36px 0;
    }

    .asideFonce #monSothys ul li#accessSocial a {
        background-position: -72px -18px;
    }

    .spa #monSothys ul li#accessSocial a,
    .soin #monSothys ul li#accessSocial a {
        background-position: -36px -18px;
    }

    .spa #monSothys p, .spa #monSothys ul li a, .spa #monSothys ul li a span,
    .soin #monSothys p {
        color: #4C575F !important;
    }

    /*, .soin #monSothys ul li a, .soin #monSothys ul li a span*/
    /* PRODUITS */
    .produit {
        height: auto;
    }

    .produit .descriptif {
        position: relative;
        margin-top: -70px;
        height: auto;
    }

    .produit .descriptif span.last {
        display: none;
    }

    .produit .descriptif a {
        min-height: 80px;
        position: relative;
        top: 0 !important;
        left: 0 !important;
        width: 50% !important;
        height: auto !important;
        float: left;
        margin-bottom: 30px;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    .produit .descriptif a:nth-child(2n+1) {
        clear: both;
    }

    .produit .descriptif a {
        -webkit-box-shadow: 0px 0px 0px 0px #fff;
        box-shadow: 0px 0px 0px 0px #fff;
    }

    .produit .descriptif a span {
        padding-left: 85px;
    }

    .produit .descriptif a:hover {
        border: 0;
    }

    .produit .descriptif a span {
        display: block;
        position: static;
        float: left;
        margin-left: 5px;
        font-size: 13px;
        overflow: visible;
    }

    .produit .descriptif a img {
        position: absolute;
        top: 0 !important;
        left: 0 !important;
        width: 80px !important;
        height: 80px !important;
        float: left;
        display: block;
        -webkit-border-radius: 55px !important;
        border-radius: 55px !important;
    }

    /* social */
    .home #social,
    #social {
        left: auto;
        right: -10px;
        top: 5px;
        position: absolute;
        float: right;
        width: 86px;
    }

    #social li {
        float: none;
    }

    #aside .item {
        position: inherit;
    }

    #monSothys {
        top: 35px;
        width: 150px;
        right: 0px;
    }

    #monSothys ul {
        float: right;
    }

    #monSothys p {
        float: right;
        margin-right: 5px;
    }

    /* actif produit */
    #content, #aside, .spa #aside, .soin #aside, .univers #aside, #footer, #content .content {
        clear: both;
    }

    .produit .descriptif {
        margin: 0;
    }

    .produit .descriptif a, body.soin #aside .vignette a {
        position: relative;
        display: block;
        width: 100% !important;
        min-height: 40px;
        height: auto;
        border-bottom: 1px solid #E2E3E3 !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .produit .descriptif a img, body.soin #aside .vignette a img {
        width: 40px !important;
        height: 40px !important;
        -webkit-border-radius: 40px !important;
        border-radius: 40px !important;
    }

    .produit .descriptif a span, body.soin #aside .vignette a span {
        display: block;
        position: absolute;
        bottom: 10px;
        left: 60px;
        margin: 0;
        padding: 0;
        font-size: 0.9em;
        text-transform: uppercase;
    }
}

@media only screen
and (max-width: 767px) {
    #conteneur {
        width: 87.5%;
        margin: 0 6.25%;
    }

    #conteneur #nav #logo {
        background-size:auto 100%;
    }

    /* NAV */
    #nav #navContent, #nav {
        position: static;
        width: 100%;
    }

    /* NAV */
    .shopping_cart #nav #navContent {
        position: absolute;
        width: 100%;
    }

    .shopping_cart h1{
        margin: 0 !important;
        font-size: 22px;
    }

    .shopping_cart #nav #navContent{
        padding-bottom:0;
    }

    .shopping_cart #nav #navContent ul.lvl1 li a{
        padding-top: 0;
    }

    .shopping_cart #nav #navContent ul.lvl1 li a {
        line-height: 27px;
    }

    #headerMenu{
        width:60%;
        float: left;
        text-align:center;
    }
    #headerMenu #logo, #headerMenu .salon{
        width:100% !important;
    }

    .cartInfo,.titleCart{
        font-size: 12px !important;
    }

    #nav #navContent #navMenu {
        background-color: #fff;
        display: none;
        position: absolute;
        top: 134px;
        z-index: 500000;
        width: 100%;
    }

    #nav #navContent #navMobil, #nav #navContent #navMobil ul {
        display: block;
    }

    #nav #arianne {
        display: none;
    }

    #nav #logo {
        background-position: center center;
        margin-top:15px !important;
    }

    .salonMenu #nav #logo, #nav #navContent #navMobil {
        width: 40% !important;
    }

    #nav #logo, #nav #navContent #navMobil {
        width: 50%;
        float: left;
        padding-top:15px;
    }

    #nav #navContent #navMobil ul {
        margin: 1px 0 0 6px;
    }

    #nav #navContent #navMobil ul li {
        border: 0;
    }

    #nav #navContent ul.lvl1 {
        margin: 0;
    }

    #nav #navContent ul.lvl1 li {
        margin-bottom: 1px;
        border-left: 5px solid gray;
        width: auto;
    }

    #nav #navContent ul.lvl1 li.log {
        border-color: #e4e6e7;
        padding-top: 13px;
        height: 28px;
    }

    #nav #navContent ul.lvl1 li.log span {
        top: 15px;
    }

    #nav #navContent ul.lvl1 li a {
        margin-bottom: 0;
        height: 28px;
        padding-top: 13px;
        padding-left: 11px;
        padding-right: 12px;
    }

    #nav #navContent ul.lvl1 li a.lienNav {
        text-transform: uppercase;
        font-size: 0.59375em;
    }

    #nav #navContent #navMobil ul li a.lienNav {
        text-transform: none;
        font-size: 0.8125em;
    }

    .contentFonce #nav #navContent ul.lvl1 li a span.txt,
    #nav #navContent ul.lvl1 li a span.txt {
        color: #515c64;
        font-size: 1.2em;
    }

    #nav #navContent ul.lvl1 li a span.puce2 {
        display: none;
    }

    #nav #navContent ul.lvl1 li a span.bg,
    #nav #navContent ul.lvl1 li.select a span.bg {
        height: 41px;
        width: 100%;
        display: none;
    }

    #nav #navContent ul.lvl1 li.ouvert a span.bg,
    #nav #navContent ul.lvl1 li.select a span.bg {
        display: block;
    }

    #nav #navContent #navMobil ul.lvl1 li a span.bg {
        display: none;
    }

    #nav #navContent ul.lvl1 li a:after {
        content: "> ";
        display: block;
        float: right;
        font-size: 1.2em;
    }

    #nav #navContent ul.lvl1 li a span.puce {
        width: 5px;
        height: 41px;
        display: none;
    }

    #nav #navContent #navMobil ul li a.accueil {
        background-color: #b8ccdf;
        border-left: 5px solid #8aaed2;
    }

    #nav #navContent #navMobil ul li a.accueil:after {
        color: #648bb8;
    }

    #nav #navContent #navMobil ul li a.contact {
        background-color: #e3c8d5;
        border-left: 5px solid #dba6c0;
    }

    #nav #navContent #navMobil ul li a.contact:after {
        color: #c382a0;
    }

    #nav #navContent #navMobil ul li a.menu {
        background-color: #f5ddc8;
        border-left: 5px solid #e7b6a2;
    }

    #nav #navContent #navMobil ul li a.menu:after {
        color: #de9e7f;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #nav #navContent ul.lvl1 div.sousMenu {
        display: none;
        width: 100%;
        position: static;
        padding-bottom: 10px;
    }

    #nav #navContent ul.lvl1 div.sousMenu .lvl2 {
        display: none;
    }

    #nav #navContent ul.lvl1 div.sousMenu .lvl2 li {
        border: 0;
    }

    #nav #navContent ul.lvl1 div.sousMenu .lvl2 li a {
        border: 0 none;
        height: auto;
        padding: 5px 0;
    }

    #nav #navContent ul.lvl1 div.sousMenu .lvl2 li a:after {
        content: "";
    }

    #nav #navContent ul.lvl1 li div img {
        display: none;
    }

    #nav #navContent ul.lvl1 li div.sousMenu a {
        width: auto;
        padding: 0;
        margin: 13px 40px 0 40px;
        border-bottom: 1px solid gray;
    }

    #nav #navContent ul.lvl1 li div.sousMenu a:after {
        content: "> ";
    }

    #nav #navContent ul.lvl1 li div.sousMenu a.actif:after {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #nav #navContent .footer {
        display: none;
    }

    .sousMenu form {
        margin: 0 5%;
        width: 90%;
    }

    .sousMenu form input {
        padding: 3px 0;
        width: 100%;
    }

    /* CONTENT */
    #content {
        clear: both;
        margin: 0;
        padding: 0;
    }

    .spa #content, .soin #content {
        display: none;
    }

    .soin #aside #slider {
        padding-top: 0px;
    }

    .col3 div {
        width: 100%;
        float: none;
    }

    #content .content .produit img {
        max-width: 100%;
    }

    h1 br {
        display: none;
    }

    .content{
        width:100%;
    }
    .content .nav li a {
        font-size: 0.9em;
    }

    .item .blocImg {
        margin-bottom: 3px;
    }

    .item .favoris {
        right: -15px;
    }

    .content p {
        width: 100%;
    }

    /* PRODUITS */
    .produit .descriptif a {
        width: 100% !important;
        height: auto !important;;
    }

    /*.produit .descriptif a img{ width: 80px !important; height: 80px !important;  }*/
    .item .blocImg .header h4 {
        font-size: 0.7em;
    }

    form.pointVente .submit {
        font-size: 0.55em;
        margin-top: -29px;
        padding-left: 2px;
    }

    .spa #content .content, .soin #content .content, .univers #content .content {
        display: none;
    }

    /* SLIDER */
    #slider {
        margin-bottom: 20px;
    }

    #slider .titleContent h2 {
        text-align: left;
        padding-right: 0;
        padding-left: 2.90179%;
    }

    #slider .visuel {
        width: 100%;
        overflow: hidden;
    }

    #slider .visuel img {
        display: none;
        max-width: 100%;
    }

    #slider p {
        text-align: left;
    }

    #slider .titleContent {
        min-height: 105px;
    }

    #slider .puces {
        margin: 0;
        float: none;
        text-align: center;
        height: auto;
        margin-bottom: 10px;
    }

    #slider .puces li {
        float: none;
        display: inline-block;
    }

    #slider .puces li.actif {
        /* height: 16px; */
    }

    body #supersized {
        display: none;
    }

    #thumb-tray {
        text-align: center;
    }

    #slider .titleContent a span {
        margin-top: 42px;
    }

    #slider .titleContent {
        margin-top: 10px;
    }

    /* ASIDE */
    #aside {
        /*display: none !important;*/
        clear: both;
    }

    #aside, .spa #aside, .soin #aside, .univers #aside {
        margin: 0;
        padding: 0;
        margin-bottom: 25px;
    }

    #aside img {
        display: block;
        margin: 0 auto;
    }

    #aside .description img {
        display: inline-block;
    }

    #aside #asideContent, .spa #aside #asideContent, .univers #aside #asideContent, .soin #aside #asideContent {
        position: static;
        padding: 0 !important;
        width: 100%;
        background: none !important;
    }

    .home #aside {
        display: none;
    }

    #aside .multiImg {
        width: 100%;
        margin-bottom: 3px;
    }

    #aside .multiImg img {
        float: left;
        max-height: 100%;
        width: auto;
        margin: 0.3% 0.3%;
    }

    #aside .multiImg img.type1 {
        width: 20.152173913%;
    }

    #aside .multiImg img.type2 {
        width: 28.536862003%;
        margin-bottom: 0.2%;
    }

    #aside .multiImg img.type3 {
        width: 49.427350427%;
        margin-bottom: 0.54%;
    }

    #aside .vignette img {
        display: inline-block;
    }

    #thumb-tray {
        border: 1px dotted black;
        border-left: 0;
        border-right: 0;
        padding: 7px 0;
    }

    #aside #asideContent .colIpad {
        float: none;
        width: auto;
    }

    /* FOOTER */
    #footer {
        clear: both;
        padding: 0;
        margin: 0;
        margin-bottom: 25px;
    }

    #footer #monSothys {
        position: static;
    }

    #footer #monSothys p {
        float: none;
        margin-bottom: 3px;
        background-color: #828a90;
        color: #fff;
        display: block;
        width: 91.4591%;
        padding: 10px 4.27046% 8px;
        margin-right: 0;
    }

    #footer #monSothys p a {
        color: #fff;
        text-transform: uppercase;
        font-size: 0.6875em;
        font-style: normal;
    }

    #monSothys ul li a span, #monSothys ul li#choixLangue a span {
        display: none;
    }

    #monSothys ul li a span.for_mobile, #monSothys ul li#choixLangue a span.for_mobile {
        display: block;
    }

    #monSothys ul li a, #monSothys ul li#choixLangue a {
        margin-bottom: 3px;
        width: auto;
        height: auto;
        background: none;
        background-color: #828a90;
        color: #fff;
        width: 95.729537368%;
        padding: 10px 2.135231316% 8px 2.135231316%;
    }

    .spa #monSothys p, .spa #monSothys ul li a, .spa #monSothys ul li a span, .soin #monSothys p {
        color: #fff !important;
    }

    #monSothys ul li#choixLangue a,
    #monSothys ul li#accessSocial a {
        width: 91.459074736%;
        padding: 10px 4.270462632% 8px 4.270462632%;
        color: #fff !important;
    }

    #monSothys ul li#choixLangue a span {
        padding: 0;
    }

    #monSothys ul li#accessFavoris, #monSothys ul {
        width: 100%;
    }

    #monSothys ul li#choixLangue,
    /*#monSothys ul li#accessSocial{ width: 49.5%; }*/
    #monSothys ul li#choixLangue {
        margin-right: 0.5%;
    }

    #monSothys ul li#accessSocial {
        margin-left: 0.5%;
        float: right;
    }

    #monSothys ul li ul {
        position: static;
        margin-bottom: 3px;
    }

    #monSothys ul li ul a, #monSothys ul li#choixLangue ul a {
        opacity: 1;
        background-color: #4C585F;
        border-bottom: 1px solid #AAAFB2;
        margin: 0;
    }

    #monSothys, .spa #monSothys, .soin #monSothys, .soin #aside .footer {
        padding: 0;
        width: 100%;
    }

    #footer #monSothys p,
    #monSothys ul li#choixLangue a {
        text-align: center;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    /* APPLI */
    body.appli #conteneur {
        margin: 0 6.25%;
        width: 87.5%;
    }

    body.appli #nav #logo {
        width: 100%;
        background-size: 62.790697674%;
        height: auto;
        background-position: top left;
    }

    body.appli #nav #navContent img {
        width: 37.209302326%;
        float: right;
    }

    body.appli li {
        position: relative;
        width: 100%;
        min-height: 60px;
        background-color: #5CBFCD;
        margin-bottom: 4px;
        line-height: 60px;
    }

    body.appli li a {
        line-height: 1em;
        display: inline-block;
        vertical-align: middle;
        font-size: .9em;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        padding: 0 20%;
        width: 60%;
        color: #fff;
    }

    body.appli #menu li a {
        padding: 0 10% 0 30%;
    }

    body.appli li:after {
        color: #fff;
        content: "›";
        position: absolute;
        top: -1px;
        right: 20px;
        font-size: 34px;
        font-family: Arial, Helvetica, sans-serif;
    }

    body.appli li.pointVenteAccess {

    }

    body.appli li.pointVenteAccess a,
    body.appli li.pointVenteAccess:after {
        color: #5D6E7B;
    }

    body.appli li.actus {

    }

    body.appli li.actus a,
    body.appli li.actus:after {
        color: #5cbfcd;
    }

    body.appli li.site {

    }

    body.appli li.site a,
    body.appli li.site:after {
        color: #5d6e7b;
    }

    body.appli li.contact {

    }

    body.appli li.contact a,
    body.appli li.contact:after {
        color: #fff;
    }

    body.appli form input[type="text"] {
        width: 77%;
        background-color: #fff;
        border: 1px solid #515c64;
        height: 20px;
    }

    body.appli form input[type="submit"] {
        background-color: #e6b6a1;
        color: #e9ebcd;
        height: 30px;
        width: 14%;
        padding: 2px 0 0 0;
        text-align: center;
        float: right;
        -webkit-appearance: none;
    }

    body.appli {
        font-family: Arial, Helvetica, sans-serif;
    }

    body.appli #actus li a {
        text-transform: none;
        padding: 0 20% 0 2%;
        width: 78%;
        font-family: Georgia, serif;
        font-size: .9em;
    }

    body.appli #actus li.actuContent {
        display: none;
    }

    body.appli #actus li.actuContent:after {
        display: none;
    }

    body.appli #actus li.actuContent p {
        background-color: #fff;
    }

    body.appli #actus li.actuContent p img {
        width: auto;
        float: left;
        margin-right: 5px;
        width: 33%;
    }

    body.appli .pointVente {
        position: relative;
    }

    body.appli .pointVente h3 {
        float: left;
    }

    body.appli .pointVente .description {
        position: static;
        float: left;
        clear: none;
        margin-left: 10px;
        margin-top: 2px;
        width: auto;
    }

    body.appli .pointVente:after {
        content: "›";
        font-size: 80px;
        color: #e6b6a1;
        position: absolute;
        top: -15px;
        right: 15px;
    }

    /* partage social */
    #aside .item-social, #social {
        position: relative;
    }

    #aside .item-social {
        margin: 0;
        margin-bottom: 5px;
    }

    #social {
        left: 0;
    }

    #social li {
        float: none;
    }

    #aside .item {
        border-bottom: 1px solid #B9BEC1;
        border-top: 1px solid #B9BEC1;
        width: 100%;
        position: inherit;
        margin-bottom: 10px;
        float: none;
    }

    .home #social, #social {
        float: none;
        position: inherit;
        margin: 0 auto;
        display: block;
        height: 36px;
    }

    #social ul {
        padding-top: 6px;
    }

    /* formulaire contact */
    form label {
        width: 100%;
    }

    form input, form textarea {
        width: 90%;
    }

    /* carte spa */
    .pos-map {
        position: relative;
        overflow: hidden;
    }
}

/* @end */

@media only screen
and (max-width: 540px) {

    #conteneur #nav #logo {
        background-size:100% auto;
    }
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010000000;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030000000;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/css/images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060000000;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    /*background: url('/css/images/fancybox_loading.gif') center center no-repeat;*/
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040000000;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040000000;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040000000;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 801000000;

}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050000000;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050000000;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

p a {
    font-style: normal;
    text-decoration: underline;
}

.blocImg {
    /*background: url(images/blocImg_bg.png) repeat-y 0 0;*/
}

.fancybox-outer .fancybox-inner {
    overflow: hidden !important;
}

/* reset css */
ul {
    list-style: none;
}

* html ul#thumb-list li.current-thumb img, * html ul#thumb-list li:hover img {
    border: 1px solid #D7609C;
}

* html ul#thumb-list li img, * html ul#thumb-list li img {
    border: 1px solid #fff;
}

.no-padding{
    padding:0 !important;
}

.no-margin{
    margin:0 !important;
}
.img-save-button{
    color: black;
}

.shopping_cart #nav #navContent ul.lvl1 li a {
    height: 27px;
}

.addQty{
    background-color: #4c575e;;
    color: whitesmoke;
}
button.submit.saveitem {
    min-width: auto;
    width: 25%;
    align-self: center;
    height: 30px;
    border-radius: 2px;
    padding: 0 10px !important;
}

.shopping_cart h1 {
    padding: 10px 0;
    margin: 10px 0;
}

.cart_row{
    padding-top: 20px;
    margin-bottom: 15px;
}

.cart_row:not(first-child){
    border-top: 1px solid lightgrey;
}

.cart_summary {
    background-color: #f1f1f1;
}

.cart_summary h1 {
    border-bottom: 2px solid white;
    padding: 14px 0;
}

.cart_summary_total {
    border-top: 2px solid white;
    padding: 15px 0 !important;
}
.summaryText{
    font-size: 12px;
}

#ordertotal, #bonustotal,#taxeValue,#grandTotalTaxes,#shipping,#shippingNotCalculate,#taxeAndFees {
    margin-right: 20px;
}

#bonustotal img, #grandtotalValue img{
    margin-right:-20px;
}

#shippingNotCalculate img, #taxeAndFees img, #shipping img,#bonustotal img {
    width: 15px !important;
    vertical-align: middle;
}

.cart_summary_row, .cart_summary_total {
    margin: 5px 0;
}

.selectionTypeQty{
    position: absolute !important;
    bottom:5px;
}

.shopping_cart .content{
    padding-top: 170px;
    width: 80%;
}

.mediaCart, .mediaCartTreat {
    display: block;
    text-align: center;
}

.mediaCart img{
    width:auto;
    max-height: 110px;
}
.mediaCartTreat img{
    width:100%;
    padding-right: 10px;
}

.breadcrumb {
    display: flex;
    border-radius: 3px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    top: 50%;
    width: 100%;
    height: 57px;
    transform: translateY(-50%);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 4px 14px rgba(0, 0, 0, 0.22);
    z-index: 1;
    background-color: #F6F6F6;
    font-size: 14px;
    text-transform: uppercase;
}

.breadcrumb a {
    position: relative;
    display: flex;
    flex-grow: 1;
    text-decoration: none;
    margin: auto;
    height: 100%;
    padding-left: 38px;
    padding-right: 0;
    color: #666;
    cursor:default;
}

.breadcrumb a:first-child {
    padding-left: 15.2px;
}

.breadcrumb a:last-child {
    padding-right: 15.2px;
}

.breadcrumb a:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 57px;
    height: 57px;
    top: 0;
    right: -28.3px;
    background-color: #F6F6F6;
    border-top-right-radius: 5px;
    transform: scale(0.707) rotate(45deg);
    box-shadow: 1px -1px rgba(0,0,0,0.25);
    z-index: 1;
}

.breadcrumb a:last-child:after {
    content: none;
}

.breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
    justify-content: center;
}

.breadcrumb__title {
    font-weight: bold;
}

.breadcrumb a.active{
    background: #c3bdcc;
    color: white;
    cursor:default;
}

.breadcrumb a.active:after {
    background: #c3bdcc;
    color: white;
}

.breadcrumb a.active .breadcrumb__title{
    cursor:default;
}

#breadcrumb_shipping.active, #breadcrumb_shipping.active span {
    cursor: pointer;
}

#cartSummary {
    display:inline-block;
}

.radio-inline {
    float:left;
}

.radio-inline input {
    width: 30px !important;
    background-color: #fff;
}

.flex-center {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.mid-width {
    width: 50%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
    .breadcrumb__title {
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .cont_buttons {
        justify-content: space-around;
    }
    #conteneur{margin-bottom: 10px;}

    .footerSpecLinkMenu {
        display: none;
    }
    .breadcrumb,#your_info,#change_my_address{
        margin-left: 35%;
    }
    #cart_form,.shopping,{
        margin-left: 34%;
    }
}


@media (min-width: 992px) {
    .cont_buttons{flex-direction: column;}
    .cont_buttons div {padding-bottom: 10px;}


    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {

    /*h2{color: white}*/
    #cart_form, .breadcrumb,#your_info{
        margin-left: 20%;
    }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
#promotional_block{
    margin-bottom: 7px;
}
#promotional_content_block{
    text-align: justify;
    font-size: 0.8em;
    font-family:Arial, Helvetica, sans-serif;
}

#promotional_title_block{
    text-align: justify;
    font-size: 1em;
    line-height: 2em;
}

#promotional_img_block img{
    width: 60%;
    margin: 0 20% 10px 20%;
}

.product_price_group {
    color: #636363 !important;
    padding: 0 17px;
    font-size: 1em;
    font-weight: bold;
}

.product_price_group span{
    font-size: 10px;
    font-weight: normal;
}

.not_sell{
    font-size: 12px;
}


#buyOnStore {
    text-align: center;
    background-color: rgb(236, 176, 11) !important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.2em;
}


#buyOnStore a {
    color: black;
}

#buyOnStore a:hover {
    color: white;
    text-decoration: none;
}

.not_button a:hover {
    color: black !important;
}

#outOfStock{
    text-align: center;
    background-color: rgb(236, 176, 11) !important;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.6em;
    line-height: 1.2em;
}

#outOfStock a:hover {
    color:#4c575e;
    text-decoration: none;
}


#login .content{
    width: 65% !important;
}

.loginTitle{
    color: #4c575f;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.rowForm{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#loginBox{
    border-right:1.2px solid #4c575f;
}

.labelForm{
    font-size: 0.8em;
    line-height: 35px;
}

.sectionForm{
    margin-bottom: 5px;
    min-height: 25px;
    max-height: 55px;
}

#login .sectionForm input {
    padding: 10px 8%;
    border: 1px black solid;
    width: 80%;
    text-align: center;
}

#loginForm a{
    font-size: 0.8em;
    text-decoration: underline;
}

.contentNewUser{
    font-size:0.9em;
    min-height: 110px;
}

#loginSalon .contentNewUser {
    min-height: 157px;
}

.btnForm{
    margin-top:10px;
}

.btnForm input,.btnForm a {
    padding: 15px;
    text-transform: UPPERCASE;
    font-weight: bold;
    background-color: #e5e5e5;
    color: black;
    font-size: 0.8em;
    font-family: Georgia, serif;
    width:100%;
}
.btnForm a{
    background-color: #e5e5e5;
    font-size: 0.8em;
    width: 100% !important;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
}

#rc-imageselect,
.g-recaptcha {
    transform:scale(0.64);
    transform-origin:0;
    transform:scale(0.64);
    transform-origin:0 0;
    -webkit-transform:scale(0.64);
    transform:scale(0.64);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
}

.btnForm input:hover, .btnForm a:hover{
    color: white;
    background-color: #d0d0d0;
}

.btn {
    text-align: center;
}

.F-left {
    float:left !important;
    margin-left : 10px;
}

.titleCart {
    font-weight: bold;
    font-size: 15px;;
    line-height: 15px;
}

.qtyBox {
    /*margin:10px 0;*/
    display: flex;
    align-items: center;
}

.qtyBox button {
    float: left;
    margin: 0 10px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border-width: 0px;
    text-align: center;
}

.qtyBox input{
    width: 45px;
    text-align: center;
    height: 20px;
}

.qtyBox span{
    float: left;
    width: auto;
}

.titleProductCart {
    font-weight: bold;
}

.titleProductCart span {
    font-size: 11px;
    font-weight: normal;
    text-transform: lowercase !important;
}
@media (min-width: 992px) and (max-width: 1280px) {
    #content {
        width: 63%;
    }
    .fai #content{
        width:70%;
    }
    .contentNewUser{
        min-height: 151px;
    }

    #loginSalon .content{
        width:100%;
    }
}
@media only screen
and (min-width: 1024px) {
    /*#cont_buttons{flex-direction: column;}*/
    #cart_form, .breadcrumb, .shopping, #your_info,#change_my_address {
        margin-left: 25%;}

    .soin #aside h4, .soin #aside a, .soin #aside .accordeon li p a {
        color: #4e575f !important;
    }
    .multiImg{
        display:block;
    }

}
@media (min-width: 1281px) {
    #cart_form, .breadcrumb, .shopping,#your_info,#change_my_address{
        margin-left:10%;

    }
    .shopping{ width: 80%;}
}
@media (max-width: 768px) {
    .footerSpecLinkMenu {
        display: block;
    }
    #login #aside .item,#loginBox {
        border: 0;
    }
    #login .content{
        margin-left:0;
        width:100% !important;
    }

    #createAccountBox {
        padding-top: 20px;
        border-top: 2px solid #e5e5e5;
        margin: 20px 0;
    }
}

@media (max-width: 1024px) {
    #headerLink {
        display: none;
    }
    .multiImg,#promotional_title_block{
        display:none;
    }
    #login .content {
        margin-left:25%;
        padding-top: 0px;
    }
}

@media screen and (max-height: 575px){
    #rc-imageselect,
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0;
        transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform:scale(0.77);
        transform:scale(0.77);
        -webkit-transform-origin:0 0;
        transform-origin:0 0;
    }
}