footer

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

@@ -85,11 +85,28 @@
   font-family: "Marianne", sans-serif;
   margin: none;
   top: 0%;
-  left: 0%; }
+  left: 0%;
+  width: 100%;
+  overflow: hidden; }
 
 .path-frontpage {
   margin: 0; }
 
+.path-node {
+  margin: 0; }
+
+.field--name-field-titre .field__item {
+  color: #09398b;
+  font-weight: 900;
+  font-size: 2rem; }
+
+.field--name-field-titre .field__label {
+  visibility: hidden; }
+
+.inter-titre {
+  color: #009ee3;
+  text-transform: uppercase; }
+
 a {
   text-decoration: none; }
 
@@ -97,56 +114,6 @@ a {
 /*
 @import "pages/partials/header_footer";
 @import "pages/home";*/
-.field--name-field-liens {
-  float: right;
-  width: 20%;
-  margin-right: 10%;
-  margin-bottom: 2rem;
-  justify-items: center; }
-  .field--name-field-liens .ext {
-    display: flex;
-    flex-direction: row-reverse;
-    position: sticky;
-    height: fit-content;
-    font-weight: 900;
-    background-color: #009ee3;
-    color: white;
-    text-decoration: none;
-    justify-content: left;
-    align-items: center;
-    padding: 0.2rem; }
-    .field--name-field-liens .ext svg {
-      width: 70px;
-      height: 70px;
-      padding: 0;
-      padding-right: 1rem;
-      padding-left: 0.5rem;
-      padding-bottom: 1rem;
-      margin: 0;
-      fill: black; }
-      .field--name-field-liens .ext svg path, .field--name-field-liens .ext svg svg.mailto path {
-        stroke: black;
-        stroke-width: 0.1px; }
-
-.field--name-field-fichiers {
-  position: relative;
-  clear: right;
-  float: right;
-  width: 20%;
-  margin-right: 10%; }
-  .field--name-field-fichiers .file--mime-application-pdf {
-    display: flex;
-    height: fit-content;
-    font-weight: 900;
-    background-color: #009ee3;
-    color: white;
-    justify-content: right;
-    align-items: center;
-    padding: 1rem; }
-    .field--name-field-fichiers .file--mime-application-pdf a {
-      color: white;
-      text-decoration: none; }
-
 .field--type-entity-reference-revisions .paragraph-summary {
   font-family: "Marianne", sans-serif;
   font-size: 5rem;
@@ -218,7 +185,7 @@ a {
   #header-top #block-burger {
     z-index: 1;
     background-color: #009ee3;
-    font-size: 0.7rem;
+    font-size: 0.5rem;
     color: white;
     display: block;
     width: 7rem;
@@ -238,35 +205,27 @@ a {
       align-self: center;
       text-align: center;
       height: 7rem; }
+    #header-top #block-burger .menuOpen:first-of-type {
+      width: 500%;
+      position: relative;
+      right: 0; }
     #header-top #block-burger ul {
       display: none;
-      width: 100vw;
-      position: relative;
-      bottom: 8%;
-      left: calc(-30vw + 50%);
-      height: fit-content;
-      padding-bottom: 1rem;
-      padding-top: 1rem;
       background-color: #009ee3;
       line-height: 2rem;
       list-style: none; }
-      #header-top #block-burger ul .ul1 .sous-liste {
-        left: calc(-50vw + 50%);
-        padding-top: 0; }
-        #header-top #block-burger ul .ul1 .sous-liste a {
-          opacity: 1; }
+      #header-top #block-burger ul .ul1 .sous-liste a {
+        opacity: 1; }
       #header-top #block-burger ul a {
         color: white;
         font-weight: 800;
-        font-size: 1.7rem;
-        opacity: 0.7; }
+        font-size: 1rem; }
     #header-top #block-burger.opened ul {
       display: block; }
 
 #fotter-bottom {
   display: flex;
-  flex-direction: row;
-  justify-content: space-around; }
+  flex-direction: row; }
   #fotter-bottom .region {
     display: block;
     padding-left: 1rem;
@@ -276,7 +235,7 @@ a {
       margin-top: 0;
       color: #09398b; }
     #fotter-bottom .region img {
-      height: 50px;
+      height: 4rem;
       width: auto; }
   #fotter-bottom .region-footer-bottom-left {
     border: none; }
@@ -289,3 +248,11 @@ a {
         color: #09398b;
         font-size: 1.5rem;
         margin-top: 0; }
+  #fotter-bottom .view-id-partenaires .view-content {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    flex-wrap: wrap; }
+    #fotter-bottom .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
+      padding-right: 1rem;
+      padding-bottom: 1rem; }

web/themes/custom/eql/scss/global/_layout.scss

@@ -10,12 +10,32 @@
     margin: none;
     top: 0%;
     left: 0%;
+    width: 100%;
+
+    overflow: hidden;
+
 }
 .path-frontpage{
     margin: 0;
 }
-
+.path-node {
+    margin: 0;
+}
 // .contextual-region .node-type-static {
 //     grid-template-columns: repeat(6 1fr);
 // }
 
+    .field--name-field-titre{
+        .field__item{
+            color: $blue-dark;
+            font-weight: 900;
+            font-size: 2rem;
+        }
+        .field__label{
+            visibility: hidden;
+        }
+    } 
+    .inter-titre {
+        color: $blue-light;
+        text-transform: uppercase;
+    }

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

