/* CSS du menu horizontal, bieler batiste */
#menuhorizon{
	position:absolute;
	width: 100%;
	z-index: 10000;

	height:21px;
	z-index:1;
	background-image: url(../images/bg_menu_H.gif);
	layer-background-image: url(../images/bg_menu_H.gif);
    }
.menuh{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
	margin-left:5px;
    }

.menuh ul{
    position:absolute;
    display:block;
    width:auto;
    /*margin:0;*/
    padding:0;
    }
/*#menu ul ul {second niveau de menu
	position:absolute;
	display:block;
	width:auto;
	padding:0;
	line-height:20px;
}*/
.menuh li ul{
    visibility:hidden;
	margin:0; 
	position: absolute;
	display: block;
	background-color: #e3e3e3;
	border: 1px solid #C9C9C9;
	padding:1px; /*permet de décaler les items du sous menu*/
	margin:0px 0px 0px 8px;	
	   }

.menuh li li ul{
    position:absolute;
    margin-left:10px;
    margin-top:-23px;
    }
    
.menuh li{
    list-style:none;
    width:auto;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menuh li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menuh li li{
    display:inline;
    }

.menuh a{
	text-align:left;
	color:#000;
	display:block;
	width:auto;

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #BA1B1B;
	font-size:12px;
	font-weight:bold;
	/*background: #fff;  IE6 Bug */
	padding: 3px 10px;/*permet de positionner  le menu et ajoute un espace de 10 px entre chaque item*/
	cursor:pointer;
    }
    
.menuh a:hover{
	color: #999999;
    }
 /* Sub Menu Styles */
#menuh li ul a {
	text-decoration: none;
	color: #999;
	background: #e3e3e3; /* IE6 Bug */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	/* padding: 0px; 
	margin: 0px;*/
 text-transform: uppercase;
}
/* Sub Menu Hover Styles */
#menuh li ul a:hover {
	color: #E2144A;
	background-color: #e3e3e3;
}   
/* for a mozilla better display with key nav */
.menuh a:focus{
    /*background-color: #aaf;*/
}

a.linkOver{
    /*background-color: #eee;*/
	color: #BA1B1B;
    }

/*ul li:hover {
	background-color:#eee;
}*/
.sub1 {/* second-level lists 
	background-color: #fff;
	border: 1px solid #00529F;*/
}

.submenu1, a.submenu1, a:hover.submenu1, a:visited.submenu1, a:focus.submenu1 {
	/*text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #00529F;
	font-size:12px;
	font-weight:bold;*/
}
a:hover.submenu1 {
	/*color: #fff;
	background-color: #00529F;*/
}

/****************************************************/
/********************Menu vertical*******************/
/****************************************************/

#apDiv1 {
	position:absolute;
	left:0px;
	top:52px;
	width:230px;
	z-index: 60000;
}
ul#menuv li ul {
	display: none;
}          /* On cache les sous éléments */
ul#menuv li:hover > ul {
	display: block;
} /* On affiche les éléments survolés par la souris */
ul#menuv * {
	z-index: 60000;
}             /* Permet au menu de passer au dessus des autres éléments de la page */
ul#menuv {
	margin: 0px 0px 10px 0px;           /* On ajoute un espace de 10px, en dessous du menu */
	width: 200px;                       /* Définit la taille du menu*/
}
ul#menuv {                    /* On selectionne le menu et les sous menus */
	list-style: none;                   /* Supprime les puces */
	/*border-top: solid 0px #dcdcdc;       On met des lignes en haut et bas des blocs "ul" */
    /*border-bottom: solid 0px #000000;    On mettra ensuite des lignes à gauche à droie sur les elements "li" */
    /*background-color: #ECECEC;           Couleur de fond du menu */
    margin:0px;
	padding:0px;            /* On supprime tout les espaces entre les menus */
}
ul#menuv ul {
	margin: 0px;                        /* Enleve les marges de gauche, pour que le sous menu colle son parent */
	position: absolute;                 /* Permet de positionner le sous menu par rapport à son element parent */
	top: -1px;                          /* On remonte le sous menu de 1px, la hauteur de la bordure */
	left: 205px;                        /* Le menu se place à 199px du bord droit, juste au dessus de la bordure du menu */
	width: auto;                       /* On définit la taille des sous menus à 300px */
	list-style: none;
	margin:0px;
	padding:0px;            /* On supprime tout les espaces entre les menus */
	background-color: #ECECEC;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	border:solid 1px #dcdcdc;
}
ul#menuv ul ul {
	left: 299px;
}            /* Position des sous sous menus */
ul#menuv li {
	/*background-image: url(images/fdH1L200D1.jpg);    Image des fonds des elements non survolés */
    /*background-repeat: repeat-y;         L'image de fond ne se repete que selon l'axe y */
    /*background-color: #C6C6C6;           Couleur de fond, cette couleur sera affiché aprés l'image */
    position: relative;                 /* Permet de positionner le sous menu par rapport à son element parent */
	border-left: solid 0px #dcdcdc;     /* Ici on met les lignes à droite et gauche des elements du menu */
	border-right: solid 0px #000000;    /* Lignes du menu *//* height:18px;line-height:18px;        On fixe la hauteur de l'element à 20px */
    }
ul#menuv li a {
	display: block;             /* On ne peut pas mettre de largeur a un element inline */
	width: 199px;               /* 200px du menu - 2*1px de bordure - 10px de padding */
	padding-left: 30px;        /* On ecarte le texte de 10px des bordures du menu */
	font-family: Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	font-size:11px;
	text-transform: uppercase;
	line-height: 18px;
	text-decoration: none;
}
ul#menuv li li a {
	width: auto;/* les sous elements font 300px - 2*1px de bordure - 10px de padding */
	padding-left: 0px;
}
* html ul#menuv li a {
	display: inline-block;
}    /* Hack pour IE pour forcer le texte à se positionner au milieu */
ul#menuv li a:hover {

	/*background-image: url(images/fdh20.jpg);     Image des elements survolés */
    /*background-position: inherit bottom;         L'arriere plan se trouve en bas  */
    /*background-repeat: repeat-x;         On affiche l'arriere plan seulement dans l'axe x */
     background-color: #ECECEC;          /*Couleur de fond, la ou l'image d'arriere plan ne sera pas visible */
	text-decoration: none;         /* On souligne le lien quand la souris passe au dessus*/
	color: #BA1B1B;                     /* Couleur du texte */
	border-bottom: solid 0px #000000;   /* On met une ligne en haut et en bas */
	border-top: solid 0px #dcdcdc;      /* */
	line-height:18px;                   /*  On met la hauteur de la ligne à 18px pour tenir compte des 2px rajoutés par les bordures */
}
ul#menuv li span {
	/*background-image: url(images/expand-closed.gif);     Image pour indiquer que cet element possede des sous elements */
    /*background-position: right center;   l'image d'arriere plan se situe au milieu de ligne à a droite*/
    /*background-repeat: no-repeat;        l'image n'est affiché qu'une seule fois */
    display: block;                     /* Utile pour mettre du margin à droite */
	margin-right: 10px;                 /* laisse de la place à l'image si le texte est long */
}