body
{
 margin  : 0;
 padding : 0;
 background-color:#FFFFCC;
 font-size : 12pt;
}

h1 { font-size : 125%; margin-top : 0 ; margin-bottom : 1em; }
h2 { font-size : 120%; margin-top : 0 ; margin-bottom : 0.5em}
h3 { font-size : 115%; margin-top : 0 ; margin-bottom : 0.4em }
h4 { font-size : 110%; margin-top : 0 ; margin-bottom : 0.3em }
h5 { font-size : 105%; margin-top : 0 ; margin-bottom : 0.2em }
h6 { font-size : 100%; margin-top : 0 ; margin-bottom : 0 }

#entete
{
 height      : 200px;
 padding     : 1em;
}

#entete h1
{
 text-align : center;
 font-size  : 200%;
 font-style : italic;
 margin     : 5em;
 padding    : 1em;
 margin-top : 0.5em;
 padding-top: 0.5em;
}

#menu
{
 position : absolute;
 top      : 200px;
 width    : 225px;
 left:1em;
 margin-left   : 0;
 margin-right  : 0;
 padding-left  : 0:
 padding-right : 0;
}

#content
{
 position : absolute;
 top      : 200px;
 left     : 250px;
 text-align : justify;
 font-size  : 105%;
 padding-right : 1em;
}

.box
{
  border-style : solid;
  border-width : 1px;
  border-color : black;
  margin       : 5px;

}

.box a
{ 
  display : block;
} 

.box a:hover
{
 color      : #FFFFCC;
 background : black;
}

.box h6
{
 border-bottom-style : solid;
 border-bottom-color : black;
 border-bottom-width : 1px;
 font-size           : 105%;
 font-style          : italic;
 color               : black; 
}

.important
{
 border-style : solid;
 border-color : red;
 border-width : 1px;
 color : red;
}