Clarification du css, Changement Readme

src/css/gabarits.scss

@@ -8,6 +8,7 @@ body {
   @page {
     size: $largeur $hauteur;
     margin: $marge;
+    bleed:$fond-perdu;
   }
 
   @page :left {

src/css/layout.scss

@@ -18,17 +18,17 @@
 
 .image-bleed-left {
   position: absolute;
-  width: calc(100% + 3mm);
-  height: calc(100% + 6mm);
-  margin-left: -3mm;
-  margin-top: -3mm;
+  width: calc(100% + #{$fond-perdu});
+  height: calc(100% + #{$fond-perdu} * 2);
+  margin-left: -$fond-perdu;
+  margin-top: -$fond-perdu;
 }
 
 .image-bleed-right {
   position: absolute;
-  width: calc(100% + 3mm);
-  height: calc(100% + 6mm);
-  margin-top: -3mm;
+  width: calc(100% + #{$fond-perdu});
+  height: calc(100% + #{$fond-perdu} * 2);
+  margin-top: -$fond-perdu;
 }
 
 .image-cover {

src/css/parametres.scss

@@ -3,3 +3,4 @@ $largeur: 148mm;
 $hauteur: 210mm;
 $marge: 2cm;
 $font-de-base: 10pt;
+$fond-perdu: 3mm;

src/css/screen.scss

@@ -18,4 +18,7 @@
 		flex: none;
 		box-shadow: 0 0 1px rgba(0,0,0,0.2);
 	}
+	.pagedjs_bleed {
+		background-color: lightpink;
+	}
 }