@charset "UTF-8";

/*!



Creano - BEAUTY SCHOOL v1.0 - http://creano.paris */

/*!



general */



.bt-app,

.bt-app * {

    padding: 0;

    margin: 0

}

.bt-basictitle,

.bt-pagetitle {

    font-family: ClarinsRegular;

    font-weight: 400;

    text-align: center

}

.bt-basictitle--red,

.bt-pagetitle__ing {

    color: #be0f34

}

.bt-app {

    box-sizing: border-box;

    position: relative;

    z-index: 0

}

.bt-app * {

    box-sizing: inherit

}

/*!



clr */



.bt-clr:after {

    content: '';

    display: block;

    clear: both;

    height: 0

}

/*!



fullwidth show */



.bt-fullwidth {

    opacity: 0;

    -webkit-transition: .5s opacity, .5s -webkit-transform, .5s -webkit-transform;

    transition: .5s opacity, .5s transform, .5s -webkit-transform;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}

.bt-fullwidth.bt-active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}

/*!



stroke separator */



.bt-stroke-separator {

    width: 100%;

    height: 1px;

    background: #eaeaea

}

.bt-scrollto,

.bt-scrollto svg {

    width: 40px;

    height: 40px

}

/*!



page title*/



.bt-pagetitle {

    font-size: 50px;

    margin: 0 0 40px;

    padding: 0 20px;

    opacity: 0;

    -webkit-transition: .5s opacity, .5s -webkit-transform, .5s -webkit-transform;

    transition: .5s opacity, .5s transform, .5s -webkit-transform;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}

@media (max-width: 600px) {

    .bt-pagetitle {

        font-size: 35px;

        line-height: 38px;

        padding: 0 10px

    }

}

.bt-pagetitle.bt-active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}

/*!



basic title*/



.bt-basictitle {

    font-size: 35px;

    margin: 60px auto 40px;

    padding: 0 20px

}

.bt-basicsubtitle,

.bt-tabs__backhome>a {

    font-size: 11px;

    text-transform: uppercase

}

@media (max-width: 600px) {

    .bt-basictitle {

        margin: 40px auto;

        line-height: 38px

    }

}

.bt-app_home .bt-tabs__backhome {

    display: none

}

.bt-tabs__backhome {

    margin: 40px 0;

    position: relative;

    z-index: 2;

    text-align: center

}

.bt-tabs__backhome>a {

    display: inline-block;

    -webkit-transition: .2s;

    transition: .2s;

    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;

    color: #000;

    font-weight: 400;

    letter-spacing: .5px;

    padding: 0 0 1px;

    background: #fff;

    border-bottom: 1px solid #e5e5e5

}

.bt-tabs__backhome>a:hover {

    border-bottom: 1px solid #000

}

@media screen and (max-width: 600px) {

    .bt-tabs__backhome {

        margin: 0

    }

}

/*!



basic subtitle*/



.bt-basicsubtitle {

    text-align: center;

    font-weight: 700;

    margin-top: -20px;

    padding: 0 20px

}

/*!



scrollto */



.bt-scrollto {

    display: block;

    cursor: pointer

}

.bt-scrollto path {

    -webkit-transition: .2s;

    transition: .2s

}

.bt-scrollto:hover path:first-child {

    fill: #be0f34

}

.bt-escale .bt-scrollto {

    display: inline-block

}

.bt-basicbanner__content .bt-scrollto {

    position: absolute;

    left: 0;

    right: 0;

    bottom: -20px;

    margin: auto

}

@media screen and (max-width: 600px) {

    .bt-app .bt-scrollto {

        display: none

    }

}

/*!



basic banner */



.bt-basicbanner {

    position: relative;

    overflow: hidden;

    padding: 70px 20px;

    min-height: 600px;

    z-index: 1;

    display: -webkit-box;

    display: flex

}

@media (max-width: 800px) {

    .bt-basicbanner {

        display: block;

        padding: 0 0 50px;

        min-height: initial

    }

}

.bt-basicbanner__bg {

    min-width: 101%;

    min-height: 101%;

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    margin: auto;

    z-index: -1

}

@media (min-width: 1000px) {

    .bt-basicbanner__bg {

        min-height: 140%

    }

}

@media (max-width: 800px) {

    .bt-basicbanner__bg {

        position: relative;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        min-width: initial;

        min-height: initial;

        width: 120%

    }

}

.bt-basicbanner__video {

    min-width: 101%;

    min-height: 101%;

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    margin: auto;

    z-index: -1

}

@media (max-width: 800px) {

    .bt-basicbanner__video {

        position: relative;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        min-width: initial;

        min-height: initial;

        width: 120%

    }

}

.bt-basicbanner__ing {

    position: absolute;

    top: -50px;

    bottom: -50px;

    margin: auto;

    display: block;

    width: 500px

}

[bt-alignement=right] .bt-basicbanner__ing {

    left: 0

}

[bt-alignement=left] .bt-basicbanner__ing {

    right: 0

}

[bt-alignement=center] .bt-basicbanner__ing {

    display: none

}

.bt-basicbanner__ing img {

    display: block;

    margin: auto;

    max-width: 100%;

    max-height: 100%

}

