html {

}

body {
font-family: Arial;
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}

/*
#tout {
overflow: hidden;
}
*/
div {
position: absolute;
}

#fond {
width: 95%;
height: 80%;
z-index: 0;
color: #f0f9f3;
font-size: 18em;
float: none;
text-align: left;
font-weight: bolder;

line-height: 0.5em;

}

#laliste {
width: 160px;
font-weight: normal;
font-size: 0.6em;
list-style-type: none;
list-style-image: none;
text-align: left;
}

.plencours {
border: 2px;
border-color: #96beef;
}

.comment {
font-family: Arial;
font-size: 0.7em;
color: #c0c0c0;
margin-top: 21px;
width: 100px;
padding-left: 3px;

}


.comment:hover {
font-size: 0.8em;
border: 1px solid lightgrey;
background-color: #f0f0f0;
cursor: move;
-moz-opacity: 1.0;   
opacity: 1.0;
z-index: 1000;

font-weight: bold;
}

#playl:hover {
cursor: default;
}

.bongo {
font-size: 0.7em;
color: #c0c0c0;
}


div.player {
width: 100px;
text-align: center;
}

.youpi {
background-color: #f0fdf3;
}



a {
text-decoration: none;
font-family: Arial;
font-size: 0.8em;
color: #c0c0c0;
}