block bleu faq pb

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

@@ -131,36 +131,6 @@
 a {
   text-decoration: none; }
 
-@media (max-width: 1325px) {
-  .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-    position: relative; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
-      position: relative;
-      bottom: +337%; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-      position: relative;
-      bottom: +72%; } }
-
-@media (max-width: 1330px) {
-  .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-    position: relative; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
-      position: relative;
-      bottom: +387%; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-      position: relative;
-      bottom: +132%; } }
-
-@media (max-width: 1033px) {
-  .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-    position: relative; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien.field--type-link {
-      position: relative;
-      bottom: +450%; }
-    .path-frontpage .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-      position: relative;
-      bottom: +126%; } }
-
 @media (max-width: 934px) {
   #block-headermenu {
     display: none; }
@@ -370,32 +340,38 @@ a {
 
 .block-region-content {
   position: relative; }
-  .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-    grid-column: 5;
-    background-color: #009ee3; }
-    .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
-      text-align: center; }
-      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
-        margin-top: 1rem;
-        display: block;
-        content: url("../images/pictos/picto_faq.svg"); }
-      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
-        font-size: 0.8rem;
-        font-weight: 1000;
-        color: #09398b;
-        text-transform: uppercase; }
-    .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
-      margin-top: 0;
-      margin-left: 1.5rem;
-      margin-right: 1.5rem;
-      text-align: center; }
-      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
-        font-weight: 800;
-        color: white;
-        font-size: 1.3rem; }
-      .block-region-content .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
-        display: block;
-        content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+
+.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
+  position: relative;
+  width: 20%;
+  float: right;
+  margin-right: 13%;
+  bottom: -100%;
+  background-color: #009ee3; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
+    text-align: center; }
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
+      margin-top: 1rem;
+      display: block;
+      content: url("../images/pictos/picto_faq.svg"); }
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
+      font-size: 0.8rem;
+      font-weight: 1000;
+      color: #09398b;
+      text-transform: uppercase; }
+  .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
+    text-align: center; }
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
+      font-weight: 800;
+      color: white;
+      font-size: 1.3rem; }
+    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p:after {
+      display: block;
+      content: url("../images/pictos/noun_Arrow_3771902.svg"); }
 
 .block-views-blockactus-blocks-pages-block-1 {
   clear: both;

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

@@ -1,54 +1,54 @@
-@media (max-width: 1325px){
-    .path-frontpage{
-        .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-            position: relative;
-            .field--name-field-lien.field--type-link{
-                position: relative;
-                bottom: +337%;
-            }   
-            .field--name-field-description{
-                position: relative;
-                bottom: +72%;
-            } 
-        }
+// @media (max-width: 1325px){
+//     .path-frontpage{
+//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+//             position: relative;
+//             .field--name-field-lien.field--type-link{
+//                 position: relative;
+//                 bottom: +337%;
+//             }   
+//             .field--name-field-description{
+//                 position: relative;
+//                 bottom: +72%;
+//             } 
+//         }
     
-    }
-}
+//     }
+// }
 
-@media (max-width: 1330px){
-    .path-frontpage{
-        .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-            position: relative;
-            .field--name-field-lien.field--type-link{
-                position: relative;
-                bottom: +387%;
-            }   
-            .field--name-field-description{
-                position: relative;
-                bottom: +132%;
-            } 
-        }
+// @media (max-width: 1330px){
+//     .path-frontpage{
+//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+//             position: relative;
+//             .field--name-field-lien.field--type-link{
+//                 position: relative;
+//                 bottom: +387%;
+//             }   
+//             .field--name-field-description{
+//                 position: relative;
+//                 bottom: +132%;
+//             } 
+//         }
     
-    }
-}
+//     }
+// }
 
