.rseNumContainer{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px var(--Layout-Layout-Gap-FramecarteA, 20px);
    flex-wrap: wrap;
}

@media(max-width:1237px){
    .rseNumContainer{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.rseNumDesc{
    display: flex;
    width: 370px;
    padding: 40px 20px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    border-radius: 20px;
    border: 3px solid var(--Fonc, #072971);
    align-self: stretch;
    justify-content: center;
}

@media(max-width:1237px){
    .rseNumDesc{
        height: 340px;
        padding: 40px 80px;
        width:700px;
        flex-direction: row;
    }
}

@media(max-width:1000px){
    .rseNumDesc{
        width:80%;
        align-self: auto;

    }
}

@media(max-width:860px){
    .rseNumDesc{
        flex-direction: column;
        gap:0px;
    }
}

@media(max-width:580px){
    .rseNumDesc{
       display: flex;
        width: 370px;
        padding: 40px 20px;
    }
}

@media(max-width:500px){
    .rseNumDesc{
        width: auto;
        height: auto;
    }
}

.rseNumDesc p{
    text-align: center;
}

.statsContainer{
    display: flex;
    width: 600px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 16px var(--Layout-Layout-Gap-FramecarteB, 16px);
    flex-wrap: wrap;
}

@media(max-width:720px){
    .statsContainer{
        gap:4px;
        padding:10px;
    }
}


.statsFourContainer{
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}



@media(max-width:580px){
    .statsContainer{
        gap: 12px var(--Layout-Layout-Gap-FramecarteB, 12px);
        align-self: stretch;
        width:auto;
        align-items: center;
    }
}

@media(max-width:580px){
    .statsContainer{
       flex-direction: column;
    }
}


.statsFourLeft{
    display: flex;
    padding: 0 20px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.statsFourRight{
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

@media(max-width:651px){
    .statsFourContainer{
        align-items: center;
        justify-content: center;
    }

    .statsFourLeft{
        justify-content: center;
        align-items: center;
    }

     .statsFourRight{
        justify-content: center;
        align-items: center;
    }
}


.stat{
    display: flex;
    min-width: 200px;
    max-width:300px;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1 0 0;
}




.statTitle{
    color: var(--Fonc, #072971);
    font-family: "Cabinet Grotesk Variable";
    font-size: 96px;
    font-weight: 800;
    line-height: 80px;
}

.statText{
    color: var(--Fonc, #072971);
    font-family: "Cabinet Grotesk Variable";
    font-size: 20px;
    font-weight: 500;
    line-height: 32px; /* 160% */
    }

@media(max-width:550px){
    .statText{
        font-size: 18px;
        line-height: 28px;
    }
}

.h2Container .whiteBackground{
    background-color: var(--Blanc);
}

.fiveCards{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 16px var(--Layout-Layout-Gap-FramecarteB, 16px);
    align-self: stretch;
    flex-wrap: wrap;
}

.fiveCards .squareCard{
    min-width: 310px;
}

@media(max-width:2090px){
.fiveCards .squareCard{
    min-width: 320px;
}

}




.prestaRse{
    display: flex;
    min-width: 200px;
    max-width:990px;
    padding: 40px 30px;
    justify-content: center;
    align-items: center;
    gap: var(--Layout-Layout-Gap-CarteA, 32px);
    align-self: stretch;
    border-radius: 20px;
    border: 3px solid var(--Constraste, #F7B722);
}

@media(max-width:1040px){
    .prestaRse{
        padding: 32px 30px;
        gap: 16px;
    }
}

@media(max-width:900px){
    .prestaRse{
        padding: 40px 30px;
        flex-direction: column;
        gap: var(--Layout-Layout-Gap-CarteA, 24px);
        width:600px;
    }
}

@media(max-width:700px){
    .prestaRse{
        width:auto;
    }
}


.prestasRse{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: center;
}

.prestaRseLeft{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    width:48%;
    justify-content: center;
}

.prestaRseLeft p{
    text-align: center;
}



.prestaRseLeft .blue{
    color:#072971;
}

.diagLabels{
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 80px;
background: rgba(247, 183, 34, 0.50);
}

.prestaRseRight{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
     width:48%;
}

@media(max-width:900px){
    .prestaRseLeft, .prestaRseRight{
        width:auto;
    }
}

.rseModules{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.rseModule{
    display: flex;
    min-width: 140px;
    padding: 8px 20px;
    align-items: center;
    gap: 8px;
    border-radius: 19.353px;
    background: var(--Fonc, #072971);
}

.rseModule p{
    color:var(--Blanc);
}

.center{
    text-align: center;
}

.questionsContainer{
    display: flex;
    max-width: 800px;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    align-self: stretch;
}

.faq{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
}

.question{
    color: var(--Fonc, #072971);

    /* Question */
    font-family: "Cabinet Grotesk Variable";
    font-size: var(--Font-Body-Question-Fontsize, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--Font-Body-Question-Linheight, 32px); /* 133.333% */
    letter-spacing: var(--Font-Body-Question-Letterspacing, 1px);
}

.reponse{
    color: var(--Fonc, #072971);

    /* Réponse */
    font-family: "Cabinet Grotesk Variable";
    font-size: var(--Font-Body-Réponse-Fontsize, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Font-Body-Réponse-Linheight, 40px); /* 200% */
    letter-spacing: var(--Font-Body-Mcabinet-Letterspacing, 0);
}

li{
    margin-left:30px;
}

.faqButtonContainer{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
}

.faqButtonContainer a{
    border-radius: 32px;
    border: 1.5px solid var(--Foncé, #072971);
    background: var(--Blanc, #FFFDFC);
    display: flex;
    flex-direction: row;
    
}

.faqButtonContainer a:hover{
    background : var(--Foncé);
}
.faqButtonContainer a:hover p{
    color:var(--Blanc);
}

.faqButtonContainer a:hover .xs{
    color:#F7B722;
}

.faqButtonContainer a:focus .xs{
    color:var(--Blanc);
}




.statText strong{
    color: var(--Fonc, #072971);
    font-family: "Cabinet Grotesk Variable";
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
}

.headGroup{
    display: flex;
height: 750px;
align-items: flex-start;
align-self: stretch;
}

.headGroup #backgroundVoid{
    width:50%;
    order:2;
    height: auto;
}

.headGroup #headBand{
    width:50%;
    flex-direction: column;
    order:1;
    padding: 80px;
    gap:64px;
    justify-content:center;
    align-items: center;
}

@media(max-width:1200px){
    .headGroup{
        flex-direction: column;
        height:750px;
    }
}

@media(max-width:1200px){
    .headGroup #backgroundVoid{
    width:100%;
    order:1;
    height: 375px;
    }
}

@media(max-width:1200px){
    .headGroup #headBand{
    width:100%;
    order:2;
    display: flex;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
    height: 450px;
    }
}

@media(max-width:600px){
    .headGroup #headBand{
        padding: 40px 32px;
        justify-content: center;
        align-items: center;
        gap: 32px;
        align-self: stretch;
    }
}



.statUnit{
    color: var(--Fonc, #072971);
font-family: "Cabinet Grotesk Variable";
font-size: 24px;
font-weight: 800;
line-height: 25px; /* 208.333% */
display: flex;
align-items: flex-end;
padding-bottom: 7px;
}

.statTitleImage{
    display: flex;
    gap:10px;
}