home map label

composer.json

@@ -24,7 +24,7 @@
         "drupal/editor_advanced_link": "^2.2",
         "drupal/geofield": "^1.60",
         "drupal/image_delta_formatter": "^1.2",
-        "drupal/image_field_caption": "^2.0",
+        "drupal/image_field_caption": "2.0.x-dev@dev",
         "drupal/leaflet": "^10.2",
         "drupal/leaflet_more_maps": "^2.2",
         "drupal/linked_field": "^1.5",
@@ -126,9 +126,17 @@
             "merge-extra": true
         },
         "patches": {
+            "drupal/core": {
+                "Image field generates only default language URL when linking to corresponding entity. https://www.drupal.org/node/2645922?no_cache=1733132298":"https://www.drupal.org/files/issues/2021-03-15/2645922-45.patch"
+            },
             "drupal/social_media_links":{
                 "Replace Twitter with X https://www.drupal.org/project/social_media_links/issues/3384469": "https://www.drupal.org/files/issues/2023-09-12/social_media_links-change_twitter_to_x-3384469-7.patch"
+            },
+            "drupal/image_field_caption":{
+                "Rewrite module to use default field storage https://www.drupal.org/project/image_field_caption/issues/3472997": "./patches/image_field_caption_3472997_12.patch"
             }
+        },
+        "oldpatches": {
         }
     }
 }

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "3f682451141745b61e2f384d1c28ce84",
+    "content-hash": "21ca923d67e614146f8e96c3190d1cde",
     "packages": [
         {
             "name": "asm89/stack-cors",
@@ -4550,29 +4550,26 @@
         },
         {
             "name": "drupal/image_field_caption",
-            "version": "2.0.1",
+            "version": "dev-2.0.x",
             "source": {
                 "type": "git",
                 "url": "https://git.drupalcode.org/project/image_field_caption.git",
-                "reference": "2.0.1"
+                "reference": "b0c155d5aac125666f01c0aa102a8a1f88b1f955"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://ftp.drupal.org/files/projects/image_field_caption-2.0.1.zip",
-                "reference": "2.0.1",
-                "shasum": "053e1ccfc638b3b2cd5c59c3c6a053e4e5041183"
             },
             "require": {
                 "drupal/core": "^9 || ^10"
             },
             "type": "drupal-module",
             "extra": {
+                "branch-alias": {
+                    "dev-2.0.x": "2.0.x-dev"
+                },
                 "drupal": {
-                    "version": "2.0.1",
+                    "version": "2.0.x-dev",
-                    "datestamp": "1705443097",
+                    "datestamp": "1711647363",
                     "security-coverage": {
-                        "status": "covered",
+                        "status": "not-covered",
-                        "message": "Covered by Drupal's security advisory policy"
+                        "message": "Dev releases are not covered by Drupal security advisories."
                     }
                 }
             },
@@ -12961,6 +12958,7 @@
         "drupal/entity_clone": 20,
         "drupal/field_group": 20,
         "drupal/filter_perms": 20,
+        "drupal/image_field_caption": 20,
         "drupal/inline_entity_form": 5,
         "drupal/linkit": 10,
         "drupal/login_destination": 20,

config/sync/core.base_field_override.node.actualite.menu_link.yml

@@ -11,7 +11,7 @@ bundle: actualite
 label: 'Menu link'
 description: 'Computed menu link for the node (only available during node saving).'
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

config/sync/core.base_field_override.node.actualite.metatag.yml

@@ -13,7 +13,7 @@ bundle: actualite
 label: 'Metatags (Hidden field for JSON support)'
 description: 'The computed meta tags for the entity.'
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings: {  }

config/sync/core.base_field_override.node.actualite.title.yml

@@ -11,7 +11,7 @@ bundle: actualite
 label: Title
 description: ''
 required: true
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings: {  }

config/sync/core.entity_view_display.paragraph.site_diapo.default.yml

@@ -4,7 +4,7 @@ status: true
 dependencies:
   config:
     - field.field.paragraph.site_diapo.field_images
-    - image.style.wide
+    - image.style.very_large
     - paragraphs.paragraphs_type.site_diapo
   module:
     - image_field_caption
@@ -17,12 +17,12 @@ content:
     type: image_caption
     label: visually_hidden
     settings:
-      image_style: wide
+      image_style: very_large
       image_link: ''
       image_loading:
         attribute: lazy
     third_party_settings: {  }
-    weight: 0
+    weight: 2
     region: content
 hidden:
   search_api_excerpt: true

config/sync/field.field.node.actualite.body.yml

@@ -14,7 +14,7 @@ bundle: actualite
 label: Body
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

config/sync/field.field.node.actualite.field_fichiers.yml

@@ -14,7 +14,7 @@ bundle: actualite
 label: Fichiers
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

config/sync/field.field.node.actualite.field_images.yml

@@ -6,7 +6,15 @@ dependencies:
     - field.storage.node.field_images
     - node.type.actualite
   module:
+    - content_translation
     - image
+third_party_settings:
+  content_translation:
+    translation_sync:
+      alt: alt
+      title: title
+      caption: caption
+      file: '0'
 id: node.actualite.field_images
 field_name: field_images
 entity_type: node
@@ -14,7 +22,7 @@ bundle: actualite
 label: Images
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:
@@ -36,6 +44,6 @@ settings:
     width: null
     height: null
     caption: ''
-  caption_field: 1
+  caption_field: true
-  caption_field_required: 0
+  caption_field_required: false
 field_type: image

config/sync/field.field.node.actualite.field_liens.yml

@@ -14,7 +14,7 @@ bundle: actualite
 label: Liens
 description: ''
 required: false
-translatable: false
+translatable: true
 default_value: {  }
 default_value_callback: ''
 settings:

config/sync/field.field.paragraph.site_diapo.field_images.yml

@@ -13,6 +13,7 @@ third_party_settings:
     translation_sync:
       alt: alt
       title: title
+      caption: caption
       file: '0'
 id: paragraph.site_diapo.field_images
 field_name: field_images
@@ -43,6 +44,6 @@ settings:
     width: null
     height: null
     caption: ''
-  caption_field: 1
+  caption_field: true
-  caption_field_required: 0
+  caption_field_required: false
 field_type: image

config/sync/field.storage.node.field_images.yml

@@ -21,6 +21,7 @@ settings:
     title: ''
     width: null
     height: null
+    caption: ''
 module: image
 locked: false
 cardinality: -1

config/sync/field.storage.paragraph.field_images.yml

@@ -21,6 +21,7 @@ settings:
     title: ''
     width: null
     height: null
+    caption: ''
 module: image
 locked: false
 cardinality: -1

config/sync/language.content_settings.node.actualite.yml

@@ -8,7 +8,7 @@ dependencies:
     - content_translation
 third_party_settings:
   content_translation:
-    enabled: false
+    enabled: true
     bundle_settings:
       untranslatable_fields_hide: '0'
 id: node.actualite

config/sync/language/en/field.field.node.site.field_departement_s.yml

@@ -0,0 +1 @@
+description: Department(s)

config/sync/language/en/field.field.node.site.field_nom_de_la_commune_nb_d_hab.yml

@@ -0,0 +1 @@
+label: 'Name of the municipality (population)'

config/sync/language/en/field.field.node.site.field_nom_du_qpv_nb_d_hab.yml

@@ -0,0 +1 @@
+label: 'Name of the priority urban neighborhood (population)'

config/sync/language/en/field.field.node.site.field_porteur_s_de_site.yml

@@ -0,0 +1 @@
+label: 'Contracting authority'

config/sync/language/en/field.field.node.site.field_programme_de_l_etat.yml

@@ -0,0 +1 @@
+description: 'State programmes'

config/sync/language/en/field.field.node.site.field_region.yml

@@ -0,0 +1 @@
+label: Region(s)

config/sync/language/en/views.view.actus.yml

@@ -0,0 +1,4 @@
+display:
+  default:
+    display_options:
+      title: Actualities

config/sync/page_manager.page_variant.node_view-panels_variant-0.yml

@@ -157,14 +157,14 @@ variant_settings:
     2f4a8a1a-2071-44f7-b725-bbe79798df48:
       id: 'entity_field:node:field_porteur_s_de_site'
       label: "Maîtrise d'ouvrage"
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: basic_string
         weight: 0
-        label: visually_hidden
+        label: above
         settings: {  }
         third_party_settings: {  }
       region: second
@@ -177,14 +177,14 @@ variant_settings:
     3e40ac9a-e27e-4faf-b129-451d5ae0e742:
       id: 'entity_field:node:field_region'
       label: Région
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: string
         weight: 0
-        label: visually_hidden
+        label: above
         settings:
           link_to_entity: false
         third_party_settings: {  }
@@ -198,14 +198,14 @@ variant_settings:
     68368738-0e9b-43f5-a553-cd19390bfbbc:
       id: 'entity_field:node:field_nom_du_qpv_nb_d_hab'
       label: "Nom du QPV (nb d'hab.)"
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: string
         weight: 0
-        label: visually_hidden
+        label: above
         settings:
           link_to_entity: false
         third_party_settings: {  }
@@ -219,14 +219,14 @@ variant_settings:
     63a45085-391f-403b-934e-bc47a2fc76ed:
       id: 'entity_field:node:field_departement_s'
       label: Département(s)
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: string
         weight: 0
-        label: visually_hidden
+        label: above
         settings:
           link_to_entity: false
         third_party_settings: {  }
@@ -240,14 +240,14 @@ variant_settings:
     e048da61-ac83-4a80-9112-f06a22b5cc34:
       id: 'entity_field:node:field_programme_de_l_etat'
       label: "Programmes de l'état"
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: string
         weight: 0
-        label: visually_hidden
+        label: above
         settings:
           link_to_entity: false
         third_party_settings: {  }
@@ -261,14 +261,14 @@ variant_settings:
     bdf10817-0225-4bba-9fea-0c779f18c9af:
       id: 'entity_field:node:field_nom_de_la_commune_nb_d_hab'
       label: "Nom de la commune (nb d'hab.)"
-      label_display: visible
+      label_display: '0'
       provider: ctools_block
       context_mapping:
         entity: node
       formatter:
         type: string
         weight: 0
-        label: visually_hidden
+        label: above
         settings:
           link_to_entity: false
         third_party_settings: {  }

config/sync/views.view.actus.yml

@@ -133,6 +133,48 @@ display:
           plugin_id: bundle
           value:
             actualite: actualite
+        langcode:
+          id: langcode
+          table: node_field_data
+          field: langcode
+          relationship: none
+          group_type: group
+          admin_label: ''
+          entity_type: node
+          entity_field: langcode
+          plugin_id: language
+          operator: in
+          value:
+            '***LANGUAGE_language_interface***': '***LANGUAGE_language_interface***'
+          group: 1
+          exposed: false
+          expose:
+            operator_id: ''
+            label: ''
+            description: ''
+            use_operator: false
+            operator: ''
+            operator_limit_selection: false
+            operator_list: {  }
+            identifier: ''
+            required: false
+            remember: false
+            multiple: false
+            remember_roles:
+              authenticated: authenticated
+            reduce: false
+          is_grouped: false
+          group_info:
+            label: ''
+            description: ''
+            identifier: ''
+            optional: true
+            widget: select
+            multiple: false
+            remember: false
+            default_group: All
+            default_group_multiple: {  }
+            group_items: {  }
       style:
         type: default
       row:
@@ -144,7 +186,7 @@ display:
         options:
           query_comment: ''
           disable_sql_rewrite: false
-          distinct: false
+          distinct: true
           replica: false
           query_tags: {  }
       relationships: {  }

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

@@ -7,7 +7,7 @@
     text-align: center;
     position: relative;
     width: 155%;
-    max-width: 800px;
+    max-width: 600px;
     margin: 0 auto;
     height: auto;
   }
@@ -63,7 +63,7 @@
     color: white;
     background: black;
     text-transform: uppercase;
-    font-size: 0.6rem;
+    font-size: 0.5rem;
     padding-left: 0.5rem;
     text-decoration: none;
     margin-top: 0.7rem;
@@ -83,9 +83,10 @@
   #popup-content {
     width: 300px;
     padding-right: 30px;
+    font-size: 0.6rem !important;
   }
   #popup-content p {
