diff --git a/renders/renders.go b/renders/renders.go
index 6622d47..17b35d6 100644
--- a/renders/renders.go
+++ b/renders/renders.go
@@ -870,12 +870,13 @@ func probe(ctx context.Context, file string) (*ffprobeOut, error) {
 }
 
 type mediaItemView struct {
-    Title       string
-    Duration    int64
-    Width, Height int
-    ThumbURL    string
-    FilePath    string
-    MediaPartID int64
+    Title           string
+    Duration        int64   // en secondes
+    DurationFmt     string  // ex: "3:45"
+    Width, Height   int
+    ThumbURL        string
+    FilePath        string
+    MediaPartID     int64
 }
 
 // PathMedia renvoie la liste des sous-dossiers et médias du dossier `PathDownload`
@@ -942,6 +943,8 @@ func PathMedia(db *gorm.DB) http.HandlerFunc {
                     if err == nil {
                         if d, err := strconv.ParseFloat(info.Format.Duration, 64); err == nil {
                             view.Duration = int64(d)
+							view.DurationFmt = fmt.Sprintf("%d:%02d", view.Duration/60, view.Duration%60)
+
                         }
                         for _, s := range info.Streams {
                             if s.CodecType == "video" {
diff --git a/templates/media_list.pages.tmpl b/templates/media_list.pages.tmpl
index ca99e9e..3f8d4d6 100644
--- a/templates/media_list.pages.tmpl
+++ b/templates/media_list.pages.tmpl
@@ -1,49 +1,19 @@
-<div class="breadcrumb mb-4">
-  {{if .CurrentSub}}
+<div class="media grid grid-cols-4 gap-4">
+  {{range .MediaItems}}
+  <div class="card p-2 rounded shadow">
     <a 
-      href="/api/paths/{{.PathID}}/media"
-      hx-get="/api/paths/{{.PathID}}/media"
-      hx-target="#content"
-      hx-swap="innerHTML"
-    >🔙 Racine</a>
-    &nbsp;/&nbsp;{{.CurrentSub}}
-  {{end}}
-</div>
-
-<div class="dirs grid grid-cols-4 gap-4 mb-6">
-  {{range .Dirs}}
-  <div class="card p-3 rounded shadow">
-    <a 
-      hx-get="/api/paths/{{$.PathID}}/media?sub={{urlquery .SubPath}}"
+      href="#"
+      hx-get="/media/0?path={{urlquery .FilePath}}"
       hx-target="#content" hx-swap="innerHTML"
     >
-      <i class="fas fa-folder fa-2x"></i>
-      <div>{{.Name}}</div>
+      <img src="{{.ThumbURL}}" alt="{{.Title}}" class="w-full h-32 object-cover rounded" />
+      <div class="mt-2">
+        <h3 class="text-sm font-semibold truncate">{{.Title}}</h3>
+        {{if .Duration}}
+        <small>{{.DurationFmt}}</small>
+        {{end}}
+      </div>
     </a>
   </div>
   {{end}}
 </div>
-
-<div class="media grid grid-cols-4 gap-4">
-  {{if .MediaItems}}
-    {{range .MediaItems}}
-    <div class="card p-2 rounded shadow">
-      <a 
-        href="#"
-        hx-get="/media/0?path={{urlquery .FilePath}}"
-        hx-target="#content" hx-swap="innerHTML"
-      >
-        <img src="{{.ThumbURL}}" alt="{{.Title}}" class="w-full h-32 object-cover rounded" />
-        <div class="mt-2">
-          <h3 class="text-sm font-semibold truncate">{{.Title}}</h3>
-          {{if .Duration}}
-            <small>{{printf "%d:%02d" (div .Duration 60) (mod .Duration 60)}}</small>
-          {{end}}
-        </div>
-      </a>
-    </div>
-    {{end}}
-  {{else}}
-    <p>Aucun média dans ce dossier.</p>
-  {{end}}
-</div>