body
{
	width: 1003px;
	margin: auto;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img{
	border:none;
}
#top{
	width: 1003px;
	height: 35px;
	background-image: url("images/top.png");
	background-repeat: no-repeat;
}

#en_tete
{
	width: 1003px;
	height: 130px;
	background-image: url("images/bandeau_region.gif");	
	background-repeat: no-repeat;
	padding:0;
}

#speedbar
{
	float:left;
	padding:0;
	margin:0;

		/*margin-left:544px;*/
	margin-left:564px;
	margin-top:110px;
	text-align:left;
}

#speedbar a
{
	text-decoration: underline;
	color: #144024;
	margin:0;
	padding:0;
	padding-left:0px;
	padding-right:5px;
	font-size: 10px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#speedbar a:hover /* Quand on pointe sur un lien du menu */
{
   color: #f2c351;
}

#menu
{
	float:left;
	width:188px;
	height:412px;
	background-image: url("images/menu_region.gif");
	background-repeat: no-repeat;
}

.element_menu
{
	padding-top: 110px;
	margin-left: 65px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-type:none; /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	font-size:12pt;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.element_menu li
{
	margin-bottom:20px;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #ffffff;
   text-decoration:none;
   padding-bottom:20px;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #f2c351;
}

p{
	font-size: 11px;
}
div#corps
{
	position:relative;
	margin:0;
	padding:0;
	height: 412px;
	width:815px;
	
	color:#ffffff;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 188px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	background-image: url("images/corps_region.gif");
	background-repeat: no-repeat;
}
div#corps h2{
	position:absolute;
	top:220px;
	left:260px;
}
div#corps p{
	position:absolute;
	top:270px;
	left:250px;
	width:460px;
}

div.imdroite
{
	float:right;
	margin-top:21px;
	margin-right:60px;
}
div.imgauche
{
	margin-left:60px;
	margin-bottom:10px;
}
div#corps2
{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height: 480px;
	font-size: 11px;
	color:#ffffff;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("images/corps2_region.gif");
	background-repeat: no-repeat;
}

div#corps2 p{
	float:left;
	margin:0;
	padding:0;
	margin-left:120px;
	margin-top:70px;
	width:540px;
	height:350px;
}

div#corps2 div.imdroite
{
	margin-top:20px;
	margin-right:100px;
}

#pied_de_page
{
	clear:both;
	height:36px;
	margin:0;
	padding:0;
	font-size: 12px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	background-image: url("images/footer_region.gif");
	background-repeat: no-repeat;
}

#pied_de_page a
{
	
	text-decoration: NONE;
	color: #555555;
	margin:0;
	padding:0;
	font-size: 12px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pied_de_page a:hover
{
	text-decoration: underline;
	color: #ffffff;
}