footer {
    background-color: #343a40; /* Couleur de fond foncée */
    color: white; /* Couleur du texte */
    padding: 20px; /* Espacement interne */
    display: flex; /* Utiliser Flexbox pour le layout */
    flex-direction: row; /* Disposition en ligne */
    justify-content: space-between; /* Espacement entre les éléments */
    align-items: flex-start; /* Aligner les éléments en haut */
    border-top: 1px solid #ddd; /* Ligne de séparation en haut */
}

footer .footer-links {
    display: flex; /* Disposition en ligne pour les liens */
    flex-direction: column; /* Alignement vertical */
}

footer .footer-links a {
    color: #61dafb; /* Couleur des liens */
    text-decoration: none; /* Supprimer le soulignement */
    margin: 5px 0; /* Espacement entre les liens */
    transition: color 0.3s; /* Transition pour le survol */
}

footer .footer-links a:hover {
    color: #21a1f1; /* Couleur au survol */
}

footer .contact-info {
    margin-left: 20px; /* Espacement à gauche */
}

footer .contact-info p {
    margin: 5px 0; /* Espacement entre les paragraphes */
}

footer .map-container {
    margin-top: 15px; /* Espacement au-dessus de la carte */
}

@media (max-width: 767px) {
    footer {
        flex-direction: column; /* Disposition en colonne sur petits écrans */
        align-items: center; /* Aligner à gauche */
    }

    footer .footer-links {
        margin-bottom: 10px; /* Espacement en bas pour les liens */
    }

    footer .map-container {
        display: none; /* Masquer la carte sur petits écrans */
    }
}