h1 {
	text-align: center;
	font-family: Verdana;
}

body {
	margin-top: 0%;
	padding-top: 0%;
	background-color: #555555;
}

header {
	margin-top: 0%;
	padding-top: 0%;
	left: 0%;
	background-color: #333333;
	position: absolute;
	width: 100%;
	display: flex;
 	align-items: center;
  	justify-content: space-around;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1em;
}

.lecteur {
	background-color: #333333;
	position: fixed;
	height: 8%;
	width: 100%;
	bottom: 0%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.header-element {
	display: flex;
	align-items: center;
}

.all {
	font-family: Verdana;
	position: absolute;
	margin-top: 6em;
	left: 0%;
	width: 99.85%;
	text-align: center;
}

.elements {
	margin-top: 5%;
	margin-bottom: 6%;
	display: flex;
 	align-items: center;
  	justify-content: space-around;
}

.space {
	width: 20%;
}

.title {
	margin-left: 3%;
}

a:hover {
 cursor:default;
}

.autoplay {
	display: inline-block;
	background-color: #555555;
	border-radius: 10px;
	border: 4px solid #cccccc;
	color: #eeeeee;
	text-align: center;
	font-size: 15px;
	padding: 0.3%;
	width: 15%;
	cursor: pointer;
	position: relative;
}

.button-autoplay {
	display: felx;	
	align-items: center;
}

.endSpace {
	position: absolute;
	height: 3.5%;
	width: 3.5%;
}

.monbtsav {
	position: absolute;
	right: 2%;
	text-align: center;
	font-family: Verdana;
	color: black;
	top: 8%
}

a {
	color: black;
	text-decoration: none;
}

.hover:hover {
	cursor: pointer;
}