.cameleon{
	position:absolute;
	top:9px;
	right:95px;
	z-index:902;	
}
ul#menuban {
	font-size:10px;
	height:12px;
	left:800px;
	position:relative;
	width:208px;
	z-index:1000;
	color: #2e0000;
	list-style-type: none;
	font :tahoma;
	z-index:904;
}
ul#menuban li{
	float: left;
	padding-left: 14px;
	z-index:900;
}
ul#menuban a{
	float: left;
	text-decoration: none;
	color: #2e0000;
}


#menuprincipale, 
#menuprincipale ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	font: 13px tahoma; 
	position:relative;
	z-index:900;
}
#menuprincipale { 
	font-size:13px;
	height:32px;
	width:900px;
	color: #2c2314;
	list-style-type: none;
	font :tahoma;
	z-index: 900;

	position: absolute;
	left:273px;
	top:0;
	position:absolute;
	left:278px;
	top:0;
}

#menuprincipale table {border-collapse:collapse;}
#menuprincipale li {float:left;
	background-repeat: no-repeat;
	background-position:left 7px;
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
}
#menuprincipale li#pre {
	background:url("http://www.tanganyika.com/internet/images/back_pre.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 100px;
	height: 32px;
}
#menuprincipale li#hebergement {
	background:url("http://www.tanganyika.com/internet/images/back_heb.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 115px;
	height: 32px;
}
#menuprincipale li#engagement {
	background:url("http://www.tanganyika.com/internet/images/back_enga.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 110px;
	height: 32px;
}
#menuprincipale li#publication {
	background:url("http://www.tanganyika.com/internet/images/back_pub.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 100px;
	height: 32px;
}
#menuprincipale li#reference {
	background:url("http://www.tanganyika.com/internet/images/back_ref.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 95px;
	height: 32px;
}
#menuprincipale li#contact {
	background:url("http://www.tanganyika.com/internet/images/back_cont.gif") no-repeat;
	float:left;
	background-repeat: no-repeat;
	/*background-position:left 7px;*/
	margin-left:14px;
	padding-bottom: 3px;
	z-index: 900;
	display:inline;
	width: 100px;
	height: 32px;
}
#menuprincipale li li {
	float:none;
	/*opacity : 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
	z-index: 900;
	margin-left: 0;

}
#menuprincipale li ul li a {
	float:none;
	margin-top:0;
	z-index: 900;
	padding-top:2px;
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
}
#menuprincipale li ul  {
	float:none;
	
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	opacity:0.5;*/ 
	background-color: #2e0000;
	z-index: 900;
	margin:0;
	padding:0;
	clear:left;
}

#menuprincipale li#pre ul  {
	float:left;
	margin:0;
	padding:0;
	clear:left;
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	opacity:0.5;*/ 
	background-color: #122E00;
	z-index: 900;
	width: 145px;
	margin: 0;
	padding: 0;
	position: absolute;
	
}
#menuprincipale li#hebergement ul  {
	float:none;
	color:#CEB491;
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	opacity:0.5;*/ 
	background-color: #7c0400;
	z-index: 900;
	width: 165px;
	position: absolute;	
}
#menuprincipale li#engagement ul  {
	float:none;
	
	/*filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
	opacity:0.5;*/ 
	background-color: #CFB400;
	z-index: 900;
	width: 195px;
	position: absolute;	
}
/* a hack for IE5.x and IE6 */
#menuprincipale li a li {float:left;}

#menuprincipale li a {
	display:block; 
	padding-left: 5px;
	float:left; 
	color:#2E0000;	 
	text-decoration:none; 
	white-space:nowrap;
	z-index: 900;
	font-size: 11px;
	font-weight: bold;
	padding-top:15px;
	height: 17px;
	 }
	 
#menuprincipale li li a {height:21px; float:none;color: #CEB491;z-index: 900;}

