body
{
    color: #00adcc ;
    background-color: #000 ;
    margin: 10px ;
    font: 0.8em arial, helvecia, sans-serif ;
}

#conteneur
{
    float: left ;
    display: inline ;
    margin: 1px ;
    text-align: left ;
    border: 1px solid #00adcc ;
}

#header
{

}

h3
{
    text-align: right ;
}

#contenu
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 1.4em ;
}

#titre
{
    font: bold 1.5em arial, helvecia, sans-serif ;
}

#contenu h3
{
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #00adcc ;
	border-left: 3px solid #00adcc ;
	color: #00adcc ;
}

ul
{
    margin: 0 ;
    padding: 0 ;
}

li {
    margin: 2px 2px ;
    padding: 2px 5px ;
    text-align: left ;
    border: 1px solid #00adcc ;
    list-style-type: none ;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

.box {
    margin: 2px 2px ;
    padding: 2px 5px ;
    border: 1px solid #00adcc ;
    list-style-type: none ;
}

li#player
{
    margin: 2px 2px ;
    padding: 6px 4px 2px 7px ;
    border: 1px solid #00adcc ;
    list-style-type: none ;
}

a,a:link,a:active,a:visited
{
  text-decoration:none;
  color:#96c4cc;
}

a:hover
{
  text-decoration:underline;
  color:#0093ad;
}