button media css

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

@@ -5370,7 +5370,7 @@ 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 {
   display: grid;
-  grid-template-columns: 20% 75%;
+  grid-template-columns: 30% 75%;
   gap: 2rem;
 }
 .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 {
@@ -5396,23 +5396,21 @@ svg.ext {
     margin-left: 0;
   }
 }
-.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::before {
-  content: "Filtrer par : ";
+.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::before {
+  content: "Afficher : ";
   padding-right: 1rem;
   font-weight: 800;
   margin-bottom: 1rem;
+  display: block;
+  width: 100%;
 }
 @media (max-width: 479px) {
-  .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::before {
+  .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::before {
     padding-bottom: 1rem;
   }
 }
-.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 {
-  margin-top: 2rem;
-}
 .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 {
   background-color: transparent;
-  border-radius: 30px;
   border: 1px solid black;
   padding: 0.5rem 0.8rem 0.2rem 0.6rem;
   margin-bottom: 1rem;
@@ -5420,6 +5418,14 @@ 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 button:hover {
   cursor: grab;
+  background-color: rgb(9, 57, 139);
+  color: white;
+}
+.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 a:hover {
+  color: white;
+}
+.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.button-videos {
+  margin-top: 1rem;
 }
 .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.button-videos a {
   display: inline-flex;
@@ -5427,54 +5433,83 @@ svg.ext {
   align-items: center;
 }
 .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.button-videos a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/videos.svg");
   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 button.button-videos a:hover::before {
+  content: url("../images/pictos/videos-blanc.svg");
+}
 .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.button-podcasts a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }
 .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.button-podcasts a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/podcasts.svg");
   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 button.button-podcasts a:hover::before {
+  content: url("../images/pictos/podcasts-blanc.svg");
+}
 .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.button-reportages-photos a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }
 .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.button-reportages-photos a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/en-images.svg");
   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 button.button-reportages-photos a:hover::before {
+  content: url("../images/pictos/en-images-blanc.svg");
+}
 .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.button-livres a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }
 .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.button-livres a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/ecrits.svg");
   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 button.button-livres a:hover::before {
+  content: url("../images/pictos/ecrits-blanc.svg");
+}
 .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.button-articles a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }
 .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.button-articles a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/ecrits.png");
   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 button.button-articles a:hover::before {
+  content: url("../images/pictos/ecrits-blanc.svg");
+}
 .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.button-publications-rapports a {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
 }
 .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.button-publications-rapports a::before {
-  content: url("../images/pictos/podcasts.png");
+  content: url("../images/pictos/ecrits.png");
   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 button.button-publications-rapports a:hover::before {
+  content: url("../images/pictos/ecrits-blanc.svg");
+}
+.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 form::before {
+  content: "Filtrer par : ";
+  padding-right: 1rem;
+  font-weight: 800;
+  margin-bottom: 1rem;
+}
+@media (max-width: 479px) {
+  .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 form::before {
+    padding-bottom: 1rem;
+  }
+}
 .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-ressources-hidden {
   visibility: hidden;
   height: 0;

web/themes/custom/eql/dist/assets/images/pictos/ecrits-blanc.svg

@@ -0,0 +1,189 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="24.361286"
+   height="24.678955"
+   viewBox="0 0 24.361286 24.678955"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5842">
+      <path
+         d="M 0,-17.2991 H 1260 V 17.2991 H 0 Z"
+         transform="translate(7.4498971e-8,-17.299103)"
+         id="path5842" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5843">
+      <path
+         d="M 0,-17.2991 H 1260 V 17.2991 H 0 Z"
+         transform="matrix(0.76242667,0,0,-0.77237333,27.37398,564.52819)"
+         id="path5843" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5844">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,5.3220997)"
+         clip-rule="evenodd"
+         id="path5844" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5845">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,7.1922964)"
+         clip-rule="evenodd"
+         id="path5845" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5846">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,9.0625059)"
+         clip-rule="evenodd"
+         id="path5846" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5847">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         clip-rule="evenodd"
+         id="path5847" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5848">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,5.3220997)"
+         clip-rule="evenodd"
+         id="path5848" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5849">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,7.1922964)"
+         clip-rule="evenodd"
+         id="path5849" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5850">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,9.0625059)"
+         clip-rule="evenodd"
+         id="path5850" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5851">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
+         clip-rule="evenodd"
+         id="path5851" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5852">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.3720052e-7,-18.509197)"
+         id="path5852" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5862">
+      <path
+         d="M 0,0 H 18.2711 V -18.5092 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,20.101627,544.98144)"
+         clip-rule="evenodd"
+         id="path5862" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-20.101494,-544.98144)">
+    <g
+       id="g5861"
+       clip-path="url(#clipPath5862)">
+      <g
+         clip-path="url(#clipPath5851)"
+         id="g5860">
+        <g
+           clip-path="url(#clipPath5843)"
+           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"
+             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"
+           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"
+           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"
+           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"
+           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"
+           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"
+           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"
+           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"
+         transform="matrix(0.76242667,0,0,-0.77237333,20.101627,544.98135)"
+         clip-path="url(#clipPath5852)"
+         id="path5861" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/ecrits.svg

@@ -0,0 +1,189 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="24.361286"
+   height="24.678955"
+   viewBox="0 0 24.361286 24.678955"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5842">
+      <path
+         d="M 0,-17.2991 H 1260 V 17.2991 H 0 Z"
+         transform="translate(7.4498971e-8,-17.299103)"
+         id="path5842" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5843">
+      <path
+         d="M 0,-17.2991 H 1260 V 17.2991 H 0 Z"
+         transform="matrix(0.76242667,0,0,-0.77237333,27.37398,564.52819)"
+         id="path5843" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5844">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,5.3220997)"
+         clip-rule="evenodd"
+         id="path5844" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5845">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,7.1922964)"
+         clip-rule="evenodd"
+         id="path5845" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5846">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,9.0625059)"
+         clip-rule="evenodd"
+         id="path5846" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5847">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         clip-rule="evenodd"
+         id="path5847" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5848">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,5.3220997)"
+         clip-rule="evenodd"
+         id="path5848" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5849">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,7.1922964)"
+         clip-rule="evenodd"
+         id="path5849" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5850">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="translate(-4.5676799,9.0625059)"
+         clip-rule="evenodd"
+         id="path5850" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5851">
+      <path
+         d="M 0,0 H 14.0984 V -17.2991 H 0 Z"
+         transform="matrix(0.76242667,0,0,-0.77237333,27.37398,551.16682)"
+         clip-rule="evenodd"
+         id="path5851" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5852">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.3720052e-7,-18.509197)"
+         id="path5852" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5862">
+      <path
+         d="M 0,0 H 18.2711 V -18.5092 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,20.101627,544.98144)"
+         clip-rule="evenodd"
+         id="path5862" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-20.101494,-544.98144)">
+    <g
+       id="g5861"
+       clip-path="url(#clipPath5862)">
+      <g
+         clip-path="url(#clipPath5851)"
+         id="g5860">
+        <g
+           clip-path="url(#clipPath5843)"
+           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:#09398b;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:#09398b;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:#09398b;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:#09398b;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:#09398b;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:#09398b;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:#09398b;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:#09398b;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:#09398b;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" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/en-images-blanc.svg

