ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: 0px;
	left: 0px;
	width: 830px;
	height: 50px;
	background: #FCF9F5 url(img/navigation_over.gif) no-repeat;
}

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	text-decoration: none;
	background: url(img/navigation.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(img/navigation_over.gif);
}

li#accueil a {
	width: 114px;
	height: 50px;
 }


li#association a {
	width: 130px;
	height: 50px;
}

li#association a:link, li#association a:visited, li#association a:hover {	background-position: -114px 0px;}

li#projets a {
	width: 120px;
	height: 50px;
}

li#projets a:link, li#projets a:visited, li#projets a:hover { background-position: -244px 0px;}

li#news a {
	width:115px;
	height: 50px;
}

li#news a:link, li#news a:visited, li#news a:hover { background-position: -364px 0px;}

li#expo a {
	width: 87px;
	height: 50px;
}

li#expo a:link, li#expo a:visited, li#expo a:hover { background-position: -479px 0px;}

li#rejoigneznous a {
	width: 150px;
	height: 50px;
}

li#rejoigneznous a:link, li#rejoigneznous a:visited, li#rejoigneznous a:hover { background-position: -566px 0px;}

li#contact a {
	width: 114px;
	height: 50px;
}

li#contact a:link, li#contact a:visited, li#contact a:hover { background-position: -716px 0px;}



/*<group=active buttons>*/

body#pageaccueil ul#navigation li#accueil a {
	width: 114px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: 0px 0px;
}

body#pageassociation ul#navigation li#association a {
	width: 130px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -114px 0px;
}

body#pageprojets ul#navigation li#projets a {
	width: 120px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -244px 0px;
}

body#pageactus ul#navigation li#news a {
	width: 115px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -364px 0px;
}


body#pageexpo ul#navigation li#expo a {
	width: 87px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -479px 0px;
}

body#pagejoin ul#navigation li#rejoigneznous a {
	width: 150px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -566px 0px;
}

body#pagecontact ul#navigation li#contact a {
	width: 114px;
	height: 50px;
	background-image: url(img/navigation_over.gif);
	background-position: -716px 0px;
}