taille logo quartier 2 demain

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

@@ -192,7 +192,7 @@ h2, h3 {
   width: 100%;
   padding-top: 200px;
   padding-bottom: 3rem;
-  min-height: calc(100vh - (200px + 3rem));
+  min-height: calc(100vh - (200px + 6rem));
 }
 @media (max-width: 810px) {
   .layout-container main {
@@ -383,13 +383,18 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti
 header[role=banner] .header_left_container img {
   width: auto;
   margin: auto;
-  height: calc(200px - 3rem);
+  height: calc(200px - 4rem);
   padding: 2rem;
   transition: height 0.3s;
 }
-@media (max-width: 891px) {
+@media (min-width: 1600px) {
   header[role=banner] .header_left_container img {
-    height: 160px;
+    height: calc(200px - 3rem);
+  }
+}
+@media (max-width: 1300px) {
+  header[role=banner] .header_left_container img {
+    height: calc(160px - 4rem);
   }
 }
 @media (max-width: 660px) {
@@ -397,11 +402,6 @@ header[role=banner] .header_left_container img {
     height: 70px;
   }
 }
-@media (max-width: 450px) {
-  header[role=banner] .header_left_container img {
-    height: 50px;
-  }
-}
 header[role=banner] .header_right_container {
   display: none;
   flex: 0 0 0%;
@@ -2514,21 +2514,9 @@ body {
   flex-direction: column;
 }
 #home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(1) {
-  color: #0833c2;
+  color: black;
-  font-size: 1rem;
-  font-weight: 800;
-}
-#home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(2) {
-  width: 60%;
   font-size: 0.8rem;
-  align-self: center;
+  font-weight: 800;
-  padding-top: 1.5rem;
-}
-@media (max-width: 810px) {
-  #home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(2) {
-    width: 80%;
-    padding-top: 0;
-  }
 }
 #home article.node-type-static #paragraph-id--6 .field_field_texte .colone-picto > p:nth-of-type(3) {
   width: 90%;
@@ -4431,6 +4419,12 @@ body {
   width: 220px;
   height: 145px;
 }
+@media (max-width: 1500px) {
+  .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
+    width: 150px;
+    height: auto;
+  }
+}
 @media (max-width: 810px) {
   .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .cadre-img-zoom img {
     width: 100%;
@@ -4439,7 +4433,7 @@ body {
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption {
   margin: 0;
-  max-width: 200px;
+  max-width: 220px;
 }
 .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties_projet .paragraph--type--projet-diapo .field_field_images_projet .diaporama .image-field-caption p {
   margin-top: 0;
@@ -5489,6 +5483,7 @@ main {
   font-family: "gilroy-light";
   color: rgb(7, 50, 194);
   font-size: 1.2rem;
+  pointer-events: none;
 }
 #ressources .layout-content .content_container .views-element-container h3 div .field_description {
   margin-left: 10%;

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

@@ -38,7 +38,7 @@ $width-menu-slidedown : 550px;
         padding-top: $header-height;
        padding-bottom: 3rem;
     //    box-sizing:border-box;
-       min-height: calc(100vh - ($header-height + 3rem));
+       min-height: calc(100vh - ($header-height + 6rem));
         @media(max-width: 810px){
             padding-top: 180px;
         }

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

@@ -451,20 +451,20 @@
                     display: flex;
                     flex-direction: column;
                     > p:nth-of-type(1){
-                        color: #0833c2ff;
+                        color: black;
-                        font-size: 1rem;
+                        font-size: 0.8rem;
                         font-weight: 800
                     }
-                    > p:nth-of-type(2){
+                    // > p:nth-of-type(2){
-                        width: 60%;
+                    //     width: 60%;
-                        font-size: 0.8rem;
+                    //     font-size: 0.8rem;
-                        align-self: center;
+                    //     align-self: center;
-                        padding-top: 1.5rem;
+                    //     padding-top: 1.5rem;
-                        @media(max-width: 810px){
+                    //     @media(max-width: 810px){
-                            width: 80%;
+                    //         width: 80%;
-                            padding-top: 0;
+                    //         padding-top: 0;
-                        }
+                    //     }
-                    }
+                    // }
                     > p:nth-of-type(3){
                         width: 90%;
                         align-self: center;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss

@@ -335,6 +335,10 @@
                                         object-fit: cover;
                                         width: 220px;
                                         height: 145px;
+                                        @media (max-width:1500px){
+                                            width: 150px;
+                                            height: auto;
+                                        }
                                         @media (max-width:810px){
                                             width: 100%;
                                             height: auto;
@@ -343,7 +347,7 @@
                                 }
                                 .image-field-caption{
                                     margin: 0;
-                                    max-width: 200px;
+                                    max-width: 220px;
                                     p{
                                         margin-top: 0;
                                         font-size: 0.5rem;
@@ -351,7 +355,7 @@
                                         @media(max-width: 810px){
                                             font-size:0.8rem;
                                         }
-                                    }
+                                }
     
                             }
                             } 

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

@@ -63,6 +63,7 @@
                                     font-family: "gilroy-light";
                                     color: $blue_QDD;
                                     font-size: 1.2rem;
+                                    pointer-events: none;
                                 }
                             }
                         }

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss

