#nav{
     height: 39px;
     font: 13px Geneva, Arial, Helvetica, sans-serif;
     min-width:500px;
     margin-left: auto;
     margin-right: auto;
     width:1000px;
}

#nav li{
     list-style: none;
     display: block;
     float: left;
     height: 40px;
     position: relative;
     border-right: 1px solid #fff;
}

#nav li a{
     padding: 0px 10px 0px 20px;
     margin: 0px 0;
     line-height: 40px;
     text-decoration: none;
     height: 40px;
     color: #FFF;
     text-shadow: 1px 1px 1px #66696B;
}

#nav ul{
     background: #f2f5f6;
     padding: 0px;
     left:-2px;
     text-align:left;
     border-bottom: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     border-left:1px solid #DDDDDD;
     border-radius: 0px 0px 3px 3px;
     box-shadow: 2px 2px 3px #ECECEC;
     -webkit-box-shadow: 2px 2px 3px #ECECEC;
     -moz-box-shadow:2px 2px 3px #ECECEC;
     width:210px;
}
#nav ul ul{
     background: #f2f5f6;
     padding: 0px;
     left:-2px;
     text-align:left;
     border-bottom: 1px solid #DDDDDD;
     border-right: 1px solid #DDDDDD;
     border-left:1px solid #DDDDDD;
     border-radius: 0px 0px 3px 3px;
     box-shadow: 2px 2px 3px #ECECEC;
     -webkit-box-shadow: 2px 2px 3px #ECECEC;
     -moz-box-shadow:2px 2px 3px #ECECEC;
     width:250px;
}
#nav .site-name,#nav .site-name:hover{
     padding-left: 0px;
     padding-right: 0px;
     color: #FFF;
     text-shadow: 1px 1px 1px #66696B;
     font: italic 20px/38px Georgia, "Times New Roman", Times, serif;
     background: url(../images/logo2.png) no-repeat 10px 5px;
     width: 160px;
     border-right: 1px solid #fff;
}
#nav .site-name3,#nav .site-name3:hover{
     padding-left: 0px;
     padding-right: 0px;
     color: #FFF;
     text-shadow: 1px 1px 1px #66696B;
     font: italic 20px/38px Georgia, "Times New Roman", Times, serif;
     background: url(../images/logo3_UNA.png) no-repeat 0px 5px;
     width: 57px;
     border-right: 0px solid #fff;
     float:right;
}

#nav .site-name a{
     width: 129px;
     overflow:hidden;
}
#nav li.accueil{
     background: url(../images/accueil.png) no-repeat 8px 12px;
}
#nav li.accueil:hover  {
     background: url(../images/accueil.png) no-repeat 8px 12px #a7c516;
}
#nav li.commande{
     background: url(../images/commande.png) no-repeat 8px 12px;
}
#nav li.commande:hover  {
     background: url(../images/commande.png) no-repeat 8px 12px #a7c516;
}
#nav li.facturation{
     background: url(../images/facturation.png) no-repeat 8px 12px;
}
#nav li.facturation:hover  {
     background: url(../images/facturation.png) no-repeat 8px 12px #a7c516;
}
#nav li.catalogue{
     background: url(../images/catalogue.png) no-repeat 8px 12px;
}
#nav li.catalogue:hover  {
     background: url(../images/catalogue.png) no-repeat 8px 12px #a7c516;
}
#nav li.email{
     background: url(../images/email.png) no-repeat 8px 12px;
}
#nav li.email:hover  {
     background: url(../images/email.png) no-repeat 8px 12px #a7c516;
}
#nav li.stat{
     background: url(../images/stat.png) no-repeat 8px 12px;
}
#nav li.stat:hover  {
     background: url(../images/stat.png) no-repeat 8px 12px #a7c516;
}
#nav li.outils{
     background: url(../images/outils.png) no-repeat 8px 12px;
}
#nav li.outils:hover  {
     background: url(../images/outils.png) no-repeat 8px 12px #a7c516;
}
#nav li.compte{
     background: url(../images/compte2.png) no-repeat 8px 12px;
}
#nav li.compte:hover  {
     background: url(../images/compte2.png) no-repeat 8px 12px #a7c516;
}
#nav li.aide{
     background: url(../images/aide.png) no-repeat 8px 12px;
}
#nav li.aide:hover  {
     background: url(../images/aide.png) no-repeat 8px 12px #a7c516;
}
#nav li:hover{
     background: #0085cd;
}
#nav li a{
     display: block;
}
#nav ul li {
     border-right:none;
     border-bottom:1px solid #DDDDDD;
     width:210px;
     height:39px;
}
#nav ul li ul li {
     border-right:none;
     border-bottom:1px solid #DDDDDD;
     width:250px;
     height:39px;
}
#nav ul li a {
     border-right: none;
     color:#6791AD;
     text-shadow: 1px 1px 1px #FFF;
     border-bottom:1px solid #FFFFFF;
}
#nav ul li:hover{background:#ecf4cb;}
#nav ul li:last-child { border-bottom: none;}
#nav ul li:last-child a{ border-bottom: none;}
/* Sub menus */
#nav ul{
     display: none;
     visibility:hidden;
     position: absolute;
     top: 40px;
}

