body
{
   width: 850px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background: url("http://img15.hostingpics.net/pics/655431fondsiteweb.png") no-repeat fixed bottom left;
   background-color:#000000;
}

#en_tete
{
   width: 850px;
   height: 150px;
   background-image: url("http://img11.hostingpics.net/pics/273306bannire2.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}


.navigation ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
.navigation li {
 float:left; /*pour IE*/
 }
.navigation ul li a {
 display:block;
 float:left;   
 width:80px;
 line-height:25px; /*hauteur de l'image de fond*/
 background:white url("http://img11.hostingpics.net/pics/119389menufond.png") repeat-x;
 color:#000000;
 text-decoration:none;
 text-align:center;
 }
.navigation ul li a:hover {
 background:white url("http://img11.hostingpics.net/pics/912651menusurvol.png") repeat-x;
 color:#515454;
 }  


a:link {
		color: #436A42;
}

a:visited {
		color: #436A42;
}
	
a:hover {
		background-color:#A3CB95;
}
	


#corps
{
   margin-top: 35px; /* 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 */
   color: #000000;
   background-color:#ffffff; /* Une couleur de fond pour le corps */
   border: 1px solid; 
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: left;
   font-family: Arial, "Sans Bold";
}

#corps h2 /* Tous les titres h2 du corps */
{
   background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
  padding: 2px 10px 2px 5px; 
  margin-left: 10px; 
  border-left: 5px solid #43b09d;
  border-bottom: 2px dotted #43b09d;
  font-size:24px;
  color:#43b09d;
}

#corps h3
{
    text-decoration: underline;
   	font-weight: bold;
	font-size: 15px;
	color: #11C022;
}

#pied_de_page
{
   padding: 5px;
   clear: both;
   text-align: center;
   font-size: 12px;
   color: #000000;
   background-color: #ffffff;
   border: 1px solid;
}


/* ENCADRES */
#encadre2 {
  border: 1px solid red;
  margin-left: 70px;
  background-color: #FAE7E9; 
  padding: 10px;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  width: 80%;
  text-align: center;
  color:#D42E34;
}
#encadre_aide_mail {
  border: 1px solid blue;
  background-color: #70C48C; 
  padding: 10px;
  font-size: 12px;
  font-family: arial;
  font-weight: bold;
  width: 45%;
  color: #2D8E26;
}

 /*-----------TABLEAU TYPE CALENDRIER-------------------------------------------------*/
#table-separateur {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff;
  background-color : #ffffff;
}

/* Style du titre du tableau */
#table-titre {
   font-size : 13px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff;
  text-align : center;
  font-weight : bold;
  background-color : #0185B5;
}

/* Style des en-têtes du tableau */
#table-entete {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #56B9DE;
}

/* Style des en-têtes du tableau (centré) */
#table-entete-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
   text-align : center;
  background-color : #B8DFED;
}

/* Style des en-têtes du tableau (droite) */
#table-entete-droit {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
  text-align : right;
  background-color : #B8DFED;
}

/* Style 1 des cellules */
.table-ligne1 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #B8DFED;
}

/* Style 2 des cellules */
.table-ligne2 {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #F2FBFE;
}

/* Style 1 des cellules (centré) */
#table-ligne1-centre {
  font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #B8DFED;
}

/* Style 2 des cellules (centré) */
#table-ligne2-centre {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : center;
  background-color : #F2FBFE;
}

/* Style 1 des cellules (droite) */
#table-ligne1-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #B8DFED;
}

/* Style 2 des cellules (droite) */
#table-ligne2-droit {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  text-align : right;
  background-color : #F2FBFE;
}
#maclasse
{
text-align: right;
}