-@media (max-width: 1033px){
-    .path-frontpage{
-        .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-            position: relative;
-            .field--name-field-lien.field--type-link{
-                position: relative;
-                bottom: +450%;
-            }   
-            .field--name-field-description{
-                position: relative;
-                bottom: +126%;
-            } 
-        }
+// @media (max-width: 1033px){
+//     .path-frontpage{
+//         .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+//             position: relative;
+//             .field--name-field-lien.field--type-link{
+//                 position: relative;
+//                 bottom: +450%;
+//             }   
+//             .field--name-field-description{
+//                 position: relative;
+//                 bottom: +126%;
+//             } 
+//         }
     
-    }
+//     }
 
-}
+// }
 
 
 @media (max-width: 934px){ 

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

@@ -139,91 +139,66 @@
 // bouton foire aux questions
 .block-region-content{
     position: relative;
+}
+.block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+        position: relative;
+        width: 20%;
+        float: right;
+        margin-right: 13%;
+        bottom: -100%;
+        // grid-column: 5;
+        background-color: $blue-light;
+        .field--name-field-lien{
+            &:before{
+                margin-top: 1rem;
+                display: block;
+                content: url("../images/pictos/picto_faq.svg");
+            }
+            text-align: center;
+            a{
+                font-size: 0.8rem;
+                font-weight: 1000;
+                color: $blue-dark;
+                text-transform: uppercase;
+            }
+        }
+        .field--name-field-description{
+            p{
+                margin-top: 0;
+                margin-bottom: 0;
+                margin-left: 1.5rem;
+                margin-right: 1.5rem;
+                text-align: center;
+                a{
+                    font-weight: 800;
+                    color: $white;
+                    font-size: 1.3rem;
+                } 
+                &:after{
+                    display: block;
+                    content:url("../images/pictos/noun_Arrow_3771902.svg")
 
-    .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-        // display: grid;
-        // grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-        // position: relative;
-        // background-color: $blue-light;
-        // height: 0;
-        // width: 100%;
-        // position: relative;
-    
-        // .field--name-field-lien.field--type-link{
+                }   
+            }
+        }
+
+          
+        // .field--name-field-description{
         //     position: relative;
-        //     bottom: +326%;
+        //     bottom: +140%;
         //     grid-column: 5;
-        //     width:inherit;
-        //     font-size: 0.8rem;
-        //     list-style: none;
         //     background-color: $blue-light;
-        //     display: flex;
-        //     justify-content: center;
-    
-        //     a{
-        //         text-transform: uppercase;
-        //         font-weight: 700;
-        //         color: $blue-dark;
-        //         &:before{
-        //             display: block;
-        //             width: fit-content;
-        //             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="white" stroke="white" stroke-width="0.7"/></svg>');
-        //         }
+        //     p{
+        //         color: $white;
+        //         font-size: 1.2rem;
+        //         padding-left: 1rem;
+        //         padding-right: 1rem;
+        //         margin-top: 0;
+        //         text-align: center;
         //     }
-            grid-column: 5;
-            background-color: $blue-light;
-            .field--name-field-lien{
-                &:before{
-                    margin-top: 1rem;
-                    display: block;
-                    content: url("../images/pictos/picto_faq.svg");
-                }
-                text-align: center;
-                a{
-                    font-size: 0.8rem;
-                    font-weight: 1000;
-                    color: $blue-dark;
-                    text-transform: uppercase;
-                }
-            }
-            .field--name-field-description{
-                p{
-                    margin-top: 0;
-                    margin-left: 1.5rem;
-                    margin-right: 1.5rem;
-                    text-align: center;
-                    a{
-                        font-weight: 800;
-                        color: $white;
-                        font-size: 1.3rem;
-                    } 
-                    &:after{
-                        display: block;
-                        content:url("../images/pictos/noun_Arrow_3771902.svg")
-    
-                    }   
-                }
-            }
-    
-              
-            // .field--name-field-description{
-            //     position: relative;
-            //     bottom: +140%;
-            //     grid-column: 5;
-            //     background-color: $blue-light;
-            //     p{
-            //         color: $white;
-            //         font-size: 1.2rem;
-            //         padding-left: 1rem;
-            //         padding-right: 1rem;
-            //         margin-top: 0;
-            //         text-align: center;
-            //     }
-            // } 
-       
-    }
-    
-}
+        // } 
+        }
+
 
 // bandeau actus