@media (max-width: 800px) {

    .bt-basicbanner__ing {

        position: relative;

        left: 0!important;

        right: 0!important;

        -webkit-transform: none!important;

        -ms-transform: none!important;

        transform: none!important;

        top: 0;

        bottom: 0

    }

}

@media (max-width: 480px) {

    .bt-basicbanner__ing {

        max-width: 90%;

        top: 0;

        bottom: 0

    }

}

.bt-basicbanner__row {

    width: 1170px;

    max-width: 100%;

    margin: auto;

    position: relative

}

.bt-basicbanner__content {

    width: 500px;

    max-width: 100%;

    padding: 50px;

    background: #fff;

    position: relative;

    -webkit-transition: .5s;

    transition: .5s;

    opacity: 0;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}

[bt-alignement=right] .bt-basicbanner__content {

    float: right

}

[bt-alignement=left] .bt-basicbanner__content {

    float: left

}

[bt-alignement=center] .bt-basicbanner__content {

    margin: auto

}

@media (max-width: 800px) {

    .bt-basicbanner__content {

        float: none!important;

        margin: auto;

        padding: 50px

    }

}

.bt-basicbanner__content:nth-child(2) {

    padding-top: 0

}

.bt-basicbanner__content.bt-active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}

.bt-basicbanner__content .bt-basicbanner__picto {

    position: absolute;

    top: 0;

    max-width: 80px;

    padding: 10px;

    background: #fff

}

[bt-alignement=left] .bt-basicbanner__content .bt-basicbanner__picto {

    right: 0

}

[bt-alignement=right] .bt-basicbanner__content .bt-basicbanner__picto {

    left: 0

}

@media (max-width: 700px) {

    .bt-basicbanner__content .bt-basicbanner__picto {

        display: none

    }

}

.bt-app .bt-ssassos__slider.bt-ssassos--dots-active {

    padding-bottom: 40px

}

.bt-app .bt-ssassos__txt li {

    float: left;

    height: 100%;

    width: 400px;

    padding: 0;

    list-style: none

}

.bt--noslideshow .bt-app .bt-ssassos__txt li {

    float: none;

    display: inline-block;

    margin-right: -4px

}

.bt-basicbanner__content .bt-ssassos__pages {

    display: block!important

}

.bt-basicbanner__pretitle {

    font-size: 14px;

    font-weight: 600;

    color: #be0f34;

    margin-bottom: 10px;

    text-transform: uppercase

}

.bt-basicbanner__title,

.bt-escale__subtitle {

    font-weight: 400;

    font-family: ClarinsRegular

}

@media (max-width: 700px) {

    .bt-basicbanner__pretitle {

        font-size: 11px;

        text-align: center

    }

    .bt-basicbanner__title {

        text-align: center

    }

}

.bt-basicbanner__title {

    font-size: 35px;

    line-height: 1;

    margin-bottom: 20px

}

.bt-basicbanner__markup {

    font-size: 14px;

    line-height: 1.5

}

.bt-basicbanner__markup>:not(:last-child) {

    margin-bottom: 20px

}

.bt-basicbanner__markup a {

    color: #000;

    font-size: 11px;

    text-transform: uppercase;

    border-bottom: 1px solid #b6b6b6;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-basicbanner__markup a:hover {

    color: #000;

    border-bottom: 1px solid #000

}

/*!



escale */



.bt-escale {

    background-size: cover;

    background-position: center center;

    line-height: 1;

    padding: 80px 20px 150px

}

.bt-escale__content {

    text-align: center;

    margin: auto;

    max-width: 560px;

    z-index: 1;

    position: relative

}

.bt-escale__map {

    max-height: 166px

}

.bt-escale__title {

    color: #be0f34;

    font-size: 14px;

    text-transform: uppercase;

    margin: 10px 0

}

.bt-escale__subtitle {

    display: inline-block;

    font-size: 50px;

    text-align: center;

    margin: 0 0 30px;

    position: relative

}

.bt-escale__tampon {

    display: block;

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0

}

.bt-escale__tampon[bt-position="1"] {

    top: -100px;

    right: -100px;

    bottom: auto;

    left: auto

}

.bt-escale__tampon[bt-position="2"] {

    top: auto;

    right: -100px;

    bottom: -100px;

    left: auto

}

.bt-escale__tampon[bt-position="3"] {

    top: auto;

    right: auto;

    bottom: -100px;

    left: -100px

}

.bt-escale__tampon[bt-position="4"] {

    top: -100px;

    right: auto;

    bottom: auto;

    left: -100px

}

@media (max-width: 700px) {

    .bt-basicbanner__markup {

        text-align: center

    }

    .bt-escale {

        padding: 50px 20px;

        background-image: none!important

    }

    .bt-escale__subtitle {

        font-size: 35px

    }

    .bt-escale__tampon {

        top: auto!important;

        right: auto!important;

        bottom: auto!important;

        left: auto!important;

        position: relative;

        display: block;

        margin: 0 auto 40px

    }

}

/*!



details */



.bt-details {

    background: url(../img/details--pattern.jpg) center center #f8efe6;

    background-size: 217px 82px;

    padding: 40px 20px

}

