posters sur video et quatrieme vignette changee sur visible 1

.~lock..ovhconfig#

@@ -1 +0,0 @@
-,simplonco,simplonco-Latitude-E6320,30.12.2018 13:17,file:///home/simplonco/.config/libreoffice/4;

manifestations.html

@@ -160,25 +160,23 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
 
 <!-- debut Visible-invisible 2 -->
 				  <div class="video" style="margin-bottom:-130px;">
-						<!-- add an attribute poster="image.jpg" to the video tag
-								 if you want to see an image before the video plays -->
-						<video width="480" controls>
+						<video width="480" poster="images/manifestations/Visible-invisible-2-poster.jpg" controls>
 							<source src="video/invisible.mp4" type="video/mp4">
 						</video>
 					</div>
  
           <div class="images">
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-1g.jpg" rel="lightbox[Visible_Invisible_2]" title="visibles-invisibles 2"><img src="images/manifestations/Visible-invisible-2-1p.jpg" alt="Image 1 invisibles" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-1g.jpg" rel="lightbox[Visible_Invisible_2]" title="visibles-invisibles 2"><img src="images/manifestations/Visible-invisible-2-1p.jpg" alt="Image 1 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-2g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 2"><img src="images/manifestations/Visible-invisible-2-2p.jpg" alt="Image 2 CoIncidences" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-2g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 2"><img src="images/manifestations/Visible-invisible-2-2p.jpg" alt="Image 2 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-3g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 3"><img src="images/manifestations/Visible-invisible-2-3p.jpg" alt="Image 3 CoIncidences" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-3g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 3"><img src="images/manifestations/Visible-invisible-2-3p.jpg" alt="Image 3 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-4g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 4"><img src="images/manifestations/Visible-invisible-2-4p.jpg" alt="Image 4 CoIncidences" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-4g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 4"><img src="images/manifestations/Visible-invisible-2-4p.jpg" alt="Image 4 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-5g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 5"><img src="images/manifestations/Visible-invisible-2-5p.jpg" alt="Image 5 CoIncidences" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-5g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 5"><img src="images/manifestations/Visible-invisible-2-5p.jpg" alt="Image 5 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           
-          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-6g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 6"><img src="images/manifestations/Visible-invisible-2-6p.jpg" alt="Image 6 CoIncidences" width="70" height="70" border="0" /></a></div>
+          <div class="vignette"><a href="images/manifestations/Visible-invisible-2-6g.jpg" style="margin-left:9px;" rel="lightbox[Visible_Invisible_2]" title="Visible-invisible 6"><img src="images/manifestations/Visible-invisible-2-6p.jpg" alt="Image 6 visible-invisible-2" width="70" height="70" border="0" /></a></div>
           </div>
           
            <div class="title">
@@ -404,9 +402,7 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
 
 <!-- debut Co-Incidences -->
            <div class="video" style="margin-bottom:-40px;">
-						<!-- add an attribute poster="image.jpg" to the video tag
-								 if you want to see an image before the video plays -->
-						<video width="480" controls>
+						<video width="480" poster="images/manifestations/coIncidences-poster.jpg" controls>
 							<source src="video/coincidences.mp4" type="video/mp4">
 						</video>
 					</div>
@@ -445,9 +441,7 @@ preload("images/logo_bloc_house.png", "images/fond1.png", "images/iconePDF.png",
 
 <!-- debut Noir -->
            <div class="video" style="margin-bottom:-40px;">
-						<!-- add an attribute poster="image.jpg" to the video tag
-								 if you want to see an image before the video plays -->
-						<video width="480" controls>
+						<video width="480" poster="images/manifestations/noir-poster.jpg" controls>
 							<source src="video/noir.mp4" type="video/mp4">
 						</video>
 					</div>