.mask {
    mask-image: url("../images/mask-nature.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;

    /* Compatibilité Chrome, Edge et Safari */
    -webkit-mask-image: url("../images/mask-nature.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;

}

.mask-square {
    mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
    -webkit-mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
}

.mask-rectangle {
    mask-image: url("../images/dbi-nature-rectangle-mask.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;

    -webkit-mask-image: url("../images/dbi-nature-rectangle-mask.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
}

header {
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative; 
    height: 43vw;
    width: 100%;
}

header .header-content {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    position: relative;
    width: 45%;
    background-color: #EC7969;
    height: 100%;
    margin: 0;
    gap: 1.5vw;
}

header .header-bg {
    width: 55%;
    height: 100%;
}

header .header-bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
} 

header .header-content__title {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 1.8vw;
    line-height: 1.2;
    color: #000;
    text-align: left;
    margin-left: 4vw;
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin-top: 3vw;
    row-gap: 0.5vw;

}

header .header-content__title h1 {
    font-size: 3vw;
}

header .header-content__title p {
    font-family: "Work Sans", sans-serif;
    font-size: 1.5vw;
}

header .header-content__subtitle {
    font-family: 'Londrina Solid', sans-serif;
    color: #000;
    text-align: left;
    background-color: #fff;
    margin-left: 0;
    width: 70%;
    padding: 1vw 0;
}

header .header-content__title h1, 
header .header-content__title p {
    margin: 0;
}

header .header-content__subtitle h1 {
    margin: 0;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 3vw;
    line-height: 1;
    color: #000;
    text-align: left;
    margin-left: 4vw;
}

header .header-content__subtitle h1 span {
    color: #EC7969;
}

header .header-content__text p {
    margin: 0;
    font-family: "Work Sans", sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    color: #000;
    text-align: justify;
    padding: 1vw 4vw;
    width: 86%;
    letter-spacing: 1px;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

header .header-mobile-media {
    width: 100%;
}

header .header-mobile-video {
    width: 100%;
}

header .header-mobile-video video {
    width: 100%;
    height: auto;
    object-fit: cover;
}

header .header-mobile-patch-bloc {
    display: flex;
}

main .main-patch-bloc {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 2vw;
}

main .main-patch-bloc .mask-square {
    width: 13vw;
    height: 13vw;
    -webkit-mask-size: 13vw 13vw;
    -webkit-mask-repeat: no-repeat;
}

main .main-patch-bloc .patch-bloc__txt1 {
    background-color: #EBD6C7;
    fill: #EBD6C7;
}

main .main-patch-bloc .patch-bloc__txt2 {
    background-color: #000;
    fill: #000;
}

main .main-patch-bloc .patch-bloc__txt3 {
    background-color: #E75652;
    fill: #E75652;
}

main .main-patch-bloc .patch-bloc__bg1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main .main-patch-bloc .patch-bloc__txt1 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 1.9vw;
    color: #000;
    text-align: center;
    padding: 0; 
}

main .main-patch-bloc .patch-bloc__txt1 h4 {
    margin: 2vw 0 0 0 !important;
    line-height: 1;
}

main .main-patch-bloc .patch-bloc__txt1 span {
    font-size: 0.9vw;
    font-family: 'Work Sans', sans-serif;
    line-height: 0.3vw;
    font-weight: 700;


}

main .main-patch-bloc .patch-bloc__txt2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 0.9vw;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    padding: 0.5vw 0; 
}

main .main-patch-bloc .patch-bloc__txt3 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 2.1vw;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    padding: 0.5vw 0;
}
main .main-patch-bloc .patch-bloc__txt3 a {
    color: #fff;
    text-decoration: none;
}

main .main-patch-bloc .patch-bloc__txt2 .fw-100 {
    font-weight: 100;
    font-size: 0.9vw;
}

main .main-patch-bloc .patch-bloc__txt2 .fw-700 {
    font-weight: 700;
    font-size: 3.5vw;
    font-family: 'Londrina Solid', sans-serif;
}

main .main-patch-bloc .patch-bloc__txt2 .fw-500 {
    font-weight: 700;
    font-size: 1.1vw;
}

main .main-patch-bloc .patch-bloc__txt2 p sup {
    font-size: 0.6vw;
    vertical-align: super;
    line-height: 0;
}

header .header-baseline {
    position: absolute;
    bottom: -4.5vw;
    left: -1vw;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.3vw;
    width: 54vw;
    height: 8vw;
    padding: 0.8vw 2vw;
    background-color: #E75652;
}

header .header-baseline h2,
header .header-baseline p {
    margin: 0;
    line-height: 1;
    text-align: left;
}

header .header-baseline h2 {
    color: #000;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 2.4vw;
}

header .header-baseline .baseline-subtitle {
    color: #fff;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 1.65vw;
    text-transform: uppercase;
}

header .header-baseline .baseline-content {
    color: #000;
    font-family: "Work Sans", sans-serif;
    font-size: 0.9vw;
    font-weight: 700;
}

header .header-baseline.mask {
    mask-image: url("../images/mask-header-baseline.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 100% 100%;

    -webkit-mask-image: url("../images/mask-header-baseline.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
}

main {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 7vw 0vw 0vw 4vw;
    gap: 2vw;
}

main .adresse {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    


}

main .adresse h2 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 3vw;
    line-height: 1;
    color: #000;
    text-align: left;
    margin: 0;
}

main .adresse h3 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 2.3vw;
    line-height: 1;
    color: #EC7969;
    text-align: left;
    margin: 0;
}

main .adresse p {
    font-family: "Work Sans", sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    color: #000;
    text-align: left;
    margin: 0;
    padding-top: 1vw;
    width: 50%;
    letter-spacing: 1px;
}

main .adresse p b {
    font-weight: 700;
}

main .adresse .cta-gform {
    font-family: 'londrina solid', sans-serif;
    font-size: 1.2vw;
    color: #fff;
    background-color: #EC7969;
    padding: 0.5vw 1vw;
    border-radius: 0.3vw;
    text-decoration: none;
    padding: 0.5vw 1vw;
    margin-top: 2vw;
}

main .intuition .visuel-container {
    position: relative;
    overflow: visible;
}


main .intuition .visuel-container::before,
main .intuition .visuel-container::after {
    content: "";
    position: absolute;
    width: 10vw;
    height: 10vw;
    display: block;
    background-color: #EBD6C7;
    z-index: 2;
    mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
    -webkit-mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
}

main .intuition .visuel-container::before {
    left: 5vw;
    top: -5vw;
    background-color: #E75652;
}

main .intuition .visuel-container::after {
    right: -5vw;
    bottom: 10vw;
    background-color: #F19A97;
}

main .adresse .visuel-container {
    margin-top: 3vw;
    width: 67%;
}

main .adresse .visuel-container .main-visuel-desktop {
    width: 100%;
    height: auto;
    object-fit: cover;
}

main .adresse .visuel-container .patch-main__img1 {
    width: 15vw;
    height: 15vw;
    position: absolute;
    z-index: 1;
    right: 32vw;
    margin-top: -7vw;
}

main .intuition {

}

main .intuition .intuition-content {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 1vw;
    width: 40vw;
    height: 25vw;
    background-color: #EBD6C7;
    padding: 3vw 3vw 1vw 2vw;
    position: relative;
    left: 31vw;
    /* bottom: -10vw; */
    z-index: 2;
    display: none;
}

main .intuition .intuition-content .intuition-title p {
    font-family: 'Work Sans', sans-serif;
    font-size: 1vw;
    line-height: 1;
    color: #000;
    text-align: left;
    margin: 0;
    letter-spacing: 0.2vw;
    position: absolute;
    margin-left: 2vw;
    margin-top: 0.8vw;
    font-weight: 700;
}

main .intuition .intuition-content .intuition-title h3 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 5vw;
    line-height: 1;
    color: #E75652;
    text-align: left;
    margin: 0;
    letter-spacing: 0.3vw;
}

