diff --git a/Vue/Ajaxtbmodifiertableauajustement/index.php b/Vue/Ajaxtbmodifiertableauajustement/index.php
index 2510f25e..d20bbded 100755
--- a/Vue/Ajaxtbmodifiertableauajustement/index.php
+++ b/Vue/Ajaxtbmodifiertableauajustement/index.php
@@ -1,21 +1,72 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Modification des données") ?></legend>
-<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$tableauajustement['id']?>">
-<table class="table table-responsive table-condensed">
-	<tbody>	
-		<tr> 
-			<td width="10%" align="center"><?= _("S/P Minimum")?></td>
-			<td width="15%" ><INPUT class="form-control" TYPE="number" step="0.01" id="spMin" NAME="spMin" value="<?= $this->nettoyer($tableauajustement['spMin']); ?>" readonly></td>
-            
-			<td width="10%" align="center" class="required"><?= _("S/P Maximum")?></td>
-            <td width="15%" ><INPUT class="form-control" TYPE="number" step="0.01" id="spMax" NAME="spMax" required AUTOCOMPLETE="OFF"  value="<?= $this->nettoyer($tableauajustement['spMax']); ?>" onblur="javascript:controle_spmax();"></td>
-            
-            <td width="10%" align="center" class="required"><?= _("Taux")." (%)"?></td>
-            <td width="15%" ><INPUT class="form-control" TYPE="number" step="0.01" id="tauxAjustement" required AUTOCOMPLETE="OFF" NAME="tauxAjustement" value="<?= $this->nettoyer($tableauajustement['tauxAjustement']); ?>"></td>
-        
-            <td width="10%" align="center"><?= _("Ordre")?></td>
-            <td width="15%" ><INPUT class="form-control" TYPE="number" id="ordre" NAME="ordre" required AUTOCOMPLETE="OFF" value="<?= $this->nettoyer($tableauajustement['ordre']); ?>"></td>
-        </tr>
-	</tbody>
-</table>	
-</form>
\ No newline at end of file
+<div class="card border-0 shadow-sm mb-4 border-start border-warning border-4 animate__animated animate__fadeIn">
+    <div class="card-header border-bottom bg-light py-3">
+        <h6 class="card-title mb-0 fw-bold text-warning text-uppercase small">
+            <i class="fas fa-edit me-2"></i><?= _("Modification des données") ?>
+        </h6>
+    </div>
+    <div class="card-body p-4">
+        <form id="formData">
+            <input class="sr-only" type="text" id="id" name="id" value="<?=$tableauajustement['id']?>">
+
+            <div class="row g-3 align-items-end">
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted"><?= _("S/P Minimum") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light opacity-75">
+                            <i class="fas fa-lock text-muted"></i>
+                        </span>
+                        <input class="form-control text-center bg-light fw-bold" 
+                               type="number" step="0.01" 
+                               id="spMin" name="spMin" 
+                               autocomplete="off" 
+                               value="<?= intval($this->nettoyer($tableauajustement['spMin'])); ?>" 
+                               readonly>
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted required"><?= _("S/P Maximum") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-warning">
+                            <i class="fas fa-chart-line"></i>
+                        </span>
+                        <input class="form-control text-center fw-bold border-2 border-start-0" 
+                               type="number" step="0.01" 
+                               id="spMax" name="spMax" 
+                               required autocomplete="off" 
+                               value="<?= $this->nettoyer($tableauajustement['spMax']); ?>" 
+                               onblur="javascript:controle_spmax();">
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Taux (%)") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-info">
+                            <i class="fas fa-percentage"></i>
+                        </span>
+                        <input class="form-control text-center fw-bold border-2 border-start-0" 
+                               type="number" step="0.01" 
+                               id="tauxAjustement" name="tauxAjustement" 
+                               required autocomplete="off" 
+                               value="<?= $this->nettoyer($tableauajustement['tauxAjustement']); ?>">
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Ordre") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-light text-secondary">
+                            <i class="fas fa-sort-numeric-down"></i>
+                        </span>
+                        <input class="form-control text-center fw-bold border-2 border-start-0" 
+                               type="number" 
+                               id="ordre" name="ordre" 
+                               required autocomplete="off" 
+                               value="<?= $this->nettoyer($tableauajustement['ordre']); ?>">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
\ No newline at end of file