@media screen and (min-width:800px){
    #map { 
        width: 700px;
        height: 500px;
        top: 3680px;
    }
}
@media screen and (min-width:801px) and (max-width:1200px) {
    #map { 
        width: 700px;
        height: 500px;
        top: 2446px;
    }
}
@media screen and (min-width:1200px){
    

    /******* Légende ********/
    #map {
        width: 1140px;
        height: 536px;
        display: block;
        top: 2863px;
        z-index: 9;
    }
    .info {
        padding: 6px 8px;
        font: 14px/16px Arial, Helvetica, sans-serif;
        background: white;
        background: rgba(255,255,255,0.8);
        box-shadow: 0 0 15px rgba(0,0,0,0.2);
        border-radius: 5px;
    } 
    .legend {
        line-height: 18px;
        color: #555;
    }
    .legend i {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 8px;
        opacity: 0.7;
    }
    #map a {
        text-decoration: none;
        color: #000000;
    }

    .leaflet-bar a {
        display: block!important;
    }

}