@font-face {
  font-family: "Heading Now Variable";
  src: url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/woff2/HeadingNowVarVF.woff2") format("woff2-variations"), url("https://s1.quebecormedia.com/infojdem/fonts/heading-now/ttf/Heading-Now-Variable.ttf") format("truetype-variations");
  font-weight: 110 1000;
  font-stretch: 100% 1000%;
}
.map-wrapper {
  position: relative;
  margin: 50px auto;
  width: 100%;
  max-width: 780px;
}
.map-wrapper .map-legende {
  position: absolute;
  bottom: 13px;
  left: 16px;
  border-radius: 4px;
  border: 1px solid #757575;
  background: #1A1A1A;
  padding: 13px 11px;
  z-index: 1;
}
@media (min-width: 500px) {
  .map-wrapper .map-legende {
    bottom: 30px;
    left: 23px;
  }
}
.map-wrapper .map-legende--item {
  color: #FFF;
  font-family: "Heading Now Variable";
  font-stretch: 400%;
  font-size: 10px;
  font-style: normal;
  font-weight: 420;
  line-height: 120%;
  letter-spacing: 0.2px;
}
@media (min-width: 500px) {
  .map-wrapper .map-legende--item {
    font-size: 12px;
  }
}
.map-wrapper .map-legende--item:not(:last-of-type) {
  margin: 0 0 8px;
}
.map-wrapper .map-legende--item .carre {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: lightgray;
}
.map-wrapper .map-legende--item .carre.brun {
  background: #504B3E;
}
.map-wrapper .map-legende--item .carre.beige {
  background: #E0C27C;
}
.map-wrapper .map-legende--item .carre.rouge {
  background: #DE4624;
}
.map-wrapper #map {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 0;
}
@media (min-width: 500px) and (max-width: 1300px) {
  .map-wrapper #map {
    aspect-ratio: 500/375;
  }
}
@media (min-width: 1301px) {
  .map-wrapper #map {
    aspect-ratio: 780/585;
  }
}
.map-wrapper .mapboxgl-ctrl-logo {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */