diff --git a/module/folder/folder.php b/module/folder/folder.php
index 7c959b3b..f9d07416 100644
--- a/module/folder/folder.php
+++ b/module/folder/folder.php
@@ -160,16 +160,18 @@ class folder extends common
 				foreach ($files as $file) {
 					$fileFullPath = $chemin . '/' . $file;
 					$fileInfo = '';
+					$fileExtension = pathinfo($fileFullPath, PATHINFO_EXTENSION); // Obtenir l'extension du fichier
+					$fileExtensionClass = strtolower($fileExtension); // Convertir l'extension en minuscules pour une classe CSS
 					if ($showDetails) {
 						$fileSize = filesize($fileFullPath);
 						$fileSizeFormatted = $this->formatSizeUnits($fileSize);
-						$fileInfo = "<div class='file-info-container'>" . date("d-m-Y H:i", filemtime($fileFullPath)) . " - $fileSizeFormatted</div>";
+						$fileInfo = "<div class='file-info-container'>" . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
 					}
-					$items .= "<li class='file'><div class='file-name'>$file</div>$fileInfo</li>";
+					$items .= '<li class="file ' . $fileExtensionClass .'"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
 				}
 	
 				// Fermer la liste
-				$items .= "</ul>";
+				$items .= '</ul>';
 	
 				return $items;
 			}
@@ -178,6 +180,7 @@ class folder extends common
 		return '';
 	}
 	
+	
 
 
 
diff --git a/module/folder/view/index/index.css b/module/folder/view/index/index.css
index b8499eda..752122e8 100644
--- a/module/folder/view/index/index.css
+++ b/module/folder/view/index/index.css
@@ -27,14 +27,10 @@
   list-style: none;
 }
 
-#dirindex .directory {
+#dirindex li.directory {
   list-style-type: "\1F4C1";
 }
 
-#dirindex .file {
-  list-style-type: "\1F4C4";
-}
-
 #dirindex ul li {
   margin-top: 10px;
 }
@@ -50,9 +46,9 @@
 }
 
 /* Style pour les sous-éléments des dossiers */
-.sub-items {
+ul.sub-items {
   list-style-type: none;
-  margin-left: -40px;
+  margin-left: -50px;
 }
 
 
@@ -69,4 +65,19 @@
   white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
   overflow: hidden; /* Cacher tout texte qui dépasse */
   text-overflow: ellipsis; /* Ajouter des points de suspension (...) pour indiquer que le texte a été tronqué */
+}
+
+/**
+* Images des icônes
+*/
+
+/** les dossiers  */
+#dirindex li.directory {
+  list-style-type: "\1F4C1";
+}
+
+
+/** fichiers par défaut (mime non trouvé)  */
+#dirindex li:not(.directory) {
+  list-style-type: "\1F4C4";
 }
\ No newline at end of file