.info {
    padding: 6px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: #777;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}

.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4;
    background-color: transparent; /* Ajout de cette ligne pour rendre le fond transparent */
}

.leaflet-control-geocoder {
    border-radius: 4px;
    background: white;
    min-width: 26px;
    min-height: 26px;
    font-family: "Urbanist", sans-serif; /* Ajoutez cette ligne pour changer la police */
}


/* popup */


.leaflet-popup-tip-container {
    display: none; /* Cacher le conteneur du bouton de fermeture */
}

.leaflet-container a.leaflet-popup-close-button {
    display: none; /* Cacher le bouton de fermeture */
}

.leaflet-popup-content {
    margin: auto;
    color: #111653; /* Modifier la couleur du texte en remplaçant #FF0000 par la couleur de votre choix */
    line-height: 1.2;
    font-size: 12px;
    font-size: 1.08333em;
    min-height: 1px
}


.leaflet-popup {
    text-align: center;
    width: auto; /* Modifier la largeur du popup selon vos préférences */
    height: auto; /* Utilisez "auto" pour ajuster automatiquement la hauteur en fonction du contenu */
    /* Autres styles pour positionnement, arrière-plan, etc. */
}

body {
    font-family: 'Urbanist', sans-serif;
}


/* Style CSS pour centrer l'image */
.legend-image {
    display: block;
    margin: 0 auto;
}