.leaflet-sleep-fullscreen { overflow: hidden;position: fixed; height: 100%; }

.leaflet-sleep-note-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; transition-duration: .2s; z-index: 5000; }
.leaflet-sleep-note-container.disabled { display: none; }
.leaflet-sleep-note { cursor: default; width: auto; max-width: 50%; opacity: 1; margin: auto; top: 10px; position: relative; text-align: center; border-radius: 4px; background: #fff; padding: 5px; color: #333; border: none; font-size: 13px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; }

.leaflet-control-container .leaflet-top.leaflet-right .leaflet-sleep-button.leaflet-control:first-child { margin-top: 4px; margin-right: 4px; }
.leaflet-sleep-button.leaflet-control { cursor: pointer; padding: 5px 10px; border-radius: 4px; background: #fff; color: #333; border: none; font-size: 11px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 12px 0; }

/* Gros mobiles et en dessous */
@media (max-width: 575px) {
    .leaflet-sleep-note-container {
        background: rgba(0,0,0,0.5);
    }
    .leaflet-sleep-note { top: 50%; transform: translateY(-50%); }
}