diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx
index f33f490..6453ded 100644
--- a/client/src/pages/AdminSequences.tsx
+++ b/client/src/pages/AdminSequences.tsx
@@ -725,25 +725,53 @@ export default function AdminSequences() {
                           </div>
                         </TableCell>
                         <TableCell>
-                          <div className="space-y-1">
-                            {sequence.dates.map((date: any) => (
-                              <div key={date.id} className="flex flex-wrap gap-1">
-                                {date.rappels && date.rappels.length > 0 ? (
-                                  date.rappels.map((rappel: any) => (
-                                    <Badge 
-                                      key={rappel.id}
-                                      variant="outline"
-                                      className="bg-purple-50 text-purple-700 border-purple-300 text-xs"
-                                    >
-                                      <Bell className="w-3 h-3 mr-1" />
-                                      {rappel.nom}
-                                    </Badge>
-                                  ))
-                                ) : (
-                                  <span className="text-xs text-muted-foreground italic">Aucun rappel</span>
-                                )}
-                              </div>
-                            ))}
+                          <div className="space-y-2">
+                            {sequence.dates.map((date: any) => {
+                              const rappelsPre = date.rappels?.filter((r: any) => r.timing === 'pre_formation') || [];
+                              const rappelsPost = date.rappels?.filter((r: any) => r.timing === 'post_formation') || [];
+                              
+                              return (
+                                <div key={date.id} className="space-y-1">
+                                  {rappelsPre.length > 0 && (
+                                    <div className="space-y-0.5">
+                                      <div className="text-[10px] font-medium text-blue-600">Pré-formation</div>
+                                      <div className="flex flex-wrap gap-1">
+                                        {rappelsPre.map((rappel: any) => (
+                                          <Badge 
+                                            key={rappel.id}
+                                            variant="outline"
+                                            className="bg-blue-50 text-blue-700 border-blue-300 text-xs"
+                                          >
+                                            <Bell className="w-3 h-3 mr-1" />
+                                            {rappel.nom}
+                                          </Badge>
+                                        ))}
+                                      </div>
+                                    </div>
+                                  )}
+                                  {rappelsPost.length > 0 && (
+                                    <div className="space-y-0.5">
+                                      <div className="text-[10px] font-medium text-green-600">Post-formation</div>
+                                      <div className="flex flex-wrap gap-1">
+                                        {rappelsPost.map((rappel: any) => (
+                                          <Badge 
+                                            key={rappel.id}
+                                            variant="outline"
+                                            className="bg-green-50 text-green-700 border-green-300 text-xs"
+                                          >
+                                            <Bell className="w-3 h-3 mr-1" />
+                                            {rappel.nom}
+                                          </Badge>
+                                        ))}
+                                      </div>
+                                    </div>
+                                  )}
+                                  {rappelsPre.length === 0 && rappelsPost.length === 0 && (
+                                    <span className="text-xs text-muted-foreground italic">Aucun rappel</span>
+                                  )}
+                                </div>
+                              );
+                            })}
                           </div>
                         </TableCell>
                         {!isCompactView && (
diff --git a/todo.md b/todo.md
index ca53a09..71afb47 100644
--- a/todo.md
+++ b/todo.md
@@ -595,3 +595,7 @@
 - [x] Ajouter un bouton de basculement entre vue complète et vue réduite
 - [x] Masquer les colonnes Lieu, Public cible, Formateur en vue réduite
 - [x] Simplifier l'affichage des rappels (supprimer "Date 1:", afficher sur une ligne)
+
+## Séparation des rappels pré et post-formation
+- [x] Séparer l'affichage des rappels en deux catégories (pré-formation et post-formation)
+- [x] Ajouter des labels visuels pour distinguer les deux types de rappels