Ajout readme, Correction CSS

src/css/effets.scss

@@ -0,0 +1,6 @@
+// Coloriser
+
+.green {
+	background-blend-mode: screen;
+	background-color: green;
+}

src/css/gabarits.scss

@@ -1,50 +1,52 @@
 @import 'parametres';
 
+body {
+  font-size: $font-de-base;
+  counter-reset: footnote;
+}
 @media print {
   @page {
-		size: $largeur $hauteur;
-		margin: $marge;
-	}
-	@page :left {
-		@bottom-left {
-			content: counter(page);
-			font-size: 12pt;
-			font-family: 'Duke POPSU';
-			transform: translateX(-1cm);
-		}
-	}
-	@page :right {
-		@bottom-right {
-			content: counter(page);
-			font-size: 12pt;
-			font-family: 'Duke POPSU';
-			transform: translateX(1cm);
-		}
-	}
+    size: $largeur $hauteur;
+    margin: $marge;
+  }
+
+  @page :left {
+    @bottom-left {
+      content: counter(page);
+      font-size: 12pt;
+      font-family: 'Duke POPSU';
+      transform: translateX(-1cm);
+    }
+  }
+
+  @page :right {
+    @bottom-right {
+      content: counter(page);
+      font-size: 12pt;
+      font-family: 'Duke POPSU';
+      transform: translateX(1cm);
+    }
+  }
   @page imagecover {
     size: $largeur $hauteur;
-		margin: 0cm;
+    margin: 0cm;
     @bottom-left {
-			content: unset;
-		}
+      content: unset;
+    }
     @bottom-right {
-			content: unset;
-		}
+      content: unset;
+    }
+  }
 
-	}
+  @page nofolio :left {
+    @bottom-left {
+      content: unset;
+    }
+  }
 
-	@page nofolio :left {
-		@bottom-left {
-			content: unset;
-		}
-	}
-	@page nofolio :right {
-		@bottom-right {
-			content: unset;
-		}
-	}
-}
-
-.pagedjs_sheet{
-  overflow: visible;
+  @page nofolio :right {
+    @bottom-right {
+      content: unset;
+    }
+  }
 }

src/css/layout.scss

@@ -0,0 +1,72 @@
+.pagedjs_page_content > div {
+  height: 100%;
+}
+
+.layout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.no-folio {
+  page: nofolio;
+}
+
+.blank-page {
+  page-break-after: always;
+}
+
+.image-bleed-left {
+  position: absolute;
+  width: calc(100% + 3mm);
+  height: calc(100% + 6mm);
+  margin-left: -3mm;
+  margin-top: -3mm;
+}
+
+.image-bleed-right {
+  position: absolute;
+  width: calc(100% + 3mm);
+  height: calc(100% + 6mm);
+  margin-top: -3mm;
+}
+
+.image-cover {
+  page: imagecover;
+  background-size: cover;
+  background-position: center;
+  background-color: lightgray;
+  background-repeat: no-repeat;
+}
+
+.cover-left {
+  background-position: 0 50%;
+}
+
+.cover-right {
+  background-position: -148mm 50%;
+}
+
+.grow {
+  flex: 1;
+}
+
+.column {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.justify-end {
+  justify-content: flex-end;
+}
+
+.canbreak {
+  page-break-before: always;
+}
+
+.v-center {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}

src/css/print.scss

@@ -1,83 +1,8 @@
 @import 'parametres';
 @import 'font';
-@import 'screen';
 @import 'gabarits';
+@import 'layout';
 @import 'styles_de_paragraphes';
 @import 'styles_de_caracteres';
-
-body {
-	font-size: $font-de-base;
-	counter-reset: footnote;
-}
-.pagedjs_page_content>div {
-	height: 100%;
-}
-.layout {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-}
-.grow{
-	flex:1;
-}
-.no-folio{
-	page: nofolio;
-}
-.blank-page{
-	page-break-after: always;
-}
-.column {
-	flex: 1;
-	display: flex;
-	flex-direction: column;
-}
-.justify-end {
-	justify-content: flex-end;
-}
-.canbreak{
-	page-break-before: always;
-}
-.image-bleed-left{
-	position: absolute;
-	width: calc(100% + 3mm);
-	height: calc(100% + 6mm);
-	margin-left: -3mm;
-	margin-top: -3mm;
-}
-.image-bleed-right{
-	position: absolute;
-	width: calc(100% + 3mm);
-	height: calc(100% + 6mm);
-	margin-top: -3mm;
-}
-.image-cover {
-	page: imagecover;
-	background-size: cover;
-	background-position: center;
-	background-color: lightgray;
-	background-repeat: no-repeat;
-}
-.cover-left{
-	background-position:0% 50%;
-}
-.cover-right{
-	background-position:-148mm 50%;
-}
-.green{
-	background-blend-mode:screen;
-	background-color: green;
-}
-.v-center{
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-}
-[data-note] {
-	position: relative;
-	counter-increment: footnote;
-}
-[data-note]::after {
-	position: absolute;
-	content: counter(footnote);
-	transform: translateY(-10px);
-}
+@import 'effets';
+@import 'screen';

src/css/styles_de_caracteres.scss

@@ -11,3 +11,14 @@
 .center{
 	text-align: center;
 }
+// Notes de fin de chapitres
+[data-note] {
+	position: relative;
+	counter-increment: footnote;
+}
+
+[data-note]::after {
+	position: absolute;
+	content: counter(footnote);
+	transform: translateY(-10px);
+}