application de la nouvelle identité sur toutes les pages

web/themes/erabletheme/scss/partials/_articles.scss

@@ -12,34 +12,26 @@
         }
     }
     .article_meta {
+        padding-top: 1.5rem;
         padding-left: $x_margin;
         margin: 20px 0;
+        display: flex;
+        flex-direction: row;
+        gap: 1.5rem;
         div {
             font-size: $fs_xs;
             margin-bottom: 5px;
         }
     }
-    .article_meta + h2 {
-      margin-top: 0 !important;
-    }
-    h2 {
-        padding-top: 0 !important;
-        margin-bottom: 2rem !important;
-    }
-    h2 + div { // tout le contenu qui n'est pas le titre
+    // Le <h2> et .sous_titre ont été sortis dans .page-header-outside ;
+    // l'ancien sélecteur `h2 + div` est remplacé par `.article_meta + div`
+    // qui cible le wrapper de contenu directement.
+    .article_meta + div {
         position: relative;
         padding: 0 $x_margin;
         .visually-hidden {
             width: 0% !important;
         }
-        .sous_titre {
-            margin-top: -1.5rem;
-
-            > div > div {
-                font-size: $fs_lg;
-                margin-bottom: 30px;
-            }
-        }
         > div {
             > div {
                 width: 100%;
@@ -68,6 +60,10 @@
         @include fluo_button();
         a {
             display: inline-block;
+            // En mobile, ces liens sont en flux normal dans la colonne blanche,
+            // donc on contraste leur fond en gris pâle (en desktop ils sont
+            // position: fixed sur fond gris, on garde le fond blanc d'origine).
+            background-color: $page_bg;
         }
         @media (min-width: $breakpoint_desktop) {
             margin-bottom: 0 !important;
@@ -80,6 +76,7 @@
             }
             a {
                 max-width: calc(25vw - $x_margin * 2);
+                background-color: white;
             }
         }
     }