/* DIV conteneur */
#menuh{
	z-index:20;
	position: relative;
	background-image:url(../images/nav_h/nav_h_fond.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:59px;
	padding-top:22px;
	padding-left:30px;
	margin-left:38px;
}

/* OL conteneur du niveau de l'arborescence */
#menuh ol{
	background-image: url(../images/nav_h/menu_h_last.gif);
	background-repeat: no-repeat;
	background-position:top right;
	float:left;
	height: 33px;
	width:811px;
	margin: 0;
	padding: 0;
	padding-right:10px;
	list-style: none;
	font-size: 1px;
	/*border:1px solid blue;*/
}

/* pas testé */
#menuh ol.hover{
	
}

/* premier li de la liste
** ajouté par rapport à oransis
** attention, ne pas confondre avec la clas 'first' qui identifi les li de niveau 1
*/
#menuh ol li.firstli {
	background-image:url(../images/nav_h/menu_h_first.gif) !important;
	background-repeat:no-repeat;
}

/* dernier li de la liste
** ajouté par rapport à oransis
*/
#menuh ol li.lastli {
	/*background-image:url(../images/nav_h/menu_h_last.gif);*/
	background-repeat:no-repeat;
	background-position:right;
}

/* li de niveau 1 */
#menuh ol li.first{
	display: inline;
	float: left;
	height: 33px;
	background-image: url(../images/nav_h/menu_h_repeat.gif);
	background-repeat: repeat-x;
	/*position:absolute;*/
	/*border:1px solid red;*/
}

/* élément A état normale et over */
#menuh ol li.first a.hnormale,#menuh ol li.first a.hhover{
	display:block;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
	text-align: left;
	text-align: center;
	padding-left:18px;
	color: #fbc981;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	cursor:pointer;	
	background-image: none;
	background-repeat: no-repeat;
	text-decoration:none;
	/*border:1px solid red;*/
	/*background-position: 0% 1px;*/
}

/* les trois class qui suivent
** permettent de gérer le rollover
** sur le premier et le dernier LI du niveau 1
*/
/* class du A du premier élément de la liste */
#menuh ol li.firstli a {
	padding-left:0px !important;
	margin-left:15px;
}
/* class du A du dernier élément de la liste */
#menuh ol li.lastli a {
	/*margin-right:15px;;*/
}
#menuh ol li.lastli a strong {
	/*padding-right:27px !important;*/
}
/*****************************/

/* état over */
#menuh ol li.first:hover a{
	background-image: url(../images/nav_h/menu_h_rollover.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

/* élément 'strong' état normale et over */
#menuh ol li.first a strong.normale,#menuh ol li.first a strong.hover{
	display:block;
	height: 33px;
	line-height: 33px;
	padding-right:18px;
	/*font-weight:bold;*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: 100% 1px;
	/*border:1px solid red;*/
	text-transform:uppercase;
}

/* élément strong état over */
#menuh ol li.first a strong.hover{}

/*
#menuh ol li.a{
	width:163px;
	left:17px;
}
#menuh ol li.b{
	width:163px;
	left:197px;
}
#menuh ol li.c{
	width:163px;
	left:376px;
}
#menuh ol li.d{
	width:163px;
	left:556px;
}
#menuh ol li.e{
	width:163px;
	left:735px;
}
*/

/*------------SOUS MENU HAUTS--------------------*/

/* conteneur niveau 2 et plus */
#menuh .smenuh,#menuh .smodmenug {
	display: none;
	width:166px;
	margin-left:5px;
	position: absolute;
	/*padding-bottom:37px;*/
	/*border:1px solid blue;*/
	/*background-image:url(../images/nav_h/nav_h_bottom.png);
	background-position:bottom left;*/
}

/* conteneur ol niveau 2 et plus */
.smenuhf {
	width:166px;
	height: 1%;
}

#menuh .smenuh ol{
	list-style: none;
	display: block;
	width:166px;
	height: auto;
	padding-bottom:10px;
	padding-right:0 !important;
	background-image: url(../images/nav_h/nav_h_repeat.gif);
	background-repeat: repeat-y;
	/*border:1px solid red;*/
}