#menuprincipale li:hover {position:relative; z-index:100;}
#menuprincipale a:hover {
	
	position:relative; z-index:100; 
	background:#122E00; color:#ceb491; 
	}
	#menuprincipale li#pre a:hover {
	position:relative; z-index:100; 
	background:#122E00; color:#ceb491;width: 115px; 
	}
	#menuprincipale li#pre li a:hover {
	background:#364D27; color:#ceb491;width: 145px; 
	}
	#menuprincipale li#hebergement a:hover {
	position:relative; z-index:100; 
	background:#7C0400; color:#ceb491;width: 115px; 
	}
	#menuprincipale li#hebergement li a:hover {
	background:#8E2926; color:#ceb491;width: 160px; 
	}
	#menuprincipale li#engagement a:hover {
	position:relative; z-index:100; 
	background:#CFB400; color:#2e0000;width: 115px; 
	}
	#menuprincipale li#engagement li a:hover {
	background:#CFBE4F; color:#2e0000;width: 190px; 
	}
	#menuprincipale li#publication a:hover {
	position:relative; z-index:100; 
	background:#44C0EC; color:#2e0000;width: 115px;
	}
	#menuprincipale li#reference a:hover {
	position:relative; z-index:100; 
	background:#3D4989; color:#ceb491;width: 115px;
	}
	#menuprincipale li#contact a:hover {
	position:relative; z-index:100; 
	background:#A5027D; color:#ceb491;width: 115px;
	}
#menuprincipale li:hover > a {
	background:#2e0000; 
	color:#ceb491;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 115px;
}
#menuprincipale li#publication:hover > a {
	background:#44c0ec; 
	color:#2e0000;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 95px;
}
#menuprincipale li#reference:hover > a {
	background:#3d4989; 
	color:#ceb491;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 90px;
}
#menuprincipale li#contact:hover > a {
	background:#a5027d; 
	color:#ceb491;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 95px;
}
#menuprincipale li#pre:hover > a {
	background:#122E00; 
	color:#CEB491;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 95px;
}
#menuprincipale li#hebergement:hover > a {
	background:#7c0400; 
	color:#CEB491;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 115px;
}
#menuprincipale li#engagement:hover > a {
	background:#CFB400; 
	color:#2E0000;
	z-index: 900;
	background-position:left 7px;
	background-repeat:no-repeat;
	width: 105px;
}
#menuprincipale :hover  ul {left:0; top:32px; z-index:300;}
#menuprincipale a:hover ul {left:-1px;z-index: 900;}

#menuprincipale ul {position:absolute; left:-9999px; top:-9999px;z-index: 900;}

/* it could have been this simple if all browsers understood */
/* show next level */
#menuprincipale li:hover li:hover > ul {left:0; margin-left:100%; top:0;z-index: 900;}
/* keep further levels hidden */
#menuprincipale li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;z-index: 900;}
/* show path followed */
#menuprincipale li:hover li:hover > a {

	background-color:#5E362C;
	color:#ceb491;
	z-index: 900;
	}
	#menuprincipale li#pre:hover li:hover > a {

	background-color:#364d27 ;
	color:#CEB491;
	z-index: 900;
	width: 140px;
	}
	#menuprincipale li#hebergement:hover li:hover > a {

	background-color:#8e2926;
	color:#CEB491;
	z-index: 900;
	width: 160px;
	}
	#menuprincipale li#engagement:hover li:hover > a {

	background-color:#cfbe4f ;
	color:#2E0000;
	z-index: 900;
	width: 190px;
	}
	#menuprincipale li#engagement ul li a {


	color:#2E0000;

	}
#menuprincipale li a:hover ul li a:hover {background:#ffffff;color:#564f41;z-index: 900;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menuprincipale a:hover a:hover ul,
#menuprincipale a:hover a:hover a:hover ul,
#menuprincipale a:hover a:hover a:hover a:hover ul,
#menuprincipale a:hover a:hover a:hover a:hover a:hover ul
{position:absolute; left:100%; top:0;z-index: 900;}

/* keep further levels hidden */
#menuprincipale a:hover ul ul,
#menuprincipale a:hover a:hover ul ul,
#menuprincipale a:hover a:hover a:hover ul ul,
#menuprincipale a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;z-index: 900;}