diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index dfed5fe..f3e015a 100644
--- a/app/vision/page.tsx
+++ b/app/vision/page.tsx
@@ -378,56 +378,55 @@ export default function VisionPage() {
               </div>
               
               <div className="flex flex-col lg:flex-row gap-6">
-                {/* Colonne calendrier (étroite, garde le thème par défaut qui fonctionnait) */}
-                <div className="w-full lg:w-80 lg:flex-shrink-0">
+                {/* Colonne calendrier (étroite) */}
+                <div id="vision-calendar" className="w-full lg:w-80 lg:flex-shrink-0">
                   <style dangerouslySetInnerHTML={{__html: `
-                    /* Forcer le header mois/année */
-                    .rdp-caption_label {
+                    #vision-calendar .rdp-caption_label {
                       color: #111827 !important;
                       font-weight: 600 !important;
                     }
-                    /* Forcer les boutons de navigation */
-                    .rdp-nav_button {
+                    #vision-calendar .rdp-nav_button {
                       color: #374151 !important;
                       background-color: white !important;
                     }
-                    .rdp-nav_button:hover {
+                    #vision-calendar .rdp-nav_button:hover {
                       color: #111827 !important;
                     }
-                    .rdp-nav_button svg {
+                    #vision-calendar .rdp-nav_button svg,
+                    #vision-calendar .rdp-nav_button path {
                       color: #374151 !important;
+                      stroke: #374151 !important;
+                      fill: #374151 !important;
                     }
-                    .rdp-nav_button:hover svg {
+                    #vision-calendar .rdp-nav_button:hover svg,
+                    #vision-calendar .rdp-nav_button:hover path {
                       color: #111827 !important;
+                      stroke: #111827 !important;
+                      fill: #111827 !important;
                     }
-                    /* Forcer les jours normaux */
-                    .rdp-day:not(.rdp-day_selected):not(.rdp-day_outside):not(.hasMeeting) {
+                    #vision-calendar .rdp-day {
                       color: #1f2937 !important;
                       background-color: white !important;
                     }
-                    /* Forcer le jour d'aujourd'hui */
-                    .rdp-day_today:not(.rdp-day_selected):not(.hasMeeting) {
+                    #vision-calendar .rdp-day_today {
                       background-color: #DBEAFE !important;
                       color: #1d4ed8 !important;
                       border: 2px solid #3b82f6 !important;
                     }
-                    /* Forcer le jour sélectionné */
-                    .rdp-day_selected {
+                    #vision-calendar .rdp-day_selected {
                       background-color: #2563eb !important;
                       color: white !important;
                     }
-                    /* Forcer les jours hors mois */
-                    .rdp-day_outside {
+                    #vision-calendar .rdp-day_outside {
                       color: #9ca3af !important;
                       background-color: white !important;
                     }
-                    /* Forcer les jours avec réunion */
-                    .rdp-day.hasMeeting {
+                    #vision-calendar .rdp-day.hasMeeting {
                       background-color: #2563eb !important;
                       color: white !important;
                       font-weight: 600 !important;
                     }
-                    .rdp-day.hasMeeting:hover {
+                    #vision-calendar .rdp-day.hasMeeting:hover {
                       background-color: #1d4ed8 !important;
                       color: white !important;
                     }