/* 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
*******************************************************************************/
ul.MenuBarHorizontal 													{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; }
ul.MenuBarActive 														{ z-index: 1000; }
ul.MenuBarHorizontal li 												{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: /*8em*/160px; float: left; }
ul.MenuBarHorizontal ul 												{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: /*8.2em*/160px; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible 							{ left: auto; margin: 0; _margin: 0 0 0 -80px; #margin: 0 0 0 -80px; }
ul.MenuBarHorizontal ul li 												{ width: /*8.2em*/160px; TEXT-ALIGN: LEFT; }
ul.MenuBarHorizontal ul ul 												{ position: absolute; margin: 0 0 0 95% !important; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible 	{ left: auto; top: 0; }
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
ul.MenuBarHorizontal li.lvl1 a											{ BORDER-BOTTOM: 4px solid #fff;  font: 11px/1em "Trebuchet MS",sans-serif; }
ul.MenuBarHorizontal li.lvl1 a:hover, ul.MenuBarHorizontal li.lvl1 a:focus { BORDER-BOTTOM: 4px solid #c9dcea; }
ul.MenuBarHorizontal li.lvl1 ul a										{ BORDER-BOTTOM: none !important; font: 11px/1em "Trebuchet MS", sans-serif; }
ul.MenuBarHorizontal ul 												{ border: 1px solid #CCC; }
ul.MenuBarHorizontal a 													{ display: block; cursor: pointer; background-color: #0066cc; padding: 8px 0.75em; color: #fff !important; text-decoration: none; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus 				{ /*background-color: #ccc; color: #666;*/ border-bottom: solid 4px #c9dcea; }
ul.MenuBarHorizontal a.MenuBarItemHover,
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible,
ul.MenuBarHorizontal a.on 												{ color: #fff; border-bottom: solid 4px #c9dcea !important; }
ul.MenuBarHorizontal ul a.MenuBarItemHover,
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible 						{ background-color: #999; border-bottom: none; }

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
ul.MenuBarHorizontal iframe 											{ position: absolute; z-index: 1010; }
@media screen, projection {
	ul.MenuBarHorizontal li.MenuBarItemIE 								{ display: inline; f\loat: left; background: #FFF; }
}

a#menuPremier	{ background: #0066cc url(/_com/img/menu-bg-premier.gif) no-repeat 0 0; color: #fff; }
a#menuDernier	{ background: #0066cc url(/_com/img/menu-bg-dernier.gif) no-repeat right 0; color: #fff; }

#MenuBar2 li		{ width: 133px; }
#MenuBar2 li a		{ background: transparent url(/_com/img/bg-footer-milieu.gif) repeat-x; border: none; padding: 10px 0 9px 0; _padding-bottom: 5px; #padding-bottom: 5px; }
#MenuBar2 a:hover, #MenuBar2 a:focus	{ background: #015a9c url(/_com/img/bg-footer-milieu.gif); color: #ccc; border: none; }
#MenuBar2 a.MenuBarItemHover,
#MenuBar2 a.MenuBarItemSubmenuHover,
#MenuBar2 a.MenuBarSubmenuVisible	{ color: #ccc; border: none !important; }
#MenuBar2 li a.menuPremier, #MenuBar2 li a.menuPremier:hover	{ width: 135px; _width: 134px; background: transparent url(/_com/img/bg-footer-debut.gif) no-repeat; }
#MenuBar2 li a.menuDernier, #MenuBar2 li a.menuDernier:hover	{ width: 135px; _width: 134px; background: transparent url(/_com/img/bg-footer-fin.gif) no-repeat right top; }

#MenuBar2 li a.menuPremier:hover	{ background: #ccc url(/_com/img/bg-footer-debut.gif) no-repeat; }
#MenuBar2 li a.menuDernier:hover	{ background: #ccc url(/_com/img/bg-footer-fin.gif) no-repeat; }