diff --git a/Vue/Ajaxtbmodifierlocalite/index.php b/Vue/Ajaxtbmodifierlocalite/index.php
index 8b4fafb4..4e7a4e62 100755
--- a/Vue/Ajaxtbmodifierlocalite/index.php
+++ b/Vue/Ajaxtbmodifierlocalite/index.php
@@ -1,31 +1,51 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Modification des données") ?></legend>
-<INPUT class="sr-only" TYPE="text" id = "id" name = "id" value="<?=$localite['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="codeLocalite" NAME="codeLocalite" value="<?= $this->nettoyer($localite['codeLocalite']); ?>" 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($localite['libelle']); ?>"></td>
-            
-            <td width="5%" align="center" class="required"><?= _("Pays") ?></td>
-            <td width="20%">
-                <select name="codePays" id="codePays" class="form-select" required AUTOCOMPLETE="OFF" onchange="JAVASCRIPT:filtreVilleParPays();">
-                    <?= liste_options($pays,$this->nettoyer($localite['codePays']),true) ?>
-                </select>
-            </td>
-
-            <td width="5%" align="center" class="required"><?= _("Ville") ?></td>
-            <td width="20%">
-                <div id="div_ville" width="100%">
-                    <select name="codeVille" id="codeVille" class="form-select" required AUTOCOMPLETE="OFF">
-                        <?= liste_options($ville,$this->nettoyer($localite['codeVille']),true) ?>
-                    </select>
+<form id="formData" class="container-fluid p-0">
+    <input type="hidden" id="id" name="id" value="<?= $localite['id'] ?>">
+    
+    <div class="card border-0 shadow-sm border-start border-4 border-primary">
+        <div class="card-header bg-white py-3">
+            <h5 class="card-title mb-0 text-primary fw-bold">
+                <i class="fas fa-edit me-2"></i><?= _("Modification des données de la localité") ?>
+            </h5>
+        </div>
+        
+        <div class="card-body bg-light-50">
+            <div class="row g-3">
+                <div class="col-md-2">
+                    <label class="form-label small fw-bold text-muted"><?= _("Code") ?></label>
+                    <div class="input-group">
+                        <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" id="codeLocalite" name="codeLocalite" value="<?= $this->nettoyer($localite['codeLocalite']); ?>" disabled>
+                    </div>
                 </div>
-            </td>    
-        </tr>
-	</tbody>
-</table>	
+
+                <div class="col-md-4">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Libellé Localité") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-map-marker-alt 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($localite['libelle']); ?>">
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Pays") ?></label>
+                    <div class="input-group">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-globe text-muted"></i></span>
+                        <select name="codePays" id="codePays" class="form-control selectpicker border-2 border-start-0" required onchange="filtreVilleParPays();">
+                            <?= liste_options($pays, $this->nettoyer($localite['codePays']), true) ?>
+                        </select>
+                    </div>
+                </div>
+
+                <div class="col-md-3">
+                    <label class="form-label small fw-bold text-muted required"><?= _("Ville / District") ?></label>
+                    <div class="input-group" id="div_ville_container">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-city text-muted"></i></span>
+                        <select name="codeVille" id="codeVille" class="form-control selectpicker border-2 border-start-0" required>
+                            <?= liste_options($ville, $this->nettoyer($localite['codeVille']), true) ?>
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </form>
\ No newline at end of file