body {
    background-color: #e9e8e8;
}

#nav_acc {
  width: 1000px;
  height: 500px;
  background: url("images/fond_test.png") no-repeat;
  margin: 0 auto;
  padding: 0;
  margin-top: 100px;
  text-align: center;
}

#nav_acc ul {
  list-style: none;
  margin-left: 59px;
}

#nav_acc li {
  float: left;
  margin-left: 35px;
  margin-right: 35px;
  margin-top: 150px;
}

#nav_acc a * {
  display: none;
}

#nav_acc a,
#nav_acc a .hover {
  height: 192px;
	position: relative;
	display: block;
	background: url("images/images.jpg") 0 0 no-repeat;
	outline: none;
}

/* individual navigation items */
#nav_acc a.actus {
  background-position: 0 0;
  width: 192px;
}

#nav_acc .highlight a.actus:hover,
#nav_acc a.actus .hover {
  background-position: 0 -192px;
}

#nav_acc a.encyclo {
  background-position: -192px 0;
  width: 192px;
}

#nav_acc .highlight a.encyclo:hover,
#nav_acc a.encyclo .hover {
  background-position: -192px -192px;
}

#nav_acc a.tutos {
  background-position: -384px 0;
  width: 192px;
}

#nav_acc .highlight a.tutos:hover,
#nav_acc a.tutos .hover {
  background-position: -384px -192px;
}

#nav_acc a .hover {
  cursor: pointer;
}