décors ponctuels (oiseaux, fleurs) sur home, pages internes et footer

web/themes/erabletheme/scss/_fullpage.scss

@@ -168,6 +168,9 @@ main:has(#block-erabletheme-views-block-projets-block-1) {
     background-color: white;
     border-bottom: 7px solid $fluo_green;
     position: relative;
+    @media (min-width: $breakpoint_desktop) {
+      margin-bottom: 4vh;
+    }
     h2 {
       margin-top: 5vh !important;
       margin-bottom: 7vh;
@@ -201,7 +204,12 @@ main:has(#block-erabletheme-views-block-projets-block-1) {
           @include main_text_content();
         }
 
-        p:first-of-type {
+        // Margin-top sur le tout premier élément textuel du contenu,
+        // peu importe son type (p / h1-h6) ET peu importe la profondeur
+        // de wrapping (Drupal wrappe souvent les champs dans une ou deux
+        // <div>). :first-child garantit qu'on ne matche que le tout
+        // premier (vs :first-of-type qui matche le 1er de chaque type).
+        :is(p, h1, h2, h3, h4, h5, h6):first-child {
             margin-top: 7vh;
         }
 

web/themes/erabletheme/scss/_home.scss

@@ -146,9 +146,10 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  margin-bottom: 5vh;
   @media (min-width: $breakpoint_desktop) {
     margin-top: 10vh;
-    margin-bottom: 10vh;
+    margin-bottom: 4vh;
   }
 }
 

web/themes/erabletheme/scss/global/_global.scss

@@ -25,7 +25,9 @@ body {
       }
     }
     footer {
-      z-index: 0;
+      // Au-dessus de main pour que les ornements posés sur le footer
+      // (cf. .footer-decor) passent par-dessus le bas de la colonne.
+      z-index: 3;
     }
     #background {
       z-index: -1;

web/themes/erabletheme/scss/partials/_footer.scss

@@ -19,12 +19,38 @@
   margin-top: 50px;
   padding: 1rem $x_margin;
   box-sizing: border-box;
+  position: relative;
   @media (min-width: $breakpoint_desktop) {
     width: 50vw;
     margin-left: 25vw;
     padding: 1rem;
   }
 
+  // Ornements décoratifs (oiseau / fleur) "posés" sur le bord haut du
+  // footer : bord bas légèrement entré dans le footer, le reste dépasse
+  // au-dessus. En desktop le footer fait 50vw centré ; les ornements
+  // sont à cheval sur les bords du footer (moitié dedans, moitié hors).
+  // Le footer est passé au-dessus de main (cf. _global.scss) pour que
+  // les ornements recouvrent le bas de la colonne.
+  // pointer-events:none pour ne pas bloquer les liens du footer.
+  > .footer-decor {
+    position: absolute;
+    bottom: 100%;
+    width: 18vw;
+    height: auto;
+    transform: translateY(15%);
+    pointer-events: none;
+    @media (min-width: $breakpoint_desktop) {
+      width: 8vw;
+    }
+  }
+  > .footer-decor-bird   { left: 0; }
+  > .footer-decor-flower { right: 0; }
+  @media (min-width: $breakpoint_desktop) {
+    > .footer-decor-bird   { left: -4vw; }
+    > .footer-decor-flower { right: -4vw; }
+  }
+
   #footer_middle {
     display: flex;
     flex-wrap: wrap;