@media (-webkit-min-device-pixel-ratio: 2),

(min-resolution: 192dpi) {

    .bt-details {

        background: url(../img/details--pattern@2x.jpg) center center #f8efe6

    }

}

.bt-details__row {

    width: 1170px;

    max-width: 100%;

    margin: auto

}

.bt-details__infos {

    width: 60%;

    display: block;

    float: left;

    text-align: center

}

@media (max-width: 940px) {

    .bt-details__infos {

        width: 100%

    }

}

.bt-details__map {

    width: 40%;

    display: -webkit-box;

    display: flex;

    float: left;

    text-align: center

}

@media (max-width: 1200px) {

    .bt-details__map {

        float: left;

        width: 40%;

        display: -webkit-box;

        display: flex

    }

}

@media (max-width: 940px) {

    .bt-details__map {

        width: 100%;

        padding: 40px 0 0

    }

}

.bt-details__map img {

    display: block;

    margin: auto;

    max-width: 100%;

    max-height: 220px

}

.bt-details__thumb {

    float: left;

    width: 35%

}

@media (max-width: 940px) {

    .bt-details__thumb {

        display: inline-block;

        vertical-align: middle;

        float: none;

        width: 49%

    }

}

.bt-details__thumb__inner {

    padding: 20px 10px;

    background: #fff;

    border: 8px solid #f8f8f8

}

@media (max-width: 700px) {

    .bt-details__thumb {

        width: 100%

    }

    .bt-details__thumb__inner {

        padding: 30px

    }

}

.bt-details__thumb__inner img {

    width: auto;

    height: auto;

    max-width: 150px;

    max-height: 160px

}

.bt-details__text {

    width: 65%;

    float: left;

    padding: 22px;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center

}

@media (max-width: 940px) {

    .bt-details__text {

        display: inline-block;

        vertical-align: middle;

        float: none;

        width: 49%

    }

}

@media (max-width: 700px) {

    .bt-details__text {

        width: 100%;

        padding: 20px

    }

}

.bt-details__text__center div {

    text-align: left;

    padding: 5px

}

.bt-details__text__center div em {

    font-style: normal;

    font-family: ClarinsRegular;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 2px

}

.bt-navnext__title,

.bt-svg-map__text {

    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif

}

.bt-details__text__center div span {

    font-weight: 700;

    font-size: 14px

}

.bt-details__text__center div:nth-child(2) span {

    font-style: italic

}

/*!



BS SSP */



.bt-ssassos {

    text-align: center;

    padding: 0 0 40px

}

.bt-ssassos__bloctitle {

    margin: 60px 0 20px;

    font-size: 22px;

    font-weight: 400;

    text-align: center

}

@media (max-width: 700px) {

    .bt-ssassos__bloctitle {

        margin: 0 0 20px

    }

}

.bt-ssassos__next,

.bt-ssassos__prev {

    display: block;

    position: absolute;

    top: 30%;

    padding: 0;

    width: 50px;

    height: 70px;

    background: #e5e5e5;

    -webkit-transition: .2s;

    transition: .2s;

    border-radius: 5px

}

.bt-ssassos__next.disabled,

.bt-ssassos__prev.disabled {

    opacity: 0

}

.bt--noslideshow .bt-ssassos__next,

.bt--noslideshow .bt-ssassos__prev {

    display: none

}

@media (max-width: 900px) {

    .bt-ssassos__next,

    .bt-ssassos__prev {

        display: none!important

    }

}

.bt-ssassos__prev {

    left: 0;

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}

.bt-ssassos__next {

    right: 0

}

.bt-ssassos__next svg,

.bt-ssassos__prev svg {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 40px;

    height: 40px;

    fill: #fff

}

.bt-ssassos__sliderc {

    position: relative;

    padding: 0 60px

}

.bt-ssassos__slider {

    position: relative

}

.bt-ssassos__slider.bt-ssassos--dots-active {

    padding-bottom: 40px

}

.bt-ssassos__ss li {

    float: left;

    height: 100%;

    width: 280px;

    padding: 0 28px;

    list-style: none

}

.bt--noslideshow .bt-ssassos__ss li {

    float: none;

    display: inline-block;

    margin-right: -4px

}

.bt-ssassos__thumb {

    display: block;

    height: 200px;

    position: relative

}

.bt-ssassos__slider li img {

    display: block;

    max-width: 100%;

    max-height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto

}

.bt-ssassos__title {

    margin-top: 15px;

    font-size: 16px;

    font-weight: 400

}

.bt-ssassos__price {

    margin-top: 30px;

    margin-bottom: 20px;

    font-size: 11px;

    color: #666;

    line-height: 18px

}

.bt-ssassos__cta {

    color: #000;

    text-transform: uppercase;

    line-height: 1.5;

    display: inline-block;

    padding: 11px 9px;

    -webkit-transition: .2s;

    transition: .2s;

    border: 2px solid #e5e5e5

}

.bt-ssassos__cta:hover {

    border-color: #000;

    color: #000

}

.bt-ssassos__cta:active {

    opacity: 1

}

