body
{
	width: 900px;
	
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px; 
	
	background-color: #000000;

  background-position: top left; 
  background-image:url("photos/membres/final01.jpg");
  background-repeat:no-repeat;

	
	border: 2px solid black;
	
}

p
{
	font-family: Georgia, "Comic Sans MS", "Trebuchet MS", serif;
	color: white;
	text-align: justify;
}

img
{
	border-style: none;
}

h1
{
	font-family: "Arial Black", "Arial", Verdana, serif;
	color: white;
	text-align: center;
}

h2
{
	font-family: "Arial", Verdana, serif;
	color: white;
	text-align: center;
	font-size: 1em;
}

h3
{
	background-color: black;
	color: white;
	font-size: 0.9em;
	margin: 0px;
	text-align: center;
}

a
{
	color: white;
}

table
{
	border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
	color: white;
	font-family: Georgia, "Comic Sans MS", "Trebuchet MS", serif;
}

td
{
	border-bottom: 2px solid black;
}

.nom
{
	border-style: none;
}

.ombre
{
	float: right;
}

.imgnews
{
	margin-top: 20px;
	display: inline;
	float: left;
}

.photos
{
	font-family: Georgia, "Comic Sans MS", "Trebuchet MS", serif;
	color: white;
	margin-left:22em;
}

/* ===================== Mise en page de l'en-tête ===================*/

#en_tete
{
	width: 900px;
	height: 155px;
	
	background: url("images/wild_eagle.jpg") #fff;
	background-repeat: no-repeat;
	background-position : center, center;
	
	border-bottom: 2px solid black;
}

/* ================== Bloc contenant le menu et le corps ================*/

#principal
{
	background-color: #7F0024;
}

/* ===================== Mise en page du Menu ===================*/

#menu
{
	float: left;
	width: 150px;
	
	padding: 5px;
	margin: 0px;
	
	background-color: #7F0024;
}

#menu ul
{	
	list-style-type: none;
	
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
	
#menu p
{
	width: 70px;
	margin: auto;
}

#menu ul img
{
	border-style: none;
}

/* ===================== Mise en page du corps ===================*/

#corps
{
	min-height: 400px;
	
	margin-left: 160px;
	padding: 5px;
	
	background-color: #7F0024;
	
	border-left: 2px solid black;
}

#corps p
{
	
	text-align: center;
}


#historique
{	
	text-align: center;
}

/* ===================== Mise en page des news ===================*/

.news h3
{
	background-color: black;
	color: white;
	font-size: 0.9em;
	margin: 0px;
	margin-top: -15px;
	text-align: center;
}
.news p
{
	margin-top: -15px;
	margin-bottom: 25px;
}

.news h1
{
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.news
{
	width: 100%;
	margin: auto;
	margin-bottom: 120px;
}

/* ===================== Mise en page du calendrier ===================*/

a.event   {   
  font-size:11px;  
  color:#800025;     
  text-decoration:none;     
  font-weight:bold;   
}   
a.event:hover   {  
  font-size:11px;   
  color:#800025;     
  text-decoration:underline;     
  font-weight:bold;   
} 
      
table.cal {
color: black;
border: thin solid #800025;
border-collapse: collapse;
width: 100%;
}
th.cal {
font-family: monospace;
border: thin solid #800025;
padding: 5px;
background-color: #800025;
width: 14%;
color:#FFFFFF;
}
td.cal {
font-family: sans-serif;
border: thin solid #800025;
padding: 5px;
text-align: center;
background-color: #ffffff;
height: 100px;
}
caption.cal {
font-family: sans-serif;
}


/* ===================== Mise en page du Pied de page ===================*/

#pied_de_page
{
	background-color: #7F0024;
	padding: 5px;
	
	border-top: 2px solid black;
}

#pied_de_page p
{
	text-align: center;
}