#video {
	position : relative;
	width: 750px;
	height: 500px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
	overflow: hidden;
	border-style: solid;
	border-width: 2px;
	border-color: #000;
	border-radius: 7px;
	touch-action: none;
	user-select: none;
	pointer-events: none;
}

div#clue {
	position:relative;
	top:0px;
	text-align: center;
}

body {
	text-align: center;
	background-image: url('/gfx/carreau.png');
	user-select: none;
}

@font-face {
	font-family: "Eagle";
	src: url('/gfx/eagle-book.ttf');
}

.level {
	position : absolute;
	width:165px;
	height:38px;
	font-family: "Eagle";
	font-size: 34px;
	text-align: center;
	background-color: #FFF;
	border-style: solid;
	border-width: 2px;
	border-color: #000;
	touch-action: none;
	pointer-events: none;
	user-select: none;
}

#chargement {
	position : absolute;
	width: 750px;
	height: 500px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: center;
	overflow: hidden;
	border-style: solid;
	border-width: 2px;
	border-color: #000;
	border-radius: 7px;
	pointer-events: none;
	touch-action: none;
	user-select: none;
}

#load {
	position : absolute;
	width: 400px;
	height: 10px;
	top: 450px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: left;
	overflow: hidden;
	border-style: solid;
	border-width: 2px;
	border-color: #000;
	border-radius: 10px;
	pointer-events: none;
	touch-action: none;;
	user-select: none;
	font-family: Arial;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}

#loadtxt {
	position: absolute;
	top: 415px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	pointer-events: none;
	touch-action: none;
	user-select: none
}