media logo

divers css
actu caroussel
2024-07-18 19:35:52 +02:00 · 2024-07-18 14:45:20 +02:00 · 2024-07-18 13:52:18 +02:00 · 2024-07-18 12:58:32 +02:00 · 2024-07-18 12:43:38 +02:00 · 2024-07-18 12:04:24 +02:00
78 changed files with 5037 additions and 6745 deletions
--- a/config/sync/block.block.quartiers_de_demain_prevnextblock.yml
+++ b/config/sync/block.block.quartiers_de_demain_prevnextblock.yml
@@ -0,0 +1,28 @@
+uuid: 67f1896c-d7c8-4128-8dcb-aefbd30ec51c
+langcode: fr
+status: true
+dependencies:
+  module:
+    - node
+    - q2d_mod
+  theme:
+    - quartiers_de_demain
+id: quartiers_de_demain_prevnextblock
+theme: quartiers_de_demain
+region: content
+weight: -6
+provider: null
+plugin: prevnext_block
+settings:
+  id: prevnext_block
+  label: 'PrevNext Block'
+  label_display: '0'
+  provider: q2d_mod
+visibility:
+  'entity_bundle:node':
+    id: 'entity_bundle:node'
+    negate: false
+    context_mapping:
+      node: '@node.node_route_context:node'
+    bundles:
+      actualite: actualite
--- a/config/sync/block.block.quartiers_de_demain_titredepage.yml
+++ b/config/sync/block.block.quartiers_de_demain_titredepage.yml
@@ -7,7 +7,7 @@ dependencies:
 id: quartiers_de_demain_titredepage
 theme: quartiers_de_demain
 region: content
-weight: 0
+weight: -5
 provider: null
 plugin: page_title_block
 settings:
--- a/config/sync/core.extension.yml
+++ b/config/sync/core.extension.yml
@@ -90,6 +90,7 @@ module:
  path_alias_xt: 0
  pathologic: 0
  persistent_login: 0
+  q2d_mod: 0
  redis: 0
  responsive_image: 0
  search_api: 0
--- a/config/sync/editor.editor.wysiwyg.yml
+++ b/config/sync/editor.editor.wysiwyg.yml
@@ -21,6 +21,7 @@ settings:
      - bulletedList
      - numberedList
      - sourceEditing
+      - link
  plugins:
    ckeditor5_heading:
      enabled_headings:
@@ -38,6 +39,9 @@ settings:
      multiBlock: true
    ckeditor5_sourceEditing:
      allowed_tags: {  }
+    linkit_extension:
+      linkit_enabled: true
+      linkit_profile: default
 image_upload:
  status: true
  scheme: public
--- a/config/sync/page_manager.page_variant.home-panels_variant-0.yml
+++ b/config/sync/page_manager.page_variant.home-panels_variant-0.yml
@@ -54,7 +54,7 @@ variant_settings:
    346ce88d-2925-4bf8-884d-dfbca1e8d5b6:
      id: config_pages_block
      label: Déroulement
-      label_display: '0'
+      label_display: visible
      provider: config_pages
      context_mapping: {  }
      config_page_type: deroulement
--- a/config/sync/views.view.partenaires.yml
+++ b/config/sync/views.view.partenaires.yml
@@ -23,7 +23,7 @@ display:
    display_plugin: default
    position: 0
    display_options:
-      title: Partenaires
+      title: 'Les partenaires'
      fields:
        title:
          id: title
@@ -179,13 +179,30 @@ display:
    position: 1
    display_options:
      rendering_language: '***LANGUAGE_language_interface***'
-      display_extenders: {  }
+      display_extenders:
+        matomo:
+          enabled: false
+          keyword_gets: ''
+          keyword_behavior: first
+          keyword_concat_separator: ' '
+          category_behavior: none
+          category_gets: ''
+          category_concat_separator: ' '
+          category_fallback: ''
+          category_facets: {  }
+          category_facets_concat_separator: ', '
+        simple_sitemap_display_extender:
+          variants: {  }
      path: partenaires
      menu:
        type: normal
-        title: Partenaires
+        title: 'Les partenaires'
+        description: ''
+        weight: 0
+        expanded: false
        menu_name: footer
        parent: ''
+        context: '0'
    cache_metadata:
      max-age: -1
      contexts:
--- a/web/modules/custom/q2d_mod/q2d_mod.info.yml
+++ b/web/modules/custom/q2d_mod/q2d_mod.info.yml
@@ -0,0 +1,7 @@
+name: q2d_mod
+type: module
+description: Provides additional functionality for the site.
+package: Custom
+core_version_requirement: ^9 || ^10
+dependencies:
+  - drupal:block
--- a/web/modules/custom/q2d_mod/q2d_mod.module
+++ b/web/modules/custom/q2d_mod/q2d_mod.module
@@ -0,0 +1,7 @@
+<?php
+
+/**
+ * @file
+ * Primary module hooks for reha module.
+ */
+
--- a/web/modules/custom/q2d_mod/src/Plugin/Block/PrevNext.php
+++ b/web/modules/custom/q2d_mod/src/Plugin/Block/PrevNext.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace Drupal\q2d_mod\Plugin\Block;
+
+use Drupal\Core\Block\BlockBase;
+use Drupal\Core\Block\Attribute\Block;
+// use Drupal\Core\StringTranslation\TranslatableMarkup;
+use Drupal\Core\Link;
+use Drupal\Core\Render\Markup;
+
+/**
+ * Provides a 'Prevnext' Block.
+ * @Block(
+ *   id = "prevnext_block",
+ *   admin_label = @Translation("PrevNext Block"),
+ * )
+ */
+class PrevNext extends BlockBase {
+ 
+  /**
+   * {@inheritdoc}
+   */
+  public function build() {
+    $return = null;
+    /** @var Drupal\node\Entity\Node */
+    $node = \Drupal::routeMatch()->getParameter('node');
+    if ($node) {
+      $nodetype = $node->getType();
+      if($nodetype === "actualite"){
+        $date = $node->get('field_date')->getString();
+        $allActus = \Drupal::entityTypeManager()->getStorage('node')
+          ->loadByProperties(['type' => 'actualite', 'status' => 1]);
+  
+        
+  
+        usort($allActus, function($a, $b){
+          $dateA = $a->get('field_date')->getString();
+          $dateB = $b->get('field_date')->getString();
+          if ($dateA == $dateB) {
+              return 0;
+          }
+          return ($dateA < $dateB) ? -1 : 1;
+        });
+        $prevnode = null;
+        $nextnode = null;
+        foreach($allActus as $index => $actu){
+          $n = $actu->get('field_date')->getString();
+          if($n === $date){
+            $prevnode = $index - 1 >= 0 ? $allActus[$index - 1] : null;
+            $nextnode = $index + 1 < count($allActus) ? $allActus[$index + 1] : null;
+            break;
+          }
+        }
+  
+        $return = [
+          '#cache' => [
+            'max-age' => 0,
+          ]
+        ];
+    
+        if (isset($prevnode)) {
+          $prev_link_title = Markup::create('<span>Précédent</span>');
+          $prev_options = ['absolute' => FALSE, 'attributes' => ['class' => 'prev-actu']];
+          $prev_link_object = Link::createFromRoute($prev_link_title, 'entity.node.canonical', ['node' => $prevnode->id()], $prev_options);
+          $return[] = $prev_link_object->toRenderable();
+        }
+    
+        if (isset($nextnode)) {
+          $next_link_title = Markup::create('<span>Suivant</span>');
+          $next_options = ['absolute' => FALSE, 'attributes' => ['class' => 'next-actu']];
+          $next_link_object = Link::createFromRoute($next_link_title, 'entity.node.canonical', ['node' => $nextnode->id()], $next_options);
+          $return[] = $next_link_object->toRenderable();
+        }
+      }
+    }
+    
+    return $return;
+    // return [
+    //   '#markup' => $this->t('Hello, World!'),
+    // ];
+  }
+  public function getCacheMaxAge() {
+    return 0;
+  }
+}
--- a/web/sites/default/files-10-07-2024.zip
+++ b/web/sites/default/files-10-07-2024.zip
--- a/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/bundle.js
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/date-actu.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/date-actu.svg
@@ -4,8 +4,8 @@
 <svg
   version="1.1"
   id="svg1"
-   width="31.925354"
-   height="31.926758"
+   width="20"
+   height="20"
   viewBox="0 0 31.925354 31.926757"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
@@ -26,7 +26,7 @@
    <path
       id="path412"
       d="m 0,0 c 0,6.372 5.166,11.538 11.538,11.538 6.371,0 11.537,-5.166 11.537,-11.538 0,-6.372 -5.166,-11.538 -11.537,-11.538 C 5.166,-11.538 0,-6.372 0,0 Z m 11.114,0.606 c 0.281,0.281 0.736,0.281 1.017,0 0.281,-0.28 0.281,-0.735 0,-1.016 -0.281,-0.28 -0.736,-0.28 -1.017,0 -0.28,0.281 -0.28,0.736 0,1.016 z m 0.424,-0.521 6.218,6.219 m -6.218,-6.219 4.945,-4.946"
-       style="fill:none;stroke:#f7002b;stroke-width:0.869;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#f7002b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,881.07533,11164.68)"
       clip-path="url(#clipPath413)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-1.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-1.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 1266.1704 586.80395"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-874.12964,-1109.9996)">
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+       
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-2.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-2.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="308.18021"
+   height="342.06128"
+   viewBox="0 0 308.18021 342.06127"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-184.13477,-2385.4265)">
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-3.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-3.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="300"
+   height="300"
+   viewBox="0 0 362.80005 362.7998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1912,-4139.4219)">
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-4.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-4.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="100"
+   height="310"
+   viewBox="0 0 113.33333 377.33349"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-190.55444,-5636.9517)">
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-5.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-5.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="300"
+   height="300"
+   viewBox="0 0 362.79993 362.7998"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1859.0016,-5939.9996)">
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-6.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-6.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="310"
+   height="280.17969"
+   viewBox="0 0 342.0603 308.17968"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-1656.6067,-8789.5382)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-7.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees-7.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="500"
+   height="500"
+   viewBox="0 0 586.80396 586.80273"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-1343.1912,-9898.1378)">
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg
@@ -0,0 +1,103 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,8050)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#000000;stroke-width:100.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,9150)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2300)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,3650
+       )"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,5600)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,5400)" />
+    <rect
+       style="fill:none;stroke:none;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="53.05183"
+   height="53.337986"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="linkedin.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="15.223672"
+     inkscape:cx="26.504775"
+     inkscape:cy="26.668993"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <ellipse
+     style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     id="path2"
+     cx="26.525915"
+     cy="26.668993"
+     rx="26.525915"
+     ry="26.668993" />
+  <path
+     d="M 41.203877,38.673405 V 28.097989 c 0,-5.665951 -3.024254,-8.302481 -7.058317,-8.302481 -3.255166,0 -4.713012,1.790427 -5.52465,3.046656 v -2.614129 h -6.131224 c 0.081,1.731839 0,18.44537 0,18.44537 H 28.62091 V 28.371983 c 0,-0.549707 0.03963,-1.10114 0.201618,-1.494034 0.442868,-1.10114 1.450953,-2.241912 3.144879,-2.241912 2.219511,0 3.106971,1.690481 3.106971,4.170198 v 9.868892 z M 16.029328,17.710409 c 2.136795,0 3.468845,-1.418212 3.468845,-3.187962 -0.03963,-1.809382 -1.33205,-3.186237 -3.429211,-3.186237 -2.097161,0 -3.467123,1.376855 -3.467123,3.186237 0,1.771474 1.330329,3.187962 3.389578,3.187962 z m 3.065612,20.962996 v -18.44537 h -6.129499 v 18.44537 z"
+     fill="#ffffff"
+     id="path2-9"
+     style="stroke-width:1.72322" />
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 32 32"
+   version="1.1"
+   viewBox="0 0 31.999998 32"
+   xml:space="preserve"
+   id="svg2"
+   width="31.999998"
+   height="32"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2" /><g
+     id="g1"
+     style="fill:#000000;fill-opacity:1"><path
+       d="M 16,0 C 7.163,0 0,7.163 0,16 0,24.836 7.163,32 16,32 24.837,32 32,24.836 32,16 32,7.163 24.837,0 16,0 Z"
+       fill="#333333"
+       id="path1"
+       style="fill:#000000;fill-opacity:1" /></g><path
+     d="m 24.294,22.942 v -6.137 c 0,-3.288 -1.755,-4.818 -4.096,-4.818 -1.889,0 -2.735,1.039 -3.206,1.768 v -1.517 h -3.558 c 0.047,1.005 0,10.704 0,10.704 h 3.558 v -5.978 c 0,-0.319 0.023,-0.639 0.117,-0.867 0.257,-0.639 0.842,-1.301 1.825,-1.301 1.288,0 1.803,0.981 1.803,2.42 v 5.727 z M 9.6849997,10.777 C 10.925,10.777 11.698,9.954 11.698,8.927 11.675,7.877 10.925,7.078 9.7079997,7.078 8.491,7.078 7.696,7.877 7.696,8.927 c 0,1.028 0.7720001,1.85 1.9669997,1.85 z M 11.464,22.942 V 12.238 H 7.9070001 v 10.704 z"
+     fill="#ffffff"
+     id="path2" /></svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg
@@ -0,0 +1,399 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="87.153343mm"
+   height="29.698406mm"
+   viewBox="0 0 87.153343 29.698406"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="logo-QDD-v2.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showguides="true"
+     inkscape:zoom="1.1817368"
+     inkscape:cx="-2.1155303"
+     inkscape:cy="175.16591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1172"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <sodipodi:guide
+       position="17.687596,17.692111"
+       orientation="0,-1"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="15.95242,7.9247515"
+       orientation="0,-1"
+       id="guide2"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.792598,13.629262"
+       orientation="0,-1"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="20.502012,19.566138"
+       orientation="0,-1"
+       id="guide4"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1418">
+      <path
+         d="M 0,2282.662 H 4095.992 V 0 H 0 Z"
+         id="path1416" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-61.433626,-104.40973)">
+    <g
+       aria-label="CONSULTATION INTERNATIONALE"
+       id="text1410"
+       style="font-weight:500;font-size:4.50432px;font-family:'Gilroy Medium';-inkscape-font-specification:Gilroy-Medium;fill:#1d1d1b;stroke-width:0.118122"
+       transform="matrix(1.0184296,0,0,1.0184296,0.73102698,-49.645398)">
+      <path
+         d="m 62.125028,180.42832 c 0.585562,0 1.099054,-0.30629 1.360305,-0.77024 l -0.36485,-0.2072 c -0.180173,0.34233 -0.56304,0.56755 -0.995455,0.56755 -0.738709,0 -1.234184,-0.53601 -1.234184,-1.22518 0,-0.69366 0.495475,-1.22968 1.234184,-1.22968 0.432415,0 0.815282,0.22522 0.995455,0.57205 l 0.36485,-0.2117 c -0.265755,-0.46394 -0.779248,-0.76573 -1.360305,-0.76573 -0.963925,0 -1.648581,0.72519 -1.648581,1.63506 0,0.90537 0.684656,1.63507 1.648581,1.63507 z"
+         id="path45503" />
+      <path
+         d="m 66.043793,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630563,0.72519 -1.630563,1.63506 0,0.90537 0.716186,1.63507 1.630563,1.63507 z m 0,-0.40989 c -0.68916,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527006,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45505" />
+      <path
+         d="m 70.773331,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418901 v -2.35576 l 1.621556,2.35576 h 0.337824 v -3.15303 z"
+         id="path45507" />
+      <path
+         d="m 73.466922,180.42832 c 0.644118,0 1.090046,-0.35133 1.090046,-0.90537 0,-0.60808 -0.517997,-0.77023 -1.067524,-0.95041 -0.441423,-0.13963 -0.662135,-0.24774 -0.662135,-0.54052 0,-0.28827 0.234225,-0.46845 0.572049,-0.46845 0.382867,0 0.603579,0.21621 0.716187,0.48647 l 0.351337,-0.20269 c -0.175669,-0.39638 -0.549527,-0.68916 -1.067524,-0.68916 -0.527006,0 -0.990951,0.32431 -0.990951,0.89185 0,0.58556 0.486467,0.74321 0.990951,0.90537 0.463945,0.14414 0.743213,0.25224 0.743213,0.57655 0,0.28377 -0.220712,0.48647 -0.66664,0.48647 -0.459441,0 -0.7297,-0.22522 -0.842308,-0.57205 l -0.360345,0.2072 c 0.16666,0.47295 0.59457,0.77474 1.193644,0.77474 z"
+         id="path45509" />
+      <path
+         d="m 76.827151,180.42832 c 0.689161,0 1.180132,-0.43241 1.180132,-1.11707 v -2.09451 h -0.414397 v 2.07649 c 0,0.43692 -0.261251,0.7252 -0.765735,0.7252 -0.504483,0 -0.765734,-0.28828 -0.765734,-0.7252 v -2.07649 h -0.418902 v 2.09451 c 0,0.68466 0.495475,1.11707 1.184636,1.11707 z"
+         id="path45511" />
+      <path
+         d="m 79.696415,179.97339 v -2.75665 h -0.418901 v 3.15303 h 1.779206 v -0.39638 z"
+         id="path45513" />
+      <path
+         d="m 83.804353,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45515" />
+      <path
+         d="m 86.696138,180.36977 h 0.445927 l -1.175627,-3.15303 h -0.472954 l -1.175627,3.15303 h 0.445927 l 0.256747,-0.70718 h 1.418861 z m -1.531469,-1.09906 0.56304,-1.55399 0.567544,1.55399 z"
+         id="path45517" />
+      <path
+         d="m 89.934747,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45519" />
+      <path
+         d="m 90.979754,177.21674 v 3.15303 h 0.418901 v -3.15303 z"
+         id="path45521" />
+      <path
+         d="m 94.168816,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630564,0.72519 -1.630564,1.63506 0,0.90537 0.716187,1.63507 1.630564,1.63507 z m 0,-0.40989 c -0.689161,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527005,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45523" />
+      <path
+         d="m 98.898361,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418902 v -2.35576 l 1.621555,2.35576 h 0.337824 v -3.15303 z"
+         id="path45525" />
+      <path
+         d="m 102.38021,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45527" />
+      <path
+         d="m 106.06475,177.21674 v 2.35126 l -1.62155,-2.35126 h -0.33783 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45529" />
+      <path
+         d="m 109.80785,177.21674 h -2.27468 v 0.39638 h 0.92789 v 2.75665 h 0.41439 v -2.75665 h 0.9324 z"
+         id="path45531" />
+      <path
+         d="m 111.27175,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45533" />
+      <path
+         d="m 115.74005,180.36977 h 0.46394 l -0.74321,-1.26121 c 0.37836,-0.13513 0.65312,-0.49998 0.65312,-0.91438 0,-0.54052 -0.44142,-0.97744 -0.98194,-0.97744 h -1.26121 v 3.15303 h 0.4189 v -1.20716 h 0.74322 z m -1.4504,-2.76115 h 0.84231 c 0.3108,0 0.56304,0.26125 0.56304,0.58556 0,0.32431 -0.25224,0.59007 -0.56304,0.59007 h -0.84231 z"
+         id="path45535" />
+      <path
+         d="m 119.21288,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62155,2.35576 h 0.33783 v -3.15303 z"
+         id="path45537" />
+      <path
+         d="m 123.01453,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47296 l -1.17562,3.15303 h 0.44592 l 0.25675,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56754,1.55399 z"
+         id="path45539" />
+      <path
+         d="m 126.25314,177.21674 h -2.27469 v 0.39638 h 0.92789 v 2.75665 h 0.4144 v -2.75665 h 0.9324 z"
+         id="path45541" />
+      <path
+         d="m 127.29815,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45543" />
+      <path
+         d="m 130.48721,180.42832 c 0.91438,0 1.63507,-0.7297 1.63507,-1.63507 0,-0.90987 -0.72069,-1.63506 -1.63507,-1.63506 -0.91437,0 -1.63056,0.72519 -1.63056,1.63506 0,0.90537 0.71619,1.63507 1.63056,1.63507 z m 0,-0.40989 c -0.68916,0 -1.21616,-0.53601 -1.21616,-1.22518 0,-0.69366 0.527,-1.22968 1.21616,-1.22968 0.68916,0 1.21617,0.53602 1.21617,1.22968 0,0.68917 -0.52701,1.22518 -1.21617,1.22518 z"
+         id="path45545" />
+      <path
+         d="m 135.21676,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45547" />
+      <path
+         d="m 139.01841,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47295 l -1.17563,3.15303 h 0.44593 l 0.25674,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56755,1.55399 z"
+         id="path45549" />
+      <path
+         d="m 140.88771,179.97339 v -2.75665 h -0.4189 v 3.15303 h 1.7792 v -0.39638 z"
+         id="path45551" />
+      <path
+         d="m 143.71643,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45553" />
+    </g>
+    <g
+       id="g1412"
+       transform="matrix(0.11812184,0,0,-0.11812184,-25.84332,300.63755)">
+      <g
+         id="g1414"
+         clip-path="url(#clipPath1418)">
+        <g
+           id="g1420"
+           transform="translate(751.3907,1648.7133)">
+          <path
+             d="m 0,0 c 16.692,16.692 43.755,16.692 60.447,0 16.692,-16.692 16.692,-43.755 0,-60.447 -16.692,-16.692 -43.755,-16.692 -60.447,0 l 7.433,7.433 c 12.587,-12.587 32.994,-12.587 45.581,0 12.587,12.587 12.587,32.994 0,45.581 -12.587,12.587 -32.994,12.587 -45.581,0 z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1422" />
+        </g>
+        <g
+           id="g1424"
+           transform="translate(1405.2317,1559.5776)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1426" />
+        </g>
+        <g
+           id="g1428"
+           transform="translate(1148.891,1559.5776)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1430" />
+        </g>
+        <g
+           id="g1432"
+           transform="translate(1059.3877,1523.8738)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.81 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1434" />
+        </g>
+        <g
+           id="g1436"
+           transform="translate(842.5666,1525.142)">
+          <path
+             d="M 0,0 12.318,-0.054 V -41.613 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1438" />
+        </g>
+        <g
+           id="g1440"
+           transform="translate(1246.5872,1623.5623)">
+          <path
+             d="M -0.19798272,0 12.120017,-0.051 V -39.192 H -0.19798272 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1442" />
+        </g>
+        <g
+           id="g1444"
+           transform="translate(1050.5181,1658.2612)">
+          <path
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1446" />
+        </g>
+        <g
+           id="g1448"
+           transform="translate(1328.6346,1658.2612)">
+          <path
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1450" />
+        </g>
+        <g
+           id="g1452"
+           transform="translate(910.89509,1659.3624)">
+          <path
+             d="M 0.09799602,0 12.318,-0.061 V -46.545 H 0.09799602 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1454" />
+        </g>
+        <g
+           id="g1456"
+           transform="translate(1121.2274,1648.2275)">
+          <path
+             d="M 0,0 0.061,10.076 H 46.545 V 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1458" />
+        </g>
+        <path
+           d="m 1302.919,1494.638 h -26.436 v 10.895 h 26.436 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1460" />
+        <path
+           d="m 987.263,1592.995 h -26.437 v 10.895 h 26.437 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1462" />
+        <g
+           id="g1464"
+           transform="translate(1022.9188,1576.3727)">
+          <path
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1466" />
+        </g>
+        <g
+           id="g1468"
+           transform="translate(817.5048,1596.5179)">
+          <path
+             d="m 0,0 16.707,-17.04 -8.6,-8.985 -16.821,17.311 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1470" />
+        </g>
+        <g
+           id="g1472"
+           transform="translate(923.2098,1609.196)">
+          <path
+             d="m 0,0 c 0,-13.313 -5.283,-33.449 -33.004,-33.449 -27.725,0 -33.228,20.136 -33.228,33.449 v 50.166 h 12.214 V 0 c 0,-4.953 1.099,-23.325 21.014,-23.325 19.912,0 20.792,18.372 20.792,23.325 V 16.965 H 0 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1474" />
+        </g>
+        <g
+           id="g1476"
+           transform="translate(1099.4768,1628.9966)">
+          <path
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1478" />
+        </g>
+        <g
+           id="g1480"
+           transform="translate(1161.8838,1648.1403)">
+          <path
+             d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1482" />
+        </g>
+        <path
+           d="m 1206.879,1658.261 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1484" />
+        <path
+           d="m 1246.395,1585.868 h 54.904 v -10.121 h -54.904 z m 47.086,27.616 h -47.086 v 10.233 h 47.086 z m 7.817,34.656 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1486" />
+        <g
+           id="g1488"
+           transform="translate(1377.5935,1628.9966)">
+          <path
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1490" />
+        </g>
+        <g
+           id="g1492"
+           transform="translate(1474.0773,1591.0393)">
+          <path
+             d="m 0,0 c -3.958,-9.344 -15.055,-15.17 -28.897,-15.292 v 10.124 c 9.546,0.117 15.148,3.636 17.454,9.129 1.761,4.072 0.33,8.472 0.221,8.581 -2.312,6.381 -8.693,7.812 -17.713,10.562 -10.232,3.08 -22.005,5.613 -25.854,16.393 -2.094,5.61 -1.54,12.103 1.319,17.383 6.381,12.103 22.663,12.435 24.535,12.435 12.1,0 22.881,-5.282 30.584,-13.754 l -8.03,-8.031 c -4.514,6.602 -13.313,11.662 -22.554,11.662 -0.111,0 -9.794,0 -13.534,-7.041 -1.431,-2.751 -1.76,-6.381 -0.771,-9.244 2.203,-6.048 8.472,-7.479 17.274,-10.121 C -15.513,29.594 -3.742,27.174 0.439,16.063 0.769,15.292 3.41,7.812 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1494" />
+        </g>
+        <path
+           d="m 842.567,1487.123 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1496" />
+        <path
+           d="m 1059.388,1487.185 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1498" />
+        <g
+           id="g1500"
+           transform="translate(1148.891,1514.2576)">
+          <path
+             d="M 0,0 12.318,-0.051 V -37.194 H 0 Z M 86.754,45.32 V -37.194 H 74.545 V 24.748 L 46.841,-37.194 H 39.912 L 0,45.32 H 14.731 L 43.322,-17.127 70.533,45.32 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1502" />
+        </g>
+        <g
+           id="g1504"
+           transform="translate(1338.3157,1477.0637)">
+          <path
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1506" />
+        </g>
+        <path
+           d="m 1365.716,1559.578 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1508" />
+        <g
+           id="g1510"
+           transform="translate(1405.2317,1513.6991)">
+          <path
+             d="M 0,0 12.318,-0.048 V -36.635 H 0 Z M 71.292,45.879 V -36.635 H 56.55 L 0,45.879 h 14.744 l 44.333,-65.68 v 65.68 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1512" />
+        </g>
+        <g
+           id="g1514"
+           transform="translate(781.6142,1575.7473)">
+          <path
+             d="m 0,0 c -23.606,0 -42.742,19.136 -42.742,42.742 0,23.606 19.136,42.743 42.742,42.743 23.606,0 42.742,-19.137 42.742,-42.743 H 32.231 C 32.231,60.543 17.8,74.973 0,74.973 c -17.8,0 -32.231,-14.43 -32.231,-32.231 0,-17.8 14.431,-32.23 32.231,-32.23 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1516" />
+        </g>
+        <g
+           id="g1518"
+           transform="translate(1445.9412,1575.62)">
+          <path
+             d="m 0,0 c -0.872,0.021 -21.482,0.684 -31.741,13.637 l 8.115,6.427 c 7.23,-9.132 23.728,-9.712 23.895,-9.717 z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1520" />
+        </g>
+        <g
+           id="g1522"
+           transform="translate(747.5991,1522.7208)">
+          <path
+             d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1524" />
+        </g>
+        <g
+           id="g1526"
+           transform="translate(746.9782,1556.9387)">
+          <path
+             d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1528" />
+        </g>
+        <g
+           id="g1530"
+           transform="translate(960.9559,1530.3488)">
+          <path
+             d="M 0,0 12.318,-0.07 V -53.265 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1532" />
+        </g>
+        <g
+           id="g1534"
+           transform="translate(960.335,1559.7245)">
+          <path
+             d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.321 -42.742,-41.321 H 0.444 v 10.163 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1536" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="53.051826"
+   height="53.33799"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="logo_x.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="18.148415"
+     inkscape:cx="26.531242"
+     inkscape:cy="26.668995"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <ellipse
+     style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
+     id="path2"
+     cx="26.525915"
+     cy="26.668991"
+     rx="26.525915"
+     ry="26.668993"
+     inkscape:export-filename="logo_x.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300" />
+  <path
+     d="m 36.030879,11.87379 h 5.022723 L 30.025441,24.430604 42.909827,41.464194 H 32.798863 L 24.882606,31.11301 15.819864,41.464194 H 10.797141 L 22.480438,28.03386 10.142,11.87379 h 10.362102 l 7.151925,9.455824 z m -1.75795,26.642278 h 2.784333 L 19.040966,14.712718 h -2.991805 z"
+     id="path1"
+     style="fill:#ffffff;stroke-width:0.109189" />
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/next.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/next.svg
@@ -4,8 +4,8 @@
 <svg
   version="1.1"
   id="svg1"
