#map {
    height: 400px; /* ou 100vh pour plein écran */
    width: 100%;
}
    .leaflet-popup-content {
        width: 200px;
    }
    .leaflet-popup-content button {
        margin-top: 10px;
        background-color: #007BFF;
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 25px;
        cursor: pointer;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }
    .leaflet-popup-content button:hover {
        background-color: #0056b3;
    }
    .leaflet-popup-content-wrapper {
        max-width: 400px;
    }
    .info-bubble {
        display: none;
        position: absolute;
        background: white;
        border: 1px solid black;
        padding: 10px;
        z-index: 1000;
    }
    /* Personnalisation du contrôle de couches */
    .leaflet-control-layers {
        background-color: #00000000;
        border: none;
        border-radius: 8px; /* Bords arrondis */
        font-size: 14px; /* Taille du texte */
        width: auto; /* Largeur automatique */
    }

    .leaflet-control-layers-toggle {
        border-radius: 8px; /* Bords arrondis pour le bouton */
        background-color: #fff;
    }

    .leaflet-control-layers-list, .leaflet-control-layers-base, .leaflet-control-layers-separator {
        border-radius: 8px; /* Bords arrondis pour le bouton */
        font-size: 12px; /* Taille du texte */
        padding: 2px 5px;
        background-color: #fff;
    }