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




/* CONTACTS */

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

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

#contacts_boussole:hover {
  cursor: pointer;
}

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

#contacts_manivette {
  position: absolute;
  left: 456px; 
  top: 86px;
  width: 230px;
  height: 78px;
  background-color: transparent;
  z-index: 10;
}

#contacts_manivette:hover {
  cursor: pointer;
}

#contacts_manivette_texte {
  position: absolute;
  left: 504px; 
  top: 211px;
  width: 150px;
  height: 12px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_manivette_texte:hover {
  cursor: pointer;
}

#contacts_cdm {
  position: absolute;
  left: 842px; 
  top: 94px;
  width: 136px;
  height: 70px;
  background-color: transparent;
  z-index: 10;
}

#contacts_cdm:hover {
  cursor: pointer;
}

#contacts_cdm_texte {
  position: absolute;
  left: 820px; 
  top: 208px;
  width: 178px;
  height: 12px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_cdm_texte:hover {
  cursor: pointer;
}

#contacts_salabrum {
  position: absolute;
  left: 719px; 
  top: 200px;
  width: 62px;
  height: 58px;
  background-color: transparent;
  z-index: 10;
}

#contacts_salabrum:hover {
  cursor: pointer;
}

#contacts_salabrum_texte {
  position: absolute;
  left: 682px; 
  top: 326px;
  width: 132px;
  height: 12px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_salabrum_texte:hover {
  cursor: pointer;
}

#contacts_loolou {
  position: absolute;
  left: 849px; 
  top: 399px;
  width: 128px;
  height: 29px;
  background-color: transparent;
  z-index: 10;
}

#contacts_loolou:hover {
  cursor: pointer;
}

#contacts_loolou_texte {
  position: absolute;
  left: 860px; 
  top: 460px;
  width: 102px;
  height: 12px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_loolou_texte:hover {
  cursor: pointer;
}

#contacts_musicalista {
  position: absolute;
  left: 514px; 
  top: 398px;
  width: 128px;
  height: 34px;
  background-color: transparent;
  z-index: 10;
}

#contacts_musicalista:hover {
  cursor: pointer;
}

#contacts_musicalista_texte {
  position: absolute;
  left: 526px; 
  top: 461px;
  width: 104px;
  height: 12px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_musicalista_texte:hover {
  cursor: pointer;
}


#contacts_berthold {
  position: absolute;
  left: 656px; 
  top: 477px;
  width: 186px;
  height: 38px;
  background-color: transparent;
  z-index: 10;
}

#contacts_berthold:hover {
  cursor: pointer;
}

#contacts_berthold_texte {
  position: absolute;
  left: 707px; 
  top: 543px;
  width: 83px;
  height: 13px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_berthold_texte:hover {
  cursor: pointer;
}

#contacts_propaganda {
  position: absolute;
  left: 504px; 
  top: 557px;
  width: 150px;
  height: 36px;
  background-color: transparent;
  z-index: 10;
}

#contacts_propaganda:hover {
  cursor: pointer;
}

#contacts_propaganda_texte {
  position: absolute;
  left: 502px; 
  top: 624px;
  width: 150px;
  height: 13px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_propaganda_texte:hover {
  cursor: pointer;
}

#contacts_porthole {
  position: absolute;
  left: 850px; 
  top: 557px;
  width: 120px;
  height: 40px;
  background-color: transparent;;
  z-index: 10;
}

#contacts_porthole:hover {
  cursor: pointer;
}

#contacts_porthole_texte {
  position: absolute;
  left: 836px; 
  top: 626px;
  width: 148px;
  height: 13px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_porthole_texte:hover {
  cursor: pointer;
}


#contacts_oueb {
  position: absolute;
  left: 932px; 
  top: 671px;
  width: 67px;
  height: 28px;
  background-color: transparent;
  z-index: 10;
}

#contacts_oueb:hover {
  cursor: pointer;
}

/*
#contacts_oueb_texte {
  position: absolute;
  left: 636px; 
  top: 653px;
  width: 150px;
  height: 24px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}
*/

#contacts_oueb_texte {
  position: absolute;
  left: 480px; 
  top: 603px;
  width: 480px;
  height: 24px;
  background-color: transparent;
  z-index: 15;
  font-size: 8pt;
  text-align: left;
  color: #f2d5a6;
}

#contacts_oueb_texte a {
  color: #f2d5a6;
}

#contacts_oueb_texte a:hover {
  color: #f2d5a6;
  text-decoration: underline;
}

#contacts_chourmo {
  position: absolute;
  left: 543px; 
  top: 622px;
  width: 360px;
  height: 76px;
  background-image: url(../images/contacts_chourmo5.png);
  background-repeat: no-repeat;
  z-index: 10;
}

#contacts_chourmo_texte {
  position: absolute;
  left: 636px; 
  top: 680px;
  width: 150px;
  height: 24px;
  background-color: transparent;
  z-index: 15;
  text-align: left;
  color: #f2d5a6;
}

#contacts_chourmo_texte a {
  color: #f2d5a6;
}

#contacts_chourmo_texte a:hover {
  color: #f2d5a6;
  text-decoration: underline;
}

#contacts_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: #f2d5a6;
  text-align: center;
  overflow: hidden;
}

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

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