/* CSS du menu horizontal, bieler batiste */

.menu{
	margin:0;
	padding:15px 0 15px 0;

}

.menu ul {
	position:absolute;
	width:180px;
	margin:-16px 0 0 196px;
	padding:24px 0 0 0;
	background: url(../images/menu/top.png) no-repeat top left;
	z-index:100
}

.menu li ul{
	display:none;
	width:180px;
}


.menu li li ul{
	position:absolute; /* pour sortir la liste du flux de donnée */
	top:auto;
	left:auto;
	margin:-16px 0 0 146px;
	display:none;
}

.menu li{
	list-style-type:none;
	padding:4px 0;
	margin:0 0 0 0;
}

.menu li li{ 
	margin: 0;	
	padding:0 0 0 1px;
	background: url(../images/menu/bg.png) repeat-y;

}

.menu li li.footMenu{
	width:180px;
	float:left;
	margin-left:0;
	height:26px;
	background: url(../images/menu/foot.png) no-repeat;
}

/* correct a little IE bug */
* html .menu li li{ display:inline; }

/* link */
.menu li a:link,.menu li a:visited {
	font-size:11px;
	font-weight:bold;
	color:#c6bba7;
	text-transform:uppercase;
	text-align:right;
	display:block;
	padding:0 ;
}

.menu li li a:link,.menu li li a:visited { 
	display:block;
	color:#008296;
	text-transform:lowercase;
	font-size:11px;
	text-align:left;
	padding:3px 10px 3px 15px;
	width:152px;
	line-height:13px
}

.menu li a:hover, .menu li a.select {
	text-decoration:none;
	color:#008498
}

.menu li li a:hover, .menu li li a.select {
	background:#fff;
}

/* hide some accessibility stuff */
.menu span{ display:none; }

.menu a.menu_h:link, .menu a.menu_h:visited {
	font-style: italic !important;
	color: #999999 !important;
}

.menu a.hs:link, .menu a.hs:visited {
	font-style: italic !important;
	color: #999999 !important;
	font-weight: bold !important;
}

.menu a.menu_s:link, .menu a.menu_s:visited {
	color:#008296 !important;
	font-weight: bold !important;
}