/* Navigation principale */

#menu {
	background: url(../imgs/navigation/00.jpg) no-repeat;
	margin: 0px auto;
	height: 41px;
	width: 802px;
	padding-left: 158px;
}

#menu ul {
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 41px;
}

#menu li a span {
	display: none;
}

#accueil {
	background: url(../imgs/navigation/01a.jpg) no-repeat;
	width: 41px;
}
#accueil:hover {
	background: url(../imgs/navigation/01b.jpg);
}
#accueil.active {
	background: url(../imgs/navigation/01c.jpg);
}

#service {
	background: url(../imgs/navigation/02a.jpg) no-repeat;
	width: 133px;
}
#service:hover {
	background: url(../imgs/navigation/02b.jpg);
}
#service.active {
	background: url(../imgs/navigation/02c.jpg);
}

#loi {
	background: url(../imgs/navigation/03a.jpg) no-repeat;
	width: 112px;
}
#loi:hover {
	background: url(../imgs/navigation/03b.jpg);
}
#loi.active {
	background: url(../imgs/navigation/03c.jpg);
}

#qui {
	background: url(../imgs/navigation/04a.jpg) no-repeat;
	width: 134px;
}
#qui:hover {
	background: url(../imgs/navigation/04b.jpg);
}
#qui.active {
	background: url(../imgs/navigation/04c.jpg);
}


#adherer {
	background: url(../imgs/navigation/05a.jpg) no-repeat;
	width: 178px;
}
#adherer:hover {
	background: url(../imgs/navigation/05b.jpg);
}
#adherer.active {
	background: url(../imgs/navigation/05c.jpg);
}


#contact {
	background: url(../imgs/navigation/06a.jpg) no-repeat;
	width: 71px;
}
#contact:hover {
	background: url(../imgs/navigation/06b.jpg);
}
#contact.active {
	background: url(../imgs/navigation/06c.jpg);
}


/* Navigation secondaire */
#colGauche ul {
	list-style: none;
}
#colGauche li a {
	font-size: 1.1em;
	font-weight: bold;
	color: #8799b3;
	text-decoration: none;
	height: 22px;
	display: block;
	padding-top: 10px;
	border-bottom: 1px solid #d6d5d5;
	background: url(../imgs/navigation/bgSsNavigation-off.gif) no-repeat left top;
	padding-left: 24px;
}
#colGauche li a:hover, #colGauche .ssmenuActif {
	color: #345789;
	background: url(../imgs/navigation/bgSsNavigation-on.gif) no-repeat left top;
}