main .intuition .intuition-content .intuition-title h3 span {
    font-size: 6.5vw;
}

main .intuition .intuition-content h4 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 1.5vw;
    line-height: 1.2;
    color: #000;
    text-align: left;
    margin: 0;
}

main .intuition .intuition-content h4 span {
    color: #E75652;
}

main .intuition .intuition-content > p {
    font-family: "Work Sans", sans-serif;
    font-size: 1vw;
    line-height: 1.2;
    color: #000;
    text-align: left;
    margin: 0;
    letter-spacing: 0.1vw;
}

main .intuition .visuel-container {
    width: 60%;
    height: auto;
    position: relative;
    /* top: -10vw; */
    top: 0vw;
    z-index: 1;
}

main .intuition .visuel-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

main .patch-espace-vente--footer {
    position: relative;
    z-index: 2;
    align-self: flex-start;
    width: 35vw;
    /* margin-top: -12vw; */
    margin-top: -5vw;

    margin-bottom: 2vw;
}

.patch-espace-vente--header {
    position: absolute;
    z-index: 2;
    width: 22vw;
    top: 1vw;
    left: 34vw;
}

header .patch-espace-vente img {
    display: block;
    width: 100%;
    height: auto;
}

#formulaire {
    z-index: 100;
    top: 4vw;
    right: 1vw;
}

