html, body {
  margin: 0;
  padding: 0;
  height: auto;
  font-family: Arial, "Courrier New", Courrier, serif; 
  background: #fff200;
  color: #006;
  color: blue;
}

a img { border: none; }


#page_accueil body {
  margin-top: 0;
}

#img_acc ul { list-style-type: none; }
#img_acc, #img_acc h1, #img_acc ul { margin: 0; padding: 0; }
#img_acc {
 /* position: relative;
  margin: 10px auto;
  width: 1000px;*/
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  width: 84%;
}
#img_acc ul a {
  position: absolute;
  display: block;
  width: 6%;
  height: 8%;
  min-height: 8%;
  max-height: 8%;
  text-decoration: none;
  border: none;
  /* * / border: 1px solid red; / * */
}
/* #img_acc a img { width: 100%; } */
#img_acc img { width: 100%; }
#img_acc span {
  position: absolute;
  display: block;
  width: 15em;
  top: -99em;
  left: -99em;
  font-size: 150%;
  font-weight: bold;
  color: red;
}

#quoi { left: 20%; top: 9%; }
#qui { left: 30%; top: 20%; }
#ou { left: 61%; top: 24%; }

#quoi:hover span, #lien1.hv span { left: 120%; top: 50%; }
#qui:hover span, #lien2.hv span { left: 20%; top: -50%; }
#ou:hover span, #lien3.hv span { left: -10ex; top: 0; }


.page {
  padding: 1em 8%;
/*  background: url(fond.jpg) center no-repeat; / * */
}
.page h1 {
  margin: .5em -6% 1em -6%;
  padding: .2em 7em .2em 6%;
  font-size: 200%;
  background: blue;
  color: white;
}

h2 {
  margin-top: 2em;
}

.menu {
  float: right;
  clear: right;
  margin: -4em -3% .5em 1.5em;
  width: 10em;
}
.menu div {
  padding: 1ex 1.5ex;
  border: 3px silver outset;
  background: #ffb700;
  margin-bottom: 1em;
}
.menu ul {
  margin: 0 0 0 2ex;
  padding: 0;
  color: red;
}
.menu a, .menu span { color: black; }
.menu a       { text-decoration: none; }
.menu a:hover { text-decoration: underline; }

.menu span { font-weight: bold; }
.chapeau {
  display: block;
  padding-left: 34px;
  background: url(pompon.png) center left no-repeat;
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
}
.chapeau, .chapeau * {
  color: red;
}

.page p { text-align: justify; }
.portrait { float: left; margin: 0 1em 1em 0; }
.portrait2 { float: right; margin: 0 0 1em 1em; }

.contact { font-weight: bold; }
.contact ul { list-style: none; margin-left: 0; padding-left: 0; }

dd {
  margin: 0;
}

#page_qui p { margin: 0; }

/*#page_ecoute object {
  float: right;
  margin: 10px;
}*/
#page_quoi .contenu li { margin-left: 3em; }
.tracklist {
  margin: 0 10em 3em 0;
}
.tracklist ul {
  width: 50%;
  margin: 0;
  padding: 0;
}
.tracklist li {
  clear: left;
  margin: 0 0 0 1em;
  padding: 0;
}
/*  min-height: 20px;
  padding-right: 160px;
}
.tracklist object {
  position: absolute;
  top: 0;
  right: 0;
}*/
.tracklist object {
  float: left;
  margin-right: 10px;
}
.tracklist .l1 { float: right; }