body
{
	width: 1003px;
	margin: auto; /* Pour centrer notre page */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
}
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.png");	
	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: #ad0e1b;
	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_index.gif");
	background-repeat: no-repeat;
}
#menu_galerie
{
	float:left;
	width:188px;
	height:412px;
	background-image: url("images/menu_galerie.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;
}

.souligne
{
	text-decoration:underline;
}

SPAN.top 
{
	color:#ad0e1b; 
	font: bold italic 18px verdana; 
	text-align:left; 
	margin-left:50px;
}
#corps
{

	margin:0;
	padding:0;
	height: 412px;
	width:815px;
	margin-left: 188px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	font-size: 12px;
	color:#ffffff;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("images/corps_index.gif");
	background-repeat: no-repeat;
}

#corps_galerie
{

	margin:0;
	padding:0;
	text-align:center;
	width:1003px;
	height:1295px;
	background-image: url("images/corps_galerie.gif");
	background-repeat: no-repeat;
}

#corps_galerie h1 {color:#ad0e1b; text-align:left;margin-left:30px;}

#corps_galerie Th
{
	color:#ad0e1b; 
	text-align:left;
	font-size:22px;
	text-decoration:underline;
	height:70px;
}

#corps_galerie TD 
{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ad0e1b;
	background-color:black;
}

#corps_galerie TD:hover
{
	border:1px solid yellow;
	background-color:#ad0e1b;
}

#imdroite
{
	float:right;
	margin-top:22px;
	margin-right:60px;
}
#textecorps1
{
	float:left;
	width:320px;
	margin-left:410px;
	margin-top:20px;
	text-align:justify;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
	color:white;
	text-decoration:none;
}
#textecorps2
{
	padding-left:70px;
	padding-top:40px;
	width:450px;
	text-align:justify;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:auto;
	color:white;
	text-decoration:none;
}

#corps2
{

	margin:0;
	padding:0;
	width:100%;
	height: 383px;
		
	background-image: url("images/corps2_index.gif");
	background-repeat: no-repeat;
}


#gauchepp
{
	float:left;
	width:7px;
	height:33px;
	background-image: url("images/fond_footer_g.gif");
	background-repeat: no-repeat;
}
#milieupp{
	float:left;
	width:977px;
	height:33px;
	padding-top:3px;
	background-image: url("images/fond_footer.gif");
	background-repeat: repeat-x;
}

#droitepp
{
	float:left;
	width:3px;
	height:33px;
	background-image: url("images/fond_footer_d.gif");
	background-repeat: no-repeat;
}
#pied_de_page
{
	height:36px;
	margin:0;
	padding:0;
	font-size: 10px; 
	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;
}

