/**
 * 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)
 */
 
/*MBO - Menu Blocs group*/
html body {
		behavior:url(csshover.htc);
}

#nav-bleu { padding:0 0px;background:transparent;}
#nav { padding:0 0px;background:transparent; }
#nav-rouge { padding:0 0px;background:transparent; }


/************** Menu-Group1-bleu *************/
#nav-bleu li { position:relative;}
#nav-bleu li.over { z-index:999; }
#nav-bleu a,
#nav-bleu a:hover { display:block; line-height:1.3em; text-decoration:none; }

#nav-bleu li { 
	float:left; 
	width:97px; 
	padding-right:1px; 
	text-align:center; 
	height:24px;
}

#nav-bleu a { 
	float:left; 
	padding:0; 
	color:#ffffff; 
	font-weight:bold; 
	font-family:"Arial Narrow"; 
	/*text-transform: uppercase; */
	font-size:13px; 
	/*display:block; */
	width:100%; 
	height:23px;
	text-align:center;
	padding-top:2px;
}
#nav-bleu li.over a,
#nav-bleu a:hover { 
	color:#3574BB;
}
#nav-bleu li:hover {background:#ffffff url(../images/menu-over.jpg) repeat-x;width:97px;height:24px;
}

/****** NOUVEAUTES Style ****************/
#nav li.nav-nouveautes { 
	float:left; 
	width:97px; 
	padding-right:0px; 
	text-align:center; 
	height:21px; 
	padding-top:3px;
}
#nav li.nav-nouveautes:hover {background:#ffffff url(../images/menu-over.jpg) repeat-x;color:#3574BB;}



/************** Menu-group2-Navy ALL LEVELS  *************/ 
#nav li { position:relative;}
#nav li.over { z-index:999; }
#nav a,
#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  ul li > a{
	background-image:url(../images/fleche_menu.png);
	background-position:right; 
	background-repeat:no-repeat;		
}

#nav li { float:left; zborder:1px dotted red; width:100px; margin-right:1px; text-align:center; height:21px; padding-top:3px;}
#nav li.active a { color:#ffffff; }
#nav a { 
	float:left; 
	padding:0; 
	color:#ffffff; 
	font-weight:bold; 
	font-family:"Arial Narrow"; 
	/*text-transform: uppercase; */
	font-size:13px; 
	display:block; 
	width:100%; 
	text-align:center;
}
#nav li.over a,
#nav a:hover { 
	color:#3D7BAC;
}
#nav li.over {background:#ffffff url(../images/menu-over.jpg) repeat-x;}

/************ 1ST LEVEL ************/
/* MBO - Background-blanc 1er niveau - ajuster la bordure */
#nav ul li,
#nav ul li.active { 
	float:none; 
	margin:0; 
	margin-bottom:-2px;
	width:200px;
	background-color:#FFFFFF;
	font-family:Arial;
	font-size:11px;
	border:1px solid #E6E6E6;
}

#nav ul li.last { 
	background:#ecf3f6; 
	padding-bottom:0;
}

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

#nav ul li a { font-weight:normal !important;
}

/************ 2ND LEVEL ************/

#nav ul { 
	position:absolute; 
	width:30em;
	top:24px; 
	left:-10000px;
	z-index:300;	
	
}
/* Show menu */
#nav li.over > ul { 
	left:0;
	width:200px;	
}
#nav li.over > ul li.over > ul { 
	left:162px;
}

/* Afficher la fleche au dessu du background hover */
#nav li.over > ul li.over > a{
	background-image:url(../images/fleche_menu.png);
	background-repeat:no-repeat; 
	background-position:right;
	text-align:left;
}


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

/*  MBO ajouter un background color blanc dans le niveau 2*/
#nav ul li a { color:#FFFFFF;background-color:#FFFFFF;}
#nav ul li a:hover { 
	background-color:#5290BF;
	background-image:none;
}

#nav ul li a,
#nav ul li a:hover { 
	color:#FFFFFF; !important;
	margin-top:-2px;
	text-align:left;
	border:0;
}

#nav ul span, #nav ul li.last li span { 
	padding:3px 15px 4px 15px;
	background-image:none;
	font-family:"Arial";
	font-size:11px;
	font-weight:bold;
	/*text-transform:capitalize;*/
}

/************ 3RD+ LEVEL ************/
#nav ul ul { 
	top:0px;
	background-image:none;
	font-family:"Arial";
	font-size:11px;
	margin-left:39px;
}
#nav li.over > ul li.over > ul li a > span {	
	
	background-image:url(../images/sous_menu_puce_off.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:9px;
	text-align:left;	
	font-family:"Arial";
	font-size:11px;
	font-weight:normal;
}

#nav li ul > li.over > ul >  li a {
	width:220px;
	margin-top:-4px;
	margin-left:-1px;
	border:1px solid #E6E6E6;
	border-bottom:2px solid #E6E6E6;
	/*background-image:url(../images/sous_menu_puce_off.png);
	background-position:left;
	background-repeat:no-repeat;*/
	background-image:none;	
}


/************** Menu-Group3-rouge *************/

#nav-rouge li { position:relative;}
#nav-rouge li.over { z-index:999; }
#nav-rouge a,
#nav-rouge a:hover { display:block; line-height:1.3em; text-decoration:none; }

#nav-rouge li { 
	float:left; 
	width:100px; 
	padding-right:1px; 
	text-align:center; 
	height:24px; 
	/*padding-top:3px;*/
}

#nav-rouge a { 
	float:left; 
	padding:0; 
	color:#ffffff; 
	font-weight:bold; 
	font-family:"Arial Narrow"; 
	/*text-transform: uppercase;*/ 
	font-size:13px; 
	display:block; 
	width:100%; 
	height:23px;
	text-align:center;
	padding-top:3px;
}

#nav-rouge a:hover { 
	color:#B41F24;
}
#nav-rouge li:hover {background:#ffffff url(../images/menu-over.jpg) repeat-x;width:100px;height:24px;}

/************  Fin menu group3**********/