#menuh .menuhpied {
	/*background-image:url(../images/nav_h/nav_h_bottom.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav_h/nav_h_bottom.png', sizingMethod='scale');
	background-repeat:no-repeat;
	width:166px;
	height:37px;
	position:absolute;
	bottom:-37px;
	left:0px;
	display:none;*/
	
	position:absolute;
	/*background-color:#FFFF00;*/
	width:166px;
	height:37px;
	bottom:-37px;
	left:0px;
	background-image:url(../images/nav_h/nav_h_bottom.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/nav_h/nav_h_bottom.png', sizingMethod='scale');
	background-repeat:no-repeat;
}

#menuh ol li .smenuh ol li{
	display: block;
	position: relative;
	margin-top:5px;
	width:100%;
	/*border:1px solid blue;*/
	/*margin-bottom:5px;*/
	/*margin: 0 6px 0 6px;
	padding: 6px 0 6px 0;*/
}

/*
.menuhpied{
	position:relative;
	height: 6px;
}
.mpiedg,.mpiedc,.mpiedd{
	background-repeat: no-repeat;
	position:absolute;
	height: 6px;
}
.mpiedg{
	width: 5px;
	background-image: url(../images/identite_client/menu_h/mh_cb_g.gif);
	z-index: 5;
}
.mpiedc{
	background-image: url(../images/identite_client/menu_h/mh_cb_c.gif);
	background-position: 10px 0px;
	top: 0px;
	width: 100%;
	left:-5px;
	z-index: 4;
}
.mpiedd{
	width: 5px;
	background-image: url(../images/identite_client/menu_h/mh_cb_d.gif);
	right:0px;
	top: 0px;
	z-index: 6;
}*/

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

#menuh ol li .smodmenug {
	display:none;
	position: absolute;
	left:160px;
}

#menuh ol li .smenuh ol li div.slignernormale,#menuh ol li .smenuh ol li div.slignerhover{
	display: none; 
	position: absolute;
	width:1px;
	left:138px;
	top:6px;
	height: 25px;
	font-size: 1px;
	border:1px solid blue;
}
#menuh ol li .smenuh ol li div.slignerhover{
	display: none; 
}
#menuh ol li .smenuh ol li div.slignelnormale,#menuh ol li .smenuh ol li:hover div.slignelnormale{
	display: none; 
	position: absolute;
	width: 166px;
	left: 0px;
	top:-5px;
	height:5px !important;
	/*border:1px solid green;*/
}
#menuh ol li .smenuh ol li:hover div.slignelnormale{
	display: block;
	background-image: url(../images/nav_h/item_rollover_top.gif);
	background-repeat: no-repeat;
}

#menuh ol li .smenuh ol li div.slignebnormale,#menuh ol li .smenuh ol li:hover div.slignebnormale{
	display: none; 
	position: absolute;
	width: 166px;
	left: 0px;
	bottom:-5px;
	height:5px !important;
	/*border:1px solid red;*/
}
#menuh ol li .smenuh ol li:hover div.slignebnormale{
	display: block;
	background-image: url(../images/nav_h/item_rollover_bottom.gif);
	background-repeat: no-repeat;
}

#menuh ol li .smenuh ol li div.slignetnormale,#menuh ol li .smenuh ol li:hover div.slignetnormale{
	display: block;
	background-image: none;
	background-repeat: repeat-y;
	background-position: 0px 100%;
	width: 100%;
	height: 100%;
	/*margin: 0 1px 0 1px;*/
	/*border:1px solid #CC33FF;*/
}
#menuh ol li .smenuh ol li:hover div.slignetnormale{
	background-image: url(../images/nav_h/item_rollover_repeat.gif);
}

/* class du A
** niveau 2 et plus
** état normale et over
*/
#menuh ol li .smenuh ol li a.snormale,#menuh ol li .smenuh ol li a.shover{
	display: block;
	padding: 0;
	font-size: 12px;
	color: #828282;
	width:120px;
	/*border:1px solid red;*/
	margin:0px;
	margin-left:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../images/nav_h/item_out_puce.gif);
	background-position:0px 7px;
	padding-left:10px !important;
	background-repeat:no-repeat;
	text-decoration: none;
}
#menuh ol li .smenuh ol li a.shover{
	color: #ff7e00;
}
#menuh ol li .smenuh ol li a strong.snormale,#menuh ol li .smenuh ol li a strong.shover{
	/*text-align: center;*/
	display: block;
	padding: 0 0 2px 0;
	background-image: none;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	
}
#menuh ol li .smenuh ol li a strong.shover{
	/*background-image: url(../images/identite_client/menu_h/bt_smh_f_h.gif);*/
}
#menuhh li:hover .smenuh{
	display:block;
}