html,body,table,td {width:100%;height:100%;margin:0;padding:0;font-family:Verdana,sans-serif;}
body {
    display: flex;
    flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
}
table {border-spacing:0;border-collapse:collapse;}
a {text-decoration:none;font-weight:bolder;}
a:hover {text-decoration:underline;background:transparent;}
img {display:block;border:0;}
.clear {clear:both;}
/**********************************************************/
header{
	height:25vh;
}
main{
	flex:auto;
	color:white;
	text-align:center;
	text-shadow:1px 1px 2px black;
}
main a{
	color:white;
}
footer{
	height:25px;
	text-align:center;
	color:white;
}
footer a{
	color:white;
}

@media screen and (min-width:200px) and (max-width:640px) {
	main{
		font-size:1em;
	}
	body{
		background-color:black;
	}
	footer{
		font-size:0.6em;
	}
}

@media screen and (min-width:641px) {
	main{
		font-size:2.5em;
	}
	body{
		background:url(img/moret-sur-loing.jpg) 50% 50% no-repeat black;
	}
}