/*
rouge: eb1d22
bleu marine: 1f1d40
gris bleu: 9f9eb6

gris clair: #f0f0f0
gris de bordure: #a0a0a0
*/

html, body {
  background-color: #f0f0f0;
  display: table; height: 100%; width: 100%;
  margin: 0; padding: 0;
  font: 11px "Bitstream Vera Sans", sans-serif;
  overflow: hidden;
}
a {
  text-decoration: none;
}
#container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  margin: 17px 0 0 0;
}

#container div {
  vertical-align: baseline;
}

#index_main {
  height: 450px;
  margin-bottom: 5px;
}
#index_main img.main_back {
  border-width: 0;
  margin: 0; padding: 0;
}

#main, #footer {
  margin: 0 auto;
  text-align: left;
  width: 600px;
}
#main {
  padding: 80px 0 26px 0;
}
#main, #content, #thumbs {
  height: 349px;
}
#thumb_page, #descriptions div {
  height: 309px;
}
#content {
  margin: 0 46px;
  padding: 0;
}

#thumbs {
  float: left;
  position: fixed;
  width: 248px;
}
#next_page, #thumb_page, #previous_page {
  position: absolute;
}
#next_page, #previous_page {
  z-index: 1;
  color: #a0a0a0;
  background-color: white;
}
.scroll_link {
  cursor: pointer;
}
#next_page {
  margin: 4px 14px 0 210px;
}
#previous_page {
  margin: 333px 0 0 17px;
}
#thumb_page {
  margin: 20px 0 0 0;
  overflow: hidden;
  background-color: white;
}

div.first_thumb_line, div.thumb_line {
  height: 53px;
  overflow: hidden;
}

div.thumb_line {
  margin-top: 11px;
}
a.first_thumb, a.thumb {
  margin: 0 0 0 12px;
  padding: 0;
}
a.first_thumb {
  margin-left: 0;
}
#thumbs img {
  border-width: 0;
}

#descriptions {
  position: fixed;
  padding-top: 20px;
  padding-left: 278px;
  font-size: 1.1em;
}
#descriptions div {
  position: absolute;
  width: 230px;
  overflow: auto;
  background-color: white;
}

#descriptions h1, #descriptions h2, #descriptions h3 {
  margin: 0 0 4px 0;
  padding: 0;
}
#descriptions h1 {
  font-size: 1.4em;
  color: navy;
}
#descriptions h2 {
  font-size: 1.1em;
}
#descriptions h3 {
  font-size: 1.1em;
  font-weight: normal;
  color: #a0a0a0;
}
#descriptions a {
  border-bottom: 1px solid #d0d0d0;
  color: black;
}
#descriptions a:hover {
  color: #7070d0;
}

#footer {
  padding: 0 32px 2px 0;
  text-align: right;
}
#footer, #footer a {
  color: #a0a0a0;
}
#footer a:hover {
  color: navy;
}