.textemenu        { font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.menu             { color: #000000; text-decoration: none }
.menu:hover       { color: #FF0000 }
.menu:active      { color: #F00000 }
.menulive         { color: #000000; text-decoration: none }
.menulive:hover   { color: #FF0000 }
.menulive:active  { color: #FFCC00 }
.menumail         { color: #CCCCCC; text-decoration: none }
.menumail:hover   { color: #FF0000 }
.textemenupetit   { font-family: Arial, Helvetica, sans-serif; font-size: 2 }
.menupetit        { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: underline }
.menupetit:hover  { color: #FF0000 }
.menupetit:active { color: #FFCC00 }
.menudead         { color: #000000; text-decoration: none }
.menudead:hover   { color: #000000 }
.menudead:active  { color: #000000 }
.textepetit       { font-family: Arial, Helvetica, sans-serif; font-size: 8px }

div.parents{
width:500px;
height:325;
padding:15px;
border:solid 1px grey
}

a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px black;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 0em;
left: 2em;
width:10em;
border:1px solid #000;
background: #FFFFFF;
font-size: 14px;
text-align: left;
color: black;
padding: 2px;
}

a.info2 {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px black;
}
a.info2 span {
display: none;
}
a.info2:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info2:hover span {
display: inline;
position: absolute;
top: 0em;
left: 2em;
width:30em;
border:1px solid #000;
background: #FFFFC0;
font-size: 14px;
text-align: justify;
/* font-weight:none; */
color: black;
padding: 2px;
}