/* CSS générique de rendu des différents menus */



/* === RENDU menu_dropdownV2 === 

Exemple de structure: 

<div class='tk_menu menu_dropdownV2'>
	<div class='menu_main'>
		<div class='menu_item menu_item-first menu_item-1 menu_level-1'>
			<div class='menu_item_content'>Item 1 Level 1</div>
		</div>
		<div class='menu_item menu_item-2 menu_level-1'>
			<div class='menu_item_content'>
				<span class='menu_item_hint'>$hint</span>
				<a class='menu_item_link'><span class='menu_item_title'>Item 2 Level 1</span></a>
			</div>
			<div class='menu_submenu'>
				<div class='menu_item menu_item-first menu_item-1 menu_level-2'>
					<div class='menu_item_content'>
						<span class='menu_item_hint'>$hint</span>
						<a class='menu_item_link'><span class='menu_item_title'>I1L1 -> Item 1</span></a>
					</div>
					<div class='menu_submenu'>

						<div class='menu_item menu_item-1 menu_level-3'>
							<div class='menu_item_content'>
								<span class='menu_item_hint'>$hint</span>
								<a class='menu_item_link'><span class='menu_item_title'>I1L1I1 -> Item 1</span></a>
							</div>
						</div>
						...
						<div class'menu_item menu_item-X menu_level-3'>
							<div class='menu_item_content'>
								<span class='menu_item_hint'>$hint</span>
								<a class='menu_item_link'><span class='menu_item_title'>I1L1I1 -> Item X</span></a>
							</div>
						</div >			
					</div
				</div>
				...
				<div class'menu_item menu_ietm-last menu_item-X menu_level-2'>
					<div class='menu_item_content'>
						<span class='menu_item_hint'>$hint</span>
						<a class='menu_item_link'><span class='menu_item_title'>I1L1 -> Item X</span></a>
					</div>
				</div >			
			</div
		</div>
		...
		<div class='menu_item menu_item-last menu_item-X menu_level-1'>
			<div class='menu_item_content'>Item X Level 1</div>
		</div>
	</div>
</div>


Note : Origine 1 sur les level et item

*/


/* container générique : tous mes menus doivent avoir une dic container avec cette classe */ 
.tk_menu {
	position:relative;	
}

/* div container de type dropdown */
.menu_dropdownV2 { 
	z-index:100;
}

/* tous les sub menus - c'est ces div's qui seront slideupée... */
.menu_submenu {
	z-index:1000;
	position:absolute;
	display:none;
	background:white;
	width:100%;  /* important...*/ 
}
.menu_item {
	position:relative;	
}
.main_menu {
	position:relative;	
}
.menu_item_link {
	position:relative;
	display:block;
}


.menu_level-0 { float:left; }  /* par défaut le niveau 0 est hirzontal */
.menu_level-1 { }
.menu_level-2 { }
.menu_level-3 { }
.menu_level-first { }
.menu_level-last { }

.menu_item { }
.menu_item-1 { }
.menu_item-2 { }
.menu_item-3 { }
.menu_item-4 { }
.menu_item-5 { }
.menu_item-6 { }
.menu_item-7 { }
.menu_item-8 { }
.menu_item-9 { }
.menu_item-10 { }

.menu_item-first { }
.menu_item-last { }

/* responsive */
.menu-mobile { display:none;}
input.menu-mobile-input { display:none;}