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





/* LIENS */

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

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

#liens_boussole:hover {
  cursor: pointer;
}

#liens_contenu {
  position: absolute;
  left: 274px; 
  top: 15px;
  width: 740px;
  height: 665px;
  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 #ffffff;*/
}

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

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

#liens_11jam{
  position: absolute;
  left: 322px; 
  top: 27px;
  width: 87px;
  height: 104px;
  background-color: transparent;
  z-index: 10;
}

#liens_11jam:hover {
  cursor: pointer;
}

#liens_12mss{
  position: absolute;
  left: 420px; 
  top: 27px;
  width: 145px;
  height: 104px;
  background-color: transparent;
  z-index: 10;
}

#liens_12mss:hover {
  cursor: pointer;
}

#liens_13zou{
  position: absolute;
  left: 573px; 
  top: 20px;
  width: 96px;
  height: 117px;
  background-color: transparent;
  z-index: 10;
}

#liens_13zou:hover {
  cursor: pointer;
}

#liens_14myspace{
  position: absolute;
  left: 678px; 
  top: 20px;
  width: 157px;
  height: 102px;
  background-color: transparent;
  z-index: 10;
}

#liens_14myspace:hover {
  cursor: pointer;
}

#liens_15facebook{
  position: absolute;
  left: 846px; 
  top: 20px;
  width: 157px;
  height: 102px;
  background-color: transparent;
  z-index: 10;
}

#liens_15facebook:hover {
  cursor: pointer;
}

#liens_21locor{
  position: absolute;
  left: 308px; 
  top: 153px;
  width: 121px;
  height: 79px;
  background-color: transparent;
  z-index: 10;
}

#liens_21locor:hover {
  cursor: pointer;
}

#liens_22gigi{
  position: absolute;
  left: 438px; 
  top: 139px;
  width: 87px;
  height: 122px;
  background-color: transparent;
  z-index: 10;
}

#liens_22gigi:hover {
  cursor: pointer;
}

#liens_23sarvil{
  position: absolute;
  left: 532px; 
  top: 153px;
  width: 140px;
  height: 85px;
  background-color: transparent;
  z-index: 10;
}

#liens_23sarvil:hover {
  cursor: pointer;
}

#liens_24oaistar{
  position: absolute;
  left: 680px; 
  top: 139px;
  width: 78px;
  height: 98px;
  background-color: transparent;
  z-index: 10;
}

#liens_24oaistar:hover {
  cursor: pointer;
}

#liens_25talvera{
  position: absolute;
  left: 765px; 
  top: 133px;
  width: 85px;
  height: 139px;
  background-color: transparent;
  z-index: 10;
}

#liens_25talvera:hover {
  cursor: pointer;
}

#liens_26nuxvomica{
  position: absolute;
  left: 858px; 
  top: 133px;
  width: 145px;
  height: 95px;
  background-color: transparent;
  z-index: 10;
}

#liens_26nuxvomica:hover {
  cursor: pointer;
}

#liens_31lenine{
  position: absolute;
  left: 342px; 
  top: 243px;
  width: 86px;
  height: 120px;
  background-color: transparent;
  z-index: 10;
}

#liens_31lenine:hover {
  cursor: pointer;
}

#liens_32seriol{
  position: absolute;
  left: 440px; 
  top: 271px;
  width: 90px;
  height: 136px;
  background-color: transparent;
  z-index: 10;
}

#liens_32seriol:hover {
  cursor: pointer;
}

#liens_33mauresca{
  position: absolute;
  left: 545px; 
  top: 258px;
  width: 80px;
  height: 96px;
  background-color: transparent;
  z-index: 10;
}

#liens_33mauresca:hover {
  cursor: pointer;
}

#liens_34bombe{
  position: absolute;
  left: 637px; 
  top: 246px;
  width: 81px;
  height: 128px;
  background-color: transparent;
  z-index: 10;
}

#liens_34bombe:hover {
  cursor: pointer;
}

