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 0 0px 0;
	font-size: 20px;
	text-align: center;}
p
	{margin: 0;
	padding: 10px;
	font-size: 17px;
	text-align: center;}
#main
	{min-height:100%;
	height:auto !important;
	height:100%;    
	margin: 0 0 -60px 0;
	padding: 0;}
.note
	{margin: 0;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;}
.texte
	{margin:0;
	padding: 10px;
	float: right;
	width: 50%;}
.resize
	{margin: 0;
	padding: 0;
	display: block;
	width: 50%;
	position: fixed;
	top: 0;
	left: 0;}
.illustr
	{margin: 0;
	padding: 0;
	width: 100%;
	height: 99vh;
	background-size: cover;
	object-fit: scale-down;}
.link img
	{opacity: 0.5;}
.link:hover img
	{opacity:1;}
.footer, .push
	{padding: 5px;
	position: relative;
	bottom:0;
	margin-left: 50%;
	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: 650px)
	{.resize	{width: 100%;	float: left; position: relative;}
	.texte	{width: 100%;	float: left;}
	.illustr {width: 100%;	height: auto;}
	.footer, .push	{margin-left: 0;} }