titre contact

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

@@ -1698,11 +1698,19 @@ a {
       display: flex;
       flex-direction: column;
       width: 70%; }
+      .page-node-type-offre-de-service .layout__region--third .block-region-third .title-contact {
+        background: #009ee3;
+        color: white;
+        text-transform: uppercase;
+        font-weight: 900;
+        font-size: 0.8rem;
+        padding-top: 1rem;
+        padding-left: 1rem;
+        padding-right: 1rem; }
       .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel {
         background: #009ee3;
         color: white;
         font-weight: 600;
-        padding-top: 1rem;
         padding-left: 1rem;
         padding-right: 1rem; }
       .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-telephone {

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

@@ -123,13 +123,24 @@
             .block-region-third{
                 display: flex;
                 flex-direction: column;
-                width: 70%;   
+                width: 70%;  
+                
+                .title-contact{
+                    background: $blue-light;
+                    color: $white;
+                    text-transform: uppercase;
+                    font-weight: 900;
+                    font-size: 0.8rem;
+                    padding-top: 1rem;
+                    padding-left: 1rem;
+                    padding-right: 1rem;
+                }
                 
                 .block-entity-fieldnodefield-courriel{
                     background: $blue-light;
                     color: $white;
                     font-weight: 600;
-                    padding-top: 1rem;
+                  
                     padding-left: 1rem;
                     padding-right: 1rem;
                 }                

web/themes/custom/eql/templates/block--entity-field--node--field-courriel.html.twig

@@ -0,0 +1,45 @@
+{#
+/**
+ * @file
+ * Theme override to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ */
+#}
+{%
+  set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ]
+%}
+<div class='title-contact'>Contact</div>
+<div{{ attributes.addClass(classes) }}>
+  {{ title_prefix }}
+  {% if label %}
+    <span><h2{{ title_attributes }}>{{ label }}</h2></span>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>