/* 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;
  }
/* Page d'accueil */
#squelette
  { 
     position: absolute; 
     z-index: 10;
  }
#musiquedefond a:link
  {
    position: absolute;
    z-index: 12;
    top: 590px;
    left: 580px;
    color: #ffffff;
  }
 #musiquedefond a:visited
  {
     color: #0000ff;
  }
#musiquedefond a:hover
  {
     color: #ff0000;
  }
#video
  {
    position: absolute;
    top: 20px;
    left: 220px;
  }
#fond
  {
    position: absolute;
    top: 20px;
    left: 220px;
  }
#titre
  {
     position: absolute;
     top: 40px;
     left: 300px;
     font-size:80px;
     font-weight: bold;
     z-index: 11;
  }
#texte
  {
     position: absolute;
     top: 150px;
     left: 300px;
     width: 600px;
     font-size: 14px;
     font-family: sans-serif;
     text-align: left;
     z-index: 11;
  }
/* Icônes */
#icone1
  {
     position: absolute;
     top: 31px;
     left: 19px;
     z-index: 10;
     text-indent: -1000em;
   }
#icone1d a:link
  {
     display:block;
     width: 160px;
     height: 160px;
     background: url(programme13.png) no-repeat left top;
  }
#icone1d a:hover
  {
     background-position: right top;
  }
#icone2
  {
    position: absolute;
    top: 221px;
    left: 19px;
    z-index: 10;
    text-indent: -1000em;
  }
#icone2d a:link
  {
     display:block;
     width: 160px;
     height: 160px;
     background: url(programme14.png) no-repeat left top;
  }
#icone2d a:hover
  {
     background-position: right top;
  }
#icone3
  {
    position: absolute;
    top: 411px;
    left: 19px;
    z-index: 10;
    text-indent: -1000em;
  }
#icone3d a:link
  {
     display:block;
     width: 160px;
     height: 160px;
     background: url(programme15.png) no-repeat left top;
  }
#icone3d a:hover
  {
     background-position: right top;
  }
#icone4
  {
     position: absolute;
     top: 33px;
     left: 1019px;
     z-index: 10;
     text-indent: -1000em;
   }
#icone4d a:link
  {
     display:block;
     width: 160px;
     height: 160px;
     background: url(telecharger.png) no-repeat left top;
  }
#icone4d 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-10.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-3.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-4.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-9.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-2.png) no-repeat left top;
 }
#boutond5 a:hover
  {
     background-position: right top;
  }
/* 
.bouton
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     font-family: sans-serif;
     background: url(bouton.png) left top no-repeat;
   }
.bouton a:hover
  {
     color: #ff0000;
  } 
*/
#lesboutons
  {
    position: absolute;
    top: 550px;
    left: 250px;
    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;
  }
/*
ul.listeboutons li a:hover
  {
     color: #ff0000;
  }
ul.listeboutons li a
  {
     color: #ffffff;
     margin: 8px ;
     margin-top: 4px;
  }
*/