body
{
	background-color: #060608;
}

.logo
{
	display: block;
	width: 20%;
	height: 15%;
	margin-left: auto;
	margin-right: auto;
}

.fond
{
	display: block;
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
}

#block
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 17%;
	height: 7%;
	margin-top: -30%;
	margin-left: 20%;
	border-radius: 3px;
}

#block2
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 15%;
	height: 7%;
	margin-top: -30%;
	margin-left: 60%;
	border-radius: 3px;
}

#block3
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 17%;
	height: 8%;
	margin-top: -10%;
	margin-left: 20%;

	border-radius: 3px;
}

#block4
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	width: 15%;
	height: 8%;
	margin-top: -10%;
	margin-left: 60%;

	border-radius: 3px;
}

.texte
{
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	font-size: 3vw;
	font-family: 'Cinzel', 'Abril Fatface', 'Anton', 'Shrikhand', cursive;
	color: #fff;
}

#block:hover, #block:active
{
	background-color: rgba(0,0,0,0.3);
}

#block2:hover, #block2:active
{
	background-color: rgba(0,0,0,0.3);
}

#block3:hover, #block3:active
{
	background-color: rgba(0,0,0,0.3);
}

#block4:hover, #block4:active
{
	background-color: rgba(0,0,0,0.3);
}