-   width="55"
-   height="55"
+   width="75"
+   height="75"
   viewBox="0 0 90.491943 90.492186"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-right.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-right.svg
@@ -2,8 +2,8 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->

 <svg
-   width="7mm"
-   height="7mm"
+   width="35px"
+   height="35px"
   viewBox="0 0 10.531931 10.531931"
   version="1.1"
   id="svg1"
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-background.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1-background.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="300"
+   height="300"
+   viewBox="0 0 362.79999 362.80029"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath366">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-579.53411,-2913.3184)"
+         id="path366" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(-466.57886,-7752.7755)">
+    <path
+      class='pilliers-animes'
+       id="pillier-1-path365"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dashoffset:1000;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,700,8200)"
+       clip-path="url(#clipPath366)" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-1.svg
@@ -24,9 +24,10 @@
     id="g1"
     transform="translate(-466.57886,-7752.7755)">
    <path
-       id="path365"
+      class='pilliers-animes'
+       id="pillier-1-path365"
       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
       clip-path="url(#clipPath366)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-2.svg
@@ -24,9 +24,10 @@
     id="g1"
     transform="translate(-1070.391,-8142.9767)">
    <path
-       id="path367"
+       class='pilliers-animes'
+       id="pillier-2-path367"
       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
       clip-path="url(#clipPath368)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/pillier-3.svg
@@ -24,9 +24,10 @@
     id="g1"
     transform="translate(-1617.5417,-7752.7755)">
    <path
-       id="path369"
+      class='pilliers-animes'
+       id="pillier-3-path369"
       d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
       clip-path="url(#clipPath370)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/prev.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/prev.svg
@@ -4,8 +4,8 @@
 <svg
   version="1.1"
   id="svg1"
-   width="55"
-   height="55"
+   width="75"
+   height="75"
   viewBox="0 0 90.490723 90.492186"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/type-actu.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/type-actu.svg
@@ -4,8 +4,8 @@
 <svg
   version="1.1"
   id="svg1"
-   width="33.440002"
-   height="38.374023"
+   width="20"
+   height="20"
   viewBox="0 0 33.440002 38.374023"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
@@ -26,7 +26,7 @@
    <path
       id="path410"
       d="M 0,0 V 2.406 L 9.495,12.03 11.868,9.624 2.374,0 Z M 7.121,9.624 9.495,7.218 M 7.596,13.474 V 23.82 c 0,0.665 -0.532,1.203 -1.187,1.203 H 3.086 m -10.682,0 h -3.56 c -0.656,0 -1.187,-0.538 -1.187,-1.203 V 1.203 C -12.343,0.539 -11.812,0 -11.156,0 h 8.308 m 3.797,26.948 h -1.986 c -0.196,0.559 -0.717,0.963 -1.337,0.963 -0.619,0 -1.14,-0.404 -1.337,-0.963 h -1.986 c -1.048,0 -1.899,-0.862 -1.899,-1.925 V 24.061 H 2.848 v 0.962 c 0,1.063 -0.85,1.925 -1.899,1.925 z"
-       style="fill:none;stroke:#f7002b;stroke-width:0.869;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#f7002b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,897.53253,11134.014)"
       clip-path="url(#clipPath411)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 32 32"
+   version="1.1"
+   viewBox="0 0 31.768332 31.76833"
+   xml:space="preserve"
+   id="svg2"
+   width="31.768332"
+   height="31.76833"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath14"><path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1656.5101,-178.248)"
+         id="path14" /></clipPath></defs><g
+     id="g2"
+     transform="matrix(0.63416594,0,0,0.63416594,-1368.9014,-7443.3883)"><path
+       id="path13"
+       d="m 0,0 c 0,10.375 -8.411,18.786 -18.786,18.786 -10.374,0 -18.785,-8.411 -18.785,-18.786 0,-10.375 8.411,-18.785 18.785,-18.785 C -8.411,-18.785 0,-10.375 0,0 m -8.66,-2.644 c 0,-2.455 -1.989,-4.444 -4.444,-4.444 h -11.363 c -2.455,0 -4.444,1.989 -4.444,4.444 v 5.288 c 0,2.454 1.989,4.444 4.444,4.444 h 11.363 c 2.455,0 4.444,-1.99 4.444,-4.444 z m -6.683,2.248 c 0.207,0.112 -0.007,0.407 -0.212,0.524 l -4.878,2.654 c -0.199,0.114 -0.884,-0.031 -0.884,-0.261 v -5.175 c 0,-0.227 0.679,-0.371 0.879,-0.263 z"
+       style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       transform="matrix(1.3333333,0,0,-1.3333333,2208.6801,11762.336)"
+       clip-path="url(#clipPath14)" /></g></svg>
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 32 32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   xml:space="preserve"
+   id="svg25"
+   sodipodi:docname="youtube_black.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+     id="metadata31"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs29" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview27"
+     showgrid="false"
+     inkscape:zoom="13.515625"
+     inkscape:cx="9.3724133"
+     inkscape:cy="18.847089"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><g
+     id="Flat_copy"><g
+       id="g4"><path
+         d="M16-0.005c-8.837,0-16,7.163-16,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.158,24.837-0.005,16-0.005    z"
+         fill="#333333"
+         id="path2"
+         style="fill:#000000" /></g><g
+       id="g22"><path
+         d="M15.997,15.202c0-0.001,6.331,0.009,7.082,0.76c0.754,0.752,0.763,4.462,0.763,4.483    c0,0-0.006,3.73-0.763,4.484c-0.752,0.749-7.082,0.766-7.082,0.766s-6.33-0.016-7.083-0.766c-0.754-0.752-0.755-4.456-0.755-4.484    c0-0.021,0.002-3.731,0.755-4.483C9.667,15.212,15.997,15.202,15.997,15.202z"
+         fill="#FFFFFF"
+         id="path6" /><path
+         d="M22.491,21.325v-1.186c0-0.441-0.112-0.779-0.336-1.014c-0.225-0.235-0.547-0.353-0.966-0.353    c-0.41,0-0.743,0.127-1.002,0.381c-0.258,0.254-0.389,0.584-0.389,0.986v2.089c0,0.449,0.12,0.801,0.354,1.055    c0.235,0.256,0.559,0.383,0.968,0.383c0.455,0,0.798-0.12,1.026-0.36c0.231-0.243,0.344-0.602,0.344-1.079v-0.239H21.55V22.2    c0,0.275-0.032,0.451-0.092,0.531c-0.06,0.08-0.166,0.12-0.318,0.12c-0.146,0-0.248-0.046-0.31-0.141    c-0.059-0.095-0.089-0.265-0.089-0.51v-0.875H22.491z M20.741,20.599v-0.47c0-0.195,0.031-0.335,0.094-0.417    c0.064-0.087,0.169-0.128,0.314-0.128c0.139,0,0.242,0.041,0.303,0.128c0.064,0.082,0.097,0.222,0.097,0.417v0.47H20.741z"
+         fill="#333333"
+         id="path8"
+         style="fill:#000000" /><path
+         d="M19.09,19.126c-0.152-0.197-0.373-0.296-0.663-0.296c-0.142,0-0.282,0.036-0.422,0.111    c-0.138,0.073-0.268,0.182-0.392,0.323v-2.031h-0.924v6.306h0.924v-0.357c0.119,0.144,0.251,0.247,0.391,0.315    c0.139,0.068,0.298,0.101,0.478,0.101c0.271,0,0.48-0.086,0.622-0.263c0.144-0.176,0.215-0.428,0.215-0.757v-2.582    C19.319,19.615,19.244,19.324,19.09,19.126z M18.378,22.449c0,0.15-0.028,0.255-0.08,0.32c-0.052,0.067-0.134,0.099-0.246,0.099    c-0.078,0-0.15-0.017-0.221-0.05c-0.071-0.032-0.144-0.09-0.218-0.164v-2.899c0.062-0.064,0.125-0.112,0.189-0.142    c0.063-0.031,0.128-0.045,0.194-0.045c0.123,0,0.219,0.04,0.285,0.121c0.064,0.081,0.097,0.201,0.097,0.357V22.449z"
+         fill="#333333"
+         id="path10"
+         style="fill:#000000" /><path
+         d="M15.087,23.538v-0.511c-0.17,0.189-0.345,0.333-0.529,0.431c-0.183,0.1-0.36,0.148-0.531,0.148    c-0.212,0-0.369-0.068-0.478-0.208c-0.105-0.139-0.16-0.345-0.16-0.623v-3.89h0.914v3.568c0,0.111,0.019,0.19,0.056,0.24    c0.04,0.05,0.103,0.074,0.188,0.074c0.067,0,0.153-0.032,0.256-0.099c0.103-0.066,0.197-0.148,0.284-0.249v-3.534H16v4.653    L15.087,23.538L15.087,23.538z"
+         fill="#333333"
+         id="path12"
+         style="fill:#000000" /><polygon
+         fill="#333333"
+         points="11.921,18.149 11.921,23.538 10.889,23.538 10.889,18.149 9.823,18.149 9.823,17.233     12.987,17.233 12.987,18.149   "
+         id="polygon14"
+         style="fill:#000000" /><path
+         d="M21.146,13.251h-1.03v-0.566c-0.188,0.208-0.386,0.368-0.592,0.476c-0.205,0.109-0.404,0.164-0.597,0.164    c-0.24,0-0.418-0.077-0.538-0.229c-0.12-0.153-0.181-0.381-0.181-0.687V8.126h1.028v3.929c0,0.121,0.024,0.209,0.067,0.263    c0.042,0.055,0.113,0.082,0.209,0.082c0.075,0,0.171-0.036,0.287-0.108c0.115-0.072,0.222-0.164,0.317-0.276v-3.89h1.03    L21.146,13.251L21.146,13.251z"
+         fill="#FFFFFF"
+         id="path16" /><path
+         d="M16.965,8.369c-0.273-0.248-0.623-0.373-1.049-0.373c-0.467,0-0.841,0.118-1.117,0.353    c-0.278,0.235-0.417,0.551-0.416,0.949v2.656c0,0.436,0.136,0.782,0.405,1.04c0.271,0.257,0.632,0.386,1.082,0.386    c0.469,0,0.835-0.125,1.104-0.374c0.266-0.25,0.399-0.593,0.399-1.031V9.327C17.372,8.937,17.236,8.617,16.965,8.369z     M16.323,12.052c0,0.136-0.041,0.244-0.123,0.324c-0.083,0.078-0.193,0.117-0.332,0.117c-0.137,0-0.242-0.038-0.314-0.115    c-0.073-0.078-0.111-0.186-0.111-0.326V9.26c0-0.112,0.04-0.203,0.118-0.272c0.079-0.069,0.181-0.103,0.307-0.103    c0.135,0,0.245,0.034,0.329,0.103c0.084,0.069,0.126,0.16,0.126,0.272V12.052z"
+         fill="#FFFFFF"
+         id="path18" /><polygon
+         fill="#FFFFFF"
+         points="11.578,6.305 10.41,6.305 11.79,10.499 11.79,13.251 12.95,13.251 12.95,10.369 14.299,6.305     13.12,6.305 12.404,9.081 12.331,9.081   "
+         id="polygon20" /></g></g></svg>
--- a/web/themes/custom/quartiers_de_demain/package-lock.json
+++ b/web/themes/custom/quartiers_de_demain/package-lock.json
--- a/web/themes/custom/quartiers_de_demain/package.json
+++ b/web/themes/custom/quartiers_de_demain/package.json
@@ -2,445 +2,14 @@
  "name": "quartiers_de_demain",
  "version": "1.0.0",
  "main": "index.js",
