/**
 * 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: 0;
	font-size: 1.1em;
}

/************** ALL LEVELS  *************/
	/* Style consistent throughout all nav levels */
#nav li {
	position: relative;
	text-align: left;
}

#nav li.over {
	z-index: 999;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #4C6480;
	font-size: 11px;
	padding-top: 4px;
	font-weight: bold;
	line-height: 1.3em;
	_float: left;
}

#nav span {
	display: block;
	cursor: pointer;
	padding: 0 4px 0 4px;
	text-align: center;
	text-transform:capitalize;
	border-left: 1px solid #b4c1cf;
    height: 40px;
}

/* 1er niveau*/
#nav a:hover {
	text-decoration: none;
	color: #ffffff;
}

#nav li {
	float: left;
	height: 45px;
	z-index: 10;
}

#nav li ul li {
	font-size: 11px;
	font-weight: bold;
}

#nav li.parent {
	background: #b4c1cf url(../images/bg_onglet_menu.png) repeat-x scroll
		left top;
}

#nav li div {
	background: transparent url(../images/menu_li_corner.png) no-repeat
		scroll left top;
}

#nav li div div {
	background: transparent url(../images/menu_li_corner.png) no-repeat
		scroll right top;
}

#nav li.parent a {
	padding-top: 5px;
}

/* gestion des tailles */
#nav li#menuItem0 a span {
	width: 78px;
	border-left:none;
}
#nav li#menuItem1 a span {
    width: 56px;
}
#nav li#menuItem2 a span {
    width: 77px;
}
#nav li#menuItem3 a span {
    width: 95px;
}

#nav li#menuItem4 a span {
	width: 44px;
}

#nav li#menuItem5 a span {
	width: 65px;
	padding: 5px 5px 0 5px;
	height: 35px;
}

#nav li#menuItem6 a span {
	width: 62px;
	padding: 5px 5px 0 5px;
	height: 35px;
}

#nav li#menuItem7 a span {
	width: 38px;
}

#nav li#menuItem8 a span {
	width: 45px;
}

#nav li#menuItem9 a span {
	width: 79px;
}

#nav li#menuItem10 a span {
	width: 67px;
}

#nav li#menuItem11 a span {
	width: 64px;
}

#nav li#menuItem12 a span {
	width: 64px;
	padding: 5px 5px 0 5px;
    height: 35px;
}

#nav li.over a span {
	color: #ffffff;
}

/* 2e niveau */
#nav ul {
	position: absolute;
	z-index: 100;
	width: 15em;
	top: 36px;
	left: -10000px;
	border-color: #b4c1cf;
	border-style: solid;
	border-width: 9px 1px 1px 1px;
	background: #ffffff;
	padding: 10px 10px 10px 20px;
}

#nav ul li {
	height: auto;
	float: left;
	margin: 5px;
	background: transparent;
	width: 44%;
	margin-right: 10px;
}

#nav ul a {
	float: none;
	padding: 0;
}

#nav ul li.parent a {
	font-size: 130%;
	text-transform: uppercase;
}

#nav li.parent ul a {
	text-align: left;
	padding-top: 0;
}

#nav li.parent ul li {
	margin: 0;
	padding-left: 10px;
}

#nav li.parent ul li.parent {
	background: transparent;
	margin: 5px 10px 5px 5px;
	width: 44%;
}

#nav li.parent ul span {
	padding: 0;
	width: auto;
	text-align: left;
	display: inline;
	border-left: none;
}

#nav li ul span {
	white-space: normal;
	border-left: none;
}

#nav li.over ul {
	left: 1px;
}

#nav li.over ul ul {
	left: 0;
}

#nav ul li a {
	display: inline;
	padding-right: 5px;
}

#nav ul span,#nav ul li.last li span {
	padding: 3px 15px 4px 15px;
}

#nav li.univers-turquoise ul li {
    width: 195px;
}

#nav li.univers-jaune ul li {
    width: 160px;
}

#nav li#menuItem0 ul {
	width: 209px;
	/*padding: 10px 5px;*/
}

#nav li#menuItem1 ul {
    width: 205px;
}

#nav li#menuItem1 ul a:hover span {
    text-decoration: none;
}

#nav li#menuItem2 ul {
    width: 205px;
}

#nav li#menuItem2 ul a:hover span {
    text-decoration: none;
}

#nav li#menuItem3 ul {
    width: 205px;
}

#nav li#menuItem3 ul a:hover span {
    text-decoration: none;
}

#nav li#menuItem4 ul {
	width: 170px;
}

#nav li#menuItem4 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem5 ul {
	width: 410px;
}

#nav li#menuItem5 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem6 ul {
	width: 410px;
}

#nav li#menuItem6 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem7 ul {
	width: 490px;
}

#nav li#menuItem7.over ul {
    left: -475px;
}

#nav li#menuItem7 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem8 ul {
	width: 410px;
}

#nav li#menuItem8.over ul {
    left: -387px;
}

#nav li#menuItem8 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem9 ul {
	width: 410px;
}

#nav li#menuItem9.over ul {
    left: -354px;
}

#nav li#menuItem9 ul a:hover span {
	text-decoration: none;
}

#nav li#menuItem10 ul {
	width: 452px;
	padding: 10px 5px;
}

#nav li#menuItem10.over ul {
    left: -388px;
}

#nav li#menuItem11 ul {
	width: 480px;
}

#nav li#menuItem11.over ul {
	left: -439px;
}

#nav li#menuItem11.over ul a:hover span {
	text-decoration: none;
}

/************ Menu de gauche **********/
#nav-left-smile {
    margin:10px 0;
    width:176px;
    font-size:11px;
}
#nav-left-smile .arrondi-top {
   background-image: url("../images/arrondi_menu_left.gif"); 
   background-repeat:no-repeat;
   background-position:left bottom;
   padding-bottom:10px;
}
#nav-left-smile .arrondi-bottom {
   background-image: url("../images/arrondi_menu_left.gif"); 
   background-repeat:no-repeat;
   background-position:left top;
}
#nav-left-smile ul li,
#nav-left-smile a {
	text-decoration:none;
	color:#FFFFFF;
}
#nav-left-smile .rayons {
    margin-bottom:10px;
}
#nav-left-smile .rayons a:hover {
	text-decoration:underline;
}
#nav-left-smile .rayons a.selected {
	text-decoration:underline;
	font-weight:bold;
}
#nav-left-smile .rayons ul.boutique {
	padding-left:3px;
}
#nav-left-smile .rayons ul.boutique li {
    background: url("../images/menu_left_selected_boutique_fleche.gif") no-repeat left center;
    padding-left:20px;
}
#nav-left-smile .rayons ul {
	padding-left:30px;
}
#nav-left-smile .rayons ul li span{
    font-family:arial,verdana;
    font-weight:bold;
    padding-right:2px;
}
#nav-left-smile .boutiques {
	padding-bottom:20px;
}
#nav-left-smile .boutiques ul li {
    border-bottom:1px dashed #FFFFFF;
    background: url("../images/menu_left_boutiques_fleche.gif") no-repeat 5px center;
    padding:4px 0 4px 20px;
}
#nav-left-smile .boutiques ul li a,
#nav-left-smile ul.boutique li a {
    text-transform: uppercase;
    font-weight:bold;
}