.visionner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: black;
  display: flex; /* Active Flexbox */
  align-items: center; /* Centre verticalement */
  justify-content: center; /* Centre horizontalement */
  z-index: 9999;
  display: none; /* Masque par défaut */
}

.visionner video {
  width: auto;
  height: 80vh;
  max-width: 100%; /* Empêche la vidéo de dépasser la largeur de l'écran */
  max-height: 100%; /* Empêche la vidéo de dépasser la hauteur de l'écran */
  align-self: center; /* Centre la vidéo dans Flexbox */
  margin: auto; /* Ajoute une marge automatique pour garantir le centrage */
  position: relative; /* Permet de centrer la vidéo */
  top: auto;
  left: auto;
}

.close-visionner {
  position: absolute;
  top: 24px;
  right: 36px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  z-index: 2;
}
.close-visionner::before,
.close-visionner::after {
  content: '';
  position: absolute;
  left: 15px;
  top: 5px;
  width: 3px;
  height: 22px;
  background: #fff;
  border-radius: 2px;
}
.close-visionner::before {
  transform: rotate(45deg);
}
.close-visionner::after {
  transform: rotate(-45deg);
}