@import 'parametres';
@import 'font';
@import 'screen';
@import 'gabarits';
@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-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);
}