#menu {

margin: 0;
padding: 0;
width: 210px;
float: left;
font-weight: bold;

}

.menu {

margin: 15px;
padding: 0;
border: 1px solid black;
list-style-image: none;

}

.menu li {

margin: 0;
padding: 0;
line-height: 25px;
list-style: none;
background: #bbe0e3;

}

.menu a {

padding-left: 15px;
display:block;
height: 25px;
color: black;
text-decoration: none;
border-top: 1px solid #bbe0e3;
border-bottom: 1px solid #bbe0e3;

}

.menu a:hover {

background: #cc0000;
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;

}

.menutop a { border-top: none; }
.menutop a:hover { border-top: none; }

.menubottom a { border-bottom: none; }
.menubottom a:hover { border-bottom: none; }

.accueil a {

border-top: none;
border-bottom: none;

}

.accueil a:hover {

border-top: none;
border-bottom: none;

}

.showmenu {

position: absolute;
margin: 0 0 0 -40px;
padding: 0;
width: 230px;
list-style: none;
list-style-image: none;
border: 1px solid black;
font-weight: bold;

}

.showmenu li {

margin: 0;
padding: 0;
line-height: 25px;
list-style: none;
background: #bbe0e3;

}

.showmenu a {

padding-left: 15px;
display:block;
height: 25px;
color: black;
text-decoration: none;
border-top: 1px solid #bbe0e3;
border-bottom: 1px solid #bbe0e3;

}

.showmenu a:hover {

background: #cc0000;
border-top: 1px solid black;
border-bottom: 1px solid black;
color: white;

}

.showmenutop a { border-top: none; }
.showmenutop a:hover { border-top: none; }

.showmenubottom a { border-bottom: none; }
.showmenubottom a:hover { border-bottom: none; }

#list1 { top: 149px; }
#list2 { top: 176px; }
#list3 { top: 203px; }
#list4 { top: 230px; }
#list5 { top: 272px; }
#list6 { top: 299px; }
#list7 { top: 326px; }
#list8 { top: 353px; }
#list9 { top: 407px; }