#content div.aside {
	padding-top: 0 !important;
}

.menu-opc {
	min-height: 500px;
}

.accordion-header {
	background: url(https://cdn.opc.gouv.qc.ca/skins/opc/images/content/aside/div.nav-section.consommateurs.png) top left no-repeat;
	width: 100%;
	height: 80px;
	position: relative;
	margin-top: -58px;
}

#commercants .accordion-header {
	background: url(https://cdn.opc.gouv.qc.ca/skins/opc/images/content/aside/div.nav-section.commercants.png) top left no-repeat;
}

ul.accordion {
	width: 277px;
	max-width: 360px;
	margin: 0px auto 20px;
	background: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

ul.accordion li {
	list-style-type: none !important;
	margin-bottom: 0;
}

ul.accordion .link {
	cursor: pointer;
	display: block;
	padding: 12px 30px 11px 15px;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.accordion .link:hover {
	text-decoration: underline;
}

ul.accordion .link[role="button"]:focus {
    border: 1px solid #000000;
}

ul.accordion li:last-child .link {
	border-bottom: 0;
}

ul.accordion li i {
	position: absolute;
	top: 11px;
	left: 12px;
	font-size: 18px;
	color: #0b4ca9;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#commercants ul.accordion li i {
	color: #007164;
}

ul.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

ul.accordion li.open .link {
	color: #000000;
}

ul.accordion li.open i {
	
	olor: #000000;
}
ul.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

ul.accordion li:not(.open) .submenu > li > a {
	background-image: none !important;
}

ul.accordion li.default .submenu {display: block;}

.noclick {
	background-image: none !important;
}

/**
 * Submenu
 -----------------------------*/
 
 .submenu {
 	background: #eeeeee;
 	font-size: 13px;
 	position: relative;
 	margin: 0 !important;
 }
 
 	.submenu div.link:first-child {
 		display: none !important;
 	}

 .submenu li {
 	border-bottom: 1px solid #CCC;
 	position: relative;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #535353;
 	padding: 8px;
 	padding-left: 25px;
 	border: 1px solid #eeeeee;
 }

 .submenu > li > a {
 	background: url(https://cdn.opc.gouv.qc.ca/skins/opc/images/fleche-menu.png) no-repeat right center;
 	padding-right: 25px;
 }

 .submenu a:hover {
 	text-decoration: underline;
 }

 .submenu a.actif {
 	background: #FFF;
 	color: #0b4ca9;
 	border: 1px solid #0b4ca9;
 	border-right: 0px;
 	position: relative;
 	z-index: 9999;
 }

 #commercants .submenu a.actif {
 	color: #007164;
 	border-color: #007164;
 }

 	 .submenu ul {
	 	display: none;
	 	background: #FFF;
	 	position: absolute;
	 	z-index: 99;
	 	top: 0px;
	 	left: 99.5%;
	 	width: 300px;
 		border: 1px solid #0b4ca9;
 		padding: 10px 10px 10px 40px;
 		margin: 0 !important;
	 }

 	 #commercants .submenu ul {
 		border: 1px solid #007164 !important;
	 }

 	 .submenu ul li {
	 	border: 0px;
	 	list-style-type: square !important;
	 	color: #0b4ca9;
	 	font-weight: bold;
	 }

 	 #commercants .submenu ul li {
	 	color: #007164 !important;
	 }

 	 .submenu ul li a {
	 	border: 0px;
	 	padding: 8px 0 8px 8px;
	 	color: #0b4ca9;
	 	font-weight: bold;
	 }

		#commercants .submenu ul li a {
			color: #007164;
		}

	 	 .submenu ul li a:hover {
		 	border: 0px;
		 	background: none;
		 	text-decoration: underline;
		 }

 	 .submenu ul.actif {
	 	display: inline;
	 }