body {
    margin: 0;
    padding: 0;
}

#map {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 40px;
}

.leaflet-container .leaflet-control-mouseposition {
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 5px #bbb;
    padding: 0 5px;
    margin: 0;
    color: #333;
    font: 11px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#control {
    position: fixed;
    bottom: 0;
    width: 100%;
}

input[type=range].slider {
    -webkit-appearance: none;     /*nécessaire pour Chrome */
    padding: 0;                   /* nécessaire pour IE */
    font: inherit;                /* même rendu suivant font document */
    outline: none;
    color: #069;                  /* sert pour couleur de référence, via currentColor, pour le curseur */
    opacity: .8;
    background: #CCC;             /* sert pour couleur de fond de la zone de déplacement */
    box-sizing: border-box;       /* même modèle de boîte pour tous */
    transition: opacity .2s;
    cursor: pointer;
}