.menutop {float: left; width : 231px; height: 133px; background-image: url('../img/menu/menuloca.png'); background-repeat: no-repeat; background-position: bottom;}
.menutop p {margin-top: 109px; margin-left: 40px; font-family: arial; font-weight: bold; font-size: 12px; width: 120px; text-align: center;}
.menutop a {color: #FFFFFF;}
.menutop a:hover {font-size: 13px;}
/* Haut du Menu */

#menu {
  background-image: url('../img/menu/menuglobal.jpg');
  width: 190px;
  height: 514px;
  float: left;
}

#menu a {
  display: block;
  position: absolute;
  outline: none;
}

#menu .exi {
  background-image: url('../img/menu/menubtn/exi.png');
  margin-left: 23px;
  margin-top: -1px;
  width: 167px;
  height: 37px;
}

#menu .exi:hover {
  background-image: url('../img/menu/menubtn/exi_over.png');
  margin-left: 23px;
  margin-top: -1px;
  width: 167px;
  height: 37px;
}

#menu .exi_select {
  background-image: url('../img/menu/menubtn/exi_select.png');
  margin-left: 23px;
  margin-top: -1px;
  width: 167px;
  height: 37px;
}

#menu .proc {
  background-image: url('../img/menu/menubtn/proc.png');
  margin-left: 23px;
  margin-top: 40px;
  width: 167px;
  height: 37px;
}

#menu .proc:hover {
  background-image: url('../img/menu/menubtn/proc_over.png');
  margin-left: 23px;
  margin-top: 40px;
  width: 167px;
  height: 37px;
}

#menu .proc_select {
  background-image: url('../img/menu/menubtn/proc_select.png');
  margin-left: 23px;
  margin-top: 40px;
  width: 167px;
  height: 37px;
}

#menu .mat {
  background-image: url('../img/menu/menubtn/mat.png') ;
  margin-left: 23px;
  margin-top: 82px;
  width: 167px;
  height: 37px;
}

#menu .mat:hover {
  background-image: url('../img/menu/menubtn/mat_over.png');
  margin-left: 23px;
  margin-top: 82px;
  width: 167px;
  height: 37px;
}

#menu .mat_select {
  background-image: url('../img/menu/menubtn/mat_select.png');
  margin-left: 23px;
  margin-top: 82px;
  width: 167px;
  height: 37px;
}

#menu .qual {
  background-image: url('../img/menu/menubtn/qual.png');
  margin-left: 23px;
  margin-top: 124px;
  width: 167px;
  height: 37px;
}

#menu .qual:hover {
  background-image: url('../img/menu/menubtn/qual_over.png');
  margin-left: 23px;
  margin-top: 124px;
  width: 167px;
  height: 37px;
}

#menu .qual_select {
  background-image: url('../img/menu/menubtn/qual_select.png');
  margin-left: 23px;
  margin-top: 124px;
  width: 167px;
  height: 37px;
}

#menu .cond {
  background-image: url('../img/menu/menubtn/cond.png');
  margin-left: 23px;
  margin-top: 166px;
  width: 167px;
  height: 37px;
}

#menu .cond:hover {
  background-image: url('../img/menu/menubtn/cond_over.png');
  margin-left: 23px;
  margin-top: 166px;
  width: 167px;
  height: 37px;
}

#menu .cond_select {
  background-image: url('../img/menu/menubtn/cond_select.png');
  margin-left: 23px;
  margin-top: 166px;
  width: 167px;
  height: 37px;
}

#menu .ref {
  background-image: url('../img/menu/menubtn/ref.png');
  margin-left: 23px;
  margin-top: 208px;
  width: 167px;
  height: 37px;
}

#menu .ref:hover {
  background-image: url('../img/menu/menubtn/ref_over.png');
  margin-left: 23px;
  margin-top: 208px;
  width: 167px;
  height: 37px;
}

#menu .ref_select {
  background-image: url('../img/menu/menubtn/ref_select.png') ;
  margin-left: 23px;
  margin-top: 208px;
  width: 167px;
  height: 37px;
}

#menu .gam {
  background-image: url('../img/menu/menubtn/gam.png');
  margin-left: 23px;
  margin-top: 250px;
  width: 167px;
  height: 37px;
}

#menu .gam:hover {
  background-image: url('../img/menu/menubtn/gam_over.png');
  margin-left: 23px;
  margin-top: 250px;
  width: 167px;
  height: 37px;
}

#menu .gam_select {
  background-image: url('../img/menu/menubtn/gam_select.png');
  margin-left: 23px;
  margin-top: 250px;
  width: 167px;
  height: 37px;
}