/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la NAVIGATION */
/* -------------------------------------------------------------------------------------------- */


#navigation {
	position:absolute; 
	width:375px;
	top:0;
	right:0;
	margin:0 10px 0 0;
	height:27px;
	z-index:3;
	padding:0;
}

.nav {
	width: 375px;
	height: 27px;
	background: url(../images/bg-nav.gif) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	padding:0!important;
}
.nav li {
	display: inline;
	padding:0!important;
}
.nav li a {
	position: absolute;
	top: 0;
	height: 27px;
	/* width:120px; */
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor:pointer;
}
	.nav .accueil a {
		left: 0px;
		width:78px;
	}
	.nav .accueil a:hover, 
	.nav .accueil a:focus, 
	.nav .accueil a:active, 
	.current-accueil .accueil a:link, 
	.nav-accueil, 
	.nav-accueil-click {
		background: url(../images/bg-nav.gif) no-repeat 0px -27px;
	}
	.nav-accueil, .nav-accueil-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 78px;
		height: 27px;
	}



	.nav .presentation a {
		left: 77px;
		width:119px;
	}
	.nav .presentation a:hover, .nav .presentation a:focus, 
	.nav .presentation a:active, 
	.current-presentation .presentation a:link, 
	.nav-presentation, 
	.nav-presentation-click {
		background: url(../images/bg-nav.gif) no-repeat -77px -27px;
	}
	.nav-presentation, .nav-presentation-click {
		position: absolute;
		top: 0;
		left: 77px;
		width: 119px;
		height: 27px;
	}



	.nav .actualites a {
		left: 196px;
		width:94px;
	}
	.nav .actualites a:hover, .nav .actualites a:focus, 
	.nav .actualites a:active, 
	.current-actualites .actualites a:link,
	.nav-actualites, 
	.nav-actualites-click {
		background: url(../images/bg-nav.gif) no-repeat -196px -27px;
	}
	.nav-actualites, .nav-actualites-click {
		position: absolute;
		top: 0;
		left: 196px;
		width: 94px;
		height: 27px;
	}


	
	.nav .contact a {
		left: 290px;
		width:86px;
	}
	.nav .contact a:hover, .nav .contact a:focus, 
	.nav .contact a:active, 
	.current-contact .contact a:link, 
	.nav-contact, 
	.nav-contact-click {
		background: url(../images/bg-nav.gif) no-repeat -290px -27px;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 290px;
		width: 86px;
		height: 27px;
	}


/**/



#menu {
	position:absolute; 
	width:960px;
	top:0;
	left:0;
	margin:303px 0 0 5px !important;
	z-index:3;
	padding:0;
}
.accueil #menu {
	margin:376px 0 0 5px !important;
}

