From de35e4aebccc3396e42fff5fdbbc5cdeb93d3356 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 18 Jul 2024 19:35:52 +0200
Subject: [PATCH] media logo

---
 .../dist/assets/css/bundle.css                | 28 +++++--
 .../dist/assets/img/linkedin.svg              | 46 +++++++++++-
 .../dist/assets/img/linkedin2.svg             | 21 ++++++
 .../dist/assets/img/logo_x.svg                | 43 ++++++++---
 .../assets/img/{Youtube.svg => youtube.svg}   | 35 ++++-----
 .../dist/assets/img/youtube_black.svg         | 74 +++++++++++++++++++
 .../src/assets/scss/partials/footer.scss      | 39 ++++++++--
 .../social-media-links-platforms.html.twig    | 31 ++++++++
 8 files changed, 272 insertions(+), 45 deletions(-)
 create mode 100644 web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
 rename web/themes/custom/quartiers_de_demain/dist/assets/img/{Youtube.svg => youtube.svg} (67%)
 create mode 100644 web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
 create mode 100644 web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 1f608b3..ffba58c 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -630,13 +630,29 @@ footer {
   padding-bottom: 0.6rem;
   font-size: 0.6rem;
 }
-.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
-  content: "Nous contacter";
-  padding-bottom: 0.6rem;
-  font-weight: 600;
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::before {
+  display: none;
 }
