debut css accueil

web/themes/custom/quartiers_de_demain/scss/global/_layout.scss

@@ -29,6 +29,11 @@ $width-menu-slidedown : 550px;
     }
     main{
         width: 100%;
+        display: grid;
+        grid-template-columns: repeat(12, 1fr);
+        grid-gap: 10px;
+        padding-left: 10px;
+        padding-right: 10px;
     }
     .content_container{
 
@@ -37,37 +42,39 @@ $width-menu-slidedown : 550px;
     }
 }
 
-// .layout-content{
-//     order: 2;
-//     padding-top: 3rem;
-//     padding-bottom: 6rem;
-//     width: 70%;
-//     margin: auto;
-//     @media(max-width: 891px){
-//         width: 90%;
-//     }
-//     @media (max-width:500px) {
-//        padding-top: 0;
-//     }
+.layout-content{
+    grid-column: 3 /span 10;
+    order: 2;
+    padding-top: 3rem;
+    padding-bottom: 6rem;
+    // width: 70%;
+    margin: auto;
+    @media(max-width: 891px){
+        width: 90%;
+    }
+    @media (max-width:500px) {
+       padding-top: 0;
+    }
 
         
-// }
+}
 
-// aside{
-//     width: 20%;
-//     order: 1;
-//     margin-top: 5rem;
-//     margin-left: 10%;
-//     margin-right: 1rem;
-//     @media(max-width:891px){
-//         margin-left: 5%;
-//         margin-top: 9rem;
-//     }
-//     @media (max-width:500px) {
-//         width: 80%;
-//         margin-top: 3rem;
-//     }
-// }
+aside{
+    grid-column: 1 /span 2;
+    // width: 80%;
+    order: 1;
+    margin-top: 5rem;
+    // margin-left: 10%;
+    // margin-right: 1rem;
+    @media(max-width:891px){
+        margin-left: 5%;
+        margin-top: 9rem;
+    }
+    @media (max-width:500px) {
+        width: 80%;
+        margin-top: 3rem;
+    }
+}
 // main{
 //     width: 100%;
 //     display: flex;

web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss

@@ -0,0 +1,23 @@
+.node-id-6{
+
+    .content_container{
+        display: flex;
+        #block-quartiers-de-demain-titredepage{
+            display: none;
+        }
+        article.node-type-static{
+            width: 100%;
+
+            div.field_body{
+                h2{
+                    font-size: $font-medium;
+                    font-weight: 600;
+                    margin-bottom: 0;
+                }
+                p{
+                    margin-top: 0;
+                }
+            }
+        }
+    }
+}

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

@@ -1,34 +1,13 @@
-// .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 ;
+.layout-sidebar-first{
+    display: flex;
+    justify-content: end;
+    .sidebar_first_container{
+        width: 80%;
+        
+        #block-quartiers-de-demain-views-block-statics-block-1{
+            text-transform: uppercase;
+        }
     
-//         }
-
-//         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/quartiers_de_demain.scss

@@ -26,5 +26,7 @@
 
 
 /*pages*/
-@import "pages/partenaires.scss";
+@import "pages/_presentation";
+@import "pages/partenaires";
 @import "pages/static";
+