add img Online

web/themes/custom/popsu_colloque/css/pages/front.scss

@@ -96,3 +96,16 @@ header{
     color: $color2
   }
 }
+
+#block-views-block-slide-programme-block-1{
+  h3{
+    &::after{
+      display: inline-flex;
+      width: 60px;
+      height: 60px;
+      vertical-align: middle;
+      margin-left:20px;
+      @include labelOnline;
+    }
+  }
+}

web/themes/custom/popsu_colloque/css/pages/informations.scss

@@ -5,6 +5,28 @@
   margin: 0 auto 1.5rem auto;  
   }
 }
+
+#info_prat_title{
+  position: relative;
+  &::after{
+    display: inline-flex;
+    position: absolute;
+    right: 0px;
+    top: 0px;
+    width: 50px;
+    height: auto;
+    vertical-align: middle;
+    @include labelOnline;
+  }
+  @media screen and (min-width: 768px) {
+    &::after{
+      right: -20px;
+      top: 10px;
+      width: 150px;
+    }
+  }
+}
+
 .geolocation-map-wrapper{
   height: 400px;
   .geolocation-map-container{

web/themes/custom/popsu_colloque/css/pages/programme.scss

@@ -4,6 +4,21 @@
     @media screen and (min-width: 768px) {
       padding-top: 0rem;
     }
+    h2{
+      position: relative;
+      &::after{
+        display: inline-flex;
+        position: absolute;
+        right: 0;
+        width: 100px;
+        height: auto;
+        vertical-align: middle;
+        @include labelOnline;
+        @media screen and (min-width: 768px) {
+          width: 150px;
+        }
+      }
+    }
     h3{
       font-size: 1.5rem;
       font-family: 'truenolight';

web/themes/custom/popsu_colloque/template/fields/field--node--title--informations-pratiques.html.twig

@@ -46,6 +46,6 @@
 
 {% if label_hidden %}
   {% for item in items %}
-    <h2>{{ item.content }}</h2>
+    <h2 id="info_prat_title">{{ item.content }}</h2>
   {% endfor %}
 {% endif %}