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_alentour.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;
}
#barregauche{
	float:left;
	width:248px;
	height:629px;
	
}
#menu
{
	width:248px;
	height:411px;
	background-image: url("images/menu_alentour.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;
}



#photo
{
	width:248px;
	height:218px;
	padding-left:25px;
	background-image: url("images/photo_alentour.gif");
	background-repeat: no-repeat;
}

#corps
{
	float:left;
	height: 629px;
	width:755px;
	font-size: 12px;
	color:#ffffff;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("images/corps_alentour.gif");
	background-repeat: no-repeat;

}

div#corps h2{
	font-size:16px;
	margin-top:40px;
	margin-left:60px;
	margin-bottom:10px;
}

div#corps p{
	text-indent:10px;
	margin-top:0;
	margin-left:50px;
	margin-right:110px;
}

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

div#corps2 p{
	margin:0;
	position:relative;
	top:30px;
	left:65px;
	width:860px;

}

#pied_de_page
{
	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_activite.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;
}