/* ----------------------------- */
/*            haut de page       */
/* ----------------------------- */

div#header {
	background-image:url(../images/tpl_haut.jpg);
	height: 118px;
	position: relative;
	background-repeat:no-repeat;
	/*display: block;*/
	/*line-height: 1px;*/
	}

#menu {
		height: 28px;
		margin: 118px 0 0 0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		float: right;
}

#menu ul, #menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

#menu li {
		width: 140px;
	}	

#menu li a {
		display: block;
		text-decoration: none;
		text-align: center;
		border: 1px solid #fff;
	}
	/*---------- Niveau 1 ----------*/
	#menu .niveau1 li {
		float: left;
		margin: 0 -1px 0 0;
	}
	#menu .niveau1 li a {
		padding: 5px 0;
		height: 16px;
		color: #000;
		background: #FF8302;
	}
	#menu .niveau1 li:hover a,
	#menu .niveau1 li a:hover {
		color: #fff;
		background: #000;
	}
	/*---------- Niveau 2 ----------*/
	#menu .niveau2 {
		position: absolute;
		top: -9999em;
	}
	#menu .niveau2 li {
		clear: left;
		margin: -1px 0 0;
	}
	#menu .niveau2 li a {
		/*color: #fff;
		background: #6D8600; vert caki*/
	}
	#menu .niveau2 li a:hover {
		color: #000;
		background: #FFCC00;
	}
	#menu li:hover .niveau2,
	#menu .sfhover .niveau2 {
		top: auto;
		min-height: 0; /* corrige un bug IE7 */
	}
	/*---------- Niveau 3 ----------*/
	#menu .niveau1 .niveau2 .niveau3 {
		position: absolute;	
		top: -9999em;
		border-top: 1px solid #fff; /* corrige un bug IE6 */
	}
	#menu .niveau3 li a {
		/*color: #fff;
		background: #6D8600; vert caki*/
	}
	#menu .niveau3 li:hover a,
	#menu .niveau3 li a:hover {
		color: #000;
		background: #FFCC00; /* jaune */
	}
	#menu .niveau2 li:hover .niveau3,
	#menu .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 139px;
	}
	#menu .inverse .niveau2 li:hover .niveau3,
	#menu .inverse .niveau2 .sfhover .niveau3 {	
		top: auto;
		margin:-28px 0 0 -139px;
	}
	
	/*---------- Niveau 4 ----------*/
	#menu .niveau4{
		position: absolute;	
		top: -9999em;
		border-top: 1px solid #fff; /* corrige un bug IE6 */
	}
	
	#menu .niveau3 .niveau4 li a { /*couleur menu 4 sans dessus*/
		color: #fff;
		background: #000;	/* bleu foncé*/
	}
	
	#menu .niveau4 li:hover a,
	#menu .niveau4 li a:hover { /*souris au dessus*/
		color: #000;
		/*background: #CFDDF2;*/ /* bleu claire*/
		/* background: #53768A; /* bleu foncé*/
		background: #FFCC00;
	}
	#menu .niveau3 li:hover .niveau4,
	#menu .niveau3 .sfhover .niveau4 {	
		top: auto;
		margin:-28px 0 0 139px;
	}
	#menu .inverse .niveau3 li:hover .niveau4,
	#menu .inverse .niveau3 .sfhover .niveau4 {	
		top: auto;
		margin:-28px 0 0 139px;
	}