html, body {
width: 100%;
height: 100%;
}

body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #CCFFFF;
}

.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #FFFFFF;
}

.conteneur a:link, span.MsoHyperlink
	{color:#666699;
	text-decoration:none;
	text-underline:single;}
.conteneur a:visited, span.MsoHyperlinkFollowed
	{color:#666699;
	text-decoration:none;
	text-underline:single;}


.header {
height: 106px;
align:center;
background-color: #666699;
}
.menu {
position: absolute;
left:0;
width: 100px;

background-color:#CCFFFF;
}
.menuD {
position: absolute;
left:0;
width: 12em;

background-color:#FFFFFF;
}
.frame {
margin-left: 150px;
width: auto;
height: 400px;
background-color:#CCFFFF;
overflow: auto;
}
p {margin: 0 0 10px 0;}

.menugauche {
list-style-type: none;
margin: 6;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
  display: block;
  width: 10em;
	height: 2em;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 90%;
  font-weight: bold;
	background-color: #3333FF;
	text-align: center;
	color: #FFFFFF;
  text-decoration: none;
	margin: 2px 0;
}
.menugauche a:link, .menugauche a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menugauche a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
  display: block;
  width: 11em;
	height: 3em;
	font-family: verdana,helvetica,arial,sans-serif;
  font-size: 90%;
  font-weight: bold;
	background-color: #3333FF;
	text-align: center;
	color: #FFFFFF;
  text-decoration: none;
	margin: 2px 0;
}
.menudroit a:link, .menudroit a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.menudroit a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}