corrigé les pbs sur les encarts + ajouts d'un style de photos + fonts fonctionnent sur chromium

user/themes/carnet-atterrissage/css/mep_carnet.css

@@ -177,6 +177,10 @@ h4 {
   hyphens: auto;
 }
 
+.free {
+  margin-bottom: 12px;
+}
+
 .labeur p:before {
   content: '+ ';
   font-weight: bold;
@@ -196,20 +200,39 @@ h4 {
   padding-left: 3mm;
 }
 
-.latour, .lampe {
+.latour, .lampe,
+.latour_nohead, .lampe_nohead {
   font-family: 'Novel';
   font-weight: normal;
-  margin-top: 20mm;
+  margin-top: 0mm !important;
   margin-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
   margin-right: -16mm;
-  margin-bottom: 20mm;
+  margin-bottom: 0mm !important;
   line-height: 12pt;
   font-size: 8pt;
-  padding-right: 18mm;
+  padding-right: 23mm;
+  width: 142mm;
   padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
-  padding-bottom: 10mm;
-  padding-top: 10mm;
+  padding-bottom: 8mm;
+  padding-top: 8mm;
   background-color: beige;
+  max-height: 198mm;
+}
+
+.latour p:last-of-type,
+.lampe p:last-of-type,
+.latour_nohead p:last-of-type,
+.lampe_nohead p:last-of-type {
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
+
+.latour ul, .latour ol,
+.lampe ul, .lampe ol,
+.latour_nohead ul, .latour_nohead ol,
+.lampe_nohead ul, .lampe_nohead ol {
+  padding-left: 0;
+  list-style-position: inside;
 }
 
 .encart-split {
@@ -218,20 +241,13 @@ h4 {
   background-color: beige;
 }
 
-.pagedjs_left_page .latour, .pagedjs_left_page .lampe {
+.pagedjs_left_page .latour, .pagedjs_left_page .lampe,
+.pagedjs_left_page .latour_nohead, .pagedjs_left_page .lampe_nohead {
   padding-right: 10mm;
   width: 128.375mm;
 }
 
-.latour[data-split-original="true"] {
-  padding-bottom: 1mm !important;
-}
-
-.latour[data-split-from] {
-  padding-top: 1mm !important;
-}
-
-.latour-header, .lampe-header {
+.encart-header {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -239,18 +255,12 @@ h4 {
   font-weight: bold;
 }
 
-.latour-header img:first-of-type,
-.lampe-header img:first-of-type {
+.encart-header img:first-of-type {
   margin-top: 1mm;
   margin-right: 2mm;
   width: 8mm;
 }
 
-.lampe {
-  padding-top: 3mm;
-  padding-bottom: 3mm;
-}
-
 .bibliographie {
   column-count: 2;
   column-gap: var(--guts);
@@ -264,11 +274,17 @@ img {
   width: 100%;
 }
 
-.imgsmall {
+.imgsmall,
+.imgsmall_bottom {
   padding-left: calc(var(--pagedjs-pagebox-width) / var(--cols));
 }
 
-.imgsmall img {
+.imgsmall_bottom {
+  break-after: page;
+}
+
+.imgsmall img,
+.imgsmall_bottom img {
   width: 100%;
 }
 
@@ -329,10 +345,14 @@ img {
   width: calc(62.5% - 2mm);
 }
 
+
+
 .imgfullspreadleft,
 .imgfullspreadright,
 .imgfullspreadright_bleedtop,
-.imgfullspreadright_bleed {
+.imgfullspreadright_bleed,
+.doublepage_bigleft,
+.doublepage_bigright {
   break-before: left;
   break-after: left;
   width: 149mm;
@@ -408,4 +428,60 @@ img {
   height: 198mm;
   width: auto;
   margin-left: -141mm;
+}
+
+
+.doublepage_bigleft,
+.doublepage_bigright {
+  height: 128mm !important;
+}
+
+.doublepage_bigleft img,
+.doublepage_bigright img {
+  height: 100%;
+  width: auto;
+}
+
+.overflow_bigimgleft,
+.overflow_bigimgright {
+  height: 128mm !important;
+}
+
+.overflow_bigimgleft {
+  margin-left: -157mm;
+}
+
+.overflow_bigimgright {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.doublepage_bigright img {
+  margin-left: 106mm;
+}
+
+.overflow_bigimgleft img,
+.overflow_bigimgright img {
+  height: 100%;
+  width: auto;
+}
+
+.dp_sm_img {
+  position: absolute;
+  width: calc((var(--pagedjs-pagebox-width) / var(--cols)) * 4);
+  height: 71mm !important;
+}
+
+.pagedjs_right_page .dp_sm_img {
+  right: 0;
+}
+
+.pagedjs_left_page .dp_sm_img {
+  left: 0;
+}
+
+.dp_sm_img img {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
 }