/* 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:3999;
    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;
}

.labell
{
    margin-bottom:0;
    color:white;
}
.labell+hr
{
    margin:0;
    border-color:lightgray;
    margin-bottom:5px;
}
#cont_naf
{
    max-width:300px;
    position:absolute;
    right:20px;
    top:20px;
    z-index:10000;
    border-radius:15px;
    border:solid black 1px;
    background-color:rgba(0,0,0,0.5);
    padding:10px;
}
#NAF
{
    width:100%;
}

#myChart
{
    background-color:white;
}


#voirCarteCont
{
    position:fixed;
    display:flex;
    z-index:5000000000;
    width:100%;
    height:100vh;
    top:0;
    left:0;
    background-color:rgba(0, 0, 0, 0.7);
}

#voirCarte
{
   
    margin: auto;
    width: 300px;
    height: 70px;
    font-size: 1.5em;
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: dotted white 0.1px;
    border-radius: 1em;
    cursor:pointer;
}

#cacherCarte
{
    position:fixed;
    z-index:4998;
    width:150px;
    right:30px;
    top:5vh;
    display:none;
    background-color: rgba(0,0,0,0.5);
color: white;
border: dotted white 0.1px;
border-radius: 1em;
cursor:pointer;
}