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

a {
text-decoration:none;
color: #fff;
}

#menu {
z-index: 1000;
position: absolute;
margin-left: -370px;
left: 50%;
top: 250px;
width: 160px;
height: 500px;
background: #FF404F;
color: #FFF;
}

#menu dt {
cursor: pointer;
height: 25px;
line-height: 25px;
margin-left: 10px;
text-align: left;
font-weight: bold;
background: #FF404F;
background-image:url(../ills/la_ville/fond_menu_ville.jpg);
}

#menu dt:hover {
background: #FF404F;
background-image:url(../ills/la_ville/fond_menu_ville_hover.jpg);
}

#menu dd {
position: absolute;
z-index: 1000;
left: 120px;
margin-top: -25px;
width: 235px;
background: #FF404F;
border: 1px solid #E0003F;
}

#menu li {
text-align: left;
font-size: 100%;
height: 25px;
line-height: 25px;
type: square;
}
#menu li a, #menu dt a {
text-decoration: none;
color: #FFF;
}
#menu li:hover{
text-decoration: none;
font-weight:bold;
}

#fond_haut {
z-index=800;
width: 100%;
height: 230px;
position: absolute;
background-color:#FFFFFF;
background-image:url(../ills/structure/fond_general_haut.jpg);
}

.conteneur {
z-index=900;
width: 820px;
position: absolute;
left: 50%;
margin-left: -390px;
background-image:url(../ills/structure/fond_degrade_ville.jpg);
}

.header {
top: 0px;
left: 50%;
widht: 800px;
height: 250px;
}

.frame {
top: -250px;
width: 620px;
height: 500px;
margin-left: 180px;
background-color:#FFFFFF;
overflow: auto;
}
.footer {
width: 800px;
height: 30px;
margin-left: 10px;
background-color: #E0003F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFFFFC;
text-align:center;
vertical-align:center;
}
p {
margin: 0 0 5px 0;
}