footer v0

web/themes/custom/popsu/css/styles.css

@@ -1176,6 +1176,7 @@ iframe {
   .header_top_left_container a[rel~='home'] {
     height: 100%;
     display: block;
+    font-size: 0;
     color: transparent;
     background: left/contain no-repeat url(../images/popsu-home-logo.png); }
 
@@ -1272,8 +1273,62 @@ iframe {
   #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {
     width: 100%; }
 
-footer * {
-  word-wrap: break-word; }
+#footer-bottom {
+  padding: 2rem 0; }
+  #footer-bottom * {
+    word-wrap: break-word; }
+  #footer-bottom h2 {
+    font-weight: 500; }
+  #footer-bottom .footer_bottom_left_container {
+    height: 100%; }
+    #footer-bottom .footer_bottom_left_container div {
+      height: 100%; }
+    #footer-bottom .footer_bottom_left_container p {
+      height: 100%;
+      display: grid; }
+  #footer-bottom .logo-gouv {
+    height: 100%;
+    display: block;
+    color: transparent;
+    font-size: 0;
+    background: left/contain no-repeat url(../images/gouv.svg); }
+  #footer-bottom .logo-puca {
+    height: 100%;
+    display: block;
+    color: transparent;
+    font-size: 0;
+    background: left/contain no-repeat url(../images/puca.svg); }
+  #footer-bottom #block-pieddepage ul {
+    line-height: 2; }
+    #footer-bottom #block-pieddepage ul li a {
+      text-transform: uppercase;
+      text-decoration: none;
+      font-weight: 400; }
+      #footer-bottom #block-pieddepage ul li a:hover {
+        text-decoration: underline; }
+  #footer-bottom .footer_bottom_right_container > div > div p {
+    display: inline-block; }
+    #footer-bottom .footer_bottom_right_container > div > div p a {
+      min-width: 2rem;
+      min-height: 2rem; }
+    #footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] {
+      height: 100%;
+      display: block;
+      font-size: 0;
+      color: transparent;
+      background: left/contain no-repeat url(../images/tw.svg); }
+    #footer-bottom .footer_bottom_right_container > div > div p a[href*='linkedin'] {
+      height: 100%;
+      display: block;
+      font-size: 0;
+      color: transparent;
+      background: left/contain no-repeat url(../images/ln.svg); }
+    #footer-bottom .footer_bottom_right_container > div > div p a[href*='youtube'] {
+      height: 100%;
+      display: block;
+      font-size: 0;
+      color: transparent;
+      background: left/contain no-repeat url(../images/yt.svg); }
 
 .about {
   background: lightblue;