.menu{
	width: 960px;
	height: 135px;
	background: url(../images/bg-menu.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	padding:0!important;
}
.menu li {
	display: inline;
	padding:0!important;
}
.menu li a {
	position: absolute;
	top: 0;
	height: 135px;
	/* width:120px; */
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor: pointer;
}
	.menu .fiche1-1 a, .menu-fiche1-1, .menu-fiche1-1-click {
		left: 0px;
		width:67px;
		position: absolute;
		top: 0;
		height: 135px;
	}
	.menu .fiche1-1 a:hover, .menu .fiche1-1 a:focus, .menu .fiche1-1 a:active, .current-fiche1-1 .fiche1-1 a:link, .menu-fiche1-1, .menu-fiche1-1-click {
		background: url(../images/bg-menu.jpg) no-repeat 0px -135px;
	}


	.menu .fiche1-2 a, .menu-fiche1-2, .menu-fiche1-2-click {
		position: absolute;
		top: 0;
		left: 67px;
		width: 72px;
		height: 135px;
	}
	.menu .fiche1-2 a:hover, .menu.fiche1-2 a:focus, .menu .fiche1-2 a:active, .current-fiche1-2 .fiche1-2 a:link, .menu-fiche1-2, .menu-fiche1-2-click {
		background: url(../images/bg-menu.jpg) no-repeat -67px -135px;
	}

	.menu .fiche1-3 a, .menu-fiche1-3, .menu-fiche1-3-click {
		position: absolute;
		top: 0;
		left: 139px;
		width: 72px;
		height: 135px;
	}
	.menu .fiche1-3 a:hover, .menu.fiche1-3 a:focus, .menu .fiche1-3 a:active, .current-fiche1-3 .fiche1-3 a:link, .menu-fiche1-3, .menu-fiche1-3-click {
		background: url(../images/bg-menu.jpg) no-repeat -139px -135px;
	}
	
	.menu .fiche1-4 a, .menu-fiche1-4, .menu-fiche1-4-click {
		position: absolute;
		top: 0;
		left: 211px;
		width: 68px;
		height: 135px;
	}
	.menu .fiche1-4 a:hover, .menu.fiche1-4 a:focus, .menu .fiche1-4 a:active, .current-fiche1-4 .fiche1-4 a:link, .menu-fiche1-4, .menu-fiche1-4-click {
		background: url(../images/bg-menu.jpg) no-repeat -211px -135px;
	}

	.menu .fiche1-5 a, .menu-fiche1-5, .menu-fiche1-5-click {
		position: absolute;
		top: 0;
		left: 279px;
		width: 41px;
		height: 135px;
	}
	.menu .fiche1-5 a:hover, .menu.fiche1-5 a:focus, .menu .fiche1-5 a:active, .current-fiche1-5 .fiche1-5 a:link, .menu-fiche1-5, .menu-fiche1-5-click {
		background: url(../images/bg-menu.jpg) no-repeat -279px -135px;
	}
	
	.menu .fiche2-1 a, .menu-fiche2-1, .menu-fiche2-1-click {
		position: absolute;
		top: 0;
		left: 320px;
		width: 131px;
		height: 135px;
	}
	.menu .fiche2-1 a:hover, .menu.fiche2-1 a:focus, .menu .fiche2-1 a:active, .current-fiche2-1 .fiche2-1 a:link, .menu-fiche2-1, .menu-fiche2-1-click {
		background: url(../images/bg-menu.jpg) no-repeat -320px -135px;
	}
	
	.menu .fiche2-2 a, .menu-fiche2-2, .menu-fiche2-2-click {
		position: absolute;
		top: 0;
		left: 451px;
		width: 79px;
		height: 135px;
	}
	.menu .fiche2-2 a:hover, .menu.fiche2-2 a:focus, .menu .fiche2-2 a:active, .current-fiche2-2 .fiche2-2 a:link, .menu-fiche2-2, .menu-fiche2-2-click {
		background: url(../images/bg-menu.jpg) no-repeat -451px -135px;
	}
	
	.menu .fiche2-3 a, .menu-fiche2-3, .menu-fiche2-3-click {
		position: absolute;
		top: 0;
		left: 530px;
		width: 71px;
		height: 135px;
	}
	.menu .fiche2-3 a:hover, .menu.fiche2-3 a:focus, .menu .fiche2-3 a:active, .current-fiche2-3 .fiche2-3 a:link, .menu-fiche2-3, .menu-fiche2-3-click {
		background: url(../images/bg-menu.jpg) no-repeat -530px -135px;
	}
	
	.menu .fiche2-4 a, .menu-fiche2-4, .menu-fiche2-4-click {
		position: absolute;
		top: 0;
		left: 601px;
		width: 39px;
		height: 135px;
	}
	.menu .fiche2-4 a:hover, .menu.fiche2-4 a:focus, .menu .fiche2-4 a:active, .current-fiche2-4 .fiche2-4 a:link, .menu-fiche2-4, .menu-fiche2-4-click {
		background: url(../images/bg-menu.jpg) no-repeat -601px -135px;
	}
	
	.menu .fiche3-1 a, .menu-fiche3-1, .menu-fiche3-1-click {
		position: absolute;
		top: 0;
		left: 640px;
		width: 130px;
		height: 135px;
	}
	.menu .fiche3-1 a:hover, .menu.fiche3-1 a:focus, .menu .fiche3-1 a:active, .current-fiche3-1 .fiche3-1 a:link, .menu-fiche3-1, .menu-fiche3-1-click {
		background: url(../images/bg-menu.jpg) no-repeat -640px -135px;
	}

	.menu .fiche3-2 a, .menu-fiche3-2, .menu-fiche3-2-click {
		position: absolute;
		top: 0;
		left: 770px;
		width: 71px;
		height: 135px;
	}
	.menu .fiche3-2 a:hover, .menu.fiche3-2 a:focus, .menu .fiche3-2 a:active, .current-fiche3-2 .fiche3-2 a:link, .menu-fiche3-2, .menu-fiche3-2-click {
		background: url(../images/bg-menu.jpg) no-repeat -770px -135px;
	}
	
	.menu .fiche3-3 a, .menu-fiche3-3, .menu-fiche3-3-click {
		position: absolute;
		top: 0;
		left: 841px;
		width: 80px;
		height: 135px;
	}
	.menu .fiche3-3 a:hover, .menu.fiche3-3 a:focus, .menu .fiche3-3 a:active, .current-fiche3-3 .fiche3-3 a:link, .menu-fiche3-3, .menu-fiche3-3-click {
		background: url(../images/bg-menu.jpg) no-repeat -841px -135px;
	}
	
	.menu .fiche3-4 a, .menu-fiche3-4, .menu-fiche3-4-click {
		position: absolute;
		top: 0;
		left: 921px;
		width: 39px;
		height: 135px;
	}
	.menu .fiche3-4 a:hover, .menu.fiche3-4 a:focus, .menu .fiche3-4 a:active, .current-fiche3-4 .fiche3-4 a:link, .menu-fiche3-4, .menu-fiche3-4-click {
		background: url(../images/bg-menu.jpg) no-repeat -921px -135px;
	}
	
	

/*sous menus*/


.menu li ul.sousMenu  li a {
	position: relative;
	display : block; 
	background : #83c700;
	width : 167px; 
	height:auto !important;
	min-height: 20px;
	height:30px;
	top: 0;
	padding :3px 0 2px 10px;
	line-height:14px;
	text-indent: 0px;
	overflow:auto;
	z-index: 20;
	color : #fff; 
	text-decoration : none; 
	border-left:7px solid #73a80d;
}
	.menu li.fiche2-4 ul.sousMenu  li a {
		background : #00adcb;
		border-left:7px solid #008fa8;
	}
	.menu li.fiche3-4 ul.sousMenu  li a {
		background-color : #f35f00 ;
		border-left:7px solid #e34800;
	}
.menu li ul.sousMenu  li.rubTop a {
	background:#83c700 url(../images/bg-menu-li-rubTop.gif) repeat-x;
	padding-top:5px;
}
	.menu li.fiche2-4 ul.sousMenu  li.rubTop a {
		background:#00adcb url(../images/bg-menu-li-rubTop-blue.gif) repeat-x;
	}
	.menu li.fiche3-4 ul.sousMenu  li.rubTop a {
		background:#f35f00 url(../images/bg-menu-li-rubTop-orange.gif) repeat-x;
	}
	
.menu li ul.sousMenu  li a:hover {
	background:#3e5f00;
}
	.menu li.fiche2-4 ul.sousMenu  li a:hover {
		background:#005362;
	}
	.menu li.fiche3-4 ul.sousMenu  li a:hover {
		background:#662e00;
	}
	
.menu li ul.sousMenu { 
	position: absolute; 
	width: 144px; 
	left: -999em; 
	margin:130px 0 0 -164px;
}
.menu li ul.sousMenu li {
	float:left;
}
.menu li:hover ul.sousMenu, .menu li li:hover ul.sousMenu, .menu li.sfhover ul.sousMenu, .menu li li.sfhover ul.sousMenu {
	left: auto; 
	min-height: 0; 
}