/* CSS Document */

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

/* ********************************************************************************************************  */
/*                                 Elements de base des menus de navigation                                  */
/* ********************************************************************************************************  */
dl {
	padding:0;
	margin:0;
	list-style-type:none;
}

dt {
	padding:0;
	margin:0;
	list-style-type:none;
}

dd {
	padding:0;
	margin:0;
	list-style-type:none;
}

ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

li {
	padding:0;
	margin:0;
	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 !!! 
*/
#conteneur_menu {
	position:absolute;
	top:147px;
	width:1024px;
	height:30px;
}

#menuhaut {
	z-index:100;
	left:410px;
	/*top:147px;*/
	width:690px;
	position:absolute;
	height:30px;
}

#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;
	padding-top:7px;
}

#menuhaut .smenuhaut1 dt {
	z-index:100;
	left:-10px;
	width:90px;
	position:absolute;/*border:1 solid Black;*/
}

#menuhaut .smenuhaut2 dt {
	z-index:100;
	left:80px;
	width:200px;
	position:absolute;
}

#menuhaut .smenuhaut3 dt {
	z-index:100;
	left:275px;
	width:95px;
	position:absolute;
}

#menuhaut .smenuhaut4 dt {
	z-index:100;
	left:380px;
	width:105px;
	position:absolute;
}

#menuhaut .smenuhaut5 dt {
	z-index:100;
	left:493px;
	width:115px;
	position:absolute;
}

#menuhaut dt a {
	z-index:100;
	display:block;
	cursor:pointer;
	height:30px;
	color:#FFD300;
	font-size:14px;
	/*padding-right:12px;
	padding-left:12px;*/
	text-decoration:none;
}

#menuhaut dt a:hover {
	z-index:100;
	color:#E60036;
}

/* 
 dd Style du conteneur des elements 
*/
#menuhaut dd {
	z-index:100;
	height:30px;
	display:none;
	color:#330000;
	margin-left:5px;
}

#menuhaut .smenuhaut1 dd {
	z-index:100;
	left:-20px;
	width:180px;
	cursor:pointer;
	position:absolute;
	top:29px;
}

#menuhaut .smenuhaut2 dd {
	z-index:100;
	left:66px;
	width:195px;
	cursor:pointer;
	position:absolute;
	top:29px;
}

#menuhaut .smenuhaut3 dd {
	z-index:100;
	left:260px;
	width:180px;
	cursor:pointer;
	position:absolute;
	top:29px;
}

#menuhaut .smenuhaut4 dd {
	z-index:100;
	left:360px;
	width:180px;
	cursor:pointer;
	position:absolute;
	top:29px;
}

#menuhaut .smenuhaut5 dd {
	z-index:100;
	left:429px;
	width:180px;
	cursor:pointer;
	position:absolute;
	top:29px;
}

/* 
 li Affichage des elements du menu (pages) 
*/
#menuhaut li {
	z-index:100;
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size:13px;
	text-align:left;
}

#menuhaut li a {
	z-index:100;
	display:block;
	background-color:#FFD300;
	color:#6E0008;
	text-decoration:none;
	padding:5px 5px 3px 18px;
	height:20px;
	border-bottom:1px solid #F90;
}

#menuhaut li a.saut_ligne { height:32px; }

#menuhaut li a:hover {
	z-index:100;
	background-color:#E60036;
	color:#FFD300;
	background-image:url(../../fr/images/fleche_menu.jpg);
	background-position:5px 6px;
	background-repeat:no-repeat;
}

/* ********************************************************************************************************  */
/*                                 Menu droit                                                                */
/* ********************************************************************************************************  */

#menu1clic li, #menuservices li {
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size:16px;
	height:26px;
	padding-top:5px;
	padding-left:10px;
}

#menu1clic li { list-style-image:url(../images/puce_menu_droit_en1clic.gif); }

#menuservices li {
	list-style-image:url(../images/puce_menu_droit_services.gif);
	background-image:url(../images/fond_menu_droit_gris.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

#menu1clic li a, #menuservices li a {
	display:block;
	text-decoration:none;
}

#menu1clic li a { color:#666600; }

#menuservices li a { color:#878889; }

#menu1clic li a:hover, #menuservices li a:hover { text-decoration:underline; }