/* PrePostPrint only css framework */

/* changer les variables largeur, hauteur (format de la page), marges et position du footer */
:root{
  --page-width: 21cm;
  --page-height: 29.7cm;
  --page-margin: 0.5cm;
  --page-footer-bottom: 0.5cm;
  --page-footer-margin: 0.5cm;
}

body{
	font-family: Unique-V1-Regular;
	margin:0;
	font-weight: normal;
	font-style: normal;
    font-variant-ligatures:normal;
    text-transform: lowercase;
	font-family: Unique-V1-Regular;
	-webkit-font-smoothing: antialiased;
}


@font-face {
font-family: 'Unique-V1-Regular';
  src: url("font/Unique-V1-Regular.otf");
}



h1{
    font-weight: normal;
	margin-top:0%;
	margin-left: 5%;
	margin-right: 2%;
	font-size: 80pt;
    line-height: 115px;
}

h3{
	margin-top:5%;
	margin-left: 5%;
	margin-right: 2%;
	font-weight: normal;
	font-size: 70pt;
	line-height: 80pt;
}


p{
	width: 55%;
	margin-left: 15%;
    font-size: 50pt;
}

.surmesure{
	font-size: 40pt;
	margin-left: 0%;
}


/* ajouter la classe .print pour n'afficher que les éléments à l'impression*/
.print{
	display:none;
}

/* ajouter la classe .screen pour n'afficher les éléments seulement à l'écran */
.screen{
	display:block;
}

/* ajouter la classe .center pour centrer un élément horizontalement sur la page */
.center{
	text-align: center;
	margin:auto;
}

/* ajouter la classe .center-top pour centrer un élément verticalement sur la page */
.center-top{
	margin-top: 50vh;
	transform: translateY(-100%);
}

@media screen{

	.paire{
	    margin-left: 10%;
	}

}


@media print{

/* paramètres de la page, choisir le format d'export */
	
	@page{
	size: A4;
    padding: var(--page-margin);
	}

	body{
		margin:0;
		padding:0;
		/* permet d'ajouter un counter pour la pagination */
		counter-reset: page-counter;
		font-variant-ligatures: none;
		font-size: 87pt;
	}

	
	.paire{
    	margin-left: 0% !important;
	}


	h1{
		margin-left: 0;
		margin-top: 0;

	}

	h3{
		margin-left: 0;
		margin-top: 0;

	}


	p{
		margin-top: 0;
		margin-left: 0;
		width:75%;
		font-size: 50pt;
		line-height: 57pt;
	}


	.tout h3{
		font-size: 60pt;
		line-height: 70pt;
		margin-top: 0;

	}

	.surmesure{
		font-size: 28pt;
		line-height: 32.3pt;
	}


	section{
		margin:0;
		padding:0;
	}


	/* paramètres de la page */
	.page{
		width: calc(var(--page-width) + 1);
		height: calc(calc(var(--page-height) - var(--page-margin) * 2) - 1mm);
		padding: var(--page-margin);
		page-break-after: always;
		position: relative;
	}

	/* affiche les éléments ayant la classe print */
	.print{
		display: block;
	}

	/* n'affiche pas les éléments ayant la classe screen */
	.screen{
		display: none;
	}

	/* exemple d'en-tête, toutes les pages avec la classe .introhearder auront le header "Les voyages de Capitaine Futur" */
	.introheader::before{
		content: "titre courant";
	}

	/* ajoute la pagination aux pages */
 	/*.page::after{
		counter-increment: page-counter;
		content:counter(page-counter);
		position: absolute;
		bottom: var(--page-footer-bottom);
	}*/

  /* pagination à gauche pour les pages paires */
	.page:nth-child(even)::after{
		left: var(--page-footer-margin);
	}

  /*pagination à droite pour les pages impaires */
	.page:nth-child(odd)::after{
    right: var(--page-footer-margin);
  }

	/* toutes les pages avec la class .nopagination n'ont pas de pagination */
	.page.nopagination::after{
		content:"";
	}

	/* ajouter une class plainimage pour avoir une image plein pot sur la page */
	img.plainimage{
		width: calc(var(--page-width) - var(--page-margin) * 4);
		height: calc(var(--page-height)- var(--page-margin) * 4);
		margin: auto;
		-o-object-fit: contain;
		object-fit: contain;
	}

}