diff --git a/public/styles.css b/public/styles.css
index 3bff529..023766e 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -106,18 +106,18 @@
   .acte-header { text-align: center; padding-bottom: 12px; }
   .acte-label { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
   .acte-section[data-acte="Prologue"] .acte-label { color: var(--blue-grey); }
-  .acte-section[data-acte="Acte 1"] .acte-label { color: var(--brown); }
-  .acte-section[data-acte="Acte 2"] .acte-label { color: var(--terra); }
-  .acte-section[data-acte="Acte 3"] .acte-label { color: var(--olive); }
+  .acte-section[data-acte="Début"] .acte-label { color: var(--brown); }
+  .acte-section[data-acte="Milieu"] .acte-label { color: var(--terra); }
+  .acte-section[data-acte="Fin"] .acte-label { color: var(--olive); }
   .acte-section[data-acte="Épilogue"] .acte-label { color: var(--plum); }
 
   /* Timeline line */
   .timeline-line { height: 3px; background: var(--border); display: flex; min-width: min-content; border-radius: 2px; }
   .timeline-segment { flex-shrink: 0; height: 3px; }
   .acte-section[data-acte="Prologue"] .timeline-segment { background: var(--blue-grey); }
-  .acte-section[data-acte="Acte 1"] .timeline-segment { background: var(--brown); }
-  .acte-section[data-acte="Acte 2"] .timeline-segment { background: var(--terra); }
-  .acte-section[data-acte="Acte 3"] .timeline-segment { background: var(--olive); }
+  .acte-section[data-acte="Début"] .timeline-segment { background: var(--brown); }
+  .acte-section[data-acte="Milieu"] .timeline-segment { background: var(--terra); }
+  .acte-section[data-acte="Fin"] .timeline-segment { background: var(--olive); }
   .acte-section[data-acte="Épilogue"] .timeline-segment { background: var(--plum); }
 
   /* Cards row under each acte */