/* Conteneur principale
** de la navigation horizontale
*/
div#navhcontainer {
	height:48px;
	background-image:url(menu_h/nav_h_left.png);
	background-repeat:no-repeat;
	background-position:0 0;
	margin-left:3px;
	padding: 10px 0 3px 12px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='n/authentic/conjonxion/menu_h/nav_h_left.png', sizingMethod='crop');
	_background-image:none;
}

div.navigation_menuh {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	background-image:url(./menu_h/nav_h_repeat.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
	position:relative;
	z-index: 10;
	height:58px;
}

div.navigation_menuh a {
	font-size:12px;
}

/* Niveau 1 */
div.navigation_menuh ol#menuhh {
	text-align:right;
	list-style:none;
	padding:0 0 30px 0;
	margin:0;
	_font-size:1px;
	float:right;
}

div.navigation_menuh ol#menuhh li.first {
	position:relative;
	display:inline;
	/*float:left;*/
}

div.navigation_menuh ol#menuhh li.first div.lignelnormale,
div.navigation_menuh ol#menuhh li.first:hover div.lignelnormale {
	/*position:absolute;
	top:0px;
	left:0px;*/
	float:left;
	display:block;
	width:8px;
	height:28px;
	background-image:url(./menu_h/niv_1_normale_left.png);
	background-repeat:no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='n/authentic/conjonxion/menu_h/niv_1_normale_left.png', sizingMethod='crop');
	_background-image:none;
}

div.navigation_menuh ol#menuhh li.first:hover div.lignelnormale {
	background-image:url(./menu_h/niv_1_over_left.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='n/authentic/conjonxion/menu_h/niv_1_over_left.png', sizingMethod='crop');
	_background-image:none;
}

div.navigation_menuh ol#menuhh li.first div.lignernormale,
div.navigation_menuh ol#menuhh li.first:hover div.lignernormale {
	/*position:absolute;
	top:0px;
	right:0px;*/
	float:left;
	display:block;
	width:9px;
	height:28px;
	background-repeat:no-repeat;
	background-image:url(./menu_h/niv_1_normale_right.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='n/authentic/conjonxion/menu_h/niv_1_normale_right.png', sizingMethod='crop');
	_background-image:none;
}

div.navigation_menuh ol#menuhh li.first:hover div.lignernormale {
	background-image:url(./menu_h/niv_1_over_right.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='n/authentic/conjonxion/menu_h/niv_1_over_right.png', sizingMethod='crop');
	_background-image:none;
}

div.navigation_menuh ol#menuhh li.first a.hnormale, div.navigation_menuh ol#menuhh li.first a:hover {
	/*padding:0 8px 0 8px;*/
	display:-moz-inline-box;
	display:inline-block;
	height:28px;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
}

div.navigation_menuh ol#menuhh li a.hnormale span,
div.navigation_menuh ol#menuhh > li:hover > a span {
	height:28px;
	background-color:#359be5;
	display:block;
	_float:left;
}


div.navigation_menuh ol#menuhh > li:hover > a span {
	height:28px;
	display:block;
	background-color:#0067b1;
}


/* Niveau 2 */
div.navigation_menuh div.smenu {
	position:absolute;
	width:884px;
	top:28px;
	right:-10px;
	display:none;
}
div.navigation_menuh ol#menuhh li:hover div.smenu, div.navigation_menuh ol#menuhh li:hover div.smenu:hover  {
	display:block;
}
div.navigation_menuh div.smenu ol {
	list-style:none;
	padding:0;
	margin:4px 0 0 20px;
	/*position:absolute;
	right:0px;*/
	position:relative;
	float:right;
}

div.navigation_menuh div.smenu ol li {
	display:block;
	float:left;
	height:35px;
	margin-right:20px;
	position:relative;
}

/* Je cache les div _t, _b et _l qui ne servent pas à ce niveau */
div.navigation_menuh div.smenu ol li div.slignetnormale, div.navigation_menuh div.smenu ol li div.slignebnormale, div.navigation_menuh div.smenu ol li div.slignelnormale, div.navigation_menuh div.smenu ol li div.slignethover, div.navigation_menuh div.smenu ol li div.slignebhover, div.navigation_menuh div.smenu ol li div.slignelhover{
	display:none;
}

div.navigation_menuh div.smenu ol li a.snormale, div.navigation_menuh div.smenu ol li a.shover, div.navigation_menuh div.smenu ol li a.shoverl {
	font-weight:normal;
	color:#FFFFFF;
	background-image:url(./menu_h/niv_2_puce.png);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:0 2px;
	float:left;
}
div.navigation_menuh div.smenu div.smenu ol{font-size:1px;}

/* Niveau 3 et plus */
div.navigation_menuh div.smenu ol li div.smenu {
	width:151px;
	position:absolute;
	top:21px;
	right:-20px;
	display:none;
	background-image:url(./menu_h/niv_3_top.png);
	background-repeat:no-repeat;
	background-position:0px -2px;
	padding-top:5px;
}

div.navigation_menuh div.smenu div.smenu ol {
	width:151px;
	margin:0;
	padding-bottom:20px;
	padding-top:0px;
	background-image:url(./menu_h/niv_3_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}


div.navigation_menuh div.smenu div.smenu ol li {
	display:block;
	margin:0;
	float:none;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(./menu_h/niv_3_separation.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
	background-color:#FFFFFF;
	width:100%;
}

div.navigation_menuh div.smenu div.smenu ol li a.snormale,
div.navigation_menuh div.smenu div.smenu ol li a.shover,
div.navigation_menuh div.smenu div.smenu ol li a.shoverl {
	background:none;
	color:#0067b1; /* CHANGE : couleur du texte out */
	font-size:12px;
	line-height: 20px;
	padding:0;
	display:block;
	width:144px;
	margin:auto;
	text-decoration:none;
}

div.navigation_menuh div.smenu div.smenu ol li a.shover,
div.navigation_menuh div.smenu div.smenu ol li a.shoverl {
	color:#FFFFFF;
	background-color:#0067b1; /* CHANGE : couleur de fond du texte over */
	text-decoration:none;
}

div.navigation_menuh div.smenu div.smenu div.smenu {
	left:-145px; /* ou 152 */
	top:-3px;
	width:144px;
	background-position:-2px -4px;
	padding-top:3px;
}

/* pour les niveaux 4 et plus, on redéfini la largeur du ol */
div.navigation_menuh div.smenu div.smenu div.smenu ol {
	width:144px;
}
