html, body
	{height: 100%;
	margin: 0;
	padding: 0;
	background-color:#E0E0E0;/*#F0F0F0*/}
*
	{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 5px 0;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #383838;}
p
	{margin: 0;
	padding: 20px 0 10px 0;
	font-size: 22px;
	text-align: left;
	color: #383838;}
a.sommaire
	{margin: 0;
	font-size: 22px;
	line-height: 40px;
	color:#787878;}
#main
	{min-height:100%;
	height:auto !important;
	height:100%;    
	margin: 0 0 -60px 0;
	padding: 0;}
.texte
	{margin:0;
	padding: 10px 30px;
	float: left;
	width: 40%;}
.resize
	{margin: 0;
	padding: 0;
	display: block;
	width: 60%;
	position: fixed;
	top: 0;
	right: 0;
	/*background-image:url('images/swirl.jpg');*/	}
.backgr
	{margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	object-fit: cover;}
.flat
	{position: absolute;
	width: 75%;
	top: 60px;
	left: 0px;}
.vert
	{position: absolute;
	bottom: 4px;
	left: 60px;
	height: 75%;}
.square
	{position: absolute;
	bottom: 60px;
	right:0px;
	width: 35%;}
.four
	{position: absolute;
	top: 20%;
	left: 50%;
	width: 40%;}
.link img
	{opacity: 0.5;}
.link:hover img
	{opacity:1;}
.footer, .push
	{padding: 5px;
	position: relative;
	bottom:0;
	margin-right: 60%;
	height: 50px;} 
.columnret
	{float: left;
	width: 100%;
	text-align: center;}

@media only screen and (max-width: 650px)
	{.resize {width: 100%; float: left; position: relative;}
	.texte	{width: 100%; float: left;}
	.backgr {height: auto;}
	.footer, .push	{margin-right: 0;} }