-    font-size: 0.7rem;
+    font-size: 0.6rem !important;
   }
   @media (max-width: 810px) {
     #popup-content {

web/modules/custom/q2d_mod/q2d_mod.module

@@ -11,7 +11,7 @@
 function q2d_mod_theme() {
   return array(
     'svg_mapsites' => array(
-      'variables' => array('vpw' => null, 'vph' => null, 'sites' => []),
+      'variables' => array('vpw' => null, 'vph' => null, 'sites' => [], 'label' => null),
     ),
   );
 }

web/modules/custom/q2d_mod/src/Plugin/Block/SitesMap.php

@@ -21,6 +21,8 @@ class SitesMap extends BlockBase {
    * {@inheritdoc}
    */
   public function build() {
+    $language = \Drupal::languageManager()->getCurrentLanguage()->getId();
+
     $return = null;
 
     $allSites = \Drupal::entityTypeManager()->getStorage('node')
@@ -39,12 +41,16 @@ class SitesMap extends BlockBase {
 
 
     foreach($allSites as $index => $site){
-      $title = $site->get('title')->getString();
+      $langcode = \Drupal::languageManager()->getCurrentLanguage()->getId();
-      $subtitle = $site->get('field_sous_titre')->getString();
 
-      $link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link']]; // Passer 'absolute' à TRUE
+      // $title = $site->get('title')->getString();
+      $title = $site->hasTranslation($language) ? $site->getTranslation($language)->get('title')->getString() : $site->get('title')->getString();
+      // $subtitle = $site->get('field_sous_titre')->getString();
+      $subtitle = $site->hasTranslation($language) ? $site->getTranslation($language)->get('field_sous_titre')->getString() : $site->get('field_sous_titre')->getString();
+
+      $link_options = ['absolute' => TRUE, 'attributes' => ['class' => 'site-link'], 'language' => \Drupal::languageManager()->getLanguage($langcode)]; // Passer 'absolute' à TRUE
       $site_url = $site->toUrl('canonical', $link_options)->toString(); // URL absolue pour le data-url
-      $site_link_object = Link::createFromRoute("voir le site", 'entity.node.canonical', ['node' => $site->id()], $link_options);
+      $site_link_object = Link::createFromRoute(t("got to site"), 'entity.node.canonical', ['node' => $site->id()], $link_options);
       $link = $site_link_object->toString()->getGeneratedLink();
 
       $datacontent = htmlspecialchars("<strong>$title</strong><br>$subtitle<br>$link");
@@ -57,9 +63,9 @@ class SitesMap extends BlockBase {
       $x = round(($lon - $lonLeft) / ($lonRight - $lonLeft) * $vp_w);
       $y = round(($latTop - $lat) / ($latTop - $latBottom) * $vp_h);
 
-      $r = 15;
+      $r = 12;
       $m = -$r/1.5+3;
-      $l = $r/1.5 +4;
+      $l = $r/1.5 +2.5;
       $sites_paths .= <<<SVGSITEPATH
       <g 
         id="site-$index"
@@ -95,6 +101,7 @@ class SitesMap extends BlockBase {
       ],
       'svg_mapsites' => [
         '#theme' => 'svg_mapsites',
+        '#label' => "Les 10 sites de projet",
         '#sites' => $sites_paths,
         '#vpw' => $vp_w,
         '#vph' => $vp_h,
@@ -111,6 +118,7 @@ class SitesMap extends BlockBase {
     //   '#markup' => $this->t('Hello, Sites Map!'),
     // ];
   }
+  
   public function getCacheMaxAge() {
     return 0;
   }

web/modules/custom/q2d_mod/templates/svg-mapsites.html.twig

@@ -1,4 +1,7 @@
 <div id="sites-map-container">
+
+  <h2>{{label}}</h2>  
+
   {# <svg {{ svg_attributes }}>
     <path {{ path_attributes }}></path>
   </svg> #}

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

@@ -202,7 +202,12 @@ h2, h3 {
 }
 @media (max-width: 810px) {
   .layout-container main#home {
-    padding-top: 320px;
+    padding-top: 380px;
+  }
+}
+@media (max-width: 810px) {
+  .layout-container .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 14rem;
   }
 }
 
@@ -255,6 +260,33 @@ header {
   top: 0;
   transition: none;
 }
+header .language-switcher-language-url {
+  text-transform: uppercase;
+  color: white;
+}
+header .language-switcher-language-url ul {
+  display: flex;
+  flex-direction: row;
+  font-size: 0.6rem;
+  padding: 0;
+  width: fit-content;
+}
+@media (max-width: 810px) {
+  header .language-switcher-language-url ul {
+    font-size: 0.9rem;
+  }
+}
+header .language-switcher-language-url ul li a {
+  color: white;
+  font-family: "gilroy-light";
+}
+header .language-switcher-language-url ul li:nth-child(1)::after {
+  content: " / ";
+  white-space: pre;
+}
+header .language-switcher-language-url ul .is-active {
+  font-family: "gilroy-bold";
+}
 @media (max-width: 810px) {
   header {
     height: 100vh;
@@ -401,6 +433,11 @@ header .header_nav_container {
   transition: transform 0.3s ease-in-out;
   z-index: -1;
 }
+@media (max-width: 1090px) {
+  header .header_nav_container {
+    height: fit-content;
+  }
+}
 @media (max-width: 500px) {
   header .header_nav_container {
     flex: 0 0 40%;
@@ -442,7 +479,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a {
     font-size: 0.6rem;
   }
 }
-@media (max-width: 500px) {
+@media (max-width: 810px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul li a {
     display: flex;
     flex-direction: column;
@@ -457,6 +494,10 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li:not(:last-o
   padding-bottom: 0.3rem;
   width: 60%; /* Réduit la largeur du soulignement à 50% */
 }
+header .header_nav_container #block-quartiers-de-demain-selecteurdelangue {
+  width: fit-content;
+  margin: auto;
+}
 header .header_nav_container.hidden {
   transform: translateX(30%);
 }
@@ -521,6 +562,7 @@ header .header:hover + .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
+    top: -45px;
   }
 }
 
@@ -563,6 +605,7 @@ header .header:hover + .header_nav_container {
     flex: 1 0 100%;
     position: relative;
     left: -100%;
+    top: -45px;
   }
 }
 
@@ -1464,6 +1507,9 @@ footer {
   font-family: "gilroy-semibold";
   padding-left: 0.5rem;
 }
+#actus-caroussel button {
+  top: -2.5rem;
+}
 #actus-caroussel .content-actus .view {
   display: flex;
   flex-direction: row;
@@ -2540,7 +2586,7 @@ body {
 }
 @media (max-width: 810px) {
   #consultation .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 10rem;
+    margin-top: 14rem;
   }
 }
 #consultation .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@@ -2672,6 +2718,12 @@ body {
   grid-column: 2;
   grid-row: 2;
 }
+#consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto p:nth-of-type(3) {
+  grid-column: 1/span 2;
+  grid-row: 3;
+  font-size: 0.6rem;
+  padding-top: 1rem;
+}
 #consultation .layout-content .content_container .node-type-static #paragraph-id--11 .colone-picto h5 {
   font-size: 3.5rem;
   font-family: "gilroy-semibold";
@@ -2719,13 +2771,6 @@ body {
 #consultation .layout-content .content_container .node-type-static #paragraph-id--12 .field_field_texte {
   width: 80%;
 }
-#consultation .layout-content .content_container .node-type-static #paragraph-id--12::after {
-  content: "";
-  display: block;
-  border-bottom: solid 1px rgb(7, 50, 194);
-  width: 100%;
-  padding-bottom: 2rem;
-}
 #consultation .layout-content .content_container .node-type-static #paragraph-id--13 .field_field_texte .colone-picto {
   display: flex;
   flex-direction: row;
@@ -2762,7 +2807,7 @@ body {
 }
 @media (max-width: 810px) {
   .partenaires .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 10rem;
+    margin-top: 14rem;
     grid-column: 2/span 9;
   }
 }
@@ -2968,6 +3013,12 @@ body {
     grid-column: 2/span 9;
   }
 }
+@media (max-width: 510px) {
+  .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
+    margin-top: 13rem;
+    grid-column: 2/span 9;
+  }
+}
 .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
   text-transform: none;
   color: black;
