body {
  margin: 0 auto 0 auto; 
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  text-align: center; /* pour corriger le bug de centrage IE */
  /*max-width: 1024px;*/
  overflow-x: hidden;
  overflow-y: auto;
}

a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  text-decoration: none ;
}

img {
  border: 0;
}

.clear {
  clear: both;
}






/* GALERIE */

#galerie {
  position: absolute;
  left: 50%; 
  top: 50%;
  width: 1024px;
  height: 733px;
  margin-left: -512px; /* moitié de la largeur */
  margin-top: -366px; /* moitié de la hauteur */
  color: #000000;
  background-image: url(../images/galerie_fondseul.jpg);
  background-repeat: no-repeat;
  z-index: 1;
}

#galerie_boussole {
  position: absolute;
  left: 0px; 
  top: 0px;
  width: 230px;
  height: 140px;
  background-image: url(../images/boussole.png);
  background-repeat: no-repeat;
  z-index: 10;
}

#galerie_boussole:hover {
  cursor: pointer;
}

#galerie_madmars {
  position: absolute;
  left: 10px; 
  top: 0px;
  width: 227px;
  height: 190px;
  background-image: url(../images/galerie_madmars.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_madmars:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_forever {
  position: absolute;
  left: 251px; 
  top: 0px;
  width: 245px;
  height: 188px;
  background-image: url(../images/galerie_forever.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_forever:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_hsh {
  position: absolute;
  left: 275px; 
  top: 225px;
  width: 188px;
  height: 233px;
  background-image: url(../images/galerie_hsh.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_hsh:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_shake {
  position: absolute;
  left: 0px; 
  top: 241px;
  width: 224px;
  height: 196px;
  background-image: url(../images/galerie_shake.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_shake:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_titrephotos {
  position: absolute;
  left: 119px; 
  top: 134px;
  width: 364px;
  height: 34px;
  background-image: url(../images/galerie_titrephotos.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titrevideos {
  position: absolute;
  left: 756px; 
  top: 513px;
  width: 177px;
  height: 39px;
  background-image: url(../images/galerie_titrevideos.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titrevideos:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_bobines {
  position: absolute;
  left: 673px; 
  top: 178px;
  width: 320px;
  height: 320px;
  background-image: url(../images/galerie_bobines.png);
  background-repeat: no-repeat;
  color: #f7f4dc;
  z-index: 10;
}

#galerie_bobines:hover {
  z-index: 50;
  cursor: pointer;
}

#galerie_liste_videos {
  position: absolute;
  left: 673px; 
  top: 190px;
  width: 320px;
  height: 490px;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 12pt;
  color: #f7f4dc;
  text-align: left;
  z-index: 10;
}

#galerie_liste_videos_titre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
  line-height: 22pt;
  color: #f7f4dc;
  text-decoration: none;
}

#galerie_liste_videos a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  line-height: 12pt;
  color: #f7f4dc;
  text-decoration: none;
}

#galerie_liste_videos a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  line-height: 12pt;
  color: #f7f4dc;
  text-decoration: underline;
}

#galerie_titre_madmars {
  position: absolute;
  left: 404px; 
  top: 60px;
  width: 388px;
  height: 37px;
  background-image: url(../images/galerie_titre_madmars.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titre_forever {
  position: absolute;
  left: 404px; 
  top: 60px;
  width: 388px;
  height: 37px;
  background-image: url(../images/galerie_titre_forever.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titre_shake {
  position: absolute;
  left: 404px; 
  top: 60px;
  width: 388px;
  height: 37px;
  background-image: url(../images/galerie_titre_zou.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titre_hsh {
  position: absolute;
  left: 404px; 
  top: 60px;
  width: 388px;
  height: 37px;
  background-image: url(../images/galerie_titre_hsh.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_titre_cinema {
  position: absolute;
  left: 44px; 
  top: 108px;
  width: 600px;
  height: 85px;
  background-image: url(../images/galerie_titre_cinema.png);
  background-repeat: no-repeat;
  z-index: 5;
}

#galerie_contenu {
  position: absolute;
  left: 33px; 
  top: 180px;
  width: 600px;
  height: 480px;
  padding: 10px;
  /*margin: 10px;*/
  z-index: 50;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #f0d57e;
  text-align: justify;
  overflow-x: hidden;
  overflow-y: hidden;
  /*border: 1px solid red;*/
}

#galerie_photos {
  position: absolute;
  left: 53px; 
  top: 180px;
  width: 938px;
  height: 500px;
  padding: 10px;
  /*margin: 10px;*/
  z-index: 50;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #f0d57e;
  text-align: justify;
  overflow-x: hidden;
  overflow-y: hidden;
  /*border: 1px solid red;*/
}

#galerie_footer {
  position: absolute;
  left: 0px; 
  top: 704px;
  width: 1151px;
  height: 28px;
  padding: 0px;
  z-index: 10;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #f7f4dc;
  text-align: center;
  overflow: hidden;
}

#galerie_footer a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #f7f4dc;
  text-decoration: none;
}

#galerie_footer a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #f7f4dc;
  text-decoration: underline;
}


.thumbnail {
  padding: 1px 1px 1px 1px;
  background-color: #222;
  border: 1px solid #2a2a2a;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}