reseaux sociaux

web/themes/custom/eql/css-compiled/styles.css

@@ -851,14 +851,6 @@ header {
   position: fixed;
   z-index: 99; }
 
-#block-socialnetwork-2 {
-  display: none; }
-  #block-socialnetwork-2 .field--name-body p {
-    display: flex;
-    flex-direction: row-reverse; }
-    #block-socialnetwork-2 .field--name-body p :nth-child(1):before {
-      content: url(); }
-
 #header-top {
   height: 7rem;
   background-color: white;
@@ -926,6 +918,53 @@ header {
         color: black; }
         #header-top .region-header-top-left :hover ul div:nth-child(2) li div a:hover {
           color: #009ee3; }
+  #header-top #block-socialnetwork-2 {
+    position: relative;
+    top: -33px; }
+    #header-top #block-socialnetwork-2 .field--name-body {
+      min-height: 75px; }
+    #header-top #block-socialnetwork-2 p {
+      display: flex;
+      flex-direction: row-reverse;
+      margin-bottom: 0;
+      min-height: 54px;
+      justify-content: space-around;
+      min-width: 120%; }
+      #header-top #block-socialnetwork-2 p a {
+        color: white;
+        font-size: 0; }
+      #header-top #block-socialnetwork-2 p svg.ext {
+        display: none; }
+      #header-top #block-socialnetwork-2 p .link-twitter {
+        display: flex;
+        background-color: black;
+        min-width: 40px;
+        justify-content: center;
+        align-items: end; }
+        #header-top #block-socialnetwork-2 p .link-twitter:before {
+          content: url("../images/pictos/twitter_white.svg");
+          min-width: 30px;
+          padding-bottom: 0.3rem; }
+      #header-top #block-socialnetwork-2 p .link-youtube {
+        display: flex;
+        background-color: black;
+        min-width: 40px;
+        justify-content: center;
+        align-items: end; }
+        #header-top #block-socialnetwork-2 p .link-youtube:before {
+          content: url("../images/pictos/youtube_white.svg");
+          min-width: 25px;
+          padding-bottom: 0.5rem; }
+      #header-top #block-socialnetwork-2 p .link-linkedin {
+        display: flex;
+        background-color: black;
+        min-width: 40px;
+        justify-content: center;
+        align-items: end; }
+        #header-top #block-socialnetwork-2 p .link-linkedin:before {
+          content: url("../images/pictos/linkedin_white.svg");
+          min-width: 35px;
+          padding-bottom: 0.2rem; }
   #header-top #block-burger {
     z-index: 1;
     background-color: #009ee3;
@@ -942,7 +981,6 @@ header {
     #header-top #block-burger h2:after {
       display: block;
       margin: auto;
-      align-self: center;
       height: 70px;
       content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
     #header-top #block-burger #block-burger-menu {
@@ -993,7 +1031,7 @@ header {
   #fotter-bottom .region-footer-bottom-left {
     margin-left: 3rem;
     border: none;
-    width: 30%; }
+    width: 25%; }
     #fotter-bottom .region-footer-bottom-left .view-id-partenaires .view-content {
       display: flex;
       flex-direction: row;
@@ -1007,21 +1045,38 @@ header {
       width: auto;
       height: 30px; }
   #fotter-bottom .region-footer-bottom-right {
-    width: 15%;
+    width: 25%;
     display: flex;
     flex-direction: column-reverse;
     justify-content: flex-end; }
     #fotter-bottom .region-footer-bottom-right #block-socialnetwork {
-      display: none; }
+      margin-bottom: 1rem; }
       #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p {
+        margin-top: 0;
         display: flex;
-        flex-direction: row; }
-        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p :nth-child(1):before {
-          display: block;
-          content: "";
-          background: url("../images/pictos/logo-twitter.png"); }
-        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p svg {
+        flex-direction: row-reverse;
+        justify-content: start; }
+        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p a {
+          color: white;
+          font-size: 0;
+          padding-left: 1rem; }
+        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p svg.ext {
           display: none; }
