/* menu principale */

.menup{
width: 100%;
overflow: hidden;
background: #e8ddc7 url('../img/menup.jpg') repeat-y bottom left;
border-bottom: 2px dotted #9a5da0;
border-top: 2px dotted #9a5da0;
text-transform: uppercase;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

.menup ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.menup li{
display: inline;
margin: 0;
}

.menup li a{
float: left;
display: block;
text-decoration: none;
background: transparent url('../img/t01.png') no-repeat center left;
margin: 0;
padding: 5px 3px 5px 15px;
color: #9a5da0;
}

.menup li a:visited{
color: #9a5da0;
}

.menup li a:hover, .menup li.selected a{
background: #9a5da0 url('../img/t02.png') no-repeat center left;
color: #ffffff;
}

/* menu top */

#menutop{
width: 150px;
float: right;
margin-top: 50px;
padding: 10px;
text-align: right;
text-transform: uppercase;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

#menutop ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menutop li {
margin: 0;
}

#menutop li a{
display: block;
padding: 5px 25px 5px 5px;
color: #9a5da0;
text-decoration: none;
width: 100%;
}

html>body #menutop li a{ /*Non IE6 width*/
width: auto;
}

#menutop li a:hover{
background: #9a5da0;
color: #ffffff;
}