#starsmanuel  {position: absolute; top:0%; width:130%; z-index:2; opacity:2}
    #Diagramme {position:absolute; top:18%; width:90%; z-index:2; opacity:2} 
    #Message {position:relative; width:160%; z-index:2; opacity:2}
    .couches {position: absolute; top:105%; width:100%; left:0%; z-index:0; opacity:0}       

    
#starsmanuel a.info {
   color: black;
   text-decoration: none;
}

#starsmanuel a.info img {
    background-color: white; 
    color: black; 
    border: 2px solid #555555;
    width:4%;
}

#starsmanuel a.info img:hover {
    background-color: yellow;
    color: white;
    width:6%;
}


input.check1 {
    width:30px;
    height:30px;
}

#Diagramme td, h3, th {
        height:75px;
        font-size:xx-large;
        font-weight:bold;
}

#Diagramme a.infodiag {
   color: black;
   text-decoration: none;
}
 
#Diagramme table {
    border-collapse: collapse;
    width:100%;
}

#Aide { 
   z-index:0; 
   opacity:0;   
}

.img {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 1px 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 1px 1px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    width:6%;
}

#Aide a.info img {
    width:5%;
}

a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 5; 
   cursor: help; /* on change le curseur par defaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   white-space: nowrap; /* on change la valeur de la propriete white-space pour qu'il n'y ait pas de retour la ligne non-desire */
   background: yellow;
   color: green;
   border: 1px solid green;
   border-left: 1px solid green;
   font-weight:bolder;
   padding:1%;
   position: absolute;
   top:0%;
   left:0%;
   height:5px;
}