/* Appliquer à l'ensemble du body */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column; /* Disposition en colonne pour le corps entier */
    min-height: 100vh; /* Assure que le corps de la page prend toute la hauteur de la fenêtre */
}

main {
    flex-grow: 1; /* Le contenu principal prend tout l'espace disponible */
}

footer {
    margin-top: auto; /* Pousse le pied de page en bas de la page */
}