diff --git a/assets/css/styles.css b/assets/css/styles.css
index 571d5ed..e185ac2 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,9 +1,3 @@
-:root {
-    --color-primary: #2563eb;
-    --color-secondary: #0f172a;
-    --color-accent: #3b82f6;
-}
-
 * {
     font-family: 'Inter', sans-serif;
 }
diff --git a/assets/js/config.js b/assets/js/config.js
index d2d9909..8a8e5ec 100644
--- a/assets/js/config.js
+++ b/assets/js/config.js
@@ -2,9 +2,8 @@
 const config = {
     // Couleurs principales du site
     colors: {
-        primary: '#2563eb',    // Bleu moderne
-        secondary: '#0f172a',  // Bleu foncé
-        accent: '#3b82f6'      // Bleu clair
+        primary: '#008455',
+        accent: '#85B120'
     },
 
     // Informations de l'entreprise
diff --git a/index.html b/index.html
index 135b8ee..dc4bf2b 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,21 @@
             </path>
         </symbol>
     </svg>
+
+    <script>
+        (function () {
+            try {
+                var primary = (typeof config !== 'undefined' && config.colors && config.colors.primary) ? config.colors.primary : '#008455';
+                var svg = document.querySelector('svg[aria-hidden="true"]');
+                if (!svg) return;
+                svg.querySelectorAll('symbol > path').forEach(function (p) {
+                    p.setAttribute('fill', primary);
+                });
+            } catch (e) {
+                // silent
+            }
+        })();
+    </script>
 </head>
 
 <body class="smooth-scroll bg-gray-50">
