From b2265482d237ad07ff3ef61335e21c6f1be00346 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 24 Nov 2025 12:56:13 +0100
Subject: [PATCH] size site map dasn node projet et margin/padding block first
 et second

---
 .../dist/assets/css/bundle.css                | 17 +++++++------
 .../assets/scss/pages/node-type-projet.scss   | 25 +++++++++++--------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 1bd6111..3e88fe6 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -4266,11 +4266,9 @@ body {
   }
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
-  position: fixed;
-  width: 20% !important;
+  margin-top: 1rem;
   display: flex;
   flex-direction: column;
-  margin-left: 2rem;
 }
 @media (max-width: 810px) {
   .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
@@ -4281,7 +4279,7 @@ body {
   }
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
-  width: 100% !important;
+  width: 65% !important;
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 {
   display: none;
@@ -4293,8 +4291,9 @@ body {
   }
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site {
-  width: 80%;
+  width: 65%;
   margin: auto;
+  padding-left: 2rem;
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 {
   text-transform: none;
@@ -4348,15 +4347,17 @@ body {
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
   position: relative;
+  margin-top: 1rem;
   display: flex;
   flex-direction: column;
+  padding-left: 2rem;
   /* Quand ouvert */
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats ::before {
   content: "";
   position: absolute;
-  top: 0rem;
-  left: -1.3rem;
+  top: -0.1rem;
+  left: 0.5rem;
   width: 2.5rem;
   height: 2.5rem;
   background-image: url("../img/laureat-ouvert.svg");
@@ -4547,7 +4548,7 @@ body {
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
   position: relative;
-  margin-top: 1rem;
+  margin-top: 2rem;
   margin-left: 2rem;
 }
 @media (max-width: 810px) {
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
index 662135f..bd04ce9 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
@@ -24,20 +24,21 @@
                 flex: 0 1 100%;
             }
             .block-region-first{
-                position:fixed;
-                width: 20% !important;
-                // margin-top: 1rem;
+                // position:fixed;
+                // width: 20% !important;
+                margin-top: 1rem;
                 display: flex;
                 flex-direction: column;
-                
+                // margin-left: 2rem;
                 @media(max-width: 810px){
                     position: relative;
                     width: 100% !important;
                     margin-left: 0rem;
                     margin-top: 0;
-                }margin-left: 2rem;
+                }
+                
                 #sites-map-container{
-                    width: 100% !important;
+                    width: 65% !important;
                     h2{
                         display: none;
                     }
@@ -49,8 +50,9 @@
                 }
                 .field_field_site_projet{
                     .node-type-site{
-                        width: 80%;
+                        width: 65%;
                         margin: auto;
+                        padding-left: 2rem;
                         .field_title{
                             h2{
                                 text-transform: none;
@@ -114,9 +116,10 @@
             }
             .block-region-second{
                 position: relative;
-                // margin-top: 1rem;
+                margin-top: 1rem;
                 display: flex;
                 flex-direction: column;
+                padding-left: 2rem;
                 @media(max-width: 810px){
                     // margin-left: 2rem;
                     // margin-top: 3rem;
@@ -125,8 +128,8 @@
                    ::before{
                         content: "";
                         position: absolute;
-                        top:0rem;
-                        left: -1.3rem;
+                        top: -0.1rem;
+                        left: 0.5rem;
                         width: 2.5rem;
                         height: 2.5rem;
                         background-image: url("../img/laureat-ouvert.svg");
@@ -341,7 +344,7 @@
             .block-region-third{
                 position:relative;
                 // width: 23% !important;
-                margin-top: 1rem;
+                margin-top: 2rem;
                 margin-left: 2rem;
                 @media(max-width: 810px){
                     position: relative;