html {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  text-align: center;
  background: #db002a url(blanc.png) repeat-y center;
  color: black;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

#entete {
  background: #db002a;
/*   position: fixed; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
/*   height: 147px; */
  margin: 0;
  padding: 0;
  z-index: 30;
}
* html #entete {
  position: absolute;
}

#entete-in {
  width: 960px;
  height: 147px;
  background: url(header.fr.png) #db002a no-repeat;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.lang_en #entete-in {
  background-image: url(header.en.png);
}
#entete-in * {
  margin: 0;
  padding: 0;
}

#entete ul {
  list-style: none;
  font-size: 1px;
  line-height: 1px;
}
#entete a:active {
  outline: none;
}


.trombonne      #page { background-image: url(trombonne.jpg); }
.clarinettiste  #page { background-image: url(clarinettiste.jpg); }
.contrebassiste #page { background-image: url(contrebassiste.jpg); }
.guitariste     #page { background-image: url(guitariste.jpg); }

#page {
  background: transparent url(trompettiste.jpg) left bottom no-repeat;
  margin: 0 auto;
  width: 960px;
  min-height: 100%;
  padding: 0;
  text-align: left;
  z-index: 20;

 position: relative;
/*  height: 100%;
  min-height: 100%;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: auto;
}
html>body #page {
    height: auto;*/
}
#contenu {
  padding: 147px 30px 0 250px;
}
#contenu p {
  text-align: justify;
}
#musiciens #contenu, #groupes #contenu, #label #contenu {
  padding-left: 290px;
}

#bg1 {
  position: fixed;
  top: 147px;
  left: 50%;
  width: 960px;
  height: 200px;
  margin: 0 0 0 -480px;
  padding: 0;
  z-index: 10;
  background: url(bandes.png) top right no-repeat;
}
* html #bg1 {
  position: absolute;
}



#contenu h1 {
  color: #db002a;
/*   background: white; */
  font-size: 1.2em;
  margin: 1em 300px 0 -250px;
  padding: 0 0 0 1em;
  position: relative;
  z-index: 200;
}
#personne #contenu h1, #formation #contenu h1, #disque #contenu h1 {
  margin: 40px 0 0 0;
  padding: 0;
  font-size: 170%;
}



a img {
  border: none;
}

h2, h3, #personne #contenu h1, #formation #contenu h1, #disque #contenu h1, .extrait {
  color: #fa8b06;
}

a {
  text-decoration: none;
  color: #444;
}
a:hover, a:focus {
  text-decoration: underline;
}


h2 {
  clear: both;
  padding: 1em 0;
  margin: 0;
}
h1+h2 {
  margin-top: 0;
  padding-top: 0;
}

#accueil h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}

#accueil #contenu2 p, #contact #contenu1 p,
#accueil #contenu1 p, #accueil #contenu3 p, #contact .form p {
  text-align: left;
}
#accueil #contenu2, #contact #contenu1 {
  float: right;
  width: 340px;
}
#accueil #contenu1, #accueil #contenu3, #contact .form {
  float: left;
  clear: left;
  width: 310px;
}
#contact #contenu2 {
  clear: both;
  padding-top: 1em;
/*   font-size: 80%; */
}
#accueil #contenu1, #accueil #contenu3 {
  font-size: 90%;
}
#accueil #contenu2, #accueil #contenu1, #accueil #contenu3 {
  position: relative;
  z-index: 100;
}
#accueil #contenu3 {
  margin: -300px -100px 0 -20px;
  padding: 300px 100px 100px 20px;
  background: url(cadre.png) no-repeat;
  z-index: 90;
}

#accueil #contenu2 h3 {
  text-align: right;
  font-variant: small-caps;
  color: black;
}

.form input, .form textarea {
  display: block;
  border: #555 1px solid;
}


/*#formation .image_et_extrait {
  float: left;
  margin: 0 2em 1em 0;
}

#formation .presentation {
  clear: both;
}*/


.liste_objets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.liste_objets li {
  float: left;
  margin: 0 20px 20px 0;
  padding: 0;
}
.liste_objets .first {
  float: none;
}
.liste_personnes li {
  margin: 0;
}
.liste_personnes a {
  display: block;
  position: relative;
  width: 125px;
  height: 125px;
  margin: 0;
  padding: 0;
}
/*a {
  m: expression(this.onmouseover =  new Function("this.className = 'hover';"));
}
a.hover {
  m: expression(this.onmouseout = new Function("this.className = '';"));
}*/
img {
    behavior: url(/media/style/hover.htc);
}
a .vignette2, a .vignette1 {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
}
a .vignette1 {
  z-index: 110;
}
a .vignette2 {
  z-index: 100;
}
a:hover .vignette2, a:focus .vignette2,
a .vignette2Hover {
  z-index: 120;
}



.desc {
  float: right;
  width: 340px;
}
.meta-desc {
  float: left;
  width: 300px;
}
.meta-desc img {
  display: block;
}
.meta-desc ul {
  text-align: justify;
}
.plus {
  clear: both;
  padding-top: 1em;
}

.retour {
  text-align: right;
}
 .error {
  color: red;
 }
#contenu .extrait {
  text-align: left;
}

#agenda h2, #agenda_passes h2 {
  padding-bottom: 0;
  padding-top: .5em;
}
#agenda h2+p, #agenda_passes h2+p {
  margin: .5em 0;
}
#agenda #contenu a, #agenda_passes #contenu a {
  font-weight: bold;
}