body
{
   width: 1024px;
   height: 768px
   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-image: url("bkg/index.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
  
}



/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 160px; /* Très important : donner une taille au menu */
}


/* Le corps de la page */


#corps
{
   margin-left: 100px; /* 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 */
   
   
   }



ul
{
  list-style: disc url(design/puce.gif);
  margin-left: 20px;
  text-align : left;
  padding:0;
}

img.lien		{border="0"}


a:link                  {color: #0050A0; text-decoration: none; font-size: 12pt; FONT-WEIGHT: bold;}
a:visited               {color: #0050A0; text-decoration: none; font-size: 12pt; FONT-WEIGHT: bold;}
a:hover                 {color: #00A050; font-size: 12pt; FONT-WEIGHT: bold;}



a.menu:link             {color: #FFFFFF; text-decoration: none; font-size: 11pt}
a.menu:visited          {color: #FFFFFF; text-decoration: none; font-size: 11pt}
a.menu:hover            {color: #FFD629; text-decoration: none; font-size: 12pt}


a.link:link             {color: #000000; text-decoration: none; font-size: 8pt}
a.link:visited          {color: #000000; text-decoration: none; font-size: 8pt}
a.link:hover            {color: #002050; text-decoration: none; font-size: 8pt}



a.story:link             {color: #00008B; text-decoration: none; font-size: 12pt; FONT-WEIGHT: bold;}
a.story:visited          {color: #483D8B; text-decoration: none; font-size: 12pt; FONT-WEIGHT: bold;}
a.story:hover            {color: #B22222; text-decoration: none; font-size: 12pt; FONT-WEIGHT: bold;}


a.rien:link             {color: #000000; text-decoration: none; font-size: 11pt}
a.rien:visited          {color: #000000; text-decoration: none; font-size: 11pt}
a.rien:hover            {color: #000000; text-decoration: none; font-size: 11pt}

a.histoire:link         {color: #FF0000; text-decoration: none; font-size: 11pt}
a.histoire:visited	{color: #000000; text-decoration: none; font-size: 11pt}
a.histoire:hover	 {color: #000000; text-decoration: none; font-size: 11pt}



.texte 
{FONT-SIZE: 10px; COLOR: black; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.menu2 {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; BORDER: #FF0000 2px dotted; }