.bt-ssassos__pages {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    display: none

}

.bt-ssassos--dots-active .bt-ssassos__pages {

    display: block

}

@media (min-width: 900px) {

    .bt-ssassos__pages {

        display: none!important

    }

}

.bt-ssassos__pages li {

    display: inline-block;

    list-style: none;

    width: 10px;

    height: 10px;

    margin: 4px;

    background: #ccc;

    border-radius: 50%;

    -webkit-transition: .2s;

    transition: .2s;

    color: transparent;

    cursor: pointer

}

.bt-ssassos__pages li.active {

    background: #000

}

/*!



basic banner */



.bt-navnext {

    position: relative;

    overflow: hidden;

    padding: 40px 20px;

    min-height: 400px;

    z-index: 1;

    display: -webkit-box;

    display: flex;

    opacity: 0;

    -webkit-transition: .5s opacity;

    transition: .5s opacity

}

@media (max-width: 800px) {

    .bt-navnext {

        display: block;

        padding: 0;

        min-height: auto

    }

}

.bt-navnext.bt-active {

    opacity: 1

}

.bt-navnext__bg {

    min-width: 101%;

    min-height: 101%;

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    margin: auto;

    z-index: -1

}

@media (max-width: 800px) {

    .bt-navnext__bg {

        position: relative;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        min-width: initial;

        min-height: initial;

        width: 175%

    }

}

.bt-navnext__row {

    width: 1170px;

    max-width: 100%;

    margin: auto

}

.bt-navnext__content {

    width: 500px;

    max-width: 100%;

    padding: 20px 40px;

    background: #fff;

    position: relative;

    text-align: center;

    -webkit-transition: .5s;

    transition: .5s;

    opacity: 0;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px)

}

[bt-alignement=right] .bt-navnext__content {

    float: right

}

[bt-alignement=left] .bt-navnext__content {

    float: left

}

[bt-alignement=center] .bt-navnext__content {

    margin: auto

}

@media (max-width: 800px) {

    .bt-navnext__content {

        float: none!important;

        margin: auto

    }

}

@media (max-width: 700px) {

    .bt-navnext__content {

        padding: 50px

    }

}

.bt-navnext__content.bt-active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0)

}

.bt-navnext__title {

    font-size: 22px;

    line-height: 24px;

    font-weight: 400;

    margin-bottom: 20px

}

.bt-navnext__land {

    display: block;

    max-width: 100%;

    max-height: 160px;

    margin: 20px auto

}

.bt-navnext__cta {

    display: inline-block;

    font-weight: 700;

    background: #000;

    color: #fff;

    font-size: 11px;

    text-transform: uppercase;

    padding: 15px 25px 13px;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-navnext__cta img {

    display: inline-block;

    margin-right: 15px;

    margin-top: -2px;

    vertical-align: middle;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-navnext__cta:hover {

    color: #fff;

    background: #be0f34

}

.bt-navnext__cta:hover img {

    -webkit-transform: translateX(4px);

    -ms-transform: translateX(4px);

    transform: translateX(4px)

}

/*!



frise */



.bt-frise {

    position: relative;

    z-index: 2;

    height: 2px;

    background: #767676

}

.bt-frise__stroke {

    z-index: -1;

    background: #be0f34;

    width: 5000px;

    height: 2px;

    position: absolute;

    top: 12px;

    right: 100%

}

.bt-frise__inner {

    position: absolute;

    top: -12px;

    left: 0;

    right: 0;

    margin: auto;

    width: 456px;

    height: 110px;

    padding: 0 48px

}

@media (max-width: 550px) {

    .bt-frise__inner {

        padding: 0 24px;

        width: 300px

    }

}

.bt-frise__ss {

    overflow: hidden;

    width: 100%;

    height: 130px;

    margin: auto;

    position: relative

}

.bt-frise__list {

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: .35s;

    transition: .35s

}

.bt-frise__item {

    list-style: none;

    height: 24px;

    box-sizing: initial;

    padding: 0 48px;

    width: 24px;

    float: left;

    position: relative

}

.bt-frise__item:after,

.bt-frise__item:before {

    content: "";

    opacity: 0;

    -webkit-transition: .5s opacity;

    transition: .5s opacity

}

.bt-frise__thumb {

    position: absolute;

    z-index: 3;

    opacity: 0;

    -webkit-transition: .5s opacity;

    transition: .5s opacity;

    right: 50%;

    left: 0;

    top: 25px;

    width: auto;

    max-width: 50px

}

.bt-frise__thumb.bt-active {

    opacity: 1

}

@media (max-width: 550px) {

    .bt-frise__item {

        padding: 0 30px

    }

    .bt-frise__thumb {

        right: 0;

        left: 0;

        margin: auto;

        top: 65px;

        width: auto;

        max-height: 40px

    }

}

.bt-frise__tooltip {

    display: none;

    background: #eaeaea;

    color: #8b8b8b;

    font-size: 11px;

    position: absolute;

    padding: 5px;

    z-index: 4;

    top: 30px;

    left: 40px;

    max-width: 80px;

    margin: auto;

    text-align: center

}

@media (max-width: 550px) {

    .bt-frise__tooltip {

        left: 0;

        right: 0;

        margin: auto;

        text-align: center;

        font-size: 10px;

        max-width: 100%

    }

}

.bt-frise__item.bt-active .bt-frise__tooltip {

    display: block;

    -webkit-animation: bt-fadein .5s;

    animation: bt-fadein .5s

}

.bt-frise__item.bt-active .bt-frise__tooltip:before {

    content: "";

    display: block;

    width: 8px;

    height: 8px;

    z-index: 1;

    background: #eaeaea;

    position: absolute;

    top: -4px;

    left: 16px;

    margin: auto;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    opacity: 1

}

@media (max-width: 550px) {

    .bt-frise__item.bt-active .bt-frise__tooltip:before {

        left: 0;

        right: 0;

        margin: auto

    }

}

.bt-frise__link {

    box-sizing: border-box;

    display: block;

    width: 24px;

    height: 24px;

    background: #fff;

    border: 2px solid #767676;

    border-radius: 50%;

    text-align: center;

    font-weight: 500;

    font-size: 11px;

    color: #767676;

    line-height: 20px;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-frise__item.bt-active .bt-frise__link,

.bt-frise__item.bt-selected .bt-frise__link,

.bt-frise__link:hover {

    background: #8b8b8b;

    border-color: #8b8b8b;

    color: #fff

}

.bt-frise__nav-next,

.bt-frise__nav-prev {

    width: 24px;

    height: 24px;

    position: absolute;

    top: 0;

    cursor: pointer;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-frise__nav-next svg path:first-child,

.bt-frise__nav-prev svg path:first-child {

    -webkit-transition: .2s;

    transition: .2s

}

.bt-frise__plane,

.bt-frise__plane-stroke {

    z-index: 0;

    position: absolute;

    left: 0;

    -webkit-transition: .35s

}

.bt-frise__nav-next:hover svg path:first-child,

.bt-frise__nav-prev:hover svg path:first-child {

    fill: #be0f34

}

.bt-frise__nav-next.bt-inactive,

.bt-frise__nav-prev.bt-inactive {

    opacity: 1;

    cursor: default

}

.bt-frise__nav-next.bt-inactive svg path:first-child,

.bt-frise__nav-prev.bt-inactive svg path:first-child {

    fill: #cbcbcb

}

.bt-frise__nav-prev {

    left: 0;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}

.bt-frise__nav-next {

    right: 0;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg)

}

.bt-frise__plane {

    background: url(../img/plane-red.png) center center no-repeat;

    width: 22px;

    height: 27px;

    top: 0;

    opacity: 0;

    transition: .35s

}

.bt-frise__plane.bt-active {

    opacity: 1

}

.bt-frise__plane-stroke {

    background: #be0f34;

    height: 2px;

    top: 12px;

    width: 0;

    opacity: 0;

    transition: .35s

}

.bt-frise__plane-stroke.bt-active {

    opacity: 1

}

/*!



tabs */



@media (max-width: 600px) {

    .bt-tabs {

        display: none

    }

}

.bt-tabs__btn {

    float: left;

    width: 50%;

    font-size: 16px;

    text-align: center;

    padding: 30px 10px;

    text-transform: uppercase;

    cursor: pointer;

    color: #000;

    box-shadow: 0 -2px #e5e5e5 inset;

    -webkit-transition: .35s;

    transition: .35s

}

.bt-tabs__btn:first-child {

    border-right: 2px solid #e5e5e5

}

.bt-tabs__btn.bt-active {

    color: #be0f34;

    box-shadow: 0 4px #be0f34 inset

}

.bt-tabs__btn:hover {

    color: #be0f34

}

.bt-bloc-tab {

    display: none

}

.bt-bloc-tab.bt-active {

    display: block;

    -webkit-animation: bt-fadein .5s;

    animation: bt-fadein .5s

}

@-webkit-keyframes bt-fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@keyframes bt-fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

/*!



svg map */



.bt-svg-map {

    width: 100%;

    max-width: 1000px;

    margin: 0 auto;

    padding: 60px 0

}

@media screen and (max-width: 890px) {

    .bt-svg-map {

        padding: 40px 0

    }

}

@media screen and (max-width: 600px) {

    .bt-svg-map {

        padding: 20px

    }

}

.bt-app_home .bt-svg-map {

    padding: 10px 0 60px

}

.bt-svg-map__trigger {

    fill: transparent;

    cursor: pointer

}

.bt-svg-map__continent {

    fill: #eaeaea;

    -webkit-transition: .25s;

    transition: .25s

}

.bt-svg-map__text {

    font-size: 11px;

    fill: #666;

    -webkit-transition: .25s;

    transition: .25s

}

.bt-svg-map__text:hover {

    fill: #000

}

.pathandtitles path {

    fill: #666;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    -webkit-transition: .25s;

    transition: .25s

}

.bt-svg-map[bt-continent-active=continent-trigger-ameriques] .bt-svg-map__continent-ameriques,

.bt-svg-map[bt-continent-active=continent-trigger-europe] .bt-svg-map__continent-europe,

.bt-svg-map[bt-continent-active=continent-trigger-afrique] .bt-svg-map__continent-afrique,

.bt-svg-map[bt-continent-active=continent-trigger-asie] .bt-svg-map__continent-asie,

.bt-svg-map[bt-continent-active=continent-trigger-oceanie] .bt-svg-map__continent-oceanie,

.bt-svg-map[bt-continent-selected=continent-trigger-ameriques] .bt-svg-map__continent-ameriques,

.bt-svg-map[bt-continent-selected=continent-trigger-europe] .bt-svg-map__continent-europe,

.bt-svg-map[bt-continent-selected=continent-trigger-afrique] .bt-svg-map__continent-afrique,

.bt-svg-map[bt-continent-selected=continent-trigger-asie] .bt-svg-map__continent-asie,

.bt-svg-map[bt-continent-selected=continent-trigger-oceanie] .bt-svg-map__continent-oceanie {

    fill: url(#bt-pattern-svg)!important

}

.bt-svg-map[bt-continent-active=continent-trigger-ameriques] .america text,

.bt-svg-map[bt-continent-active=continent-trigger-europe] .europe text,

.bt-svg-map[bt-continent-active=continent-trigger-afrique] .africa text,

.bt-svg-map[bt-continent-active=continent-trigger-asie] .asia text,

.bt-svg-map[bt-continent-active=continent-trigger-oceanie] .oceania text {

    fill: #000!important

}

.bt-svg-map[bt-continent-active=continent-trigger-ameriques] .america path,

.bt-svg-map[bt-continent-active=continent-trigger-europe] .europe path,

.bt-svg-map[bt-continent-active=continent-trigger-afrique] .africa path,

.bt-svg-map[bt-continent-active=continent-trigger-asie] .asia path,

.bt-svg-map[bt-continent-active=continent-trigger-oceanie] .oceania path {

    fill: #000!important;

    -webkit-transform: translate3d(4px, 0, 0);

    transform: translate3d(4px, 0, 0)

}

.bt-app_home .bt-svg-map__link_backhome,

.bt-svg-map__link {

    display: none

}

.bt-svg-map svg {

    display: block;

    width: 100%;

    margin: 0 auto

}

@media all and (-ms-high-contrast: none) and (min-width: 1000px),

all and (-ms-high-contrast: active) and (min-width: 1000px) {

    .bt-svg-map svg {

        width: 1000px;

        height: 600px

    }

}

@media all and (-ms-high-contrast: none) and (min-width: 601px) and (max-width: 999px),

all and (-ms-high-contrast: active) and (min-width: 601px) and (max-width: 999px) {

    .bt-svg-map svg {

        width: 600px;

        height: 460px

    }

}

@media (max-width: 600px) {

    .bt-svg-map {

        padding: 20px 20px 40px

    }

    .bt-svg-map svg {

        display: none

    }

    .bt-svg-map__link {

        display: block;

        max-width: 85%;

        margin: 0 auto;

        padding: 20px;

        background: #fff;

        border-top: 1px solid #f0f2f6;

        border-bottom: 1px solid #f0f2f6;

        border-left: 2px solid #f0f2f6;

        border-right: 2px solid #f0f2f6;

        color: #000;

        -webkit-transition: .2s;

        transition: .2s;

        position: relative;

        z-index: 2;

        font-size: 11px;

        text-transform: uppercase;

        text-align: center;

        font-weight: 700

    }

    .bt-svg-map__link:first-child {

        border-top: 2px solid #f0f2f6

    }

    .bt-svg-map__link:last-child {

        border-bottom: 2px solid #f0f2f6

    }

    .bt-svg-map__link:hover {

        color: #fff;

        background: #be0f34

    }

}

.bt-themes h2,

.bt-themes__item__content h3 {

    font-family: ClarinsRegular;

    font-weight: 400

}

/*!



themes */



.bt-themes {

    z-index: 0;

    max-width: 1060px;

    margin: auto;

    padding: 60px 0

}

@media screen and (max-width: 890px) {

    .bt-themes {

        padding: 40px 0

    }

}

@media screen and (max-width: 600px) {

    .bt-themes {

        padding: 20px 0

    }

}

.bt-themes h2 {

    margin: 60px 0 40px;

    font-size: 40px;

    text-align: center

}

.bt-themes__item {

    width: 50%;

    float: left;

    position: relative;

    z-index: 0;

    height: 380px;

    color: #000

}

.bt-themes__item:after,

.bt-themes__item__thumb {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}

@media screen and (max-width: 762px) {

    .bt-themes__item {

        width: 100%;

        margin-bottom: 30px

    }

}

.bt-themes__item:after {

    content: "";

    box-shadow: 0 0 0 1px #fff inset;

    z-index: 0

}

.bt-themes__item__thumb {

    z-index: -1;

    overflow: hidden;

    background: #000

}

@media screen and (max-width: 890px) {

    .bt-themes__item__thumb {

        position: relative;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 300px

    }

}

.bt-themes__item__thumb img {

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    margin: auto;

    min-width: 101%;

    min-height: 101%;

    -webkit-transition: .5s;

    transition: .5s

}

.bt-themes__item:hover .bt-themes__item__thumb img {

    opacity: .85

}

.bt-themes__item__content {

    background: #fff;

    position: absolute;

    bottom: 20px;

    left: 40px;

    right: 40px;

    margin: auto;

    padding: 16px 16px 30px;

    font-size: 14px;

    text-align: center;

    z-index: 1;

    -webkit-transition: .5s;

    transition: .5s;

    box-shadow: 0 0 2px rgba(0, 0, 0, .15)

}

.bt-themes__item__content h3 {

    font-size: 35px;

    line-height: 1;

    margin-bottom: 10px

}

.bt-themes__item__content h4 {

    line-height: 1.5;

    color: #000;

    padding: 0 40px;

    -webkit-transition: .25s .15s opacity;

    transition: .25s .15s opacity

}

.bt-themes__item__content h4.bt-inactive {

    -webkit-transition: .25s opacity;

    transition: .25s opacity;

    opacity: 0

}

@media screen and (max-width: 890px) {

    .bt-themes__item__content h4 {

        padding: 0

    }

    .bt-themes__item__content {

        position: relative;

        bottom: 0;

        left: 0;

        right: 0;

        width: 90%;

        margin-top: -50px

    }

}

.bt-themes__item__content-list {

    display: none

}

.bt-themes__item__content-list p {

    color: #be0f34;

    margin-bottom: 20px;

    font-weight: 700

}

.bt-themes__item__content-list ul {

    text-align: left

}

.bt-themes__item__content-list ul li {

    display: inline-block;

    width: 33%;

    padding: 3px;

    vertical-align: top;

    text-align: center

}

.bt-themes__item__content-list ul li a {

    font-size: 10px;

    font-weight: 700;

    color: #000;

    -webkit-transition: .2s;

    transition: .2s;

    text-transform: uppercase

}

.bt-themes__item__content-list ul li a:hover {

    color: #be0f34

}

/*!



bannerimg */



.bt-bannerimg img {

    min-width: 101%;

    min-height: 101%;

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    margin: auto;

    z-index: -1

}

.bt-bannerimg,

.bt-homeheader {

    position: relative;

    z-index: 1;

    overflow: hidden

}

@media (min-width: 1000px) {

    .bt-bannerimg img {

        min-height: 140%

    }

}

@media (max-width: 800px) {

    .bt-bannerimg img {

        position: relative;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        min-width: initial;

        min-height: initial;

        width: 100%

    }

}

.bt-bannerimg {

    margin-bottom: 70px;

    min-height: 450px;

    display: -webkit-box;

    display: flex

}

@media (max-width: 800px) {

    .bt-bannerimg {

        display: block;

        min-height: initial;

        margin-bottom: 40px

    }

}

/*!



basictxt */



.bt-basictxt {

    text-align: center;

    max-width: 900px;

    margin: auto;

    padding: 70px 20px

}

.bt-basictxt__title {

    font-size: 35px;

    font-weight: 400;

    font-family: ClarinsRegular;

    margin-bottom: 40px

}

.bt-basictxt__markup {

    font-size: 16px;

    line-height: 1.875

}

@media (max-width: 600px) {

    .bt-basictxt__markup {

        font-size: 14px;

        line-height: 1.42857

    }

}

.bt-basictxt__markup:not(:last-child) {

    margin-bottom: 20px

}

.bt-basictxt--tampon {

    display: inline-block;

    margin-right: -40px;

    position: relative;

    top: -40px

}

@media (max-width: 800px) {

    .bt-basictxt {

        padding: 20px

    }

    .bt-basictxt--tampon {

        display: block;

        margin: 20px auto 0;

        top: auto

    }

}

/*!



homeheader */



.bt-homeheader {

    text-align: center;

    color: #fff;

    padding: 130px 20px

}

.bt-homeheader__bg,

.bt-homeheader__video {

    min-width: 101%;

    min-height: 101%;

    position: absolute;

    top: -9000px;

    right: -9000px;

    bottom: -9000px;

    left: -9000px;

    z-index: -1;

    margin: auto

}

.bt-homeheader__bg {

    display: none

}

.bt-homeheader__bg.bt-active {

    display: block

}

.bt-homeheader__logo {

    position: relative;

    display: inline-block

}

.bt-homeheader__logo>img {

    display: block

}

.bt-homeheader__logo>img:nth-child(2) {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-animation: rotate360 infinite linear 20s;

    animation: rotate360 infinite linear 20s

}

@-webkit-keyframes rotate360 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

@keyframes rotate360 {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}

.bt-homeheader__logo__planet {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    overflow: hidden;

    width: 96px;

    height: 96px;

    border: 3px solid #fff;

    border-radius: 96px;

    z-index: 1

}

.bt-homeheader__title,

.bt-prehomeheader__title {

    margin-top: 20px;

    margin-bottom: 10px;

    font-family: ClarinsRegular;

    font-weight: 400;

    line-height: 1

}

.bt-homeheader__logo__planet img {

    -webkit-animation: bt-homeheader__logo__planet infinite linear 10s;

    animation: bt-homeheader__logo__planet infinite linear 10s;

    position: relative

}

@-webkit-keyframes bt-homeheader__logo__planet {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(-135px);

        transform: translateX(-135px)

    }

}

@keyframes bt-homeheader__logo__planet {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    100% {

        -webkit-transform: translateX(-135px);

        transform: translateX(-135px)

    }

}

.bt-homeheader__title {

    font-size: 50px

}

@media (max-width: 700px) {

    .bt-homeheader__title {

        font-size: 35px

    }

    .go-to-top {

        right: -2%

    }

}

.bt-homeheader__subtitle {

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 400

}

@media (max-width: 601px) {

    .bt-homeheader {

        padding: 50px 20px

    }

    .bt-homeheader__subtitle,

    .bt-homeheader__title {

        display: none

    }

}

.bt-prehomeheader__title {

    font-size: 35px;

    text-align: center;

    padding: 0 20px

}

.bt-prehomeheader__subtitle {

    text-transform: uppercase;

    font-size: 14px;

    color: #be0f34;

    text-align: center;

    font-weight: 700;

    margin-bottom: 20px;

    padding: 0 20px

}

@media (min-width: 600px) {

    .bt-prehomeheader__subtitle,

    .bt-prehomeheader__title {

        display: none

    }

}

.bt-desktop {

    display: none

}

@media (min-width: 599px) {

    .bt-desktop {

        display: block

    }

}

.bt-mobile {

    display: none

}

@media (max-width: 600px) {

    .bt-mobile {

        display: block

    }

}

/*!



annoying gototop positionning */



.inTheMiddle {

    display: none!important

}

/*!



homemore */



.bt-homemore {

    opacity: 0;

    position: fixed;

    top: 30%;

    right: 0;

    text-align: center;

    z-index: 20;

    -webkit-transition: .5s;

    transition: .5s

}

@media (max-width: 990px) {

    .bt-homemore {

        display: none

    }

}

.bt-homemore img {

    margin: 0 auto 10px

}

.bt-homemore div {

    background: #f3f3f3;

    width: auto;

    text-transform: uppercase;

    padding: 15px 20px

}

.bt-homemore div span {

    border-bottom: 1px solid #b6b6b6;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-homemore:hover {

    color: #000

}

.bt-homemore:hover span {

    border-bottom: 1px solid #000

}

.bt-homemore.bt-active {

    opacity: 1

}

/*!



dropdown */



.bt-dd-container {

    text-align: center;

    width: 100%;

    margin: 30px 0 0;

    padding: 20px 0 0;

    position: absolute;

    left: 50%;

    -webkit-transform: translate3d(-50%, 0, 0);

    transform: translate3d(-50%, 0, 0);

    z-index: 5

}

.bt-dd-container>* {

    text-align: left

}

@media (max-width: 600px) {

    .bt-dd-container {

        display: none

    }

}

.bt-dd {

    position: relative;

    display: inline-block;

    z-index: 5;

    min-width: 240px;

    margin: 0 10px

}

.bt-dd.bt-dd--inactive {

    opacity: .2

}

.bt-dd:first-child {

    z-index: 6

}

.bt-dd__label {

    background-color: #fff;

    border: 2px solid #e5e5e5;

    cursor: pointer

}

.bt-dd--inactive .bt-dd__label {

    cursor: default

}

.bt-dd__label-text {

    font-size: 14px;

    font-weight: 900;

    text-transform: uppercase;

    height: 50px;

    line-height: 50px;

    padding: 0 50px 0 20px

}

.bt-dd__label-svg {

    margin: auto;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 10px;

    height: 30px;

    width: 30px

}

.bt-dd__content {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    background: #fff;

    border: 2px solid #e5e5e5;

    border-top: none;

    max-height: 220px;

    overflow: auto;

    display: none

}

.bt-dd__content::-webkit-scrollbar {

    width: 10px

}

.bt-dd__content::-webkit-scrollbar-track {

    background: #fff

}

.bt-dd__content::-webkit-scrollbar-thumb {

    background: #d9d9d9

}

.bt-dd__content a,

.bt-dd__content div {

    display: block;

    color: #000;

    padding: 10px 20px;

    cursor: pointer;

    text-transform: uppercase;

    -webkit-transition: .2s;

    transition: .2s

}

.bt-dd__content a:hover,

.bt-dd__content div:hover {

    color: #000;

    background: #e5e5e5

}

.bt-dd--plante .bt-dd__content a {

    display: none

}

.bt-dd--plante[bt-filter=amerique] .bt-dd__content a[bt-country=amerique],

.bt-dd--plante[bt-filter=europe] .bt-dd__content a[bt-country=europe],

.bt-dd--plante[bt-filter=afrique] .bt-dd__content a[bt-country=afrique],

.bt-dd--plante[bt-filter=asie] .bt-dd__content a[bt-country=asie],

.bt-dd--plante[bt-filter=oceanie] .bt-dd__content a[bt-country=oceanie] {

    display: block

}



@media screen and (max-width:1024px) and (max-device-width: 768px){

    .bt-escale__map{

        margin-right: 450px;

    }

}



@media screen and (min-device-width:1025px){

    #beauty-trip-UK-cocoa{

        margin-top:-80px;

    }

}