/* @override http://fromageduquebec.loc:8888/css/menu.css */

/* 
	LEVEL ONE
*/
ul.dropdown
{
	position: relative;
	list-style: none;
	margin:0;
	padding:12px 0 0 214px;
	z-index: 100;
}

ul.dropdown li { float: left; }

ul.dropdown a:hover { /*color: #000;*/ }

ul.dropdown li a
{
	display: block;
	color: #575458;
	text-decoration:none;
	height:33px;
	outline:none;
}

ul.dropdown li.menu01 { background:url(../images/en/bt-accueil.gif) no-repeat; }

ul.dropdown li.menu01 a:hover, ul.dropdown li.menu01:hover, ul.dropdown li.menu01.selected { background:url(../images/en/bt-accueil-roll.gif) no-repeat; }

ul.dropdown li.menu01, ul.dropdown li.menu01 a:hover { width:99px; }

ul.dropdown li.menu02 { background:url(../images/en/bt-fromages.gif) no-repeat; }

ul.dropdown li.menu02 a:hover, ul.dropdown li.menu02:hover, ul.dropdown li.menu02.selected { background:url(../images/en/bt-fromages-roll.gif) no-repeat; }

ul.dropdown li.menu02, ul.dropdown li.menu02 a:hover { width:117px; }

ul.dropdown li.menu03 { background:url(../images/en/bt-ou-les-trouver.gif) no-repeat; }

ul.dropdown li.menu03 a:hover, ul.dropdown li.menu03:hover, ul.dropdown li.menu03.selected { background:url(../images/en/bt-ou-les-trouver-roll.gif) no-repeat; }

ul.dropdown li.menu03, ul.dropdown li.menu03 a:hover { width:203px; }

ul.dropdown li.menu04 { background:url(../images/en/bt-qui-sommes-nous.gif) no-repeat; }

ul.dropdown li.menu04 a:hover, ul.dropdown li.menu04:hover, ul.dropdown li.menu04.selected { background:url(../images/en/bt-qui-sommes-nous-roll.gif) no-repeat; }

ul.dropdown li.menu04, ul.dropdown li.menu04 a:hover { width:128px; }

ul.dropdown li.menu05 { background:url(../images/en/bt-degustation.gif) no-repeat; }

ul.dropdown li.menu05 a:hover, ul.dropdown li.menu05:hover, ul.dropdown li.menu05.selected { background:url(../images/en/bt-degustation-roll.gif) no-repeat; }

ul.dropdown li.menu05, ul.dropdown li.menu05 a:hover { width:113px; }

ul.dropdown li.menu06 { background:url(../images/en/bt-babillard.gif) no-repeat;
}

ul.dropdown li.menu06 a:hover, ul.dropdown li.menu06:hover, ul.dropdown li.menu06.selected { background:url(../images/en/bt-babillard-roll.gif) no-repeat; }

ul.dropdown li.menu06, ul.dropdown li.menu06 a:hover { width:90px; }

ul.dropdown li.menu01, ul.dropdown li.menu01 a:hover, ul.dropdown li.menu02, ul.dropdown li.menu02 a:hover, ul.dropdown li.menu03, ul.dropdown li.menu03 a:hover, ul.dropdown li.menu04, ul.dropdown li.menu04 a:hover, ul.dropdown li.menu05, ul.dropdown li.menu05 a:hover, ul.dropdown li.menu06, ul.dropdown li.menu06 a:hover
{
	display: block;
	height:33px;
	text-decoration:none;
}

ul.dropdown li:hover
{
	color:#575458;
	position: relative;
	
}

ul.dropdown li.hover a { /*color: black;*/ }

/* 
	LEVEL TWO
*/
ul.dropdown ul.sub_menu
{
	width: 140px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	margin:0;
	padding:0;
	z-index: 110;
}

ul.dropdown li ul.sub_menu li
{
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	float: none;
	list-style: none;
	padding-top:5px;
	height:20px;
	padding-left: 10px;
	z-index: 130;
}

ul.dropdown li ul.sub_menu li:hover
{
	font-weight: normal;
	background:#ecece3;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	float: none;
	list-style: none;
	padding-top:5px;
	height:20px;
	
}

ul.dropdown ul li a:hover { 
color:#945e3d;
height:20px;
}

/* @group Level two specific block */

ul.dropdown li.menu02 ul { width: 170px; }

ul.dropdown li.menu03 ul { width: 150px; }

ul.dropdown li.menu04 ul { width: 150px; }

ul.dropdown li.menu05 ul { width: 219px;}

ul.dropdown li.menu06 ul { width: 210px; }


ul.dropdown li.menu05 ul.sub_menu li a:hover { color:#945e3d;
 width: 200px;
}

/* @end 

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a
{
	border-right: none;
	width: 100%;
	display: inline-block;
}

ul.dropdown li.menu01 ul.sub_menu li a, ul.dropdown li.menu02 ul.sub_menu li a, ul.dropdown li.menu03 ul.sub_menu li a, ul.dropdown li.menu04 ul.sub_menu li a, ul.dropdown li.menu05 ul.sub_menu li a, ul.dropdown li.menu06 ul.sub_menu li a
{
	background-image:none;
	height:25px;
}

ul.dropdown li:hover > ul { visibility: visible; }


/** Menu Côté **/

.menuCote { margin:100px 0 0 14px; }

.menuCote div.menuSavoirPlus a
{
	background:url(../images/en/bt-en-savoir-plus.gif) no-repeat;
	width:172px;
	height:11px;
	display:block;
}

.menuCote div.menuSavoirPlus a:hover, .menuCote div.menuSavoirPlus.selected a
{
	background:url(../images/en/bt-en-savoir-plus-roll.gif) no-repeat;
	width:172px;
	height:11px;
	text-decoration:none;
}

.menuCote div.menuEnParle a
{
	background:url(../images/en/bt-le-monde-en-parle.gif) no-repeat;
	width:173px;
	height:11px;
	display:block;
}

.menuCote div.menuEnParle a:hover, .menuCote div.menuEnParle.selected a
{
	background:url(../images/en/bt-le-monde-en-parle-roll.gif) no-repeat;
	width:173px;
	height:11px;
	text-decoration:none;
}

.menuCote div.menuDistinction a
{
	background:url(../images/en/bt-distinctions.gif) no-repeat;
	width:103px;
	height:11px;
	display:block;
}

.menuCote div.menuDistinction a:hover, .menuCote div.menuDistinction.selected a
{
	background:url(../images/en/bt-distinctions-roll.gif) no-repeat;
	width:103px;
	height:11px;
	text-decoration:none;
}

.menuCote div.menuLiens a
{
	background:url(../images/en/bt-liens-utiles.gif) no-repeat;
	width:142px;
	height:11px;
	display:block;
}

.menuCote div.menuLiens a:hover,.menuCote div.menuLiens.selected a
{
	background:url(../images/en/bt-liens-utiles-roll.gif) no-repeat;
	width:142px;
	height:11px;
	text-decoration:none;
}

.menuCote div.menuContact a
{
	background:url(../images/en/bt-contacts.gif) no-repeat;
	width:81px;
	height:11px;
	display:block;
}

.menuCote div.menuContact a:hover, .menuCote div.menuContact.selected a
{
	background:url(../images/en/bt-contacts-roll.gif) no-repeat;
	width:81px;
	height:11px;
	text-decoration:none;
}

.menuCote div.menuSavoirPlus, .menuCote div.menuEnParle, .menuCote div.menuEnParle, .menuCote div.menuDistinction, .menuCote div.menuLiens, .menuCote div.menuContact { margin:3px 0 3px 0; }