From 8722cd57aa821aa084be1193696f577cfbe21227 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 21 Jan 2026 11:27:29 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Harmonisation=20de=20la=20charte?=
 =?UTF-8?q?=20graphique=20:=20remplacement=20des=20classes=20Tailwind=20ar?=
 =?UTF-8?q?bitraires=20par=20la=20classe=20CSS=20.page-title=20pour=20les?=
 =?UTF-8?q?=20titres=20des=20pages=20AdminNotifications=20et=20AdminFormat?=
 =?UTF-8?q?eurs.=20D=C3=A9ploiement=20r=C3=A9ussi=20sur=20le=20serveur=20d?=
 =?UTF-8?q?e=20production=20avec=20couleur=20#60a5fa=20et=20drop-shadow.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/index.css                          |  4 ++--
 client/src/pages/admin/AdminFormateurs.tsx    |  2 +-
 client/src/pages/admin/AdminNotifications.tsx |  2 +-
 todo.md                                       | 16 ++++++++++++++++
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index e1dd526..2b3a4ca 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -137,8 +137,8 @@
   /* Classe pour les titres avec charte graphique bleue */
   .page-title {
     @apply text-3xl font-bold;
-    color: #6B9FE8;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    color: #60a5fa;
+    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
   }
   /**
    * Custom container utility that centers content and adds responsive padding.
diff --git a/client/src/pages/admin/AdminFormateurs.tsx b/client/src/pages/admin/AdminFormateurs.tsx
index 5fbcba0..e69d9d9 100644
--- a/client/src/pages/admin/AdminFormateurs.tsx
+++ b/client/src/pages/admin/AdminFormateurs.tsx
@@ -115,7 +115,7 @@ export default function AdminFormateurs() {
     <DashboardLayout>
       <div className="space-y-6">
         <div>
-          <h1 className="text-2xl font-bold text-[#60a5fa] drop-shadow-md">Gestion des Formateurs</h1>
+          <h1 className="text-2xl font-bold page-title">Gestion des Formateurs</h1>
           <p className="text-muted-foreground">
             Gérez les formateurs et leurs adresses email pour les notifications
           </p>
diff --git a/client/src/pages/admin/AdminNotifications.tsx b/client/src/pages/admin/AdminNotifications.tsx
index 204f872..de31036 100644
--- a/client/src/pages/admin/AdminNotifications.tsx
+++ b/client/src/pages/admin/AdminNotifications.tsx
@@ -103,7 +103,7 @@ export default function AdminNotifications() {
       <div className="space-y-6">
         <div className="flex items-center justify-between">
           <div className="mb-8">
-        <h1 className="text-3xl font-bold mb-2 text-[#60a5fa] drop-shadow-md">Tableau de bord des Notifications</h1>
+        <h1 className="page-title mb-2">Tableau de bord des Notifications</h1>
         <p className="text-muted-foreground">
           Historique et statistiques de tous les emails envoyés
         </p>
diff --git a/todo.md b/todo.md
index 6858143..e7f0f40 100644
--- a/todo.md
+++ b/todo.md
@@ -1098,3 +1098,19 @@
 - [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Tableau de bord des Notifications"
 - [x] Appliquer le style CSS bleu clair avec ombre portée au titre "Gestion des formateurs"
 - [x] Tester les modifications sur sandbox
+
+## Déploiement sur le serveur de production
+
+- [ ] Se connecter au serveur de production via SSH
+- [ ] Transférer les fichiers modifiés (AdminNotifications.tsx, AdminFormateurs.tsx)
+- [ ] Redémarrer les services Node.js
+- [ ] Vérifier que le déploiement fonctionne correctement
+
+## Déploiement sur le serveur de production
+
+- [x] Se connecter au serveur de production via SSH
+- [x] Transférer les fichiers modifiés (AdminNotifications.tsx, AdminFormateurs.tsx)
+- [x] Redémarrer les services Node.js
+- [x] Vérifier que le déploiement fonctionne correctement (PROBLÈME: modifications non visibles)
+- [x] Identifier la cause du problème (classes Tailwind arbitraires non compilées)
+- [x] Corriger et redéployer (utilisation de la classe .page-title dans index.css)