add font

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

@@ -1,6 +1,8 @@
 #block-popsu-colloque-submenu{
+  margin: 3rem auto;
   ul{
     display: flex;
+    padding: 0;
     li{
       margin-right: 1rem;
       a{
@@ -11,8 +13,9 @@
         background: white;
         transition: color 0.3s ease, background 0.3s ease;
         &:hover{
+          text-decoration: none;
           color: white;
-          background: blue;
+          background: $color2;
           transition: all 0.3s ease;
         }
       }

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

@@ -1,11 +1,11 @@
 .__img-hero{
   height: 400px;
-  width: 100vw;
-  position: relative;
-  left: 50%;
-  right: 50%;
-  margin-left: -50vw;
-  margin-right: -50vw;
+  // width: 100vw;
+  // position: relative;
+  // left: 50%;
+  // right: 50%;
+  // margin-left: -50vw;
+  // margin-right: -50vw;
     img{
       width:100%;
       height: 100%;

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

@@ -1,7 +1,10 @@
-// main{
-//   margin-top: $margin-hero;
-// }
+html,body{
+  background: $fond;
+}
 
+header{
+  background: white;
+}
 
 img{
   width:100%;
@@ -31,8 +34,12 @@ article{
   .__head{
     div{
       & > div{
-        margin: 0rem 0.5rem;
+        margin-right: 0.5rem;
       }
+      & > div:not(:first-child){
+        margin-left: 0.5rem;
+      }
+
     }
   }
 }
@@ -50,8 +57,15 @@ blockquote{
 
 .container{
   &.programme{
+    margin-top: 3rem;
+    h3{
+      margin: 0;
+    }
     .views{
       section{
+        & > div{
+          margin-bottom: 3rem;
+        }
         &:not(:last-child){
           @include croix_or;
           margin: 0 0 2rem 0;

web/themes/custom/popsu_colloque/css/components/sidebar/role_inter.scss

@@ -1,3 +1,6 @@
+.paragraph--type--role-de-l-intervenant{
+  margin-bottom: 5rem;
+}
 .___title_inter{
   border-bottom: 1px solid black;
   margin-bottom: 2rem;

web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss

@@ -1,7 +1,7 @@
 .__rs{
   & > div{
-    width: 20px;
-    height: 20px;
+    width: 25px;
+    height: 25px;
     margin: 0 0.25rem;
   }
 }

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

@@ -225,6 +225,13 @@ article{
           }
         }
       }
+      .views{
+        &.__publications{
+          article{
+            width: calc( 25% - #{$gutter1} * 4);
+          }
+        }
+      }
     }
     &.bibliographie{
       article{