body
{
   padding: 10px; /* On ajoute un padding pour que les cadres ne collent pas sur les bords */
   margin: auto; /* Pour centrer notre page */
   margin-bottom: 20px;
   margin-top: 20 px;
   background-color: #F1E9E9;
   font-family: Arial, Verdana, serif;
}

/* ----------------BANNIERE--------------- */
#banniere1
{
   float: left; /* La première partie sera à gauche*/
   width:354px; /* On définit la largeur de l'image */
   height: 166px; /* On définit la hauteur de l'image */
   background-image: url("Images/Banniere1.png");
   background-repeat: no-repeat;
   margin: 0px;
   margin-right: -10px; /*Pour que la partie 1 se colle à la 2.*/
}

#banniere2
{
   width: auto; /* Se répétera sur la place qu'on lui donne. */
   height: 166px;
   background-image: url("Images/Banniere2.png");
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
   margin: 0px;
}

#banniere3
{
   float: right; /* La dernière partie est à droite */
   width: 38px;
   height: 166px;
   background-image: url("Images/Banniere3.png");
   background-repeat: no-repeat;
   margin: 0px;
   margin-left : -5px; 
}

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

#MenuPublique
{
   background-image: url("Images/MenuPublique.png");
   background-repeat: no-repeat;
   margin: 0px;
   height: 219;
   padding-left: 5px;
}

#MenuPrive
{
   background-image: url("Images/MenuPrive.png");
   background-repeat: no-repeat;
   margin: 0px;
   padding: 5px; 
   padding-top: 50px;
   height: 229px;
}

#MenuPublique ul, #Menuprive ul
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
   margin-bottom: 5px;
}

#MenuPublique a, #Menuprive a, a
{
   font-weight: bold;
   color: #cb6a00;
}

#MenuPublique a:hover, #Menuprive a:hover
{
   background-color: #B3B3B3;
   color: black;
}

a em
{
   text-decoration: line-through;
   font-style: normal;
}


input
{
   width: 110px;
}

/* ----------------CORPS--------------- */
#Corps
{
   background-image: url("Images/FondCorps.png");
   background-repeat: repeat-x;
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border-right: 5px solid #CB1313;
}

/* ----------------PIEDS--------------- */
#Pied2
{
   float: right; 
   width: 39px; 
   height: 59px; 
   background-image: url("Images/Pied2.png");
   background-repeat: no-repeat;
   margin: 0px;
   margin-left : -5px; /*Pour que la partie 3 se colle à la 2.*/
}

#Pied1
{
   width:auto; /* Se répétera sur la place qu'on lui donne. */
   height: 59px;
   background-image: url("Images/Pied1.png");
   background-repeat: repeat; /* Un repeat-x aurait suffit, mais comme on définit la hauteur c'est pas la peine*/
   margin: 0px;
}