detail home

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

@@ -1,30 +1,28 @@
 header{
-  padding: 0 1rem;
+  padding: 0 3rem;
   height: 130px;
   div {
     height: inherit;
   }
 }
+
 #block-popsu-colloque-branding{
   width: 100%;
   position: relative;
   z-index: 999;
-  padding: 1rem 0 0 0;
+  padding:0;
   & > div {
     & > a{
       display: inline-block;
-      height: 8rem;
-      max-height: 150px;
       position: relative;
       img{
-        width: auto;
+        width: 100%;
         height: 100%;
         object-fit: contain;
       }
     }
   }
 }
-
 #block-mainnavigation{
   width: auto;
   border-left: 1px solid $color1;
@@ -35,7 +33,9 @@ header{
     flex-wrap: nowrap;
     li{
       padding: 0 1rem;
-      border-right: 1px solid $col_black;
+      &:not(:last-child){
+        border-right: 1px solid $col_black;
+      }
       a{
         white-space: nowrap;
       }
@@ -50,3 +50,25 @@ header{
     height: auto;
   }
 }
+
+header.front{
+  #block-popsu-colloque-branding{
+    width: 100%;
+    position: relative;
+    z-index: 999;
+    padding: 1rem 0 0 0;
+    & > div {
+      & > a{
+        display: inline-block;
+        height: 8rem;
+        max-height: 150px;
+        position: relative;
+        img{
+          width: auto;
+          height: 100%;
+          object-fit: contain;
+        }
+      }
+    }
+  }
+}

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

@@ -1,11 +1,18 @@
+body{
+  overflow-x: hidden;
+}
+.home{
+  .__img-hero{
+    width: 100vw;
+    position: relative;
+    left: 50%;
+    right: 50%;
+    margin-left: -50vw;
+    margin-right: -50vw;
+  }
+}
 .__img-hero{
-  height: 400px;
-  // width: 100vw;
-  // position: relative;
-  // left: 50%;
-  // right: 50%;
-  // margin-left: -50vw;
-  // margin-right: -50vw;
+  height: 500px;
     img{
       width:100%;
       height: 100%;

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

@@ -13,13 +13,31 @@ img{
 }
 
  #txt_present{
+   margin: 5rem 0;
+   & * {
+     color: $color2;
+   }
    & > div{
      margin: 2rem auto;
    }
+   .more_link{
+     padding: 0rem 1rem 0.2rem 1rem;
+     background: white;
+   }
+ }
+
+ .more_link{
+   padding: 0rem 1rem 0.2rem 1rem;
+   background: white;
+   border-radius: 0;
+   a{
+     color: $color2;
+   }
  }
 
 #block-views-block-slide-programme-block-1,
 #block-views-block-dernieres-publications-block-1{
+  margin: 5rem 0;
   .views{
     section.wrap_head{
       @include croix_or;

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

@@ -1,22 +1,30 @@
+#block-views-block-slide-programme-block-1{
+  .__slide{
+    article{
+      min-height: calc(100% - 30px );
+    }
+  }
+}
+
+#block-views-block-dernieres-publications-block-1{
+  .__media{
+    padding: 1rem 0;
+  }
+}
 #block-views-block-slide-programme-block-1,
 #block-views-block-dernieres-publications-block-1{
+  section:not(.wrap_head){
+    margin: 1rem 0;
+  }
   .views{
     section{
       .head{
         display: flex;
         width: 100%;
         justify-content: space-between;
-        align-items: baseline;
+        align-items: center;
       }
-      // .__day{
-      //   border-right: 1px solid $color1;
-      //   margin-right: 1rem;
-      //   padding-right: 1rem;
-      // }
       .thumbnails{
-        &:first-child{
-          // margin-left: 2rem;
-        }
         margin: 1rem;
       }
       .flickity-slider{
@@ -33,11 +41,10 @@
   }
 }
 
-/* icon color */
 .flickity-button-icon {
   fill: $col_black;
 }
-/* hide disabled button */
+
 .flickity-button:disabled {
   display: none;
 }

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

@@ -10,9 +10,9 @@
    a{
      display: block;
      height: 100%;
-   }
-    & > .__wrap{
+     & > .__wrap{
        padding: 1rem;
+     }
    }
    .__media{
      margin-right: 1rem;
@@ -25,14 +25,18 @@
        }
      }
    }
+   .__content{
+     margin-top: 1rem;
+   }
   .d-flex{
-     padding: 1rem;
+     // padding: 1rem;
    }
  }
 
  .thumbnails{
    figure{
-     height: 100px;
+     height: 120px;
+     margin: 0;
      img{
        width: 100%;
        height: 100%;