video and images ok

www/css/styles.css

@@ -65,7 +65,10 @@ body {
   float: left;
   height: 41px;
   width: 180px;
-  font-family: arial-bold, Arial Bold, sans-serif;
+  font-family:
+    arial-bold,
+    Arial Bold,
+    sans-serif;
   font-weight: 900;
   color: #cc3300;
   font-size: 18px;
@@ -73,14 +76,20 @@ body {
   margin-left: 43px;
 }
 .menu a {
-  font-family: arial-bold, Arial Bold, sans-serif;
+  font-family:
+    arial-bold,
+    Arial Bold,
+    sans-serif;
   font-weight: 900;
   text-decoration: none;
   color: #000000;
 }
 
 .menu a:hover {
-  font-family: arial-bold, Arial Bold, sans-serif;
+  font-family:
+    arial-bold,
+    Arial Bold,
+    sans-serif;
   font-weight: 900;
   text-decoration: none;
   color: #cc3300;
@@ -746,20 +755,24 @@ adresse1 td {
 }
 
 /**
- * visible invisible 3
+ * manifestation video poster
  */
-.video.visible-invisible-3 {
+.video.manifestation_poster {
   position: relative;
-  width: 480px; /* Match poster width */
-  height: 342.85px;
   background: black;
+  height: auto;
 }
-.video.visible-invisible-3 video {
+.video.manifestation_poster video {
   max-height: 100%;
   max-width: 100%;
-  object-fit: contain; /* Ensures black bars around the video */
+  object-fit: contain;
+  object-position: top;
 }
-.images.visible-invisible-3 {
+
+/**
+ * manifestations images flex
+ */
+.images.manifestation_flex {
   display: flex;
   justify-content: space-between;
 }