body{
	margin: 0;
	padding: 0;
	font-family: 'classico', serif;
}

#contenu {
	margin: 0;
	padding: 0;
}

.page{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	height: 100%;
	min-height: 100vh;
}

p {
	margin: 0;
	padding: 0;
	-webkit-hyphens: auto;
	display: inline;
	text-align: left;
	text-justify: none;
	line-height: 1.1em;
	}

.space {
	opacity: 0;
	margin: 0;
	padding: 0;
	hyphens: auto;
	-webkit-hyphens: auto;
	display: inline;
	text-align: left;
	text-justify: none;
	line-height: 0.9em;

}

.intro{
	opacity: 0;
	margin: 0;
	padding: 0;
	hyphens: auto;
	-webkit-hyphens: auto;
	display: inline-flex;
	text-align: left;
	line-height: 0.9em;
}

@media print {  

  @page {
    size: 100mm 126.667mm;
    hyphens: auto;
	-webkit-hyphens: auto;
  }
  #dropfile{
		display: none;
	}
  	
}


.drop-area {
	min-height: 100vh;
	width: 100%;
	background-color: white;
	color: black;
}

.highlight {
	background-color: black;
	color: white;
}

.drop-hint {
	width: 100%;
	flex: 1;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.drop-hint.hidden {
	display: none;
}