new design timelien

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

@@ -965,36 +965,61 @@ footer {
   display: flex;
   flex-direction: row;
   padding-bottom: 1rem;
+  padding-left: 2rem;
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date {
   width: fit-content;
   display: flex;
   flex-direction: column;
   margin: auto;
-  align-items: center;
+  align-items: flex-start;
   padding-right: 1rem;
+  margin-bottom: 2rem;
 }
-#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date.jour .moi-annee {
-  display: inline-flex;
-  font-size: 0.6rem;
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_jour {
+  font-size: 2rem;
+  line-height: 0.3rem;
 }
-#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date.jour .moi-annee .field_field_date_de_moi {
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi {
   padding-right: 0.2rem;
   text-transform: uppercase;
+  font-size: 3rem;
+  display: inline-flex;
 }
-#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date.jour .field_field_date_de_jour {
-  font-size: 5rem;
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .field_field_date_de_moi::after {
+  content: ".";
 }
-#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date.mois .moi-annee {
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee {
   display: flex;
+  align-items: center;
   font-size: 0.6rem;
-  flex-direction: column;
+  position: relative;
+  top: -10px;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .field_field_date_de_annee {
+  display: inline-flex;
   align-items: center;
 }
-#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date.mois .moi-annee .field_field_date_de_moi {
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .field_field_date_de_annee::after {
+  content: url("../img/noun-arrow-to-right-black.svg");
+  display: flex;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .field_field_date_de_annee.only {
+  display: inline-flex;
+  align-items: center;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .field_field_date_de_annee.only::after {
+  content: "";
+  display: flex;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .date2 {
+  display: inline-flex;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .date2 .field_field_date_a_jour {
+  padding-right: 0.2rem;
+}
+#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date .annee .date2 .field_field_date_a_moi {
   padding-right: 0.2rem;
-  text-transform: uppercase;
-  font-size: 4rem;
 }
 #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
   border: solid rgb(7, 50, 194) 1px;
@@ -1357,6 +1382,7 @@ footer {
   flex: 1 15%;
   color: rgb(7, 50, 194);
   padding: 0.5rem;
+  margin-top: 0;
 }
 #consultation .layout-content .content_container .node-type-static #paragraph-id--10 .colone-picto p:not(:last-of-type)::before {
   content: "";

web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-right-black.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="7mm"
+   height="7mm"
+   viewBox="0 0 10.531931 10.531931"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="noun-arrow-to-right.svg"
+   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"
+     inkscape:zoom="0.86234568"
+     inkscape:cx="20.293486"
+     inkscape:cy="19.713672"
+     inkscape:window-width="1920"
+     inkscape:window-height="1172"
+     inkscape:window-x="1920"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-99.747912,-143.13958)">
+  
+    <path
+       d="m 105.44397,146.39759 1.82265,1.86476 h -4.84236 a 0.14436835,0.14436835 0 1 0 0,0.28873 h 4.84236 l -1.82265,1.86476 a 0.14436835,0.14436835 0 0 0 0,0.19851 0.1503837,0.1503837 0 0 0 0.20452,0 l 2.06326,-2.10537 a 0.1624144,0.1624144 0 0 0 0,-0.20452 l -2.06326,-2.10538 a 0.14436835,0.14436835 0 0 0 -0.20452,0 0.14436835,0.14436835 0 0 0 0,0.19851 z"
+       id="path2-2"
+       style="fill:#000;stroke-width:0.0601533" />
+  </g>
+</svg>

web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-right.svg

@@ -39,12 +39,7 @@
      inkscape:groupmode="layer"
      id="layer1"
      transform="translate(-99.747912,-143.13958)">
-    <circle
-       style="fill:#000000;fill-rule:evenodd;stroke:#000000;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
-       id="path3-3"
-       cx="105.01388"
-       cy="148.40555"
-       r="5.0013819" />
+  
     <path
        d="m 105.44397,146.39759 1.82265,1.86476 h -4.84236 a 0.14436835,0.14436835 0 1 0 0,0.28873 h 4.84236 l -1.82265,1.86476 a 0.14436835,0.14436835 0 0 0 0,0.19851 0.1503837,0.1503837 0 0 0 0.20452,0 l 2.06326,-2.10537 a 0.1624144,0.1624144 0 0 0 0,-0.20452 l -2.06326,-2.10538 a 0.14436835,0.14436835 0 0 0 -0.20452,0 0.14436835,0.14436835 0 0 0 0,0.19851 z"
        id="path2-2"