a.infogrille {
   position: relative;
   color: black;
   text-decoration: none;
}


a.infogrille span {
   display: none; /* on masque l'infobulle */
}
a.infogrille:hover {
   background: none; /* correction d'un bug IE */
   z-index: 5; /* on definit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par defaut en curseur d'aide */
}

a.infogrille:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriete white-space pour qu'il n'y ait pas de retour a la ligne non-desire */
   top: 20%; /* on positionne notre infobulle */
   left: 0%;
   background: yellow;
   color: green;
   border: 1px solid green;
   border-left: 1px solid green;
   font-weight:bolder;
   padding:1%;
}

a.infogrille img {
   width:10%;
//   position:relative;
}

a.infogrille img:hover {
    background-color: yellow;
    color: white;
    width:12%;
   position: relative;
   top:0%;
   left:0%;
}

a.infoarchive {
   position: relative;
   color: black;
   text-decoration: none;
}


a.infoarchive span {
   display: none; /* on masque l'infobulle */
}
a.infoarchive:hover {
   background: none; /* correction d'un bug IE */
   z-index: 5; /* on definit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par defaut en curseur d'aide */
}

a.infoarchive:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriete white-space pour qu'il n'y ait pas de retour a la ligne non-desire */
   top: 20%; /* on positionne notre infobulle */
   left: 0%;
   background: yellow;
   color: green;
   border: 1px solid green;
   border-left: 1px solid green;
   font-weight:bolder;
   padding:1%;
}

a.infoarchive img {
   width:10%;
   position:relative;
   top:50%;
   left:0%;
}

a.infoarchive img:hover {
    background-color: yellow;
    color: white;
    width:6%;
   position: relative;
   top:12%;
   left:0%;
}

.couches td, h3 {
        font-size:x-large;
        font-weight:bold;
}

#cars {
        font-size:large;
        font-weight:bold;
        width:20%;
}

.img11 {
    background-color: white; 
    color: black; 
    border: 2px solid #555555;
}

.img11:hover {
    color: white;
    border: 1px solid black;
}

#Lcontrainte { 
   border: 4px #666 solid;
   width: 90%;
   background: yellow;
}

#Contraintes option {
       font-size:large;
       font-weight:bold;
   background: yellow;
}
#Contraintes img {
   width: 10%;
}


#Options select {
        font-size:large;
        font-weight:bold;
}

.Titreliste th {
        font-size:xx-large;
        font-weight:bold;
}

#Titrestep {
        font-size:xx-large;
        font-weight:bold;
}

#Lili td th {// Grilles
        font-size:xx-large;
        font-weight:bold;
}

#Lulu td th {// Etapes
        font-size:xx-large;
        font-weight:bold;
}

#Lxlx td th {// Archives
        font-size:xx-large;
        font-weight:bold;
}