@font-face{
                font-family:UnitOT;
                src: url(fonts/UnitOT.ttf);
                font-weight:normal;
                font-style:normal;
                font-stretch:normal;
                /*
                src:url('fonts/UnitOT.eot')!important;
                src:url('fonts/UnitOT.eot?#iefix') format('embedded-opentype'),url('fonts/UnitOT.ttf') format('truetype'),url('fonts/UnitOT.svg') format('svg')!important;
                font-weight:normal!important;
                font-style:normal!important;
                font-stretch:normal;
*/
            }
            

            
            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;
}

/* La carte */
#map
{
    width:100%;
    height:90vh;
}
#annees
{
    width:100%;
    height:10vh;
    padding:0;
    text-align:center;
    display:flex;
}
#annees p
{
    margin:auto;
    cursor:pointer;
    font-size:1.3em;
}
#annees p:hover
{
    text-decoration:underline;
}

/* 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;
}
#barreAdresseContainer
{
    position:absolute;
    width:230px;
    height:50px;
    right:70px;
    top:20px;
    z-index:9998;
    background-color:#ecf0f1;
    border:solid #95a5a6 1px;
    border-radius: 1em 0   0 1em;
    padding:10px;
    padding-left:20px;
    display:none;
}
#barreAdresseContainer input
{
    width:200px;
}
.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;
}*/

.number
{
    font-size:2em;
    font-weight:600;
    text-align:center;
    
}