.rwd_icons-sprite, .rwd_icons-OK, .rwd_icons-app_club, .rwd_icons-app_club_diagnostics, .rwd_icons-app_club_fidelite, .rwd_icons-club_sidebar_app, .rwd_icons-club_sidebar_diagnostic, .rwd_icons-club_sidebar_mobile, .rwd_icons-club_sidebar_test, .rwd_icons-cookie_ok, .rwd_icons-header_pdv, .rwd_icons-header_search-input, .rwd_icons-header_search, .rwd_icons-header_user, .rwd_icons-menu_club, .rwd_icons-menu_level-1, .rwd_icons-menu_level-2, .rwd_icons-menu_level-2_open, .rwd_icons-menu_off, .rwd_icons-menu_on, .rwd_icons-professionnels, .rwd_icons-service-conso, .rwd_icons-slider_next, .rwd_icons-slider_prev, .rwd_icons-social_facebook, .rwd_icons-social_googleplus, .rwd_icons-social_instagram, .rwd_icons-social_twitter, .rwd_icons-social_youtube {
  background-image: url('../img/rwd_icons-sd94cc33624.png');
  background-repeat: no-repeat;
}

.rwd_icons-OK {
  background-position: 0 0;
}

.rwd_icons-app_club {
  background-position: 0 -14px;
}

.rwd_icons-app_club_diagnostics {
  background-position: 0 -133px;
}

.rwd_icons-app_club_fidelite {
  background-position: 0 -252px;
}

.rwd_icons-club_sidebar_app {
  background-position: 0 -371px;
}

.rwd_icons-club_sidebar_diagnostic {
  background-position: 0 -404px;
}

.rwd_icons-club_sidebar_mobile {
  background-position: 0 -473px;
}

.rwd_icons-club_sidebar_test {
  background-position: 0 -574px;
}

.rwd_icons-cookie_ok {
  background-position: 0 -614px;
}

.rwd_icons-header_pdv {
  background-position: 0 -650px;
}

.rwd_icons-header_search-input {
  background-position: 0 -707px;
}

.rwd_icons-header_search {
  background-position: 0 -727px;
}

.rwd_icons-header_user {
  background-position: 0 -784px;
}

.rwd_icons-menu_club {
  background-position: 0 -841px;
}

.rwd_icons-menu_level-1 {
  background-position: 0 -887px;
}

.rwd_icons-menu_level-2 {
  background-position: 0 -904px;
}

.rwd_icons-menu_level-2_open {
  background-position: 0 -913px;
}

.rwd_icons-menu_off {
  background-position: 0 -922px;
}

.rwd_icons-menu_on {
  background-position: 0 -992px;
}

.rwd_icons-professionnels {
  background-position: 0 -1062px;
}

.rwd_icons-service-conso {
  background-position: 0 -1103px;
}

.rwd_icons-slider_next {
  background-position: 0 -1144px;
}

.rwd_icons-slider_prev {
  background-position: 0 -1206px;
}

.rwd_icons-social_facebook {
  background-position: 0 -1268px;
}

.rwd_icons-social_googleplus {
  background-position: 0 -1344px;
}

.rwd_icons-social_instagram {
  background-position: 0 -1420px;
}

.rwd_icons-social_twitter {
  background-position: 0 -1496px;
}

.rwd_icons-social_youtube {
  background-position: 0 -1572px;
}

.clearfloat:after {
  content: '';
  clear: both;
  display: block;
}

/*.float-left { float: left;}
.float-right { float: right;}

//format text
.boldtext, strong { font-family: $font-heading-bold; }
.italictext { font-style: italic;}*/
.turquoisetext {
  color: #24abe2;
}

