/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menubar {
	width: 950px; 
	font: bold 10px/11px Arial, sans-serif;
	position:relative;
	float: left;
	height: 24px;
	z-index:100;
	margin:0 0 10px 0;
}
/* remove all the bullets, borders and padding from the default list styling */
.menubar ul {
	float: left;
	padding:0;
	list-style-type:none;
	height: 24px;
	margin: 0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menubar li, .menubar ul li#last {
	float:left;
	width:auto;
	position:relative;
}
/* style the links for the top level */
.menubar a {
display:block;
text-decoration:none; 
text-align: center;
color:#555; 
background:#ccc4b8;
width:89px; 
height:21px; 
border:2px solid #f7f4ef; 
border-width:0 2px 0 0; 
padding:2px 2px; 
}
* html .menubar a {
	font: bold 11px/12px Arial, sans-serif;
	w\idth:89px;
	height:20px;
}
/* cas particuliers */
.menubar ul li a.oneline, .menubar ul li a.oneline:visited, .menubar ul li a#jun{
	padding:7px 2px;
	height:11px;
}
* html a.oneline, * html a.oneline:visited, * html a:visited.oneline, *html .menubar ul li a#jun{
	line-height: 14px;
}
.menubar ul li#last a{
	border-right:0 ;
	width: 91px;
}
* html .menubar ul li#last a{
	width:89px;
	w\idth:89px;
}
/* style the second level hover */
.menubar ul ul a:hover{
	background:#ccc4b8;
}
.menubar ul ul :hover > a {
	background:#ccc4b8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menubar ul li ul, .menubar ul li#last ul {
	visibility:hidden;
	position:absolute;
	top:25px;
	left:-2px; 
	width:auto;
	border:2px solid #f7f4ef;
	border-width: 2px 0 0 0;
	background: #f7f4ef;
}
/* another hack for IE5.5 */
* html .menubar ul ul, *html .menubar ul li#last ul {
	top:27px;
	t\op:28px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menubar table {
	position:absolute; 
	top:0; 
	left:0;
}
/* style the second level links */
.menubar ul li ul a {
	font-size: 11px;
	background:#f7f4ef;
	color:#555; 
	height:auto; 
	text-align: left;
	padding:6px 8px;
	width:172px;
	float: none;
	border:2px solid #f7f4ef;
	border-width: 0 2px 2px 2px;
}
.menubar ul li ul, .menubar ul li#last ul{
/*\*/
display: block;
/*/
display: inline-block;
/**/
}

/* yet another hack for IE5.5 */
* html .menubar ul ul a{
}
/* cas particulier : dernier menu */
.menubar ul li#last ul{
	left:-97px
}
.menubar ul li#last ul, .menubar ul li#last ul li, .menubar ul li#last ul li a {
 	width:174px;
}
/* style the top level hover */
.menubar a:hover{
	background:#f7f4ef;
}
.menubar ul ul a:hover, .menubar ul ul a:visited:hover{
	background:#ccc4b8;
}
.menubar ul ul li:hover > a {
	background:#ccc4b8;
}
/* make the second level visible when hover on first level list OR link */
.menubar ul li:hover ul,
.menubar ul a:hover ul, .menubar ul li#last:hover ul, .menubar ul li#last a:hover ul{
	visibility:visible; 
}
/* onglet actif : pas de deroulant */
.menubar ul li.active:hover ul,
.menubar ul li.active a:hover ul, .menubar ul li.active#last:hover ul, .menubar ul li.active#last a:hover ul{
	visibility:hidden;
}
.menubar ul li.active a, .menubar ul li.active a:hover, .menubar ul li.active a:visited{
	background:#f7f4ef;
}
/* cas particulier : onglet juniors */
.menubar li a#jun{
	background: #ccc4b8 url(../graphics/juniors.png) no-repeat 3px 3px;
}
 .menubar ul li.active a#jun, .menubar ul li a#jun:hover, .menubar ul li:hover a#jun, .menubar ul li.active:hover a#jun, .menubar ul li.active a#jun:hover, .menubar ul li.active a#jun:visited{
	background:#f7f4ef url(../graphics/juniors_f2.png) no-repeat 3px 3px;
}
.menubar ul>li.active:hover a#jun, .menubar ul>li:hover a#jun, .menubar ul>li#last:hover a#jun{
	background:#f7f4ef url(../graphics/juniors_f2.png) no-repeat 3px 3px;
}