﻿/* Set the width of the menu elements at second level. Leaving first level flexible. */

#menu_top, #menu_top ul { 
	z-index : 100;
   list-style: none; 
   margin: 0px 5px 0px 0px; 
   padding: 0; 
   width : auto;
}
#menu_top ul { 
   position: absolute; 
   top: auto; 
   display: none;
}
#menu_top ul ul { 
   margin-top: -1px;
   margin-left: -1px;
	left:100%;
   top: 0px; 
}

#menu_top a { /* les liens dans menu top*/
   display: block; 
   margin: 0px 0px; 
   padding: 0;
   font-weight:normal;
   color: #ffffff;/* couleur de la police du menu*/
   font-family: Verdana;
   text-decoration: none;
   font-size: 11px;
}
#menu_top li { 
  margin:0px 4px 0px -1px;
  float: left; 
}	

/* cellule du 1er niveau du menu*/
#menu_top li{
	z-index:100;	
   background: url(../habillage/menu_top/onglet_off_right.jpg) no-repeat right top;
}

#menu_top li:hover,
#menu_top li.over{ 
	z-index:100;	
   background: url(../habillage/menu_top/onglet_on_right.jpg) no-repeat right top;
}
#menu_top li a{ 
	z-index:101;	
	padding:0px 5px;
   background: url(../habillage/menu_top/onglet_off_left.jpg) no-repeat left top;
}
#menu_top li a:hover,#menu_top li a:active, #menu_top li:hover a, #menu_top li.over a{ 
   z-index:101;	
   background: url(../habillage/menu_top/onglet_on_left.jpg) no-repeat left top;
}
#menu_top li:hover li a, #menu_top li.over li a {
	background:none;
}

/*  sous-menus */
#menu_top li li{
   margin-left: -1px;
   margin-top: -1px;
   float: none; 
   position: relative; 
   width: 150px; /* largeur */
   color : #FFFFFF;
}
#menu_top li li,
#menu_top li li a,
#menu_top li li a:link,
#menu_top li li a:visited{
   border-right : 0px solid black;
   border-left : 0px solid black;
   border-bottom : 0px solid black;
   background-color: #012645;
   background-image:none;
   color : #FFFFFF;
}
#menu_top li li a:hover{
   background-color:#F57400;/*fond des sous-menus */
   background-image:none;
   color : #FFFFFF;
  
}

/* menu selectionne */

#menu_top li.menuactive { 
   background: url(../habillage/menu_top/onglet_select_right.jpg) no-repeat right top;
}


#menu_top li.menuactive a,li.menuactive a:link,li.menuactive a:hover,#menu_top li.menuactive a:active{ 
   background: url(../habillage/menu_top/onglet_select_left.jpg) no-repeat left top;
   color : #0a508c;
}

/* Ce qui permet de faire apparaitre le menu lors du roll-over */

#menu_top ul, 
#menu_top li:hover ul,
#menu_top li.over ul,  
#menu_top li:hover ul ul,  
#menu_top li.over ul ul { 
   display: none; 
}
#menu_top li:hover ul, 
#menu_top li.over ul,
#menu_top ul li:hover ul,
#menu_top ul li.over ul,  
#menu_top ul ul li:hover ul,  
#menu_top ul ul li.over ul { 
   display: block; 
}
/* IE Hacks */
#menu_top li li { 
   float: left; 
   clear: both; 
}
#menu_top li li a { 
   height: 1%; 
}
/* fin du menu */


