diff --git a/module/folder/folder.php b/module/folder/folder.php
index f1b5758c..3c2f4c5a 100644
--- a/module/folder/folder.php
+++ b/module/folder/folder.php
@@ -145,7 +145,7 @@ class folder extends common
 						if ($initialFolderState == 'collapsed') {
 							$folderClass = 'collapsible';
 						}
-						$items .= "<li class='directory $folderClass'><span class='toggle'>$subDirectory</span><ul class='sub-items'";
+						$items .= '<li class="folder '. $folderClass .' small"><span class="toggle">'. $subDirectory.'</span><ul class="sub-items"';
 						if ($initialFolderState == 'collapsed') {
 							$items .= " style='display:none;'";
 						}
@@ -165,9 +165,9 @@ class folder extends common
 					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 ' . $fileExtensionClass . '"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
+					$items .= '<li class="file ' . $fileExtensionClass . ' small"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
 				}
 
 				// Fermer la liste
diff --git a/module/folder/view/index/file.png b/module/folder/view/index/file.png
new file mode 100644
index 00000000..cb0ea98a
Binary files /dev/null and b/module/folder/view/index/file.png differ
diff --git a/module/folder/view/index/folder.png b/module/folder/view/index/folder.png
new file mode 100644
index 00000000..e90bb593
Binary files /dev/null and b/module/folder/view/index/folder.png differ
diff --git a/module/folder/view/index/folder.svg b/module/folder/view/index/folder.svg
new file mode 100644
index 00000000..f5969c3f
--- /dev/null
+++ b/module/folder/view/index/folder.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 55"><style>.st0{fill:url(#SVGID_1_)}.st0,.st1,.st2{stroke:#434242;stroke-width:1.25;stroke-miterlimit:10}.st1{fill:url(#SVGID_2_)}.st2{fill:#434242}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.943" y1="56.21" x2="35.943" y2="38.664" gradientTransform="matrix(1 0 0 -1 0 57)"><stop offset="0" stop-color="#fcfcfd"/><stop offset="1" stop-color="#fff"/></linearGradient><path class="st0" d="M2.6 18.3V2.5c0-.9.7-1.7 1.7-1.7h23.3l6.7 5h33.3c.9 0 1.7.8 1.7 1.7v10.9H2.6z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="35.943" y1="54.263" x2="35.943" y2="9.981"><stop offset=".109" stop-color="#debe00"/><stop offset=".532" stop-color="#cfad04"/><stop offset="1" stop-color="#a07802"/></linearGradient><path class="st1" d="M4.3 54.3h63.3c.9 0 1.6-.8 1.7-1.7L71 11.7c0-.9-.7-1.7-1.7-1.7h-25l-6.7 5h-35c-.9 0-1.7.8-1.7 1.7l1.7 35.9c.1.9.8 1.7 1.7 1.7z"/><path class="st2" d="M7.6 4.1h18.3c.9 0 1.7.8 1.7 1.7s-.7 1.7-1.7 1.7H7.6c-.9 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7z"/></svg>
\ No newline at end of file
diff --git a/module/folder/view/index/index.css b/module/folder/view/index/index.css
index 752122e8..ff3e247e 100644
--- a/module/folder/view/index/index.css
+++ b/module/folder/view/index/index.css
@@ -27,17 +27,13 @@
   list-style: none;
 }
 
-#dirindex li.directory {
-  list-style-type: "\1F4C1";
-}
-
 #dirindex ul li {
+  list-style-type: none;
   margin-top: 10px;
 }
 
 #dirindex li  {
-  padding-left: 5px;
-  list-style-position : outside;
+  padding-left: 25px;
 }
 
 /* Style pour le pliage/dépliage des dossiers */
@@ -71,13 +67,20 @@ ul.sub-items {
 * Images des icônes
 */
 
-/** les dossiers  */
-#dirindex li.directory {
-  list-style-type: "\1F4C1";
+#dirindex li {
+  background-repeat: no-repeat;
 }
 
+#dirindex .small {
+  background-size: 15px;
+}
 
-/** fichiers par défaut (mime non trouvé)  */
-#dirindex li:not(.directory) {
-  list-style-type: "\1F4C4";
+/** les dossiers */
+#dirindex li.folder  {
+  background-image: url("module/folder/view/index/folder.svg");
+}
+
+/** fichiers par défaut (mime non trouvé) */
+#dirindex li:not(.folder) {
+  background-image: url("module/folder/view/index/png.svg");
 }
