diff --git a/client/src/index.css b/client/src/index.css
index 9b186b9..5b6d36f 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -409,21 +409,21 @@ body {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
-/* Fonds de couleur pour chaque catégorie */
+/* Fonds de couleur très visibles pour chaque catégorie */
 .section-vendor {
-  background: linear-gradient(135deg, hsl(var(--vendor-accent) / 0.12) 0%, hsl(var(--vendor-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #e0e7ff 0%, #f1f5f9 100%) !important; /* Fond violet clair */
 }
 
 .section-product {
-  background: linear-gradient(135deg, hsl(var(--product-accent) / 0.12) 0%, hsl(var(--product-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #dbeafe 0%, #f1f5f9 100%) !important; /* Fond bleu clair */
 }
 
 .section-client {
-  background: linear-gradient(135deg, hsl(var(--client-accent) / 0.12) 0%, hsl(var(--client-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #d1fae5 0%, #f1f5f9 100%) !important; /* Fond vert clair */
 }
 
 .section-identity {
-  background: linear-gradient(135deg, hsl(var(--identity-accent) / 0.12) 0%, hsl(var(--identity-accent) / 0.06) 100%) !important;
+  background: linear-gradient(135deg, #fed7aa 0%, #f1f5f9 100%) !important; /* Fond orange clair */
 }
 
 /* Responsive design */