From 5ee0eccdc9ee0922895cba5de94e6f2a187dee22 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 5 Jun 2025 13:01:41 +0200
Subject: [PATCH] button media twig

---
 .../custom/eql/dist/assets/css/bundle.css     | 13 +++++
 .../assets/images/pictos/ecrits-blanc.svg     | 26 ++++-----
 .../eql/dist/assets/images/pictos/ecrits.svg  | 25 +++++++++
 .../assets/images/pictos/en-images-blanc.svg  | 56 +++++++++++--------
 .../dist/assets/images/pictos/en-images.svg   |  8 +--
 .../assets/images/pictos/videos-blanc.svg     | 12 ++--
 .../custom/eql/scss/pages/ressources.scss     | 20 +++++++
 .../eql/templates/partials/form.html.twig     |  9 +--
 8 files changed, 119 insertions(+), 50 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 6f4a9e5..46a7127 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -5431,6 +5431,7 @@ svg.ext {
   z-index: 1;
   transform: translateY(-210px);
   margin-bottom: -210px;
+  overflow-y: scroll;
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters {
@@ -5482,44 +5483,56 @@ svg.ext {
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos::before {
   content: url("../images/pictos/videos.svg");
   padding-right: 0.5rem;
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos:hover::before, .is-active .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-videos::before {
   content: url("../images/pictos/videos-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-podcasts::before {
   content: url("../images/pictos/podcasts.svg");
   padding-right: 0.5rem;
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-podcasts:hover::before {
   content: url("../images/pictos/podcasts-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-images---photos::before {
   content: url("../images/pictos/en-images.svg");
+  display: block;
   padding-right: 0.5rem;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-images---photos:hover::before {
   content: url("../images/pictos/en-images-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-livres::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-livres:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-articles::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-articles:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-publications---rapports::before {
   content: url("../images/pictos/ecrits.svg");
   padding-right: 0.5rem;
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources a.button.button-publications---rapports:hover::before {
   content: url("../images/pictos/ecrits-blanc.svg");
+  display: block;
 }
 .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-filters .buttons-filtres-ressources button.is-active {
   background-color: rgb(9, 57, 139);
diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg
index 6adc8ea..3eeae8f 100644
--- a/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg
+++ b/web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="24.361286"
-   height="24.678955"
-   viewBox="0 0 24.361286 24.678955"
+   width="24.361284"
+   height="24.678932"
+   viewBox="0 0 24.361284 24.678932"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -118,7 +118,7 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-20.101494,-544.98144)">
+     transform="translate(-20.101627,-544.98144)">
     <g
        id="g5861"
        clip-path="url(#clipPath5862)">
@@ -130,57 +130,57 @@
            id="g5853">
           <path
              d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 Z"
-             style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
              clip-path="url(#clipPath5842)"
              id="path5853" />
         </g>
         <path
            d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,555.27747)"
            clip-path="url(#clipPath5844)"
            id="path5854" />
         <path
            d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,556.72196)"
            clip-path="url(#clipPath5845)"
            id="path5855" />
         <path
            d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,558.16646)"
            clip-path="url(#clipPath5846)"
            id="path5856" />
         <path
            d="M 0.35979,-17.2984 H 11.5089 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 1.8702 h 1.8701 c 0.2158,0 0.3597,0.1439 0.3597,0.3596 v 11.1852 0 c 0,0.036 0,0.072 -0.036,0.1078 v 0.036 c 0,0.036 -0.036,0.036 -0.036,0.072 0,0 0,0.036 -0.036,0.036 v 0 l -3.6684,3.165 c -0.036,0.036 -0.0719,0.036 -0.0719,0.072 h -0.036 c -0.036,0 -0.0719,0 -0.1079,0.035 0,0 0,0 -0.036,0 L 2.58948,0 C 2.37369,0 2.22983,-0.1438 2.22983,-0.3596 V -2.2298 H 0.35965 C 0.14386,-2.2298 0,-2.3736 0,-2.5894 v -14.3501 c 0,-0.2157 0.17982,-0.3596 0.35965,-0.3596 z M 10.43,-1.186 12.7317,-3.1641 H 10.43 Z m -7.48074,0.4315 h 6.76141 v -2.7334 c 0,-0.2157 0.14386,-0.3596 0.35963,-0.3596 h 3.3088 v -10.5017 c -3.74036,0 -6.65352,0 -10.42984,0 z M 0.71943,-2.9844 H 2.22996 V -14.709 c 0,-0.2157 0.14386,-0.3596 0.35965,-0.3596 h 8.55969 v -1.5105 H 0.71943 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
            clip-path="url(#clipPath5847)"
            id="path5857" />
         <path
            d="m 0.35965,-0.7193 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3597 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5394 0.14386,-0.7193 0.35965,-0.7193 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,555.27747)"
            clip-path="url(#clipPath5848)"
            id="path5858" />
         <path
            d="m 0.35965,-0.7192 h 6.50966 c 0.21579,0 0.35965,0.1439 0.35965,0.3596 C 7.22896,-0.1438 7.0851,0 6.86931,0 H 0.35965 C 0.14386,0 0,-0.1438 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 Z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,556.72196)"
            clip-path="url(#clipPath5849)"
            id="path5859" />
         <path
            d="M 7.193,-0.3596 C 7.193,-0.1437 7.04914,0 6.83334,0 H 0.35965 C 0.14386,0 0,-0.1437 0,-0.3596 0,-0.5753 0.14386,-0.7192 0.35965,-0.7192 h 6.50966 c 0.17983,0 0.32369,0.1439 0.32369,0.3596 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.76242667,0,0,-0.77237333,30.856501,558.16646)"
            clip-path="url(#clipPath5850)"
            id="path5860" />
       </g>
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.76242667,0,0,-0.77237333,20.101627,544.98135)"
          clip-path="url(#clipPath5852)"
          id="path5861" />
diff --git a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg
index dcfd7f4..42312dd 100644
--- a/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg
+++ b/web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg
@@ -7,8 +7,33 @@
    width="24.361286"
    height="24.678955"
    viewBox="0 0 24.361286 24.678955"
+   sodipodi:docname="ecrits.svg"
+   inkscape:export-filename="ecrits.svg"
+   inkscape:export-xdpi="78.809998"
+   inkscape:export-ydpi="78.809998"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   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="32.699926"
+     inkscape:cx="12.171281"
+     inkscape:cy="12.339478"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="96"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
   <defs
      id="defs1">
     <clipPath
diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg
index f673c02..f7e5708 100644
--- a/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg
+++ b/web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="22.666534"
-   height="22.542389"
-   viewBox="0 0 22.666534 22.542389"
+   width="22.666536"
+   height="22.5424"
+   viewBox="0 0 22.666536 22.5424"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -174,31 +174,37 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-18.665826,-500.72726)">
+     transform="translate(-18.666667,-500.72727)"
+     style="fill:#ffffff;fill-opacity:1;stroke:none">
     <g
        id="g5958"
-       clip-path="url(#clipPath5958)">
+       clip-path="url(#clipPath5958)"
+       style="fill:#ffffff;fill-opacity:1;stroke:none">
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
          clip-path="url(#clipPath5929)"
          id="path5947" />
       <g
          clip-path="url(#clipPath5939)"
-         id="g5953">
+         id="g5953"
+         style="fill:#ffffff;fill-opacity:1;stroke:none">
         <g
            clip-path="url(#clipPath5934)"
-           id="g5950">
+           id="g5950"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <g
              clip-path="url(#clipPath5932)"
-             id="g5949">
+             id="g5949"
+             style="fill:#ffffff;fill-opacity:1;stroke:none">
             <g
                clip-path="url(#clipPath5931)"
-               id="g5948">
+               id="g5948"
+               style="fill:#ffffff;fill-opacity:1;stroke:none">
               <path
                  d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 z"
-                 style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+                 style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
                  transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
                  clip-path="url(#clipPath5930)"
                  id="path5948" />
@@ -206,27 +212,29 @@
           </g>
           <path
              d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 z"
-             style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
              clip-path="url(#clipPath5933)"
              id="path5949" />
         </g>
         <g
            clip-path="url(#clipPath5938)"
-           id="g5952">
+           id="g5952"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <g
              clip-path="url(#clipPath5936)"
-             id="g5951">
+             id="g5951"
+             style="fill:#ffffff;fill-opacity:1;stroke:none">
             <path
                d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 z"
-               style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+               style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
                transform="matrix(0.70938667,0,0,-0.70550667,28.070396,510.63704)"
                clip-path="url(#clipPath5935)"
                id="path5950" />
           </g>
           <path
              d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 z"
-             style="fill:#009ee3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
              clip-path="url(#clipPath5937)"
              id="path5951" />
@@ -234,38 +242,40 @@
       </g>
       <g
          clip-path="url(#clipPath5946)"
-         id="g5957">
+         id="g5957"
+         style="fill:#ffffff;fill-opacity:1;stroke:none">
         <g
            clip-path="url(#clipPath5941)"
-           id="g5954">
+           id="g5954"
+           style="fill:#ffffff;fill-opacity:1;stroke:none">
           <path
              d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-             style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
              transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
              clip-path="url(#clipPath5940)"
              id="path5953" />
         </g>
         <path
            d="M 14.678,-3.1167 H 11.0752 L 9.22936,0 H 5.53762 L 3.69174,-3.1167 H 0 v -8.905 h 14.678 z m -0.4448,-8.4597 H 0.44479 v 8.0144 h 3.51382 l 1.84588,3.1167 H 9.00696 L 10.8528,-3.562 h 3.3804 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
            clip-path="url(#clipPath5942)"
            id="path5954" />
         <path
            d="M 5.61914,0 3.77344,-3.1152 H 0 v -9.2832 h 15.0566 v 9.2832 H 11.3731 L 9.52539,0 Z m 0.21485,-0.3769 h 3.47656 l 1.84575,-3.1172 h 3.5214 v -8.5273 H 0.37891 v 8.5273 h 3.60937 z m 0.0527,-0.068 -1.8457,-3.1152 h -3.5957 v -8.3926 H 14.6113 v 8.3926 H 11.1504 L 9.30466,-0.4449 Z M 6.10154,-0.8218 H 9.08786 L 10.9336,-3.939 h 3.3008 v -7.6367 H 0.82224 v 7.6367 h 3.43359 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
            clip-path="url(#clipPath5943)"
            id="path5955" />
         <path
            d="M 2.89112,0 C 1.28989,0 0,-1.2911 0,-2.894 c 0,-1.6029 1.28989,-2.8942 2.89112,-2.8942 1.60124,0 2.89113,1.2913 2.89113,2.8942 C 5.78225,-1.2911 4.49236,0 2.89112,0 Z m 0,-5.3429 c -1.35661,0 -2.44633,1.0909 -2.44633,2.4489 0,1.358 1.08972,2.4488 2.44633,2.4488 1.3566,0 2.44634,-1.0908 2.44634,-2.4488 0,-1.358 -1.08974,-2.4489 -2.44634,-2.4489 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,28.070396,510.63704)"
            clip-path="url(#clipPath5944)"
            id="path5956" />
         <path
            d="M 3.08007,0 C 1.37726,0 0,-1.3797 0,-3.0839 0,-4.7882 1.37725,-6.166 3.08007,-6.166 c 1.70284,0 3.08008,1.3778 3.08008,3.0821 C 6.16015,-1.3797 4.7829,0 3.08007,0 Z m 0,-0.3789 c 1.49966,0 2.70313,-1.2035 2.70313,-2.705 0,-1.5016 -1.20348,-2.7051 -2.70313,-2.7051 -1.49963,0 -2.70117,1.2035 -2.70117,2.7051 0,1.5015 1.20153,2.705 2.70117,2.705 z m 0,-0.066 c -1.4579,0 -2.63476,-1.1795 -2.63476,-2.6386 0,-1.4591 1.17685,-2.6368 2.63476,-2.6368 1.45791,0 2.63672,1.1777 2.63672,2.6368 0,1.4591 -1.17882,2.6386 -2.63672,2.6386 z m 0,-0.3769 c 1.2553,0 2.25782,-1.0048 2.25782,-2.2617 0,-1.2569 -1.00252,-2.2598 -2.25782,-2.2598 -1.2553,0 -2.25585,1.0029 -2.25585,2.2598 0,1.2569 1.00054,2.2617 2.25585,2.2617 z"
-           style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
            transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
            clip-path="url(#clipPath5945)"
            id="path5957" />
diff --git a/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg b/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg
index a1eff63..ddf8bc3 100644
--- a/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg
+++ b/web/themes/custom/eql/dist/assets/images/pictos/en-images.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="22.666534"
-   height="22.542389"
-   viewBox="0 0 22.666534 22.542389"
+   width="22.666536"
+   height="22.5424"
+   viewBox="0 0 22.666536 22.5424"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -174,7 +174,7 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-18.665826,-500.72726)">
+     transform="translate(-18.666667,-500.72727)">
     <g
        id="g5958"
        clip-path="url(#clipPath5958)">
diff --git a/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg b/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg
index dd79191..1d44fba 100644
--- a/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg
+++ b/web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg
@@ -4,9 +4,9 @@
 <svg
    version="1.1"
    id="svg1"
-   width="20.350399"
+   width="20.350401"
    height="20.393066"
-   viewBox="0 0 20.350399 20.393066"
+   viewBox="0 0 20.350401 20.393066"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
   <defs
@@ -47,25 +47,25 @@
   </defs>
   <g
      id="layer-oc0"
-     transform="translate(-24.148428,-455.92258)">
+     transform="translate(-24.14796,-455.92257)">
     <g
        id="g5835"
        clip-path="url(#clipPath5836)">
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
          clip-path="url(#clipPath5830)"
          id="path5833" />
       <path
          d="M 1.05698,-1.8233 10.0942,-7.1082 1.05698,-12.3931 Z M 0,0 V -14.1108 L 12.2346,-7.1082 0,-0.0528 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,31.435936,461.78224)"
          clip-path="url(#clipPath5831)"
          id="path5834" />
       <path
          d="m 15.9762,-0.9985 c 8.2719,0 14.9776,-6.70571 14.9776,-14.9776 0,-8.2719 -6.7057,-14.9776 -14.9776,-14.9777 -8.27192,0 -14.97765,6.7057 -14.97769,14.9776 0.01097,8.26739 6.71026,14.9667 14.97769,14.9777 z m 0,0.9985 C 7.15278,1e-5 2e-5,-7.15274 0,-15.9761 c -2e-5,-8.8234 7.15273,-15.9762 15.9761,-15.9762 8.8234,0 15.9762,7.1527 15.9762,15.9761 C 31.9523,-7.1528 24.7996,-1e-5 15.9762,0 Z"
-         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
          transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
          clip-path="url(#clipPath5832)"
          id="path5835" />
diff --git a/web/themes/custom/eql/scss/pages/ressources.scss b/web/themes/custom/eql/scss/pages/ressources.scss
index 5185540..d8e7fd9 100644
--- a/web/themes/custom/eql/scss/pages/ressources.scss
+++ b/web/themes/custom/eql/scss/pages/ressources.scss
@@ -153,6 +153,7 @@
                                         z-index: 1;
                                         transform: translateY(-210px);
                                         margin-bottom: -210px;
+                                        overflow-y: scroll;
 
                                         @media (max-width: 810px) {
                                             position: static;
@@ -205,55 +206,74 @@
                                                     &::before{
                                                         content:url("../images/pictos/videos.svg");
                                                         padding-right: 0.5rem;
+                                                        display: block;
+
                                                     }
                                                     &:hover::before,
                                                     .is-active &::before{
                                                         content:url("../images/pictos/videos-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                     }
                                                 &.button-podcasts{
                                                     &::before{
                                                     content:url("../images/pictos/podcasts.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/podcasts-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-images---photos{
                                                     &::before{
                                                     content:url("../images/pictos/en-images.svg");
+                                                    display: block;
                                                     padding-right: 0.5rem;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/en-images-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-livres{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-articles{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
                                                 &.button-publications---rapports{
                                                     &::before{
                                                     content:url("../images/pictos/ecrits.svg");
                                                     padding-right: 0.5rem;
+                                                    display: block;
                                                     }
                                                     &:hover::before{
                                                         content:url("../images/pictos/ecrits-blanc.svg");
+                                                        display: block;
+
                                                     }
                                                 }
 
diff --git a/web/themes/custom/eql/templates/partials/form.html.twig b/web/themes/custom/eql/templates/partials/form.html.twig
index 5a3c931..7531f2e 100644
--- a/web/themes/custom/eql/templates/partials/form.html.twig
+++ b/web/themes/custom/eql/templates/partials/form.html.twig
@@ -12,7 +12,7 @@
  * @ingroup themeable
  */
 #}
-{# 
+
   <div class="buttons-filtres-ressources">
    <button class="button-videos" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=693&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Vidéos</a></button>
 
@@ -22,9 +22,9 @@
    <button class="button-livres" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Livres</a></button>
    <button class="button-articles" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=694&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Articles</a></button>
    <button class="button-publications-rapports" type="button" style=""><a href="https://stage.eql.figli.io/ressources?field_type_de_media_target_id=696&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine="> Publications/rapports</a></button>
-</div> #}
-
+</div>
 
+{# 
 <div class="buttons-filtres-ressources">
   {% for item in media_links %}
     <a
@@ -33,8 +33,9 @@
     >
       {{ item.label }}
     </a>
+    
   {% endfor %}
-</div>
+</div> #}
 
 
 <form{{ attributes }}>