début du thème, footer et header en mobile

web/themes/erabletheme/scss/_home.scss

@@ -0,0 +1,44 @@
+.home_introduction {
+    border-bottom: solid 2px $teal;
+    width: 100%;
+    padding: 2rem $x_margin;
+    h2 {
+        display: none;
+    }
+    article > div {
+        p {
+        @include main_text_content();
+        }
+    }
+    div.more-link {
+        @include fluo_button();
+        margin-top: 3rem;
+        margin-bottom: 1.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}
+
+.home_consultation {
+    @include beige_gradient();
+    width: 100%;
+    padding: 2rem 0;
+    h2 {
+        @include main_title();
+        margin-bottom: 1.2rem;
+    }
+    article > div {
+        p {
+          padding: 0 $x_margin;
+          @include main_text_content();
+        }
+    }
+    div.more-link {
+        @include fluo_button();
+        margin-top: 3rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+}

web/themes/erabletheme/scss/_newspage.scss

@@ -0,0 +1,3 @@
+.news_list:not(.slick-slider) {
+    background-color: red;
+}

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

@@ -0,0 +1,3 @@
+#block-erabletheme-contenudelapageprincipale {
+    margin-top: 7vh;
+}

web/themes/erabletheme/scss/global/variables/_colors.scss

@@ -1,4 +1,8 @@
 $fluo_green: #00ff80;
 $teal: #038788;
 $beige: #fcf9ee;
-$dark_green: #314e41;
+$dark_green: #314e41;
+
+@mixin beige_gradient() {
+    background: linear-gradient(to bottom, $beige 80%, white 100%);
+}

web/themes/erabletheme/scss/global/variables/_typography.scss

@@ -1,2 +1,40 @@
 /* SIZES */
-$sm_font_size: 0.8rem;
+$sm_font_size: 0.8rem;
+$m_font_size: 0.9rem;
+$main_font_size: 1.1rem;
+$title_size: 2.3rem;
+
+/* MIXINS */
+
+@mixin main_title() {
+    font-family: "Barlow", sans-serif;
+    font-size: $title_size;
+    padding: 0 $x_margin;
+    margin-top: 1rem;
+    a {
+        color: $teal;
+    }
+}
+
+@mixin main_text_content() {
+    font-family: "Marianne", sans-serif;
+    font-size: $main_font_size;
+    line-height: 1.2;
+}
+
+@mixin fluo_button() {
+    a {
+        text-align: center;
+        color: black;
+        font-family: "Marianne", sans-serif;
+        font-weight: 800;
+        font-size: $m_font_size;
+        background-color: white;
+        border: solid 2px $fluo_green;
+        padding: 9px 18px;
+        ::after {
+            content: "→";
+            padding-left: 10px;
+        }
+    }
+}

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

@@ -0,0 +1,46 @@
+.actu_full {
+    @include beige_gradient();
+    font-family: "Marianne", sans-serif;
+    padding-top: 3vh;
+    width: 100vw;
+    div {
+        @include main_text_content();
+    }
+    .retour_actus {
+        font-size: $sm_font_size;
+        font-weight: 800;
+        color: $teal;
+        padding-left: $x_margin;
+    }
+    .article_meta {
+        padding-left: $x_margin;
+        margin: 20px 0;
+        div {
+            font-size: $sm_font_size;
+            margin-bottom: 5px;
+        }
+    }
+    h2 {
+        @include main_title();
+    }
+    h2 + div {
+        padding: $x_margin;
+        .visually-hidden {
+            width: 0% !important;
+        }
+        div:first-of-type {
+            margin-top: -10px;
+            margin-bottom: 30px;
+        }
+        div:nth-of-type(2) {
+            > div {
+                width: 100%;
+                margin-bottom: 40px;
+                img {
+                    width: 100%;
+                    height: auto;
+                }
+            }
+        }
+    }
+}

web/themes/erabletheme/scss/partials/_carousel.scss

@@ -0,0 +1,56 @@
+.slick-container {
+    @include beige_gradient();
+    width: 100vw;
+    border-bottom: solid 2px $teal;
+    div.views-row article {
+        width: 100%;
+        div:first-of-type { // container du lien image
+            width: 100%;
+            max-height: 40vh;
+            overflow-y: hidden;
+            > div {
+                width: 100%;
+                > a {
+                    max-width: 100%;
+                    img {
+                        width: 100%;
+                        height: auto;
+                    }
+                }
+            }
+        }
+        
+        .preview_date, .preview_type, .preview_sous_titre {
+            font-family: "Marianne", sans-serif;
+            font-size: $m_font_size;
+            padding: 2px $x_margin;
+        }
+        .preview_date {
+            margin-top: 1.3rem;
+            font-weight: 800;
+        }
+        h2 {
+            @include main_title();
+        }
+    }
+    #carousel_dots {
+        position: relative;
+        margin-top: -15px;
+        ul {
+            position: relative;
+            bottom: 0;
+            li.slick-active button::before{
+                color: $fluo_green;
+            }
+            li button::before{
+                color: rgba(0.9, 0.9, 0.9, 1);
+            }
+        }
+    }
+    footer {
+        @include fluo_button();
+        text-align: center;
+        margin-top: 4rem;
+        margin-bottom: 4rem;
+    }
+}

web/themes/erabletheme/scss/styles.scss

@@ -4,7 +4,15 @@
 @import "global/variables/_layout";
 @import "global/variables/_typography";
 @import "global/_typography";
+@import "global/_global";
 
 /* PARTIALS */
 @import "partials/_header";
-@import "partials/_footer";
+@import "partials/_footer";
+@import "partials/_carousel";
+@import "partials/_articles";
+
+/* PAGES */
+
+@import "_home.scss";
+@import "_newspage.scss";