body {background: #9ab; color: black; margin: 0; padding: 0;}

 #entete {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
        height : 75px;
  border-bottom : medium solid ; 
  text-align : right;
  font-size : 80%;
      }


/*
Menu en position fixed mais d'abord defini en absolu car IE,
peu scrupuleux des standards et normes, ne sait pas gerer correctement le positionnement fixed  
*/
      #menu {
        background: #aaa;
        position: absolute;
        float : left;
        width: 18%;
        height: auto;
        right: auto;
        left: 0;
        border-style: /*dashed;*/ outset;
        border-width: medium;  
        margin : 6px;
  top : 75px;
      }
      html>body #menu {
      position: fixed;
      }

      #corps {
        position: relative;
        width: 80%;
        height: auto;
        left : 20%;
        right: 0;
        top : 75px;
  
      }

      #pied {
        position: relative;
        margin-top : 75px;
  border-top : solid;
        width: 100%;
        right :0;
        bottom: 0;
        left: 0;
      }



#menu div {margin-bottom: 1em}
#menu a   {text-decoration: none;display: block;}
#menu a:link {color : black  }
#menu a:visited { color : gray; }
#menu a:hover, a:active {background: #ccc; color: red;}

#menu h1  { background-color: #7FA7CD;  color: #111; text-align : center; border-bottom : 1px solid  ;margin : 0;padding : 0;}
#menu h2  { color: #111; text-align : left; margin : 0;padding : 0;border : 0;}

#menu ul,
#menu ul li,
#menu ul li ul li
{       margin : 0;
	list-style-type: none;
        position : relative;
}




/*
     Encore une astuce pour contourner les pbs de IE 
     ce navigateur ne cachera pas du tout les sous menus 
     car il se saurait pas les reafficher via le li:hover ...
*/
/*
#menu ul > li   ul  li{ 
  display : none;
 }


#menu ul li:hover  ul li{ 
  position : relative;
  display: block;
}

*/

/*
#menu ul li:hover  
  {background: #ccc}
*/