/**
 * 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  *************/ /* Style consistent throughout all nav levels */

#nav { padding:0 0 0 6px; height:38px;} 
#nav li { float:left; position:relative; text-align:left; line-height:14px; }

#nav li.parent {width:90px;}

#nav li ul { display: none; }
#nav li:hover { z-index:9999; }
#nav li a { float:left; color:#000; text-decoration:none; padding-left:16px; background:url(../images/onglets.gif) no-repeat 0 0; }
#nav li a:hover,
#nav li:hover a,
#nav li:hover.active a { color:#6c6c6c; background:url(../images/onglets.gif) no-repeat 0 -38px; }
#nav li.over a { color:#6c6c6c; background:url(../images/onglets.gif) no-repeat 0 -38px; }
#nav li.active a { color:#6c6c6c; background-position:0 100%; }
#nav li span { cursor:pointer; float:left; padding:6px 12px 5px 0; line-height:13px; background: none; }
#nav li.parent span { background:url(../images/onglets.gif) no-repeat 100% 0; cursor:pointer; }


#nav .nav-evenement a:hover { background:url(../images/onglets.gif) no-repeat 0 -142px; }
#nav .nav-evenement a:hover span { background:#fff; }

#nav li.nav-fromages-produits-laitiers {width:125px;}
#nav li.nav-aliments-bebe {width:80px;}

#nav li.nav-envie-de {width:85px;}
#nav li.nav-envie-de span,
#nav li.nav-evenement span {padding:19px 12px 6px 0}

#nav li:hover a span,
#nav li.over a span,
#nav li a:hover span { background:url(../images/onglets.gif) no-repeat 100% -38px; padding:6px 12px 6px 0; }


/************ 1ST LEVEL ************/
#nav ul { position:absolute; width:195px; top:37px; left:0; padding:5px 0 0 ; background:url(../images/onglets.gif) no-repeat 0 -76px; z-index: -1; }
#nav ul li,
#nav ul li.active { background:url(../images/onglets.gif) no-repeat 0 -85px; overflow:hidden; padding:0 4px; float:none; position:relative; width:auto; }
/*#nav ul li:hover { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background: url(../images/onglets.gif) no-repeat 0 -119px; border:0;}

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; text-decoration:none;}

#nav li:hover li a,
#nav li.over li a,
#nav li:hover li a:hover {text-decoration:none; background:#FFF;}


#nav ul span,
#nav li:hover ul a span, 
#nav li.over ul a span { width: 177px;display: block; background:none; padding:3px 5px 4px; border-bottom:1px solid #d9d9d9; }
#nav li:hover ul li.last a span { background:none; border-bottom:1px solid #a4a4a4;}
#nav li.over ul li.last a span { background:none; border-bottom:1px solid #a4a4a4; }
#nav li:hover ul li.last a { background:none;}
#nav li.over ul li.last a { background:none;}
#nav li:hover ul a:hover span,
#nav li.over ul a:hover span,
#nav li:hover ul li.last a:hover span, 
#nav li.over ul li.last a:hover span { background: #EBEBEB; display:block; border-bottom:1px solid #a4a4a4; padding:3px 5px 4px;}
#nav ul li a { font-weight:normal !important; }



/* Show menu */
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li:hover ul li:hover ul { display: block }
#nav li.over ul li.over ul { display: block }
#nav li:hover ul ul, #nav li.over ul ul { display: none; }
