/* Intégration de la police personnalisée */
    @font-face {    
        font-family: 'Fugaz';
        src: url('Fugaz.ttf') format('truetype');
        /* Autres formats de police peuvent être ajoutés ici */
    }

    /* Application de la police personnalisée à l'élément <title> */
    h1,h2,h3,h4,h5,p,div,span {
        font-family: 'Fugaz', sans-serif; /* Fallback sur une police système si la police personnalisée n'est pas chargée */
    }

    .div_cont {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
  }

  .div_cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }

  .overlay_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.5s ease;
    pointer-events: auto;
    align-content: center;
  }

  .hidden {
    opacity: 0;
    pointer-events: none;
  }


    /* Styles pour la popup container */
/* Styles pour la popup container */
.popup-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow: auto; /* Ajoutez ceci pour permettre le défilement si nécessaire */
  padding: 20px; /* Ajoutez un padding pour l'espace autour de l'image */
  overflow: auto; /* Supprime les barres de défilement si le contenu est plus grand que la fenêtre du navigateur */
}

.popup-content {
  /* Autres styles */
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  overflow: hidden; /* Empêche le débordement du contenu */
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-img, .popup-video {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}


/* Bouton de fermeture */
.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 99999;
}

/* Galerie d'images */
.gallery {
  display: flex;
  flex-wrap: wrap;
}

.popup-clickarea{
cursor: pointer;
}

.hoverdir-item {
  height: 230px;
  border-radius: 5px;
}