add lightbox

web/themes/custom/popsu_colloque/css/components/paragraph/_media.scss

@@ -1,5 +1,19 @@
-.media{
+.medias{
     .paragraph--type--images{
         width: 100%;
     }
+    .paragraph--type--video{
+        margin: 4rem 0;
+        & > div{
+            font-family: dukefill;
+            font-size: 2rem;
+            line-height: normal;
+            text-align: center;
+            margin-bottom: 1rem;
+            text-transform: uppercase;
+            @media screen and (min-width: 768px) {
+                text-align: left;   
+            }
+        }
+    }
 }

web/themes/custom/popsu_colloque/css/components/slides/slides.scss

@@ -67,7 +67,7 @@
     }
   }
 }
-
+#block-views-block-gallerie-block-1,
 #block-views-block-slide-programme-block-1,
 #block-views-block-slide-programme-node-intervenant-block-1,
 #block-views-block-dernieres-publications-block-1{

web/themes/custom/popsu_colloque/css/pages/front.scss

@@ -81,6 +81,75 @@ header{
   }
 }
 
+#block-views-block-gallerie-block-1{
+  section:not(.wrap_head){
+    display: flex;
+    flex-wrap: wrap;
+    margin:0 -1rem!important;
+    figure{
+      padding: 1rem;
+      margin: 0;
+      width: 100%;
+      max-height: 400px;
+      @media screen and (min-width: 768px) {
+        width: calc( 100% / 3);
+        max-height: 300px;
+      }
+      @media screen and (min-width: 1024px) {
+        width: calc( 100% / 6);
+        max-height:200px;
+      }
+      img{
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+  .pager{
+    text-align: center;
+    margin: 2rem;
+    .wrap--btn{
+      a{
+        @include shadow;
+        background: white;
+        width: fit-content;
+        margin: auto;
+        padding: 0.5rem 1rem;  
+        font-size: 12px;
+        display: block;
+        font-family: 'truenobold';        
+        color: $color2;
+      }
+    }
+  }
+
+}
+
+.lightbox{
+  position: fixed!important;
+  top: 50%!important;
+  transform: translateY(-50%)!important;
+ }
+
+.lb-dataContainer{
+  width: 100%;
+  background:white;
+  .lb-details{
+    width: 100%;
+  }
+  span{
+    display: block;
+    text-align: center;
+    color: black;
+  }
+  .lb-number{
+    font-family: 'truenobold';
+    padding-bottom:0;
+  }
+}
+
+#block-views-block-gallerie-block-1,
 #block-views-block-slide-programme-block-1,
 #block-views-block-dernieres-publications-block-1{
   margin: 2rem 0;