html{
 background: #dbdbdb;
}

body {
 font:	12px/1.2 Verdana, Arial, Helvetica, sans-serif;
 background: #dbdbdb;
 padding:0px;
 margin:0px;
 text-align:center;
}

img {
 margin: 5px;
 border: 0px;
}

div.content {
  margin-right:5em;
  margin-left:5em;
  margin-bottom:5em;
 background: #fff;
 border:1px solid black;
  text-align:justify;
  min-height: 20em;
}

div.titre {
  margin-top: 1em;
  margin-left: -1em;
  margin-bottom: 1.8em;
  margin-right: -1em;

 background: #b9cfe5;
 border: 2px solid #000;
 padding: 0.1em;
  padding-left: 0.5em;
  font-size: 2em;
	color: #335577;
}

div.menu {

 position: absolute;
 top: 18em;
 left: 3em;
 width: 10em;
 background: #b9cfe5;
 border-left: 2px solid #000;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
 border-right: 2px solid #000;
 padding-left: 1em;
 padding-top: 1em;
 padding-bottom: 1em;

}

a
{
  text-decoration: none;
  color:  #335577;
 font-weight: bold;
}

a:hover
{
  text-decoration: underline;
}

div.texte {
  margin-left: 10em;
  margin-right: 2em;
}

div.menu ul {
	margin: 0px;
	padding: 0px;
  list-style-type: none;
}

div.menu li
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.3em;
}

div {
  margin-bottom: 10px;
}

div.texte h1 {
  border-bottom: 1px solid #335577;
  font-size: 120%;
  margin-bottom: 10px;
}

div.texte h2 {
  margin-left: 10px;
  border-bottom: 1px dashed #335577;
  font-size: 110%;
  margin-bottom: 10px;
}