#navigation{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; margin:45px 0 0 7px; box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000;-webkit-box-shadow: 0px 0px 6px #000000;}

#navigation {
  list-style: none;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 45px;
	position: relative;
	display: block;
	/*background: url(../media/img/menu_accueil.jpg) 0 0 no-repeat;*/
}


/* Bruno */
#navigation a.accueil,
#navigation a.accueil .hover {
  height: 45px;
	position: relative;
	display: block;
	background: url(../media/img/menu_accueil.jpg) 0 0 no-repeat;
}

#navigation a.domaines,
#navigation a.domaines .hover {
  height: 45px;
	position: relative;
	display: block;
	background: url(../media/img/menu_domaines.jpg) 0 0 no-repeat;
}

#navigation a.demarche,
#navigation a.demarche .hover {
  height: 45px;
	position: relative;
	display: block;
	background: url(../media/img/menu_demarche.jpg) 0 0 no-repeat;
}
#navigation a.references,
#navigation a.references .hover {
  height: 45px;
	position: relative;
	display: block;
	background: url(../media/img/menu_references.jpg) 0 0 no-repeat;
}
#navigation a.contact,
#navigation a.contact .hover {
  height: 45px;
	position: relative;
	display: block;
	background: url(../media/img/menu_contact.jpg) 0 0 no-repeat;
}
/* Bruno FIN */



/* individual navigation items */
#navigation a.accueil {
  background-position: 0 0;
   width:131px;
}



#navigation a.accueil .hover {
  background-position: 0 -45px;
  width: 131px;
}

#navigation a.domaines {
  background-position: 0 0;
  width:222px
}

#navigation a.domaines .hover {
  background-position: 0 -45px;
}

#navigation a.demarche {
  background-position: 0 0;
  width:175px;
}

#navigation a.demarche .hover {
  background-position: 0 -45px;
}

#navigation a.references {
  background-position: 0 0;
   width:145px;
}

#navigation a.references .hover {
  background-position: 0 -45px;
}

#navigation a.contact {
  background-position: 0 0;
   width:144px;
}

#navigation a.contact .hover {
  background-position: 0 -45px;
}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
#navigation a .hover {
  cursor: pointer;
}