* {margin: 0; padding: 0;}
html, body {height: 100%;}

html {font-size: 100%;}
body {background: #ff6501;font-size: 0.9em;font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;color: #666;}

.spacer {clear: both;}

a:link, a:visited {text-decoration: none;color: #F90;}
a:hover {text-decoration: underline;color: #F90;}
a:active {text-decoration: none;}

p {
  padding: 0 10px;
  margin-top: 10px;
}

h1 {border: 0px solid #999;font-size: 4em;color: #F90;display: block;width: 560px;padding-top: 50px;}

#header {background: transparent url(images/header.jpg) no-repeat;width: 980px;height: 178px;position: relative;}
#header ul {list-style: none;position: absolute;top: 30px;right: 110px;}
#header ul li {text-align: right;}
#header ul li a {font-family: Georgia,Times,serif;font-size: 1.4em;}
#header a:link, #header a:visited {text-decoration: none;color: #FFF;}
#header a:hover {text-decoration: underline;color: #FFF;}

#baudy {
  width: 980px;
  min-height: 100%;
  background: #ff6501 url(images/back.jpg) repeat;
  margin: 0 auto;
  height: auto !important;
  height: 100%;
}

#clapper {
  min-height: 251px;border: 0px solid #999;
  width: 910px;
  margin: 10px auto 0 auto;
  background: transparent url(images/clapper.jpg) no-repeat top right;
}

#conteneur {
  background: transparent url(images/conteneur_in.jpg) repeat;
  margin: 30px 0;

}

#conteneur_content {
  border: 0px solid #000;
  overflow: auto;
  width: 940px;
  margin: 0 auto;
  padding-bottom: 5px;
}

#conteneur_top {
  background: transparent url(images/conteneur_top.jpg) no-repeat;
  width: 980px;
  height: 42px;

}

#conteneur_bottom {
  background: transparent url(images/conteneur_bottom.jpg) no-repeat;
  width: 980px;
  height: 11px;
}

#footer {
  background: transparent url(images/footer.jpg) no-repeat;
  width: 980px;
  height: 150px;
  position: relative;
}

#footer_content {
  position: absolute;
  top: 46px;
  left: 0;
  margin: 5px 30px;
}

#footer_content p {margin-top: 10px; padding: 0;}

.film {
  width: 910px;
  margin: 10px auto 0 auto;
  border: 6px solid #F90;
}
.film:hover {border-color: #333;}
.film:hover h3 {color: #F90;}
.film:hover .film_desc span {color: #333;}
.film p {margin-top: 0;}

.film h3 {border-bottom: 0px solid #999;text-align: center;margin: 10px 0;}

.film img {display: bloc;float: left;margin: 10px 25px 10px 10px;}

.film .film_desc {border: 0px solid #999;margin: auto 0;margin-top: 50px;min-height: 100%;}

span {font-weight: bold;}

.film .film_desc .synopsis {text-align: justify;}

.centre {text-align: center;}
.u {text-decoration: underline;}

#carte {
  background: transparent url(images/cartecc.jpg) no-repeat;
  width: 685px;
  height: 357px;
  margin: 0 auto;
}

#createur {
  color: #FFF;
  text-align: right;
  padding-right: 20px;
}