diff --git a/Vue/Ajaxtblisterville/index.php b/Vue/Ajaxtblisterville/index.php
index f91e723c..9b9998bb 100755
--- a/Vue/Ajaxtblisterville/index.php
+++ b/Vue/Ajaxtblisterville/index.php
@@ -2,7 +2,7 @@
     <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
         <div class="d-flex align-items-center">
             <h6 class="mb-0 fw-bold text-uppercase text-primary small">
-                <i class="fas fa-city me-2"></i><?= _("Liste des Villes / Régions") ?>
+                <i class="fas fa-city me-2"></i><?= _("Liste des Districts / Régions") ?>
             </h6>
             <span class="badge bg-primary-ghost text-primary ms-3 px-3 py-2 rounded-pill fw-bold" id="badge-total">
                 0 <?= _("Lignes") ?>
diff --git a/Vue/Ajaxtbmodifierville/index.php b/Vue/Ajaxtbmodifierville/index.php
index 9e0ef290..ab52f834 100755
--- a/Vue/Ajaxtbmodifierville/index.php
+++ b/Vue/Ajaxtbmodifierville/index.php
@@ -1,22 +1,58 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Modification des données") ?></legend>
-<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$ville['id']?>">
-<table class="table table-responsive table-condensed">
-	<tbody>	
-		<tr> 
-			<td width="5%" align="center">Code</td>
-			<td width="10%" ><INPUT class="form-control majuscule" TYPE="text" id="codeVille" NAME="codeVille" value="<?= $this->nettoyer($ville['codeVille']); ?>" disabled></td>
-            
-            <td width="5%" align="center" class="required"><?= _("Libellé") ?></td>
-            <td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOCOMPLETE="OFF"  value="<?= $this->nettoyer($ville['libelle']); ?>" autofocus></td>  
+<form id="formData" class="container-fluid p-0">
+    <input type="hidden" id="id" name="id" value="<?= $ville['id'] ?>">
+    
+    <div class="card border-0 shadow-sm border-start border-4 border-primary" style="border-radius: var(--radius-md);">
+        <div class="card-header bg-white py-3 border-bottom">
+            <h6 class="mb-0 fw-bold text-uppercase text-primary small">
+                <i class="fas fa-edit me-2"></i><?= _("Modification de la ville / région") ?>
+            </h6>
+        </div>
+        
+        <div class="card-body bg-light-50 p-4">
+            <div class="row g-4 align-items-end">
+                <div class="col-md-2">
+                    <label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-light border-2 border-end-0">
+                            <i class="fas fa-barcode text-muted"></i>
+                        </span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule fw-bold text-center" 
+                               id="codeVille" 
+                               name="codeVille" 
+                               value="<?= $this->nettoyer($ville['codeVille']); ?>" 
+                               disabled>
+                    </div>
+                </div>
 
-            <td width="5%" align="center" class="required">Type</td>
-            <td width="20%">
-                <select name="codePays" id="codePays" class="form-select" required AUTOCOMPLETE="OFF">
-                    <?= liste_options($pays,$this->nettoyer($ville['codePays']),true) ?>
-                </select>
-            </td>
-        </tr>
-	</tbody>
-</table>	
+                <div class="col-md-5">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Nom de la Ville / Région") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0">
+                            <i class="fas fa-city text-muted"></i>
+                        </span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule" 
+                               id="libelle" 
+                               name="libelle" 
+                               required 
+                               autocomplete="off" 
+                               value="<?= $this->nettoyer($ville['libelle']); ?>">
+                    </div>
+                </div>
+
+                <div class="col-md-5">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Pays de rattachement") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0">
+                            <i class="fas fa-globe-africa text-muted"></i>
+                        </span>
+                        <select name="codePays" id="codePays" class="form-control selectpicker border-2 border-start-0" required>
+                            <?= liste_options($pays, $this->nettoyer($ville['codePays']), true) ?>
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </form>
\ No newline at end of file