/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-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/osl-3.0.php  Open Software License (OSL 3.0)
 */
.header-nav-container {position:relative; z-index:10; height:35px; margin-bottom:-14px;}  
/*.header-nav {height:600px; overflow:hidden;} hidden pour dernier item. Quand il est actif, on le met en blanc, on le fait dépasser puis on masque ce qui dépasse. La hauteur est pour éviter que les sous menu ne disparaissent à cause du overflow hidden*/ /*hauteur pas trop grande pour ne pas créer trop d'espace blanc en fin de page, mais suffisament pour les sous-menus*/
#nav { padding:0;} 

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left;}
#nav li.over {}
#nav a,
#nav a:hover { display:block; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav li.nav-gift-ideas{ display:none;} /*http://www.magentocommerce.com/wiki/hide_categories_from_the_navigation_with_pure_css*/

/************ 0 LEVEL  ***************//*j'ai essayé de faire que les liens prennent tous les li mais tous les liens des sous-menus ont alors une hauteur. Il n'y a pas de moyen de séléctionner que les liens du menu sans les liens des sous menu, sauf en utilisant les sélécteur CSS 2.1 non supportés par IE6 */
#nav li { float:left;}
#nav li.level2 {border-right:1px solid #ddd; height:34px;} /*maa*//*menutop*/
#nav li.level2.last {border-right:none;} /*maa*//*menutop*/
#nav li.level2.over, li.level2:hover { background:url(../images/Gradient_Product.jpg) repeat-x 0 0;}
#nav li.level2.active:hover, #nav  li.active { background:white url(../images/MenuActive_Triangle.jpg) no-repeat center 0; }  /*maa border-top:1px solid #ddd;*/
#nav li.level2 a { color:white; font-weight:bold;}
#nav li.level2 a:hover { color:#656025; }
#nav li.active a, #nav  li.active a:hover { color:#F3B50F; } /*maa */
#nav li.level2 span {padding-top:9px;}
.maa_nav_FR li.level2 { padding:0 26px;}
.maa_nav_FR li.level2.last {padding-right:19px;}
.maa_nav_DE li.level2 { padding:0 28px;}
.maa_nav_DE li.level2.last {padding-right:26px;}
.maa_nav_EN li.level2 { padding:0 24px;}
.maa_nav_EN li.level2.last {padding-right:19px;}

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { width:100%; float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; } maa*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul.level2 a,
#nav ul.level2 a:hover { }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:100%; top:34px; left:-10000px; } /*menutop*/

/* Show menu */
#nav li.over > ul { left:0; /* border-top:1px solid orange; */} /*maa : borer top de la même couleur que la border top du cadre principal. Donne l'illusion qu'il y a un pixel de décalage mais en fait on est sur le menu et donc celui ci ne disparait pas quand la souris passe sur la bordure.*/
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#F1EEE7; } /*maa sous menu*/
#nav ul li a:hover { background:#FAFAF6; } /*maa sous menu*/
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }