css static

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -1563,16 +1563,17 @@ footer {
   padding-right: 0.5rem;
 }
 
-.node-type-static .layout-content {
+.node-type-static main {
-  grid-row: 1;
+  background-color: #f6f7f3;
 }
 .node-type-static .layout-content .content_container {
-  margin-bottom: 3rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
-  grid-column: 3/span 9;
+  margin-top: 1rem;
-  grid-row: 1;
+  width: fit-content;
-  margin-top: 3rem;
 }
 @media (max-width: 500px) {
   .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
@@ -1581,20 +1582,37 @@ footer {
   }
 }
 .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
-  text-transform: uppercase;
+  text-transform: none;
-  color: rgb(247, 0, 43);
+  color: black;
-  font-size: 1.6rem;
+  font-size: 2rem;
-  font-weight: 300;
+  font-weight: 500;
 }
 .node-type-static .layout-content .content_container article.node-type-static {
+  width: 80%;
   grid-column: 3/span 9;
   grid-row: 2;
 }
+.node-type-static .layout-content .content_container article.node-type-static::before {
+  content: "";
+  display: block;
+  border-bottom: solid 2px rgb(7, 50, 194);
+  width: 80%;
+  margin: auto;
+}
 @media (max-width: 500px) {
   .node-type-static .layout-content .content_container article.node-type-static {
     grid-column: 2/span 9;
   }
 }
+.node-type-static .layout-content .content_container article.node-type-static div.field_body {
+  width: 80%;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  margin: auto;
+  justify-content: center;
+  display: flex;
+  text-align: center;
+}
 .node-type-static .layout-content .content_container article.node-type-static div.field_body h2 {
   font-size: 0.8rem;
   font-weight: 600;

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

@@ -6,7 +6,6 @@ $header-height-ultrasmall : 50px;
 $width-menu-slidedown : 550px; 
 
 .layout-container {
-
     position: relative;
     width: 100vw;
     background-color: $background-home;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/_static.scss

@@ -1,45 +0,0 @@
-.node-type-static{
-    .layout-content{
-        // grid-column: 1 / span 12;
-        grid-row: 1;
-        .content_container{
-            margin-bottom: 3rem;
-            #block-quartiers-de-demain-titredepage{
-                grid-column: 3 /span 9;
-                grid-row: 1;
-                margin-top: 3rem;
-                @media(max-width: 500px){
-                    margin-top: 1rem;
-                    grid-column: 2 /span 9;
-                } 
-    
-                h1{
-                    text-transform: uppercase;
-                    color: $red_QDD ;
-                    font-size: $font-large;
-                    font-weight: 300;
-                }
-            }
-            article.node-type-static{
-                grid-column: 3 /span 9;
-                grid-row: 2;
-                @media(max-width: 500px){
-                    grid-column: 2 /span 9;
-                } 
-    
-                div.field_body{
-                    h2{
-                        font-size: $font-medium;
-                        font-weight: 600;
-                        margin-bottom: 0;
-                    }
-                    p{
-                        margin-top: 0;
-                    }
-                }
-            }
-        }
-    }
-   
-}
-

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss

@@ -0,0 +1,66 @@
+.node-type-static{
+    main{
+        background-color: #f6f7f3;
+    }
+    .layout-content{
+       
+        .content_container{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            #block-quartiers-de-demain-titredepage{
+                margin-top: 1rem;
+                width: fit-content;
+                @media(max-width: 500px){
+                    margin-top: 1rem;
+                    grid-column: 2 /span 9;
+                } 
+    
+                h1{
+                    text-transform: none;
+                    color: black;
+                    font-size: 2rem;
+                    font-weight: 500;
+                }
+            }
+           
+                article.node-type-static{
+                    &::before{
+                        content:"";
+                        display: block;
+                        border-bottom: solid 2px $blue_QDD;
+                        width: 80% ;
+                        margin: auto;
+                    }
+                    width: 80%;
+                    grid-column: 3 /span 9;
+                    grid-row: 2;
+                    @media(max-width: 500px){
+                        grid-column: 2 /span 9;
+                    } 
+        
+                    div.field_body{
+                        width: 80%;
+                        padding-top: 2rem;
+                        padding-bottom: 2rem;
+                        margin: auto;
+                        justify-content: center;
+                        display: flex;
+                        text-align: center;
+
+                        h2{
+                            font-size: $font-medium;
+                            font-weight: 600;
+                            margin-bottom: 0;
+                        }
+                        p{
+                            margin-top: 0;
+                        }
+                    }
+                }
+            
+        }
+    }
+   
+}
+