/**
 * 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 { padding: 4px 0px 0px 0px; font-size:0.6em; font-weight: bold; font-family: Tahoma, Arial, sans-serif;  position: absolute;  z-index: 3000; }



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


/************ 0 LEVEL  ***************/
#nav li { float:left; font-size: 1.6em; font-family: Arial, sans-serif; background-image: url(../images/sprite2.png); background-repeat: no-repeat; background-position: -10px -1428px; } /* menu_separateur3.png */
#nav li:first-child {background-image: none; }

#nav li.active a {  color: #da6607; text-decoration: underline; }
#nav li.active ul a {text-decoration: none; }
#nav a, #nav .jslcat { float:left; padding:4px 6px 4px 7px; color:white; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active, #nav ul li:first-child { font-size: 200%; float:none; margin:0; /*padding-bottom:1px;*/ background:#333333/*ecf3f6*/ /*url(../images/nav_divider.gif) repeat-x 0 100%*/; border-bottom: 1px solid #444;  }
#nav ul li.last { /*background:#ecf3f6;*/ padding-bottom:0; }

#nav ul a, #nav ul .jslcat,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a, #nav ul li .jslcat { font-weight:bold ; font-size: 0.5em; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:16em; top:22px; left:-10000px; border:1px solid /*#899ba5*/#555;  	-webkit-box-shadow: 1px 1px 16px #222; -moz-box-shadow: #222 1px 1px 16px; box-shadow: 1px 1px 16px #222;  }

/* Show menu */
#nav li.over > ul { left:5px; /*	-webkit-box-shadow: 1px 1px 16px #222; -moz-box-shadow: #222 1px 1px 16px; box-shadow: 1px 1px 16px #222; */}
#nav li.over > ul li.over > ul { left:100px;  }
#nav li.over ul ul { left:-10000px;  }

#nav ul li a { /*background:#ecf3f6;*/ }
#nav ul li a:hover { background:/*#d5e4eb*/#555;  }
#nav ul li a { color:/*#2f2f2f*/ #EEE !important; }
#nav ul li a:hover { color: #eec5a3 !important; }
#nav ul span, #nav ul li.last li span { padding:3px 10px 4px 10px;}

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

.nav_accueil a, .nav_accueil a:visited { color: #AAAAAA !important;}
.nav-promotions  a, .nav-promotions a:visited  { color: #00FF00 !important; }
.nav-promotions a:hover { color: orange !important; }
.nav-idees-pour-noel a { color: #FFBBBB !important; }
.nav-st-valentin a { color: #FFBBBB !important; }
.nav_special a, .nav_special a:visited { color: #AAAAFF !important; }
.nav_special a:hover { color: orange !important; }

.nav_special .active { color: orange !important; text-decoration: underline; }

#vertical-nav .head {
	height: 20px;
	padding: 0;
	margin: 0;
	border: none;
}

#vertical-nav .head h4 {
	margin: 0;
	padding: 3px 12px;
	background: url(../images/sprite2.png) no-repeat #5b0000; /* vert_nav_head_bg.gif.png */
	background-position: -10px -1258px;
	color: white; font-weight: bold;
	font-size: 1.2em;
}

#vertical-nav .head h4 a {
	color: white;
	/*font-size: 1.2em;*/
	font-weight: bold;
}

#vertical-nav .head h4 a:hover { color: orange; }

#nav_vert { padding: 2px 0px; font-size:1.05em; font-weight: bold; font-family: Arial, sans-serif;
	    border: 1px solid #a0b3c3;
	    background: #f1f1f1;
	    margin: 0;
		}
#nav_vert ul { /*padding: 0; margin: 0;*/ }
#nav_vert li { /*border-bottom: 1px dotted #c1c1c1;
	       padding: 2px 16px;
	       font-weight: normal;*/
	}

#nav_vert li span { border-bottom: 1px dotted #c1c1c1; display: block; width: auto;
	       padding: 2px 12px; padding-right: 0;
	       font-weight: bold;
	}

#nav_vert li span:hover {
	background: #ddd;
	color: #e35500;
}


#nav_vert li span span { border: none; margin: 0; padding: 0; display: inline; color: #F00; font-weight: bold; text-decoration: none; padding-right: 8px; padding-left: 0;}
/*#nav_vert li span span:hover { text-decoration: none; }
#nav_vert li span:hover span { text-decoration: none; }*/

#nav_vert li.active {
		background-color: #d7d7d7;
	}

#nav_vert li a { font-weight: bold; }
#nav_vert li:last-child { border-bottom: none; }