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)