config regions

web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss

@@ -0,0 +1,34 @@
+// .layout-sidebar-first{
+
+//     #block-reha-phase1{
+//         border: solid $yellow-puca 1px;
+//         font-weight: 800;
+//         padding: 1rem;
+//         width: 80%;
+//         @media(max-width:891px){
+//             width: 100%;
+//         }
+//         h2{
+//             margin-top: 0;
+//             margin-bottom: 0;
+//             text-transform: lowercase;
+//             font-weight: 1000;
+//             line-height: 1rem;
+//             font-size:1.5rem ;
+    
+//         }
+
+//         p{
+//             font-size: 1.5rem;
+//             line-height: 1.8rem;
+//             margin-top: 0.8rem;
+//         }
+
+//         footer{
+//             @extend %buttonwithborder;
+//             width: fit-content;
+//         }
+//     }
+
+   
+// }

web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss

@@ -0,0 +1,137 @@
+footer{
+    background-color: $white-header;
+    padding-top: 3rem;
+    font-family: "Marianne";
+    font-weight: 800;
+    font-size: 1.1rem;
+    text-transform: lowercase;
+    div{
+        display: flex;
+        flex-direction: row;
+        @media(max-width: 891px){
+            // // flex-direction: row;
+            flex-wrap: wrap;
+        }
+        @media(max-width: 520px){
+            flex-direction: column;
+        }
+    }
+
+    h2{font-size: 1.1rem;}
+
+
+    section:not(:first-of-type){
+        border-left: $yellow-puca solid 2px;
+        padding-left: 2rem;
+        @media(max-width: 891px){
+            margin-left: 1rem;
+            margin-right: 1rem;
+            border-left: $yellow-puca solid 2px;
+
+            // border-left: none;
+            // border-top: $yellow-puca solid 2px;
+        }
+        @media(max-width: 520px){
+            margin-left: 1rem;
+            margin-right: 1rem;
+            border-left: none;
+            border-top: $yellow-puca solid 2px;
+        }
+    }
+    section:not(:last-of-type){
+        padding-right: 5rem;
+        @media(max-width: 891px){
+            padding-right: 0;
+        }
+        @media(max-width: 520px){
+            padding-right: 0;
+            
+        }
+
+    }
+    section:last-of-type{
+        padding-right: 5rem;
+        @media(max-width: 891px){
+            border-top: $yellow-puca solid 2px;
+            border-left: none;
+        }
+
+
+    }
+}
+
+#footer-left {
+margin-left: 10%;
+@media(max-width: 891px){
+    margin-left: 1rem;
+    padding-left: 2rem;
+    width: 40%;
+}
+@media(max-width: 520px){
+    width: 100%;
+    margin-left: 1rem;
+    padding-left: 2rem;
+}
+    div{
+    display: flex;
+    flex-direction: column;
+
+        #block-reha-pieddepage {
+            ul{
+                padding-left: 0;
+            }
+        }
+        #block-reha-logoreha-3{
+            display: none;
+        }
+        .social-media-links--platforms{
+            display: flex;
+            flex-direction: row;
+            svg.ext{
+                display: none;
+            }
+        }
+    }
+}
+
+#footer-middle{
+    @media(max-width: 891px){
+        width: 40%;
+    }
+    @media(max-width: 520px){
+        width: 100%;
+        margin-right: 1rem;
+    }
+    #block-reha-operateurduprogramme{
+        display: flex;
+        flex-direction: column;
+        img{
+            max-width: 150px;
+            height: fit-content;
+            max-height: 100px;
+            object-fit: contain;
+            padding: 1rem;
+        }
+    }
+}
+
+#footer-right{
+    #block-reha-config-pages-2{
+        display: flex;
+        flex-direction: column;
+        .field--name-field-partenaires{
+            .field__items{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                img{
+                    max-width: 120px;
+                    height: fit-content;
+                    max-height: 115px;
+                    object-fit: contain;
+                    // padding: 1rem;
+                }
+            }
+        }
+    }
+}

web/themes/custom/quartiers_de_demain/scss/partials/_header.scss

@@ -0,0 +1,14 @@
+header{
+
+    display:grid;
+    grid-template-rows:"logo logo logo logo logo nav"
+                        "nav nav nav nav nav nav"
+                        "logo logo nav rs" ;
+    #block-quartiers-de-demain-logorepu-2{
+        grid-row: logo;
+    }
+    #block-quartiers-de-demain-logoepau-2{
+        grid-area: logo;
+    }
+
+}