html{
	background: #591212;
	background-image:linear-gradient(#8dbdbb, #63918f);
}
#reglages {
	background-color: #222;
	height: 100%;
	padding: 10px;
	color: white;
	box-shadow: 0 10px 10px #000;
} 
#formulaire section{
	width: 50%;
	text-align: center;
	float: left;
}
#formulaire section:last-child{
	width: 100%;
	text-align: center;
	float: left;
}

h1, h2{
	text-align: center;
}

#envoiStat{
	border-radius: 5px;
	width: 50px;
	border: 1px solid grey;
}

input[type="submit"] {
	width: 150px;
	height: 50px;
	font-weight: bold;
	margin-top: 50px;
}
input[type="text"] {
	width: 150px;
	color: black;
}

select {
	width: 220px;
	text-align: center;
	height: 50px;
}
input[type="range"] {
    position: relative;
    margin-left: 1em;
}
input[type="range"]:after,
input[type="range"]:before {
    position: absolute;
    top: 1em;
    color: #aaa;
	padding-top: 15px;
}
input[type="range"]:before {
    left:0em;
    content: attr(min);
}
input[type="range"]:after {
    right: 0em;
    content: attr(max);
}

table{
	background: #888;
	margin: auto;
	padding: 10px;
	text-align: center;
}
td{
	min-width: 150px;
	border: 2px solid #bbb;
}
tr:hover{
	background-image:linear-gradient(#8dbdbb, #63918f);
}
thead{
	background: #555;
}
thead tr:hover{
	background: #555;
}
.retour{
	float: left;
}
.supprimer{
	float: right;
}