:root {
    --font-primary: "Montserrat", sans-serif;

    --color-primary: #961F23;
    --color-text: #333333;
    --color-white: #FFFFFF;
    --color-grey-dark: #6D6D6D;

    --text-14: 14px;
    --text-20: 20px;
    --text-24: 24px;

    --fw-400: 400;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;

    --lh-24: 24px;
    --lh-28: 28px;
    --lh-35: 35px;
}

.produit-hero {
    display: flex;
    align-items: stretch;
    background: #fff;
    max-width: 1440px;
    margin: 0 auto;
}

.produit-hero__image,
.produit-hero__content {
    width: 50%;
    min-height: 512px;
}

.produit-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.produit-hero__content {
    width: 50%;
    height: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 50px;
    box-sizing: border-box;
}

.produit-hero__content h1 {
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.produit-hero__content p {
    max-width: 500px;
    margin: 0;
    color: #333;
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.produit-hero__image {
    width: 50%;
    height: 512px;
    background-image: url("../images/fenetre-battant-auvent.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 35% center;
    flex-shrink: 0;
}


.produit-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.produit-hero__content {
    width: 50%;
    height: 512px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 149.5px 0 122px 50px;
    box-sizing: border-box;
}

.produit-hero__content h1 {
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-top: 0px;
}

.produit-hero__content p {
    max-width: 500px;
    margin: 0;
    color: #333;
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 991px) {
    .produit-hero {
        flex-direction: column;
    }

    .produit-hero__image,
    .produit-hero__content {
        width: 100%;
        min-height: auto;
    }

    .produit-hero__content {
        padding: 40px 24px;
        gap: 24px;
    }

    .produit-hero__content p {
        max-width: 100%;
    }
}


.produit-texte {
    width: 100%;
}

.produit-texte__inner {
    max-width: 1440px;
    height: 200px;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    box-sizing: border-box;
    background: #6D6D6D;
}

.produit-texte {
    width: 100%;
}

.produit-texte__inner {
    max-width: 1440px;
    height: 200px;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #6D6D6D;

}

.produit-texte__inner p {
    margin: 0;
    max-width: 890px;
    /* ajuste ici */
    color: #FFF;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
}

@media (max-width: 991px) {
    .produit-texte__inner {
        height: auto;
        padding: 35px 24px;
    }

    .produit-texte__inner p {
        font-size: 18px;
        line-height: 30px;
    }
}


.produit-detail {
    width: 100%;
    background: #ffffff;
}

.produit-detail__inner {
    position: relative;
    max-width: 1440px;
    height: 622px;
    margin: 0 auto;
    padding: 50px 100px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

/* image à droite */
.produit-detail__image {
    position: absolute;
    right: 100px;
    bottom: 53px;
    width: 818px;
    height: 503px;
    background: url("../images/cbe-fenestration/1.png") lightgray 50% / cover no-repeat;
}

.produit-detail__image_deux {
    background: url("../images/cbe-fenestration/2.png") lightgray 50% / cover no-repeat;
}

.produit-detail__image_trois {
    background: url("../images/cbe-fenestration/3.png") lightgray 50% / cover no-repeat;
}

/* boite texte */
.produit-detail__card {
    position: absolute;
    left: 102px;
    top: 132px;
    width: 484px;
    height: 328px;
    padding: 30px 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;
    border: 2px solid #961F23;
    background: #FFF;
    z-index: 2;
}

.produit-detail__card h2 {
    margin: 0;
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.produit-detail__card p {
    margin: 0;
    color: #333333;
    font-family: var(--font-primary);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* flèches */
.produit-detail__arrows {
    position: absolute;
    left: 432px;
    bottom: 52.864px;
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 3;
}

.produit-detail__arrows .produit-detail__arrow:first-child {
    opacity: 0.5;
}

.produit-detail__arrows .produit-detail__arrow:last-child {
    opacity: 1;
}

.produit-detail__arrow {
    border: 0;
    background: transparent;
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 38px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.produit-detail__arrow:hover {
    opacity: 0.75;
}

/* VERSION INVERSÉE */
.produit-detail--reverse .produit-detail__image {
    left: 100px;
    right: auto;
}

.produit-detail--reverse .produit-detail__card {
    right: 102px;
    left: auto;
}

.produit-detail--reverse .produit-detail__arrows {
    right: 432px;
    left: auto;
}


@media (max-width: 1200px) {
    .produit-detail__inner {
        height: auto;
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .produit-detail__image,
    .produit-detail__card,
    .produit-detail__arrows {
        position: static;
    }

    .produit-detail__image {
        width: 100%;
        max-width: 818px;
        height: 420px;
        order: 1;
    }

    .produit-detail__card {
        width: 100%;
        max-width: 484px;
        height: auto;
        order: 2;
        padding: 30px 24px;
    }

    .produit-detail__arrows {
        order: 3;
        justify-content: center;
    }
}

.produit-soumission {
    width: 100%;

}

.produit-soumission__inner {
    max-width: 1440px;
    height: 314px;
    margin: 0 auto;
    padding: 66px 100px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 21px;

    background: url("../images/cbe-fenestration/4.png") 100% 100% no-repeat, #961F23;
}

.produit-soumission__inner h2 {
    margin: 0;
    color: #FFF;
    font-family: var(--font-primary);
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.produit-soumission__btn {
    display: inline-flex;
    padding: 25px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;

    border: 3px solid #961F23;
    background: #FFF;

    color: #000;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;

    transition: 0.2s ease;
}

.produit-soumission__btn:hover {
    background: #961F23;
    color: #FFF;
}

@media (max-width: 991px) {
    .produit-soumission__inner {
        height: auto;
        padding: 50px 24px;
    }

    .produit-soumission__inner h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .produit-soumission__btn {
        padding: 18px 28px;
    }
}

.produit-inspirations {
    width: 100%;
    background: #ffffff;
}

.produit-inspirations__inner {
    display: flex;
    width: 100%;
    max-width: 1440px;
    padding: 66px 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
    margin: 0 auto;
    box-sizing: border-box;
}

.produit-inspirations__title {
    margin: 0;
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.produit-inspirations__grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.produit-inspirations__row {
    display: flex;
    align-items: stretch;
    align-self: stretch;
}

.produit-inspirations__item {
    flex: 1 1 33.333%;
    aspect-ratio: 413.33 / 313;
    overflow: hidden;
}

.produit-inspirations__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.produit-formulaire {
    display: flex;
    width: 100%;
    padding: 100px 0;
    justify-content: center;
    align-items: center;
    background: #F0F0F0;
}

.produit-formulaire__inner {
    display: flex;
    width: 940px;
    flex-direction: column;
    align-items: flex-end;
    gap: 21px;
    flex-shrink: 0;
}

.produit-formulaire__title {
    align-self: stretch;
    margin: 0;
    color: #961F23;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.produit-formulaire__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.produit-formulaire__row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.produit-formulaire__field {
    flex: 1 0 0;
}

.produit-formulaire__field input,
.produit-formulaire__field select {
    display: flex;
    width: 100% !important;
    height: 38px;
    padding: 10px;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ADADAD !important;
    background: #FFF !important;
    color: #B8B8B8 !important;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    outline: none;

}

.produit-formulaire__field input::placeholder,
.produit-formulaire__field textarea::placeholder {
    color: #B8B8B8;
    opacity: 1;
}

.produit-formulaire__field select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 36px;
    cursor: pointer;
}

.produit-formulaire__field--select {
    position: relative;
}

.produit-formulaire__field--select::after {
    content: "∨";
    position: absolute;
    right: 12px;
    top: 35%;
    transform: translateY(-52%);
    color: #961F23;
    font-size: 22px;
    line-height: 1;
    pointer-events: none;
}

.produit-formulaire__options {
    display: flex;
    padding: 15px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    box-sizing: border-box;
    border: 1px solid #ADADAD;
    background: #FFF;
}

.produit-formulaire__options-title {
    margin: 0;
    color: #B8B8B8;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.produit-formulaire__checkboxes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}

.produit-formulaire__checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.produit-formulaire__checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    margin: 0;
    border: 2px solid #961F23;
    background: #FFF;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

.produit-formulaire__checkbox input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: #961F23;
}

.produit-formulaire__checkbox span {
    color: #B8B8B8;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.produit-formulaire__field--textarea {
    width: 100%;
}

.produit-formulaire__field textarea {
    display: flex;
    width: 100%;
    height: 173px;
    padding: 15px 10px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    box-sizing: border-box;
    border: 1px solid #ADADAD;
    background: #FFF;
    resize: none;
    outline: none;

    color: #333333;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.produit-formulaire__btn {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    background: #961F23;
    border: 0;
    cursor: pointer;

    color: #FFF;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.produit-formulaire__btn:hover {
    opacity: 0.9;
}

@media (max-width: 991px) {
    .produit-formulaire {
        padding: 60px 24px;
        box-sizing: border-box;
    }

    .produit-formulaire__inner {
        width: 100% !important;
    }

    .produit-formulaire__form {
        width: 100%;
    }

    .produit-formulaire__row {
        flex-direction: column;
        width: 100%;
    }

    .produit-formulaire__field {
        width: 100%;
        flex: none;
    }

    .produit-formulaire__field input,
    .produit-formulaire__field select,
    .produit-formulaire__field textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .produit-formulaire__options,
    .produit-formulaire__field--textarea {
        width: 100%;
        box-sizing: border-box;
    }

    .produit-formulaire__checkboxes {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    .produit-formulaire__title {
        font-size: 22px;
        line-height: 28px;
    }
}

.produit-interets {
    width: 100%;
    background: #ffffff;
}

.produit-interets__inner {
    display: flex;
    max-width: 1440px;
    width: 100%;
    padding: 50px 100px 100px 100px;
    flex-direction: column;
    align-items: flex-start;
    gap: 49px;
    margin: 0 auto;
    box-sizing: border-box;
}

.produit-interets__head {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.produit-interets__title {
    display: flex;
    width: 590px;
    min-height: 62px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    margin: 0;

    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.produit-interets__arrows {
    display: flex;
    align-items: center;
    gap: 20px;
}

.produit-interets__arrow {
    width: 22.869px;
    height: 26.136px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.produit-interets__arrow svg {
    width: 22.869px;
    height: 26.136px;
    display: block;
}

.produit-interets__cards {
    display: flex;
    align-items: flex-start;
    gap: 53px;
    align-self: stretch;
}

.produit-interets__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    flex: 1 0 0;
}

.produit-interets__image {
    height: 275px;
    align-self: stretch;
    border: 1px solid #961F23;
    overflow: hidden;
    box-sizing: border-box;
}

.produit-interets__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.produit-interets__card-title {
    margin: 0;
    align-self: stretch;

    color: #961F23;
    font-family: var(--font-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}

.produit-interets__text {
    margin: 0;
    height: 165px;
    align-self: stretch;

    color: #000000;
    font-family: var(--font-primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.produit-interets__btn {
    display: inline-flex;
    padding: 25px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;

    border: 3px solid #961F23;
    background: #ffffff;
    text-decoration: none;

    color: #000000;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;

    transition: 0.2s ease;
}

.produit-interets__btn:hover {
    background: #961F23;
    color: #ffffff;
}

@media (max-width: 991px) {
    .produit-interets__inner {
        padding: 50px 24px;
        gap: 30px;
    }

    .produit-interets__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .produit-interets__title {
        width: 100%;
        min-height: auto;
    }

    .produit-interets__cards {
        flex-direction: column;
        gap: 40px;
    }

    .produit-interets__card {
        width: 100%;
    }

    .produit-interets__text {
        height: auto;
    }
}



/* PAGE EQUIPE */

.equipe-hero {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.equipe-hero__image {
    width: 100%;
    max-width: 1440px;
    height: 312px;
    flex-shrink: 0;
    overflow: hidden;
}

.equipe-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.equipe-titre {
    display: flex;
    width: 100%;
    justify-content: center;
    background: #ffffff;
}

.equipe-titre__inner {
    display: flex;
    width: 100%;
    max-width: 1440px;
    padding: 40px 0px 40px 100px;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
}

.equipe-titre__heading {
    margin: 0;
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 0px;
}


@media (max-width: 991px) {
    .equipe-titre__inner {
        padding: 30px 24px;
    }

    .equipe-titre__heading {
        font-size: 28px;
        line-height: 34px;
    }
}


.equipe-membres {
    width: 100%;
}

.equipe-membres__inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 100px 110px 100px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: repeat(3, 340px);
    justify-content: space-between;
    row-gap: 72px;
}

.equipe-carte {
    position: relative;
    width: 340px;
    min-height: 468px;
}

.equipe-carte__photo {
    width: 340px;
    height: 361px;
    flex-shrink: 0;
    border: 3px solid #961F23;
    background: #d9d9d9;
    overflow: hidden;
    box-sizing: border-box;
}

.equipe-carte__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.equipe-carte__infos {
    position: absolute;
    right: -33px;
    bottom: 0px;

    width: 341px;
    min-height: 156px;
    padding: 24px 24px 22px 24px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;

    background: #961F23;
}

.equipe-carte__nom {
    margin: 0 0 6px 0;
    color: #fff;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0;
}


.equipe-carte__poste,
.equipe-carte__courriel,
.equipe-carte__telephone {
    margin: 0;
    width: 236px;
    color: #FFF;
    font-family: var(--font-primary);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.equipe-carte__courriel:hover,
.equipe-carte__telephone:hover {
    text-decoration: underline;
}


@media (max-width: 1200px) {
    .equipe-membres__inner {
        padding: 0 24px 100px 24px;
        grid-template-columns: repeat(2, minmax(280px, 340px));
        justify-content: center;
        column-gap: 40px;
        row-gap: 120px;
    }
}

@media (max-width: 767px) {
    .equipe-membres__inner {
        grid-template-columns: 1fr;
        row-gap: 120px;
    }

    .equipe-carte {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }

    .equipe-carte__photo {
        width: 100%;
    }

    .equipe-carte__infos {
        width: calc(100% - 20px);
        right: -10px;
    }
}

.equipe-projet {
    width: 100%;
    background: #ffffff;
}

.equipe-projet__inner {
    position: relative;
    max-width: 1440px;
    height: 622px;
    margin: 0 auto;
    padding: 50px 100px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: #fff;
}

.equipe-projet__image {
    position: absolute;
    right: 100px;
    width: 818px;
    height: 503px;
    overflow: hidden;
}

.equipe-projet__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.equipe-projet__card {
    position: absolute;
    left: 102px;
    bottom: 86px;

    display: flex;
    width: 484px;
    height: 434px;
    padding: 30px 50px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 25px;

    border: 2px solid #961F23;
    background: #FFF;
    z-index: 2;
}

.equipe-projet__title {
    margin: 0;
    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.equipe-projet__text {
    width: 384px;
    margin: 0;
    color: #333333;
    font-family: var(--font-primary);
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.equipe-projet__btn {
    display: inline-flex;
    padding: 10px 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid #961F23;
    background: #961F23;
    color: #FFF;
    text-align: center;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s ease;
}

.equipe-projet__btn:hover {
    background: #ffffff;
    color: #961F23;
}

@media (max-width: 1200px) {
    .equipe-projet__inner {
        height: auto;
        padding: 40px 24px 80px 24px;
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .equipe-projet__image,
    .equipe-projet__card {
        position: static;
    }

    .equipe-projet__image {
        width: 100%;
        max-width: 818px;
        height: 420px;
        order: 1;
    }

    .equipe-projet__card {
        width: 100%;
        max-width: 484px;
        height: auto;
        padding: 30px 24px;
        order: 2;
    }

    .equipe-projet__text {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .equipe-projet__image {
        height: 300px;
    }

    .equipe-projet__title {
        font-size: 22px;
        line-height: 28px;
    }
}


.equipe-candidature {
    width: 100%;
    background: #f3f3f3;
}

.equipe-candidature__inner {
    display: flex;
    width: 100%;
    max-width: 1440px;
    padding: 100px 249px 0 250px;
    justify-content: center;
    align-items: flex-start;
    gap: 51px;
    margin: 0 auto;
    box-sizing: border-box;
}

.equipe-candidature__title {
    width: 425px;
    min-height: 96px;
    flex-shrink: 0;
    margin: 0;

    color: #961F23;
    font-family: var(--font-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.equipe-candidature__text {
    flex: 1 0 0;

}

.equipe-candidature__text p {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-family: var(--font-primary) !important;
    color: #000;


}

.equipe-candidature__text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .equipe-candidature__inner {
        padding: 60px 24px 0 24px;
        flex-direction: column;
        gap: 24px;
    }

    .equipe-candidature__title,
    .equipe-candidature__text {
        width: 100%;
        max-width: 100%;
    }
}


.equipe-postuler {
    display: flex;
    width: 100%;
    padding: 20px 0 100px 0;
    justify-content: center;
    align-items: center;
    background: #f3f3f3;
}

.equipe-postuler__inner {
    display: flex;
    width: 940px;
    flex-direction: column;
    align-items: flex-end;
    gap: 21px;
    flex-shrink: 0;
}

.equipe-postuler__form {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.equipe-postuler__row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}

.equipe-postuler__field {
    flex: 1 0 0;
}

.equipe-postuler__field input,
.equipe-postuler__field textarea {
    display: flex;
    width: 100%!important;
    box-sizing: border-box!important;
    border: 1px solid #ADADAD!important;
    background: #FFF!important;;
    color: #ADADAD!important;
    font-family: var(--font-primary)!important;
    font-size: 15px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    text-transform: uppercase!important;
    outline: none!important;
    margin-bottom: 0px!important;
}

.equipe-postuler__field input {
    height: 38px;
    padding: 10px;
    align-items: center;
    gap: 10px;
}

.equipe-postuler__field input::placeholder,
.equipe-postuler__field textarea::placeholder {
    color: #ADADAD;
    opacity: 1;
}

.equipe-postuler__field--textarea textarea {
    height: 158px;
    padding: 15px 10px;
    resize: none;
    align-items: flex-start;
    gap: 10px;
}

/* champs fichier */
.equipe-postuler__field--file {
    position: relative;
}

.equipe-postuler__file-label {
    display: flex;
    height: 38px;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    box-sizing: border-box;
    border: 1px solid #ADADAD;
    background: #FFF;
    color: #ADADAD;
    font-family: var(--font-primary);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
}

.equipe-postuler__field--file input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.equipe-postuler__file-icon {
    width: 12px;
    height: 13.714px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: rotate(360deg);
    flex-shrink: 0;
}

.equipe-postuler__file-icon svg {
    display: block;
    width: 12px;
    height: 13.714px;
}

.equipe-postuler__btn {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
    border: 0;
    background: #961F23;
    color: #FFF;
    font-family: var(--font-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}

.equipe-postuler__btn:hover {
    opacity: 0.92;
}


@media (max-width: 991px) {
    .equipe-postuler {
        padding: 20px 24px 60px 24px;
        box-sizing: border-box;
    }

    .equipe-postuler__inner {
        width: 100%;
    }

    .equipe-postuler__form {
        width: 100%;
    }

    .equipe-postuler__row {
        flex-direction: column;
        width: 100%;
    }

    .equipe-postuler__field {
        width: 100%;
        flex: none;
    }

    .equipe-postuler__field input,
    .equipe-postuler__field textarea,
    .equipe-postuler__file-label {
        width: 100%;
    }
}