/* Présentation générale */
body 
  {
     background: #ffffff ;
     text-align: center;
     margin: 20px;
     padding: 0;  
  }
/* Principal */
#principal 
  {
    width:1200px;
    position: absolute; 
  }

/* Centré */
.centre
  {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
  }
/* Forme des liens */
a
  {
    color: #000000;
    text-decoration: none;
  }
/* Partie gauche */
#fondphoto
  {
    position: absolute;
    width: 980px;
    height:600px;
  }
#photo
  {
    margin-top:0px;
    margin-left: 0px;
  }
/* Partie droite */
#fonddecor
  {
    position: absolute;
    margin-left: 980px;
    width: 220px;
    height: 600px;
    background: url(fond-comp-photo.jpg) left top ;
  }
/* Liens */
#lien1
  {
    position: absolute;
    width: 50px;
    height: 19px;
    z-index: 9;
    margin-left: 258px;
    margin-top: 334px;
  }
#lien1 a:link
  {
    display: block;
    text-indent: -1000em;
    background: url(crumb.png) no-repeat left top;
  }
#lien1 a:hover
  {
    background-position: right top;
  }
#lien2
  {
    position: absolute;
    width: 62px;
    height: 18px;
    z-index: 9;
    margin-left: 448px;
    margin-top: 334px;
  }
#lien2 a:link
  {
    display: block;
    text-indent: -1000em;
    background: url(ginastera.png) no-repeat left top;
  }
#lien2 a:hover
  {
    background-position: right top;
  }
#lien3
  {
    position: absolute;
    width: 34px;
    height: 21px;
    z-index: 9;
    margin-left: 1px;
    margin-top: 393px;
  }
#lien3 a:link
  {
    display: block;
    text-indent: -1000em;
    background: url(naon.png) no-repeat left top;
  }
#lien3 a:hover
  {
    background-position: right top;
  }
#lien4
  {
    position: absolute;
    width: 44px;
    height: 18px;
    z-index: 9;
    margin-left: 347px;
    margin-top: 395px;
  }
#lien4 a:link
  {
    display: block;
    text-indent: -1000em;
    background: url(tangos.png) no-repeat left top;
  }
#lien4 a:hover
  {
    background-position: right top;
  }
#lien5
  {
    position: absolute;
    width: 23px;
    height: 10px;
    z-index: 9;
    margin-left: 76px;
    margin-top: 474px;
  }
#lien5 a:link
  {
    display: block;
    text-indent: -1000em;
    background: url(ici.png) no-repeat left top;
  }
#lien5 a:hover
  {
    background-position: right top;
  }
 /* Boutons */
#boutond1 a:link
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-4.png) no-repeat left top;
 }
#boutond1 a:hover
  {
     background-position: right top;
  }
#boutond2 a:link
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-7.png) no-repeat left top;
 }
#boutond2 a:hover
  {
     background-position: right top;
  }
#boutond3 a:link
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-9.png) no-repeat left top;
 }
#boutond3 a:hover
  {
     background-position: right top;
  }
#boutond4 a:link
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-10.png) no-repeat left top;
 }
#boutond4 a:hover
  {
     background-position: right top;
  }
#boutond5 a:link
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-3.png) no-repeat left top;
 }
#boutond5 a:hover
  {
     background-position: right top;
  }
#lesboutons
  {
    position: absolute;
    top: 540px;
    left: 120px;
    z-index: 11;
  } 
ul.listeboutons
  {
     margin: 0;
     padding: 0;
     list-style-type: none;
  }
ul.listeboutons li
  {
     float: left;
     margin-right: 0.9em;
     z-index: 9;
  }