@font-face{
                font-family:UnitOT;
                src: url(fonts/UnitOT.ttf);
                font-weight:normal;
                font-style:normal;
                font-stretch:normal;

            }

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

#voirCarte
{
    margin:auto;
    width:150px;
    height:50px;
}

#cacherCarte
{
    position:absolute;
    z-index:4999999999;
    width:150px;
    left:30px;
    bottom:5vh;
    display:none;
}
.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;
    display:flex;
    flex-direction:column;
    justify-content:center;
    cursor:pointer;
}            
div, p, a, h2
{
    
    font-family:UnitOT;
}
.numberwan
{
    font-size:3em;
    color:#FFD700;
    text-shadow:1px 1px 1px lightgray;
}
.pole
{
    font-size:1.5em;
    color:#FFD700;
    text-shadow:1px 1px 1px lightgray;
}
#contcontcont
{
    width:100%;
    overflow-x:auto;
}
#my_dataviz
    {
        width:100%;
        min-width:500px;
        height:400px;
    }
/* La carte */
#map
{
    width:100%;
    height:100vh;
}

.rouge
{
    color:red;
    font-weight:600;
}
/* 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;
}
.imgimg
{
    width:50px !important;
}

#loadingGif
{
    width:50px;
    height:10px;
    margin:auto;
    display:block;
}
.swal-content
{
    text-align:left !important;
}

.gras
{
    font-weight:600;
    text-decoration:underline;
}


   
.leaflet-control-zoom
{
    display:none;
}

.row
{
    margin:0;
}
li
{
    list-style:none;
}


#fermerLegende
{
    width:100%;
    text-align:center;
}
.swal-modal ul
{
    
    text-align:left;
    
}
.swal-modal li
{
    
    text-align:left;
    list-style:circle;
}

#legende a
{
    background-color:lightgrey;
    text-align:center;
    width:100%;
    display:block;
}
/*
ul
{
    display:none;
}*/
.deptLabel
{
    display:block;
    margin:auto;
}
.donnee
{
    display:block;
    margin:auto;
    margin-top:3px;
}
.number
{
    font-size:2em;
    font-weight:600;
    text-align:center;
    
}

#retour
{
    position:absolute;
    background-color:#e74c3c;
    color:white;
    border:none;
    border-radius:1em;
    width:100px;
    top:5vh;
    right:5%;
    z-index:4999;
    display:none;
}
.commune
{
    font-size:1.3em;
}