@@ -0,0 +1,275 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="22.666534"
+   height="22.542389"
+   viewBox="0 0 22.666534 22.542389"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5929">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.6988948e-7,-16.906833)"
+         id="path5929" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5930">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="translate(-0.1891999,-12.210006)"
+         id="path5930" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5931">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5931" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5932">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5932" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5933">
+      <path
+         d="M 0,0 H 15.0566 V -12.3984 H 0 Z"
+         clip-rule="evenodd"
+         id="path5933" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5934">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5934" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5935">
+      <path
+         d="M 0,-6.166 H 1260 V 6.166 H 0 Z"
+         transform="translate(-0.18968051,-5.9770012)"
+         id="path5935" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5936">
+      <path
+         d="M 0,-6.166 H 1260 V 6.166 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,27.935839,514.85385)"
+         id="path5936" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5937">
+      <path
+         d="M 0,0 H 6.16015 V -6.166 H 0 Z"
+         clip-rule="evenodd"
+         id="path5937" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5938">
+      <path
+         d="M 0,0 H 6.16015 V -6.166 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
+         clip-rule="evenodd"
+         id="path5938" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5939">
+      <path
+         d="M 0,0 H 15.0566 V -12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
+         clip-rule="evenodd"
+         id="path5939" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5940">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.6988948e-7,-31.952283)"
+         id="path5940" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5941">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,18.666667,523.26976)"
+         id="path5941" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5942">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-8.6970599,9.9500944)"
+         clip-rule="evenodd"
+         id="path5942" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5943">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-8.5078598,9.7617049)"
+         clip-rule="evenodd"
+         id="path5943" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5944">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-13.25614,14.046399)"
+         clip-rule="evenodd"
+         id="path5944" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5945">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-13.06646,13.8574)"
+         clip-rule="evenodd"
+         id="path5945" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5946">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
+         clip-rule="evenodd"
+         id="path5946" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5958">
+      <path
+         d="M 0,0 H 17 V -16.9068 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,18.666667,500.72727)"
+         clip-rule="evenodd"
+         id="path5958" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-18.665826,-500.72726)">
+    <g
+       id="g5958"
+       clip-path="url(#clipPath5958)">
+      <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"
+         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">
+        <g
+           clip-path="url(#clipPath5934)"
+           id="g5950">
+          <g
+             clip-path="url(#clipPath5932)"
+             id="g5949">
+            <g
+               clip-path="url(#clipPath5931)"
+               id="g5948">
+              <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"
+                 transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
+                 clip-path="url(#clipPath5930)"
+                 id="path5948" />
+            </g>
+          </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"
+             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">
+          <g
+             clip-path="url(#clipPath5936)"
+             id="g5951">
+            <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"
+               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"
+             transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
+             clip-path="url(#clipPath5937)"
+             id="path5951" />
+        </g>
+      </g>
+      <g
+         clip-path="url(#clipPath5946)"
+         id="g5957">
+        <g
+           clip-path="url(#clipPath5941)"
+           id="g5954">
+          <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"
+             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"
+           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"
+           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"
+           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"
+           transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
+           clip-path="url(#clipPath5945)"
+           id="path5957" />
+      </g>
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/en-images.svg

