@charset "utf-8";
/* CSS Document */

.double-serum-img-contain img {display:unset;}
#flex {background-image: none; }
h3 {    color: #be0f34;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;}
nav {z-index: 100;}
.center {margin: 0 auto !important;}
.nav-item {padding-left: 10px;  padding-right: 10px;}
.nav-item a {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; color: #000 !important; text-decoration-color: #000 !important; padding: 8px 0px 15px; font-size: 11px; text-decoration: none !important; text-decoration-line: none;  border-bottom: 2px solid #cfcac9;}
.nav-item a:hover {color: #ba0c2f!important; border-bottom: 2px solid #ba0c2f;}
.navbar-nav li span { content: ""; display: flex; position: relative; height: 18px; border-right: 1px solid #cfcac9; top: -5px; visibility: inherit; list-style: none; margin: 0 20px;float: left;}
.navbar-collapse {  box-shadow: inset 0px -2px 0px 0px #cfcac9;}
.logo {max-width: 285px; width: 285px; padding-left: 80px;}
.logo img {width: 100%;}
header {
    width: 100%;
    top: 0;
}
header .primary-logo img {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 205px;
    padding-top: 0px; }

.primary-logo {  display: flex; align-items: center; max-width: 1250px;  padding-left: 40px;padding-right: 40px;}
.nav-item2 {padding-left: 10px;  padding-right: 10px;}
.nav-item2 a {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: 500; color: #000 !important; text-decoration-color: #000 !important; padding: 8px 0px 15px; font-size: 9px; text-decoration: none !important; text-decoration-line: none; text-transform: uppercase; line-height: 9px;}
.nav-item2 a:hover {color: #ba0c2f!important;}
.img1 {width: 20px !important; height: 29px !important;}
.img2 {width: 24px !important; height: 28px !important;}
.img3 {width: 28px !important; height: 27px !important;}
.header-login {display: flex;height: auto; min-height: 100%; text-align: center;}

.nav li span { content: ""; display: flex; position: relative; height: 42px; border-right: 1px solid #cfcac9; top: 8px; visibility: inherit; list-style: none; margin: 0 10px;float: left;}
.search {width: 30px; height: 29px;}
.navbar-light .navbar-toggler {border: none; color: #000 !important;}
.navbar-toggler {padding: 0px;  color: #000 !important;}
.navbar-toggler-icon {color: #000;}
.navbar-expand-lg .navbar-toggler {display: unset!important;}


.banda { background-color: #fff; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.24); position: absolute; transform: translateX(8%) !important;  margin-right: 50% !important; margin-top: 0px !important;}
.banda p {color: #6e6e6e; font-size: 22px; line-height: 24px; font-weight: 700;}
.banda span {color: #d77e00;}

.text-bigger {color: #fff; font-size: 36px; line-height: 36px; font-weight: bold;}

.barra-azul { background-color: #86c7f6; border-top: 12px solid white; border-bottom: 12px solid white;}

.alto {height: 120px; margin-top: 0vw;}

.check-invalid {border-color: #dc3545 !important;}

.f-11pt {font-size: 11pt !important; }

.footer h3 {font-size: 24px;}

form h2 {font-size: 25pt; line-height: 30pt;}
form h3 {font-size: 140%;}
.footer h4 {font-size: 120%; color: #333;}

a {color: #fff; text-decoration: underline;}
.footer a {color: #000;}

.footr p {color: #6D6E70; }

.strong-title {color: #333;}
.tiny-text {font-size: 7pt;}
.tiny-text2 {font-size: 8pt; color: #333 !important; }
.tiny-text3 {font-size: 8pt; }

.bg-impots h4 {color: white; text-decoration: none; font-style: italic; font-size: 16px;}

.grey {color: #909090; font-size: 70%;}

.container-fluid {position: relative;}

.boton {border: none; background-color: #000000; color: #fff; font-size: 18px; border-radius: 0px; max-width: 264px; padding: 8px 0;}
.boton:hover {background-color: #646464; border: none;}

.bg-landing {background-image: url("images/florence.jpg");background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-landing-footer {background-image: url("images/footer-lp-chauffage-fr.jpg");background-size: cover; background-position: center bottom 30%; background-repeat: no-repeat; }
.banda2 { background-color: #fff; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.24); margin-top: -150px !important;}
.banda2 p {color: #6e6e6e; font-size: 22px; line-height: 24px; font-weight: 700;}
h4 {font-size: 14px; color: #d77e00; font-weight: 700;}



.form-control {height: 40px; font-size: 16pt; color: #333 !important; border: 0px solid #707070;}


@media (max-width: 1458px) {
	.footer h3 {font-size: 120%;}
	.barra-azul { background-color: #86c7f6; border-top: 10px solid white; border-bottom: 10px solid white;}
}

@media (max-width: 1410px) {
	.barra-azul { background-color: #86c7f6; border-top: 21px solid white; border-bottom: 21px solid white;}
}

@media (max-width: 660px) {
	.barra-azul { background-color: #86c7f6; border-top: 31px solid white; border-bottom: 31px solid white;}
	.espacio {margin-top: 60px !important;}
}

@media (max-width: 588px) {
	.brhide {display: none;}
}


   .border {
        border: 12px solid #efefef !important;
        padding: 13px;
        margin-bottom: 12px;
    } 

    .mentions {
        color: #8b8b8b;
        font-size:12px;
    }



    .primary-content h1 {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 0px;
    }

    .text {
        display: block;
        text-align: center;
        /* margin-top: 19px;
    margin-bottom: 19px; */
    }

.promcode {color: #be0f34;}

    h1 {
        font-family: ClarinsRegular, Clarins;
        color: #be0f34;
        font-size: 35px;
        font-weight: normal;
    }
    h2 {
        font-family: ClarinsRegular, Clarins;
        color: #fff;
        font-size: 35px;
        font-weight: normal;
background-color: #be0f34;
    }
    .newsletter-content {
        font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
        font-size: 15px;
    }

    @media (min-width : 1024px) and (max-width : 1039px) {
        .contain-text-form {
            width: 75% !important;
        }
        .double-serum-img-contain {
            width: 25% !important;
            margin: auto;
        }
    }

    @media (min-width: 1024px) {

#flex {background-image: url("../../images/florence.jpg");background-size: contain; background-position: left center; background-repeat: no-repeat; }

.double-serum-img-contain img {display:none !important;} 
        .header-wrapper .col-2-desktop,
        .newsletter-form-wrapper .col-2-desktop {
            width: initial;
        }

        .form {
            width: 100%;
        }

        div#flex {
            display: flex !important;
            flex-direction: row !important;
        }

        .newsletter-form-5-container .newsletter-form-5-wrapper {
            justify-content: center;
            margin-top: 1%;
        }

        img.double-serum-img {
            width: 100% !important;
        }

        .double-serum-img-contain {
            text-align: center;
            width: 100%;
            margin: auto;
        }

        .newsletter-form-5-container .firstname-field {
            order: 1 !important;
        }

        .newsletter-form-5-container .lastname-field {
            order: 2 !important;
        }

        .newsletter-form-5-container .email-field {
            order: 3 !important;
        }

        img.double-serum-img {
            width: 139%;
        }

        .contain-text-form {
           background-color: rgb(255 255 255 / 95%);
    width: 70%;
    border: 1px solid #EFEFEF;
        }
    }


    /* Tablette */
    @media (min-width: 768px) and (max-width : 1024px) {

        .header-wrapper .col-4-tablet,
        .newsletter-form-wrapper .col-4-tablet {}

        .double-serum-img-contain {
            text-align: center;
            margin: auto;
        }

        img.double-serum-img {
            width: 100%;
        }

        .newsletter-form-5-container .firstname-field {
            order: 1 !important;
        }

        .newsletter-form-5-container .lastname-field {
            order: 2 !important;
        }

        .newsletter-form-5-container .email-field {
            order: 3 !important;
        }

        button.button-primary.newsletter-form-5-button.invalid-submit {
            margin-left: 114%;
            margin-right: 114%;
        }


    }


    /* Mobile */
    @media (min-width : 320px) and (max-width : 767px) {

        .double-serum-img-contain {
            text-align: center;
            margin: auto;
        }

        img.double-serum-img {
            width: 100%;
        }

        .newsletter-form-5-container .firstname-field {
            order: 3 !important;
        }

        .newsletter-form-5-container .lastname-field {
            order: 2 !important;
        }

        .newsletter-form-5-container .firstname-field {
            order: 1 !important;
        }

        .newsletter-form-5-container .lastname-field {
            order: 2 !important;
        }

        .newsletter-form-5-container .email-field {
            order: 3 !important;
        }

        .newsletter-form-wrapper .form-group input~label {
            font-size: 11px;
        }

    }

    /* ///// START OF ADVANTAGES BOX CSS ///// */
    .adv-head-text {
    text-align: center;
    }

    .col.col-12-desktop.col-12-tablet.col-6-mobile.advantages_box {
        padding-top: 2%;
    }

    .advantages_box ul li {
        margin-right: 40px;
        letter-spacing: 0;
        font-size: 24px;
        font-family: ClarinsRegular, "Times New Roman", Times, serif;
        color: #000;
        float: left;
        margin: 10px 0 0;
        text-align: center;
        width: 25%;
        list-style-type: none;
		position: relative;
    }

    .tileImage {
        display: block;
        height: 35px;
    }



    .reassurance_text {
        font-family: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: bolder;
    }

    .smallText {
        font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: normal !important;
    }

    .topLeft {
        float: left;
        top: 8px;
        width: 36%;
        height: 2px;
    }

    .adv-head-text {
        width: 28%;
        float: left;
    }

    .topright {
        float: left;
        top: 8px;
        width: 36%;
        height: 2px;
    }

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

        .topLeft,
        .topright {
            width: 8%;
        }

        .adv-head-text {
            width: 84%;
        }


        .advantages_box {
            margin-bottom: 20px
        }

        .advantages_box ul li {
            margin-right: 40px;
            letter-spacing: 0;
            font-size: 24px;
            font-family: ClarinsRegular, "Times New Roman", Times, serif;
            color: #000;
            float: none;
            margin: 20px 0 0;
            text-align: center;
            width: 84% !important;
            list-style-type: none;
        }

    }


    @media only screen and (min-width: 576px) and (max-width: 767.98px) {

        .topLeft,
        .topright {
            width: 8%;
        }

        .adv-head-text {
            width: 84%;
        }

        .advantages_box {
            margin-bottom: 20px !important;
        }

        .advantages_box ul li {
            margin-right: 40px !important;
            letter-spacing: 0 !important;
            font-size: 24px !important;
            font-family: ClarinsRegular, "Times New Roman", Times, serif !important;
            color: #000 !important;
            float: none !important;
            margin: 20px 0 0 !important;
            text-align: center !important;
            width: 84% !important;
            list-style-type: none !important;
        }
    }

    @media screen and (-ms-high-contrast: active),
    screen and (-ms-high-contrast: none) {

        .advantages_box ul li img {
            width: 10% !important;
        }

    }

@media (max-width: 730px) {.logo {max-width: 205px; width: 205px; padding-left: 0px;}
.logo img {width: 100%;}
}
@media (max-width: 630px) {.logo {max-width: 150px; width: 150px; padding-left: 0px;}
.logo img {width: 100%;}
	.nav-item2 {padding: 0;}
}
@media (max-width: 515px) {.logo {max-width: 180px; width: 180px; padding-left: 0px;}
.logo img {width: 100%;}
	.nav-item2 {display: none;}
	.nav li span {display: none;}
}
    /* ////////// END OF ADVANTAGE BLOCK CSS ///////// */

    /*IPAD AIR PORTRAIT
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.form {
    width: 98% !important;
}
.newsletter-form-5-container .subscribe .newsletter-form-5-button {
    width: 102%;
}
} */