fix bug slide actu

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

@@ -226,12 +226,12 @@ header {
   display: flex;
   flex-direction: row;
   height: 320px;
-  background-color: rgb(255, 255, 255);
   z-index: 99;
-  width: 38vw;
   max-width: 100vw;
   position: fixed;
   top: 0;
+  transition: height 0.3s, padding 0.3s; /* Add transition for smooth resizing */
+  /* Classes for scroll effect */
 }
 header .contextual-region {
   width: max-content;
@@ -240,9 +240,8 @@ header .header_left_container {
   flex: 0 0 60%;
   display: flex;
   flex-direction: row;
-  border-bottom: 1px solid #808080;
-  padding-left: 2%;
-  padding-right: 2%;
+  transition: transform 0.3s, height 0.3s; /* Add transition for smooth sliding and resizing */
+  background-color: rgb(255, 255, 255);
 }
 @media (max-width: 660px) {
   header .header_left_container {
@@ -275,6 +274,7 @@ header .header_left_container img {
   margin: auto;
   height: calc(320px - 5rem);
   padding: 2rem;
+  transition: height 0.3s; /* Add transition for smooth resizing */
 }
 @media (max-width: 891px) {
   header .header_left_container img {
@@ -334,12 +334,12 @@ header .header_right_container .language-switcher-language-url ul .is-active {
 }
 header .header_nav_container {
   flex: 0 0 30%;
-  top: 100%;
   width: 100%;
   background: rgb(7, 50, 194);
-  border-bottom: 1px solid #808080;
-  border-top: 1px solid #808080;
   text-align: center;
+  transform: translateX(0);
+  transition: transform 0.3s ease-in-out;
+  z-index: -1;
 }
 header .header_nav_container #block-quartiers-de-demain-entete h2 {
   display: none;
@@ -365,6 +365,13 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li:not(:last-o
   border-bottom: solid white 1px;
   padding-bottom: 0.3rem;
 }
+header .header_nav_container.hidden {
+  transform: translateX(30%);
+}
+header .header_nav_container.visible {
+  transform: translateX(0);
+}
+
 footer {
   z-index: 100;
 }
@@ -710,7 +717,7 @@ footer span.totop #toTop .arrow-up::before {
   font-family: "slick";
   font-size: 20px;
   line-height: 1;
-  color: red;
+  color: black;
   opacity: 0.75;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

web/themes/custom/quartiers_de_demain/dist/assets/css/fonts/slick.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>