@@ -1,358 +1,3 @@
-// /* ===========================
-//    HEADER GLOBAL
-//    =========================== */
-
-//    header[role="banner"] {
-//     position: fixed;
-//     top: 0;
-//     left: 0;
-//     z-index: 99;
-//     max-width: 100vw;
-  
-//     display: flex;
-//     flex-direction: row;
-//     transform-origin: bottom right;
-//     height: $header-height;
-//     width: 35%;
-//     transition: all 1.4s ease-in-out;
-  
-//     @media (max-width: 1090px) {
-//       height: $header-height-pad;
-//     }
-  
-//     @media (min-width: 1400px) {
-//       height: $header-height-big;
-//     }
-  
-//     @media (max-width: 810px) {
-//       width: 100%;
-//       height: 170px;
-//       flex-direction: row;
-//     }
-  
-//     .qdd-header {
-//       opacity: 1 !important;
-//     }
-  
-//     /* ===========================
-//        LANGUAGE SWITCHER
-//        =========================== */
-  
-//     .language-switcher-language-url {
-//       text-transform: uppercase;
-//       color: white;
-  
-//       ul {
-//         display: flex;
-//         flex-direction: row;
-//         font-size: 0.6rem;
-//         padding: 0;
-//         width: fit-content;
-  
-//         @media (max-width: 810px) {
-//           font-size: 0.9rem;
-//         }
-  
-//         li a {
-//           color: white;
-//           font-family: "gilroy-light";
-//         }
-  
-//         li:nth-child(1) {
-//           &::after {
-//             content: " / ";
-//             white-space: pre;
-//           }
-//         }
-  
-//         .is-active {
-//           font-family: "gilroy-bold";
-//         }
-//       }
-//     }
-  
-//     .contextual-region {
-//       width: max-content;
-//     }
-  
-//     /* ===========================
-//        COLONNE GAUCHE (LOGO)
-//        =========================== */
-  
-//     .header_left_container {
-//       flex: 0 0 45%;
-//       display: flex;
-//       flex-direction: row;
-//       background-color: $white-header;
-//       transition:
-//         flex-basis 0.9s ease-in-out,
-//         width 0.9s ease-in-out;
-  
-//       img {
-//         display: none;
-//       }
-  
-//       @media (max-width: 660px) {
-//         height: inherit;
-//       }
-  
-//       #block-quartiers-de-demain-logorepu-2 {
-//         display: none;
-  
-//         @media (max-width: 891px) {
-//           height: $header-height-pad;
-//         }
-//       }
-  
-//       #block-quartiers-de-demain-logoepau-2 {
-//         display: none;
-//         height: $header-height;
-  
-//         @media (max-width: 891px) {
-//           height: $header-height-pad;
-//         }
-//       }
-  
-//       #block-quartiers-de-demain-logoquartiersdedemain {
-//         margin: auto;
-  
-//         .field_field_logo {
-//           width: 90%;
-//           margin: auto;
-  
-//           @media (max-width: 1650px) {
-//             width: 80%;
-//           }
-  
-//           .qdd-header {
-//             width: 100%;
-//           }
-//         }
-//       }
-  
-//       img {
-//         width: auto;
-//         margin: auto;
-//         height: calc($header-height - 1rem);
-//         padding: 2rem;
-//         transition: height 0.3s;
-  
-//         @media (max-width: 891px) {
-//           height: $header-height-pad;
-//         }
-  
-//         @media (max-width: 660px) {
-//           height: $header-height-small;
-//         }
-  
-//         @media (max-width: 450px) {
-//           height: $header-height-ultrasmall;
-//         }
-//       }
-//     }
-  
-//     /* ===========================
-//        BOUTON / BLOCS DROITE (SI BESOIN)
-//        =========================== */
-  
-//     .header_right_container {
-//       display: none;
-//       flex: 0 0 0%;
-//       width: fit-content;
-//       min-width: fit-content;
-//       background: $blue_QDD;
-//       text-align: center;
-//       transform: translateX(0);
-//       transition: transform 0.3s ease-in-out;
-//       z-index: 10;
-//       position: fixed;
-//       right: 0;
-//       border-radius: 11px;
-//       padding: 0.5rem 0.5rem 0 0.5rem;
-//       margin: 1rem;
-  
-//       @media (max-width: 660px) {
-//         padding-right: 0;
-//       }
-//     }
-  
-//     /* ===========================
-//        NAVIGATION (COLONNE DROITE)
-//        =========================== */
-  
-//     .header_nav_container {
-//       flex: 0 0 0%;
-//       width: 100%;
-//       min-width: fit-content;
-  
-//       background: $blue_QDD;
-//       text-align: center;
-//       display: flex;
-//       flex-direction: column;
-  
-//       z-index: -1;
-//       transform: translateX(0);
-//       transition:
-//         flex-basis 0.9s ease-in-out,
-//         width 0.9s ease-in-out,
-//         transform 0.3s ease-in-out;
-  
-//       @media (max-width: 810px) {
-//         height: 200px;
-//         top: -30px;
-//         flex: 1 0 100%;
-//         position: relative;
-//       }
-  
-//       @media (max-width: 500px) {
-//         flex: 0 0 40%;
-//       }
-  
-//       /* ---- Bloc menu principal ---- */
-//       #block-quartiers-de-demain-entete {
-//         margin: auto;
-  
-//         h2 {
-//           display: none;
-//         }
-  
-//         ul {
-//           display: flex;
-//           flex-direction: column;
-//           align-items: flex-start;
-//           position: relative;
-//           padding-left: 1rem;
-//           padding-right: 1rem;
-//           margin: auto;
-  
-//           @media (max-width: 1025px) {
-//             top: 0;
-//             align-items: center;
-//             padding-top: 0.3rem;
-//           }
-  
-//           li {
-//             width: 100%;
-//             text-align: left;
-  
-//             .is-active {
-//               font-family: "gilroy-bold";
-//             }
-  
-//             :hover {
-//               font-family: "gilroy-bold";
-//             }
-  
-//             @media (max-width: 1090px) {
-//               padding-top: 0.3rem;
-//             }
-  
-//             @media (max-width: 810px) {
-//               line-height: 1.3rem;
-//             }
-  
-//             a {
-//               text-transform: uppercase;
-//               color: white;
-//               font-size: 0.5rem;
-  
-//               @media (max-width: 1090px) {
-//                 font-size: 0.6rem;
-//               }
-  
-//               @media (max-width: 810px) {
-//                 display: flex;
-//                 flex-direction: column;
-//                 align-items: center;
-//                 font-size: 0.8rem;
-//               }
-//             }
-//           }
-//         }
-//       }
-  
-//       /* ---- Sélecteur de langue en bas du menu ---- */
-//       #block-quartiers-de-demain-selecteurdelangue {
-//         width: fit-content;
-//         margin: auto;
-  
-//         @media (max-width: 810px) {
-//           padding-bottom: 0.5rem;
-//           margin-bottom: 0.5rem;
-  
-//           .links {
-//             margin-top: 0.5rem;
-//           }
-//         }
-//       }
-//     }
-  
-//     /* ===========================
-//        ÉTATS D’AFFICHAGE DU MENU
-//        (pilotés en JS avec .nav-hidden)
-//        =========================== */
-  
-//     /* État par défaut : menu visible */
-//     .header_nav_container {
-//       transform: translateX(0);
-//     }
-  
-//     /* Menu caché : desktop → slide vers la gauche */
-//     .header_nav_container.nav-hidden {
-//       transform: translateX(-100%);
-//     }
-  
-//     /* Spécifique mobile : on slide verticalement */
-//     @media (max-width: 810px) {
-//       .header_nav_container {
-//         transform: translateY(0);
-//       }
-  
-//       .header_nav_container.nav-hidden {
-//         transform: translateY(-100%);
-//       }
-//     }
-//   }
-  
-//   /* ===========================
-//      HEADER "SHRINK" AU SCROLL
-//      =========================== */
-  
-//   .shrink {
-//     height: 260px;
-  
-//     @media (max-width: 810px) {
-//       height: 170px;
-//     }
-//   }
-  
-//   /* ===========================
-//      RÉGLAGES DE LA RÉPARTITION GAUCHE / DROITE
-//      (quand le header est à son état "final")
-//      =========================== */
-  
-//   header[role="banner"] {
-//     .header_left_container {
-//       flex-basis: 65%;
-//       transform-origin: bottom right;
-  
-//       @media (max-width: 810px) {
-//         flex: 1 0 100%;
-//       }
-//     }
-  
-//     .header_nav_container {
-//       flex-basis: 30%;
-//       transform-origin: bottom right;
-//       min-width: fit-content;
-  
-//       @media (max-width: 810px) {
-//         flex: 1 0 100%;
-//         position: relative;
-//       }
-//     }
-//   }
-  
 
 
 /* ===========================
@@ -474,38 +119,34 @@
   
       #block-quartiers-de-demain-logoquartiersdedemain {
         margin: auto;
-  
+
-        .field_field_logo {
-        //   width: 100%;
-        //   margin: auto;
-  
-        //   @media (max-width: 1650px) {
-        //     width: 80%;
-        //   }
-  
-        //   .qdd-header {
-        //     width: 100%;
-        //   }
-        }
       }
   
       img {
         width: auto;
         margin: auto;
-        height: calc($header-height - 3rem);
+        height: calc($header-height - 4rem);
         padding: 2rem;
         transition: height 0.3s;
-  
+        @media (max-width: 1700px) {
-        @media (max-width: 891px) {
+          // height: calc($header-height - 6rem);
-          height: $header-height-pad;
+        }
+        @media (min-width: 1600px) {
+          height: calc($header-height - 3rem);
+        }
+        @media (max-width: 1300px) {
+          height: calc($header-height-pad - 4rem);
+          // height: $header-height-pad;
         }
   
         @media (max-width: 660px) {
+          // height: calc($header-height-small - 6rem);
           height: $header-height-small;
         }
   
         @media (max-width: 450px) {
-          height: $header-height-ultrasmall;
+          // height: calc($header-height-ultrasmall - 3rem);
+          // height: $header-height-ultrasmall;
         }
       }
     }