/**
 * 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)
 */

.header-nav { width: 980px; margin-right: auto; margin-left: auto; position: relative}
#anav { padding:0 20px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#anav li {  text-align:left; }
#anav li.over { z-index:999; }
#anav a,
#anav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#anav span { display:block; cursor:pointer; white-space:nowrap; }
#anav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#anav li { float:left; padding: 6px 0px 0 0px; }
#anav li.active a { color:#d96708; }
#anav a { float:left; padding:0px 12px 0px 8px; color:#624d40; font-weight:bold; border-right: 1px solid #eddcd4;}
#anav li.over { background: #E0137A; border: 0px solid #E0137A; border-bottom: none; z-index: 1000; padding: 4px 0 4px 0;}
#anav li.over a,
#anav a:hover { color:#FFF; border-right: 1px solid #E0137A;}

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

#anav ul a,
#anav ul a:hover { float:none; padding:0; background:none; border: none; }
#anav ul li a, #anav ul li.over a { font-weight:normal !important; border: none !important;}

/************ 2ND LEVEL ************/
#anav ul { position:absolute; width:960px; top:25px; left:-10000px; border:1px solid #E0137A; background: url(../images/bg_menu.gif) repeat-x #e1e0df top; padding: 10px; z-index:2000;}

/* Show menu */
#anav li.over > ul { left:-2px; }
#anav li.over > ul li.over > ul { left:100px; }
/* #anav li.over ul ul { left:-10000px; } */

/* #anav ul li a { background:#0A263D; } */
/* #anav ul li a:hover { background:#d5e4eb; } */
#anav ul li a { color: #E0137A !important; }
#anav ul li a:hover { color: #09337F !important; }
#anav ul span, #anav ul li.last li span { padding:2px 10px 2px 5px;}
#anav li.columns { width:220px; margin: 0 0 0 20px; padding: 0; }
#anav li.columns ul { width: auto; margin: 0; padding: 0; list-style:url(../images/aplay.gif) !important;}
#anav li.columns ul li { margin: 0; padding: 0; }
#anav li li li li span { padding:0 0 0 12px; }


/************ 3RD+ LEVEL ************/
#anav ul ul { border: 0px; left:0; position: relative; top:0; background: none; }
#anav ul ul li { float: none; width:auto; }
#anav ul ul ul { margin-left: 10px; }
#anav ul ul ul li a { color: #FFFFFF !important; font-size: 0.95em; }

/** ie6 hack */
#anav li.over ul.shown-sub { left:0; }
#anav li.over li li ul.shown-sub { left:100px; }

.level_title { list-style: none; font-weight: bold; border-bottom: 1px solid #E0137A; padding-left: 0; margin: 0 0 10px 0 !important; position: relative; left: -15px; }


/* subcolonne */
.column5 { width: 950px !important; }
.category0 .subcolonne1, .category0 .subcolonne2, .category0 .subcolonne3 { float: left !important; position: static !important; width: 220px !important; margin-left: 10px !important; }
.category0 .subcolonne2 { width: 440px !important; }

.category0 .subcolonne2 li.level_title { float: none !important; width: 440px !important; }
.category0 .subcolonne2 li { float: left !important; width: 210px !important; }