/* @override http://dev.phytoaromatica.singapour.provnet.fr/templates/default/dhtmlmenu.css */

/* CSS Document */
<style type="text/css">
	#mainContainer{
		width:100%;
		margin:0 auto;
		text-align:left;
		background-color: #FFF;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
		margin: 2px; padding: 2px; list-style: none; text-align: left;
		
	}
	#dhtmlgoodies_menu li{
		margin-left: 2px; list-style: none;
		
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	**********************************************************************/
	#dhtmlgoodies_menu ul{
		width: 980px;
		padding:0;	
		margin: 0;
	}
	
	#dhtmlgoodies_menu ul li{
		width: 110px;
		background: url(../../images/fond_menu.png) repeat-x;
		text-align: center;	
		padding-top: 20px;
	}
	
	#dhtmlgoodies_menu ul li ul li {
		width: 130px;
		padding:1px;
		
	}
		
	 #dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		overflow: visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items  */
		border:0px;
		padding:0px;
		margin: 0px;
		width: 130px;
		background-color: #fff;
		
}
	#dhtmlgoodies_menu ul.menuBlock3{ /* Menu bar - main menu items  */
		padding:0px;
		margin-left: 8px;
		margin-top: 0px;
		width: 110px;
		background-color: #fff;
		border: 1px solid #68c2ff;
}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
		display: block;	}
		
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		height: 50px;
		vertical-align: bottom;	
	}
	
		
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		height: 50px;

		vertical-align: bottom;	
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		color: #7f7f7f;
		font-weight: bold;
		font-size: 10px;
		height: 50px;
		display: block;
		
}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color: #7f7f7f;
		font-weight:bold;
		font-size: 10px;
		height: 50px;
		display: block;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu li.currentDepth2{
		padding:4px;
		margin:2px;
		width: 118px;
		background-color: #68c2ff;
		color: #7f7f7f;
		text-align: left;
		font-size: 10px;
}
	#dhtmlgoodies_menu li.currentDepth2over{
		padding:4px;
		margin:2px;
		width: 118px;
		background-color: #68c2ff;
		color: #7f7f7f;
		text-align: left;
		font-size: 10px;
	}	
	#dhtmlgoodies_menu .currentDepth2{
		padding:0px;
		margin:0px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding:0px;
		margin:0px;

	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
	}
	#dhtmlgoodies_menu li.currentDepth3{
		padding:4px;
		margin:0px;
		width: 102px;
		background-color: #68c2ff;
		color: #7f7f7f;
		text-align: left;
		font-size: 10px;
}
	#dhtmlgoodies_menu li.currentDepth3over{
		padding:4px;
		margin:0px;
		width: 102px;
		background-color: #68c2ff;
		color: #7f7f7f;
		text-align: left;
		font-size: 10px;
	}	
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
	}	


</style>