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

.header {
background : url(images/cheval.gif) no-repeat;
height: 130px;
background-color: #4A333B;
}
.pub {
position: absolute;
top:25px;
left:500px;
background-color: #4A333B;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
.menu {
position: absolute;
left:0;
width: 150px;
height: 300px;
background-color: #4A333B;
}


#menu dt {
cursor: pointer;
background: #4A333B;
height: 20px;
line-height: 20px;
margin: 7px 0;
border: 1px solid #4A333B;
text-align: center ;
color: #C17615;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background: #5B3A3C;
border: 1px solid #4A333B;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;

}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
color: #ffffff;
}

.frame {
margin-left: 150px;
width: auto;
height: 350px;
background-color:#4A333B;
overflow: auto;
}
.frame2{

width: auto;
height: 294px;
background-color:#ffffff;
overflow: auto;
}
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;
color: #ffffff;
}
a {color :#000000 ; text-decoration : underline}
a:hover {color : #993300 ; text-decoration : underline}