#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 36px;
	background: url(images/menu-bg.png) no-repeat;
	position: absolute;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	position: absolute;
	outline: none;
	width: 164px;
	height: 33px;
	left: 1px;
	top: 176px;
	overflow: hidden;
	background-color: #000000;
}
#menu a:hover {
	background-position: center bottom;
}
#menu a:hover span{
	display: block;
}
#menu .metier {
	width: 38px;
	height: 26px;
	background: url(images/metier.png) no-repeat;
	left: 130px;
	top: 0px;
}
#menu .metier span {
	width: 38px;
	height: 26px;
	background: url(images/metier-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .aqui {
	width: 127px;
	height: 26px;
	background: url(images/aqui.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .aqui span {
	width: 127px;
	height: 26px;
	background: url(images/aqui-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .process {
	width: 44px;
	height: 26px;
	background: url(images/process.png) no-repeat;
	left: 171px;
	top: 0px;
}
#menu .process span {
	width: 44px;
	height: 26px;
	background: url(images/process-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .offres {
	width: 36px;
	height: 26px;
	background: url(images/offres.png) no-repeat;
	left: 219px;
	top: 0px;
}
#menu .offres span {
	width: 36px;
	height: 26px;
	background: url(images/offres-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .agence {
	width: 51px;
	height: 26px;
	background: url(images/agence.png) no-repeat;
	left: 259px;
	top: 0px;
}
#menu .agence span {
	width: 51px;
	height: 26px;
	background: url(images/agence-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .pourquoi {
	width: 193px;
	height: 26px;
	background: url(images/pourquoi.png) no-repeat;
	left: 315px;
	top: 0px;
}
#menu .pourquoi span {
	width: 193px;
	height: 26px;
	background: url(images/pourquoi-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .references {
	width: 59px;
	height: 26px;
	background: url(images/references.png) no-repeat;
	left: 513px;
	top: 0px;
}
#menu .references span {
	width: 59px;
	height: 26px;
	background: url(images/references-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
	#menu .realisations {
	width: 64px;
	height: 26px;
	background: url(images/realisation.png) no-repeat;
	left: 578px;
	top: 0px;
}
#menu .realisations span {
	width: 64px;
	height: 26px;
	background: url(images/realisation-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
	#menu .ilsparlent {
	width: 96px;
	height: 26px;
	background: url(images/ilsparlent.png) no-repeat;
	left: 647px;
	top: 0px;
}
#menu .ilsparlent span {
	width: 96px;
	height: 26px;
	background: url(images/ilsparlent-over.png) no-repeat;
	left: 0px;
	top: 0px;
}
	#menu .contact {
	width: 46px;
	height: 26px;
	background: url(images/contact.png) no-repeat;
	left: 750px;
	top: 0px;
}
#menu .contact span {
	width: 46px;
	height: 26px;
	background: url(images/contact-over.png) no-repeat;
	left: 0px;
	top: 0px;
}