html, body, ul {
			padding: 0;
			margin: 0;
			}


		body {
			background-color: black;
			text-align: center;
			color: white;
			font-family: 'Special Elite', cursive;
			font-size:100%;
			}


		p {
			font-size: 1.2em;
			}


		h2{
			color:#000;
			background-color:#fff;
			padding:5px;
			width:auto;
			display:inline;
		}
		a {
			text-decoration: none;
			color: grey;
		}
		.enter {
			margin-top: 3.5%;
			width: auto;
			height: auto;
			margin-left: 450px;
			/* margin-right: 5px */
			}

		.header {
			background-color: black;
			margin-top: 1.5%;
        		width: 36%;
			margin-left: auto;
			margin-right: auto;
			}

		.menu {
			color: black;
			float: left;
   			text-align: left;
   			margin-left: 5%;
         	margin-top: 3%;
         	width: 15%;
        	line-height: 4em;
			}

		.menu li{
			font-size:28px;
		}
		.menu li a{
			color:#fff;
		}
		.menu li a:hover{
			color:#ccc;
		}
		.menu li a.active{
			color:#000;
			background-color:#fff;
			padding:8px;
		}
		.content {

			text-align: left;
			float: right;
			width: 70%;
			margin-right: 9%;
			margin-top: 3%
			}

			.past {
				margin-top: 6%;
				}

a img{
	order:0
}


#disque{
	width:100%;
 	margin-bottom: 20px;
	clear:both;   /* AJOUT DE DAMS */
}

#image {
    float: left;
    width: 240px;
    }

#texte {
    float: center;
    width: float;
   }

ul{
	list-style: inside;
	margin-top:15px;
}
/* pour le mur d'images*/
.item { width: 25%; margin-bottom:5px }
.item img{width:100%;}
.item_lyrics { width: 33,33%; margin-bottom:5px }
.item_lyrics.w2 { width: 66,66%; }

/* pour le player de son */
ol.player{
padding: 0px;
margin: 0px;
margin-top:5px;
list-style: decimal inside;
}
ol.player li a{
	text-indent: -3.3ex;
	padding: 0px 0px 0px 0px;
	color:#fff;
}
ol.player li.playing a{
	color:grey;
}
.audiojs {
	margin-left:-15px;
	margin-top:15px;
	width: 460px;
	height: 36px;
	background: #000;
	overflow: hidden;
	font-family: 'Special Elite', cursive;
	font-size: 14px;
}