titre offre de service

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

@@ -1490,25 +1490,27 @@ a {
           font-weight: 800;
           vertical-align: middle; }
 
-.offresdeservices .layout-content .region-content #block-contenudelapageprincipale span {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-  vertical-align: middle;
-  color: white; }
-  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 {
-    margin: 0;
-    padding-top: 2rem;
-    height: 4rem;
-    background: #009ee3;
-    font-family: "Source Code Pro";
-    text-transform: uppercase;
-    padding-left: 13%; }
-
-.offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
+.offresdeservices .layout-content .region-content #block-contenudelapageprincipale {
   background: url("../images/pictos/carre-contour-bleu_programme.svg");
   background-repeat: no-repeat;
+  background-position-y: 20vh;
   max-width: 100vw;
   background-size: cover; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+    vertical-align: middle;
+    color: white; }
+    .offresdeservices .layout-content .region-content #block-contenudelapageprincipale span h2 {
+      font-family: 'Source Code Pro';
+      font-size: 2rem;
+      font-weight: 800;
+      color: white;
+      background-color: #009ee3;
+      text-transform: uppercase;
+      width: fit-content;
+      margin-left: 10%;
+      margin-top: 8rem; }
   .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
     margin: 2rem;
     margin-top: 4rem; }
@@ -1519,6 +1521,8 @@ a {
   .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 {
     width: 65%;
     margin: auto; }
+  .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters {
+    background: white; }
   .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content {
     display: flex;
     flex-wrap: wrap;

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

@@ -5,6 +5,11 @@
         .region-content{
             
             #block-contenudelapageprincipale{
+                background: url('../images/pictos/carre-contour-bleu_programme.svg');
+                        background-repeat: no-repeat;
+                        background-position-y: 20vh;
+                        max-width: 100vw;
+                        background-size: cover;
                 span{
                     padding-top: 3rem;
                     padding-bottom: 3rem;
@@ -12,24 +17,21 @@
                     
                     color: $white;
                     h2{
-                        margin: 0;
-                        padding-top: 2rem;
-                        height: 4rem;
-                        background: $blue-light; 
-                        font-family: "Source Code Pro";
+                        font-family: 'Source Code Pro';
+                        font-size: 2rem;
+                        font-weight: 800;
+                        color: $white;
+                        background-color: $blue-light;
                         text-transform: uppercase;
-                        
-                        padding-left: 13%;
+                        width: fit-content;
+                        margin-left: 10%;
+                        margin-top: 8rem;
                        
                     }
                 }
                 .layout--onecol{
                     .block-region-content{
-                        background: url('../images/pictos/carre-contour-bleu_programme.svg');
-                        background-repeat: no-repeat;
-                        // background-position-y: 20vh;
-                        max-width: 100vw;
-                        background-size: cover;
+                        
 
 
                         // texte présentation
@@ -50,7 +52,7 @@
 
                             // bandeau filtes
                             .view-filters{
-                                
+                                background: $white;
                             }
 
                             // grille offres