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

#nav { height:35px; width:985px; float:left; font-size:1.0em; color:#6f6e70; margin:1px 0 1px 4px;}
/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align: center; font-family: Arial, Helvetica, sans-serif; color:#fff; background:url(../images/l-bg-nav.gif) left no-repeat; height:35px;  }
#nav li.over { z-index:999; }
#nav a { background:url(../images/r-bgnav.gif) right top no-repeat; float:right; line-height:1.1em; text-decoration:none; text-align:center; 
padding:0 5px; height:35px; font-weight:bold; max-width:90px;  }
#nav a:hover { line-height:1.1em; text-decoration:none; }
#nav span { display: table-cell; cursor:pointer; height:35px; vertical-align: middle; }
#nav li ul span {white-space:normal;  }

/************ 0 LEVEL  ***************/
#nav li { float:left; margin:2px 1px; padding:0;}
#nav li.nav-promotions, #nav li.nav-nouveaute { margin-left:1px; background:url(../images/l-nav-sales.gif) left top no-repeat; }
#nav li.nav-promotions a, #nav li.nav-nouveaute  a{ background:url(../images/r-nav-sales.gif) right top no-repeat; float:right; line-height:1.1em; text-decoration:none; text-align:center; padding:0px 7px; font-weight:bold; max-width:90px; color:#FFFFFF;}
#nav li.nav-cheque-cadeau { margin-left:1px; background:url(../images/l-nav-giftcert.gif) left top no-repeat; }
#nav li.nav-cheque-cadeau a { background:url(../images/r-nav-giftcert.gif) right top no-repeat; float:right; line-height:1.1em; text-decoration:none; text-align:center; padding:0px 7px; font-weight:bold; max-width:80px; color:#FFFFFF;}
#nav li.nav-promotions.active, #nav li.nav-cheque-cadeau.active  a, #nav li.nav-nouveaute.active a { color:#fff;}

#nav .nav-cafes-infusions, #nav .nav-tonners-recycles, #nav .nav-image-son { width:72px;}
#nav .nav-para-pharmacie-maroc { width:80px;}
#nav .nav-nouveaute, #nav .nav-tirage-photos { width:80px;}

#nav li.active a { color:#dd2726; }
#nav a { color:#737273;}
#nav li.over a,
#nav a:hover { color:#cb1723; }
#nav li.over,
#nav li.active {color: #FFFF00; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; height:20px; float:none; }
#nav ul li.parent {  }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; background:none; }
#nav ul a{  padding:0 0 0 10px; background:none; display: block; float:none; width:100%;  }
#nav ul a:hover {  padding:0 0 0 10px; background:#dd2726; display: block; float:none;}
#nav ul li a {font-weight:normal !important; max-width: inherit;  height:20px; }
#nav ul li a:hover {font-weight:normal !important; max-width: inherit;  height:20px; }
#nav ul span { cursor:pointer;  height:20px; float:none; padding-left:10px;}

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:34px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 0px; background:#fcfcfc; font-size:11px; }

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

#nav ul li a { padding:3px 0; color:#444 !important; text-align:left;   }
#nav ul li a:hover { padding:3px 0; color:#ffffff !important; text-align:left; }

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