/* Style de la carte pour une adaptabilité responsive */
#map {
    height: 75vh; /* Utilise 50% de la hauteur de la fenêtre pour une meilleure adaptabilité */
    width: 100%; /* Assure que la carte prend toute la largeur disponible */
    max-height: 100vh; /* Limite la hauteur maximale de la carte à 100% de la hauteur de la fenêtre */
    margin: 0; /* Enlève les marges pour un rendu propre */
    padding: 0; /* Enlève les paddings pour un rendu propre */
    
}

.map-container {
    margin-top: 0.2%; /* Ajoute un espace de 20px entre la carte et la navbar */
    margin: 20px; /* Espace de 20px autour de la carte */
    padding: 0;   /* Pas d'espace intérieur */
    box-sizing: border-box; /* Inclut le padding et les bordures dans les dimensions totales */
    position: relative; /* Assure que les éléments positionnés absolument à l'intérieur du conteneur sont basés sur celui-ci */
}
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Évite le défilement horizontal */
    font-family: 'Montserrat', sans-serif; 
}

/* Ajuster les boutons de contrôle de Leaflet */
.leaflet-control {
    z-index: 1000; /* Assurez-vous que les boutons sont au-dessus de la carte mais pas au-dessus de la navbar */
    position: relative; /* Ajuster la position des contrôles */
}

/* Ajuster les boutons de zoom de Leaflet */
.leaflet-control-zoom {
    z-index: 1000; /* Assurez-vous que les boutons de zoom ne sont pas au-dessus de la navbar */
}


/* Media queries pour ajuster la carte sur différents appareils */
@media (max-width: 768px) {
    #map {
        height: 60vh; /* Ajuste la hauteur pour les tablettes */
    }
}

@media (max-width: 480px) {
    #map {
        height: 70vh; /* Ajuste la hauteur pour les petits écrans (smartphones) */
    }
}