diff --git a/assets/css/style-iai.css b/assets/css/style-iai.css
index e8f91277a779e36f0866261d852a94fc8158885b..1b2dca6e266ee082fbf97efb2147e48f3aca412f 100644
--- a/assets/css/style-iai.css
+++ b/assets/css/style-iai.css
@@ -1055,6 +1055,22 @@ a.iai-content-links-header:hover .toggle {
     border: solid #5E5E5E 1px;
 }
 
+.iai-ressources h3{
+  font-size:20px;
+}
+.iai-ressources .orange{
+  color:#F95230;
+}
+.iai-ressources .blue{
+  color:#5937B9;
+}
+.iai-ressources .green{
+  color:#00A387;
+}
+.iai-ressources ul{
+  padding-left:30px;
+}
+
 @media screen and (max-width:1360px) {
 
     .iai-video-popup {
diff --git a/gitlab-ci/generateIAIlinks.php b/gitlab-ci/generateIAIlinks.php
index 418acbcf28b2f5e0ba43ff80520c6720a49b3f9d..a1993f9720b2baf8d5357b78e66de6a68153756c 100644
--- a/gitlab-ci/generateIAIlinks.php
+++ b/gitlab-ci/generateIAIlinks.php
@@ -49,7 +49,9 @@ print $dataArraySize." lignes après nettoyage \n";
 if($dataArray && $dataArraySize!=0){
   $currentSection="";
   usort($dataArray, "cmpSection");//on trie le tableau
-  foreach ($dataArray as $tmp_line){	
+  $colorArray=("blue","orange","green");
+  $int $sectionNumber = 0;
+  foreach ($dataArray as $tmp_line){	    
 	$tmp_section=$tmp_line[20];
 	$tmp_url=$tmp_line[1];
 	$tmp_title=$tmp_line[0];
@@ -62,7 +64,9 @@ if($dataArray && $dataArraySize!=0){
 		  $html.="</ul></div>\n";
 		  $html.="<br>\n";
 		}
-		$html.="<div class='iai-ressources'><h3>".$tmp_section."</h3>\n";
+		$sectionNumber++;		
+		$colorClass=$colorArray[$sectionNumber%3];
+		$html.="<div class='iai-ressources'><h3 class='".$colorClass."'>".$tmp_section."</h3>\n";
 		$html.="<ul>";
 		$currentSection=$tmp_section ;		
 	  }