body {
	font-family: verdana, sans-serif;
	font-size: 12pt;
	color: #333;
	background-color: #867E52;
}
div {
	margin: auto;
	width: 75%;
}
ul {
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
li {
	width: 15%;
	display: inline-block;
	background-color: #CAC5A8;
	border : 1pt solid #333;
	border-radius: 5pt;
	padding: 0.5em;
	text-align: center;
	margin: 0.5em;
}
li:hover {
	background-color: #D4CA8F;
	font-weight: bolder;
}
li:hover a{
	color: #888;
}
li.oppen a{
	color: #555;
	font-weight: bolder;
}
li.oppen {
	background-color: #BFB682;
}
article {
	background-color: #CAC5A8;
	border : 1pt solid #333;
	border-radius: 5pt;
	padding: 0.5em;
}
footer {
	width: 75%;
	position: absolute;
	bottom: 0;
	background-color: #CAC5A8;
	border : 1pt solid #333;
	border-radius: 5pt;
	padding: 0.5em;
	margin: 0.5em; 
}
form {
	padding: 0.5em;
	width: 30%;
	position: relative;
}
input[type="text"], input[type="password"] {
	position: absolute;
	right: 0;
}
input[type="submit"] {
	margin: auto;
	margin: 0 13em;
}
header {
	margin: auto;
	width: 30%;
}
a.bouton {
	background-color: #CAC5A8;
	color: #333;
	text-decoration: none;
	border : 1pt solid #333;
	border-radius: 5pt;
	padding: 0.5em;
	margin-top: 1em;
}
a.bouton:hover {
	font-weight: bolder;
}