#formulaire::before {
    content: "";
    position: absolute;
    width: 5vw;
    height: 5vw;
    top: -3vw;
    left: 7vw;
    display: block;
    background-color: #EC7969;
    z-index: 2;
    pointer-events: none;
    mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
    -webkit-mask: url("../images/mask-card.svg") center/100% 100% no-repeat;
}



footer {
    background-color: #F0F0F0;
    z-index: 1;
}

footer .footer__content {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 2.5vw;
}

footer .footer__copromotion {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}

footer .footer__copromotion .left-line, 
footer .footer__copromotion .right-line {
    width: 10vw;
    height: 1px;
    background-color: #000;
}

footer .footer__copromotion div {
    color: #000;
}


footer .logos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}

footer .mentions {
    width: 100%;
    color: #000;
}

#formulaire {
    background-color: #fff;
    width: 20%;
    padding: 5vw 1.5vw 2vw 1.5vw;
    color: #000;
    position: fixed !important;
    overflow: visible;
    max-height: 90vh;
}

#formulaire .formulaire-scroll {
    max-height: calc(90vh - 7vw);
    overflow-y: auto;
    padding-right: 0.5vw;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge legacy */
}

#formulaire .formulaire-scroll::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

#formulaire .title {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 0.5vw;
    margin-bottom: 2vw;
}

#formulaire .title h2 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 2vw;
    line-height: 1;
    color: #000;
    text-align: center;
    margin: 0;
    text-align: left;
    padding: 0vw;
}

#formulaire .title h3 {
    font-family: 'Londrina Solid', sans-serif;
    font-size: 1.3vw;
    color: #EC7969;
    text-align: left;
    margin: 0;
}

#formulaire .title p {
    font-family: "Work Sans", sans-serif;
    font-size: 0.9vw;
    line-height: 1.2;
    color: #000;
    text-align: left;
    margin: 0;
    font-weight: 700;
}

.formLeads input, .formLeads select {
    background-color: #F0F0F0;
    color: #000;
    font-family: "Work Sans", sans-serif;
}

::placeholder {
    color: #000;
    font-family: "Work Sans", sans-serif;
}

#formulaire .projet > p {
    font-family: "Work Sans", sans-serif;
    font-size: 0.9vw;
    color: #000;
    font-weight: 700;
    text-align: left;
}

#formulaire #container_date p {
    font-family: "Work Sans", sans-serif;
    font-size: 0.8vw;
    color: #000;
    font-weight: 700;
    text-align: left;
}

#formulaire .markus_radio__label {
    font-family: "Work Sans", sans-serif;
    font-size: 0.9vw;
    color: #000;
    text-align: left;
}

.formLeads .markus_radio__control {
    background-color: #F0F0F0;
}

.formLeads .markus_radio input:checked + .markus_radio__control {
    background-color: #EC7969;
}

#formulaire .btn {
    background-color: #000;
    color: #fff;
    font-family: "Work Sans", sans-serif;
    width: 70%;
}

#formulaire #heure {
    background-color: #F0F0F0;
}

#formulaire .form-cta-tel {
    border-radius: 6px;
    background-color: #EBD6C7;
    margin:0 auto;
    color: #000;
    text-decoration: none;
    font-weight: 700;
    font-family: "Work Sans", sans-serif;
}