@@ -0,0 +1,275 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="22.666534"
+   height="22.542389"
+   viewBox="0 0 22.666534 22.542389"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5929">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.6988948e-7,-16.906833)"
+         id="path5929" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5930">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="translate(-0.1891999,-12.210006)"
+         id="path5930" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5931">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5931" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5932">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5932" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5933">
+      <path
+         d="M 0,0 H 15.0566 V -12.3984 H 0 Z"
+         clip-rule="evenodd"
+         id="path5933" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5934">
+      <path
+         d="M 0,-12.3984 H 1260 V 12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,516.36131)"
+         id="path5934" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5935">
+      <path
+         d="M 0,-6.166 H 1260 V 6.166 H 0 Z"
+         transform="translate(-0.18968051,-5.9770012)"
+         id="path5935" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5936">
+      <path
+         d="M 0,-6.166 H 1260 V 6.166 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,27.935839,514.85385)"
+         id="path5936" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5937">
+      <path
+         d="M 0,0 H 6.16015 V -6.166 H 0 Z"
+         clip-rule="evenodd"
+         id="path5937" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5938">
+      <path
+         d="M 0,0 H 6.16015 V -6.166 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
+         clip-rule="evenodd"
+         id="path5938" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5939">
+      <path
+         d="M 0,0 H 15.0566 V -12.3984 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,24.702029,507.61416)"
+         clip-rule="evenodd"
+         id="path5939" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5940">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-4.6988948e-7,-31.952283)"
+         id="path5940" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5941">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,18.666667,523.26976)"
+         id="path5941" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5942">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-8.6970599,9.9500944)"
+         clip-rule="evenodd"
+         id="path5942" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5943">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-8.5078598,9.7617049)"
+         clip-rule="evenodd"
+         id="path5943" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5944">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-13.25614,14.046399)"
+         clip-rule="evenodd"
+         id="path5944" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5945">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="translate(-13.06646,13.8574)"
+         clip-rule="evenodd"
+         id="path5945" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5946">
+      <path
+         d="M 0,0 H 31.9523 V -31.9523 H 0 Z"
+         transform="matrix(0.70938667,0,0,-0.70550667,18.666667,500.72721)"
+         clip-rule="evenodd"
+         id="path5946" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5958">
+      <path
+         d="M 0,0 H 17 V -16.9068 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,18.666667,500.72727)"
+         clip-rule="evenodd"
+         id="path5958" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-18.665826,-500.72726)">
+    <g
+       id="g5958"
+       clip-path="url(#clipPath5958)">
+      <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"
+         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">
+        <g
+           clip-path="url(#clipPath5934)"
+           id="g5950">
+          <g
+             clip-path="url(#clipPath5932)"
+             id="g5949">
+            <g
+               clip-path="url(#clipPath5931)"
+               id="g5948">
+              <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"
+                 transform="matrix(0.70938667,0,0,-0.70550667,24.836245,507.74707)"
+                 clip-path="url(#clipPath5930)"
+                 id="path5948" />
+            </g>
+          </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"
+             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">
+          <g
+             clip-path="url(#clipPath5936)"
+             id="g5951">
+            <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"
+               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"
+             transform="matrix(0.70938667,0,0,-0.70550667,27.935839,510.5037)"
+             clip-path="url(#clipPath5937)"
+             id="path5951" />
+        </g>
+      </g>
+      <g
+         clip-path="url(#clipPath5946)"
+         id="g5957">
+        <g
+           clip-path="url(#clipPath5941)"
+           id="g5954">
+          <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"
+             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:#09398b;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:#09398b;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:#09398b;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:#09398b;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" />
+      </g>
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/podcasts-blanc.svg

