

body {

behavior: 

url(/css/csshover.htc);

}


div#menu {width: 100px;}

/* fond blanc pour le menu */ 

div#menu a {color:#000000}

div#menu ul {padding: 0; width: 150px; border:0px solid; margin:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 

div#menu li:hover {background: #}

div#menu li.sousmenu:hover {background: #;}

/* Rajout d'une petite fleche pour les sous menu */ 

div#menu li.sousmenu {}div#menu ul li {position:relative; list-style: none; border-bottom:0px solid; text-decoration: none;}

div#menu ul.niveau2 li:hover {color:#5f5f5f; position:relative; text-decoration: underline;}

div#menu ul ul {position: absolute; top: -1px; left: 155px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 

div#menu li a {text-decoration: none; display:block; border-left: 0px solid #BBB; width:155px}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 

div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; }

/* la bordure de chaque hauteur a une couleure de survol*/ 

div#menu li a:hover {}

div#menu ul ul li a:hover {}

div#menu ul ul ul li a:hover {}
div#menu ul.niveau2 {background: #C1D6EB; padding-left:5px;}div#menu a {color:#5f5f5f; font-family:Arial, Helvetica, sans-serif; font-size:10px}

div#menu a:hover {color:#5f5f5f; font-family:Arial, Helvetica, sans-serif; text-decoration:none}

div#menu a.nav_left2 {font: italic 9pt arial; color: #5f5f5f; font-weight: bold; text-decoration: none;}

div#menu ul {padding: 0; border:0px solid; margin:0px;}

/*

///////////////////////////////

// WORLDWEBVISION COSTUM CSS //

// MAIN LEVEL LEFT MENU      //

///////////////////////////////

*/
#menu-top{
	display:block;
	position:relative;
	width:678px; 
	float:left; 
	padding:10px;
	margin-bottom:10px;
	height:23px !important;
}
#menu-left{
	display:block; 
	position:relative; 
	width:158px; 
	float:left;
	clear:left;
}
#menu-top ul.niv1{
	list-style:none;
	float:left;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width: 707px;

}
#menu-left ul.niv1{

	list-style:none;

	float:left;

	display:block;

	clear:both;

	padding:0px;

	margin:0px;

        display:relative;

}

ul.niv1 li{
	margin-bottom:5px;
	float:left;
	display:block;
	position:relative;

}
#menu-top ul.niv1 li{

	
	display:block;

	margin-right:5px;
	
}
#menu-left ul.niv1 li a.nav_left{

	background: url(../images/bg_bt_left_small.gif) repeat-x #fff;

	/*min-height:30px;

	height:30px !important;*/
	
	float:left;

	border:1px solid #c7c7c7;

	display:block;

	width:150px;

	color:#5f5f5f;

	line-height:12px;

	font: italic 9pt arial; 

	font-weight: bold; 

	text-decoration: none;

	padding-top:9px;

	padding-left:8px;

	padding-bottom:5px;

	cursor:pointer;

		

        position:relative;

}
#menu-top ul.niv1 li a.nav_haut span.red{
	color:#e51e49;
}
#menu-top ul.niv1 li a.nav_haut{
	background: url(../images/bg_bt_left_small.gif) repeat-x #fff;
    float:left;
	/*min-height:30px;

	height:30px !important;*/
	

	border:1px solid #c7c7c7;

	display:block;
    
 
	color:#5f5f5f;

	line-height:12px;

	font: italic 9pt arial; 

	font-weight: bold; 

	text-decoration: none;

	padding-top:9px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:10px;

	cursor:pointer;



        position:relative;

}
#menu-left ul.niv1 li:hover,
#menu-left ul.niv1 li:hover a:hover{

	color:#000;

	font-family:Arial, Helvetica, sans-serif; 

	text-decoration:none;

}
#menu-top ul.niv1 li:hover,
#menu-top ul.niv1 li:hover a:hover{

	color:#000;

	font-family:Arial, Helvetica, sans-serif; 

	text-decoration:none;

}

ul.niv1 li ul.niv2{
	display:none;
    z-index:10;
   	margin-left:125px;
    position:absolute;    
		float:left;
		list-style:none;

}

#menu-left ul.niv1 li a.nav_left:active,#menu-left ul.niv1 li a.nav_left:visited,

#menu-left ul.niv1 li a.nav_left:hover{

	width:150px;

	padding:0px;

	padding-top:9px;

	padding-left:8px;
	


	padding-bottom:5px;	

}
#menu-top ul.niv1 li a.nav_haut:active,#menu-top ul.niv1 li a.nav_haut:visited,

#menu-top ul.niv1 li a.nav_haut:hover{
	float:left;

	padding:0px;

	padding-top:9px;

	padding-left:10px;

	padding-bottom:10px;	
	
	padding-right:10px;

}

ul.niv1 li:hover ul.niv2{
	
	display:block;
		list-style:none;

}
ul.niv2 li {
	margin-bottom:0px;
	display:block;
	float:left;
	position:relative;
}
ul.niv2 li a.li-txt-menu,ul.niv2 li a:hover, ul.niv2 li a:active, ul.niv2 li a:visited{ 
	background: url(../images/bg_bt_left_small.gif) repeat-x #fff;

	/*min-height:30px;

	height:30px !important;*/
	
	float:left;

	border:1px solid #c7c7c7;

	display:block;

	width:200px;

	color:#5f5f5f;

	line-height:12px;

	font: italic 8pt arial; 

	font-weight: bold; 

	text-decoration: none;

	padding-top:9px;

	padding-left:8px;

	padding-bottom:10px;

	cursor:pointer;

	padding-right:10px;	

        position:relative;
}
#top-menu ul li a:hover{
	color:#000;	
}

