From ca92366d98d84eb39955c57859306b376f015e15 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Sat, 11 Apr 2026 11:20:29 +0000
Subject: [PATCH] drt

---
 Bootstrap_new/css/theme-modern.css | 16 +++++++++++++++-
 Js/fonctions.js                    | 30 ++++++++++++++++++++----------
 2 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index e0a94a53..584bc88b 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -2021,4 +2021,18 @@ select[class*="selectpicker"],
 .swal2-container.swal2-high-zindex {z-index: 10000 !important;}
 
 /* Amélioration de la visibilité sur les fonds sombres de l'ERP */
-.swal2-popup {border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;}
\ No newline at end of file
+.swal2-popup {border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;}
+
+/* Style ESI pour les champs requis lors du focus */
+input[required]:visible:focus, 
+select[required]:visible:focus, 
+textarea[required]:visible:focus {
+    border-color: #dc3545 !important; /* Rouge danger */
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.15) !important; /* Halo rouge transparent */
+    outline: 0;
+}
+
+/* Optionnel : Marquer les champs requis même sans focus */
+.required-field {
+    border-left: 3px solid #dc3545 !important;
+}
\ No newline at end of file
diff --git a/Js/fonctions.js b/Js/fonctions.js
index 52dc28fe..ff1fe842 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -46247,19 +46247,29 @@ $(function(){
 });
 
 
+/**
+ * Gère le style visuel des champs obligatoires lors du focus
+ * Version ESI - Utilise les classes Bootstrap pour plus de cohérence
+ */
+function stylechampsRequis() {
+    // On cible les éléments requis visibles
+    const $requis = $('input, select, textarea').filter('[required]:visible');
 
-function stylechampsRequis(){
-	var requis = $('input,select,textarea').filter('[required]:visible');
+    // On utilise la délégation d'événements ou un cycle simple
+    $requis.each(function() {
+        const $el = $(this);
 
-	requis.each(function(){
-		$(this).focus(function(){
-			$(this).css('borderColor','red');
-		});
-		$(this).blur(function(){
-			$(this).css('borderColor','#cccccc');
-		});
-	});
+        $el.on('focus', function() {
+            // On applique une bordure rouge subtile et une légère ombre
+            $el.addClass('border-danger shadow-sm');
+            $el.css('transition', 'all 0.3s ease');
+        });
 
+        $el.on('blur', function() {
+            // On remet la bordure initiale (subtile primaire ou grise)
+            $el.removeClass('border-danger shadow-sm');
+        });
+    });
 }
 
 function afficheDonneesTable(fichier){