body{
  margin: 0;
  background-color: #333333;
}
/* debut de l'entête */     
header{
background: #EEEEEE url("../images/entetehelenkeller.jpg") center top no-repeat;
color: white;
  height: 200px;    
}
    


/*******************
LE LOGO #logo
******************* */
#logo h1{
	margin: 0;
}
#logo h1 a,
#logo h1 a:link,
#logo h1 a:visited,
#logo h1 a:active,
#logo h1 a:hover{
	color: grey;
	text-decoration : none;
	font-family: calibri, arial, sans-serif;
	letter-spacing: 10px;
	font-size: 42px;
}
#logo h1 a span{
	color: white;
	letter-spacing: 10px;
	font-size: 52px;
}


/* *************************** 
Les effets d hover sur logo
**************************** */
#logo h1 a:hover span{
	color: #cccccc;
}
/* fin de l'entête */