#nav { position: absolute; z-index: 10; }


#nav li                       { float: left; position: relative; height: 45px; }
#nav li:hover                 { background: url("../media/site/menu-fond-hover.png") repeat-x; width: auto; height: 45px; }
#nav li.sfhover               { background: url("../media/site/menu-fond-hover.png") repeat-x; width: auto; height: 45px; }
#nav li.selected              { background: #FF6600; width: auto; height: 44px; }
#nav li a                     { font: 11pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFFFFF; text-decoration: none; display: block; padding: 14px 15px; }

#nav li.separ                 { width: 2px; height: 45px; background: url("../media/site/menu-separ.png") no-repeat; }



#nav li ul                                { display: none; }



#nav li:hover ul                          { position: absolute; display: block; }
#nav li.sfhover ul                        { position: absolute; display: block; }

#nav li:hover ul li                       { clear: both; height: 25px; background: url("../media/site/menu-ssrub.png") repeat; border-top: 1px solid white; opacity: .9;}
#nav li:hover ul li.first                       { border: none; }
#nav li.sfhover ul li                     { clear: both; height: 25px; background: url("../media/site/menu-ssrub.png") repeat; border-top: 1px solid white;}
#nav li.sfhover ul li.first                       { border: none; }

#nav li:hover ul li:hover                 { background: url("../media/site/menu-ssrub.png") repeat; opacity: 1;}
#nav li.sfhover ul li.sfhover                     { background: #FF3300; height: 25px; width: auto;}

#nav li:hover ul li a                     { font: 9pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFF; text-decoration: none; display: block; width: 230px;  padding: 7px 10px; height: 11px;}
#nav li.sfhover ul li a                   { font: 9pt/1em Arial, Liberation, Sans-Serif; font-weight: bold; color: #FFF; text-decoration: none; display: block; width: 230px; padding: 7px 10px; height: 11px;}

#nav li:hover ul li ul                    { display: none; }
#nav li.sfhover ul li ul                  { display: none; }

#nav li ul li:hover ul                    { position: absolute; display: block; padding-left: 1px; top: auto; left: 250px; margin-top: 0px;}
#nav li ul li.sfhover ul                  { position: absolute; display: block; padding-left: 1px; top: auto; left: 250px; margin-top: 0px;}

#nav li ul li:hover ul li                 { height: 25px; width: 370px; border-top: 1px solid white; background : #FF3500;}
#nav li ul li:hover ul li.first           { border: none; }
#nav li ul li:hover ul li a               { font: 8pt/1em Arial, Liberation, Sans-Serif; width: 320px; height: 16px; padding: 7px 5px 7px 20px; }

#nav li ul li.sfhover ul li                 { width: 370px; border-top: 1px solid white; background : #FF8800; }
#nav li ul li.sfhover ul li.sfhover         { width: 370px; border-top: 1px solid white; background : #FF3500; }
#nav li ul li.sfhover ul li.first           { border: none; }
#nav li ul li.sfhover ul li a               { font: 8pt/1em Arial, Liberation, Sans-Serif; width: 330px;  }


#nav li ul li.separ                       { display: none;}

#nav ul li.submenu { width: 250px; }

#nav ul li li.submenu { width: 380px; }
#nav ul li li li.submenu { width: 330px; }