/* style general
-------------------------------------------- */
html, body {
  height:100%;
}

body {
    background:#333;
    color:#fff;
    font:76% tahoma, arial, sans-serif;
    text-align:center;
	padding:0;
}

h1, h2 {
    margin:0;
}

/* =global
---------------------------------------------*/
#global {
  min-height:100%;
  position:relative;
  text-align:left;
}

/* =header
-------------------------------------------- */
#header {
	overflow:hidden;
}

/* =bandeau_haut
---------------------------------------------*/
#bandeau_haut {
	width:770px;
	margin:0 auto;
}

#menu ul {
    list-style:none;
    margin:0;
}
#menu li {
    display:inline;
}

/* =footer
 * ------------------------------------------*/
#footer {
  position:absolute;
  bottom:0;
  text-align:right;
  width:100%;
}

#footer div {
	position:relative;
  	width:770px;
	margin:5px auto;
}


/* =center
--------------------------------------------*/
#center {
	position:relative;
	padding:25px 0 50px 0;
	overflow:hidden;
}

/* =contenu
--------------------------------------------*/
#contenu {
	width:770px;
	margin:0 auto;
}


a:link, a:visited {
    color:#fff;
}

#releases {
  width:30em;
  margin:0 auto;
}

#releases dt {
  margin-top:1em;
}

#releases dd {
  margin:0.5em 0 0 1em;
}

#releases ul {
  list-style:none;
  overflow:hidden;
  margin:0;
}

#releases li {
  float:left;
  clear:left;
}

.button-load a, .button-load a:link, .button-load a:visited,
.button-toggle, .button-toggle:visited, .button-toggle:link {
  background:#df9;
  color:#333;
  padding:.1em .2em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration:none;
}

.button-toggle, .button-toggle:visited, .button-toggle:link {
  background:#f90;
}

.selected .button-load {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}

#link-cannibal {
  padding:5px 15px 5px 5px;
  background:#f90 url(img/nav-arrow.png) no-repeat scroll right 50%;
  color:#fff;
}

p {
    line-height:2em;
	text-align:center;
	margin:2em 0;
}

form {
    margin:0;
    padding:0;
}

.track-info, #last-insert {
    margin:0;
    list-style:none;
}

/* voir si cause pb accessibilité ou pas ? */
object:focus{
    outline: none;
}
object:hover {
    cursor:pointer;
}

#player-cont {
  height:30px;
  width:350px;
  margin:0 auto;
}

.track-list li {
  cursor:pointer;
  margin:.3em 0 .2em 0;
}

.track-list li.selected {
  background:#df9;
}
.track-list li.selected a {
  color:#333;
}

.expand {
    font-weight:bold;
    text-decoration:none;
    font-size:1.1em;
}