/* CSS du menu horizontal, bieler batiste */

#menu {
	font-weight:bold;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	background:#000 url("../img/page/menu.png") repeat-x;
	height:24px;
	z-index:20;
	border-bottom:solid 1px #fff;
  }


	
#menu ul {
	position:absolute;
	display:block;
	/*margin:0;*/
	padding:0;
	}
    
#menu li ul {
	visibility:hidden;
	}

#menu li li ul {
	position:absolute;
	margin-left:200px;
	margin-top:-29px;
	}
    
#menu li {
	list-style:none;
	width:auto;
	height:auto;
	display:inline;
	display/**/:block;
	float:none;
	float/**/:left;
	margin:0;
	padding:0;
	}
    
#menu li li {
	border-bottom: solid 1px #bbb;
	display:block;
	float:none;
	}
    
/* correct a little IE bug */
* html #menu li li {
	display:inline;
	}

#menu a, #menu span {
	background: none;
	border-right:1px #fff solid;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:5px 10px;
	margin:0px;
	}

#menu a:hover, .menu a.actif {
	background: url("menu.gif") bottom repeat-x #fff;
	border-bottom:solid 0px #fff;
	color:#000;
	}   

/* for a mozilla better display with key nav */
#menu a:focus {
	background: url("menu.gif") bottom repeat-x;
	border-bottom:solid 1px #fff;
	color:#000;
	}

a.linkOver {
	background-color: #eee;
	}
	
.ssmenu{
  background:#000;
	border-bottom:solid 1px #bbb;
	border-top:solid 1px #bbb;
	border-left:solid 1px #bbb;
	border-right:solid 1px #bbb;
	color:#fff /*#ffdc51*/;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	padding:5px 5px;
	text-decoration:none;
	width:200px;
	}