added exposition invisible 3

www/actualisation/css/styles.css

@@ -745,11 +745,31 @@ adresse1 td {
   visibility: hidden;
 }
 
+/**
+ * visible invisible 3
+ */
+.video.visible-invisible-3 {
+  position: relative;
+  width: 480px; /* Match poster width */
+  height: 342.85px;
+  background: black;
+}
+.video.visible-invisible-3 video {
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain; /* Ensures black bars around the video */
+}
+.images.visible-invisible-3 {
+  display: flex;
+  justify-content: space-between;
+}
+
 /**
  * SCROLL BAR
  */
+
 /* Chrome, Safari, Edge Scrollbar */
-::-webkit-scrollbar {
+#Container::-webkit-scrollbar {
   width: 10px;
 }
 #Container::-webkit-scrollbar-track {

www/actualisation/manifestations.html

@@ -170,6 +170,17 @@
       <div id="right">
         <div id="middle">
           <div id="top" style="height: 25px">
+            <div class="nom">
+              <div class="carre">
+                <img
+                  src="images/carre_noir.png"
+                  width="10"
+                  height="12"
+                  alt="carr&eacute; Bloc-House"
+                />
+              </div>
+              Visible / Invisible 3
+            </div>
             <div class="nom">
               <div class="carre">
                 <img
@@ -269,7 +280,6 @@
               </div>
               L'&eacute;lection
             </div>
-            <br />
             <div class="nom">
               <div class="carre">
                 <img
@@ -325,7 +335,6 @@
               </div>
               To be a stickler
             </div>
-            <br />
             <div class="nom">
               <div class="carre">
                 <img
@@ -356,6 +365,105 @@
                 <div class="Scroller-Container">
                   <!-- Start nouveau-->
 
+                  <!-- debut visible-invisible 3 -->
+                  <div class="video visible-invisible-3">
+                    <video
+                      width="480"
+                      poster="images/manifestations/Visible-invisible-3/Visible-invisible-3-poster-grand.jpg"
+                      controls
+                    >
+                      <source
+                        src="video/visible-Invisible3.MOV"
+                        type="video/mp4"
+                      />
+                    </video>
+                  </div>
+                  <div class="images visible-invisible-3">
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-1-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-1-grand.jpg"
+                          alt="Image 1 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-2-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-2-grand.jpg"
+                          alt="Image 2 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-3-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-3-grand.jpg"
+                          alt="Image 3 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-4-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="les artistes organisateurs"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-4-grand.jpg"
+                          alt="Image 4 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                    <div class="vignette">
+                      <a
+                        href="images/manifestations/Visible-invisible-3/Visible-invisible-3-5-grand.jpg"
+                        rel="lightbox[Visible_Invisible_3]"
+                        title="Vue de l’exposition"
+                        ><img
+                          src="images/manifestations/Visible-invisible-3/Visible-invisible-3-5-grand.jpg"
+                          alt="Image 5 visible-invisible-3"
+                          width="70"
+                          height="70"
+                          border="0"
+                      /></a>
+                    </div>
+                  </div>
+                  <div class="title">Visible / Invisible 3</div>
+                  <div class="texte_manif">
+                    <p style="font-size: 14px">15-22 janvier 2024</p>
+                    <p style="font-style: italic; margin-top: 5px">
+                      Troisième volet du projet d’expositions sur le dessin
+                      contemporain Visible/Invisible – 15/01/2024 – 22/01/2024 à
+                      la LooLooLook Gallery, 12 rue de la Sourdière 75001 Paris.
+                    </p>
+                    <p style="margin-top: 8px; text-align: justify">
+                      Milan Atanaskovic, Christophe Bogdan, Emmanuel Bing,
+                      Sophie Bloch, LAAB - Laurence Bost, Jérôme Bouchez, Sahar
+                      Foroutan, Macha Krivokapic, Lin Leï, Arnaud de
+                      l’Estourbeillon, Eliza Magri, Altone Mishino, Françoise
+                      Miquelis, Margot Montenoise, Stephane Moreaux, Vincent
+                      Pandellé, Ilan Parienté, Claudine Sabatier, Dashan Yang.
+                    </p>
+                  </div>
+                  <!-- fin visible-invisible 3 -->
+
                   <!-- debut nature borders -->
                   <div
                     class="images_grand7"
@@ -481,7 +589,7 @@
                       Stéphane Moreau - Agnès Pezeu - Olivier Shaw
                     </p>
                   </div>
-                  <!-- fin lart mene le monde -->
+                  <!-- fin nature borders -->
 
                   <!-- debut lart mene le monde -->
                   <div