body > .other__section {
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
    margin-inline: 0;
    padding: 37.5vw 8.5vw 10vw 8.5vw;
    position: relative;
}
body > .other__section--join {
    padding-top: 47.5vw;
}
.other__background {
    background-color: var(--sColor);
    clip-path: polygon(-10% 0%, 100% 22.5%, 7.5% 60%);
    mix-blend-mode: multiply;
    height: 100%;
    left: -7.5vw;
    max-width: unset;
    opacity: 1;
    position: absolute;
    top: 1vw;
    width: 255vw;
    z-index: -1;
}
.other__background--blue {
    background-color: var(--tColor);
    clip-path: polygon(50% 0%, 41.5% 67%, -60% 27.5%);
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    height: 100%;
    left: -7.5vw;
    max-width: unset;
    opacity: 1;
    position: absolute;
    top: 1vw;
    width: 255vw;
    z-index: -1;
}
.other__section > .button {
    margin: 2.5vw 0 9vw 0vw;
}
.other__section > .button:hover {
    background-color: var(--tColorLight);
    border: .0625rem solid var(--mColor);
    color: var(--mColor);
}
.illustrationContainer:has(.other__illustration) {
    margin-inline: -8.5vw;
    width: 100vw;
}
.other__illustration {
    height: 154vw;
    position: relative;
    z-index: -2;
}
.other__section *:not(.button) , .other__section .corps p {
    color: var(--whiteBis);
}
.other__section .button {
    border: none;
}
.other__section::before {
    aspect-ratio: 112 / 136;
    background-image: url(../../img/particles/particleOffre.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 17.5vw;
    content: "";
    display: block;
    position: absolute;
    right: 5.5vw;
    width: 60vw;
}
.other__section--offres::before {
    bottom: 47.5vw;
}
.other__section--join > .illustrationContainer {
    margin-top: 25vw;
}
.other__container {
    display: flex;
    flex-direction: column;
    gap: 5vw;
}
@media screen and (min-width: 575.98px) {
    .body > .other__section {
        padding-top: 25vw;
    }
    .other__background { 
        clip-path: polygon(-10% -3%, 100% 22.5%, 7.5% 60%);
        right: 12.5vw;
        top: -7.5vw;
    }
    .other__section::before {
        bottom: 25vw;
        width: 45vw;
    }
    .other__illustration {
        width: 135vw;
    }
    .other__background--blue {
        clip-path: polygon(50% 0%, 41.5% 67%, -40% 17.5%);
    }
}

@media screen and (min-width:767.98px) {
    .body > .other__section {
        padding-top: 17.5vw;
    }
    .other__background {
        clip-path: polygon(-15% -3%, 80% 19%, 8.5% 50%);
    }
    .other__section::before {
        right: 17.5vw;
        width: 40vw;
    }
    .other__section--join > .illustrationContainer {
        margin-top: 10vw;
    }
    .other__background--blue {
        clip-path: polygon(50% 0%, 41.5% 55%, -40% 17.5%);
    }
    .body > .other__section--join {
        padding-top: 22.5vw;
    }
    .other__container {
        gap: 3.5vw;
    }
}

@media screen and (min-width: 991.98px) {
    .other__section {
        position: relative;
    }
    .other__section .title, 
    .other__section .corps {
        width: 50%;
        z-index: 1;
    }
    .other__section .button {
        z-index: 1;
    }
    .other__background {
        clip-path: polygon(0vw 0vw, 95vw 50vw, 0vw 115vw);
        height: 110vw;
        top: -11vw;
        z-index: 0;
    }
    .other__section .illustrationContainer {
        height: 80vw;
        left: 8.5vw;
        overflow: hidden;
        position: absolute;
        top: 10vw;
        width: 100vw;
    }
    .other__illustration {
        height: 100vh;
        left: 0;
        position: fixed;
        top: 5rem;
        width: 100vw;
        will-change: transform;
    }
    .other__section--join .other__illustration {
        top: 0rem;
    }
    .body > .other__section {
        gap: 1.5vw;
        min-height: 90vw;
        padding-left: 5vw;
        padding-top: 25vw;
        padding-bottom: 0;
    }
    .other__section::before {
        bottom: unset;
        right: 5vw;
        top: 12.5vw;
        width: 20vw;
    }
    .other__section::after {
        aspect-ratio: 112 / 136;
        background-image: url(../../img/particles/particleHexagonPink.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        bottom: 10vw;
        content: "";
        display: block;
        position: absolute;
        right: 22.5vw;
        width: 15vw;
    }
    .other__section > .button {
        margin: 1.5vw 0 1vw 0vw;
    }
    .other__background--blue {
        clip-path: polygon(50% 0%, 41.5% 55%, -40% 17.5%);
    }
    .body > .other__section--join {
        position: relative;
    }
    .other__section--join .title,
    .other__section--join .corps,
    .other__section--join .button {
        margin-left: 40vw;
    }
    .other__section--join .button {
        width: fit-content;
    }
    /* .other__background--blue {
        clip-path: polygon(90% 0%, 70% 90%, -5% 40%);
        height: 110vh;
        width: 140vw;
    } */
    .other__section--join::before {
        right: 80vw;
        top: 7.5vw;
    }
    .other__section--join::after {
        bottom: 5vw;
        right: 77.5vw;
    }
    .other__background--blue,
    .other__section--join .illustrationContainer {
        overflow: visible;
    }
    .other__section >.button--join:hover {
        background-color: var(--mColor);
        border: .0625rem solid var(--tColor);
        color: var(--tColor);
    }
    .body > .other__section--join {
        padding: 0;
    }
    .other__container {
        position: relative;
        padding-top: 10vw;
        padding-left: 5vw;
    }
    .other__background--blue {
        clip-path: polygon(80% -2%, 67% 90%, -5% 30%);
        height: 120vw;
        width: 150vw;
    }
    .body > .other__section--join {
        min-height: 80vw;
    }
    .other__container {
        gap: 1.5vw;
    }
}

@media screen and (min-width: 1199.98px) {
    .body > .other__section {
        padding-left: 12.5vw;
        padding-top: 26vw;
    }
    .body > .other__section--join {
        padding-top: 15vw;
    }
    .other__background {
        clip-path: polygon(0vw 0vw, 85vw 50vw, 0vw 115vw);
    }
    .other__section::before {
        top: 21vw;
        width: 22.5vw;
    }
    .other__background--blue {
        clip-path: polygon(90% -10%, 70% 100%, 15% 45%);
        height: 110vw;
    }
    .body > .other__section--join {
        padding: 0;
    }
    .other__container {
        padding-top: 24vw;
        padding-left: 13vw;
    }
}

@media screen and (min-width: 1399.98px) {
    .other__section .title, .other__section .corps {
        width: 45%;
    }
    .body > .other__section {
        min-height: 75vw;
        padding-top: 20.5vw;
    }
    .body > .other__section--join {
        padding-left: 20vw;
        padding-top: 0;
    }
    .other__background {
        clip-path: polygon(0vw 0vw, 75vw 42.5vw, 0vw 100vw);
    }
    .other__section::before {
        top: 13vw;
        right: 10vw;
    }
    .other__section::after {
        right: 25vw;
        width: 12.5vw;
    }
    .other__background--blue {
        clip-path: polygon(90% 0%, 70% 100%, 15% 35%);
        height: 150vh;
    }
    .other__section--join::after {
        right: 70vw;
    }
    .other__section--join::before {
        top: 3vw;
        right: 77vw;
    }
    .other__background--blue {
        clip-path: polygon(80% -10%, 54% 85%, 5% 35%);
        height: 110vw;
    }
    .other__container {
        padding-top: 12vw;
        padding-left: unset;
        margin-left: -2.5vw;
    }
}

@media screen and (min-width: 1599.98px) {
    .body > .other__section {
        gap: 1vw;
        min-height: 100vh;
        padding-left: 15vw;
        padding-top: 15vw;
    }
    .other__background {
        clip-path: polygon(0vw 0vw, 75vw 35vw, 0vw 85vw);
    }
    .other__section .title, .other__section .corps {
        width: 40%;
    }
    .other__section::before {
        top: 10vw;
        right: 7vw;
        width: 17.5vw;
    }
    .other__section::after {
        right: 25vw;
        width: 10vw;
        bottom: 5vw;
    }
    .other__background--blue {
        clip-path: polygon(90% -7%, 72.5% 100%, 20% 40%);
        height: 180vh;
    }
    .other__section--join::after {
        right: 75vw;
        width: 10vw;
        bottom: 20vw;
    }
    .body > .other__section--join {
        padding-top: 0;
    }
    .other__section--join::before {
        right: 75vw;
    }
    .other__background--blue {
        clip-path: polygon(80% -10%, 57.5% 92.5%, 5% 35%);
        height: 100vw;
    }
}

@media screen and (min-width: 1799.98px) {
    .body > .other__section {
        padding-left: 12.5vw;
        padding-top: 17vw;
    }
    .body > .other__section--join {
        padding-top: 0;
    }
    .other__background--blue {
        clip-path: polygon(80% -5%, 57.5% 92.5%, 5% 35%);
        height: 100vw;
    }
}

@media screen and (min-width: 1919.98px) {
    .body > .other__section {
        padding: 17vw 5vw 15vw 10vw;
    }
    .body > .other__section--join {
        padding-top: 0;
    }
    .other__background {
        clip-path: polygon(-5vw 0vw, 72.5vw 34vw, 0vw 77.5vw);
    }
    .other__background--blue {
        clip-path: polygon(90% -7%, 72.5% 100%, 20% 40%);
    }
    .other__background--blue {
        clip-path: polygon(80% -7%, 62% 95%, 22.5% 35%);
        height: 90vw;
    }
    .other__container {
        padding-left: 10vw;
    }
}

@media screen and (min-width: 2199.98px) {
    .other__section .title, .other__section .corps {
        width: 100%;
    }
    .body > .other__section {
        width: 40vw;
    }
    .other__background {
        clip-path: polygon(-5vw 0vw, 60.5vw 33vw, 0vw 75vw);
    }
    .other__section::before {
        right: -32.5vw;
        top: 7.5vw;
        width: 15vw;
    }
    .other__section::after {
        right: -15vw;
        width: 7.5vw;
        bottom: 7.5vw;
    }
    .other__background--blue {
        clip-path: polygon(90% -12.5%, 62.5% 90%, 20% 32%);
    }
    .other__section--join::before {
        right: 17.5vw;
    }
    .other__section--join::after {
        right: 15vw;
    }
    .other__section--join .button {
        width: 60%;
    }
    .body > .other__section--join {
        width: 45vw;
    }
}

@media screen and (min-width: 2399.98px) {
    .body > .other__section--join {
        padding-top: 16vw;
    }
}

/* FAQ */
header.header.header--faq {
    margin-bottom: 1vw;
}

header.header.header--faq h1 {
    font-size: 5rem;
    color: var(--mColor);
    font-family: var(--ffMXBo);
}

p.faq-answer {
    font-size: var(--fsCorps);
    line-height: 1.4375rem;
    font-family: var(--ffMRe);
    color: var(--mColor);
}

.faq-type h2 {
    font-size: calc(var(--fsTitleH3) * 2);
    color: var(--mColor);
    font-family: var(--ffMXBo);
    text-transform: uppercase;
}

.faq-type {
    margin-bottom: 3vw;
}

strong.faq-question {
    font-size: var(--fsTitleH2);
    line-height: var(--fsTitleMore);
    color: var(--tColor);
    font-family: var(--ffMRe);
}

li.faq-item {
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #f1f1f1;
    margin: 0px auto 20px auto;
}

ul.faq-list {
    margin-top: 20px;
}