form
{
	margin: 0 auto;
	width: 400px;
	padding: 1em;
	border: 1px solid #CCC;
	border-radius: 1em;
}
body
{
	background-color: #CEF6E3;
	color: #3F2204;
	margin: 20px;
	border-radius: 4px;
	font-family: quicksandregular, Arial, sans-serif;
}
header
{
	margin: 0.73% 0.73% 0.73% 0.73% ;
	padding: 0.73% 0.73% 0.73% 0.73% ;
	background-color: #D8F6CE;
	color: #614B3A;
	width: 60%;
	margin-left: 20%;
	border-radius: 4px;
	box-shadow: 5px 5px 3px #B3D6C5;
}
nav
{
	margin: 0.73% 0.73% 0.73% 0.73% ;
	padding: 0.73% 0.73% 0.73% 0.73% ;
	background-color: #aaffff;
	color: black;
	width: 5%;
	float:left;
	border-radius: 4px;
	box-shadow: 5px 5px 3px #B3D6C5;
}
section
{
	margin: 0.73% 0.73% 0.73% 0.73% ;
	padding: 0.73% 0.73% 0.73% 0.73% ;
	background-color: #E0F8E0;
	color: black;
	width: 90%;
	margin-left: 5%;
	border-radius: 4px;
	box-shadow: 5px 5px 3px #B3D6C5;
}
article
{
	margin: 0.73% 0.73% 0.73% 0.73% ;
	padding: 0.73% 0.73% 0.73% 0.73% ;
	margin: 20px 20px 0px 20px;
	background-color: #EDFDEA;
	color: black;
	border-radius: 4px;
	box-shadow: 5px 5px 3px #D3E8D3;
}
footer
{
	background-color: #aebeae;
	color: blue;
	border-radius: 4px;
	box-shadow: 5px 5px 3px #81F7BE;
}
#bloc_page
{
	width: 757px
}
.marge
{
margin-left: 5em;
}