/* CSS Document */
/* ================================================================ 
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.
=================================================================== */


.menu {
float:left;
margin-left:0;
width:600px; 
position:relative;
z-index:100;
font-size:0.85em;
text-align:center;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:120px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:109px; 
height:30px; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background: #660000; 
padding-left:10px; 
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:120px;
w\idth:109px;
}

 li li {
	display:block;
	float:none;
	text-align:left;
}
	
/* correct a little IE bug */
* html .menu li li{
	display:inline;
}
	


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


/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background: #F6E8A0 url(images/fleche.gif) right no-repeat;

}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65 url(images/fleche.gif) right no-repeat;
}
.menu ul ul :hover > a.drop {
background:  #c9ba65 url(images/fleche.gif) right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:120px; 
top:0;
width:120px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-120px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#F6E8A0; 
color:#660000; 
height:auto; 
line-height:1.7em; 
padding:5px 10px;
width:99px;
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:120px;
w\idth:99px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#990000;
font-size:11px;
text-decoration:none;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#990000;
font-size:11px;
text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

#menub{
float:left;
margin-left:0;
	height:25px;
	vertical-align:middle;
	padding:0;
	text-align:center;
	margin-bottom:0;
	background:inherit;
	width:600px;
	position:relative;
}

#menubcentre {
	width:600px;
	margin-left:0px;
	margin-right:auto;
	text-align:center;
}

#menub a, #menub a:active {
	display:block;
	float:left;
	font-weight:normal;
	font-size:12px;
	line-height:20px;
	padding-left:5px;
	padding-right:5px;
	border:none;
	vertical-align: middle;
	text-align:center;
	background-color:inherit;
	color: #CC3300;
	}

#menub a:hover {
	color: #990000;
	text-decoration:none;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:inherit;
	
}

#menub ul, #menub li {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
	
}

#menub li {
	display:inline;
}


#menug {
font-family:inherit;
margin-left:0;
margin-top:150px;
float:left;
width:auto;
height:auto;
background-color:#660000;
padding:0;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menug {
margin-top:102px;
m\argin-top:150px;
}


#menug ul {
margin-top:auto;
	margin-left:0;
	margin-right:auto;
	margin-bottom:auto;	
	padding: 0 ;
	list-style-type: none ;
	vertical-align: text-top;
	text-align:left;
	background: #990000;
/* Suppression du margin, du padding et des puces du <ul> */
}

#menug ul li
{
	margin:0 ;
	padding:0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
vertical-align: text-top;

}

#menug ul li a , #menug ul li a:active
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	line-height: 35px ;
	color: white ;
	text-indent: 15px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	vertical-align: text-top;	
	font-family:inherit;
	font-size:13px;
	font-weight:bold;	
	background: inherit;
	border: none ;
}

#menug ul li a:hover
{
	background:#CC6600 url(images/fleche.gif) left no-repeat;
	color:#FFFF99;
}

.titremenu {
background:#FF9900;
	border:none ;
	color:#990000 ;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	line-height: 35px ;
	text-indent: 15px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	vertical-align: text-top;	
	font-family:inherit;
	font-size:13x;
	font-weight:bold;
}

.titresousmenu {
background:#FF9900;
	border:none ;
	color:#990000 ;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	line-height: 20px ;
	text-indent: 15px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	vertical-align: text-top;	
	font-family:inherit;
	font-size:13x;
	font-weight:bold;
}


#menud {
font-family:inherit;
margin-right:0;
margin-top:220px;
float:right;
width:auto;
height:auto;
background-color:#660000;
padding:0;

}


#menud ul {
margin-top:auto;
	margin-left:0;
	margin-right:auto;
	margin-bottom:auto;	
	padding: 0 ;
	list-style-type: none ;
	vertical-align: text-top;
	text-align:left;
	background:#990000;
/* Suppression du margin, du padding et des puces du <ul> */
}

#menud ul li
{
	margin:0 ;
	padding:0;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
vertical-align: text-top;

}

#menud ul li a , #menud ul li a:active
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	line-height: 35px ;
	color: white ;
	text-indent: 15px ; /* On décale le texte de 40px du bord gauche */
	text-decoration: none ;
	vertical-align: text-top;	
	font-family:inherit;
	font-size:13px;
	font-weight:bold;	
	background: inherit;
	border: none ;
}

#menud ul li a:hover
{
	background:#CC6600 url(images/fleche.gif) left no-repeat;
	color:#FFFF99;
}


#menud ul ul {
margin:0 ;
padding:0;

}

#menud ul ul li {
margin:0 ;
padding:0;
line-height:20px;
height:20px;


}

#menud ul ul li a, #menud ul ul li a:active
{
background:#F6E8A0;
color:#660000;
line-height:20px;
height:20px;

}