+        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter {
+          display: flex; }
+          #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-twitter:before {
+            content: url("../images/pictos/twitter_black.svg");
+            min-width: 50px; }
+        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube {
+          display: flex; }
+          #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-youtube:before {
+            content: url("../images/pictos/youtube_black.svg");
+            min-width: 50px; }
+        #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin {
+          display: flex; }
+          #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p .link-linkedin:before {
+            content: url("../images/pictos/linkedin_black.svg");
+            min-width: 50px; }
     #fotter-bottom .region-footer-bottom-right #block-pieddepage ul {
       margin-top: 0;
       color: #09398b;

web/themes/custom/eql/images/pictos/linkedin_black.svg

@@ -0,0 +1,48 @@
+<?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="linkedin_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="19.11398"
+     inkscape:cx="8.019588"
+     inkscape:cy="20.338722"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><path
+     d="m 30.192952,22.92261 h -0.272828 v -0.54516 h 0.345452 c 0.179661,0 0.382741,0.0288 0.382741,0.259771 0,0.26399 -0.204827,0.285389 -0.455365,0.285389 z m 0.271391,0.162139 c 0.275705,-0.03293 0.420543,-0.183538 0.420543,-0.434976 0,-0.306686 -0.18911,-0.455552 -0.576782,-0.455552 h -0.621671 v 1.61336 h 0.233691 v -0.70277 h 0.289366 l 0.01028,0.01029 0.450023,0.693923 h 0.249511 l -0.481768,-0.718619 z"
+     style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6766" /><path
+     d="m 30.219763,24.329286 c -0.74052,0 -1.321616,-0.577053 -1.321616,-1.326223 0,-0.74876 0.581096,-1.326225 1.321616,-1.326225 0.740827,0 1.321,0.577465 1.321,1.326225 0,0.74917 -0.580173,1.326223 -1.321,1.326223 z m 0,-2.852344 c -0.868716,0 -1.548939,0.670056 -1.548939,1.526121 0,0.856782 0.680223,1.526119 1.548939,1.526119 0.867277,0 1.547911,-0.669337 1.547911,-1.526119 0,-0.856065 -0.680634,-1.526121 -1.547911,-1.526121 z"
+     style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6774" /><path
+     d="m 24.203977,24.130626 h -3.483698 v -5.377018 c 0,-1.282499 -0.0226,-2.932074 -1.81016,-2.932074 -1.812934,0 -2.089562,1.397622 -2.089562,2.839998 v 5.469094 H 13.340659 V 13.073303 h 3.339786 v 1.511512 h 0.04725 c 0.46461,-0.86913 1.601327,-1.785788 3.296335,-1.785788 3.527562,0 4.179535,2.289385 4.179535,5.267448 z M 9.4124842,11.562513 c -1.1189456,0 -2.0211495,-0.892791 -2.0211495,-1.9929888 0,-1.0998888 0.9022039,-1.9928859 2.0211495,-1.9928859 1.1146308,0 2.0191978,0.8929971 2.0191978,1.9928859 0,1.1001978 -0.904567,1.9929888 -2.0191978,1.9929888 z M 11.155052,24.130626 H 7.6678609 V 13.073303 H 11.155052 Z M 25.938945,4.3868483 H 5.9198485 c -0.9555163,0 -1.7323986,0.7479369 -1.7323986,1.670666 V 25.88555 c 0,0.922626 0.7768823,1.672003 1.7323986,1.672003 H 25.938945 c 0.957673,0 1.737329,-0.749377 1.737329,-1.672003 V 6.0575143 c 0,-0.9227291 -0.779656,-1.670666 -1.737329,-1.670666 z"
+     style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6782" /></svg>

web/themes/custom/eql/images/pictos/linkedin_white.svg

