/* Menu de navigation
---------------------------------------------------------------------- */
nav.mainNav > div > ul > li:hover ul {display:block; max-height: 500px;}

nav.mainNav > div > ul li li {
	position: relative;
	font-size: 0.9em;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #fff;
	white-space: nowrap;
	width:100%;
}
nav.mainNav > div > ul li li.selected,
nav.mainNav > div > ul li li:hover { text-decoration: underline; }

nav.mainNav > div > ul li li > a,
nav.mainNav > div > ul li li > span { display: block; font-size: 14px; text-transform: uppercase; padding: 10px 24px; color: inherit; text-decoration: none; }

nav.mainNav > div > ul ul {
	position:absolute; top:100%;
	overflow:hidden;
	max-height: 0px;
	z-index:200;
	background: rgba(114, 178, 104, 0.65);
	transition: max-height 0.5s ease 0s;
	box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.4);
	min-width: 100%;
}

@media all and (max-width: 1200px) {
	/* Menu de navigation
	---------------------------------------------------------------------- */
	nav.mainNav .responsiveNav {
		visibility: visible !important;
		opacity: 1 !important;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding-top: 160px;
		background-color: rgba(0, 0, 0, 0.9);
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 160px;
	}
	nav.mainNav > div > ul ul { display: none; }
	nav.mainNav > div > ul li {display:block; text-align:center; margin:0; border-radius: 0%;}
	nav.mainNav > div > ul > li span { text-align:center; }
	nav.mainNav > div > ul > li:hover ul { display:none; }
	.none {display:none !important;}

	nav.mainNav > div > ul ul.bloc {display: block !important; position: relative !important; top:0px; max-height: unset !important; overflow: inherit !important; box-shadow: none;}
}