Bande de pages : un seul carré visible (la page active), les flèches changent de page

Remplace le bandeau scrollable multi-cartes par un vrai carrousel
une-page-à-la-fois : un seul carré affiché (la page active), les
grandes flèches ‹/› aux extrémités changent directement la page
affichée (au lieu de juste faire défiler la vue). Les petites flèches
←/→ au-dessus du carré restent pour réordonner la page active parmi
ses sœurs, sans changer l'affichage — distinctes des flèches de
navigation.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

static/document/document-editor.css

@@ -1165,22 +1165,20 @@ img.docImage {
 /* ---- Section "Pages" du panneau GAUCHE (retour utilisateur du
    21/09/2026 : "une section qui s'ajoute dans le panneau de gauche pour
    ajouter une page et naviguer entre elles", à la place de l'ex-
-   catégorie "Mise en page"/formes libres, supprimée) — un bandeau
-   HORIZONTAL défilant à hauteur FIXE (retour utilisateur du 21/09/2026 :
-   "ce système n'est pas bien il faut un système de slide horizontale" —
-   une liste verticale grandissait sans limite avec beaucoup de pages),
-   toujours visible en tête du panneau. Cartes texte (pas de vignette
-   visuelle). ---- */
+   catégorie "Mise en page"/formes libres, supprimée) — un CARROUSEL
+   une-page-à-la-fois (retour utilisateur du 22/09/2026 : "un seul carré
+   page visible, les flèches ne servent pas qu'à naviguer mais aussi à
+   changer de page") : un seul carré = la page ACTIVE, hauteur fixe quel
+   que soit le nombre de pages. Carte texte (pas de vignette visuelle). ---- */
 .docPageSection {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-/* Bandeau : flèches précédent/suivant AUX EXTRÉMITÉS (retour utilisateur
-   du 21/09/2026 : "affiche les flèches ... en plus", donc en supplément
-   des ←/→ par carte, qui eux réordonnent) — font défiler la VUE de la
-   bande, jamais la page active. */
+/* ‹/› CHANGENT la page affichée (voir forgeDocBindPageStripNav) — à ne
+   pas confondre avec les petites flèches ←/→ DANS la carte, qui elles
+   réordonnent la page active parmi ses sœurs sans changer l'affichage. */
 .docPageStrip {
   display: flex;
   align-items: center;
@@ -1190,7 +1188,7 @@ img.docImage {
 .docPageStripNav {
   flex-shrink: 0;
   width: 22px;
-  height: 72px;
+  height: 84px;
   border: 1px solid var(--doc-border);
   border-radius: 6px;
   background: var(--doc-card);
@@ -1202,19 +1200,21 @@ img.docImage {
   justify-content: center;
 }
 
-.docPageStripNav:hover {
+.docPageStripNav:hover:not(:disabled) {
   border-color: var(--doc-accent);
   color: var(--doc-text);
 }
 
+.docPageStripNav:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
 .docPageList {
   flex: 1;
   min-width: 0;
   display: flex;
-  flex-direction: row;
-  gap: 6px;
-  overflow: auto hidden;
-  padding-bottom: 4px;
+  justify-content: center;
 }
 
 .docPageListItem {
@@ -1222,9 +1222,8 @@ img.docImage {
   flex-direction: column;
   align-items: center;
   gap: 4px;
-  flex-shrink: 0;
-  width: 72px;
-  padding: 4px;
+  width: 88px;
+  padding: 6px;
   border: 1px solid var(--doc-border);
   border-radius: 8px;
   background: var(--doc-card);
@@ -1336,6 +1335,11 @@ img.docImage {
   color: var(--doc-text);
 }
 
+.docPageListCounter {
+  font-size: 10px;
+  color: var(--doc-muted);
+}
+
 /* ---- RIGHT SIDEBAR : Propriétés ---- */
 .docField {
   display: flex;