html, body {
	height: 100%;
}

body {
	font-size: 1.1em;
	text-align: center;
	max-width: 1200px;
	margin: auto;
	padding: 5px;
	box-sizing: content-box;
	font-family: system-ui, sans-serif;
	background:white;
	overflow:hidden;
}

#left {
	height: 35%;
	display: flex;
	align-items: center;
}

#progressBar {
	width: 0%;
	height: 10px;
	background: seagreen;
}

#panneauImg {
	margin: auto;
	//filter: drop-shadow(2px 2px 2px #808080);
	filter: drop-shadow(2px 2px 1px #c0c0c0);
}

.animate {
	animation: rotateAnimation 1s linear;
}

ol {
	display: inline-block;
	text-align: left;
	padding: 0 40px;
}

li {
	cursor: pointer;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

@keyframes rotateAnimation {
	from {
		transform: rotateY(-90deg);
	}

	to {
		transform: rotateY(0deg);
	}
}