ajout du dropdown dans la page collectif

user/themes/figureslibres-v2/scss/style.scss

@@ -14,6 +14,57 @@
     font-size: $titleFontSizeMobile;
     line-height: $titleLineHeight;
   }
+  h4 {
+    display: block;
+    padding-top: 0.8rem;
+    width: 100%;
+    font-family: $titleFont;
+    font-size: $currentLineHeight;
+    cursor: pointer;
+    a {
+      text-decoration: underline;
+      text-decoration-thickness: 1px;
+    }
+  }
+  h4:first-of-type {
+    padding-top: 0;
+  }
+  h4 + p {
+    margin-bottom: 0.5rem !important;
+    em {
+      display: block;
+      font-size: $tinySize;
+      cursor: pointer;
+      > img {
+        display: inline-block;
+        height: $tinySize;
+        width: $tinySize !important;
+        margin-bottom: unset !important;
+        margin-left: 0.3rem;
+        transform: rotate(0deg);
+        @include transition-ease-out(transform);
+      }
+      > img.open {
+        transform: rotate(180deg);
+      }
+    }
+  }
+  h4 + p + p {
+    margin-bottom: 0 !important;
+    padding-bottom: 0rem;
+    font-size: $tinySize;
+    max-height: 0px;
+    height: auto;
+    overflow: hidden;
+    @include transition-ease-out(max-height, padding-bottom);
+  }
+  h4 + p + p.open {
+    max-height: 50vh;
+    padding-bottom: 1rem;
+  }
+  h4 + p + p + h2 {
+    margin-top: 1.5rem;
+  }
   p, ul, figcaption {
     font-family: $mainFont;
     font-size: $currentSize;
@@ -989,10 +1040,10 @@
             width: 70%;
           }
           .text-item:first-of-type {
-            position: fixed;
-            top: calc(#{$navHeight} + #{$navGradientHeightDesktop} + #{$sectionSpacing});
-            width: 20%;
-            left: 70%;
+            position: absolute;
+            top: 0;
+            width: 20vw;
+            left: 82%;
             img {
               width: 70%;
               margin-bottom: 5vh;