@media (max-width: 768px) {
  #header {
    z-index: 6 !important;
    width: auto;
    min-height: inherit;
  }
  #header .background {
    top: 0;
    right: auto;
    width: 5px;
    height: 70px;
  }
  #header .region-logo {
    clear: none;
    float: left;
    margin-top: 0;
  }
  #header .logo {
    width: 162px;
    height: auto;
    margin-top: 7px;
    margin-left: 15px;
    margin-bottom: 13px;
  }
  #header .logo img {
    max-width: 100%;
  }
  #header .header-search {
    position: static;
    margin-right: 50px;
    padding: 0;
  }
  #header .header-search:before {
    display: block;
    width: 30px;
    height: 57px;
    content: "";
    cursor: pointer;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -727px;
  }
  #header .block-search {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    background: #fff;
  }
  #header .block-search .container-inline {
    padding: 20px;
    background: rgba(216, 227, 235, 0.5);
  }
  #header .block-search .container-inline:after {
    clear: both;
    display: table;
    content: "";
  }
  #header .block-search .form-item {
    display: block;
    float: left;
    width: 85%;
    margin: 0;
  }
  #header .block-search .form-actions {
    position: relative;
    display: block;
    float: right;
    width: 15%;
  }
  #header .block-search .form-actions:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -707px;
  }
  #header .block-search input[type="text"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #3A4F73;
    border: 1px solid #334d6b;
  }
  #header .block-search input[type="submit"] {
    position: static;
    top: auto;
    right: auto;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background: #334d6b;
  }
  #header .header-links {
    position: static;
    display: block;
    float: right;
    top: auto;
    height: auto;
    margin: 0;
  }
  #header .header-links .links {
    float: none;
  }
  #header .header-links .links > ul > li {
    margin: 0;
  }
  #header .header-links .links > ul > li a {
    padding: 0;
  }
  #header .header-links .pdv {
    float: left;
  }
  #header .header-links .pdv a {
    width: 25px;
    height: 57px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -650px;
  }
  #header .user-login {
    position: static;
    width: 30px;
    height: 57px;
    overflow: hidden;
  }
  #header .user-login:hover > a {
    background: none;
  }
  #header .icon-user {
    width: 30px;
    height: 57px;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -784px;
  }
  #header .login-block.login-window {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 70px;
    left: 0;
    right: auto;
    display: none;
    width: 100%;
    padding: 0;
    background: #fff;
    border-top: 0;
  }
  #header .login-block .login-register {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: 100%;
    height: auto;
    padding: 20px;
    background: rgba(216, 227, 235, 0.5);
  }
  #header .login-block .login-bottom-links {
    position: static;
    bottom: auto;
    width: auto;
  }
  #header .login-block .login-bottom-links .password {
    padding-top: 5px;
  }
  #header .login-block #form-login {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: auto;
    height: auto;
    margin-left: 0;
    padding: 0 20px 20px;
    background: rgba(216, 227, 235, 0.5);
    border-left: 0;
  }

  #block-bioderma-misc-top-right-header-pays {
    position: inherit;
  }

  #myspace-menu {
    position: inherit;
    min-width: inherit;
  }
  #myspace-menu .block-myspace {
    top: 68px;
    min-width: inherit;
    width: 100%;
    padding: 15px 20px;
    background: #ebf1f5;
    border: 0;
    border-top: 2px solid #a0abb4;
    border-bottom: 2px solid #a0abb4;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #myspace-menu .block-myspace .pdv {
    display: none;
  }
  #myspace-menu .block-myspace li {
    padding: 5px 0;
  }
  #myspace-menu > a span {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    padding: 0 10px;
    text-align: right;
  }
  #myspace-menu > a span i {
    display: none;
  }
}
@media (max-width: 768px) {
  #nav {
    position: static;
    clear: both;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: #fff;
  }
  #nav:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 70px;
    content: "";
    cursor: pointer;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -992px;
  }
  #nav.is-open:before {
    background-position: 0 -922px;
  }
  #nav > ul {
    float: none;
    padding: 0;
  }
  #nav > ul > li {
    float: none;
    height: auto;
    padding: 0;
    cursor: pointer;
    background: none;
    border-bottom: 1px solid #f8f8f8;
  }
  #nav > ul > li > a {
    padding: 20px 60px 20px 25px;
    font-size: 16px;
  }
  #nav > ul > li > a.active {
    background: #d8e3eb;
  }
  #nav > ul > li > a, #nav > ul > li > a.active {
    border-bottom: 0;
  }
  #nav > ul > li:hover > a, #nav > ul > li:hover > a.active, #nav > ul > li.active > a, #nav > ul > li.active > a.active {
    border-bottom: 0;
  }
  #nav > ul > li.club > a {
    position: relative;
    padding-right: 153px;
  }
  #nav > ul > li.club > a:after {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 103px;
    height: 46px;
    margin-top: -23px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -841px;
  }
  #nav > ul > li.peau a {
    cursor: pointer;
  }
  #nav > ul > li.is-open > a {
    position: relative;
    padding-right: 60px;
    background: #d8e3eb;
  }
  #nav > ul > li.is-open > a:not(.active):after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 17px;
    height: 17px;
    margin-top: -8px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -887px;
  }
  #nav .sub-menu, #nav .sub-menu-xl {
    width: auto;
    position: inherit;
    top: auto;
    left: auto;
    background: #d1d5df;
  }
  #nav .sub-menu > ul > li, #nav .sub-menu-xl > ul > li {
    float: none;
    border-right: 0;
    border-bottom: 1px solid #fff;
  }
  #nav .sub-menu > ul > li > a, #nav .sub-menu-xl > ul > li > a {
    width: auto !important;
    height: auto !important;
    padding: 20px 60px 20px 25px !important;
    font-size: 16px;
    text-align: left;
    text-transform: none;
  }
  #nav .sub-menu > ul > li.active a, #nav .sub-menu-xl > ul > li.active a {
    background-image: none;
  }
  #nav .sub-menu > ul > li a.active, #nav .sub-menu-xl > ul > li a.active {
    background-image: none;
  }
  #nav .sub-menu > div.btn-line > a, #nav .sub-menu-xl > div.btn-line > a {
    display: block;
    padding: 20px 60px 20px 25px;
    font-size: 16px;
    color: #394d68;
  }
  #nav .sub-peau, #nav .sub-products {
    width: auto;
    min-height: inherit;
    position: inherit;
    top: auto;
    left: auto;
    background: #d1d5df;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #nav .sub-peau .inner, #nav .sub-products .inner {
    padding: 0;
    background: none;
  }
  #nav .sub-peau .title, #nav .sub-products .title {
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
  }
  #nav .sub-peau .section, #nav .sub-products .section {
    float: none;
    width: auto;
    min-height: inherit;
    margin: 0;
    padding: 0;
    border-left: 0;
    border-right: 0;
  }
  #nav .sub-peau .section .block-ranges, #nav .sub-products .section .block-ranges {
    display: none;
    padding: 0;
    background: #fff;
  }
  #nav .sub-peau .section .block-ranges li, #nav .sub-products .section .block-ranges li {
    margin: 0;
    padding: 0;
    border-left: 0;
  }
  #nav .sub-peau .section .block-ranges li a, #nav .sub-products .section .block-ranges li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
    padding: 10px 25px 10px 40px;
  }
  #nav .sub-peau .section .block-ranges li a span, #nav .sub-products .section .block-ranges li a span {
    display: table-cell;
    height: 31px;
    padding-left: 11px;
    font-size: 14px;
    vertical-align: middle;
    border-left: 6px solid #6C7B95;
  }
  #nav .sub-peau .section .block-ranges li.crealine a span, #nav .sub-products .section .block-ranges li.crealine a span {
    border-color: #C8005B;
  }
  #nav .sub-peau .section .block-ranges li.hydrabio a span, #nav .sub-products .section .block-ranges li.hydrabio a span {
    border-color: #009DE0;
  }
  #nav .sub-peau .section .block-ranges li.atoderm a span, #nav .sub-products .section .block-ranges li.atoderm a span {
    border-color: #3B73A4;
  }
  #nav .sub-peau .section .block-ranges li.sebium a span, #nav .sub-products .section .block-ranges li.sebium a span {
    border-color: #9ABE54;
  }
  #nav .sub-peau .section .block-ranges li.white a span, #nav .sub-products .section .block-ranges li.white a span {
    border-color: #B4B8BD;
  }
  #nav .sub-peau .section .block-ranges li.cicabio a span, #nav .sub-products .section .block-ranges li.cicabio a span {
    border-color: #5A3176;
  }
  #nav .sub-peau .section .block-ranges li.matriciane a span, #nav .sub-products .section .block-ranges li.matriciane a span {
    border-color: #A31A29;
  }
  #nav .sub-peau .section .block-ranges li.node a span, #nav .sub-products .section .block-ranges li.node a span {
    border-color: #449C44;
  }
  #nav .sub-peau .section .block-ranges li.photoderm a span, #nav .sub-products .section .block-ranges li.photoderm a span {
    border-color: #E09D26;
  }
  #nav .sub-peau .section .block-ranges li.abcderm a span, #nav .sub-products .section .block-ranges li.abcderm a span {
    border-color: #7DBFD6;
  }
  #nav .sub-peau .section .block-ranges li:before, #nav .sub-products .section .block-ranges li:before {
    display: none;
  }
  #nav .sub-peau .section .block-need, #nav .sub-products .section .block-need {
    display: none;
    width: auto;
    padding-bottom: 15px;
    background: #fff;
  }
  #nav .sub-peau .section .block-need .block, #nav .sub-products .section .block-need .block {
    float: none;
    min-height: inherit;
    padding: 0;
  }
  #nav .sub-peau .section .block-need .block > p, #nav .sub-products .section .block-need .block > p {
    padding: 20px 25px 5px;
    font-size: 16px;
    color: #20364E;
    text-transform: uppercase;
  }
  #nav .sub-peau .section .block-need .block ul li, #nav .sub-products .section .block-need .block ul li {
    padding: 0;
  }
  #nav .sub-peau .section .block-need .block ul li a, #nav .sub-products .section .block-need .block ul li a {
    display: block;
    padding: 5px 25px;
    font-size: 14px;
    color: #334d6b;
    background: none;
  }
  #nav .sub-peau .section.last, #nav .sub-products .section.last {
    width: auto;
  }
  #nav .sub-peau .title, #nav .sub-products .title {
    position: relative;
    padding: 20px 60px 20px 25px;
    font-size: 16px;
    text-transform: lowercase;
    border-bottom: 1px solid #fff;
  }
  #nav .sub-peau .title:first-letter, #nav .sub-products .title:first-letter {
    text-transform: uppercase;
  }
  #nav .sub-peau .title.is-open:after, #nav .sub-products .title.is-open:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #nav .sub-peau .title.has-children:after, #nav .sub-products .title.has-children:after {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 16px;
    height: 9px;
    margin-top: -4px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -904px;
  }
  #nav .sub-peau .ys-nav__lexico-link, #nav .sub-products .ys-nav__lexico-link {
    display: block;
    width: auto;
    height: auto;
    min-height: 24px;
  }
  #nav .sub-peau .btn-line, #nav .sub-products .btn-line {
    width: auto;
    padding: 0;
    text-align: left;
  }
  #nav .sub-peau .link-type-01, #nav .sub-products .link-type-01 {
    display: block;
    padding: 20px 60px 20px 25px;
    line-height: normal;
    font-size: 16px;
    color: #565656;
    text-align: left;
    text-transform: none;
    background: none;
  }
  #nav .sub-products .section .block-ranges ul {
    padding: 10px 0;
  }
  #nav .sub-products .section .block-ranges li {
    display: table;
    width: 100%;
  }
  #nav .sub-products .section .block-ranges li a {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    position: relative;
    display: table-cell;
    width: 100%;
    height: 31px;
    padding-left: 55px;
    font-size: 14px;
    vertical-align: middle;
  }
  #nav .sub-products .section .block-ranges li a span {
    display: block;
    height: auto;
    padding-left: 0;
    font-size: 18px;
    border-left: 0;
  }
  #nav .sub-products .section .block-ranges li a em {
    display: block;
    font-style: normal;
  }
  #nav .sub-products .section .block-ranges li a em:first-letter {
    text-transform: uppercase;
  }
  #nav .sub-products .section .block-ranges li a:before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 40px;
    width: 6px;
    content: "";
    background: #6C7B95;
  }
  #nav .sub-products .section .block-ranges li.crealine a:before {
    background-color: #C8005B;
  }
  #nav .sub-products .section .block-ranges li.hydrabio a:before {
    background-color: #009DE0;
  }
  #nav .sub-products .section .block-ranges li.atoderm a:before {
    background-color: #3B73A4;
  }
  #nav .sub-products .section .block-ranges li.sebium a:before {
    background-color: #9ABE54;
  }
  #nav .sub-products .section .block-ranges li.white a:before {
    background-color: #B4B8BD;
  }
  #nav .sub-products .section .block-ranges li.cicabio a:before {
    background-color: #5A3176;
  }
  #nav .sub-products .section .block-ranges li.matriciane a:before {
    background-color: #A31A29;
  }
  #nav .sub-products .section .block-ranges li.node a:before {
    background-color: #449C44;
  }
  #nav .sub-products .section .block-ranges li.photoderm a:before {
    background-color: #E09D26;
  }
  #nav .sub-products .section .block-ranges li.abcderm a:before {
    background-color: #7DBFD6;
  }
  #nav .block-bioderma-socialservices {
    background: #d8e3eb;
  }
  #nav .block-bioderma-socialservices .title {
    display: none;
  }
  #nav .block-bioderma-socialservices .social {
    height: 76px;
    text-align: center;
    overflow: hidden;
  }
  #nav .block-bioderma-socialservices .social li {
    display: inline-block;
    padding: 0;
  }
  #nav .block-bioderma-socialservices .social li a {
    width: 59px;
    height: 76px;
    padding: 0;
  }
  #nav .block-bioderma-socialservices .social li a.twitter {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1496px;
  }
  #nav .block-bioderma-socialservices .social li a.googleplus {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1344px;
  }
  #nav .block-bioderma-socialservices .social li a.facebook {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1268px;
  }
  #nav .block-bioderma-socialservices .social li a.instagram {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1420px;
  }
  #nav .block-bioderma-socialservices .social li a.youtube {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1572px;
  }
}
@media (max-width: 768px) {
  iframe[name*=google] {
    position: fixed;
    left: -1000em;
    bottom: -1000em;
  }

  #footer * {
    box-sizing: border-box;
  }
  #footer .inner {
    width: auto;
  }
  #footer .level-01 {
    background: none;
  }
  #footer .level-01 .inner {
    padding-top: 0;
  }
  #footer .level-01 .inner .block {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
  }
  #footer .level-01 .inner .block-webform {
    height: auto;
    padding: 40px 25px 50px;
    background: rgba(216, 227, 235, 0.5);
  }
  #footer .level-01 .inner .block-webform form:after {
    clear: both;
    display: table;
    content: "";
  }
  #footer .level-01 .inner .block-webform .title {
    padding-bottom: 5px;
    color: #3A4F73;
  }
  #footer .level-01 .inner .block-webform .form-email {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 85%;
    height: 46px;
    line-height: 46px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #3A4F73;
    border-color: #334d6b;
  }
  #footer .level-01 .inner .block-webform .form-submit {
    width: 15%;
    height: 46px;
    line-height: 46px;
    background: #334d6b;
  }
  #footer .level-01 .inner .block-bioderma-socialservices {
    height: auto;
    border: 0;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .title {
    display: none;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social {
    width: auto;
    height: 76px;
    overflow: hidden;
    margin-top: 0;
    text-align: center;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li {
    float: none;
    display: inline-block;
    margin: 0;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a {
    width: 59px;
    height: 76px;
    padding: 0;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a.twitter {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1496px;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a.googleplus {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1344px;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a.facebook {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1268px;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a.instagram {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1420px;
  }
  #footer .level-01 .inner .block-bioderma-socialservices .social li a.youtube {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1572px;
  }
  #footer .level-01 .block-bioderma-products,
  #footer .level-01 .block-bioderma-misc {
    display: none;
    color: #fff;
    background: #3A4F73;
  }
  #footer .level-01 #block-bioderma-misc-bio-home-pro-conso-block,
  #footer .level-01 #block-bioderma-misc-bio-home-pro-block {
    display: block;
  }
  #footer .level-01 #block-bioderma-misc-bio-home-pro-block {
    background: none;
  }
  #footer .level-02 {
    display: none;
  }
  #footer .level-03 {
    height: auto;
  }
  #footer .level-03 .inner {
    padding: 0;
  }
  #footer .level-03 .inner .links {
    padding: 3em 2em 3em;
    display: table;
    width: 100%;
  }
  #footer .level-03 .inner .links li {
    background: none;
    display: inline-block;
    float: left;
    padding: 0;
    text-align: left;
    width: calc(100% / 2);
  }
  #footer .level-03 .inner .links li a, #footer .level-03 .inner .links li span {
    display: block;
    line-height: 2;
  }
  #footer .level-03 .inner span.hr {
    width: auto;
    margin: 0 50px;
  }
  #footer .level-03 .inner div.logo {
    width: auto;
    padding: 3em 1em;
    bottom: 0;
  }
  #footer .level-03 .inner div.logo p {
    font-size: 1.1em;
  }
  #footer .webform-client-form {
    position: relative;
  }
  #footer .webform-client-form label.error {
    margin-top: 0;
    top: calc(100% + .5rem);
  }
}
@media (max-width: 768px) {
  #page-inner.page-home {
    width: auto;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .node-club-test-inscription .field-items {
    padding: 0 1em;
  }
  .node-club-test-inscription form {
    padding: 1em;
  }
  .node-club-test-inscription .form-actions {
    text-align: center;
  }

  .page-club-bioderma-ma-fidelite aside, .page-club-bioderma-ma-fidelite #main,
  .page-club-bioderma-mes-diagnostics aside,
  .page-club-bioderma-mes-diagnostics #main {
    display: none;
  }

  .app-club {
    height: 119px;
    background: url("../img/rwd_icons/app_club.png") no-repeat center top;
  }
  .page-club-bioderma-ma-fidelite .app-club {
    background: url("../img/rwd_icons/app_club_fidelite.png") no-repeat center top;
  }
  .page-club-bioderma-mes-diagnostics .app-club {
    background: url("../img/rwd_icons/app_club_diagnostics.png") no-repeat center top;
  }

  input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .breadcrump, div.super-sub {
    display: none;
  }

  .page-sitemap #site-map {
    margin: auto;
    padding: 1em .5em;
  }
  .page-sitemap #site-map * {
    float: none;
    width: auto;
    display: block;
    margin: auto;
  }
  .page-sitemap #site-map em {
    display: inline;
  }
  .page-sitemap #site-map h2 {
    margin-bottom: .5em;
    border: 0;
  }
  .page-sitemap #site-map .site-map-front-page a {
    margin-left: 1em;
  }
  .page-sitemap #site-map > div {
    margin-bottom: 2em;
  }
  .page-sitemap #site-map > div.site-map-menus > div {
    margin-bottom: 2em;
  }
  .page-sitemap #site-map > div.site-map-menus > div ul {
    margin-left: 1em;
  }
  .page-sitemap #site-map > div.site-map-menus > div ul ul, .page-sitemap #site-map > div.site-map-menus > div ul p {
    margin-bottom: 1em;
  }
  .page-sitemap #site-map > div.site-map-menus > div li {
    line-height: 1.5;
  }

  .page-search #page-inner #main {
    float: none !important;
  }
  .page-search .btn-line-up {
    float: none;
  }
  .page-search h1.title-search {
    float: none;
    margin-bottom: .5em;
  }
  .page-search div.filter {
    overflow: auto;
    padding: 0;
    float: none;
  }
  .page-search div.filter .products, .page-search div.filter .results, .page-search div.filter .display {
    display: table;
    width: 100%;
    float: none;
    padding: 0 0 1em;
  }
  .page-search div.filter .products li, .page-search div.filter .results li, .page-search div.filter .display li {
    display: table-cell;
    float: none;
    padding: 0;
    vertical-align: top;
  }
  .page-search div.filter .products li:first-child {
    background: none;
    padding-left: 1em;
  }
  .page-search div.filter .results {
    text-align: center;
    table-layout: fixed;
  }
  .page-search div.filter .results li {
    line-height: 1.5;
  }
  .page-search div.filter .results li a {
    line-height: inherit;
  }
  .page-search div.filter .display {
    text-align: center;
    table-layout: fixed;
  }
  .page-search div.filter .display a {
    text-indent: 0;
    margin-left: 2em;
    margin-right: 1em;
    line-height: 2;
    padding-left: 2em;
    width: auto;
    overflow: auto;
  }
  .page-search .block-result [class*=list-products] {
    display: block;
  }
  .page-search .block-result [class*=list-products] > li {
    display: inline-block;
    vertical-align: top;
    padding-top: 1em;
    position: relative;
    margin: 0 .5em;
    width: calc(100% / 2 - 1em);
  }
  .page-search .block-result [class*=list-products] > li .caption {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 5em;
    width: auto;
  }
  .page-search .block-need {
    padding: 1em 0;
    overflow: auto;
    border: none;
  }
  .page-search .block-need h2.title-type-01 {
    padding-left: 1em;
  }
  .page-search .block-need .block {
    height: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 .5em 2em;
    width: calc(100% / 2 - 1.2em);
  }
  .page-search .block-need .block ul {
    margin-left: 1em;
  }
  .page-search .block-need .block ul li a {
    line-height: 1.8;
  }
  .page-search #page-inner #sidebar {
    float: none !important;
    width: auto;
  }
  .page-search #page-inner #sidebar .block-type-25 section p, .page-search #page-inner #sidebar .block-type-25 section ul li {
    line-height: 1.8;
  }
  .page-search #page-inner #sidebar .block-type-25 section p a, .page-search #page-inner #sidebar .block-type-25 section ul li a {
    line-height: inherit;
  }

  .page-contact h1.title-type-03 {
    font-size: 2em;
    line-height: 2;
  }
  .page-contact #contact-form {
    margin: 0;
    padding: 0;
  }
  .page-contact #contact-form .block-gradient {
    margin: 0;
    padding-left: 0;
  }
  .page-contact #contact-form input[type="text"], .page-contact #contact-form input[type="email"] {
    width: 100%;
  }
  .page-contact #contact-form .second-level {
    margin: 0em 1em 3em 2.5em;
  }
  .page-contact #contact-form .second-level label + input {
    margin-top: 1em;
    margin-left: 1em;
    width: calc(100% - 1em);
  }
  .page-contact #contact-form .form-textarea-wrapper {
    padding: 1em;
    margin: auto;
  }
  .page-contact #contact-form .fieldset-wrapper {
    margin: 0;
    padding: 1em;
  }
  .page-contact #contact-form .fieldset-wrapper label {
    text-align: left;
    width: 100%;
    padding-left: .5em;
    margin: 0;
    min-width: inherit;
  }
  .page-contact #contact-form .fieldset-wrapper label:not(.option) {
    display: block;
  }
  .page-contact #contact-form .fieldset-wrapper .webform-container-inline label.option {
    width: auto;
    display: inline-block;
  }
  .page-contact #contact-form label {
    padding-right: 1em;
  }
  .page-contact #contact-form .webform-datepicker {
    display: block;
  }
  .page-contact #contact-form .webform-datepicker > div.form-type-select {
    display: inline-block;
    width: calc(100% / 3 - 1em);
    margin: 0;
  }
  .page-contact #contact-form #edit-submitted-combien-avez-vous-denfants- {
    margin: 0 1em;
    width: calc(100% - 2em);
  }
  .page-contact #contact-form div.form-actions {
    padding: 1em;
    margin-top: 1em;
  }

  .node-type-page-tchat .ys-article__extraits-de-tchat {
    float: none;
    display: block;
  }
  .node-type-page-tchat .ys-article__extraits-de-tchat .ys-extract__container {
    width: auto;
    float: none;
    display: block;
    padding-left: 0;
    margin: auto;
  }
  .node-type-page-tchat .your-skin-fullpage {
    float: none;
    width: auto;
    display: block;
  }
  .node-type-page-tchat .your-skin-fullpage .ys-article__header h1 {
    font-size: 2em;
  }
  .node-type-page-tchat .your-skin-fullpage .ys-article__header .ys-article__toolbox {
    display: none;
  }
  .node-type-page-tchat .your-skin-fullpage .ys-article__header h2 {
    padding-right: 1em;
    font-size: 1.5em;
  }
  .node-type-page-tchat .field-name-field-image-mise-en-avant {
    float: none;
    display: block;
    width: auto;
    border: none;
  }
  .node-type-page-tchat .ys-article__intro {
    float: none;
    display: block;
    width: auto;
  }
  .node-type-page-tchat .ys-article__intro .ys-article__toolbox {
    display: none;
  }
  .node-type-page-tchat .ys-article__intro .ys-article__top {
    padding-left: 1em;
    display: block;
    float: none;
    width: auto;
    margin-right: 0;
  }
  .node-type-page-tchat .ys-article__intro .ys-article__illustration ys-video__overlay {
    width: auto;
    margin: 0;
  }
  .node-type-page-tchat .field-items .ys-chat {
    margin-left: 1em;
  }
  .node-type-page-tchat .field-items .ys-chat__question__quote a, .node-type-page-tchat .field-items .ys-chat__answer__content {
    padding: 1em;
    line-height: 1.2;
    font-size: .9rem;
  }
  .node-type-page-tchat #your-skin-sidebar {
    float: none;
    display: block;
    width: auto;
  }

  .node-type-sous-rubrique-votre-peau .your-skin-fullpage {
    float: none;
    display: block;
  }
  .node-type-sous-rubrique-votre-peau .your-skin-fullpage h1 {
    font-size: 2em;
  }
  .node-type-sous-rubrique-votre-peau .your-skin-fullpage .ys-article__toolbox {
    display: none;
  }
  .node-type-sous-rubrique-votre-peau .your-skin-fullpage .ys-article__header h2 {
    font-size: 2em;
    line-height: 1;
    padding: 1.5em .5em;
  }
  .node-type-sous-rubrique-votre-peau .your-skin-fullpage .ys-article__header__title {
    border: none;
  }
  .node-type-sous-rubrique-votre-peau .ys-article__intro {
    border: none;
  }
  .node-type-sous-rubrique-votre-peau .ys-article__intro .ys-article__toolbox {
    display: none !important;
  }
  .node-type-sous-rubrique-votre-peau .ys-article__intro .ys-article__top {
    width: auto;
    margin: 0;
    padding: 0 1em;
  }
  .node-type-sous-rubrique-votre-peau article.ys-article__content {
    clear: both;
    float: none;
    width: auto;
    margin: auto;
    padding-left: 0;
    border: 0;
    padding-bottom: 2em;
    display: block;
  }
  .node-type-sous-rubrique-votre-peau article.ys-article__content ul, .node-type-sous-rubrique-votre-peau article.ys-article__content ol {
    padding-left: 1em;
    margin: 1em 0;
  }
  .node-type-sous-rubrique-votre-peau article.ys-article__content h3 {
    font-size: 1.3em;
  }
  .node-type-sous-rubrique-votre-peau #your-skin-sidebar {
    padding: 0;
    float: none;
    width: auto;
    display: block;
  }
  .node-type-sous-rubrique-votre-peau .block-type-54 .slides li img {
    max-width: inherit;
  }
  .node-type-sous-rubrique-votre-peau .ys__howto__content {
    margin-bottom: 2em;
  }
  .node-type-sous-rubrique-votre-peau .ys__howto__content .ys__howto__block {
    width: auto;
    float: none;
    margin: 0 0 2em;
  }
  .node-type-sous-rubrique-votre-peau .ys__howto__content .ys__howto__block__title {
    display: block;
    margin-bottom: 10px;
  }
  .node-type-sous-rubrique-votre-peau .ys__howto__content .ys__howto__block__title .circle-number {
    width: 27px;
    height: 27px;
  }
  .node-type-sous-rubrique-votre-peau .ys__howto__content .ys__howto__block__content {
    border: none;
    margin: 0;
    padding: 0 1em 20px;
    width: auto;
  }
  .node-type-sous-rubrique-votre-peau .field-name-field-image-mise-en-avant {
    float: none;
    display: block;
    border-top-width: 1px;
  }

  #your-skin-container {
    margin: 0;
    display: block;
    float: left;
  }
  #your-skin-container .ys-category__list {
    margin-bottom: 2em;
  }
  #your-skin-container .ys-category.is-smaller {
    width: auto;
    float: none;
    display: block;
  }
  #your-skin-container .ys-category.is-smaller.is-first {
    margin-right: 0;
  }
  #your-skin-container .ys-category.is-smaller .ys-category__item {
    margin-bottom: 0;
    height: auto;
  }

  [id*="your-skin"] {
    padding: 0 1em;
  }
  [id*="your-skin"] .ys-category__item {
    float: none;
    width: calc(100% / 2 - 1em);
  }
  [id*="your-skin"] .ys-category__item:nth-child(2n) {
    margin-left: 1.5em;
  }
  [id*="your-skin"] .ys-category__item .ys-category__description__title {
    font-size: 1em;
  }
  [id*="your-skin"] .ys-category__item .ys-category__illustration {
    float: none;
    margin: 0 0 1em 0;
  }
  [id*="your-skin"] .ys-category__item .ys-category__illustration img {
    width: 100%;
  }

  .ys__relative-products {
    width: auto;
    float: none;
    display: block;
    border: none;
    box-shadow: 0 0 0 1px #edeff1 inset;
  }
  .ys__relative-products .ys__push-club__item {
    width: auto;
    float: none;
    margin-bottom: 1.5em;
  }
  .ys__relative-products .ys__push-club__item .ys__relative-products__list__item__label {
    height: auto;
  }
  .ys__relative-products .ys__push-club__item .caption {
    width: auto;
    margin: auto;
  }

  .ys__push-club {
    display: block;
    float: none;
  }
  .ys__push-club .ys__push-club__item {
    float: none;
    width: auto;
    text-align: center;
  }
  .ys__push-club .ys__push-club__item a {
    display: block;
  }
  .ys__push-club .ys__push-club__item + .ys__push-club__item {
    margin: auto;
  }

  #block-products {
    border: none;
  }
  #block-products h1 {
    font-size: 1.4em;
    line-height: 1.1;
  }
  #block-products h1 > span {
    display: block;
  }
  #block-products h2 {
    font-size: 2rem;
  }
  #block-products a.control {
    top: 10em;
  }
  #block-products ul.slides li div.content {
    padding: 0 .5rem;
  }
  #block-products ul.slides li div.content div.wrap-button {
    text-align: center;
  }
  #block-products ul.slides li div.content div.wrap-button a[class*=btn] {
    font-size: 1.1em;
    line-height: 1.8;
    padding: .5em 1em .5em 2em;
    height: auto;
    display: inline-block;
    position: relative;
  }
  #block-products ul.slides li div.content div.wrap-button a[class*=btn]:before {
    border-bottom: 0.5em solid transparent;
    border-left: 0.8em solid rgba(255, 255, 255, 0.9);
    border-top: 0.5em solid transparent;
    content: "";
    left: 0.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  body.sidebar-second #page-inner #sidebar.region-sidebar-second {
    width: 100%;
    margin-top: 1rem;
  }
  body.sidebar-second .block-type-15 .button {
    background-position: calc(100% - 1em) center;
    padding-right: 1.5em;
  }

  #block-system-main ul.rwd-menu-tabs {
    font-size: 1rem;
    box-shadow: 0 -1px 0 0 #ddd inset;
  }
  #block-system-main ul.rwd-menu-tabs > li {
    float: none;
    padding-right: 0;
  }
  #block-system-main ul.rwd-menu-tabs > li > span, #block-system-main ul.rwd-menu-tabs > li > a {
    color: #4b5d74;
    display: block;
    line-height: auto;
    margin-right: 0;
    padding: 0 3rem 0 1rem;
    box-shadow: 0 1px 0 0 #ddd inset;
    background-image: url("../img/rwd_icons/menu_level-2.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    text-transform: uppercase;
    text-align: left;
  }
  #block-system-main ul.rwd-menu-tabs > li > div {
    padding: 1rem;
  }
  #block-system-main ul.rwd-menu-tabs > li > div p {
    color: #565656;
    width: calc(100% / 2 - 1rem);
    display: inline-block;
    vertical-align: top;
    font-size: smaller;
    margin-bottom: 1rem;
  }
  #block-system-main ul.rwd-menu-tabs > li > div p:nth-child(odd) {
    margin-right: 0.5rem;
  }
  #block-system-main ul.rwd-menu-tabs > li > div p:nth-child(even) {
    margin-left: 0.5rem;
  }
  #block-system-main ul.rwd-menu-tabs > li > div p a {
    display: block;
    line-height: 1.5;
  }
  #block-system-main ul.rwd-menu-tabs > li.active > span, #block-system-main ul.rwd-menu-tabs > li.active > a {
    background-image: url("../img/rwd_icons/menu_level-2_open.png");
  }
  #block-system-main #main {
    font-size: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 -1px 0 0 #ddd inset;
    border-top: none;
  }
  #block-system-main #main > div.section {
    font-size: 1rem !important;
    padding: 0;
    background: none;
    border: none;
  }
  #block-system-main #main > div.section h2 {
    font-size: 1rem !important;
    line-height: 2.5rem;
    padding: 0 1em;
    background-image: url("../img/rwd_icons/menu_level-2.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) center;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
  }
  #block-system-main #main > div.section h2.active {
    background-image: url("../img/rwd_icons/menu_level-2_open.png");
  }
  #block-system-main #main > div.section:not(:last-child) {
    box-shadow: 0 -1px 0 0 #ddd inset;
  }
  #block-system-main #main > div.section * {
    font-size: .9rem !important;
  }
  #block-system-main div.atoderm div.picture {
    text-align: center;
    float: none;
    width: auto;
  }
  #block-system-main div.atoderm div.picture + .content {
    width: auto;
    float: none;
    padding: 2rem 1rem 0;
  }
  #block-system-main div.atoderm div.picture + .content span.new {
    height: auto;
    line-height: 1.5rem;
    left: 50%;
    transform: translate(-50%, 0);
    position: relative;
  }
  #block-system-main div.atoderm h2 {
    text-align: center;
    padding-left: 0;
  }
  #block-system-main div.term-listing-heading div.picture {
    width: calc(100% / 3);
    padding-top: 1rem;
  }
  #block-system-main div.term-listing-heading div.picture img {
    max-width: 100%;
  }
  #block-system-main div.term-listing-heading div.content {
    padding: 1rem 1rem 0 1rem;
    width: calc(100% / 3 * 2);
  }
  #block-system-main div.term-listing-heading div.content div.titles {
    padding: 0;
  }
  #block-system-main div.term-listing-heading div.content div.titles h1 {
    font-size: 2rem;
  }
  #block-system-main div.term-listing-heading div.content div.titles h1 + p {
    font-size: 1rem;
  }
  #block-system-main div.term-listing-heading div.breadcrump {
    display: block;
    left: 0;
    height: auto;
    border-bottom-width: 1px;
  }
  #block-system-main div.term-listing-heading div.breadcrump ul {
    table-layout: fixed;
    width: 100%;
  }
  #block-system-main div.term-listing-heading div.breadcrump ul li {
    display: block;
    float: none;
    border: 0;
  }
  #block-system-main div.term-listing-heading div.breadcrump ul li a {
    display: block;
    text-align: center;
    line-height: 1.5rem;
    height: auto;
    word-wrap: break-word;
  }
  #block-system-main div.term-listing-heading div.breadcrump ul li a:hover {
    color: #fff;
    text-decoration: none;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products] {
    padding: 0;
    margin-bottom: 2rem;
    display: inline;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products] li {
    width: calc(100% / 2);
    padding: 0 1rem 5rem;
    margin: 1rem 0;
    min-height: auto;
    position: relative;
    display: inline-block;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products] li .caption {
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    padding: 0;
    width: auto;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products] li span.new {
    height: auto;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products]:nth-child(even) li:nth-child(2n+1) {
    clear: left;
  }
  #block-system-main div.term-listing-heading ul[class*=list-products]:nth-child(odd) li:nth-child(2n+0) {
    clear: left;
  }
  #block-system-main .list-products-01 > li .figure {
    width: auto;
  }
  #block-system-main .list-products-01 > li .special {
    word-wrap: break-word;
  }

  body.node-type-produits #block-system-main .block-type-15 section img {
    margin: auto;
  }
  body.node-type-produits #block-system-main #block-bioderma-products-bio-product-pdv .form-item-zipcode2 {
    display: inline-block;
  }
  body.node-type-produits #block-system-main #block-bioderma-products-bio-product-pdv .form-item-zipcode2 input[type="text"] {
    line-height: 23px;
    height: 23px;
    float: none;
    margin-left: 0;
  }
  body.node-type-produits #block-system-main #block-bioderma-products-bio-product-pdv input[type="submit"] {
    display: inline;
    float: none;
  }
  body.node-type-produits #block-system-main div.is-sticky {
    padding-bottom: 0;
  }
  body.node-type-produits #block-system-main div.picture {
    width: auto;
    float: none;
  }
  body.node-type-produits #block-system-main div.picture > img {
    max-height: 30em;
    margin-bottom: 1rem;
  }
  body.node-type-produits #block-system-main div.picture span.thumbnail_container img {
    display: none;
  }
  body.node-type-produits #block-system-main div.picture span.thumbnail_container .gamme_color_aplat:not(:empty) {
    line-height: 1;
    padding: .188rem .5rem;
    border-radius: .188rem;
  }
  body.node-type-produits #block-system-main div.picture span.thumbnail_container.selected .gamme_color_aplat {
    line-height: 2;
  }
  body.node-type-produits #block-system-main div.buttons {
    display: none;
  }
  body.node-type-produits #block-system-main > div.content [itemscope] .content, body.node-type-produits #block-system-main > div.content #main {
    padding: 0;
    min-height: inherit;
    float: none;
  }
  body.node-type-produits #block-system-main h1 {
    font-size: 2rem;
    padding-left: .5rem;
    padding-right: .5rem;
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
  }
  body.node-type-produits #block-system-main h1 > span {
    font-size: .85em;
  }
  body.node-type-produits #block-system-main p.sub-title {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1em;
  }
  body.node-type-produits #block-system-main #main .content {
    padding: 0 1rem;
  }
  body.node-type-produits #block-system-main h2 {
    padding-left: 1rem;
  }
  body.node-type-produits #block-system-main div.head a[class*=btn-] {
    display: none !important;
  }
  body.node-type-produits #block-system-main ul[class*=list-products] {
    padding: 0;
    margin-bottom: 2rem;
  }
  body.node-type-produits #block-system-main ul[class*=list-products] li {
    width: calc(100% / 2);
    padding: 0 1rem 5rem;
    margin: 1rem 0;
    min-height: auto;
    position: relative;
    display: inline-block;
  }
  body.node-type-produits #block-system-main ul[class*=list-products] li .caption {
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    padding: 0;
    width: auto;
  }
  body.node-type-produits #block-system-main ul.rwd-menu-tabs > li * {
    font-size: 1em;
  }
  body.node-type-produits #block-system-main ul.rwd-menu-tabs > li > span {
    line-height: 2.5em;
  }
  body.node-type-produits #block-system-main ul.rwd-menu-tabs > li > div p {
    width: auto;
    float: none;
    margin: 0;
  }
  body.node-type-produits #block-system-main ul.rwd-menu-tabs > li > div li {
    font-size: 1rem;
  }

  .node-type-article-club div.head .buttons {
    display: none !important;
  }
  .node-type-article-club .zone-rwd {
    width: 100% !important;
    float: none !important;
    text-align: inherit !important;
  }
  .node-type-article-club .zone-rwd * {
    float: none !important;
    box-sizing: border-box;
    width: auto !important;
    height: auto !important;
  }
  .node-type-article-club .zone-rwd > div {
    padding: .5rem !important;
    margin: .5rem !important;
  }
  .node-type-article-club .zone-rwd > div img {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .node-type-article-club .zone-rwd h3 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
    font-size: 1em !important;
  }
  .node-type-article-club .zone-rwd h4 {
    line-height: normal;
  }
  .node-type-article-club #mea {
    float: none;
    text-align: center;
  }
  .node-type-article-club #mea > div {
    float: none;
  }
  .node-type-article-club #mea > div img {
    width: calc(100% - 1rem);
    margin-left: .5rem;
    margin-right: .5rem;
  }

  #page-inner.page-club {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  #page-inner.page-club h1.title-type-03 {
    padding: .5rem !important;
    font-size: 1rem !important;
    min-height: auto;
    height: auto;
  }
  #page-inner.page-club h1.title-type-03 + div.links {
    text-align: left;
  }
  #page-inner.page-club h1.title-type-03 + div.links a {
    padding: 0;
    line-height: 1.4;
    background-position: 1rem center;
    padding: 0 0 0 2rem;
  }

  .page-user #form-login-full a.password, .page--user #form-login-full a.password, .page-member-only #form-login-full a.password {
    position: relative;
    bottom: auto;
    left: auto;
    font-size: 1em;
  }
  .page-user #form-login-full label, .page--user #form-login-full label, .page-member-only #form-login-full label {
    font-size: 1em;
  }
  .page-user #page-inner, .page--user #page-inner, .page-member-only #page-inner {
    width: auto;
  }
  .page-user #page-inner .inner-page, .page--user #page-inner .inner-page, .page-member-only #page-inner .inner-page {
    padding: 1rem .5rem;
    box-sizing: border-box;
  }
  .page-user #page-inner h1.title-type-04, .page--user #page-inner h1.title-type-04, .page-member-only #page-inner h1.title-type-04 {
    font-size: 1.2rem !important;
  }
  .page-user #page-inner .login-block .login-subtitle, .page--user #page-inner .login-block .login-subtitle, .page-member-only #page-inner .login-block .login-subtitle {
    font-size: 1rem;
  }
  .page-user #page-inner .login-block.login-fullpage, .page--user #page-inner .login-block.login-fullpage, .page-member-only #page-inner .login-block.login-fullpage {
    width: auto;
    margin: auto;
  }
  .page-user #page-inner .login-block.login-fullpage .login-register, .page--user #page-inner .login-block.login-fullpage .login-register, .page-member-only #page-inner .login-block.login-fullpage .login-register {
    width: auto;
    margin: 0;
    float: none;
    height: auto;
  }
  .page-user #page-inner .login-block.login-fullpage .login-bottom-links, .page--user #page-inner .login-block.login-fullpage .login-bottom-links, .page-member-only #page-inner .login-block.login-fullpage .login-bottom-links {
    position: relative;
    width: auto;
    padding: 0;
  }
  .page-user #page-inner .login-block.login-fullpage #form-login-full, .page--user #page-inner .login-block.login-fullpage #form-login-full, .page-member-only #page-inner .login-block.login-fullpage #form-login-full {
    width: auto;
    margin: 0;
    float: none;
    height: auto;
    border: 0;
  }
  .page-user #page-inner .login-block.login-fullpage #form-login-full .form-actions, .page--user #page-inner .login-block.login-fullpage #form-login-full .form-actions, .page-member-only #page-inner .login-block.login-fullpage #form-login-full .form-actions {
    margin-top: 1rem;
  }
  .page-user #page-inner .form-type-02 .bloc-label-input label, .page--user #page-inner .form-type-02 .bloc-label-input label, .page-member-only #page-inner .form-type-02 .bloc-label-input label {
    text-align: left;
  }
  .page-user #page-inner .form-type-02 .bloc-label-input,
  .page-user #page-inner .form-type-02 .bloc-label-radio, .page--user #page-inner .form-type-02 .bloc-label-input,
  .page--user #page-inner .form-type-02 .bloc-label-radio, .page-member-only #page-inner .form-type-02 .bloc-label-input,
  .page-member-only #page-inner .form-type-02 .bloc-label-radio {
    height: auto;
  }
  .page-user #page-inner .form-type-02 .bloc-label-input label,
  .page-user #page-inner .form-type-02 .bloc-label-radio label, .page--user #page-inner .form-type-02 .bloc-label-input label,
  .page--user #page-inner .form-type-02 .bloc-label-radio label, .page-member-only #page-inner .form-type-02 .bloc-label-input label,
  .page-member-only #page-inner .form-type-02 .bloc-label-radio label {
    width: auto;
  }
  .page-user #page-inner .form-type-02 input[type="text"],
  .page-user #page-inner .form-type-02 input[type="password"], .page--user #page-inner .form-type-02 input[type="text"],
  .page--user #page-inner .form-type-02 input[type="password"], .page-member-only #page-inner .form-type-02 input[type="text"],
  .page-member-only #page-inner .form-type-02 input[type="password"] {
    height: auto;
  }
  .page-user #page-inner .form-type-02 .civil,
  .page-user #page-inner .form-type-02 .bloc-label-checkbox, .page--user #page-inner .form-type-02 .civil,
  .page--user #page-inner .form-type-02 .bloc-label-checkbox, .page-member-only #page-inner .form-type-02 .civil,
  .page-member-only #page-inner .form-type-02 .bloc-label-checkbox {
    padding: 0;
    margin-bottom: auto;
  }
  .page-user #page-inner .form-type-02 fieldset, .page--user #page-inner .form-type-02 fieldset, .page-member-only #page-inner .form-type-02 fieldset {
    min-width: inherit;
  }

  .page-user-register form#form-club-subscribe fieldset {
    padding: 1rem .5rem;
  }
  .page-user-register form#form-club-subscribe .bloc-label-input, .page-user-register form#form-club-subscribe .bloc-label-radio.civil, .page-user-register form#form-club-subscribe .bloc-label-checkbox {
    height: auto;
    overflow: visible;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 1em;
  }
  .page-user-register form#form-club-subscribe label {
    display: block;
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1.3;
    font-size: 1rem;
    text-align: left;
    margin-top: 0;
    position: relative;
    left: auto !important;
    top: auto !important;
  }
  .page-user-register form#form-club-subscribe .container-inline-date label.error {
    display: none !important;
  }
  .page-user-register form#form-club-subscribe input[type=text], .page-user-register form#form-club-subscribe input[type=password], .page-user-register form#form-club-subscribe input[type=email] {
    margin: auto;
    width: 100%;
    float: none;
    font-size: 1rem;
    height: auto;
    line-height: 2;
    box-sizing: border-box;
    border: 2px solid #eceded;
    font-size: 1rem;
    box-shadow: 0 0 0 1px #ddd inset;
    border-radius: .188rem;
    padding: .188rem .5rem;
    border: 1px solid #334d6b;
  }
  .page-user-register form#form-club-subscribe input[type=radio], .page-user-register form#form-club-subscribe input[type=checkbox] {
    width: auto;
    display: inline-block;
    margin-right: 1em;
    width: 1rem;
    height: 1rem;
  }
  .page-user-register form#form-club-subscribe p.info {
    float: none;
    width: auto;
    margin-bottom: .5rem;
  }
  .page-user-register form#form-club-subscribe .date-no-float {
    float: none;
  }
  .page-user-register form#form-club-subscribe .btn-line {
    text-align: center;
    margin-top: 1em;
  }

  .page-club-homepage #page-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .page-club-homepage #page-inner #main {
    order: 2;
    float: none;
    width: auto !important;
    padding: 5px 0;
  }
  .page-club-homepage #page-inner #sidebar {
    order: 1;
    float: none !important;
    width: auto !important;
    background: blue;
  }
  .page-club-homepage #page-inner #sidebar .corner {
    display: none;
  }
  .page-club-homepage #page-inner #sidebar [class*=block] {
    width: auto;
  }
  .page-club-homepage #page-inner #sidebar .block {
    border: 0;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84 {
    border: 0;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84 h1 {
    float: left;
    width: 111px;
    height: 46px;
    margin: 15px;
    background-size: 100%;
    background-position: center;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84 h1 a {
    width: auto;
    height: auto;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84 .content {
    float: right;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84 p a.arrow-link {
    margin-top: 23px;
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    background: none;
    border: 1px solid #334d6b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .page-club-homepage #page-inner #sidebar .block-type-84:after {
    display: table;
    clear: both;
    content: "";
  }
  .page-club-homepage #page-inner #sidebar #block-my-loyalty {
    border: 0;
    border-top: 1px dashed #979797;
    border-bottom: 1px dashed #979797;
  }
  .page-club-homepage #page-inner #sidebar #block-my-loyalty .title {
    padding-top: 5px;
    float: left;
    font-size: 14px;
    font-weight: 400;
  }
  .page-club-homepage #page-inner #sidebar #block-my-loyalty .content {
    float: none;
  }
  .page-club-homepage #page-inner #sidebar #block-my-loyalty .content > ul {
    float: right;
  }
  .page-club-homepage #page-inner #sidebar #block-my-loyalty .content > a {
    float: left;
    margin-top: -25px;
    padding-left: 0;
    font-size: 12px;
    background: none;
  }
  .page-club-homepage #page-inner #sidebar .block-block {
    border: 0;
    border-bottom: 1px dashed #979797;
  }
  .page-club-homepage #page-inner #sidebar .block-block .title {
    margin-bottom: 2px;
    padding-top: 5px;
    float: left;
    font-size: 14px;
    font-weight: 400;
  }
  .page-club-homepage #page-inner #sidebar .block-block p {
    clear: none;
  }
  .page-club-homepage #page-inner #sidebar .block-block p:nth-child(2) {
    float: right;
  }
  .page-club-homepage #page-inner #sidebar .block-block p:nth-child(3) {
    float: left;
    clear: left;
  }
  .page-club-homepage #page-inner #sidebar .block-block img {
    display: none;
  }
  .page-club-homepage #page-inner #sidebar .block-block a {
    padding-left: 0;
    font-size: 12px;
    background: none;
  }
  .page-club-homepage #page-inner #sidebar #block-block-1 {
    padding-right: 155px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-1:after {
    display: block;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 150px;
    height: 69px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -404px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-2 {
    padding-right: 155px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-2:after {
    display: block;
    position: absolute;
    top: 25px;
    right: 15px;
    width: 124px;
    height: 40px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -574px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-3 {
    min-height: 120px;
    padding-right: 110px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-3:after {
    display: block;
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 81px;
    height: 101px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -473px;
  }
  .page-club-homepage #page-inner #sidebar #block-block-3:before {
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 189px;
    height: 33px;
    content: "";
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -371px;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter {
    border: 0;
    border-bottom: 1px dashed #979797;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter .block {
    padding-right: 15px;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter .title {
    font-size: 14px;
    font-weight: 400;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter .form-email {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 85%;
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    color: #3A4F73;
    border-color: #fff;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter .form-email.error {
    margin-bottom: 20px;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter label.error {
    position: absolute;
    bottom: 18px;
    color: #8c2e0b;
  }
  .page-club-homepage #page-inner #sidebar #sidebar-newsletter .form-submit {
    width: 15%;
    height: 34px;
    line-height: 34px;
    background: #334d6b;
  }

  /* RDV THEMATIQUES */
  /* EPISODES */
  .atoderm-episode .sbgBlock-intro {
    background-image: none !important;
  }
  .atoderm-episode .sbgBlock-intro.sbgBlock {
    padding-top: 2em;
    margin-top: 0;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left {
    width: 100%;
    display: block;
    padding: 1em;
    float: none;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left .sbgIntro-circle {
    display: block;
    height: auto;
    width: 100%;
    overflow: visible;
    position: relative;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left .sbgIntro-circle .sbgIntro-circle_bg {
    background: none;
    height: auto;
    width: auto;
    display: inline-block;
    left: 50%;
    top: 0;
    bottom: 0;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left .sbgIntro-circle .sbgIntro-circle_content {
    border-radius: 50%;
    background-color: #e93e8f;
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    position: relative;
    height: 8em;
    width: 8em;
    margin: auto;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left .sbgIntro-circle .sbgIntro-circle_content .label {
    display: block;
    padding: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 1em;
    right: 0;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-left .sbgIntro-circle .sbgIntro-circle_content .num {
    display: block;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 2rem;
    font-weight: bold;
    width: 100%;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro-right {
    width: 100%;
    display: block;
    float: none;
    padding: 1em;
  }
  .atoderm-episode .sbgBlock-intro .sbgIntro_title {
    font-size: 2em;
  }
  .atoderm-episode div[about] {
    background: none !important;
    padding-top: 1rem;
    min-height: auto !important;
  }
  .atoderm-episode div[about] *:not(.sbgBlock-youtube-player) {
    float: none;
    position: relative;
    top: auto;
    left: auto;
    margin: auto;
    height: auto;
    right: auto;
  }
  .atoderm-episode div[about] .sbgCcspdp_title, .atoderm-episode div[about] .sbgCcspdp-left, .atoderm-episode div[about] .sbgCcspdp-right, .atoderm-episode div[about] .dermato_content_left {
    display: block;
    width: 100%;
  }
  .atoderm-episode div[about] .sbgCcspdp-pic {
    background: none;
  }
  .atoderm-episode div[about] .sbgCcspdp-pic ~ div {
    display: none;
  }
  .atoderm-episode div[about] .sbgCcspdp-right {
    padding: 0 1em;
  }
  .atoderm-episode div[about] .sbgCcspdp-right .sbgCcspdp_title {
    font-size: 2em;
    margin-bottom: 1em;
  }
  .atoderm-episode div[about] .sbgBlock-dermato, .atoderm-episode div[about] .dermato_head_content, .atoderm-episode div[about] .sbgBlock-dermato_head, .atoderm-episode div[about] .sbgBlock-keynum, .atoderm-episode div[about] .sbgBlock-keynum_pic, .atoderm-episode div[about] .sbgBlock-keynum_content, .atoderm-episode div[about] .sbgBlock-advices-bigger, .atoderm-episode div[about] sbgBlock-advices-bigger-left {
    display: block;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_head .dermato_head_pic {
    width: calc(100% / 3 - 1em);
    display: inline-block;
    margin-right: 1em;
    vertical-align: top;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_head .dermato_head_pic img {
    margin: .5em;
    width: 100%;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_head .dermato_head_content {
    width: calc(100% / 3 * 2 - .5em);
    display: inline-block;
    vertical-align: top;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_head .dermato_head_content .title {
    font-size: 1.8em;
    display: block;
  }
  .atoderm-episode div[about] .ys__relative-products__list__item__action a {
    display: inline-block;
    padding: .5em 1em;
  }
  .atoderm-episode div[about] .sbgBlock-keynum {
    width: 100%;
  }
  .atoderm-episode div[about] .sbgBlock-keynum_content {
    width: 100%;
    padding: 0 1em;
  }
  .atoderm-episode div[about] .sbgBlock-memo.sbgBlock-memo_wrapper {
    margin: 0 1em;
    width: calc(100% - 2em);
  }
  .atoderm-episode div[about] .sbgBlock-dyk-left {
    display: block;
    text-align: center;
  }
  .atoderm-episode div[about] .sbgBlock-dyk-left div {
    text-align: inherit;
  }
  .atoderm-episode div[about] .sbgBlock-dyk-right, .atoderm-episode div[about] .sbgBlock-advices {
    width: 100%;
    display: block;
    padding: 0 1em;
  }
  .atoderm-episode div[about] .sbgBlock-dyk-right .sbgBlock-dyk-content, .atoderm-episode div[about] .sbgBlock-advices .sbgBlock-dyk-content {
    padding: 0;
  }
  .atoderm-episode div[about] .sbgBlock-advices-bigger-left {
    width: 100%;
    display: block;
  }
  .atoderm-episode div[about] .sbgBlock-advices-bigger-left .sbgBlock-advices-bigger-title, .atoderm-episode div[about] .sbgBlock-advices-bigger-left .sbgBlock-advices-left {
    font-size: 1.5em;
    display: inherit;
    width: inherit;
    padding: .4em 0;
  }
  .atoderm-episode div[about] .sbgBlock-advices-bigger-content {
    padding: 1em;
  }
  .atoderm-episode div[about] .sbgBlock-nextweek-circle-content {
    position: absolute;
    top: 2em;
  }
  .atoderm-episode div[about] .has-txt-content li:before {
    background-position: center -49px;
    width: auto;
  }
  .atoderm-episode div[about] .sbgBlock-advices-right {
    width: 100%;
    text-align: center;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_content {
    display: block;
    padding: 1em;
  }
  .atoderm-episode div[about] .sbgBlock-dermato_content .dermato_content_left, .atoderm-episode div[about] .sbgBlock-dermato_content .dermato_content_right {
    display: block;
  }

  .node-type-club-cover .block-club .title-type-05 {
    font-size: .918em;
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
    font-style: normal;
  }

  [class*=node-type-atoderm] #page-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  [class*=node-type-atoderm] #page-inner .opeSBG-landing_banner {
    margin-top: 1em;
  }
  [class*=node-type-atoderm] .opeSBG-head {
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    /*  background-position: center top !important; */
    /* !important pour surcharger le style background inline html */
    min-height: initial;
    padding: 0.8em calc(100% - 65%) 3rem 0.5rem;
    position: relative;
  }
  [class*=node-type-atoderm] .opeSBG-head .opeSBG-head-title {
    font-size: 1rem;
    line-height: 1;
  }
  [class*=node-type-atoderm] .opeSBG-head .opeSBG-head-title > span {
    font-size: 2.5rem;
    margin: auto;
  }
  [class*=node-type-atoderm] .opeSBG-head .opeSBG-head-hashtag {
    display: block;
    font-size: 1.5rem;
    position: absolute;
    left: .5rem;
    right: .5rem;
    bottom: 0;
  }
  [class*=node-type-atoderm] .opeSBG-head .opeSBG-temporality-title {
    display: block;
    float: none;
    font-size: 1rem;
  }
  [class*=node-type-atoderm] .opeSBG-head .opeSBG-head-subtitle {
    display: none;
    float: none;
  }

  div.page-pdv h1.title {
    font-size: 1.2rem;
    float: none;
    margin-right: auto;
    border: 0;
  }
  div.page-pdv h1.title span {
    font-size: larger;
    margin-top: .5rem;
  }
  div.page-pdv form.form-type-01 .bloc-label-input {
    text-align: left;
  }
  div.page-pdv form.form-type-01 .bloc-label-input #uniform-country > span {
    background-position: calc(100% - .5em) 7px;
  }
  div.page-pdv form.form-type-01 fieldset {
    text-align: center;
  }
  div.page-pdv form.form-type-01 fieldset:nth-child(1) .bloc-label-input {
    width: calc(100% / 2 - .5em);
    display: inline-block;
    vertical-align: top;
  }
  div.page-pdv form.form-type-01 button[type="submit"] span {
    height: auto;
  }
  div.page-pdv form.form-type-01 .multiple-select {
    margin: 1em auto !important;
  }
  div.page-pdv .panel {
    float: none;
    width: auto;
    min-height: auto;
    padding-bottom: .5rem;
  }
  div.page-pdv .block-type-51 {
    overflow: auto;
  }
  div.page-pdv .block-type-51 .map {
    float: none;
    width: auto;
    max-width: none;
  }
  div.page-pdv .block-type-51 .map * {
    max-width: none;
  }
  div.page-pdv .block-type-51 .map #map-pdv, div.page-pdv .block-type-51 .map #map-pdv-fiche {
    width: 100% !important;
  }
  div.page-pdv .block-type-51 .legende-map-item {
    float: none;
    display: block;
    height: auto;
    margin-top: 2em;
  }
  div.page-pdv .block-type-51 .pdv-results-label {
    float: none;
    text-align: left;
    padding-left: 30px;
  }

  .page-club-covers #page-inner, [class*=node-type] #page-inner,
  .page-club-bioderma-les-tests-produits #page-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .page-club-covers #page-inner #main, [class*=node-type] #page-inner #main,
  .page-club-bioderma-les-tests-produits #page-inner #main {
    order: 2;
    float: none;
    width: auto !important;
    padding: 5px 0;
  }
  .page-club-covers #page-inner #main h1, [class*=node-type] #page-inner #main h1,
  .page-club-bioderma-les-tests-produits #page-inner #main h1 {
    display: none;
  }
  .page-club-covers #page-inner #main div.content h2, [class*=node-type] #page-inner #main div.content h2,
  .page-club-bioderma-les-tests-produits #page-inner #main div.content h2 {
    display: none;
  }
  .page-club-covers #page-inner #sidebar-first, [class*=node-type] #page-inner #sidebar-first,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first {
    order: 1;
    float: none !important;
    width: auto !important;
    background: white;
  }
  .page-club-covers #page-inner #sidebar-first h1, [class*=node-type] #page-inner #sidebar-first h1,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first h1 {
    display: none;
  }
  .page-club-covers #page-inner #sidebar-first .block-type-84, [class*=node-type] #page-inner #sidebar-first .block-type-84,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .block-type-84 {
    width: auto;
  }
  .page-club-covers #page-inner #sidebar-first ul.menu-level-2, [class*=node-type] #page-inner #sidebar-first ul.menu-level-2,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first ul.menu-level-2 {
    display: none;
  }
  .page-club-covers #page-inner #sidebar-first p.back-link, [class*=node-type] #page-inner #sidebar-first p.back-link,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first p.back-link {
    display: none;
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-1 > li, [class*=node-type] #page-inner #sidebar-first .menu-level-1 > li,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-1 > li {
    box-shadow: 0 0 0 1px #d1d5df inset;
    padding: 1px 0;
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-1 > li > a, [class*=node-type] #page-inner #sidebar-first .menu-level-1 > li > a,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-1 > li > a {
    color: #565656;
    background-color: #d8e3eb;
    background-image: url("../img/rwd_icons/slide-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - .5em) center;
    background-size: 2em 2em;
    font-size: .938rem;
    font-family: inherit;
    line-height: 3em;
    padding-left: .5rem;
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-1 > li > a:before, [class*=node-type] #page-inner #sidebar-first .menu-level-1 > li > a:before,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-1 > li > a:before {
    content: "Afficher\A0";
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-1 > li > a.slide-down, [class*=node-type] #page-inner #sidebar-first .menu-level-1 > li > a.slide-down,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-1 > li > a.slide-down {
    background-image: url("../img/rwd_icons/slide-up.svg");
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-1 > li > a.slide-down:before, [class*=node-type] #page-inner #sidebar-first .menu-level-1 > li > a.slide-down:before,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-1 > li > a.slide-down:before {
    content: "Masquer\A0";
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-2 > li a, [class*=node-type] #page-inner #sidebar-first .menu-level-2 > li a,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-2 > li a {
    color: #565656;
    background-color: #d8e3eb;
    padding: 1rem;
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-2 > li a:before, [class*=node-type] #page-inner #sidebar-first .menu-level-2 > li a:before,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-2 > li a:before {
    content: "";
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-3, [class*=node-type] #page-inner #sidebar-first .menu-level-3,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-3 {
    padding: 0;
    border-left: 4px solid #24abe2;
  }
  .page-club-covers #page-inner #sidebar-first .menu-level-3 li a, [class*=node-type] #page-inner #sidebar-first .menu-level-3 li a,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first .menu-level-3 li a {
    padding-left: 2rem;
  }
  .page-club-covers #page-inner #sidebar-first a, .page-club-covers #page-inner #sidebar-first li, [class*=node-type] #page-inner #sidebar-first a, [class*=node-type] #page-inner #sidebar-first li,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first a,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first li {
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
    text-decoration: none;
    font-size: .938rem;
  }
  .page-club-covers #page-inner #sidebar-first a.active, [class*=node-type] #page-inner #sidebar-first a.active,
  .page-club-bioderma-les-tests-produits #page-inner #sidebar-first a.active {
    font-family: "Century Gothic W02 Bold", "Trebuchet MS", Arial, sans-serif;
  }

  /* Specific authent for club-bioderma/ma-fidelite/mon-portefeuille */
  #page-inner.page-club .inner-page.page-login-bri .list, #page-inner.page-club .inner-page.page-login-bri .login, #page-inner.page-club .inner-page.page-login-bri .login-block {
    float: none;
    width: 100%;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block .login-register {
    width: 100%;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block .login-register .login-bottom-links {
    width: 300px;
    padding: 0;
    margin: 0 auto;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block.login-fullpage a.password {
    position: initial;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block.login-fullpage .login-bottom-links {
    position: initial;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block.login-fullpage form#form-login-full {
    height: auto;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block #form-login-full {
    width: 100%;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block #form-login-full a.password {
    bottom: 45px;
    left: 180px;
    width: 100px;
  }
  #page-inner.page-club .inner-page.page-login-bri .login-block #form-login-full .login-bottom-links {
    padding: 0;
    width: 280px;
  }
  #page-inner.page-club .inner-page.page-login-bri ol li {
    font-size: 1em;
    height: 5em;
  }

  ol#timeline + ol {
    display: table;
    margin-top: 1rem;
    table-layout: fixed;
    width: 100%;
  }
  ol#timeline + ol li {
    display: table-cell;
    float: none;
    color: #d5e1ea;
    font-size: .8rem;
    text-align: center;
  }

  ol#timeline {
    box-shadow: 0 0 0 13px white inset, 0 -16px 0 0 #ddd inset;
    display: table;
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
    font-size: 1rem;
    height: 1.5rem;
    padding-top: 5rem;
    position: relative;
    width: 100%;
    z-index: 0;
  }
  ol#timeline li {
    display: table-cell;
    text-align: center;
  }
  ol#timeline li > span:first-child {
    background-color: #e93e8f;
    border-radius: 50%;
    color: white;
    display: inline-block;
    line-height: 2em;
    position: relative;
    transition: all .3s ease;
    width: 2em;
  }
  ol#timeline li.default > span:first-child {
    font-weight: bold;
  }
  ol#timeline li > span:first-child:before {
    background-color: currentcolor;
    bottom: 100%;
    content: "\A0";
    display: inline-block;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 3px;
    z-index: 0;
  }
  ol#timeline li.timeline-active > span:first-child {
    background-color: white;
    color: #e93e8f;
  }
  ol#timeline li.is-unpublished > span:first-child {
    background-color: #4174a3;
  }
  ol#timeline li.is-unpublished.timeline-active > span:first-child {
    background-color: white;
    color: #4174a3;
  }
  ol#timeline li.timeline-active > span:first-child {
    box-shadow: 0 0 0 3px currentcolor inset;
  }
  ol#timeline li > span:last-child {
    background-color: #e93e8f;
    border-radius: 3px;
    bottom: 2.8rem;
    color: white;
    display: none;
    left: .3rem;
    padding: .5rem 1rem;
    position: absolute;
    right: .3rem;
    text-align: left;
    transition: all .3s ease;
    z-index: 1;
  }
  ol#timeline li.is-unpublished > span:last-child {
    background-color: #4174a3;
  }
  ol#timeline li.timeline-active > span:last-child {
    display: block;
  }
  ol#timeline li > span:last-child > span {
    text-transform: uppercase;
    font-weight: bold;
  }
  ol#timeline li > span:last-child > span * {
    font-size: smaller;
    text-transform: none;
    display: inline-block;
    margin-left: .5rem;
  }
  ol#timeline li > span:last-child > span:after {
    content: "\A0:\A0";
  }

  body.node-type-article div.sticky-wrapper nav.block-type-46 ul {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-46 ul li {
    display: table-cell;
    float: none;
    padding: 0;
    text-align: center;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-46 ul li a {
    font-size: 1rem;
    display: block;
    padding: 0;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-46 ul li a.current {
    background-position: center calc(100% - 3px);
  }
  body.node-type-article div.sticky-wrapper nav.block-type-45 {
    width: 100%;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-45 ul.list-04 {
    display: block;
    width: 100%;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-45 ul.list-04 li {
    display: block;
    width: auto;
    float: none;
    padding-left: 1rem;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-45 ul.list-04 li a {
    display: block;
    padding: .2rem 0 .2rem .5rem;
    font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
    background-position: left 6px;
  }
  body.node-type-article div.sticky-wrapper nav.block-type-45 ul.list-04 li a.current {
    background-position: left 8px;
  }
  body.node-type-article #block-history li.section, body.node-type-article #block-system-main div.block-type-41 ul li.section {
    overflow: auto;
    border-top: none;
  }
  body.node-type-article #block-history li.section > div.misc, body.node-type-article #block-system-main div.block-type-41 ul li.section > div.misc {
    float: none;
    width: auto;
    min-height: inherit;
  }
  body.node-type-article #block-history li.section > div.content, body.node-type-article #block-system-main div.block-type-41 ul li.section > div.content {
    padding: 1rem 1rem 0 1rem;
    min-height: inherit;
    width: auto;
    float: none;
  }
  body.node-type-article #block-system-main div.block-type-44.type-44b .content {
    padding: 1rem;
  }
  body.node-type-article #block-system-main div.block-type-44.type-44b .content h1 {
    font-size: 1.2rem;
  }

  body.node-type-book #page-inner.page-news #sidebar {
    display: none !important;
  }
  body.node-type-book #page-inner.page-news h1 {
    border: none;
    float: none;
    padding: 0;
    margin-bottom: 1rem;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] li {
    width: auto;
    float: none;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .media {
    text-align: center;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .media img {
    display: inline-block;
    vertical-align: middle;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .desc {
    padding: 1rem .5rem .5rem;
    overflow: auto;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .desc h2 {
    display: block !important;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .desc .category {
    border-radius: .188rem;
    line-height: 1.2;
    padding: .188rem .376rem;
  }
  body.node-type-book #page-inner.page-news div[class*=block-type] .desc .date {
    line-height: 1.2;
  }
  body.node-type-book.page-node-119 .block-type-29, body.node-type-book.node-type-book .block-type-29 {
    padding: 0;
  }
  body.node-type-book.page-node-119 .list-abc li, body.node-type-book.node-type-book .list-abc li {
    width: calc(100% / 13);
  }
  body.node-type-book.page-node-119 .list-abc li:nth-child(13), body.node-type-book.node-type-book .list-abc li:nth-child(13) {
    background: none;
  }
  body.node-type-book.page-node-119 .list-abc li:nth-child(14) a, body.node-type-book.node-type-book .list-abc li:nth-child(14) a {
    background: none;
  }
  body.node-type-book.page-node-119 .list-abc li:nth-child(-n+13), body.node-type-book.node-type-book .list-abc li:nth-child(-n+13) {
    margin-bottom: .5em;
  }

  body.node-type-actualites #page-inner.page-mag #sidebar {
    display: none !important;
  }
  body.node-type-actualites img {
    margin: 0 !important;
  }

  #labomap {
    max-height: 320px;
    width: 100%;
  }
  #labomap * {
    max-width: none;
  }
}
@media (max-width: 768px) and (max-width: 639px) {
  ol#timeline {
    font-size: .813rem;
  }
}
@media (max-width: 768px) {
  input::-webkit-input-placeholder {
    color: #888 !important;
    font-style: italic;
  }

  input::-moz-placeholder, input:-moz-placeholder {
    color: #888 !important;
    font-style: italic;
  }

  input:-moz-placeholder {
    color: #888 !important;
    font-style: italic;
  }

  input:-ms-input-placeholder {
    color: #888 !important;
    font-style: italic;
  }

  input::input-placeholder {
    color: #888 !important;
    font-style: italic;
  }

  .block-type-41 .misc .keyword {
    height: auto;
    margin-bottom: 1em;
  }
  .block-type-41 .misc .keyword span {
    font-size: 1.8rem;
  }

  .block-type-45 .list-02 li {
    float: none;
    width: auto;
  }

  .block-type-23 ul li {
    float: none;
  }

  #page_testimoniaux #header {
    padding-left: 0 !important;
  }
  #page_testimoniaux #header h3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #page_testimoniaux #image_gauche {
    padding-right: 0 !important;
    padding-bottom: 10px;
  }
  #page_testimoniaux #image_droite {
    padding-left: 0 !important;
    padding-bottom: 10px;
  }

  #google_recaptcha_user_register_form {
    padding-left: inherit;
  }
}
.list-abc {
  width: 100%;
  display: table;
}
.list-abc li {
  background-image: url("../img/svg/dot.svg");
  background-position: calc(100% + 3px) center;
  background-repeat: no-repeat;
  background-size: 6px;
  display: inline-block;
  font-size: 1.5em;
  text-align: center;
  width: calc(100% / 26);
}
.list-abc li a {
  display: block;
  background-image: url("../img/svg/dot.svg");
  background-position: -3px center;
  background-repeat: no-repeat;
  background-size: 6px;
  padding: 0 0 3px 0;
}
.list-abc li a.active, .list-abc li a:hover {
  border: none !important;
  box-shadow: 0 -3px 0 0 #ade9fe inset;
}
.list-abc li:first-child a {
  background: none;
}
.list-abc li:last-child {
  background: none;
}

