amélioration génération pdf depuis html

FossilOrigin-Name: 996c3a9ad1c56e94c83b77c74aa804ccc3ff2eb7e0f4ea90f885882a801a6a32

lib/pdf.css

@@ -0,0 +1,121 @@
+/* organisation spatiale */
+body
+{
+    width : 21cm;
+    padding : 1cm 1cm;
+    display: grid;
+    grid-template-areas:
+        'entete'
+            'beneficiaire'
+            'donateur'
+            'versements'
+            'signature';
+}
+
+#entete
+{
+    grid-area: entete;
+    width: 100%;
+}
+
+#logoCerfa
+{
+    line-height: 40px;
+    width: 100px;
+    background-color: rgb(0, 0, 128);
+    border-radius : 50%;
+    text-align : center;
+    margin : 0.5em;
+}
+
+.centre
+{
+    display : inline-block;
+    vertical-align : middle;
+    line-height: 20px;  /* moitié de la hauteur du logo */
+    color : white;
+    font-weight: bold;
+    font-size : 14pt;
+}
+
+#numCerfa
+{
+    width: 100px;       /* largeur du logo */
+    text-align: center;
+}
+
+#titre
+{
+    margin : 0 4cm 0 4cm;
+    text-align : center;
+    font-size : 140%;
+    font-weight: bold;
+}
+
+#articles
+{
+    margin : 0 4cm 0 4cm;       /* idem titre */
+}
+
+#numRecu
+{
+    text-align : right;
+/*    display : inline;*/
+}
+
+#beneficiaire
+{
+    grid-area: beneficiaire;
+    width: 100%;
+}
+
+#donateur
+{
+    grid-area: donateur;
+    width: 100%;
+}
+
+#versements
+{
+    grid-area: versements;
+    width: 100%;
+}
+
+#final
+{
+    grid-area: signature;
+    width: 100%;
+}
+
+.rubrique
+{
+    background-color : rgb(200, 200, 250);
+    padding : 0.5em;
+}
+
+.cartouche
+{
+    margin : 0.5em auto;
+    padding : 0 0.5em;
+    border : 1px solid rgb(0, 0, 128);
+    border-radius : 8px;
+}
+
+.titre, .important
+{
+    font-weight:bold;
+}
+
+#signature
+{
+    display: block;
+    width : 7cm;
+    margin: 0 auto;
+    padding-bottom : 0.5em;
+}
+
+#fonction
+{
+    text-align : center;
+    padding-bottom : 2em;
+}