/* Général */

#map {
    display: flex;
    height: 450px;
    z-index:3;
}

.leaflet-container a.btn {
    color: #fff;
}

.mea {
    background-color: #ffd7b9;
    font-size: 1.2em;
}

/* Clusters */

.cluster-design {
    border-radius: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    color: #fff;
    font-size: large;
}

.cluster-design:hover {
    transform: scale(1.2);
    transition: transform .5s;
}

/* Popup des détails utilisateurs */

.leaflet-popup-content-wrapper, 
.leaflet-popup-tip {
    background: #ffffffc9;
}

.leaflet-popup-content-wrapper:hover, 
.leaflet-popup-tip:hover {
    background: #fff;
}

.leaflet-container a.leaflet-popup-close-button,
.leaflet-popup-tip {
    transition: all 1s ease-out;
}

.leaflet-container a.leaflet-popup-close-button:hover {
    font-size: xx-large;
}

/* Apparence des markers */

.leaflet-marker-icon {
    filter: saturate(20%);
}

.leaflet-marker-icon:focus,
.leaflet-marker-icon:hover{
    filter: saturate(100%);
}