body
{
   width: 950px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;   
   background-color: #ffffff; 
   background-image: url("images/fond.gif");  
   background-repeat: no-repeat;
}

a /* liens corps */
{
   color: #5959ff;
   text-decoration: none;
   font-size: 1em;
}

a:hover /* Quand on pointe sur un lien*/
{
   color: #006400;
   font-size: 1em;
}

p
{
   color:  #2c1c14;
   font-size: 1.1em;
   text-indent: 30px; 
}

p:first-letter /* La première lettre de chaque paragraphe */
{
   font-family: "Times New Roman";
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   font-style: italic;
}

.centre
{
   text-align: center;
}

.droite
{
   text-align: right;
}

.titre
{
   font-size: 2.5em;
   font-style: normal;
   text-align: center;
   font-variant: small-caps;
}
   
.dessous 
{
   clear: both;
}

.laisse
{
   color: #ffffff;
   background-color: #5959ff;
   font-style: italic;
}  

.perso
{
   font-variant: small-caps;
   font-style: normal;   
}

.petit
{
   font-style: italic;   
   font-size: 0.7em;
}

.note
{
   font-variant: small-caps;
   font-style: normal;   
   font-size: 0.8em;
   color: #ffffff;
   background-color: #5959ff;
}

table 
{
   margin: auto; /* Centre le tableau */
   width: 560px;
   border: dotted 2px #5959ff; /* Bordure du tableau avec effet 3D (outset) */
}

caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   border: dotted 2px #5959ff;
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #5959ff;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

th 
{
   width: 243px;
   background-color: #FF1493;
   color: #ffffff;
   font-family: Times, "Times New Roman", serif;
   text-align: left; 
   vertical-align: top;
   padding: 5px; 
}

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

h4 /* Tous les titres */
{    
   color: #2c1c14;
   font-family: "Times New Roman", Times, serif;
   text-align: center;
   font-style: italic;
   font-size: 1.3em;
   padding-left: 15px;
}

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

.carnet
{
   position: absolute;
   left: 470px;
   top: 20px;
   width: 291px;
   height: 546px;
   background-image: url("images/carnet.jpg");
   background-repeat: no-repeat;
}

#intro
{
   position: absolute;
   left: 200px;
   top: 0px;
   width: 240px;
   overflow: auto;
   background-color: #ffffff; 
}

#lettres
{
   position: relative;
   left: 600px;
   top: 0px;
   width: 35px;
   height: 546px;
   background-image: url("images/fondlettres.gif");  
   background-repeat: repeat-y;
   text-align:center;
   font-weight: bold;
   font-size: 1.1em;   
   overflow: auto;
   background-color: #ffffff; 
}

#couleurs
{
   position: absolute;
   left: 800px;
   top: 50px;
   font-size: 2em;   
   width: 36px;
   overflow: auto;
   background-color: #ffffff; 
}

#repere
{
   position: absolute;
   left: 130px;
   top: 50px;
   font-size: 1.4em;   
   width: 100px;
   overflow: auto;
   background-image: url("images/fondcahier.gif");  
}

#corps
{
   position: absolute;
   left: 250px;
   top: 50px;
   width: 980px;
   height: 730px;
   font-size: 1.2em;   
   overflow: auto;
   background-image: url("images/fondcahier.gif");  
}

#trad
{
   position: absolute;
   left: 130px;
   top: 280px;
   font-size: 0.8em;   
   width: 115px;
   height: 370px;
   overflow: auto;
}

#chat
{
   position: absolute;
   left: 6px;
   top: 360px;
   font-size: 0.8em;   
   width: 200px;
   height: 300px;
   overflow: no;
}

#tobe
{
   position: absolute;
   left: 10px;
   top: 350px;
   width: 322px;
   height: 500px;
   font-size: 0.8em;   
   overflow: auto;
}

#etre
{
   position: absolute;
   left: 343px;
   top: 350px;
   width: 358px;
   height: 500px;
   font-size: 0.8em;   
   overflow: auto;
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "Times New Roman", Times, serif;
   background-image: url("../images/rose.gif"); 
   background-repeat: no-repeat;
   padding-left: 20px;
   font-style: italic;
   font-weight: bold;
}