diff --git a/Js/fonctions.js b/Js/fonctions.js
index 90d1fa3..7cfa70b 100755
--- a/Js/fonctions.js
+++ b/Js/fonctions.js
@@ -3298,7 +3298,17 @@ function sinistres_a_prime_police()
 
 function sinistres_a_prime_categorie()
 {
-	$("#div_detail_sp").html('<div style="padding-top:80px;"><img src="Bootstrap/images/loading.gif"/>&nbsp;&nbsp;<span style="font-size:15pt;">' + 'Veuillez patienter... / Please wait...' + '</span></div>');
+	
+	$("#div_detail_sp").html(`
+	<div class="d-flex flex-column align-items-center justify-content-center" style="padding-top:80px;">
+		<div class="spinner-border text-primary" role="status" style="width:3rem; height:3rem;">
+		<span class="visually-hidden">Loading...</span>
+		</div>
+		<span class="mt-3 fs-5 fw-bold">
+		Veuillez patienter... / Please wait...
+		</span>
+	</div>
+	`);
 
 	$.ajax({
 		url: $("#racineWeb").val()+"Ajaxsppolice/categorie/",
@@ -3316,7 +3326,17 @@ function sinistres_a_prime_categorie()
 
 function sinistres_a_prime_college()
 {
-	$("#div_detail_sp").html('<div style="padding-top:80px;"><img src="Bootstrap/images/loading.gif"/>&nbsp;&nbsp;<span style="font-size:15pt;">' + 'Veuillez patienter... / Please wait...' + '</span></div>');
+
+	$("#div_detail_sp").html(`
+	<div class="d-flex flex-column align-items-center justify-content-center" style="padding-top:80px;">
+		<div class="spinner-border text-primary" role="status" style="width:3rem; height:3rem;">
+		<span class="visually-hidden">Loading...</span>
+		</div>
+		<span class="mt-3 fs-5 fw-bold">
+		Veuillez patienter... / Please wait...
+		</span>
+	</div>
+	`);
 
 	$.ajax({
 		url: $("#racineWeb").val()+"Ajaxsppolice/college/",
@@ -3338,8 +3358,17 @@ function requetes_synthese_consommation_police()
 	
 	$("#div_detail_exp").html('');
 
-	$("#div_detail_sp").html('<div style="padding-top:80px;"><img src="Bootstrap/images/loading.gif"/>&nbsp;&nbsp;<span style="font-size:15pt;">' + 'Veuillez patienter... / Please wait...' + '</span></div>');
-	
+	$("#div_detail_sp").html(`
+	<div class="d-flex flex-column align-items-center justify-content-center" style="padding-top:80px;">
+		<div class="spinner-border text-primary" role="status" style="width:3rem; height:3rem;">
+		<span class="visually-hidden">Loading...</span>
+		</div>
+		<span class="mt-3 fs-5 fw-bold">
+		Veuillez patienter... / Please wait...
+		</span>
+	</div>
+	`);
+
 	$.ajax({
 		url: v_url,
 		type : 'post',
diff --git a/Vue/gabarit.php b/Vue/gabarit.php
index 2d3e854..c5df272 100755
--- a/Vue/gabarit.php
+++ b/Vue/gabarit.php
@@ -638,7 +638,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
         <!-- Application Scripts -->
-        <script src="/Js/fonctions.js?ver=2026.01.06.04"></script>
+        <script src="/Js/fonctions.js?ver=2026.01.06.05"></script>
 
         <script type="text/javascript">
             raffraichier_gabarit();