@@ -1,98 +0,0 @@
-
-
-// .node-type-static {
-//     // display: flex;
-//     // flex-direction: column;
-//     font-family: $font-family-default;
-//     .field--name-field-textes {
-//         display: flex;
-//         flex-direction: column;
-//         max-width: 50%;
-//         align-self: center;
-//         margin: auto;
-//         margin-left: 20%;
-//         margin-right: 30%;
-//         padding: 4rem;
-//     }
-//     .field--name-field-titre{
-//         .field__item{
-//             color: $blue-dark;
-//             font-weight: 900;
-//             font-size: 2rem;
-//         }
-//         .field__label{
-//             visibility: hidden;
-//         }
-//     } 
-//     .inter-titre {
-//         color: $blue-light;
-//         text-transform: uppercase;
-//     }
-
-// }
-
-// field field--name-field-liens field--type-link field--label-above
-
-
-.field--name-field-liens  {
-    // position: relative;
-    // position: sticky;
-    // clear: right;
-    float: right;
-    width: 20%;
-    margin-right: 10%;
-    margin-bottom: 2rem;
-    justify-items: center;
-    .ext {
-        display: flex;
-        flex-direction: row-reverse;
-        position: sticky;
-        height: fit-content;
-        font-weight: 900;
-        background-color: $blue-light;
-        color: $white;
-        text-decoration: none;
-        justify-content: left;  
-        align-items: center;  
-        padding: 0.2rem;
-        svg {
-            width: 70px;
-            height: 70px;
-            padding: 0;
-            padding-right: 1rem;
-            padding-left: 0.5rem;
-            padding-bottom: 1rem;
-            margin: 0;
-            fill: $black;
-            path, svg.mailto path {
-                stroke: $black;
-                stroke-width: 0.1px;
-                }   
-        }
-
-    }
-}
-
-.field--name-field-fichiers  {
-    position: relative;
-    clear: right;
-    float: right;
-    width: 20%;
-    margin-right: 10%;
-
-    .file--mime-application-pdf {
-        display: flex;
-        height: fit-content;
-        font-weight: 900;
-        background-color: $blue-light;
-        color: $white;
-        justify-content: right;  
-        align-items: center;  
-        padding: 1rem;
-        a {
-            color: $white;
-            text-decoration: none;
-            // outline: none;
-        }   
-    }
-}

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

@@ -4,7 +4,6 @@
 #fotter-bottom{
     display: flex;
     flex-direction: row;
-    justify-content: space-around;
 
     .region{
         display: block;
@@ -16,7 +15,7 @@
             color: $blue-dark;
         }
         img{
-            height: 50px;
+            height: 4rem;
             width: auto;
         }
 
@@ -38,8 +37,19 @@
         }
     }
 
-
-
+    .view-id-partenaires{
+        .view-content{
+            display: flex;
+            flex-direction: row;
+            justify-content:flex-start;
+            flex-wrap: wrap;
+            .node-type-partenaires_logo_footer_{
+               padding-right: 1rem;
+               padding-bottom: 1rem; 
+            }
+        }
+    }
+    
  
         
         // .twitter::before {

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

@@ -59,7 +59,7 @@
     #block-burger {
         z-index: 1;
         background-color: $blue-light;
-        font-size: 0.7rem;
+        font-size: 0.5rem;
         color: $white;
         display: block;
         width: 7rem;
@@ -86,32 +86,39 @@
         }
 
         // ul {display: none;}
-        ul  {
-            display: none;
-            width: 100vw;
+        .menuOpen:first-of-type{
+            width: 500%;
             position: relative;
-            bottom:8%;;
-            left: calc(-30vw + 50%);
-            height: fit-content;
-            padding-bottom: 1rem;
-            padding-top: 1rem;
-            background-color: $blue-light;
-            line-height: 2rem;
-            list-style: none;
-        
-            .ul1 .sous-liste{
-                left: calc(-50vw + 50%);
-                padding-top: 0;
+            right: 0;
+        }
+            ul  {
+                display: none;
+                // width: 100vw;
+                // position: relative;
+                // bottom:8%;;
+                // left: calc(-30vw + 50%);
+                // height: fit-content;
+                // padding-bottom: 1rem;
+                // padding-top: 1rem;
+                background-color: $blue-light;
+                line-height: 2rem;
+                list-style: none;
+            
+                .ul1 .sous-liste{
+
+                //     left: calc(-50vw + 50%);
+                //     padding-top: 0;
+                    a{
+                        opacity: 1;
+                    }
+                }
                 a{
-                    opacity: 1;
+                    color: $white;
+                    font-weight: 800;
+                    font-size: 1rem;
+
                 }
-            }
-            a{
-                color: $white;
-                font-weight: 800;
-                font-size: 1.7rem;
-                opacity: 0.7;
-            }
+        
         }
         &.opened ul {
           display: block;

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

@@ -41,6 +41,7 @@
 
 {% macro menu_links(items, attributes, menu_level) %}
   {% import _self as menus %}
+  <div class="menuOpen">
   {% if items %}
     {% if menu_level == 0 %}
       <ul{{ attributes.addClass(ulClasses, 'ul1') }}{{attributes.removeClass(classes, 'sous-liste')}}{{ attributes }}>
@@ -62,4 +63,5 @@
     {# </div>  #}
     </ul>
   {% endif %}
+  </div>
 {% endmacro %}