body {
	background-color: #FFFFFF;
	text-align: left; 
	margin: 0 auto;
}

h4
{
	color : #8f5300;
	font : 150% ;
	font-style : bold;
	text-align: center;
	margin : 50px 0px 30px 0px; /* top, right, bottom, left (respective) */
}


h1
{
	color : #8f5300;
	font : 150% ;
/*	font-style : bold; */
	text-align: center;
	margin : 50px 0px 30px 0px; /* top, right, bottom, left (respective) */
}

#conteneur {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #1c3461;
	height: auto;
	width: 850px;
	font-style: normal;
	font-weight: normal;
	margin: 5 auto;
	border: 3px solid maroon;
	border-radius:30px;
	padding: 50px; 
	line-height:  1.4;
	text-align: justify;
	}



p	{
	color: #4e0000;
	font-size: 18px;
	text-align: justify;
	font-weight: bold;
	}

p2	{
	color: #4e0000;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	margin : 100px 0px 30px 0px; /* top, right, bottom, left (respective) */
	}
	
	
/*

#contenu {
	background-color: #9fd3dc;
	color: #1c3461;
	width: 400px;
	border: 3px solid blue;
	border-radius:10px;
	height: 200px;
	text-align: justify;
	padding: 10px;
	float: none;
	}

ul	{list-style-type: circle;
	}   */
	
#titre1 {
	width: 808px;
	margin: auto;
	}

#titre2	{
	width: 600px;
	margin: auto;
	}

#image1 {
	float: left;
	width: 400px;
	margin-left: 5px;
	margin-bottom: 20px;
	margin-right: 20px;
	}

#suite	{
	width: 177px;
	height: 40px;
	margin-bottom: 30px;
	float: right; 
	}

#retour	{
	width: 177px;
	height: 40px;
	margin-bottom: 30px;
	margin: auto;
	}

#actus {
	float:right;
	width: 300px;
	height: 209px;
	margin : 0px 0px 5px 5px; /* top, right, bottom, left (respective) */
	}


#histoire {
	float:left;
	width: 320px;
	height: 466px;
	margin : 10px 5px 25px 0px; /* top, right, bottom, left (respective) */
	}

#archives {
	float:right;
	width: 300px;
	height: 230px;
	margin : 50px 0px 5px 5px; /* top, right, bottom, left (respective) */
	}

#money {
	float:right;
	width: 300px;
	height: 230px;
	margin : 20px 0px 15px 10px; /* top, right, bottom, left (respective) */
	}

#charte {
	float:right;
	width: 250px;
	height: 217px;
	margin : 0px 0px 5px 15px; /* top, right, bottom, left (respective) */
	}

#board {
	width: 492px;
	height: 150px;
/*	margin: 20px 0px 15px 30pc; */
	margin-left: 170px;
	margin-top: 30px;
	margin-bottom; 50px;
/*	margin-right: 120px;  */
	float: none;
	}

#post{
	width: 280px;
	height: 310px;
	margin: 10;
	margin-top: 30px;
	margin-left: 20px;
	float: right;
	}

#ag2021{
	margin: auto;
	width: 600px;
	height:160px;
	}


#charges2021{
	margin: auto;
	width: 600px;
	height:160px;
	}
#ag2023{
	margin: auto;
	width: 800px;
	height:560px;
	}

/*
#image5 {
	float: none;
	width: 930px;
	margin: 15px;
	float: left; 
	margin: auto;
	}
	
#image6{
	width: 423px;
	margin: 5;
	float: right;
	}

#image1a {
	float: left;
	width: 165px;
	margin: 5px;
	margin-right: 15px;
	margin-bottom: 1px
	}

#image2a {
	float:right;
	width: 165px;
	margin: 5px;
	margin-left: 15px;
	margin-bottom: 1px
	}

*/
#image7 {
	width: 830px;
	float: none;
	margin: auto;
	}