diff --git a/docs/api/def_util/def_user.mf b/docs/api/def_util/def_user.mf
new file mode 100644
index 0000000..3939864
--- /dev/null
+++ b/docs/api/def_util/def_user.mf
@@ -0,0 +1,6 @@
+# Utilitaires - User
+
+Description des fonctions utilitaires pour la gestion des utilisateurs.
+
+```python
+::: app.api.def_util.def_user
\ No newline at end of file
diff --git a/docs/api/endpoints/images.md b/docs/api/endpoints/images.md
new file mode 100644
index 0000000..35e10e4
--- /dev/null
+++ b/docs/api/endpoints/images.md
@@ -0,0 +1,6 @@
+# Endpoint - Images
+
+Description de l'endpoint `images`.
+
+```python
+::: app.api.endpoints.images
diff --git a/docs/api/endpoints/users.md b/docs/api/endpoints/users.md
new file mode 100644
index 0000000..b7aa4f7
--- /dev/null
+++ b/docs/api/endpoints/users.md
@@ -0,0 +1,6 @@
+# Endpoint - Users
+
+Description de l'endpoint `users`.
+
+```python
+::: app.api.endpoints.users
\ No newline at end of file
diff --git a/docs/api/index.md b/docs/api/index.md
new file mode 100644
index 0000000..95214a8
--- /dev/null
+++ b/docs/api/index.md
@@ -0,0 +1,3 @@
+# Introduction à l'API
+
+Cette section documente les différents endpoints de l'API, les utilitaires, et les modèles utilisés.
diff --git a/docs/config/database.md b/docs/config/database.md
new file mode 100644
index 0000000..2a10288
--- /dev/null
+++ b/docs/config/database.md
@@ -0,0 +1,3 @@
+# Configuration de la Base de Données
+
+Détails de la configuration de la base de données pour l'API.
diff --git a/docs/config/docker.md b/docs/config/docker.md
new file mode 100644
index 0000000..f66aa8c
--- /dev/null
+++ b/docs/config/docker.md
@@ -0,0 +1,3 @@
+# Configuration Docker
+
+Guide pour la configuration Docker utilisée pour déployer cette API.
diff --git a/docs/config/index.md b/docs/config/index.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs/index.md b/docs/index.md
new file mode 100644
index 0000000..fdb1a45
--- /dev/null
+++ b/docs/index.md
@@ -0,0 +1,3 @@
+# Documentation de l'API FastAPI
+
+Bienvenue dans la documentation de l'API FastAPI. Cette documentation couvre les endpoints, les configurations, et les tests.
diff --git a/docs/tests/index.md b/docs/tests/index.md
new file mode 100644
index 0000000..990f0b7
--- /dev/null
+++ b/docs/tests/index.md
@@ -0,0 +1,3 @@
+# Tests
+
+Cette section décrit les tests pour les endpoints principaux et les utilitaires.
diff --git a/templates/labelling.html b/templates/labelling.html
index 9bf2a67..6792d94 100755
--- a/templates/labelling.html
+++ b/templates/labelling.html
@@ -308,7 +308,7 @@
     
     <div  id="page_model"  style="z-index: 99; display: none; position: absolute; height: 100vh; width: 80vw;align-items: center; justify-content: center;">
       <div   style=" padding: 20px; display: flex; flex-direction: column; width: 80%;height: 60%; background-color: #d1f1ff;border-radius:20px;border: 2px solid #9fb7c2;">
-        <div  style="height: 80%;overflow: scroll; display: flex; flex-direction: row;">
+        <div  style="height: 80%;overflow: scroll; display: flex; flex-wrap: wrap;">
           {% for model in liste_models %}
           <div onclick="load_model('{{model.run_id}}')" class="bulle_model" style="border:solid 3px #9fb7c2;"> <h3>{{model.run_name}}</h3> <p>{{model.run_id}} ,{{model.path}}</p> <code>{{model.metrics}}</code> </div>
           {% endfor %}
diff --git a/templates/model_dashboard.html b/templates/model_dashboard.html
index 2f43a19..064612a 100644
--- a/templates/model_dashboard.html
+++ b/templates/model_dashboard.html
@@ -12,7 +12,7 @@
 
     .colonne {
         display: flex;
-        flex-direction: column;
+        flex-wrap: wrap;
         padding: 20px;
         overflow-y: auto;
 
@@ -76,7 +76,10 @@
         height: 100px;
     margin-bottom: 15px;
     }
-    
+    #model-data{
+        display: flex;
+        flex-wrap: wrap;
+    }
 </style>
 
 
@@ -84,12 +87,14 @@
 
 
 <main >
+    <h2>list actif</h2>
 <div class="colonne">
-<h2>list actif</h2>
+
 <div id="model-data"></div>
 </div>
+<h2>All List</h2>
 <div class="colonne">
-    <h2>All List</h2>
+
 {% for model in list_model_all %}
 
 <div  class="bulle_model">
diff --git a/templates/overview.html b/templates/overview.html
index a78ef15..f2bac4d 100755
--- a/templates/overview.html
+++ b/templates/overview.html
@@ -4,7 +4,7 @@
     font-family: Arial, sans-serif;
     margin: 0;
     display: flex;
-    flex-direction: row;
+    flex-wrap: wrap;
     min-height: 100vh;
     background-color: #f0f0f0;  
 
@@ -12,7 +12,7 @@
 
 .list {
   display: flex;
-  flex-direction: row;
+  flex-wrap: wrap;
   list-style: none;
   padding: 0;
   text-align: center;
diff --git a/templates/overview_img.html b/templates/overview_img.html
index 029703a..5e47a8b 100755
--- a/templates/overview_img.html
+++ b/templates/overview_img.html
@@ -7,7 +7,7 @@
     font-family: Arial, sans-serif;
     margin: 0;
     display: flex;
-    flex-direction: column;
+    flex-wrap: wrap;
     min-height: 100vh;
     background-color: #f0f0f0;  
 
@@ -26,7 +26,7 @@
 }
 .list {
   display: flex;
-  flex-direction: row;
+  flex-wrap: wrap;
   list-style: none;
   padding: 0;
   text-align: center;