@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="23.622131"
+   height="22.833435"
+   viewBox="0 0 23.622131 22.833435"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5812">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(2.9760132e-6,-17.125139)"
+         id="path5812" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5813">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-8.2698706,-13.400028)"
+         id="path5813" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5814">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-8.1453155,-13.520195)"
+         id="path5814" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5815">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-6.473058,-7.8639002)"
+         id="path5815" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5816">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-6.3482529,-7.9846198)"
+         id="path5816" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5817">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(2.9760132e-6,-17.125139)"
+         id="path5817" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5824">
+      <path
+         d="M 0,0 H 17.7166 V -17.1251 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,159.63957,544.78239)"
+         clip-rule="evenodd"
+         id="path5824" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-159.6395,-544.78241)">
+    <g
+       id="g5823"
+       clip-path="url(#clipPath5824)">
+      <path
+         d="m 10.545,-0.63609 c 5.4599,0 9.8859,-4.27181 9.8859,-9.54131 0,-5.2696 -4.426,-9.5413 -9.8859,-9.5414 -5.45983,0 -9.88591,4.2718 -9.88593,9.5414 0.00723,5.26658 4.42906,9.53431 9.88593,9.54131 z M 10.545,0 C 4.72116,0 1e-5,-4.55658 0,-10.1774 c -1e-5,-5.6209 4.72113,-10.1775 10.545,-10.1775 5.8238,0 10.545,4.5566 10.545,10.1775 C 21.09,-4.55662 16.3689,0 10.545,0 Z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,159.63957,544.78233)"
+         clip-path="url(#clipPath5812)"
+         id="path5818" />
+      <path
+         d="m 5.03108,-7.0556 v 4.62454 c 0.00119,0.86815 -0.47802,1.67085 -1.25681,2.10525 -0.7788,0.43441 -1.73866,0.43441 -2.51746,0 C 0.47802,-0.76021 -0.00118,-1.56291 0,-2.43106 V -7.0556 c -0.00118,-0.86817 0.47802,-1.67084 1.25681,-2.10523 0.7788,-0.43441 1.73866,-0.43441 2.51746,0 0.77879,0.43439 1.258,1.23706 1.25681,2.10523 z m -4.68883,0 v 4.62454 c 0,1.15844 0.97302,2.09754 2.17329,2.09754 1.20028,0 2.17329,-0.9391 2.17329,-2.09754 V -7.0556 c 0,-1.15847 -0.97301,-2.09753 -2.17329,-2.09753 -1.20027,0 -2.17329,0.93906 -2.17329,2.09753 z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,168.90238,548.96106)"
+         clip-path="url(#clipPath5813)"
+         id="path5819" />
+      <path
+         d="M 2.64018,0 C 1.98302,0 1.32388,-0.21105 0.82635,-0.63832 0.32881,-1.06558 -0.00114,-1.71147 0,-2.55192 v -4.62352 c -0.00132,-0.84044 0.32881,-1.48634 0.82635,-1.9136 0.49753,-0.42731 1.15667,-0.63831 1.81383,-0.63831 0.65718,0 1.31631,0.211 1.81384,0.63831 0.49754,0.42726 0.82749,1.07316 0.82635,1.9136 v 4.62352 0 c 6.6e-4,0.83981 -0.32908,1.48532 -0.82635,1.91239 -0.49753,0.42727 -1.15666,0.63832 -1.81384,0.63832 z m 0,-0.24016 c 0.60171,0 1.20147,-0.19424 1.64754,-0.57735 0.44607,-0.38306 0.74362,-0.95295 0.74255,-1.7332 V -7.17544 C 5.03159,-7.95568 4.73379,-8.52558 4.28772,-8.90863 3.84165,-9.29175 3.24189,-9.48599 2.64018,-9.48599 c -0.6017,0 -1.20146,0.19424 -1.64753,0.57736 -0.44607,0.38305 -0.7449,0.95295 -0.74384,1.73319 v 4.62473 c -0.00132,0.78025 0.29777,1.35014 0.74384,1.7332 0.44607,0.38311 1.04583,0.57735 1.64753,0.57735 z m 0,-0.09333 c -0.57103,0 -1.14342,-0.18328 -1.57662,-0.55493 C 0.63034,-1.26006 0.34163,-1.82143 0.34163,-2.55071 v -4.62473 c 0,-0.72928 0.28871,-1.29185 0.72193,-1.6635 0.4332,-0.37171 1.00559,-0.55495 1.57662,-0.55495 0.57104,0 1.14344,0.18324 1.57664,0.55495 0.43321,0.37165 0.72192,0.93422 0.72192,1.6635 v 4.62473 c 0,0.72928 -0.28871,1.29065 -0.72192,1.66229 -0.4332,0.37165 -1.0056,0.55493 -1.57664,0.55493 z m 0,-0.2401 c 0.51561,0 1.02985,-0.16646 1.41162,-0.49396 0.38179,-0.32757 0.63684,-0.81408 0.63684,-1.48316 v -4.62473 c 0,-0.66908 -0.25505,-1.15558 -0.63684,-1.48309 -0.38177,-0.32756 -0.89601,-0.49396 -1.41162,-0.49396 -0.5156,0 -1.02984,0.1664 -1.41161,0.49396 -0.38178,0.32751 -0.63685,0.81401 -0.63685,1.48309 v 4.62473 c 0,0.66908 0.25507,1.15559 0.63685,1.48316 0.38177,0.3275 0.89601,0.49396 1.41161,0.49396 z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,168.76287,548.82626)"
+         clip-path="url(#clipPath5814)"
+         id="path5820" />
+      <path
+         d="m 8.62468,-1.53597 v 1.37079 C 8.62475,-0.07396 8.54811,0 8.45359,0 8.36258,-0.00768 8.29043,-0.07734 8.28245,-0.16518 v -1.37079 c 0,-2.11621 -1.77746,-3.83174 -3.9701,-3.83174 -2.19263,0 -3.9701,1.71553 -3.9701,3.83174 v 1.37079 C 0.3343,-0.07734 0.26214,-0.00768 0.17112,0 0.07661,0 -1e-5,-0.07396 0,-0.16518 v -1.37079 c -0.00185,-2.23567 1.82665,-4.07339 4.14123,-4.1621 V -7.16798 H 2.27596 C 2.22908,-7.16263 2.18225,-7.17824 2.14886,-7.21047 2.11548,-7.24271 2.09926,-7.28793 2.10484,-7.33316 c 2e-5,-0.09123 0.07663,-0.16513 0.17112,-0.16513 h 4.07279 c 0.09449,0 0.1711,0.0739 0.17111,0.16513 0.00559,0.04523 -0.01063,0.09045 -0.04401,0.12269 -0.03338,0.03223 -0.08022,0.04784 -0.1271,0.04249 H 4.48348 v 1.46991 c 2.31459,0.08871 4.14305,1.92643 4.1412,4.1621 z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,166.88983,555.17134)"
+         clip-path="url(#clipPath5815)"
+         id="path5821" />
+      <path
+         d="M 0.29651,0 C 0.13457,0 -2e-5,-0.12989 0,-0.28616 V -1.65732 C -0.00132,-3.91455 1.82165,-5.75865 4.14075,-5.91129 V -7.16798 H 2.4004 2.41585 C 2.24364,-7.14823 2.10015,-7.2952 2.11289,-7.46038 2.11969,-7.6111 2.24273,-7.73781 2.40037,-7.73781 H 6.4741 c 0.15764,0 0.28067,0.12671 0.28747,0.27743 0.01346,0.16562 -0.13036,0.31221 -0.30294,0.2924 H 6.47407 4.73242 v 1.25669 c 2.32017,0.152 4.14394,1.99699 4.14202,4.25524 v 1.36989 C 8.87451,-0.12989 8.73993,0 8.57795,0 H 8.57267 8.56739 C 8.4169,-0.01274 8.29565,-0.12843 8.28252,-0.27367 v -0.00637 -1.37614 c 0,-2.05114 -1.72034,-3.71025 -3.84556,-3.71025 -2.12521,0 -3.84553,1.65911 -3.84553,3.71025 v 1.37614 0.00637 C 0.57829,-0.12843 0.45703,-0.01268 0.30653,0 H 0.30124 Z M 0.29123,-0.24634 c 0.02627,-0.00637 0.0491,-0.02294 0.05155,-0.04969 v -1.36123 c 0,-2.18123 1.8343,-3.95162 4.09435,-3.95162 2.26002,0 4.09435,1.77039 4.09435,3.95162 v 1.36123 c 0.00264,0.02675 0.02528,0.04332 0.05155,0.04969 0.02244,-0.00637 0.04126,-0.01657 0.04126,-0.0395 V -1.65701 C 8.62626,-3.82925 6.85233,-5.61201 4.6034,-5.6982 L 4.48351,-5.70457 v -1.70587 h 1.9969 0.00771 c 0.02173,0 0.03479,-0.01019 0.03221,-0.03121 v -0.00764 -0.00765 c 0,-0.02612 -0.01933,-0.0446 -0.04639,-0.0446 H 2.40022 c -0.02713,0 -0.04641,0.01848 -0.04641,0.0446 v 0.00765 0.00764 c -0.00263,0.02102 0.0105,0.03376 0.03221,0.03121 h 0.00773 1.9969 v 1.70587 l -0.1199,0.00637 c -2.24894,0.08619 -4.02266,1.86895 -4.02086,4.04119 v 1.37117 c 0,0.02293 0.01881,0.03631 0.04126,0.0395 z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,166.75004,555.03592)"
+         clip-path="url(#clipPath5816)"
+         id="path5822" />
+      <path
+         d="m 10.545,-0.63609 c 5.4599,0 9.8859,-4.27181 9.8859,-9.54131 0,-5.2696 -4.426,-9.5413 -9.8859,-9.5414 -5.45983,0 -9.88591,4.2718 -9.88593,9.5414 0.00723,5.26658 4.42906,9.53431 9.88593,9.54131 z M 10.545,0 C 4.72116,0 1e-5,-4.55658 0,-10.1774 c -1e-5,-5.6209 4.72113,-10.1775 10.545,-10.1775 5.8238,0 10.545,4.5566 10.545,10.1775 C 21.09,-4.55662 16.3689,0 10.545,0 Z"
+         style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,159.63957,544.78233)"
+         clip-path="url(#clipPath5817)"
+         id="path5823" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/podcasts.svg

