/* CSS Document */

/* ********************************************************************************************************  */
/*                                 Feuille de style des menus de navigation                                  */
/* ********************************************************************************************************  */

/* ********************************************************************************************************  */
/*                                 Elements de base des menus de navigation                                  */
/* ********************************************************************************************************  */
DL {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
}
DT {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
}
DD {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
}
UL {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
}
LI {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	LIST-STYLE-TYPE: none;
}
/* ********************************************************************************************************  */
/*                                 Menu horizontal                                                           */
/* ********************************************************************************************************  */
/*
 Ce style permet de personnaliser la DIV qui contient le menu du haut horizontal
 Sa position : LEFT , TOP
 Sa taille : WIDTH, HEIGHT
 Sa POSITION :  relative ou absolute 
 ATTENTION : il est fortement recommandé de laisser la position à ABSOLUTE sinon les éléments
 de la page sont décalés sous le menu !!! 
*/
#menuhaut {
	Z-INDEX: 100;
	LEFT: 0px;
	TOP: 160px;
	WIDTH: 171px;
	HEIGHT: 231px;
	POSITION: ABSOLUTE;
}
#menuhaut IMG {
	Z-INDEX: 100;
	border: 0px;
}
/*
 DL Style pour un bloc rubrique + sous-menus
 Float permet de faire décaler les rubriques horizontalement
*/
#menuhaut DL {
	Z-INDEX: 100;
	FLOAT: left;
}
/*
  DT Style de l'affichage de la rubrique
*/
#menuhaut DT { Z-INDEX: 100; }
#menuhaut .smenuhaut1 DT {
	Z-INDEX: 100;
	TOP: -2px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut2 DT {
	Z-INDEX: 100;
	TOP: 33px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut3 DT {
	Z-INDEX: 100;
	TOP: 66px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut4 DT {
	Z-INDEX: 100;
	TOP: 99px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut5 DT {
	Z-INDEX: 100;
	TOP: 132px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut6 DT {
	Z-INDEX: 100;
	TOP: 165px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut .smenuhaut7 DT {
	Z-INDEX: 100;
	TOP: 198px;
	WIDTH: 171px;
	POSITION: absolute;
	text-align: right;
}
#menuhaut DT A {
	Z-INDEX: 100;
	DISPLAY: block;
	cursor: pointer;
	height: 30px;
	font-weight: bold;
	font-size: 16px;
	color: #003B5E;
	text-decoration: none;
	margin-right: 16px;
}
#menuhaut DT A:hover {
	Z-INDEX: 100;
	color: #87B50E;
	text-decoration: none;
	background: url(../../fr/images/barre_menu_hover2.jpg);
	background-repeat:no-repeat;
}
/* 
 DD Style du conteneur des elements 
*/
#menuhaut DD {
	Z-INDEX: 100;
	height: 50px;
	display: none;
	color: #125FA3;
}
#menuhaut .smenuhaut1 DD {
	Z-INDEX: 100;
	TOP: -7px;
	LEFT:169px;
	WIDTH: 370px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut2 DD {
	Z-INDEX: 100;
	TOP: 27px;
	LEFT:169px;
	WIDTH: 200px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut3 DD {
	Z-INDEX: 100;
	TOP: 60px;
	LEFT:169px;
	WIDTH: 200px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut4 DD {
	Z-INDEX: 100;
	TOP: 93px;
	LEFT:169px;
	WIDTH: 250px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut5 DD {
	Z-INDEX: 100;
	TOP: 127px;
	LEFT:169px;
	WIDTH: 110px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut6 DD {
	Z-INDEX: 100;
	TOP: 161px;
	LEFT:169px;
	WIDTH: 210px;
	CURSOR: pointer;
	POSITION: absolute;
}
#menuhaut .smenuhaut7 DD {
	Z-INDEX: 100;
	TOP: 194px;
	LEFT:169px;
	WIDTH: 182px;
	CURSOR: pointer;
	POSITION: absolute;
}
/* 
 LI Affichage des elements du menu (pages) 
*/
#menuhaut LI {
	Z-INDEX: 100;
	font-family: Arial, sans-serif;
	font-size: 13px;
	text-align: right;
	/*border-bottom: 1px solid Black;*/
	font-weight: bold;
	/*height: auto;*/
	margin: 0;
}
#menuhaut LI A {
	Z-INDEX: 100;
	height: 14px;
	color: #003B5E;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-right: 3px;
	background: #DCF1FC;
	border-bottom: 2px solid #125FA3;
	border-right: 2px solid #125FA3;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}
#menuhaut LI A:hover {
	Z-INDEX: 100;
	background-color: #F6FBFC;
	color: #FF8102;
	border-bottom: 0px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-top: 0px solid #125FA3;
	border-left: 2px solid #125FA3;
}
.first A:hover {
	Z-INDEX: 100;
	color: #87B50E;
	border-bottom: 0px solid #FFFFFF !important;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #125FA3 !important;
	border-left: 2px solid #125FA3;
}
.last A:hover {
	Z-INDEX: 100;
	color: #87B50E;
	border-bottom: 2px solid #FFFFFF !important;
	border-right: 2px solid #FFFFFF;
	border-top: 0px solid #125FA3 !important;
	border-left: 2px solid #125FA3;
}