@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.visible {
    display: block !important
}

.visible-flex {
    display: flex !important
}

.visible-mobile {
    display: block !important
}

@media (min-width: 980px) {
    .visible-mobile {
        display:none !important
    }
}

.visible-desktop {
    display: none !important
}

@media (min-width: 1024px) {
    .visible-desktop {
        display:block !important
    }
}

.visible-mobile-flex {
    display: flex !important
}

@media (min-width: 1024px) {
    .visible-mobile-flex {
        display:none !important
    }
}

.visible-desktop-flex {
    display: none !important
}

@media (min-width: 1024px) {
    .visible-desktop-flex {
        display:flex !important
    }
}

.hidden {
    display: none !important
}

.hidden-mobile {
    display: none !important
}

@media (min-width: 980px) {
    .hidden-mobile {
        display:block !important
    }
}

.hidden-desktop {
    display: block !important
}

@media (min-width: 1024px) {
    .hidden-desktop {
        display:none !important
    }
}

.hidden-mobile-flex {
    display: none !important
}

@media (min-width: 1024px) {
    .hidden-mobile-flex {
        display:flex !important
    }
}

.hidden-desktop-flex {
    display: flex !important
}

@media (min-width: 1024px) {
    .hidden-desktop-flex {
        display:none !important
    }
}

.hidden-mobile-table-cell {
    display: none !important
}

@media (min-width: 1024px) {
    .hidden-mobile-table-cell {
        display:table-cell !important
    }
}

.center {
    text-align: center
}

.conditions_offer .conditions_offer-block::after,.conditions_offer .conditions_offer-block .conditions_offer-text::after,.conditions_offer .conditions_offer-block .conditions_offer-img::after,.marque_blanche .page-mb-gal .bloc-home::after,.marque_blanche .catalog::after,.marque_blanche .header_mb::after,.marque_blanche .wrapper::after,.pro .div_pictures .picture .div_pictures-right div::after,.pro .div_pictures .picture::after,.pro .infos_pro .brand_name::after,.pro .infos_pro .url_catalog::after,.pro .infos_pro .pro-logo::after,.account-page #info p::after,.configurator-pro .form-zone>div>div::after,.configurator-pro .form-zone>div::after,.page-gallery .page-gallery-infos::after,.contact-Form .indentity::after,.contact-bloc-infos::after,.listing-articles article::after,.labo-desc::after,.page-encadrement .choix-cadre .choix-cadre-colors .choix-cadre-text::after,.page-encadrement .choix-cadre .choix-cadre-colors::after,.page-encadrement .choix-cadre::after,.page-produits .produits .bloc-categorie::after,.page-produits .produits::after,.upload-area .upload-zone .msg::after,.content-desc::after,.page-newsletter .page-newsletter-content::after,.infos-conseils::after,.format-ideal::after,.bloc-haut .slider .slider-config::after,.bloc-haut .slider::after,.bloc-haut::after,.info-checkout-form .info-checkout-form-section::after,#block_checkout .cart_bottom::after,.wrapper::after,.clearfix::after {
    display: table;
    clear: both;
    content: ''
}

p,ul,ol,form,fieldset {
    margin: 1rem 0 0 0
}

p:first-child,ul:first-child,ol:first-child,form:first-child,fieldset:first-child {
    margin-top: 0
}

.checkout-title,.h4,.h3,.h2,.h1 {
    font-family: "Prata";
    text-transform: uppercase;
    font-weight: inherit;
    margin: 2rem 0
}

.checkout-title:first-child,.h4:first-child,.h3:first-child,.h2:first-child,.h1:first-child {
    margin-top: 0
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/OpenSans-Regular.eot");
    src: url("../../scss/fonts/webfonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),url("../../scss/fonts/webfonts/OpenSans-Regular.woff2") format("woff2"),url("../../scss/fonts/webfonts/OpenSans-Regular.woff") format("woff"),url("../../scss/fonts/webfonts/OpenSans-Regular.ttf") format("truetype"),url("../../scss/fonts/webfonts/OpenSans-Regular.svg") format("svg")
}

@font-face {
    font-family: 'Open Sans Bold';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/OpenSans-Bold.eot");
    src: url("../../scss/fonts/webfonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),url("../../scss/fonts/webfonts/OpenSans-Bold.woff2") format("woff2"),url("../../scss/fonts/webfonts/OpenSans-Bold.woff") format("woff"),url("../../scss/fonts/webfonts/OpenSans-Bold.ttf") format("truetype"),url("../../scss/fonts/webfonts/OpenSans-Bold.svg") format("svg")
}

@font-face {
    font-family: 'Open Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/OpenSans-SemiBold.ttf") format("truetype")
}

@font-face {
    font-family: 'Font Awesome';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/fa-light-300.eot");
    src: url("../../scss/fonts/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../../scss/fonts/webfonts/fa-light-300.woff2") format("woff2"),url("../../scss/fonts/webfonts/fa-light-300.woff") format("woff"),url("../../scss/fonts/webfonts/fa-light-300.ttf") format("truetype"),url("../../scss/fonts/webfonts/fa-light-300.svg#fontawesome") format("svg")
}

@font-face {
    font-family: 'Font Awesome Brand';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/fa-brands-400.eot");
    src: url("../../scss/fonts/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../../scss/fonts/webfonts/fa-brands-400.woff2") format("woff2"),url("../../scss/fonts/webfonts/fa-brands-400.woff") format("woff"),url("../../scss/fonts/webfonts/fa-brands-400.ttf") format("truetype"),url("../../scss/fonts/webfonts/fa-brands-400.svg#fontawesome") format("svg")
}

@font-face {
    font-family: 'Otama-ep';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../../scss/fonts/webfonts/Otama-ep.otf")
}

.grid {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.grid>* {
    display: inline-flex
}

[class*='flexgrid-'] {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%
}

[class*='flexgrid-']>* {
    flex: 0 1 auto
}

[class*='flexgrid-']:first-child {
    margin-top: 0
}

[class*='flexgrid-'].align-center>* {
    align-self: center
}

[class*='flexgrid-'].reverse {
    flex-direction: row-reverse
}

.coordonnees .col-12 {
    padding-top: 1rem
}

@media (max-width: 992px) {
    .coordonnees .col-12 {
        padding-top:1.5rem
    }
}

.adresse .col-12 {
    padding-top: 1rem
}

@media (max-width: 992px) {
    .adresse .col-12 {
        padding-top:1.5rem
    }
}

.adresse_Facturation .col-12 {
    padding-top: 1rem
}

@media (max-width: 992px) {
    .adresse_Facturation .col-12 {
        padding-top:1.5rem
    }
}

.flexgrid-1>* {
    width: calc(100% / 1 - .01px)
}

.flexgrid-1>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-1>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-1>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-1>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-1>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-1>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-1>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-1>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-1>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-1>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-1>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-1>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-1.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-1.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-1.has-gutter>*:nth-child(-n + 1) {
    margin-top: 0
}

.flexgrid-2>* {
    width: calc(100% / 2 - .01px)
}

.flexgrid-2>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-2>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-2>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-2>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-2>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-2>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-2>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-2>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-2>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-2>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-2>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-2>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-2.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-2.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-2.has-gutter>*:nth-child(-n + 2) {
    margin-top: 0
}

.flexgrid-3>* {
    width: calc(100% / 3 - .01px)
}

.flexgrid-3>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-3>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-3>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-3>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-3>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-3>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-3>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-3>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-3>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-3>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-3>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-3>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-3.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-3.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-3.has-gutter>*:nth-child(-n + 3) {
    margin-top: 0
}

.flexgrid-4>* {
    width: calc(100% / 4 - .01px)
}

.flexgrid-4>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-4>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-4>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-4>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-4>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-4>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-4>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-4>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-4>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-4>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-4>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-4>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-4.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-4.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-4.has-gutter>*:nth-child(-n + 4) {
    margin-top: 0
}

.flexgrid-5>* {
    width: calc(100% / 5 - .01px)
}

.flexgrid-5>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-5>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-5>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-5>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-5>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-5>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-5>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-5>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-5>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-5>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-5>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-5>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-5.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-5.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-5.has-gutter>*:nth-child(-n + 5) {
    margin-top: 0
}

.flexgrid-6>* {
    width: calc(100% / 6 - .01px)
}

.flexgrid-6>*.col-1 {
    width: calc(100% / (12 / 1) - .01px)
}

.flexgrid-6>*.col-2 {
    width: calc(100% / (12 / 2) - .01px)
}

.flexgrid-6>*.col-3 {
    width: calc(100% / (12 / 3) - .01px)
}

.flexgrid-6>*.col-4 {
    width: calc(100% / (12 / 4) - .01px)
}

.flexgrid-6>*.col-5 {
    width: calc(100% / (12 / 5) - .01px)
}

.flexgrid-6>*.col-6 {
    width: calc(100% / (12 / 6) - .01px)
}

.flexgrid-6>*.col-7 {
    width: calc(100% / (12 / 7) - .01px)
}

.flexgrid-6>*.col-8 {
    width: calc(100% / (12 / 8) - .01px)
}

.flexgrid-6>*.col-9 {
    width: calc(100% / (12 / 9) - .01px)
}

.flexgrid-6>*.col-10 {
    width: calc(100% / (12 / 10) - .01px)
}

.flexgrid-6>*.col-11 {
    width: calc(100% / (12 / 11) - .01px)
}

.flexgrid-6>*.col-12 {
    width: calc(100% / (12 / 12) - .01px)
}

.flexgrid-6.has-gutter {
    margin-right: calc(-$gutter / 2);
    margin-left:calc(-$gutter / 2)}

.flexgrid-6.has-gutter>* {
    margin-top: 2.5rem;
    padding-right: calc($gutter / 2);
    padding-left: calc($gutter / 2)
}

.flexgrid-6.has-gutter>*:nth-child(-n + 6) {
    margin-top: 0
}

@media (max-width: 1400px) {
    .flexgrid-1>*.d-col-4 {
        width:calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-1>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-2>*.d-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-2>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-3>*.d-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-3>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-4>*.d-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-4>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-5>*.d-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-5>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-6>*.d-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-6>*.d-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }
}

@media (max-width: 1024px) {
    .flexgrid-1.l-1>* {
        width:calc(100% / 1 - .01px)
    }

    .flexgrid-1.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-1.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-1.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-1.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-1.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-1>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-1>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-1>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-1>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-1>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-1>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-1>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-1>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-1>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-1>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-1>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-1>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }

    .flexgrid-2.l-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-2.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-2.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-2.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-2.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-2.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-2>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-2>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-2>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-2>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-2>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-2>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-2>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-2>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-2>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-2>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-2>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-2>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }

    .flexgrid-3.l-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-3.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-3.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-3.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-3.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-3.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-3>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-3>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-3>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-3>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-3>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-3>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-3>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-3>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-3>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-3>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-3>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-3>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }

    .flexgrid-4.l-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-4.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-4.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-4.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-4.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-4.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-4>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-4>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-4>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-4>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-4>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-4>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-4>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-4>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-4>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-4>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-4>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-4>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }

    .flexgrid-5.l-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-5.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-5.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-5.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-5.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-5.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-5>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-5>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-5>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-5>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-5>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-5>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-5>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-5>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-5>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-5>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-5>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-5>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }

    .flexgrid-6.l-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-6.l-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.l-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-6.l-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-6.l-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.l-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-6.l-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-6.l-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.l-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-6>*.l-col-1 {
        width: calc(100% / (12 / 1) - .01px)
    }

    .flexgrid-6>*.l-col-2 {
        width: calc(100% / (12 / 2) - .01px)
    }

    .flexgrid-6>*.l-col-3 {
        width: calc(100% / (12 / 3) - .01px)
    }

    .flexgrid-6>*.l-col-4 {
        width: calc(100% / (12 / 4) - .01px)
    }

    .flexgrid-6>*.l-col-5 {
        width: calc(100% / (12 / 5) - .01px)
    }

    .flexgrid-6>*.l-col-6 {
        width: calc(100% / (12 / 6) - .01px)
    }

    .flexgrid-6>*.l-col-7 {
        width: calc(100% / (12 / 7) - .01px)
    }

    .flexgrid-6>*.l-col-8 {
        width: calc(100% / (12 / 8) - .01px)
    }

    .flexgrid-6>*.l-col-9 {
        width: calc(100% / (12 / 9) - .01px)
    }

    .flexgrid-6>*.l-col-10 {
        width: calc(100% / (12 / 10) - .01px)
    }

    .flexgrid-6>*.l-col-11 {
        width: calc(100% / (12 / 11) - .01px)
    }

    .flexgrid-6>*.l-col-12 {
        width: calc(100% / (12 / 12) - .01px)
    }
}

@media (max-width: 980px) {
    .flexgrid-1.t-1>* {
        width:calc(100% / 1 - .01px)
    }

    .flexgrid-1.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-1.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-1.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-1.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-1.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-1.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-1.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-1.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-1.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-1.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-1.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-1.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-1.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-1.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-1.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-1.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-1.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-1.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-1.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-1.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-1.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-1.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-1.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }

    .flexgrid-2.t-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-2.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-2.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-2.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-2.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-2.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-2.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-2.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-2.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-2.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-2.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-2.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-2.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-2.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-2.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-2.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-2.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-2.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-2.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-2.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-2.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-2.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-2.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-2.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }

    .flexgrid-3.t-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-3.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-3.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-3.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-3.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-3.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-3.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-3.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-3.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-3.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-3.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-3.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-3.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-3.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-3.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-3.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-3.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-3.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-3.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-3.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-3.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-3.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-3.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-3.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }

    .flexgrid-4.t-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-4.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-4.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-4.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-4.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-4.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-4.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-4.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-4.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-4.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-4.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-4.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-4.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-4.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-4.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-4.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-4.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-4.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-4.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-4.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-4.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-4.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-4.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-4.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }

    .flexgrid-5.t-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-5.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-5.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-5.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-5.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-5.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-5.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-5.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-5.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-5.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-5.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-5.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-5.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-5.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-5.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-5.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-5.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-5.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-5.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-5.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-5.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-5.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-5.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-5.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }

    .flexgrid-6.t-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-6.t-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-6.t-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-6.t-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-6.t-3>* {
        width: calc(100% / 3 - .01px)
    }

    .flexgrid-6.t-3.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-3.has-gutter>*:nth-child(-n + 3) {
        margin-top: 0
    }

    .flexgrid-6.t-4>* {
        width: calc(100% / 4 - .01px)
    }

    .flexgrid-6.t-4.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-4.has-gutter>*:nth-child(-n + 4) {
        margin-top: 0
    }

    .flexgrid-6.t-5>* {
        width: calc(100% / 5 - .01px)
    }

    .flexgrid-6.t-5.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-5.has-gutter>*:nth-child(-n + 5) {
        margin-top: 0
    }

    .flexgrid-6.t-6>* {
        width: calc(100% / 6 - .01px)
    }

    .flexgrid-6.t-6.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-6.has-gutter>*:nth-child(-n + 6) {
        margin-top: 0
    }

    .flexgrid-6.t-7>* {
        width: calc(100% / 7 - .01px)
    }

    .flexgrid-6.t-7.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-7.has-gutter>*:nth-child(-n + 7) {
        margin-top: 0
    }

    .flexgrid-6.t-8>* {
        width: calc(100% / 8 - .01px)
    }

    .flexgrid-6.t-8.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-8.has-gutter>*:nth-child(-n + 8) {
        margin-top: 0
    }

    .flexgrid-6.t-9>* {
        width: calc(100% / 9 - .01px)
    }

    .flexgrid-6.t-9.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-9.has-gutter>*:nth-child(-n + 9) {
        margin-top: 0
    }

    .flexgrid-6.t-10>* {
        width: calc(100% / 10 - .01px)
    }

    .flexgrid-6.t-10.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-10.has-gutter>*:nth-child(-n + 10) {
        margin-top: 0
    }

    .flexgrid-6.t-11>* {
        width: calc(100% / 11 - .01px)
    }

    .flexgrid-6.t-11.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-11.has-gutter>*:nth-child(-n + 11) {
        margin-top: 0
    }

    .flexgrid-6.t-12>* {
        width: calc(100% / 12 - .01px)
    }

    .flexgrid-6.t-12.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.t-12.has-gutter>*:nth-child(-n + 12) {
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .flexgrid-1.m-1>* {
        width:calc(100% / 1 - .01px)
    }

    .flexgrid-1.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-1.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-1.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-1.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-1.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-1.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-2.m-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-2.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-2.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-2.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-2.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-2.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-2.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-3.m-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-3.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-3.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-3.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-3.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-3.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-3.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-4.m-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-4.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-4.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-4.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-4.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-4.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-4.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-5.m-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-5.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-5.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-5.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-5.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-5.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-5.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-6.m-1>* {
        width: calc(100% / 1 - .01px)
    }

    .flexgrid-6.m-1.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.m-1.has-gutter>*:nth-child(-n + 1) {
        margin-top: 0
    }

    .flexgrid-6.m-1.has-gutter.no-gutter-m>* {
        margin-top: 0
    }

    .flexgrid-6.m-2>* {
        width: calc(100% / 2 - .01px)
    }

    .flexgrid-6.m-2.has-gutter>*:nth-child(n) {
        margin-top: 2.5rem
    }

    .flexgrid-6.m-2.has-gutter>*:nth-child(-n + 2) {
        margin-top: 0
    }

    .flexgrid-6.m-2.has-gutter.no-gutter-m>* {
        margin-top: 0
    }
}

.error {
    color: #A6070F;
    font: italic normal 700 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.3rem
}

.confirm {
    color: #137900;
    font-weight: italic normal 700 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.3rem
}

.overlay {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 11
}

.overlay.open {
    left: 0
}

.txt-center {
    text-align: center
}

.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.bgc-white {
    background-color: #fff;
    color: #191919
}

.txt-white {
    color: #fff
}

.bgc-black {
    background-color: #191919;
    color: #fff
}

.txt-black {
    color: #191919
}

.bgc-lightblue {
    background-color: #0087CC;
    color: #fff
}

.txt-lightblue {
    color: #0087CC
}

.bgc-blue {
    background-color: #293553;
    color: #fff
}

.txt-blue {
    color: #293553
}

.bgc-lightgrey {
    background-color: #f5f5f5;
    color: #191919
}

.txt-lightgrey {
    color: #f5f5f5
}

.bgc-grey {
    background-color: #999;
    color: #fff
}

.txt-grey {
    color: #999
}

.bgc-red {
    background-color: #A6070F;
    color: #fff
}

.txt-red {
    color: #A6070F
}

.bgc-green {
    background-color: #137900;
    color: #fff
}

.txt-green {
    color: #137900
}

.bgc-orange {
    background-color: #F68236;
    color: #fff
}

.txt-orange {
    color: #F68236
}

.txt-up {
    text-transform: uppercase
}

.hide {
    display: none
}

@media (max-width: 1400px) {
    .d-hide {
        display:none
    }
}

@media (max-width: 1024px) {
    .l-hide {
        display:none
    }
}

@media (max-width: 980px) {
    .t-hide {
        display:none
    }
}

@media (max-width: 768px) {
    .m-hide {
        display:none
    }
}

.space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.space-between .main {
    flex: 1
}

.space-between.bottom {
    align-items: flex-end
}

