@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* Le conteneur externe de la barre de menu, une boîte de largeur auto sans marge */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
	cursor: default;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-style: normal;
	margin-left: 0px;
	padding: 0.1em 0.1em;
	
}
/* Réglage de la barre de menu active avec cette classe */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Conteneurs d'éléments de menu, les enfants de position par rapport à ce conteneur et sont une largeur fixe */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 11em;
	float: left;
	font-family: "Comic Sans MS";
	color: #0033FF;
	transition: background-color linear 0.5s;

}
/* Les sous-menus doivent apparaître en dessous de leur parent (en haut: 0) avec un plus grand un z-index,  ils sont sur le côté gauche de l'écran (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 11em;
	position: absolute;
	left: -1000em;
}
/* Le sous-menu qui montre avec MenuBarSubmenuVisible désignation de la classe, nous avons réglé à gauche à l'auto de sorte qu'il arrive sur l'écran en dessous de son élément de menu parent */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Conteneurs d'éléments de menu sont les mêmes largeur fixe en tant que parent */
ul.MenuBarHorizontal ul li
{
	width: 11em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Le sous-menu qui montre avec MenuBarSubmenuVisible désignation de la classe, nous avons réglé à gauche à 0 de sorte qu'il arrive sur l'écran */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

INFORMATION CONCEPTION: décrit les couleurs, les frontières, les polices

 *******************************************************************************/

/* Conteneurs de sous-menu ont des bordures sur tous les côtés */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
/* Les éléments de menu sont un bloc gris clair avec un rembourrage et aucune décoration de texte */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #0099FF;
	padding: 0.5em 0.5em;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
}
/* Les éléments de menu qui ont de la souris au-dessus ou se concentrer avoir un fond bleu et texte blanc */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #33C;
	color: #FFF;
}
/* Les éléments de menu qui sont ouverts avec des sous-menus sont mis à MenuBarItemHover avec un fond bleu et texte blanc */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #33C;
	color: #FFF;
}

/*******************************************************************************

 INDICATION SUBMENU: styles si il ya un sous-menu dans un élément de menu donnée

 *******************************************************************************/

/* Les éléments de menu qui ont un sous-menu ont la désignation de la classe et MenuBarItemSubmenu sont configurés pour utiliser une image de fond placé à l'extrême gauche (95%) et centré verticalement (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Les éléments de menu qui ont un sous-menu ont la désignation de la classe et MenuBarItemSubmenu sont configurés pour utiliser une image de fond placé à l'extrême gauche (95%) et centré verticalement (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Les éléments de menu qui sont ouverts avec des sous-menus ont la désignation de la classe et MenuBarItemSubmenuHover sont configurés pour utiliser une image "hover" fond positionné à l'extrême gauche (95%) et centré verticalement (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Les éléments de menu qui sont ouverts avec des sous-menus ont la désignation de la classe et MenuBarItemSubmenuHover sont configurés pour utiliser une image "hover" fond positionné à l'extrême gauche (95%) et centré verticalement (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

BIDOUILLES navigateur: Les hacks ci-dessous ne doit pas être modifié, sauf si vous êtes un exper

 *******************************************************************************/

/* Modéle pour IE: pour s'assurer que les sous-menus ci-dessus montrent les contrôles de formulaire, nous souendons chaque sous-menu avec une iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* Modéle pour IE: pour stabiliser l'apparence d'éléments de menu, la barre oblique dans flotteur est de garder IE 5.0 à partir de l'analyse */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}