@charset "utf-8";
/* CSS for main navigation (horizontal menu) - English 
* Project : Glenn Robertson
* Date : May 2010
* Author : Victor Maximov (victormaximov.info) */


/* MENU */	
/*Top level*/
ul#main-nav {
	width:950px;
	height:24px;
	position:relative; 
	margin:0;
	padding:0;
	z-index:2;
	}
ul#main-nav li {
	float:left;
	position:relative; 
	list-style-type:none;
	 }
ul#main-nav li a {
		position:absolute;
		top:0;
		display:block;
		height:24px;
		background: url(../en/images/menu_en.jpg) no-repeat;
		text-indent: -9999px;
		overflow:hidden;
		font-size:1%;
	}
ul#main-nav li#nav_home a {
		left:0;
		width:55px;
		background-position:-23px 0; /* - (left value + 23px)*/
	} 
ul#main-nav li#nav_products a {
		left:55px;
		width:163px;
		background-position:-78px 0;
	} 	
	
ul#main-nav li#nav_org a {
		left:218px;
		width:215px;
		background-position:-241px 0;
	} 	
ul#main-nav li#nav_service a {
		left:433px;
		width:136px;
		background-position:-456px 0;
	} 	
ul#main-nav li#nav_about a {
		left:569px;
		width:73px;
		background-position:-592px 0;
	} 	

/* :hover and 'you are here' states */
ul#main-nav li#nav_home a:hover,
body#home li#nav_home a.top{
		background-position:-23px -24px; /* monter 24 px en haut*/
	} 
ul#main-nav li#nav_products a:hover,
body#prod li#nav_products a.top{
		background-position:-78px -24px;
	} 	
	
ul#main-nav li#nav_org a:hover,
body#org li#nav_org a.top{
		background-position:-241px -24px;
	} 	
ul#main-nav li#nav_service a:hover,
body#service li#nav_service a.top{
		background-position:-456px -24px;
	} 	
ul#main-nav li#nav_about a:hover,
body#about li#nav_about a.top,
body#contact li#nav_about a.top{
		background-position:-592px -24px;
	} 	
	
	
/* Sous-menus */

ul#main-nav li ul {
		
		position:absolute;
		left:-9999em;
		width:auto;
		border-bottom:1px solid #fff;
		margin:0;
		padding:0;

		}
/* Shows sub-menus
TODO : add Javascript for IE6 */
ul#main-nav li:hover ul {  top:24px; }

ul#main-nav li:hover#nav_products ul {  left:55px;width:163px; }
ul#main-nav li:hover#nav_org ul {  left:218px;width:215px; }
ul#main-nav li:hover#nav_service ul {  left:433px;width:180px; }
ul#main-nav li:hover#nav_about ul {  left:569px;width:150px; }

ul#main-nav li ul li {float:none;list-style:none; }
ul#main-nav li ul li a {
		font-size:1.1em;
		text-transform:none; 
		color:#4A372C; 
		border-bottom:1px solid #9ea3b2;
		border-top:1px solid #fff;	
		position:static;
		height:24px;
		line-height:24px;
		text-indent:0;		
		text-decoration:none;		
		background-image: url(../css/img/bg_sub-menu.jpg);
		background-repeat:no-repeat ;
		background-position:0 100%!important;
		background-color:#CCC;
		/* PROBLEM : width:auto!important causes crush of DW */
		width:auto;

}	



ul#main-nav li#nav_products ul li a { width:180px;	} 
ul#main-nav li#nav_service ul li a { width:180px;		} 
ul#main-nav li#nav_about ul li a { width:150px;		} 

ul#main-nav li ul li.first a {background-position:0 0 !important;}


ul#main-nav li ul li a span{padding:0 0.5em;}

ul#main-nav li ul li a:hover,
ul#main-nav li ul li a:focus,
ul#main-nav li ul li a:active	{background:#fff; }	

/* END Menu */