diff --git a/styles.css b/styles.css
index 6094210bbda9016d89eb2aca5f0f197325b0785b..46235059c5ed9bc856e8b64639880d0683b43cbe 100644
--- a/styles.css
+++ b/styles.css
@@ -267,9 +267,9 @@ ul.nav.navbar-nav.ml-auto {
     font-size: 1rem;
     border: none;
     font-style: normal;
+    margin-left: 5px;
 
 }
-}
 
 .iena-description {
 	background: #EEE;
@@ -437,7 +437,7 @@ ul.nav.navbar-nav.ml-auto {
 
 .iena-progress-legend #caption-iena .caption-status{
 	margin-right: 0;
-	display: inline-block;
+	display: block;
 	margin-bottom: 5px;
 	cursor: default!important;
 }
@@ -891,6 +891,7 @@ tbody th{
 #caption-iena .caption-status{
 	display: flex;
 	margin-right: 20px;
+    align-items: center;
 }
 
 #caption-iena .caption-status .pointer-help{
@@ -1066,7 +1067,7 @@ th.first-column-iena, th.second-column-iena, th.actions-column-iena, th.third-co
     display: none;
 }
 
-@media only screen and (max-width : 500px) {
+@media only screen and (max-width : 768px) {
     .mobile_titre_section{
         display: block;
         flex-basis: 100%;
@@ -1075,15 +1076,20 @@ padding-bottom: 14px;
 border-bottom: 1px solid #dee2e6;
 
     }
+
     .course-section-header{
         flex-wrap: wrap;
     }
     .titre_section, .right_info .sect-date, .nb_pers.set_height.id_groupe0{
         display: none!important;
     }
-
+    .label_item.sect-date.prog{
+        display: block !important;
+        padding: 5px 8px;
+        font-size: 0.90rem;
+    }
     .d-flex.align-items-start.position-relative{
-        flex-basis: 85%;
+        flex-basis: 80%;
     }
     .right-info{
         flex-basis: 15%;
@@ -1094,13 +1100,12 @@ border-bottom: 1px solid #dee2e6;
         padding: 6px 10px 4px 10px;
         border-radius: 31px;
     }
-    .iena-icon-distance::after{
+    .iena-icon-distance::after, .iena-icon-presence::after{
         font-size: initial;
-        color:var(--main-color);
+        
     }
     .label_item.sect-mode{
-        background: white!important;
-        padding: 0px 5px;
+        padding: 2px 6px;
     }
     .mobile-sect-date{
         float: right!important;
diff --git a/templates/courseformat/content/section/header.mustache b/templates/courseformat/content/section/header.mustache
index 92d2383883403594345762bb25bc181c0bd291b6..eeb3df42950fd7b9d0b567fa5973bc4e354581dd 100644
--- a/templates/courseformat/content/section/header.mustache
+++ b/templates/courseformat/content/section/header.mustache
@@ -48,7 +48,7 @@
                 <div class="label_item sect-mode">
                     <span class="iena-icon-presence" data-toggle="tooltip" data-placement="top" title="{{#str}} in_presence, format_iena {{/str}}"></span>
                 </div>
-                <span>{{#str}} in_presence, format_iena {{/str}}</span>
+            
                 {{#date}}
                     <div class="label_item mobile-sect-date sect-date">
                         {{date}}
@@ -73,7 +73,7 @@
                 <div class="label_item sect-mode">
                     <span class="iena-icon-distance" data-toggle="tooltip" data-placement="top" title="{{#str}} not_presence, format_iena {{/str}}"></span>
                 </div>
-                <span>{{#str}} not_presence, format_iena {{/str}}</span>
+            
                 {{#date}}
                     <div class="label_item mobile-sect-date sect-date">
                         {{date}}