/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
 
 /************** ALL LEVELS  *************/
/* Styles communs à tous les niveaux */
#nav { padding:0 0; font-size:11px; background:transparent;}
#nav li { position:relative; text-align:left; margin:0; padding:0; font-size:0px; }
#nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
/* #nav a:hover { color:#5354AD; } */
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul { width:175px; clear:both; }
/* Par défaut, seul le niveau 0 est visible */
#nav li.inactive { display:none; }
#nav li.level0 { display:block; }


/*** CUSTOMIZED ITEMS (LEVEL 0) ***/
#nav li.gros-electromenager a, #nav li.gros-electromenager a:hover { background: url(../images/menuitem1.gif) 0 0 no-repeat; height:28px;}
#nav li.gros-electromenager a span { display:none; }
#nav li.petit-electromenager a, #nav li.petit-electromenager a:hover { background: url(../images/menuitem2.gif) 0 0 no-repeat; height:28px;}
#nav li.petit-electromenager a span { display:none; }
#nav li.informatique a, #nav li.informatique a:hover { background: url(../images/menuitem3.gif) 0 0 no-repeat; height:28px;}
#nav li.informatique a span { display:none; }
#nav li.image a, #nav li.image a:hover { background: url(../images/menuitem4.gif) 0 0 no-repeat; height:28px;}
#nav li.image a span { display:none; }
#nav li.son a, #nav li.son a:hover { background: url(../images/menuitem5.gif) 0 0 no-repeat; height:28px;}
#nav li.son a span { display:none; }
#nav li.photo-camescope a, #nav li.photo-camescope a:hover { background: url(../images/menuitem6.gif) 0 0 no-repeat; height:28px;}
#nav li.photo-camescope a span { display:none; }
#nav li.gps-auto-dvd-portable a, #nav li.gps-auto-dvd-portable a:hover { background: url(../images/menuitem7.gif) 0 0 no-repeat; height:28px;}
#nav li.gps-auto-dvd-portable a span { display:none; }
#nav li.telephonie-jeux a, #nav li.telephonie-jeux a:hover { background: url(../images/menuitem8.gif) 0 0 no-repeat; height:28px;}
#nav li.telephonie-jeux a span { display:none; }
/* ajout pr rubrique electricité 09 juillet 2010 */
#nav li.electricite a, #nav li.electricite a:hover { background: url(../images/menuitem9.gif) 0 0 no-repeat; height:28px;} 
#nav li.electricite a span { display:none; } 
/* Décalage des liens selon le niveau 0/1/2/3 */
#nav a, #nav a:hover { float:left; padding:0px 0px 0px 0px; color:#000000; font-weight:bold; display:block; width:175px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#nav li.level1 a, #nav li.level1 a:hover { float:left; padding:0px 10px 0px 0px; display:block; width:165px; height:auto; font-size:11px; line-height:1.3em; background:none;}
#nav li.level1 a span {display:inline;}
#nav li.level2 a, #nav li.level2 a:hover { float:left; padding:0px 10px 0px 10px; display:block; width:155px; background: url(../images/puce_menu.gif) no-repeat 0px 5px; }
#nav li.level2 a span {display:inline;}
#nav li.level3 a, #nav li.level3 a:hover { float:left; padding:0px 10px 0px 20px; display:block; width:145px;}
#nav li.level3 a span {display:inline;}

/* Mise en place des puces selon l'état du li */
#nav li ul li.parent { background-color:transparent; }
#nav li ul li ul li.parent { background-color:transparent; }
#nav li ul li ul li ul li.parent { background-color:transparent; }

/************ 0 LEVEL  *************/
#nav li { display:block;  background:transparent; }
#nav li.active { background-color:transparent;/*#FFC82F*/ }
#nav li.active ul { border-top: 1px solid #000; border-bottom: 1px solid #000; margin:3px 0 5px 0;}
#nav li ul li.active { background-color:#FFF; }
#nav li ul li.last-active { background-color:#FFC82F; }
#nav li.active a, #nav li ul li.active a { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#nav li.active a, #nav li.active a:hover { color:#000000; font-weight:bold; }
#nav li.inactive a, #nav li.inactive a:hover { color:#00000; font-weight:normal; }
#nav li.level0 a, #nav li.level0 a:hover { font-weight:bold; }

/************ 1ST+ LEVEL ************/
#nav li.level1 a, #nav li.level1 a:hover { font-weight:normal; }
#nav li ul li a, #nav li ul li a:hover { text-transform:none; font-weight:normal; }
#nav li.active ul li.active ul { border-top: none; border-bottom: none; margin:0;}
#nav li.active ul li.active a, #nav li.active ul li.active a:hover { text-transform:none; }
#nav li.active ul li.active { display:block; margin:0; padding:0; border:0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
#nav li.active ul li.inactive { display:block; margin:0; padding:0; border:0; background-color:#fff; }

/************ 2ND LEVEL ************/
#nav li.active ul li.active ul li.active ul { border-top: none; border-bottom: none; margin:0; }
#nav li.active ul li.active ul li.active { display:block; margin:0; padding:0; border:0; border-top: none; border-bottom: none; }
#nav li.active ul li.inactive ul li { display:none; }

/************ 3RD LEVEL ************/
#nav li.active ul li.active ul li.inactive ul li { display:none; }

/* hover only on level1 and more... */
#nav li.level1 a:hover { background-color:#eee; color:#000000; }
/* hiding inactive ul */
#nav li.parent-inactive ul { display:none; }

#nav li.level1 { margin:0; padding:0; font-size:0px; line-height:0; }
#nav li.level2 { margin:0; padding:0; font-size:0px; line-height:0; }