body
{
   margin: 0;
   padding: 0;
   background-image: url("images/fond.gif"); /* Image de fond */
   background-attachment: fixed; /* Image de fond fixe à l'écran */
}

#en_tete /* L'en-tête */
{
   width: 900px; /* Largeur de l'en-tête */ 
   height: 175px; /* Hauteur de l'en-tête */
   position: relative;
   background-image: url("images/fondessai3.gif"); /* Image de l'en-tête */
   background-repeat:no-repeat;
   background-position:left; /* image de l'en-tête à gauche */
   margin-bottom: 10px;
   border-bottom: 2px solid red;
}
#conteneur 
{
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#menugauche
{
	position:absolute;
	left:0;
	width:170px;
}
#menudroite
{
	position:absolute;
	right:0;
	width:150px;
}
	
#menugauche img /* Pour toutes les images des menugauche */
{
	border:none; /* pas de bordure pour les images */
}

#menugauche h3 /* Pour toutes les images des menugauche */
{
	color: #333;
   text-align: center;
   font-family: Georgia, Arial;
}

#menudroite img /* Pour toutes les images des menudroite */
{
	border:none; /* pas de bordure pour les images */
}

#menudroite h3 /* Pour toutes les images des menudroite */
{
	color: #333;
   text-align: center;
   font-family: Georgia, Arial;
}

#menudroite p /* Pour tous les paragraphes des menudroite */
{
	color: #333;
   text-align: center;
   font-family: Georgia, Arial;
}

.element_menu 
{
   background-color:;  /*Couleur de fond */
   border: red 1px solid; /* bordure des menus */
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */  
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
   font-family: Georgia, Arial;
   color: #333;
}
.news 
{
   background-color:;  /*Couleur de fond */
   border: silver 1px solid; /* bordure des menus */
   margin-top: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */  
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
   font-family: Georgia, Arial;
   padding-left: 5px;
   padding-right: 5px;
}
	
.ul /* A propos des listes non ordonnées */
{
	list-style-type:circle; /* des disques pour puces de liste */
}

.ol /* A propos des listes ordonnées */
{
	list-style-type:upper-alpha; /* numerotation alphanumérique */
}
	
#corps /* Le corps de la page */
{
   	margin-left: 175px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   	margin-right: 155px; /* Une marge à droite 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 */
   	margin-top: 20px;
   	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */  
   	color: #333;  
   	border-left: 2px solid red; /* Une bordure rouge à gauche pour faire joli */
   	border-right: 2px solid red; /* Une bordure rouge à droite pour faire joli */
	font-family: Georgia, Arial; /* police d'ecriture pour les textes dans le corps */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: red;
   font-size:40px;
   text-align: center;
   margin-top: 0px;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;   
   padding-left: 5px;
   color: #333;
   font-size:17px;
   text-align: center;
}
#corps h3 /* Tous les titres h3 du corps */
{
   color: #333;
   font-size:15px;
   text-decoration: none;
   text-align: left;
   
}
#corps h4 /* Tous les titres h4 du corps en général les titres des news */
{
   color: #369;
   font-size:15px;
   text-decoration: underline;
   text-align: center;
}
#corps h5 /* Tous les titres h5 du corps */
{
   color: red;
   font-size:17px;
   text-align: center;
}
#corps p /* Tous les pagraphes du corps */
{
   color: #333;
   font-size:15px;
}

#corps img /* Toutes les images du corps */
{
	border:none; /* Pas de bordure autour des images */
}
#page_suivante /* Class="page_suivante" pour la numérotation en bas de page  */
{
	text-align: center;
	padding-bottom: 10px;	
}
#reponse /* Class ="réponse" */
{
	font-style: italic;
}
a:hover /* apparence du lien lorsqu'on pointe dessus */
{
	color: red; /* le texte deviens rouge */
	text-decoration: underline; /* il est souligné au passage de la souris */
	background-color: none; /* pas de couleur de fond */
	font-family: Georgia, Arial;
}
a /* apparence du lien */
{
	color: #333; /* la couleur du lien est gris */
	font-size:15px;
	text-decoration: none;
	font-family: Georgia, Arial;
}
	
table, td, th  /*Style pour le tableau ET les cellules */
{
	border: none; /* pas de bordure de tableau */
	margin:auto; /* le tableau est positionné au centre du corps */
}

th /* Style pour les cellules titres du tableau */
{
	background-color:none; /* Pas de couleur de fond */ 
}

.tableau /* Style pour les tableaux */
{
	border-style: none; /* pas de bordure du tableau */
	margin:auto; /* le tableau est positionné au centre du corps */
	background-color:none; /* Pas de couleur de fond */
	text-align: center; /* textes au centre des cases du tableau */
	font-family: Georgia, Arial;
	color: #333;
}

.case_vide /* pas de fond pour les cases vides des tableaux */
{
	background: none;
	border: none;
}

.logo_l /* class logo pour positionner un logo flottant à gauche */
{
	float: left;
}
.logo_r /* class logo pour positionner un logo flottant à droite */
{
	float: right;
}

/* code pour que lors du passage de la souris l'image apparait en plus grand */
.zoom /* class zoom pour les images - Apparement ne fonctionnen pas sur IE7 */
{
text-align:center; /* alignement des images au centre */
}
.zoom img /* tailles de l'image au repos */
{
width:150px; /* largeur de l'image dans la class zoom */
height:100x; /* hauteur de l'image dans la class zoom */
}
.zoom img:hover /* tailles de l'image lorsque l'on pointe dessus */
{
width:340px; /* largeur de l'image lorsque l'on pointe dessus */
height:250px; /* hauteur de l'image lorsque l'on pointe dessus */
}

.date
{
	text-align:center;
	color: #333;
	font-size:14px;
	font-family: Georgia, Arial;
}

/* code pour faire apparaitre une image sur un mot repéré viewpic */
a.viewpic {
  position:relative;
  border-bottom:1px dashed #808080; 
  text-decoration: none; 
}
a:hover.viewpic {
  text-decoration: none; 
  background: none;
}
a.viewpic span {display: none;}
a:hover.viewpic span {
  display: inline; 
  position: absolute;  
  top: -30px; 
  left: -100px; 
  z-index: 20; 
  width:100%; 
  padding:2px 4px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied_de_page
{
   padding-top: 5px;
   padding-bottom: 5px;	
   width:900px; /* Largeur du pied de page idem en-tête */  
   border-top: 2px solid red;
	color: #333;
	font-size:10px;
	font-family: Georgia, Arial;
}

#pied_de_page a /* pour les liens dans le pied de page */
{
	color: #333;
	font-size:10px;
	font-family: Georgia, Arial;
}

#pied_de_page table /* pas de bordure dans le tableau dans le pied de page */
{
	border:none;
}
/*********************************************/