@@ -0,0 +1,48 @@
+<?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="linkedin_white.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="19.11398"
+     inkscape:cx="8.019588"
+     inkscape:cy="20.338722"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><path
+     d="m 30.192952,22.92261 h -0.272828 v -0.54516 h 0.345452 c 0.179661,0 0.382741,0.0288 0.382741,0.259771 0,0.26399 -0.204827,0.285389 -0.455365,0.285389 z m 0.271391,0.162139 c 0.275705,-0.03293 0.420543,-0.183538 0.420543,-0.434976 0,-0.306686 -0.18911,-0.455552 -0.576782,-0.455552 h -0.621671 v 1.61336 h 0.233691 v -0.70277 h 0.289366 l 0.01028,0.01029 0.450023,0.693923 h 0.249511 l -0.481768,-0.718619 z"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6766" /><path
+     d="m 30.219763,24.329286 c -0.74052,0 -1.321616,-0.577053 -1.321616,-1.326223 0,-0.74876 0.581096,-1.326225 1.321616,-1.326225 0.740827,0 1.321,0.577465 1.321,1.326225 0,0.74917 -0.580173,1.326223 -1.321,1.326223 z m 0,-2.852344 c -0.868716,0 -1.548939,0.670056 -1.548939,1.526121 0,0.856782 0.680223,1.526119 1.548939,1.526119 0.867277,0 1.547911,-0.669337 1.547911,-1.526119 0,-0.856065 -0.680634,-1.526121 -1.547911,-1.526121 z"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6774" /><path
+     d="m 24.203977,24.130626 h -3.483698 v -5.377018 c 0,-1.282499 -0.0226,-2.932074 -1.81016,-2.932074 -1.812934,0 -2.089562,1.397622 -2.089562,2.839998 v 5.469094 H 13.340659 V 13.073303 h 3.339786 v 1.511512 h 0.04725 c 0.46461,-0.86913 1.601327,-1.785788 3.296335,-1.785788 3.527562,0 4.179535,2.289385 4.179535,5.267448 z M 9.4124842,11.562513 c -1.1189456,0 -2.0211495,-0.892791 -2.0211495,-1.9929888 0,-1.0998888 0.9022039,-1.9928859 2.0211495,-1.9928859 1.1146308,0 2.0191978,0.8929971 2.0191978,1.9928859 0,1.1001978 -0.904567,1.9929888 -2.0191978,1.9929888 z M 11.155052,24.130626 H 7.6678609 V 13.073303 H 11.155052 Z M 25.938945,4.3868483 H 5.9198485 c -0.9555163,0 -1.7323986,0.7479369 -1.7323986,1.670666 V 25.88555 c 0,0.922626 0.7768823,1.672003 1.7323986,1.672003 H 25.938945 c 0.957673,0 1.737329,-0.749377 1.737329,-1.672003 V 6.0575143 c 0,-0.9227291 -0.779656,-1.670666 -1.737329,-1.670666 z"
+     style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.33333"
+     id="path6782" /></svg>

web/themes/custom/eql/images/pictos/twitter_black.svg

@@ -0,0 +1,43 @@
+<?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="twitter_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="9.5569901"
+     inkscape:cx="4.1524306"
+     inkscape:cy="22.33258"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><path
+     d="M 20.009985,4.1196297 C 17.230146,5.131885 15.473081,7.7403954 15.672392,10.595379 l 0.06642,1.10146 -1.111934,-0.134796 C 10.579502,11.044649 7.0426424,9.2909282 4.0390213,6.345021 L 2.5704289,4.8834324 2.1945094,5.9621625 C 1.3937716,8.367813 1.9060114,10.909915 3.5739355,12.61976 4.4638326,13.563888 4.2627771,13.69849 2.7294932,13.137154 2.1962403,12.95676 1.7277051,12.82262 1.6839952,12.89068 c -0.1556183,0.157262 0.3776381,2.202922 0.8007308,3.014101 0.5787146,1.125977 1.7570712,2.225653 3.047331,2.879499 l 1.0909544,0.517394 -1.2920117,0.01983 c -1.2448051,0 -1.2902598,0.01983 -1.1556389,0.496249 0.4440482,1.461589 2.2011386,3.014101 4.1592601,3.688959 l 1.3794313,0.4718 -1.2011005,0.72032 c -1.7797942,1.03677 -3.8707918,1.620705 -5.9617841,1.662665 -1.0017951,0.01983 -1.8252506,0.111665 -1.8252506,0.180394 0,0.224005 2.7151476,1.482601 4.2921362,1.979115 4.7379588,1.461587 10.3658108,0.830407 14.5915108,-1.66445 3.00362,-1.776254 6.005496,-5.30788 7.407654,-8.727635 0.757019,-1.819997 1.512295,-5.148763 1.512295,-6.745018 0,-1.034987 0.06647,-1.169655 1.311247,-2.4057163 0.734296,-0.7202536 1.423138,-1.5070503 1.557759,-1.7307921 0.223808,-0.4281873 0.199293,-0.4281873 -0.933609,-0.046261 -1.889933,0.6748584 -2.157432,0.5854543 -1.222081,-0.4268674 0.688842,-0.7203201 1.512304,-2.0245753 1.512304,-2.4057152 0,-0.066733 -0.333895,0.046261 -0.711564,0.2464718 -0.40037,0.2253275 -1.290267,0.5629884 -1.958129,0.7639985 L 26.88434,5.7616122 25.795137,5.0167754 C 25.193691,4.6130366 24.35102,4.1618535 23.905195,4.0272518 22.768786,3.7127177 21.034452,3.7576514 20.009934,4.1184444 Z"
+     fill="#ffffff"
+     id="path6"
+     style="fill:#000000;stroke-width:1" /></svg>

