body 
{
background-color:#FFF;
color:#000;
font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
font-size:1.2em;
}

.withe {color:#777;}

/* titres
 **********************/
p {padding-left:24px;}
h1 

{
color: #000;
font-weight:bold;
text-transform:uppercase;
word-spacing:0.2em;
}

h2 

{
color:#666;
text-transform:uppercase;
padding-left:12px;
}

h3

{
color:#000;
margin-left:30px;

}

p.intro

{
padding-left: 8em;
padding-right: 8em;
padding-top: 2em;
padding-bottom: 2em;
}

p.footer

{
margin-top: 3em;
font-size: x-small;
text-align: center;
}

/* liens 
 **********************/

a, a:active 

{
color: #ff37ff;
text-decoration:none;
}

a.button, a:active.button 

{
color:#444;
}

a:hover

{
color:#000;
background-color:#F0F;
}

a:hover.button

{
/*
background:#F0F; color:#FFF; 
*/

color:#000;
background-color:#C8C8C8;

}

p.actions

{
font-size: x-small;
margin-top: 0.1em;
}

p.actions a

{
text-decoration: underline;
color: #aaa
}

div.playlist

{
display: none;
margin-top: 1em;
margin-bottom: 1em;
}

/* listes
 *********************/


ul 
{
  list-style-type: none;
  margin:0 auto;
}

li 
{
padding:1px;
}

ol 
{
list-style-type: none;
/*margin-left:50px;*/
}


/* Soundmanager
 *********************/


a:hover.playing, a:hover.playable, a:hover.paused 
{
background-color:#000 !important;
color:#FFF !important;
}

a.playing, a.playable,  a.paused 

{
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  padding:2px;
  display:inline-block;
  padding-right:5px;
  text-indent:25px;
}
 a.playing {
   color:#000;
   background:#ff37ff  url(../pics/pause.png) no-repeat  2px 5px !important;
}

a.paused {
   background-color:#666 !important;
   color:#FFF;   
   background: url(../pics/pause.png) no-repeat  2px 5px;
   }

a.playable {
  background: url(../pics/play.png) no-repeat  2px 5px;
}