css carte home corrections Maud

web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css

@@ -10,6 +10,10 @@
   max-width: 600px;
   margin: 0 auto;
   height: auto;
+
+}
+#sites-map-container h2{
+  font-size: 2rem;
 }
 @media (max-width: 810px) {
   #sites-map-container {
@@ -56,10 +60,12 @@
 #sites-map-container strong a {
   color: #f7002b;
   font-family: 'gilroy-bold';
+  font-size: 0.6rem !important;
+
 }
 
 #sites-map-container .link-30-projets{
-  margin-bottom: 2rem;
+  padding-bottom: 2rem;
 }
 
 #sites-map-container .link-30-projets a {
@@ -68,24 +74,27 @@
   color: white;
   background: black;
   text-transform: uppercase;
-  font-size: 0.5rem;
+  font-size: 0.55rem;
   padding-left: 0.5rem;
+  padding-top: 0.1rem;
+  padding-bottom: 0.1rem;
 
 } 
 #sites-map-container .link-30-projets a:after { 
   display: inline-flex;
   content: url("../img/noun-arrow-to-right.svg");
-  padding-right: 0.5rem;
+  padding-right: 0.4rem;
-  padding-left: 0.5rem;
+  padding-left: 0.4rem;
+  height: 10px;
 }
 #popup-content {
   width: 300px;
   padding-right: 30px;
-  font-size: 0.6rem !important;
+  font-size: 0.5rem !important;
   position: relative;
 }
 #popup-content p {
-  font-size: 0.6rem !important;
+  font-size: 0.5rem !important;
 }
 @media (max-width: 1089px) {
   #popup-content {
@@ -100,7 +109,11 @@
   padding-left: 0;
   position: relative;
   /* margin-top: 2rem; */
+  font-size: 0.6rem !important;
+  padding-top: calc(1.8rem / 8);  /* même valeur que ton margin-top */
+
 }
+
 #popup-content ul::after {
   content: "";
   position: absolute;
@@ -117,7 +130,7 @@
   font-family: "gilroy-semibold";
   padding-top: 0.3rem;
   padding-bottom: 0.5rem;
-  background-color: #f6f7f3;
+  /* background-color: #f6f7f3; */
 }
 
 #popup-content ul li::after {
@@ -132,23 +145,28 @@
 }
 
 
+#popup-content ul li.laureat {
+  margin-top: 0;  /* on enlève la marge qui cause le problème */
+}
+
 /* Spécifique au li .laureat */
 #popup-content ul li.laureat {
-  --badge-size: 2.6rem;              /* taille du badge */
+  --badge-size: 1.8rem;              /* taille du badge */
   margin-top: calc(var(--badge-size) / 2); /* on réserve de la place au-dessus */
   padding-left: 0rem;                /* place à gauche pour le badge */
+  
 }
 
 /* Badge LAUREAT responsive */
 #popup-content ul li.laureat::before {
   content: "";
   position: absolute;
-  left: -1.5rem;           /* aligne avec le début du contenu */
+  left: -1rem;           /* aligne avec le début du contenu */
-  top: -33%;              /* milieu vertical du li */
+  top: -18%;              /* milieu vertical du li */
   /* top: calc(var(--badge-size) / 2);  remonte dans la marge au-dessus */
   width: var(--badge-size);
   height: var(--badge-size);
-  background-color: #f6f7f3;
+  /* background-color: #f6f7f3; */
   background-image: url("../img/laureat-ouvert.svg");
   background-repeat: no-repeat;
   background-position: center;
@@ -156,6 +174,7 @@
   z-index: -1;             /* sous le texte mais au-dessus du fond */
 }
 
+
 /* Mobile : on resserre tout, le badge suit */
 @media (max-width: 1089px) {
   #popup-content {

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

@@ -2408,24 +2408,24 @@ body {
   font-family: "gilroy-bold";
   padding-bottom: 1rem;
 }
-#home article.node-type-static .field_field_map_block #block-sitesmapblock {
+#home article.node-type-static .field_field_map_block #block-projetsmapblock {
   background-color: #cecfcc;
   padding-top: 3rem;
   padding-left: 4rem;
 }
 @media (max-width: 1090px) {
-  #home article.node-type-static .field_field_map_block #block-sitesmapblock {
+  #home article.node-type-static .field_field_map_block #block-projetsmapblock {
     padding-left: 0rem;
   }
 }
-#home article.node-type-static .field_field_map_block #block-sitesmapblock h2 {
+#home article.node-type-static .field_field_map_block #block-projetsmapblock h2 {
   width: fit-content;
   margin: auto;
   font-size: 2rem;
   padding-bottom: 2rem;
 }
 @media (max-width: 1090px) {
-  #home article.node-type-static .field_field_map_block #block-sitesmapblock h2 {
+  #home article.node-type-static .field_field_map_block #block-projetsmapblock h2 {
     padding-bottom: 0rem;
     font-size: 1.8rem;
   }

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

@@ -47,6 +47,7 @@
         #block-quartiers-de-demain-titredepage{
             display: none;
         }
+
     }
     .paragraph--type--static-parts{
         padding-top: 4rem;
@@ -153,7 +154,7 @@
         }
 
         .field_field_map_block{
-            #block-sitesmapblock{
+            #block-projetsmapblock{
                 background-color: #cecfcc;
                 padding-top: 3rem;
                 padding-left: 4rem;
@@ -705,6 +706,8 @@
         }
     }
 
+
+    
 }