@media (max-width: 980px) {
    .box-iframe {
        position:relative;
        overflow: hidden;
        padding-top: 56.25%
    }

    .box-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.box-iframe.full {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%
}

.box-iframe.full iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.box-fix {
    position: relative
}

.fixed-top {
    position: fixed
}

.fixed-bottom {
    position: absolute;
    bottom: 0
}

.free-word {
    color: #A6070F;
    font-family: "Open Sans Bold";
    text-transform: uppercase;
    font-size: 2rem
}

* {
    box-sizing: border-box;
    outline: none
}

html {
    font-size: 62.5%;
    color: #191919
}

body {
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    margin: 0;
    padding: 0
}

body.stop-scroll {
    overflow: hidden
}

a,button,.toggle {
    cursor: pointer
}

a {
    color: #191919;
    text-decoration: none
}

.bgc-black a {
    color: #fff
}

a:hover {
    color: #0087CC;
    text-decoration: none
}

.blue-link {
    color: #124C9B;
    cursor: pointer;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.black-link {
    color: #191919;
    cursor: pointer;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

button {
    padding: 0;
    border: 0;
    font: inherit
}

ol {
    counter-reset: puces
}

ol>li {
    counter-increment: puces
}

ol>li::before {
    margin-right: .5rem;
    content: counter(puces) "."
}

ul {
    padding-left: 25px;
    padding: 0
}

li {
    list-style: none
}

strong,b {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

figure {
    margin: 0;

}

figure img {
    display: table;
    margin-left: auto;
    margin-right: auto; 
    height: auto;
    max-width: 100%;
    width: auto;
}

*:disabled {
    cursor: not-allowed;
    color: #999
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.underline {
    text-decoration: underline
}

.italic {
    font: italic normal 400 normal 1.6rem/1.5 "Figtree",sans-serif
}

._element--fixed {
    position: fixed;
    width: 450px
}

.line-through {
    text-decoration: line-through
}

.wrapper {
    margin: 10px auto 20px auto;
    max-width: 95%;
    width: calc(100% - 2rem)
}

@media (min-width: 1400px) {
    .wrapper {
        max-width:1400px
    }
}

.filariane {
    color: #838383;
    font: italic normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.4rem;
    margin-bottom: 10px
}

.filariane li {
    display: inline
}

.filariane li:not(:last-child):after {
    content: "/";
    display: inline-block;
    height: 30px;
    text-align: center;
    width: 20px
}

.filariane li:last-child {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.jsExtendLink:hover {
    color: #191919;
    cursor: default;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.5rem;
    text-decoration: none
}

.success {
    background-color: #bde9b5;
    border: 1px solid #344231;
    color: #344231;
    padding: 5px 10px
}

.global-txt-center {
    margin: 20px auto;
    text-align: left;
    width: 100%
}

@media (min-width: 980px) {
    .global-txt-center {
        max-width:1000px;
        text-align: center
    }
}

select {
    background-image: url(../images/icon/chevron-down-black.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 99% 1.4rem
}

.bloc-target {
    position: relative
}

.bloc-target .target {
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -74px;
    width: 0
}

@media (min-width: 1024px) {
    .bloc-target .target {
        top:-100px
    }
}

.cookies_banner {
    background-color: #F6F6F6;
    bottom: 0;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824);
    display: none;
    font-size: 1.3rem;
    height: 352px;
    max-height: calc(100% - 54px - 50px);
    overflow-y: scroll;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 10
}

@media (min-width: 1024px) {
    .cookies_banner {
        font-size:inherit;
        height: auto;
        overflow-y: unset
    }
}

.cookies_banner.show {
    display: block
}

.cookies_banner .cookies_banner_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0;
    max-width: 1400px;
    width: 100%
}

@media (min-width: 1024px) {
    .cookies_banner .cookies_banner_content {
        flex-direction:row;
        margin: auto
    }
}

.cookies_banner .cookies_banner_content .cookies_banner_text {
    padding: 25px 10px 0;
    width: 100%
}

@media (min-width: 1024px) {
    .cookies_banner .cookies_banner_content .cookies_banner_text {
        float:left;
        padding-bottom: 25px;
        width: 70%
    }
}

.cookies_banner .cookies_banner_content .cookies_banner_text .title {
    color: #293553;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.cookies_banner .cookies_banner_content .cookies_banner_btns {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824);
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    margin-top: 20px;
    padding: 20px 0;
    position: sticky;
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .cookies_banner .cookies_banner_content .cookies_banner_btns {
        background-color:transparent;
        box-shadow: unset;
        margin-top: 0;
        width: 25%
    }
}

.cookies_banner .cookies_banner_content .ok {
    margin: 30px 0 0 0;
    width: 80%
}

.cookies_banner .cookies_banner_content .essential {
    cursor: pointer;
    text-decoration: underline
}

.cookies_banner .cookies_banner_content .essential:hover {
    color: #0087CC
}

.cookies_banner .cookies_banner_content .text_type_cookies {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    width: 100%
}

.cookies_banner .cookies_banner_content .text_type_cookies {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    width: 100%
}

.cookies_banner .cookies_banner_content .link_google {
    text-decoration: underline
}

.page-error .error-desc {
    text-align: center;
    font-size: 2rem;
    margin: 49px auto
}

.btn-primary,.btn-upload,.cta-light,.cta-white,.cta-blue,.cta-gradient {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    height: 45px;
    justify-content: center;
    margin: auto;
    padding: 0 3.2rem;
    text-align: center;
    text-decoration: none;
    width: fit-content
}

.btn-primary:hover,.btn-upload:hover,.cta-light:hover,.cta-white:hover,.cta-blue:hover,.cta-gradient:hover {
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif
}

.upload_sticky .open_upload_sticky:hover,.cta-gradient {
    background: linear-gradient(0.25turn, #293553, #00699E);
    border: 1px solid #293553;
    color: #fff
}

.upload_sticky .open_upload_sticky:hover a,.cta-gradient a {
    color: #fff
}

.upload-area .upload-zone .upload-zone-btn,.btn-primary,.btn-upload,.cta-white:hover,.cta-blue,.cta-gradient:hover {
    background: #293553;
    border: 1px solid #293553;
    color: #fff
}

.upload-area .upload-zone .upload-zone-btn a,.btn-primary a,.btn-upload a,.cta-white:hover a,.cta-blue a,.cta-gradient:hover a {
    color: #fff
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .chooseGallery,.cta-white {
    background-color: #fff;
    border: 1px solid #293553;
    color: #293553
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .chooseGallery a,.cta-white a {
    color: #293553
}

.upload-area .upload-zone .upload-zone-btn:hover,.btn-primary:hover,.btn-upload:hover,.cta-blue:hover {
    background-color: #124C9B;
    border: 1px solid #124C9B;
    color: #fff
}

.upload-area .upload-zone .upload-zone-btn:hover a,.btn-primary:hover a,.btn-upload:hover a,.cta-blue:hover a {
    color: #fff
}

.cta-light:hover,.cta-light {
    background-color: #DBE4F5;
    border: 1px solid #DBE4F5;
    color: #191919
}

.cta-light:hover a,.cta-light a {
    color: #191919
}

.h1 {
    font-size: 2.6rem
}

@media (min-width: 980px) {
    .h1 {
        font-size:3.2rem
    }
}

.h2 {
    font-size: 2rem
}

@media (min-width: 980px) {
    .h2 {
        font-size:2.8rem
    }
}

.h3 {
    font-size: 1.6rem
}

@media (min-width: 980px) {
    .h3 {
        font-size:.2rem
    }
}

.h4 {
    font-size: 1.4rem
}

@media (min-width: 980px) {
    .h4 {
        font-size:1.8rem
    }
}

.title-blue {
    color: #0087CC;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-transform: uppercase
}

.title-section {
    background-image: url(../images//black-pixel.png);
    background-position: 0 50%;
    background-repeat: repeat-x;
    color: #191919;
    display: flex;
    flex-direction: column;
    font-family: "Prata";
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 145%;
    justify-content: center;
    margin: 25px 0 20px 0;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .title-section {
        font-size:2.5rem;
        margin: 35px 0 20px 0
    }
}

.title-section span {
    background-color: #fff;
    display: inline-block;
    margin: auto;
    max-width: 75%;
    padding: 0 20px
}

@media (min-width: 980px) {
    .title-section span {
        max-width:90%;
        padding: 0 50px
    }
}

.subtitle-section {
    font: italic normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.8rem;
    text-align: center;
    margin: -17px 0 16px 0
}

@media (min-width: 980px) {
    .subtitle-section {
        margin:-16px 0 20px 0
    }
}

@media (min-width: 1024px) {
    .subtitle-section {
        margin:-16px 0 30px 0
    }
}

.popin {
    background-color: #fff;
    border: 1px solid #0087CC;
    display: none;
    padding: 5rem;
    max-width: 75rem;
    max-height: 90vh;
    overflow: auto;
    width: 90%;
    position: fixed;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    transition: all .3s ease-in-out 0s;
    z-index: 12
}

@media (max-width: 768px) {
    .popin {
        padding:2.5rem
    }
}

.popin.open {
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%)
}

.popin .icon-close {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    cursor: pointer
}

.popin.full {
    max-width: 90vw
}

.popin .myProgress {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    background-color: #F0F4FC
}

.popin .myProgress p {
    color: #838383
}

.popin .myBar {
    width: 0%;
    height: 10px;
    background-color: #293553;
    text-align: center;
    line-height: 30px
}

.popin .cta-menu a:hover {
    color: #0087CC;
    text-decoration: underline
}

.popin hr {
    margin: 2rem 0;
    border: none;
    border-top: 1px solid #293553
}

button:focus {
    outline-color: inherit;
    outline-style: auto;
    outline-width: 0
}

[class*='btn-'] {
    align-items: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    justify-content: center;
    margin: auto;
    min-height: 40px;
    padding: 0 15px;
    width: fit-content;
    width: -moz-fit-content
}

[class*='btn-']>* {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width: 980px) {
    [class*='btn-']>* {
        font-size:1.8rem
    }
}

[class*='btn-']:focus {
    outline-color: #fff;
    outline-style: auto;
    outline-width: 0
}

[class*='btn-'].full {
    width: 100%
}

[class*='btn-'].full>* {
    width: 100%
}

[class*='btn-'].small>* {
    font-size: 1.5rem
}

[class*='btn-']:disabled {
    opacity: .2
}

[class*='btn-']:hover {
    background-color: #124C9B;
    color: #fff
}

[class*='btn-']:hover * {
    background-color: transparent;
    color: #fff
}

[class*='btn-'].long {
    padding: 0 20px;
    max-width: 240px
}

.btn-white {
    border: 1px solid #fff;
    background: #fff;
    color: #191919
}

.btn-white:focus {
    outline-color: #fff
}

.btn-white:hover {
    background-color: #fff
}

.btn-black {
    border: 1px solid #191919;
    background: #191919;
    color: #fff
}

.btn-black:focus {
    outline-color: #191919
}

.btn-black:hover {
    background-color: #333
}

.btn-lightblue {
    border: 1px solid #0087CC;
    background: #0087CC;
    color: #fff
}

.btn-lightblue:focus {
    outline-color: #0087CC
}

.btn-lightblue:hover {
    background-color: #00a9ff
}

.btn-blue {
    border: 1px solid #293553;
    background: #293553;
    color: #fff
}

.btn-blue:focus {
    outline-color: #293553
}

.btn-blue:hover {
    background-color: #3a4b75
}

.btn-lightgrey {
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    color: #191919
}

.btn-lightgrey:focus {
    outline-color: #f5f5f5
}

.btn-lightgrey:hover {
    background-color: #fff
}

.btn-grey {
    border: 1px solid #999;
    background: #999;
    color: #fff
}

.btn-grey:focus {
    outline-color: #999
}

.btn-grey:hover {
    background-color: #b3b3b3
}

.btn-red {
    border: 1px solid #A6070F;
    background: #A6070F;
    color: #fff
}

.btn-red:focus {
    outline-color: #A6070F
}

.btn-red:hover {
    background-color: #d70913
}

.btn-green {
    border: 1px solid #137900;
    background: #137900;
    color: #fff
}

.btn-green:focus {
    outline-color: #137900
}

.btn-green:hover {
    background-color: #1bac00
}

.btn-orange {
    border: 1px solid #F68236;
    background: #F68236;
    color: #fff
}

.btn-orange:focus {
    outline-color: #F68236
}

.btn-orange:hover {
    background-color: #f8a067
}

.btn-white {
    border: 1px solid #0087CC
}

.btn-white:focus {
    outline-color: #0087CC
}

.btn-white:hover * {
    color: #0087CC
}

.btn-gray {
    border: 1px solid #f5f5f5
}

.btn-gray:focus {
    outline-color: #f5f5f5
}

.span-red-pay {
    font-size: 1.5rem !important;
    padding: .9rem 3rem;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #A6070F;
    background: #A6070F;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

@media (max-width: 992px) {
    .span-red-pay {
        padding:1.5rem 1rem;
        letter-spacing: 1px;
        width: 100%
    }
}

.span-red-cta {
    background: #A6070F;
    border: 1px solid #A6070F;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.5rem !important;
    padding: .9rem 3rem;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 992px) {
    .span-red-cta {
        letter-spacing:1px;
        padding: 1.5rem 1rem;
        width: 100%
    }
}

.span-red-cta:hover {
    color: #fff;
    text-decoration: none
}

.btn-gallery {
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    background-color: #fff;
    border-color: #293553;
    color: #293553
}

.btn-gallery:focus {
    outline-color: #293553
}

.span-return {
    border-bottom: 1px solid #999;
    padding-bottom: .5rem;
    text-decoration: none !important
}

a.a-return {
    border-bottom: 1px solid #838383;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    font: normal normal 400 normal 1.6rem / 1.5 "Figtree", sans-serif;
    color: black !important
}

a.a-return:hover {
    text-decoration: none
}

.sticky-btn {
    position: sticky;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.btn-shading {
    background: linear-gradient(to right, #26488E, #0F6FB4);
    color: #fff
}

i {
    font-style: normal
}

[class*="icon-"]::before {
    width: auto;
    font-family: "Font Awesome"
}

[class*="b-icon-"]::before {
    font-family: "Font Awesome Brand"
}

.icon-angle-right::before {
    content: '\f105'
}

.icon-angle-left::before {
    content: '\f104'
}

.icon-angle-up::before {
    content: '\f106'
}

.icon-angle-down::before {
    content: '\f107'
}

.icon-close::before {
    content: '\f00d'
}

.icon-check::before {
    content: '\f00c'
}

.icon-checkout::before {
    content: '\f291'
}

.icon-mail::before {
    content: '\f0e0'
}

.icon-phone::before {
    content: '\f095'
}

.icon-account::before {
    content: '\f007'
}

.icon-eye::before {
    content: '\f06e'
}

.icon-no-eye::before {
    content: '\f070'
}

.icon-help::before {
    content: '\f059'
}

.icon-command::before {
    content: '\f15c'
}

.icon-locator::before {
    content: '\f3c5'
}

.icon-lock::before {
    content: '\f30d'
}

.icon-truck::before {
    content: '\f0d1'
}

.icon-house::before {
    content: '\f015'
}

.icon-factory::before {
    content: '\f3b3'
}

.icon-pencil::before {
    content: '\f303'
}

.icon-store::before {
    content: '\f54f'
}

.icon-deliver::before {
    content: '\f290'
}

.icon-image::before {
    content: '\f03e'
}

.icon-object-group::before {
    content: '\f247'
}

.icon-cloud::before {
    content: '\f0c2'
}

.icon-cloud-upload-alt::before {
    content: '\f382'
}

.icon-plus::before {
    content: '\f067'
}

.icon-times::before {
    content: '\f00d'
}

.icon-reply::before {
    content: '\f3e5'
}

.b-icon-twitter::before {
    content: '\f099'
}

.b-icon-facebook::before {
    content: '\f39e'
}

.b-icon-youtube::before {
    content: '\f167 '
}

.b-icon-instagram::before {
    content: '\f16d'
}

.b-icon-pinterest::before {
    content: '\f231'
}

.c-icon {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 20px;
    width: 20px
}

.video-player {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    width: 80%;
    margin: auto
}

@media (min-width: 980px) {
    .video-player {
        margin:10% auto
    }
}

.video-player iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute
}

.show-password {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 1
}

form .required-legend {
    font-size: 1.3rem
}

input {
    border: 1px solid #999;
    display: block;
    margin-top: .5rem;
    padding: 1rem;
    width: 100%
}

input[type='radio'],input[type='checkbox'] {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    width: auto
}

label {
    display: inline-block;
    margin-bottom: 0.5rem
}

select {
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    font-size: 1.4rem;
    background-color: #fff;
    border: 1px solid #999;
    outline: 0
}

fieldset {
    margin: 15px auto
}

#contact_profesional textarea {
    height: 150px;
    width: 100%
}

.info-checkout-form {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.info-checkout-tel {
    line-height: 1;
    font-size: 1.2rem !important;
    margin-top: .5rem
}

fieldset {
    border: none;
    padding: 0;
    transition: all .3s ease-in-out 0s;
    min-inline-size: initial;
    position: relative
}

fieldset.with-checkbox {
    padding-left: 3rem
}

fieldset.with-checkbox input {
    position: absolute;
    top: 3px;
    left: 0
}

fieldset.with-file label {
    border: 1px solid #999;
    padding: 1rem 2rem
}

label+input,label+select,label+textarea {
    margin-top: .5rem
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea {
    -webkit-box-shadow: 0 0 0 5rem #fff inset
}

textarea {
    min-height: 15rem
}

.info-checkout-form label {
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.3rem;
    color: #525252;
    display: initial
}

input[type='email'],input[type='number'],input[type='tel'],input[type='password'],input[type='text'],textarea {
    width: 100%;
    padding: 1rem;
    font-size: 1.5rem;
    display: block;
    border: 1px solid #ccc
}

input[type='email']:read-only,input[type='number']:read-only,input[type='tel']:read-only,input[type='password']:read-only,input[type='text']:read-only,textarea:read-only {
    border: 0;
    padding: 0
}

input[type='file'] {
    line-height: inherit
}

input[type='radio'],input[type='checkbox'] {
    position: relative;
    cursor: pointer;
    margin-right: .5rem
}

input[type='radio']::before,input[type='checkbox']::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 0 0 3px #fff;
    z-index: 1
}

input[type='radio']:hover:not(:checked)::before,input[type='checkbox']:hover:not(:checked)::before {
    background-color: #ccc
}

input[type='radio'].checked::before,input[type='radio']:checked::before,input[type='checkbox'].checked::before,input[type='checkbox']:checked::before {
    background-color: #0087CC
}

input[type='radio']::before {
    border-radius: 50%
}

input[type='radio']+span {
    font-size: 1.5rem;
    vertical-align: -2px;
    margin-right: 2rem
}

.info-input {
    font-size: 1.3rem
}

.error-box input,.error-box textarea,.error-box select {
    border: 1px solid #A6070F
}

select {
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    font-size: 1.4rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none
}

select+[class*='icon-'] {
    position: absolute;
    bottom: 0;
    right: 1rem;
    font-size: 2.5rem
}

label+select {
    margin-top: .5rem
}

form .validate-form {
    margin-top: 2.5rem
}

.picPresentation {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-flow: column;
    flex-wrap: nowrap;
    align-items: inherit
}

.picPresentation.dimensions {
    transform: scale(0.9)
}

.bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    width: 100%
}

.frame {
    box-sizing: content-box;
    position: relative
}

.pic {
    height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: 100%
}

.finish {
    background-position: center;
    background-size: 100% 100%;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.selectors_container {
    display: flex;
    flex-direction: row;
    left: 0;
    position: absolute;
    top: 98%;
    width: 100%
}

@media (min-width: 768px) {
    .selectors_container {
        align-items:start;
        flex-direction: column;
        left: 5%;
        top: 75%
    }
}

.overlay-img .selectors_container {
    display: none
}

.selectors_container *:focus {
    outline: none
}

.selectors_container .select2 {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    text-transform: capitalize;
    max-width: 50%;
    width: 500px
}

@media (min-width: 768px) {
    .selectors_container .select2 {
        width:200px
    }
}

.selectors_container .select2-container {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0;
    vertical-align: middle;
    height: 34px
}

@media (min-width: 768px) {
    .selectors_container .select2-container {
        margin:0 0 15px;
        width: 50%
    }
}

.selectors_container .select2-container .select2-selection {
    background-color: #fff
}

.selectors_container .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto;
    user-select: none;
    -webkit-user-select: none;
    border: none
}

.selectors_container .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px
}

.selectors_container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    position: absolute;
    top: 50%;
    right: 1px;
    width: 20px
}

.select2-container--open #select2-color_selector-results .select2-results__option {
    font-size: 0;
    text-align: center;
    display: inline-block;
    width: 40%
}

.select2-container--open #select2-color_selector-results .select2-results__option[aria-selected=true],.select2-container--open #select2-color_selector-results .select2-results__option--highlighted[aria-selected] {
    background-color: transparent
}

.select2-container--open #select2-color_selector-results .select2-results__option:first-of-type {
    padding-top: 0rem
}

.select2-container--open #select2-color_selector-results .select2-results__option:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    visibility: visible
}

.select2-container--open #select2-color_selector-results .select2-results__option:hover:after,.select2-container--open #select2-color_selector-results .select2-results__option--highlighted[aria-selected]:after {
    border: 2px solid #000
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='BEIGE']:after {
    background-color: #d7d0ca
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='WHITE']:after {
    background-color: #fff;
    -webkit-box-shadow: black 0px 0px 2px;
    box-shadow: black 0px 0px 2px
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='SKY']:after {
    background-color: #d8e0e9
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='GREY']:after {
    background-color: #dadada
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='DARK_GREY']:after {
    background-color: #45474c
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='YELLOW']:after {
    background-color: #f4e7d5
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='MARINE']:after {
    background-color: #273e56
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='PINK']:after {
    background-color: #e0c5cb
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='RED']:after {
    background-color: #6e3737
}

.select2-container--open #select2-color_selector-results .select2-results__option[id$='GREEN']:after {
    background-color: #bd695a
}

.product-dimensions {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    height: 2px;
    position: absolute;
    user-select: none;
    text-align: center;
    transition: 0.4s all;
    width: 100%;
    z-index: 7
}

.product-dimensions .size {
    background-color: #fff;
    color: #525252;
    font-size: 14px;
    position: relative;
    padding: 0 8px;
    height: fit-content
}

@media (min-width: 768px) {
    .product-dimensions .size {
        font-size:15px
    }
}

.product-dimensions .arrow {
    height: 10px;
    position: absolute;
    transform: translateY(-50%);
    width: 10px
}

.product-dimensions.horizontal {
    border-bottom: 1px solid #abaaaa;
    left: 50%;
    top: -42px;
    transform: translateX(-50%)
}

.product-dimensions.vertical {
    border-left: 1px solid #abaaaa;
    height: 100%;
    left: -42px;
    top: 50%;
    transform: rotate(180deg) translateY(50%);
    width: 2px
}

.product-dimensions.vertical .size {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: -12px;
    padding: 8px 0;
    width: fit-content
}

.product-dimensions.horizontal .arrow {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    top: 2px
}

.product-dimensions.vertical .arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.product-dimensions .arrow.bottom {
    border-bottom: 10px solid #abaaaa;
    top: 7px
}

.product-dimensions .arrow.top {
    border-top: 10px solid #abaaaa;
    bottom: -8px
}

.product-dimensions .arrow.right {
    border-left: 10px solid #abaaaa;
    right: 0
}

.product-dimensions .arrow.left {
    border-right: 10px solid #abaaaa;
    left: 0
}

.upload-insitu_perso .blocMesure {
    border-bottom: 3px solid #000;
    display: none;
    font-size: 1.4rem;
    font-weight: 700;
    left: 30%;
    min-width: 200px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 30%;
    z-index: 7
}

.upload-insitu_perso .mesure {
    border: 2px solid #000;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    display: inline-block;
    margin: 0 auto 5px auto;
    padding-right: 10px;
    position: absolute;
    transform: translate(-50%, -50%)
}

.upload-insitu_perso #perso_bg_mm_width {
    background-color: transparent;
    border: none;
    color: #000;
    display: inline-block;
    padding: 2px 10px;
    width: 55px
}

.upload-insitu_perso .customRoomButtons {
    display: inline-block;
    padding-right: 10px;
    position: absolute;
    top: 25px;
    transform: translateX(-50%);
    width: 160px;
    align-items: center;
    justify-content: center
}

.upload-insitu_perso .customRoomButtons .validMesure,.upload-insitu_perso .customRoomButtons .closeMesure {
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    height: 30px;
    margin: 0 5px;
    text-align: center;
    width: 30px
}

.upload-insitu_perso .customRoomButtons .closeMesure {
    margin-left: 15px;
    background-color: #A6070F
}

.upload-insitu_perso .customRoomButtons .validMesure {
    background-color: #137900
}

.upload-insitu_perso .roomWidthResize {
    display: inline-block
}

.upload-insitu_perso .arrow-right,.upload-insitu_perso .arrow-left {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    position: absolute;
    bottom: -18px;
    transform: translateY(-50%);
    cursor: ew-resize
}

.upload-insitu_perso .arrow-right {
    border-left: 10px solid #000;
    right: -4px
}

.upload-insitu_perso .arrow-left {
    border-right: 10px solid #000;
    left: -4px
}

.upload-insitu_perso .blocMesure {
    border-bottom: 3px solid black
}

.upload-insitu_perso .mesure {
    border: 2px solid black;
    color: black
}

.upload-insitu_perso #perso_bg_mm_width {
    background-color: transparent
}

.upload-insitu_perso .customRoomButton {
    background-repeat: no-repeat;
    background-size: 45%;
    border-radius: 50%;
    cursor: pointer;
    font-weight: normal;
    height: 30px;
    margin: auto;
    width: 30px
}

.upload-insitu_perso .customRoomButton:focus {
    outline: none
}

.upload-insitu_perso .blocMesure.show {
    display: block
}

.trustpilot {
    background-color: #293553;
    color: #fff;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    padding: 2rem 0 2rem 0;
    width: 100%;
    border-bottom-color: #DBE4F5;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media (min-width: 1024px) {
    .trustpilot {
        padding:40px 0 30px 0
    }
}

.trustpilot .trustpilot-bloc {
    justify-content: space-between;
    margin: auto;
    max-width: 95%;
    width: calc(100% - 2rem)
}

@media (min-width: 1400px) {
    .trustpilot .trustpilot-bloc {
        max-width:1400px
    }
}

body::before {
    display: none;
    content: 'mobile'
}

@media (min-width: 768px) {
    body::before {
        content:'mobile'
    }
}

@media (min-width: 980px) {
    body::before {
        content:'tablet'
    }
}

@media (min-width: 1024px) {
    body::before {
        content:'laptop'
    }
}

@media (min-width: 1400px) {
    body::before {
        content:'desktop'
    }
}

.react-message,.react-error {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2rem 3rem;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    width: 30vw;
    text-align: center
}

.react-message {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.react-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.checkout {
    max-width: 1200px
}

.checkout:not(.empty) {
    margin-top: 0
}

.checkout__empty {
    font-size: 3rem;
    margin: 50px auto;
    padding-top: 50px;
    text-align: center
}

.checkout__empty img {
    margin: 50px auto;
    width: 50px
}

.checkout p a {
    color: #0087CC
}

.checkout .remove-buy {
    margin-top: 1rem;
    display: inline-block;
    margin-left: 1rem
}

.checkout__redirect-step1 {
    margin-bottom: 2.5rem
}

.checkout .btn-white {
    color: #0087CC
}

.checkout .price {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.checkout .picto-end-checkout img {
    display: inline-block;
    margin: 2.5rem
}

@media (max-width: 768px) {
    .checkout .picto-end-checkout img {
        width:30%
    }
}

.checkout .estimate-date span {
    font-size: 1.2rem
}

.checkout .estimate-date span a {
    text-decoration: underline
}

.checkout-title {
    margin-top: 0
}

.checkout .title-blue {
    font-size: 2rem
}

.mini-custom .custom {
    float: left;
    margin-right: 2.5rem;
    max-width: 20rem;
    width: 40%
}

.mini-custom .custom p {
    margin-left: 2rem
}

@media (min-width: 992px) {
    .mini-custom .custom {
        max-height:20rem;
        min-height: 16rem
    }
}

@media (max-width: 1024px) {
    .mini-custom .custom {
        max-width:22rem
    }
}

@media (max-width: 768px) {
    .mini-custom .custom {
        max-width:100%;
        display: inline-block;
        margin-bottom: 2.5rem
    }

    .mini-custom .custom p {
        margin-left: 0;
        text-align: center
    }
}

.mini-custom .custom+* {
    overflow: hidden
}

.a-open-cert {
    color: #0087CC !important
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,0.4)
}

.profuct_img {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto
}

.profuct_img div {
    grid-column: 1
}

.profuct_img .open_zoom_link {
    align-self: end;
    justify-self: end
}

.profuct_img .picpres.react {
    align-content: center;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 1rem;
    top: 10%;
    bottom: 20%;
    height: 80vh;
    border: 1px solid #999;
    overflow-y: hidden;
    width: 50%
}

.modal-content .react {
    align-content: center;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 100%
}

.close {
    color: #ccc;
    float: right;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.8rem
}

.close:hover,.close:focus {
    color: #191919;
    text-decoration: none;
    cursor: pointer
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#number {
    text-align: center
}

@media (max-width: 992px) {
    .sup-mobile-padding {
        padding-bottom:5rem
    }
}

.btn-red:hover {
    color: white
}

.panier-indicators {
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    margin-bottom: 1rem
}

.img_carre {
    width: 235px;
    max-width: 100%;
    height: 130px
}

.img_carre .picpres.react {
    align-content: center;
    display: grid;
    height: 100%;
    justify-content: center;
    width: 100%
}

.row-reinsurance {
    padding: .5rem .5rem 1rem .5rem
}

.livraison-delai {
    padding-bottom: 3rem;
    color: #525252;
    font-size: 1.5rem
}

.product-caract-value {
    color: #525252;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    min-width: 40%;
    text-align: left
}

.index-details-products {
    padding-top: 1rem
}

@media (max-width: 992px) {
    .index-details-products {
        padding-top:2rem
    }
}

@media (max-width: 992px) {
    .index-div-cta div {
        width:100%;
        text-align: center
    }
}

@media (max-width: 992px) {
    .index-cta-back {
        padding-top:2rem
    }
}

.index-title-gr {
    color: #999
}

input[type=number] {
    appearance: textfield
}

.h1-checkout-info {
    color: #525252;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 2.5rem;
    margin-bottom: .5rem;
    line-height: 1.2
}

.head-title-checkout {
    padding: 2.5rem 0 0 0
}

.info-checkout-form h3 {
    font-size: 1.75rem;
    margin: 0
}

@media (max-width: 992px) {
    .info-checkout-form h3 {
        font:normal normal 700 normal 1.5rem / 1.5 "Figtree", sans-serif;
        font-size: 1.5rem
    }
}

.info-checkout-form h2 {
    margin: 0
}

.head-title {
    padding: 2.5rem 0
}

.head-title h2:last-child {
    margin-bottom: 0
}

.form-promo .promo {
    margin-bottom: 5px
}

.form-promo .promo-div {
    width: 100%
}

.form-promo .promo-div .promo-inner-div {
    display: inline-flex;
    width: 100%
}

#promo-error {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 0 0 10px 0
}

#promo-valid {
    color: #137900;
    display: none;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 0 0 10px 0
}

input[readonly] {
    color: #999;
    background-color: #FAFAFA
}

.gift_card {
    margin-bottom: 5px
}

.gift_card .lazyload {
    margin-right: 15px;
    width: 3.5rem
}

.gift_card #gift_card_info Button {
    margin-top: 30px;
    margin-left: 0
}

.gift_card #gift_card_info #gift_card_empty label {
    display: block;
    color: grey
}

.gift_card .gift_card-div {
    width: 100%
}

.gift_card .gift_card-div .gift_card-inner-div {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    width: 100%
}

@media (max-width: 768px) {
    .gift_card .gift_card-div .gift_card-inner-div {
        display:block
    }
}

.gift_card .gift_card-div .gift_card-inner-div #gift_card_number {
    border-width: 0.1rem;
    border-color: black;
    border-radius: 5px;
    width: 70%
}

@media (max-width: 768px) {
    .gift_card .gift_card-div .gift_card-inner-div #gift_card_number {
        display:inline-block;
        width: 100%;
        margin-bottom: 20px
    }
}

.gift_card .gift_card-div .gift_card-inner-div Button {
    width: 20%
}

@media (max-width: 768px) {
    .gift_card .gift_card-div .gift_card-inner-div Button {
        width:100% !important
    }
}

.gift_card .gift_card_error {
    color: red;
    text-align: center
}

.gift_card .gift_card_result-div {
    width: 100%;
    display: flex;
    justify-content: center
}

.gift_card .gift_card_result-div .gift_card_result-content {
    width: 50%
}

@media (max-width: 768px) {
    .gift_card .gift_card_result-div .gift_card_result-content {
        width:80%
    }
}

.gift_card .gift_card_result-div .gift_card_result-content .gift_card_box-card_number {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.gift_card .gift_card_result-div .gift_card_result-content .gift_card_box-expiration label {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.gift_card .gift_card_result-div .gift_card_result-content .gift_card_box-remaining_amount label {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.gift_card .gift_card_result-div .gift_card_result-content .gift_card_box-remaining_amount #amount {
    color: #0087CC
}

.gift_card .gift_card_box-button {
    display: flex;
    justify-content: space-evenly
}

@media (max-width: 768px) {
    .gift_card .gift_card_box-button {
        display:block;
        justify-content: center
    }
}

.gift_card .gift_card_box-button Button {
    margin: 0;
    margin-top: 50px;
    width: 25%;
    display: inline-flex
}

@media (max-width: 768px) {
    .gift_card .gift_card_box-button Button {
        width:100% !important;
        margin-top: 10px
    }
}

.gift_card .gift_card_box-button .btn-white {
    color: #124c9b;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.your-payment input[type='radio'],.your-payment input[type='checkbox'] {
    position: relative;
    cursor: pointer;
    margin-right: .5rem
}

.your-payment input[type='radio']::before,.your-payment input[type='checkbox']::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 0 0 3px #fff;
    z-index: 1
}

.your-payment input[type='radio']:hover:not(:checked)::before,.your-payment input[type='checkbox']:hover:not(:checked)::before {
    background-color: #ccc
}

.your-payment input[type='radio']:checked,.your-payment input[type='checkbox']:checked {
    background-color: transparent
}

.your-payment input[type='radio'].checked::before,.your-payment input[type='checkbox'].checked::before {
    background-color: #0087CC
}

.your-payment input[type='radio']::before {
    border-radius: 50%
}

.your-payment input[type='radio']+span {
    font-size: 1.5rem;
    vertical-align: -2px;
    margin-right: 2rem
}

#block_checkout .picpresentationEAN {
    width: 200px;
    height: 100px
}

#block_checkout table {
    width: 100%;
    border-collapse: collapse
}

#block_checkout table th {
    text-align: center
}

@media (max-width: 980px) {
    #block_checkout table th {
        display:none
    }
}

#block_checkout table td {
    padding: 1rem;
    padding-bottom: 3rem;
    padding-top: 3rem;
    margin-top: auto
}

#block_checkout table tr td:first-of-type {
    width: 20%;
    text-align: center
}

@media (max-width: 1024px) {
    #block_checkout table tr td:first-of-type {
        width:50%
    }
}

@media (max-width: 980px) {
    #block_checkout table tr td:first-of-type {
        width:30%
    }
}