@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="23.622131"
+   height="22.833435"
+   viewBox="0 0 23.622131 22.833435"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5812">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(2.9760132e-6,-17.125139)"
+         id="path5812" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5813">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-8.2698706,-13.400028)"
+         id="path5813" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5814">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-8.1453155,-13.520195)"
+         id="path5814" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5815">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-6.473058,-7.8639002)"
+         id="path5815" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5816">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(-6.3482529,-7.9846198)"
+         id="path5816" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5817">
+      <path
+         d="M 0,-20.3549 H 1260 V 20.3549 H 0 Z"
+         transform="translate(2.9760132e-6,-17.125139)"
+         id="path5817" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5824">
+      <path
+         d="M 0,0 H 17.7166 V -17.1251 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,159.63957,544.78239)"
+         clip-rule="evenodd"
+         id="path5824" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-159.6395,-544.78241)">
+    <g
+       id="g5823"
+       clip-path="url(#clipPath5824)">
+      <path
+         d="m 10.545,-0.63609 c 5.4599,0 9.8859,-4.27181 9.8859,-9.54131 0,-5.2696 -4.426,-9.5413 -9.8859,-9.5414 -5.45983,0 -9.88591,4.2718 -9.88593,9.5414 0.00723,5.26658 4.42906,9.53431 9.88593,9.54131 z M 10.545,0 C 4.72116,0 1e-5,-4.55658 0,-10.1774 c -1e-5,-5.6209 4.72113,-10.1775 10.545,-10.1775 5.8238,0 10.545,4.5566 10.545,10.1775 C 21.09,-4.55662 16.3689,0 10.545,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,159.63957,544.78233)"
+         clip-path="url(#clipPath5812)"
+         id="path5818" />
+      <path
+         d="m 5.03108,-7.0556 v 4.62454 c 0.00119,0.86815 -0.47802,1.67085 -1.25681,2.10525 -0.7788,0.43441 -1.73866,0.43441 -2.51746,0 C 0.47802,-0.76021 -0.00118,-1.56291 0,-2.43106 V -7.0556 c -0.00118,-0.86817 0.47802,-1.67084 1.25681,-2.10523 0.7788,-0.43441 1.73866,-0.43441 2.51746,0 0.77879,0.43439 1.258,1.23706 1.25681,2.10523 z m -4.68883,0 v 4.62454 c 0,1.15844 0.97302,2.09754 2.17329,2.09754 1.20028,0 2.17329,-0.9391 2.17329,-2.09754 V -7.0556 c 0,-1.15847 -0.97301,-2.09753 -2.17329,-2.09753 -1.20027,0 -2.17329,0.93906 -2.17329,2.09753 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,168.90238,548.96106)"
+         clip-path="url(#clipPath5813)"
+         id="path5819" />
+      <path
+         d="M 2.64018,0 C 1.98302,0 1.32388,-0.21105 0.82635,-0.63832 0.32881,-1.06558 -0.00114,-1.71147 0,-2.55192 v -4.62352 c -0.00132,-0.84044 0.32881,-1.48634 0.82635,-1.9136 0.49753,-0.42731 1.15667,-0.63831 1.81383,-0.63831 0.65718,0 1.31631,0.211 1.81384,0.63831 0.49754,0.42726 0.82749,1.07316 0.82635,1.9136 v 4.62352 0 c 6.6e-4,0.83981 -0.32908,1.48532 -0.82635,1.91239 -0.49753,0.42727 -1.15666,0.63832 -1.81384,0.63832 z m 0,-0.24016 c 0.60171,0 1.20147,-0.19424 1.64754,-0.57735 0.44607,-0.38306 0.74362,-0.95295 0.74255,-1.7332 V -7.17544 C 5.03159,-7.95568 4.73379,-8.52558 4.28772,-8.90863 3.84165,-9.29175 3.24189,-9.48599 2.64018,-9.48599 c -0.6017,0 -1.20146,0.19424 -1.64753,0.57736 -0.44607,0.38305 -0.7449,0.95295 -0.74384,1.73319 v 4.62473 c -0.00132,0.78025 0.29777,1.35014 0.74384,1.7332 0.44607,0.38311 1.04583,0.57735 1.64753,0.57735 z m 0,-0.09333 c -0.57103,0 -1.14342,-0.18328 -1.57662,-0.55493 C 0.63034,-1.26006 0.34163,-1.82143 0.34163,-2.55071 v -4.62473 c 0,-0.72928 0.28871,-1.29185 0.72193,-1.6635 0.4332,-0.37171 1.00559,-0.55495 1.57662,-0.55495 0.57104,0 1.14344,0.18324 1.57664,0.55495 0.43321,0.37165 0.72192,0.93422 0.72192,1.6635 v 4.62473 c 0,0.72928 -0.28871,1.29065 -0.72192,1.66229 -0.4332,0.37165 -1.0056,0.55493 -1.57664,0.55493 z m 0,-0.2401 c 0.51561,0 1.02985,-0.16646 1.41162,-0.49396 0.38179,-0.32757 0.63684,-0.81408 0.63684,-1.48316 v -4.62473 c 0,-0.66908 -0.25505,-1.15558 -0.63684,-1.48309 -0.38177,-0.32756 -0.89601,-0.49396 -1.41162,-0.49396 -0.5156,0 -1.02984,0.1664 -1.41161,0.49396 -0.38178,0.32751 -0.63685,0.81401 -0.63685,1.48309 v 4.62473 c 0,0.66908 0.25507,1.15559 0.63685,1.48316 0.38177,0.3275 0.89601,0.49396 1.41161,0.49396 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,168.76287,548.82626)"
+         clip-path="url(#clipPath5814)"
+         id="path5820" />
+      <path
+         d="m 8.62468,-1.53597 v 1.37079 C 8.62475,-0.07396 8.54811,0 8.45359,0 8.36258,-0.00768 8.29043,-0.07734 8.28245,-0.16518 v -1.37079 c 0,-2.11621 -1.77746,-3.83174 -3.9701,-3.83174 -2.19263,0 -3.9701,1.71553 -3.9701,3.83174 v 1.37079 C 0.3343,-0.07734 0.26214,-0.00768 0.17112,0 0.07661,0 -1e-5,-0.07396 0,-0.16518 v -1.37079 c -0.00185,-2.23567 1.82665,-4.07339 4.14123,-4.1621 V -7.16798 H 2.27596 C 2.22908,-7.16263 2.18225,-7.17824 2.14886,-7.21047 2.11548,-7.24271 2.09926,-7.28793 2.10484,-7.33316 c 2e-5,-0.09123 0.07663,-0.16513 0.17112,-0.16513 h 4.07279 c 0.09449,0 0.1711,0.0739 0.17111,0.16513 0.00559,0.04523 -0.01063,0.09045 -0.04401,0.12269 -0.03338,0.03223 -0.08022,0.04784 -0.1271,0.04249 H 4.48348 v 1.46991 c 2.31459,0.08871 4.14305,1.92643 4.1412,4.1621 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,166.88983,555.17134)"
+         clip-path="url(#clipPath5815)"
+         id="path5821" />
+      <path
+         d="M 0.29651,0 C 0.13457,0 -2e-5,-0.12989 0,-0.28616 V -1.65732 C -0.00132,-3.91455 1.82165,-5.75865 4.14075,-5.91129 V -7.16798 H 2.4004 2.41585 C 2.24364,-7.14823 2.10015,-7.2952 2.11289,-7.46038 2.11969,-7.6111 2.24273,-7.73781 2.40037,-7.73781 H 6.4741 c 0.15764,0 0.28067,0.12671 0.28747,0.27743 0.01346,0.16562 -0.13036,0.31221 -0.30294,0.2924 H 6.47407 4.73242 v 1.25669 c 2.32017,0.152 4.14394,1.99699 4.14202,4.25524 v 1.36989 C 8.87451,-0.12989 8.73993,0 8.57795,0 H 8.57267 8.56739 C 8.4169,-0.01274 8.29565,-0.12843 8.28252,-0.27367 v -0.00637 -1.37614 c 0,-2.05114 -1.72034,-3.71025 -3.84556,-3.71025 -2.12521,0 -3.84553,1.65911 -3.84553,3.71025 v 1.37614 0.00637 C 0.57829,-0.12843 0.45703,-0.01268 0.30653,0 H 0.30124 Z M 0.29123,-0.24634 c 0.02627,-0.00637 0.0491,-0.02294 0.05155,-0.04969 v -1.36123 c 0,-2.18123 1.8343,-3.95162 4.09435,-3.95162 2.26002,0 4.09435,1.77039 4.09435,3.95162 v 1.36123 c 0.00264,0.02675 0.02528,0.04332 0.05155,0.04969 0.02244,-0.00637 0.04126,-0.01657 0.04126,-0.0395 V -1.65701 C 8.62626,-3.82925 6.85233,-5.61201 4.6034,-5.6982 L 4.48351,-5.70457 v -1.70587 h 1.9969 0.00771 c 0.02173,0 0.03479,-0.01019 0.03221,-0.03121 v -0.00764 -0.00765 c 0,-0.02612 -0.01933,-0.0446 -0.04639,-0.0446 H 2.40022 c -0.02713,0 -0.04641,0.01848 -0.04641,0.0446 v 0.00765 0.00764 c -0.00263,0.02102 0.0105,0.03376 0.03221,0.03121 h 0.00773 1.9969 v 1.70587 l -0.1199,0.00637 c -2.24894,0.08619 -4.02266,1.86895 -4.02086,4.04119 v 1.37117 c 0,0.02293 0.01881,0.03631 0.04126,0.0395 z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,166.75004,555.03592)"
+         clip-path="url(#clipPath5816)"
+         id="path5822" />
+      <path
+         d="m 10.545,-0.63609 c 5.4599,0 9.8859,-4.27181 9.8859,-9.54131 0,-5.2696 -4.426,-9.5413 -9.8859,-9.5414 -5.45983,0 -9.88591,4.2718 -9.88593,9.5414 0.00723,5.26658 4.42906,9.53431 9.88593,9.54131 z M 10.545,0 C 4.72116,0 1e-5,-4.55658 0,-10.1774 c -1e-5,-5.6209 4.72113,-10.1775 10.545,-10.1775 5.8238,0 10.545,4.5566 10.545,10.1775 C 21.09,-4.55662 16.3689,0 10.545,0 Z"
+         style="fill:#09398b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         transform="matrix(1.1200667,0,0,-1.1217733,159.63957,544.78233)"
+         clip-path="url(#clipPath5817)"
+         id="path5823" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/videos-blanc.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="20.350399"
+   height="20.393066"
+   viewBox="0 0 20.350399 20.393066"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5830">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5830" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5831">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-11.442769,-6.1136876)"
+         id="path5831" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5832">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5832" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5836">
+      <path
+         d="M 0,0 H 15.2628 V -15.2948 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,24.14796,455.92257)"
+         clip-rule="evenodd"
+         id="path5836" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-24.148428,-455.92258)">
+    <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"
+         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"
+         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"
+         transform="matrix(0.63690667,0,0,-0.63824,24.14796,455.92249)"
+         clip-path="url(#clipPath5832)"
+         id="path5835" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/dist/assets/images/pictos/videos.svg

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg1"
+   width="20.350399"
+   height="20.393066"
+   viewBox="0 0 20.350399 20.393066"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5830">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5830" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5831">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(-11.442769,-6.1136876)"
+         id="path5831" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5832">
+      <path
+         d="M 0,-31.9523 H 1260 V 31.9523 H 0 Z"
+         transform="translate(0,-15.294795)"
+         id="path5832" />
+    </clipPath>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath5836">
+      <path
+         d="M 0,0 H 15.2628 V -15.2948 H 0 Z"
+         transform="matrix(1.3333333,0,0,-1.3333333,24.14796,455.92257)"
+         clip-rule="evenodd"
+         id="path5836" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer-oc0"
+     transform="translate(-24.148428,-455.92258)">
+    <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:#09398b;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:#09398b;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:#09398b;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" />
+    </g>
+  </g>
+</svg>

