body
{
	margin:0px;
	min-width:700px;
	background: url("img/mainBackground.gif");
}

a img
{
border: none;
}


	.flyerdroite
	{
	
					position:absolute;
		top:210px;
		left:825px;
	}



	#fonddroite
	{
		
		background-color: rgb(159,206,253);
		width: 160px;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		color: red;
		font-family:  "Arial Black", Arial, "Times New Roman", Times, serif;
	}
	#head
	{
		height:120px;
		width:auto;
		min-width:700px;
		background-color: rgb(159,206,253);
		margin: 0px;
		padding: 0px;

	}

		#titre
		{
			position:absolute;
			top:27px;
			right:150px;
			width: 507px;
			height: 73px;
			background: url(../img/titre.gif) 0 0 no-repeat;
		}

		#logo
		{
			position:absolute;
			
			top:10px;
			left:10px;
			width: 160px;
			height: 95px;
			background: url(../img/logo.gif) 0 0 no-repeat;
		}

		#drapeaubiere
		{
			position:absolute;
			top: 20px;
			right:50px;
			width: 60px;
			height: 70px;
			background: url(../img/drapeaubiere.gif) 0 0 no-repeat;	
		}
		
		#coin
		{
			position:absolute;
			top:120px;
			left:170px;
			width: 39px;
			height: 39px;
			background: url(../img/coin.gif) 0 0 no-repeat;
		}
	
		#coinblanc
		{
			position:absolute;
			top:421px;
			left:131px;
			
			width: 39px;
			height: 39px;
			background: url(../img/coinblanc.gif) 0 0 no-repeat;
		}
	
#menu
{
   float:left;
   
   width: 140px; /* Très important : donner une taille au menu */
   height:300px;
   margin-top:0px;
   margin-left:0px;
   padding-left: 30px;
   padding-top:40px;
   background-color: rgb(159,206,253);
 
}


#menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style: none;
 padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-family:  "Arial Black", Arial, "Times New Roman", Times, serif;
}
#menu li
{
	margin-bottom:20px;
}

#menu a /* Tous les liens se trouvant dans un menu */
{
   color: white;
   font-style: normal;
   font-family:  "Arial Black", Arial, "Times New Roman", Times, serif;
   text-decoration: none;
}

#menu a:hover /* Quand on pointe sur un lien du menu */
{
	font-family:  "Arial Black", Arial, "Times New Roman", Times, serif;
   color: black;
}

		.tableau_membres td
		
		{
			font-size: 1em;
			height: 100px;
			border-bottom: 2px solid black;
			text-align: center;
			padding-right: 30px;
			max-width: 60px;
			
		}
		
		.tableau_membres th
		{
			font-size: 1.1em;
			padding-bottom: 5px;
			border-bottom: 2px solid black;
			text-align: center;
			padding-right: 30px;
			
			
		}
		
		#imagemembre
		{
			width:110px;
		}
		
		.tableau_membres
		{
		   border-collapse: collapse;
		   font-family:  Georgia, Arial, "Times New Roman", Times, serif;
		}


.centre
{
   margin-top: 10px;
   margin-left: 220px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	font-family:  Georgia, Arial, "Times New Roman", Times, serif;
   
   /*border: 2px solid blue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

.centre h1,h2
	 {
	 color:rgb(0,0,128);
	}
	 




.centre p
{
	font-size: 1em;
	font-family:  Georgia, Arial, "Times New Roman", Times, serif;
	margin-right:40px;
}

.centre a
{
	text-decoration: none;
}

.centre a:hover
{
	 text-decoration: underline;
}


/* Pour écrire des commentaires*/

#foot
{
   
	padding-bottom:10px;
   text-align: center;
   font-family:  Georgia, Arial, "Times New Roman", Times, serif;

   
}
#foot a /* Tous les liens se trouvant dans foot */
{
   color: black;
   font-style: normal;
   text-decoration: none;
}