/*--------------------------------------------------------------------------*/
/*--DROPDOWN--*/
/*--------------------------------------------------------------------------*/
#menu {
	width:480px;
	padding:0;
	height:29px;/*position de la partie devellopé*/
	line-height:10px;
}
/*--------------------------------------------------------------------------*/
/*SOUS MENU*/
#itemMenu1,#itemMenu2,#itemMenu3,#itemMenu4 {
	background-color:#FFFFFF;
	/*width:320px;*/
	width:430px;
	border:0;
	text-transform:none;
}
/* div item caches par defaut */
.item{
	display: none;
}
.lienItem{
	text-decoration: none;
	color: #000000;
}
.lienItem a{
	text-decoration: none;
	color: #000000;
	text-transform:none;
	border:0;
}
/*--------------------------------------------------------------------------*/
/* styleOverMenu = style du menu lors de l evenement mouseover */
/* style des liens lors du hover */
.lienItem:hover, .styleOverMenu{
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	background-color: #FFFFFF;
	color:#000000;
	border-left:1px solid #8f7c8f;
	border-right:1px solid #8f7c8f;
	border-top:1px solid #8f7c8f;
	border-bottom:0;
	padding:5px 5px 8px 5px;
}
.lienItem a:hover, .styleOverMenu a{
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background-color: transparent;
	color:#e42c33;
	border:0;
	padding:0;
	line-height:30px;
	text-decoration:none;

}
/* style du menu lors de l evenement mouseout */
.styleOutMenu {
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:5px 5px 8px 5px;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-top:1px solid transparent;
	border-bottom:0;
	line-height:30px;
}
.styleOutMenu a {
	text-decoration:none;
	color:#FFFFFF;
	padding:0;
}
/*--------------------------------------------------------------------------*/
/*--FLYOUT--*/
/*--------------------------------------------------------------------------*/
.menuFlyOut {
	font-size:12px;
	margin:0; /* this page only */
}
/* remove all the bullets, borders and padding from the default list styling */
.menuFlyOut ul.ulniveau1 {
	padding:0;
	margin:0;
	list-style-type:none;
	/*width:323px;*/
	width:433px;
	position:relative;
	border-left:1px solid #8f7c8f;
	border-bottom:1px solid #8f7c8f;
	border-top:0;
	border-right:1px solid #8f7c8f;
}
.menuFlyOut li.liniveau1 {
	background:#fff;
	padding:2px 5px 2px 5px;
}
				.menuFlyOut li.liniveau11 {
					background:#fff;
					padding:2px 5px 2px 5px;
				}
.menuFlyOut li.liniveau2 {
	background:#fff;
	padding:inherit;
	padding-top:0;
}
* html .menuFlyOut li {
	margin-left:-50px;
	margin-left:0;
}
/* get rid of the table */
.menuFlyOut table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:12px;
	width:0;
	height:0;
}
/* style the links */
.menuFlyOut .liniveau1 a,
.menuFlyOut .liniveau1 a:visited {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:block; 
	text-decoration:none;
	height:44px;
	line-height:44px;
	/*width:318px;*/
	/*width:428px;*/
	width:423px;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	border:0;
	background:#FFFFFF;
	background:url(../img/nav-normal-1.jpg) no-repeat;
}
				.menuFlyOut .liniveau11 a,
				.menuFlyOut .liniveau11 a:visited {
					font-family: 'Trebuchet MS', Arial, sans-serif;
					font-size:14px;
					font-weight:bold;
					display:block; 
					text-decoration:none;
					height:44px;
					line-height:44px;
					/*width:318px;*/
					/*width:428px;*/
					width:423px;
					color:#000;
					text-transform:uppercase;
					text-align:center;
					border:0;
					background:#FFFFFF;
					background:url(../img/nav-normal-11.jpg) no-repeat;
				}
.menuFlyOut .liniveau2 a,
.menuFlyOut .liniveau2 a:visited {
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	display:inherit; 
	text-decoration:none;
	height:11px;
	line-height:inherit;
	width:140px;
	color:#000;
	text-transform:inherit;
	text-align:left;
	border:0;
	background:#ece1be;
}
/*--------------------------------------------------------------------------*/
/* style the link hover */
* html .menuFlyOut a:hover {
	color:#000;
	background:url(../img/nav-hover-1.jpg) no-repeat;
}
.menuFlyOut .liniveau1:hover > a {
	color:#000;
	/*width:318px;*/
	/*width:428px;*/
	width:423px;
	background:#4CB1DF;
	background:url(../img/nav-hover-1.jpg) no-repeat;
}
					.menuFlyOut .liniveau11:hover > a {
						color:#000;
						/*width:318px;*/
						/*width:428px;*/
						width:423px;
						background:#4CB1DF;
						background:url(../img/nav-hover-11.jpg) no-repeat;
					}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuFlyOut ul ul {
	visibility:hidden;
	position:absolute;
	top:1px;
	/*left:323px;*/
	left:433px;
	width:0;
}
/* make the second level visible when hover on first level list OR link */
.menuFlyOut ul li:hover ul,
.menuFlyOut ul a:hover ul {
	visibility:visible;
}