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





/* PRESSE */

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

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

#presse_boussole:hover {
  cursor: pointer;
}

#presse_contenu {
  position: absolute;
  left: 530px; 
  top: 130px;
  width: 470px;
  height: 570px;
  /* 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: hidden;
  /*border: 1px solid red;*/
}

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

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

#presse_hsh {
  position: absolute;
  left: 924px; 
  top: 208px;
  width: 54px;
  height: 58px;
  background-color: transparent;
  z-index: 10;
}

#presse_hsh:hover {
  cursor: pointer;
}

#presse_calameo_hsh {
  position: absolute;
  left: 531px; 
  top: 201px;
  width: 86px;
  height: 86px;
  background-color: transparent;
  z-index: 10;
}

#presse_calameo_hsh:hover {
  cursor: pointer;
}

#presse_invente {
  position: absolute;
  left: 933px; 
  top: 299px;
  width: 54px;
  height: 58px;
  background-color: transparent;
  z-index: 10;
}

#presse_invente:hover {
  cursor: pointer;
}

#presse_calameo_invente {
  position: absolute;
  left: 533px; 
  top: 299px;
  width: 79px;
  height: 79px;
  background-color: transparent;
  z-index: 10;
}

#presse_calameo_invente:hover {
  cursor: pointer;
}

#presse_forever {
  position: absolute;
  left: 905px; 
  top: 394px;
  width: 54px;
  height: 58px;
  background-color: transparent;
  z-index: 10;
}

#presse_forever:hover {
  cursor: pointer;
}

#presse_calameo_forever {
  position: absolute;
  left: 550px; 
  top: 376px;
  width: 80px;
  height: 83px;
  background-color: transparent;
  z-index: 10;
}

#presse_calameo_forever:hover {
  cursor: pointer;
}

#presse_madmars {
  position: absolute;
  left: 897px; 
  top: 486px;
  width: 54px;
  height: 58px;
  background-color: transparent;
  z-index: 10;
}

#presse_madmars:hover {
  cursor: pointer;
}

#presse_calameo_madmars {
  position: absolute;
  left: 575px; 
  top: 470px;
  width: 74px;
  height: 83px;
  background-color: transparent;
  z-index: 10;
}

#presse_calameo_madmars:hover {
  cursor: pointer;
}

#presse_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: #5f1b15;
  text-align: center;
  overflow: hidden;
}

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

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