html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Assure que le body prend au moins toute la hauteur de la fenêtre */
}

.container.py-5 {
    flex: 1; /* Le contenu principal prend tout l'espace disponible */
}

/* Le footer reste en bas grâce à flex et mt-auto (déjà dans Bootstrap) */
footer {
    flex-shrink: 0; /* Empêche le footer de se réduire */
}