body
{
background-image: url(gif/fondjaunebis.png);
background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, verticalement */
   width: 920px;
   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 */ 
}

#banniere
{
width: 900px;
   height: 100px;
   background-image: url("documentsjpg/banniere2.png");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}
a img /*toutes les images contenues dans un lien*/
{
border: 0; /*pas de bordure*/
}

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

.menu
{
   width: 265px; /* Très important : donner une taille au menu */
   background: url(png/hautorange.png) top left no-repeat;
   padding-top: 20px; 
   
}

.menu_2
{   
   width: 265px; /* Très important : donner une taille au menu */
   background: url(png/basorange.png) bottom left no-repeat;
   padding-bottom: 20px; 
   margin-bottom: 10px;
   
}

.menu_1
{
   width: 265px; /* Très important : donner une taille au menu */
   background: url(png/petithautorange.png) top left no-repeat;
   padding-top: 20px;  
  
   }
.note
{
list-style-image: url("puces/puce_note.png");
margin-left: 20px;
}

ul
{

padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-family:"Comic Sans MS",Arial,Georgia,serif;
   color: black;
}

h3, h1
{
text-align:center;
color:red;
font-family:"Comic Sans MS",Arial,Georgia,serif;
}

h2, h4
{
text-align:center;
color:black;
font-family:"Comic Sans MS",Arial,Georgia,serif;
}

p
{
color: black;
text-align:justify;
font-family:"Comic Sans MS",Arial,Georgia,serif;
text-indent:30px;
}
#martha
{
text-align:center;
font-family:"Comic Sans MS",Arial,Georgia,serif;
}

.auteur
{
color: black;
font-family:"Comic Sans MS",Arial,Georgia,serif;
font-size :0.8em;
text-align:right;
}

#corpshaut
{
margin-left: 270px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
background: url(png/hautbleu.png) top left no-repeat;
margin-top: 5px;  
}

#corpsbas
{
margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
background: url(png/petitbasbleu.png) bottom left no-repeat;   
padding: 20px;  
}

#pied_de_page
{
   margin-left: 270px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top: 35px;
   text-align: center;
}

#choeur
{
float: left;
margin-bottom: 5px;
}
#dessert
{
float:right;
margin-right: 70px;
padding-top: 60px;
}
#gilles
{
float:right;
margin-right:70px;
margin-left:10px;
margin-top:40px;
margin-bottom:10px;
}
.pat
{
margin-top:40px;

}
#patrice
{
float: left;
margin-top:5px;
margin-bottom:5px;
}

#presentation
{
margin-bottom: 5px;
}

.choriste
{
text-align: center;
line-height:50px;
font-size: 20px;
font-family: "Comic Sans MS",Arial,Georgia,serif;
}

table
{
text-align: center;
font-size: 16px;
font-family: "Comic Sans MS",Arial,Georgia,serif;
background-color: rgb(255, 204, 102);
border-collapse: collapse;
margin: 0 auto; /* Centre le tableau */
border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
}
td, th
{
border: 1px solid black;
}
th
{
background-color: #ffae66;  
font-size: 1.1em;
}
.centrer
{
text-align:center;
}
.right
{
text-align:right;
}
.barres
{
overflow: auto;
}