/* ************** */
/* SECTION footer */
/* ************** */
.footer {
    background-color: #f2f2f2;
    padding: 0.5% 1%;
        /* Réduire le padding pour minimiser l'espace utilisé */
        /* padding-top: 1%; */
        /* padding-bottom: 1%; */
    margin-top: 3%;
    margin-bottom: 0%;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    /* Centre le contenu horizontalement */
    align-items: center;
    /* Centre le contenu verticalement si nécessaire */
    height: auto;
        min-height: 7vh;
        /* Assurer une hauteur minimale */
        max-height: 10vh;
        /* Limiter la hauteur maximale pour les petits écrans */
        overflow: visible;
        /* Cacher le débordement si nécessaire */
}
.button-container {
    display: flex;
    justify-content: center;
    /* Centre les boutons à l'intérieur du container */
    align-items: center;
    /* Centre verticalement les boutons */
        flex-shrink: 1;
            /* Permettre au container de rétrécir si nécessaire */
}

.button-container button {
    display: inline-block;
    padding: 0.5% 1%;
        /* Réduire le padding pour minimiser l'espace utilisé */
        /* 10px et 20px en % de la hauteur parente */
        /* margin-right: 1%; */
            margin: 0.5%;
            /* Réduire la marge pour les petits écrans */
    /* 10px en % de la largeur parente */
    font-size: 1.6vw;
    /* Taille de police en % de la largeur de l'écran */
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.button-container button:last-child {
    margin-right: 0;
}