.add-to-cart-cta,
body,
html {
    font-family: Montserrat
}

#module-allinone_rewards-rewards #content,
#module-allinone_rewards-sponsorship #content,
.page-customer-account #content,
.rewards .idTabs a {
    padding: 0 !important
}

#cms h2,
#cms h3 {
    text-decoration: none;
    background: 0 0
}

#cms h4,
.lien_invisible a {
    text-decoration: none !important
}

ul {
    list-style-type: square !important
}

ol,
ul {
    font-size: inherit;
    line-height: inherit
}

.add-to-cart-cta {
    background: var(--Vert, #179387) !important;
    padding: 18px 38px 17px;
    color: #fff;
    text-align: center;
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .06rem;
    text-transform: uppercase
}

.rewards-text-option,
.title_rewards {
    font-weight: 500;
    font-style: normal;
    font-size: 10px
}

.lien_invisible a {
    color: var(--gris-1, #353941) !important
}

.lien_invisible a:hover {
    cursor: default !important
}

.rewards .idTabs a {
    border: none !important;
    background: var(--gris-3, #f4f4f4) !important;
    color: var(--gris-1, #2f3034) !important;
    font-family: Helvetica !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: none !important
}

.desc_prod .product-desc>h2,
.desc_prod .product-desc>h4 {
    font-family: bebas-neue-pro !important;
    font-weight: 400 !important;
    text-align: left !important
}

.rewards div.sheets {
    border: none;
    padding-left: 108px;
    padding-top: 37px;
    padding-bottom: 60px;
    color: var(--gris-1, #2f3034)
}

.rewards {
    border-bottom: 1px solid var(--Vert, #179387) !important;
    width: 888px !important
}

.rewards .table-bordered {
    margin: 0 !important
}

.rewards-available-gift {
    display: flex;
    height: 50px;
    padding: 18px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 0 0 10px;
    background: var(--Vert, #179387)
}

.rewards-option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

.rewards-text-option {
    color: var(--Gris, #5d5f64);
    font-family: bebas-neue-pro;
    line-height: 180%
}

.title_rewards {
    color: var(--gris-1, #2f3034);
    font-family: Montserrat;
    line-height: 160%;
    letter-spacing: 1px;
    text-transform: uppercase
}

.order_displayrewards {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.6px;
    text-align: left;
    color: #2f3034
}

.date_displayrewards,
.use_after_displayrewards {
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: left;
    color: #2f3034
}

.point_displayrewards {
    font-family: bebas-neue-pro;
    font-size: 24px;
    font-weight: 400;
    line-height: 38.4px;
    text-align: left;
    color: #2f3034
}

.text-point-fidelite {
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    text-align: left
}

#cms h2,
#cms h3,
.content_rewards,
h3 {
    color: var(--Vert, #179387);
    font-family: bebas-neue-pro;
    line-height: 120%
}

.content_rewards {
    font-size: 80px;
    font-weight: 700;
    text-align: left
}

.continue,
.widget_colissimo_text_normal_blanc {
    font-family: Montserrat !important;
    text-transform: uppercase !important
}

.td_rewards {
    padding-inline: .31rem;
    padding-block: 0.88rem
}

.continue {
    color: var(--gris-clair, #fafafa) !important;
    background-color: #179387 !important;
    text-align: center !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
    letter-spacing: .96px !important;
    border: 1px solid #179387 !important;
    display: flex !important;
    padding: 10px 20px !important;
    justify-content: center !important;
    align-items: center !important
}

h3 {
    font-size: 1.5rem !important;
    font-style: normal;
    font-weight: 400 !important
}

.widget_colissimo_icone_img {
    float: right;
    margin-top: 5px
}

.widget_colissimo_bouton_validation {
    display: flex !important;
    align-items: center !important;
    border: 1px solid var(--Vert, #179387) !important;
    background-color: var(--Vert, #179387) !important;
    justify-content: center;
    padding-left: 8px !important
}

.widget_colissimo_text_normal_blanc {
    font-size: 8px !important
}

.widget_colissimo_map {
    width: 413px !important;
    height: 425px !important
}

.colissimo-front-widget-17 {
    max-width: 846px
}

.widget_colissimo_contenu {
    max-width: 813px !important
}

.widget_colissimo_icone_coche {
    float: right
}

.widget_colissimo_table_filtres td svg {
    display: inline;
    margin-bottom: 3px
}

.widget_colissimo_table_filtres td {
    font-size: 10px;
    padding: 8px !important;
    text-align: center !important
}

.desc_prod .product-desc>h3 {
    margin-bottom: 20px !important;
    font-size: 26px !important
}

.personal-info-button {
    gap: 10px;
    padding: 18px 25px;
    border: 1px solid #179387;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 100%;
    letter-spacing: 8%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #179387 !important
}

#cms h2,
#cms h3 {
    font-style: normal;
    font-weight: 400
}

.desc_prod .product-desc>h2 {
    color: #179387 !important;
    font-size: 30px !important;
    line-height: 36px !important;
    text-underline-position: from-font !important;
    text-decoration-skip-ink: none !important;
    margin-bottom: 20px !important
}

.desc_prod .product-desc>h4 {
    color: #179387 !important;
    font-size: 20px !important;
    line-height: 25px !important;
    margin-bottom: 15px !important
}

#popinContainer {
    position: fixed
}

.desc_prod .product-desc li,
.description_faq li {
    margin-bottom: 5px;
    list-style-type: disc;
    line-height: 180% !important
}

#cms h2 {
    font-size: 1.9rem
}

#cms h3 {
    font-size: 1.2rem
}

#cms h4 {
    color: var(--Vert, #179387) !important;
    font-family: bebas-neue-pro !important;
    font-size: 1rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    background: 0 0 !important
}

.expert-words-description,
.middle-mea-description,
p {
    color: var(--gris-1, #353941);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.cta-btn-mea,
.cta-btn:hover,
.mea-text-hero {
    color: var(--gris-clair, #fafafa)
}

.cta-btn,
.cta-btn-mea {
    width: fit-content;
    height: 3.125rem;
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    font-family: Montserrat;
    font-style: normal;
    text-transform: uppercase;
    display: flex;
    text-align: center
}

.cta-btn {
    padding: 18px 38px 17px;
    justify-content: center;
    align-items: center;
    border: 1px solid #179387;
    letter-spacing: .06rem;
    min-height: 50px
}

.cta-btn-mea {
    padding: 18px 50px 17px;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--gris-clair, #fafafa);
    letter-spacing: .075rem
}

.element,
.range-block {
    border-right: none
}

.cta-btn:hover {
    background-color: var(--vert, #179387);
    border: 1px solid var(--vert, #179387)
}

.cta-btn-mea:hover {
    color: var(--vert, #179387);
    background-color: var(--gris-clair, #fafafa);
    border: 1px solid var(--gris-clair, #fafafa)
}

.mea-text-hero {
    font-family: bebas-neue-pro !important;
    font-size: 3.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%
}

.mea-conditions-text {
    color: var(--gris-1, #353941);
    font-family: Montserrat;
    font-size: .625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%
}

.mea-text-star {
    font-family: bebas-neue-pro !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    position: absolute;
    margin-top: 5px
}

#carousel-range,
.bloc-color,
.wrap {
    position: relative
}

.mea-text-tag {
    color: var(--gris-clair, #fafafa);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: 160%
}

.description_faq h2,
.middle-mea-title,
.section-title {
    font-family: bebas-neue-pro !important
}

.section-title {
    color: var(--noir, #121214);
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.middle-mea-tag,
.middle-mea-title {
    color: var(--vert, #179387);
    font-style: normal;
    line-height: normal
}

.middle-mea-title {
    font-size: 3.75rem;
    font-weight: 700
}

.middle-mea-tag {
    font-family: Montserrat;
    font-size: .625rem;
    font-weight: 500;
    letter-spacing: .05rem;
    text-transform: uppercase
}

.item_acc,
.item_acc_cat {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 28px 56px 28px 30px;
    align-items: center
}

.icon_faq {
    background: var(--vert, #179387);
    border-radius: 13px;
    height: 1.62rem;
    width: 1.625rem;
    padding-left: 0;
    padding-top: 0
}

.title_acc {
    color: var(--gris-1, #fff);
    font-size: 20px;
    line-height: normal
}

.bloc-needs-title,
.top-seller-text {
    font-size: 3.125rem;
    font-style: normal;
    font-weight: 400
}

.wrapper_acc {
    border-bottom: 1px solid var(--Jaune, #fff)
}

.wrapper_acc_cat {
    border-bottom: 1px solid var(--vert, #179387)
}

.description_faq {
    padding: 0 108px 45px
}

.description_faq p {
    color: #5b5959;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 23.4px;
    text-align: left
}

.description_faq ul {
    padding-left: 30px !important;
    margin-bottom: 1rem;
    color: var(--gris-1, #353941);
    font-family: Montserrat;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%
}

.description_faq h2 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    color: #179387 !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-align: left !important
}

.description_faq h3,
.description_faq h4,
.description_faq h5 {
    margin-top: 10px !important;
    color: #179387 !important;
    font-weight: 400 !important;
    line-height: 29px !important;
    text-align: left !important;
    font-family: bebas-neue-pro !important
}

.description_faq h3 {
    margin-bottom: 10px !important;
    font-size: 26px !important
}

.description_faq h4 {
    margin-bottom: 10px !important;
    font-size: 20px !important
}

.description_faq h5 {
    margin-bottom: 510px !important;
    font-size: 15px !important
}

.description_faq h2:last-of-type,
.description_faq h3:last-of-type,
.description_faq h4:last-of-type,
.description_faq h5:last-of-type {
    margin-bottom: 0
}

.description_faq h2:first-of-type,
.description_faq h3:first-of-type,
.description_faq h4:first-of-type,
.description_faq h5:first-of-type {
    margin-top: 0
}

.top-seller-text {
    color: #1e1f21;
    font-family: bebas-neue-pro !important;
    line-height: normal
}

.bloc-needs {
    height: 100%;
    flex-shrink: 0;
    background: linear-gradient(to right, #edf0f6 0, #edf0f6 40%, #179387 40%, #179387 60%, #175952 100%)
}

.bloc-needs-title {
    color: var(--beige, #f8f5f0);
    font-family: bebas-neue-pro !important;
    line-height: normal
}

.bloc-needs-description,
.bloc-needs-description:focus,
.bloc-needs-description:hover {
    color: var(--beige, #f8f5f0);
    font-family: Montserrat;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
    border-bottom: 1px solid;
    display: flex;
    text-decoration: none
}

.bloc-needs-description {
    font-style: normal;
    justify-content: space-between;
    min-height: 3.75rem;
    align-items: flex-end;
    padding-bottom: .69rem;
    padding-top: 1rem
}

.block-text,
.expert-words-title-bloc {
    font-family: bebas-neue-pro !important;
    font-style: normal
}

.bloc-needs-description:focus,
.bloc-needs-description:hover {
    font-style: normal;
    justify-content: space-between;
    align-items: flex-end
}

.block-text {
    color: var(--vert, #179387);
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 120%
}

@keyframes mea-bounce {

    0%,
    100% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1)
    }

    50% {
        transform: translateY(10%);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1)
    }
}

.mea-bounce {
    animation: .7s infinite mea-bounce
}

.expert-words-title-bloc {
    color: #121214;
    font-size: 3.125rem;
    font-weight: 400;
    line-height: normal
}

@media screen and (max-height:680px) {
    #popinContainer {
        position: sticky
    }

    #popinText {
        height: 18rem;
        overflow: scroll
    }
}

.expert-words-categorie,
.expert-words-categorie-mobile {
    color: var(--gris-3, #818182);
    font-family: Montserrat;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.expert-words-categorie {
    font-size: .625rem;
    font-style: normal;
    letter-spacing: .05rem
}

.expert-words-categorie-mobile {
    font-size: .5rem;
    font-style: normal;
    letter-spacing: .03rem
}

.expert-words-title,
.expert-words-title-mobile {
    color: var(--Vert, #179387);
    font-family: bebas-neue-pro !important;
    font-style: normal
}

.expert-words-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: normal
}

.expert-words-title-mobile {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 120%
}

.expert-words-description-mobile {
    color: var(--gris-1, #353941);
    font-family: Montserrat;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.h2-gamme,
.title-gamme {
    font-size: 3.125rem
}

.card-name,
.title-gamme {
    line-height: normal;
    font-style: normal
}

.embla {
    --slide-spacing: 1rem;
    --slide-size: 50%;
    --slide-height: 19rem
}

.embla__viewport {
    overflow: hidden
}

.embla__container {
    backface-visibility: hidden;
    display: flex;
    touch-action: pan-y
}

.title-gamme {
    color: #121214;
    text-align: center;
    font-family: bebas-neue-pro !important;
    font-weight: 400
}

.card-gamme {
    width: 9.36606rem;
    height: 20rem;
    flex-shrink: 0
}

.card-image {
    max-width: 9.5rem;
    max-height: 9.5rem;
    flex-shrink: 0
}

.card-image-mobile img {
    max-width: 125px;
    max-height: 125px;
    flex-shrink: 0
}

.range-block {
    padding: .94rem !important
}

@media screen and (min-width:1024px) and (max-width:1139px) {
    .range-block {
        padding: 7px !important
    }
}

@media screen and (max-width:1023) {
    .range-block {
        display: flex;
        width: 125px;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 5px
    }

    .range-text-bloc {
        display: flex;
        max-width: 125px !important;
        max-height: 270px !important;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        gap: 5px;
        overflow: scroll
    }

    .card-name {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: normal
    }
}

.range-block:last-child {
    border-right: 1px solid #179387 !important
}

.bloc-color {
    float: left;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    gap: .6875rem;
    top: .25rem
}

.card-name {
    font-size: 18px;
    font-weight: 600
}

.range_description-mobile {
    color: var(--gris-1, #353941);
    font-family: Montserrat;
    font-size: .625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.title-product-bloc-nav-gamme-mobile {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.range_description {
    color: #353941;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.8px
}

.range_description-carousel {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.menu-footer-back_to_top-mobile,
.menu-footer-descrition,
.menu-footer-title {
    font-family: Montserrat;
    line-height: normal;
    font-style: normal
}

.range-link {
    display: flex
}

.range-text-bloc {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .3125rem;
    min-height: 3.81rem
}

#carousel-range,
.block-sous-menu,
.menu-footer-descrition,
.wrap {
    display: flex;
    display: flex
}

.wrap {
    overflow: hidden
}

#carousel-range {
    max-width: 23.0625rem;
    align-items: center;
    transition: transform .7s
}

.slide {
    width: 19.0625rem;
    padding-bottom: 1.37rem;
    flex-shrink: 0;
    background-color: #fff
}

.carousel-container {
    overflow: hidden;
    padding: 0 .625rem
}

.range-transition {
    transition: .7s
}

.menu-footer-title {
    color: var(--Vert, #179387);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .06rem;
    text-transform: uppercase
}

.menu-footer-back_to_top-mobile {
    color: var(--gris-1, #353941);
    font-size: .5rem;
    font-weight: 400;
    letter-spacing: .03rem;
    text-transform: uppercase
}

.menu-footer-descrition {
    color: var(--gris-3, #818182);
    font-size: 12px;
    font-weight: 500;
    flex-direction: column;
    gap: 4px
}

#footer a:not(.element-footer):hover {
    text-decoration: underline !important
}

@keyframes fadeInDown {
    from {
        opacity: 1;
        transform: translateY(10px)
    }

    to {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.menu-footer-text-notes {
    color: var(--gris-3, #818182);
    font-family: Montserrat;
    font-size: .625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.menu-footer-back_to_top,
.menu-footer-right-reserved,
.menu-footer-right-reserved-other>a {
    color: var(--gris-1, #353941);
    font-family: Montserrat
}

.menu-footer-back_to_top,
.menu-footer-big-number,
.menu-footer-right-reserved,
.menu-footer-right-reserved-other>a {
    font-style: normal;
    line-height: normal;
    font-weight: 400
}

.menu-footer-big-number {
    font-size: 3.125rem;
    text-transform: uppercase
}

.menu-footer-back_to_top {
    text-align: right;
    font-size: .5625rem;
    letter-spacing: .045rem;
    text-transform: uppercase
}

.header-table-our-orders,
.ig-block-url {
    letter-spacing: .0625rem;
    text-transform: uppercase
}

.block-sous-menu {
    flex-direction: column;
    gap: .62rem
}

.menu-footer-right-reserved {
    font-size: .6875rem;
    opacity: .5
}

.menu-footer-right-reserved-other>a {
    font-size: .625rem
}

.menu-footer-language {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: .625rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.ig-block-title,
.ig-block-url {
    color: var(--Vert, #179387);
    line-height: normal;
    font-style: normal
}

.ig-block-title {
    font-family: bebas-neue-pro;
    font-size: 3.125rem;
    font-weight: 400
}

.ig-block-url {
    text-align: right;
    font-family: Montserrat;
    font-size: .625rem;
    font-weight: 600
}

.title-our-orders {
    color: #000;
    font-family: bebas-neue-pro;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.amount-our-order,
.header-table-our-orders,
.reference-our-order {
    line-height: 160%;
    font-style: normal
}

.header-table-our-orders {
    color: #000;
    font-family: Montserrat;
    font-size: .625rem;
    font-weight: 500;
    border: 0 !important
}

.reference-our-order {
    color: var(--Vert, #179387);
    font-family: Montserrat;
    font-size: .8125rem;
    font-weight: 600
}

.address-invoice,
.city-invoice,
.date-our-order,
.title-pre-number-order {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

.amount-our-order {
    color: var(--Noir, #121214);
    font-family: bebas-neue-pro;
    font-size: 1.25rem;
    font-weight: 400
}

.logout-menu-my-account:hover,
.welcome-user {
    font-weight: 700
}

.welcome-user {
    font-size: 3.75rem;
    font-style: normal;
    line-height: 100%
}

.title-menu-my-account,
.title-menu-my-account-mobile {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.title-menu-my-account {
    color: var(--Gris-clair, #fafafa);
    font-size: .625rem;
    letter-spacing: .0375rem;
    text-transform: uppercase;
    cursor: pointer
}

.title-menu-my-account-mobile {
    color: var(--Noir, #121214);
    font-size: .9375rem;
    letter-spacing: .05625rem;
    text-transform: uppercase
}

.logout-menu-my-account,
.logout-menu-my-account-mobile {
    font-size: .5rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .01rem;
    text-transform: uppercase;
    font-family: Montserrat;
    font-style: normal
}

.title-menu-my-account:hover {
    text-decoration: underline
}

.dfd-card-price--sale~.dfd-card-price,
.dfd-mobile .dfd-card-price--sale~.dfd-card-price {
    color: var(--gris-3, #818182) !important;
    letter-spacing: .0225rem;
    text-decoration: line-through !important
}

.logout-menu-my-account {
    color: var(--Gris-clair, #fafafa);
    cursor: pointer
}

.logout-menu-my-account-mobile {
    color: var(--Vert, #179387)
}

.bloc-order {
    border-bottom: 1px solid var(--Vert, #179387);
    background: var(--Gris-clair, #fafafa)
}

.selected-menu-account-mobile {
    display: flex;
    height: 3.75rem;
    justify-content: space-between;
    align-items: center;
    gap: 9.22725rem;
    width: 100%;
    max-height: 3.75rem;
    padding: 1.25rem
}

.dropbtn,
.selected-menu-account-mobile:hover {
    cursor: pointer
}

.dropdown-content-languages {
    display: none;
    position: absolute;
    left: 137px;
    background-color: #f1f1f1;
    min-width: 120px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    font-size: 10px
}

.dropdown-content-languages a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.dropdown-content-languages a:hover {
    background-color: var(--Vert, #179387);
    color: #fff
}

.custom-radio {
    position: relative;
    display: inline-block;
    width: 7.5px;
    height: 7.5px;
    margin-right: .5rem;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%
}

.custom-radio:has(input[type=radio]:checked) {
    border: 1px solid #179387
}

.custom-radio input[type=radio]:checked+span {
    position: absolute;
    top: 1.25px;
    left: 1.25px;
    display: block;
    width: 3px;
    height: 3px;
    background-color: #179387;
    border: 1px solid #179387;
    border-radius: 50%
}

.radio-inline {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dfd-searchbox-autocomplete,
.dfd-searchbox-main>[type=search] {
    font-size: 30px !important
}

.dfd-card-price,
.dfd-card-price--sale~.dfd-card-price {
    font-weight: 400 !important;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal
}

.custom-checkbox input[type=checkbox]:checked+span>.checkbox-tag {
    background-color: #179387
}

.dfd-layer * {
    font-family: Montserrat !important
}

#ps_checkout-payment-method-logo-block-container,
.dfd-footer {
    display: none !important
}

.dfd-layer {
    height: 100vh
}

.dfd-searchbox {
    height: 100px !important
}

.dfd-searchbox-main>[type=search]::placeholder {
    font-size: 30px !important
}

.dfd-card-price {
    color: var(--noir, #121214);
    font-family: bebas-neue-pro !important;
    font-size: 1.375rem;
    letter-spacing: .0275rem
}

.dfd-card-price--sale~.dfd-card-price {
    font-family: bebas-neue-pro !important;
    font-size: 1.125rem
}

.dfd-mobile .dfd-searchbox-autocomplete,
.dfd-mobile .dfd-searchbox-main>[type=search] {
    font-size: 20px !important
}

.dfd-card-title {
    color: var(--noir, #121214);
    font-family: Montserrat;
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left !important
}

.dfd-card-price--sale,
.dfd-mobile .dfd-card-price,
.dfd-mobile .dfd-card-price--sale,
.dfd-mobile .dfd-card-price--sale~.dfd-card-price {
    font-weight: 400 !important;
    text-transform: uppercase;
    font-style: normal
}

.dfd-card {
    border: 0 !important
}

.dfd-card-price--sale {
    color: var(--noir, #121214) !important;
    font-family: bebas-neue-pro;
    font-size: 1.375rem;
    line-height: normal;
    letter-spacing: .0275rem
}

.dfd-card-pricing {
    align-items: baseline !important
}

.dfd-card:focus-visible:hover,
.dfd-card:hover {
    border-color: var(--df-accent-primary, #4386f4);
    box-shadow: none !important
}

.dfd-card-flag {
    display: flex;
    padding: 2px 6px !important;
    align-items: flex-start;
    gap: .625rem;
    background: var(--vert, #179387) !important;
    min-height: 20px;
    color: #f6f7fa !important;
    text-align: center;
    font-family: bebas-neue-pro;
    font-size: .875rem !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    letter-spacing: .035rem;
    text-transform: uppercase;
    border-radius: 0 !important
}

.back-to-order,
.pre-icon-facture {
    text-align: right;
    font-weight: 600;
    line-height: normal
}

.dfd-mobile .dfd-searchbox-main>[type=search]::placeholder {
    font-size: 20px !important
}

.dfd-mobile .dfd-meta,
.dfd-mobile .dfd-results-grid {
    padding: 1px 25px !important
}

.dfd-mobile .dfd-card-price {
    color: var(--noir, #121214);
    font-family: bebas-neue-pro !important;
    font-size: 16px;
    line-height: normal;
    letter-spacing: .0275rem
}

.dfd-mobile .dfd-card-price--sale~.dfd-card-price {
    font-family: bebas-neue-pro !important;
    font-size: 14px;
    line-height: normal
}

.dfd-mobile .dfd-card-price--sale {
    color: var(--noir, #121214) !important;
    font-family: bebas-neue-pro;
    font-size: 16px !important;
    line-height: normal;
    letter-spacing: .0275rem
}

.pre-icon-facture {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: .625rem;
    font-style: normal;
    letter-spacing: .05rem;
    text-transform: uppercase
}

.back-to-order,
.text-summary-order {
    font-size: .625rem;
    letter-spacing: .0625rem;
    font-family: Montserrat;
    font-style: normal;
    text-transform: uppercase
}

.back-to-order {
    color: var(--gris-3, #818182)
}

.text-summary-order {
    color: var(--Noir, #121214);
    font-weight: 500;
    line-height: 160%
}

.text-summary-order-ttc {
    color: var(--Vert, #179387);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 180%;
    text-transform: uppercase
}

.amount-summary-order-bold,
.amount-summary-order-bold-ttc {
    font-family: bebas-neue-pro;
    font-weight: 400;
    line-height: normal
}

.amount-summary-order-bold {
    color: var(--Noir, #121214);
    font-size: 1rem;
    font-style: normal;
    letter-spacing: .02rem
}

.amount-summary-order-bold-ttc {
    color: var(--Vert, #179387);
    font-size: 1.375rem;
    font-style: normal;
    letter-spacing: .0275rem;
    text-transform: uppercase
}

.name-product-order,
.title-add-msg {
    color: var(--Noir, #121214);
    font-style: normal
}

.name-product-order {
    font-family: Montserrat;
    font-size: .75rem;
    font-weight: 600;
    line-height: normal;
    max-width: 19.4375rem
}

.title-add-msg {
    font-family: bebas-neue-pro;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 160%
}

.btn-send-msg,
.text-in-select-msg {
    font-family: Montserrat;
    font-size: .75rem
}

.btn-send-msg,
.recover-title,
.text-in-select-msg {
    font-style: normal;
    line-height: normal
}

.btn-send-msg {
    display: flex;
    width: 16rem;
    height: 3.125rem;
    padding: 1.125rem 0 1.0625rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 600;
    letter-spacing: .06rem;
    text-transform: uppercase
}

.text-in-select-msg {
    color: var(--gris-3, #818182);
    font-weight: 500
}

#footer {
    background-color: var(--Beige, #f8f5f0)
}

.last-td-table-details-commande,
.td-table-commande {
    border-bottom: 1px solid var(--Vert, #179387) !important
}

.td-table-details-commande {
    border-bottom: 1px solid var(--Vert-deau, #c4d7d1) !important
}

.tr-table-details-commande {
    padding-inline: 10px !important
}

.tr-details-order {
    border: 0 solid !important
}

.recover-title {
    font-size: 2.5rem;
    font-weight: 400
}

.description-customer-personal,
.title-customer-personal {
    color: #000;
    line-height: 160%;
    font-weight: 400;
    font-style: normal
}

.generic-field.is-focused .mdl-textfield__label {
    top: 8px !important;
    color: var(--Vert, #179387) !important
}

.generic-field.is-focused {
    background-color: rgba(196, 215, 209, .3)
}

.generic-field {
    background-color: var(--Gris-clair, #fafafa)
}

.title-customer-personal {
    font-family: bebas-neue-pro;
    font-size: 1.25rem
}

.description-customer-personal {
    font-family: Montserrat;
    font-size: .8125rem
}

.labeled {
    padding: .25rem .375rem;
    margin: .125rem;
    font-size: inherit;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: -webkit-focus-ring-color auto 0;
    outline-offset: -2px
}

.alert-info {
    background-color: #eef3f2;
    border-color: #808182;
    color: #808182
}

@media screen and (max-width:1023px) {
    .bloc-needs {
        background: linear-gradient(140deg, #179387 0, #175952 100%)
    }

    .description_faq h2 {
        font-size: 20px !important
    }

    .description_faq h3 {
        font-size: 18px !important
    }

    .section-title {
        font-size: 26px !important;
        font-weight: 400 !important
    }

    .description_faq h4 {
        font-size: 15px !important
    }

    .description_faq h5,
    .mea-text-tag {
        font-size: 14px !important
    }

    .desc_prod .product-desc>h3 {
        margin-bottom: 20px !important;
        font-size: 20px !important
    }

    .desc_prod .product-desc>h2 {
        margin-bottom: 20px !important;
        font-size: 24px !important
    }

    .desc_prod .product-desc>h4 {
        margin-bottom: 15px !important;
        font-size: 16px !important
    }

    .mea-text-hero {
        font-size: 22px !important
    }

    .title-our-orders,
    .title-our-orders-bloc-details {
        color: var(--Noir, #121214);
        font-family: bebas-neue-pro;
        font-style: normal;
        font-weight: 400
    }

    .cta-btn,
    .cta-btn-mea {
        padding: 18px 28px 17px
    }

    .menu-footer-descrition {
        gap: 0 !important;
        font-size: 12px
    }

    .address-invoice,
    .city-invoice,
    .name-invoice {
        font-size: .75rem
    }

    .title-our-orders {
        font-size: 1.625rem;
        line-height: normal
    }

    .title-our-orders-bloc-details {
        font-size: 1.375rem;
        line-height: 160%
    }
}

.name-invoice {
    color: var(--Noir, #121214);
    font-family: Montserrat;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 160%
}

#product-availability {
    display: none
}

@media screen and (min-width:1023px) {
    ::-webkit-scrollbar {
        width: 4px;
        position: absolute
    }

    ::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #d7d7d76d
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #179287
    }

    ::-webkit-scrollbar-thumb:hover {
        border-radius: 10px;
        background: #179287
    }
}

.btn-to-login:focus {
    outline: 0 !important;
    background-color: transparent !important
}

.h1-invisible {
    position: absolute;
    left: -9999px
}

.ps_checkout-mark {
    display: block !important
}

.ps_checkout-mark .paypal-marks {
    float: left !important
}

.paypal-mark img {
    height: 14px !important
}

body#checkout section.checkout-step .address-item.selected {
    background: #fafafa !important;
    border: 1px solid #179387
}

body#checkout section.checkout-step .address-footer,
body#checkout section.checkout-step .radio-block {
    padding: 20px
}

.bg-Arrebum {
    background-color: #215e8e !important
}

.bg-Beige {
    background-color: #f8f5f0 !important
}

.bg-Cledist {
    background-color: #e20343 !important
}

.bg-Elteans {
    background-color: #69ca97 !important
}

.bg-Gris1 {
    background-color: #353941 !important
}

.bg-Gris3 {
    background-color: #818182 !important
}

.bg-GrisClair {
    background-color: #fafafa !important
}

.bg-Imgalt {
    background-color: #48bdd9 !important
}

.bg-Jailys {
    background-color: #e6b5c0 !important
}

.bg-Noir {
    background-color: #121214 !important
}

.bg-Oxelio {
    background-color: #fd8204 !important
}

.bg-Silettum {
    background-color: #cdce00 !important
}

.bg-Vert {
    background-color: #179387 !important
}

.bg-VertDeau {
    background-color: #c4d7d1 !important
}

.bg-VertBorder {
    background-color: #e2ece5 !important
}

.bg-Ultra {
    background: #179387
}