body
{
   width: 780px; /* Attention !!!!!!!!!!!!!!!!!!!!!!!!!!!! Si c'est trop grand, remettre à 760 px !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -( Bon ça va t'exite pas... )- */ /*780px*/
   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("images/background.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */ 
   background-color: #d5d5d5;
   /*background-repeat: repeat-x;*/
}

#menu
{
   margin-top: 50px;
   float: right; /* Le menu flottera à gauche */
   width: 175px; /* Très important : donner une taille au menu */ /*Attention -> 120px dans LSDZ */   
}

.element_menu
{
   background-image: url("images/background_menu.png");
   border: solid #ffffff px; /* Mettre un nombre devant px pour run */
   margin-bottom: 0px; /* 0 car <br /> dans le html file*/   
   opacity: .9;
   filter: alpha(opacity=90);
}

.element_menu h3
{
   font-family: "Myriad Pro", Arial, "Comic sans MS", serif;
   text-align: center;
   margin-top: 1px;
   color: #a6c1fc;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 42px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #606060; /* Mettre le # pour que ça run */
   font-family: "Myriad Pro", Arial, "Comic Sans MS", serif;
   text-decoration: none;
}

.element_menu a:hover
{
   color: black;
   background-image: url("images/hover.png");
}

.pub
{
   margin-bottom: 0px; /* 0 car <br /> dans le html file*/   
   margin-left: 25px;
}

.petit
{
   width: 100px;
   font-size: 0.85em;
}   

#corps
{
   margin-right: 210px;  /* Menu (175px) + espace pour que ce ne soit pas collé (35px) = 210 px */
   margin-top: 20px;
   margin-bottom: 20px;
   padding-bottom: 5px; /* Texte pas trop collé */
   padding-top: 20px; 
   padding-left: 10px;
   padding-right: 25px;
   background-image: url("images/background_body.png");
   background-repeat: no-repeat;
   color: #5c5c5c;
   font-family: "Lucida Sans", Arial, "Comic sans MS", serif;
   text-align: left;
   font-weight: bold;
}

#corps h1

{
   font-family: "Myriad Pro", "Lucida Sans", Arial, "Comic sans MS", serif;
   text-align: center;
   color: #a6c1fc;
}

#corps h2
{
   font-family: "Lucida Sans", Arial, "Comic sans MS", serif;
   padding-left: 10px;
   margin-left: 0px;
   color: #333333/*#7d3edc*/;
   background-image: url("images/background_h2.png");
   background-repeat: no-repeat;
}

#corps ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
}

#corps a
{
   color: black; /* Mettre le # pour que ça run */
   font-family: "Lucida Sans", Arial, "Comic sans MS", serif;
   text-decoration: none;
}

#corps a:hover
{
   color: black;
   background-image: url("images/hover2.png");
}

#pied_de_page
{
   margin-right: 210px;  /* Menu (175px) + espace pour que ce ne soit pas collé (35px) = 210 px */
   margin-top: 20px;
   margin-bottom: 20px;
   padding-top: 1px;
   background-image: url("images/background_pdp.png");
   background-repeat: no-repeat;
   color: #000000;
   font-family: "Lucida Sans", Arial, "Comic sans MS", serif;
   font-size: 0.7em;
   text-align: center;
}  
   
.pdp
{
   margin-top: 10px;
}

img
{
   border: none;
}

.underline
{
   text-decoration: underline;
   font-variant: small-caps;
}

table
{
   border: black solid 1p;
   font-size: 0.9em;
   margin-top: 20px;
}

td
{
   padding: 2px;
   padding-right: 15px;
   margin-right: 5px;
   background-image: url("images/separation2.png");
   background-repeat: no-repeat;

}

/* ------------------------------------------------------------------------------ */

.important
{
   text-decoration: underline;
   font-weight: bold;

}

.tablup
{
   color: #6f33cc;
   background-image: url("images/separation2.png");
   background-repeat: no-repeat;
   padding-bottom: 6px;
}

.tabledir
{
   margin: auto;
   margin-top: 30px;
   margin-bottom: 30px;
}

.nobackground
{
   background-image: none; 
}

.tabledir a:hover
{
   background-image: url("images/hover.png");     
}