/*  MENU */ 

ul.menu, ul.menu ul {
	margin:0; 
	padding:0;
}
ul.menu li{
	list-style:none;
	padding:0;
}


/********************************************************************************/
/*  								TOP MENU 									*/
/********************************************************************************/
#topMenu ul {
	margin:0;
	padding:0;
	clear:both;
	float:right;
	z-index:9999;
	position:relative;
	 
}
#topMenu ul li{
	padding:0;
	float:left;
	display:inline;
	position:relative; /*Utilisé seulement avec le menu déroulant*/<
	z-index:99999;
}
#topMenu ul li a:link, 
#topMenu ul li a:visited,
#topMenu ul li a:active,
#topMenu ul li .separator{
	display:inline;
	float:left;
	padding: 15px 30.5px;
	color:#ffffff;
	font-size:1.2rem;
	font-weight:normal;
	background: #4C453A url(../images/bg-menu-hover.jpg) repeat-x 0 -100px;
}
#topMenu ul li a:hover, 
#topMenu ul li:hover > a,
#topMenu ul li.parent.active a:hover{
	text-decoration:none;
	background:url(../images/bg-menu-hover.jpg) repeat-x;
	border:1px solid #da701b;
	border-width: 0 1px;
	padding: 15px 29.5px 15px;
}
#topMenu ul li.item-187:hover,
#topMenu ul li.item-187:focus{
	background:#4C453A;
	border-radius: 0 5px 0 0;
	z-index:99999;
	position:relative;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}
#topMenu ul li.active a:link, 
#topMenu ul li.active a:visited, 
#topMenu ul li.active a:hover, 
#topMenu ul li.active a:active{
	color:#ffffff;
	text-decoration:none;
	/*
	background:url(../images/bg-menu-hover.jpg) repeat-x;
	border:1px solid #da701b;
	*/
	border:1px solid #000;
	background: transparent;
	background-color:#000;
	border-width: 0 1px;
	padding: 15px 29.5px;
}
#topMenu ul li.item-101 a{
	border-radius: 5px 0 0 5px;
	position:relative;
	z-index:99999;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}
#topMenu ul li.item-187 a{
	border-radius: 0 5px 5px 0;
	position:relative;
	z-index:99999;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}


/*Sous-menu - cette section peut être supprimée si non-utilisé sur le site*/
#topMenu li ul {
	display:none;
	position:absolute;
	top:4.5rem;
	left:0;
	/*padding:2rem 0;*/
	z-index:99999;
}

#topMenu li:hover ul, 
#topMenu li.hover ul,
#topMenu li.item-187:focus ul{
	display:block;
}

#topMenu li li {
	display:block;
	float:none;
	width:164px;
}


#topMenu li li a:link, 
#topMenu li li a:visited, 
#topMenu li li a:active {
	float:none;
	height:auto;
	display:block;
	padding:9px 10px;
	border:0;
}
#topMenu ul li.item-187 li a:link,
#topMenu ul li.item-187 li a:visited,
#topMenu ul li.item-187 li a:active{
	border-radius:0;
	z-index:99999;
}

#topMenu ul li li.item-206 a:link,
#topMenu ul li li.item-206 a:visited,
#topMenu ul li li.item-206 a:active {
	border-radius: 0 0 5px 5px;
	z-index:99999;
	position:relative;
	behavior: url(https://www.fraicheurquebec.com/templates/system/PIE/PIE.php);
}


#topMenu ul li.active li a:link, 
#topMenu ul li.active li a:visited,
#topMenu ul li.active li a:active{
	background: #4C453A;
	border:0px;
	padding:9px 10px;
}
#topMenu ul li li a:hover,
#topMenu ul li.active li a:hover,
#topMenu ul li.active:hover li a:hover{
	background: #000000;
	border:none;
	padding: 9px 10px;
}
/********************************************************************************/
/*  							BOTTOM MENU 									*/
/********************************************************************************/
#bottommenu {
	text-align:center;
	display:inline-block;
}
 
#bottommenu ul{
	margin:0;
	padding:0px;
	display: inline-block;
}
#bottommenu ul li { 
	float:left;
	padding:0;
	text-align:left;
	padding-left:6rem;
}

#bottommenu ul li.item-188{
	width:11rem;
}
#bottommenu ul li.item-193{
	width:21rem;
}
#bottommenu ul li.item-198{
	width:10rem;
}
#bottommenu ul li:first-child{
	padding-left:0rem;
}
#bottommenu ul li a:link, #bottommenu ul li a:visited, #bottommenu ul li a:hover, #bottommenu ul li a:active {
	color:#ffffff;
}
#bottommenu ul li span.separator{
	font-family: 'Lobster13Regular', Arial, Helvetica, sans-serif;
	font-size:2.4rem;
	color:#FFFFFF;
}
#bottommenu ul li a:hover {
	color:#9ec42d;
}

/*2nd niveau*/
#bottommenu ul ul{
	padding-top:1rem;
}
#bottommenu ul li li{
	width:100%;
	padding:0.5rem 0;
}