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');}
.ital75
	{margin: 0;
	padding: 10px;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 75px;
	text-align: center;}
.ital
	{margin: 0;
	padding: 10px;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 30px;
	text-align: center;}
.big
	{margin: 0;
	padding: 10px;
	font-size: 36px;
	font-style: italic;
	font-weight: normal;
	line-height: 80px;
	text-align: center;}
.note
	{margin: 0;
	padding: 100px 10px 10px 10px;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	text-align: left;}
.bold
	{font-weight: bold;}
.right
	{padding: 10px 40px 60px 10px;
	text-align: right;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;}
#main
	{min-height:100%;
	height:auto !important;
	height:100%;
	margin: 0 0 -60px 0;
	padding: 0;}
.texte
	{margin:0;
	padding:50px 10px 10px 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;}
	.ital75	{line-height: 40px;}
	.ital	{line-height: 40px;}
	.footer, .push	{margin-left: 0;} }