#liens_35pessoa{
  position: absolute;
  left: 729px; 
  top: 279px;
  width: 143px;
  height: 95px;
  background-color: transparent;
  z-index: 10;
}

#liens_35pessoa:hover {
  cursor: pointer;
}

#liens_36mento{
  position: absolute;
  left: 885px; 
  top: 238px;
  width: 114px;
  height: 87px;
  background-color: transparent;
  z-index: 10;
}

#liens_36mento:hover {
  cursor: pointer;
}

#liens_40estudio {
  position: absolute;
  left: 343px; 
  top: 382px;
  width: 82px;
  height: 80px;
  background-color: transparent;
  z-index: 10;
}

#liens_40estudio:hover {
  cursor: pointer;
}

#liens_41oustau{
  position: absolute;
  left: 452px; 
  top: 416px;
  width: 79px;
  height: 94px;
  background-color: transparent;
  z-index: 10;
}

#liens_41oustau:hover {
  cursor: pointer;
}

#liens_42chourmo{
  position: absolute;
  left: 546px; 
  top: 369px;
  width: 87px;
  height: 115px;
  background-color: transparent;
  z-index: 10;
}

#liens_42chourmo:hover {
  cursor: pointer;
}

#liens_43esteronoai{
  position: absolute;
  left: 651px; 
  top: 388px;
  width: 82px;
  height: 95px;
  background-color: transparent;
  z-index: 10;
}

#liens_43esteronoai:hover {
  cursor: pointer;
}

#liens_44aiolivar{
  position: absolute;
  left: 747px; 
  top: 388px;
  width: 152px;
  height: 94px;
  background-color: transparent;
  z-index: 10;
}

#liens_44aiolivar:hover {
  cursor: pointer;
}

#liens_45ciotatchourmo{
  position: absolute;
  left: 912px; 
  top: 340px;
  width: 87px;
  height: 104px;
  background-color: transparent;
  z-index: 10;
}

#liens_45ciotatchourmo:hover {
  cursor: pointer;
}

#liens_50jaitoutdonne{
  position: absolute;
  left: 348px; 
  top: 476px;
  width: 75px;
  height: 99px;
  background-color: transparent;
  z-index: 10;
}

#liens_50jaitoutdonne:hover {
  cursor: pointer;
}

#liens_51paraulas{
  position: absolute;
  left: 439px; 
  top: 516px;
  width: 138px;
  height: 86px;
  background-color: transparent;
  z-index: 10;
}

#liens_51paraulas:hover {
  cursor: pointer;
}

#liens_52espaciaups{
  position: absolute;
  left: 594px; 
  top: 498px;
  width: 163px;
  height: 103px;
  background-color: transparent;
  z-index: 10;
}

#liens_52espaciaups:hover {
  cursor: pointer;
}

#liens_53marstv{
  position: absolute;
  left: 768px; 
  top: 497px;
  width: 120px;
  height: 85px;
  background-color: transparent;
  z-index: 10;
}

#liens_53marstv:hover {
  cursor: pointer;
}

#liens_54aquodaqui{
  position: absolute;
  left: 908px; 
  top: 456px;
  width: 96px;
  height: 114px;
  background-color: transparent;
  z-index: 10;
}

#liens_54aquodaqui:hover {
  cursor: pointer;
}

#liens_61lfzlf{
  position: absolute;
  left: 780px; 
  top: 594px;
  width: 108px;
  height: 82px;
  background-color: transparent;
  z-index: 10;
}

#liens_61lfzlf:hover {
  cursor: pointer;
}

#liens_62cdm{
  position: absolute;
  left: 920px; 
  top: 578px;
  width: 74px;
  height: 100px;
  background-color: transparent;
  z-index: 10;
}

#liens_62cdm:hover {
  cursor: pointer;
}

.liens_cadre {
  /*padding: 1px 1px 1px 1px;*/
  background-color: transparent;
  /*border: 1px solid #2a2a2a;*/
  float: left;
  width: 130px;
  height: 116px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}

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

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

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