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;
}




/* DISCOGRAPHIE */

#discographie {
  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/discographie_fond.jpg);
  background-repeat: no-repeat;
  z-index: 1;
}

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

#discographie_boussole:hover {
  cursor: pointer;
}

#discographie_contenu {
  position: absolute;
  left: 250px; 
  top: 125px;
  width: 520px;
  height: 600px;
  padding: 5px;
  /*margin: 10px;*/
  z-index: 10;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  text-align: justify;
  overflow-x: hidden;
  overflow-y: auto;
  /*border: 1px solid #ffffff;*/
}

#discographie_test_contenu {
  position: absolute;
  left: 150px; 
  top: 125px;
  width: 850px;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
  /*padding: 5px;*/
  /*margin: 10px;*/
  z-index: 10;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  /*text-align: justify;*/
  /*border: 1px solid #ffffff;*/
}

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

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

#discographie_contenu_hsh {
  position: relative;
  float: left;
  width: 250px;
  height: 224px;
  color: #000000;
  z-index: 15;
}

#discographie_contenu_dvd {
  position: relative;
  float: right;
  width: 250px;
  height: 224px;
  color: #000000;
  z-index: 15;
}

#discographie_contenu_forever {
  position: relative;
  float: left;
  width: 250px;
  height: 224px;
  color: #000000;
  z-index: 15;
}

#discographie_contenu_madmars {
  position: relative;
  float: right;
  width: 250px;
  height: 224px;
  color: #000000;
  z-index: 15;
}

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

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

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