change typo et couleur

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

@@ -1,14 +1,23 @@
 // thumbnails global
 section {
   article.thumbnails.programme {
+    border: 1px solid $lightgrey;
+    width: calc(100% / 4 - 0.5rem * 2);
+    &:hover{
+      border: none;
+      @include shadow;
+    }
+    .d-flex{
+      color: $color_orange;
+    }
     .__content {
       span {
-        color: $color2;
+        color: $color2024;
         font-size: 0.8rem;
-        font-family: "truenoregular_italic";
+        font-family: "Marianneregular_italic";
         text-transform: none !important;
         strong {
-          font-family: "truenobold_italic";
+          font-family: "Mariannebold_italic";
         }
       }
     }
@@ -45,7 +54,7 @@ section {
     padding: 1rem;
     time,
     .type_moment {
-      font-family: "truenoregular";
+      font-family: "Marianneregular";
       font-size: 0.8rem;
       text-transform: uppercase;
     }
@@ -78,7 +87,7 @@ section {
       height: 100%;
     }
     div > * {
-      color: $color2;
+      color: $col_black;
     }
     a {
       display: block;
@@ -102,7 +111,7 @@ section {
       width: calc(100% / 4 - #{$gutter} * 2);
     }
     & > div * {
-      color: $color2;
+      color: $col_black;
       &.__auteur * {
         font-size: 1.4rem;
       }
@@ -112,7 +121,7 @@ section {
     }
     a {
       text-decoration: underline;
-      color: $color1;
+      color: $color2024;
     }
   }
   &.interviews {
@@ -139,7 +148,7 @@ section {
       height: 100%;
     }
     div > * {
-      color: $color2;
+      color: $col_black;
     }
     a {
       display: block;
@@ -162,12 +171,12 @@ section {
       .inter {
         margin-top: 0.5rem;
         span {
-          color: $color2;
+          color: $col_black;
           font-size: 0.8rem;
-          font-family: "truenoregular_italic";
+          font-family: "Marianneregular_italic";
           text-transform: none !important;
           strong {
-            font-family: "truenobold_italic";
+            font-family: "Mariannebold_italic";
           }
         }
       }
@@ -256,14 +265,18 @@ section {
       }
     }
     figcaption {
+      border: 1px solid $color2024;
       &.__info {
         padding: 4rem 0.5rem 0.5rem 0.5rem;
         margin-top: -3rem;
         background: white;
         .__name {
           text-transform: uppercase;
+
+          color: $col_black !important;
         }
       }
     }
   }
+
 }