/* Third-level menus */
#nav ul ul{
     top: 0px;
     left:210px;
     display: none;
     visibility:hidden;
     border: 1px solid #DDDDDD;
}
/* Fourth-level menus */
#nav ul ul ul{
     top: 0px;
     left:180px;
     display: none;
     visibility:hidden;
     border: 1px solid #DDDDDD;
}

#nav ul li{
     display: block;
     visibility:visible;
}
#nav li:hover > ul{
     display: block;
     visibility:visible;
}

#nav li.accueilactive{
     background: url(../images/accueil.png) no-repeat 8px 12px #81407a;
}
#nav li.accueilactive:hover  {
     background: url(../images/accueil.png) no-repeat 8px 12px #81407a;
}
#nav li.commandeactive{
     background: url(../images/commande.png) no-repeat 8px 12px #81407a;
}
#nav li.commandeactive:hover  {
     background: url(../images/commande.png) no-repeat 8px 12px #81407a;
}
#nav li.facturationactive{
     background: url(../images/facturation.png) no-repeat 8px 12px #81407a;
}
#nav li.facturationactive:hover  {
     background: url(../images/facturation.png) no-repeat 8px 12px #81407a;
}
#nav li.emailactive{
     background: url(../images/email.png) no-repeat 8px 12px #81407a;
}
#nav li.emailactive:hover  {
     background: url(../images/email.png) no-repeat 8px 12px #81407a;
}
#nav li.catalogueactive{
     background: url(../images/catalogue.png) no-repeat 8px 12px #81407a;
}
#nav li.catalogueactive:hover  {
     background: url(../images/catalogue.png) no-repeat 8px 12px #81407a;
}
#nav li.statactive{
     background: url(../images/stat.png) no-repeat 8px 12px #81407a;
}
#nav li.statactive:hover  {
     background: url(../images/stat.png) no-repeat 8px 12px #81407a;
}
#nav li.outilsactive{
     background: url(../images/outils.png) no-repeat 8px 12px #81407a;
}
#nav li.outilsactive:hover  {
     background: url(../images/outils.png) no-repeat 8px 12px #81407a;
}
#nav li.compteactive{
     background: url(../images/compte2.png) no-repeat 8px 12px #81407a;
}
#nav li.compteactive:hover  {
     background: url(../images/compte2.png) no-repeat 8px 12px #81407a;
}
#nav li.aideactive{
     background: url(../images/aide.png) no-repeat 8px 12px #81407a;
}
#nav li.aideactive:hover  {
     background: url(../images/aide.png) no-repeat 8px 12px #81407a;
}