/*---------------- Diaporama --------*/    
      
        .lightbox {
          display: none;
          position: fixed;
          z-index: 10000;
          top: 0; left: 0;
          width: 100%; height: 100%;
          background: rgba(0, 0, 0, 0.95);
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }

        .lightbox img {
          max-width: 90%;
          max-height: 80%;
          border-radius: 10px;
          opacity: 0;
          transition: opacity 0.5s ease;
        }

        .lightbox img.visible {
          opacity: 1;
        }

        .lightbox .close,
        .lightbox .prev,
        .lightbox .next,
        .lightbox .back-btn {
          position: absolute;
          background-color: rgba(255, 255, 255, 0.1);
          border: none;
          color: white;
          font-size: 2em;
          cursor: pointer;
          padding: 10px;
          border-radius: 8px;
        }

        .lightbox .close {
          top: 20px;
          right: 20px;
        }

        .lightbox .prev {
          top: 50%;
          left: 30px;
          transform: translateY(-50%);
        }

        .lightbox .next {
          top: 50%;
          right: 30px;
          transform: translateY(-50%);
        }

        .lightbox .back-btn {
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
          font-size: 1.2em;
        }