web/themes/custom/eql/images/pictos/twitter_white.svg

@@ -0,0 +1,43 @@
+<?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="twitter_white.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="9.5569901"
+     inkscape:cx="4.1524306"
+     inkscape:cy="22.33258"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg25" /><path
+     d="M 20.009985,4.1196297 C 17.230146,5.131885 15.473081,7.7403954 15.672392,10.595379 l 0.06642,1.10146 -1.111934,-0.134796 C 10.579502,11.044649 7.0426424,9.2909282 4.0390213,6.345021 L 2.5704289,4.8834324 2.1945094,5.9621625 C 1.3937716,8.367813 1.9060114,10.909915 3.5739355,12.61976 4.4638326,13.563888 4.2627771,13.69849 2.7294932,13.137154 2.1962403,12.95676 1.7277051,12.82262 1.6839952,12.89068 c -0.1556183,0.157262 0.3776381,2.202922 0.8007308,3.014101 0.5787146,1.125977 1.7570712,2.225653 3.047331,2.879499 l 1.0909544,0.517394 -1.2920117,0.01983 c -1.2448051,0 -1.2902598,0.01983 -1.1556389,0.496249 0.4440482,1.461589 2.2011386,3.014101 4.1592601,3.688959 l 1.3794313,0.4718 -1.2011005,0.72032 c -1.7797942,1.03677 -3.8707918,1.620705 -5.9617841,1.662665 -1.0017951,0.01983 -1.8252506,0.111665 -1.8252506,0.180394 0,0.224005 2.7151476,1.482601 4.2921362,1.979115 4.7379588,1.461587 10.3658108,0.830407 14.5915108,-1.66445 3.00362,-1.776254 6.005496,-5.30788 7.407654,-8.727635 0.757019,-1.819997 1.512295,-5.148763 1.512295,-6.745018 0,-1.034987 0.06647,-1.169655 1.311247,-2.4057163 0.734296,-0.7202536 1.423138,-1.5070503 1.557759,-1.7307921 0.223808,-0.4281873 0.199293,-0.4281873 -0.933609,-0.046261 -1.889933,0.6748584 -2.157432,0.5854543 -1.222081,-0.4268674 0.688842,-0.7203201 1.512304,-2.0245753 1.512304,-2.4057152 0,-0.066733 -0.333895,0.046261 -0.711564,0.2464718 -0.40037,0.2253275 -1.290267,0.5629884 -1.958129,0.7639985 L 26.88434,5.7616122 25.795137,5.0167754 C 25.193691,4.6130366 24.35102,4.1618535 23.905195,4.0272518 22.768786,3.7127177 21.034452,3.7576514 20.009934,4.1184444 Z"
+     fill="#ffffff"
+     id="path6"
+     style="fill:#ffffff;stroke-width:1" /></svg>

web/themes/custom/eql/images/pictos/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>

web/themes/custom/eql/images/pictos/youtube_white.svg

@@ -0,0 +1,78 @@
+<?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_white.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:#ffffff" /></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"
+         style="fill:#000000" /><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:#ffffff" /><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:#ffffff" /><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:#ffffff" /><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:#ffffff" /><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"
+         style="fill:#000000" /><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"
+         style="fill:#000000" /><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"
+         style="fill:#000000" /></g></g></svg>