@media (max-width: 768px) {
    #block_checkout table tr td:first-of-type {
        width:20%
    }
}

#block_checkout table tr td:last-of-type {
    text-align: center
}

@media (max-width: 980px) {
    #block_checkout table tr td:last-of-type {
        text-align:left
    }
}

#block_checkout table tr {
    border-bottom: 1px solid #abaaaa
}

#block_checkout table .modal-layout {
    height: auto;
    min-height: auto
}

@media (max-width: 980px) {
    #block_checkout table .modal-layout {
        top:10%
    }
}

#block_checkout table .modal-content {
    width: 100%;
    height: auto
}

#block_checkout table .modal-content .icon-close {
    position: absolute;
    right: 3rem;
    top: 3rem;
    cursor: pointer
}

@media (max-width: 980px) {
    #block_checkout table .modal-content .icon-close {
        right:1rem;
        top: 1rem
    }
}

#block_checkout table .picpresentationEAN {
    position: relative;
    width: 100%
}

#block_checkout table .picpresentationEAN .picpres_zoom {
    position: absolute;
    top: 95%;
    left: 95%
}

#block_checkout table .picpresentationEAN .pic-presentation {
    margin-left: auto;
    margin-right: auto
}

#block_checkout table .picpresentationEAN .modal-content {
    border: none !important
}

@media (max-width: 980px) {
    #block_checkout table .picpresentationEAN .modal-content {
        width:80%
    }
}

#block_checkout table .picpresentationEAN .modal-content .picpresentation_modal {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto
}

@media (max-width: 980px) {
    #block_checkout table .picpresentationEAN .modal-content .picpresentation_modal {
        width:25rem;
        height: 15rem
    }
}

@media (min-width: 980px) {
    #block_checkout table .picpresentationEAN .modal-content .picpresentation_modal {
        width:50rem;
        height: 30rem
    }
}

@media (min-width: 1400px) {
    #block_checkout table .picpresentationEAN .modal-content .picpresentation_modal {
        width:75rem;
        height: 40rem
    }
}

#block_checkout table .certificate {
    margin-top: 1rem
}

#block_checkout table .certificate .see_certificate {
    color: #0087CC !important;
    font-size: 80%;
    font-weight: 400;
    cursor: pointer
}

#block_checkout table .certificate .modal-content {
    width: 70%;
    border: none !important
}

@media (max-width: 980px) {
    #block_checkout table .certificate .modal-content {
        width:100%
    }
}

#block_checkout table .certificate .modal-content .open-certificat {
    display: none
}

#block_checkout table .certificate .modal-content h2 {
    color: #0087CC;
    font: normal normal 700 normal 1.5rem / 1.5 "Figtree", sans-serif;
    text-transform: uppercase;
    text-align: center;
    height: 5vh
}

#block_checkout table .certificate .modal-content .certificate_form label {
    font-family: Open Sans Bold
}

#block_checkout table .certificate .modal-content .certificate_form input {
    border: 1px solid grey;
    margin-bottom: 1rem;
    padding: 0 8px;
    width: 100%;
    height: 40px
}

#block_checkout table .certificate .modal-content .certificate_form textarea {
    border: 1px solid grey;
    min-height: 12rem
}

#block_checkout table .certificate .modal-content .certificate_form .certificate_form {
    background-color: #F4F9FC;
    font-size: 1.4rem;
    margin: 0.5rem 0;
    padding: 1rem 1.5rem 5rem 1.5rem
}

#block_checkout table .certificate .modal-content .certificate_form .counter-character {
    text-align: right;
    font-size: 11px;
    color: grey
}

#block_checkout table .input-numbermore {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: auto;
    width: 100px
}

@media (min-width: 980px) {
    #block_checkout table .input-numbermore {
        justify-content:center;
        margin: 0;
        width: auto
    }
}

#block_checkout table .input-numbermore i {
    align-items: center;
    background-color: #F5F5F9;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 25px
}

#block_checkout table .input-numbermore i:hover {
    background-color: #e6e6e6
}

#block_checkout table .input-numbermore span {
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 0 1rem
}

#block_checkout .cart_reinsurance {
    float: left;
    order: 3;
    width: 100%
}

@media (min-width: 980px) {
    #block_checkout .cart_reinsurance {
        padding-top:7rem;
        width: 40%
    }
}

#block_checkout .cart_reinsurance p {
    color: #838383
}

#block_checkout .cart_reinsurance p img {
    margin-right: 1rem;
    width: 20px
}

#block_checkout .cart_reinsurance .info-delivery {
    display: flex;
    justify-content: space-around;
    margin: 2.5rem auto 1.5rem auto;
    order: 3;
    width: 80%
}

@media (min-width: 980px) {
    #block_checkout .cart_reinsurance .info-delivery {
        margin:1.5rem auto;
        max-width: 300px
    }
}

#block_checkout .cart_reinsurance .info-delivery img {
    height: 25px
}

#block_checkout .cart_total {
    float: right;
    order: 1;
    width: 100%
}

@media (min-width: 980px) {
    #block_checkout .cart_total {
        width:40%
    }
}

#block_checkout .a-return {
    border-bottom: 1px solid #838383;
    height: 7rem;
    line-height: 7rem;
    text-align: center
}

#block_checkout .a-return a {
    color: #293553;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif
}

@media (max-width: 980px) {
    #block_checkout .a-return {
        border:none
    }

    #block_checkout .a-return a {
        text-decoration: underline
    }
}

#block_checkout .a-return.left {
    text-align: left
}

#block_checkout .upload_img {
    width: 5%;
    margin-right: 10px
}

#block_checkout .create_img {
    width: 3%;
    margin-left: 5px;
    margin-right: 15px
}

#block_checkout .create_img.big {
    width: 5%
}

#block_checkout .projectCK_icon {
    text-align: center
}

#block_checkout .a-return-gal {
    height: 4rem;
    line-height: 7rem
}

#block_checkout .a-return-gal a {
    color: #293553
}

@media (max-width: 980px) {
    #block_checkout .a-return-gal {
        border:none
    }

    #block_checkout .a-return-gal a {
        text-decoration: underline
    }
}

#block_checkout .info-promo {
    border-bottom: 1px solid #abaaaa;
    line-height: 1.1;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 2rem 0.5rem 1rem .5rem
}

@media (min-width: 980px) {
    #block_checkout .info-promo {
        border-bottom:none;
        margin: 0
    }
}

#block_checkout .info-price {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.5rem
}

#block_checkout .info-price p {
    color: #838383;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 0 0 1rem;
    width: 50%
}

#block_checkout .info-price p:nth-child(even) {
    text-align: right
}

#block_checkout .info-price p:first-child,#block_checkout .info-price p:nth-child(2) {
    color: #293553
}

#block_checkout .info-price p:last-child {
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif
}

@media (max-width: 980px) {
    #block_checkout .info-price p:first-child {
        display:none;
        order: 3
    }

    #block_checkout .info-price p:nth-child(2) {
        order: 2
    }

    #block_checkout .info-price p:nth-child(3) {
        font-size: 1.3rem;
        order: 1
    }

    #block_checkout .info-price p:nth-child(4) {
        font-size: 1.2rem;
        order: 4;
        width: 100%
    }
}

#block_checkout .checkout__product-validate {
    padding: 0 0.5rem
}

#block_checkout .checkout__product-validate .cta-blue {
    width: 100%
}

#block_checkout .cart_bottom {
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    position: sticky
}

#block_checkout .cart_bottom.onSticky {
    box-shadow: 0px -4px 1px 0px #6f6f6f1a
}

@media (min-width: 980px) {
    #block_checkout .cart_bottom {
        display:block
    }
}

.checkout__confirm {
    font-size: 1.6rem
}

.checkout__confirm .box__encadre {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 25px;
    border: 1px solid #0087CC
}

.checkout__confirm .price>span {
    font-family: "Open Sans";
    display: block;
    font-size: 1.2rem;
    color: #999
}

.checkout__confirm .expired select {
    margin-top: .5rem
}

.checkout__confirm form>* {
    margin-top: 1rem
}

.checkout__confirm .total-price-left {
    font-size: 2rem
}

@media (max-width: 992px) {
    .checkout__confirm .total-price-left {
        padding-top:2.5rem;
        margin-bottom: .5rem
    }
}

.checkout__confirm .your-payment {
    padding-top: 1rem
}

.checkout__confirm .your-payment fieldset {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column
}

.checkout__confirm .your-payment img {
    max-width: 100%;
    margin: auto;
    cursor: pointer
}

.checkout__confirm .your-payment input {
    display: block;
    margin: 0 auto 2rem auto
}

.checkout__confirm #payment,.checkout__confirm #recap {
    padding-top: 2rem
}

@media (max-width: 992px) {
    .checkout__confirm #payment {
        padding-top:0
    }
}

.checkout__confirm .recap-payment-title {
    padding-bottom: 2rem
}

.checkout__confirm .category-div {
    color: #999;
    font-size: 1.8rem
}

.checkout__confirm .product-caract {
    color: #525252
}

.checkout__confirm .product-caract-value {
    color: #525252;
    font-weight: 600;
    min-width: 40%;
    text-align: left
}

.checkout__confirm #switcher {
    width: 100%;
    margin-top: 3rem
}

@media (max-width: 992px) {
    .checkout__confirm .lg-hide {
        display:none
    }
}

.checkout__confirm .check-recap {
    text-decoration: underline;
    cursor: pointer
}

@media (min-width: 992px) {
    .checkout__confirm .check-recap {
        display:none
    }
}

.checkout__confirm .recap-delivery {
    margin: 0;
    color: #525252;
    font-weight: bold
}

.checkout__confirm .recap-delivery-details {
    margin: 0;
    line-height: 1.2;
    color: #525252
}

.checkout__confirm .price-product span {
    font-size: 1.6rem;
    color: #525252;
    font-weight: 600
}

.checkout__confirm .detail-delivery-div {
    width: 70%
}

.checkout__confirm .detail-price-div {
    width: 30%;
    height: 100%;
    text-align: right
}

.checkout__delivery,#form_livraison_country {
    padding: 0
}

.checkout__delivery-choice,#form_livraison_country-choice {
    border: 1px solid #999;
    cursor: pointer;
    font-size: 1.6rem;
    padding: 10px;
    position: relative
}

@media (min-width: 980px) {
    .checkout__delivery-choice,#form_livraison_country-choice {
        padding:2.5rem;
        padding-left: 5rem
    }
}

.checkout__delivery+.checkout__delivery-choice.selected,#form_livraison_country+.checkout__delivery-choice.selected {
    border: 1px solid #191919
}

.checkout__delivery.selected,#form_livraison_country.selected {
    border: 1px solid #191919
}

.checkout__delivery.selected .select-delivery,#form_livraison_country.selected .select-delivery {
    display: block
}

.checkout__delivery .select-delivery,#form_livraison_country .select-delivery {
    display: none;
    margin-top: 2rem
}

.checkout__delivery p+span,#form_livraison_country p+span {
    color: #999
}

.checkout__delivery input[type='radio'],#form_livraison_country input[type='radio'] {
    left: 2rem;
    position: absolute;
    top: 1rem;
    width: auto
}

@media (min-width: 980px) {
    .checkout__delivery input[type='radio'],#form_livraison_country input[type='radio'] {
        top:3rem
    }
}

.checkout__delivery figure,#form_livraison_country figure {
    align-items: flex-start;
    margin-bottom: 2.5rem;
    padding-left: 50px
}

@media (min-width: 980px) {
    .checkout__delivery figure,#form_livraison_country figure {
        margin-bottom:0;
        padding-left: inherit
    }
}

.checkout__delivery figure i,#form_livraison_country figure i {
    margin: 0 2rem 0 1rem;
    font-size: 3rem
}

.checkout__delivery figure figcaption p,#form_livraison_country figure figcaption p {
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .checkout__delivery figure figcaption p,#form_livraison_country figure figcaption p {
        font-size:1.6rem
    }
}

.checkout__delivery .delivery-delai,#form_livraison_country .delivery-delai {
    color: #525252;
    font-weight: 600
}

.checkout__delivery #domicile,#form_livraison_country #domicile {
    margin-top: 1rem
}

.checkout__delivery .product-chooser,#form_livraison_country .product-chooser {
    padding-top: 3rem
}

.checkout__delivery .delivery-choice-access,#form_livraison_country .delivery-choice-access {
    font-size: 1.8rem;
    margin-bottom: 15px
}

.checkout__delivery .delivery-choice-access *,#form_livraison_country .delivery-choice-access * {
    color: #525252
}

.checkout__delivery .delivery-choice-access-current,#form_livraison_country .delivery-choice-access-current {
    font-weight: 700
}

.info-checkout-form {
    margin: auto;
    padding: 0 1.5rem
}

@media (min-width: 1024px) {
    .info-checkout-form {
        width:87%
    }
}

.info-checkout-form .info-checkout-form-section {
    padding-top: 1rem;
    width: 100%
}

.info-checkout-form .info-checkout-form-section.sections {
    color: red
}

.info-checkout-form .info-checkout-form-section.sections .section {
    width: 100%
}

@media (min-width: 1024px) {
    .info-checkout-form .info-checkout-form-section.sections .section {
        display:block;
        width: 48%
    }
}

@media (min-width: 1024px) {
    .info-checkout-form .info-checkout-form-section.sections .section.section-1 {
        float:left
    }
}

@media (min-width: 1024px) {
    .info-checkout-form .info-checkout-form-section.sections .section.section-2 {
        float:right
    }
}

.info-checkout-form .deja-client {
    padding-bottom: 2rem;
    font-size: 1.6rem;
    color: #0087CC;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer
}

@media (min-width: 992px) {
    .info-checkout-form .deja-client {
        text-align:right
    }
}

@media (max-width: 992px) {
    .info-checkout-form .deja-client {
        color:#293553
    }
}

.info-checkout-form .form-infoclient {
    margin-top: 2rem
}

.info-checkout-form .form-infoclient .form-infoclient-title {
    font-weight: 700
}

.info-checkout-form .form-infoclient .country_choice {
    border: 1px solid #cccccc;
    display: block;
    font-size: 1.5rem;
    width: 100%
}

.info-checkout-form .form-infoclient .form-infoclient-shipping .coordonnees {
    padding-bottom: 50px;
    width: 100%
}

@media (min-width: 980px) {
    .info-checkout-form .form-infoclient .form-infoclient-shipping .coordonnees {
        float:left;
        padding-bottom: inherit;
        width: 48%
    }
}

.info-checkout-form .form-infoclient .form-infoclient-shipping .coordonnees .civil .civil-label {
    color: #525252;
    font-size: 1.3rem;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px
}

.info-checkout-form .form-infoclient .form-infoclient-shipping .coordonnees .civil .civil-value {
    display: inline-block
}

.info-checkout-form .form-infoclient .form-infoclient-shipping .coordonnees .civil .civil-value:nth-of-type(2) {
    margin-left: 20px
}

.info-checkout-form .form-infoclient .form-infoclient-shipping .adresse {
    width: 100%
}

@media (min-width: 980px) {
    .info-checkout-form .form-infoclient .form-infoclient-shipping .adresse {
        float:right;
        width: 48%
    }
}

.info-checkout-form .form-infoclient .addition-form-billing {
    width: 100%
}

@media (min-width: 980px) {
    .info-checkout-form .form-infoclient .addition-form-billing {
        float:right;
        width: 48%
    }
}

@media (max-width: 980px) {
    .info-checkout-form .form-infoclient .addition-form-billing .adresse_Facturation {
        padding-bottom:5rem
    }
}

.info-checkout-form .form-infoclient .infoclient-div-cta {
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .info-checkout-form .form-infoclient .infoclient-div-cta {
        padding:4rem 8.33% 0
    }
}

.info-checkout-form .newsletter-check {
    padding-top: 1rem
}

.info-checkout-form .newsletter-check input {
    padding-right: .50px
}

.checkout__payment .checkout__product-total .col-4 {
    border-left: 1px solid #999
}

.checkout__payment .checkout__product-total .info-price {
    border-top: 1px solid #999
}

.checkout__payment .address-delivery {
    font-size: 1.6rem
}

.checkout__payment .your-payment fieldset {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    flex-direction: column
}

.checkout__payment .your-payment img {
    max-width: 100%;
    margin: auto;
    cursor: pointer
}

.checkout__payment .your-payment input {
    display: block;
    margin: 0 auto 2rem auto
}

@media (min-width: 992px) {
    .checkout__product-img p {
        margin:0
    }
}

.paypal_pills {
    z-index: 0;
    width: 50%
}

@media (min-width: 992px) {
    .paypal_pills {
        width:100%
    }
}

.prev-mobile {
    padding-top: 3rem
}

.img-rea-pay {
    filter: grayscale(1);
    padding: 1rem;
    height: 7rem
}

.cgv-div-pay {
    padding-bottom: 2.5rem;
    font-size: 1.3rem
}

.cgv-div-pay a {
    color: #293553 !important;
    font-weight: bold
}

.cta-div-pay {
    width: 100%
}

.paypal_pills {
    width: 326px
}

.giftcard-img {
    width: 50%
}

.giftcard_input {
    height: auto;
    margin-top: 0
}

.checkout__infos {
    max-width: 980px;
    margin: auto
}

.checkout__infos-connect {
    font-size: 1.5rem;
    text-align: right
}

@media (max-width: 1024px) {
    .checkout__infos-connect {
        width:100%;
        margin-top: 1rem
    }
}

@media (max-width: 768px) {
    .checkout__infos-connect {
        text-align:left
    }
}

.checkout__infos-connect .link-primary {
    font-size: 1.2rem;
    display: inline-block
}

.checkout__infos form {
    margin-top: 2.5rem
}

.checkout__infos form .select2 img {
    margin-right: .5rem
}

.checkout__infos form>div+div {
    margin-top: 5rem
}

.checkout__infos .legend-form {
    font-size: 1.5rem;
    margin-bottom: 2.5rem
}

.infoclient-div-cta {
    padding-top: 4rem
}

@media (max-width: 992px) {
    .infoclient-div-cta {
        padding-top:0rem
    }
}

.infoclient-back {
    text-align: left
}

@media (max-width: 992px) {
    .infoclient-back {
        padding-top:2rem
    }
}

.checkout__nav {
    flex-wrap: wrap;
    display: flex
}

@media (max-width: 980px) {
    .checkout__nav {
        flex-direction:column-reverse
    }
}

@media (max-width: 980px) {
    .checkout__nav>div {
        width:100%
    }

    .checkout__nav>div+div {
        margin-bottom: 2.5rem
    }
}

.checkout-step-nav {
    background-color: #f5f5f5;
    height: 65px;
    line-height: 65px;
    margin: 0 auto 20px auto;
    width: 100%
}

.checkout-step-nav .checkout-steps {
    width: 100%;
    max-width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center
}

@media (min-width: 1024px) {
    .checkout-step-nav .checkout-steps {
        max-width:1400px
    }
}

.checkout-step-nav .checkout-steps .checkout-step {
    text-transform: uppercase;
    font-size: 2rem;
    color: #999;
    display: none
}

@media (min-width: 1024px) {
    .checkout-step-nav .checkout-steps .checkout-step {
        display:inline-flex
    }
}

.checkout-step-nav .checkout-steps .checkout-step.selected {
    display: inline-flex;
    color: #525252;
    font-weight: 600;
    letter-spacing: 1px
}

@media (min-width: 1024px) {
    .checkout-step-nav .checkout-steps .checkout-step.selected {
        letter-spacing:inherit
    }
}

.checkout-step-nav .checkout-steps .icon-angle-right {
    font-size: 3rem;
    margin: 0 2.5rem;
    display: none
}

@media (min-width: 1024px) {
    .checkout-step-nav .checkout-steps .icon-angle-right {
        display:inherit
    }
}

.page-col-left {
    display: flex;
    flex-direction: column
}

@media (min-width: 980px) {
    .page-col-left {
        flex-direction:row;
        justify-content: space-between
    }
}

.col-left {
    width: 33%
}

.bloc-general-left {
    width: 100%
}

@media (min-width: 980px) {
    .bloc-general-left {
        left:0;
        position: sticky;
        top: 120px;
        height: 400px
    }
}

.bloc-general-left .summary {
    border: 1px solid #0087CC;
    margin-bottom: 25px;
    padding: 25px
}

.bloc-general-left .summary ul {
    padding: 0
}

.bloc-general-left .summary li {
    text-transform: uppercase;
    list-style: none;
    cursor: pointer
}

.bloc-general-left .summary li:hover {
    color: #0087CC
}

@media (min-width: 980px) {
    .bloc-general-right {
        width:65%
    }
}

.general-section {
    margin-bottom: 20px
}

.backToTop {
    background-color: #999;
    border-radius: 20%;
    bottom: 20px;
    color: #fff;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 5.3rem;
    height: 50px;
    line-height: 50px;
    opacity: 0.65;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 50px
}

.backToTop:hover,.backToTop:focus {
    color: #fff
}

@media (min-width: 980px) {
    .backToTop {
        display:none
    }
}

.locator {
    margin-bottom: 15px
}

.locator .locator-search {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    overflow: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .locator .locator-search {
        width:70%
    }
}

.locator .locator-search label {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem
}

.locator .locator-search input {
    border-color: #0087CC;
    float: left;
    height: 45px;
    margin: 0;
    width: 63%
}

@media (min-width: 1024px) {
    .locator .locator-search input {
        width:79%
    }
}

.locator .locator-search button {
    float: right;
    height: 45px;
    width: 35%
}

@media (min-width: 1024px) {
    .locator .locator-search button {
        width:18%
    }
}

.locator .galleries-locator {
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    background-color: #f5f5f5
}

@media (min-width: 1024px) {
    .locator .galleries-locator {
        height:600px;
        flex-direction: row
    }
}

.locator .galleries-locator #map_canvas {
    flex-grow: 3;
    margin-top: 15px;
    height: 500px
}

@media (min-width: 1024px) {
    .locator .galleries-locator #map_canvas {
        margin:inherit;
        height: 100%;
        border: none
    }
}

.locator .galleries-locator .galleries-list {
    border-top: 1px solid #fff;
    cursor: auto;
    display: flex;
    flex-direction: column;
    height: 500px;
    flex-grow: 1;
    overflow: auto;
    padding: 0
}

@media (min-width: 1024px) {
    .locator .galleries-locator .galleries-list {
        height:100%
    }
}

.locator .galleries-locator .galleries-list .galleries-item {
    padding: 2rem 1.25rem;
    border-bottom: 1px solid #999;
    background-color: #f5f5f5
}

.locator .galleries-locator .galleries-list .galleries-item:hover {
    background-color: #fff
}

.locator .galleries-locator .galleries-list .galleries-item .icon-position {
    float: left;
    text-align: center;
    width: 35%
}