-  "dependencies": {
-    "@types/slick-carousel": "^1.6.40",
-    "acorn": "^6.4.2",
-    "ansi-colors": "^1.1.0",
-    "ansi-cyan": "^0.1.1",
-    "ansi-gray": "^0.1.1",
-    "ansi-red": "^0.1.1",
-    "ansi-regex": "^5.0.1",
-    "ansi-styles": "^4.3.0",
-    "ansi-wrap": "^0.1.0",
-    "anymatch": "^3.1.3",
-    "arch": "^2.2.0",
-    "archive-type": "^4.0.0",
-    "arr-diff": "^4.0.0",
-    "arr-flatten": "^1.1.0",
-    "arr-union": "^3.1.0",
-    "array-each": "^1.0.1",
-    "array-slice": "^1.1.0",
-    "array-unique": "^0.3.2",
-    "assign-symbols": "^1.0.0",
-    "async-done": "^2.0.0",
-    "async-settle": "^2.0.0",
-    "atob": "^2.1.2",
-    "babel": "^6.23.0",
-    "bach": "^2.0.1",
-    "balanced-match": "^1.0.2",
-    "bare-events": "^2.2.2",
-    "base64-js": "^1.5.1",
-    "bin-build": "^3.0.0",
-    "bin-check": "^4.1.0",
-    "bin-version": "^3.1.0",
-    "bin-version-check": "^4.0.0",
-    "bin-wrapper": "^4.1.0",
-    "binary-extensions": "^2.3.0",
-    "bl": "^5.1.0",
-    "boolbase": "^1.0.0",
-    "brace-expansion": "^1.1.11",
-    "braces": "^3.0.3",
-    "browserslist": "^4.23.0",
-    "buffer": "^6.0.3",
-    "buffer-alloc": "^1.2.0",
-    "buffer-alloc-unsafe": "^1.1.0",
-    "buffer-crc32": "^0.2.13",
-    "buffer-fill": "^1.0.0",
-    "cacheable-request": "^2.1.4",
-    "callsites": "^4.1.0",
-    "caniuse-lite": "^1.0.30001623",
-    "caw": "^2.0.1",
-    "chalk": "^4.1.2",
-    "change-file-extension": "^0.1.1",
-    "chokidar": "^3.6.0",
-    "clone": "^2.1.2",
-    "clone-buffer": "^1.0.0",
-    "clone-response": "^1.0.2",
-    "clone-stats": "^1.0.0",
-    "cloneable-readable": "^1.1.3",
-    "color-convert": "^2.0.1",
-    "color-name": "^1.1.4",
-    "color-support": "^1.1.3",
-    "commander": "^2.0.0",
-    "concat-map": "^0.0.1",
-    "concat-with-sourcemaps": "^1.1.0",
-    "config-chain": "^1.1.13",
-    "content-disposition": "^0.5.4",
-    "convert-hrtime": "^5.0.0",
-    "convert-source-map": "^2.0.0",
-    "copy-anything": "^2.0.6",
-    "copy-props": "^4.0.0",
-    "core-util-is": "^1.0.3",
-    "cross-spawn": "^6.0.5",
-    "css": "^3.0.0",
-    "css-select": "^4.3.0",
-    "css-tree": "^1.1.3",
-    "css-what": "^6.1.0",
-    "cssbeautify": "^0.3.1",
-    "csscomb": "^3.1.8",
-    "csscomb-core": "^3.0.0-3.1",
-    "csso": "^4.2.0",
-    "d": "^1.0.2",
-    "debug": "^3.2.7",
-    "debug-fabulous": "^1.1.0",
-    "decode-uri-component": "^0.2.2",
-    "decompress": "^4.2.1",
-    "decompress-response": "^3.3.0",
-    "decompress-tar": "^4.1.1",
-    "decompress-tarbz2": "^4.1.1",
-    "decompress-targz": "^4.1.1",
-    "decompress-unzip": "^4.0.1",
-    "detect-file": "^1.0.0",
-    "detect-newline": "^2.1.0",
-    "dom-serializer": "^1.4.1",
-    "domelementtype": "^2.3.0",
-    "domhandler": "^4.3.1",
-    "domutils": "^2.8.0",
-    "dot-prop": "^8.0.2",
-    "download": "^6.2.5",
-    "duplexer3": "^0.1.5",
-    "each-props": "^3.0.0",
-    "easy-transform-stream": "^1.0.1",
-    "electron-to-chromium": "^1.4.783",
-    "emoji-regex": "^8.0.0",
-    "end-of-stream": "^1.4.4",
-    "entities": "^2.2.0",
-    "environment": "^1.1.0",
-    "errno": "^0.1.8",
-    "es5-ext": "^0.10.64",
-    "es6-iterator": "^2.0.3",
-    "es6-symbol": "^3.1.4",
-    "es6-weak-map": "^2.0.3",
-    "escalade": "^3.1.2",
-    "escape-string-regexp": "^1.0.5",
-    "esniff": "^2.0.1",
-    "event-emitter": "^0.3.5",
-    "exec-buffer": "^3.2.0",
-    "execa": "^1.0.0",
-    "executable": "^4.1.1",
-    "expand-tilde": "^2.0.2",
-    "ext": "^1.7.0",
-    "ext-list": "^2.2.2",
-    "ext-name": "^5.0.0",
-    "extend": "^3.0.2",
-    "extend-shallow": "^3.0.2",
-    "fancy-log": "^1.3.3",
-    "fast-equals": "^5.0.1",
-    "fast-fifo": "^1.3.2",
-    "fast-glob": "^3.3.2",
-    "fast-levenshtein": "^3.0.0",
-    "fast-xml-parser": "^4.4.0",
-    "fastest-levenshtein": "^1.0.16",
-    "fastq": "^1.17.1",
-    "fd-slicer": "^1.1.0",
-    "file-type": "^19.0.0",
-    "filename-reserved-regex": "^2.0.0",
-    "filenamify": "^2.1.0",
-    "fill-range": "^7.1.1",
-    "find-versions": "^3.2.0",
-    "findup-sync": "^5.0.0",
-    "fined": "^2.0.0",
-    "flagged-respawn": "^2.0.0",
-    "for-in": "^1.0.2",
-    "for-own": "^1.0.0",
-    "fraction.js": "^4.3.7",
-    "from2": "^2.3.0",
-    "fs-constants": "^1.0.0",
-    "fs-mkdirp-stream": "^2.0.1",
-    "fs.realpath": "^1.0.0",
-    "function-bind": "^1.1.2",
-    "function-timeout": "^1.0.2",
-    "get-caller-file": "^2.0.5",
-    "get-proxy": "^2.1.0",
-    "get-stream": "^4.1.0",
-    "gifsicle": "^5.3.0",
-    "glob": "^3.2.8",
-    "glob-parent": "^5.1.2",
-    "glob-stream": "^8.0.2",
-    "glob-watcher": "^6.0.0",
-    "global-modules": "^1.0.0",
-    "global-prefix": "^1.0.2",
-    "globby": "^14.0.1",
-    "glogg": "^2.2.0",
-    "gonzales-pe": "^3.0.0-28",
-    "got": "^7.1.0",
-    "graceful-fs": "^4.2.11",
-    "gulp": "^5.0.0",
-    "gulp-autoprefixer": "^9.0.0",
-    "gulp-cli": "^3.0.0",
-    "gulp-concat": "^2.6.1",
-    "gulp-cssbeautify": "^3.0.1",
-    "gulp-csscomb": "^3.1.0",
-    "gulp-csso": "^4.0.1",
-    "gulp-imagemin": "^9.1.0",
-    "gulp-less": "^5.0.0",
-    "gulp-load-plugins": "^2.0.8",
-    "gulp-plugin-extras": "^1.0.0",
-    "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.1.0",
-    "gulp-sourcemaps": "^3.0.0",
-    "gulp-uglify": "^3.0.2",
-    "gulplog": "^2.2.0",
-    "has-flag": "^4.0.0",
-    "has-gulplog": "^0.1.0",
-    "has-symbol-support-x": "^1.4.2",
-    "has-to-string-tag-x": "^1.4.1",
-    "hasown": "^2.0.1",
-    "homedir-polyfill": "^1.0.3",
-    "http-cache-semantics": "^3.8.1",
-    "human-signals": "^2.1.0",
-    "iconv-lite": "^0.6.3",
-    "identifier-regex": "^1.0.0",
-    "ieee754": "^1.2.1",
-    "ignore": "^5.3.1",
-    "image-size": "^0.5.5",
-    "imagemin": "^9.0.0",
-    "imagemin-gifsicle": "^7.0.0",
-    "imagemin-mozjpeg": "^10.0.0",
-    "imagemin-optipng": "^8.0.0",
-    "imagemin-svgo": "^10.0.1",
-    "immutable": "^4.3.6",
-    "import-lazy": "^3.1.0",
-    "inflight": "^1.0.6",
-    "inherits": "^2.0.4",
-    "ini": "^1.3.8",
-    "interpret": "^3.1.1",
-    "into-stream": "^3.1.0",
-    "irregular-plurals": "^3.5.0",
-    "is-absolute": "^1.0.0",
-    "is-binary-path": "^2.1.0",
-    "is-core-module": "^2.13.1",
-    "is-extendable": "^1.0.1",
-    "is-extglob": "^2.1.1",
-    "is-fullwidth-code-point": "^3.0.0",
-    "is-gif": "^3.0.0",
-    "is-glob": "^4.0.3",
-    "is-identifier": "^1.0.0",
-    "is-jpg": "^3.0.0",
-    "is-natural-number": "^4.0.1",
-    "is-negated-glob": "^1.0.0",
-    "is-number": "^7.0.0",
-    "is-object": "^1.0.2",
-    "is-plain-obj": "^1.1.0",
-    "is-plain-object": "^5.0.0",
-    "is-png": "^2.0.0",
-    "is-promise": "^2.2.2",
-    "is-relative": "^1.0.0",
-    "is-retry-allowed": "^1.2.0",
-    "is-stream": "^1.1.0",
-    "is-svg": "^4.4.0",
-    "is-unc-path": "^1.0.0",
-    "is-valid-glob": "^1.0.0",
-    "is-what": "^3.14.1",
-    "is-windows": "^1.0.2",
-    "isarray": "^1.0.0",
-    "isexe": "^2.0.0",
-    "isobject": "^3.0.1",
-    "isurl": "^1.0.0",
-    "json-buffer": "^3.0.0",
-    "junk": "^4.0.1",
-    "keyv": "^3.0.0",
-    "kind-of": "^1.1.0",
-    "last-run": "^2.0.0",
-    "lead": "^4.0.0",
-    "less": "^4.2.0",
-    "liftoff": "^5.0.0",
-    "lodash.clonedeep": "^4.5.0",
-    "lowercase-keys": "^1.0.1",
-    "lru-cache": "^2.7.3",
-    "lru-queue": "^0.1.0",
-    "make-dir": "^1.3.0",
-    "make-error": "^1.3.6",
-    "make-error-cause": "^1.2.2",
-    "map-cache": "^0.2.2",
-    "mdn-data": "^2.0.14",
-    "memoizee": "^0.4.17",
-    "merge-stream": "^2.0.0",
-    "merge2": "^1.4.1",
-    "micromatch": "^4.0.7",
-    "mime": "^1.6.0",
-    "mime-db": "^1.52.0",
-    "mimic-fn": "^2.1.0",
-    "mimic-response": "^1.0.1",
-    "minimatch": "^0.2.12",
-    "mozjpeg": "^8.0.0",
-    "ms": "^2.1.3",
-    "mute-stdout": "^2.0.0",
-    "nanoid": "^3.3.7",
-    "needle": "^3.3.1",
-    "next-tick": "^1.1.0",
-    "nice-try": "^1.0.5",
-    "node-module": "^2.0.0",
-    "node-releases": "^2.0.14",
-    "node-uuid": "^1.4.0",
-    "normalize-path": "^3.0.0",
-    "normalize-range": "^0.1.2",
-    "normalize-url": "^2.0.1",
-    "now-and-later": "^3.0.0",
-    "npm-conf": "^1.1.3",
-    "npm-run-path": "^2.0.2",
-    "nth-check": "^2.1.1",
-    "object-assign": "^4.1.1",
-    "object.defaults": "^1.1.0",
-    "object.pick": "^1.3.0",
-    "once": "^1.4.0",
-    "onetime": "^5.1.2",
-    "optipng-bin": "^7.0.1",
-    "os-filter-obj": "^2.0.0",
-    "ow": "^2.0.0",
-    "p-cancelable": "^0.3.0",
-    "p-event": "^1.3.0",
-    "p-finally": "^1.0.0",
-    "p-is-promise": "^1.1.0",
-    "p-map-series": "^1.0.0",
-    "p-pipe": "^4.0.0",
-    "p-reduce": "^1.0.0",
-    "p-timeout": "^1.2.1",
-    "parse-filepath": "^1.0.2",
-    "parse-node-version": "^1.0.1",
-    "parse-passwd": "^1.0.0",
-    "path-is-absolute": "^1.0.1",
-    "path-key": "^2.0.1",
-    "path-parse": "^1.0.7",
-    "path-root": "^0.1.1",
-    "path-root-regex": "^0.1.2",
-    "path-type": "^5.0.0",
-    "peek-readable": "^5.0.0",
-    "pend": "^1.2.0",
-    "picocolors": "^1.0.1",
-    "picomatch": "^2.3.1",
-    "pify": "^4.0.1",
-    "pinkie": "^2.0.4",
-    "pinkie-promise": "^2.0.1",
-    "plugin-error": "^1.0.1",
-    "plur": "^5.1.0",
-    "postcss": "^7.0.39",
-    "postcss-value-parser": "^4.2.0",
-    "prepend-http": "^1.0.4",
-    "pretty-bytes": "^6.1.1",
-    "process-nextick-args": "^2.0.1",
-    "proto-list": "^1.2.4",
-    "prr": "^1.0.1",
-    "pseudomap": "^1.0.2",
-    "pump": "^3.0.0",
-    "query-string": "^5.1.1",
-    "queue-microtask": "^1.2.3",
-    "queue-tick": "^1.0.1",
-    "readable-stream": "^3.6.2",
-    "readable-web-to-node-stream": "^3.0.2",
-    "readdirp": "^3.6.0",
-    "rechoir": "^0.8.0",
-    "remove-trailing-separator": "^1.1.0",
-    "replace-ext": "^2.0.0",
-    "replace-homedir": "^2.0.0",
-    "require-directory": "^2.1.1",
-    "reserved-identifiers": "^1.0.0",
-    "resolve": "^1.22.8",
-    "resolve-dir": "^1.0.1",
-    "resolve-options": "^2.0.0",
-    "responselike": "^1.0.2",
-    "reusify": "^1.0.4",
-    "rimraf": "^2.7.1",
-    "run-parallel": "^1.2.0",
-    "safe-buffer": "^5.2.1",
-    "safer-buffer": "^2.1.2",
-    "sax": "^1.3.0",
-    "seek-bzip": "^1.0.6",
-    "semver": "^5.7.2",
-    "semver-greatest-satisfied-range": "^2.0.0",
-    "semver-regex": "^2.0.0",
-    "semver-truncate": "^1.1.2",
-    "shebang-command": "^1.2.0",
-    "shebang-regex": "^1.0.0",
-    "sigmund": "^1.0.1",
-    "signal-exit": "^3.0.7",
-    "slash": "^5.1.0",
-    "slick": "^1.12.2",
-    "slick-carousel": "^1.8.1",
-    "sort-keys": "^1.1.2",
-    "sort-keys-length": "^1.0.1",
-    "source-map": "^0.5.7",
-    "source-map-js": "^1.2.0",
-    "source-map-resolve": "^0.6.0",
-    "sparkles": "^2.1.0",
-    "stable": "^0.1.8",
-    "stream-composer": "^1.0.2",
-    "stream-exhaust": "^1.0.2",
-    "streamx": "^2.16.1",
-    "strict-uri-encode": "^1.1.0",
-    "string_decoder": "^1.3.0",
-    "string-width": "^4.2.3",
-    "strip-ansi": "^6.0.1",
-    "strip-bom-string": "^1.0.0",
-    "strip-dirs": "^2.1.0",
-    "strip-eof": "^1.0.0",
-    "strip-final-newline": "^2.0.0",
-    "strip-outer": "^1.0.1",
-    "strnum": "^1.0.5",
-    "strtok3": "^7.0.0",
-    "super-regex": "^1.0.0",
-    "supports-color": "^7.2.0",
-    "supports-preserve-symlinks-flag": "^1.0.0",
-    "sver": "^1.8.4",
-    "svgo": "^2.8.0",
-    "tar-stream": "^1.6.2",
-    "teex": "^1.0.1",
-    "temp-dir": "^1.0.0",
-    "tempfile": "^2.0.0",
-    "through": "^2.3.8",
-    "through2": "^2.0.5",
-    "time-span": "^5.1.0",
-    "time-stamp": "^1.1.0",
-    "timed-out": "^4.0.1",
-    "timers-ext": "^0.1.7",
-    "to-buffer": "^1.1.1",
-    "to-regex-range": "^5.0.1",
-    "to-through": "^3.0.0",
-    "token-types": "^5.0.1",
-    "trim-repeated": "^1.0.0",
-    "tslib": "^2.6.2",
-    "tunnel-agent": "^0.6.0",
-    "type": "^2.7.2",
-    "type-fest": "^3.13.1",
-    "uglify-js": "^3.17.4",
-    "uint8array-extras": "^1.1.0",
-    "unbzip2-stream": "^1.4.3",
-    "unc-path-regex": "^0.1.2",
-    "undertaker": "^2.0.0",
-    "undertaker-registry": "^2.0.0",
-    "undici-types": "^5.26.5",
-    "unicorn-magic": "^0.1.0",
-    "update-browserslist-db": "^1.0.16",
-    "url-parse-lax": "^1.0.0",
-    "url-to-options": "^1.0.1",
-    "util-deprecate": "^1.0.2",
-    "uuid": "^3.4.0",
-    "v8flags": "^4.0.1",
-    "value-or-function": "^4.0.0",
-    "vinyl": "^3.0.0",
-    "vinyl-contents": "^2.0.0",
-    "vinyl-fs": "^4.0.0",
-    "vinyl-sourcemap": "^2.0.0",
-    "vinyl-sourcemaps-apply": "^0.2.1",
-    "vow": "^0.4.4",
-    "vow-fs": "^0.3.2",
-    "vow-queue": "^0.3.1",
-    "which": "^1.3.1",
-    "wrap-ansi": "^7.0.0",
-    "wrappy": "^1.0.2",
-    "xtend": "^4.0.2",
-    "y18n": "^5.0.8",
-    "yallist": "^2.1.2",
-    "yargs-parser": "^20.2.9",
-    "yauzl": "^2.10.0"
-  },
  "devDependencies": {
+    "autoprefixer": "^10.4.19",
    "file-loader": "^6.2.0",
+    "postcss-loader": "^8.1.1",
    "sass": "^1.77.2",
    "sass-loader": "^14.2.1",
    "webpack": "^5.91.0",
    "webpack-cli": "^5.1.4"
- 
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
@@ -449,5 +18,13 @@
  "keywords": [],
  "author": "",
  "license": "ISC",
-  "description": ""
+  "description": "",
+  "browserslist": [
+    "defaults",
+    "not ie < 11",
+    "last 2 versions",
+    "> 1%",
+    "iOS 7",
+    "last 3 iOS versions"
+  ]
 }
