Update templates/dissertation_pdf.html

templates/dissertation_pdf.html

@@ -7,73 +7,92 @@
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Kalam&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <style>
-        /*
-         * Styles pour la génération du PDF de la dissertation.
-         * Les marges et interlignes ont été ajustés pour un rendu plus compact.
+        /* 
+         * CSS OPTIMISÉ POUR WEASYPRINT (GÉNÉRATION PDF SERVEUR)
+         * Utilisation d'unités absolues (mm) pour un contrôle précis de la mise en page.
         */
+
+        @page {
+            /* Définit les marges de la page A4 */
+            size: A4;
+            margin: 20mm;
+        }
+
         body {
             font-family: 'Inter', sans-serif;
-            margin: 0;
-            padding: 0;
+            line-height: 1.5; /* Interligne de base pour le corps du texte */
         }
+
         .dissertation-paper {
             font-family: 'Kalam', cursive;
-            font-size: 20px;
+            font-size: 14pt; /* Taille de police plus adaptée au format A4 */
             color: #1a2a4c;
             background-color: #fdfaf4;
-            /* MODIFIÉ: Interligne réduit pour un texte moins aéré */
-            line-height: 1.8;
+            line-height: 1.8; /* Interligne spécifique pour le style manuscrit */
+            
+            /* L'arrière-plan avec les lignes */
             background-image: linear-gradient(transparent 97%, #d8e2ee 98%);
-            background-size: 100% 40px;
-            border-left: 3px solid #ffaaab;
-            padding-left: 4em;
-            padding-top: 30px;
-            padding-bottom: 40px;
-            padding-right: 30px;
-            box-sizing: border-box;
+            background-size: 100% 1.8em; /* Ajuster la taille des lignes à l'interligne */
+            border-left: 2mm solid #ffaaab;
+            
+            padding-left: 10mm; /* Espace intérieur après la bordure */
             -webkit-print-color-adjust: exact;
             print-color-adjust: exact;
         }
+
         .dissertation-paper h2 {
             font-size: 1.5em;
             text-align: center;
-            margin-top: 0;
-            margin-bottom: 1.5em;
             color: #1a2a4c;
+            margin-top: 0;
+            margin-bottom: 8mm; /* Espace après le titre du sujet */
+        }
+
+        .dissertation-paper .prof {
+            text-align: center;
+            font-style: italic;
+            margin-bottom: 15mm; /* Espace après le nom du prof */
         }
+
         .dissertation-paper h3 {
             font-size: 1.2em;
-            /* MODIFIÉ: Marge supérieure des titres de section réduite */
-            margin-top: 2em;
-            margin-bottom: 1.5em;
             text-transform: uppercase;
             text-decoration: underline;
             color: #1a2a4c;
+            /* Espace AVANT chaque titre de section (Introduction, Conclusion, etc.) */
+            margin-top: 12mm; 
+            /* Espace APRÈS chaque titre de section */
+            margin-bottom: 8mm; 
         }
-        .dissertation-paper .development-block {
-            /* MODIFIÉ: Marge supérieure des blocs de développement réduite */
-            margin-top: 2em;
+        
+        /* Cible spécifiquement le premier h3 (Introduction) pour n'avoir aucune marge en haut */
+        .dissertation-paper h3:first-of-type {
+            margin-top: 0;
         }
+
         .dissertation-paper p {
             text-align: justify;
-            margin: 0;
+            margin: 0 0 5mm 0; /* Ajoute un petit espace après chaque paragraphe */
             padding: 0;
         }
-        .dissertation-paper .prof {
-            text-align: center;
-            font-style: italic;
-            margin-bottom: 2em;
+        
+        /* Enlève la marge du tout dernier paragraphe du document */
+        .dissertation-paper p:last-child {
+            margin-bottom: 0;
         }
+
         .dissertation-paper .indented {
-            text-indent: 3em;
+            text-indent: 10mm; /* Alinéa pour les paragraphes indentés */
         }
+        
         .dissertation-paper .transition {
-            /* MODIFIÉ: Espacement de la transition ajusté */
-            margin-top: 1.5em;
-            margin-bottom: 1.5em;
             font-style: italic;
             color: #4a6a9c;
+            margin-top: 8mm; /* Espace avant la transition */
+            margin-bottom: 8mm; /* Espace après la transition */
         }
+        
+        /* Assure que les blocs ne sont pas coupés entre deux pages */
         .avoid-page-break {
             page-break-inside: avoid;
             break-inside: avoid;
@@ -91,12 +110,13 @@
 
         {% for partie in dissertation.parties %}
         <div class="avoid-page-break">
-            <div class="development-block">
-                <p class="indented">{{ partie.chapeau }}</p>
-                {% for arg in partie.arguments %}
-                <p class="indented">{{ arg.paragraphe_argumentatif }}</p>
-                {% endfor %}
-            </div>
+            <!-- Le titre h3 de la partie sera généré par la boucle si vous le souhaitez, 
+                 sinon on garde le développement directement -->
+            <p class="indented">{{ partie.chapeau }}</p>
+            {% for arg in partie.arguments %}
+            <p class="indented">{{ arg.paragraphe_argumentatif }}</p>
+            {% endfor %}
+            
             {% if partie.transition %}
             <p class="indented transition">{{ partie.transition }}</p>
             {% endif %}