@@ -3026,7 +3077,7 @@ body {
 }
 @media (max-width: 810px) {
   #page-node .content_container {
-    margin-top: 10rem;
+    margin-top: 14rem;
     width: 80%;
   }
 }
@@ -3311,17 +3362,18 @@ body {
   padding-bottom: 0.5rem;
   font-family: "gilroy-light";
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos h2 {
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div div:nth-of-type(2) {
+  font-size: 0.7rem;
+  border-bottom: solid 0.1px rgb(247, 0, 43);
+  padding-bottom: 0.5rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos .field--label-above {
   color: rgb(247, 0, 43);
   text-transform: uppercase;
   font-family: "gilroy-regular" !important;
   font-size: 0.5rem !important;
   margin-bottom: 0;
-}
+  margin-top: 0.5rem;
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div:first-of-type {
-  font-size: 0.7rem;
-  border-bottom: solid 0.1px rgb(247, 0, 43);
-  padding-bottom: 0.5rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .infos div {
   flex: 1 1 auto;
@@ -3331,9 +3383,6 @@ body {
   border-bottom: none;
   padding-bottom: 0;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_parties div {
-  width: fit-content;
-}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second div:has(.field_field_parties) {
   margin-top: 2rem;
   width: 100%;
@@ -3363,6 +3412,12 @@ body {
     font-size: 0.8rem;
   }
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_titre_site {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-video .field_field_video {
+  margin-bottom: 2rem;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--second .block-region-second .paragraph--type--site-diapo .field_field_images .diaporama {
   display: flex !important;
   flex-direction: row !important;
@@ -3516,6 +3571,10 @@ body {
   flex-direction: column;
 }
 
+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span {
+  visibility: hidden;
+}
+
 main {
   background-color: #f6f7f3;
 }
@@ -3534,7 +3593,7 @@ main {
 }
 @media (max-width: 810px) {
   #lessites .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 10rem;
+    margin-top: 14rem;
     grid-column: 2/span 9;
     margin-left: 0;
     padding-left: 0%;

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -661,6 +661,30 @@ document.addEventListener("DOMContentLoaded", function() {
 });
 
 
+document.addEventListener("DOMContentLoaded", function () {
+  // Fonction pour déplacer le bloc en fonction de la taille de l'écran
+  function moveLanguageSwitcher() {
+    const languageSwitcher = document.getElementById("block-quartiers-de-demain-selecteurdelangue");
+    const navContainer = document.querySelector(".header_nav_container");
+
+    if (window.innerWidth <= 810) { // Si écran téléphone
+      if (languageSwitcher && navContainer && !navContainer.contains(languageSwitcher)) {
+        navContainer.appendChild(languageSwitcher); // Déplace le bloc dans header_nav_container
+      }
+    } else { // Si écran non téléphone
+      const headerRightContainer = document.querySelector(".header_right_container");
+      if (languageSwitcher && headerRightContainer && !headerRightContainer.contains(languageSwitcher)) {
+        headerRightContainer.appendChild(languageSwitcher); // Remet le bloc dans sa position initiale
+      }
+    }
+  }
+
+  // Déclencher au chargement et au redimensionnement
+  moveLanguageSwitcher();
+  window.addEventListener("resize", moveLanguageSwitcher);
+});
+
+
 })(jQuery, window);
 
 

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

@@ -45,10 +45,15 @@ $width-menu-slidedown : 550px;
                 
             
             @media(max-width: 810px){
-                padding-top: 320px;
+                padding-top: 380px;
             }
         }
     }
+    .node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage{
+        @media(max-width: 810px){
+        margin-top: 14rem;
+        }
+    }
 }
 
 .layout--threecol-25-50-25{

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

@@ -7,7 +7,7 @@
             margin: auto;
             align-items: center;
             @media(max-width: 810px){
-                margin-top: 10rem;
+                margin-top: 14rem;
                 width: 80%;
             }
             #block-quartiers-de-demain-prevnextblock{

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

@@ -13,7 +13,7 @@
                 margin-top: 1rem;
                 width: fit-content;
                 @media(max-width: 810px){
-                    margin-top: 10rem;
+                    margin-top: 14rem;
                 }
                 h1{
                     text-transform: none;
@@ -136,6 +136,14 @@
                                 grid-column: 2;
                                 grid-row: 2;
                             }
+
+                            &:nth-of-type(3){
+                                grid-column: 1 /span 2;
+                                grid-row: 3;
+                                font-size: 0.6rem;
+                                padding-top: 1rem;
+                            }
+                            
                         }
                         h5{
                             
@@ -184,13 +192,13 @@
                         width: 80%;
                     }
                 }
-                #paragraph-id--12::after{
+                // #paragraph-id--12::after{
-                        content:"";
+                //         content:"";
-                        display: block;
+                //         display: block;
-                        border-bottom: solid 1px $blue_QDD;
+                //         border-bottom: solid 1px $blue_QDD;
-                        width: 100% ;  
+                //         width: 100% ;  
-                        padding-bottom: 2rem; 
+                //         padding-bottom: 2rem; 
-                }
+                // }
                 #paragraph-id--13{
                     .field_field_texte{
                         .colone-picto{

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

@@ -15,7 +15,7 @@ main{
             padding-left: 20%;
 
             @media(max-width: 810px){
-                margin-top: 10rem;
+                margin-top: 14rem;
                 grid-column: 2 /span 9;
                 margin-left: 0;            
                 padding-left: 0%;

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

@@ -201,33 +201,29 @@
                 .infos{
                     margin-top: 1rem;
                     font-size: 0.5rem;
-                    // border-bottom: solid 1px $red_QDD;
                     display: flex;
                     flex-direction: row;
                     flex-wrap: wrap;
-                    // display: grid;
-                    // grid-template-columns: 1fr 1fr;
-                    // grid-template-rows: 1fr 1fr 1fr;
                     padding-bottom: 0.5rem;
                     font-family: 'gilroy-light';
-
+                   div{
-                        h2{
+                    div:nth-of-type(2){
+                        font-size: 0.7rem;
+                        border-bottom: solid 0.1px $red_QDD;
+                        padding-bottom: 0.5rem;
+                    }
+                   } 
+                    .field--label-above{
                             color: $red_QDD ;
                             text-transform: uppercase;
                             font-family: 'gilroy-regular' !important;
                             font-size: 0.5rem !important;
                             margin-bottom: 0 ;
+                            margin-top: 0.5rem;
+
                         }
                   
-                        div:first-of-type{
+                        
-                            
-                            font-size: 0.7rem;
-                            border-bottom: solid 0.1px $red_QDD;
-                            padding-bottom: 0.5rem;
-
-                           
-
-                        }
                         div{
                             flex: 1 1 auto;
                             min-width: 50%;
@@ -248,7 +244,7 @@
                         
                 }
                 .field_field_parties{
-                    div{width: fit-content;}
+                    // div{width: fit-content;}
                     // width: 70%;
                 }
                 div:has(.field_field_parties){
@@ -283,6 +279,15 @@
                     }
                     
                 }
+                .paragraph--type--site-video{
+                    .field_field_titre_site{
+                        // margin-bottom: 1rem;
+                        display: none;
+                    }
+                    .field_field_video{
+                        margin-bottom: 2rem;
+                    }
+                }
                 .paragraph--type--site-diapo{
                     .field_field_images {
                         .diaporama{
@@ -442,6 +447,8 @@
                         padding-bottom: 0.2rem;
                     }
                 }   
+              
+                
             }
             
         }
@@ -452,4 +459,7 @@
 .field_field_liens_site > div:nth-child(2) > div:nth-child(1){
     display: flex;
     flex-direction: column;
-}
+}
+.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
+    visibility: hidden;
+}

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

@@ -9,7 +9,7 @@
                 margin-top: 1rem;
                 width: fit-content;
                 @media(max-width: 810px){
-                    margin-top: 10rem;
+                    margin-top: 14rem;
                     grid-column: 2 /span 9;
                 } 
 

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

@@ -15,6 +15,10 @@
                     margin-top: 10rem;
                     grid-column: 2 /span 9;
                 } 
+                @media(max-width: 510px){
+                    margin-top: 13rem;
+                    grid-column: 2 /span 9;
+                } 
     
                 h1{
                     text-transform: none;

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss

@@ -3,6 +3,7 @@
     flex-direction: column;
     align-items: center;
     padding-bottom: 6rem;
+
     h2{
         width: fit-content;
         padding-bottom: 0.5rem;
@@ -13,6 +14,9 @@
         padding-left: 0.5rem;
 
     }
+    button{
+        top: -2.5rem;
+    }
     .content-actus{
         .view{
             display: flex;

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

@@ -11,6 +11,46 @@ header{
    
     // transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
     // transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
+    
+    .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: 00.9rem;      
+            }
+            // @media(max-width: 500px){
+            //     flex-direction: column;
+            //     // margin-bottom: 0;
+            //     margin: auto;      
+            // }
+            li a {
+                color: white;
+                font-family: 'gilroy-light';
+
+            }
+            li:nth-child(1){
+                &::after{
+                    content: " / ";
+                    white-space: pre;
+                    @media(max-width: 660px){
+                        // content:none ;      
+                    }
+                }
+            }
+            .is-active{
+                font-family: 'gilroy-bold';
+            }
+        }
+    }
+    
     @media(max-width: 810px){
         height: 100vh;
     }
@@ -146,6 +186,7 @@ header{
         z-index: -1 ;
         @media(max-width: 1090px){
             // text-align:left;
+            height: fit-content;
         }
         @media(max-width: 500px){
             flex: 0 0 40%;
@@ -180,7 +221,7 @@ header{
                         @media(max-width:1090px){
                             font-size: 0.6rem;
                         }
-                        @media(max-width: 500px){
+                        @media(max-width: 810px){
                             display: flex;
                             flex-direction: column;
                             align-items: center;
@@ -205,6 +246,11 @@ header{
 
             }
         }
+        #block-quartiers-de-demain-selecteurdelangue{
+            width: fit-content;
+            margin: auto;
+        }
+       
     }
 
   .header_nav_container.hidden {
@@ -259,6 +305,8 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
+            top: -45px;
+
         }
     }
     
@@ -293,6 +341,7 @@ header{
             flex: 1 0 100%;
             position: relative;
             left: -100%;
+            top: -45px;
         }
     }