--- a/web/themes/custom/quartiers_de_demain/postcss.config.js
+++ b/web/themes/custom/quartiers_de_demain/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+    plugins: [
+      require('autoprefixer')
+    ]
+  };
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/formes-animees.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="2560.2766"
+   height="11997.26"
+   viewBox="0 0 2560.2766 11997.26"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath255">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1378.7554,-1136.295)"
+         id="path255" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath258">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1095.6993,-8098.7595)"
+         id="path258" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath301">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1476.5001,-5895.4337)"
+         id="path301" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath303">
+      <path
+         d="M 0,0 H 1920 V 9000 H 0 Z"
+         transform="translate(-1623.8512,-4272.9005)"
+         id="path303" />
+    </clipPath>
+  </defs>
+  <g
+     id="g1"
+     transform="translate(0.17944336,-2.9196463)">
+    <path
+       id="path148"
+       d="M 0,0 211.55,177.512"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1686.6035,9061.9695)" />
+    <path
+       id="path151"
+       d="M 0,0 V -174.775"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2083.6333,1370.6667)" />
+    <path
+       id="path254"
+       d="M 0,0 C 0,205.098 -166.265,371.361 -371.362,371.361"
+       style="fill:none;stroke:#000000;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1838.3405,10484.94)"
+       clip-path="url(#clipPath255)" />
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+    <path
+       id="path257"
+       d="M 0,0 C -205.098,0 -371.361,-166.265 -371.361,-371.362"
+       style="fill:none;stroke:#f7002b;stroke-width:137.482;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1460.9323,1201.6543)"
+       clip-path="url(#clipPath258)" />
+    <path
+       id="path300"
+       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
+       style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,1968.6667,4139.4219)"
+       clip-path="url(#clipPath301)" />
+    <path
+       id="path302"
+       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
+       style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,2165.1349,6302.7995)"
+       clip-path="url(#clipPath303)" />
+    <path
+       id="path311"
+       d="M 0,0 V 283"
+       style="fill:none;stroke:#000000;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,247.22107,6014.2852)" />
+    <rect
+       style="fill:none;stroke:#000000;stroke-width:0.872103;paint-order:fill markers stroke"
+       id="rect717"
+       width="2559.4043"
+       height="11996.388"
+       x="0.25652406"
+       y="3.3556976" />
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/logo-QDD-v2.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/logo-QDD-v2.svg
@@ -0,0 +1,399 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="87.153343mm"
+   height="29.698406mm"
+   viewBox="0 0 87.153343 29.698406"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="logo-QDD-v2.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showguides="true"
+     inkscape:zoom="1.1817368"
+     inkscape:cx="-2.1155303"
+     inkscape:cy="175.16591"
+     inkscape:window-width="1920"
+     inkscape:window-height="1172"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1">
+    <sodipodi:guide
+       position="17.687596,17.692111"
+       orientation="0,-1"
+       id="guide1"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="15.95242,7.9247515"
+       orientation="0,-1"
+       id="guide2"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="30.792598,13.629262"
+       orientation="0,-1"
+       id="guide3"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="20.502012,19.566138"
+       orientation="0,-1"
+       id="guide4"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath1418">
+      <path
+         d="M 0,2282.662 H 4095.992 V 0 H 0 Z"
+         id="path1416" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1"
+     transform="translate(-61.433626,-104.40973)">
+    <g
+       aria-label="CONSULTATION INTERNATIONALE"
+       id="text1410"
+       style="font-weight:500;font-size:4.50432px;font-family:'Gilroy Medium';-inkscape-font-specification:Gilroy-Medium;fill:#1d1d1b;stroke-width:0.118122"
+       transform="matrix(1.0184296,0,0,1.0184296,0.73102698,-49.645398)">
+      <path
+         d="m 62.125028,180.42832 c 0.585562,0 1.099054,-0.30629 1.360305,-0.77024 l -0.36485,-0.2072 c -0.180173,0.34233 -0.56304,0.56755 -0.995455,0.56755 -0.738709,0 -1.234184,-0.53601 -1.234184,-1.22518 0,-0.69366 0.495475,-1.22968 1.234184,-1.22968 0.432415,0 0.815282,0.22522 0.995455,0.57205 l 0.36485,-0.2117 c -0.265755,-0.46394 -0.779248,-0.76573 -1.360305,-0.76573 -0.963925,0 -1.648581,0.72519 -1.648581,1.63506 0,0.90537 0.684656,1.63507 1.648581,1.63507 z"
+         id="path45503" />
+      <path
+         d="m 66.043793,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630563,0.72519 -1.630563,1.63506 0,0.90537 0.716186,1.63507 1.630563,1.63507 z m 0,-0.40989 c -0.68916,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527006,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45505" />
+      <path
+         d="m 70.773331,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418901 v -2.35576 l 1.621556,2.35576 h 0.337824 v -3.15303 z"
+         id="path45507" />
+      <path
+         d="m 73.466922,180.42832 c 0.644118,0 1.090046,-0.35133 1.090046,-0.90537 0,-0.60808 -0.517997,-0.77023 -1.067524,-0.95041 -0.441423,-0.13963 -0.662135,-0.24774 -0.662135,-0.54052 0,-0.28827 0.234225,-0.46845 0.572049,-0.46845 0.382867,0 0.603579,0.21621 0.716187,0.48647 l 0.351337,-0.20269 c -0.175669,-0.39638 -0.549527,-0.68916 -1.067524,-0.68916 -0.527006,0 -0.990951,0.32431 -0.990951,0.89185 0,0.58556 0.486467,0.74321 0.990951,0.90537 0.463945,0.14414 0.743213,0.25224 0.743213,0.57655 0,0.28377 -0.220712,0.48647 -0.66664,0.48647 -0.459441,0 -0.7297,-0.22522 -0.842308,-0.57205 l -0.360345,0.2072 c 0.16666,0.47295 0.59457,0.77474 1.193644,0.77474 z"
+         id="path45509" />
+      <path
+         d="m 76.827151,180.42832 c 0.689161,0 1.180132,-0.43241 1.180132,-1.11707 v -2.09451 h -0.414397 v 2.07649 c 0,0.43692 -0.261251,0.7252 -0.765735,0.7252 -0.504483,0 -0.765734,-0.28828 -0.765734,-0.7252 v -2.07649 h -0.418902 v 2.09451 c 0,0.68466 0.495475,1.11707 1.184636,1.11707 z"
+         id="path45511" />
+      <path
+         d="m 79.696415,179.97339 v -2.75665 h -0.418901 v 3.15303 h 1.779206 v -0.39638 z"
+         id="path45513" />
+      <path
+         d="m 83.804353,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45515" />
+      <path
+         d="m 86.696138,180.36977 h 0.445927 l -1.175627,-3.15303 h -0.472954 l -1.175627,3.15303 h 0.445927 l 0.256747,-0.70718 h 1.418861 z m -1.531469,-1.09906 0.56304,-1.55399 0.567544,1.55399 z"
+         id="path45517" />
+      <path
+         d="m 89.934747,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45519" />
+      <path
+         d="m 90.979754,177.21674 v 3.15303 h 0.418901 v -3.15303 z"
+         id="path45521" />
+      <path
+         d="m 94.168816,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630564,0.72519 -1.630564,1.63506 0,0.90537 0.716187,1.63507 1.630564,1.63507 z m 0,-0.40989 c -0.689161,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527005,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45523" />
+      <path
+         d="m 98.898361,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418902 v -2.35576 l 1.621555,2.35576 h 0.337824 v -3.15303 z"
+         id="path45525" />
+      <path
+         d="m 102.38021,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45527" />
+      <path
+         d="m 106.06475,177.21674 v 2.35126 l -1.62155,-2.35126 h -0.33783 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45529" />
+      <path
+         d="m 109.80785,177.21674 h -2.27468 v 0.39638 h 0.92789 v 2.75665 h 0.41439 v -2.75665 h 0.9324 z"
+         id="path45531" />
+      <path
+         d="m 111.27175,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45533" />
+      <path
+         d="m 115.74005,180.36977 h 0.46394 l -0.74321,-1.26121 c 0.37836,-0.13513 0.65312,-0.49998 0.65312,-0.91438 0,-0.54052 -0.44142,-0.97744 -0.98194,-0.97744 h -1.26121 v 3.15303 h 0.4189 v -1.20716 h 0.74322 z m -1.4504,-2.76115 h 0.84231 c 0.3108,0 0.56304,0.26125 0.56304,0.58556 0,0.32431 -0.25224,0.59007 -0.56304,0.59007 h -0.84231 z"
+         id="path45535" />
+      <path
+         d="m 119.21288,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62155,2.35576 h 0.33783 v -3.15303 z"
+         id="path45537" />
+      <path
+         d="m 123.01453,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47296 l -1.17562,3.15303 h 0.44592 l 0.25675,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56754,1.55399 z"
+         id="path45539" />
+      <path
+         d="m 126.25314,177.21674 h -2.27469 v 0.39638 h 0.92789 v 2.75665 h 0.4144 v -2.75665 h 0.9324 z"
+         id="path45541" />
+      <path
+         d="m 127.29815,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45543" />
+      <path
+         d="m 130.48721,180.42832 c 0.91438,0 1.63507,-0.7297 1.63507,-1.63507 0,-0.90987 -0.72069,-1.63506 -1.63507,-1.63506 -0.91437,0 -1.63056,0.72519 -1.63056,1.63506 0,0.90537 0.71619,1.63507 1.63056,1.63507 z m 0,-0.40989 c -0.68916,0 -1.21616,-0.53601 -1.21616,-1.22518 0,-0.69366 0.527,-1.22968 1.21616,-1.22968 0.68916,0 1.21617,0.53602 1.21617,1.22968 0,0.68917 -0.52701,1.22518 -1.21617,1.22518 z"
+         id="path45545" />
+      <path
+         d="m 135.21676,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45547" />
+      <path
+         d="m 139.01841,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47295 l -1.17563,3.15303 h 0.44593 l 0.25674,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56755,1.55399 z"
+         id="path45549" />
+      <path
+         d="m 140.88771,179.97339 v -2.75665 h -0.4189 v 3.15303 h 1.7792 v -0.39638 z"
+         id="path45551" />
+      <path
+         d="m 143.71643,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45553" />
+    </g>
+    <g
+       id="g1412"
+       transform="matrix(0.11812184,0,0,-0.11812184,-25.84332,300.63755)">
+      <g
+         id="g1414"
+         clip-path="url(#clipPath1418)">
+        <g
+           id="g1420"
+           transform="translate(751.3907,1648.7133)">
+          <path
+             d="m 0,0 c 16.692,16.692 43.755,16.692 60.447,0 16.692,-16.692 16.692,-43.755 0,-60.447 -16.692,-16.692 -43.755,-16.692 -60.447,0 l 7.433,7.433 c 12.587,-12.587 32.994,-12.587 45.581,0 12.587,12.587 12.587,32.994 0,45.581 -12.587,12.587 -32.994,12.587 -45.581,0 z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1422" />
+        </g>
+        <g
+           id="g1424"
+           transform="translate(1405.2317,1559.5776)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1426" />
+        </g>
+        <g
+           id="g1428"
+           transform="translate(1148.891,1559.5776)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1430" />
+        </g>
+        <g
+           id="g1432"
+           transform="translate(1059.3877,1523.8738)">
+          <path
+             d="M 0,0 12.318,-0.061 V -46.81 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1434" />
+        </g>
+        <g
+           id="g1436"
+           transform="translate(842.5666,1525.142)">
+          <path
+             d="M 0,0 12.318,-0.054 V -41.613 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1438" />
+        </g>
+        <g
+           id="g1440"
+           transform="translate(1246.5872,1623.5623)">
+          <path
+             d="M -0.19798272,0 12.120017,-0.051 V -39.192 H -0.19798272 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1442" />
+        </g>
+        <g
+           id="g1444"
+           transform="translate(1050.5181,1658.2612)">
+          <path
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1446" />
+        </g>
+        <g
+           id="g1448"
+           transform="translate(1328.6346,1658.2612)">
+          <path
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1450" />
+        </g>
+        <g
+           id="g1452"
+           transform="translate(910.89509,1659.3624)">
+          <path
+             d="M 0.09799602,0 12.318,-0.061 V -46.545 H 0.09799602 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1454" />
+        </g>
+        <g
+           id="g1456"
+           transform="translate(1121.2274,1648.2275)">
+          <path
+             d="M 0,0 0.061,10.076 H 46.545 V 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1458" />
+        </g>
+        <path
+           d="m 1302.919,1494.638 h -26.436 v 10.895 h 26.436 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1460" />
+        <path
+           d="m 987.263,1592.995 h -26.437 v 10.895 h 26.437 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1462" />
+        <g
+           id="g1464"
+           transform="translate(1022.9188,1576.3727)">
+          <path
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1466" />
+        </g>
+        <g
+           id="g1468"
+           transform="translate(817.5048,1596.5179)">
+          <path
+             d="m 0,0 16.707,-17.04 -8.6,-8.985 -16.821,17.311 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1470" />
+        </g>
+        <g
+           id="g1472"
+           transform="translate(923.2098,1609.196)">
+          <path
+             d="m 0,0 c 0,-13.313 -5.283,-33.449 -33.004,-33.449 -27.725,0 -33.228,20.136 -33.228,33.449 v 50.166 h 12.214 V 0 c 0,-4.953 1.099,-23.325 21.014,-23.325 19.912,0 20.792,18.372 20.792,23.325 V 16.965 H 0 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1474" />
+        </g>
+        <g
+           id="g1476"
+           transform="translate(1099.4768,1628.9966)">
+          <path
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1478" />
+        </g>
+        <g
+           id="g1480"
+           transform="translate(1161.8838,1648.1403)">
+          <path
+             d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1482" />
+        </g>
+        <path
+           d="m 1206.879,1658.261 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1484" />
+        <path
+           d="m 1246.395,1585.868 h 54.904 v -10.121 h -54.904 z m 47.086,27.616 h -47.086 v 10.233 h 47.086 z m 7.817,34.656 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1486" />
+        <g
+           id="g1488"
+           transform="translate(1377.5935,1628.9966)">
+          <path
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1490" />
+        </g>
+        <g
+           id="g1492"
+           transform="translate(1474.0773,1591.0393)">
+          <path
+             d="m 0,0 c -3.958,-9.344 -15.055,-15.17 -28.897,-15.292 v 10.124 c 9.546,0.117 15.148,3.636 17.454,9.129 1.761,4.072 0.33,8.472 0.221,8.581 -2.312,6.381 -8.693,7.812 -17.713,10.562 -10.232,3.08 -22.005,5.613 -25.854,16.393 -2.094,5.61 -1.54,12.103 1.319,17.383 6.381,12.103 22.663,12.435 24.535,12.435 12.1,0 22.881,-5.282 30.584,-13.754 l -8.03,-8.031 c -4.514,6.602 -13.313,11.662 -22.554,11.662 -0.111,0 -9.794,0 -13.534,-7.041 -1.431,-2.751 -1.76,-6.381 -0.771,-9.244 2.203,-6.048 8.472,-7.479 17.274,-10.121 C -15.513,29.594 -3.742,27.174 0.439,16.063 0.769,15.292 3.41,7.812 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1494" />
+        </g>
+        <path
+           d="m 842.567,1487.123 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1496" />
+        <path
+           d="m 1059.388,1487.185 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1498" />
+        <g
+           id="g1500"
+           transform="translate(1148.891,1514.2576)">
+          <path
+             d="M 0,0 12.318,-0.051 V -37.194 H 0 Z M 86.754,45.32 V -37.194 H 74.545 V 24.748 L 46.841,-37.194 H 39.912 L 0,45.32 H 14.731 L 43.322,-17.127 70.533,45.32 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1502" />
+        </g>
+        <g
+           id="g1504"
+           transform="translate(1338.3157,1477.0637)">
+          <path
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1506" />
+        </g>
+        <path
+           d="m 1365.716,1559.578 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1508" />
+        <g
+           id="g1510"
+           transform="translate(1405.2317,1513.6991)">
+          <path
+             d="M 0,0 12.318,-0.048 V -36.635 H 0 Z M 71.292,45.879 V -36.635 H 56.55 L 0,45.879 h 14.744 l 44.333,-65.68 v 65.68 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1512" />
+        </g>
+        <g
+           id="g1514"
+           transform="translate(781.6142,1575.7473)">
+          <path
+             d="m 0,0 c -23.606,0 -42.742,19.136 -42.742,42.742 0,23.606 19.136,42.743 42.742,42.743 23.606,0 42.742,-19.137 42.742,-42.743 H 32.231 C 32.231,60.543 17.8,74.973 0,74.973 c -17.8,0 -32.231,-14.43 -32.231,-32.231 0,-17.8 14.431,-32.23 32.231,-32.23 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1516" />
+        </g>
+        <g
+           id="g1518"
+           transform="translate(1445.9412,1575.62)">
+          <path
+             d="m 0,0 c -0.872,0.021 -21.482,0.684 -31.741,13.637 l 8.115,6.427 c 7.23,-9.132 23.728,-9.712 23.895,-9.717 z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1520" />
+        </g>
+        <g
+           id="g1522"
+           transform="translate(747.5991,1522.7208)">
+          <path
+             d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1524" />
+        </g>
+        <g
+           id="g1526"
+           transform="translate(746.9782,1556.9387)">
+          <path
+             d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1528" />
+        </g>
+        <g
+           id="g1530"
+           transform="translate(960.9559,1530.3488)">
+          <path
+             d="M 0,0 12.318,-0.07 V -53.265 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1532" />
+        </g>
+        <g
+           id="g1534"
+           transform="translate(960.335,1559.7245)">
+          <path
+             d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.321 -42.742,-41.321 H 0.444 v 10.163 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1536" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-1.svg
@@ -26,7 +26,7 @@
    <path
       id="path365"
       d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,772.71213,8115.5755)"
       clip-path="url(#clipPath366)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-2.svg
@@ -26,7 +26,7 @@
    <path
       id="path367"
       d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,1127.0576,8142.9765)"
       clip-path="url(#clipPath368)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3.svg
+++ b/web/themes/custom/quartiers_de_demain/src/assets/img/pillier-3.svg
@@ -26,7 +26,7 @@
    <path
       id="path369"
       d="M 0,0 C 126.805,0 229.6,102.795 229.6,229.6"
-       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="fill:none;stroke:#ffffff;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1000;stroke-dashoffset:1000;stroke-opacity:1"
       transform="matrix(1.3333333,0,0,-1.3333333,1617.5417,8058.9088)"
       clip-path="url(#clipPath370)" />
  </g>
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/animated_formes.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/animated_formes.js
@@ -0,0 +1,54 @@
+document.addEventListener('scroll', function() {
+    const scrolled = window.pageYOffset;
+    const background = document.getElementById('background-animated');
+  
+    // Adjust this value to control the speed of the parallax effect
+    const parallaxSpeed = 0.2;
+    background.style.transform = 'translateY(' + (scrolled * parallaxSpeed) + 'px)';
+});
+
+
+
+
+  //ANimation Pilliers 
+// const svg = document.querySelector('#paragraph-id--7 .colone-picto');
+
+// // Configuration de l'observateur d'intersection
+// const observer = new IntersectionObserver(entries => {
+//   entries.forEach(entry => {
+//     if (entry.isIntersecting) {
+//       // Ajoute une classe lorsque l'élément est visible
+//       svg.classList.add('visible');
+//     } else {
+//       // Optionnel : Retirez la classe si nécessaire
+//       svg.classList.remove('visible');
+//     }
+//   });
+// });
+
+// // Observer l'élément SVG
+// observer.observe(svg);
+
+//////////////////////////////////////////////////
+
+//ANimation Pilliers 
+const svg = document.querySelector('#paragraph-id--7 .colone-picto');
+
+// Configuration de l'observateur d'intersection
+const observer = new IntersectionObserver(entries => {
+  entries.forEach(entry => {
+    if (entry.isIntersecting) {
+      // Ajoute une classe lorsque l'élément est visible
+      // svg.classList.remove('invisible');
+      svg.classList.add('visible');
+    } 
+    // else {
+    //   // Optionnel : Retirez la classe si nécessaire
+    //   svg.classList.remove('visible');
+
+    // }
+  });
+});
+
+// Observer l'élément SVG
+observer.observe(svg);
--- a/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
+++ b/web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
@@ -37,30 +37,65 @@

  // });

-  //////// header ////////////
-
+  //////// start header ////////////
  document.addEventListener('DOMContentLoaded', function() {

    const header = document.querySelector('header');
- // Vérifier si la page a été rechargée ou si c'est une navigation interne
- const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');
- // Vérifier si nous sommes sur la page cible
- const isTargetPath = window.location.pathname === '/'; // Remplacez '/votre-chemin-cible' par le chemin réel
+    const logo = document.querySelector('#block-quartiers-de-demain-logoquartiersdedemain > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) > svg:nth-child(1)');
+    const headerNavContainer = document.querySelector('.header_nav_container');
+    const isFirstLoad = !performance.getEntriesByType("navigation")[0].type.includes('back_forward');
+    const isTargetPath = window.location.pathname === '/';
+
+    // Fonction pour démarrer l'animation du logo SVG
+    function startLogoAnimation() {
+      logo.classList.add('animated');
+    }
+  
+    // Fonction pour arrêter l'animation du logo SVG
+    function stopLogoAnimation() {
+      logo.classList.remove('animated');
+    }
+  
+    // Vérifier si le header a la classe header--collapse
+    function checkHeaderCollapse() {
+      if (header.classList.contains('header--collapsed')) {
+        stopLogoAnimation();
+      } else if (header.classList.contains('header--collapsed-already'))  {
+          stopLogoAnimation();
+        } else {
+        startLogoAnimation();
+      }
+
+    }
+  
+    // Appeler la fonction au chargement initial
+    checkHeaderCollapse();
+  
+    // Observer les changements de classe sur le header
+    const observer = new MutationObserver(function(mutations) {
+      mutations.forEach(function(mutation) {
+        if (mutation.attributeName === 'class') {
+          checkHeaderCollapse();
+        }
+      });
+    });
+    observer.observe(header, { attributes: true });
+ 

    // Si ce n'est pas la première charge ou si le chemin n'est pas le chemin cible, ajouter la classe immédiatement
    if (!isFirstLoad || !isTargetPath) {
      header.classList.add('header--collapsed-already');
-  } else {
+      // logo.classList.remove('animated');
+      stopLogoAnimation();
+    } else {
      // Sinon, appliquer la transition après un délai
      setTimeout(() => {
          header.classList.add('header--collapsed');
-      }, 1000); // Attendre 1 seconde avant de réduire la taille du header
-  }
+      }, 5000);
+    }

+    ////////////// 

-       // Gestion du scroll pour afficher/masquer le header nav
-    const headerNavContainer = document.querySelector('.header_nav_container');
-    const headerLeftContainer = document.querySelector('header');
    let lastScrollTop = 0;
    let threshold = 100; // Change this value as needed
    let isHidden = false;
@@ -87,52 +122,113 @@
      isHidden = false;
    }
    
+    function slideDown() {
+      // headerNavContainer.style.display = 'block';
+      headerNavContainer.animate([
+        { transform: 'translateY(0%)' },
+        { transform: 'translateY(+100%)' }
+      ], {
+        duration: 300,
+        fill: 'forwards'
+      });
+      isHidden = false;
+    }
+  
+    function slideUp() {
+      headerNavContainer.animate([
+        { transform: 'translateY(100%)' },
+        { transform: 'translateY(0%)' }
+      ], {
+        duration: 300,
+        fill: 'forwards'
+      }).onfinish = function() {
+        // headerNavContainer.style.display = 'none';
+      };
+      isHidden = true;
+    }
+      // Fonction pour ajuster la hauteur du header lors du défilement
+      function adjustHeaderHeight() {
+        if (window.scrollY > 0) {
+          header.classList.add('shrink');
+        } else {
+          header.classList.remove('shrink');
+        }
+      }
+
    function handleScroll() {
      let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+      const isMobile = window.innerWidth < 811;

      if (scrollTop > threshold && !isHidden) {
-        slideOut();
+        if (isMobile) {
+          slideUp();
+        } else {
+          slideOut();
+        }
      } else if (scrollTop <= threshold && isHidden) {
-        slideIn();
+        if (isMobile) {
+          slideDown();
+        } else {
+          slideIn();
+        }
      }
  
+  
      lastScrollTop = scrollTop <= 0 ? 0 : scrollTop; // For Mobile or negative scrolling
    }
  
    function handleTouchAndMouseEnter() {
      if (isHidden) {
-        slideIn();
+        if (window.innerWidth < 811) {
+          slideDown();
+        } else {
+          slideIn();
+        }
      }
    }
  
    function handleTouchAndMouseLeave() {
      if (lastScrollTop > threshold && !isHidden) {
-        slideOut();
+        if (window.innerWidth < 811) {
+          slideUp();
+        } else {
+          slideOut();
+        }
      }
    }
  
    window.addEventListener('scroll', handleScroll);
+    window.addEventListener('scroll', adjustHeaderHeight);
  
    // Mouse events for desktop
-    headerLeftContainer.addEventListener('mouseenter', handleTouchAndMouseEnter);
-    headerLeftContainer.addEventListener('mouseleave', handleTouchAndMouseLeave);
+    header.addEventListener('mouseenter', handleTouchAndMouseEnter);
+    header.addEventListener('mouseleave', handleTouchAndMouseLeave);
  
    // Touch events for tablets and mobile devices
-    headerLeftContainer.addEventListener('touchstart', handleTouchAndMouseEnter);
-    headerLeftContainer.addEventListener('touchend', handleTouchAndMouseLeave);
+    header.addEventListener('touchstart', handleTouchAndMouseEnter);
+    header.addEventListener('touchend', handleTouchAndMouseLeave);
  
    // Initial check to see if we're at the top of the page
    if (window.pageYOffset <= threshold) {
-      slideIn();
+      if (window.innerWidth < 811) {
+        slideDown();
+      } else { 
+        slideIn();
+      } 
    } else {
-      slideOut();
+      if (window.innerWidth < 811) {
+        slideUp();
+      } else {
+        slideIn();
+      }
    }
+  
  });

+  //////// end header ////////////
  


-// /////////////////
 //// ancre dans texte au click parragraphe correspondant arrive en dessous du header 


@@ -150,133 +246,184 @@
  });


-//////////////////////// smooth apparition des textes
+  ////////////////////////  start script smooth apparition des textes /////////////////

