html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #EBEBEB; /*couleur de fond GRIS CLAIR*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #EBEBEB; /*couleur de fond GRIS CLAIR*/

}

.header {
height: 60px; margin-top:22px;
background-color: #EBEBEB; /*couleur de fond GRIS CLAIR*/

}
div.Texte
{
margin-left:235px;
}
#logo {
position:absolute;
top:0px;
margin-left:68px;
}
.menu {
position: absolute;
left:0px;
width: 245px;
height: 700px;
background-color:#EBEBEB; /*couleur de fond GRIS CLAIR*/

}
.frame {
margin-left: 255px;
min-height:700px;
width: auto;
/*-moz-border-radius-topleft:30px;*/
background-color:#0098AD; /*couleur de fond bleu-vert de la page index partie droite*/
}
p {margin: 0 0 10px 0;}

#hautgauche{
height: 20px; width: 20px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(bord-frame.jpg);
}

.frame2 {
margin-left: 255px;
width: auto;
min-height:700px;
background-color:white; /*couleur de fond blanc des pages partie droite sauf index
 padding-left:4pt;
padding-right:4pt;*/
/*-moz-border-radius-topleft:30px;
-moz-border-radius-bottomleft:30px;*/

}
#hautgauche2{
height: 20px; width: 20px;

background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche2 {
background: url(bord-frame2.jpg);
}
p {margin: 0 0 10px 0;}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.footer{
background-color:#EBEBEB; /*couleur de fond GRIS CLAIR*/
margin-left: 255px;
}
.footer2{
background-color:#EBEBEB; /*couleur de fond GRIS CLAIR*/

}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute;
top: 10em;
left: 1em;
width: 18em;
font-family:Arial;
color:#862D86;
}

#menu dt {
cursor: pointer;
background: #FFFFCC; /*couleur de fond JAUNE PAILLE*/
color:#862D86;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 2px ridge purple; /*encadrement en violet des boutons du menu principal*/

text-align: center;
font-weight: bold;
-moz-border-radius-topleft:50px;
-moz-border-radius-topright:50px;
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px
}

#menu dd {
position: absolute;
z-index: 100;
left: 16em;
margin-top: -1.4em;
width: 25em;
background: #FFFFCC; /*couleur de fond Jaune paille*/
color:#862D86;
border: 2px ridge purple; /*encadrement en violet des boutons des menus secondaires*/


}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
background: #EBEBEB; /*couleur de fond GRIS CLAIR*/
text-decoration: underline;
}
#menu dt a:hover {
background: #EBEBEB; /*couleur de fond GRIS CLAIR*/
 
}