#photo {
  position: absolute;
  top: 95px;
  left: 51px;
  height: 372px;
  width: 244px;
  margin: 0px;
  /*border: 1px black solid;
  background: #fffdf0;*/
}
#text {
  position: absolute;
  background: white;
  top: 470px;
  left: 51px;
  width: 300px;
  margin: 0px;
  text-align: left;
  font-family: times, serif;
  font-size: 14px;
  font-weight: normal;
}
#text p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.vignette {
  display: block;
  height: 61px;
  width: 61px;
}
	#vign00 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 361px;
  background: url(../images/clara1.jpg);
  background-position: 0px -62px;
}
#vign00:hover {
  background-position: top left;
}
	#vign01 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 362px; left: 361px;
  background: url(../images/clara2.jpg);
  background-position: 0px -62px;
}
#vign01:hover {
  background-position: top left;
}
	#vign02 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 423px;
  background: url(../images/clara3.jpg);
  background-position: 0px -62px;
}
#vign02:hover {
  background-position: top left;
}
	#vign03 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 362px; left: 423px;
  background: url(../images/clara4.jpg);
  background-position: 0px -62px;
}
#vign03:hover {
  background-position: top left;
}
	#vign04 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 485px;
  background: url(../images/jungle1.jpg);
  background-position: 0px -62px;
}
#vign04:hover {
  background-position: top left;
}
	#vign05 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 362px; left: 485px;
  background: url(../images/city2.jpg);
  background-position: 0px -62px;
}
#vign05:hover {
  background-position: top left;
}
	#vign06 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 547px;
  background: url(../images/city1.jpg);
  background-position: 0px -62px;
}
#vign06:hover {
  background-position: top left;
}
	#vign07 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 362px; left: 547px;
  background: url(../images/dechainee1.jpg);
  background-position: 0px -62px;
}
#vign07:hover {
  background-position: top left;
}
	#vign08 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 609px;
  background: url(../images/jungle2.jpg);
  background-position: 0px -62px;
}
#vign08:hover {
  background-position: top left;
}
	#vign09 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 362px; left: 609px;
  background: url(../images/defile2.jpg);
  background-position: 0px -62px;
}
#vign09:hover {
  background-position: top left;
}
	#vign10 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 424px; left: 671px;
  background: url(../images/defile3.jpg);
  background-position: 0px -62px;
}
#vign10:hover {
  background-position: top left;
}
	#vign11 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 340px; left: 690px;
  background: url(../images/defile1.jpg);
  background-position: 0px -62px;
}
#vign11:hover {
  background-position: top left;
}
	#vign12 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 226px; left: 336px;
  background: url(../images/defile4.jpg);
  background-position: 0px -62px;
}
#vign12:hover {
  background-position: top left;
}
	#vign13 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 275px; left: 407px;
  background: url(../images/defile5.jpg);
  background-position: 0px -62px;
}
#vign13:hover {
  background-position: top left;
}
	#vign14 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 171px; left: 414px;
  background: url(../images/defile6.jpg);
  background-position: 0px -62px;
}
#vign14:hover {
  background-position: top left;
}
	#vign15 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 223px; left: 446px;
  background: url(../images/defile7.jpg);
  background-position: 0px -62px;
}
#vign15:hover {
  background-position: top left;
}
	#vign16 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 179px; left: 517px;
  background: url(../images/DElicieuse1.jpg);
  background-position: 0px -62px;
}
#vign16:hover {
  background-position: top left;
}
	#vign17 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 138px; left: 482px;
  background: url(../images/DElicieuse2.jpg);
  background-position: 0px -62px;
}
#vign17:hover {
  background-position: top left;
}
	#vign18 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 138px; left: 573px;
  background: url(../images/DEmoiselle1.jpg);
  background-position: 0px -62px;
}
#vign18:hover {
  background-position: top left;
}
	#vign19 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 95px; left: 616px;
  background: url(../images/DEmoiselle2.jpg);
  background-position: 0px -62px;
}
#vign19:hover {
  background-position: top left;
}
	#vign20 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 219px; left: 619px;
  background: url(../images/DEmoiselle3.jpg);
  background-position: 0px -62px;
}
#vign20:hover {
  background-position: top left;
}
	#vign21 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 187px; left: 668px;
  background: url(../images/DEmoiselle4.jpg);
  background-position: 0px -62px;
}
#vign21:hover {
  background-position: top left;
}
	#vign22 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 105px; left: 691px;
  background: url(../images/DElicate1.jpg);
  background-position: 0px -62px;
}
#vign22:hover {
  background-position: top left;
}
	#vign23 {
  position: absolute;
  height: 61px; width: 61px;
  border: 1px solid black;
  top: 152px; left: 728px;
  background: url(../images/clara5.jpg);
  background-position: 0px -62px;
}
#vign23:hover {
  background-position: top left;
}