body
{

   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: #ffffff; 
   background-image: url("images/fond.gif");  
   background-attachment: fixed;
}

a /* liens corps */
{
   color: #008000;
   text-decoration: none;
   background-color: none;
   margin-left: 0px;
   font-size: 0.9em;
}

a:hover /* Quand on pointe sur un lien*/
{
   background-color: #none;
   color: #80ff80;
   font-size: 0.9em;
}

a:active /* Quand on clique sur un lien*/
{
   background-color: #80ff80;
   color: #ffffff;
   font-size: 0.9em;
}

a:visited /* lien visite */
{
   background-color: #none;
   color: #ff0080;
   font-size: 0.9em;
}

p
{
   font-family: "Lucida sans unicode";
   color:  #000000;
   text-indent: 30px; 
   font-size: 0.9em;
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-family: "Lucida sans unicode";
   font-weight: bold; /* En gras */
   font-size: 1em; /* Ecrit légèrement plus gros que la normale */
}

h3 
{    
   color: #000000;
   font-family: "Lucida sans unicode", Times, serif;
   text-align: left;
   font-size: 2em;
}

h4 
{    
   color: #008000;
   font-family: "Lucida sans unicode", Times, serif;
   text-align: left;
   font-size: 1.5em;
}

ul /* Toutes les listes à puces */
{
   list-style-position: inside;
   list-style-type: circle;
   padding: 0px; 
   padding-left: 5px; 
   margin: 0px; 
   margin-bottom: 5px; 
   
}

.gauche
{
  text-align:left;
}

.centre
{
  text-align:center;
}

.droite
{
  text-align:right;
}

.laisse
{
   color: #80ff80;
   background-color: #009F50;
   font-style: italic;
}  

.souligne
{
   text-decoration: underline;
}

.ti
{
   color: #000000;
   background-color: #none;
   font-weight: bold;
}  

#menu
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 204px;
   height: 593px;
   background-image: url("images/accueil.jpg");
   background-repeat: repeat-y;  
}

.accueil
{
   position: absolute;
   left: 50px;
   top: 5px;
   width: 100px;
   height: 220px;
}

.nb 
{
   text-decoration: underline;
}

.note
{
   font-size: 0.9em;
}
.cap
{
   font-variant: small-caps;
   font-style: normal;   
   font-size: 1.3em;
}

.sommaire
{
   position: absolute;
   left: 5px;
   top: 163px;
   width: 200px;
   height: 300px;
   overflow: auto;
}

.bord_h /*bord haut sommaire*/
{
   position: absolute;
   left: 5px;
   top: 159px;
   margin-left: 0px;
   margin-bottom: 0px;
   width: 200px;
   height: 4px;
   background-image: url("images/bord.gif");
   background-repeat: repeat-x;
    }
	
.bord_b /*bord bas sommaire*/
{
   position: absolute;
   left: 5px;
   top: 443px;
   margin-left: 0px;
   margin-bottom: 0px;
   width: 200px;
   height: 4px;
   background-image: url("images/bord.gif");
   background-repeat: repeat-x;
    }

.pied
{
   position: absolute;
   left: 5px;
   top: 453px;
   width: 200px;
   height: 120px;
}

#corps
{
   position: absolute;
   left: 220px;
   top: 10px;
   overflow: auto;
   padding: 15px; 
   padding-top: 1px;
   text-align: justify;
   color:  #000000;
}

.rubrique
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 148px;
   height: 270px;
   background-image: url("images/rubrique.jpg");
   background-repeat: no-repeat;
}

.article
{
   position: absolute;
   left: 0px;
   top: 0px;
   width: 200px;
   height: 131px;
   background-image: url("images/article.jpg");
   background-repeat: no-repeat;
}

#theme
{
   position: absolute;
   left: 20px;
   top: 280px;
   width: 148px;
   height: 200px;

}

.grostitre
{
   position: absolute;
   left: 150px;
   top: 10px;
   width: 800px;
}

.titre
{
   position: absolute;
   left: 200px;
   top: 10px;
   width: 700px;
}

.texte
{
   position: relative;
   left: 150px;
   top: 200px;
   width: 900px;

   overflow: auto;
   padding: 15px; 
   padding-top: 1px;
   text-align: justify;
   color:  #000000;
}

td /* Les cellules normales */
{
   font-family: Times, "Times New Roman", serif;
   text-align: left; 
   vertical-align: top;
   padding: 5px; 
}