offre service type protagonniste css

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

@@ -1623,11 +1623,20 @@ a {
       .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-photo img {
         width: 100%;
         height: auto; }
+    .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-type-de-protagoniste {
+      background: white;
+      width: fit-content;
+      grid-column: 2 /span 3;
+      grid-row: 1;
+      text-transform: uppercase;
+      color: #a01a27;
+      font-weight: 900;
+      font-size: 0.8rem; }
     .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodefield-prenom {
       background: white;
       width: fit-content;
       grid-column: 2;
-      grid-row: 1;
+      grid-row: 2;
       padding-right: 0.5rem;
       text-transform: uppercase;
       font-weight: 900;
@@ -1636,7 +1645,7 @@ a {
       background: white;
       width: fit-content;
       grid-column: 3;
-      grid-row: 1;
+      grid-row: 2;
       text-transform: uppercase;
       font-weight: 900;
       font-size: 1.5rem; }
@@ -1644,7 +1653,7 @@ a {
       background: white;
       width: fit-content;
       grid-column: 2 / span 3;
-      grid-row: 2;
+      grid-row: 3;
       text-transform: uppercase;
       font-weight: 800;
       font-size: 0.8rem;
@@ -1655,7 +1664,7 @@ a {
       background: white;
       width: fit-content;
       grid-column: 2 / span 3;
-      grid-row: 3;
+      grid-row: 4;
       font-size: 2.5rem;
       font-family: "Source Code Pro"; }
       .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle a {
@@ -1664,7 +1673,7 @@ a {
       background: white;
       width: fit-content;
       grid-column: 2 / span 3;
-      grid-row: 4;
+      grid-row: 5;
       text-transform: uppercase;
       font-weight: 800;
       font-size: 00.8rem; }
@@ -1672,7 +1681,7 @@ a {
       background: white;
       width: fit-content;
       grid-column: 2 / span 3;
-      grid-row: 5;
+      grid-row: 6;
       font-size: 0.8rem;
       padding-top: 1rem; }
   .page-node-type-offre-de-service .layout__region--second {

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

@@ -28,11 +28,22 @@
                         height: auto;   
                     }
                 }
+                .block-entity-fieldnodefield-type-de-protagoniste{
+                    background: $white;
+                    width: fit-content;
+                    grid-column: 2 /span 3;
+                    grid-row: 1;
+                    text-transform: uppercase;
+                    color: rgb(160, 26, 39);
+                    font-weight: 900;
+                    font-size: 0.8rem;
+                
+                }
                 .block-entity-fieldnodefield-prenom{
                     background: $white;
                     width: fit-content;
                     grid-column: 2;
-                    grid-row: 1;
+                    grid-row: 2;
                     padding-right: 0.5rem;
                     text-transform: uppercase;
                     font-weight: 900;
@@ -42,7 +53,7 @@
                     background: $white;
                     width: fit-content;
                     grid-column: 3;
-                    grid-row: 1;
+                    grid-row: 2;
                     text-transform: uppercase;
                     font-weight: 900;
                     font-size: 1.5rem;
@@ -51,7 +62,7 @@
                     background: $white;
                     width: fit-content;
                     grid-column: 2 / span 3;
-                    grid-row: 2;
+                    grid-row: 3;
                     text-transform: uppercase;
                     font-weight: 800;
                     font-size: 0.8rem;
@@ -64,7 +75,7 @@
                     background: $white;
                     width: fit-content;
                     grid-column: 2 / span 3;
-                    grid-row: 3;
+                    grid-row: 4;
                     font-size: 2.5rem;
                     font-family: "Source Code Pro";
                     
@@ -76,7 +87,7 @@
                     background: $white;
                     width: fit-content;
                     grid-column: 2 / span 3;
-                    grid-row: 4;
+                    grid-row: 5;
                     text-transform: uppercase;
                     font-weight: 800;
                     font-size: 00.8rem;
@@ -85,7 +96,7 @@
                     background: $white;
                     width: fit-content;
                     grid-column: 2 / span 3;
-                    grid-row: 5;
+                    grid-row: 6;
                     font-size: 0.8rem;
                     padding-top: 1rem;
                 }