diff --git a/Vue/Ajaxtbajouterbureau/index.php b/Vue/Ajaxtbajouterbureau/index.php
index 17680a2a..565dd20c 100755
--- a/Vue/Ajaxtbajouterbureau/index.php
+++ b/Vue/Ajaxtbajouterbureau/index.php
@@ -1,32 +1,111 @@
-<form id="formData">
-<legend id="titre_formData"><?= _("Ajouter des données") ?></legend>
-<table class="table table-responsive table-condensed">
-	<tbody>	
-		<tr> 
-			
-            
-			<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"  ></td>
-            
-            <td width="5%" align="center"><?= _("Nom Responsable") ?></td>
-            <td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="nomRespon" NAME="nomRespon"></td>
-        </tr>
-        <tr>
-            <td width="5%" align="center"><?= _("Prénoms Responsable") ?></td>
-            <td width="30%" ><INPUT class="form-control majuscule" TYPE="text" id="prenomRespon" NAME="prenomRespon"></td>
+<div class="card border-0 shadow-sm border-start border-4 border-primary">
+    <div class="card-header bg-white py-3 border-bottom">
+        <h6 class="mb-0 fw-bold text-uppercase text-primary small" id="titre_formData">
+            <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter des données") ?>
+        </h6>
+    </div>
+    
+    <div class="card-body p-4">
+        <form id="formData" class="container-fluid p-0">
+            <div class="row g-4">
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase required"><?= _("Libellé") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-tag text-primary"></i></span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule fw-bold" 
+                               id="libelle" 
+                               name="libelle" 
+                               required 
+                               autocomplete="OFF">
+                    </div>
+                </div>
 
-            <td width="5%" align="center"><?= _("Tél. Fixe") ?></td>
-            <td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephoneFixe" NAME="telephoneFixe"></td>
-           
-        </tr>
-        <tr>
-			
-			<td width="5%" align="center"><?= _("Tél. Mobile") ?></td>
-            <td width="30%" ><INPUT class="form-control" TYPE="tel" id="telephonePortable" NAME="telephonePortable"></td>
-			
-            <td width="5%" align="center"><?= _("Email") ?></td>
-            <td width="30%" ><INPUT class="form-control" TYPE="email" id="email" NAME="email"></td>
-        </tr>
-	</tbody>
-</table>	
-</form>
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Nom Responsable") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user text-muted"></i></span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule" 
+                               id="nomRespon" 
+                               name="nomRespon">
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Prénoms Responsable") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-user-edit text-muted"></i></span>
+                        <input type="text" 
+                               class="form-control border-2 border-start-0 majuscule" 
+                               id="prenomRespon" 
+                               name="prenomRespon">
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Tél. Fixe") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-phone text-muted"></i></span>
+                        <input type="tel" 
+                               class="form-control border-2 border-start-0" 
+                               id="telephoneFixe" 
+                               name="telephoneFixe">
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Tél. Mobile") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-mobile-alt text-muted"></i></span>
+                        <input type="tel" 
+                               class="form-control border-2 border-start-0" 
+                               id="telephonePortable" 
+                               name="telephonePortable">
+                    </div>
+                </div>
+
+                <div class="col-md-6">
+                    <label class="form-label fw-bold text-muted small text-uppercase"><?= _("Email") ?></label>
+                    <div class="input-group shadow-xs">
+                        <span class="input-group-text bg-white border-2 border-end-0"><i class="fas fa-envelope text-muted"></i></span>
+                        <input type="email" 
+                               class="form-control border-2 border-start-0" 
+                               id="email" 
+                               name="email">
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    // Respect de la règle de Focus Neutral Pro
+    setTimeout(function() {
+        $('#libelle').focus();
+    }, 200);
+</script>
+
+<style>
+    /* Styles spécifiques ERP Neutral Pro */
+    .border-primary { border-color: #212e53 !important; }
+    .text-primary { color: #212e53 !important; }
+    .shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
+    
+    .form-control.border-2 { border-width: 2px !important; }
+    .input-group-text.border-2 { border-width: 2px !important; }
+    
+    .form-control:focus {
+        border-color: #212e53;
+        box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
+    }
+    
+    .required:after {
+        content: " *";
+        color: #dc3545;
+        font-weight: bold;
+    }
+
+    .majuscule { text-transform: uppercase; }
+</style>
\ No newline at end of file
diff --git a/Vue/Ajaxtbajouterjoursferiers/index.php b/Vue/Ajaxtbajouterjoursferiers/index.php
index d45dd7da..3ed4dca9 100755
--- a/Vue/Ajaxtbajouterjoursferiers/index.php
+++ b/Vue/Ajaxtbajouterjoursferiers/index.php
@@ -1,7 +1,7 @@
 <form id="formData" class="container-fluid p-0">
     <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">
+            <h6 class="mb-0 fw-bold text-uppercase text-success small">
                 <i class="fas fa-calendar-plus me-2"></i><?= _("Ajouter un nouveau jour férié") ?>
             </h6>
         </div>
diff --git a/Vue/Ajaxtbajoutersecteuractivite/index.php b/Vue/Ajaxtbajoutersecteuractivite/index.php
index 78ee7541..bd12642d 100755
--- a/Vue/Ajaxtbajoutersecteuractivite/index.php
+++ b/Vue/Ajaxtbajoutersecteuractivite/index.php
@@ -1,7 +1,7 @@
 <form id="formData" class="container-fluid p-0">
     <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">
+            <h6 class="mb-0 fw-bold text-uppercase text-success small">
                 <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau secteur d'activité") ?>
             </h6>
         </div>
diff --git a/Vue/Ajaxtbajouterservice/index.php b/Vue/Ajaxtbajouterservice/index.php
index 5b10ee86..fc627410 100755
--- a/Vue/Ajaxtbajouterservice/index.php
+++ b/Vue/Ajaxtbajouterservice/index.php
@@ -1,7 +1,7 @@
 <form id="formData" class="container-fluid p-0">
     <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">
+            <h6 class="mb-0 fw-bold text-uppercase text-success small">
                 <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau service") ?>
             </h6>
         </div>
diff --git a/Vue/Ajaxtbajoutertitre/index.php b/Vue/Ajaxtbajoutertitre/index.php
index b9b3bf7c..ed9bcb8b 100755
--- a/Vue/Ajaxtbajoutertitre/index.php
+++ b/Vue/Ajaxtbajoutertitre/index.php
@@ -1,7 +1,7 @@
 <form id="formData" class="container-fluid p-0">
     <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">
+            <h6 class="mb-0 fw-bold text-uppercase text-success small">
                 <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau titre / civilité") ?>
             </h6>
         </div>
diff --git a/Vue/Ajaxtbajouterville/index.php b/Vue/Ajaxtbajouterville/index.php
index 8324f66b..b54b152d 100755
--- a/Vue/Ajaxtbajouterville/index.php
+++ b/Vue/Ajaxtbajouterville/index.php
@@ -1,7 +1,7 @@
 <form id="formData" class="container-fluid p-0">
     <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">
+            <h6 class="mb-0 fw-bold text-uppercase text-success small">
                 <i class="fas fa-plus-circle me-2"></i><?= _("Ajouter un nouveau district / région") ?>
             </h6>
         </div>