body
{
   width: 95%;
   margin: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   background-image: url("Images/Fond_InfoDisc.gif");
}

   /*background-image: url("Images/Hit_Bkgrnd.gif"); */
/* width: 975px; */

/* L'en-tête */

#en_tete
{
   width: 100%;
   height: 100px;
   background-image: url("Images/banner.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;

}

/* background-image: url("Images/banniere.jpeg");*/

#Photo
{
   width: 100%;
   height: auto;
}


#mise_avant
{
   width: 100%;
   height: 111px;
   margin-top: 30px;
   background-color: #FFEBCD;
   margin-bottom: 10px;
}

/* Les Liens

a
{
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}



/* Le menu */

#menu
{
   float: left;
   width: 140px;
   margin-left: 5px;
   margin-top: 10px;

}

.element_menu
{
   background-color: #626262;
   background-repeat: repeat-x;

   border: 2px solid black;

   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


.element_menu2
{
   background-color: #aaaaaa;
   background-repeat: repeat-x;

   border: 2px solid black;

   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu2 h3
{
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu2 ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu2 a
{
   color: #000000;
}

.element_menu2 a:hover
{
   background-color: #e9e9e9;
   color: #000000;
}

/* Le menu dans le Corps de la Page*/

#menuC
{
   margin-left: 75px;
   margin-top: 10px;

}

.E_menuC
{
   background-color: #99cc99;
   border: 2px solid black;
   margin-bottom: 10px;
}


/* Quelques effets sur les menus */


.E_menuC h3
{
   color: #006600;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
}

.E_menuC ul
{
   padding: 7px;
   padding-left: 20px;
   margin: 10px;
   margin-bottom: 5px;
   text-align: left;
}

.E_menuC a
{
   line-height: 15px;
   color: #006600;
   font-size: 12px;
}

.E_menuC a:hover
{
   background-color: #99cc99;
   color: black;
}

/* Le menu des Chansons */

#menuS
{
   float: left;
   width: 185px;
   margin-top: 20px;

}

.element_menuS
{
   background-color: #6d2620;
   background-repeat: repeat-x;

   border: 2px solid black;

   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menuS h3
{
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menuS ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menuS a
{
   color: #B3B3B3;
}

.element_menuS a:hover
{
   background-color: #B3B3B3;
   color: black;
}




/* Le corps de la page */

#corps
{
   margin-left: 155px;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 5px;

   color: #B3B3B3;
   background-color: #6d2620;

   border: 2px solid black;
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: x-large;
}

#corps h2
{
   height: 30px;

   padding-left: 30px;
   color: #B3B3B3;
   text-align: center;
   font-style: italic;
   font-size: 17px;
   text-decoration: underline;
}

#corps h3
{
   height: 30px;

   padding-left: 30px;
   color: #B3B3B3;
   text-align: center;
   font-style: italic;
   font-size: 16px;
   text-decoration: underline;
}

#corps a
{
   height: 30px;

   padding-left: 30px;
   color: #B3B3B3;
   text-align: center;
   font-style: italic;
   font-size: 14px;
}

#corps a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}

#songA
{
   margin-left: 190px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}



#song
{
   margin-left: 155px;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}

#songB
{
   margin-left: 15px;
   margin-top: 10px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}


#song h1
{
   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: x-large;
}

#song h2
{

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-style: italic;
   font-size: x-large;
   text-decoration: underline;
}

#song h4
{

   padding-left: 30px;
   color: #000000;
   text-align: left;
   font-style: italic;
   font-size: 15px;
   text-decoration: underline;
}

#song h3
{

   padding-left: 30px;
   color: #483d8b;
   text-align: left;
   font-style: italic;
   font-size: 16px;
   text-decoration: underline;
}

#song h5
{
   height: 17px;

   padding-left: 30px;
   color: #000000;
   text-align: left;
   font-style: italic;
   font-size: 10px;
   text-decoration: underline;
}


#songB h3
{

   padding-left: 30px;
   color: #483d8b;
   text-align: left;
   font-style: italic;
   font-size: 16px;
   text-decoration: underline;
}

#songB p
{

   padding-left: 60px;
   color: #000000;
   text-align: left;
   font-size: 15px;
}


#song p
{

   padding-left: 60px;
   color: #000000;
   text-align: left;
   font-size: 15px;
}

#song h6
{

   padding-left: 60px;
   color: #000000;
   text-align: center;
   font-size: 15px;
}



/* Les Liens

a
{
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}


/* Liste à Puces

.circle
(
   list-style-position: outside
   list-style-type: circle;
      text-align: center;
      color: #483d8b;
)
.square
(
   list-style-position: outside
   list-style-type: square;
)
.carre
(
   list-style-position: outside
   list-style-type: circle;
      text-align: center;
      color: #483d8b;
)

/* les Images

.imageflottante
{
   margin-left: 170px;
   margin-top: 30px;
   margin-bottom: 20px;
   padding: 5px;
   float: left;
}


#label h2
{

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-style: italic;
   font-size: x-large;
   text-decoration: underline;
}



#songC
{
   margin-left: 160px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}

#songC h1
{
   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: x-large;
}

#songC h2
{
   height: 30px;

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-style: italic;
   font-size: x-large;
   text-decoration: underline;
}

#songC h3
{
   height: 17px;

   padding-left: 30px;
   color: #483d8b;
   text-align: left;
   font-style: italic;
   font-size: 16px;
   text-decoration: underline;
}

#songC p
{
   height: 40px;

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-size: 17px;
}

#songA
{
   margin-left: 200px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}


/* Les Liens

#songC a
{
   text-align: center;
   text-decoration: none; /* Les liens ne seront plus soulignés */
   font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
}

#songC a:hover /* Quand le visiteur pointe sur le lien */
{
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}




/* Liste à Puces

.circle
(
   list-style-position: outside
   list-style-type: circle;
      text-align: center;
)
.square
(
   list-style-position: outside
   list-style-type: square;
)



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

#pied_de_page
{
   margin-left: 160px;
   margin-top: 15px;
   padding: 5px;

   text-align: center;

   color: #B3B3B3;

}

/* Les Tableaux

#song caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


#song table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#song th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 0.7em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#song td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#Normal
{
   margin-left: 160px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}

#Normal h2
{

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-style: italic;
   font-size: x-large;
   text-decoration: underline;
}

#Normal h4
{
   height: 30px;

   padding-left: 30px;
   color: #000000;
   text-align: left;
   font-style: italic;
   font-size: 16px;
   text-decoration: underline;
}

#Normal caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.1em;
   color: #f2ff41;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


#Normal table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#Normal th /* Les cellules d'en-tête */
{
   background-color: #f2ff4;
   color: white;
   font-size: 0.7em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#Normal td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

#Normal Style1 
{
 color: #CC00FF;
}




#Normal10
{
   margin-left: 170px;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;

   color: #000000;

   border: 2px solid maroon;
}

#Normal10 table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#Normal10 caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #f2ff41;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#Normal10 th /* Les cellules d'en-tête */
{
   background-color: #f2000;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#Normal10 td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#Normal10 h2
{

   padding-left: 30px;
   color: #000000;
   text-align: center;
   font-style: italic;
   font-size: x-large;
   text-decoration: underline;
}


#label caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #009900;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}


#label table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset green; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

#label th /* Les cellules d'en-tête */
{
   background-color: #006600;
   color: white;
   font-size: 0.7em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

#label td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}