#affiche {
  display: block;
 /* margin: 0 auto;*/
  width: 60vw;
  height: auto;
  margin-top: 60px;
}

.map-container {
  position: relative;
  width: 100%;
}

.map-container img {
  width: 100%;
  height: auto;
  display: block;
  cursor: default;
}

.map-container svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.map-container svg a rect,
.map-container svg a circle {
  fill: transparent;
  cursor: pointer;
}

.map-container svg a:hover rect,
.map-container svg a:hover circle {
  fill: rgba(255, 255, 255, 0.15);
}

/* MODE DEBUG : à décommenter pour voir les zones, puis à recommenter
.map-container svg a rect,
.map-container svg a circle {
  fill: rgba(255, 0, 0, 0.3);
  stroke: red;
}
$/