/* CSS Document */

body
{
   background-image: url("../images/degrade.png");
   background-repeat: repeat-x; /* Le fond ne se repetera que sur la premiere ligne, horizontalement */
   background-color: black; /* Le fond de la page sera noir */
   color: #CCCCCC; /* Le texte de la page sera en gris clair */

}

/* ########### L'en-tete ########### */

#en_tete
{
   width: 1024px;
   height: 110px;
   margin-bottom: 10px;
}

/* ########### Le menu ########### */

#menu
{
   float: left; /* Le menu flottera a gauche */
   width: 160px; /* Tres important : donner une taille au menu */
   margin-top: 20px; /* Pour eviter que le header ne soit trop colle au menu */
   font-size: 12px; /* Police de 12 pixels */

}

.element_menu
{
   border: 1px solid #360002;
   background-image: url("images/petitdegrade.png");
   background-repeat: repeat-x;

   
   margin-bottom: 10px; /* Pour eviter que les elements du menu ne soient trop colles */
}

.element_menu h4 /* Tous les titres de menus */
{    
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
}

/* ########### Quelques effets sur les menus ########### */


.element_menu ul
{
   font-family: Arial, Helvetica, sans-serif;
   list-style-image: url("http://www.music4pro.com/images/puce1.png");
   padding: 0px;
   padding-left: 20px;
   margin: 5px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #CCCCCC;
}

.element_menu a:hover /* Survol des titres du menu */
{    
   text-align: center;
   color: #CC0000;
}

/* ########### Le corps de la page ########### */

#corps
{
   font-size: 14px; /* Police de 14 pixels */
   font-family: Arial, Helvetica, sans-serif;
   list-style-image: url("http://www.music4pro.com/images/puce1.png");
   margin-left: 170px; /* Une marge a gauche pour pousser le corps, afin qu il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c est pour eviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour eviter que le texte a l interieur du corps ne colle trop a la bordure */
   margin-top: 20px; /* Pour eviter que le header ne soit trop colle au corps */
   
   border: 1px solid #360002; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

a
{
   color: #990000;
}

a:hover /* Survol des liens du corps */
{    
   text-align: center;
   color: #CC0000;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #CCCCCC;
   font-size: 24px; /* Police de 24 pixels */
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   color: #CCCCCC;
   font-size: 18px; /* Police de 18 pixels */
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}

#corps h3 /* Tous les titres h3 du corps */
{
   color: #CC0000;
   font-size: 16px; /* Police de 16 pixels */
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
}

#news h5, h6
{
   text-align:center;
}

h6
{
   background-color:#360002;
   color:#CCCCCC;
   font-size:0.9em;
   margin-bottom:0px;
}

.news p
{
   /*background-color:#CCCCCC; */
   margin-top:0px;
}

.news
{
   width:90%;
   margin:auto;
}

/* ########### Le pied de page (qui se trouve tout en bas, en general pour les copyrights) ########### */

#pied_de_page
{
   padding: 10px;
   clear: both;

   text-align: center;

   color: #CCCCCC;
   
   border: 1px solid #360002;
}