/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */


/******************* Niveau 1 ******************/

#nav {
	display:block;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:15px;
	left:50%;
	text-align: center;

}
#nav li { 
	float:left;
	display:block;
	list-style:none;
	position:relative;
	padding:0;
	margin:0; 
	font-size: 1.1em;
}
#nav a {margin:0; padding:0; float:left;}
#nav li.last a { background-image:url(../images/nav_li_last_a_bg.gif);}


/* survol niveau 1 */
#nav a.mainMenuParentBtnFocused, 
#nav li a:hover, #nav li a:focus {
	background:#f9fcf6 url(../images/nav_li_a_hover_bg.gif) no-repeat;
	color:#db0e42;
}
#nav li a.aselect {
	background:#f9fcf6 url(../images/nav_li_a_select_bg.gif) no-repeat;
	color:#db0e42;
}

/******************* commun *******************/

#nav a {
	display:block;
	width: 125px;
	padding: 8px 0 0;
	height:21px;
	color:#fff;
	font-size:0.85em;
	text-decoration:none;
	text-transform:uppercase;
	background:#76ad21 url(../images/nav_li_a_bg.gif) no-repeat;
}


/******************* Niveau 2 *******************/

#subMenusContainer { /*display:block; position:absolute;top: -5px; left:0px; width:100%; height:0;	overflow:visible; z-index:1000000000; */ }
div#subMenusContainer ul {
	width:250px;
	min-height:270px;
	padding: 30px 0px 18px;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: right bottom;
	border:1px solid #999;
	border-top:0;}

div#subMenusContainer ul.le-marche {background-image: url(../images/sousnav_marche_bg.jpg);}
div#subMenusContainer ul.la-boucherie {background-image: url(../images/sousnav_boucherie_bg.jpg);}
div#subMenusContainer ul.l-epicerie {background-image: url(../images/sousnav_epicerie_bg.jpg);}
div#subMenusContainer ul.les-boissons {background-image: url(../images/sousnav_boissons_bg.jpg);}
div#subMenusContainer ul.la-maison {background-image: url(../images/sousnav_maison_bg.jpg);}
div#subMenusContainer ul.bebe-et-enfant {background-image: url(../images/sousnav_enfants_bg.jpg);}
div#subMenusContainer ul.la-beaute   {background-image: url(../images/sousnav_beaute_bg.jpg);}
div#subMenusContainer ul.le-bien-etre {background-image: url(../images/sousnav_bien-etre_bg.jpg);}



#subMenusContainer li { padding:0; margin:0; list-style: none; }
#subMenusContainer a {
	display:block;
	width:110px;
	height:auto;	
	padding:4px 5px;
	margin:0 5px;
	font-size:0.9em;
	color:#619c02;
	text-decoration: none;
	background:none;
}
#subMenusContainer a:first-letter {text-transform: uppercase;}

#subMenusContainer a:hover { color:#fff; background:#7eba4c;}
#subMenusContainer a, #nav li li a { text-align:left;}

#nav li li { float:none; }
#nav li li a { position:relative; float:none; }

/* survol niveau 2 */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused  {background:#7eba4c; color:#fff;}

/******************* Niveau 3 *******************/

#subMenusContainer ul.niv3 {width:110px; min-height:100px; padding:0px 5px; margin:0; background:#7eba4b; border:0; background-image:none;}
#subMenusContainer ul.niv3 a { margin:0; color:#fff;  text-transform:none;}

/* survol niveau 3 */
#subMenusContainer ul.niv3 a:hover, #subMenusContainer ul.niv3 a:focus {color:#000;}


/****** fleches pour indiquer sous menu ******/
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{background: url(../images/arrow_right.gif) right center no-repeat;}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{background: url(../images/arrow_right_over.gif) right center no-repeat;}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{background: url(../images/arrow_down.gif) right center no-repeat;}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/

.mainMenuParentBtnFocused{background: url(../images/arrow_down_over.gif) right center no-repeat;}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */

.smOW { 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	padding:0 2px;
	margin:0 0 0 -2px;
}
.smOW.last { margin-left: -130px !important; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }