/* ------------------------------------------------------------------------------------------------ Premier niveau */
	#menu {
		position:absolute;
		width:208px;
		width/**/:206px;
		background:url(../img/inter_item.gif) no-repeat left top;
		margin:20px 0 0 0;
		padding:0
	}
	#menu li {
		background:url(../img/inter_item.gif) no-repeat left bottom;
	}
	#menu li span {display:none}
	#menu li a {
		font-size:12px;
		display:block;
		width:195px;
		text-transform:uppercase;
		font-weight:bold;
		color:#EBE9D7;
		background-image:url(../img/carre_ocre.gif);
		background-repeat:no-repeat;
		background-position:5px 50%;
		padding:6px 0 6px 13px;
		margin:0;
		text-decoration:none;
	}
	#menu li a:hover {
		color:#A50021;
		background-color:#EBE9D7;
		background-image:url(../img/carre_rouge.gif);
	}
/* ------------------------------------------------------------------------------------------------ Second niveau */
	#menu li ul {
		background:#EBE9D7;
		border:1px solid #3B3B3B;
		border-bottom:0
	}
	#menu li ul li a {
		width:205px;
		text-transform:none;
		font-weight:normal;
		color:#3B3B3B;
		background-image:none;
		border-bottom:1px solid #3B3B3B;
		padding:2px 0 2px 3px;
	}
	#menu li ul li a:hover {
		color:#EBE9D7;
		background-color:#3B3B3B;
		background-image:none
	}
	
	
	
	.menu ul {
		margin:0;
		padding:0;
		position:absolute; /* important */
		width:208px;
		width/**/:206px;
    }
    .menu li ul{
    	visibility:hidden;
    }
    .menu li ul{
		margin-left:-208px; /* be careful */
		margin-top:-24px;
    }
	.menu span{
    	/* hide some accessibility stuff */
    	display:none;
    }
    .menu li{
		width:150px;
		display:block;    
		float:left;  
		list-style:none;
		margin:0;
		padding:0;
    }
    /* IE PC selector */
	* html .menu li {
		display:inline; /* solve a IE PC list bug */
		float:none; /* solve a IE5 clav nav bug */
	}