.dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: white;
}

.severite-1 {
    background-color: green;

}
.severite-2 {
    background-color: orange;
}

.severite-3 {
    background-color: red;
}

.has-background-grey-light {
    background-color: #e0e0e0;
}

/* Couleur du texte à l'intérieur des clusters */
.marker-cluster {
    color: white;
}
.marker-cluster-small {
    background-color: rgba(130, 177, 255, 0.6);
}
.marker-cluster-small div {
    background-color: rgba(60, 120, 240, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(130, 177, 255, 0.6);
}
.marker-cluster-medium div {
    background-color: rgba(60, 120, 240, 0.6);
}

.marker-cluster-large {
    background-color: rgba(130, 177, 255, 0.6);
}
.marker-cluster-large div {
    background-color: rgba(60, 120, 240, 0.6);
}

.leaflet-tile {
    filter: grayscale(100%);
}