.locator .galleries-locator .galleries-list .galleries-item .icon-position .map-number {
    background-image: url(../images/map/pointer_darkblue.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 2.2rem;
    height: 66px;
    margin: 45px auto 0 auto;
    text-align: center;
    width: 50px
}

@media (min-width: 1024px) {
    .locator .galleries-locator .galleries-list .galleries-item .gallery-infos {
        overflow:hidden
    }
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-name {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-address {
    color: #999
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-address p {
    margin: 0rem
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-phone {
    color: #999
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-opening .show-opening {
    cursor: pointer;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 5px 0
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-opening .close-opening {
    color: #999;
    display: none;
    float: right;
    padding-right: 15px
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-hours {
    display: none
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-delivery {
    margin-top: 1.5rem;
    font-size: 1.5rem
}

.locator .galleries-locator .galleries-list .galleries-item .gallery-infos-delivery .icon-delivery {
    content: url(../images/icon/box-check-blue.png);
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.locator .galleries-locator .galleries-list .galleries-item .galleries-list-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px
}

.locator .galleries-locator .galleries-list .galleries-item .galleries-list-buttons *:focus {
    background-color: #fff;
    border: 1px solid #293553;
    color: #293553;
    outline: none
}

.locator .galleries-locator .galleries-list .galleries-item .galleries-list-buttons .chooseGallery {
    flex-grow: 1;
    font-size: 1.4rem;
    margin: 0 1%;
    text-transform: uppercase
}

.locator .galleries-locator .galleries-list .galleries-item .galleries-list-buttons .chooseGallery .selected {
    display: none
}

.locator .galleries-locator .galleries-list .galleries-item .galleries-list-buttons .chooseGallery .choose {
    display: flex
}

.locator .galleries-locator .galleries-list .galleries-item.hidden-mobile {
    display: none
}

@media (min-width: 1024px) {
    .locator .galleries-locator .galleries-list .galleries-item.hidden-mobile {
        display:block
    }
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected {
    display: block
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .chooseGallery {
    font-size: 1.4rem
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .chooseGallery .choose {
    display: none
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .chooseGallery .selected {
    display: flex
}

.locator .galleries-locator .galleries-list .galleries-item.gallerySelected .gallery-infos-hours {
    display: block
}

.infoWindow {
    padding: 15px 5px 5px 5px
}

.infoWindow-name {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin-bottom: 5px
}

.gm-ui-hover-effect {
    border: none
}

.gm-ui-hover-effect img {
    width: 25px;
    height: 25px
}

.bloc-haut {
    min-height: 440px;
    width: 100%
}

@media (min-width: 1024px) {
    .bloc-haut {
        background-color:#efefef;
        display: flex
    }
}

.bloc-haut .slider {
    max-width: 760px;
    min-height: 250px;
    padding-right: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .bloc-haut .slider {
        background-color:#fff;
        float: left;
        min-width: 715px;
        padding-right: 25px;
        width: 50%
    }
}

.bloc-haut .slider .slider-config {
    padding-bottom: 55px;
    position: relative
}

@media (min-width: 980px) {
    .bloc-haut .slider .slider-config {
        padding-bottom:0;
        padding-left: 95px
    }
}

.bloc-haut .slider .slider-config .owl-dots {
    bottom: 0px;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%
}

@media (min-width: 980px) {
    .bloc-haut .slider .slider-config .owl-dots {
        bottom:inherit;
        height: inherit;
        top: 0;
        width: 60px
    }
}

.bloc-haut .slider .slider-config .owl-dot {
    border: 5px solid #fff;
    border-radius: 0;
    display: block;
    float: left;
    height: 60px;
    margin: 0;
    margin-right: calc((100% - 300px) / 4);
    width: 60px
}

.bloc-haut .slider .slider-config .owl-dot:last-child {
    margin-right: 0
}

@media (min-width: 980px) {
    .bloc-haut .slider .slider-config .owl-dot {
        float:inherit;
        height: 82px;
        margin: 10px 0 0 0;
        width: 80px
    }
}

.bloc-haut .slider .slider-config .owl-dot.active {
    border-color: #293553;
    border-radius: 0
}

.bloc-haut .slider .slider-config .owl-dot:first-of-type {
    margin-top: 0
}

.bloc-haut .slider .slider-config .owl-dot:last-of-type {
    margin-bottom: 0
}

.bloc-haut .slider .slider-config .owl-nav {
    display: none
}

.bloc-haut .bloc-infos-product {
    background-color: #efefef;
    display: flex;
    flex-direction: column;
    min-height: 300px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 10px 30px;
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .bloc-haut .bloc-infos-product {
        float:left;
        margin-top: 0;
        width: 50%
    }
}

.bloc-haut .bloc-infos-product * {
    margin: 8px auto
}

@media (min-width: 980px) {
    .bloc-haut .bloc-infos-product * {
        margin:auto
    }
}

.bloc-haut .bloc-infos-product .bloc-infos-product-title * {
    display: inline-block;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2rem;
    text-transform: uppercase
}

@media (min-width: 980px) {
    .bloc-haut .bloc-infos-product .bloc-infos-product-title * {
        display:block
    }
}

.bloc-haut .bloc-infos-product .bloc-infos-product-title *:last-child {
    margin-left: 10px
}

.bloc-haut .bloc-infos-product .bloc-price {
    color: #293553;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.2rem
}

.bloc-haut .bloc-infos-product .cta-blue {
    height: 46px
}

.bloc-dispo {
    position: relative;
    width: 100%
}

.bloc-dispo ul {
    padding-left: 1.5rem
}

.bloc-dispo ul li {
    list-style-type: disc
}

.bloc-dispo ul li span {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.bloc-dispo ul li p {
    margin: 0 0 20px 0
}

.bloc-dispo ul li a {
    font: italic normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    margin-left: 10px;
    text-decoration: underline
}

.products-listing {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.products-listing .products-bloc {
    align-items: stretch;
    background-color: #F2F2F2;
    display: flex;
    height: 190px;
    justify-content: space-between;
    margin-bottom: 2rem;
    width: 100%
}

@media (min-width: 980px) {
    .products-listing .products-bloc {
        flex-direction:column;
        height: inherit;
        justify-content: space-between;
        margin-bottom: 15px;
        padding: 3%;
        width: 48%
    }
}

@media (min-width: 1024px) {
    .products-listing .products-bloc {
        padding:20px
    }
}

.products-listing .products-bloc .products-bloc-img {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 0;
    overflow: hidden;
    width: 170px
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-bloc-img {
        width:auto;
        float: none;
        margin: 0 auto 15px auto
    }
}

.products-listing .products-bloc .products-bloc-img picture {
    text-align: right
}

.products-listing .products-bloc .products-bloc-img img {
    max-width: 90%
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-bloc-img img {
        margin-bottom:10px;
        max-width: 100%
    }
}

@media (min-width: 1024px) {
    .products-listing .products-bloc:hover {
        background-color:#EBEBEB
    }
}

.products-listing .products-bloc .product-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    float: right;
    justify-content: space-between;
    padding: 1rem;
    width: calc(100% - 170px)
}

@media (min-width: 980px) {
    .products-listing .products-bloc .product-text {
        float:none;
        padding-left: 2.5rem;
        width: 100%
    }
}

.products-listing .products-bloc .products-name {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-name {
        text-transform:uppercase
    }
}

.products-listing .products-bloc .products-description {
    margin: 0
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-description {
        padding-left:2.5rem
    }
}

.products-listing .products-bloc .products-description li {
    display: none;
    list-style: none
}

.products-listing .products-bloc .products-description li:first-child {
    display: list-item
}

.products-listing .products-bloc .products-description li:first-child span {
    display: none
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-description li:first-child span {
        display:inline;
        margin-right: 8px
    }
}

@media (max-width: 980px) {
    .products-listing .products-bloc .products-description li:first-child b {
        font:normal normal 400 normal 1.6rem / 1.5 "Figtree", sans-serif
    }
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-description li {
        list-style:disc;
        display: list-item
    }
}

.products-listing .products-bloc .products-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-bottom {
        align-items:center;
        flex-direction: row;
        width: inherit
    }
}

.products-listing .products-bloc .products-price {
    color: #293553;
    float: left;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 0
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-price {
        font-size:2rem;
        color: #191919
    }
}

.products-listing .products-bloc .products-price .line-through {
    font-weight: normal;
    margin: 0 3px
}

.products-listing .products-bloc .products-price.products-price-mobile {
    display: block
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-price.products-price-mobile {
        display:none
    }
}

.products-listing .products-bloc .products-price.products-price-desktop {
    display: none
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-price.products-price-desktop {
        display:block
    }
}

.products-listing .products-bloc .savoir_plus {
    width: 100%
}

@media (min-width: 980px) {
    .products-listing .products-bloc .savoir_plus {
        margin-right:0;
        width: fit-content;
        background-color: #293553;
        border: 1px solid #293553;
        color: #fff
    }

    .products-listing .products-bloc .savoir_plus a {
        color: #fff
    }
}

.products-listing .products-bloc .products-top {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 1%
}

@media (min-width: 980px) {
    .products-listing .products-bloc .products-top {
        margin-top:auto;
        margin-left: inherit
    }
}

.listing-blocs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.listing-blocs .listing-bloc {
    margin-bottom: 10px
}

.listing-blocs figure {
    cursor: pointer;
    margin: auto
}

.listing-blocs figure:hover * {
    color: #0087CC;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-decoration: none
}

.listing-blocs figure figcaption {
    text-align: center;
    text-transform: uppercase;
    background-color: #fff;
    padding: 7px 5px 5px 5px
}

.listing-blocs figure figcaption * {
    font-size: 1.6rem
}

.listing-blocs.over figure {
    position: relative
}

.listing-blocs.over figure figcaption {
    bottom: 20%;
    left: 50%;
    padding: 2px 5px 0 5px;
    position: absolute;
    transform: translate(-50%, 50%)
}

.listing-blocs.over figure figcaption * {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.listing-blocs-1 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-1 {
        width:calc(100% / 1 - 10px)
    }
}

.listing-blocs-1.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-1.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-1.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-1.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-1.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-1.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-1.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-1.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-1.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-1.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-2 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-2 {
        width:calc(100% / 2 - 10px)
    }
}

.listing-blocs-2.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-2.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-2.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-2.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-2.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-2.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-2.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-2.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-2.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-2.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-3 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-3 {
        width:calc(100% / 3 - 10px)
    }
}

.listing-blocs-3.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-3.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-3.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-3.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-3.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-3.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-3.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-3.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-3.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-3.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-4 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-4 {
        width:calc(100% / 4 - 10px)
    }
}

.listing-blocs-4.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-4.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-4.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-4.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-4.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-4.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-4.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-4.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-4.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-4.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-5 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-5 {
        width:calc(100% / 5 - 10px)
    }
}

.listing-blocs-5.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-5.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-5.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-5.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-5.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-5.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-5.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-5.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-5.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-5.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-6 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-6 {
        width:calc(100% / 6 - 10px)
    }
}

.listing-blocs-6.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-6.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-6.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-6.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-6.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-6.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-6.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-6.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-6.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-6.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-7 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-7 {
        width:calc(100% / 7 - 10px)
    }
}

.listing-blocs-7.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-7.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-7.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-7.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-7.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-7.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-7.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-7.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-7.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-7.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-8 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-8 {
        width:calc(100% / 8 - 10px)
    }
}

.listing-blocs-8.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-8.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-8.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-8.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-8.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-8.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-8.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-8.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-8.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-8.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-9 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-9 {
        width:calc(100% / 9 - 10px)
    }
}

.listing-blocs-9.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-9.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-9.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-9.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-9.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-9.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-9.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-9.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-9.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-9.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.listing-blocs-10 {
    width: calc(50% - 10px)
}

@media (min-width: 1024px) {
    .listing-blocs-10 {
        width:calc(100% / 10 - 10px)
    }
}

.listing-blocs-10.col-1 {
    width: calc(100% / (10 / 1) -10px)
}

.listing-blocs-10.col-2 {
    width: calc(100% / (10 / 2) -10px)
}

.listing-blocs-10.col-3 {
    width: calc(100% / (10 / 3) -10px)
}

.listing-blocs-10.col-4 {
    width: calc(100% / (10 / 4) -10px)
}

.listing-blocs-10.col-5 {
    width: calc(100% / (10 / 5) -10px)
}

.listing-blocs-10.col-6 {
    width: calc(100% / (10 / 6) -10px)
}

.listing-blocs-10.col-7 {
    width: calc(100% / (10 / 7) -10px)
}

.listing-blocs-10.col-8 {
    width: calc(100% / (10 / 8) -10px)
}

.listing-blocs-10.col-9 {
    width: calc(100% / (10 / 9) -10px)
}

.listing-blocs-10.col-10 {
    width: calc(100% / (10 / 10) -10px)
}

.bloc-steps {
    background-color: #efefef;
    margin-top: 30px;
    padding: 10px
}

.bloc-steps .bloc-steps-title {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase
}

.bloc-steps .steps-blocs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 2rem;
    justify-content: space-around;
    width: 100%
}

.bloc-steps .steps-blocs .steps-bloc {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 10%
}

@media (min-width: 980px) {
    .bloc-steps .steps-blocs .steps-bloc {
        width:32%;
        padding-left: 0
    }
}

.bloc-steps .steps-blocs .steps-bloc * {
    display: inline-block;
    vertical-align: middle
}

.bloc-steps .steps-blocs .steps-bloc .steps-bloc-number {
    width: auto
}

@media (min-width: 980px) {
    .bloc-steps .steps-blocs .steps-bloc .steps-bloc-number {
        width:10%
    }
}

.bloc-steps .steps-blocs .steps-bloc .steps-bloc-txt {
    margin-left: 10px;
    width: 56%
}

@media (min-width: 980px) {
    .bloc-steps .steps-blocs .steps-bloc .steps-bloc-txt {
        padding-left:2%
    }
}

.bloc-steps .steps-blocs .steps-bloc img {
    max-width: 55px;
    width: 26%
}

@media (min-width: 1024px) {
    .hide-steps {
        display:none
    }
}

.format-ideal img {
    height: auto;
    max-width: 100%
}

.conseils-experts {
    margin-top: 20px
}

.conseils-experts .conseils-experts-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.infos-conseils .infos-conseils-desc {
    width: 100%
}

@media (min-width: 980px) {
    .infos-conseils .infos-conseils-desc {
        float:left;
        width: 70%
    }
}

.infos-conseils .infos-conseils-img {
    margin-top: 15px;
    width: 100%
}

@media (min-width: 980px) {
    .infos-conseils .infos-conseils-img {
        float:left;
        margin-top: 0;
        padding-left: 15px;
        width: 30%
    }
}

.conseils-link {
    display: block;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    width: 100%
}

.conseils-link:first-of-type {
    margin-top: 20px
}

body.lang-de .title-section.small,body.lang-es .title-section.small {
    font-size: 1.7rem
}

.upload_sticky {
    bottom: 0;
    position: sticky;
    z-index: 9;
    cursor: pointer
}

@media (min-width: 1024px) {
    .upload_sticky {
        display:none
    }
}

.upload_sticky input[type='file'] {
    display: none
}

.upload_sticky .open_upload_sticky {
    border: none;
    border-radius: 0;
    height: 55px;
    position: relative;
    width: 100%;
    cursor: pointer
}

.upload_sticky .open_upload_sticky:hover {
    border: none
}

.upload_sticky .open_upload_sticky::after {
    background-image: url(../images/icon/Chevron_FFF.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 15%;
    top: 0;
    transform: rotate(90deg);
    width: 10px
}

.upload_sticky .upload_sticky_area {
    display: none
}

.upload_sticky.opened .open_upload_sticky::after {
    right: calc(15% - 25px);
    transform: rotate(270deg)
}

.upload_sticky.opened .upload_sticky_area {
    display: block;
    background-color: #F0F4FC
}

.upload_sticky.opened .upload_sticky_area .upload-zone {
    border: none;
    max-width: 100%
}

.upload_sticky.opened .upload_sticky_area .upload-zone #myProgress {
    background-image: none
}

.upload_sticky.opened .upload_sticky_area .upload-zone #myProgress #mybar {
    height: 15px
}

.upload_sticky.opened .upload_sticky_area .upload-zone .upload-zone-btn {
    width: auto
}

.upload_sticky.opened .upload_sticky_area .upload-zone .upload-infos {
    padding: 1rem 3rem
}

.upload_sticky.opened .upload_sticky_area .upload-zone .spinner {
    background-color: #F0F4FC;
    height: calc(100% + 35px)
}

.upload_sticky.opened .upload_sticky_area .image_temoin {
    margin-top: 0
}

.upload_sticky.opened .upload_sticky_area .image_temoin .image_temoin_text_mobile {
    padding-bottom: 20px
}

.upload_sticky .myProgress {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: center;
    background-color: #F0F4FC
}

.upload_sticky .myProgress p {
    color: #838383
}

.upload_sticky .myBar {
    width: 0%;
    height: 10px;
    background-color: #293553;
    text-align: center;
    line-height: 30px
}

#crop {
    cursor: move
}

#crop .crop-border {
    border-color: #0087CC;
    position: absolute
}

#crop .crop-border.crop-border-top {
    cursor: ns-resize;
    height: 5px;
    top: 0;
    border-top-style: dashed;
    border-top-width: 1px
}

#crop .crop-border.crop-border-bottom {
    cursor: ns-resize;
    height: 5px;
    bottom: 0;
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

#crop .crop-border.crop-border-left {
    cursor: ew-resize;
    width: 5px;
    left: 0;
    border-left-style: dashed;
    border-left-width: 1px
}

#crop .crop-border.crop-border-right {
    cursor: ew-resize;
    width: 5px;
    right: 0;
    border-right-style: dashed;
    border-right-width: 1px
}

#crop .crop-border.crop-border-top-left {
    background-image: url(../images/configurator/angle-0087CC.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: nwse-resize;
    height: 20px;
    width: 20px;
    top: -2px;
    left: -2px;
    transform: rotate(180deg)
}

#crop .crop-border.crop-border-top-right {
    background-image: url(../images/configurator/angle-0087CC.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: nesw-resize;
    height: 20px;
    width: 20px;
    top: -2px;
    right: -2px;
    transform: rotate(270deg)
}

#crop .crop-border.crop-border-bottom-left {
    background-image: url(../images/configurator/angle-0087CC.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: nesw-resize;
    height: 20px;
    width: 20px;
    bottom: -2px;
    left: -2px;
    transform: rotate(90deg)
}

#crop .crop-border.crop-border-bottom-right {
    background-image: url(../images/configurator/angle-0087CC.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: nwse-resize;
    height: 20px;
    width: 20px;
    bottom: -2px;
    right: -2px
}

.offer-top {
    padding: .5rem;
    font-size: 1.5rem
}

.hellobar {
    display: none
}

hr {
    margin-top: 0rem
}

@media (min-width: 1024px) {
    hr {
        display:none
    }
}

body.header-hellobar header {
    height: 85px
}

@media (min-width: 1024px) {
    body.header-hellobar header {
        height:115px
    }
}

body.header-hellobar header .hellobar {
    align-items: center;
    background-color: #293553;
    color: #fff;
    display: flex;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.4rem;
    justify-content: center;
    min-height: 35px;
    margin: 0 auto;
    padding: 0 10px 5px 10px;
    text-align: center;
    width: 100%;
    z-index: 20
}

header {
    position: sticky;
    top: 0;
    height: 80px;
    padding-top: 1.8rem;
    background: #fff;
    z-index: 10;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824)
}

@media (max-width: 1024px) {
    header {
        height:50px;
        padding-top: 1rem
    }
}

header .header_mobile {
    align-items: flex-start;
    display: flex;
    justify-content: space-around;
    padding-top: 0.8rem
}

header .header_mobile div {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 50%
}

header .header_mobile div:nth-child(2) {
    justify-content: flex-end
}

header .header_mobile div .header-icon {
    margin: 0.5rem 2rem 0 1rem
}

@media (min-width: 1024px) {
    header .header_mobile div .header-icon {
        margin-top:0
    }
}

header .header_mobile div .header-icon.icon-nav-mobile {
    background-color: #fff;
    background-image: url(../Icons/menu.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 27px;
    width: 60px;
    margin-left: 1.6rem
}

@media (max-width: 980px) and (min-width: 768px) {
    header .header_mobile div .header-icon.icon-nav-mobile {
        margin:-0.5rem 1rem 0 1rem
    }
}

@media (min-width: 1024px) {
    header .header_mobile div .header-icon.icon-nav-mobile {
        display:none
    }
}

header nav {
    display: grid;
    grid-template-columns: 225px auto 400px
}

header nav a:hover {
    font-weight: bold
}

header nav div.nav-cover {
    display: none
}

@media (max-width: 1024px) {
    header nav {
        grid-template-columns:225px auto 100px
    }

    header nav div.nav-cover {
        position: fixed;
        z-index: 1000;
        top: 50px;
        left: 0px;
        width: 100vw;
        height: calc(100vh - 50px);
        background-color: #fff
    }

    .nav-open header nav div.nav-cover {
        display: block
    }
}

header nav div.nav-left {
    margin-left: 25px;
    margin-top: auto;
    margin-bottom: auto
}

header nav div.nav-left .icon-nav-mobile {
    display: none
}

@media (max-width: 1024px) {
    header nav div.nav-left {
        display:grid;
        grid-template-columns: 1fr 1fr;
        margin-left: 5px
    }

    header nav div.nav-left img {
        height: 25px;
        vertical-align: top;
        margin-left: 1rem
    }

    header nav div.nav-left .icon-nav-mobile {
        width: 33px;
        height: 27px;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../Icons/menu.svg)
    }

    .nav-open header nav div.nav-left .icon-nav-mobile {
        background-image: url(../Icons/close.png)
    }
}

header nav div.nav-middle {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    margin: 0 2rem;
    background-color: #fff
}

header nav div.nav-middle>div {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.3rem
}

@media (max-width: 1024px) {
    header nav div.nav-middle {
        grid-template-columns:1fr;
        gap: 1rem;
        position: fixed;
        border-top: 2px solid rgba(0,0,0,0.1);
        top: 50px;
        left: 0;
        width: 100vw;
        margin: 0;
        z-index: 1000;
        display: none
    }

    .nav-open header nav div.nav-middle {
        display: grid
    }

    header nav div.nav-middle>div {
        text-align: left;
        text-transform: none;
        padding: 1rem;
        font-size: 1.5rem
    }
}

header nav div.nav-right {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center
}

header nav div.nav-right>div {
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase
}

header nav div.nav-right img {
    height: 20px
}

@media (max-width: 1024px) {
    header nav div.nav-right {
        grid-template-columns:repeat(2, 1fr)
    }

    header nav div.nav-right img {
        height: 30px
    }

    header nav div.nav-right .nav-item p {
        display: none
    }
}

header nav .nav-content {
    position: relative;
    display: inline-block
}

header nav .nav-content .nav-item-content {
    display: none
}

@media (max-width: 1024px) {
    header nav .nav-content {
        display:block
    }

    header nav .nav-content .subnav-open {
        position: absolute;
        height: 15px;
        width: 15px;
        top: 5px;
        right: 10px;
        background-image: url(../images/icon/Chevron_212121.svg);
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(90deg)
    }

    header nav .nav-content.opened .subnav-open {
        transform: rotate(270deg)
    }

    header nav .nav-content.opened .nav-item-content {
        display: block
    }
}

@media (min-width: 1024px) {
    header nav .nav-content:not(.react):hover {
        font-weight:bold
    }

    header nav .nav-content:not(.react):hover .nav-item-content {
        display: block;
        position: absolute;
        background: #fff;
        text-align: left;
        font-weight: normal
    }
}

header nav .nav-content #bloc-nav-compte {
    display: block;
    position: absolute;
    background: #fff;
    text-align: left;
    font-weight: normal
}

header .nav-item-content.nos-tirages,header .nav-item-content.aide {
    width: 130%
}

header .nav-item-content.nos-tirages a,header .nav-item-content.aide a {
    display: block;
    padding: 1rem 1rem 1rem 3rem
}

@media (max-width: 1024px) {
    header .nav-item-content.nos-tirages a,header .nav-item-content.aide a {
        padding:3rem 1rem 0rem 3rem
    }
}

header #bloc-nav-compte {
    width: 300px;
    left: -100%;
    padding: 1rem;
    font-size: 1.3rem;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

@media (max-width: 1024px) {
    header #bloc-nav-compte {
        left:-400%
    }
}

header .cta-upload {
    display: inline-flex;
    height: 45px;
    border: 1px solid;
    border-color: #293553;
    border-radius: 3px;
    padding-left: 1rem;
    padding-right: 1rem
}

header .cta-upload a {
    display: flex;
    align-items: center;
    background: left center/23px no-repeat;
    font-size: 1.1rem
}

header .cta-upload a:first-child {
    padding-left: 30px;
    background-image: url(../images/icon/Upload_Bleu.svg)
}

