/* ligne3 */
#header div.ligne3 {
	clear: both;
	margin: 0;
	padding: 8px 0px 0px 32px;
	width: 930px;
	height: 22px;
	color: #333333;
}

#header div.ligne3 ul.mainmenu {
	margin: 0;
	padding: 0;
	height: 27px;
	list-style-type: none;
}

#header div.ligne3 ul.mainmenu li {
	float: left;
	margin: 0;
	padding: 3px 19px 0 19px;
	background: url(../images/static/header-mainmenu-separation.gif) no-repeat right 6px;
}

#header div.ligne3 ul.mainmenu li.OngletMenuSelected a{
	color:#FE9900;
}

#header div.ligne3 ul.mainmenu li.dernier {
	background: none;
}

#header div.ligne3 ul.mainmenu li a {
	margin: 0;
	padding: 0;
	height: 22px;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
}

#header div.ligne3 ul.mainmenu li a.orange {
	color: #FFF;
}


/* ------------------------------------------------------------- */
/* Menu principal de gauche */
/* ------------------------------------------------------------- */

#header div.ligne3 div.header-mainmenu-gauche {
	float: left;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 27px;
	background: url(../images/static/header-mainmenu-gauche.png) no-repeat 0 0;
}

#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li {
	padding: 5px 17px 0 17px;
}

/* ------------------------------------------------------------- */
/* Menu principal central */
/* ------------------------------------------------------------- */

#header div.ligne3 div.header-mainmenu-centre {
	float: left;
	
	width: 390px;
	height: 27px;
	
	margin: 0 0 0 20px;
	padding: 0;
	
	background: url(../images/static/header-mainmenu-centre.png) no-repeat 0 0;
}

#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li {
	padding: 5px 17px 0 17px;
}

/* ------------------------------------------------------------- */
/* Menu principal de droite */
/* ------------------------------------------------------------- */

#header div.ligne3 div.header-mainmenu-droite {
	float: left;
	
	width: 120px;
	height: 27px;
	
	margin: 0;
	padding: 0;
	
	background: url(../images/static/header-mainmenu-droite.png) no-repeat 0 0;
}

#header div.ligne3 div.header-mainmenu-droite ul.mainmenu {
	width : 120px;
}

#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li {
	padding: 5px 11px 0 11px;
}

/* ------------------------------------------------------------- */
/* Sous menu des menus droit, centre et gauche */
/* ------------------------------------------------------------- */

#header div.ligne3 div.header-mainmenu-gauche ul,
#header div.ligne3 div.header-mainmenu-droite ul,
#header div.ligne3 div.header-mainmenu-centre ul {
	/* RETIFICATIONS Scara_ */
	list-style: none;
}

#header div.ligne3 div.header-mainmenu-gauche li,
#header div.ligne3 div.header-mainmenu-droite li,
#header div.ligne3 div.header-mainmenu-centre li {
	/* RETIFICATIONS Scara_ */
	position: relative; /* Indique aux enfants que ce parent est le point de repère de positionnement */
    z-index:1000;
}

/* ----------------------*/
/* NIV 1 */

/* UL */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu {
	position: absolute;
	
	display: none;
	
	width:198px;
	
	margin:0;
	padding:5px 0;
	
	/*list-style-type: none;*/ /* Déjà indiqué plus haut */
	margin-left: -18px;
	
	z-index: 1000;
	
	/* RETIFICATIONS Scara_ */
	top: 22px; /* BUG IE : Lorsque l'on indique une position absolute, obligation d'indiquer le top et le left */
	left: 17px;
}

#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li:hover ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li:focus ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li:active ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu:hover,
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu:focus,
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu:active,

#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li:hover ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li:focus ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li:active ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu:hover,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu:focus,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu:active,

#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li:hover ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li:focus ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li:active ul.mainsubmenu,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu:hover,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu:focus,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu:active {
	display: block;
}

/* LI */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li {
	width: 198px;
	padding: 10px;
	background: url(../images/static/fond_menu_haut.png) repeat-y 0 0;
}

/* LI - En-tête du phylactere */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu .menu-top,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu .menu-top,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu .menu-top {
	width: 198px;
	height: 17px;
	
	padding: 0;
	
	background: url(../images/static/fond_menu_haut-top.png) no-repeat 0 0;
}

/* LI - Interligne du phylactere */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu .menu-hr,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu .menu-hr,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu .menu-hr {
	clear: both;
	
	width: 198px;
	height: 2px;
	
	background: url(../images/static/fond_menu_haut-hr.png) no-repeat 0 0;
	
	/* RETIFICATIONS Scara_ */
	margin: 10px 0 -10px -10px;
	font-size: 1px; /* BUG IE6 : Pour les éléments de moins de 10px de haut, il faut réduire la taille de la police par défaut */
	
}

/* LI - Pied du phylactere */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu .menu-bottom,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu .menu-bottom,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu .menu-bottom {
	width: 198px;
	height: 5px;
	
	padding: 0;
	
	background: url(../images/static/fond_menu_haut-bottom.png) no-repeat 0 0;
}

/* A */
#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li a,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li a,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li a {
	color: #666666;
	text-transform: uppercase;
	font-size: 1.4em;
}

#header div.ligne3 div.header-mainmenu-gauche ul.mainmenu li ul.mainsubmenu li a span,
#header div.ligne3 div.header-mainmenu-droite ul.mainmenu li ul.mainsubmenu li a span,
#header div.ligne3 div.header-mainmenu-centre ul.mainmenu li ul.mainsubmenu li a span{
	display: block;
	
	color: #ff9933;
	text-transform: none;
	font-size: 0.8em;
}