#menu, #menu ul{
	width: 200px;
    margin:0px 0px 20px 0px;
    padding:0;
	list-style: none;
	float : left;
    }
    
#menu li{
	position : relative;
    width: 200px;   
    float: left;
    margin: 0;
    padding: 0;
    }
    
#menu li ul{
	position: absolute;
	left: -999em;
    margin: -28px 0px 0px 201px;
	padding: 0;
    }
	
#menu li:hover, #menu li.actif, #menu li.sfhover {
	background-color: #ccc;
	}
	
#menu li ul li:hover {
	background: transparent;
	}
	
#menu li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
#menu a, #menu a:hover {
    text-align: left;
    color: #000000;
    font-weight:bold;
    display:block;
    width: 200px;
    text-decoration:none;
    margin:0;
    padding:6px 0px 6px 10px; /* em units can creat little graphic bug in mozilla */
    }
    
a.actif {
    background: #ccc;
    }
    
html>body #contenu #menu a {
	 width: 190px;
	}
    
#menu a:hover {
    background-color: #ccc;
    }
    
ul li a:hover{
	font-weight:bold;
    }
    
#menu li ul li a {
	text-align: left;
    background-color: #ccc;
    color: #000000;
    display:block;
    font-weight: normal;
    width: 200px;
    text-decoration:none;
    margin:0;
    font-size: 11px;
    padding:6px 0px 6px 10px; /* em units can creat little graphic bug in mozilla */
    filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	}