@media (max-width: 768px) {
    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .patch-espace-vente--header {
        top: 65vw;
        left: unset;
        right: 2vw;
        width: 46vw;
    }
    .patch-espace-vente--header img {
        width: 50vw;
    }

    header {
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    header .contact.mobile {
        position: fixed;
        top: 1.5vw;
        right: 1.5vw;
        z-index: 100;
        padding: 2vw;
    }

    header .contact.mobile .btn {
        width: 12vw;
        height: 12vw;
        border-radius: 10%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.16);
    }

    header .contact.mobile .btn svg * {
        fill: #EC7969 !important;
    }

    header .header-content {
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
    }

    header .header-content__title {
        margin-top: 7vw;
        padding-top: 0;
    }

    header .header-content__title h1 {
        font-size: 8.5vw;
        font-weight: 700;
    }

    header .header-content__subtitle h1 {
        font-size: 8vw;
    }

    header .header-content__title p {
        font-size: 5vw;
        font-weight: 700;
    }

    header .header-mobile-media {
        display: flex !important;
        flex-direction: column;
        gap: 0;
        margin-top: 7vw;
        padding: 0 4vw;
    }

    header .header-mobile-video {
        width: 100%;
        margin-top: 0;
    }

    header .header-mobile-video video {
        display: block;
        width: 100%;
        height: 74vw;
        object-fit: cover;
    }

    header .header-mobile-patch-bloc {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2vw;
        position: relative;
        top: 0;
        right: 0;
    }

    header .header-content__text {
        position: static;
    }

    header .header-mobile-patch-bloc .mask-square {
        width: 24.5vw;
        height: 24.5vw;
        mask-size: 24.5vw 24.5vw;
        -webkit-mask-size: 24.5vw 24.5vw;
        -webkit-mask-repeat: no-repeat;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt1 {
        background-color: #EBD6C7;
        fill: #EBD6C7;
        font-family: 'Londrina Solid', sans-serif;
        color: #000;
        text-align: center;
        padding: 0;
        margin-top: 0 !important;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt1 h4 {
        margin: 3.2vw 0 0 0 !important;
        line-height: 1;
        font-size: 3.4vw;

    }

    header .header-mobile-patch-bloc .patch-bloc__txt1 span {
        font-size: 1.4vw;
        font-family: 'Work Sans', sans-serif;
        line-height: 0.3vw;
        font-weight: 700;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 {
        background-color: #000;
        fill: #000;
        font-family: 'Work Sans', sans-serif;
        font-size: 1.9vw;
        line-height: 1.1;
        color: #fff;
        text-align: center;
        padding: 3vw 0;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt3 {
        background-color: #FFFFFF;
        fill: #FFFFFF;
        font-family: 'Londrina Solid', sans-serif;
        font-size: 4vw;
        line-height: 1.1;
        color: #EC7969;
        text-align: center;
        padding: 6vw 0;
    }
    header .header-mobile-patch-bloc .patch-bloc__txt3 a {
        color: #EC7969;
        text-decoration: none;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 p,
    header .header-mobile-patch-bloc .patch-bloc__txt3 p {
        margin: 0;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 .fw-100 {
        font-weight: 100;
        font-size: 1.9vw;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 .fw-700 {
        font-weight: 700;
        font-size: 7.2vw;
        font-family: 'Londrina Solid', sans-serif;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 .fw-500 {
        font-weight: 700;
        font-size: 2.3vw;
    }

    header .header-mobile-patch-bloc .patch-bloc__txt2 p sup {
        font-size: 1.4vw;
        vertical-align: super;
        line-height: 0;
    }

    header .header-content__text p {
        width: 100%;
        padding: 3vw 4vw 4vw;
        font-size: 3.5vw;
        letter-spacing: 0;
    }

    header .header-baseline {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
        height: 20vw;
        padding: 1.5vw 0vw;
        gap: 0.2vw;
    }

    header .header-baseline.mask {
            -webkit-mask-size: 115vw 115vw;
            mask-size: 115vw 115vw;
            mask-position: -22vw;
            -webkit-mask-position: -22vw;
            padding-left: 4vw;
    }

    header .header-baseline h2 {
        font-size: 5vw;
    }

    header .header-baseline .baseline-subtitle {
        font-size: 3.65vw;
    }

    header .header-baseline .baseline-content {
        font-size: 2.65vw;
    }

    #formulaire {
        width: 100%;
        position: relative !important;
        left: inherit;
        top: inherit;
    }

    main {
        padding: 20vw 6vw 4vw 6vw;
        gap: 0vw; 
    }

    main .adresse {
        gap: 3vw;
    }

    main .adresse h2 {
        font-size: 8.7vw;
        width: 95%;
    }

    main .adresse h3 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 5vw;
        line-height: 1;
        color: #EC7969;
        text-align: left;
        margin: 0;
    }

    main .adresse p {
        font-size: 2.7vw;
        width: 95%;
    }

    main .adresse p b {
        font-weight: 700;
    }

    main .adresse .cta-gform {
        font-family: 'londrina solid', sans-serif;
        font-size: 4.2vw;
        color: #fff;
        background-color: #EC7969;
        padding: 0.5vw 1vw;
        border-radius: 1.3vw;
        text-decoration: none;
        padding: 1.5vw 3vw;
        margin-top: 2vw;
    }

    main .adresse .visuel-container {
        margin-top: 3vw;
        width: 100%;
    }

    main .intuition {
        display: flex;
        flex-direction: column;
        gap: 10vw;
        justify-content: center;
        align-items: center;
    }

    main .intuition .intuition-content {
        display: flex;
        justify-content: start;
        align-items: start;
        flex-direction: column;
        gap: 3.5vw;
        width: 125%;
        height: 90vw;
        background-color: #EBD6C7;
        padding: 16vw 3vw 1vw 6vw;
        position: relative;
        left: 10vw;
        /* bottom: -10vw; */
        z-index: 2;
        display: none;
    }

    main .intuition .intuition-content .intuition-title h3 {
        font-size: 16vw;
    }

    main .intuition .intuition-content .intuition-title h3 span {
        font-size: 22.5vw;
    }

    main .intuition .intuition-content .intuition-title p {
        font-family: 'Work Sans', sans-serif;
        font-size: 4vw;
        line-height: 1;
        color: #000;
        text-align: left;
        margin: 0;
        letter-spacing: 0.1vw;
        position: absolute;
        margin-left: 6vw;
        margin-top: 2.8vw;
        font-weight: 700;
    }

    main .intuition .intuition-content h4 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 4.3vw;
        line-height: 1.2;
        color: #000;
        text-align: left;
        margin: 0;
        width: 85%;
    }

    main .intuition .intuition-content > p {
        font-family: "Work Sans", sans-serif;
        font-size: 2.8vw;
        line-height: 1.2;
        color: #000;
        text-align: left;
        margin: 0;
        letter-spacing: 0.1vw;
        width: 85%;
    }

    main .intuition .visuel-container {
        width: 100%;
        height: auto;
        position: relative;
        top: 3vw;
        z-index: 1;
    }

    main .patch-espace-vente--footer {
        width: 107%;
        margin-top: 0;
        margin-left: -3.5%;
    }

    main .intuition .visuel-container::before {
        left: 5vw;
        top: -10vw;
        background-color: #E75652;
    }

    main .intuition .visuel-container::after {
        right: 30vw;
        bottom: -10vw;
        background-color: #F19A97;
    }

    main .intuition .visuel-container::before, main .intuition .visuel-container::after {
        width: 17vw;
        height: 17vw;
    }

    #formulaire {
        right: 0;
        padding: 5vw 6vw 2vw 6vw;
        max-height: 100%;
    }

    #formulaire .formulaire-scroll {
        max-height: 100%;
    }

    #formulaire::before {
        content: none;
    }

    #formulaire .title {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 2.5vw;
        margin-bottom: 6vw;
    }

    #formulaire .title h2 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 8.7vw;
        line-height: 1;
        color: #000;
        text-align: center;
        margin: 0;
        text-align: left;
        padding: 0vw;
    }

    #formulaire .title h3 {
        font-family: 'Londrina Solid', sans-serif;
        font-size: 5vw;
        color: #EC7969;
        text-align: left;
        margin: 0;
    }

    #formulaire .title p {
        font-family: "Work Sans", sans-serif;
        font-size: 3.5vw;
        line-height: 1.2;
        color: #000;
        text-align: left;
        margin: 0;
        font-weight: 700;
    }

    #formulaire .projet > p {
        font-family: "Work Sans", sans-serif;
        font-size: 3.5vw;
        color: #000;
        font-weight: 700;
        text-align: left;
    }

    #formulaire #container_date p {
        font-family: "Work Sans", sans-serif;
        font-size: 3.5vw;
        color: #000;
        font-weight: 700;
        text-align: left;
    }

    #formulaire .markus_radio__label {
        font-family: "Work Sans", sans-serif;
        font-size: 3.5vw;
        color: #000;
        text-align: left;
    }

    input[name="date"] {
        padding-left: 5vw;
        padding-bottom: 0;
    }

    footer {
        padding: 10vw 6vw;
        z-index: 1;
    }

    footer .footer__content {
        width: 100%;
    }

    footer .logos img {
        margin: 0 1.25vw;
        height: 7vw;
    }

    footer .footer__copromotion .left-line, footer .footer__copromotion .right-line {
        width: 20vw;
        height: 1px;
        background-color: #000;
    }

    footer .footer__copromotion {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5vw;
    }

    footer .mentions p {
        margin-left: 0;
    }
    
    #cta {
        position: fixed;
        z-index: 100;
        right: inherit;
        bottom: 0;
        left: inherit;
        width: 100%;
        height: 15vw;
        margin-left: 0;
        text-align: center;
        font-family: "Work Sans", sans-serif;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        font-size: 4vw;
        line-height: 15vw;
        background-color: #EBD6C7;
    }

    #formulaire .form-cta-tel {
        border-radius: 6px;
        background-color: #EBD6C7;
        margin:0 auto 5vw auto;
        color: #000;
    }
}