/********************************** 
 * TOP MENU
 **********************************/ 

.nav-root{   
	width: 100%;
	font:12px Arial,Helvetica,Verdana;
	background:url(../images/top_menu.gif) repeat-x center top;
	border:none;
	margin:0px;
	padding:0px 0px 0px 10px;
	height:35px;
}
.nav-root tr, .nav-root td{   
	margin:0px;	
	padding: 0px 0px 0px 0px;
}

.nav-root tr td{  
	/*float:left;*/
	padding: 0px 0px 0px 0px;
	margin:0px 2px 0px 2px;
}

.nav-root a {
	padding: 5px 10px 5px 10px;	
	border-left:1px #777 solid;
	display: block;
	color:#fff;
	text-decoration:none;
}

.nav-root .menu_act_l0 a{
	color:#51C5DC;
}

/*submenu*/
ul.nav_top_l1, ul.nav_top_l2{
	width:210px;
	background-color:#515151;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left;
	font:12px Arial, Helvetica, Verdana, sans-serif;
	filter:alpha(opacity=95);
   	opacity:0.95;

}

ul.nav_top_l1 {
	border-style: solid;
	border-color: #363636;
	border-width: 3px 1px 1px 1px;
	margin-top:-3px;
}

ul.nav_top_l2 {
 	border-left:1px solid #1e1e1e;
}

.nav_top_l1 li, .nav_top_l2 li{
	padding:5px 9px 5px 9px;
}

.nav_top_l1 li a, .nav_top_l2 li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:2px 3px 2px 3px;
	border:1px solid transparent;
	filter:alpha(opacity=93);
	opacity:0.93;
}

.nav_top_l1 li a:hover, .nav_top_l2 li a:hover {
	background-color:#f5f5f5;
	border:1px solid #1a1a1a;
	padding:2px 3px 2px 3px;
	/*filter:alpha(opacity=85);
    opacity:0.85;*/
	color:#3f3f3f;
}



/********************************** 
 * LEFT MENU
 **********************************/ 
.left-side-menu {
	margin-top:20px;
	font:12px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

ul#nav_l1 {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#nav_l1 .menu_l1_act .menu_l2_first a ,
#nav_l1 .menu_l1_act .menu_l2_last a ,
#nav_l1 a { 
    display:block; 
    border: 1px solid #e3e3ef;
    padding: 2px 8px 2px 15px;  
    color: #01657C;
    text-decoration: none; 	
    background-color: #F5F5F5;

    /* effet boutons */
    /*background-color: #808080;*/
    /*background-color: #37454e;*/
    /*border-bottom:1px solid #666; /* gris */
    /*border-top:1px solid #999; /* gris */
    /*border-bottom:1px solid #34424a; /* bleu */
    /*border-top:1px solid #54646e; /* bleu */
    /*color:#fff;*/
}

#nav_l1 ul {
    list-style:none;
    margin-left: 0;
    padding-left: 0; 
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 0 .5em;
}

#nav_l1 ul a:hover {  padding-left:30px;  }

#nav_l1 ul ul a:hover { padding-left:45px; line-height:12pt; font-size: 8pt;  }

/*
#nav_l1 .menu_l1_act a:visited, #nav_l1 .menu_l2_act a:visited {
    border: 1px solid #9E9E9E; 
    padding: 2px 8px 2px 15px;  
    color: #F5F5F5;
    text-decoration: none;
    background-color: #0f0;
}
*/
#nav_l1 .menu_l1_act a{
	border: 1px solid #9E9E9E;
	color:#FFFFFF;
	background:#666666;
}

#nav_l1 .menu_l1_act .menu_l2_last a:hover, 
#nav_l1 .menu_l1_act .menu_l2_first a:hover, 
#nav_l1 a:hover, #nav_l1 .menu_l2_act a:hover 
{ 
    color: white;
    background-color: #01657C; 
    border: 1px solid #9E9E9E;
}


#nav_l1 .menu_l1_act .menu_l2_first a , 
#nav_l1 .menu_l1_act .menu_l2_last a , 
#nav_l1 .menu_l1_act .menu_l2 a 
{
	padding-left:30px;
}

#nav_l2 .menu_l2_first a , 
#nav_l2 .menu_l2_last a , 
#nav_l2 .menu_l2 a 
{
	padding-left:30px;
}

#nav_l1 .menu_l1_act .menu_l2_act a {
		background:#666666;
		padding-left:30px;
		color:#FFF;
}

#nav_l1 .menu_l1_act .menu_l2  a {
		background:#F5F5F5;
		padding-left:30px;
		color:#01657C;
}


.menu_l2_first a,
.menu_l2 a,
.menu_l2_last a {
	padding-left:45px;
}

.st_flashplayer_float_none {
	margin-bottom:10px;
	margin-top:100px;
}

.nav-extranet {
	text-align:right;
	padding:5px 50px 0 0;
}
