Update templates/dissertation_pdf.html

templates/dissertation_pdf.html

@@ -22,11 +22,12 @@
             font-size: 20px;
             color: #1a2a4c;
             background-color: #fdfaf4;
+            /* L'interligne peut rester relatif, c'est généralement bien géré */
             line-height: 1.8;
             background-image: linear-gradient(transparent 97%, #d8e2ee 98%);
             background-size: 100% 40px;
             border-left: 3px solid #ffaaab;
-            padding-left: 4em;
+            padding-left: 4em; /* Le padding horizontal en 'em' est OK */
             padding-top: 30px;
             padding-bottom: 40px;
             padding-right: 30px;
@@ -38,7 +39,7 @@
             font-size: 1.5em;
             text-align: center;
             margin-top: 0;
-            margin-bottom: 30px;
+            margin-bottom: 30px; /* Unité absolue */
             color: #1a2a4c;
         }
         .dissertation-paper h3 {
@@ -50,21 +51,9 @@
             color: #1a2a4c;
         }
         .dissertation-paper .development-block {
-            /* Marge pour le premier bloc de développement après l'introduction */
+            /* Espace avant chaque nouvelle partie */
             margin-top: 40px;
         }
-
-        /* === AJOUT DE LA RÈGLE CORRECTIVE === */
-        /*
-         * Cible les blocs de développement à partir du deuxième pour annuler leur marge supérieure.
-         * Le sélecteur `+` cible un élément qui suit immédiatement un autre.
-         * L'enchaînement après une transition sera ainsi fluide.
-        */
-        .dissertation-paper .avoid-page-break + .avoid-page-break .development-block {
-            margin-top: 0;
-        }
-        /* ======================================= */
-        
         .dissertation-paper p {
             text-align: justify;
             margin: 0;
@@ -73,18 +62,20 @@
         .dissertation-paper .prof {
             text-align: center;
             font-style: italic;
-            margin-bottom: 40px;
+            margin-bottom: 40px; /* Unité absolue */
         }
         .dissertation-paper .indented {
             text-indent: 3em;
         }
         .dissertation-paper .transition {
+            /* Espace vertical pour la transition */
             margin-top: 35px;
             margin-bottom: 35px;
             font-style: italic;
             color: #4a6a9c;
         }
         .avoid-page-break {
+            /* La règle qui empêche de couper un bloc sur deux pages */
             page-break-inside: avoid;
             break-inside: avoid;
         }
@@ -100,13 +91,15 @@
         <p class="indented">{{ dissertation.introduction }}</p>
 
         {% for partie in dissertation.parties %}
-        <div class="avoid-page-break">
-            <div class="development-block">
+        <div>
+            <!-- La classe 'avoid-page-break' est maintenant ici, sur le bloc de contenu principal -->
+            <div class="development-block avoid-page-break">
                 <p class="indented">{{ partie.chapeau }}</p>
                 {% for arg in partie.arguments %}
                 <p class="indented">{{ arg.paragraphe_argumentatif }}</p>
                 {% endfor %}
             </div>
+            
             {% if partie.transition %}
             <p class="indented transition">{{ partie.transition }}</p>
             {% endif %}