change after bach

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

@@ -4,12 +4,36 @@
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     grid-gap: 10px;
+    
+    #block-quartiers-de-demain-views-block-statics-fields-block-1{
+        order: 2;
+        border-top: 2px solid $blue_QDD;
+        padding-top: 0.3rem;
+        .views-field-field-pieces-jointes{
+            display: flex;
+            flex-direction: row;
+            &::before{
+                content: url(../images/noun-arrow-download.svg);
+                padding-right: 00.3rem;
+            }
+            .field-content{
+                display: flex;
+                flex-direction: column;
+                font-size: 0.6rem;
+                font-weight: 800;
+                span{
+                    font-weight: 400;
+                }
+                
+            }
+        }
+    }
     .layout-content{
         // grid-column: 3 / 11;
         grid-row: 1;
         order: 2;
         padding-top: 3rem;
-        padding-bottom: 6rem;
+        // padding-bottom: 6rem;
         // width: 70%;
         // margin: auto;
         @media(max-width: 891px){
@@ -138,63 +162,14 @@
             }
         }
     }    
-
-    aside{
-        position: relative;
-        grid-column: 1 /span 2;
-        grid-row: 1;
-        z-index: 100;
-        order: 1;
-        margin-top: 5rem;
-        @media(max-width:891px){
-            margin-left: 5%;
-            margin-top: 9rem;
-        }
-        @media (max-width:500px) {
-            width: 80%;
-            margin-top: 3rem;
-        }
-        .sidebar_first_container{
-            position: -webkit-sticky;
-            position: sticky;
-            top: 10rem;
-            font-weight: 400;
-            .field-content{
-                margin-bottom: 0.7rem;
-            }
-            @media (max-width: 810px){
-                display: none;
-            }
-        }
-        .views-field-field-pieces-jointes{
-            .field-content{
-                display: flex;
-                flex-direction: column;
-                .file--application-pdf{
-                    display: inline-flex;
-                    a{
-                        display: block;
-                        font-size: small;
-                        font-weight: 800;
-                    }
-                    &::before{
-                        content: url(../images/noun-arrow-download.svg);
-                        margin: auto;
-                        padding-right: 00.5rem;
-                    }
-                }
-                span{
-                    font-size: small;
-                    font-weight: 800;
-                    &:nth-child(2){
-                        margin-left: 50px;
-                        align-self: center;
-
-                    }
-                }
-            }
-        }
-    }
-    
+  
             
-} 
+} 
+
+.home footer{
+    span.totop {
+        display: inline-flex;
+        width: 100vw;
+        background: $bleu_fond_header;
+    }
+}  

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

@@ -1,5 +1,5 @@
 
-#presentation{
+#presentation, #home{
     width: 100%;
     display: grid;
     grid-template-columns: repeat(12, 1fr);