/* La carte */
#map
{
    width:100%;
    height:100vh;
}

/* L'overlay transparente de chargement */
#loading
{
    background-color:rgba(255,255,255,0.5);
    z-index:1000000000;
    position:fixed;
    width:100%;
    height:100vh;
    bottom:0;
    display:flex;
}
#loadingGif
{
    width:50px;
    height:10px;
    margin:auto;
    display:block;
}
.leaflet-marker-icon
{
    display:flex;
}
.label
{
    text-align:center;
    color:white;
    text-shadow: 1px 1px 2px black,-1px 1px 2px black,1px -1px 2px black, -1px -1px 2px black; 
    margin:auto;
}
#legende
{
    
    width:100%;
    position:absolute;
    left:-100%;
    bottom:0;
    background-color:white;
    z-index:10000;
    padding:10px;
    padding-left:30px;
    padding-right:30px;
    transition:0.3s;
}

.color{
    display:inline-block;
    width:20px;
    height:20px;
}
#boutonLegende
{
    z-index:4999;
    font-size:0.8em;
    padding:5px;
    display:block;
    position:fixed;
    background-color:#ec1d25;
    color:white;
    bottom:30px;
    left:20px;
    font-size:1.2em;
    border:none;
    border-radius:0.5em;
    
}
#cacherLegende
{
    display:block;
    background-color:#ec1d25;
    color:white;
    border:none;
    border-radius:1em;
    position:absolute;
    top:5px;
    right:5px;
}
.rouge
{
    color:red;
    font-weight:600;
    font-size:1.1em;
}