<style>

html, 
body 
{ 
text-align: center;
vertical-align:middle;
} 


#conteneur 

{
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 800px;
     margin-top: -400px;
     margin-left: -400px;
     
}


/*liens gris qui passent au noir  */

A 

{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size:16px;
	color: #777;
	text-decoration:none; 
}


A:hover 

{
	color:#000000;
	text-decoration:none;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size:16px;
}


/*tableau contenant les petites images des clips*/


.picto

{
	position:absolute;
	left: 10px;
	top: 510px;
	width: 500px;
	height: 150px;
}


/*logo atohm en haut de page*/


.logo
{
	position:absolute;
	left:2px;
	top:12px;
}


/*liste mp3 puce*/


.liste-puce
{
	position:absolute;
	left: 0px;
	top: 180px;
	width: 350px ;
	height: 240px;
        line-height: 25px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 16px ;
}




/* titre mp3*/

.free-mp3
{
	position:absolute;
	left: 16px;
	top: 140px;
        font-size : 18px;
}




/*photo de scritch*/

.photo-cs

{
	position:absolute;
	left: 648px;
	top: 240px;
        box-shadow: 8px 8px 10px #888;
	width: 138px;
	height: 144px;
}




/*texte de présentation de l'artiste*/

.texte-cs

{

	position:absolute;
	left: 218px;
	top: 222px;
	width: 410px;
	height: 268px; 
	font-size : 16px; 
	font-family :  Arial, Helvetica, Geneva, sans-serif; 
        color: #999999;
	text-align:justify;
}


.led
{
	position:absolute;
	left: 690px;
	top: 640px;
}



.courrier
{
	position:absolute;
	left: 18px;
	top: 770px;
}



/*bas de la page*/

.pied-page

{
	position:absolute;
	left: 2px;
	top: 766px;
}

</style>