#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 36px;
	background: url(menu_realisations/barre_realisation.gif) no-repeat;
	position: absolute;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	position: absolute;
	outline: none;
	width: 105px;
	height: 33px;
	left: 193px;
	top: 0px;
	overflow: hidden;
	background-color: #000000;
}
#menu a:hover {
	background-position: center bottom;
}
#menu a:hover span{
	display: block;
}
#menu .identite {
	width: 88px;
	height: 26px;
	background: url(menu_realisations/identite.gif) no-repeat;
	left: 57px;
	top: 0px;
}
#menu .identite span {
	width: 115px;
	height: 26px;
	background: url(menu_realisations/identite-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .index {
	width: 52px;
	height: 26px;
	background: url(menu_realisations/accueil.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .index span {
	width: 65px;
	height: 26px;
	background: url(menu_realisations/accueil-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .board {
	width: 84px;
	height: 26px;
	background: url(menu_realisations/board.gif) no-repeat;
	left: 151px;
	top: 0px;
}
#menu .board span {
	width: 107px;
	height: 26px;
	background: url(menu_realisations/board-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .graphique {
	width: 98px;
	height: 26px;
	background: url(menu_realisations/graphique.gif) no-repeat;
	left: 239px;
	top: 0px;
}
#menu .graphique span {
	width: 127px;
	height: 26px;
	background: url(menu_realisations/graphique-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .volume {
	width: 86px;
	height: 26px;
	background: url(menu_realisations/volume.gif) no-repeat;
	left: 341px;
	top: 0px;
}
#menu .volume span {
	width: 109px;
	height: 26px;
	background: url(menu_realisations/volume-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .marketing {
	width: 131px;
	height: 26px;
	background: url(menu_realisations/marketing.gif) no-repeat;
	left: 432px;
	top: 0px;
}
#menu .marketing span {
	width: 165px;
	height: 26px;
	background: url(menu_realisations/marketing-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .communication {
	width: 127px;
	height: 26px;
	background: url(menu_realisations/communication.gif) no-repeat;
	left: 564px;
	top: 0px;
}
#menu .communication span {
	width: 158px;
	height: 26px;
	background: url(menu_realisations/communication-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .illustration {
	width: 105px;
	height: 26px;
	background: url(menu_realisations/illustration.gif) no-repeat;
	left: 695px;
	top: 0px;
}
#menu .illustration span {
	width: 125px;
	height: 26px;
	background: url(menu_realisations/illustration-over.gif) no-repeat;
	left: 0px;
	top: 0px;
}