/* CSS Document */
body
{ 	width:900px;
	margin:auto;
	margin-top:10px;
	margin-bottom:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#E1E1E1;
	

}

/* L'en-tête */

#en_tete
{
	width:900px;
	height:106px;
	margin-bottom:10px;
	border:#FF7F00 solid 2px;
}

/* MENU */

#menu
{
	width:100%;
	height:25px;
	background-color:#FFFFFF;
	margin:auto;

	border:#FF7F00 solid 2px;
}
.element_menu
{
	display:block;
	float:left;
	height:13px;
	text-align:center;
	font-size:11px;
	padding:9px;
	border-left-width: 1px;
	border-left-style: ridge;
	border-left-color: #FF7F00;
}

#menu a, #menu a:visited
{
	color:black;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	font-weight:700;
	
	
}

#menu a:hover, #menu a:visited:hover
{
	
	font-style:normal;
	background-color:black;
	
	color:white;
	font-style:normal;
	font-weight:700;
	
	
}


/* Partie gauche */
#gauche
{
	float:left;
	width:150px;
	margin-top:5px;
	background-repeat:repeat-x;
	

}


.photo
{
text-align:center;
	
}
.news1
{
	margin-top:5px;
	
	height:81px;
	border:black 1px solid;
	padding-top:10px;
	
	font-size:13px;
	background-color:white;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	border:#FF7F00 solid 2px;
	background-color:#FFFFFF;
	text-align:center;
}

.news2
{
	margin-top:5px;
	height:auto;
	border:black 1px solid;
	padding:5px;
	padding-top:1px;
	font-size:13px;
	background-color:white;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	border:#FF7F00 solid 2px;
	text-align:center;
	
}

.news3
{
	margin-top:5px;
	height:auto;
	border:black 1px solid;
	padding:5px;
	padding-top:1px;
	font-size:13px;
	background-color:white;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	border:#FF7F00 solid 2px;
	text-align:center;
	
}

#gauche h3
{
	text-align:center;
	font-size:12px;
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}
#gauche h3:hover
{
	font-weight:bold;
}


#gauche a
{	
	color:#FF0000;
	font-weight:bolder;
	text-decoration:none;
}
#gauche a:hover
{

	background-color:black;
}	
	
	
	
	
/* Partie Principale */
#corps
{
	float:left;
	margin-bottom:20px;
	margin-top:-5px;
	
	margin-left:5px;
	margin-right:5px;
	padding:5px;
	
	height:auto;
	width:352px;
	
		
	color:black;
		
}

h1
{

	text-align:left;
	font-size:20px;
	
	border-bottom:black 1px solid;
}

#corps1 a
{
	color:#FF0000;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
	
}

#corps1 a:hover
{
	background-color:#2A0000;
	
	font-weight:bold;
}

#corps1 h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-style:normal;
	font-size:16px;
	font-stretch:normal;
	font-weight:normal;
}

#corps1
{

	float:left;
	margin-top:5px;
	

	padding:5px;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:auto;
	width:352px;
	text-align:center;
		
	color:black;
		border:#FF7F00 solid 2px;
}

li
{
	text-align:left;
}
#corps h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-style:normal;
	font-size:16px;
	font-stretch:normal;
	font-weight:normal;
}

#corps2
{
	float:left;
	
	margin-top:5px;
	margin-left:10px;
	padding:5px;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:auto;
	width:352px;
	text-align:center;
		
	color:black;
		border:#FF7F00 solid 2px;
}

#corps2 a
{	
	color:#FF0000;
	font-weight:bolder;
	text-decoration:none;
}
#corps2 a:hover
{

	background-color:black;
}


#corps3 a
{	
	color:#FF0000;
	font-weight:bolder;
	text-decoration:none;
}
#corps3 a:hover
{
	
	background-color:black;
}

#corps3
{

	float:left;
	margin-top:5px;
	
	padding:5px;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:170;
	width:352px;
	text-align:center;
		
	color:black;
	border:#FF7F00 solid 2px;
}

#corps4
{
	float:left;
	margin-bottom:20px;
	margin-top:5px;
	margin-left:5px;
	padding:5px;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:auto;;
	width:730px;
		
	color:black;
		border:#FF7F00 solid 2px;
}

#corps4 h2
{
	text-align:center;
	font-size:16px;
	text-decoration:underline;
}
#apa
	
		{
			position:absolute;
	
			margin-left:35px;
			margin-top:20px;
		
	}


#corps5
{
	float:left;
	margin-bottom:20px;
	margin-top:5px;
	margin-left:5px;
	padding:5px;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:auto;;
	width:352px;
		
	color:black;
		border:#FF7F00 solid 2px;
}

/* Pied de page */

#pied_de_page
{
	padding:1px;
	
	text-align:center;
	color:#2A0000;
		border:#FF7F00 solid 2px;
	background-color:#FFFFFF;
	background-image:url(photos/haut.jpg);
	background-repeat:repeat-x;
	
}

#pied_de_page a
{
	color:black;
	text-decoration:none;
	font-weight: bold;	
	
	
}

#pied_de_page a:hover
{
	background-color:#2A0000;
	color:#FFFBF0;
}


/* Formulaire */
input, textarea
{
   font-family: Verdana, Arial, Helvetica, sans-serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}