﻿

/* ------------------------ LOGO ------------------------ */

.logo_menu				{float:left;}
.title_menu				{float:left;}
.title_menu	a			{text-decoration:none}


.logo_menu img			{width:100%}


.responsive_menu		{float:right;width:40px; height:40px;text-align:center; padding-top:10px; display:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;text-decoration:none}
.responsive_menu span	{display:none}

.noHeader_spacer			{height:150px}

/* ------------------------ MENU EFFECT ------------------------ */

.menu_effect			{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.menu_animated			{position:fixed !important;top:0; z-index:999;}
.menu_spacer			{height:0;}
.top_spacer			{height:0;}

/* ------------------------ RESET ------------------------ */

ul#nav 					{margin:0; padding:0; list-style:none;z-index: 397; position:absolute; bottom:0}

/* ------------------------ MENU ------------------------ */

#menu					{width:100%; min-height:40px; position:relative; z-index:1004; }


ul#nav > li 				{position:relative; float:left;}

ul#nav > li a 				{display:block;padding:10px; text-decoration:none; outline-style:none; float:left}



/* ------------------------ SOUS MENU ------------------------ */

ul#nav ul  				{margin:0; padding:0; list-style:none; float:inherit;position:absolute; display:none; left:0; top:40px; z-index:100001 !important;}


ul#nav li:hover > ul 		{display:block;}

ul#nav ul li 				{float:inherit; width:100%; z-index:1000000}

ul#nav ul li a 				{padding:10px; font-size:90%; white-space:nowrap; width:100%; display:block;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box}


ul#nav ul li:hover,
ul#nav ul li.nav_active 	{position: relative;}



