#homemiddle a {
  color: #fff;
  }

#homemiddle a:hover {
  text-decoration: underline;
  }
  
#travail {
  position: relative;
  float: left;
  width: 159px;
  height: 716px;
  border: 1px solid #000;
  background: url(/image/travail.jpg);
  }
  
#personne {
  position: relative;
  float: right;
  width: 161px;
  height: 716px;
  border: 1px solid #000;
  background: url(/image/personne.jpg);
  }
  
#maison, #bagagerie, #informatique, #devdurable, #stylo, #porte-cle, #sport, #securite, #montre {
  position: relative;
  float: left;
  margin: 0 0 12px 14px;
  border: 1px solid #000;
  }

#maison {
  width: 282px;
  height: 282px;
  background: url(/image/maison.jpg);
}

#informatique {
  width: 282px;
  height: 282px;
  background: url(/image/informatique.jpg);
}

#bagagerie {
  width: 282px;
  height: 131px;
  background: url(/image/bagagerie.jpg);
}

#devdurable {
  width: 282px;
  height: 131px;
  background: url(/image/devdurable.jpg);
}

#stylo {
  width: 282px;
  height: 131px;
  background: url(/image/stylo.jpg);
}

#porte-cle {
  width: 282px;
  height: 131px;
  background: url(/image/porte-cle.jpg);
}

#sport {
  width: 182px;
  height: 130px;
  background: url(/image/sport.jpg);
}

#securite {
  width: 182px;
  height: 130px;
  background: url(/image/securite.jpg);
}

#montre {
  width: 182px;
  height: 130px;
  background: url(/image/montre.jpg);
}

#txt_travail, #txt_personne, #txt_maison, #txt_informatique, #txt_bagagerie, #txt_devdurable, #txt_stylo, #txt_porte-cle, #txt_sport, #txt_securite, #txt_montre {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  color: #fff;
  font-size: 9pt;
  font-weight: bold;
  }
  
#homemiddle h2 {
  width: 100%;
  margin: 10px;
  }

#homemiddle h2 a {
  display: block;
  width: 90%;
  font-size: 12pt;
  color: #d20168;
  }

#homemiddle h2 a:hover {
  text-decoration: underline;
  }

 #homemiddle p {
  margin: 10px 10px 0 10px;
  text-align: left;
  }
  
.rub {
  font-weight: bold;
  text-decoration: underline;
  }