feat:modifier_avant_apres rechangement structure

prestations/html/ajouter_avant_apres.html

@@ -82,10 +82,10 @@
     </header>
 
 
-    <div class="container mt-5">
-
-        <h1 class="mb-4 text-center">Ajouter un résultat en images (Avant / Après)</h1>
-
+    <main class="my-5 fs-6">
+        <div class="container">
+            <header>
+                <h1 class="title fs-2">Ajouter un résultat en images (Avant / Après)</h1>
                 <!-- Message succès -->
                 <div id="successMsg" class="alert alert-success d-none">
                     Nouveau résultat ajouté avec succès !
@@ -100,10 +100,12 @@
                 <div id="errorFormat" class="alert alert-danger d-none">
                     Format d'image invalide. Formats acceptés : JPG, PNG, WEBP.
                 </div>
+            </header>
+            <div class="section">
 
                 <form id="addPairForm" class="mt-3">
 
-            <!-- Titre / label -->
+                    <!-- Titre -->
                     <div class="mb-3">
                         <label class="form-label fw-bold" for="pairTitle">Titre du résultat (obligatoire)</label>
                         <input type="text" id="pairTitle" class="form-control" required>
@@ -121,7 +123,8 @@
 
                     <!-- Image AVANT -->
                     <div class="mb-4">
-                <label class="form-label fw-bold" for="beforeImage">Image AVANT (obligatoire, formats acceptés : jpg,
+                        <label class="form-label fw-bold" for="beforeImage">Image AVANT (obligatoire, formats acceptés :
+                            jpg,
                             png, webp)</label>
                         <input type="file" id="beforeImage" class="form-control" accept="image/*" required>
 
@@ -130,7 +133,8 @@
 
                     <!-- Image APRÈS -->
                     <div class="mb-4">
-                <label class="form-label fw-bold" for="afterImage">Image APRÈS (obligatoire, formats acceptés : jpg,
+                        <label class="form-label fw-bold" for="afterImage">Image APRÈS (obligatoire, formats acceptés :
+                            jpg,
                             png, webp)</label>
                         <input type="file" id="afterImage" class="form-control" accept="image/*" required>
 
@@ -152,7 +156,11 @@
                     </div>
 
                 </form>
+
             </div>
+        </div>
+    </main>
+
 
     <script src="../js/ajouter_avant_apres.js"></script>
     <script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

prestations/html/liste_avant_apres.html

@@ -85,7 +85,7 @@
         </div>
       </header>
 
-      <div>
+      <div class="section">
 
         <div class="d-flex justify-content-start mb-4">
           <a href="../html/ajouter_avant_apres.html" class="btn btn-primary">

prestations/html/modifier_avant_apres.html

@@ -96,7 +96,7 @@
             </header>
 
            
-            <div>
+            <div class="section">
 
                 <!-- Formulaire de modification -->
                 <form id="editPairForm" class="mt-3">