body {
	background: #E7E7E7 url('images/body.jpg') top left;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #564b47;
	padding: 0px;
	margin: 0px;
}

h1 {
	color: #000000;
	font-size: 14px;
	margin: 0px;
	font-weight: normal;
}

h2 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 30px;
}

a { 
	color:#000000; 
	text-decoration:none; 
}
a:hover, a:focus { 
	text-decoration:underline; 
}

/* ----------container to center the layout-------------- */
#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	
	max-width: 100%; /* ne dépassera pas en largeur de l'écran (pas de scroll horizontal nécessaire pour mobiles) */
	height: auto; /* garde le rapport xy de l'image */
	
	background: #E8E8E8 url('images/menubottom.jpg') no-repeat bottom left;
	border: 2px solid #8D8D8D;
	padding: 0px;
}

#banner {
	height: 114px;
	text-align: center;
	background: url('images/header.jpg') no-repeat bottom center;
	background-color: #e1ddd9;
	padding: 0px;
	margin: 0px;
}
 
#bannertitle {
	padding-top: 30px;
	font-size: 25px;
	font-weight: bold;
}