diff --git a/lang/fr/format_iena.php b/lang/fr/format_iena.php
index 9b91dc4103eb31e719f5f0be22cdb3a0930bcb64..5776a446ff952926e35aa4605cc76db03d56ae83 100644
--- a/lang/fr/format_iena.php
+++ b/lang/fr/format_iena.php
@@ -31,7 +31,7 @@
 	$string['editsection'] = 'Modifier section';
 	$string['deletesection'] = 'Supprimer section';
 	$string['sectionname'] = 'Section';
-	$string['section0name'] = 'General';
+	$string['section0name'] = 'Général';
 	$string['hidefromothers'] = 'Cacher section';
 	$string['showfromothers'] = 'Voir section';
 	$string['showdefaultsectionname'] = 'Show the default sections name';
@@ -47,7 +47,7 @@ By definition an unnamed section is displayed as <strong>section [N]</strong>.';
 	$string['notif'] = 'Notification';
 	$string['notif_summary'] = 'Une notification peut être envoyée à l étudiant par mail. Elle lui rapplera de consulter la section et contiendra diverses informations (nom du cours, lien vers le cours, nom de la section, date le la section et modalité';
 	$string['in_presence'] = 'En présence';
-	$string['not_presence'] = 'A distance';
+	$string['not_presence'] = 'À distance';
 	$string['days_before'] = 'Un certain nombre de jours avant la séance';
 	$string['days_after'] = 'Un certain nombre de jours après la séance';
 	$string['days_same'] = 'Le jour même';
diff --git a/renderer.php b/renderer.php
index 093b7ea9ab1a68126b8e88118142a7481b81de77..bc665d1da2d0964b907cbfa54a5249e3e856ed9b 100644
--- a/renderer.php
+++ b/renderer.php
@@ -181,14 +181,18 @@ class format_iena_renderer extends format_topics_renderer{
 
 				if (isset($param_section->presence)) {
 					if ($param_section->presence == 1) {
-						$section->presence = "En présence";
+						$section->presence = true;
+						$section->distance =false;
 						$string_date_presence="Le ";
 					} else if ($param_section->presence == 2) {
-						$section->presence = "À distance";
+						$section->presence = false;
+						$section->distance =true;
 						$string_date_presence="Pour le ";
 					}
 					else{
 						$string_date_presence="Le ";
+						$section->presence = false;
+						$section->distance =false;
 					}
 				}
 
diff --git a/styles.css b/styles.css
index 7e00b879f7bf9d3b4e7d2670d8f68a675068c17d..a2d6e50a1e0bf535e18f863380a049aedb7a0871 100644
--- a/styles.css
+++ b/styles.css
@@ -304,7 +304,7 @@ ul.nav.navbar-nav.ml-auto {
 /* Bottom header */
 
 .iena-course-header-bottom {
-	margin-bottom: 0;
+	margin-bottom: 20px;
 }
 
 /* Toggler */
@@ -797,3 +797,32 @@ tbody th{
 	margin-bottom: 40px;
 }
 
+
+.iena-icon-distance, .iena-icon-presence{
+	content: "";
+	display: block;
+	color: white;
+}
+
+.iena-icon-presence::after{
+	content: "\f0c0";
+	font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; 
+	color: black;
+	font-size: large;
+}
+
+.iena-icon-distance::after{
+	content: "\f108";
+	font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; 
+	color: black;
+	font-size: large;
+}
+
+.iena-caption-sections > .iena-caption-icons, .iena-caption-sections > .iena-caption-icons > * {
+	display: inline-block;
+	
+}
+
+.iena-caption-sections > .iena-caption-icons{
+	margin-right: 20px;
+}
diff --git a/templates/section.mustache b/templates/section.mustache
index d0a53e42dbbf42a764bc3aa78583782e3102579e..e8cc33a79ea06db004822d3a3f34335b3a8c4787 100644
--- a/templates/section.mustache
+++ b/templates/section.mustache
@@ -11,9 +11,14 @@
 			<div class="titre_section set_height">
 				{{#presence}}
 				<div class="label_item sect-date">
-					{{presence}}
+					<span class="iena-icon-presence" data-toggle="tooltip" data-placement="top" title="{{#str}} in_presence, format_iena {{/str}}"></span>
 				</div>
 				{{/presence}}
+				{{#distance}}
+				<div class="label_item sect-date">
+					<span class="iena-icon-distance" data-toggle="tooltip" data-placement="top" title="{{#str}} not_presence, format_iena {{/str}}"></span>
+				</div>
+				{{/distance}}
 				
 			</div>
 			<div class="right_info">
diff --git a/templates/sections.mustache b/templates/sections.mustache
index 9891eb509b372262a4ced7625195ae3c4a949e92..3c5c3427de279a63fc87718735df25c3d14edb23 100644
--- a/templates/sections.mustache
+++ b/templates/sections.mustache
@@ -1,6 +1,10 @@
 
 <ul class="iena-editing">
 	<div class="iena-course-header"></div>
+	<div class="iena-caption-sections">
+		<div class="iena-caption-icons"><span class="iena-icon-presence"></span>{{#str}} in_presence, format_iena {{/str}}</div>
+	 <div class="iena-caption-icons"><span class="iena-icon-distance"></span>{{#str}} not_presence, format_iena {{/str}}</div>
+	</div>
 	{{#sections}}
 		{{> format_iena/section}}
 	{{/sections}}