html, body
	{height: 100%;
	margin: 0;
	padding: 0;}
*
	{box-sizing: border-box;
	font-family: montaga, Andalus, Cambria;}
@font-face
{	font-family: montaga;
	src: url('images/Montaga-Regular.ttf'),
	local('Montaga-Regular.ttf');}
h1
	{margin: 0;
	padding: 20px;
	font-size: 24px;
	text-align: center;}
p
	{margin: 0;
	padding: 10px 0 0 0;
	font-size: 17px;
	text-align: justify;}
bold
	{font-weight: bold;}	
#main
	{min-height:100%;
	height:auto !important;
	height:100%;    
	margin: 0 0 -60px 0;
	padding: 0;}
.resize
	{margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;}
.resize2
	{margin: 0 0 10px 0;
	padding: 0;
	display: block;
	width: 100%;}
.texte
	{margin: 0 auto;
	padding: 0;
	display: block;
	width: 60%;}
.illustr
	{margin: 0;
	padding: 0;
	width: 100%;
	height: 94vh;
	background-size: cover;
	object-fit: scale-down;}
.image
	{margin: 0 auto;
	display: block;
	padding: 0;}
.imageadapt
	{margin: 0 auto; max-width:90%;
	display: block;
	padding: 20px 0 0 0;}
.link img
	{opacity: 0.5;}
.link:hover img
	{opacity:1;}
.footer, .push
	{padding: 5px;
	position: relative;
	bottom:0;
	width: 100%;
	height: 50px;} 
.columnprev
	{float: left;
	width: 33%;
	text-align: left;}
.columnret
	{float: left;
	width: 33%;
	text-align: center;}
.columnnext
	{float: left;
	width: 33%;
	text-align: right;}

@media only screen and (max-width: 700px)
	{.texte	{width: 90%;}}
@media screen and (max-height: 800px)
	{.resize	{position: relative;}
	.illustr {height: auto;}}