<!--

 body   { 

        font-family: Arial, Helvetica, Geneva, sans-serif;  } 



/*liens jaunes qui passent à l'orange  */

a {	font-size:19px;
	color: #000;
	text-decoration:none; }


a:hover {	color:#FF6600;
		text-decoration:underline; }


/*tableau contenant les petites images des clips*/

.picto {	left: 0px;
		top: 510px;
		width: 100%;
		height: 150px;  }


/*logo atohm en haut de page*/


.logo {	left:0px;
		top:0px;
		width: 100%;
		height: 100%; }


/*liste mp3 à puce*/


.liste-puce {	left: 0px;
			top: 190px;
			width:100%;
			height: 100%;
			font-size: 22px ;
			color: #fff; 	}



.tableau  { 
		 position: relative;
        	 top: 2px;	
		 left: 2px;
		 width: 100%;
		 height: 100%;
		 color: #000;
		 padding: 6px;
             background-color: #ffffff; 
 		 text-align:justify;  }


.paraf  { font-size; 24px; }



.td100 { 
		float: left;
		margin: 4px; 
		padding:4px;
		width:100%;
		text-align: justify;  }


.td525 {
                float: left;
		margin: 4px; 
		padding:4px;
                width:100%;
	        font-size: 24px;  
		text-align: justify;    }


.td575 {        float: left;
		margin: 4px; 
		padding:4px;
                text-align: justify;
	        font-size: 24px; }


.v-room {	float: left;
		margin: 4px; 
		padding:4px;
                text-align: justify;  }



.droits {	text-align:left;
		font-size: 22px;
		color: #FF6600; }