page presentation

web/themes/custom/popsu_colloque/css/components/btn/all_btn.scss

@@ -0,0 +1,20 @@
+.more_link{
+  @include shadow;
+}
+
+#block-views-block-slide-programme-block-1,
+#block-views-block-dernieres-publications-block-1{
+  .more_link{
+    margin: 0.5rem 0;
+    width: fit-content;
+  }
+}
+
+@media screen and (min-width: 576px) {
+  #block-views-block-slide-programme-block-1,
+  #block-views-block-dernieres-publications-block-1{
+    .more_link{
+      margin: 0;
+    }
+  }
+}

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

@@ -12,7 +12,7 @@ body{
   }
 }
 .__img-hero{
-  height: 500px;
+  height: 300px;
     img{
       width:100%;
       height: 100%;
@@ -20,6 +20,14 @@ body{
     }
 }
 
+.__img-hero{
+  width: 100vw;
+  position: relative;
+  left: 50%;
+  right: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+}
 
 .participant_full{
   .hero{
@@ -47,6 +55,17 @@ body{
   }
 }
 
+@media screen and (min-width: 768px) {
+  .__img-hero{
+    height: 500px;
+    width: auto;
+    position: relative;
+    left: 0;
+    right: 0;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
 @media screen and (min-width: 768px) {
   .participant_full{
     .hero{

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

@@ -6,6 +6,17 @@ header{
   background: white;
 }
 
+
+
+@media screen and (min-width: 768px) {
+  main:not(.home){
+    margin-top: 5rem!important;
+  }
+}
+
+main:not(.home){
+  margin-top: 0rem;
+}
 img{
   width:100%;
   height: 100%;
@@ -66,13 +77,24 @@ h4{
 }
 
 blockquote{
-  font-size: 2rem;
-  line-height: 1;
-  margin: 2rem;
+  margin: 2rem 1rem 2rem 1rem;
   color: $lightgrey;
   @include croix_or_B;
+  p{
+    margin-top: 0.5rem;
+  }
 }
 
+@media screen and (min-width: 768px) {
+  blockquote{
+    margin: 3.5rem 2rem 4rem 2rem;
+    p{
+      margin-top: 1rem;
+    }
+  }
+}
+
+
 .container{
   &.programme{
     margin-top: 3rem;

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

@@ -8,10 +8,6 @@
           width: 100%;
           justify-content: space-between;
           align-items: center;
-          .more_link{
-            margin: 0;
-
-          }
         }
       }
     }
@@ -35,10 +31,6 @@
     section{
       .head{
         display: block;
-        .more_link{
-          margin: 0.5rem 0;
-          width: fit-content;
-        }
       }
       .thumbnails{
         margin: 1rem;