#map {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

path {
  -webkit-transition: fill 500ms;
  transition: fill 500ms;
}

/* #map h4 {
    line-height: 1;
    padding: 0 10px;
    margin-top: 10px;
} */


/* Blocs infos */
.info,
.blocRangesClass {
  /* min-width: 200px; */
  /* max-width: 600px;  */
  /* padding: 0px 10px 10px; */
  /* font: 14px/16px Arial, Helvetica, sans-serif; */
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.leaflet-top.leaflet-right {
  max-width: 70%;
}
@media all and (max-width:1000px) {
  .leaflet-top.leaflet-right {
    max-width: 90%;
  }
}
.leaflet-top.leaflet-right .titre {
  line-height: 1.2;
}


/*
*  Liste Jeux
*/

div.jeux {
    max-width: 200px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

div.jeuxHaut {
  cursor: row-resize;
}

div.jeuxBas {
    max-height: 200px;
    overflow: auto;
}

li.list-group-item {
  background-color: #fbf5e8;
  transition: background-color 0.8s;
  font-size: 1.1em;
  line-height: 1.2em;
  font-family: 'apercu', sans-serif;
}

li.list-group-item:hover { background-color: #fac17f;}
li.list-group-item:focus { background-color: #bd6220;}
li.list-group-item.actif { background-color: #f78838;}


/*
* Legend
*/

.legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}


/*
* Toggle Layers
*/

.leaflet-control-layers-toggle {
    background-image: url(layers.png);
  }
.leaflet-control-layers-base,
.leaflet-control-layers-overlays {
      text-align: left;
  }


 /*
 * Bloc Ranges
 */

 .blocRangesClass {
   padding: 10px;
 }

.blocRangesClass div {
  display: inline-block;
  text-align: left;
}

.blocRangesClass.leaflet-control {
    text-align: end;
  }

.rangesClass span {
    display: inline-block;
    width: 15px;
    height: 15px;
}


/* slider */

.sliderClass {
    height: 170px;
    margin-left: 10px;
}
.noUi-vertical .noUi-tooltip {
    right:initial;
    left: 120%;
}
.noUi-vertical .noUi-handle {
    height: 12px;
    top: -6px;
}
.noUi-vertical .noUi-handle:before {
    top: 4px;
}
.noUi-vertical .noUi-handle:after {
    top: 6px;
}

.noUi-touch-area {
    position: absolute;
    top: -6px;
}

.noUi-connect:nth-child(3) {
    background: #67001f;
}

.noUi-connect:nth-child(2) {
    background: #d9e0db;
}

.noUi-connect:nth-child(1) {
    background: #006837;
}

.noUi-tooltip {
  width: 80px;
}

/* * */

.pasVisible {
    display: none;
}