ul#nav-main{
  margin: 0;
  width: 100%;
  padding: 2px 0;
  padding-left: 0;
  background: #000;
}

ul#nav-main li{
  float: left;
  display: block;
}

ul#nav-main li a, ul#nav-main li span {
 display: block;
 padding: 2px 6px;
 color: #fff;
 font-family: impact;
 font-size: 110%;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.2ex;
}

ul#nav-main ul li a, ul#nav-main ul li span {
 font-size: 100%;
 letter-spacing: 100%;
}

ul#nav-main li:hover>ul{
  display: block;
}

ul#nav-main ul{
 display: none;
 position: absolute;
 background: #000;
 z-index: 1;
 border: 1px solid #ccc;
 padding: 0 10px;
}

ul#nav-main ul li{
 position: relative;
 float: none;
 display:inline;
 padding: 2px 0;
}

ul#nav-main ul li a{
 display: block;
 width: auto;
 padding: 2px;
 font-weight: normal;
}

ul#nav-main ul li.last a{
 border-bottom: none;
 border-right: none;
}

ul#nav-main .cyan * {color: #b6f5fc;}
ul#nav-main .magenta * {color: #f6affc;}
ul#nav-main .jaune * {color: #fdf582;}
ul#nav-main .orange * {color: #fdcf82;}
ul#nav-main .vert * {color: #d5f4a1;}

#nav-main a:focus,
#nav-main a:hover {
 color: #FFAF02;
}