#continents-quarters #map-note {
  text-align: center;
  padding: 1rem 0;
}
#continents-quarters div.continent {
  box-shadow: 0 -1px 0 0 #ddd;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
#continents-quarters div.continent > dl > dt {
  box-shadow: 0 -3px 0 0 #394d68 inset;
  margin-bottom: 1rem;
  clear: right;
}
#continents-quarters div.continent > dl h2 {
  color: #394d68;
  font-family: "Century Gothic W02", "Trebuchet MS", Arial, sans-serif;
  text-transform: uppercase;
  line-height: 3;
  cursor: pointer;
  padding-left: 1rem;
}
#continents-quarters div.continent > dl h2:after {
  content: attr(data-count);
  color: inherit;
}
#continents-quarters div.continent > dl > dt {
  background-image: url("../img/rwd_icons/menu_level-2_open.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
}
#continents-quarters div.continent > dl > dt.closed {
  background-image: url("../img/rwd_icons/menu_level-2.png");
}
#continents-quarters div.continent > dl > dd {
  width: calc(100% / 3 - .2rem);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  padding-left: 1rem;
  line-height: 2.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#continents-quarters div.continent > dl > dd > span {
  color: #0074BD;
  font-weight: bold;
  cursor: pointer;
  display: block;
}
#continents-quarters div.continent > dl > dd dl {
  background-color: #eaf0f6;
  display: none;
  position: absolute;
  overflow: scroll !important;
  top: 0;
  left: 0;
  bottom: -1rem;
  right: 0;
  padding: 1rem;
}
#continents-quarters div.continent > dl > dd dl h3 {
  text-transform: uppercase;
}
#continents-quarters div.continent > dl > dd dl span {
  display: block;
  white-space: normal;
}
#continents-quarters div.continent span.closer {
  display: none;
  position: absolute;
  top: 3.8rem;
  right: .5rem;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  background-image: url("../img/rwd_icons/menu_level-1.png");
  background-position: center center;
  background-repeat: no-repeat;
}

