/* MENU */
.main-menu-item{ margin: 0; padding: 0; }
	.main-menu-link{ display: block; text-decoration: none; color: inherit; }
	
nav#block-menu-block-1{ height: 60px; padding-right: 60px; background-color: #fff; font-family: Quicksand, Lucida Sans Unicode, Lucida Grande, sans-serif; float: left; width: 80%; }
	
	.menu-responsive-toggler{ display: none; }
			
	nav > .menu-wrapper{}
		nav .depth-1{ display: table-cell; vertical-align: middle; padding: 10px 0; }
		nav .depth-1 > .main-menu-link{ height: 40px; line-height: 40px; color: #333; text-transform: uppercase; padding: 0 10px; border-right: 1px solid #eee; text-align: center; position: relative; z-index: 1; }
		nav .depth-1.expanded > .main-menu-link{ cursor: pointer; }
		nav .depth-1 > .active:before, 
		nav .depth-1 > .active-trail:before{ content: ' '; width: 60px; height: 10px; background-color: #004c69; position: absolute; bottom: -10px; left: 50%; margin-left: -30px; }
		
			nav .depth-2{ }
			nav .depth-2 > .main-menu-link{text-transform: uppercase; }
			
				nav .depth-3{ list-style-type: disc; margin-left: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
				nav .depth-3 > .main-menu-link{  }
				
@media only screen and (max-width: 1023px) { 
	
		#block-views-contenu-direct-access{ display: none; }
		#block-search-form { margin-right: 0; }
		nav#block-menu-block-1 { width: 100%; }
}
				
@media only screen and (min-width: 818px) {
	
	a.main-menu-link:hover{ color: #F0AE0A; }
	
	nav > .menu-wrapper{ overflow: visible !important; }
	nav > .menu-wrapper > .menu{ display: table; width: 100%; margin: 0; position: relative; overflow: visible !important; }
		nav .depth-1:hover > .main-menu-link{ color: #000; }
		nav .depth-1.last > .main-menu-link{ border-right: 0; }
		nav .depth-1:hover > .main-menu-link:after{ content: ' '; width: 0px; height: 0px; border: 10px solid transparent; border-bottom-color: #2AB37F; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }
		nav .depth-1.expanded > .main-menu-link:after,
		nav .depth-1:hover > .main-menu-link.active:after,
		nav .depth-1:hover > .main-menu-link.active-trail:after{ content: none; }
		nav .depth-1.expanded > .menu-wrapper{ position: absolute; top: 60px; left: 0; width: 100%; padding: 0 30px; overflow: hidden; display: none;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
			background: #004c69;
			background: -moz-linear-gradient(top,  #004c69 0%, #1b6f90 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004c69), color-stop(100%,#1b6f90));
			background: -webkit-linear-gradient(top,  #004c69 0%,#1b6f90 100%);
			background: -o-linear-gradient(top,  #004c69 0%,#1b6f90 100%);
			background: -ms-linear-gradient(top,  #004c69 0%,#1b6f90 100%);
			background: linear-gradient(to bottom,  #004c69 0%,#1b6f90 100%);
		}
		nav .depth-1.expanded > .menu-wrapper > .menu{ float: left; padding: 30px; margin: 0; max-width: 50%; }
		
		nav .depth-1.expanded:hover > .main-menu-link:before,
		nav .depth-1.expanded.is-expanded > .main-menu-link:before{ content: ' '; width: 60px; height: 10px; background-color: #004c69; position: absolute; bottom: -10px; left: 50%; margin-left: -30px; }
		nav .depth-1.expanded.is-expanded > .main-menu-link:after{ content: ' '; width: 0px; height: 0px; border: 10px solid transparent; border-top-color: #2AB37F; position: absolute; bottom: -30px; left: 50%; margin-left: -10px; }
		nav .depth-1.expanded.is-expanded > .menu-wrapper{}
		
			nav .depth-2 > .main-menu-link{ margin: 1em 0; }
}
@media only screen and (max-width: 817px) {

	nav#block-menu-block-1{ height: auto; width: 100%; color: #333; }
		.menu-responsive-toggler{ display: block; height: 55px; line-height: 40px; text-transform: uppercase; padding: 10px; text-align: center; position: relative; z-index: 1; cursor: pointer; }
		
		nav{ -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #AAA; }
		nav > .menu-wrapper{  border-top: 1px solid #EEE; }
		nav > div > .menu{ display: block; }
		nav .depth-1{ display: block; padding: 0; }
		nav .depth-1 > .main-menu-link{ border-right: none; text-align: left; padding-left: 20px; }
		nav .depth-1 > .active:before, 
		nav .depth-1 > .active-trail:before{ left: 0; top: 0; height: 40px; width: 10px; margin-left: 0; }
		nav .depth-1.expanded > .main-menu-link:after{ content: ' '; width: 0px; height: 0px; border: 7px solid rgba(0, 0, 0, 0); border-left-color: #999; position: absolute; top: 14px; bottom: inherit; right: 0; left: inherit; }
		nav .depth-1.is-expanded > .main-menu-link:after{ border-left-color: transparent; border-top-color: #999; }
		nav .depth-1.expanded > .menu-wrapper{ border-top: 1px solid #eee; padding-left: 30px; }
		nav .depth-1.expanded > .menu-wrapper > .menu{ margin-bottom: 0; float: none; padding: 0; max-width: 100%; }
		
			nav .depth-2 > .main-menu-link{ padding: 1em 0; border-top: 1px dotted #ccc; }
			nav .depth-2.first > .main-menu-link{ border-top: 0; }
				nav .depth-3 > .main-menu-link{ padding: 0.5em 0; }
}