default styles print

public/assets/css/stylesheet.print.css

@@ -14,36 +14,104 @@ body {
   font-family: "DM Sans", sans-serif;
 }
 
-h1 {
-  font-size: 3rem;
-}
 
-h2 {
-  break-before: page;
-}
 
-.chapter > h2 {
-  string-set: title content(text);
-}
-
-#chapter-2 {
-  font-size: 2rem;
-}
-
-p {
-  font-size: 1rem;
-  margin: 0mm 0mm 5mm 0mm;
-}
-
-li p {
-  margin-bottom: 0;
-}
-
-img {
+figure, img{
   width: 100%;
+  margin: 0;
 }
 
-a {
-  color: #7136ff;
-  text-decoration: none;
+
+/* ───────────────────────────────────────────
+   COVER
+─────────────────────────────────────────── */
+
+.figure-backgroung-cover{
+  width: var(--pagedjs-width);
+  height: var(--pagedjs-height);
+  position: absolute;
+  top: calc(var(--pagedjs-margin-top)*-1);
+  left: calc(var(--pagedjs-margin-left)*-1);
+  z-index: -1;
 }
+
+
+h1{
+  font-size: 52px;
+  background: rgba(255, 255, 255, 0.521);
+  padding: 10px 20px;
+  margin: 0;
+  margin-top: 60px;
+}
+
+p.author{
+    font-size: 24px;
+    font-weight: bold;
+      background: rgba(255, 255, 255, 0.521);
+  padding: 10px 20px;
+  margin: 0;
+    margin-top: 20px;
+}
+
+.introduction{
+      font-size: 26px;
+        background: rgba(255, 255, 255, 0.521);
+  padding: 10px 20px;
+  margin: 0;
+    margin-top: 60px;
+}
+.figure-backgroung-cover img{
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+
+
+
+/* ───────────────────────────────────────────
+   Géoformat
+─────────────────────────────────────────── */
+
+.geoformat{
+  break-before: right;
+}
+
+
+h2{
+  font-size: 46px;
+  margin-top: 36px;
+  background-color: #cfcfcf;
+  padding: 20px;
+}
+
+
+
+
+/* ───────────────────────────────────────────
+   CHAPITRES
+─────────────────────────────────────────── */
+
+
+h3{
+  margin-top: 50px;
+}
+
+
+/* ───────────────────────────────────────────
+   CARTES
+─────────────────────────────────────────── */
+
+
+
+
+/* ───────────────────────────────────────────
+   MARKERS
+─────────────────────────────────────────── */
+
+.marker-title img{
+  width: 40px;
+}
+
+
+

public/assets/svg/marker-pin.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/></svg>