-.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
-  font-size: 1.5em;
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::after {
+  content: url("../img/logo_x.svg") !important;
+  display: block;
+  width: 50px;
+}
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::before {
+  display: none;
+}
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::after {
+  content: url("../img/linkedin.svg") !important;
+  display: block;
+  width: 55px;
+}
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::before {
+  display: none;
+}
+.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::after {
+  content: url("../img/youtube_black.svg") !important;
+  display: block;
+  width: 55px;
 }
 @media (max-width: 700px) {
   .footer div {
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg
index e378845..eef31a2 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin.svg
@@ -1 +1,45 @@
-<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Flat_copy"><g><path d="M16,0C7.163,0,0,7.163,0,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.163,24.837,0,16,0z" fill="#333333"/></g><path d="M24.294,22.942v-6.137c0-3.288-1.755-4.818-4.096-4.818c-1.889,0-2.735,1.039-3.206,1.768v-1.517h-3.558   c0.047,1.005,0,10.704,0,10.704h3.558v-5.978c0-0.319,0.023-0.639,0.117-0.867c0.257-0.639,0.842-1.301,1.825-1.301   c1.288,0,1.803,0.981,1.803,2.42v5.727L24.294,22.942L24.294,22.942z M9.685,10.777c1.24,0,2.013-0.823,2.013-1.85   c-0.023-1.05-0.773-1.849-1.99-1.849S7.696,7.877,7.696,8.927c0,1.028,0.772,1.85,1.967,1.85H9.685z M11.464,22.942V12.238H7.907   v10.704H11.464z" fill="#FFFFFF"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="53.05183"
+   height="53.337986"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="linkedin.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="15.223672"
+     inkscape:cx="26.504775"
+     inkscape:cy="26.668993"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <defs
+     id="defs1" />
+  <ellipse
+     style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     id="path2"
+     cx="26.525915"
+     cy="26.668993"
+     rx="26.525915"
+     ry="26.668993" />
+  <path
+     d="M 41.203877,38.673405 V 28.097989 c 0,-5.665951 -3.024254,-8.302481 -7.058317,-8.302481 -3.255166,0 -4.713012,1.790427 -5.52465,3.046656 v -2.614129 h -6.131224 c 0.081,1.731839 0,18.44537 0,18.44537 H 28.62091 V 28.371983 c 0,-0.549707 0.03963,-1.10114 0.201618,-1.494034 0.442868,-1.10114 1.450953,-2.241912 3.144879,-2.241912 2.219511,0 3.106971,1.690481 3.106971,4.170198 v 9.868892 z M 16.029328,17.710409 c 2.136795,0 3.468845,-1.418212 3.468845,-3.187962 -0.03963,-1.809382 -1.33205,-3.186237 -3.429211,-3.186237 -2.097161,0 -3.467123,1.376855 -3.467123,3.186237 0,1.771474 1.330329,3.187962 3.389578,3.187962 z m 3.065612,20.962996 v -18.44537 h -6.129499 v 18.44537 z"
+     fill="#ffffff"
+     id="path2-9"
+     style="stroke-width:1.72322" />
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
new file mode 100644
index 0000000..7982906
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/linkedin2.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   enable-background="new 0 0 32 32"
+   version="1.1"
+   viewBox="0 0 31.999998 32"
+   xml:space="preserve"
+   id="svg2"
+   width="31.999998"
+   height="32"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2" /><g
+     id="g1"
+     style="fill:#000000;fill-opacity:1"><path
+       d="M 16,0 C 7.163,0 0,7.163 0,16 0,24.836 7.163,32 16,32 24.837,32 32,24.836 32,16 32,7.163 24.837,0 16,0 Z"
+       fill="#333333"
+       id="path1"
+       style="fill:#000000;fill-opacity:1" /></g><path
+     d="m 24.294,22.942 v -6.137 c 0,-3.288 -1.755,-4.818 -4.096,-4.818 -1.889,0 -2.735,1.039 -3.206,1.768 v -1.517 h -3.558 c 0.047,1.005 0,10.704 0,10.704 h 3.558 v -5.978 c 0,-0.319 0.023,-0.639 0.117,-0.867 0.257,-0.639 0.842,-1.301 1.825,-1.301 1.288,0 1.803,0.981 1.803,2.42 v 5.727 z M 9.6849997,10.777 C 10.925,10.777 11.698,9.954 11.698,8.927 11.675,7.877 10.925,7.078 9.7079997,7.078 8.491,7.078 7.696,7.877 7.696,8.927 c 0,1.028 0.7720001,1.85 1.9669997,1.85 z M 11.464,22.942 V 12.238 H 7.9070001 v 10.704 z"
+     fill="#ffffff"
+     id="path2" /></svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg
index 8d9da4a..6a7d4a6 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo_x.svg
@@ -1,22 +1,47 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
-   width="268.03613"
-   height="269.48193"
+   width="53.051826"
+   height="53.33799"
    version="1.1"
    id="svg1"
+   sodipodi:docname="logo_x.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="18.148415"
+     inkscape:cx="26.531242"
+     inkscape:cy="26.668995"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="36"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
   <defs
      id="defs1" />
   <ellipse
-     style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:4.69421;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
+     style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
      id="path2"
-     cx="134.01807"
-     cy="134.74095"
-     rx="134.01807"
-     ry="134.74095" />
+     cx="26.525915"
+     cy="26.668991"
+     rx="26.525915"
+     ry="26.668993"
+     inkscape:export-filename="logo_x.svg"
+     inkscape:export-xdpi="300"
+     inkscape:export-ydpi="300" />
   <path
-     d="m 182.04042,59.990498 h 25.37653 l -55.71807,63.441352 65.09636,86.05957 H 165.71116 L 125.7155,157.19367 79.927403,209.49142 H 54.550874 L 113.57892,141.63674 51.240878,59.990498 h 52.352912 l 36.13399,47.774082 z m -8.88177,134.605972 h 14.06741 L 96.201523,74.33374 h -15.11563 z"
+     d="m 36.030879,11.87379 h 5.022723 L 30.025441,24.430604 42.909827,41.464194 H 32.798863 L 24.882606,31.11301 15.819864,41.464194 H 10.797141 L 22.480438,28.03386 10.142,11.87379 h 10.362102 l 7.151925,9.455824 z m -1.75795,26.642278 h 2.784333 L 19.040966,14.712718 h -2.991805 z"
      id="path1"
-     style="fill:#ffffff;stroke-width:0.551663" />
+     style="fill:#ffffff;stroke-width:0.109189" />
 </svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/Youtube.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube.svg
similarity index 67%
rename from web/themes/custom/quartiers_de_demain/dist/assets/img/Youtube.svg
rename to web/themes/custom/quartiers_de_demain/dist/assets/img/youtube.svg
index 17a6c46..5934595 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/img/Youtube.svg
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube.svg
@@ -1,33 +1,24 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
 <svg
+   enable-background="new 0 0 32 32"
    version="1.1"
-   id="svg1"
-   width="50.094727"
-   height="50.094727"
-   viewBox="0 0 50.094727 50.094726"
+   viewBox="0 0 31.768332 31.76833"
+   xml:space="preserve"
+   id="svg2"
+   width="31.768332"
+   height="31.76833"
    xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <defs
-     id="defs1">
-    <clipPath
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs2"><clipPath
        clipPathUnits="userSpaceOnUse"
-       id="clipPath14">
-      <path
+       id="clipPath14"><path
          d="M 0,0 H 1920 V 9000 H 0 Z"
          transform="translate(-1656.5101,-178.248)"
-         id="path14" />
-    </clipPath>
-  </defs>
-  <g
-     id="g1"
-     transform="translate(-2158.5854,-11737.288)">
-    <path
+         id="path14" /></clipPath></defs><g
+     id="g2"
+     transform="matrix(0.63416594,0,0,0.63416594,-1368.9014,-7443.3883)"><path
        id="path13"
        d="m 0,0 c 0,10.375 -8.411,18.786 -18.786,18.786 -10.374,0 -18.785,-8.411 -18.785,-18.786 0,-10.375 8.411,-18.785 18.785,-18.785 C -8.411,-18.785 0,-10.375 0,0 m -8.66,-2.644 c 0,-2.455 -1.989,-4.444 -4.444,-4.444 h -11.363 c -2.455,0 -4.444,1.989 -4.444,4.444 v 5.288 c 0,2.454 1.989,4.444 4.444,4.444 h 11.363 c 2.455,0 4.444,-1.99 4.444,-4.444 z m -6.683,2.248 c 0.207,0.112 -0.007,0.407 -0.212,0.524 l -4.878,2.654 c -0.199,0.114 -0.884,-0.031 -0.884,-0.261 v -5.175 c 0,-0.227 0.679,-0.371 0.879,-0.263 z"
        style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
        transform="matrix(1.3333333,0,0,-1.3333333,2208.6801,11762.336)"
-       clip-path="url(#clipPath14)" />
-  </g>
-</svg>
+       clip-path="url(#clipPath14)" /></g></svg>
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
new file mode 100644
index 0000000..1fdef8f
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/youtube_black.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   enable-background="new 0 0 32 32"
+   version="1.1"
+   viewBox="0 0 32 32"
+   xml:space="preserve"
+   id="svg25"
+   sodipodi:docname="youtube_black.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
+     id="metadata31"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs29" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1015"
+     id="namedview27"
+     showgrid="false"
+     inkscape:zoom="13.515625"
+     inkscape:cx="9.3724133"
+     inkscape:cy="18.847089"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><g
+     id="Flat_copy"><g
+       id="g4"><path
+         d="M16-0.005c-8.837,0-16,7.163-16,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.158,24.837-0.005,16-0.005    z"
+         fill="#333333"
+         id="path2"
+         style="fill:#000000" /></g><g
+       id="g22"><path
+         d="M15.997,15.202c0-0.001,6.331,0.009,7.082,0.76c0.754,0.752,0.763,4.462,0.763,4.483    c0,0-0.006,3.73-0.763,4.484c-0.752,0.749-7.082,0.766-7.082,0.766s-6.33-0.016-7.083-0.766c-0.754-0.752-0.755-4.456-0.755-4.484    c0-0.021,0.002-3.731,0.755-4.483C9.667,15.212,15.997,15.202,15.997,15.202z"
+         fill="#FFFFFF"
+         id="path6" /><path
+         d="M22.491,21.325v-1.186c0-0.441-0.112-0.779-0.336-1.014c-0.225-0.235-0.547-0.353-0.966-0.353    c-0.41,0-0.743,0.127-1.002,0.381c-0.258,0.254-0.389,0.584-0.389,0.986v2.089c0,0.449,0.12,0.801,0.354,1.055    c0.235,0.256,0.559,0.383,0.968,0.383c0.455,0,0.798-0.12,1.026-0.36c0.231-0.243,0.344-0.602,0.344-1.079v-0.239H21.55V22.2    c0,0.275-0.032,0.451-0.092,0.531c-0.06,0.08-0.166,0.12-0.318,0.12c-0.146,0-0.248-0.046-0.31-0.141    c-0.059-0.095-0.089-0.265-0.089-0.51v-0.875H22.491z M20.741,20.599v-0.47c0-0.195,0.031-0.335,0.094-0.417    c0.064-0.087,0.169-0.128,0.314-0.128c0.139,0,0.242,0.041,0.303,0.128c0.064,0.082,0.097,0.222,0.097,0.417v0.47H20.741z"
+         fill="#333333"
+         id="path8"
+         style="fill:#000000" /><path
+         d="M19.09,19.126c-0.152-0.197-0.373-0.296-0.663-0.296c-0.142,0-0.282,0.036-0.422,0.111    c-0.138,0.073-0.268,0.182-0.392,0.323v-2.031h-0.924v6.306h0.924v-0.357c0.119,0.144,0.251,0.247,0.391,0.315    c0.139,0.068,0.298,0.101,0.478,0.101c0.271,0,0.48-0.086,0.622-0.263c0.144-0.176,0.215-0.428,0.215-0.757v-2.582    C19.319,19.615,19.244,19.324,19.09,19.126z M18.378,22.449c0,0.15-0.028,0.255-0.08,0.32c-0.052,0.067-0.134,0.099-0.246,0.099    c-0.078,0-0.15-0.017-0.221-0.05c-0.071-0.032-0.144-0.09-0.218-0.164v-2.899c0.062-0.064,0.125-0.112,0.189-0.142    c0.063-0.031,0.128-0.045,0.194-0.045c0.123,0,0.219,0.04,0.285,0.121c0.064,0.081,0.097,0.201,0.097,0.357V22.449z"
+         fill="#333333"
+         id="path10"
+         style="fill:#000000" /><path
+         d="M15.087,23.538v-0.511c-0.17,0.189-0.345,0.333-0.529,0.431c-0.183,0.1-0.36,0.148-0.531,0.148    c-0.212,0-0.369-0.068-0.478-0.208c-0.105-0.139-0.16-0.345-0.16-0.623v-3.89h0.914v3.568c0,0.111,0.019,0.19,0.056,0.24    c0.04,0.05,0.103,0.074,0.188,0.074c0.067,0,0.153-0.032,0.256-0.099c0.103-0.066,0.197-0.148,0.284-0.249v-3.534H16v4.653    L15.087,23.538L15.087,23.538z"
+         fill="#333333"
+         id="path12"
+         style="fill:#000000" /><polygon
+         fill="#333333"
+         points="11.921,18.149 11.921,23.538 10.889,23.538 10.889,18.149 9.823,18.149 9.823,17.233     12.987,17.233 12.987,18.149   "
+         id="polygon14"
+         style="fill:#000000" /><path
+         d="M21.146,13.251h-1.03v-0.566c-0.188,0.208-0.386,0.368-0.592,0.476c-0.205,0.109-0.404,0.164-0.597,0.164    c-0.24,0-0.418-0.077-0.538-0.229c-0.12-0.153-0.181-0.381-0.181-0.687V8.126h1.028v3.929c0,0.121,0.024,0.209,0.067,0.263    c0.042,0.055,0.113,0.082,0.209,0.082c0.075,0,0.171-0.036,0.287-0.108c0.115-0.072,0.222-0.164,0.317-0.276v-3.89h1.03    L21.146,13.251L21.146,13.251z"
+         fill="#FFFFFF"
+         id="path16" /><path
+         d="M16.965,8.369c-0.273-0.248-0.623-0.373-1.049-0.373c-0.467,0-0.841,0.118-1.117,0.353    c-0.278,0.235-0.417,0.551-0.416,0.949v2.656c0,0.436,0.136,0.782,0.405,1.04c0.271,0.257,0.632,0.386,1.082,0.386    c0.469,0,0.835-0.125,1.104-0.374c0.266-0.25,0.399-0.593,0.399-1.031V9.327C17.372,8.937,17.236,8.617,16.965,8.369z     M16.323,12.052c0,0.136-0.041,0.244-0.123,0.324c-0.083,0.078-0.193,0.117-0.332,0.117c-0.137,0-0.242-0.038-0.314-0.115    c-0.073-0.078-0.111-0.186-0.111-0.326V9.26c0-0.112,0.04-0.203,0.118-0.272c0.079-0.069,0.181-0.103,0.307-0.103    c0.135,0,0.245,0.034,0.329,0.103c0.084,0.069,0.126,0.16,0.126,0.272V12.052z"
+         fill="#FFFFFF"
+         id="path18" /><polygon
+         fill="#FFFFFF"
+         points="11.578,6.305 10.41,6.305 11.79,10.499 11.79,13.251 12.95,13.251 12.95,10.369 14.299,6.305     13.12,6.305 12.404,9.081 12.331,9.081   "
+         id="polygon20" /></g></g></svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
index 2be1edf..6e0c956 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
@@ -116,17 +116,42 @@ footer{
                 flex-direction: column;
                 font-size: $font-medium;
                 font-weight: 400;
-                &::before{
-                    content: "Nous contacter";
-                    padding-bottom: 0.6rem;
-                    font-weight: 600;
-                }
+                
                 padding-bottom: 0.6rem;
                 font-size: 0.6rem;
 
             }
-            .fa-3x{
-                font-size: 1.5em;
+            // .fa-3x{
+            //     font-size: 1.5em;
+            // }
+            
+            .fa-x-twitter::before{
+                display: none;
+            }
+            .fa-x-twitter::after{
+                content: url('../img/logo_x.svg') !important;
+                display: block;
+                width: 50px;
+                
+            }
+
+            .fa-linkedin::before{
+                display: none;
+                
+            }
+            .fa-linkedin::after{
+                content: url('../img/linkedin.svg') !important;
+                display: block;
+                width: 55px;
+            }
+
+            .fa-youtube::before{
+                display: none;
+            }
+            .fa-youtube::after{
+                content: url('../img/youtube_black.svg') !important;
+                display: block;
+                width: 55px;
             }
         }
     }
diff --git a/web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig b/web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig
new file mode 100644
index 0000000..29adeab
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/templates/social-media-links-platforms.html.twig
@@ -0,0 +1,31 @@
+{#
+/**
+ * @ingroup themeable
+ */
+#}
+
+{%
+  set classes = [
+    'social-media-links--platforms',
+    'platforms',
+    appearance.orientation == 'h' ? 'inline horizontal' : 'vertical',
+  ]
+%}
+
+<ul{{ attributes.addClass(classes) }}>
+  {% for platform in platforms %}
+    <li>
+      <a class="social-media-link-icon--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }} >
+        {{ platform.element }}
+      </a>
+
+      {% if appearance.show_name %}
+        {% if appearance.orientation == 'h' %}
+          <br />
+        {% endif %}
+
+        <span><a class="social-media-link--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }}>{{ platform.name }}</a></span>
+      {% endif %}
+    </li>
+  {% endfor %}
+</ul>