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

/* 
	LEVEL ONE
*/
ul.dropdown
{
	position: relative;
	list-style: none;
	margin:0;
	padding:12px 0 0 116px;
	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/fr/bt-accueil.gif) no-repeat; }

ul.dropdown li.menu01 a:hover, ul.dropdown li.menu01:hover, ul.dropdown li.menu01.selected { background:url(../images/fr/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/fr/bt-fromages.gif) no-repeat; }

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

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

ul.dropdown li.menu03 { background:url(../images/fr/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/fr/bt-ou-les-trouver-roll.gif) no-repeat; }

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

ul.dropdown li.menu04 { background:url(../images/fr/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/fr/bt-qui-sommes-nous-roll.gif) no-repeat; }

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

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

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

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

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

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

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

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
{
	width: 140px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	margin:0;
	padding:0;
	z-index: 110;
	white-space: nowrap;
}

ul.dropdown ul 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 ul li:hover, ul.dropdown ul 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; }

/* @group Level two specific block */

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

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

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

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

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

/* @end 

/* IE 6 & 7 Needs Inline Block */

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

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.menu05 ul.sub_menu li a, ul.dropdown li.menu06 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/fr/bt-en-savoir-plus.gif) no-repeat;
	width:122px;
	height:11px;
	display:block;
}

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

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

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

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

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

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

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

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

.menuCote div.menuContact a:hover, .menuCote div.menuContact.selected a
{
	background:url(../images/fr/bt-contacts-roll.gif) no-repeat;
	width:84px;
	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; }