header .cta-upload:hover {
    background: linear-gradient(0.25turn, #293553, #00699E)
}

header .cta-upload:hover a:first-child {
    background-image: url(../images/icon/Upload_FFF.svg);
    color: #fff
}

header .cta-upload:hover .back-to-crop {
    background-image: url(../images/icon/Stylo_FFF.svg)
}

header .cta-upload .back-to-crop {
    position: relative;
    height: 100%;
    width: 37px;
    border-left: 1px solid #293553;
    background-position: 10px center;
    display: inline-block;
    margin-left: 1rem;
    background-image: url(../images/icon/Stylo_Bleu.svg)
}

header .cta-upload .back-to-crop .info-back-to-crop {
    position: absolute;
    background: #fff;
    width: 200px;
    top: 43px;
    right: -11px;
    border: 1px solid #293553;
    line-height: 2rem;
    color: black;
    padding: 0.5rem;
    display: none;
    font-weight: normal
}

header .cta-upload .back-to-crop:hover .info-back-to-crop {
    display: block
}

@media (max-width: 1024px) {
    header .cta-upload {
        background:linear-gradient(0.25turn, #293553, #00699E)
    }

    header .cta-upload a:first-child {
        background-image: url(../images/icon/Upload_FFF.svg);
        color: #fff
    }

    header .cta-upload .back-to-crop {
        background-image: url(../images/icon/Stylo_FFF.svg)
    }
}

header .current_lang_mobile {
    position: absolute;
    right: 10%;
    top: -5px
}

header .current_lang_mobile img,header .lang img {
    border-radius: 50%;
    width: 25px;
    height: 25px !important
}

header .nav-item-content.lang {
    left: 0px
}

header .nav-item-content.lang a:not(:nth-child(4)) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

header .nav-item-content.lang a {
    display: flex;
    font-size: 1.5rem;
    margin: 1rem
}

header .nav-item-content.lang a span {
    margin-right: 1rem;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    header .nav-content.opened .nav-item-content.lang {
        font-size:2rem;
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 1rem
    }

    header .nav-content.opened .nav-item-content.lang a {
        text-align: center
    }
}

body.marque_blanche .header {
    border-bottom: 2px solid #0087CC
}

body.marque_blanche .logo {
    text-align: center
}

body.marque_blanche .logo img {
    max-width: 276px;
    max-height: 55px
}

@media (min-width: 1024px) {
    body.marque_blanche .logo {
        position:fixed;
        top: 20px;
        left: calc(55vw - 276px);
        width: 276px
    }
}

@media (max-width: 980px) {
    body.marque_blanche .icon-nav-mobile {
        display:none !important
    }

    body.marque_blanche .logo {
        position: fixed;
        top: 10px;
        left: 0px;
        width: 276px
    }
}

body.marque_blanche .nav-middle .nav-item {
    display: none
}

body.marque_blanche .nav-right {
    grid-template-columns: 1fr 1fr 1fr
}

body.marque_blanche .nav-right>.nav-item:first-child,body.marque_blanche .nav-right .nav-item:first-child+.nav-item {
    display: none !important
}

body.marque_blanche .nav-right .upload_link {
    font-size: 10px
}

body.marque_blanche .nav-right img {
    height: 30px
}

body.marque_blanche .nav-right .react {
    text-align: right
}

body.marque_blanche .nav-right .react a p {
    display: none
}

body.marque_blanche .nav-right .nav-item-content.lang {
    left: 46px
}

.reinsurance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    padding: 25px 0 20px 0;
    text-align: left;
    max-width: 95%;
    width: 100%
}

@media (min-width: 980px) {
    .reinsurance {
        text-align:center;
        text-wrap: nowrap
    }
}

@media (min-width: 1400px) {
    .reinsurance {
        justify-content:center;
        max-width: 1400px
    }
}

.reinsurance .reinsurance-bloc {
    padding: 8px 13px;
    width: 50%
}

@media (min-width: 1024px) {
    .reinsurance .reinsurance-bloc {
        min-width:200px;
        width: 24%
    }
}

.reinsurance .reinsurance-bloc img {
    height: 45px;
    margin: auto;
    width: auto
}

footer {
    background-color: #293553;
    color: #fff;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    padding: 2rem 0 6rem 0;
    width: 100%
}

@media (min-width: 1024px) {
    footer {
        padding:40px 0 50px 0
    }
}

footer a {
    color: #fff
}

footer a:hover {
    color: #f5f5f5;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif
}

footer .footer-content {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    max-width: 95%;
    width: calc(100% - 2rem)
}

@media (min-width: 1024px) {
    footer .footer-content {
        flex-wrap:inherit
    }
}

@media (min-width: 1400px) {
    footer .footer-content {
        max-width:1400px
    }
}

footer .footer-content .footer-bloc {
    margin: 1rem;
    width: 100%
}

@media (min-width: 980px) {
    footer .footer-content .footer-bloc {
        margin:0 1rem;
        width: 80%
    }
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc {
        margin:15px 5px;
        max-width: 700px;
        width: 25%
    }
}

@media (min-width: 1400px) {
    footer .footer-content .footer-bloc {
        max-width:inherit
    }
}

footer .footer-content .footer-bloc.footer-open {
    cursor: pointer;
    position: relative
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-open {
        cursor:inherit
    }
}

footer .footer-content .footer-bloc.footer-open .footer-title:after {
    background-image: url(../images/icon/Chevron_FFF.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    transform: rotate(90deg);
    width: 10px
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-open .footer-title:after {
        display:none
    }
}

footer .footer-content .footer-bloc .footer-title {
    font-size: 2rem;
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc .footer-title {
        font:normal normal 700 normal 1.5rem / 1.5 "Figtree", sans-serif
    }
}

footer .footer-content .footer-bloc ul {
    display: none;
    margin: 0;
    padding: 0
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc ul {
        display:block
    }
}

footer .footer-content .footer-bloc ul li {
    padding: 2rem 0 2rem 3rem
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc ul li {
        display:block;
        padding: 1rem 0 1rem 1.5rem
    }
}

footer .footer-content .footer-bloc ul li:last-child {
    padding-bottom: 0
}

footer .footer-content .footer-bloc.footer-mobile {
    display: block;
    order: 4
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-mobile {
        display:none
    }
}

footer .footer-content .footer-bloc.footer-mobile li {
    padding: 2rem 0 2rem 0
}

footer .footer-content .footer-bloc.footer-language {
    display: block;
    order: 6;
    padding-right: 4rem;
    width: 100%
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-language {
        display:none
    }
}

footer .footer-content .footer-bloc.footer-language .language_label {
    display: inline-block;
    margin: 0 2rem;
    text-transform: uppercase
}

footer .footer-content .footer-bloc.footer-language .current_language>span {
    justify-content: flex-end;
    display: flex;
    float: left;
    width: 49%
}

footer .footer-content .footer-bloc.footer-language .current_language>span:first-child {
    justify-content: flex-start
}

footer .footer-content .footer-bloc.footer-language .current_language>span:nth-child(2) {
    float: right
}

footer .footer-content .footer-bloc.footer-language .current_language img {
    display: inline-block;
    height: 20px;
    width: 20px
}

footer .footer-content .footer-bloc.footer-language .current_language .chevron {
    display: none
}

footer .footer-content .footer-bloc.footer-language .current_language::after {
    right: -2rem
}

footer .footer-content .footer-bloc.footer-language .choose_language {
    background-color: transparent;
    display: none;
    margin-top: 1.5rem;
    margin-bottom: 5rem;
    padding-bottom: 5rem;
    position: inherit;
    right: inherit;
    top: inherit;
    width: 100%
}

footer .footer-content .footer-bloc.footer-language .choose_language a {
    border: none;
    justify-content: end;
    padding: 0.8rem 0
}

footer .footer-content .footer-bloc.footer-language .choose_language a>span {
    display: none
}

footer .footer-content .footer-bloc.footer-language .choose_language a figure {
    text-align: right;
    width: 100%
}

footer .footer-content .footer-bloc.footer-language .choose_language a figure img {
    display: inline-block;
    height: 20px;
    width: 20px
}

footer .footer-content .footer-bloc.footer-language .header-user-language-open .choose_language {
    display: block
}

footer .footer-content .footer-bloc.footer-bloc-open:after {
    transform: rotate(180deg);
    background-position: 15px 0px
}

footer .footer-content .footer-bloc.footer-bloc-open ul {
    display: block
}

footer .footer-content .footer-bloc.footer-products {
    order: 2
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-products {
        order:1
    }
}

footer .footer-content .footer-bloc.footer-about {
    order: 3
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-about {
        order:2
    }
}

footer .footer-content .footer-bloc.footer-help {
    order: 5
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-help {
        order:3
    }
}

footer .footer-content .footer-bloc.footer-social {
    order: 1;
    text-align: center
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-social {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

footer .footer-content .footer-bloc.footer-social p {
    float: left;
    margin-bottom: 2rem;
    text-align: left;
    width: 62%
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-social p {
        float:inherit;
        margin-bottom: 4rem;
        text-align: center;
        width: 100%
    }
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-social {
        order:4
    }
}

footer .footer-content .footer-bloc.footer-social .icon-social {
    display: inline-block;
    margin: 1rem auto;
    width: 55px
}

footer .footer-content .footer-bloc.footer-social .icon-social img {
    width: 35px
}

@media (min-width: 1024px) {
    footer .footer-content .footer-bloc.footer-social .icon-social {
        margin:auto
    }
}

footer .footer_desktop {
    display: none
}

@media (min-width: 1024px) {
    footer .footer_desktop {
        display:block
    }
}

footer .nav-item-content.lang {
    display: none
}

@keyframes popin_nl {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.popin_nl {
    display: none;
    background-color: #293553;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824);
    left: 50%;
    padding: 10px 20px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    z-index: 10
}

.popin_nl.show {
    animation: popin_nl 1s ease-in-out 2s forwards;
    display: block;
    opacity: 0
}

@media (min-width: 1024px) {
    .popin_nl {
        bottom:20px;
        left: inherit;
        margin-left: inherit;
        right: 55px;
        top: inherit;
        transform: inherit;
        width: 400px
    }
}

@media (min-width: 1400px) {
    .popin_nl {
        left:calc(50% + 275px);
        right: inherit
    }
}

.popin_nl .popin_nl_close {
    text-align: right
}

.popin_nl .popin_nl_close button {
    background-color: transparent;
    color: #999;
    text-align: right;
    height: 30px;
    width: 30px
}

.popin_nl .popin_nl_title {
    background-image: url(../images/icon/IconMail_blue.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 35px;
    color: #293553;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    min-height: 30px;
    margin-top: 0;
    padding-left: 50px
}

@media (min-width: 1024px) {
    .popin_nl .popin_nl_title {
        background-image:none;
        font-size: 2rem;
        padding-left: 0
    }
}

.popin_nl .popin_nl_tinfo {
    display: none
}

@media (min-width: 1024px) {
    .popin_nl .popin_nl_tinfo {
        display:block;
        font-size: 1.4rem
    }
}

.popin_nl .popin_nl_promo {
    color: #0087CC;
    font-size: 1.6rem;
    text-align: center
}

@media (min-width: 1024px) {
    .popin_nl .popin_nl_promo {
        background-image:url(../images/icon/IconMail_lightblue.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 60px;
        font-size: 1.8rem;
        height: 90px;
        padding-top: 60px
    }
}

.popin_nl .popin_nl_form {
    padding-bottom: 10px
}

.popin_nl .popin_nl_form input {
    margin-bottom: 10px
}

.popin_nl .popin_nl_form button {
    width: 100%
}

.confirm_inscription_popin {
    background-color: #293553;
    background-image: url(../images/icon/Check_Bleu.png);
    background-position: 40px center;
    background-repeat: no-repeat;
    background-size: 40px;
    border-radius: 5px;
    bottom: 20px;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824);
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    height: 90px;
    left: 50%;
    line-height: 35px;
    padding-left: 130px;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

@media (min-width: 1024px) {
    .confirm_inscription_popin {
        bottom:20px;
        left: inherit;
        right: 55px;
        top: inherit;
        transform: inherit;
        width: 350px
    }
}

@media (min-width: 1400px) {
    .confirm_inscription_popin {
        left:calc(50% + 325px);
        right: inherit
    }
}

.confirm_inscription_popin p {
    margin: 0
}

.confirm_inscription_popin .confirm_inscription_text {
    color: #293553
}

.confirm_inscription_popin.hide {
    display: none
}

.info_code {
    color: #0087CC;
    font-style: normal;
    margin: auto;
    text-align: center
}

.info_code span {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.newsletter {
    background-color: #DBE4F5;
    padding: 2rem 1rem 1rem;
    overflow: hidden
}

@media (min-width: 1024px) {
    .newsletter {
        padding:20px 0
    }
}

.newsletter .newsletter-content {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 1400px
}

@media (min-width: 1024px) {
    .newsletter .newsletter-content {
        align-items:flex-start;
        flex-direction: row;
        justify-content: center;
        width: 100%
    }
}

.newsletter .newsletter-content .newsletter-wording {
    align-self: center;
    float: left;
    width: 100%
}

@media (min-width: 1024px) {
    .newsletter .newsletter-content .newsletter-wording {
        padding:0 30px;
        width: auto
    }
}

.newsletter .newsletter-content .newsletter-wording p {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.newsletter .newsletter-content .newsletter-form {
    margin: 0;
    overflow: hidden;
    padding-top: 1.5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .newsletter .newsletter-content .newsletter-form {
        width:50%
    }
}

.newsletter .newsletter-content .newsletter-form .input {
    border-bottom: 2px solid #293553;
    display: inline-block;
    height: 45px;
    margin: 0 0 1rem;
    padding-bottom: 10px;
    width: 100%
}

@media (min-width: 1024px) {
    .newsletter .newsletter-content .newsletter-form .input {
        margin:0;
        width: 70%
    }
}

.newsletter .newsletter-content .newsletter-form .input img {
    margin-right: 5px;
    width: 35px
}

.newsletter .newsletter-content .newsletter-form .input input {
    background: none;
    border: none;
    display: inline-block;
    height: 100%;
    width: calc(100% - 50px)
}

.newsletter .newsletter-content .newsletter-form button {
    display: block;
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .newsletter .newsletter-content .newsletter-form button {
        display:inline-block;
        margin-bottom: 0
    }
}

.page-newsletter .header_nl {
    align-items: center;
    display: flex;
    flex-direction: column;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.8rem
}

@media (min-width: 1024px) {
    .page-newsletter .header_nl {
        font-size:3rem;
        flex-direction: row;
        height: 100px;
        justify-content: space-between
    }
}

.page-newsletter .header_nl .logo_nl {
    width: 100%
}

@media (max-width: 1024px) {
    .page-newsletter .header_nl .logo_nl {
        width:40%;
        margin: 2rem 0
    }
}

@media (min-width: 1024px) {
    .page-newsletter .header_nl .logo_nl {
        margin:1.5rem;
        width: 270px
    }
}

.page-newsletter .header_nl .logo_nl .logo {
    margin: 1rem auto;
    width: auto
}

.page-newsletter .header_nl .header_nl_text {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-align: center;
    text-transform: uppercase;
    width: 90%
}

@media (min-width: 1024px) {
    .page-newsletter .header_nl .header_nl_text {
        width:calc(100% - 300px)
    }
}

.page-newsletter .header_nl .header_nl_img {
    margin: 0.5rem 0;
    max-width: 100%
}

@media (min-width: 1024px) {
    .page-newsletter .header_nl .header_nl_img {
        display:none
    }
}

.page-newsletter .page-newsletter-content {
    min-height: 100vh;
    max-width: 100%;
    padding: 1rem 0;
    width: 100%
}

@media (min-width: 1024px) {
    .page-newsletter .page-newsletter-content {
        padding:1rem 3rem 3rem;
        background-image: url(../images/newsletter/Landing_Page_DK.jpg);
        background-repeat: no-repeat;
        background-size: cover
    }
}

.page-newsletter .page-newsletter-content .page-newsletter-form {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5rem 0;
    position: relative;
    width: 100%
}

@media (min-width: 1024px) {
    .page-newsletter .page-newsletter-content .page-newsletter-form {
        box-shadow:0 0 8px 0 rgba(111,111,111,0.658824);
        float: right;
        margin-bottom: 1rem;
        margin-top: 5rem;
        max-width: 500px;
        padding: 2rem 4.5rem 1rem 4.5rem;
        width: 50%
    }
}

.page-newsletter .page-newsletter-content .page-newsletter-form form p {
    margin: auto;
    padding: 0 2rem;
    text-align: center;
    width: calc(100% - 4rem)
}

.page-newsletter .page-newsletter-content .page-newsletter-form form input {
    background-color: #DBE4F5;
    margin: auto;
    width: calc(100% - 4rem)
}

.page-newsletter .page-newsletter-content .page-newsletter-form form label {
    font-size: 1.4rem;
    margin: 1rem 0 0.5rem 2rem;
    text-transform: uppercase
}

.page-newsletter .page-newsletter-content .page-newsletter-form form select {
    background-color: #DBE4F5;
    margin: 2rem 2rem 0 2rem;
    width: calc(100% - 4rem)
}

.page-newsletter .page-newsletter-content .page-newsletter-form form p:first-child {
    color: #0087CC;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.9rem;
    margin-bottom: 1rem;
    padding: 0;
    width: calc(100% - 2rem)
}

@media (min-width: 980px) {
    .page-newsletter .page-newsletter-content .page-newsletter-form form p:first-child {
        margin-bottom:2rem;
        padding: 0;
        width: calc(100% - 4rem)
    }
}

.page-newsletter .page-newsletter-content .page-newsletter-form form p:first-child span {
    font-size: 2.1rem
}

.page-newsletter .page-newsletter-content .page-newsletter-form .round {
    align-items: center;
    background: linear-gradient(110deg, #1d57a1 0%, #127fcd 70%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.4rem;
    justify-content: center;
    height: 120px;
    right: 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -110px;
    width: 120px
}

.page-newsletter .page-newsletter-content .page-newsletter-form .round img {
    margin-bottom: 1rem;
    width: 30px
}

@media (min-width: 1024px) {
    .page-newsletter .page-newsletter-content .page-newsletter-form .round {
        font-size:1.6rem;
        height: 140px;
        left: -95px;
        top: -30px;
        width: 140px
    }
}

.page-newsletter .page-newsletter-content .btn-shading {
    background: linear-gradient(110deg, #1d57a1 0%, #127fcd 70%);
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    margin: 1rem auto;
    width: fit-content
}

@media (min-width: 1024px) {
    .page-newsletter .page-newsletter-content .btn-shading {
        margin:2rem auto
    }
}

.page-newsletter .page-confirmed {
    display: none
}

.page-newsletter.confirmed form {
    display: none
}

.page-newsletter.confirmed .page-confirmed {
    display: block;
    text-align: center
}

.page-newsletter.confirmed .page-confirmed p {
    margin: 0 auto;
    padding: 0 2rem 3rem 2rem
}

.page-newsletter.confirmed .page-confirmed>p:first-child {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 1.7rem;
    padding: 1rem 2rem 4rem 2rem
}

@media (min-width: 980px) {
    .page-newsletter.confirmed .page-confirmed>p:first-child {
        padding:3rem 0 4rem 0
    }
}

.page-newsletter .page-newsletter-bottom {
    background-color: #fff;
    padding: 0.5rem 0;
    position: sticky;
    bottom: 0;
    width: 100%
}

@media (min-width: 980px) {
    .page-newsletter .page-newsletter-bottom {
        padding:0;
        position: inherit
    }
}

.page-newsletter .page-newsletter-bottom.onSticky {
    box-shadow: 0px -4px 1px 0px #6f6f6f1a
}

@media (min-width: 980px) {
    .page-newsletter .page-newsletter-bottom.onSticky {
        box-shadow:inherit
    }
}

.page-newsletter footer {
    padding: 2rem
}

.page-newsletter footer .footer-content {
    min-height: 100px;
    max-width: 100%;
    width: 100%
}

.content-desc {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem
}

@media (min-width: 980px) {
    .content-desc {
        flex-direction:row
    }
}

.content-desc .content-desc-bloc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

@media (min-width: 980px) {
    .content-desc .content-desc-bloc {
        text-align:justify
    }
}

.content-desc .content-desc-bloc img {
    margin: 20px auto 15px auto;
    max-width: 100%
}

@media (min-width: 980px) {
    .content-desc .content-desc-bloc img {
        height:inherit;
        margin-bottom: 0;
        max-width: 100%
    }
}

@media (min-width: 980px) {
    .content-desc .content-desc-bloc:first-of-type {
        margin-right:2%
    }
}

@media (min-width: 980px) {
    .content-desc .content-desc-bloc:last-of-type {
        margin-left:2%
    }
}

.content-desc .content-desc-bloc:last-of-type img {
    margin-bottom: 0
}

.owl-carousel {
    margin: auto;
    position: relative;
    width: 100%;
    max-width: 2560px
}

@media (min-width: 980px) {
    .owl-carousel {
        width:calc(100% - 50px)
    }
}

.owl-carousel.nb_item_1 {
    width: 100%
}

.owl-carousel figure {
    position: relative
}

.owl-carousel figure figcaption {
    position: absolute;
    bottom: 2.5rem;
    left: 50%;
    transform: translateX(-50%)
}

.owl-carousel .owl-dots {
    text-align: center
}

.owl-carousel .owl-dot {
    background-color: #999;
    border-radius: 50%;
    display: inline-block;
    height: 11px;
    margin: 8px 5px 0 5px;
    width: 11px
}

.owl-carousel .owl-dot.active,.owl-carousel .owl-dot:hover {
    background-color: #293553
}

.owl-carousel .nav-left,.owl-carousel .nav-right {
    color: #999;
    font-size: 6rem;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}

.owl-carousel .nav-left {
    left: -30px
}

.owl-carousel .nav-left span {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.owl-carousel .nav-right {
    right: -30px
}

.owl-carousel .nav-right span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.owl-carousel .slider_button {
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    bottom: 18%;
    left: 0;
    right: 0;
    text-align: center
}

.owl-carousel .slider_button a {
    font-weight: bold;
    background-color: white;
    color: #293553;
    border-radius: 4px;
    padding: 3%;
    padding-left: 10%;
    padding-right: 10%
}

@media (min-width: 980px) {
    .owl-carousel .slider_button a {
        padding:1%;
        padding-left: 5%;
        padding-right: 5%
    }
}

.owl-carousel .slider_button a:hover {
    color: #0087CC
}

.owl-carousel .slider_link {
    color: white;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0
}

.owl-carousel .slider_link a {
    text-decoration: none
}

.owl-carousel .slider_link a:hover {
    text-decoration: underline
}

.owl-carousel .owl-stage,.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto
}

.popin.download_image {
    border: none;
    border-radius: 15px;
    box-shadow: 0 0 8px 0 rgba(111,111,111,0.658824);
    max-width: 90%;
    padding: 40px 15px;
    overflow-x: hidden;
    width: 850px
}

@media (min-width: 1024px) {
    .popin.download_image {
        padding:30px
    }
}

@media (max-width: 768px) {
    .popin.download_image {
        background-color:#EEF0F6;
        max-width: unset;
        width: 100%;
        border-radius: 0px
    }
}

.popin.download_image .icon-close.popin-upload {
    right: 2rem;
    font-size: 25px
}

.popin.download_image .popin-upload-image {
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    line-height: 1.5
}

.popin.download_image .popin-upload-image .popin-upload-image-title {
    display: none;
    margin-bottom: 1rem;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2rem;
    margin-top: 0;
    text-align: center;
    width: 21ch
}

@media (min-width: 980px) {
    .popin.download_image .popin-upload-image .popin-upload-image-title {
        margin-bottom:2rem;
        display: block
    }
}

@media (min-width: 1400px) {
    .popin.download_image .popin-upload-image .popin-upload-image-title {
        margin-bottom:2.5rem
    }
}

.popin.download_image .popin-upload-image .popin-upload-image-title.mobile {
    display: block
}

@media (min-width: 980px) {
    .popin.download_image .popin-upload-image .popin-upload-image-title.mobile {
        display:none
    }
}

.image_temoin {
    display: flex;
    flex-flow: column;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    justify-content: space-around;
    margin: 3rem auto 0 auto;
    position: relative;
    width: 97%
}

@media (min-width: 980px) {
    .image_temoin {
        border:none;
        margin-top: 0;
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 768px) {
    .image_temoin {
        background-color:unset;
        border: unset
    }
}

.image_temoin img {
    margin: 2.5rem auto 1.5rem auto;
    max-width: 50%;
    text-align: center;
    width: 100px
}

.image_temoin .image_temoin_text,.image_temoin .image_temoin_text_mobile {
    border: 1px solid #293553;
    color: #293553;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    margin: 2rem auto 1rem auto;
    padding: 0 1rem;
    text-align: center;
    width: fit-content;
    border-radius: 5px
}

@media (min-width: 980px) {
    .image_temoin .image_temoin_text,.image_temoin .image_temoin_text_mobile {
        margin:2rem auto 0 auto;
        padding: 0 2rem
    }
}

.image_temoin .image_temoin_text_mobile {
    display: none;
    border: unset;
    height: unset;
    line-height: unset
}

@media (max-width: 980px) {
    .image_temoin .image_temoin_text {
        display:none
    }

    .image_temoin .image_temoin_text_mobile {
        display: unset;
        position: relative
    }

    .image_temoin .image_temoin_text_mobile::after {
        background-image: url(../images/icon/Chevron_293553.svg);
        background-repeat: no-repeat;
        content: " ";
        height: 10px;
        position: absolute;
        right: -13px;
        top: 8px;
        width: 10px
    }
}

.upload-area {
    height: 100%;
    position: relative;
    width: 100%
}

.upload-area:hover {
    cursor: pointer
}

.upload-area .upload-zone {
    background-color: #F0F4FC;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    margin: 0 auto 1rem auto;
    position: relative;
    max-width: 97%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23838383FF' stroke-width='3' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e")
}

@media (min-width: 980px) {
    .upload-area .upload-zone {
        max-width:100%;
        width: 100%;
        padding-bottom: 3rem
    }
}

.upload-area .upload-zone .upload-zone-icon-fff {
    display: none
}

@media (max-width: 768px) {
    .upload-area .upload-zone {
        background-color:unset;
        border: unset;
        background-image: unset
    }

    .upload-area .upload-zone .upload-zone-btn {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
        align-items: center;
        gap: 2rem
    }

    .upload-area .upload-zone .upload-zone-icon {
        display: none
    }

    .upload-area .upload-zone .upload-zone-icon-fff {
        display: block;
        max-height: 32px
    }
}

.upload-area .upload-zone .upload-zone-text {
    display: none
}

@media (min-width: 980px) {
    .upload-area .upload-zone .upload-zone-text {
        color:#3E3E3E;
        display: block;
        margin-top: 2.5rem;
        text-align: center
    }
}

.upload-area .upload-zone .upload-zone-btn {
    height: 50px;
    margin: 1.5rem auto;
    width: 90%
}

@media (min-width: 980px) {
    .upload-area .upload-zone .upload-zone-btn {
        margin:25px auto;
        width: 300px
    }
}

@media (max-width: 768px) {
    .upload-area .upload-zone .upload-zone-btn:hover {
        width:90%
    }
}

.upload-area .upload-zone .spinner {
    background-color: #F0F4FC;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.upload-area .upload-zone .spinner img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.upload-area .upload-zone .myProgress {
    background-color: #F0F4FC;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23838383FF' stroke-width='3' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e")
}

.upload-area .upload-zone .myProgress .myBar {
    margin: 25px auto 1rem;
    width: 90%
}

@media (min-width: 768px) {
    .upload-area .upload-zone .myProgress .myBar {
        margin:80px auto 2rem
    }
}

@media (min-width: 980px) {
    .upload-area .upload-zone .myProgress .myBar {
        margin:170px auto 2rem
    }
}

.upload-area .upload-zone .upload-zone-icon {
    margin: 2.5rem auto 2rem auto;
    max-width: 50%;
    text-align: center;
    width: 65px
}

.upload-area .upload-zone .msg {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 10px auto 0 auto;
    padding: 10px;
    text-align: center;
    width: calc(100% - 11px)
}

.upload-area .upload-zone .upload-infos {
    font-size: 1.3rem
}

@media (min-width: 980px) {
    .upload-area .upload-zone .upload-infos {
        padding:0 4rem;
        margin-top: 2rem
    }
}

.upload-area .upload-zone .upload-infos p {
    position: relative;
    margin-left: 40px;
    margin-right: 20px;
    width: calc(100% - 40px)
}

.upload-area .upload-zone .upload-infos .upload-infos-icon {
    left: -35px;
    position: absolute;
    top: 0;
    width: 20px
}

@media screen and (min-width: 980px) {
    .upload-area .upload-zone .upload-infos .upload-infos-icon {
        width:20px
    }
}

.upload-area .upload-zone #file {
    display: none
}

.upload-area .upload-infos {
    font-size: 1.3rem
}

@media (min-width: 980px) {
    .upload-area .upload-infos {
        padding:0 4rem;
        margin-top: 2rem
    }
}

.upload-area .upload-infos p {
    position: relative;
    margin-left: 40px;
    margin-right: 20px;
    width: calc(100% - 40px)
}

.upload-area .upload-infos .upload-infos-icon {
    left: -35px;
    position: absolute;
    top: 0;
    width: 20px
}

@media screen and (min-width: 980px) {
    .upload-area .upload-infos .upload-infos-icon {
        width:20px
    }
}

.mini.create_project {
    max-width: 60rem
}

.mini.create_project .info-checkout-form-section {
    padding-top: 1rem;
    width: 100%
}

.mini.create_project .info-checkout-form-section.sections .section {
    width: 100%
}

@media (min-width: 1024px) {
    .mini.create_project .info-checkout-form-section.sections .section {
        display:block;
        width: 48%
    }
}

@media (min-width: 1024px) {
    .mini.create_project .info-checkout-form-section.sections .section.section-1 {
        float:left
    }
}

@media (min-width: 1024px) {
    .mini.create_project .info-checkout-form-section.sections .section.section-2 {
        float:right
    }
}

.mini.create_project .info-checkout-form-section textarea {
    min-height: 0px;
    width: 100%
}

.mini.create_project .info-checkout-form-section label {
    margin-bottom: 0
}

.mini.create_project .info-checkout-form-section .checkbox {
    margin-top: 20px;
    margin-left: 20px
}

.mini.create_project .info-checkout-form-section .btn {
    width: 50%
}

.mini.create_project .inline_space {
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.mini.create_project .inline_space select {
    max-width: 50%
}

#project_created {
    text-align: center
}

.select_carousel .select_carousel_item>div:first-child {
    cursor: pointer;
    background-color: #F4F9FC
}

.select_carousel .select_carousel_item>div:first-child p {
    margin: 0
}

.select_carousel .select_carousel_item .content,.select_carousel .select_carousel_item .content-image {
    position: relative;
    height: 100%;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px
}

.select_carousel .select_carousel_item .content .format_visual_box,.select_carousel .select_carousel_item .content-image .format_visual_box {
    border: 2px solid #262E46;
    display: inline-block;
    background-color: #ffffff
}

.select_carousel .select_carousel_item .content-image {
    padding: 10px
}

.select_carousel .select_carousel_item .visual_selected {
    text-align: center;
    background-color: #0087CC;
    border-radius: 50%;
    bottom: 8px;
    color: #fff;
    display: none;
    font-size: 1rem;
    font-family: Open Sans Bold;
    height: 16px;
    position: absolute;
    right: 10px;
    width: 16px
}

.select_carousel .select_carousel_item.selected>div:first-child {
    background-color: #CAE5F3;
    font-family: Open Sans SemiBold
}

.select_carousel .select_carousel_item.selected .visual_selected {
    display: block
}

.select_carousel .select_carousel_item.disabled {
    color: #838383;
    cursor: not-allowed
}

.select_carousel .select_carousel_item.disabled .format_visual_box {
    background-color: #EBEBEB;
    border-color: #656565
}

.select_carousel .select_carousel_item.disabled img {
    opacity: 0.5
}

.select_carousel .select_carousel_item.disabled>div:first-child {
    background-color: #D2D2D2
}

.react-gridselect .item .visual_selected {
    text-align: center;
    background-color: #0087CC;
    border-radius: 50%;
    bottom: 8px;
    color: #fff;
    display: none;
    font-size: 1rem;
    font-family: Open Sans Bold;
    height: 16px;
    position: absolute;
    right: 10px;
    width: 16px
}

.react-gridselect .item.selected .visual_selected {
    display: block
}

.react-gridselect .item.disabled {
    color: #838383;
    cursor: not-allowed;
    background-color: #D2D2D2
}

.react-gridselect .item.disabled .format_visual_box {
    background-color: #EBEBEB;
    border-color: #656565
}

.react-gridselect .item.disabled img {
    opacity: 0.5
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.page-home h1 {
    font-size: inherit;
    text-transform: uppercase
}

@media (min-width: 980px) {
    .page-home ._open-popin {
        display:none
    }
}

.page-home .home-bloc-labo {
    color: #fff;
    height: 365px;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative
}

@media (min-width: 980px) {
    .page-home .home-bloc-labo {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .page-home .home-bloc-labo {
        height:auto
    }
}

.page-home .home-bloc-labo img {
    height: auto;
    left: 0
}

@media (min-width: 1024px) {
    .page-home .home-bloc-labo img {
        width:100%
    }
}

.page-home .home-bloc-labo .home-bloc-labo-background {
    background-color: rgba(0,0,0,0.53);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.page-home .home-bloc-labo .home-bloc-labo-wordings {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.page-home .home-bloc-labo .home-bloc-labo-wordings .home-bloc-labo-wording {
    font-size: 1.9rem;
    margin: auto 10%
}

@media (min-width: 1024px) {
    .page-home .home-bloc-labo .home-bloc-labo-wordings .home-bloc-labo-wording {
        font-size:2.2rem;
        margin: auto 20%
    }
}

.page-home .home-bloc-labo .home-bloc-labo-wordings .home-bloc-labo-wording.wording-big {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.4rem;
    text-transform: uppercase
}

@media (min-width: 980px) {
    .page-home .home-bloc-labo .home-bloc-labo-wordings .home-bloc-labo-wording.wording-big {
        font-size:2.8rem
    }
}

.page-home #actu {
    width: 100%;
    text-align: -webkit-center;
    text-align: -moz-center
}

.page-home #custom_content_actu {
    width: 70%;
    background-color: #DBE4F5;
    border-radius: 10px;
    padding-bottom: 20px
}

.page-home #custom_content_actu .text-huge {
    font-size: 1.8em
}

.page-home #custom_content_actu .text-big {
    font-size: 1.4em
}

@media (max-width: 1024px) {
    .page-home #custom_content_actu .text-big {
        font-size:1.2em
    }
}

@media (max-width: 1024px) {
    .page-home #custom_content_actu {
        width:100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.page-home #close-actu {
    cursor: pointer;
    position: relative;
    left: 45%;
    top: 15px;
    font-size: 2.2rem
}

@media (min-width: 1024px) {
    .page-home #close-actu {
        left:48%
    }
}

.page-home #home-info {
    display: none
}

body.header-hellobar .page-home {
    padding-top: 10px
}

@media (min-width: 980px) {
    body.header-hellobar .page-home {
        padding-top:30px
    }
}

.encadrement-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
    cursor: pointer
}

@media (max-width: 980px) {
    .encadrement-container {
        display:block
    }
}

.encadrement-container .encadrement-item {
    text-align: center
}

.encadrement-container .encadrement-item .encadrement-title {
    text-transform: uppercase;
    padding-bottom: 2rem
}

.encadrement-container .encadrement-item img {
    width: 100%;
    height: auto
}

.encadrement-container .encadrement-item a {
    text-decoration: none;
    color: #333
}

.encadrement-container .encadrement-item:hover * {
    color: #0087CC;
    font: normal normal 700 normal 1.6rem/1.5 "Figtree", sans-serif;
    text-decoration: none
}

.page-produits {
    text-align: left
}

.page-produits .produits {
    margin-bottom: -20px;
    text-align: center
}

@media (min-width: 980px) {
    .page-produits .produits {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }
}

.page-produits .produits .bloc-categorie {
    align-items: center;
    background-color: #efefef;
    display: flex;
    flex-direction: row;
    height: 150px;
    justify-content: center;
    margin: 5px auto 20px auto;
    overflow: hidden;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .page-produits .produits .bloc-categorie {
        background-color:transparent;
        display: block;
        height: auto;
        margin: 5px auto 50px auto;
        overflow: inherit;
        position: relative;
        width: 32%
    }
}

.page-produits .produits .bloc-categorie .bloc-categorie-img {
    display: block;
    float: left;
    width: calc(100% - 170px)
}

@media (min-width: 980px) {
    .page-produits .produits .bloc-categorie .bloc-categorie-img {
        width:100%
    }
}

.page-produits .produits .bloc-categorie .bloc-categorie-img img {
    max-width: 100%;
    max-height: 100%
}

.page-produits .produits .bloc-categorie .cta-blue {
    background-color: transparent;
    border-color: #efefef;
    color: #191919;
    height: 100%;
    padding: 20px;
    width: calc(100% - 120px)
}

.page-produits .produits .bloc-categorie .cta-blue:hover * {
    color: #191919
}

@media (min-width: 980px) {
    .page-produits .produits .bloc-categorie .cta-blue {
        background-color:#293553;
        border-color: #293553;
        bottom: 0;
        color: #fff;
        height: 46px;
        margin: 0 auto;
        min-width: 100px;
        padding: inherit;
        position: absolute;
        right: 50%;
        transform: translate(50%, 50%)
    }

    .page-produits .produits .bloc-categorie .cta-blue * {
        font-size: 1.5rem;
        margin: 0 auto;
        padding: 0
    }

    .page-produits .produits .bloc-categorie .cta-blue:hover {
        background-color: #124C9B;
        border-color: #124C9B
    }

    .page-produits .produits .bloc-categorie .cta-blue:hover * {
        color: inherit
    }
}

@media (min-width: 980px) {
    .page-produits .produits .bloc-categorie .cta-blue * {
        font-size:100%
    }
}

.page-produits .produits .bloc-categorie .cta-blue .bloc-categorie-name {
    font: italic normal 700 normal 1.6rem/1.5 "Figtree",sans-serif;
    text-decoration: underline;
    text-transform: uppercase
}

@media (min-width: 980px) {
    .page-produits .produits .bloc-categorie .cta-blue .bloc-categorie-name {
        text-decoration:none;
        font: normal normal 400 normal 1.6rem / 1.5 "Figtree", sans-serif
    }
}

.page-produits .produits-experts {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 980px) {
    .page-produits .produits-experts {
        flex-direction:row;
        text-align: center
    }
}

.page-produits .produits-experts .bloc-produits-experts {
    background-color: #f5f5f5;
    padding-bottom: 15px;
    width: 100%
}

@media (min-width: 980px) {
    .page-produits .produits-experts .bloc-produits-experts {
        width:49%
    }
}

.page-produits .produits-experts .bloc-produits-experts img {
    max-width: 100%
}

.page-produits .produits-experts .bloc-produits-experts-text {
    padding: 0 10px
}

@media (min-width: 980px) {
    .page-produits .produits-experts .bloc-produits-experts-text {
        padding:0 20px
    }
}

.page-produits .produits-experts .bloc-produits-experts-title {
    font: italic normal 700 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 2rem
}

.page-produits .produits-experts .bloc-produits-experts-description {
    margin: auto
}

.page-produits .bloc-find-gallery {
    background-position-x: 30%;
    height: 150px;
    overflow: hidden;
    position: relative;
    text-align: center
}

@media (min-width: 980px) {
    .page-produits .bloc-find-gallery {
        height:300px
    }
}

.page-produits .bloc-find-gallery img {
    height: auto;
    height: 100%;
    transform: translateX(-30%)
}

@media (min-width: 980px) {
    .page-produits .bloc-find-gallery img {
        width:100%;
        transform: unset
    }
}

.page-produits .bloc-find-gallery .cta-blue {
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

@media (min-width: 980px) {
    .page-produits .bloc-find-gallery .cta-blue {
        top:70%
    }
}

.page-encadrement h1 {
    font-size: inherit
}

.page-encadrement .choix-cadre {
    background-color: #f5f5f5;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .choix-cadre {
        justify-content:space-between;
        flex-direction: row
    }
}

.page-encadrement .choix-cadre .choix-cadre-colors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    float: right;
    padding: 2%;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .choix-cadre .choix-cadre-colors {
        flex-direction:column;
        justify-content: space-between;
        padding: 20px 30px;
        text-align: center;
        width: 57%
    }
}

.page-encadrement .choix-cadre .choix-cadre-colors .choix-cadre-text {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%
}

.page-encadrement .choix-cadre .choix-cadre-colors .cadre-color {
    height: 40px;
    margin-bottom: 15px;
    min-width: 117px;
    padding-left: 40px;
    position: relative;
    width: 50%
}

@media (min-width: 768px) {
    .page-encadrement .choix-cadre .choix-cadre-colors .cadre-color {
        width:33%
    }
}

@media (min-width: 980px) {
    .page-encadrement .choix-cadre .choix-cadre-colors .cadre-color {
        width:100%
    }
}

.page-encadrement .choix-cadre .choix-cadre-colors .cadre-color .color-patch {
    border-radius: 50%;
    display: inline-block;
    height: 28px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px
}

@media (min-width: 980px) {
    .page-encadrement .choix-cadre .choix-cadre-colors .cadre-color .color-patch {
        left:20%
    }
}

.page-encadrement .choix-cadre .choix-cadre-colors .cadre-color .color-name {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    line-height: 40px
}

.page-encadrement .choix-cadre .cadre-img {
    display: flex;
    float: right;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .choix-cadre .cadre-img {
        width:43%
    }
}

.page-encadrement .choix-cadre .cadre-img img {
    margin: auto;
    max-width: 100%
}

.page-encadrement .detail-cadre .detail-img {
    height: 315px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .detail-cadre .detail-img {
        float:left;
        height: auto;
        margin-bottom: 20px;
        width: 30%
    }
}

.page-encadrement .detail-cadre .detail-img img {
    max-width: 100%;
    transform: translateY(-33%)
}

@media (min-width: 980px) {
    .page-encadrement .detail-cadre .detail-img img {
        transform:inherit
    }
}

.page-encadrement .detail-cadre .detail-cadre-text {
    float: right;
    margin: 010px auto 30px auto;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .detail-cadre .detail-cadre-text {
        margin:0 auto 30px auto;
        width: 67%
    }
}

.page-encadrement .detail-cadre .cta-blue {
    margin-top: 30px;
    max-width: 300px
}

.page-encadrement .detail-cadre ul {
    margin-bottom: 10px;
    padding-top: 0;
    overflow: hidden;
    padding-left: 2.5rem;
    width: 100%
}

@media (min-width: 980px) {
    .page-encadrement .detail-cadre ul {
        margin-top:30px
    }
}

.page-encadrement .detail-cadre ul li {
    list-style: disc
}

.encadrement-produit {
    display: block
}

.encadrement-produit h1 {
    margin: 2rem 0
}

.encadrement-produit .title-produit {
    white-space: nowrap
}

.encadrement-produit .title-produit h1 {
    display: inline-block
}


.encadrement-produit .title-produit-2 {
    margin: 2rem 0;
    
}

.encadrement-produit .title-produit-2 h1 {
    display: inline-block
}


.encadrement-produit .container-produit {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3rem
}

.encadrement-produit .container-produit .item-produit {
    text-align: center
}

.encadrement-produit .container-produit .item-produit .encadrement-title {
    text-transform: uppercase
}

.encadrement-produit .container-produit .item-produit .img-alu {
    width: 183px
}

.encadrement-produit .container-produit .item-produit img {
    display: table;
    height: auto;
    max-width: 100%;
    width: 100%
}

.encadrement-produit .container-produit .item-produit a {
    text-decoration: none;
    color: #333
}

@media (max-width: 980px) {
    .encadrement-produit .container-produit {
        flex-wrap:wrap;
        justify-content: space-between
    }

    .encadrement-produit .container-produit .item-produit {
        flex-basis: calc(50% - 2rem)
    }

    .encadrement-produit .container-produit .item-produit .img-alu {
        width: 100%
    }
}

.filariane_Professionnels {
    margin: 1rem 2.5rem
}

.professionnal .professionnal-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.2rem;
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-align: center
}

@media (min-width: 1024px) {
    .professionnal .professionnal-title {
        margin-bottom:4rem;
        margin-top: 5rem
    }
}

.professionnal .professionnal-txt {
    margin: 15px auto;
    text-align: center;
    width: 100%
}

@media (min-width: 1024px) {
    .professionnal .professionnal-txt {
        max-width:760px
    }
}

.professionnal .bloc-devis .show-devis {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-right: 50px;
    position: relative
}

.professionnal .bloc-devis .show-devis::after {
    background-image: url(../images/icon/Chevron_FFF.svg);
    background-repeat: no-repeat;
    content: " ";
    height: 13px;
    position: absolute;
    right: 20px;
    transform: rotate(90deg) translateX(-50%);
    top: 50%;
    width: 10px
}

.professionnal .bloc-devis .show-devis.opened::after {
    transform: rotate(270deg) translateX(0);
    top: inherit
}

.professionnal .bloc-devis #contact_profesional {
    display: none
}

.professionnal #contact_profesional {
    margin: 20px auto;
    max-width: 800px
}

.professionnal .choisir-zeinberg {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    padding: 0 0 20px 0;
    text-align: left;
    max-width: 95%;
    width: 100%
}

@media (min-width: 980px) {
    .professionnal .choisir-zeinberg {
        text-align:center
    }
}

@media (min-width: 1400px) {
    .professionnal .choisir-zeinberg {
        justify-content:space-between
    }
}

.professionnal .choisir-zeinberg .choisir-zeinberg-bloc {
    margin-bottom: 5px;
    width: 100%
}

@media (min-width: 1024px) {
    .professionnal .choisir-zeinberg .choisir-zeinberg-bloc {
        margin-bottom:25px;
        padding: 0 13px;
        width: 20%;
        width: 20%;
        min-width: 200px
    }
}

.professionnal .choisir-zeinberg .choisir-zeinberg-bloc .choisir-zeinberg-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.professionnal .choisir-zeinberg .choisir-zeinberg-bloc img {
    float: left;
    height: 100%;
    margin: 10px auto;
    max-width: 70px;
    padding: 25px 25px 15px 0;
    width: auto
}

@media (min-width: 1024px) {
    .professionnal .choisir-zeinberg .choisir-zeinberg-bloc img {
        float:none;
        height: 50px;
        margin: 10px auto;
        max-width: inherit;
        padding: 0
    }
}

.professionnal .choisir-zeinberg .choisir-zeinberg-wording {
    padding: 0 10%
}

.professionnal .choisir-zeinberg .choisir-zeinberg-btn {
    text-align: center;
    width: 100%
}

.professionnal .pro-confiance {
    margin-bottom: 5rem;
    display: inline-flex;
}

.professionnal .pro-confiance .pro-confiance-bloc {
    padding: 2px;
}

@media (min-width: 980px) {
    .professionnal .pro-confiance .pro-confiance-bloc {
        padding:5px
    }
}

.professionnal .pro-confiance .pro-confiance-bloc figure figcaption {
    align-items: center;
    color: #999;
    display: flex;
    font: normal normal 500 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 1.4rem;
    justify-content: center;
    height: 60px;
    padding: 0 10px;
    position: unset;
    text-align: center;
    transform: unset
}

@media (min-width: 1024px) {
    .professionnal .pro-confiance .pro-confiance-bloc figure figcaption {
        font-size:1.5rem
    }
}

.professionnal .solution {
    display: flex;
    flex-direction: column
}

@media (min-width: 1024px) {
    .professionnal .solution {
        flex-direction:row
    }
}

.professionnal .solution img {
    width: 100%;
    object-fit: cover
}

@media (min-width: 1024px) {
    .professionnal .solution img {
        width:50%
    }
}

.professionnal .solution div {
    background-color: #DBE4F5;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    width: 100%
}

@media (min-width: 1024px) {
    .professionnal .solution div {
        width:50%
    }
}

.professionnal .solution div p:first-of-type {
    margin-top: 0
}

@media (min-width: 1024px) {
    .professionnal .solution div p:first-of-type {
        margin-top:13rem
    }
}

.professionnal .solution div p:last-of-type {
    margin-bottom: 2rem;
    margin-top: 1rem
}

@media (min-width: 1024px) {
    .professionnal .solution div p:last-of-type {
        margin-bottom:inherit;
        margin-top: 2rem
    }
}

.professionnal .pro-bottom {
    margin-bottom: 2rem
}

.professionnal .pro-bottom>div {
    background-color: #DBE4F5;
    margin-bottom: 2rem;
    padding-bottom: 20px;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .professionnal .pro-bottom>div {
        float:left;
        height: 350px;
        width: 49%
    }

    .professionnal .pro-bottom>div:last-child {
        float: right
    }
}

@media (min-width: 1024px) {
    .professionnal .pro-bottom>div {
        height:450px
    }
}

.professionnal .pro-bottom>div img {
    margin: auto;
    max-width: 100%
}

.professionnal .pro-bottom>div p:first-of-type {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.pro-bloc-quote {
    background-color: #293553;
    color: #fff;
    height: 100px;
    margin-bottom: 6rem;
    margin-top: 4rem;
    padding-top: 20px;
    text-align: center
}

@media (min-width: 1024px) {
    .pro-bloc-quote {
        height:150px;
        line-height: 90px;
        padding: 3rem
    }
}

.pro-bloc-quote span {
    display: inline-block;
    font-size: 1.8rem;
    width: 240px
}

@media (min-width: 1024px) {
    .pro-bloc-quote span {
        font-size:3.5rem;
        margin: 0 50px;
        width: auto
    }
}

.pro-bloc-quote img {
    width: 30px
}

@media (min-width: 1024px) {
    .pro-bloc-quote img {
        width:50px
    }
}

.pro-bloc-quote img:first-child {
    vertical-align: top
}

.pro-bloc-quote img:last-child {
    transform: rotateY(180deg);
    vertical-align: bottom
}

.success {
    display: none;
    margin: 30px auto
}

@media (min-width: 1024px) {
    .success {
        width:80%
    }
}

.block-professionnels {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 80px;
    margin: 2rem 0
}

@media (min-width: 980px) {
    .block-professionnels {
        flex-direction:row;
        text-align: center;
        margin: 6rem 10rem
    }
}

.block-professionnels .link_redirection {
    color: #000
}

.block-professionnels .link_redirection:hover {
    color: #293553
}

.block-professionnels .professionnels {
    background-color: #DBE4F5;
    padding-bottom: 15px;
    width: 100%
}

@media (min-width: 980px) {
    .block-professionnels .professionnels {
        width:34%
    }
}

.block-professionnels .professionnels img {
    max-width: 100%
}

.block-professionnels .professionnels-text {
    padding: 0 10px;
    cursor: pointer
}

@media (min-width: 980px) {
    .block-professionnels .professionnels-text {
        padding:0 20px
    }
}

.block-professionnels .professionnels-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2rem;
    margin-top: 20px
}

.block-professionnels .professionnels-description {
    margin: auto
}

@media (max-width: 768px) {
    .block-professionnels {
        gap:30px
    }
}

@media (max-width: 768px) {
    .owl-carousel .nav-right {
        right:10px
    }

    .owl-carousel .nav-left {
        left: 10px
    }

    .icon-angle-left {
        color: #fff
    }

    .icon-angle-right {
        color: #fff
    }

    .slider-pro .owl-nav.disabled {
        display: flex
    }
}

.labo-bloc-haut {
    color: #fff;
    margin-top: 30px;
    overflow: hidden;
    position: relative
}

.labo-bloc-haut img {
    height: auto;
    min-height: 255px;
    left: 0;
    max-width: 150%
}

.labo-bloc-haut .labo-bloc-haut-wordings {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.4rem;
    margin: 5% auto;
    padding: 10px 10%;
    position: absolute;
    text-align: left;
    top: 0
}

@media (min-width: 980px) {
    .labo-bloc-haut .labo-bloc-haut-wordings {
        text-align:center
    }
}

@media (min-width: 1024px) {
    .labo-bloc-haut .labo-bloc-haut-wordings {
        font-size:3.6rem;
        padding: 100px 14%
    }
}

.labo-desc {
    display: flex;
    flex-direction: column
}

@media (min-width: 980px) {
    .labo-desc {
        flex-direction:row
    }
}

.labo-desc .labo-desc-bloc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

@media (min-width: 980px) {
    .labo-desc .labo-desc-bloc {
        text-align:justify
    }
}

.labo-desc .labo-desc-bloc img {
    margin: 20px auto 15px auto;
    max-width: 100%
}

@media (min-width: 980px) {
    .labo-desc .labo-desc-bloc img {
        height:inherit;
        margin-bottom: 0;
        max-width: 100%
    }
}

@media (min-width: 980px) {
    .labo-desc .labo-desc-bloc:first-of-type {
        margin-right:2%
    }
}

@media (min-width: 980px) {
    .labo-desc .labo-desc-bloc:last-of-type {
        margin-left:2%
    }
}

.labo-desc .labo-desc-bloc:last-of-type img {
    margin-bottom: 0
}

.labo-bloc-galeries .bloc-txt {
    width: 100%
}

.labo-bloc-galeries .bloc-images {
    margin-bottom: 15px;
    width: 100%
}

@media (min-width: 980px) {
    .labo-bloc-galeries .bloc-images {
        float:left;
        width: 49%
    }
}

.labo-bloc-galeries .bloc-images img {
    max-width: 100%;
    width: 100%
}

.labo-bloc-galeries .bloc-video {
    width: 100%
}

@media (min-width: 980px) {
    .labo-bloc-galeries .bloc-video {
        float:right;
        width: 49%
    }
}

.labo-bloc-galeries .bloc-video .embed-container {
    clear: both;
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.labo-bloc-galeries .bloc-video .embed-container iframe,.labo-bloc-galeries .bloc-video .embed-container object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8
}

.labo-bloc-galeries .bloc-btn {
    margin-top: 15px;
    width: 100%;
    overflow: hidden
}

.labo-bloc-img {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.tarif .bloc-tarifs-list .tarifs-finition-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin: 20px 0 10px 0
}

.tarif .bloc-tarifs-list .tarifs-format-title {
    display: inline-block;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    min-width: 170px;
    width: 55%
}

.tarif .bloc-tarifs-list .tarifs-format-title i {
    font: italic normal 400 normal 1.6rem/1.5 "Figtree",sans-serif
}

.tarif .bloc-tarifs-list .tarifs-format-price {
    display: block;
    float: right;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-align: center;
    width: 40%
}

.tarif .bloc-tarifs-list .tarifs-list-bloc-finitions {
    margin-left: 20px
}

.tarif .bloc-tarifs-list {
    display: block
}

.tarif table {
    display: none
}

@media (min-width: 980px) {
    .tarif .bloc-tarifs-list {
        display:none
    }

    .tarif table {
        display: table
    }
}

.tarif table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%
}

.tarif tr {
    border-bottom: 1px solid #0087CC
}

.tarif th {
    padding: 5px
}

.tarif th p {
    color: #525252;
    font-size: 1.2rem;
    margin-top: 0
}

.tarif th p:first-child {
    color: #191919;
    font-size: 1.6rem;
    margin-bottom: 10px;
    text-transform: uppercase
}

.tarif thead th {
    padding-bottom: 20px;
    text-align: center
}

.tarif td {
    text-align: center
}

.tarif .delivery-table * {
    padding-right: 0;
    text-align: center
}

.tarif .delivery-table *:first-child {
    text-align: left
}

.tarif .delivery table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2.5rem
}

.tarif .delivery tr {
    border-bottom: 1px solid #0087CC
}

.tarif .delivery th {
    font-size: 1.2rem
}

@media (max-width: 768px) {
    .tarif .delivery th {
        font-size:.7rem
    }
}

@media (max-width: 380px) {
    .tarif .delivery th {
        font-size:5px
    }
}

.tarif .delivery img {
    margin: auto
}

.tarif .delivery td {
    vertical-align: middle;
    text-align: center
}

.tarif .delivery th,.tarif .delivery td {
    padding: .5rem
}

.tarif .delivery .table-right {
    border-left: 1px solid #0087CC
}

.tarif .delivery legend {
    margin-top: 2.5rem
}

.tarif .delivery legend p {
    font-size: 1.2rem
}

.tarif .delivery .box-iframe {
    margin-top: 2.5rem
}

.tarif .delivery .tarif .bloc-tarifs-list .tarifs-format-title {
    width: 71%
}

.tarif .delivery .tarif .bloc-tarifs-list .tarifs-format-price {
    width: 22%
}

.tarif .delivery-infos {
    margin-top: 20px
}

.listing-articles {
    margin: 30px auto 0 auto
}

.listing-articles article {
    border-bottom: 1px solid #999;
    margin-bottom: 25px;
    padding-bottom: 25px
}

.listing-articles article .listing-article-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.2rem
}

