/* CSS du menu horizontal, bieler batiste */
    

.menu{
    display:block;
    padding:0px;
    margin:0px;
    width:770px; /* important pour Opera7 */
}

/* *tab* LEVEL 1*/

	.menu ul{
		position:absolute; /* pour sortir la liste du flux de donnée */
		display:block;
		padding:0px;
		margin:0px;
	}
			
	.menu li{
		height:auto;
		display:block;
		float:left;
		list-style:none;
	}

	.menu a {
		padding: 5px 5px;
		width: auto;
		display:block;
		font-size: 12px;
		text-align: left;
		text-decoration:none;
		color: #FFF;
	}
    
	.menu a:hover{
		text-decoration: none;
		color: #C0C0C0;
	}

/* *tab* *tab* LEVEL 2*/
	
		.menu li ul{
			padding: 0px;
			margin: 2px 0px 0px 10px;
			_margin: 2px 0px 0px 10px; /*hacks for IE6 */
			width: 140px;
			visibility:hidden;
			background-color: #FFF;
			border: 1px solid #333367;
		}

		.menu li li{
			display:block;
			float:none;
			_display:inline; /*hacks for IE6 */
			_margin: 0px; /*hacks for IE6 */
			border: none;
		}
			
		.menu li li a {
			padding: 3px 3px 3px 3px;
			display: block;
			font-size: 10px;
			text-align: left;
			text-decoration:none;
			color: #333367;
			border: 1px solid #FFF;
		}

		.menu li li a:hover {
			color: #FFF;
			background-color: #333367;
			border: 1px solid #FFF;
		}

/* *tab* *tab* *tab* LEVEL 3*/

			.menu li li ul{
				margin: -19px 0px 0px 142px;
				_margin: -19px 0px 0px 140px; /*hacks for IE6 */
				position:absolute; /* pour sortir la liste du flux de donnée */
				top: auto;
				left: auto;
			}

/*SIDE MENU*/

.sidemenu{
    padding:0px;
    margin:0px;
    display:block;
}

	.sidemenu ul{
		padding:0px;
		margin:0px;
		position:absolute; /* pour sortir la liste du flux de donnée */
		display:block;
	}
			
	.sidemenu li{
		padding: 0px 0px 8px 0px;
		list-style:none;
		height:auto;
		display:block;
	}

	.sidemenu a {
		padding: 1px;
		width: auto;
		font-size: 10px;
		text-align: left;
		text-decoration:none;
	}

	.sidemenu a:hover {
		text-decoration: none;
		color: #000;
	}