diff --git a/MaquetteWEB/html/CHEF/budget.html b/MaquetteWEB/html/CHEF/budget.html
index 96bab0d..47587ca 100644
--- a/MaquetteWEB/html/CHEF/budget.html
+++ b/MaquetteWEB/html/CHEF/budget.html
@@ -148,6 +148,7 @@
                 <input type="text" id="nameFilter" class="filter-input w3-input w3-border" placeholder="Rechercher par formation..." oninput="filterTable()"><br>
             </div>
 
+            <div class="w3-responsive">
             <table class="w3-table w3-bordered w3-striped w3-white">
                 <thead>
                     <tr class="w3-light-grey">
@@ -187,6 +188,7 @@
                 </tbody>
             </table>
         </div>
+    </div>
 
         <!-- Section pour afficher des détails -->
         <div class="details-section" id="detailsSection">
diff --git a/MaquetteWEB/html/CHEF/gestion-heures-formation.html b/MaquetteWEB/html/CHEF/gestion-heures-formation.html
index 0e4add0..b6b7954 100644
--- a/MaquetteWEB/html/CHEF/gestion-heures-formation.html
+++ b/MaquetteWEB/html/CHEF/gestion-heures-formation.html
@@ -141,6 +141,7 @@
 
         <div class="info-card">
             <h2>Détails des formations</h2>
+            <div class="w3-responsive">
             <table class="info-table" id="formationTable">
                 <thead>
                     <tr>
@@ -291,6 +292,7 @@
                                     <!-- Ajoutez d'autres semaines si nécessaire -->
                                 </tbody>
                             </table>
+                        </div>
                     
                             <!-- Statistiques Complémentaires -->
                             <h3>Statistiques Complémentaires</h3>
@@ -313,6 +315,7 @@
         </div>
 
     </div>
+</div>
 
 <!-- Modal pour ajouter des heures -->
 <div id="myModal" class="w3-modal" style="display:block;">
diff --git a/MaquetteWEB/html/CHEF/paiement.html b/MaquetteWEB/html/CHEF/paiement.html
index 26beabc..d856217 100644
--- a/MaquetteWEB/html/CHEF/paiement.html
+++ b/MaquetteWEB/html/CHEF/paiement.html
@@ -125,24 +125,26 @@
         
         <input type="text" id="searchInput" style="margin-top: 10px;" class="filter-input w3-input w3-border" placeholder="Rechercher par nom de professeur..." oninput="filterTable()">
         
-        <table class="w3-table w3-bordered w3-striped w3-white">
-            <thead>
-                <tr class="w3-light-grey">
-                    <th>Nom Professeur</th>
-                    <th>Statut</th>
-                    <th>Période</th>
-                    <th>Heures Payées</th>
-                    <th>Type Heure</th>
-                    <th>Montant Brut (€)</th>
-                    <th>Montant Net (€)</th>
-                    <th>Date de Paiement</th>
-                    <th>Statut de Paiement</th>
-                </tr>
-            </thead>
-            <tbody id="paymentTableBody">
-                <!-- Les paiements seront ajoutés ici dynamiquement -->
-            </tbody>
-        </table>
+        <div class="w3-responsive">
+            <table class="w3-table w3-bordered w3-striped w3-white">
+                <thead>
+                    <tr class="w3-light-grey">
+                        <th>Nom Professeur</th>
+                        <th>Statut</th>
+                        <th>Période</th>
+                        <th>Heures Payées</th>
+                        <th>Type Heure</th>
+                        <th>Montant Brut (€)</th>
+                        <th>Montant Net (€)</th>
+                        <th>Date de Paiement</th>
+                        <th>Statut de Paiement</th>
+                    </tr>
+                </thead>
+                <tbody id="paymentTableBody">
+                    <!-- Les paiements seront ajoutés ici dynamiquement -->
+                </tbody>
+            </table>
+        </div>
 
         <div class="pagination">
             <button class="w3-button w3-green w3-round" id="prevBtn" onclick="changePage(-1)">Précédent</button>
diff --git a/MaquetteWEB/html/FINANCE/budget.html b/MaquetteWEB/html/FINANCE/budget.html
index c8b692e..abac06a 100644
--- a/MaquetteWEB/html/FINANCE/budget.html
+++ b/MaquetteWEB/html/FINANCE/budget.html
@@ -117,6 +117,7 @@
                 <input type="text" id="nameFilter" class="filter-input w3-input w3-border" placeholder="Rechercher par formation..." oninput="filterTable()"><br>
             </div>
 
+            <div class="w3-responsive">
             <!-- Tableau des budgets -->
             <table class="w3-table w3-bordered w3-striped w3-white">
                 <thead>
@@ -185,6 +186,7 @@
                     </tr>
                 </tbody>
             </table>
