Audit complet de mise en forme — Image (2e élément du tableau)

Implémente toutes les options manquantes identifiées pour l'élément
Image : dimensionnement/ratio/object-fit, filtres CSS, upload de
fichier (en plus de l'URL), lien/plein écran au clic, chargement
différé, légende, et tous les attributs de boîte partagés déjà créés
pour Titre/Paragraphe (padding/margin/fond/bordure/ombre/opacité/
position du bloc).

Système de pages : un support peut désormais avoir 0 page (un nouveau
support démarre vide), suppression de toutes les pages en un clic, et
la pagination automatique insère intelligemment la nouvelle page juste
après celle qui déborde plutôt qu'en toute fin de liste.

Bugs réels trouvés et corrigés en cours de route : le style de bloc
(dont align-self) ciblait l'élément interne au lieu de son enveloppe
(légende/lien) ; une image à sa taille native pouvait déclencher une
pagination infinie ; upload/mise à jour d'attribut ne déclenchaient
jamais le contrôle de débordement.

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

templates/document/document_edit.html

@@ -152,6 +152,10 @@
              toujours visible" — avec beaucoup de pages, il disparaissait en
              bas de la liste défilante). #}
           <button type="button" class="docBtnSecondary docPageManagerAdd" id="docPageManagerAdd">+ Ajouter une page</button>
+          <button type="button"
+                  class="docDeleteBtn docPageManagerDeleteAll"
+                  id="docPageManagerDeleteAll"
+                  {{ 'disabled' if not pages else '' }}>🗑 Supprimer toutes les pages</button>
           <div class="docPageManagerList" id="docPageManagerList">
             {% for page in pages %}
               <div class="docPageRow {{ 'is-active' if page.id == active_page.id else '' }}"
@@ -178,8 +182,7 @@
                           class="docPageRowDelete"
                           data-page-id="{{ page.id }}"
                           aria-label="Supprimer cette page"
-                          title="Supprimer cette page"
-                          {{ 'disabled' if pages|length <= 1 else '' }}>✕</button>
+                          title="Supprimer cette page">✕</button>
                 </span>
               </div>
             {% endfor %}
@@ -207,8 +210,8 @@
         <div class="docPage" id="docPage">
           <div class="docPageContent"
                id="docPageContent"
-               data-vertical-align="{{ active_page.vertical_align }}">{{ rendered_document|safe }}</div>
-          {# //NOSONAR S5247 - rendered_document vient de document_engine.render_document, qui échappe (html.escape) tout contenu utilisateur avant interpolation (voir document_engine/rendering/render_document_element.py) ; jamais de HTML brut non échappé ici #}
+               data-vertical-align="{{ active_page.vertical_align if active_page else 'top' }}">{% if active_page %}{{ rendered_document|safe }}{% else %}<div class="docEmptyState docEmptyPageState">Aucune page — cliquez sur « + Ajouter une page » pour commencer.</div>{% endif %}</div>
+          {# //NOSONAR S5247 - rendered_document vient de document_engine.render_document, qui échappe (html.escape) tout contenu utilisateur avant interpolation (voir document_engine/rendering/render_document_element.py) ; jamais de HTML brut non échappé ici. Le message "Aucune page" est un littéral, jamais un contenu utilisateur. #}
         </div>
         <button type="button"
                 class="docPreviewExitBtn"
@@ -285,7 +288,7 @@ window.FORGE_DOCUMENT = {
   elements: {{ elements|tojson }},
   elementKindLabels: {{ element_kind_labels|tojson }},
   pages: {{ pages|tojson }},
-  activePageId: {{ active_page.id|tojson }},
+  activePageId: {{ (active_page.id if active_page else none)|tojson }},
   themes: {{ document_themes|tojson }},
   activeThemeId: {{ support.theme|tojson }}
 };