#myVideo {
	position: fixed;
	margin: auto;
	right: 0%;
	bottom: 0%;
	width: 100%;
}
h1 {
	margin: 0;
	margin-bottom: 4%;
	text-align: center;
	font-size: 50px;
}
.contact:link {
	color: lightgrey;
}

.contact:visited{
	color: lightgrey;
}
.contact:hover {
	color: gold;
	letter-spacing: 3px;
	text-decoration: underline;
}
.textcontacter {
	position: relative;
	background: rgba(0,0,0,0.4);
	color: white;
	margin-top: 12%;
	font-size: 20pt;
	padding: 50px;
	border-radius: 20px;
	font-family: Dubai;
	border-style: solid;
	border-width: 5px;
	border-color: rgba(255,255,255,0.6);
}
button {
	width: 100px;
	height: 60px;
	padding: 10px;
	margin-right: 25px;
}
/*une merde qui s'est creer avec ma nav à cause de la video en fixed, donc je dois corriger ca avec des positions et des trucs à ajouter*/
.position {
	position: relative;
}
#recadre {
	position: absolute;
	top: 51%;
}
#recadre2 {
	margin-left: 34%;
	margin-right: 34%;
	margin-bottom: 5%;
}
.boutton {
	margin-left: 27%;
	width: 45%;
	background: none;
	border: none;
	border-style: solid;
	border-color: rgba(255,255,255,0.4);
	background-color: rgba(0,0,0,0.3);
	color : grey;
}
.boutton:hover {
	transition: all 0.2s ease-out;
	color: white;
	border-width: 6px;
	background-color: rgba(0,0,0,0.5);
	border-color: rgba(255,255,255,0.6);
}
.boutton:active {
	background-color: rgba(19,135,251,0.75);
	color: ghostwhite;
	border-width: 3px;
}
.lui {
	position: absolute;
	color : white;
	font-size: 11pt;
	right: 5px;
}
.lui:hover {
	font-size: 10pt;
	right: 6px;
}