web/themes/custom/eql/scss/partials/_footer.scss

@@ -27,7 +27,7 @@
     .region-footer-bottom-left{
         margin-left: 3rem;
         border: none;
-        width: 30%;
+        width: 25%;
         .view-id-partenaires{
             .view-content{
               
@@ -51,30 +51,55 @@
     }
 
     .region-footer-bottom-right{
-        width: 15%;
+        width: 25%;
         display: flex;
         flex-direction: column-reverse;
         justify-content: flex-end;
 
         #block-socialnetwork {
-            display: none;
+            // display: none;
+            margin-bottom: 1rem;
+
             .field--name-body{
                 p{
+                    margin-top: 0;
                     display: flex;
-                    flex-direction: row;
-                    :nth-child(1){
+                    flex-direction: row-reverse;
+                    justify-content: start;
+
+                    a{
+                        color: $white;
+                        font-size: 0;
+                        padding-left: 1rem;
+                    }
+                    svg.ext{
+                        display: none;
+                    }
+                    .link-twitter{
+                        display: flex;
                         &:before{
-                            display: block;
-                            content: "";
-                            background: url("../images/pictos/logo-twitter.png");
+                            content: url("../images/pictos/twitter_black.svg");
+                            min-width: 50px;
                         }
                     }
-                    svg{
-                        display: none;
+                    .link-youtube{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/youtube_black.svg");
+                            min-width: 50px;
+                        }
+                    }
+                    .link-linkedin{
+                        display: flex;
+                        &:before{
+                            content: url("../images/pictos/linkedin_black.svg");
+                            min-width: 50px;
+                        }
                     }
-        
+                    
                 }
             }
+
         }
         #block-pieddepage ul{
             margin-top: 0;

web/themes/custom/eql/scss/partials/_header.scss

@@ -12,21 +12,7 @@ header{
 }
 
 
-#block-socialnetwork-2{
-    display: none;
-    .field--name-body{
-        p{
-            display: flex;
-            flex-direction: row-reverse;
-            :nth-child(1){
-                &:before{
-                    content: url();
-                }
-            }
 
-        }
-    }
-}
 #header-top {
     height: 7rem;
     background-color: $white;
@@ -132,6 +118,70 @@ header{
             }
         }
     } 
+    #block-socialnetwork-2{
+        position: relative;
+        top: -33px;
+        // display: none;
+        .field--name-body{
+            min-height: 75px;
+        }
+            p{
+                display: flex;
+                flex-direction: row-reverse;
+                margin-bottom: 0;
+                min-height: 54px;
+                justify-content: space-around;
+                min-width: 120%;
+                a{
+                    color: $white;
+                    font-size: 0;
+                    // padding-left: 0.5rem;
+                    // padding-right: 0.5rem;
+                }
+                svg.ext{
+                    display: none;
+                }
+                .link-twitter{
+                    display: flex;
+                    background-color: black;
+                    min-width: 40px;
+                    justify-content: center;
+                    align-items: end;
+                    &:before{
+                        content: url("../images/pictos/twitter_white.svg");
+                        min-width: 30px;
+                        padding-bottom: 0.3rem;
+                    }
+                }
+                .link-youtube{
+                    display: flex;
+                    background-color: black;
+                    min-width: 40px;
+                    justify-content: center;
+                    align-items: end;
+                    &:before{
+                        content: url("../images/pictos/youtube_white.svg");
+                        min-width: 25px;
+                        padding-bottom: 0.5rem;
+                    }
+                }
+                .link-linkedin{
+                    display: flex;
+                    background-color: black;
+                    min-width: 40px;
+                    justify-content: center;
+                    align-items: end;
+                    // background-position-y: top;
+                  
+                &:before{
+                        content: url("../images/pictos/linkedin_white.svg");
+                        min-width: 35px;
+                        padding-bottom: 0.2rem;
+                    }
+                }
+            }
+        
+    }
 
     #block-burger {              // menu burger à droite
         z-index: 1;
@@ -151,7 +201,6 @@ header{
         h2:after{
             display: block;
             margin:auto;
-            align-self: center;
             height: 70px;
             content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
         }