Ajout du css clip-path et gestion des fonds avec motifs

src/css/effets.scss

@@ -2,5 +2,52 @@
 
 .green {
 	background-blend-mode: screen;
-	background-color: green;
+	background-color: rgb(0,161,154);
+}
+
+.fill-green{
+	background-color: rgb(0,161,154);
+	width: calc( 148mm + #{$fond-perdu} * 2);
+	height: calc( 210mm + #{$fond-perdu} * 2);
+	position: absolute;
+	margin-left: calc( -2cm - #{$fond-perdu});
+	margin-top: calc( -2cm - #{$fond-perdu});
+}
+
+.fill-motif{
+	background-size: 0.6cm;
+	width: calc( 148mm + #{$fond-perdu} * 2);
+	height: calc( 210mm + #{$fond-perdu} * 2);
+	position: absolute;
+	margin-left: calc( -2cm - #{$fond-perdu});
+	margin-top: calc( -2cm - #{$fond-perdu});
+	padding: 2cm;
+}
+
+
+.fill-motif-cross-left{
+	@extend .fill-motif;
+	background-image: url("/motifs/croix.png");
+	background-position: right;
+	clip-path: polygon(100% 7%, 83% 12%, 92% 15%, 88% 21%, 86% 38%, 80% 37%, 75% 30%, 77% 27%, 75% 21%, 61% 21%, 69% 18%, 66% 10%, 58% 9%, 55% 3%, 42% 3%, 24% 6%, 22% 11%, 25% 15%, 17% 18%, 15% 23%, 24% 26%, 27% 32%, 22% 40%, 25% 48%, 37% 53%, 49% 49%, 55% 42%, 57% 46%, 56% 55%, 61% 67%, 58% 70%, 41% 65%, 34% 72%, 47% 76%, 51% 81%, 62% 76%, 67% 83%, 67% 89%, 71% 89%, 78% 96%, 97% 94%, 100% 88%, 96% 83%, 100% 82%);
+}
+
+.fill-motif-cross-right{
+	@extend .fill-motif;
+	background-image: url("/motifs/croix.png");
+	background-position: left;
+	clip-path: polygon(0 7%, 15% 10%, 30% 15%, 37% 26%, 53% 32%, 48% 47%, 65% 57%, 64% 62%, 61% 67%, 40% 64%, 40% 71%, 24% 71%, 20% 79%, 0 82%, );
+}
+
+.layer-1{
+	z-index:1;
+}
+
+.layer-2{
+	z-index:2;
+}
+
+.highlight-white{
+	background: white;
+	padding: 1rem 0.8rem;
 }

src/css/parametres.scss

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

src/css/styles_de_paragraphes.scss

@@ -38,6 +38,17 @@
 		font-family: "SGI-TextAlt";
 	}
 }
+.credits{
+	font-size: 9pt;
+	margin-bottom: 6pt;
+	h4{
+		text-transform: uppercase;
+		margin:8pt 0 0 0;
+	}
+	p{
+		margin:0;
+	}
+}
 .chapter-title {
 	font-family: "Cormorant";
 	font-weight: 200;
@@ -79,3 +90,7 @@
 	text-align-last: left !important;
 	hyphens: auto;
 }
+
+h4{
+	margin: 0;
+}