/* Barre de menu */
div.MainMenuBar
{
	/* Fond de la barre de menu */
	background-color: #2A2A2A;
	background-image: url('../Images/TitreMenu.jpg');
	background-repeat: repeat-y;
	/* Paramètre type menu */
	padding: 0px;
	height: 20px;
	/* Police du texte */
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;
}

/* Listes du menu */
div.MainMenuBar ul.MainMenu, div.MainMenuBar ul.MainMenu ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	clear: both;
}

div.MainMenuBar ul.MainMenu ul
{
	position: absolute;
	visibility: hidden;
	border: 1px solid #DDDDDD;
	background-color: #171D26;
}

/* Sous menus */
div.MainMenuBar ul.MainMenu ul ul
{
	left: 170px;
	margin-top: -20px;
}

/* Menu horizontal */
div.MainMenuBar ul.MainMenu li.MenuTitle, div.MainMenuBar ul.MainMenu li.MenuTitleLinked
{
	width: 129px;
	height: 20px;
	margin: 0px;
	font-weight: bold;
	text-align: center;
	border-right: 1px #7C8DA7 dotted;
}

/* Menu horizontal lies (IE6 ne supporte pas les accents en commentaires ?) */
div.MainMenuBar ul.MainMenu li.MenuTitleLinked
{
	background-image: url('../Images/FondMenuLinked.gif');
}

/* Elements du menu horizontal */
div.MainMenuBar ul.MainMenu li
{
	float: left;
	padding: 0px;
	width: auto;
}

/* Liste verticale */
div.MainMenuBar ul.MainMenu li ul
{
	font-weight: normal;
	text-align: left;
}

/* Elements du menu vertical */
div.MainMenuBar ul.MainMenu li li
{
	padding: 0px;
	width: 175px;
}

/* Flèche sur les menus */
/*div.MainMenuBar ul.MainMenu li li a[href="#"]*/
div.MainMenuBar ul.MainMenu li li a.MenuArrowed
{
	background-image: url('../Images/FlecheMenu.gif');
	background-repeat: no-repeat;
	background-position: right;
}

/* Liens du menu horizontal */
div.MainMenuBar ul.MainMenu a
{
	color: White;
	border: none;
	display: block;
	padding-left: 0px;
	text-decoration: none;
	height: 100%;
}

/* Comportement Hover du menu horinzontal */
div.MainMenuBar ul.MainMenu a:hover
{
	text-decoration: none;
	background-color: #E7990A;
	color: White;
}

/* Liens du menu vertical */
div.MainMenuBar ul.MainMenu ul a
{
	color: White;
	border: 1px solid #171D26;
	text-decoration: none;
	padding: 0px;
}

/* Comportement Hover des lien du menu vertical */
div.MainMenuBar ul.MainMenu ul a:hover
{
	border: 1px solid White;
	text-decoration: none;
	background-color: #E7990A;
	color: White;
}

div.MainMenuBar ul.MainMenu div
{
	text-align: left;
}

/* Hack CSS pour Chrome en attedant correction ... */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div.MainMenuBar li.MenuTitle > div {
	position: relative;
	top: -4px;
  }
}

/* Disposition des menus verticaux */
div.MainMenuBar ul.MainMenu li li
{
	float: none;
	border: none;
	padding: 3px;
}

/* Comportement des menus, max 3 niveaux */
div.MainMenuBar ul.MainMenu li:hover ul
{
	visibility: visible;
}

div.MainMenuBar ul.MainMenu li:hover ul ul
{
	visibility: hidden;
}

div.MainMenuBar ul.MainMenu ul li:hover ul
{
	visibility: visible;
}

div.MainMenuBar ul.MainMenu li:hover ul ul ul
{
	visibility: hidden;
}

div.MainMenuBar ul.MainMenu ul ul li:hover ul
{
	visibility: visible;
}