footer logo n&b

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

@@ -321,10 +321,12 @@ a {
 
 /*partials*/
 .layout-container {
-  position: relative; }
+  position: absolute; }
 
 header {
-  position: sticky; }
+  display: block;
+  position: sticky;
+  top: 0; }
 
 #header-top {
   height: 7rem;
@@ -407,19 +409,22 @@ header {
 
 #fotter-bottom {
   display: flex;
+  flex: 1 1 120px;
   flex-direction: row; }
   #fotter-bottom .region {
     display: block;
     padding-left: 1rem;
-    border-left: #009ee3 solid 1px;
-    padding-bottom: 2rem; }
+    padding-right: 1rem;
+    padding-bottom: 1rem;
+    border-left: #009ee3 solid 1px; }
     #fotter-bottom .region h2 {
       margin-top: 0;
       color: #09398b; }
     #fotter-bottom .region img {
-      height: 4rem;
+      height: 5rem;
       width: auto; }
   #fotter-bottom .region-footer-bottom-left {
+    width: 35%;
     border: none; }
     #fotter-bottom .region-footer-bottom-left #block-pieddepage ul {
       margin-top: 0;
@@ -434,7 +439,11 @@ header {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
-    flex-wrap: wrap; }
+    flex-wrap: wrap;
+    padding-top: 1rem; }
     #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
       padding-right: 1rem;
       padding-bottom: 1rem; }
+  #fotter-bottom .block-views-blockpartenaires-block-2 img {
+    filter: grayscale(100%);
+    -webkit-filter: grayscale(100%); }

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

@@ -3,25 +3,30 @@
 
 #fotter-bottom{
     display: flex;
+    flex: 1 1 120px;
     flex-direction: row;
 
     .region{
         display: block;
         padding-left: 1rem;
+        padding-right: 1rem;
+        padding-bottom: 1rem;
         border-left: $blue-light solid 1px;
-        padding-bottom: 2rem;
         h2{
             margin-top: 0;
             color: $blue-dark;
         }
         img{
-            height: 4rem;
+            
+            height: 5rem;
             width: auto;
+
         }
 
     }
 
     .region-footer-bottom-left{
+        width: 35%;
         border: none;
         #block-pieddepage ul{
             margin-top: 0;
@@ -43,6 +48,7 @@
             flex-direction: row;
             justify-content:flex-start;
             flex-wrap: wrap;
+            padding-top: 1rem;
             .node-type-partenaires_logo_footer_{
                padding-right: 1rem;
                padding-bottom: 1rem; 
@@ -50,7 +56,12 @@
         }
     }
     
- 
+    .block-views-blockpartenaires-block-2{
+        img{
+            filter: grayscale(100%);
+            -webkit-filter: grayscale(100%);
+        }
+    }
         
         // .twitter::before {
         //     font-family: "Font Awesome 5 Brands"; content: "\f099";

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

@@ -1,9 +1,11 @@
 
 .layout-container{
-    position: relative;
+    position: absolute;
 }
 header{
+display: block;
     position: sticky;
+    top:0;
 }
 
 #header-top {