section, article, header, footer, nav, aside, hgroup {display : block ;} /* pour les éléments
                                                                HTML5 */

nav ul
{
  text-align : center ;
  list-style-type : none ;
  background : -webkit-linear-gradient( top, #EEEEEE , #010101 ); /* dégradé linéaire du fond
                                                                    ajouter -webkit- pour Chrome,
																	-moz- pour Mozilla, etc. */
  /* padding : 20px ;  /* épaisseur de la nav */
  padding-top : 20px ;  /* épaisseur, au dessus */
}

nav ul#menu li
{
  display : inline ;
  background-color : #505050 ;
  margin-right : 5px ; 
  border-radius : 5px 5px 0 0 ; /* coins arrondis */
  box-shadow : 3px -3px 3px black ;  /* ombre */
}

nav ul#menu li a
{
  text-decoration : none ;
  color : #E0E0E0 ;
  font-family: Verdana,Helvetica,sans-serif ;
  text-align : center ;
  padding : 35px ;
}

/* on particularise le lien lorsqu'il est survolé */
nav ul#menu li a:hover,  ul#menu li.current-page a 
                   /* ul#menu li.current-page a : utile si l'on a créé véritablement
				   les pages lien1.html... et qu'on a mis le bandeau sur chacune, bandeau
				   avec précision : <li class=current-page> au niveau du <li> courant*/
{
  color:yellow;
  text-decoration:none ;
}

/* on particularise le bouton lorsqu'il est survolé */
ul#menu li:hover
{
  background-color : #2A2A2A ;
}