web/themes/custom/eql/scss/pages/ressources.scss

@@ -120,7 +120,7 @@
                                 }
                                 .view-base-de-donnees{
                                     display: grid;
-                                    grid-template-columns: 20% 75%;
+                                    grid-template-columns: 30% 75%;
                                     gap: 2rem;
                                     .view-filters{
                                         position: sticky;
@@ -141,36 +141,50 @@
                                         @media (max-width: 479px) {
                                             margin-left: 0;                                                
                                         }
-                                        &::before{
-                                            content: "Filtrer par : ";
-                                            padding-right: 1rem;
-                                            font-weight: 800;
-                                            margin-bottom: 1rem;
-                                            @media (max-width: 479px){
-                                                padding-bottom: 1rem;
-                                            }
-                                        }
+                                        
                                         .buttons-filtres-ressources{
-                                            margin-top: 2rem;
+                                            &::before{
+                                                content: "Afficher : ";
+                                                padding-right: 1rem;
+                                                font-weight: 800;
+                                                margin-bottom: 1rem;
+                                                display: block;
+                                                width: 100%;
+                                                @media (max-width: 479px){
+                                                    padding-bottom: 1rem;
+                                                }
+                                            }
                                             button{
                                                 background-color: transparent;
-                                                border-radius: 30px;
+                                                // border-radius: 30px;
                                                 border: 1px solid black;
                                                 padding: 0.5rem 0.8rem 0.2rem 0.6rem;
                                                 margin-bottom: 1rem;
                                                 margin-right: 0.5rem;
                                                 &:hover{
                                                     cursor: grab;
+                                                    background-color: $blue-dark;
+                                                    color: white;
+                                                }
+                                                a {
+                                                    &:hover{
+                                                        color: white;
+                                                    }
                                                 }
 
                                                 &.button-videos{
+                                                    margin-top: 1rem;
                                                     a {
                                                     display: inline-flex;
                                                     flex-direction: row;
                                                     align-items: center;
                                                         &::before{
-                                                        content:url("../images/pictos/podcasts.png");
+                                                        content:url("../images/pictos/videos.svg");
                                                         padding-right: 0.5rem;
+                                                           
+                                                        }
+                                                        &:hover::before{
+                                                            content:url("../images/pictos/videos-blanc.svg");
                                                         }
                                                     }
                                                 }
@@ -180,9 +194,12 @@
                                                         flex-direction: row;
                                                         align-items: center;
                                                             &::before{
-                                                            content:url("../images/pictos/podcasts.png");
+                                                            content:url("../images/pictos/podcasts.svg");
                                                             padding-right: 0.5rem;
                                                             }
+                                                            &:hover::before{
+                                                                content:url("../images/pictos/podcasts-blanc.svg");
+                                                            }
                                                         }
                                                 }
                                                 &.button-reportages-photos{
@@ -191,9 +208,12 @@
                                                         flex-direction: row;
                                                         align-items: center;
                                                             &::before{
-                                                            content:url("../images/pictos/podcasts.png");
+                                                            content:url("../images/pictos/en-images.svg");
                                                             padding-right: 0.5rem;
                                                             }
+                                                            &:hover::before{
+                                                                content:url("../images/pictos/en-images-blanc.svg");
+                                                            }
                                                         }
                                                 }
                                                 &.button-livres{
@@ -202,9 +222,12 @@
                                                         flex-direction: row;
                                                         align-items: center;
                                                             &::before{
-                                                            content:url("../images/pictos/podcasts.png");
+                                                            content:url("../images/pictos/ecrits.svg");
                                                             padding-right: 0.5rem;
                                                             }
+                                                            &:hover::before{
+                                                                content:url("../images/pictos/ecrits-blanc.svg");
+                                                            }
                                                         }
                                                 }
                                                 &.button-articles{
@@ -213,9 +236,12 @@
                                                         flex-direction: row;
                                                         align-items: center;
                                                             &::before{
-                                                            content:url("../images/pictos/podcasts.png");
+                                                            content:url("../images/pictos/ecrits.png");
                                                             padding-right: 0.5rem;
                                                             }
+                                                            &:hover::before{
+                                                                content:url("../images/pictos/ecrits-blanc.svg");
+                                                            }
                                                         }
                                                 }
                                                 &.button-publications-rapports{
@@ -224,14 +250,28 @@
                                                         flex-direction: row;
                                                         align-items: center;
                                                             &::before{
-                                                            content:url("../images/pictos/podcasts.png");
+                                                            content:url("../images/pictos/ecrits.png");
                                                             padding-right: 0.5rem;
                                                             }
+                                                            &:hover::before{
+                                                                content:url("../images/pictos/ecrits-blanc.svg");
+                                                            }
                                                         }
                                                 }
                                             }
 
                                         }
