body {
        background-color: var(--mainColor4);
}

/* ---------------------------- *\
|* --- SECTION HERO + STATS --- *|
\* ---------------------------- */

.accueil-hero-section {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 50vh;
        margin-bottom: var(--gaps1);
}

.accueil-hero-section-main-container {
        display: grid;
        width: 100%;
        height: 100%;
        place-items: center;
        overflow: hidden;
        background-color: var(--mainColor1);
}

.accueil-hero-section-background {
        width: 200%;
        height: auto;
        grid-column: 1;
        grid-row: 1;
}

.accueil-hero-section-container {
        width: 100%;
        height: 100%;
        grid-column: 1;
        grid-row: 1;
        background-color: var(--mainColor4transparent);
        /* background-color: var(--mainColor4);
        background-blend-mode: darken; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: var(--mainColor1);
        padding: var(--gaps1);
        gap: var(--gaps1);
}

.accueil-hero-section-container div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: calc(var(--gaps05)/2);
}

.accueil-hero-section-container div p {
        text-align: center;
}

.accueil-hero-section-container div a {
        width: fit-content;
}

.accueil-hero-section-span1 {
        font-size: var(--fontSizeBig);
        font-family: "Jacques Francois", serif;
        font-weight: 600;
}

.accueil-hero-section-span2 {
        font-size: var(--fontSizeMedium);
        font-family: "Ubuntu", serif;
        font-weight: 600;
}


.accueil-statistiques {
        display: flex;
        flex-direction: column;
        gap: 1em;
        padding: 1rem 0;
        background-color: var(--mainColor4);
        color: var(--mainColor1);
        justify-content: space-evenly;
        align-items: center;
        width: 33%;
}


.accueil-statistiques>h2 {
        width: 100%;
        height: 100%;
        text-align: center;
        align-content: center;
        font-size: var(--fontSizeBetweenMandN);
}

.accueil-statistique {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
}


.accueil-statistiques-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
}

.accueil-hero-section-span1 {}

.accueil-hero-section-span2 {}

.accueil-hero-section-span3 {}

.accueil-hero-section-span4 {}

.accueil-hero-section-span5 {}


@media (max-width: 720px) {
        .accueil-hero-section-container {
                height: 50vh;
        }

        .accueil-hero-section-main-container {
                height: 50vh;
        }

        .accueil-hero-section {
                height: fit-content;
        }

        .accueil-hero-section {
                flex-direction: column;
        }


        .accueil-statistiques {
                width: 100%;
                padding: var(--paddings1) 0;
        }

        .accueil-statistiques-container {
                flex-direction: row;
                width: 100%;
        }
}




/* ---------------------------------- *\
|* --- SECTION EPIGRAPHIE DU JOUR --- *|
\* ---------------------------------- */

.accueil-section-epigraphie-du-jour {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: fit-content;
        padding: 0 0 0 var(--gaps1);
}

.accueil-epigraphie-du-jour {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: var(--mainColor1);
        padding: var(--gaps2) 0 var(--gaps2) var(--paddings1);
        gap: var(--gaps1);
}

.accueil-epigraphie-du-jour>p {
        width: 50vw;
        text-align: center;
        line-height: 2;
}


/* -------------------------- *\
|* --- SECTION ACTUALITES --- *|
\* -------------------------- */

.accueil-section-actualites {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: fit-content;
        padding: var(--gaps1) var(--gaps1) 0 0;
}

.accueil-actualites {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: var(--mainColor1);
        /* gap: 40px 0; */
        gap: var(--gaps1);
        padding: var(--gaps1) 0 var(--gaps1) var(--paddings1);
}

.accueil-actualites>.grfk-container1-actu,
.grfk-button1 {
        margin: 0 var(--gaps1) 0 0;
}


/*
.accueil-actualites > .grfk-title-and-line {
        padding: var(--gaps05) 0 var(--gaps05) var(--paddings1);
}

.accueil-actualites > .grfk-container1-actu {
        padding: var(--gaps05) var(--gaps1) var(--gaps05)  var(--paddings1);
*/



.grfk-container1-actu {
        gap: var(--gaps1);
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
                "actu1 actu1"
                "actu2 actu3";
}

.grfk-container1-actu>a:nth-child(1) {
        grid-area: actu1;
}

.grfk-container1-actu>a:nth-child(2) {
        grid-area: actu2;
}

.grfk-container1-actu>a:nth-child(3) {
        grid-area: actu3;
}


@media (max-width: 720px) {

        .grfk-container1-actu {
                display: flex;
                flex-direction: column;
        }

}

/* ------------------------------ *\
|* --- SECTION NOUS CONTACTER --- *|
\* ------------------------------ */

.accueil-section-nous-contacter {
        width: 100%;
        height: fit-content;
        padding: 0 var(--gaps1) 0 0;
}

.accueil-nous-contacter {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        width: 100%;
        height: 100%;
        background-color: var(--mainColor1);
        padding: var(--gaps1) 0 var(--gaps05) var(--paddings1);
        gap: var(--gaps1);
}


/* ------------------- *\
|* --- SECTION FAQ --- *|
\* ------------------- */


.accueil-section-faq {
        width: 100%;
        height: fit-content;
        padding: 0 0 0 var(--gaps1);
}

.accueil-faq {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: end;
        width: 100%;
        height: 100%;
        background-color: var(--mainColor1);
        padding: var(--gaps1) var(--paddings1) var(--gaps05) 0;
        gap: var(--gaps1);
}


/* ------------------------------------------- *\
|* --- SECTION RAPPEL REDIRECTION DATABASE --- *|
\* ------------------------------------------- */

.accueil-section-rappel-redirection {

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: fit-content;
}

.accueil-rappel-redirection {

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: var(--mainColor1);
        padding: var(--gaps1) 0;
        gap: var(--gaps1);
}