html {
	background-color: rgb(0,0,0);
	height: 100%;
	margin: 0;
	}

#header {
	position: absolute;

	}
#header img {
	display: flex;
	width: 70%;
	margin: auto;
	}
#menu /* Ensemble du menu */
	{
	box-align: center;
	font-weight : bold; /* on met le texte en gras */
	font-size: 1.3vw;
	font-family: "Times New Roman",Verdana ; 
	padding :0; /* pas de marge int�rieure */
	margin : 0; /* ni ext�rieure */
	list-style : none; /* on supprime le style par d�faut de la liste */
	line-height: 2em;
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	}
	
	/* Menu d�roulant */ 
	
#menu ul /* Liste */     
	{
	padding : 0; /* pas de marge int�rieure */
	margin : 0; /* ni ext�rieure */
	list-style : none; /* on supprime le style par d�faut de la liste */
	line-height : 1em; /* on d�finit une hauteur pour chaque �l�ment */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	} 
	
#menu li /* �l�ments des listes */      
	{ 
	display: inline-block; /* pour IE qui ne reconna�t pas "transparent" */
		  
	}
	
	
		 
#menu a /* Contenu des listes */
	{
	box-align : center;
	display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge int�rieure */
	background: #00204C; /* couleur de fond */
	color : #ffffff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
	/*width : 90%; /* largeur */
	width: 8em;
	border-right : 1px solid #ffffff; /* on met une bordure blanche � droite de chaque �l�ment */
	}
	
	
	
#menu li ul /* Sous-listes */
	{ 
	position: absolute; /* Position absolue */
	width: 144px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
		  
				   
	}
	
#menu li ul li /* El�ments de sous-listes */
	{
/* pour ie qui ne reconna�t pas "transparent" (comme pr�c�demment) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous-liste */
		  
	}
table {  
	margin: auto; /* Centre le tableau */
	margin-top: 5px; 
	   }
#corps {
	box-align: middle;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding: 0px;
	background-color: #000000;
	color: #ffffff;
	min-height: 580px;
	font-family: "Times New Roman",Verdana;
	font-size: 16px  ; 
	 }
			 
#corps img {
	width: 15em;   
	border: 0px none;
	}
#corps h1 {
          margin-top: 15px;
	  font-size: 20px;
         } 	
#footer {
	padding: 0%;
	clear: both;
	text-align: center;
	color: #fff;
	position: absolute; bottom: 0;
	width:100%;
	background: #00204C;
		
   }
		   
		   
#footer img {
	padding: 0px 0 0 15px;
	margin: 0;
	} 

#sponsor {
	box-align: middle;
	margin-top: 2px;
	margin-left: 5px;
	padding: 0px;
	background-color: #000000;
	color: #ffffff;
	font-family: "Times New Roman",Verdana;
	font-size: 16px  ; 
	 }
#sponsor img {
	width: 6em;
	border: 0px none;
	}
#sponsor a {
	color: #fff;
	font-family: "Times New Roman",Verdana;
	font-size: 16px  ; 
	 }
#playlist {
	box-align: middle;
	margin-top: 2px;
	margin-left: 5px;
	padding: 0px;
	background-color: #000000;
	color: #ffffff;
	font-family: "Times New Roman",Verdana;
	font-size: 16px  ; 
	 }
#playlist img {
	width: 8em;
	border: 1px none;
	}
#playlist a {
	color: #fff;
	font-family: "Times New Roman",Verdana;
	font-size: 16px  ; 
	 }