a {
	cursor: pointer;	
}

/* CONTENEUR DU MENU VERTICALE */
.modmenug{
	width: 154px;
	background-position: 0 100%;
	margin: 0;
	padding: 0;
	/*background-image: url(../images/identite_client/f_mg_b.gif);*/
	background-image: url(../images/nav_v/f_mg_b.gif);
	background-repeat: repeat-y;
	font-size: 1px;
	position: relative;
	display: block;
	float:left;
}

/* LISTE DE DEFINITIONS */
.modmenug dl{
	background-image: url(../images/nav_v/p_mg.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	width:154px;
	/*border:1px solid red;*/
	padding: 0 0 74px 0;
	margin: 0;
}

/* TERMES 
** l'élément dt contient un fond 
** qui se répète verticalement
*/
.modmenug dt {
	padding: 0;
	margin: 0;
	width:154px;
	background-image:url(../images/nav_v/niv_1_repeat.gif);
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:10px;
}

.modmenug dt a {
	color: #FFFFFF;	
}
.modmenug dt a:hover {
	text-decoration:none;
}

/*
** cette élément peut contenir
** les coins arrondis supérieurs
*/
.modmenug dt span {
	background-image:url(../images/nav_v/niv_1_h.gif);
	background-repeat:no-repeat;
	display:block;
}
/*
** les coins arrondis inférieurs
*/
.modmenug dt span strong {
	background-image:url(../images/nav_v/niv_h_b.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	padding-top:5px;
	padding-left:10px;
	padding-right:45px;
	padding-bottom:15px;
}

/* DEFINITIONS D'UN TERME */
.modmenug dd{
	display: block;
	padding: 0 0 10px 0;
	font-size:1px;
	margin: 0;
	width: 154px;
}

/* LISTE ORDONNEE
** point de vue arborescence geniecube
** il s'agit des enfants d'un terme
*/
.modmenug dd ol {
	display: block;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

/*------------------*/
/*ROLLL*/
/*------------------*/

/* ELEMENT LI
** états : normale, hover, hoverl
** possibilité de puce en background par exemple
*/
.modmenug dd ol li.normale,.modmenug dd ol li.hover,.modmenug dd ol li.hoverl {
	display: block;
	position: relative;
	list-style: none;
	padding: 0;
	width:154px;	
	height: auto;
	background-repeat: repeat-y;
	background-position:15px 4px;
	margin: 12px 0 12px 0;
	font-size: 12px;

}

/* rollover sur un LI */
.modmenug dd ol li.hover{
	background-image: url(../images/nav_v/niv_3_over_r.gif);
	background-repeat:repeat-y;
	background-position:left;
}

/* rollover sur LI
** cas avec enfants
** largeur = Lmenug + Lssmenu
 */
.modmenug dd ol li.hoverl{
	background-image: url(../images/nav_v/niv_3_over_r.gif);
	background-position:left;
	background-repeat:repeat-y;
	width:206px;
}
.modmenug dd ol li a strong {
	font-weight: normal;
}

/* element A
** états : hnormale, hhover, hhoverl
*/
.modmenug dd ol li a.hnormale,.modmenug dd ol li a.hhover,.modmenug dd ol li a.hhoverl{
	color: #818181;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding: 0 0 5px 13px; 
	margin: 0 0 0 15px;
	width: 125px;
	text-decoration:none;
	text-align:left;
	background-image: url(../images/nav_v/f_mg.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
}

/* element A
** état rollover
*/
.modmenug dd ol li a.hhover,.modmenug dd ol li a.hhoverl{
	color:#ff7e00;
}

/* class de l'élément A
** dans le cas d'un rollover avec fils
 */
.modmenug dd ol li a.hhoverl{
	color:#ff7e00;
}

/* élément div supérieur
** état normale, over avec ou sans fils
*/
.modmenug dd ol li div.lignetnormale,.modmenug dd ol li div.lignethover,.modmenug dd ol li div.lignethoverl{
	position:absolute;
	top:-4px;
	left:0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position:left;
	height:4px;
	width:144px;
	font-size: 1px;
}

/* rollover sur LI
** ligne supérieur sans enfant
*/
.modmenug dd ol li div.lignethover{
	background-image: url(../images/nav_v/niv_3_over_h.gif) !important;
}

/* rollover sur LI avec fils
** ligne supérieur avec enfant
*/
.modmenug dd ol li div.lignethoverl{
	background-image: url(../images/nav_v/niv_3_over_h.gif);
	width:262px;
	 /*ideme que div.lignebhoverl*/
}
.modmenug dd ol li div.lignebnormale,.modmenug dd ol li div.lignebhover,.modmenug dd ol li div.lignebhoverl{
	position:absolute;
	bottom:-4px;
	left:0px;
	background-image: none;
	background-repeat: no-repeat;
	height:4px;
	width:144px;
	font-size: 1px;
}

/* rollover sur LI
** ligne inférieur
*/
.modmenug dd ol li div.lignebhover{
	background-image: url(../images/nav_v/niv_3_over_b.gif);
}

/* rollover sur LI avec fils
** ligne inférieur
*/
.modmenug dd ol li div.lignebhoverl{
	background-image: url(../images/nav_v/niv_3_over_r.gif);
	background-repeat:repeat-y;
	width:262px;
}

.modmenug dd ol li div.lignelnormale,.modmenug dd ol li div.lignelhover,.modmenug dd ol li div.lignelhoverl{
	display: none;
	position: absolute;
	/*top: -2px;*/
	bottom:-4px;
	right: 0px;
	background-image: none;
	background-repeat: repeat-y;
	height: 17px;
	width: 62px;
	font-size: 1px;
}

/* doit correspondre au div sous le lien
** d'après le nom de la class, il s'agit du cas
** avec fils
 */
.modmenug dd ol li div.lignelhoverl{
	background-image: url(../images/nav_v/niv_3_over_fils_droite.gif);
	background-position:bottom;
	display: block;
}

/*--------------SOUS SOUS MENU GAUCHE-----------------------*/

/* conteneur 
** de 3eme niveau
** 'smodmenugfirst' est définit dans l'action
*/
.modmenug dd ol li .smodmenug,.modmenug dd ol li .smodmenugfirst{
	width: 154px;
	height: auto;
	position: absolute;
	left:154px;
	background-image: url(../images/nav_v/f_smg_bh.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding: 0 0 32px 0;
	display: none;
}

.modmenug dd ol li li > div.smodmenug {
	background-image:url(../images/nav_v/f_smg_bh_2.gif);
	padding: 0 0 6px 0;
}

/* class de l'élément qui contient
** le niveau 3 (dd/ol ?)
** cf. juste au dessus
*/
.modmenug dd ol li .smodmenugfirst{
	left:154px !important;
	/*border:1px solid red;*/
}

/* class d'un div vide
** juste pour afficher les arrondis
** inférieurs
 */
.modmenug dd ol li .smodmenug .piedsmodmenug{
	/*background-image: url(../images/identite_client/p_smg.gif);
	background-repeat: no-repeat;
	height: 7px;*/
	font-size:1px;
	display:none;
}

/* class du div qui contient
** le ol (items de niveau 3)
*/
.modmenug dd ol li .smodmenug .smodmenugf{
	display:block;
	background-image: url(../images/nav_v/f_smg.gif) !important;
	background-repeat: no-repeat;
	width: 154px;
	position: relative;
	height:100%;
	margin-top:4px;
	padding : 8px 0 0 0;
}

/*.modmenug dd ol li li > div.smodmenug .smodmenugf {
	margin-top:4px;
}*/

/* class du OL
**
*/
.modmenug dd ol li .smodmenug ol{
	width: 154px;
	font-size: 1px;
	display: block;
	
	height: 100%; /*position: relative;*/
	list-style: none;
	padding: 0;
	margin: 0;
	background-image:url(../images/nav_v/niv_ol_repeat.gif);
	background-repeat:repeat-y;
}
.modmenug dd ol li .modmenug dd ol li a strong {
	font-weight: normal;
}

/* class du li
** état normale, hover avec ou sans fils
*/
.modmenug dd ol li .smodmenug ol li.normale,.modmenug dd ol li .smodmenug ol li.hover,.modmenug dd ol li .smodmenug ol li.hoverl{
	display: block;
	position: relative;
	list-style: none;
	padding: 0;
	width:154px;
	background-image: none ;
	background-repeat: no-repeat;
	font-size: 1px; /* ??? */
	margin: 12px 0 12px 0 !important;
	font-size: 12px;
	/*border:1px solid green;*/
}
.modmenug dd ol li .smodmenug ol li.lastli {
	margin-bottom:0px !important;
}
.modmenug dd ol li .smodmenug ol li.uniqueli {
	margin-bottom:0px !important;
	margin-top:0px !important;
}
.modmenug dd ol li .smodmenug ol li.firstli {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

/* rollover LI (niveau 3) */
.modmenug dd ol li .smodmenug ol li.hover {
	background-image: url(../images/nav_v/f_smg_r.gif);
	background-repeat:repeat-y; /* utile ? */
}

/* class du LI en état over
** cas avec fils
*/
.modmenug dd ol li .smodmenug ol li.hoverl {
	background-image: url(../images/nav_v/f_smg_r2.gif);
	background-repeat:repeat-y;
	width:206px;
	/*border:1px solid red;*/
}

/* class de l'élément A
** état normale, over avec ou sans fils
*/
.modmenug dd ol li .smodmenug ol li a.snormale,.modmenug dd ol li .smodmenug ol li a.shover,.modmenug dd ol li .smodmenug ol li a.shoverl{
	color: #828282;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	padding: 0 0 0 0;
	overflow:hidden;
	background-image: url(../images/nav_v/puce_niv_3.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	width: 130px;
	text-decoration:none;
	text-align: left;
	/*border:1px solid blue;*/
}

/* class du lien
** état over avec ou sans fils
*/
.modmenug dd ol li .smodmenug ol li a.shoverl,.modmenug dd ol li .smodmenug ol li a.shover{
	color: #ff7e00;
	background-image:url(../images/nav_v/puce_niv_3_hover.gif);
	background-repeat:no-repeat;
}

/* class du lien
** état over avec fils
*/
.modmenug dd ol li .smodmenug ol li a.shoverl{
	color: #ff7e00;
	/*background-color:#e3e3e3;*/
}

/* ligne supérieur
** état normale, over avec et sans fils
*/
.modmenug dd ol li .smodmenug ol li div.slignetnormale,.modmenug dd ol li .smodmenug ol li div.slignethover,.modmenug dd ol li .smodmenug ol li div.slignethoverl{
	position: absolute;
	top: -4px;
	left: 0px;
	background-image: none;
	background-repeat: no-repeat;
	height: 2px;
	width: 146px;
	/*display: none;*/
	font-size: 1px;
	/*border:1px solid black !important;*/
}

/* rollover LI niveau 3 ligne supérieur
** cas sans fils
*/
.modmenug dd ol li .smodmenug ol li div.slignethover{
	background-image: url(../images/nav_v/smg_h.gif) !important;
	background-repeat:no-repeat !important;
	height:4px;
	display:block;
	/*border:1px solid blue !important;*/
}

/* élément div supérieur, rollover
** cas avec fils
*/
.modmenug dd ol li .smodmenug ol li div.slignethoverl{
	background-image: url(../images/nav_v/smg_h.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:4px;
	width:146px;
	/*display:none;*/
}

/* ligne inférieure
** état normale, over avec ou sans fils
*/
.modmenug dd ol li .smodmenug ol li div.slignebnormale,.modmenug dd ol li .smodmenug ol li div.slignebhover,.modmenug dd ol li .smodmenug ol li div.slignebhoverl{
	position: absolute;
	bottom:-4px;
	left:0px;
	background-image: none;
	background-repeat: no-repeat;
	height: 3px;
	width: 146px;
	font-size: 1px;
}

/* élément DIV inférieur sur rollover
** cas sans fils
*/
.modmenug dd ol li .smodmenug ol li div.slignebhover{
	background-image: url(../images/nav_v/smg_b.gif) !important;
	background-repeat:no-repeat !important;
	height:4px;
}

/* élément DIV inférieur sur rollover
** cas avec fils
*/
.modmenug dd ol li .smodmenug ol li div.slignebhoverl{
	background-image: url(../images/nav_v/niv_3_over_fils_b.gif);
	background-repeat:repeat-y;
	background-position:left;
	height:4px;
	width:206px;
	/*display:none;*/
}

/* class du div 'sous' le lien
** état normale, over avec ou sans fils
** ici, positionné à droite
*/
.modmenug dd ol li .smodmenug ol li .slignelnormale,.modmenug dd ol li .smodmenug ol li .slignelhover,.modmenug dd ol li .smodmenug ol li .slignelhoverl{
	display:none;
	position: absolute;
	/*top:0px;*/
	right:0px;
	background-image: none;
	background-repeat: no-repeat;
	font-size: 1px;
}

/* cf. menuderoulantAO.js
**
*/
.modmenug dd ol li .smodmenug ol li .slignelhoverl{
	background-image: url(../images/nav_v/niv_over_fils_r.gif);
	background-position:bottom;
	bottom:0px !important;
	width:60px;
	height:16px;
	display:block;
}