body
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: "Geo Sans Light";
	background-image: linear-gradient(90deg, #000000CC, #00000000),
	linear-gradient(180deg, #000000CC, #00000000),
	linear-gradient(-90deg, #000000CC, #00000000),
	linear-gradient(180deg, #00AAFFFF, #FF6600FF);
}

@font-face
{
	font-family: "Geo Sans Light";
	src: url('../fonts/text.ttf');
	font-weight: normal;
	font-style: normal;
}

.background
{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	background-image: linear-gradient(90deg, #000000CC, #00000000),
	linear-gradient(180deg, #000000CC, #00000000),
	linear-gradient(-90deg, #000000CC, #00000000),
	linear-gradient(180deg, #00AAFFFF, #FF6600FF);
}

.contenuTexte
{
	margin-top: 10vh;
	margin-left: 25vw;
	padding: 0;
	position: absolute;
	width: 50vw;
	height: 80vh;
	z-index: 1;
	color: #FFF;
	background: #00000077;
}

.contenuCentral
{
	display: table;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: 1;
}

.cellule
{
	display: table-cell;
	vertical-align: middle;
}

h1
{
	margin: 0;
	position: relative;
	font-family: "Geo Sans Light";
	font-size: 13em;
	color: #FFF;
	text-shadow: 0.02em 0.02em #CCC;
}

.menu
{
	margin: 0;
	padding: 0;
}

.bouton
{
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em 0.5em 0.3em 0.5em;
	background-color: #FFFFFF00;
	border: #FFFFFF solid 2px;
	border-radius: 2em;
	cursor: pointer;
	user-select: none;
	font-size: 1.8em;
	color: #FFF;
	text-align: center;
	transition-duration: 0.1s;
	transition-property: border;
	transition-timing-function: linear;
}

.bouton:hover, .bouton:focus, .bouton:active
{
	border: #FFFFFF solid 5px;
}

a, a:hover, a:visited, a:focus, a:active, a:link
{
	background: #00000000;
	color: #FFF;
	text-decoration: none;
	outline: 0;
	cursor: pointer;
}