#navlist
{
padding: 3px 0;
margin-left: 8px;
border-bottom: 1px solid #778;
font: bold 12px comic sans ms, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a

#current
{
background: white;
/* border-bottom: 1px solid white; */
}

html, body 
{
  background: white;
  margin:0;
  padding:0;
  height:100%; /* 100 % en hauteur */
}

html>body #wrap {height:100%;} /* 100 % en hauteur */

#header 
{
   width:100%;
   height:10.5em;
   background-color: lightblue;	
   font: 12px comic sans ms,sans serif
}

html>body #header 
{
  position:fixed;
  z-index:10; /* empêche certains problèmes avec les élements de formulaire */
}

html>body #content-wrap {height:100%;} /* 100 % en hauteur */

html>body #content {padding:7em 1em;} /* 6em = hauteur de #header et #footer + 1em, 1em = donne au contenu un peu d'espace par rapport aux bords */

#footer 
{
   width:100%;
   height:1.5em;
}

html>body #footer 
{
  position:fixed;
  bottom:0;
  background-color: lightblue;	 
  z-index:10; /* empêche certains problèmes avec les élements de formulaire */
}