.map_image_container {
  width: 100%;
  position: relative;
}

.map_image_container .background_container {
  position: relative;
}

.map_image_container .background_container img {
  width: 100%;
  max-width: 100% !important;
}

.map_image_container .map_prop,
.map_image_container .map_marker {
  display: block;
  position: absolute;
}

.map_image_container .map_marker {
  z-index: 10;
  cursor: pointer;
  /* FIX ACCESSIBILITE : .map_marker est maintenant un <button> (avant : un
     <a> sans href, invisible au clavier) — on efface son style natif de
     bouton pour qu'il ait exactement le même rendu qu'avant, réduit à
     l'image du marqueur. */
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  font: inherit;
}
.map_image_container .map_marker:focus-visible {
  outline: 3px solid #1a56db;
  outline-offset: 3px;
  border-radius: 50%;
}

.map_image_container .map_prop {
  z-index: 20;
  background-color: #fff;
  box-shadow: 2px 2px 7px rgba(0,0,0,0.4);
  border-radius: 3px;
  max-width: 50%;
  box-sizing: border-box;
  padding: 20px;
}

/* FIX ACCESSIBILITE : bouton de fermeture explicite du panneau (avant, on
   ne pouvait fermer qu'en cliquant n'importe où sur le panneau — y compris
   par erreur sur le lien "Plus d'informations"). .map_prop est déjà en
   position:absolute ci-dessus, donc sert directement de repère de
   positionnement pour ce bouton, sans rien ajouter de plus. */
.map_prop_close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
}
.map_prop_close:hover {
  background: rgba(0, 0, 0, .06);
}
.map_prop_close:focus-visible {
  outline: 3px solid #1a56db;
  outline-offset: 2px;
}

.map_prop_url:focus-visible {
  outline: 3px solid #1a56db;
  outline-offset: 2px;
}

@media screen and (max-width: 800px) {
  .map_image_container .map_prop {
    left : 10% !important;
    right: auto !important;
    width: 80%  !important;
    max-width: 80%;
  }
}