#headquater-address {
  height: auto;
  margin-left: 0;
}

@media (max-width: 768px) {
  .splash {
    margin: 0;
    background-position: left top 135px;
  }
  .splash #page {
    height: auto;
  }
  .splash #page h1 {
    margin-right: 0;
  }
  .splash #page .content {
    float: none;
    width: 100%;
    margin-right: 0;
    padding-right: 25px;
    padding-left: 25px;
  }
  .splash #page .content .lang {
    width: 100% !important;
    height: auto;
    min-height: 630px;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  .splash #page .content .col {
    float: none;
    width: 100%;
    padding-bottom: 30px;
  }
  .splash #page .content .title {
    padding-bottom: 15px;
  }
  .splash .punchline {
    padding: 20px 0;
  }
}
@media (max-width: 768px) {
  #popin {
    left: 0;
    width: 100%;
    margin-left: 0;
  }

  .popin-01 .inner p.msg {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .login-block.login-fullpage a.password {
    position: relative;
    bottom: auto;
    left: auto;
  }
  .login-block.login-fullpage #form-login-full {
    height: 220px;
  }
  .login-block.login-fullpage #form-login-full .login-bottom-links {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  * {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  fieldset {
    min-width: auto;
  }

  iframe[src*=youtube] {
    height: auto !important;
  }

  * img {
    height: auto;
    padding: 0;
  }

  .accueil-icon {
    height: 25px;
  }

  	/*
          *.content, * img, [class*=block-type] {
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;
          }
      */
  [class*=block-tw] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #d5dbe2 inset;
    float: left;
    height: auto;
    margin: 0;
    margin: 0;
    padding: 5px;
  }
  [class*=block-tw] .corner {
    top: 4px;
    right: 4px;
  }
  [class*=block-tw] img {
    max-width: 100%;
    display: block;
  }

  .block-tw-full {
    width: 100%;
  }

  .block-tw-third {
    width: calc(100% / 3 - 1px);
  }

  .block-tw-two_third {
    width: calc(100% / 3 * 2);
  }

  /*
  	.block-tw-full {
  		width: auto;
  		margin: 0 5px 5px;
  		.inner {
  			img {
  				display: block;
  				width: calc;
  				max-width: 100%;
  			}
  		}
  	}
  	.block-tw-two_third {
  		width: auto;
  		margin: 0 5px 5px;
  	}
  
  	.block-tw-third {
  		@include box-sizing(border-box);
  		float: left;
  		width: 47.6%;
  		margin: 0 2px 5px 5px;
  		+ .block-tw-third {
  			margin-left: 3px;
  			margin-right: 5px;
  			+ .block-tw-third {
  				margin-left: 5px;
  				margin-right: 2px;
  				+ .block-tw-third {
  					margin-left: 3px;
  					margin-right: 5px;
  				}
  			}
  		}
  	}
  	.block-th-simple {
  		height: auto;
  		.inner {
  			img {
  				display: block;
  				max-width: 100%;
  			}
  		}
  	}
  
  	.block-club {
  	}
  */
}
@media (max-width: 768px) {
  #block-big-carousel {
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 14px;
    border-bottom: 0;
  }
  #block-big-carousel .carousel {
    padding-bottom: 33px;
  }
  #block-big-carousel .carousel .desc {
    padding-top: 0;
  }
  #block-big-carousel li img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #block-big-carousel .btn-type-06 {
    position: absolute;
    top: 0;
    right: 15px;
    height: 29px;
    line-height: 29px;
  }
}
#block-big-carousel .pagination {
  display: block;
}

@media (max-width: 768px) {
  .pagination {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: auto !important;
    bottom: 0;
    right: auto;
    width: 100%;
    padding: 9px;
    text-align: center;
  }
  .pagination li {
    float: none !important;
    display: inline-block;
  }
  .pagination li.selected a {
    background: #334d6b;
  }
  .pagination a {
    display: inline-block;
    width: 11px;
    height: 11px;
    text-indent: -9999px;
    background: #fff;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #334d6b;
  }
}
.pagination {
  display: none;
}

@media (max-width: 768px) {
  .block-type-97 ul.list li {
    text-align: center;
    width: auto;
    float: none;
    margin: 0 auto 40px;
  }
  .block-type-97 ul.list li img {
    margin: auto;
  }

  .block-type-54 {
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    width: 100%;
    height: auto;
    margin: 0 0 30px !important;
    padding-left: 5px;
    padding-right: 5px;
  }
  .block-type-54 .btn-type-06 {
    position: absolute;
    top: 0;
    right: 15px;
    height: 29px;
    line-height: 29px;
  }
  .block-type-54 .carousel {
    min-height: 435px;
    border: 1px solid #d1d5df;
  }
  .block-type-54 .pagination {
    bottom: 0 !important;
  }
  .block-type-54 .slides li {
    width: auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .block-type-54 .slides li .picture {
    width: 100%;
    height: auto;
  }
  .block-type-54 .slides li img {
    /* override inline attributes */
    height: auto;
    max-width: 300px;
    margin: 0 auto;
    border: 0;
  }
  .block-type-54 .slides li .caption {
    float: none;
    width: auto;
    padding-left: 50px;
    padding-right: 50px;
    border-bottom: 0;
  }
  .block-type-54 .prev, .block-type-54 .next {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 30px;
    height: 62px;
    margin-top: -31px;
    text-indent: -9999px;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
  }
  .block-type-54 .prev {
    left: 15px;
    background-position: 0 -1206px;
  }
  .block-type-54 .next {
    right: 15px;
    background-position: 0 -1144px;
  }

  .block-type-55 {
    overflow: visible;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    width: 100%;
    height: auto;
    margin-bottom: 30px !important;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
  }
  .block-type-55 .btn-type-06 {
    position: absolute;
    top: 0;
    right: 15px;
    height: 29px;
    line-height: 29px;
  }
  .block-type-55 > a {
    display: block;
    border: 1px solid #d1d5df;
    border-bottom: 0;
  }
  .block-type-55 img {
    display: block;
    max-height: inherit;
    margin: 0 auto;
    padding-top: 40px;
  }
  .block-type-55 .caption {
    padding: 15px 50px 10px;
    border: 1px solid #d1d5df;
    border-top: 0;
  }

  .block-type-56 ul {
    float: none;
    padding: 0;
  }
  .block-type-56 a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: auto;
    height: auto;
  }
  .block-type-56 a.contact {
    float: none;
  }
  .block-type-56 .desc {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: auto;
    height: auto;
    margin-right: 0;
  }
  .block-type-56 .desc p {
    padding: 15px;
  }

  .block-type-57 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 100%;
    margin-bottom: 0;
    background: #d6e3ec;
    border-collapse: collapse;
  }
  .block-type-57 span.nolink {
    position: relative;
    display: table-cell;
    width: 50%;
    margin: 0;
    padding: 130px 20px 30px;
    line-height: normal;
    font-size: 12px;
    vertical-align: middle;
    border: 1px solid #c5d5df;
  }
  .block-type-57 span.nolink:before {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 38px;
    height: 41px;
    margin-left: -19px;
    content: "";
  }
  .block-type-57 span.nolink:first-child:before {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1062px;
  }
  .block-type-57 span.nolink:last-child:before {
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -1103px;
  }

  .block-type-10 .new {
    height: auto;
  }

  .block-type-41 .misc .keyword span {
    width: auto;
    padding-right: 0;
    text-align: center;
  }

  .block-type-84 {
    display: none;
  }

  .block-type-51-header-image .img-desktop {
    display: none;
  }
  .block-type-51-header-image .img-mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  #block-bioderma-cookie-bioderma-cookie-bandeau {
    position: relative;
    top: 0;
    bottom: auto;
    z-index: 10;
    padding-right: 66px;
  }
  #block-bioderma-cookie-bioderma-cookie-bandeau img {
    right: 15px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background-image: url('../img/rwd_icons-s32aed5be8a.png');
    background-position: 0 -614px;
    background-size: initial;
  }
}
@media (max-width: 768px) {
  input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .cache {
    z-index: 6;
  }

  #facebook-panel,
  #twitter-panel {
    display: none;
  }
}