.listing-articles article .listing-article-title a:hover {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.2rem
}

@media (min-width: 980px) {
    .listing-articles article .listing-article-date {
        margin-bottom:10px
    }
}

.listing-articles article .listing-article-content {
    width: 100%
}

@media (min-width: 980px) {
    .listing-articles article .listing-article-content {
        float:left;
        margin-right: 2%;
        width: 53%
    }
}

.listing-articles article .listing-article-img {
    margin: 15px auto;
    width: 100%
}

@media (min-width: 980px) {
    .listing-articles article .listing-article-img {
        float:right;
        margin: 0;
        width: 45%
    }
}

.listing-articles article .cta-blue {
    margin: 20px 0 0 0
}

.page-article article {
    margin: 30px auto 0 auto;
    max-width: 980px
}

.page-article article .article-title {
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    font-size: 2.2rem
}

.page-article article img {
    margin: auto;
    max-height: 600px;
    max-width: 100%;
    width: auto
}

.page-article article ul {
    margin-left: 3%;
    list-style-type: disc
}

.page-article article ul li {
    list-style: inside
}

.page-article article a {
    font-weight: 700;
    color: #124C9B
}

.page-article article a:hover {
    color: #0087cc
}

.page-article article p.caption {
    color: grey;
    text-align: center
}

.contact-bloc-haut {
    background-image: url(../images/contact/SliderContact.jpg);
    background-position-y: 30%;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    height: 160px;
    text-align: center
}

@media (min-width: 980px) {
    .contact-bloc-haut {
        height:320px
    }
}

.contact-bloc-haut .contact-bloc-haut-wordings {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 2.5rem;
    line-height: 160px
}

@media (min-width: 980px) {
    .contact-bloc-haut .contact-bloc-haut-wordings {
        font-size:3.5rem;
        line-height: 320px
    }
}

.contact-bloc-infos {
    font-size: 2rem;
    margin: 30px auto
}

.contact-bloc-infos .bloc-infos-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-transform: uppercase
}

.contact-bloc-infos .bloc-infos-title img {
    margin: 0 20px;
    vertical-align: middle;
    max-width: 80px
}

.contact-bloc-infos .contact-bloc-infos-commande {
    text-align: left;
    width: 100%
}

@media (min-width: 980px) {
    .contact-bloc-infos .contact-bloc-infos-commande {
        border-right:3px solid #ccc;
        float: left;
        padding: 0 5%;
        width: 49%
    }
}

.contact-bloc-infos .contact-bloc-infos-conseils {
    width: 100%;
    margin-top: 40px
}

@media (min-width: 980px) {
    .contact-bloc-infos .contact-bloc-infos-conseils {
        float:right;
        margin-top: 0;
        padding: 0 5%;
        text-align: right;
        width: 49%
    }
}

@media (min-width: 980px) {
    .contact-bloc-infos .contact-bloc-infos-conseils .bloc-infos-title {
        justify-content:flex-end
    }
}

.contact-bloc-infos .contact-bloc-infos-conseils img {
    max-width: 55px
}

.contact-Form-infos {
    background-color: #efefef;
    font-size: 1.8rem;
    padding: 15px;
    text-align: center
}

.contact-Form {
    width: 100%
}

@media (min-width: 1024px) {
    .contact-Form {
        margin:auto;
        max-width: 760px;
        width: 80%
    }
}

.contact-Form label {
    text-transform: uppercase
}

.contact-Form select,.contact-Form input,.contact-Form option {
    color: #191919 !important
}

.contact-Form select *,.contact-Form input *,.contact-Form option * {
    color: #191919 !important
}

.contact-Form input::placeholder {
    color: #999
}

.contact-Form .civility span {
    text-transform: uppercase
}

.contact-Form .civility input {
    margin-left: 15px
}

.contact-Form .civility label {
    margin-left: 0;
    text-transform: capitalize
}

.contact-Form .indentity {
    margin: 15px auto;
    width: 100%
}

.contact-Form .indentity fieldset {
    margin: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .contact-Form .indentity fieldset {
        float:left;
        width: 48%
    }

    .contact-Form .indentity fieldset:last-child {
        float: right
    }
}

.contact-Form .required-legend {
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    text-align: right
}

.contact .bloc-steps {
    background-color: #fff
}

.page-gallery .page-gallery-infos {
    line-height: 1.5;
    margin: 20px auto auto;
    width: 100%
}

@media (min-width: 1400px) {
    .page-gallery .page-gallery-infos {
        width:80%
    }
}

.page-gallery .page-gallery-infos .page-gallery-contact {
    border-bottom: 1px solid #0087CC;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%
}

@media (min-width: 980px) {
    .page-gallery .page-gallery-infos .page-gallery-contact {
        border-bottom:none;
        float: left;
        margin-bottom: 0;
        padding: 0 5%;
        width: 50%
    }
}

@media (min-width: 1024px) {
    .page-gallery .page-gallery-infos .page-gallery-contact {
        padding:0 10%
    }
}

.page-gallery .page-gallery-infos .page-gallery-contact-title {
    color: #293553;
    font-size: 3.6rem
}

