#main {
    min-height: 500px; /* Permet à #main de s'étendre pour occuper tout l'espace disponible */
}

#colophon {
    height: 100px; /* Hauteur fixe pour le footer */
    text-align: center; /* Centre le texte horizontalement */
    box-sizing: border-box; /* Inclut le padding dans la hauteur */
    position: relative; /* Optionnel : garantit que le footer reste dans le flux normal */
}