#gallerie_v1{background:#232323;padding:30px;margin-top:20px}
.gallery {
           display: flex;
           flex-wrap: wrap;
           justify-content:space-around;
           gap: 10px;
           margin-top: 20px;
       }
       .gallery img {
           width: 250px;
           height: 200px;
           object-fit: cover;
           border-radius: 5px;
           cursor: pointer;
           transition: transform 0.3s;
       }
       .gallery img:hover {
           transform: scale(1.1);
       }
       .lightbox {
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background: rgba(0, 0, 0, 0.8);
           display: none;
           justify-content: center;
           align-items: center;
           opacity: 0;
           transition: opacity 1s ease-in-out;
       }
       .lightbox.show {
           display: flex;
           opacity: 1;
       }
       .lightbox img {
           max-width: 90%;
           max-height: 90%;
           border-radius: 10px;
           box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
           transform: scale(0.7);
           transition: transform 0.6s ease-in-out;
       }
       .lightbox.show img {
           transform: scale(1);
       }
       .lightbox .close, .prev, .next {
           position: absolute;
           top: 50%;
           transform: translateY(-50%);
           font-size: 30px;
           font-weight: bold;
           color: white;
           cursor: pointer;
           background: rgba(0, 0, 0, 0.7);
           padding: 15px 25px;
           border-radius: 50px;
           transition: background 0.3s;
       }
       .lightbox .close {
           top: 20px;
           right: 30px;
           font-size: 30px;
       }
       .prev {
           left: 20px;
       }
       .next {
           right: 20px;
       }
       .prev:hover, .next:hover {
           background: rgba(255, 255, 255, 0.3);
       }

 .quiz-container h1 span{text-transform:none;font-size:1.2rem;color:black}

       .quiz-container {
           background: white;
           padding: 20px;
           border-radius: 10px;
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
           max-width: 500px;
           margin: auto;
           text-align: left;
       }
           .quiz-container img {
               width: 100%;
               border-radius: 10px;
               margin-bottom: 15px;
           }

           .quiz-container h1{
              font-size: 1.5rem;
           text-align: center;
           color:  #B00F22;
           font-weight: bold;
           margin-bottom: 10px;
           text-transform: uppercase;}

           .question {
             margin-top:30px;
               margin-bottom: 0;
               font-weight: bold;
           }
           .options {
               display: flex;
               flex-direction: column;
           }
           .options label {

               display: flex;
               align-items:self-start;
               gap: 0;
               margin-bottom: 0px;
               cursor: pointer;
           }
           .options input[type="radio"] {
               appearance: none;
               width: 20px;
               height: 20px;
               border: 2px solid #B00F22;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               transition: 0.3s;
               margin:0 10px 0 0;
           }
           .options input[type="radio"]:checked {
               background-color: #B00F22;
               border: 5px solid white;
               box-shadow: 0 0 0 2px #B00F22;
           }
           label {
               display: block;
               margin: 10px 0 5px;
               font-weight: bold;
           }

           .options label.baseline{align-items: baseline;}

           input[type="text"],
           input[type="email"],
           input[type="tel"] {
               width: 100%;
               padding: 10px;
               margin-bottom: 10px;
               border: 1px solid #ccc;
               border-radius: 5px;
           }

           input[type="radio"],input[type="checkbox"] {
               margin-right: 10px;
           }

           .checkbox-container {
               margin: 20px 0;
           }

           button {
               background-color: #B00F22;
               color: white;
               border: none;
               padding: 10px;
               width: 100%;
               border-radius: 5px;
               cursor: pointer;
           }

           button:hover {
               background-color: #B00F22;
           }

           .popup {
               display: none; /* Cachée par défaut */
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background: rgba(0, 0, 0, 0.6); /* Fond semi-transparent */

               justify-content: center;
               align-items: center;
               z-index: 1000;
           }

           /* Contenu de la popup */
           .popup-content {
               background: white;
               padding: 25px;
               border-radius: 12px;
               text-align: center;
               max-width: 400px;
               margin:auto;
               width: 90%;
               box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
               position: relative;
               animation: fadeIn 0.4s ease-in-out; /* Effet d'apparition */
           }

           /* Animation d'apparition */
           @keyframes fadeIn {
               from {
                   opacity: 0;
                   transform: scale(0.8);
               }
               to {
                   opacity: 1;
                   transform: scale(1);
               }
           }

           /* Bouton de fermeture */
           #closePopup {
               background-color: #B00F22;
               color: white;
               padding: 10px 20px;
               border: none;
               border-radius: 5px;
               cursor: pointer;
               margin-top: 15px;
               font-size: 16px;
               font-weight: bold;
               transition: background 0.3s ease;
           }

           #closePopup:hover {
               background-color: dark#B00F22;
           }