html, body
	{height: 100%;
	margin: 0;
	padding: 0;}
*
	{box-sizing: border-box;
	font-family: montaga, Andalus, Cambria;
	background-color: #D0D0D0;}
@font-face
{	font-family: montaga;
	src: url('images/Montaga-Regular.ttf'),
	local('Montaga-Regular.ttf');}
h1
	{margin:0;
	padding: 60px 0 30px 0;
	font-size: 46px;
	text-align: center;}
h2
	{margin:0;
	padding: 10px;
	font-size: 34px;
	font-weight: normal;
	text-align: center;}
h3
	{margin:0;
	padding: 20px;
	font-size: 28px;
	font-weight: normal;
	text-align: center;}
h4
	{margin: 0;
	padding-bottom: 30px;
	font-size: 17px;
	font-weight: normal;
	text-align: center;}
p
	{margin: 0;
	padding: 10px;
	font-size: 17px;}
.quote
	{margin:0;
	padding: 0 0 50px 0;
	font-size: 17px;
	font-weight: normal;
	text-align: right;
	font-style: italic;}
.bold
	{font-weight: bold;}
.ital
	{font-style: italic;}
#main
	{min-height:100%;
	height:auto !important;
	height:100%;
	display: flex;
    align-items: center;
	margin: 0 0 -60px 0;
	padding: 0;}
.texte
	{margin: 0 auto;
	padding: 10px;
	width: 80%;}
.prev img, .next img
	{opacity: 0.5;}
.prev:hover img, .next:hover img
	{opacity:1;}
.footer, .push
	{padding: 5px;
	position: relative;
	bottom:0;
	margin: 0;
	height: 50px;} 
.prev
	{float: left;}
.next
	{float: right;}