/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0;}
ul.nav {
	position:fixed;
	top: 0;
	/*background:transparent !important;*/
	max-width:75%;
	height:2.5em;
  }
ul.nav li {
	cursor:pointer;
	float:left;
	text-align:center;
	list-style-type:none;
	font-weight:normal;
	/*font-weight:bold; bof, trop fat*/
}
ul.main li:hover a#acoustique {	
	/*color: #fa661b;*/
	/*color: #F33701;*/		/*guillaume*/
	/*color: #FF5522;*/		/*valery0*/
	color: #FF8866;			/*valery*/
}
ul.main li:hover a#prototypes{
	/*color: #FF02EE;*/
	/*color: #B11DA7;*/		/*guillaume*/
	/*color: #FF20F0;*/		/*valery0*/
	color: #FF55EE;			/*valery*/
}
ul.main li:hover a#hydraulique{	
	/*color: #1bcffa;*/
	/*color: #0589F5;*/
	color: #22AAFF;			/*valery*/
}
ul.main li:hover a#sociologie{
	/*color: #FF02EE;*/
	/*color: #B11DA7;*/		/*guillaume*/
	/*color: #FF20F0;*/		/*valery0*/
	color: #00cc00;			/*valery*/   /* on doit retrouver la même valeur dans accueil-orythie.js::function change_image_m()  */ 
}
ul.main li:hover a#enceintes{
	/*color: #faa21b;*/
	color: #F7C602;
}
ul.nav li ul {
	cursor:default;
	width:100%;
	max-width:100%;
	position:absolute;
	height:auto;
	top:2.5em;
	background-position:0 0 !important;
	left:-9000px;
}
ul.nav li ul li {
	padding:0;
	border:none;
	width:auto;
	max-width:none;
	-moz-border-radius-bottomleft: 5px;	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;	border-top-right-radius: 5px;
}

ul.nav li a {
	color:#ededed;
	background:#b8b8b8;
	/*font-weight:bold;*/
	text-decoration:none;
	display:block;
	float:left;
	padding:0 1em;
	height:2em;
	line-height:2em;
}
/*ul.nav li ul li a {
	position:relative !important;
	cursor:pointer !important;
	white-space:nowrap;
	line-height:4em;
	height:4em;
	font-weight:normal;
	color:#b8b8b8;
	background-position:0 50% !important;
	margin-top: 2px;
	margin-bottom: 1px;*/
}
ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus 	{color:#000; background:rgba(121,121,121,0.5);}
ul.nav li a:active 	{color:#666; background:transparent !important;}
ul.nav li:hover ul 	{left:0;z-index:10; background:transparent !important;}
/*ul.nav li ul 		
ul.nav li 			{background:rgba(69,69,69,0.5); !important}*/
ul.nav li:hover ul li a 	{color:#797979;}
ul.nav li:hover ul li a:hover 	{color:#000; background:rgba(121,121,121,0.5);}
ul.nav li:hover ul li a:active 	{color:#666; background:rgba(121,121,121,0.5);}
ul.nav li.current a 	{color:#666; background:rgba(121,121,121,0.5); cursor:default; font-weight:bold;}
ul.nav li.current ul 	{left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current 		{background:rgba(121,121,121,0.5) !important}
ul.nav li.current ul li a 	{color:#444; background:rgba(121,121,121,0.5); font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:rgba(121,121,121,0.5);}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:rgba(121,121,121,0.9);}

ul.nav li ul li#acous:hover {background-color:#F43700;}
ul.nav li ul li#proto:hover {background-color:#B11DA7;}
ul.nav li ul li#hydro:hover {background-color:#0688f6;}
ul.nav li ul li#socio:hover {background-color:#00aa00;}
ul.nav li ul li#encei:hover {background-color:#FAA21B;}

/* navigation (vertical subnavigation)
----------------------------------------------- */
/* fond nav milieu & fonds de cellules principales (grise)*/

ul.nav {background:rgba(102,102,102,0.5);}
ul.main li {
	position:relative;
	top:0;
	left:0;
}
ul.main li ul {
	border-top:0;
}
ul.main li ul li {
	float:left;
	margin-top: 2px;
	margin-bottom: 1px;
}
ul.main li a {
	height:2.5em;
	line-height:2.5em;
	border:0;
	color:#ccc;
	background:rgba(102,102,102,0.5);
	/*border-left:1px solid #838383;*/
}
ul.main li:hover ul li a {
	width:12em;
	line-height: 2em;
	font-size: 0.95em;
	height:2em;		
	text-align:left;
	color:#ededed;
	-moz-border-radius-bottomleft: 5px;	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;	border-top-right-radius: 5px;
	/*border-right:1px solid rgba(237,237,237,0.5);
	border-left:1px solid rgba(237,237,237,0.5);
	border-bottom:1px solid rgba(237,237,237,0.5);*/
	background:rgba(121,121,121,0.5);
}
ul.main li a:focus 				{color:#FFF; background:rgba(121,121,121,0.5);}
ul.main li ul li a:hover 		{color:#fff; background:rgba(121,121,121,0.5);}
ul.main li:hover a 				{color:#fff; background:rgba(69,69,69,0.1);}
ul.main li:hover ul li a 		{color:#ededed;}
ul.main li:hover ul li a:hover 	{color:#fff; background:rgba(69,69,69,0.0);}
ul.main li:hover a:active 		{background:rgba(69,69,69,0.5);}
ul.main li:hover ul li a:active {color:#fff; background:rgba(69,69,69,0.1);}

/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#999;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	color:#fff;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}