body {
    background-color: var(--white);
}
body > *:not(.navbar, .footer) {
    margin-inline: 8.5vw;
}
.title {
    color: var(--mColor);
    font-family: var(--ffMXBo);
    font-size: var(--fsTitle);
    line-height: 2rem;
    text-transform: uppercase;
}
.title--frontpage {
    font-size: calc( var(--fsTitleH3) * 2.2);
    line-height: 3.0625rem;
    position: relative;
}
.title--error {
    font-size: 6.8125rem;
    line-height: 6.8125rem;
}
.introduction span, .introduction p, .introduction {
    color: var(--tColor);
    font-family: var(--ffMRe);
    font-size: var(--fsCorps);
    line-height: 1.4375rem;
}
.introduction span, .introduction--black p, .introduction--black {
    color: var(--mColor);
}
.corps span, .corps p, .corps {
    color: var(--mColor);
    font-family: var(--ffMRe);
    font-size: var(--fsCorps);
    line-height: 2rem;
}
.corps h1, .corps h2, .corps h3 {
    color: var(--sColor);
    font-family: var(--ffMBo);
    font-size: var(--fsTitleH2);
    line-height: 1.75rem;
    text-transform: uppercase;
}
.corps--offre span, .corps--offre, .corps--offre p {
    font-size: var(--fsCorpsLess);
    line-height: 1.375rem;
}
.corps--tight span, .corps--tight, .corps--tight p {
    line-height: 1.4375rem;
}
.corps--testimony span, .corps--testimony, .corps--testimony p {
    color: var(--whiteBis);
    font-family: var(--ffMBo);
    font-style: italic;
}
.corps ul li {
    color: var(--mColor);
    font-family: var(--ffMRe);
    font-size: var(--fsCorps);
    line-height: 2rem;
    list-style: inside;
}
.corps--citation {
    padding-left: 6.5vw;
    position: relative;
}
.corps--citation::before {
    background-color: var(--mColor);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 1.5vw;
}
.corps--citation h1, .corps--citation h2, .corps--citation h3 {
    color: var(--mColor);
    text-transform: none;
}
.corps--citation span, .corps--citation p, .corps--citation ul li {
    font-family: var(--ffMBo);
}
.corps--citation ul {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.illustrationContainer {
    height: fit-content;
    position: relative;
    width: fit-content;
}
.filigrane {
    color: transparent;
    font-family: var(--ffSRe);
    font-size: 3.4375rem;
    line-height: 3.5rem;
    margin: 0 -5vw;
    text-align: center;
    -webkit-text-stroke: 1px var(--mColor);
}
.category {
    align-items: center;
    color: var(--sColor);
    display: flex;
    font-family: var(--ffMRe);
    font-size: var(--fsCorpsLess);
    margin-left: 2.25rem;
    position: relative;
    text-transform: uppercase;
}
.category::before {
    align-items: center;
    background-image: url("../img/logosIcons/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: .8125rem;
    left: -2.25rem;
    margin-top: -.25rem;
    position: absolute;
    transform: rotate(180deg);
    width: 1.3125rem;
}
.category--bold {
    font-family: var(--ffMBo);
    font-size: var(--fsTitleH3);
    line-height: 1.4375rem;
}
.category--black {
    color: var(--mColor);
    font-family: var(--ffMBo);
    font-size: var(--fsCorpsLess);
    line-height: 1.4375rem;
}
.category--black::before {
    background-image: url(../img/logosIcons/arrowGreen.svg);
    margin-top: -.125rem;
    rotate: 180deg;
}
.category--title {
    color: var(--mColor);
    font-family: var(--ffMBo);
    font-size: var(--fsTitle);
    line-height: calc(var(--fsCorpsLess) * 2);
    margin-left: 2.85rem;
}
.category--title::before {
    background-image: url(../img/logosIcons/arrowCategory.svg);
    background-size: calc(var(--fsTitle) * 1.0625);
    height: calc(var(--fsTitle) * 1.5);
    left: -2.85rem;
    margin-top: -.25rem;
    rotate: 180deg;
    width: calc(var(--fsTitle) * 1.0625);
}
.category--filter {
    align-items: start;
    background-color: var(--whiteBis);
    border: .0625rem solid var(--sColor);
    color: var(--sColor);
    display: flex;
    font-family: var(--ffMBo);
    font-size: var(--fsCorpsLess);
    gap: var(--fsCorpsLess);
    justify-content: center;
    /* margin: 0 auto; */
    padding: var(--fsCorps) 2.125rem var(--fsCorpsLess) 2.125rem;
    text-transform: uppercase;
    width: fit-content;
}
.category-filter--actus {
    display: flex;
    flex-direction: column;
    gap: 3.5vw;
}
.reversed {
    rotate: 180deg;
}
.disabled {
    opacity: .5;
}
.category-filter--actus li {
    flex-shrink: 0;
}
.clientscases .toTheLeft {
    left: -100vw;
    transition: left .25s ease;
}

@media screen and (min-width: 575.98px) {
    .offers .title--frontpage::after {
        background-size: 110%;
        right: 13vw;
    }
    .category-filter--actus {
        gap: 2.5vw;
    }
}

@media screen and (min-width: 991.98px) {
    body > *:not(.navbar, .footer) {
        margin-inline: 5vw;
    }
    .title {
        font-size: calc(var(--fsTitleH3) * 2.6);
        line-height: 3.5625rem;
    }
    .title--frontpage {
        font-size: 5.0625rem;
        line-height: 5.5625rem;
    }
    .title--actu {
        color: var(--sColor);
        font-size: calc( var(--fsCorpsLess) * 2);
        line-height: 2.5rem;
    }
    .title--actu:has(+ .corps) {
        margin-bottom: -1vw;
    }
    .introduction span, .introduction p, .introduction {
        font-size: var(--fsCorps);
    }
    .introduction span, .introduction--casclient p, .introduction--casclient {
        font-size: var(--fsTitleH2);
        line-height: var(--fsTitleMore);
    }
    .corps span, .corps p, .corps {
        font-size: var(--fsCorps);
        line-height: 1.4375rem;
    }
    .corps--offre span, .corps--offre p, .corps--offre {
        font-size: var(--fsCorpsLess);
        line-height: 1.375rem;
    }
    .client__content .corps, .client__content .corps p, .client__content .corps span {
        line-height: calc(var(--fsCorpsLess) * 2);
    }
    .corps--citation {
        padding-left: 3.5vw;
    }
    .corps--citation::before {
        width: .5vw;
    }
    .corps h1, .corps h2, .corps h3 {
        font-family: var(--ffMXBo);
        font-size: calc(var(--fsCorpsLess) * 2);
        line-height: calc(var(--fsTitleH3) * 2);
    }
    .corps--citation h1, .corps--citation h2, .corps--citation h3 {
        font-size: var(--fsTitleH2);
        line-height: var(--fsTitleH2);
    }
    .filigrane {
        font-size: 6.5rem;
        line-height: 10.75rem;
        text-wrap: nowrap;
    }
    .category {
        font-size: var(--fsCorpsLess);
        line-height: 1.4375rem;
    }
    .category--title {
        font-size: var(--fsTitle);
        line-height: var(--fsTitleMore);
    }
    .category--subtitle {
        font-size: var(--fsTitleH3);
        line-height: 1.4375rem;
    }
    .corps--testimony, .corps--testimony p, .corps--testimony span {
        font-size: var(--fsTitleH2);
        line-height: 2.5rem;
    }
    .corps--citation {
        margin-bottom: 5vw;
    }
    .category-filter--actus {
        flex-direction: row;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        z-index: 2;
    }
    .category-filter--actus::-webkit-scrollbar {
        display: none;
    }
    .actualites .category {
        font-size: var(--fsTitleH3);
        line-height: 1.4375rem;
    }
    .category-filter--actus li:first-child {
        margin-left: auto;
    }
    .category-filter--actus li:last-child {
        margin-right: auto;
    }
    .title--error {
        font-size: 8rem;
        line-height: 8rem;
    }
}

@media screen and (min-width: 1199.98px) {
    body > *:not(.navbar, .footer) {
        margin-inline: 12.5vw;
    }
    .corps--citation {
        margin-bottom: 0vw;
    }
}

@media screen and (min-width: 1399.98px) {
    body > *:not(.navbar, .footer) {
        margin-inline: 15vw;
    }
    .navbar + .title--legales {
        margin-top: 7.5rem;
    }
}

@media screen and (min-width: 1799.98px) {
    .navbar + .title--legales {
        margin-top: 8.5rem;
    }
}

@media screen and (min-width: 1919.98px) {
    .corps--citation::before {
        width: .25vw;
    }
    .corps--citation {
        padding-left: 2vw;
    }
}