html, body {
    min-height: 100vh; /* Assurez-vous que le HTML et le body occupent toute la hauteur de la fenêtre */
    margin: 0; /* Supprimez les marges par défaut */
    display: grid;
    grid-template-rows: auto 1fr auto; /* Header, contenu principal, footer */
    box-sizing: border-box;
}

footer {
    background-color: #f4f4f4; /* Couleur de fond douce */
    padding-top: 1rem; /* Espacement interne */
    margin-top: 1rem;
    text-align: center; /* Centrer le texte */
    font-size: 14px; /* Taille de police lisible */
    color: #333; /* Couleur du texte */
    border-top: 1px solid #ddd; /* Ligne de séparation subtile */
}


footer p {
    margin: 5px 0; /* Espacement vertical entre les paragraphes */
}

footer a {
    color: #007bff; /* Couleur des liens */
    text-decoration: none; /* Supprimer le soulignement par défaut */
}

footer a:hover {
    text-decoration: underline; /* Ajouter un soulignement au survol */
    color: #0056b3; /* Couleur légèrement plus foncée au survol */
}