body {
    background-color: #1e1e1e;
    background-image: url("/images/brushed-metal.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
    text-indent: 0em;
}

h2 {
    font-size: 30px;
    margin-top: 0px;

}

div#header {
    background-color: #1e1e1e;
    background-image: url("/images/brushed-metal.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;

    font-size: 30px;
    text-align : center;
    text-shadow : 5px 5px 8px #444; 
    background-color: fff;
    padding: 1px;
}

div#login {
    background-color: #1e1e1e;
    background-image: url("/images/brushed-metal.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;

    text-align : right; 
    clear: both;
    height: 50px;
    background-image: url("/images/brushed-metal.jpg");
    padding: 0px;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


div#entete {
    text-align : center; 
    clear: both;
    height: 50px;
    background-color: fff;
    padding: 1px;
}

div#menu_d {
    float: left;
    width: 200px;
    background-color: #252525;
    padding-bottom: 0px;
-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}


div#right {
    float: right;
    width: 150px;
    background-color: green;
}

div#contenu {
  
    padding: 0px 30px 5px 70px;
    margin: 0px;
    margin-left: 210px;
    background-color: silver;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

}
div#footer {
    background-color: #1e1e1e;
    background-image: url("/images/brushed-metal.jpg");
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;

    text-align : center; 
    clear: both;
    padding: 15px;
    background-color: fff;
}

div#li {
	margin: auto;
	padding: 0px 0px 0px 0px;

}

li {
    background-color: #EEE;
    list-style-type: square;
    margin-left: 1em;
    padding-left: 1em;
    text-indent: 0em;
    font-size: 12px;

}

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #EEE;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #C0C0C0; /* Définition des bordures */
}              
a.info_bulle
{				
  color           : #000; /* Couleur de notre lien */
  font-size       : 12px;   /* Taille de la police */
  
  text-decoration : none;    /* Aucun soulignement du texte */
  
  padding         : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  /*background      : transparent url('/images/info.gif') no-repeat right ;*/
  /*width          :  5px;*/
  /*height         :  5px;*/

}              
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  220px;
    height     :  auto;
    overflow   :  visible;
}