* { margin: 0; padding: 0; }
body { font: 14px Georgia, serif; }
/* propriétés de base du menu */
nav {
position: absolute; 
left: 350px; 
top: -5px; 
width: 960px;height: 100px;
margin: 0px auto;	
text-align: center;
font-size: 18px;
font-family: verdana,arial;}


/* attention à bien faire correspondre l'id de chaque item avec le code */
#item1 { background: #41D05F; }
#item2 { background: #E42B2B; }
#item3 { background: #ff8400; }
#item4 { background: #ffff00; }
#item5 { background: #49a7f3; }
#item6 { background: #a800ff; }

.top-menu li{
display: inline-block;
text-align: center;
margin: 30px 10px;
position: relative;
float:middle;
}
.top-menu li:hover {margin: 30px 20px;
}
.top-menu li a{
display: block;
width:50px; height: 30px;
color:#FFFFFF;
font-weight:normal;
line-height: 5px;
top: 25px;
margin:2px;
padding:0px 5px;
text-align:center;
text-decoration:none;
}
.top-menu li a div.menu-item{
width: 50px; height: 30px;
display: block;
color: black;	
top: 20px;	
border-top-left-radius: 20px;	
border-bottom-right-radius: 20px;
}
.top-menu li a:hover div.menu-item {
display: block;
width:20px;
text-decoration:none;
text-align:center;
padding: 10px;
border:2px solid;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
}