/* CSS du menu déroulant du site de Surtainville*/

.menu {
	width:900px ;
	font-size:0.85em;
	position:relative;
	margin-left:-5px;
	z-index:10;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	
}

.menu ul ul {width:100px;}

.menu li {
	float:left;
	width:133px;
	position:relative;

}


.menu a, .menu a:visited {

	width:132px ; 
	height:20px; 
	display:block;
	font-size:11px;
	text-decoration:none; 
	text-align:center;
	color:black; 
	border:1px solid #fff; 
	border-width:1px 1px 0 0; 
	background:#B6D6F6; 
	padding-left:0px; 
	line-height:22px;

}


.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color::#99C332;}

.menu ul ul a.drop:hover{background-color:#99C332;}

.menu ul ul :hover > a.drop {background-color:#99C332;}

.menu ul ul ul a, .menu ul ul ul a:visited {background-color:#99C332;}

.menu ul ul ul a:hover {background:#99C332;}


.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0px; 
	width:100px;
}


.menu ul ul ul{
	left:128px; 
	top:0px;
	width:150px;
}


.menu ul ul ul.left {left:-150px;}


.menu table {position:absolute; top:0; left:0;}


.menu ul ul a, .menu ul ul a:visited {

	background-color:#99C332; 
	color:black; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:112px;
	border-width:0px 0px 1px 0px; 
	border-color:black;
}


.menu a:hover, .menu ul ul a:hover{
	color:white; 
	background:#99C332;
	text-decoration: none;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:white;
	background-color:#99C332;
}


.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible;}



.menu ul :hover ul ul{visibility:hidden;}

.menu ul :hover ul :hover ul{ visibility:visible;}



/* Hacks pour IE */

* html .menu a, * html .menu a:visited {

width:132px;

w\idth:132px;

}

* html .menu ul ul {

top:21px;

left:0px;

t\op:21px;

}

* html .menu ul ul a{

width:112px;

w\idth:112px;

}