+                                        form{
+                                            &::before{
+                                                content: "Filtrer par : ";
+                                                padding-right: 1rem;
+                                                font-weight: 800;
+                                                margin-bottom: 1rem;
+                                                @media (max-width: 479px){
+                                                    padding-bottom: 1rem;
+                                                }
+                                            }
+                                        }
                                         
 
                                     }

web/themes/custom/eql/templates/form.html.twig

@@ -1,28 +0,0 @@
-{#
-/**
- * @file
- * Default theme implementation for a 'form' element.
- *
- * Available variables
- * - attributes: A list of HTML attributes for the wrapper element.
- * - children: The child elements of the form.
- *
- * @see template_preprocess_form()
- *
- * @ingroup themeable
- */
-#}
-<div class="buttons-filtres-ressources">
-   <button class="button-videos" type="button" style=""><span>Vidéos</span></button>
-
-   <button class="button-podcasts" type="button" style=""><span>Podcasts</span></button>
-
-   <button class="button-reportages-photos" type="button" style=""><span>Reportages photos</span></button>
-   <button class="button-livres" type="button" style=""><span>Livres</span></button>
-   <button class="button-articles" type="button" style=""><span>Articles</span></button>
-   <button class="button-publications-rapports" type="button" style=""><span>Publications/rapports</span></button>
-</div>
-
-<form{{ attributes }}>
-  {{ children }}
-</form>

web/themes/custom/eql/templates/partials/form.html.twig

@@ -0,0 +1,28 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a 'form' element.
+ *
+ * Available variables
+ * - attributes: A list of HTML attributes for the wrapper element.
+ * - children: The child elements of the form.
+ *
+ * @see template_preprocess_form()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="buttons-filtres-ressources">
+   <button class="button-videos" type="button" style=""><a href="/ressources?field_type_de_media_target_id=681&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Vidéos</a></button>
+
+   <button class="button-podcasts" type="button" style=""><a href="/ressources?field_type_de_media_target_id=686&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Podcasts</a></button>
+
+   <button class="button-reportages-photos" type="button" style=""><a href="/ressources?field_type_de_media_target_id=683&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Reportages photos</a></button>
+   <button class="button-livres" type="button" style=""><a href="/ressources?field_type_de_media_target_id=684&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Livres</a></button>
+   <button class="button-articles" type="button" style=""><a href="/ressources?field_type_de_media_target_id=682&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Articles</a></button>
+   <button class="button-publications-rapports" type="button" style=""><a href="/ressources?field_type_de_media_target_id=685&field_type_de_ressource_target_id=All&field_mots_clefs_target_id=All&field_date_de_parution_value=&combine=#filtres"> Publications/rapports</a></button>
+</div>
+
+<form{{ attributes }}>
+  {{ children }}
+</form>