body
{
   background-image: url("Images/bandeau noir blanc vertical.jpg");
   background-repeat: repeat-x;
   background-attachment: fixed;
   background-position: bottom;
   width: 96%;
   margin-left: auto;
   margin-right: auto;
}

   /* En-tête de la page */

#en_tete
{
   width: 77.5%;
   height: 100px;
   background-color: black;
   text-align: center;
   margin-left: 21.5%;
   margin-right: 0%;
   margin-top: 0%;
   margin-bottom: 10px;
}

   /* Les menus */

#menu_site
{
   width: 20%; /* Très important : donner une taille au menu */
   float: left;
   text-align: center;
   background-color: white;
   background-image: url("Images/bandeau gris blanc vertical 200px.jpg");
   background-repeat: repeat-x;
   background-position: top;
   color: rgb(255,255,255);
   margin-bottom: 10px;
   padding: 2px;
   position: fixed;
   top: 0%;
   left:0%;
}

.visiteurs
{
text-align: center;
color: rgb(0,0,0)
}

#menu_troupe
{
   width: 19%; /* Très important : donner une taille au menu */
   float: right;
   background-color: white;
   background-image: url("Images/bandeau gris blanc vertical 350px.jpg");
   background-repeat: repeat-x;
   background-position: top;
   color: rgb(255,255,255);
   text-align: center;
   margin-bottom: 10px;
   padding: 2px;
}

#menu_pieces
{
   clear: both;
   width: 19%;
   float: right;
   background-color: white;
   background-image: url("Images/bandeau gris blanc vertical 350px.jpg");
   background-repeat: repeat-x;
   background-position: top;
   color: rgb(255,255,255);
   text-align: center;
   margin-bottom: 10px;
   padding: 2px;
}

.titre_menu a
{
   font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif;
   color: rgb(128,16,16);
}

.titre_menu a:hover
{
   color: rgb(0,128,0);
   font-style: italic;
}

.liens_menu a
{
color: rgb(128,16,16);
}

.liens_menu a:hover
{
   color: rgb(0,128,0);
   font-style: italic;
}

.titre_menu a:visited
{
   font-style: italic;
}

.liens_menu a:visited
{
   font-style: italic;
   color: rgb(128,64,64);
}

.liens_menu a:visited:hover
{
   font-style: italic;
   color: rgb(0,128,0);
}

/* Corps de la page */

#corps, #corps_1, #corps_2, #corps_3, #corps_4, #corps_5, #corps_6, #corps_7, #corps_8, #livreor_saisie, #livreor_messages
{
   margin-left: 21.5%;
   margin-right: 1%;
   margin-bottom: 20px;
   margin-top: 10px;
   padding: 5px;
   background-image: url("images/bandeau gris gris horizontal 900px.jpg");
   background-repeat: repeat;
   background-color: rgb(150,150,150);
}

#livreor_messages p, #livreor_saisie p, #art_scenique_commentaire
{
text-align: center;
}

#formulaire_reservation
{
   margin-left: 10%;
   margin-right: 10%;
   margin-bottom: 1%;
   margin-top: 1%;
   padding: 5px;
   background-image: url("images/bandeau gris gris horizontal 900px.jpg");
   background-repeat: repeat;
   background-color: rgb(150,150,150);
}

/* Autres attributs */

.texte_corps
{
   font-size: 1em;
   font-family: "Times New Roman", Arial, "Comic Sans MS", Times, serif;
   text-align: justify;
   color: black;
}

.texte_centre
{
text-align: center;
}

h1
{
   color: rgb(160,16,16);
   text-align: center;
   font-size: 1.6em;
   font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif;
}

h2
{
   color: rgb(0,0,0);
   text-align: center;
   font-size: 1.3em;
   font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif;
}

.texte_clignotant
{
   text-decoration: blink;
}

.trait_horizontal
{
text-align: center;
}

a
{
   color: rgb(0,96,0);
   text-decoration: none;
}

a img
{
border: none;
}

a:hover
{
   color: rgb(0,128,0);
   font-style: italic;
}

a:visited
{
   font-style: italic;
}

/* Les tableaux */

table
{
margin: auto;
text-align: center;
font-family: "Times New Roman", Arial, "Comic Sans MS", Times, serif;
}

td
{
width: 30%;
vertical-align: top;
font-size: 1em;
}

th
{
color: rgb(96,0,0);
width: 30%;
font-size: 1.3em;
font-family: "Comic Sans MS", Arial, "Times New Roman", Times, serif;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
clear: both;
width: 100%;
height: 50px;
background-image: url("Images/bandeau_pied_de_page_50px.jpg");
background-repeat: repeat-x;
margin: auto;
margin-bottom: 10px;
padding: 5px;
text-align: center;
font-size: small;
color: white;
}

#pied_de_page a
{
   color: rgb(216,255,255);
}

#pied_de_page a:hover
{
   font-style: italic;
}

#pied_de_page a:visited
{
   color: rgb(216,255,255);
   font-style: normal;
}