+        </div>
 
         </div>
 
@@ -192,6 +194,7 @@
         <div class="card w3-card">
             <h2>Demandes de Budget supplémentaires</h2>
             <p>Liste des demandes de budget en attente :</p>
+            <div class="w3-responsive">
             <table class="w3-table w3-bordered w3-striped w3-white">
                 <thead>
                     <tr class="w3-light-grey">
@@ -227,6 +230,7 @@
                     </tr>
                 </tbody>
             </table>
+            </div>
         </div>
     </div>
 
diff --git a/README.md b/README.md
index 19f78d7..e0cccc2 100644
--- a/README.md
+++ b/README.md
@@ -12,14 +12,26 @@ Dans ce répertoire, vous trouverez **tout le code source** de la maquette web.
 
 ---
 
-### 📂 Contenu du répertoire [`Wireflow`](./Wireflow/)
-Le répertoire **Wireflow** contient les différents **wireflows** de notre projet au format **SVG** :
+### 📂 Contenu du répertoire [`Wireflows`](./Wireflows/)
+Le répertoire **Wireflows** contient les différents **wireflows** de notre projet au format **SVG** :
 
-- [**Chef de département**](./Wireflow/Chef-de-departement.svg)
-- [**Responsable RH**](./Wireflow/Responsable-RH.svg)
-- [**Enseignant Permanent**](./Wireflow/Enseignant-Permanent.svg)
-- [**Service Financier**](./Wireflow/Service-Financier.svg)
-- [**Enseignant Vacataire**](./Wireflow/Enseignant-Vacataire.svg)
+- Chef de département :
+    - [**Chef de département - Version PC**](./Wireflows/PC/Chef-de-département.svg)
+    - [**Chef de département - Version mobile**](./Wireflows/Mobile/Chef-de-département.svg)
+
+- Enseignant Permanent :
+    - [**Enseignant Permanent - Version PC**](./Wireflows/PC/Permanent.svg)
+    - [**Enseignant Permanent - Version mobile**](./Wireflows/Mobile/Permanent.svg)
+
+- Service Financier : 
+    - [**Service Financier - Version PC**](./Wireflows/PC/Service-Financier.svg)
+    - [**Service Financier - Version mobile**](./Wireflows/Mobile/Service-financier.svg)
+
+- Enseignant Vacataire :     
+    - [**Enseignant Vacataire - Version PC**](./Wireflows/PC/Vacataire.svg)
+
+- Responsable RH : 
+    - [**Responsable RH - Version PC**](./Wireflows/PC/Responsable-RH.svg)
 
 ⚠️ **Attention** : Il ne faut pas visualiser les Wireflow directement depuis GitTea car le site gère mal nos wireflow au format **.svg** ...
 
diff --git a/Wireflows/Chef de département VERSION MOBILE.svg b/Wireflows/Mobile/Chef-de-département.svg
similarity index 100%
rename from Wireflows/Chef de département VERSION MOBILE.svg
rename to Wireflows/Mobile/Chef-de-département.svg
diff --git a/Wireflows/Permanent version mobile (1).svg b/Wireflows/Mobile/Permanent.svg
similarity index 100%
rename from Wireflows/Permanent version mobile (1).svg
rename to Wireflows/Mobile/Permanent.svg
diff --git a/Wireflows/Service financier VERSION MOBILE.svg b/Wireflows/Mobile/Service-financier.svg
similarity index 100%
rename from Wireflows/Service financier VERSION MOBILE.svg
rename to Wireflows/Mobile/Service-financier.svg
diff --git a/Wireflows/Chef de département (1).svg b/Wireflows/PC/Chef-de-département.svg
similarity index 100%
rename from Wireflows/Chef de département (1).svg
rename to Wireflows/PC/Chef-de-département.svg
diff --git a/Wireflows/Permanent FINI.svg b/Wireflows/PC/Permanent.svg
similarity index 100%
rename from Wireflows/Permanent FINI.svg
rename to Wireflows/PC/Permanent.svg
diff --git a/Wireflows/Responsable RH (2).svg b/Wireflows/PC/Responsable-RH.svg
similarity index 100%
rename from Wireflows/Responsable RH (2).svg
rename to Wireflows/PC/Responsable-RH.svg
diff --git a/Wireflows/Service Financier (1).svg b/Wireflows/PC/Service-Financier.svg
similarity index 100%
rename from Wireflows/Service Financier (1).svg
rename to Wireflows/PC/Service-Financier.svg
diff --git a/Wireflows/Vacataire (1).svg b/Wireflows/PC/Vacataire.svg
similarity index 100%
rename from Wireflows/Vacataire (1).svg
rename to Wireflows/PC/Vacataire.svg