#map {
    height: 500px;
    position: relative; /* Ensure the map has a position */
    z-index: 1; /* Lower z-index */
}

/* Style du bouton */
.leaflet-bar button {
    background-color: lightblue;
    border: 2px solid white;
    cursor: pointer;
    padding: 8px;
    border-radius: 5px;
}
.leaflet-bar button:hover {
    background-color: #f4f4f4;
}

#divMeetPoint {
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: auto; /* Défilement vertical */
    top: -700px;
    position: absolute;
    transition: top 1s ease;
    z-index: 2; /* Higher z-index */
    background-color: white;
    padding: 8px;
    background-color: lightblue;
    border: 2px solid white;
    border-radius: 10px;
}