* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ecebd7;
}

p.fr, p.ru {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 0.76em;
  font-weight: normal;
  font-style: normal;
  text-align: justify;
}

p.fr {
  color: #505050;
}

p.ru {
  color: #858585;
}

span.lettrine {
  font-weight: bold;
  color: slateblue;
}

span.symbole {
  font-weight: bold;
  font-size: 1.40em;
  color: slateblue;
}

p.vide {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 0.28em;
  font-weight: normal;
}

#contenu {
  width: auto;
  height: 450px;
  padding: 25px 25px 25px 25px;
}

#pied {
  clear: both;
  width: auto;
  height: 50px;
  padding: 10px 0 0 0;
  text-align: center; 
  font-family: Tahoma;
  font-size: small;
  color: #858585;
}

#notes {
  display: block;
  position: absolute;
  top: 68%;
  left: 25px;
  z-index: 1;
}

#informations {
  display: block;
  position: absolute;
  top: 32%;
  left: 18%;
  height: 250px;
  width: 500px;
}

#info0 span {
  display: none;
}

a#info0 {

  display: block;
  position: absolute;
  height: 250px;
  width: 500px;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  border-width: 0px;
  z-index: 10;
  background: url( ../img/dot.png ) no-repeat;
}

h1#info1 {

  display: block;
  position: absolute;
  height: 250px;
  width: 250px;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  border-width: 0px;
  z-index: -1;
  background: url( ../img/vide.png ) no-repeat;
}

h1#info2 {

  display: block;
  position: absolute;
  height: 250px;
  width: 250px;
  top: 0px;
  left: 250px;
  margin-top: 0px;
  margin-left: 0px;
  border-width: 0px;
  z-index: -1;
  background: url( ../img/fin_de_collection_2012.png ) no-repeat;
}