.page-gallery .page-gallery-infos .page-gallery-contact-address {
    border-bottom: 1px solid #0087CC;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.page-gallery .page-gallery-infos .page-gallery-hours {
    width: 100%
}

@media (min-width: 980px) {
    .page-gallery .page-gallery-infos .page-gallery-hours {
        border:1px solid #0087CC;
        float: right;
        margin-bottom: 15px;
        max-width: 450px;
        padding: 10px 3% 15px;
        width: 50%
    }
}

.page-gallery .page-gallery-infos .page-gallery-hours-title {
    color: #293553;
    font-size: 2rem
}

@media (min-width: 980px) {
    .page-gallery .page-gallery-infos .page-gallery-hours-title {
        font:normal normal 700 normal 1.5rem / 1.5 "Figtree", sans-serif
    }
}

.page-gallery .page-gallery-infos .page-gallery-hours-day {
    text-transform: uppercase;
    display: inline-block;
    width: 135px
}

.page-gallery .page-gallery-infos .page-gallery-hours .separateur {
    display: inline-block;
    text-align: center;
    width: 15px
}

.page-gallery .page-gallery-infos .page-gallery-hours .empty-hours {
    display: inline-block;
    text-align: center;
    width: 15px
}

.page-gallery .page-gallery-map {
    margin: auto;
    width: 100%
}

@media (min-width: 1400px) {
    .page-gallery .page-gallery-map {
        width:80%;
        margin-top: 20px
    }
}

.page-gallery .page-gallery-map .locator .galleries-locator {
    background-color: #fff
}

.page-gallery .page-gallery-custom_contente {
    margin: auto;
    width: 100%
}

@media (min-width: 1400px) {
    .page-gallery .page-gallery-custom_contente {
        width:80%;
        margin-top: 20px
    }
}

.page-gallery .page-gallery-custom_contente a {
    font-weight: 700;
    color: #124C9B
}

.page-gallery .page-gallery-custom_contente a:hover {
    color: #0087cc
}

.points-spinner {
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.page-spinner {
    height: 1200px
}

.page-spinner .bg-spinner {
    background-color: #fff;
    height: 1000%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 8
}

.hidden {
    display: none
}

@media screen and (min-width: 768px) {
    .pipresentation {
        width:600px;
        height: 500px;
        display: flex;
        justify-content: center;
        margin: 2rem auto 0 auto
    }
}

@media screen and (min-width: 520px) and (max-width: 768px) {
    .pipresentation {
        width:420px;
        height: 320px;
        display: flex;
        justify-content: center;
        margin: 2rem auto 0 auto
    }
}

@media screen and (max-width: 520px) {
    .pipresentation {
        width:320px;
        height: 260px;
        display: grid;
        justify-content: center;
        margin: 2rem auto 0 auto
    }
}

#cropper-container {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 2rem
}

#cropper-container .btns-crop {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.configurator {
    margin: 0 auto 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 7%;
    row-gap: 0
}

@media only screen and (max-width: 981px) {
    .configurator {
        grid-gap:0%
    }
}

@media only screen and (max-width: 981px) {
    .configurator {
        grid-template-columns:1fr
    }
}

@media only screen and (max-width: 768px) {
    .configurator {
        display:block
    }

    .configurator .configurator-img-zone {
        position: sticky;
        top: 0px
    }
}

.configurator .counter-character {
    text-align: right;
    font-size: 11px;
    color: grey
}

.configurator .configurator-zone {
    width: 100%;
    background-color: #fff
}

@media (min-width: 1024px) {
    .configurator .configurator-zone {
        height:100%;
        padding-bottom: 5rem
    }
}

.configurator .configurator-img-zone {
    background-color: #fff;
    width: 100%;
    z-index: 8
}

.configurator .configurator-img-zone .pipresentation-carousel {
    position: sticky;
    top: 80px;
    display: grid;
    grid-template-columns: 1fr
}

