.button{
	background-color:#8d7a60;
	border:1px solid #4d4234;
	text-align:center;
	color:#fff;
	font-family:'pixel';
	font-size:20px;
}

.button:hover{
	color:#d8b372;
}

.area{
	background-color:#8d7a60;
	border:1px solid #4d4234;
	text-align:center;
	vertical-align:middle;
	font-family:'pixel';
	font-size:15px;
	color:#fff;
}

.liste{
	background-color:#8d7a60;
	border:1px solid #4d4234;
	text-align:left;
	padding:5px;
	vertical-align:middle;
	font-family:'pixel';
	font-size:15px;
	color:#fff;
	overflow:hidden;
}

.barre{
	-webkit-appearance: none;
 	appearance: none;
	height: 5px;
	width:100%;
	background:#8d7a60;
	outline: none;
}

.barre::-webkit-slider-thumb{
	-webkit-appearance: none;
 	appearance: none;
	background:#debe87;
	width: 10px;
  	height: 10px;
	cursor:pointer;
}