add svg + responsive

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

@@ -22,3 +22,22 @@ img{
     }
   }
 }
+
+
+#block-views-block-slide-programme-block-1,
+#block-views-block-dernieres-publications-block-1{
+  .views{
+    section.wrap_head{
+      @include croix_or;
+    }
+  }
+}
+
+article{
+  .__title{
+    @include croix_or;
+  }
+}
+h4{
+  @include croix_or;
+}

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

@@ -0,0 +1,16 @@
+.__rs{
+  & > div{
+    width: 20px;
+    height: 20px;
+    margin: 0 0.25rem;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .__rs{
+    margin: auto;
+    & > div{
+      margin: 0 auto 0.5rem auto;
+    }
+  }
+}

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

@@ -2,7 +2,7 @@
 #block-views-block-dernieres-publications-block-1{
   .views{
     section{
-      &:first-child{
+      .head{
         display: flex;
         width: 100%;
         justify-content: space-between;

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

@@ -15,16 +15,10 @@
    width: calc(100% / 4 );
    background: white;
    transform: scale(1);
-   box-shadow: none;
-   transition: 0.3s transform ease, 0.3s box-shadow ease;
+   @include shadow;
    a{
      display: block;
      height: 100%;
-   }
-   &:hover{
-     transform: scale(1.05);
-     transition: 0.3s all ease;
-     box-shadow: 0px 0px 13px 0px $color2;
    }
     & > .__wrap{
        padding: 1rem;
@@ -56,7 +50,6 @@
    }
  }
 
-
 .programme{
   .row{
     margin: 0;
@@ -69,8 +62,7 @@
     }
   }
 }
-
-@media screen and (min-width: 960px) {
+@media screen and (min-width: 992px) {
   .programme{
     .row{
       margin: $gutter1 calc(-#{$gutter1});
@@ -84,3 +76,48 @@
     }
   }
 }
+
+
+article{
+  .__publications{
+    & > div{
+      article{
+        width: 100%;
+        @include shadow;
+        figure{
+          padding: 1rem;
+          .__media{
+            margin-right: 1rem;
+          }
+          figcaption {
+            width: 80%;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 992px) {
+  article{
+    .__publications{
+      & > div{
+        margin: 0 calc(-#{$gutter1});
+        article{
+          width: calc( 50% - #{$gutter1} * 2);
+          margin: 0 $gutter1;
+          @include shadow;
+          figure{
+            padding: 1rem;
+            .__media{
+              margin-right: 1rem;
+            }
+            figcaption {
+              width: 80%;
+            }
+          }
+        }
+      }
+    }
+  }
+}