\ No newline at end of file
diff --git a/module/folder/view/index/png.svg b/module/folder/view/index/png.svg
new file mode 100644
index 00000000..49432d30
--- /dev/null
+++ b/module/folder/view/index/png.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 100"><style>.st0{opacity:.99}</style><g class="st0"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.2" y1="3.005" x2="36.2" y2="101" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#006b69"/><stop offset=".124" stop-color="#00807f"/><stop offset=".262" stop-color="#009393"/><stop offset=".41" stop-color="#00a3a3"/><stop offset=".571" stop-color="#00b0af"/><stop offset=".752" stop-color="#08b8b7"/><stop offset="1" stop-color="#14bbbb"/></linearGradient><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill="url(#SVGID_1_)"/><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill-opacity="0" stroke="#006e6c" stroke-width="2"/></g><path d="M8 91.1V71.2h6.5c2.5 0 4.1.1 4.8.3 1.1.3 2.1.9 2.9 1.9.8 1 1.2 2.3 1.2 3.9 0 1.2-.2 2.2-.7 3.1-.4.8-1 1.5-1.7 2s-1.4.8-2.1.9c-1 .2-2.4.3-4.2.3H12v7.5H8zm4-16.5v5.6h2.2c1.6 0 2.7-.1 3.2-.3.5-.2 1-.5 1.3-1 .3-.4.5-1 .5-1.5 0-.7-.2-1.3-.6-1.8-.4-.5-1-.8-1.6-.9-.5-.1-1.4-.1-2.9-.1H12zm14.6 16.5V71.2h3.9l8.2 13.2V71.2h3.7V91h-4l-8.1-12.9V91h-3.7zm29.5-7.3v-3.3h8.7v7.9c-.8.8-2.1 1.5-3.7 2.1-1.6.6-3.2.9-4.9.9-2.1 0-3.9-.4-5.5-1.3S48 88 47.2 86.4c-.8-1.6-1.2-3.4-1.2-5.3 0-2.1.4-3.9 1.3-5.5s2.1-2.8 3.8-3.7c1.3-.7 2.9-1 4.8-1 2.5 0 4.4.5 5.8 1.5s2.3 2.5 2.7 4.3l-4 .7c-.3-1-.8-1.7-1.6-2.3-.8-.6-1.7-.8-2.9-.8-1.8 0-3.2.6-4.2 1.7s-1.6 2.8-1.6 4.9c0 2.4.5 4.1 1.6 5.3s2.4 1.8 4.1 1.8c.8 0 1.7-.2 2.5-.5s1.6-.7 2.2-1.2v-2.5h-4.4z" fill="#fff"/><g class="st0"><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.214" y1="74.229" x2="58.667" y2="87.682" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#d6ede8"/><stop offset=".297" stop-color="#d3ebe6"/><stop offset=".44" stop-color="#c7e3df"/><stop offset=".551" stop-color="#b7d8d5"/><stop offset=".645" stop-color="#a0cbc9"/><stop offset=".729" stop-color="#84bab9"/><stop offset=".804" stop-color="#62a7a7"/><stop offset=".874" stop-color="#349394"/><stop offset=".938" stop-color="#007f7f"/><stop offset=".998" stop-color="#006b6a"/><stop offset="1" stop-color="#006b69"/></linearGradient><path d="M45.2 1l26.9 26.7H45.2V1z" fill="url(#SVGID_2_)"/><path d="M45.2 1l26.9 26.7H45.2V1z" fill-opacity="0" stroke="#006e6c" stroke-width="2" stroke-linejoin="bevel"/></g><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="36.25" y1="37.353" x2="36.25" y2="85.161" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset=".005" stop-color="#008281"/><stop offset=".343" stop-color="#006a69"/><stop offset="1" stop-color="#003836"/></linearGradient><path d="M62.7 56.8c-1.6-.8-4.6-6.6-9.2-7-4-.3-9.1-1.8-11.9-2-3.5-5.8-9.5-15-14.5-19.9l13.8.7C37.2 19.8 27.7 23 27.7 23l6.4-5.3c-8.2-3.3-11.6 4.7-11.6 4.7-8.5-4.7-12.9 3.3-12.9 3.3l8.8.6C8.4 29.1 11.2 39 11.2 39l8.9-8c-1.9 4.4 2.3 7.5 2.3 7.5L25 27.7s9.3 10.6 12.2 21.4c-3.7 1.9-9.5 5-14 5.6-6.2.8-13.5 5-13.5 5v4.9h53.1l-.1-7.8z" opacity=".99" fill="url(#SVGID_3_)"/></svg>
\ No newline at end of file