+  function scrollReaveal(){

-function scrollReaveal(){
-
-  const nodes = {
-    logo : document.querySelectorAll('#logo-animated-container'),
-    chapeau :  document.querySelectorAll('.field_body'),
-    paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
-  }
-
-  const showUp = {
-      origin: 'bottom',
-      delay: 100,
-      duration: 1000,
-      distance: '50px',
-      easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }
-
-  const Show = {
-    delay: 100,
-    duration: 600,
-    easing: 'cubic-bezier(0.5, 0, 0, 1)'
-  }
-
-  console.log(nodes);
-
-  ScrollReveal().reveal(nodes.logo, Show);
-  ScrollReveal().reveal(nodes.chapeau, showUp);
-  ScrollReveal().reveal(nodes.paragraph, showUp);
-}
-
-
-$( document ).ready(function() {
-  scrollReaveal();
-});
-
-
-
-////////////////// Timeline ///////////////////////
-
-
-document.addEventListener('DOMContentLoaded', function() {
-  let currentSlide = 0;
-
-  function getVisibleSlides() {
-    if (window.innerWidth <= 600) {
-      return 1; // Show 1 slide on small screens
-    } else if (window.innerWidth <= 900) {
-      return 2; // Show 2 slides on medium screens
-    } else {
-      return 3; // Show 3 slides on large screens
+    const nodes = {
+      logo : document.querySelectorAll('#logo-animated-container'),
+      chapeau :  document.querySelectorAll('.field_body'),
+      paragraph: document.querySelectorAll('.field_field_textes .paragraph--type--static-parts'),
+      enjeux : document.querySelectorAll('.field_field_textes .paragraph--type--static-parts .enjeux'),
    }
+
+    const showUp = {
+        origin: 'bottom',
+        delay: 100,
+        duration: 1000,
+        distance: '50px',
+        easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    const Show = {
+      delay: 100,
+      duration: 600,
+      easing: 'cubic-bezier(0.5, 0, 0, 1)'
+    }
+
+    console.log(nodes);
+
+    ScrollReveal().reveal(nodes.logo, Show);
+    ScrollReveal().reveal(nodes.chapeau, showUp);
+    ScrollReveal().reveal(nodes.paragraph, showUp);
+    ScrollReveal().reveal(nodes.enjeux, showUp);
  }

-  function showSlides(index) {
-    const slides = document.querySelectorAll('.paragraph--type--phase-deroulement');
-    const totalSlides = slides.length;
-    const visibleSlides = getVisibleSlides();
-    const maxSlide = totalSlides - visibleSlides + 1;

-    // Adjust the index to ensure it stays within bounds
-    currentSlide = Math.max(0.6, Math.min(index, maxSlide));
+  $( document ).ready(function() {
+    scrollReaveal();
+  });

-    // Calculate the offset for the transform
-    const offset = currentSlide * -70 / visibleSlides;
-    document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`;
+  ////////////////////////  end script smooth apparition des textes /////////////////

-    // Enable/disable arrows based on the current slide
-    document.getElementById('arrowPrev').disabled = currentSlide === 0;
-    document.getElementById('arrowNext').disabled = currentSlide === maxSlide;
-  }
+  //////////////////// start Timeline script ///////////////////////

-  function prevSlide() {
-    showSlides(currentSlide - 1);
-  }

-  function nextSlide() {
-    showSlides(currentSlide + 1);
-  }
+  document.addEventListener('DOMContentLoaded', function() {
+    let currentSlide = 0;

-  // Attach event listeners
-  document.getElementById('arrowPrev').addEventListener('click', prevSlide);
-  document.getElementById('arrowNext').addEventListener('click', nextSlide);
-
-  // Initialize the first view of the slides
-  showSlides(currentSlide);
-
-  // Update month field to only show the first 3 letters
-  document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
-    const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
-    if (monthField) {
-      const monthText = monthField.textContent.trim();
-      if (monthText.length >= 3) {
-        monthField.textContent = monthText.slice(0, 3);
+    //// responsive ///
+    function getVisibleSlides() {
+      if (window.innerWidth <= 600) {
+        return 1; // Show 1 slide on small screens
+      } else if (window.innerWidth <= 900) {
+        return 2; // Show 2 slides on medium screens
+      } else {
+        return 3; // Show 3 slides on large screens
      }
    }
-  });

-  // Handle window resize
-  window.addEventListener('resize', function() {
-    showSlides(currentSlide); // Recalculate the slides on resize
-  });
-// });
+    function showSlides(index) {
+      const slides = document.querySelectorAll('.__paragraphs');
+      const totalSlides = slides.length;
+      const visibleSlides = getVisibleSlides();
+      const maxSlide = totalSlides - visibleSlides;
+
+      // Adjust the index to ensure it stays within bounds
+      currentSlide = Math.max(0, Math.min(index, maxSlide));
+
+      // Calculate the offset for the transform
+      const offset = currentSlide * -50 / visibleSlides;
+      const offsetmobile = currentSlide * -10 / visibleSlides;
+      if (window.innerWidth <= 600){
+      document.querySelector('.__timeline-content').style.transform = `translateX(${offsetmobile}%)`;
+      } else {
+        document.querySelector('.__timeline-content').style.transform = `translateX(${offset}%)`;
+      }
      

-  // Initialize
-  showSlides(currentSlide);
-});
+      // Enable/disable arrows based on the current slide
+      document.getElementById('arrowPrev').disabled = currentSlide === 0;
+      document.getElementById('arrowNext').disabled = currentSlide === maxSlide;
+    }

-document.addEventListener('DOMContentLoaded', function() {
-  // Iterate over each .date element
-  document.querySelectorAll('.date').forEach(function(dateElement) {
+    function prevSlide() {
+      showSlides(currentSlide - 1);
+    }
+
+    function nextSlide() {
+      showSlides(currentSlide + 1);
+    }
+
+    // Attach event listeners
+    document.getElementById('arrowPrev').addEventListener('click', prevSlide);
+    document.getElementById('arrowNext').addEventListener('click', nextSlide);
+
+    // Update month field to only show the first 3 letters
+    document.querySelectorAll('.paragraph--type--phase-deroulement').forEach(function(paragraph) {
+      const monthField = paragraph.querySelector('.field_field_date_de_moi div:nth-of-type(2)');
+      if (monthField) {
+        const monthText = monthField.textContent.trim();
+        if (monthText === "juillet") {
+          monthField.textContent = monthText.slice(0, 4);
+          monthField.classList.add('after');
+        } else if (monthText === "juin") {
+          monthField.textContent = monthText.slice(0, 4);
+        } else if (monthText.length > 3) {
+          monthField.textContent = monthText.slice(0, 3);
+          monthField.classList.add('after');
+        }
+      }
+    });
+
+// Fonction pour ajouter ou retirer la classe .only
+function updateDateClasses() {
+  document.querySelectorAll('.paragraph--type--phase-deroulement .date').forEach(function(dateElement) {
    const date2Element = dateElement.querySelector('.date2');
    const yearElement = dateElement.querySelector('.field_field_date_de_annee');

-    // Check if the .date2 element is empty
    if (date2Element && !date2Element.textContent.trim()) {
-      // Add the .only class to the year element
-      yearElement.classList.add('only');
+      if (yearElement) {
+        yearElement.classList.add('only');
+      }
+    } else {
+      if (yearElement) {
+        yearElement.classList.remove('only');
+      }
    }
  });
+}
+
+// Exécuter la fonction une première fois pour le contenu déjà présent
+updateDateClasses();
+
+// MutationObserver pour surveiller les changements dans le DOM
+const observer = new MutationObserver(function(mutationsList, observer) {
+  for(let mutation of mutationsList) {
+    if (mutation.type === 'childList') {
+      updateDateClasses();
+    }
+  }
 });

+// Configuration de l'observateur
+const config = { childList: true, subtree: true };
+
+// Démarrer l'observateur sur le document entier ou sur un conteneur spécifique
+observer.observe(document.body, config);


-//  slideshow home 
+            // Handle window resize
+    window.addEventListener('resize', function() {
+      showSlides(currentSlide); // Recalculate the slides on resize
+    });
+  // });
+
+
+    // Initialize
+    showSlides(currentSlide);
+  });
+
+
+  //////////////////////// end Timeline script /////////////////////////////////////////////
+
+  ///////////////////  caracteres  body actus/////////////////////////
+
+  document.addEventListener('DOMContentLoaded', function() {
+    // Maximum number of characters to display
+    const maxChars = 140; // Adjust this value as needed
+  
+    document.querySelectorAll('#actus-caroussel .node-type-actualite .field_body p').forEach(function(paragraph) {
+      let text = paragraph.textContent.trim();
+      if (text.length > maxChars) {
+        let truncatedText = text.slice(0, maxChars) + '...';
+        paragraph.textContent = truncatedText;
+      }
+    });
+  });
+  
+
+ ////////////  slideshow home  ////////////////////////// 

  $(document).ready(function(){
      $('.content-actus .view').slick({
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_fonts.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_fonts.scss
@@ -6,8 +6,8 @@

@font-face {
    font-family: 'gilroy-semiboldita';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-semibolditalic-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@@ -18,8 +18,8 @@

@font-face {
    font-family: 'gilroy-semibold';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@@ -30,8 +30,8 @@

@font-face {
    font-family: 'gilroy-regularita';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-regularitalic-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-regularitalic-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@@ -42,8 +42,8 @@

@font-face {
    font-family: 'gilroy-regular';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-regular-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-regular-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-regular-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@@ -51,23 +51,20 @@



-
@font-face {
    font-family: 'gilroy-bolditalic';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-bolditalic-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-bolditalic-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-bolditalic-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

 }


-
-
@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/Gilroy/gilroy-bold-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-bold-webfont.woff') format('woff');
+         url('../fonts/Gilroy/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

@@ -76,8 +73,8 @@

@font-face {
    font-family: 'gilroy-mediumital';
-    src: url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
-         url('./theme/custom/quartiers_de_demain/dist/assets/fonts/Gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
+    src: url('../fonts/Gilroy/gilroy-mediumitalic-webfont.woff2') format('woff2'),
+         url('../fonts/Gilroy/gilroy-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
@@ -36,21 +36,18 @@ $width-menu-slidedown : 550px;
    main{
        width: 100%;
        padding-top: $header-height;
-        // display: grid;
-        // grid-template-columns: repeat(12, 1fr);
+
        @media(max-width: 810px){
            padding-top: 180px;
        }
+        &#home{
+            padding-top: 0;
+                
+            
+            @media(max-width: 810px){
+                padding-top: 320px;
+            }
+        }
    }
-    // .content_container{
-    //     display: grid;
-    //     grid-template-columns: repeat(12, 1fr);
-    // }
-}
-
-.layout-content{
-    // grid-column: 1 / span 12;
-    // padding-top: $header-height;   
-   
 }

--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_typography.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/global/variables/_typography.scss
@@ -8,7 +8,7 @@ $font-extra: 2.3rem;
 $font-large: 1.6rem;
 $font-big: 1.2rem;
 $font-medium: .8rem;
-$font-normal: .6rem;
+$font-normal: .8rem;
 $font-small: .45rem;


@@ -19,3 +19,10 @@ p{
 h3{
    font-size: $font-big;
 }
+
+h1{
+    font-family: 'gilroy-bold';
+}
+h2{
+    font-family: 'gilroy-semibold';
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss
@@ -1,44 +1,73 @@
-body.node-type-actualite{
-    .content_container{
-        width: 60%;
-        display: flex;
-        flex-direction: column;
-        margin: auto;
-        align-items: center;
-        .infos-actu{
+#page-node{
+        .content_container{
+            width: 60%;
            display: flex;
-            flex-direction: row;
-            border-top: solid red 1px;
-            border-bottom: solid red 1px;
-            padding: 1rem 0rem;
-            margin-bottom: 1rem;
-            .field_field_type_d_actualite a{
-                text-transform: uppercase;
-                color: red;
-                font-size: 0.6rem;
-                font-weight: 600;
-                display: inline-flex;
-                align-items: center;
-                &::before{
-                    content: url('../img/type-actu.svg');
-                    padding-right: 0.4rem;
+            flex-direction: column;
+            margin: auto;
+            align-items: center;
+            #block-quartiers-de-demain-prevnextblock{
+                padding-top: 1rem;
+                .prev-actu{
+                    padding-right: 0.5rem;
+                    &::before{
+                        content: url('../img/prev.svg');
+                    }
+                    span{
+                        display: none;
+                    }
+                }
+                .next-actu{
+                    span{
+                        display: none;
+                    }
+                    &::before{
+                        content: url('../img/next.svg');
+                    }
                }
            }
-            .field_field_date{
-                color: red;
-                display: inline-flex;
-                align-items: center;
-                margin-left: 1rem;
-                &::before{
-                    content: url('../img/date-actu.svg');
-                    padding-right: 0.4rem;
+            .node-type-actualite{
+                width: 100%;
+                padding-bottom: 7rem;
+                .infos-actu{
+                    display: flex;
+                    flex-direction: row;
+                    border-top: solid red 1px;
+                    border-bottom: solid red 1px;
+                    padding: 1rem 0rem;
+                    margin-bottom: 1rem;
+                    .field_field_type_d_actualite a{
+                        text-transform: uppercase;
+                        color: red;
+                        font-size: 0.6rem;
+                        font-weight: 600;
+                        display: inline-flex;
+                        align-items: center;
+                        &::before{
+                            content: url('../img/type-actu.svg');
+                            padding-right: 0.4rem;
+                        }
+                    }
+                    .field_field_date{
+                        color: red;
+                        display: inline-flex;
+                        align-items: center;
+                        margin-left: 1rem;
+                        &::before{
+                            content: url('../img/date-actu.svg');
+                            padding-right: 0.4rem;
+                        }
+                    }
+        
+                }
+                .field_body {
+                    padding-bottom: 2rem;
+                    p{
+                    font-size: 0.8rem;
+                    }
                }
            }

-        }
-        .field_body p{
-            font-size: 0.8rem;
-        }
        
+        }
    }
-}
+// }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/consultation.scss
@@ -8,18 +8,19 @@
            display: flex;
            flex-direction: column;
            align-items: center;
+
            #block-quartiers-de-demain-titredepage{
                margin-top: 1rem;
                width: fit-content;
+                @media(max-width: 810px){
+                    margin-top: 10rem;
+                }
                h1{
                    text-transform: none;
                    color: black;
                    font-size: 2rem;
-                    font-weight: 500;
                }
                
-
-                
            }
            .node-type-static{
                &::before{
@@ -29,7 +30,9 @@
                    width: 80% ;
                    margin: auto;
                }
-                
+                .field_field_title{
+                    font-family: 'gilroy-semibold';
+                }
                width: 80%;
                .paragraph--type--static-parts:not(#paragraph-id--7){
                    #svg1{
@@ -44,7 +47,6 @@
                        padding: 1rem;
                        color: $blue_QDD;
                        font-size: 2.5rem;
-                        font-weight: 500;
                        @media(max-width: 500px){
                            font-size: 2.2rem;
                            padding: 0rem;
@@ -63,16 +65,16 @@
                            padding: 0.5rem;
                            margin-top: 0;
                            @media(max-width: 500px){
-                                flex: 1 25%;
+                                flex: 0 40%;
                            }
                            &::before{
                                content:"";
                                display: block;
                                border-left: solid 1px $blue_QDD;
-                                height: 30%;
+                                height: 30px;
                                margin-bottom: 0.5rem;
                                @media(max-width: 500px){
-                                    height: 15%;
+                                    height: 30px;
                                }
                            }
                        }
@@ -82,6 +84,7 @@
                            // flex: 1 80%;
                            width: 55%;
                            padding-top: 2rem;
+                            margin-top: 2rem;
                            margin: auto;
                            @media(max-width: 500px){
                                width: 80%;
@@ -91,7 +94,7 @@
                    }                 
                }  
                #paragraph-id--11{
-                    width: 65%;
+                    width: 70%;
                    background-color: white;
                    margin: auto;
                    display: flex;
@@ -105,7 +108,6 @@
                    .field_field_title{
                        color: $blue_QDD;
                        font-size: 1.2rem;
-                        font-weight: 500;
                        @media(max-width: 500px){
                            width: 80%;
                        }
@@ -115,18 +117,18 @@
                        grid-template-columns: auto auto;
                        grid-template-rows: auto auto;
                        padding: 1rem;
-                        @media(max-width: 500px){
-                            padding-left: 0;
-                            padding-right: 0;
-                        }
+
                        p{
-                            flex: 1 15%;
                            padding: 0rem;
                            margin: 0;
                            
                            &:nth-of-type(1){
                                grid-column: 1;
                                grid-row: 2;
+                                padding-right: 5rem;
+                                @media(max-width: 500px){
+                                    padding-right: 1rem;
+                                }
                            }
                            &:nth-of-type(2){
                                grid-column: 2;
@@ -135,8 +137,8 @@
                        }
                        h5{
                            
-                            font-size: 3rem;
-                            font-weight: 500;
+                            font-size: 3.5rem;
+                            font-family: 'gilroy-semibold';
                            color: $blue_QDD;
                            margin: 0;
                            height: fit-content;
@@ -167,14 +169,18 @@
                        color: $blue_QDD;
                        font-size: 1.2rem;
                        font-weight: 500;
-                        padding-bottom: 1.5rem;
+                        padding-bottom: 1rem;
                        @media(max-width: 500px){
                            padding-bottom: 0.8rem;
                        }

                    }
                }
-
+                #paragraph-id--12{
+                    .field_field_texte{
+                        width: 80%;
+                    }
+                }
                #paragraph-id--12::after{
                        content:"";
                        display: block;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
@@ -1,23 +1,48 @@
 #home{
+
+   
+    .config_pages--type--diaporama-home{
+        position: relative;
+        .field_field_images{
+            img{
+                width: 100%;
+                height: auto;
+            }
+        }
+    }
    .content_container{
        #block-quartiers-de-demain-titredepage{
            display: none;
        }
    }
    .paragraph--type--static-parts{
-        padding-top: 2rem;
+        padding-top: 4rem;
        padding-bottom: 2rem;
    }
    article.node-type-static{
+        padding-top: 6rem;
+        @media(max-width: 810px){
+            padding-top: 2rem;
+        }
+
+        .field_title{
+            display: none;
+        }
        .field_body{  ///// texte de présentation
            width: 80%;
            margin: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap ;
+            position: relative;
+            @media(max-width: 1090px){
+                flex-direction: column;
+                width: 90%;
+            }
            > p:nth-child(1){
                margin-bottom: 0;
                flex: 1 100%;
+                z-index: 6;
                font-size: 1.5rem;
                @media(max-width: 1090px){
                    font-size: 1.3rem;
@@ -38,21 +63,33 @@
                    padding-left: 0 ;
                }
            }
+            > p:nth-child(3){
+                @media(max-width: 1090px){
+                    padding-top: 0 ;
+                    margin-top: 0;
+                }
+            }
        }
        .field_field_title{
            width: fit-content;
            margin: auto;
            font-size: 2rem;
-            font-weight: 800;
+            font-family: 'gilroy-bold';
            padding-bottom: 1rem;
        }
-        #paragraph-id--1{  ///// Les enjeux
+        #paragraph-id--1{  ///// Les enjeux 1
            background-color: #edefe8;
+            position: relative;
+            &.paragraph--type--static-parts{padding-bottom: 0 !important;}
+
+            .field_field_title{
+                font-family: 'gilroy-bold';
+            }
            .field_field_picto{
                display: none;
            }
            .field_field_texte{
-                width: 50%;
+                width: 65%;
                margin: auto;
                @media(max-width: 1090px){
                    width: 80%;
@@ -62,22 +99,20 @@
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: flex-start;
+                    padding-left: 6rem;
+                    @media(max-width: 1090px){
+                        padding-left: 1.5rem;
+                    }
                   
                    h3{
-                        flex: 1 100%;
+                        flex: 0 80%;
                        color: #0833c2ff;
-                        // width: 80%;
-                        // padding-right: 3rem;
                        display: flex;
                        flex-direction: column;
-                        &:nth-of-type(2){
-                            
-                            padding-top: 3rem;
-                            border-top: solid 1px #0833c2ff;
-                        }
+                        font-size: 1rem;
                    }
                    p{
-                        padding-right: 2rem;
+                        padding-right: 1rem;
                        padding-bottom: 1rem;
                        flex: 1 30%;
                        max-width: 30%;
@@ -91,45 +126,45 @@
                        }
                        &:nth-of-type(1)::before{
                            background-image: url("../img/fanion.svg");
-                            background-size: 60px 80px;
+                            background-size: 90px 100px;
                            background-repeat: no-repeat;
                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
+                            width: 100px;
+                            height: 100px;
                            content: "";
                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
+                            @media(max-width: 810px){
+                                // width: 50px;
                                height: 50px;
                                background-size: 50px 50px;
                            }
                        }
                        &:nth-of-type(2)::before{
                            background-image: url("../img/pouce.svg");
-                            background-size: 60px 80px;
+                            background-size: 90px 100px;
                            background-repeat: no-repeat;
                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
+                            width: 100px;
+                            height: 100px;
                            content: "";
                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
+                            @media(max-width: 810px){
+                                // width: 50px;
                                height: 50px;
                                background-size: 50px 50px;
                            }
                        }
                        &:nth-of-type(3)::before{
                            background-image: url("../img/planete.svg");
-                            background-size: 60px 80px;
+                            background-size: 90px 100px;
                            background-repeat: no-repeat;
                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
+                            width: 100px;
+                            height: 100px;
                            content: "";
                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
+                            @media(max-width: 810px){
+                                // width: 50px;
                                height: 50px;
                                background-size: 50px 50px;
                            }
@@ -137,107 +172,141 @@
                        }
                        &:nth-of-type(4)::before{
                            background-image: url("../img/puzzle.svg");
-                            background-size: 60px 80px;
+                            background-size: 90px 100px;
                            background-repeat: no-repeat;
                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
+                            width: 100px;
+                            height: 100px;
                            content: "";
                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
+                            @media(max-width: 810px){
+                                // width: 50px;
                                height: 50px;
                                background-size: 50px 50px;
                            }
                        }
                        &:nth-of-type(5)::before{
                            background-image: url("../img/cube.svg");
-                            background-size: 70px 80px;
+                            background-size: 100px 100px;
                            background-repeat: no-repeat;
                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
+                            width: 100px;
+                            height: 100px;
                            content: "";
                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
+                            @media(max-width: 810px){
+                                // width: 50px;
                                height: 50px;
                                background-size: 50px 50px;
                            }
                        }
-                        &:nth-of-type(6)::before{
-                            background-image: url("../img/ampoule.svg");
-                            background-size: 60px 80px;
-                            background-repeat: no-repeat;
-                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
-                            content: "";
-                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
-                                height: 50px;
-                                background-size: 50px 50px;
-                            }
+
+                    }
+                    .enjeux{
+                        display: flex;
+                        flex-direction: row;
+                        flex-wrap: wrap;
+                        justify-content: flex-start;
+                        h3{
+                            flex: 0 80%;
+                            color: #0833c2ff;
+                            display: flex;
+                            flex-direction: column;
+                            font-size: 1rem;
+                            padding-top: 3rem;
+                            border-top: solid 1px #0833c2ff;
                        }
-                        &:nth-of-type(7)::before{
-                            background-image: url("../img/bonhome.svg");
-                            background-size: 60px 80px;
-                            background-repeat: no-repeat;
-                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
-                            content: "";
-                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
-                                height: 50px;
-                                background-size: 50px 50px;
+                        
+                        p{
+                        //     padding-right: 1rem;
+                        //     padding-bottom: 1rem;
+                        //     flex: 1 30%;
+                        //     max-width: 30%;
+                        //     display: flex;
+                        //     flex-direction: column;
+                        //     @media(max-width: 1090px){
+                        //         padding-right: 1rem;
+                        //         flex: 1 30%;
+                        //         max-width: 50%;
+                        //         font-size: 0.9rem;
+                        //     }
+                            
+    
+                            /////////
+                            &:nth-of-type(1)::before{
+                                background-image: url("../img/ampoule.svg");
+                                background-size: 90px 100px;
+                                background-repeat: no-repeat;
+                                display: inline-block;
+                                width: 100px;
+                                height: 100px;
+                                content: "";
+                                padding-bottom: 1rem;
+                                @media(max-width: 810px){
+                                    width: 50px;
+                                    height: 50px;
+                                    background-size: 50px 50px;
+                                }
                            }
-                        }
-                        &:nth-of-type(8)::before{
-                            background-image: url("../img/feuilles.svg");
-                            background-size: 60px 80px;
-                            background-repeat: no-repeat;
-                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
-                            content: "";
-                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
-                                height: 50px;
-                                background-size: 50px 50px;
+                            &:nth-of-type(2)::before{
+                                background-image: url("../img/bonhome.svg");
+                                background-size: 90px 100px;
+                                background-repeat: no-repeat;
+                                display: inline-block;
+                                width: 100px;
+                                height: 100px;
+                                content: "";
+                                padding-bottom: 1rem;
+                                @media(max-width: 810px){
+                                    width: 50px;
+                                    height: 50px;
+                                    background-size: 50px 50px;
+                                }
                            }
-                        }
-                        &:nth-of-type(9)::before{
-                            background-image: url("../img/calendrier.svg");
-                            background-size: 60px 80px;
-                            background-repeat: no-repeat;
-                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
-                            content: "";
-                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
-                                height: 50px;
-                                background-size: 50px 50px;
+                            &:nth-of-type(3)::before{
+                                background-image: url("../img/feuilles.svg");
+                                background-size: 90px 100px;
+                                background-repeat: no-repeat;
+                                display: inline-block;
+                                width: 100px;
+                                height: 100px;
+                                content: "";
+                                padding-bottom: 1rem;
+                                @media(max-width: 810px){
+                                    width: 50px;
+                                    height: 50px;
+                                    background-size: 50px 50px;
+                                }
                            }
-                        }
-                        &:nth-of-type(10)::before{
-                            background-image: url("../img/crayons.svg");
-                            background-size: 48px 80px;
-                            background-repeat: no-repeat;
-                            display: inline-block;
-                            width: 80px;
-                            height: 80px;
-                            content: "";
-                            padding-bottom: 1rem;
-                            @media(max-width: 500px){
-                                width: 50px;
-                                height: 50px;
-                                background-size: 50px 50px;
+                            &:nth-of-type(4)::before{
+                                background-image: url("../img/calendrier.svg");
+                                background-size: 90px 100px;
+                                background-repeat: no-repeat;
+                                display: inline-block;
+                                width: 100px;
+                                height: 100px;
+                                content: "";
+                                padding-bottom: 1rem;
+                                @media(max-width: 810px){
+                                    width: 50px;
+                                    height: 50px;
+                                    background-size: 50px 50px;
+                                }
+                            }
+                            &:nth-of-type(5)::before{
+                                background-image: url("../img/crayons.svg");
+                                background-size: 60px 100px;
+                                background-repeat: no-repeat;
+                                display: inline-block;
+                                width: 100px;
+                                height: 100px;
+                                content: "";
+                                padding-bottom: 1rem;
+                                @media(max-width: 810px){
+                                    width: 50px;
+                                    height: 50px;
+                                    background-size: 50px 50px;
+                                }
                            }
                        }
                    }
@@ -251,32 +320,46 @@
            flex-direction: column;
            margin: auto;
            align-items: center;
-            width: 70%;
            padding-bottom: 2rem;
-            @media(max-width: 500px){
+            position: relative;
+            @media(max-width: 810px){
                width: 90%;
                text-align: center;
            }
+            .field_field_title{
+                padding-top: 3rem;
+                padding-bottom: 2rem;
+                @media(max-width: 810px){
+                 padding-top: 0;
+                }
+
+            }
            .field_field_texte{
+                width: 50%;
                margin: auto;
+                @media(max-width: 810px){
+                    width: 90%;
+                   }
                .colone-picto{
                    display: flex;
                    flex-direction: column;
                    > p:nth-of-type(1){
                        color: #0833c2ff;
-                        font-size: 1.5rem;
+                        font-size: 1rem;
                        font-weight: 800
                    }
                    > p:nth-of-type(2){
                        width: 60%;
-                        font-size: 1.2rem;
+                        font-size: 0.8rem;
                        align-self: center;
-                        @media(max-width: 500px){
+                        padding-top: 1.5rem;
+                        @media(max-width: 810px){
                            width: 80%;
+                            padding-top: 0;
                        }
                    }
                    > p:nth-of-type(3){
-                        width: 80%;
+                        width: 90%;
                        align-self: center;
                        margin-top: 0 ;
                        img{
@@ -287,6 +370,7 @@
                }
            }
        }
+
        #paragraph-id--7{ ///////// les piliers
            background-color: #0833c2ff;
            display: flex;
@@ -296,25 +380,37 @@
            padding-bottom: 2rem;
            color: white;
            .field_field_title{
-                width: 50%;
+                width: 48%;
                text-transform: lowercase;
                padding-top: 3rem;
                text-align: center;
+                font-size: 1.8rem;
                @media(max-width: 550px){
                    width: 90%;
+                    padding-top: 2rem;
                }
            }
            .field_field_texte{
                width: 80%;
+                @media(max-width: 820px){
+                position: relative;
+                top: -80px;
+                }
                .colone-picto{
                    margin-top: 2rem;
+                    padding-left: 4rem;
                    display: grid;
                    grid-template-columns: repeat(6 auto);
-                    grid-template-rows: repeat(3 1fr);
-                    @media(max-width: 700px){
+                    grid-template-rows: repeat(3 auto);
+                    @media(max-width: 820px){
                        grid-template-rows: repeat(10 auto);
                        grid-template-columns: repeat(2 1fr);
+                        padding-left: 0;
                    }
+                    @media(max-width: 1090px){
+                        padding-left: 0;
+                    }
+
                    
                    h5{
                        font-size: 5rem;
@@ -325,126 +421,149 @@
                    h5:nth-of-type(1){
                        grid-row: 2;
                        grid-column: 1;
+                        padding-left: 1rem;
                        
                    }
                    h5:nth-of-type(2){
                        grid-row: 2;
                        grid-column: 3;
-                        @media(max-width: 700px){
+                        position: relative;
+                        top: -50px;
+                        @media(max-width: 820px){
                            grid-row: 4;
                            grid-column: 2;
                            margin: auto;
+                            top: -50px;
+                            position: relative;
                        }
                    }
                    h5:nth-of-type(3){
                        grid-row: 1;
                        grid-column: 5;
-                        @media(max-width: 700px){
+                        @media(max-width: 820px){
                            grid-row: 8;
                            grid-column: 1;
+                            padding-left: 1rem;
                        }
                    }
                    p{
-                        font-size: 1rem;
+                        font-size: 0.8rem;
                        font-weight: 400;
                        margin: 0;
                        &:not(:last-of-type){
                            padding-right: 2rem;
                        }
+                        @media(max-width: 820px){
+                        font-size: 1.2rem;
+                        }
                    }
                    svg:nth-of-type(1){
                        grid-row: 1 /span 2;
                        grid-column: 1 /span 2;
-                        @media(max-width: 700px){
-                           width: 315px;
+                        padding: 1rem;
+                        @media(max-width: 820px){
+                           width: 230px;
+                           top: 50px;
+                            position: relative;
                        }
+                        @media(max-width: 1090px){
+                            width: 270px;
+                        }
+                        
                    }
                    svg:nth-of-type(2){
                        grid-row: 3;
                        grid-column: inherit;
-                        @media(max-width: 700px){
+                        padding: 1rem;
+                        padding-left: 0;
+                        position: relative;
+                        top: -70px;
+                        @media(max-width: 820px){
                            grid-row: 4;
                            grid-column: 1 /span 2 ;
-                            width: 315px;
+                            width: 230px;
+                            padding-left: 1rem;
+                            top: -10px;
+                            
+                        }
+                        @media(max-width: 1090px){
+                            width: 270px;
                        }
                    }
                    svg:nth-of-type(3){
                        grid-row: 1 /span 2;
                        grid-column: 5 /span 6;
-                        @media(max-width: 700px){
+                        padding: 1rem;
+                        padding-left: 0;
+                        position: relative;
+                        left: -0.5rem;
+                        @media(max-width: 820px){
                            grid-row: 8 ;
                            grid-column: 1 /span 2;
-                            width: 315px;
+                            width: 230px;
+                            top: -50px;
+                            left: 0rem;
+                            padding-left: 1rem;
+                            position: relative;
                        }
+                        @media(max-width: 1090px){
+                            width: 270px;
+                        }
+            
                    }
                    p:nth-of-type(1){
                        grid-row: 3;
                        grid-column: 1 /span 2;
+                        padding-left: 1rem;
+                        @media(max-width: 820px){
+                            padding: 1rem;
+                        }
                    }
                    p:nth-of-type(2){
+                        display: block;
                        grid-row: 1;
-                        @media(max-width: 700px){
+                        height: fit-content;
+                        padding-top: 0%;
+                        @media(max-width: 820px){
                            grid-row: 7;
                            grid-column:  1 /span 2;
+                            padding: 1rem;
+                            top: -60px;
+                            position: relative;
                        }
                    }
                    p:nth-of-type(3){
                        grid-row: 3;
-                        grid-column: 5;
-                        @media(max-width: 700px){
+                        grid-column: 5 /span 6;
+                        max-width: 406px;
+                        @media(max-width: 820px){
                            grid-row: 9;
                            grid-column:  1 /span 2;
+                            padding-left: 1rem;
+                            top: -80px;
+                            position: relative;
                        }
+                        @media(max-width: 1090px){
+                        }
+
                    }
                }
            }
        }
-    }

+
+
+    
+    }
    .paragraph--type--static-parts:not(#paragraph-id--7){
        #svg1{
            display: none;
        }
    }

-    // .config_pages--type--deroulement{
-    //     .field_field_phase{
-    //         .__timeline{
-    //             display: flex;
-    //             flex-direction: row;
-    //             .paragraph--type--phase-deroulement{
-    //                 width: 30%;
-    //                 display: grid;
-    //                 grid-template-columns: auto auto;
-    //                 grid-template-rows: auto auto auto;
-    //                 .field_field_date_de_jour{
-    //                     grid-row: 1 /span 3;
-    //                     grid-column: 1;
-    //                 }
-    //                 .field_field_date_de_moi{
-    //                     grid-row: 2 /span 3;
-    //                     grid-column: 1;
-
-    //                 }
-    //                 .field_field_date_de_annee{
-    //                     grid-row: 3;
-    //                     grid-column: 1;
-    //                 }
-    //                 .field_field_titre{
-    //                     grid-column: 2;
-    //                     grid-row: 1;
-    //                 }
-    //                 .field_field_description{
-    //                     grid-row: 2 /span 3;
-    //                     grid-column: 2;
-    //                 }
-    //             }
-    //             #paragraph-id--16{
-
-    //             }
-    //         }
-            
-    //     }
-    // }
-
 }
+
+
+
+
+
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/partenaires.scss
@@ -8,8 +8,8 @@
            #block-quartiers-de-demain-titredepage{
                margin-top: 1rem;
                width: fit-content;
-                @media(max-width: 500px){
-                    margin-top: 1rem;
+                @media(max-width: 810px){
+                    margin-top: 10rem;
                    grid-column: 2 /span 9;
                } 

@@ -94,9 +94,10 @@
                                display: none;
                            }
                            &::after{
-                                display: inline-block;
+                                display: inline-flex;
                                content: url("../img/noun-arrow-to-right.svg");
-                                padding-right: 0.5rem;
+                                padding-right: 0.2rem;
+                                padding-left: 0.2rem;
                                
                            }
                        }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
@@ -11,8 +11,8 @@
            #block-quartiers-de-demain-titredepage{
                margin-top: 1rem;
                width: fit-content;
-                @media(max-width: 500px){
-                    margin-top: 1rem;
+                @media(max-width: 810px){
+                    margin-top: 10rem;
                    grid-column: 2 /span 9;
                } 
    
@@ -32,7 +32,7 @@
                        width: 80% ;
                        margin: auto;
                    }
-                    width: 80%;
+                    width: 100%;
                    grid-column: 3 /span 9;
                    grid-row: 2;
                    @media(max-width: 500px){
@@ -42,19 +42,28 @@
                    div.field_body{
                        width: 80%;
                        padding-top: 2rem;
-                        padding-bottom: 2rem;
+                        padding-bottom: 4rem;
                        margin: auto;
                        justify-content: center;
                        display: flex;
+                        flex-direction: column;
                        text-align: center;

                        h2{
-                            font-size: $font-medium;
-                            font-weight: 600;
+                            
                            margin-bottom: 0;
                        }
                        p{
-                            margin-top: 0;
+                            margin: 0;
+                        }
+                        h4{
+                            font-size: 1rem;
+                            width: 70%;
+                            margin: auto;
+                        }
+                        h5{
+                            font-size: 0.9rem;
+                            margin-bottom: 0.2rem;
                        }
                    }
                }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
@@ -2,29 +2,14 @@
    display: flex;
    flex-direction: column;
    align-items: center;
-    // .__timeline-arrows{
-    //     width: fit-content;
-    //     margin: auto;
-
-    //     button{
-    //         background-color: transparent;
-    //         border: none; 
-    //         &:hover{
-    //             opacity: 0.5;
-    //         } 
-    //         svg{
-    //             padding: 0.5rem;
-
-    //         }
-    //     }
-    // }
+    padding-bottom: 6rem;
    h2{
        width: fit-content;
-        padding-bottom: 1rem;
-        margin-top: 3rem;
+        padding-bottom: 1.5rem;
+        margin-top: 4rem;
        margin-bottom: 3rem;
        font-size: 1.7rem;
-        font-weight: bold;
+        font-family: 'gilroy-semibold';
    }
    .content-actus{
        .view{
@@ -32,16 +17,20 @@
            flex-direction: row;
            flex-wrap: nowrap;
            width: 100vw;
-            
        }
        .views-row{
            width: 500px !important;
+            padding: 1rem;
+            
            @media(max-width: 550px){
                width: 296px !important;
+                padding-top: 3rem;
            }
-            padding: 1rem;
-            .node-type-actualite{
+            article.node-type-actualite{
+                display: flex;
+                flex-direction: column;
                .field_field_images{
+                    background-color: black;
                    -moz-border-radius: 9px; /* pour Mozilla */
                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
@@ -51,10 +40,33 @@
                    @media(max-width: 550px){
                        height: 170px;
                    }
+                    div{
+                        height: 100%;
+                        div{
+                            height: 100%;
+
+                            a{
+                                display: block;
+                                height: 100%;
+                                img{
+                                    width: 100%;
+                                    height: 100%;
+                                    object-fit: cover;
+                                    -moz-border-radius: 9px; /* pour Mozilla */
+                                    -khtml-border-radius: 9px; /* pour Safari et Chrome */
+                                    -webkit-border-radius: 9px; /* pour Safari sur Mac */
+                                    border-radius: 9px; /* CSS3 */
+                                    @media(max-width: 550px){
+                                        max-height: 170px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    
                    img{
                        width: 100%;
-                        height: fit-content;
-                        max-height: 250px;
+                        height: 100%;
                        object-fit: cover;
                        -moz-border-radius: 9px; /* pour Mozilla */
                        -khtml-border-radius: 9px; /* pour Safari et Chrome */
@@ -65,30 +77,40 @@
                        }
                    }
                }
+
                .field_field_type_d_actualite{
                    text-transform: uppercase;
                    color: red;
-                    font-size: 0.6rem;
-                    font-weight: 600;
+                    font-size: 0.5rem;
+                    font-family: 'gilroy-bold';
                    display: inline-flex;
                    align-items: center;
                    &::before{
                        content: url('../img/type-actu.svg');
-                        padding-right: 0.4rem;
+                        padding-right: 0.3rem;
+                        padding-bottom: 0.2rem;
                    }
                }
                .field_field_date{
                    color: red;
                    display: inline-flex;
                    align-items: center;
+                    font-size: 0.5rem;
+                    font-family: 'gilroy-bold';
+
                    &::before{
                        content: url('../img/date-actu.svg');
-                        padding-right: 0.4rem;
+                        padding-right: 0.3rem;
                    }
                }
+            
+
                .field_title{
+                    padding-top: 0.2rem;
                    h2{
                        margin: 0;
+                        line-height: 0.4;
+                        padding-bottom: 0.6rem;
                        a{
                            font-size: 0.8rem;
                            color: $blue_QDD;
@@ -96,8 +118,12 @@
                    } 
                }
                .field_body{
+                    // visibility: visible;
+                    opacity: 1 !important;
+                    transform: none !important;
                    p{
                        margin: 0;
+                        font-size: 0.7rem ;
                    }
                }
            }
@@ -105,8 +131,12 @@
        }
        .views-row:nth-child(odd){
            position: relative;
-            top: 40px;
+            top: 60px;
+            @media(max-width: 550px){
+                top: 0;
+            }
        } 

+
    }
 }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-logo-header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-logo-header.scss
@@ -0,0 +1,81 @@
+header{
+    #block-quartiers-de-demain-logoquartiersdedemain{
+        .field_field_logo{
+            .qdd-header{
+                opacity: 0;
+                &.animated{
+                    opacity: 1;
+                    transform: scale(2);   
+                    @media(max-width:820px) {
+                        transform: scale(1);
+                    }
+                    .blink-blue {
+                        opacity: 0;
+                        // animation: blink 3s 3;
+                        animation-delay: 0.2s;
+                        animation-name: blink;
+                        animation-duration: 10s;
+                    }
+    
+                    .blink-red {
+                        opacity: 0;
+                        animation-delay: 0.8s;
+                        animation-name: blink;
+                        animation-duration: 10s;
+                    }
+    
+                    .blink-black {
+                        opacity: 0;
+                        animation-delay: 1.5s;
+                        animation-name: blink;
+                        animation-duration: 10s;        
+                    }
+    
+                    .blink-black2 {
+                        opacity: 0;
+                        animation-delay: 2s;
+                        animation-name: blink;
+                        animation-duration: 10s;
+                    }
+                    @keyframes blink {
+                        0%, 100% {
+                            opacity: 0;
+                        }
+                        50% {
+                            opacity: 1;
+                        }
+                    }
+
+                    .consultation{
+                        display: none;
+                        animation-name: slideIn;
+                        animation-delay: 1s;
+                        animation-duration: 3s;
+                    } 
+
+                    @keyframes slideIn {
+                        0%{
+                            transform: translateX(0px) ;
+                        }
+                        100%{
+                            transform: translateX(600px) ;
+                        }
+                    } 
+
+                    // @keyframes scale {
+                    //     0%{
+                    //         transform: scale(2);
+                    //     }
+                    //     90%{transform: scale(2);}
+                    //     100% {
+                    //         transform: scale(1);
+                    //     }
+                    // }
+    
+                           
+                }
+            }
+
+        }
+    }
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/animation-pilliers.scss
@@ -0,0 +1,98 @@
+      
+    
+#home{  
+    /////////////////animation pilliers //////////////
+    #paragraph-id--7 .colone-picto h5, 
+    #paragraph-id--7 .colone-picto p, 
+    #paragraph-id--7 .colone-picto svg #pillier-1-path365, 
+    #paragraph-id--7 .colone-picto svg #pillier-2-path367, 
+    #paragraph-id--7 .colone-picto svg #pillier-3-path369{
+        opacity: 0;
+    }
+
+    .visible{
+        h5:nth-of-type(1) {
+            animation: Appear 1s 0s forwards;
+        }
+        svg #pillier-1-path365 {
+            stroke-dasharray: 1000; /* Longueur totale du chemin */
+            stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+            animation: Appear 1s 0.2s forwards, fillAnimation 2s 0.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+        }
+        p:nth-of-type(1) {
+            animation: Appear 1s 1s forwards;
+        }
+
+
+        h5:nth-of-type(2) {
+            animation: Appear 1s 2s forwards;
+            
+        }
+        svg #pillier-2-path367 {
+            stroke-dasharray: 1000; /* Longueur totale du chemin */
+            stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+            animation: Appear 1s 2.2s forwards, fillAnimation 2s 2.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+        }
+        p:nth-of-type(2) {
+            animation: Appear 1s 3s forwards;
+        }
+        
+        h5:nth-of-type(3) {
+            animation: Appear 1s 4s forwards;
+        }
+        svg #pillier-3-path369 {
+            stroke-dasharray: 1000; /* Longueur totale du chemin */
+            stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+            animation: Appear 1s 4.2s forwards, fillAnimation 2s 4.2s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+        }
+        p:nth-of-type(3) {
+            animation: Appear 1s 5s forwards;
+        }
+
+        @keyframes Appear {
+            0%{
+                opacity: 0;
+            }
+            100% {
+                opacity: 1;
+            }
+        }
+        @keyframes fillAnimation {
+            from {
+                stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
+            }
+            to {
+                stroke-dashoffset: 0; /* Aucun décalage, le chemin est complètement visible */
+            }
+        }
+    }
+    // #paragraph-id--7 .colone-picto svg #pillier-1-path365{
+    //     stroke-dasharray: 1000; /* Longueur totale du chemin */
+    //     stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+    //     animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+    //     animation-delay: 5s;
+        // animation-direction: alternate; /* Animation en aller-retour */
+
+
+    // }
+    // #paragraph-id--7 .colone-picto svg #pillier-2-path367{
+    //     stroke-dasharray: 0; /* Longueur totale du chemin */
+    //     stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+    //     animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+    //     animation-delay: 5s;
+    //     // animation-direction: alternate; /* Animation en aller-retour */
+
+    // }
+    // #paragraph-id--7 .colone-picto svg #pillier-3-path369{
+    //     stroke-dasharray: 1000; /* Longueur totale du chemin */
+    //     stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
+    //     animation: fillAnimation 5s ease-in-out forwards; /* Animation de remplissage sur 2 secondes */
+    //     animation-delay: 5s;
+    //     // animation-direction: alternate; /* Animation en aller-retour */
+
+    // }
+
+
+    
+
+}
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
@@ -1,42 +1,18 @@
 footer{
    z-index: 100;
-    
-    // span.totop {
-    //     display: inline-flex;
-    //     width: 100vw;
-    //     #toTop{
-    //         margin: auto;
-    //         background-color: #fff;
-    //         border-top-left-radius: 10%;
-    //         border-top-right-radius: 10%;
-    //         padding-bottom: 0.5rem;
-    //         .arrow-up{
-    //             font-size: 1.7rem;
-    //             line-height: 2.5rem;
-    //             text-align: center;
-    //             width: 4rem;
-    //             height: 2rem;
-    //             display: inline-block;
-    //             text-align: top;
-
-    //             &::before{
-    //                 content:url("/themes/custom/quartiers_de_demain/src/assets/img/up-arrow.svg") ;
-                    
-    //                 // width: 20%;
-    //             }
-    //         }
-
-    //     }
-    // }
 }
 .footer{
-    
-    display: grid;
-    grid-template-columns: repeat(12, 1fr);
-    grid-template-rows: repeat(1, 1fr);
+    display: flex;    
+    flex-direction: row;
+    // display: grid;
+    // grid-template-columns: repeat(12, 1fr);
+    // grid-template-rows: repeat(1, 1fr);
    background-color: #edefe8;
    padding-top: 1rem;
    padding-bottom: 1rem;
+    @media(max-width: 700px){
+        flex-direction: column-reverse;
+    }
    section{width: fit-content;}
    h2, ul{margin: 0;}
    // border-top: 1px solid #808080;
@@ -50,15 +26,19 @@ footer{
    }     

    #footer-left{
-        grid-column: 1 /span 5;
-        grid-row: 1;
+        // grid-column: 1 /span 5;
+        // grid-row: 1;
        @media (max-width: 500px){
-            max-width: 25%;
+            // flex: 1 100%;
+            width: 100%;
        }
        .footer_left_container{
-            padding-left: 5%;
+           
+            padding: 1rem;
+            padding-left: 3rem;
+            .logo-qdd{display: none;}
            @media(max-width: 700px){
-                max-width: 50vw;
+                // max-width: 50vw;
            }
            @media (max-width: 500px){
                padding-left: 15%;
@@ -67,64 +47,63 @@ footer{
            flex-direction: row;

            #block-quartiers-de-demain-logoepau{
-                height: $header-height;
+                height: fit-content;
+                margin: auto;
+                padding-left: 2rem;
                @media(max-width: 700px){
-                    height: $header-height-pad;
+                    padding-left: 0;
+                }
+
+                img{
+                    width: auto;
+                    height: 40px;
+                    // padding-left: 1rem;
+                    padding-bottom: 0.2rem;
+                    @media(max-width: 700px){
+                        height: 30px;
+                        padding-left: 0;
+                        padding-bottom: 0;
+                    }
                }
-                // > div {
-                //     width: 100%;
-                //     height: 100%;
-                //     > a {
-                //         display: flex;
-                //         align-items: center;
-                //         justify-content: center;
-                //         width: 100%;
-                //         height: 100%;
-                //         > img {
-                //             padding: 0 2rem;
-                //             width: 100%;
-                //             height: auto;
-                //             @media(max-width: 700px){
-                //                 padding: 0;
-                //             }
-                //         }
-                //     }
-                // }
            }
            img{
                width: auto;
-                height: 150px;
+                height: 90px;
                @media(max-width: 700px){
-                    height: $header-height-pad;
-                }
-                @media(max-width: 660px){
-                    height: $header-height-small;
-                }
-                @media(max-width: 450px){
-                    height: $header-height-ultrasmall;
+                    height: 60px;
                }
            }
        }
 
+    }
+    .first-row{
+        // grid-column: 6 /span 12;
+        flex: 1 60%;
+        justify-content: space-evenly;
+        display: flex;
+        flex-direction: row;
+        
+
+        
    }
    #footer-middle{
-        grid-column: 6 /span 7;
-        grid-row: 1;
+        // grid-column: 6 /span 7;
+        // grid-row: 1;
        #block-quartiers-de-demain-pieddepage{
            ul li{
                padding-bottom: 0.2rem;
            }
            @media(max-width: 700px){
             ul{
-                 padding-left: 00.5rem;
+                 padding-left: 0rem;
             }
            }
        }
        font-size: 0.6rem;
    }
    #footer-right{
-        grid-column: 10 / 12;
-        grid-row: 1;
+        // grid-column: 10 / 12;
+        // grid-row: 1;
         @media (max-width: 700px){
            display: flex;
            justify-content: flex-end;
@@ -137,17 +116,42 @@ footer{
                flex-direction: column;
                font-size: $font-medium;
                font-weight: 400;
-                &::before{
-                    content: "Nous contacter";
-                    padding-bottom: 0.6rem;
-                    font-weight: 600;
-                }
+                
                padding-bottom: 0.6rem;
                font-size: 0.6rem;

            }
-            .fa-3x{
-                font-size: 1.5em;
+            // .fa-3x{
+            //     font-size: 1.5em;
+            // }
+            
+            .fa-x-twitter::before{
+                display: none;
+            }
+            .fa-x-twitter::after{
+                content: url('../img/logo_x.svg') !important;
+                display: block;
+                width: 50px;
+                
+            }
+
+            .fa-linkedin::before{
+                display: none;
+                
+            }
+            .fa-linkedin::after{
+                content: url('../img/linkedin.svg') !important;
+                display: block;
+                width: 55px;
+            }
+
+            .fa-youtube::before{
+                display: none;
+            }
+            .fa-youtube::after{
+                content: url('../img/youtube_black.svg') !important;
+                display: block;
+                width: 55px;
            }
        }
    }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
@@ -0,0 +1,34 @@
+#home{
+
+  #background-animated {
+      position: absolute;
+      top: -400px;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none; /* Permet de cliquer à travers l'élément */
+      z-index: 2; /* S'assure que l'élément soit au-dessus */
+      @media(max-width: 1400px){
+       display: none;
+      }
+    svg{
+      max-width: 100%;
+      position: relative;
+      // top: -1500px;
+    }
+  }
+  // .not-visible{
+  //   @media (max-width:1100px) {
+  //     display: none;
+  //   }
+  // }
+  
+  .layout-content {
+    position: relative;
+    z-index: 1; /* S'assure que le contenu soit au-dessus des animations */
+  }
+  
+  .layout-container.home {
+    position: relative;
+  }
+} 
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -8,10 +8,11 @@ header{
    position: fixed;
    top: 0;
    transition: none;
+   
    // 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 */
    @media(max-width: 810px){
-        height: 170px;
+        height: 100vh;
    }

    .contextual-region{
@@ -24,6 +25,7 @@ header{
        flex-direction: row;
        transition: height 2s ease-in-out, width 2s ease-in-out; /* Transition pour le changement de taille */
        background-color: $white-header;
+        img{display: none;}
        @media(max-width: 660px){
        height: inherit;
        }
@@ -126,6 +128,8 @@ header{
                margin: 0;
                @media(max-width: 810px){
                    top: calc($header-height-pad / 4 );
+                    align-items: center;
+                    margin: 1rem;
                }
                li{
                    @media(max-width: 1090px){
@@ -142,8 +146,8 @@ header{
                        @media(max-width: 500px){
                            display: flex;
                            flex-direction: column;
-                            align-items: flex-start;
-                            font-size: 0.6rem;
+                            align-items: center;
+                            font-size: 0.9rem;
                        }
                       
                    }
@@ -165,16 +169,6 @@ header{
        }
    }

-    /* Classes for scroll effect */
-
-//   &.shrink {
-//     height: var(--header-height-small);
-//   }
-
-//   .header_left_container.shrink {
-//     transform: scale(0.8);
-//   }
-
  .header_nav_container.hidden {
    transform: translateX(30%);
  }
@@ -187,35 +181,70 @@ header{
    transform: translateX(0);
  }
 }
-
+.shrink{
+    height: 260px ;
+    @media(max-width: 810px){
+        height: 170px;
+       }
+}
 /* Taille définitive du header après l'animation */
 .header--collapsed {
    height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 50%;
-    transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+    width: 45%;
+    transform-origin: bottom right; 
    transition: all 1s ease-in-out;
+    .qdd-header{
+        opacity: 1 !important;
+    }
+    @media(max-width: 810px){
+     width: 100%;
+     height: 170px;
+    }
    .header_left_container{
        flex: 0 0 60%;
-        transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+        transform-origin: bottom right; 
+        @media(max-width: 810px){
+            flex: 1 0 100%;
+        }
    }
    .header_nav_container{
        flex: 0 0 30%;
-        transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+        transform-origin: bottom right; 
+        @media(max-width: 810px){
+            flex: 1 0 100%;
+            position: relative;
+            left: -100%;
+        }
    }
    
 }
 .header--collapsed-already{
    height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
-    width: 50%;
-    transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+    width: 45%;
+    transform-origin: bottom right; 
    transition: all 0s ease-in-out;
+    .qdd-header{
+        opacity: 1 !important;
+    }
+    @media(max-width: 810px){
+        width: 100%;
+        height: 170px;
+       }
    .header_left_container{
        flex: 0 0 60%;
-        transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+        transform-origin: bottom right; 
+        @media(max-width: 810px){
+            flex: 1 0 100%;
+        }
    }
    .header_nav_container{
        flex: 0 0 30%;
-        transform-origin: bottom right; /* Origine de la transformation à l'angle bas droit */
+        transform-origin: bottom right; 
+        @media(max-width: 810px){
+            flex: 1 0 100%;
+            position: relative;
+            left: -100%;
+        }
    }

 }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
@@ -16,8 +16,8 @@ $slick-dot-color-active: $slick-dot-color !default;
 // $slick-prev-character: "\2190" !default;
 // $slick-next-character: "\2192" !default;

-$slick-prev-character: url('../img/prev.svg ') !default;
-$slick-next-character: url('../img/next.svg ') !default;
+$slick-prev-character: url('../img/prev.svg') !default;
+$slick-next-character: url('../img/next.svg') !default;

 $slick-dot-character: "\2022" !default;
 $slick-dot-size: 6px !default;
@@ -68,7 +68,7 @@ $slick-opacity-not-active: 0.25 !default;
 .slick-next {
    position: absolute;
    display: block;
-    z-index: 99;
+    z-index: 98;
    height: 20px;
    width: 20px;
    line-height: 0px;
@@ -76,7 +76,7 @@ $slick-opacity-not-active: 0.25 !default;
    cursor: pointer;
    background: transparent;
    color: transparent;
-    top: -1rem;
+    top: -2rem;
    -webkit-transform: translate(0, -1rem);
    -ms-transform: translate(0, -1rem);
    transform: translate(0, -1rem);
@@ -115,7 +115,8 @@ $slick-opacity-not-active: 0.25 !default;
 .slick-prev {
    left: 46%;
    @media(max-width:810px){
-        left: 36%;
+        left: 35%;
+        
    }
    [dir="rtl"] & {
        left: auto;
@@ -123,8 +124,18 @@ $slick-opacity-not-active: 0.25 !default;
    }
    &:before {
        content: $slick-prev-character;
+        display: block;
+        @media(max-width:810px){
+            transform: scale(0.8);
+        }
        [dir="rtl"] & {
            content: $slick-next-character;
+            display: block;
+            @media(max-width:810px){
+                left: 35%;
+                transform: scale(0.8);
+            }
+
        }
    }
 }
@@ -140,8 +151,20 @@ $slick-opacity-not-active: 0.25 !default;
    }
    &:before {
        content: $slick-next-character;
+        display: block;
+        @media(max-width:810px){
+            transform: scale(0.8);
+        }
+
        [dir="rtl"] & {
            content: $slick-prev-character;
+            display: block;
+            @media(max-width:810px){
+                right: 42%;
+                transform: scale(0.8);
+            }
+            
+
        }
    }
 }
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick.scss
@@ -20,6 +20,7 @@
    display: block;
    margin: 0;
    padding: 0;
+    padding-top: 1rem !important;

    &:focus {
        outline: none;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
@@ -4,34 +4,47 @@
 #home{
   
    * { box-sizing: border-box; }
-    .config_pages--type--deroulement{
+    .__container-deroulement{
        background-color: #f3f5fcff;
-        background-image: url(../../../dist/assets/img/pillier-1.svg);
+        background-image: url('../../../dist/assets/img/pillier-1-background.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: -20%;
        @media(max-width:1090px){
            cursor:grab;
+        }
+        position: relative;
+    h2{
+        width: fit-content;
+        margin: auto;
+        padding-top: 4rem;
+        font-size: 1.7rem;
+
    }

    }
    .timeline {
+        display: flex;
+        flex-direction: column;
        white-space: nowrap;
        overflow: hidden;
-        padding-top: 10rem;
-        padding-bottom: 4rem;
+        padding-top: 2rem;
+        padding-bottom: 8rem;
+        height: 950px;
        @media(max-width:1090px){
-            padding-top: 18rem;
+            // padding-top: 14rem;
            overflow: scroll;
+            height: 600px;
        }
        .__timeline-arrows{
            width: fit-content;
            margin: auto;
-            position: relative;
-            top: -115px;
+            margin-top: 0;
+            padding-bottom: 2rem;
            @media(max-width:1090px){
-                top: -211px;
-                display: none;
+                // top: -211px;
+                // display: none;
+                margin-bottom: 9rem;
            }
            button{
                background-color: transparent;
@@ -39,27 +52,30 @@
                &:hover{
                    opacity: 0.5;
                } 
-                svg{
-                    padding: 0.5rem;
-
+                @media(max-width:1090px){
+                    svg{
+                        padding: 0.5rem;
+                    }               
                }   
            }
        }
        .__timeline-content{
            // font-size: 0;
-            width: 100vw;
+            // width: 100vw;
+            width: fit-content;
            padding-top: 7rem;
            padding-bottom: 2rem;
+            padding-left: 3rem;
            transition: all 1s;
            .__paragraphs{
                position: relative;
-                display: inline-block;
-                width: 500px;
+                display: inline-flex;
+                width: 700px;
                height: 1px;
                background: black;
-                &:first-of-type{
-                    height: 0px;
-                }
+                // &:last-of-type{
+                //     height: 0px;
+                // }
                // &:last-child {
                //     width: 20px;
                // }
@@ -70,7 +86,7 @@
                    content: "";
                    position: absolute;
                    top: 50%;
-                    left: 100%;
+                    left: -18px;
                    bottom: 0;
                    width: 17px;
                    height: 17px;
@@ -78,24 +94,33 @@
                    border-radius: 50%;
                    background: black;
                }
+                @media(max-width:810px){
+                    width: 100vw;
+                }

                .paragraph--type--phase-deroulement{
+                    display: flex;
+                    flex-direction: row;
                    position: absolute;
-                    left: 65%;
+                    padding-bottom: 1rem;
+                    // left: 65%;
+                    left: -18px;
                    top: -16px;
                    transform: translateY(-100%);
-                    width: 400px;
+                    width: 600px;
                    height: 300px;
                    font-size: 1rem;
                    white-space: normal;
                    color: black;
-                    display: flex;
-                    flex-direction: row;
-                    padding-bottom: 1rem;
-                    padding-left: 2rem;
-                    padding-right: 2rem;
+                    
+                    // padding-bottom: 1rem;
+                    // padding-left: 2rem;
+                    // padding-right: 2rem;
                    @media(max-width:550px){
                        padding-left: 0rem;
+                        width: 240px;
+                        align-items: end;
+                        height: 200px;
                    }
                    .date{
                        width: fit-content;
@@ -104,9 +129,9 @@
                        margin: auto;
                        align-items: flex-start;
                        padding-right: 1rem;
-                        margin-bottom: 2rem;
+                        margin-bottom: 1rem;
                        .field_field_date_de_jour{
-                            font-size: 2rem;
+                            font-size: 2.5rem;
                            line-height: 0.3rem;
                            @media(max-width:550px){
                                font-size: 3rem;
@@ -116,15 +141,20 @@
                        .field_field_date_de_moi{
                            padding-right: 0.2rem;
                            text-transform: uppercase;
-                            font-size: 3rem;
+                            font-size: 4rem;
                            display: inline-flex;
                            @media(max-width:550px){
                                font-size: 4rem;
                            }
-                            &::after{
-                                content: '.';
+                            .after{
+                                &::after{
+                                    content: '.';
+                                }
                            }
+                            
                        }
+
+                       
                        .annee{
                            display: flex;
                            align-items: center;
@@ -175,17 +205,23 @@
                        border: solid $blue_QDD 1px;
                        border-radius: 5%;
                        padding: 0.6rem 0.6rem;
-                        // width: fit-content;
-                        min-width: 65%;
+                        line-height: 1.1;
+                        width: fit-content;
+                        min-width: 35%;
+                        @media(max-width:1090px){
+                            height: 200px;
+                            min-width: 80%;
+                        }
                        .field_field_titre{
-                            font-size: 0.5rem;
-                            @media(max-width:10900px){
+                            font-size: 0.6rem;
+                            font-weight: 800;
+                            @media(max-width:1090px){
                                font-size: 1rem;
                            }
                        }
                        .field_field_description{
                            p{
-                                font-size: 0.5rem !important;
+                                font-size: 0.6rem !important;
                                margin: 0;  
                                @media(max-width:1090px){
                                    font-size: 1rem !important;
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
@@ -29,6 +29,10 @@
@import "partials/slick";
@import "partials/timeline";
@import "partials/actu-caroussel-home";
+@import "partials/animation-logo-header";
+@import "partials/formes-animees";
+@import "partials/animation-pilliers";
+

 // @import "partials/slick_custom";

--- a/web/themes/custom/quartiers_de_demain/templates/block--config-pages--deroulement.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/block--config-pages--deroulement.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="__container-deroulement"{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
--- a/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-logoquartiersdedemain.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-logoquartiersdedemain.html.twig
@@ -0,0 +1,45 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+  
+    {{ content }}
+        {% for item in items %}
+      <div {{ item.attributes }}>{{ item.content }}</div>
+    {% endfor %}
+
+  {% endblock %}
+</div>
--- a/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-prevnextblock.html.twig
@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>
--- a/web/themes/custom/quartiers_de_demain/templates/config-pages--diaporama-home.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/config-pages--diaporama-home.html.twig
@@ -0,0 +1,22 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a config_page.
+ *
+ * @see template_preprocess_config_pages()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+set classes = [
+  'config_pages',
+  'config_pages--type--' ~ config_pages.bundle|clean_class,
+  view_mode ? 'config_pages--view-mode--' ~ view_mode|clean_class,
+  view_mode ? 'config_pages--' ~ config_pages.bundle|clean_class ~ '--' ~ view_mode|clean_class,
+]
+%}
+<div{{ attributes.addClass(classes) }}>
+  {{ content }}
+  {# {% include active_theme_path() ~ '/dist/assets/img/formes-animees-1.svg' %} #}
+</div>
--- a/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/field--block-content--logo-link.html.twig
@@ -0,0 +1,445 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+{# Set anchor href using paragraph ID #}
+{%
+  set ancre_href1 = '/'
+%}
+{%
+  set ancre_href = '#paragraph-id--' ~ paragraph.id()
+%}
+
+{# Define the SVG icon #}
+{% set svg_icon %}
+<svg
+  class='qdd-header'
+  width="87.153343mm"
+  height="29.698406mm"
+  viewBox="0 0 87.153343 29.698406"
+  version="1.1"
+  id="svg1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg">
+  <g
+    id="layer1"
+    transform="translate(-61.433626,-104.40973)">
+    <g
+    class="consultation"
+      aria-label="CONSULTATION INTERNATIONALE"
+      id="text1410"
+      style="font-weight:500;font-size:4.50432px;font-family:'Gilroy Medium';-inkscape-font-specification:Gilroy-Medium;fill:#1d1d1b;stroke-width:0.118122"
+      transform="matrix(1.0184296,0,0,1.0184296,0.73102698,-49.645398)">
+      <!-- Add the paths for your SVG here -->
+            <path
+         d="m 62.125028,180.42832 c 0.585562,0 1.099054,-0.30629 1.360305,-0.77024 l -0.36485,-0.2072 c -0.180173,0.34233 -0.56304,0.56755 -0.995455,0.56755 -0.738709,0 -1.234184,-0.53601 -1.234184,-1.22518 0,-0.69366 0.495475,-1.22968 1.234184,-1.22968 0.432415,0 0.815282,0.22522 0.995455,0.57205 l 0.36485,-0.2117 c -0.265755,-0.46394 -0.779248,-0.76573 -1.360305,-0.76573 -0.963925,0 -1.648581,0.72519 -1.648581,1.63506 0,0.90537 0.684656,1.63507 1.648581,1.63507 z"
+         id="path45503" />
+      <path
+         d="m 66.043793,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630563,0.72519 -1.630563,1.63506 0,0.90537 0.716186,1.63507 1.630563,1.63507 z m 0,-0.40989 c -0.68916,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527006,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45505" />
+      <path
+         d="m 70.773331,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418901 v -2.35576 l 1.621556,2.35576 h 0.337824 v -3.15303 z"
+         id="path45507" />
+      <path
+         d="m 73.466922,180.42832 c 0.644118,0 1.090046,-0.35133 1.090046,-0.90537 0,-0.60808 -0.517997,-0.77023 -1.067524,-0.95041 -0.441423,-0.13963 -0.662135,-0.24774 -0.662135,-0.54052 0,-0.28827 0.234225,-0.46845 0.572049,-0.46845 0.382867,0 0.603579,0.21621 0.716187,0.48647 l 0.351337,-0.20269 c -0.175669,-0.39638 -0.549527,-0.68916 -1.067524,-0.68916 -0.527006,0 -0.990951,0.32431 -0.990951,0.89185 0,0.58556 0.486467,0.74321 0.990951,0.90537 0.463945,0.14414 0.743213,0.25224 0.743213,0.57655 0,0.28377 -0.220712,0.48647 -0.66664,0.48647 -0.459441,0 -0.7297,-0.22522 -0.842308,-0.57205 l -0.360345,0.2072 c 0.16666,0.47295 0.59457,0.77474 1.193644,0.77474 z"
+         id="path45509" />
+      <path
+         d="m 76.827151,180.42832 c 0.689161,0 1.180132,-0.43241 1.180132,-1.11707 v -2.09451 h -0.414397 v 2.07649 c 0,0.43692 -0.261251,0.7252 -0.765735,0.7252 -0.504483,0 -0.765734,-0.28828 -0.765734,-0.7252 v -2.07649 h -0.418902 v 2.09451 c 0,0.68466 0.495475,1.11707 1.184636,1.11707 z"
+         id="path45511" />
+      <path
+         d="m 79.696415,179.97339 v -2.75665 h -0.418901 v 3.15303 h 1.779206 v -0.39638 z"
+         id="path45513" />
+      <path
+         d="m 83.804353,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45515" />
+      <path
+         d="m 86.696138,180.36977 h 0.445927 l -1.175627,-3.15303 h -0.472954 l -1.175627,3.15303 h 0.445927 l 0.256747,-0.70718 h 1.418861 z m -1.531469,-1.09906 0.56304,-1.55399 0.567544,1.55399 z"
+         id="path45517" />
+      <path
+         d="m 89.934747,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
+         id="path45519" />
+      <path
+         d="m 90.979754,177.21674 v 3.15303 h 0.418901 v -3.15303 z"
+         id="path45521" />
+      <path
+         d="m 94.168816,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630564,0.72519 -1.630564,1.63506 0,0.90537 0.716187,1.63507 1.630564,1.63507 z m 0,-0.40989 c -0.689161,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527005,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
+         id="path45523" />
+      <path
+         d="m 98.898361,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418902 v -2.35576 l 1.621555,2.35576 h 0.337824 v -3.15303 z"
+         id="path45525" />
+      <path
+         d="m 102.38021,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45527" />
+      <path
+         d="m 106.06475,177.21674 v 2.35126 l -1.62155,-2.35126 h -0.33783 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45529" />
+      <path
+         d="m 109.80785,177.21674 h -2.27468 v 0.39638 h 0.92789 v 2.75665 h 0.41439 v -2.75665 h 0.9324 z"
+         id="path45531" />
+      <path
+         d="m 111.27175,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45533" />
+      <path
+         d="m 115.74005,180.36977 h 0.46394 l -0.74321,-1.26121 c 0.37836,-0.13513 0.65312,-0.49998 0.65312,-0.91438 0,-0.54052 -0.44142,-0.97744 -0.98194,-0.97744 h -1.26121 v 3.15303 h 0.4189 v -1.20716 h 0.74322 z m -1.4504,-2.76115 h 0.84231 c 0.3108,0 0.56304,0.26125 0.56304,0.58556 0,0.32431 -0.25224,0.59007 -0.56304,0.59007 h -0.84231 z"
+         id="path45535" />
+      <path
+         d="m 119.21288,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62155,2.35576 h 0.33783 v -3.15303 z"
+         id="path45537" />
+      <path
+         d="m 123.01453,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47296 l -1.17562,3.15303 h 0.44592 l 0.25675,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56754,1.55399 z"
+         id="path45539" />
+      <path
+         d="m 126.25314,177.21674 h -2.27469 v 0.39638 h 0.92789 v 2.75665 h 0.4144 v -2.75665 h 0.9324 z"
+         id="path45541" />
+      <path
+         d="m 127.29815,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
+         id="path45543" />
+      <path
+         d="m 130.48721,180.42832 c 0.91438,0 1.63507,-0.7297 1.63507,-1.63507 0,-0.90987 -0.72069,-1.63506 -1.63507,-1.63506 -0.91437,0 -1.63056,0.72519 -1.63056,1.63506 0,0.90537 0.71619,1.63507 1.63056,1.63507 z m 0,-0.40989 c -0.68916,0 -1.21616,-0.53601 -1.21616,-1.22518 0,-0.69366 0.527,-1.22968 1.21616,-1.22968 0.68916,0 1.21617,0.53602 1.21617,1.22968 0,0.68917 -0.52701,1.22518 -1.21617,1.22518 z"
+         id="path45545" />
+      <path
+         d="m 135.21676,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
+         id="path45547" />
+      <path
+         d="m 139.01841,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47295 l -1.17563,3.15303 h 0.44593 l 0.25674,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56755,1.55399 z"
+         id="path45549" />
+      <path
+         d="m 140.88771,179.97339 v -2.75665 h -0.4189 v 3.15303 h 1.7792 v -0.39638 z"
+         id="path45551" />
+      <path
+         d="m 143.71643,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
+         id="path45553" />
+
+    </g>
+        <g
+       id="g1412"
+       transform="matrix(0.11812184,0,0,-0.11812184,-25.84332,300.63755)">
+      <g
+         id="g1414"
+         clip-path="url(#clipPath1418)">
+        <g
+           id="g1420"
+           transform="translate(751.3907,1648.7133)">
+          <path
+          class="blink-blue"
+             d="m 0,0 c 16.692,16.692 43.755,16.692 60.447,0 16.692,-16.692 16.692,-43.755 0,-60.447 -16.692,-16.692 -43.755,-16.692 -60.447,0 l 7.433,7.433 c 12.587,-12.587 32.994,-12.587 45.581,0 12.587,12.587 12.587,32.994 0,45.581 -12.587,12.587 -32.994,12.587 -45.581,0 z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1422" />
+        </g>
+        <g
+           id="g1424"
+           transform="translate(1405.2317,1559.5776)">
+          <path
+          class="blink-red"
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1426" />
+        </g>
+        <g
+           id="g1428"
+           transform="translate(1148.891,1559.5776)">
+          <path
+          class="blink-blue"
+             d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1430" />
+        </g>
+        <g
+           id="g1432"
+           transform="translate(1059.3877,1523.8738)">
+          <path
+          class="blink-blue"
+             d="M 0,0 12.318,-0.061 V -46.81 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1434" />
+        </g>
+        <g
+           id="g1436"
+           transform="translate(842.5666,1525.142)">
+          <path
+          class="blink-blue"
+             d="M 0,0 12.318,-0.054 V -41.613 H 0 Z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1438" />
+        </g>
+        <g
+           id="g1440"
+           transform="translate(1246.5872,1623.5623)">
+          <path
+          class="blink-blue"
+             d="M -0.19798272,0 12.120017,-0.051 V -39.192 H -0.19798272 Z"
+             style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1442" />
+        </g>
+        <g
+           id="g1444"
+           transform="translate(1050.5181,1658.2612)">
+          <path
+          class="blink-red"
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1446" />
+        </g>
+        <g
+           id="g1448"
+           transform="translate(1328.6346,1658.2612)">
+          <path
+          class="blink-red"
+             d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1450" />
+        </g>
+        <g
+           id="g1452"
+           transform="translate(910.89509,1659.3624)">
+          <path
+          class="blink-red"
+             d="M 0.09799602,0 12.318,-0.061 V -46.545 H 0.09799602 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1454" />
+        </g>
+        <g
+           id="g1456"
+           transform="translate(1121.2274,1648.2275)">
+          <path
+          class="blink-red"
+             d="M 0,0 0.061,10.076 H 46.545 V 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1458" />
+        </g>
+        <path
+        class="blink-blue"
+           d="m 1302.919,1494.638 h -26.436 v 10.895 h 26.436 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1460" />
+        <path
+        class="blink-blue"
+           d="m 987.263,1592.995 h -26.437 v 10.895 h 26.437 z"
+           style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1462" />
+        <g
+           id="g1464"
+           transform="translate(1022.9188,1576.3727)">
+          <path
+          class="blink-black"
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1466" />
+        </g>
+        <g
+           id="g1468"
+           transform="translate(817.5048,1596.5179)">
+          <path
+          class="blink-black2"
+             d="m 0,0 16.707,-17.04 -8.6,-8.985 -16.821,17.311 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1470" />
+        </g>
+        <g
+           id="g1472"
+           transform="translate(923.2098,1609.196)">
+          <path
+          class="blink-black"
+             d="m 0,0 c 0,-13.313 -5.283,-33.449 -33.004,-33.449 -27.725,0 -33.228,20.136 -33.228,33.449 v 50.166 h 12.214 V 0 c 0,-4.953 1.099,-23.325 21.014,-23.325 19.912,0 20.792,18.372 20.792,23.325 V 16.965 H 0 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1474" />
+        </g>
+        <g
+           id="g1476"
+           transform="translate(1099.4768,1628.9966)">
+          <path
+          class="blink-black2"
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1478" />
+        </g>
+        <g
+           id="g1480"
+           transform="translate(1161.8838,1648.1403)">
+          <path
+          class="blink-black"
+             d="M 0,0.0418843 V -72.351116 h -12.214 l 0.002,82.514 H 25.522 V 0.0418843 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1482" />
+        </g>
+        <path
+        class="blink-black2"
+           d="m 1206.879,1658.261 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1484" />
+        <path
+        class="blink-black"
+           d="m 1246.395,1585.868 h 54.904 v -10.121 h -54.904 z m 47.086,27.616 h -47.086 v 10.233 h 47.086 z m 7.817,34.656 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1486" />
+        <g
+           id="g1488"
+           transform="translate(1377.5935,1628.9966)">
+          <path
+          class="blink-black2"
+             d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1490" />
+        </g>
+        <g
+           id="g1492"
+           transform="translate(1474.0773,1591.0393)">
+          <path
+          class="blink-black2"
+             d="m 0,0 c -3.958,-9.344 -15.055,-15.17 -28.897,-15.292 v 10.124 c 9.546,0.117 15.148,3.636 17.454,9.129 1.761,4.072 0.33,8.472 0.221,8.581 -2.312,6.381 -8.693,7.812 -17.713,10.562 -10.232,3.08 -22.005,5.613 -25.854,16.393 -2.094,5.61 -1.54,12.103 1.319,17.383 6.381,12.103 22.663,12.435 24.535,12.435 12.1,0 22.881,-5.282 30.584,-13.754 l -8.03,-8.031 c -4.514,6.602 -13.313,11.662 -22.554,11.662 -0.111,0 -9.794,0 -13.534,-7.041 -1.431,-2.751 -1.76,-6.381 -0.771,-9.244 2.203,-6.048 8.472,-7.479 17.274,-10.121 C -15.513,29.594 -3.742,27.174 0.439,16.063 0.769,15.292 3.41,7.812 0,0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1494" />
+        </g>
+        <path
+        class="blink-black"
+           d="m 842.567,1487.123 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1496" />
+        <path
+        class="blink-black"
+           d="m 1059.388,1487.185 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1498" />
+        <g
+           id="g1500"
+           transform="translate(1148.891,1514.2576)">
+          <path
+          class="blink-black2"
+             d="M 0,0 12.318,-0.051 V -37.194 H 0 Z M 86.754,45.32 V -37.194 H 74.545 V 24.748 L 46.841,-37.194 H 39.912 L 0,45.32 H 14.731 L 43.322,-17.127 70.533,45.32 Z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1502" />
+        </g>
+        <g
+           id="g1504"
+           transform="translate(1338.3157,1477.0637)">
+          <path
+          class="blink-black"
+             d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1506" />
+        </g>
+        <path
+        class="blink-black"
+           d="m 1365.716,1559.578 h 12.209 v -82.514 h -12.209 z"
+           style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path1508" />
+        <g
+           id="g1510"
+           transform="translate(1405.2317,1513.6991)">
+          <path
+          class="blink-black2"
+             d="M 0,0 12.318,-0.048 V -36.635 H 0 Z M 71.292,45.879 V -36.635 H 56.55 L 0,45.879 h 14.744 l 44.333,-65.68 v 65.68 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1512" />
+        </g>
+        <g
+           id="g1514"
+           transform="translate(781.6142,1575.7473)">
+          <path
+          class="blink-black2"
+             d="m 0,0 c -23.606,0 -42.742,19.136 -42.742,42.742 0,23.606 19.136,42.743 42.742,42.743 23.606,0 42.742,-19.137 42.742,-42.743 H 32.231 C 32.231,60.543 17.8,74.973 0,74.973 c -17.8,0 -32.231,-14.43 -32.231,-32.231 0,-17.8 14.431,-32.23 32.231,-32.23 z"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1516" />
+        </g>
+        <g
+           id="g1518"
+           transform="translate(1445.9412,1575.62)">
+          <path
+          class="blink-blue"
+             d="m 0,0 c -0.872,0.021 -21.482,0.684 -31.741,13.637 l 8.115,6.427 c 7.23,-9.132 23.728,-9.712 23.895,-9.717 z"
+             style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1520" />
+        </g>
+        <g
+           id="g1522"
+           transform="translate(747.5991,1522.7208)">
+          <path
+          class="blink-red"
+             d="m 0,2.6062368 12.318,-0.063 V -45.815773 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1524" />
+        </g>
+        <g
+           id="g1526"
+           transform="translate(746.9782,1556.9387)">
+          <path
+          class="blink-black"
+             d="m 0,2.6062368 h 31.214 c 23.606,0 42.742,-18.5000078 42.742,-41.3200088 0,-22.821001 -19.136,-41.320001 -42.742,-41.320001 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158001 0,17.208001 -14.43,31.1580094 -32.231,31.1580094 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1528" />
+        </g>
+        <g
+           id="g1530"
+           transform="translate(960.9559,1530.3488)">
+          <path
+          class="blink-red"
+             d="M 0,0 12.318,-0.07 V -53.265 H 0 Z"
+             style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1532" />
+        </g>
+        <g
+           id="g1534"
+           transform="translate(960.335,1559.7245)">
+          <path
+          class="blink-black2"
+             d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.321 -42.742,-41.321 H 0.444 v 10.163 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
+             style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path1536" />
+        </g>
+      </g>
+    </g>
+  </g>
+  </g>
+</svg>
+{% endset %}
+
+<div{{ attributes.addClass(title_classes) }}>
+  {% if not label_hidden %}
+    <div{{ title_attributes.addClass('field--label') }}>
+      {{ label }}
+    </div>
+  {% endif %}
+
+  {% for item in items %}
+    <div{{ item.attributes }}>
+      <a class='logo-qdd' href="{{ ancre_href1 }}">
+        {{ svg_icon|raw }}
+      </a>
+      
+      <a clas='other-logo' href="{{ ancre_href }}">
+        {{ item.content }}
+      </a>
+      
+    </div>
+  {% endfor %}
+</div>
--- a/web/themes/custom/quartiers_de_demain/templates/field--node--body--static.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/field--node--body--static.html.twig
@@ -0,0 +1,101 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ * @see template_preprocess_field()
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set title_classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+{%
+  set ancre_href = '#paragraph-id--' ~ paragraph.id()
+%}
+{# {% set svg_icon %}
+<svg
+   version="1.1"
+   id="svg1"
+   width="308.18021"
+   height="342.06128"
+   viewBox="0 0 308.18021 342.06127"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="g1"
+     transform="translate(-184.13477,-2385.4265)">
+    <path
+       id="path256"
+       d="M 0,0 177.512,-211.551"
+       style="fill:none;stroke:#0833c2;stroke-width:70;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       transform="matrix(1.3333333,0,0,-1.3333333,219.88347,2415.4232)" />
+  </g>
+</svg> #}
+{# {% endset %} #}
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes }}>
+      {% for item in items %}
+        <div{{ item.attributes }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div>
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes }}>{{ item.content }}</div>
+      {# {{ svg_icon|raw }} #}
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
--- a/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/node--actualite--teaser.html.twig
@@ -0,0 +1,95 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ *   Only method names starting with "get", "has", or "is" and a few common
+ *   methods such as "id", "label", and "bundle" are available. For example:
+ *   - node.getCreatedTime() will return the node creation timestamp.
+ *   - node.hasField('field_example') returns TRUE if the node bundle includes
+ *     field_example. (This does not indicate the presence of a value in this
+ *     field.)
+ *   - node.isPublished() will return whether the node is published or not.
+ *   Calling other methods, such as node.delete(), will result in an exception.
+ *   See \Drupal\node\Entity\Node for a full list of public properties and
+ *   methods for the node object.
+ * - label: (optional) The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ *   or print a subset such as {{ content.field_example }}. Use
+ *   {{ content|without('field_example') }} to temporarily suppress the printing
+ *   of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ *   view mode.
+ * - metadata: Metadata for this node.
+ * - date: (optional) Themed creation date field.
+ * - author_name: (optional) Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ *   The attributes.class element may contain one or more of the following
+ *   classes:
+ *   - node: The current template type (also known as a "theming hook").
+ *   - node--type-[type]: The current node type. For example, if the node is an
+ *     "Article" it would result in "node--type-article". Note that the machine
+ *     name will often be in a short form of the human readable label.
+ *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ *     teaser would result in: "node--view-mode-teaser", and
+ *     full: "node--view-mode-full".
+ *   The following are controlled through the node publishing options.
+ *   - node--promoted: Appears on nodes promoted to the front page.
+ *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ *     teaser listings.
+ *   - node--unpublished: Appears on unpublished nodes visible only to site
+ *     admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ *   content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ *   the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ *   node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ *   current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ *   is an administrator.
+ *
+ * @see template_preprocess_node()
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+
+  {{ title_prefix }}
+  {% if label and not page %}
+    <h2{{ title_attributes }}>
+      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+    </h2>
+  {% endif %}
+  {{ title_suffix }}
+
+  {% if display_submitted %}
+    <footer>
+      {{ author_picture }}
+      <div{{ author_attributes }}>
+        {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
+        {{ metadata }}
+      </div>
+    </footer>
+  {% endif %}
+
+  {# <div{{ content_attributes }}> #}
+    {{ content }}
+  {# </div> #}
+
+</article>
--- a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
@@ -61,7 +61,7 @@


    <div class="layout-content">
-      <div id="logo-animated-container">
+      {# <div id="logo-animated-container">
        <div id="logo-animated">

          <svg viewBox="0 0 1300 1000" preserveAspectRatio="xMinYMin meet" id="traits">
@@ -78,10 +78,12 @@
          <img src="/themes/custom/quartiers_de_demain/src/assets/img/quartier-noir.png" id="quartier-noir"/>

        </div>
-      </div>
+      </div> #}
      {{ page.content }}
    </div>{# /.layout-content #}
-
+  <div id="background-animated" >
+        {% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %}
+  </div>
    {% if page.sidebar_first %}
      <aside class="layout-sidebar-first" role="complementary">
        {{ page.sidebar_first }}
@@ -96,7 +98,6 @@
    {% endif %}

  </main>
-
  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
    <footer role="contentinfo">
      {# <section id="footer-top"> #}
@@ -104,8 +105,11 @@
      {# </section>  #}
      <div class="footer">
        <section id="footer-left">{{ page.footer_left }}</section> 
-        <section id="footer-middle">{{ page.footer_middle }}</section> 
-        <section id="footer-right">{{ page.footer_right }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
      </div> 
      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
    </footer>
--- a/web/themes/custom/quartiers_de_demain/templates/page--node--%.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--node--%.html.twig
@@ -0,0 +1,96 @@
+{#
+/**
+ * @file
+ * Claro's theme implementation to display a single Drupal page.
+ *
+ * The doctype, html, head, and body tags are not in this template. Instead
+ * they can be found in the html.html.twig template normally located in the
+ * core/modules/system directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.pre_content: Items for the pre-content region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ * - page.highlighted: Items for the highlighted region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ */
+#}
+<div class="layout-container" id="page-node">
+
+  <header role="banner">
+    {{ page.header_left }}
+    {{ page.header_right }}
+    {{ page.header_nav }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+            
+     {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
+    <footer role="contentinfo">
+      {# <section id="footer-top"> #}
+          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
+      {# </section>  #}
+      <div class="footer">
+        <section id="footer-left">{{ page.footer_left }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
+      </div> 
+      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
+    </footer>
+  {# {% endif %} #}
+</div>{# /.layout-container #}
--- a/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--node--6.html.twig
@@ -84,8 +84,11 @@
      {# </section>  #}
      <div class="footer">
        <section id="footer-left">{{ page.footer_left }}</section> 
-        <section id="footer-middle">{{ page.footer_middle }}</section> 
-        <section id="footer-right">{{ page.footer_right }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
      </div> 
      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
    </footer>
--- a/web/themes/custom/quartiers_de_demain/templates/page--node--7.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--node--7.html.twig
@@ -84,8 +84,11 @@
      {# </section>  #}
      <div class="footer">
        <section id="footer-left">{{ page.footer_left }}</section> 
-        <section id="footer-middle">{{ page.footer_middle }}</section> 
-        <section id="footer-right">{{ page.footer_right }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
      </div> 
      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
    </footer>
--- a/web/themes/custom/quartiers_de_demain/templates/page--partenaires.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page--partenaires.html.twig
@@ -80,12 +80,15 @@
  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
    <footer role="contentinfo">
      {# <section id="footer-top"> #}
-          {# <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span> #}
+          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
      {# </section>  #}
      <div class="footer">
        <section id="footer-left">{{ page.footer_left }}</section> 
-        <section id="footer-middle">{{ page.footer_middle }}</section> 
-        <section id="footer-right">{{ page.footer_right }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
      </div> 
      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
    </footer>
--- a/web/themes/custom/quartiers_de_demain/templates/page.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/page.html.twig
@@ -77,15 +77,21 @@
    {% endif %}

  </main>
-
+  {# {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %} #}
    <footer role="contentinfo">
-
+      {# <section id="footer-top"> #}
+          <span class="totop"><a href="#" id="toTop"><i class="arrow-up"></i></a></span>
+      {# </section>  #}
      <div class="footer">
        <section id="footer-left">{{ page.footer_left }}</section> 
-        <section id="footer-middle">{{ page.footer_middle }}</section> 
-        <section id="footer-right">{{ page.footer_right }}</section> 
+        <div class='first-row'>
+          <section id="footer-middle">{{ page.footer_middle }}</section> 
+          <section id="footer-right">{{ page.footer_right }}</section> 
+        </div>
+
      </div> 
-      <section id="footer-bottom">{{ page.footer_bottom }}</section> 
+      {# <section id="footer-bottom">{{ page.footer_bottom }}</section>  #}
    </footer>
+  {# {% endif %} #}

 </div>{# /.layout-container #}
--- a/web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig
+++ b/web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig
@@ -0,0 +1,31 @@
+{#
+/**
+ * @ingroup themeable
+ */
+#}
+
+{%
+  set classes = [
+    'social-media-links--platforms',
+    'platforms',
+    appearance.orientation == 'h' ? 'inline horizontal' : 'vertical',
+  ]
+%}
+
+<ul{{ attributes.addClass(classes) }}>
+  {% for platform in platforms %}
+    <li>
+      <a class="social-media-link-icon--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }} >
+        {{ platform.element }}
+      </a>
+
+      {% if appearance.show_name %}
+        {% if appearance.orientation == 'h' %}
+          <br />
+        {% endif %}
+
+        <span><a class="social-media-link--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }}>{{ platform.name }}</a></span>
+      {% endif %}
+    </li>
+  {% endfor %}
+</ul>
--- a/web/themes/custom/quartiers_de_demain/webpack.config.js
+++ b/web/themes/custom/quartiers_de_demain/webpack.config.js
@@ -5,7 +5,8 @@ let config = {
    mode: 'development',
    entry: [
        "./src/assets/js/quartiers_de_demain.js",
-        "./src/assets/js/animated_logo.js",
+        // "./src/assets/js/animated_logo.js",
+        "./src/assets/js/animated_formes.js",
        "./src/assets/scss/quartiers_de_demain.scss",
        // "./src/assets/fonts/*",
        // "./src/assets/css/animated_logo.css",
@@ -22,6 +23,7 @@ let config = {
            {
                test: /\.scss$/i,
                use: [
+
                    {
                        loader: 'file-loader',
                        options: {
@@ -45,12 +47,23 @@ let config = {
                      name: '[name].[ext]',
                      outputPath: 'fonts/'
                    }
-                  }
+                  },
+                  {
+                    loader: 'postcss-loader',
+                    options: {
+                      sourceMap: true,
+                      config: {
+                        path: 'postcss.config.js'
+                      }
+                    }
+                  },
                ]
            },
            

+            
        ],
+        
    }
 }
Author	SHA1	Message	Date
ouidade	de35e4aebc	media logo	2024-07-18 19:35:52 +02:00
ouidade	f25ebcca08	divers css	2024-07-18 14:45:20 +02:00
ouidade	d5eb3707e4	actu caroussel	2024-07-18 13:52:18 +02:00
ouidade	707811c43a	deroulement js pour new content	2024-07-18 12:58:32 +02:00
ouidade	3431807f04	deroulement new css vm	2024-07-18 12:43:38 +02:00
ouidade	ce0b9b07b0	deroulement new css	2024-07-18 12:04:24 +02:00
ouidade	2c7bb085f8	pilliers animation	2024-07-18 10:33:12 +02:00
ouidade	90075e0826	pilliers animation	2024-07-17 22:59:26 +02:00
ouidade	adca214c4b	timeline month	2024-07-17 21:29:18 +02:00
ouidade	119451da1a	fix anim header	2024-07-15 14:30:53 +02:00
ouidade	7a3a139c3f	css enjeux	2024-07-15 13:04:02 +02:00
ouidade	0db3a90e5c	vm css	2024-07-14 23:13:27 +02:00
ouidade	10150c3ca1	animation pilliers	2024-07-12 22:44:03 +02:00
ouidade	abdae701ec	vm css footer	2024-07-12 22:06:26 +02:00
ouidade	4c1ac30bdf	vm css deroulement	2024-07-12 20:28:22 +02:00
ouidade	2bd90ffdac	vm css	2024-07-12 20:09:17 +02:00
ouidade	d314a77612	animation pilliers	2024-07-12 16:58:39 +02:00
ouidade	8a09d17df1	animation pilliers	2024-07-12 16:39:03 +02:00
ouidade	7e6b6d7bce	test id	2024-07-12 13:27:12 +02:00
ouidade	7db2a38cc6	test id	2024-07-12 13:23:26 +02:00
ouidade	0c31a38d35	test id	2024-07-12 13:14:39 +02:00
ouidade	48cfaca44e	top svg	2024-07-11 17:27:32 +02:00
ouidade	cae46393e9	top svg	2024-07-11 17:23:09 +02:00
ouidade	5ecbe76fad	enjeux smooth	2024-07-11 16:53:56 +02:00
ouidade	7d48a18ff0	paralax fond	2024-07-11 16:16:12 +02:00
ouidade	d1d9778fc4	formes géometriques	2024-07-11 14:31:51 +02:00
ouidade	ef68475b9a	formes géometriques	2024-07-11 12:51:12 +02:00
ouidade	2ba2192cbd	css	2024-07-10 17:36:36 +02:00
ouidade	42ed41d524	footer css	2024-07-10 17:34:21 +02:00
ouidade	1a3e5ccedd	config diaporama home css	2024-07-10 17:22:49 +02:00
ouidade	c580ed67d6	css statics	2024-07-10 17:10:03 +02:00
ouidade	1c180411e0	header vm js	2024-07-10 17:01:16 +02:00
ouidade	f72a96cdd8	fix design with sandrine	2024-07-10 14:02:30 +02:00
ouidade	c7f5338a71	js header	2024-07-10 10:38:41 +02:00
ouidade	48a928428d	js header	2024-07-10 09:41:32 +02:00
ouidade	2672685243	premier jet animation header	2024-07-09 14:38:50 +02:00
ouidade	d2fbdb7c3c	premier jet animation header	2024-07-09 14:21:47 +02:00
ouidade	3c6e013ff4	svg dans header	2024-07-09 11:01:12 +02:00
ouidade	7a3edd55ae	prev next actus	2024-07-08 23:14:26 +02:00
ouidade	47792a44c0	actus caroussel overflow....	2024-07-08 22:36:58 +02:00
ouidade	47dba3466b	twig actus	2024-07-08 20:48:50 +02:00
ouidade	80085d31a0	fix bug actu	2024-07-08 16:46:19 +02:00
bach	d636cb8d4d	prev next actu	2024-07-08 16:06:59 +02:00
bach	a275d1f0d4	link in wysiwyg #2755	2024-07-08 15:50:04 +02:00
bach	cc80d6b9c8	les partenaires #2744	2024-07-08 15:46:58 +02:00
bach	fcdaceff52	déroulement #2742	2024-07-08 15:46:58 +02:00