@charset "utf-8";
/* CSS Document : styles généraux de la page */

body
{  width: 90% ; /* la page web occupe 90% de la largeur du navigateur */
margin-left: auto;
margin-right: auto;
background-color: #E1F0FF;
font-family: Arial, "Time New Roman" , Times , sans-serif;
}

#menu a
{
color: #004488;    /* Apparence des liens par défaut */
text-decoration: none;
}

#menu a:hover              /* Apparence des liens lorsque la souris pointe dessus */
{
text-decoration: underline;
}


 /*  Styles de en-tete */
#logo_piano

 {  
     width: 93px;
	 height: 100px;
	 position: absolute;
	 top: 10px;
	 left: 50px;
	 background: url(Cours_Piano/images/Logo.piano.jpg) no-repeat;
	 
}
	 
#en_tete
   { height: 124px;
     border: 2px dotted #F7E444;
	 background: url(Cours_Piano/images/banniere_piano.png) no-repeat bottom right #FFE1F0;
	 
	 }
	 
	h1
	{ 
	    text-indent: -50000px;
	} 
	 
	 
	 /* Les styles des menus */
	 
	 #menu
	 
	 { 
	     width: 20%;
		 float: left;
		
      }
	  
.sous_menu 	 
{ 
   margin-top: 20px;
   background-color: #FFAAAA ;  /* rose clair */ 
   color: #F7E444;  /* jaune clair */ 	  
   border: 2px dotted  #F7E444;
   
   }
   
   	
	.sous_menu h3
	
	{ 
	    color: #004080;  /* bleu aqua */
		text-align: center;
	}
	
	/* Les styles du corps */
	
	#corps
	
	 { 
	    margin-left: 22% ;
		margin-top: 20px;
		padding: 10px;
		
		border: 2px dotted  #F7E444;
		color: #003871 ;
		background-color: #FFEFE8 ;
		text-align: justify;
	}
	
	
	#corps h2
	
	 { 
	    text-align: center;
		 color: #B9005C;
	}
	
	
	
	/* Les styles du pied de page */
	
	#pied_de_page
	
	{
	   clear: left;
	   margin-top: 30px;
	   padding: 5px;
	   
	   background: url(Cours_Piano/images/pied_logo_piano.jpg)  no-repeat bottom 
	   right #DED97A ;
	   color: #E3AB57;
	   text-align: center;
	   border: 2px dotted #F7E444;
	   
	 }    
	 
	 
	 /* FIN */