/* 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;
  }
#squelette-noir
  {
    position: absolute;
    z-index:-10;
  }
#video
  {
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 220px;
  }
#audio
  {
    position: absolute;
    top: 20px;
    left: 2200px;
  }
 /* Boutons */
#boutond5 a:link, #boutond5 a:visited, #boutond5 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-5.png) no-repeat left top;
 }
#boutond5 a:hover, #boutond5 a:focus
  {
     background-position: right top;
  }
#boutond6 a:link, #boutond6 a:visited, #boutond6 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-6.png) no-repeat left top;
 }
#boutond6 a:hover, #boutond6 a:focus
  {
     background-position: right top;
  }
#boutond7 a:link, #boutond7 a:visited, #boutond7 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-7.png) no-repeat left top;
 }
#boutond7 a:hover, #boutond7 a:focus
  {
     background-position: right top;
  }
#boutond8 a:link, #boutond8 a:visited, #boutond8 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-8.png) no-repeat left top;
 }
#boutond8 a:hover, #boutond8 a:focus
  {
     background-position: right top;
  }
#boutond9 a:link, #boutond9 a:visited, #boutond9 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-9.png) no-repeat left top;
 }
#boutond9 a:hover, #boutond9 a:focus
  {
     background-position: right top;
  }
#boutond11 a:link, #boutond11 a:visited, #boutond11 a:active
  {
     display: block;
     width: 130px;
     height: 40px;
     z-index: 8;
     text-indent: -1000em;
     background: url(bouton-11.png) no-repeat left top;
 }
#boutond11 a:hover, #boutond11 a:focus
  {
     background-position: right top;
  }

#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;
  }
#gauche
  {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 11;
    text-align: right;
    font-size: 15px;
  }
ul.nav
  {
    margin: 10px;
    padding: 0;
    list-style-type: none;
    width: 150px;
    background-color: #aaaebc /* #aaae9e */;
    border: 2px solid #ae9eaa;
  }
ul.nav a
  {
    display: block;
    color: #d8e9ec;
    text-decoration: none;
    border-top: 1px solid #e4ffd3;
    border-bottom: 1px solid #486b02;
    background: url(bouton.gif) no-repeat 2% 50%;
    padding: 0.3em 0.3em;
    margin-bottom: 10px;
  }
ul.nav .last a
  {
    border-bottom: 0;
    margin-bottom: 0;
  }
ul.nav a:hover,
ul.nav a:focus,
ul.nav .selected a
  {
    color: #e4ffd3;
    background-color: #8ba25e /* #6da203 */;
  }
ul.nav .arreter a
  {
    color: #ff0000;
    background-color: #8ba25e /* #6da203 */;
  }
ul.nav li
  {
    display: inline; /* pour IE */
  }
#droite
  {
    position: absolute;
    top: 40px;
    left: 1000px;
    z-index: 11;
    text-align: right;
    font-size: 15px;
  }