diff --git a/module/folder/folder.php b/module/folder/folder.php
index ef7a281f..4d50b9d1 100644
--- a/module/folder/folder.php
+++ b/module/folder/folder.php
@@ -17,8 +17,8 @@
 class folder extends common
 {
 
-	const VERSION = '4.2';
-	const REALNAME = 'Dossier';
+	const VERSION = '0.1';
+	const REALNAME = 'Partage de dossier';
 	const DATADIRECTORY = ''; // Contenu localisé inclus par défaut (page.json et module.json)
 
 	public static $actions = [
@@ -74,7 +74,7 @@ class folder extends common
 		if (is_dir($chemin)) {
 			// Ouvrir le dossier
 			if ($dh = opendir($chemin)) {
-				$items = isset($items) ? $items . '<ul>' : '<ul>';
+				$items = isset($items) ? $items . '<ul class="folder">' : '<ul class ="folder">';
 				//$items = '<ul>';
 				// Parcourir les éléments du dossier
 				while (($element = readdir($dh)) !== false) {
@@ -82,31 +82,30 @@ class folder extends common
 					if ($element != '.' && $element != '..') {
 						// Construire le chemin complet de l'élément
 						$cheminComplet = $chemin . '/' . $element;
-
+	
 						// Vérifier si c'est un dossier
 						if (is_dir($cheminComplet)) {
-							// Afficher le nom du dossier
-							$items .= "<li>$element";
+							// Afficher le nom du dossier avec un élément details
+							$items .= "<li class='directory'><details><summary>$element</summary>";
 							// Appeler récursivement la fonction pour ce sous-dossier
 							$items .= $this->listerSousDossier($cheminComplet);
-							$items .= '</li>';
+							$items .= '</details></li>';
 						} else {
 							// Afficher le nom du fichier comme un lien
-							$items .= '<li><a href="' . $cheminComplet . '" target="_blank">' . $element . '</a></li>';
+							$items .= "<li class='file'><a href='$cheminComplet' target='_blank'>$element</a></li>";
 						}
 					}
 				}
 				$items .= "</ul>";
-
+	
 				// Fermer le dossier
 				closedir($dh);
 			}
 			return $items;
-		} else {
-			exit('Erreur de chemin');
 		}
-
 	}
+	
+	
 
 	/**
 	 * Liste les dossier contenus dans RFM
diff --git a/module/folder/view/index/index.css b/module/folder/view/index/index.css
index 95d5b869..24033c3b 100644
--- a/module/folder/view/index/index.css
+++ b/module/folder/view/index/index.css
@@ -1,6 +1,5 @@
 
-  #dirindex article,
-  #dirindex footer {
+  #dirindex article{
     display: block;
     margin: 0 auto;
     width: 480px;
@@ -17,32 +16,25 @@
     color: #666666;
   }
 
-  #dirindex article {
-    background-color: #ffffff;
-    border: #cccccc solid 1px;
-    -moz-border-radius: 11px;
-    -webkit-border-radius: 11px;
-    border-radius: 11px;
-    padding: 0 1em;
-  }
-  #dirindex h1 {
-    font-size: 140%;
-  }
-  #dirindex ol {
-    line-height: 1.4em;
-    list-style-type: disc;
-  }
-  #dirindex li.directory a:before {
-    content: '[ ';
-  }
-  #dirindex li.directory a:after {
-    content: ' ]';
+  #dirindex details summary,  #dirindex  details summary::-webkit-details-marker {
+    list-style: none;
+    cursor: pointer;
   }
 
-  #dirindex footer {
-    font-size: 70%;
-    text-align: center;
+  #dirindex ul {
+    list-style: none;
   }
   
+.directory  {
+    background: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJmb2xkZXIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1mb2xkZXIgZmEtdy0xNiIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NjQgMTI4SDI3MmwtNjQtNjRINDhDMjEuNDkgNjQgMCA4NS40OSAwIDExMnYyODhjMCAyNi41MSAyMS40OSA0OCA0OCA0OGg0MTZjMjYuNTEgMCA0OC0yMS40OSA0OC00OFYxNzZjMC0yNi41MS0yMS40OS00OC00OC00OHoiPjwvcGF0aD48L3N2Zz4=') no-repeat left top;
+    height: 20px;
+    padding-top: 7px;
+    padding-left: 30px;
+  }
 
-  
\ No newline at end of file
+.file{
+    background: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJmaWxlIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDM4NCA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1maWxlIGZhLXctMTIgZmEtM3giPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTM2OS45IDk3LjlMMjg2IDE0QzI3NyA1IDI2NC44LS4xIDI1Mi4xLS4xSDQ4QzIxLjUgMCAwIDIxLjUgMCA0OHY0MTZjMCAyNi41IDIxLjUgNDggNDggNDhoMjg4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjEzMS45YzAtMTIuNy01LjEtMjUtMTQuMS0zNHptLTIyLjYgMjIuN2MyLjEgMi4xIDMuNSA0LjYgNC4yIDcuNEgyNTZWMzIuNWMyLjguNyA1LjMgMi4xIDcuNCA0LjJsODMuOSA4My45ek0zMzYgNDgwSDQ4Yy04LjggMC0xNi03LjItMTYtMTZWNDhjMC04LjggNy4yLTE2IDE2LTE2aDE3NnYxMDRjMCAxMy4zIDEwLjcgMjQgMjQgMjRoMTA0djMwNGMwIDguOC03LjIgMTYtMTYgMTZ6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+') no-repeat left top;
+    height: 20px;
+    padding-top: 7px;
+    padding-left: 30px;
+  }