@media (max-width: 981px) {
    .configurator .configurator-img-zone.scrolled {
        box-shadow:0px 4px 1px 0px #6f6f6f1a;
        padding-top: 0.5rem
    }

    .configurator .configurator-img-zone.scrolled .pic-presentation {
        transform: scale(0.9) translateY(25px);
        transition: all linear .5s
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns {
        margin-top: 2rem
    }
}

@media (max-width: 981px) and (max-width: 981px) {
    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button {
        background-color:#fff;
        height: 20px;
        margin: 0 0.5rem;
        width: 20px
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button:focus {
        outline: none
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button img {
        display: none
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button .dot {
        background-color: #fff;
        border: 1px solid #D2D2D2;
        border-radius: 50%;
        display: block;
        height: 16px;
        width: 16px
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button.active {
        border: none
    }

    .configurator .configurator-img-zone.scrolled .pipresentation-carousel .pic_btns .pic-button.active .dot {
        background-color: #EBEBEB
    }
}

.configurator .configurator-img-zone.pic_btns.img_zone_conf {
    padding-top: 1rem
}

.configurator .configurator-img-zone.pic_btns.img_zone_conf .configurator-img {
    margin-top: 2rem;
    padding-top: 0;
    transform: scale(0.76) translateY(-70px)
}

@media (min-width: 768px) {
    .configurator .configurator-img-zone.pic_btns.img_zone_conf .configurator-img {
        transform:scale(0.7) translateY(-170px)
    }
}

@media (min-width: 981px) {
    .configurator .configurator-img-zone.pic_btns.img_zone_conf .configurator-img {
        transform:inherit
    }
}

.configurator .configurator-img-zone .pic_btns {
    text-align: center;
    width: 100%
}

.configurator .configurator-img-zone .pic_btns .pic-button {
    background-color: #fff;
    height: 44px;
    width: 44px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1.5rem
}

@media (min-width: 981px) {
    .configurator .configurator-img-zone .pic_btns .pic-button {
        width:60px;
        height: 60px
    }
}

@media (max-width: 981px) {
    .configurator .configurator-img-zone .pic_btns .pic-button {
        margin-top:-0.5rem
    }
}

.configurator .configurator-img-zone .pic_btns .pic-button .dot {
    display: none
}

.configurator .configurator-img-zone .pic_btns .pic-button img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.configurator .configurator-img-zone .pic_btns .pic-button#rotate_left img,.configurator .configurator-img-zone .pic_btns .pic-button#rotate_right img {
    width: 40px;
    height: 40px
}

.configurator .configurator-img-zone .pic_btns.btns-conf {
    margin-top: 2rem
}

@media (min-width: 981px) {
    .configurator .configurator-img-zone .pic_btns.btns-conf .pic-button {
        background-color:#EBEBEB;
        border-radius: 5px
    }
}

.configurator .configurator-img-zone .pic_btns.btns-conf .pic-button.active {
    border: 1px solid #0087CC
}

.configurator .configurator-img-zone .pic_btns.btns-conf .pic-button .situ img {
    border-radius: 5px
}

.configurator .form-block-title {
    color: #191919;
    font-family: Open Sans Bold;
    margin-top: 2rem;
    padding-left: 1.2rem;
    font-size: 16px
}

.configurator .form-block-title img {
    width: 2rem;
    margin-right: 1rem
}

.configurator .form-block-title .mark {
    background-color: #293553;
    height: 5px;
    margin-bottom: 1rem;
    margin-left: 5.5rem;
    padding: 0;
    width: 30px
}

.configurator .configurator-form-zone {
    margin: 1rem 0;
    width: 100%;
    height: 100%
}

.configurator .configurator-form-zone.overflow {
    max-width: 800px;
    overflow: hidden
}

@media (max-width: 768px) {
    .configurator .configurator-form-zone.overflow {
        overflow:unset
    }
}

.configurator .configurator-form-zone .configurator-form-block {
    width: 100%;
    font-size: 1.3rem;
    font-family: Open Sans
}

.configurator .configurator-form-zone .configurator-form-block .form-block-subtitle,.configurator .configurator-form-zone .configurator-form-block .form-block-subtitle_contact {
    margin-bottom: 2rem
}

.configurator .configurator-form-zone .configurator-form-block.format .select_carousel_item .content .legend {
    position: absolute;
    bottom: 0;
    width: 100%
}

.configurator .configurator-form-zone .configurator-form-block.format .select_carousel_item .content .legend .format_visual_dimensions {
    font-family: Open Sans Bold
}

.configurator .configurator-form-zone .configurator-form-block.format .select_carousel_item .content .legend .visual_name {
    font-family: "Figtree", sans-serif;
    font-size: 1.2rem
}

.configurator .configurator-form-zone .configurator-form-block.format .block-format-encadre {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1rem;
    align-items: center
}

@media (max-width: 981px) {
    .configurator .configurator-form-zone .configurator-form-block.format .block-format-encadre {
        grid-template-columns:1fr
    }
}

.configurator .configurator-form-zone .configurator-form-block.format .format-info #mpixOfCrop {
    font-family: Open Sans Bold
}

.configurator .configurator-form-zone .configurator-form-block.finition .finition_selector {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.configurator .configurator-form-zone .configurator-form-block.finition .finition_selector.no_grid {
    display: block
}

.configurator .configurator-form-zone .configurator-form-block.finition .finition_selector .more_finishing {
    color: #525252;
    cursor: pointer;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center
}

.configurator .configurator-form-zone .configurator-form-block.finition .finition_selector .more_finishing img {
    height: 35px;
    width: 35px;
    margin: 0 auto
}

.configurator .configurator-form-zone .configurator-form-block.finition .finition_selector .more_finishing p {
    margin: 0 auto
}

.configurator .configurator-form-zone .configurator-form-block.mounting {
    position: relative
}

.configurator .configurator-form-zone .configurator-form-block.mounting .mounting_visual.disabled {
    display: none
}

.configurator .configurator-form-zone .configurator-form-block.recadrage {
    margin-bottom: 2rem
}

@media (min-width: 981px) {
    .configurator .configurator-form-zone .configurator-form-block.recadrage {
        margin-bottom:inherit
    }
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .form-block-title {
    cursor: pointer;
    background-color: #EBEBEB;
    font-size: 1.5rem;
    padding: 1.4rem;
    position: relative
}

@media (min-width: 768px) {
    .configurator .configurator-form-zone .configurator-form-block.recadrage .form-block-title {
        font-size:1.6rem
    }
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .form-block-title::after {
    background-image: url(../images/icon/chevron-down-black.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 20px;
    right: 5px;
    position: absolute;
    transform: translateY(-50%) rotate(-90deg);
    top: 50%;
    width: 20px
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .form-block-subtitle {
    margin-top: 2rem
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .form-block-subtitle span {
    color: #293553;
    display: inline-block;
    float: right;
    text-transform: uppercase
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .orientation_selector_list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2%
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .orientation_selector_list .orientation_selector {
    border: 1px solid #CAE5F3;
    cursor: pointer;
    padding: 0 1rem;
    text-align: center
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .orientation_selector_list .orientation_selector.disabled {
    color: #838383;
    background-color: #D2D2D2;
    cursor: not-allowed
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .orientation_selector_list .orientation_selector.selected {
    background-color: #CAE5F3
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .ratio_selector .react-gridselect {
    grid-template-columns: repeat(2, 1fr)
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .ratio_selector .react-gridselect .item {
    padding: 1rem;
    margin: 0.5rem;
    height: 80px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 4%;
    justify-content: center;
    align-items: center
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .ratio_selector .react-gridselect .item .ratio_draw {
    font-size: 10px;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    align-items: center;
    background-color: #fff
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .ratio_selector .react-gridselect .item .ratio_text {
    font-size: 16px
}

@media (max-width: 768px) {
    .configurator .configurator-form-zone .configurator-form-block.recadrage .ratio_selector .react-gridselect .item .ratio_text {
        font-size:14px
    }
}

.configurator .configurator-form-zone .configurator-form-block.recadrage .ration_not_found {
    display: inline-block;
    margin-top: 2rem
}

.configurator .configurator-form-zone .configurator-form-block.certificat .open-certificat {
    background-color: #F4F9FC;
    cursor: pointer;
    padding: 1rem 1.5rem;
    position: relative;
    margin: 1rem 0
}

.configurator .configurator-form-zone .configurator-form-block.certificat .open-certificat::after {
    background-image: url(../images/icon/modify-26488E.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 20px;
    right: 1.5rem;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    width: 20px
}

.configurator .configurator-form-zone .configurator-form-block.certificat .open-certificat.active {
    display: none
}

.configurator .configurator-form-zone .configurator-form-block.certificat label {
    font-family: Open Sans Bold
}

.configurator .configurator-form-zone .configurator-form-block.certificat input {
    border: none;
    margin-bottom: 1rem;
    padding: 0 8px;
    width: 100%;
    height: 40px
}

.configurator .configurator-form-zone .configurator-form-block.certificat textarea {
    border: none;
    min-height: 12rem
}

.configurator .configurator-form-zone .configurator-form-block.certificat .certificate_form {
    background-color: #F4F9FC;
    font-size: 1.4rem;
    margin: 0.5rem 0;
    padding: 1rem 1.5rem 5rem 1.5rem
}

.configurator .configurator-form-zone .configurator-form-block *.longText .visual_name {
    line-height: 1.1rem;
    margin: auto;
    width: 100px
}

.configurator .configurator-form-zone .validRecadrage {
    background-color: #fff;
    color: #293553;
    cursor: pointer;
    font-family: Open Sans SemiBold;
    height: 50px;
    margin-top: 1rem;
    text-decoration: underline;
    position: sticky;
    bottom: 0;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    align-items: center;
    font-size: 16px
}

@media (min-width: 981px) {
    .configurator .configurator-form-zone .validRecadrage {
        height:80px
    }
}

.configurator-bottom {
    background-color: #fff;
    padding: 2.5rem 0 1rem 0;
    position: sticky;
    width: 100%;
    z-index: 6;
    bottom: 0
}

@media (max-width: 768px) {
    .configurator-bottom {
        margin-bottom:2rem
    }
}

.configurator-bottom .arrow-scroll {
    position: absolute;
    bottom: 102%;
    right: 0%;
    width: 20px;
    height: 20px
}

.configurator-bottom .configurator-form-block {
    margin: auto
}

.configurator-bottom .configurator-btns {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 45px;
    margin: 0 0 1rem
}

@media (min-width: 981px) {
    .configurator-bottom .configurator-btns {
        padding:0;
        flex-direction: row;
        justify-content: space-around
    }
}

@media (min-width: 1025px) {
    .configurator-bottom .configurator-btns {
        justify-content:end
    }
}

.configurator-bottom .configurator-btns span {
    width: 100%
}

.configurator-bottom .configurator-btns .cta-blue {
    width: 100%
}

.configurator-bottom .configurator-btns .cta-blue#step_one_validate {
    margin-top: 0;
    align-items: center;
    flex-direction: row
}

@media (min-width: 981px) {
    .configurator-bottom .configurator-btns .cta-blue#step_one_validate {
        align-self:flex-end
    }
}

.configurator-bottom .configurator-btns .cta-blue#step_one_validate i:before {
    font-size: 3.2rem
}

@media (min-width: 981px) {
    .configurator-bottom .configurator-btns .cta-blue#addCart {
        float:right;
        position: inherit
    }
}

.configurator-bottom .configurator-btns .cta-blue#step_one_catalog {
    display: none
}

.configurator-bottom .configurator-form-block {
    max-width: 100%;
    width: 100%
}

.configurator-bottom .price {
    margin-bottom: 0.5rem;
    font-size: 18px
}

.configurator-bottom .price .totalPrice {
    color: #293553;
    display: inline-block;
    font-family: Open Sans Bold;
    float: right
}

.configurator-bottom .price span {
    font-family: Open Sans Bold
}

.configurator-bottom .price span:nth-child(2) {
    color: #293553
}

.bloc-insitu {
    display: none;
    height: 100%
}

.bloc-insitu .btn-situ-perso {
    display: none
}

.bloc-insitu .picPresentation .btn-situ-perso {
    display: flex;
    position: absolute;
    left: 5px;
    top: 10px;
    z-index: 1
}

@media (min-width: 981px) {
    .bloc-insitu .picPresentation .btn-situ-perso {
        top:5px
    }
}

.pic-presentation {
    place-self: center
}

.currenct_image_error {
    text-align: center;
    height: 50vh;
    display: grid;
    grid-template-columns: 1fr
}

.currenct_image_error h2 {
    margin-top: auto
}

@media (max-width: 768px) {
    div.pic-presentation-selector {
        bottom:-30px !important;
        left: 0px !important;
        display: inline-flex;
        width: 100% !important
    }
}

@media (min-width: 768px) {
    div.pic-presentation-selector {
        bottom:10px !important;
        left: 20px !important;
        margin: 0rem 0rem 15px 2rem
    }
}

div.evq-select {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    width: 75%;
    background-color: white;
    position: relative;
    top: 10px
}

div.evq-select.multiple div.evq-select-value>span.tag {
    margin-right: 0.5rem;
    display: inline-block
}

div.evq-select div.evq-select-value {
    box-sizing: border-box;
    border: 1px solid #d7d7d7 !important;
    border-radius: 0 !important;
    color: #444;
    cursor: pointer;
    height: 34px;
    padding: 0 8px
}

div.evq-select div.evq-select-value span.evq-select-placeholder {
    color: grey
}

div.evq-select div.evq-select-value span.down {
    float: right;
    font-size: 0.8rem;
    position: relative;
    top: 3px
}

div.evq-select div.evq-select-value.disabled {
    background-color: lightgrey;
    color: grey
}

div.evq-select div.evq-select-dropdown {
    box-sizing: border-box;
    position: absolute;
    z-index: 100;
    background-color: #ffffff;
    border-style: solid;
    border-color: #d7d7d7;
    border-width: 0px 1px 1px 1px;
    border-radius: 0 !important;
    width: 100%
}

div.evq-select div.evq-select-dropdown input {
    box-sizing: border-box;
    margin: 0.4rem;
    width: calc(100% - 0.4rem * 2)
}

div.evq-select div.evq-select-list {
    overflow: auto;
    padding: 0rem 0.4rem 0rem 0.4rem;
    max-height: 20rem;
    margin-top: 0.4rem
}

div.evq-select div.evq-select-list div.evq-select-group {
    margin-left: 0.4rem
}

div.evq-select div.evq-select-list div.evq-select-group ul {
    padding-left: 0.8rem;
    margin-bottom: 1rem
}

div.evq-select div.evq-select-list h3 {
    margin: 0rem
}

div.evq-select div.evq-select-list ul {
    padding-left: 0rem;
    padding-top: 0.1rem;
    margin-top: 0px;
    margin-bottom: 0px
}

div.evq-select div.evq-select-list li {
    padding: 0.4rem 0rem 0.4rem 0rem;
    cursor: pointer;
    height: auto;
    list-style: none
}

div.evq-select div.evq-select-list li:hover {
    background-color: #5897fb;
    color: #ffffff
}

.configurator-pro .img-zone {
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .configurator-pro .img-zone {
        float:left;
        width: 49%
    }
}

.configurator-pro .img-zone img {
    margin: auto;
    max-width: 90%
}

.configurator-pro .form-zone {
    width: 100%
}

@media (min-width: 980px) {
    .configurator-pro .form-zone {
        float:right;
        width: 49%
    }
}

.configurator-pro .form-zone input[type=checkbox] {
    position: absolute;
    left: 0;
    opacity: 0.01
}

.configurator-pro .form-zone input[type=checkbox]+label {
    display: inline-block;
    font-size: 1.05em;
    line-height: 1.7;
    padding-left: 23px;
    position: relative;
    cursor: pointer
}

.configurator-pro .form-zone input[type=checkbox]+label::before {
    content: '';
    background: #fff;
    border: 1px solid #293553;
    border-radius: 2px;
    height: 14px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 14px
}

.configurator-pro .form-zone input[type=checkbox]+label:after {
    opacity: 0;
    position: absolute;
    height: 12px;
    width: 12px
}

.configurator-pro .form-zone input[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: scale(1) rotate(0);
    background-color: #293553;
    background-image: url(../images/icon/Check_blanc.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    content: ' ';
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    left: 2px;
    line-height: 0;
    speak: never;
    top: 7px
}

.configurator-pro .form-zone input[type=checkbox]:checked+label:before {
    background: #293553
}

.configurator-pro .form-zone input[type=checkbox]:disabled+label {
    opacity: 0.5;
    cursor: not-allowed
}

.configurator-pro .form-zone .title {
    color: #191919;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-left: 1.2rem
}

.configurator-pro .form-zone .title img {
    width: 2rem;
    margin-right: 1rem
}

.configurator-pro .form-zone .title .mark {
    background-color: #293553;
    display: block;
    height: 5px;
    margin-bottom: 1rem;
    margin-left: 5.5rem;
    padding: 0;
    width: 30px
}

.configurator-pro .form-zone .subtitle {
    font-size: 1.3rem;
    font: normal normal 400 normal 1.6rem/1.5 "Figtree",sans-serif;
    margin-bottom: 2rem;
    text-transform: uppercase
}

.configurator-pro .form-zone>div>div {
    padding-left: 0.5rem;
    width: 100%
}

@media (min-width: 980px) {
    .configurator-pro .form-zone>div>div {
        float:right;
        padding-left: 2.3rem;
        width: 49%
    }

    .configurator-pro .form-zone>div>div:first-of-type {
        float: left
    }
}

.configurator-pro .form-zone .infos p:not(.title) {
    padding-left: 2rem
}

.configurator-pro .form-zone .infos p.error {
    margin-bottom: 1rem
}

.configurator-pro .form-zone .infos input {
    align-items: center;
    background-color: #f2f7f8;
    border: 1px solid #e3e3e3;
    display: flex;
    height: 40px;
    padding: 0 1rem;
    width: 100%
}

.configurator-pro .form-zone button {
    width: 100%
}

@media (min-width: 980px) {
    .configurator-pro .form-zone button {
        float:right;
        width: auto
    }
}

.configurator-pro .form-zone p:not(.title) {
    margin-left: 2rem
}

.configurator-pro .form-zone .mounting_selector .title+p {
    margin-bottom: 1.5rem
}

@media (min-width: 980px) {
    .configurator-pro .form-zone .mounting_selector .title+p {
        margin-left:4rem
    }
}

.configurator-pro.create .form-zone .format_selector div p input+label {
    cursor: not-allowed;
    opacity: 0.5
}

.configurator-pro.create .form-zone .format_selector div p input.choosable+label {
    cursor: inherit;
    opacity: 1
}

.page-delivery .home_shipping {
    border-top: #0087CC 2px solid;
    margin-bottom: 15px;
    padding-top: 15px;
    overflow: hidden
}

.page-delivery .home_shipping .delivery-table {
    width: 100%;
    margin-bottom: 2.5rem
}

@media (min-width: 980px) {
    .page-delivery .home_shipping .delivery-table {
        width:60%;
        margin-right: 2%;
        float: left
    }
}

.page-delivery .home_shipping .delivery-table table {
    width: 100%
}

.page-delivery .home_shipping .delivery-table th {
    font-size: 12px
}

.page-delivery .home_shipping .delivery-table tr {
    border-bottom: 1px solid #293553
}

.page-delivery .home_shipping .delivery-infos {
    width: 100%
}

@media (min-width: 980px) {
    .page-delivery .home_shipping .delivery-infos {
        width:38%;
        float: left
    }
}

.page-delivery .home_shipping .delivery-delay {
    width: 100%
}

.page-delivery .home_shipping .shipping-button {
    margin-top: 25px;
    text-align: center
}

.user-connected .title {
    text-align: center;
    color: #0087CC;
    text-transform: uppercase;
    font-size: 1.3rem
}

.user-connected ul {
    margin: 25px 0;
    padding: 0
}

.user-connected ul li a {
    padding: 0 0 0 25px;
    position: relative
}

.user-connected ul li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.user-connected ul li+li {
    margin-top: .5rem
}

.account-page-form {
    margin-bottom: 20px
}

.account-page-form:nth-child(1) {
    border-bottom: 1px solid #293553;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 20px
}

.account-page-form fieldset {
    margin: 0 1% 25px;
    width: 100%
}

@media (min-width: 980px) {
    .account-page-form fieldset {
        float:left;
        width: 48%
    }
}

.account-page-form .civility {
    width: 100%
}

.account-page-form .civility input {
    margin-left: 15px;
    margin-right: 5px
}

.account-page-form .newsletter-subscription {
    width: 100%
}

.account-page-form .newsletter-subscription label {
    display: inline
}

.account-page-form .button {
    width: 100%
}

.account-page-form.connect-form fieldset {
    width: 100%
}

.account-page select+.icon-angle-down {
    right: 25px
}

.account-page .new-client .show-password {
    right: 2rem
}

.account-page .pwd-forget:hover {
    cursor: pointer;
    color: #0087CC
}

@media (max-width: 980px) {
    .account-page .disconnect-btn {
        margin-bottom:25px
    }
}

.account-page #info p {
    width: 100%
}

.account-page #info p span {
    word-break: break-all
}

.account-page #info p span:first-child {
    float: left;
    width: 55%
}

.account-page #info p span:last-child {
    float: right;
    width: 44%
}

.account-page #info p:last-of-type {
    margin-bottom: 15px
}

.account-page__nav {
    text-transform: uppercase;
    width: 100%
}

@media (min-width: 980px) {
    .account-page__nav {
        float:left;
        width: 24%
    }
}

.account-page__nav ul {
    display: grid;
    grid-template-rows: 3fr;
    grid-template-columns: 1fr;
    padding: 0
}

.account-page__nav ul>a {
    grid-column: 1;
    padding: 1rem;
    border-radius: 3px
}

.account-page__nav ul>a:not(.selected):hover {
    cursor: pointer;
    background-color: #f5f5f5
}

.account-page__nav ul .selected {
    background-color: #0087CC;
    color: #fff
}

.account-page__content {
    width: 100%
}

@media (min-width: 980px) {
    .account-page__content {
        float:right;
        width: 74%
    }
}

.account-page__content .title-blue {
    margin-bottom: 25px
}

.account-page__content .cta:hover {
    color: #0087CC
}

.account-page__content .command-list {
    margin-top: 25px
}

@media (max-width: 768px) {
    .account-page__content .command .date {
        text-align:right
    }
}

.account-page__content .command .commande {
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 10px;
    overflow: visible;
    padding: 2rem
}

.account-page__content .command .commande .div_image,.account-page__content .command .commande .div_status,.account-page__content .command .commande .div_total {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.account-page__content .command .commande .div_image {
    width: 150px;
    height: 120px
}

.account-page__content .command .commande .div_total {
    text-align: left;
    margin: 20px 0 0 0
}

.account-page__content .command .commande .showFollow::after {
    background-image: url(../images/icon/chevron-down-bleu.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 15px
}

.account-page__content .command .commande .showFollow.opened::after {
    transform: rotate(180deg)
}

.account-page__content .command .commande .followup-step {
    display: none;
    margin: 20px 0 0 0;
    max-width: 100%
}

.account-page__content .command .commande .followup-step .range-step p {
    font-size: 1.3rem
}

.account-page__content .command .commande #cmd_mobile {
    display: block;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.account-page__content .command .commande #cmd_desktop {
    display: none
}

@media (min-width: 1024px) {
    .account-page__content .command .commande #cmd_mobile {
        display:none
    }

    .account-page__content .command .commande #cmd_desktop {
        display: block
    }

    .account-page__content .command .commande .div_image {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        margin: auto;
        width: 100%;
        justify-content: center
    }

    .account-page__content .command .commande .div_infos {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%
    }

    .account-page__content .command .commande .div_total {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        margin: 20px 0;
        max-width: 20%
    }

    .account-page__content .command .commande .showFollow {
        display: none
    }

    .account-page__content .command .commande .followup-step {
        display: block
    }
}

.account-page__content .command .commande .row {
    justify-content: space-around
}

.account-page__content .command .commande button {
    background-color: transparent
}

.account-page__content .command .commande .img_min {
    height: auto;
    width: 150px
}

.account-page__content .command .commande .img_min {
    display: flex;
    justify-content: center
}

.account-page__content .command .commande .productToggle {
    display: none
}

.account-page__content .command .commande.opened .productToggle {
    display: block
}

.account-page__content .command .produit {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: center;
    align-items: center
}

.account-page__content .command .produit .figure_picture,.account-page__content .command .produit .info_picture,.account-page__content .command .produit .price_picture {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.account-page__content .command .product {
    display: grid;
    justify-content: center;
    align-items: center
}

.account-page__content .command .product .figure_picture {
    width: 300px;
    height: 150px
}

.account-page__content .command .product .picpres {
    align-items: center;
    display: grid;
    justify-content: center;
    margin: auto
}

.account-page__content .command .product .info_picture p {
    text-justify: auto
}

.account-page__content .command .product .price_picture {
    display: flex;
    align-self: flex-start;
    justify-content: left
}

@media (min-width: 980px) {
    .account-page__content .command .product {
        margin:50px 25px 25px;
        padding: 0 10px;
        flex-direction: row !important
    }

    .account-page__content .command .product .figure_picture,.account-page__content .command .product .info_picture,.account-page__content .command .product .price_picture {
        display: grid;
        justify-content: center
    }

    .account-page__content .command .product .figure_picture,.account-page__content .command .product .info_picture {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }

    .account-page__content .command .product .info_picture {
        justify-content: left
    }

    .account-page__content .command .product .price_picture {
        align-self: flex-end;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.account-page__content .command .div_image {
    max-width: 100%;
    margin: 20px auto
}

.account-page__content .command .div_image .picpres {
    display: grid;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 100%
}

.account-page__content .address hr {
    margin: 25px 0
}

.account-page__content .address-list {
    margin-bottom: 25px
}

.modify-address>* {
    margin-top: 1rem
}

.connect-form {
    width: 100%
}

@media (min-width: 980px) {
    .connect-form {
        float:left;
        width: 40%
    }
}

.inscription-form {
    width: 100%
}

@media (min-width: 980px) {
    .inscription-form {
        border-left:1px solid #999;
        float: right;
        padding-left: 2%;
        width: 58%
    }
}

.newsletter-info input {
    top: 0
}

.newsletter-info label {
    vertical-align: top;
    width: 95%
}

.pro {
    margin-bottom: 20px
}

.pro .title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    margin-bottom: 15px
}

.pro input {
    height: 40px;
    margin: 0;
    width: 100%
}

@media (min-width: 1024px) {
    .pro input {
        float:left;
        width: 65%
    }
}

.pro button {
    float: right;
    margin-top: 5px;
    min-height: 40px;
    width: 50%
}

@media (min-width: 1024px) {
    .pro button {
        margin-top:0;
        width: 34%
    }
}

.pro label {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    width: 100%
}

.pro .infos_pro {
    margin-bottom: 30px;
    width: 100%
}

@media (min-width: 1024px) {
    .pro .infos_pro {
        width:80%
    }
}

.pro .infos_pro .pro-logo {
    margin-bottom: 50px
}

.pro .infos_pro .pro-logo #logo_pro {
    margin: auto;
    width: 80%
}

@media (min-width: 1024px) {
    .pro .infos_pro .pro-logo #logo_pro {
        float:left;
        max-width: 250px;
        width: 50%
    }
}

.pro .infos_pro .pro-logo #logo_pro img {
    width: 200px;
    margin-bottom: 15px
}

.pro .infos_pro .pro-logo .btn-toggle-logo {
    display: inline-flex;
    font-size: 1.5rem;
    margin-top: 15px;
    min-height: 20px;
    padding: 5px 10px
}

.pro .infos_pro .pro-logo .affich-logo {
    display: none
}

.pro .infos_pro .pro-logo .affich-logo.show {
    display: block
}

.pro .infos_pro .pro-logo .change-logo {
    margin-top: 15px
}

.pro .infos_pro .pro-logo .change-logo form {
    overflow: hidden;
    width: 100%
}

.pro .infos_pro .pro-logo .change-logo form input.empty::placeholder {
    color: #A6070F;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.pro .infos_pro .url_catalog {
    margin-bottom: 25px
}

.pro .infos_pro .brand_name {
    margin-bottom: 25px
}

.pro .btns {
    overflow: hidden;
    width: 100%
}

.pro .btns .btn-upload {
    float: left;
    margin-left: 15px
}

.pro .div_pictures .picture {
    border-top: 1px solid #999;
    display: block;
    margin-top: 15px;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
    width: 100%
}

.pro .div_pictures .picture:last-of-type {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.pro .div_pictures .picture .delete-picture {
    background-color: transparent;
    color: #A6070F;
    font: normal normal 900 normal 1.6rem/1.5 "Figtree",sans-serif;
    position: absolute;
    right: 0;
    top: 0;
    width: auto
}

.pro .div_pictures .picture .delete-picture::before {
    margin-right: 15px
}

.pro .div_pictures .picture .delete-picture:focus {
    outline-color: #fff
}

.pro .div_pictures .picture .div_pictures-left {
    width: 84%;
    margin: 20px auto;
    text-align: center
}

@media (min-width: 980px) {
    .pro .div_pictures .picture .div_pictures-left {
        float:left;
        margin-top: 0;
        width: 30%
    }
}

.pro .div_pictures .picture .div_pictures-left img {
    max-width: 100%;
    max-height: 200px
}

@media (min-width: 980px) {
    .pro .div_pictures .picture .div_pictures-left img {
        max-height:inherit
    }
}

.pro .div_pictures .picture .div_pictures-right {
    width: 100%
}

@media (min-width: 980px) {
    .pro .div_pictures .picture .div_pictures-right {
        float:left;
        padding-left: 20px;
        width: 65%
    }
}

.pro .div_pictures .picture .div_pictures-right div {
    margin: 2rem 0
}

.pro .div_pictures .picture .div_pictures-right .modify-info {
    background-image: url(../images/icon/modify-FFF.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 25px;
    float: right;
    padding-left: 40px;
    text-align: left
}

.pro .div_pictures .picture .div_pictures-right .modify-info,.pro .div_pictures .picture .div_pictures-right .copy_link {
    height: 45px;
    width: 50%
}

@media (min-width: 980px) {
    .pro .div_pictures .picture .div_pictures-right .modify-info,.pro .div_pictures .picture .div_pictures-right .copy_link {
        width:30%
    }
}

.pro .div_pictures .picture .div_pictures-right input {
    height: 45px;
    width: 100%
}

@media (min-width: 980px) {
    .pro .div_pictures .picture .div_pictures-right input {
        width:69%
    }
}

.pro .div_pictures .picture .label {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-transform: uppercase
}

.pro .div_pictures .picture .alert-success {
    margin-top: 5px;
    width: 45%
}

.pro .div_pictures .picture .alert-success button {
    margin-top: 0
}

.pro .div_pictures .cta-blue {
    min-width: 130px
}

.pro .div_pictures .cta-blue:first-of-type {
    margin-bottom: 10px
}

.pro .div_pictures .empty {
    color: #999;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    width: 100%
}

.marque_blanche .wrapper {
    margin-top: 0px;
    min-height: 500px
}

@media (min-width: 1024px) {
    .marque_blanche .wrapper {
        margin-top:20px
    }
}

.marque_blanche .wrapper.checkout {
    margin-top: 0
}

.marque_blanche .mb_lang {
    display: block !important
}

.marque_blanche .current_language {
    display: block !important
}

.marque_blanche .configurator-img-zone {
    top: 0
}

@media (min-width: 1024px) {
    .marque_blanche .configurator-img-zone {
        top:0
    }
}

.marque_blanche .configurator-bottom {
    margin-top: 4rem
}

.marque_blanche .header_mb {
    align-items: center;
    background-color: #fff;
    border-bottom: 2px solid #0087CC;
    display: flex;
    flex-wrap: wrap;
    font-size: 2rem;
    height: 80px;
    justify-content: space-between;
    left: 0;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb {
        font-size:1.5rem;
        height: 80px;
        justify-content: space-evenly;
        padding: 0 1rem
    }
}

.marque_blanche .header_mb .logo_mb {
    align-items: center;
    display: flex;
    justify-content: start;
    width: 50%
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .logo_mb {
        height:80px;
        justify-content: center;
        text-align: center;
        width: 100%
    }
}

.marque_blanche .header_mb .logo_mb img {
    max-height: 60px;
    max-width: 80%;
    height: 100%;
    width: 80%
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .logo_mb img {
        max-height:60px
    }
}

.marque_blanche .header_mb>div:last-child {
    align-items: center;
    display: flex;
    right: 0;
    position: absolute;
    width: 360px;
    justify-content: end
}

.marque_blanche .header_mb .header-user-basket {
    display: block
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .header-user-basket {
        height:100%
    }
}

.marque_blanche .header_mb .header-user-basket>a {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 28px;
    position: relative;
    width: 28px
}

.marque_blanche .header_mb .header-user-basket>a>p {
    display: block;
    text-align: left;
    font-size: 1rem
}

.marque_blanche .header_mb .header-user-basket .header-icon-label {
    display: none
}

.marque_blanche .header_mb .header-user-basket .mini_basket {
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 300px;
    z-index: 13
}

.marque_blanche .header_mb .header-user-basket .basket-number {
    top: 16px
}

.marque_blanche .header_mb .header-button-tirage {
    align-items: center;
    display: flex;
    margin-right: 2rem;
    padding: 0
}

.marque_blanche .header_mb .header-button-tirage .upload_link {
    background-image: url(../images/icon/Upload_Bleu.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2contain5px;
    display: inline-block;
    font-size: 1.3rem;
    height: 28px;
    padding-left: 40px;
    width: 25px
}

.marque_blanche .header_mb .header-button-tirage .upload_link span {
    display: none
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .header-button-tirage .upload_link {
        background-size:25px;
        height: auto;
        padding-left: 40px;
        width: auto
    }

    .marque_blanche .header_mb .header-button-tirage .upload_link span {
        display: inline-block
    }
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .header-button-tirage {
        align-items:center;
        border-radius: 3px;
        cursor: pointer;
        display: flex;
        font: normal normal 500 normal 1.6rem / 1.5 "Figtree", sans-serif;
        height: 45px;
        justify-content: center;
        margin: auto;
        padding: 0 3.2rem;
        text-align: center;
        text-decoration: none;
        width: fit-content;
        background-color: #fff;
        border: 1px solid #293553;
        color: #293553;
        font-size: 1.3rem;
        padding: 0 1.1rem
    }

    .marque_blanche .header_mb .header-button-tirage:hover {
        font: normal normal 500 normal 1.6rem / 1.5 "Figtree", sans-serif
    }

    .marque_blanche .header_mb .header-button-tirage a {
        color: #293553
    }

    .marque_blanche .header_mb .header-button-tirage:hover {
        background: linear-gradient(0.25turn, #293553, #00699E);
        border: 1px solid #293553;
        color: #fff;
        font-size: 1.3rem;
        padding: 0 1.1rem
    }

    .marque_blanche .header_mb .header-button-tirage:hover a {
        color: #fff
    }

    .marque_blanche .header_mb .header-button-tirage:hover .upload_link {
        background-image: url(../images/icon/Upload_FFF.svg);
        font-size: 1.3rem
    }

    .marque_blanche .header_mb .header-button-tirage a:hover {
        font: normal normal 500 normal 1.6rem / 1.5 "Figtree", sans-serif;
        font-size: 1.3rem
    }
}

@media (max-width: 1024px) {
    .marque_blanche .header_mb .galleries-list .galleries-item.gallerySelected .chooseGallery {
        border:none
    }

    .marque_blanche .header_mb .bloc-name {
        display: none
    }
}

.marque_blanche .header_mb .header-user-language {
    position: relative;
    cursor: pointer;
    text-align: right;
    margin-left: 2rem
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .header-user-language {
        height:100%;
        padding-top: 2rem;
        width: 20%
    }
}

.marque_blanche .header_mb .header-user-language .language_label {
    display: none
}

.marque_blanche .header_mb .header-user-language .current_language img {
    border-radius: 50%;
    height: 28px;
    vertical-align: top;
    width: 28px
}

@media (min-width: 1024px) {
    .marque_blanche .header_mb .header-user-language .current_language img {
        height:20px;
        margin-top: 5px;
        width: 20px
    }
}

.marque_blanche .header_mb .header-user-language .text_langue {
    display: none
}

.marque_blanche .header_mb .header-user-language .choose_language {
    background-color: #fff;
    display: none;
    position: absolute;
    right: -7px;
    top: 27px;
    width: 75px;
    z-index: 11
}

.marque_blanche .header_mb .header-user-language .choose_language a {
    align-items: center;
    border-top: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px;
    text-transform: uppercase
}

.marque_blanche .header_mb .header-user-language .choose_language a:first-child {
    border-top: 0
}

.marque_blanche .header_mb .header-user-language .choose_language a figure {
    height: 20px;
    width: 20px
}

.marque_blanche .header_mb .header-user-language .choose_language a figure img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.marque_blanche .header_mb .header-user-language:hover .choose_language {
    display: block
}

.marque_blanche footer {
    margin-top: 20px;
    padding: 20px
}

.marque_blanche #next_step_livraison_mb {
    margin-top: 15px
}

.marque_blanche .checkout-step-nav {
    margin-top: 90px
}

.marque_blanche .checkout-step-nav .checkout-steps {
    width: 90%
}

.marque_blanche .checkout-step-nav .checkout-steps .step-number {
    display: none !important
}

@media (min-width: 1024px) {
    .marque_blanche .checkout-step-nav {
        margin-top:90px
    }
}

.marque_blanche .configurator .configurator-form-zone .configurator-form-block .block-format {
    display: block
}

.marque_blanche .configurator .configurator-form-zone .configurator-form-block .visual_selector.format_selector {
    margin-top: 15px;
    width: 100%
}

.marque_blanche .configurator .configurator-form-zone .configurator-form-block .visual_selector.format_selector .visual_selector_visuals {
    width: 100%
}

.marque_blanche .configurator .configurator-form-zone .configurator-form-block .visual_selector.format_selector .visual_selector_visuals .visual_selector_visual {
    margin: 10px 1%;
    width: calc(93% / 3)
}

.marque_blanche .configurator .configurator-form-zone #step_one_validate {
    margin-top: 20px !important
}

.marque_blanche .configurator.step_one .price {
    border-top: 0
}

.marque_blanche .catalog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto
}

@media (min-width: 980px) {
    .marque_blanche .catalog {
        width:80%
    }
}

.marque_blanche .catalog .catalog_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .marque_blanche .catalog .catalog_card {
        float:left;
        margin: 20px auto;
        width: 30%
    }
}

.marque_blanche .catalog .catalog_card:hover .card-title {
    color: #0087CC
}

.marque_blanche .catalog .catalog_card .card-img {
    margin: 0 auto;
    max-height: 200px;
    max-width: 100%;
    width: auto
}

.marque_blanche .catalog .catalog_card .card-title {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-align: center
}

@media (min-width: 980px) {
    .marque_blanche .catalog .catalog_card .card-title {
        margin-top:15px
    }
}

.marque_blanche .footer_mb_gal {
    background-color: #fff
}

.marque_blanche .page-commande_valider {
    margin-top: 180px
}

.marque_blanche .page-commande_valider p {
    text-align: center;
    margin-bottom: 0px;
    line-height: 2.5rem;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif
}

.marque_blanche .page-commande_valider a {
    background-color: #fff;
    color: #293553;
    border: 2px solid #293553;
    border-radius: 4px;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    max-width: 350px;
    display: flex;
    height: 70px;
    line-height: inherit;
    justify-content: center;
    margin: 100px auto;
    padding: 20px 20px
}

.marque_blanche .page-commande_valider a:hover {
    background-color: #293553;
    text-decoration: none;
    color: #fff
}

.marque_blanche .page-mb-gal .bloc-home {
    align-items: center;
    background-color: #efefef;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 5px auto 100px auto;
    overflow: hidden;
    text-align: center;
    width: 100%
}

@media (min-width: 980px) {
    .marque_blanche .page-mb-gal .bloc-home {
        background-color:transparent;
        display: block;
        height: auto;
        margin: 5px auto 100px auto;
        overflow: inherit;
        position: relative
    }
}

.marque_blanche .page-mb-gal .bloc-home .bloc-img {
    display: block;
    float: left;
    width: 100%
}

.marque_blanche .page-mb-gal .bloc-home .bloc-img img {
    max-width: 100%;
    max-height: 100%
}

.marque_blanche .page-mb-gal .bloc-home .cta-blue {
    background-color: transparent;
    color: #191919;
    height: 20%;
    padding: 20px;
    width: 32%
}

.marque_blanche .page-mb-gal .bloc-home .cta-blue:hover * {
    color: #191919
}

@media (min-width: 980px) {
    .marque_blanche .page-mb-gal .bloc-home .cta-blue {
        background-color:#293553;
        bottom: 0;
        color: #fff;
        margin: 0 auto;
        min-width: 100px;
        padding: inherit;
        position: absolute;
        right: 50%;
        transform: translate(50%, 50%)
    }

    .marque_blanche .page-mb-gal .bloc-home .cta-blue * {
        font-size: 1.5rem;
        margin: 0 auto;
        padding: 0
    }

    .marque_blanche .page-mb-gal .bloc-home .cta-blue:hover * {
        color: inherit
    }
}

@media (min-width: 980px) {
    .marque_blanche .page-mb-gal .bloc-home .cta-blue * {
        font-size:100%
    }
}

.marque_blanche .page-mb-gal .bloc-home .cta-blue .bloc-name {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    font-size: 25px;
    display: block
}

@media (min-width: 980px) {
    .marque_blanche .page-mb-gal .bloc-home .cta-blue .bloc-name {
        text-decoration:none;
        font: normal normal 400 normal 1.6rem / 1.5 "Figtree", sans-serif
    }
}

.marque_blanche .page-mb-gal .bloc-home .cta-blue .bloc-name img {
    margin-left: 20px;
    width: 40px
}

.marque_blanche .page-mb-gal .home-link a {
    background-color: #fff;
    color: #293553;
    border: 2px solid #293553;
    border-radius: 4px;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    max-width: 350px;
    display: flex;
    height: 70px;
    line-height: inherit;
    justify-content: center;
    margin: 20px auto;
    padding: 20px 20px
}

.marque_blanche .page-mb-gal .home-link a:hover {
    background-color: #293553;
    text-decoration: none;
    color: #fff
}

.marque_blanche .checkout_mb_gal {
    display: block
}

.marque_blanche .wrapper_mb_gal {
    margin-left: 5%;
    width: 100%
}

.marque_blanche .paiement_info {
    display: block;
    margin-top: 15px;
    width: 100%
}

.marque_blanche .paiement_info label {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.8rem
}

.marque_blanche .paiement_info input {
    border-width: 2px;
    float: left;
    height: 45px;
    margin: 0;
    width: 79%
}

.marque_blanche .paiement_info button {
    float: left;
    border-radius: 0px;
    border-color: #0087CC;
    color: #0087CC;
    height: 45px;
    width: 25%
}

.marque_blanche .paiement_info .info-promo {
    margin-bottom: 50px
}

.marque_blanche .paiement_info .info-gal {
    margin-bottom: 100px
}

.marque_blanche .paiement_info .info-gal input {
    width: 100%
}

.page-orders .container {
    padding: 20px 0;
    width: 100%
}

@media (min-width: 1024px) {
    .page-orders .container {
        padding:20px 5% 40px 5%
    }
}

.followup-step {
    position: relative;
    margin: 50px 15% 20px
}

@media (min-width: 980px) {
    .followup-step {
        margin:120px 15% 20px
    }
}

.followup-step .range-step>div {
    position: relative
}

@media (max-width: 980px) {
    .followup-step .range-step>div {
        padding:3rem 0 3rem 10rem
    }
}

.followup-step .range-step>div i {
    position: absolute;
    font-size: 5rem;
    left: 50%;
    bottom: calc(100% + 2rem);
    transform: translateX(-50%)
}

@media (max-width: 980px) {
    .followup-step .range-step>div i {
        font-size:3rem;
        left: 0;
        bottom: 50%;
        transform: translate(0, 50%)
    }
}

.followup-step .range-step p {
    text-align: center;
    font-size: 1.4rem;
    margin-top: 3rem
}

@media (max-width: 980px) {
    .followup-step .range-step p {
        text-align:left;
        margin-top: 0
    }
}

.followup-step .dot-step {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #999;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: calc(100% - 2rem);
    transform: translate(-50%, -50%)
}

@media (max-width: 980px) {
    .followup-step .dot-step {
        left:5.4rem;
        bottom: 50%;
        transform: translate(0, 50%)
    }
}

.followup-step .dot-step::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.2rem
}

.followup-step .valid .dot-step {
    background-color: #293553;
    border-color: #293553
}

.followup-step .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #999
}

@media (max-width: 980px) {
    .followup-step .bar {
        width:2px;
        height: 100%;
        left: 5rem
    }
}

.followup-step .bar .progress-bar {
    display: block;
    height: 100%;
    background-color: #293553
}

.conditions_offer {
    color: black
}

.conditions_offer h2 {
    font-weight: bold
}

.conditions_offer .conditions_offer-block {
    display: flex;
    flex-direction: column;
    margin-top: 2rem
}

.conditions_offer .conditions_offer-block .conditions_offer-img {
    width: 100%;
    max-height: 400px
}

@media (min-width: 980px) {
    .conditions_offer .conditions_offer-block .conditions_offer-img {
        width:50%
    }
}

.conditions_offer .conditions_offer-block .conditions_offer-text {
    padding: 2rem;
    width: 100%
}

.conditions_offer .conditions_offer-block .conditions_offer-text p {
    margin-top: 2rem
}

.conditions_offer .conditions_offer-block .conditions_offer-text span {
    font-size: 20px
}

@media (min-width: 980px) {
    .conditions_offer .conditions_offer-block .conditions_offer-text {
        padding:0 2rem 2rem 4rem;
        width: 50%
    }
}

@media (min-width: 980px) {
    .conditions_offer .conditions_offer-block {
        flex-direction:row
    }
}

.header-user-basket {
    position: relative;
    display: inline-block
}

.header-user-basket .basket-number {
    position: absolute;
    width: 18px;
    height: 18px;
    top: -10px;
    left: -10px;
    background-color: #293553;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 1.3rem
}

.mini_basket {
    width: 400px;
    left: -300px;
    font-size: 1.3rem;
    border-top: none;
    padding: 10px
}

.mini_basket .mini_basket-product {
    border-bottom: 1px solid #0087CC;
    margin-top: 10px;
    height: 130px;
    padding-bottom: 10px
}

.mini_basket .mini_basket-product .mini_basket-product-visuel {
    float: left;
    height: 100px;
    text-align: center;
    width: 47%
}

.mini_basket .mini_basket-product .mini_basket-product-visuel img {
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.mini_basket .mini_basket-product .mini_basket-product-infos {
    float: right;
    width: 47%
}

.mini_basket .mini_basket-product .mini_basket-product-price {
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    text-align: right
}

.mini_basket .mini_basket-total {
    align-items: center;
    border-bottom: 1px solid #0087CC;
    display: flex;
    flex-wrap: wrap;
    font: normal normal 700 normal 1.5rem/1.5 "Figtree",sans-serif;
    height: 55px;
    justify-content: space-between
}

.mini_basket .cta-blue {
    margin-top: 20px
}

.mini_basket.empty:hover .mini_basket {
    display: none
}

.color_dev * {
    color: #191919 !important
}

.color_dev {
    background-color: #b5c6e9 !important
}

@media (min-width: 768px) {
    .color_dev {
        background-color:#b5e0e9 !important
    }
}

@media (min-width: 980px) {
    .color_dev {
        background-color:#b5e9d8 !important
    }
}

@media (min-width: 1024px) {
    .color_dev {
        background-color:#b5e9be !important
    }
}

@media (min-width: 1400px) {
    .color_dev {
        background-color:#bde9b5 !important
    }
}

.color_dev>* {
    background-color: #71a3b8 !important
}

@media (min-width: 768px) {
    .color_dev>* {
        background-color:#71b8aa !important
    }
}

@media (min-width: 980px) {
    .color_dev>* {
        background-color:#71b886 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>* {
        background-color:#7fb871 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>* {
        background-color:#97b871 !important
    }
}

.color_dev>*>* {
    background-color: #91fdaa !important
}

@media (min-width: 768px) {
    .color_dev>*>* {
        background-color:#aefd91 !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>* {
        background-color:#e4fd91 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>* {
        background-color:#fde091 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>* {
        background-color:#fdbc91 !important
    }
}

.color_dev>*>*>* {
    background-color: #64f786 !important
}

@media (min-width: 768px) {
    .color_dev>*>*>* {
        background-color:#8cf764 !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>* {
        background-color:#d6f764 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>* {
        background-color:#f7cf64 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>* {
        background-color:#f79e64 !important
    }
}

.color_dev>*>*>*>* {
    background-color: #f5c9eb !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>* {
        background-color:#f5c9dc !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>* {
        background-color:#f5ccc9 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>* {
        background-color:#f5e2c9 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>* {
        background-color:#f2f5c9 !important
    }
}

.color_dev>*>*>*>*>* {
    background-color: #f0f790 !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>*>* {
        background-color:#f7ca90 !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>*>* {
        background-color:#f79790 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>*>* {
        background-color:#f790bd !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>*>* {
        background-color:#f790df !important
    }
}

.color_dev>*>*>*>*>*>* {
    background-color: #f790ab !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>*>*>* {
        background-color:#f790df !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>*>*>* {
        background-color:#dc90f7 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>*>*>* {
        background-color:#a890f7 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>*>*>* {
        background-color:#909af7 !important
    }
}

.color_dev>*>*>*>*>*>*>* {
    background-color: #f8c3d1 !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>*>*>*>* {
        background-color:#f8c3eb !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>*>*>*>* {
        background-color:#eac3f8 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>*>*>*>* {
        background-color:#d0c3f8 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>*>*>*>* {
        background-color:#c3c8f8 !important
    }
}

.color_dev>*>*>*>*>*>*>*>* {
    background-color: #f790ab !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>*>*>*>*>* {
        background-color:#f790df !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>*>*>*>*>* {
        background-color:#dc90f7 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>*>*>*>*>* {
        background-color:#a890f7 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>*>*>*>*>* {
        background-color:#909af7 !important
    }
}

.color_dev>*>*>*>*>*>*>*>*+div {
    background-color: #55f3e9 !important
}

@media (min-width: 768px) {
    .color_dev>*>*>*>*>*>*>*>*+div {
        background-color:#55f39a !important
    }
}

@media (min-width: 980px) {
    .color_dev>*>*>*>*>*>*>*>*+div {
        background-color:#5ff355 !important
    }
}

@media (min-width: 1024px) {
    .color_dev>*>*>*>*>*>*>*>*+div {
        background-color:#aef355 !important
    }
}

@media (min-width: 1400px) {
    .color_dev>*>*>*>*>*>*>*>*+div {
        background-color:#e3f355 !important
    }
}