diff --git a/pages/codev/demo.vue b/pages/codev/demo.vue
index 5e28bfc..57f9145 100644
--- a/pages/codev/demo.vue
+++ b/pages/codev/demo.vue
@@ -266,6 +266,29 @@ function setMode(newMode: typeof mode.value) {
   border-radius: 12px;
 }
 
+/* ── Tabs ── */
+
+.codev-tabs { display: flex; gap: 4px; background: #f3f4f6; border-radius: 10px; padding: 4px; }
+.codev-tabs button { flex: 1; padding: 8px 4px; border: none; border-radius: 7px; background: transparent; font-size: 0.875rem; font-weight: 500; cursor: pointer; color: #6b7280; transition: all 0.15s; }
+.codev-tabs button.active { background: white; color: #1a1a2e; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
+
+/* ── Annuaire ── */
+
+.annuaire-wrap { display: flex; flex-direction: column; gap: 8px; flex: 1; }
+.annuaire-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #e5e7eb; border-radius: 10px; }
+.annuaire-table { width: 100%; border-collapse: collapse; min-width: 480px; }
+.annuaire-table thead tr { background: #f9fafb; border-bottom: 2px solid #e5e7eb; }
+.annuaire-table th { padding: 10px 14px; text-align: left; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #6b7280; white-space: nowrap; }
+.annuaire-table td { padding: 12px 14px; font-size: 0.875rem; color: #374151; vertical-align: top; border-bottom: 1px solid #f3f4f6; line-height: 1.5; }
+.annuaire-row { transition: background 0.12s; }
+.annuaire-row:hover { background: #f9fafb; }
+.annuaire-row:last-child td { border-bottom: none; }
+.col-nom { position: sticky; left: 0; z-index: 2; background: #ffffff; font-weight: 600; color: #1a1a2e !important; white-space: nowrap; min-width: 80px; border-right: 2px solid #e5e7eb; box-shadow: 2px 0 6px rgba(0,0,0,0.06); }
+.annuaire-row:hover .col-nom { background: #f9fafb; }
+thead tr .col-nom { background: #f9fafb; z-index: 3; }
+.col-besoin { min-width: 200px; max-width: 260px; }
+.col-offre  { min-width: 200px; max-width: 260px; }
+
 /* ── Bandeau mode actif ── */
 
 .mode-banner {