div.vert {
  position: absolute;
  color: rgb(146, 208, 80);
  font-weight: bold;
}

div.roseC {
  position: absolute;
  color: rgb(204, 51, 153);
  font-weight: bold;
}

div.rose {
  position: absolute;
  color: rgb(148, 14, 84);
  font-weight: bold;
}

div.gris {
  position: absolute;
  color: rgb(64, 64, 64);
  font-weight: bold;
}

div.bleu {
  position: absolute;
  color: rgb(0, 112, 192);
  font-weight: bold;
}

div.vert a, div.roseC a, div.rose a, div.gris a, div.bleu a {
  color: inherit;
  text-decoration: none;
}

div.vert a:hover, div.roseC a:hover, div.rose a:hover, div.gris a:hover, div.bleu a:hover {
  font-size: 140%;
  position: relative;
  top: -10px;
  left: -10px;
}

.overlay {
  display:none;
  z-index:10000;
  background-color:#333;
  text-align: center;
  
  min-height:200px;
  border:1px solid #666;

  -moz-box-shadow: 0 0 30px 5px #000;
  -webkit-box-shadow: 0 0 30px #000;	
}

.overlay .close {
  background-image:url('../img/close.png');
  position:absolute;
  right:-8px;
  top:-8px;
  cursor:pointer;
  height:16px;
  width:16px;
}

.overlay .close:hover {
  background-position:0 -16px; 
}

.details {
  font-size: 20px;
  color: #fff;
  width: 100%;
}

.details h1 {
  margin: 0px;
  font-size: 28px;
}