* {
  margin: 0;
  padding: 0;
}

html {

}

body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #e6e6e6;
  background: #000;
  line-height: 1.231;
}

a {
  text-decoration: none;
}

img {
  border: 0;
}


#wrapper {
  width: 980px;
  margin: 0 auto;
}

#content {
  width: 980px;
  margin: 0 auto;
}

#header {
  width: 980px;
  height: 75px;
}

.logo {
  float: left;
  width: 221px;
}

img.sub-logo {
  float: right;
}

.eng-version {
  width: 50px;
  float: right;
  display: none;
}

/*text and link styles*/

a.lien-gris9 {
  color: #b2b2b2;
  font-size: 9px;
}

a.lien-grisfonce9 {
  color: #333;
  font-size: 9px;
}

a.lien-ttblanc10 {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}

a.lien-ttblanc11 {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

a.lien-ttgrisfonce11 {
  color: #333;
  font-size: 11px;
  font-weight: bold;
}

.txt-grisfonce9 {
  font-size: 9px;
  color: #333;
}

.txt-blanc9 {
  font-size: 9px;
  color: #fff;
}

.txt-noir9 {
  font-size: 9px;
  color: #000;
}

.txt-grisfonce10 {
  font-size: 10px;
  color: #333;
}

.txt-gris10 {
  font-size: 10px;
  color: #cbcbcb;
}

.txt-grismed10 {
  font-size: 10px;
  color: #666;
}

.txt-noir10 {
  font-size: 10px;
  color: #000;
}

.txt-blanc10 {
  font-size: 10px;
  color: #fff;
}

.txt-bleu11 {
  font-size: 11px;
  color: #005b8e;
}

.txt-bleu10 {
  font-size: 10px;
  color: #1b558b;
}

.txt-bleu11 {
  font-size: 11px;
  color: #005b8e;
}

.tt-bleu11 {
  font-size: 11px;
  font-weight: bold;
  color: #005b8e;
}

.tt-bleu10{
  font-size: 10px;
  font-weight: bold;
  color: #1b558b;
}

.tt-grisfonce10 {
    font-size: 10px;
    font-weight: bold;
    color: #656565;
}

.tt-grisfonce11 {
  font-size: 11px;
  font-weight: bold;
  color: #333;
}


.tt-blanc10 {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}

.tt-gris10 {
  font-size: 10px;
  font-weight: bold;
  color: #cbcbcb;
}

.tt-noir10 {
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

.tt-grisfonce10 {
  font-size: 10px;
  font-weight: bold;
  color: #333;
}

.tt-blanc11 {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}

.tt-blanc11 {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}

/* top login widget */

.login-widget {
  width: 343px;
  float: right;
}

.login-widget-b {
  width: 343px;
  float: right;
  padding-bottom:1px;
 /*background img defined */
}

.login-widget-c {
  width: 343px;
  float: right;
  padding-bottom:1px;
}

#header .login-widget-b form button {
  margin-top: 0px;
}
#header .login-widget-c form button {
  margin-top: 1px;
  margin-bottom: 1px;
}

.login-top {
  margin: 0;
  padding-top: 2px;
  background: #be5b00;
}

.login-top-b {
  margin: 0;
  padding-top: 2px;
}

.login-content {
  padding-bottom:5px;
 /*background img defined */
}

.login-content a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
  font-size: 10px;
  padding: 4px 5px 0px 8px;
}

.login-content img.identifier-label {
  position: relative;
  top: 3px;
  padding-right:2px;
}

.login-content img.inscrire-label {
  position: relative;
  top: 1px;
  padding-right:2px;
}

.login-top .rechercher-label {
  display: block;
  width: 115px;
  height: 16px;
  float: left;
 /*background img defined */
}

.login-top-b .rechercher-label {
  display: block;
  width: 115px;
  height: 20px;
  float: left;
 /*background img defined */
}

.login-content .identifier-label {
  display: block;
  width: 71px;
  height: 15px;
  float: left;
 /*background img defined */
}

/* header */

#header .login-widget form input.text {
  margin: 3px 0 0 0;
  padding: 2px 0 1px 3px;
  border: 0;
  width: 108px;
  font-size: 9px;
  font-family: Verdana, sans-serif;
  vertical-align: middle;
  /*background image defined*/
}

#header form input.text-search {
  margin: 0 0 0 5px;
  padding: 2px 0 1px 3px;
  border: 0;
  width: 174px;
  font-size: 9px;
  font-family: Verdana, sans-serif;
  vertical-align: middle;
  /*background image defined*/
}

#header img {
  vertical-align: middle;
}

#header form button {
  margin: 3px 0 0 0;
  padding: 0px;
  border: 0px;
  width: 20px;
  height: 14px;
  vertical-align: middle;
  text-indent: -9999px;
  cursor: pointer;
  cursor: hand;
  /*background image defined*/
}

#header form button.search-button {
  margin: 0;
}

#header form {
  padding: 0px 4px 4px 8px;
}

#header .login-widget label {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

#header .login-widget .radio {
  margin: 0 3px 0 0;
  padding: 0;
  vertical-align: middle;
}

#header .login-widget .radio-label {
  margin: 0 3px 0 3px;
  padding: 0;
  color: #e7e5e8;
  font-weight: normal;
  vertical-align: middle;
  text-transform: none;
}

#header .login-content p {
  padding: 5px 0 4px 8px;
}

/* nav */

#nav {
  width: 169px;
  float: left;
}

#nav ul {
  color: #e5e5e5;
  font-size: 12px;
  list-style: none;
  margin: 5px 0 30px 0;
  padding: 0;
  text-transform: uppercase;
}

#nav ul li {
  padding: 1px 0;
  margin: 0;
  font-size: 9px;
  font-weight: bold;
}

#nav ul ul {
  margin: 2px 0 5px 0px;
}

#nav ul ul li {
  padding: 0;
  margin: 0;
  font-size: 9px;
  font-weight: bold;
}

#nav li.li-recherche {
  padding-top: 5px;
}

#nav li.li-boutique {
  padding-top: 20px;
}

#nav li a {
  display: block;
  width: 139px; /* width specified for ie6 */
  padding: 1px 0 2px 25px;
  color: #e5e5e5;
  background-repeat: no-repeat;
  background-position: 12px center;
  /*background image defined*/
}
#nav li li a {
  width: 127px;
  padding: 0 0 0 37px;
  background-position: 24px center;
}

#nav li a.selected {
  background-color: #cfcfcf;
  color: #213c6e;
}

#nav li a:hover {
  background-color: #fff;
  color: #213c6e;
}

#nav li a.expanded {
  /*background image defined*/
}

.encart {
  width: 120px;
  margin: 10px 0 10px 0;
  color: #fff;
  /*background image defined*/
}

.espace-pro-heading {
  width: 79px;
  height: 26px;
  margin-left: 24px;
  /*background image defined*/
}

#nav .encart-content {
  padding: 0px 20px 0 25px;
  line-height: 1em;
}

.encart h4 {
  margin: 0;
  font-size: 14px;
  font-style: italic;
  padding: 7px 0px 1px 25px;
  text-transform: uppercase;
}

.encart h5 {
  margin: 0;
  font-size: 10px;
  font-style: italic;
  padding: 4px 0px 20px 36px;
  text-transform: uppercase;
  /*background image defined*/
}

.rounded-tr {
  /*background image defined*/
}

.rounded-br {
  padding-bottom: 15px;
  /*background image defined*/
}

/* globals*/

#v1, #h1 {
 position: relative;
}

#h2 {
  width: 980px;
}

/* common */

.film-instance h4{
  text-transform: uppercase;
  margin: 0;
}

.film-instance {
  width: 175px;
  float: left;

}

.film-info p {
  padding: 3px 0;
}

img.film-poster {
  float: left;
  padding-right: 3px;
}

img.films_associes-title-img {
  margin-bottom: 3px;
}

/* flash element - home */

#vitrine-principale {
  width: 811px;
  height: 375px;
  float: left;
  background: #000;
}


/* vitrine styling*/


.vitrine-heading {
  padding: 5px 0px 7px 7px;
}

.trier-par {
  padding: 5px 0px 7px 7px;
  height: 15px;
  /*background image defined*/
}

.trier-par-title {
  display: block;
  width: 65px;
  height: 15px;
  float: left;
  padding-right: 5px;
  padding-top: 2px;
}

.trier-par p {
  float: left;
  padding-left: 15px;
  padding-top: 2px;
}

#vitrine_secondaire_2, #vitrine_secondaire_3, #vitrine_secondaire_4 {
  position: relative;
}

#vitrine_secondaire_2 p, #vitrine_secondaire_3 p, #vitrine_secondaire_4 p {
  padding: 4px 0px 5px 8px;
  margin: 0;
  line-height: 0.95em;
}

#vitrine_secondaire_2, #vitrine_secondaire_3, #vitrine_secondaire_4 {
  border-top: 1px solid #000;
}

#vitrine_secondaire_2 .film-instance, #vitrine_secondaire_3 .film-instance {
  padding: 5px 10px 5px 9px;
}

#vitrine_secondaire_4 .film-instance {
  padding: 3px 10px 3px 9px;
}

#vitrine_secondaire_1 {
  width: 168px;
  height: 215px;
  float: left;
  border-top: 1px solid #000;
}

#vitrine_secondaire_2 {
  width: 405px;
  height: 216px;
  float: left;
  border-left: 1px solid #000;
  /*background image defined*/
}

#vitrine_secondaire_2 img.film-poster {
  float: left;
  padding-right: 5px;
  margin: 0;
}

#vitrine_secondaire_2 .film-instance p, #dossier_thematique .film-instance p {
  padding-bottom: 8px;
}

#vitrine_secondaire_3 {
  width: 202px;
  height: 216px;
  float: left;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  /*background image defined*/
}

#vitrine_secondaire_3 h4 {
  padding-left: 8px;
}

#vitrine_secondaire_3 .vitrine-second-heading {
  height: 76px;
}

#vitrine_secondaire_3 .vitrine-second-heading img{
  padding: 0 0 0 8px;
}

#vitrine_secondaire_4 {
  width: 202px;
  height: 216px;
  float: left;
  /*background image defined*/
}

#vitrine_secondaire_4 .tags-home a {
  font-size: 10px;
  font-weight: bold;
  color: #aaa;
  text-transform: uppercase;
  line-height: 1.2em;
}

#vitrine_secondaire_4 .tags-home a:hover {
  text-decoration: underline;
}

#vitrine_secondaire_4 .tags-home a.popularity2 {
  font-size: 11px;
  color: #fff;
}

#vitrine_secondaire_4 .tags-home a.popularity3 {
  font-size: 12px;
  color: #0075c0;
}

#vitrine_secondaire_4 .tags-home a.popularity4 {
  font-size: 14px;
  color: #009aff;
}

/* movie-details styles */

#fiche_film {
  position: relative;
  width: 811px;
  float: left;
  /*background image defined*/
}

#movie-details-nav {
  float: none;
  position: absolute;
  left: 0;
  height: 20px;
  z-index: 1;
}

#movie-details-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#movie-details-nav li {
  margin: 0;
  padding: 0;
  float: left;
}

#movie-details-nav ul li a {
  outline: none;
}

#movie-details-nav li span {
  position: absolute;
  left: -9999px;
}

#li-synopsis-movie a, #li-voix-off-movie a, #li-votre-avis-movie a, #li-revue-de-press-movie a, #li-distinctions-movie a, #li-generique-movie a {
  display: block;
  height: 20px;
  width: 99px;
  /*background image defined*/
  background-repeat: no-repeat;
  background-color: transparent;
}

#li-synopsis-movie a {
  width: 98px;
}

/*first, put the initial states in place*/
#li-synopsis-movie a {
  background-position: 0px 0px;
}

#li-voix-off-movie a {
  background-position: -98px 0px;
}

#li-votre-avis-movie a {
  background-position: -197px 0px;
}

#li-revue-de-press-movie a {
  background-position: -296px 0px;
}

#li-distinctions-movie a {
  background-position: -395px 0px;
}

#li-generique-movie a {
  background-position: -494px 0px;
}

#li-synopsis-movie a:hover {
  background-position: 0px -42px;
}

#li-voix-off-movie a:hover {
  background-position: -98px -42px;
}

#li-votre-avis-movie a:hover {
  background-position: -197px -42px;
}

#li-revue-de-press-movie a:hover {
  background-position: -296px -42px;
}

#li-distinctions-movie a:hover {
  background-position: -395px -42px;
}

#li-generique-movie a:hover {
  background-position: -494px -42px;
}

/*selected state*/

#li-synopsis-movie.selected a {
  background-position: 0px -21px;
}

#li-voix-off-movie.selected a {
  background-position: -98px -21px;
}

#li-votre-avis-movie.selected a {
  background-position: -197px -21px;
}

#li-revue-de-press-movie.selected a {
  background-position: -296px -21px;
}

#li-distinctions-movie.selected a {
  background-position: -395px -21px;
}

#li-generique-movie.selected a {
  background-position: -494px -21px;
}


.movie-detail-side {
  width: 811px;
  height: 511px;
  position: relative;
}

.movie-detail-side-heading {
  padding: 0 0 0 24px;
  display: inline;
}

#movie-details-container {
  height: 401px;
  width: 592px;
  position: absolute;
  top: 18px;
}


.md-synopsis {
  left: 0;
  /*background image defined*/
}

.md-synopsis h3{
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  
}

.synopsis-content {
  position: absolute;
  top: 57px;
  right: 8px;
  width: 345px;
  z-index: 3;

}

.synopsis-trans-bg {
  position: absolute;
  width: 357px;
  height: 333px;
  top: 41px;
  left: 235px;
  z-index: 2;
  opacity:0.9;
  /*background image defined*/
}


.md-video {
  left: 0;
}

.md-photo {
  left: 0;
}

.md-affiche {
  left: 0;
}

.md-voix-off {
  left: 0;
  /*background image defined*/
}

.voix-off-content {
  position: absolute;
  top: 118px;
  left: 25px;
  width: 355px;
  height: 283px;
  z-index: 3;
}

.voix-off-trans-bg {
  position: absolute;
  width: 370px;
  height: 293px;
  top: 108px;
  left: 20px;
  z-index: 2;
  opacity:0.9;
  /*background image defined*/
}

.la-film-par-alain {
  margin-top:10px;
  padding: 0 0 0 7px;
}

.alain-content img, .alain-content p {
  float: left;
}

.alain-content img {
  padding-right: 10px;
}

.alain-content p {
  width: 195px;
}

.interview-du-realisateur {
  margin-top:10px;
  padding: 0 0 0 7px;
}

.md-revue-de-presse{
  left: 0;
  /*background image defined*/
}

.revue-de-presse-content {
  position: absolute;
  top: 125px;
  left: 50px;
  width: 300px;
  height: 283px;
  z-index: 3;
}

.revue-de-presse-trans-bg {
  position: absolute;
  width: 310px;
  height: 293px;
  top: 108px;
  left: 50px;
  z-index: 2;
  opacity:0.9;
  /*background image defined*/

}

.revue-instance {
  margin: 5px 0 5px 5px;
  width: 260px;
}

.md-distinctions{
  left: 0;
  /*background image defined*/
}

.distinctions-content {
  position: absolute;
  top: 200px;
  left: 0;
  width: 325px;
  height: 160px;
  z-index: 3;
}

.distinctions-trans-bg {
  position: absolute;
  width: 334px;
  height: 181px;
  top: 188px;
  left: 0;
  z-index: 2;
  opacity:0.9;
  /*background image defined*/
}

.distinctions-content img {
  margin-bottom: 8px;
}

.distinctions-content ul {
  list-style: none;
  margin-top: 0;
}

.distinction-instance {
  margin-left: 15px;
  margin-top: 10px;
}

.md-generique {
  left: 0;
  /*background image defined*/
}

.generique-content {
  position: absolute;
  top: 88px;
  right: 23px;
  width: 315px;
  height: 323px;
  z-index: 3;
}

.generique-trans-bg {
  position: absolute;
  width: 320px;
  height: 323px;
  top: 78px;
  right: 15px;
  z-index: 2;
  opacity:0.9;
  /*background image defined*/
}

.list-instance {
  margin: 10px 0 0 7px;
}

.list-instance-first {
  margin: 0 0 0 7px;
}

ul.movie-details-roles-list {
  list-style: none;
  float: left;
  width: 137px;
}

ul.movie-details-acteurs-list {
  list-style: none;
  float: left;
  width: 137px;
  padding-left: 5px;
}

ul.movie-details-production1-list {
  list-style: none;
  float: left;
  width: 137px;
}

ul.movie-details-production2-list {
  list-style: none;
  float: left;
  width: 137px;
  padding-left: 5px;
}

.movie-toolbar {
  width:90px;
  height: 25px;
  margin-top: 14px;
  margin-left: 15px;
  display: inline;
}

.movie-toolbar .print-picto {
  padding-right: 2px;
}

.gagnez-des-places {
  width: 202px;
  height: 140px;
  margin-top: 10px;
  float: left;
}

.et-aussi{
  width: 608px;
  height: 140px;
  float: left;
  margin-top: 10px;
  border-left: 1px solid #000;
  /*background image defined*/
}

.et-aussi p {
  padding: 0 0 10px 7px;
}

.et-aussi-films {
  margin-left: 7px;
}

.movie-details-content p {
  padding: 0 0 5px 0;
}

.movie-details-heading {
  width: 320px;
  padding: 7px 0 0 7px;
}

.movie-details-heading h3 {
  text-transform: uppercase;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

.movie-details-scrollable, .tags-associes {
  padding: 4px 0 0 10px;

}

.movie-details-scrollable p, .tags-associes p {
  padding: 0 20px 5px 0;

}

.md-synopsis .movie-details-scrollable {
  padding-top: 0;
  height: 240px;
  overflow: auto;
}

.md-voix-off .movie-details-scrollable {
  height: 255px;
  overflow: auto;
}

.md-revue-de-presse .movie-details-scrollable {
  height: 255px;
  overflow: auto;
}

.md-distinctions .movie-details-scrollable {
  height: 155px;
  overflow: auto;
}

.md-generique .movie-details-scrollable {
  height: 295px;
  overflow: auto;
}

 .tags-associes {
  padding-top: 4px;
  padding-bottom: 5px;
 }

.tags-associes a.tag-grisfonce {
  color: #333;
}

.tags-associes a.tag-gris{
  color: #666;
}

.right-side {
  width: 220px;
  float: right;
  margin-top: 15px;
}

.movie-detail-thumb-widget {
  width: 220px;
}

.movie-detail-musique {
  margin-top: 8px;
}

.movie-detail-dialogue  {
  margin-top: 10px;
}


.movie-detail-musique p, .movie-detail-dialogue p {
  padding: 0 0 0 27px;
}

.movie-detail-musique a, .movie-detail-dialogue a {
  padding: 0 0 0 27px;
}

.movie-detail-lower-content{
  position: absolute;
  bottom: 2px;
  left: 78px;
  width: 520px;
}

.movie-detail-site-officiel {
  margin-top: 5px;
  margin-left: 5px;
  width: 275px;
  float: left;
  display: inline;
}

img.dialogue-arrow {
  position: relative;
  top: 2px;
}

.site-officiel-img-container {
  float:left;
}

.site-officiel-links {
  padding-top: 15px;
  padding-left: 5px;
  float: left;
}

.movie-detail-site-dvd {
  margin-top: 5px;
  margin-left: 5px;
  width: 200px;
  float: left;
  display: inline;
}

.movie-details-side-thumb-instance {
  width: 80px;
  float: left;
  border-left: 1px solid #e6e6e6;
  display: inline;
}

.movie-detail-thumb-widget .movie-details-side-right {
  width: 28px;
  height: 60px;
  float: right;
}

.movie-detail-thumb-widget .movie-details-side-left {
  width: 20px;
  height: 60px;
  float: left;
  margin-left: 8px;
  display: inline;
}

.movie-details-scrollable table {
  width: 325px;
}

.movie-details-scrollable td {
  padding: 0;
  margin: 0;
}

.movie-details-scrollable td.categories{
  vertical-align: top;
  text-align: right;
  width: 103px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  color: #666;
}

.movie-details-scrollable td.info{
  padding-left: 7px;
}

.video-thumbs, .photo-thumbs, .affiche-thumbs {
  margin-top: 8px;
 }

.affiches-thumbs .affiche-container{
  height: 110px;
}

/* minisite */

#minisite {
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#minisite #content {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -480px;
  margin-top: -280px;
  width: 980px;
  height: 560px;
  padding: 0;
}

#minisite #header {
  position: absolute;
  top: 1px;
  left: 8px;
  z-index: 1;
  /*background image defined */
}

#minisite #header a {
  display: block;
  width: 220px;
  height: 32px;
  text-indent: -9999px;
  outline: none;
}

#minisite #footer {
  position: absolute;
  width: 142px;
  height: 43px;
  bottom: 0px;
  left: 0px;
  z-index: 998;
  /*background image defined */
}

#minisite .footer-content {
  z-index: 999;
  padding-top: 10px;
}

#minisite #footer img {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

/* minisite nav */

#minisite-nav {
  float: none;
  position: absolute;
  top: 60px;
  right: 0;
  height: 35px;
  width: auto;
  z-index: 999;
}

#minisite-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#minisite-nav li {
  margin: 0;
  padding: 0;
  float: left;
}

#minisite-nav ul li a {
  outline: none;
}

#minisite-nav li span {
  position: absolute;
  left: -9999px;
}

#li-menu0 a {
  width: 102px;
}

/*hover state*/

/*selected state*/

/*minisite-common*/

#a1, #b1, #c1, #d1, #e1 {
  position: relative;
}

/*minisite-accueil*/

#image1 {
	height:560px;
}

#accueil-video-player {
  position: absolute;
  bottom: 60px;
  right: 60px;
  z-index: 50;
}

/*minisite-synopsis*/

.synopsis-bg {
  /*background image defined */
}

#synopsis-wrapper {
  position: absolute;
  top: 180px;
  left: 468px;
  z-index: 3;
}
#synopsis {
  width: 505px;
  height: 181px;
  overflow: auto;
}

#synopsis p {
  padding: 5px 0;
}

#synopsis blockquote {
  width: 213px;
  margin-left: 260px;
  margin-top: 5px;
}

blockquote .txt-bleu11 {
  font-style: italic;
}

blockquote .tt-bleu11 {
  float: right;
}

.synopsis-bg #c1 #films_associes-synopsis {
  position: absolute;
  width: 553px;
  top: 385px;
  left: 455px;
  z-index: 3;
}

.synopsis-mini-trans-bg {
  position: absolute;
  width: 533px;
  height: 221px;
  top: 160px;
  left: 448px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

.synopsis-mini-trans-bg2 {
  position: absolute;
  width: 533px;
  height: 96px;
  top: 382px;
  left: 448px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

/*minisite-realisateur*/

.realisateur-bg {
  /*background image defined */
}

#realisateur {
  position: absolute;
  top: 180px;
  left: 415px;
  width: 520px;
  z-index: 3;
}

.realisateur-mini-trans-bg {
  position: absolute;
  width: 547px;
  height: 303px;
  top: 161px;
  right: 40px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

.realisateur-mini-trans-bg2 {
  position: absolute;
  width: 547px;
  height: 95px;
  top: 465px;
  right: 40px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

img.realisateur-photo {
  float: left;
  padding-right: 3px;
}

.realisateur-info {
  width: 337px;
  height: 270px;
  overflow: auto;
  padding-left: 10px;
}

.realisateur-info p {
  padding: 5px 0;
}

.realisateur-bg #a1 #films_associes-realis {
  position: absolute;
  top: 470px;
  left: 415px;
  z-index: 3;
}

/*minisite-casting*/

.casting-bg {
  height: 560px;
  /*background image defined */
}

#casting-wrapper {
  position: absolute;
  top: 155px;
  left: 580px;
  z-index: 3;
}
#casting {
  width: 392px;
  height: 290px;
  overflow: auto;
}

.casting-mini-trans-bg {
  position: absolute;
  width: 425px;
  height: 420px;
  top: 139px;
  right: 0px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

#v1 #nav_perso {
  position: absolute;
  top: 152px;
  left: 475px;
  width: 88px;
  height: 421px;
}

#nav_perso p {
  height: 72px;
  padding: 8px 0 0 10px;
}

#nav_perso img {
  cursor: pointer;
}

#nav_perso p.casting-selected {
  width: 100%;
  opacity: .9;
  /*background image defined */
}

#casting p {
  padding: 5px 0;
}

#casting ul {
  list-style: none;
}

.filmographie {
  margin-top: 15px;
}

.casting-bg #v1 #films_associes-cast {
  position: absolute;
  top: 460px;
  left: 580px;
  width: 370px;
  z-index: 3;
}

/*minisite-equipefilm*/

#equipe {
  position: relative;
  background: transparent;
}

.equipe-positioning {
  position: absolute;
  width: 360px;
  height: 376px;
  top: 184px;
  left: 418px;
  z-index: 2;
  /*background image defined */
}

#accordion {
  list-style: none;
}

#equipe .equipe-content {
  width: 330px;
  overflow: auto;
  padding: 5px 10px 5px 10px;
  margin-left: 10px;
}

#equipe-artistique {
  z-index: 2;
  padding-bottom: 10px;
}

.equipe-artistique-bg {
  position: relative;
  opacity: 0.9;
  /*background image defined */
}

#equipe-artistique .equipe-content {
  height: 290px;
}

#equipe-tech {
  z-index: 2;
  padding-bottom: 9px;
}

.equipe-tech-bg {
  position: relative;
  /*background image defined */
}

#equipe-tech .equipe-content {
  padding: 5px 10px 0px 10px;
  height: 300px;
}

.equipefilm-bg {
  /*background image defined */
}

#equipe ul.role, #equipe ul.acteur {
  float: left;
  width: auto;
  line-height: 1.5em;
  list-style: none;
}

#equipe ul.acteur {
  width: auto;
  float: right;
}

/*minisite-photo*/

.photo-bg {
  /*background image defined */
}

#b1 #diaporama {
  position: absolute;
  top: 120px;
  left: 5px;
  width: 970px;
  height: 355px;
}

.full-photo {
  border: 1px solid #fff;
  margin: 15px 10px 0 5px;
  background: #000;
  float: left;
}

#thumbnail-gallery {
  margin: 10px 10px 0 5px;
  float: left;
  width: 370px;
  height: 240px;
}

#thumbnail-gallery p {
  padding: 0px;
  margin: 0px;
}

#thumbnail-gallery img.thumb-selected {
    border: 1px solid #fff;
    width: 86px;
    margin: 0;
}

#thumbnail-gallery img {
  float: left;
  margin: 5px;
  background: #000;
  cursor: pointer;
}

.photo-mini-trans-bg {
  position: absolute;
  width: 511px;
  height: 81px;
  top: 479px;
  right: 0px;
  z-index: 2;
  opacity:0.9;
  /*background image defined */
}

/* thumbnails sliding */

.slide-thumbs span {
  display: block;
  font-size: 9px;
  background: #fff;
  color: #000;
  width: 80px;
}

.slide-thumbs, .next, .prev {
  float: left;
}

#photo-thumbs .slide-thumbs ul, #video-thumbs .slide-thumbs ul {
  width: 1000px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#photo-thumbs {
  position:relative;
  color: #000;
  margin-top: 15px;
  height: 300px;
}

#photo-thumbs .slide-thumbs {
  overflow: hidden;
  width: 255px;
  height: 300px;
}

#photo-thumbs .slide-thumbs li {
  float:left;
  padding: 0 5px;
  height: 180px;
  width: 255px;
}

#photo-thumbs .next, #photo-thumbs .prev {
  margin-top: 100px;
}

#video-thumbs {
  position: absolute; 
  top: 470px;
  right: 96px;
}

#video-thumbs .slide-thumbs {
  overflow: hidden;
  width: 482px;
}

#video-thumbs .slide-thumbs li {
  float:left;
  padding: 0 5px;
  height: 180px;
  width: 426px;
}

#video-thumbs .next, #video-thumbs .prev {
  margin-top: 20px;
}

#video-thumbs .slide-thumbs p {
  float: left;
  padding-right: 11px;  
}

.movie-detail-side .video-thumbs .slide-thumbs, .movie-detail-side .photo-thumbs .slide-thumbs {
  overflow: hidden;
  width: 165px;
  height: 73px;
}

.movie-detail-side .affiche-thumbs .slide-thumbs {
  overflow: hidden;
  width: 165px;
  height: 130px;
}

.movie-detail-side .slide-thumbs span {
  background: transparent;
}

.movie-detail-side .slide-thumbs ul {
  width: 10000px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.movie-detail-side .video-thumbs .slide-thumbs li, .movie-detail-side .photo-thumbs .slide-thumbs li {
  float: left;
  padding: 0;
  width: 168px;
  height: 73px;
}

.movie-detail-side .affiche-thumbs .slide-thumbs li {
  float:left;
  padding: 0;
  width: 170px;
  height: 130px;
}

.scroll-left, .scroll-right {
  float: left;
}

.movie-detail-side .video-thumbs .slide-thumbs p, .movie-detail-side .photo-thumbs .slide-thumbs p, .movie-detail-side .affiche-thumbs .slide-thumbs p {
  float: left;
}

.video-thumbs .scroll-right, .photo-thumbs .scroll-right, .affiche-thumbs .scroll-right {
  background: none;
  width: 20px;
  height: 60px;
  margin-top: 2px;
}

.video-thumbs .scroll-left, .photo-thumbs .scroll-left, .affiche-thumbs .scroll-left   {
  background: none;
  width: 20px;
  height: 60px;
  margin: 2px 0 0 8px;
}

.video-thumbs .scroll-right a, .photo-thumbs .scroll-right a, .affiche-thumbs .scroll-right a {
  display: block;
  width: 20px;
  height: 60px;
  text-indent: -9999px;
  outline: none;
  /*background image defined*/
}

.video-thumbs .scroll-left a, .photo-thumbs .scroll-left a, .affiche-thumbs .scroll-left a {
  display: block;
  width: 20px;
  height: 60px;
  text-indent: -9999px;
  outline: none;
  /*background image defined*/
}

.video-thumbs .scroll-right a:hover, .photo-thumbs .scroll-right a:hover, .affiche-thumbs .scroll-right a:hover {
  background-position: 0 -60px;
}

.video-thumbs .scroll-left a:hover, .photo-thumbs .scroll-left a:hover, .affiche-thumbs .scroll-left a:hover {
  background-position: 0 -60px;
}

/*scroll disabling*/

.video-thumbs .scroll-right a.scroll-disabled, .photo-thumbs .scroll-right a.scroll-disabled, .affiche-thumbs .scroll-right a.scroll-disabled { 
  /*background image defined*/
}

.video-thumbs .scroll-left a.scroll-disabled, .photo-thumbs .scroll-left a.scroll-disabled, .affiche-thumbs .scroll-left a.scroll-disabled { 
  /*background image defined*/
}

.video-thumbs .scroll-right a.scroll-disabled:hover, .photo-thumbs .scroll-right a.scroll-disabled:hover, .affiche-thumbs .scroll-right a.scroll-disabled:hover { 
  /*background image defined*/
}

.video-thumbs .scroll-left a.scroll-disabled:hover, .photo-thumbs .scroll-left a.scroll-disabled:hover, .affiche-thumbs .scroll-left a.scroll-disabled:hover { 
  /*background image defined*/
}

.video-thumbs .scroll-left a.scroll-invisible, .photo-thumbs .scroll-left a.scroll-invisible, .affiche-thumbs .scroll-left a.scroll-invisible,
.video-thumbs .scroll-right a.scroll-invisible, .photo-thumbs .scroll-right a.scroll-invisible, .affiche-thumbs .scroll-right a.scroll-invisible {
  background: none;
}

#fond {
  position: absolute;
  top: 483px;
  left: 480px;
  width: 530px;
  height: 65px;
  z-index: 3;
}

img.wallpaper-thumb {
  float: left;
  margin-right: 3px;
}

.wallpaper-links {
  margin-top:3px;
}

.wallpaper-download {
  float: left;
  width: 170px;
  margin-top:2px;
}

/*minisite-video*/

.video-bg {
  /*background image defined*/
}

#video-player {
  position: absolute;
  top: 130px;
  left: 385px;
  width: 456px;
  height: 319px;

  border: 1px solid #fff;
  color: red;
}

#vignettes {
  position: absolute;
  top: 465px;
  left: 360px;
  width: 556px;
  height: 80px;
}
/*minisite-quizzes*/

.quizzes-bg {
}

#quizzes-content {
  position: absolute;
  top: 130px;
  left: 385px;
  width: 456px;
  height: 319px;

  border: 1px solid #fff;
  color: red;
}

/* mini-overlay */

#overlay #content {
  position: relative;
  width: 407px;
  height: 331px;
  background: transparent;
  padding: 0;
  margin: 0;
}

#credits-overlay, #etre-alerte-overlay, #partenaire-overlay, #confirme-overlay {
  width: 407px;
  height: 331px;
  position: absolute;
  top: 126px;
  left: 287px;
  display: none;
  /*background image defined*/
}

.overlay-title {
  margin-left: 40px;
  padding: 15px 0 20px 0;
  width: 360px;
}

.overlay-content {
  margin-left: 40px;
  width: 395px;
  height: 260px;
  overflow: auto;
}

.overlay-content .role, .overlay-content .acteur {
  float: left;
  line-height: 1.5em;
}

.overlay-content p.acteur {
  margin-left: 25px;
}

.partner-instance {
  margin-top:8px;
}

img.partner {
  border: 1px solid #dcded9;
  margin-top: 2px;
}

#confirme-overlay p {
  padding-top:100px;
  padding-left: 30px;
}

/*minisite-form*/

#etre-alerte-overlay .overlay-content form {
  width: 310px;
}

#etre-alerte-overlay .overlay-content form input.text {
  margin: 3px 0 ;
  padding: 3px 0 1px 3px;
  border: 0;
  width: 120px;
  font-size: 10px;
  vertical-align: middle;
  /*background image defined*/
}

#etre-alerte-overlay .overlay-content  form button {
  margin: 0 17px 0 0;
  padding: 0px;
  border: 0px;
  width: 27px;
  height: 16px;
  vertical-align: middle;
  text-indent: -9999px;
  cursor: pointer;
  cursor: hand;
  float: right;
  /*background image defined*/
}

#etre-alerte-overlay label {
  margin: 3px 0 ;
  padding: 0;
  font-weight: normal;
  font-family: Verdana, sans-serif;
  font-size:10px;
  color: #333;
}

#etre-alerte-overlay label.nom-label, #etre-alerte-overlay label.prenom-label, #etre-alerte-overlay label.mon-email-label, #etre-alerte-overlay label.mon-numero-label {
  margin: 3px 0 ;
  padding: 0;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size:11px;
  color: #333;
}

#etre-alerte-overlay  label.mon-email-label, #etre-alerte-overlay  label.mon-numero-label {
  margin-left: 23px;
}

#etre-alerte-overlay label.nom-label {
  margin-right: 25px;
}

#etre-alerte-overlay label.prenom-label {
  margin-right: 4px;
}

#etre-alerte-overlay #alerte-sur-film {
  margin: 5px 0;
  padding: 0;
}

#etre-alerte-overlay .overlay-content .checkbox {
  margin: 0 3px 0 0;
  padding: 0;
  vertical-align: middle;
}

#etre-alerte-overlay .overlay-content .checkbox-label {
  margin: 0 3px 0 3px;
  padding: 0;
  color: #333;
  font-weight: normal;
  vertical-align: middle;
  text-transform: none;
}

.jqmClose {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
  cursor: hand;
}

.jScrollPaneContainer {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #aaa;
}
.jScrollPaneDrag {
  position: absolute;
  background: #666;
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
  outline: none;
}
a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden;
  height: 9px;
  outline: none;
}

.jScrollPaneTrack {
  /*background image defined*/
}
.jScrollPaneDrag {
  /*background image defined*/
}
a.jScrollArrowUp {
  height: 15px;
  /*background image defined*/
}
a.jScrollArrowDown {
  height: 15px;
  /*background image defined*/
}

.dossier-links-wrapper a.jScrollArrowUp {
  height: 15px;
  /*background image defined*/
}
.dossier-links-wrapper a.jScrollArrowDown {
  height: 15px;
  /*background image defined*/
}



/* footer */

#fiches_consultees {
  margin-top: 4px;
  width: 811px;
  height:39px;
  float: right;
  /*background image defined*/
}

#footer_12 a {
  color: #9d9d9d;
}

#footer_12 a:visited {
  color: #9d9d9d;
}

#footer_12 a:hover {
  color: #fff;
}


#fiches_consultees a img {
  filter:alpha(opacity=80); 
  -moz-opacity: .8; 
  opacity: .8;
}

#fiches_consultees a:hover img {
  filter:alpha(opacity=100); 
  -moz-opacity: 1; 
  opacity: 1;
}

.fiches-consultees-no {
  margin: 5px 21px 0 0;
  float: left;
}

.fiches-consultees-title {
  display: block;
  width: 162px;
  height: 20px;
  float: left;
  /* background image defined */
}

img.fiches-consultees-poster {
  margin: 2px 5px 2px 0;
  float: left;
}

img.fiches-consultees-poster-last {
  margin: 2px 0 2px 0;
  float: left;
}

/*footer hover */



.outerbox {
  color: #333333;
  height: 30px;
  position: relative;
  padding-top:2px;
  padding-right: 18px;
  padding-left: 8px;
  /*background image defined*/
}

.shadowbox1 {
  height: 30px;
  width: 3px;
  position: absolute;
  top: -5px;
  left: -3px;
  /*background image defined*/
}

.shadowbox2 {
  height: 30px;
  width: 3px;
  position: absolute;
  top: -5px;
  right: -3px;
  /*background image defined*/
}

.shadowbox3 {
  height: 11px;
  width: 12px;
  position: absolute;
  bottom: 3px;
  left: 3px;
  /*background image defined*/
}


#footer_12 {
  width: 980px;
  height: 55px;
  padding-top:8px;
}

.footer-bg-l {
  width: 32px;
  height: 42px;
  position: absolute;
  top: 43px;
  left: -32px;
  /*background image defined*/
}

.footer-bg-r {
  width: 32px;
  height: 42px;
  position: absolute;
  top: 43px;
  right: -32px;
  /*background image defined*/
}

#footer {
  margin: 0 auto;
  /*background image defined*/
}

#footer-content {
  width: 980px;
  margin: 0 auto;
}

ul.footer-nav {
  list-style: none;
  color: #9d9d9d;
  font-size: 10px;
  margin: 0 15px;
}

ul.footer-nav li {
  float: left;
  border-right: 1px solid #565656;
  padding: 1px 4px 1px 4px;
}

ul.footer-nav li.first {
  float: left;
  padding-left: 0px;
}

ul.footer-nav li.last {
  float: left;
  border: none;
  padding-right: 4px;
}

#footer p {
  margin: 2px 15px;
  padding: 0;
  font-size: 9px; 
  color: #4a4a4a;
}


/* clear classes */

.clear-simple {
  clear: both;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}

.inline-block {
  display: inline-block;  
  margin-bottom: 3px;
}
/* end non ie/mac css */

/* Slide show css */
#slideshow {
  position: relative;
  height: 100%;
  background-color: white;
  overflow: hidden;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#slideshow .accueil-bg, #slideshow .synopsis-bg, #slideshow .realisateur-bg, #slideshow .casting-bg, #slideshow .equipefilm-bg, #slideshow .photo-bg, #slideshow .video-bg, #slideshow .quizz-bg {
  height: 100%;
  padding: 0px;
  margin: 0px;
}
.hide {
    display: none;
}

/* added by Virginia */
#v1 #caroussel_flash {
  width: 811px;
  height: 174px;
  float: left;
  background: #000;
}

.v1-info .title {
  font-size: 16px;
  font-family: Verdana;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
}

.tout-de-catalogue-title {
  display: block;
  width: 230px;
  height: 15px;
  /*background image defined*/
}

.v1-info .title2 {
  margin-top: 10px;
  font-size: 12px;
  color: #1b558b;
  font-weight: bold;
  text-transform: uppercase;
}
.v1-info .categories {
  font-size: 12px;
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
}

#v2, #v3 {
  border-top: 1px solid #000;
  width: 405px;
  float: left;
}
#video {
  height: 323px;
  /*background image defined*/
}

#video .vitrine-heading {
  padding-bottom: 4px;
} 

#video .video-caption {
  padding: 4px 0 0 15px;
}

#v2 .video-caption p{
  padding: 0;
}

#video .scene-culte-container-video {
  height: 254px;
  width: 405px;
  background: #000;
}

#v2 #hasard {
  border-top: 1px solid #000;
  height: 241px;
  /*background image defined*/
}

#v3 {
  border-left: 1px solid #000;
  width: 405px;
}
#v3 #selection {
  height: 164px;
  /*background image defined*/
}
#v3 #dossier_thematique {
  border-top: 1px solid #000;
  height: 400px;
  /*background image defined*/
}

.dossier-du-mois-page {
  display: block;
  width: 157px;
  height: 15px;
  /*background image defined*/
}

.autres-dossier-title-img {
  display: block;
  width: 128px;
  height: 15px;
  float: left;
  /*background image defined*/
}

#v2 p, #v3 p, #h1 p {
  padding: 4px 0px 5px 16px;
  margin: 0;
  line-height: 0.95em;
}

.hasard-catalogue-films {
 margin-bottom: 20px;
}

#dossier_thematique .film-instance, #hasard .film-instance {
  padding: 5px 8px 5px 16px;
}



.dossier_thematique-films {
  margin-bottom: 2px;
}

/* catalogue.shtml */

.catalogue {
  float: left;
  width: 811px;
}

.alain-chabat-module {
  width: 390px;
  float: left;
  padding: 5px 8px 5px 4px;
}

.alain-chabat-description h4 {
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
}

img.alain-chabat-img {
  padding: 0 10px 0 11px;
  float: left;
}

.alain-chabat-description {
  width: 229px;
  float: left;
}

#v3 #selection .alain-chabat-module p {
  line-height: 1.15em;
  padding: 7px 0 8px 0;
  margin-bottom: 12px;
}

.catalogue-bottom-content-wrapper {
  width: 811px;
  float: left;
  margin-left: 169px;
}

#h1 #selection_internaute, #h1 #avis_internaute {
  width: 405px;
  float: left;
  height: 240px;
  border-top: solid 1px #000;
  /*background image defined*/
}

#h1 #selection_internaute {
  border-right: solid 1px #000;
}

#h1 #selection_internaute .vitrine-heading {
  padding: 5px 0 4px 7px;
}

#h1 #selection_internaute img {
  margin-right: 5px;
}

#selection_internaute .selection {
  margin-left: 15px;
}

#selection_internaute .selection-films {
  margin-bottom: 3px;
}

#selection_internaute .selection p {
  padding-top: 1px;
  padding-left: 0px;
}

#h1 #avis_internaute .avis-instance {
  padding: 2px 8px 2px 9px;
}

#h1 #avis_internaute .avis-instance .last {
  padding: 2px 8px 0px 9px;
}

#h1 #avis_internaute .vitrine-heading {
  padding: 5px 0 12px 7px;
}

#h1 .avis-info p {
  padding: 0px 0px 3px;
}


img.avis-poster {
  float: left;
  padding-right: 5px;
}

/* */
#liste_films {
    float: left;
    width: 811px;
}

#liste_films .film-genre-instance, #liste_films .film-genre-instance-last {
  border: 1px solid #292929;
  margin-right: 2px;
  margin-top: 2px;
  padding: 5px 5px 5px 2px;
  width: 260px;
  float: left;
}
#liste_films .film-genre-instance-last {
  margin-right: 0px;
}

#liste_films p.no-of-titles {
  float: right;
}

#liste_films .film-genre-info {
  margin-left: 94px;
}

#liste_films .film-genre-info h4{
  text-transform: uppercase;
  margin: 0;
}

img.film-genre-poster {
  float: left;
  margin-top: 3px;
  border: 1px solid #292929;
  padding-right: 3px;
}

#liste_films td {
  vertical-align: top;
  padding: 0px;
  line-height: 8.5pt;
}

#liste_films table {
}

#liste_films td.col {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  width: 37px;
  padding-right: 5px;
}

/* Pagination */

.pagination, #footer-content .pagination {
  float: right;
  width: auto;
  margin: 0 8px 0 8px ;
  padding-top: 2px;
  display: inline;
}

#footer-content .pagination {
  margin: 3px 0 7px 0;
}

.pagination a, #footer-content .pagination a {
  display: block;
  float: left;
  height: 15px;
  background: #dedede;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding: 0 7px;
  margin: 0;
  border-left: 1px solid #015e99;
}

.pagination a:hover, #footer-content .pagination a:hover {
  background: #fff;
}

#footer-content .pagination a {
  border-left: 1px solid #000;
}

.pagination a.page-left, #footer-content .pagination a.page-left {
  display: block;
  float: left;
  width: 19px;
  height: 15px;
  text-indent: -9999px;
  border-left: 1px solid #015e99;
  padding: 0;
  outline: none;
  /*background image defined*/
}


.pagination a.page-right, #footer-content .pagination a.page-right {
  display: block;
  float: left;
  width: 19px;
  height: 15px;
  text-indent: -9999px;
  border-left: 1px solid #015e99;
  padding: 0;
  outline: none;
  /*background image defined*/
}

.pagination a.page-left:hover, #footer-content .pagination a.page-left:hover {
  background-position: 0 -15px;
}

.pagination a.page-right:hover, #footer-content .pagination a.page-right:hover {
  background-position: 0 -15px;
}

#footer-content .pagination a.page-left, #footer-content .pagination a.page-right {
  border-left: 1px solid #000;
}

.pagination a.current, #footer-content .pagination a.current {
  background: #333;
  color: #fff;
}

.pagination a.current:hover, #footer-content .pagination a.current:hover {
  background: #333;
  color: #fff;
}

/*Select Box - Catalogue Genre*/

.selectbox {
  margin: 1px 0;
  padding: 1px 20px 1px 2px;
  border: 1px solid #bebebe;
  font-size: 11px;
  height: 13px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  cursor: pointer;
  color: #333;
  width: 159px;
  /*background image defined*/
}

.combobox-catgenre-wrapper{
  float: left;
}

.combobox-footer1-wrapper, .combobox-footer2-wrapper {
  float: right;
}

.combobox-footer2-wrapper {
  margin-right: 10px;
}

.combobox-footer1-wrapper .selectbox, .combobox-footer2-wrapper .selectbox {
  /*background image defined*/
}

div.selectbox-wrapper {
  position: absolute;
  background-color: white;
  border: 1px solid #b3b3b3;
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  max-height: 200px;
  overflow: auto;
  color: #333;
}
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.selectbox-wrapper ul li {
  list-style-type: none;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}
div.selectbox-wrapper ul li.selected {
  background-color: #dcdcdc;
}
div.selectbox-wrapper ul li.current {
  background-color: #dcdcdc;
}

/* thematic dossiers */

.thematic-dossier {
  float: left;
}

#dossier {
  position:relative;
  width: 799px;
  height: 494px;

}

.dosssier-video {
  position: absolute;
  width: 442px;
  z-index: 4
}

.dossier-zone-image {
  position: absolute;
  top: 13px;
  width: 354px;
  z-index: 4
}

.dosssier-video h3 a, .dossier-zone-image h3 a {
  color: #fff;
}

.dosssier-video h3 a:visited, .dossier-zone-image h3 a:visited {
  color: #fff;
}

.dosssier-video h3, .dossier-zone-image h3 {
  font-size: 14px;
  text-transform: uppercase;
}

.dosssier-video p, .dossier-zone-image p {
  padding: 4px 0;
  line-height: 1.3;
}

.dossier-flash-widget {
  width: 442px;
  height: 332px;
  background: #000;
}

.dossier-zone-image-area {
  position: relative;
  width: 354px;
  height: 266px;
  /*background image defined*/
}

.dossier-zone-image span {
  position: absolute;
  bottom: 0;
  padding: 4px 0 0 10px;
  display: block;
  width: 344px;
  height: 31px;
  background: #000;
  line-height: 1;
  opacity: 0.8;
}

.dossier-zone-image span a{
  position: absolute;
  right: 4px;
  bottom: 4px;
}

.dossier-writeup-wrapper {
  position: absolute;
  top: 123px;
  left: 216px;
  z-index: 3;
  height: 370px;
  width: 550px;
  padding-top: 15px;
  /*background image defined*/
}

.dossier-film-info {
  width: 380px;
  height: 170px;
  margin-left: 153px;
  margin-bottom:22px;

}

.dossier-film-info h2 {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

.dossier-film-info h3 {
  text-transform: uppercase;
  color: #333;
  font-size: 11px;
  margin: 8px 0 3px 0;
}

.dossier-writeup-wrapper2 {
  position: absolute;
  top: 123px;
  left: 216px;
  z-index: 3;
  height: 370px;
  width: 550px;
  padding-top: 15px;
  /*background image defined*/
}

.dossier-writeup {
  right: 0px;
  width: 312px;
  height: 320px;
  padding-left: 230px;
  overflow: auto;
}

.dossier-writeup2 {
  right: 0px;
  width: 512px;
  height: 128px;
  padding-left: 30px;
  overflow: auto;
}


.dossier-writeup p {
  padding: 5px 0;
}

.dossier-links-wrapper {
  position: absolute;
  right: 0px;
  top: 10px;
  width: 263px;
  height: 136px;
  background: #666;
  padding-top: 15px;
}

.dossier-links {
  width: 248px;
  height: 90px;
  padding: 0 0 0 10px;
  overflow: auto;
}

.dossier-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dossier-links ul li{
  text-transform: uppercase;
  font-size: 9px;
  padding-bottom: 4px;
}

a.arrow-lien {
  display: block;
  height: 11px;
  text-indent: 10px;
  color: #cccccc;
  font-weight: bold;
  /*background image defined*/

}

a.arrow-lien-selected, a.arrow-lien:hover {
  display: block;
  height: 11px;
  text-indent: 10px;
  color: #fff;
  font-weight: bold;
  /*background image defined*/
}

.suivant-precedant-wrapper {
  width: 510px;
  padding: 10px 20px 0 20px;
}

#autres_dossier {
  margin-top: 5px;
}

.autres-dossier-title {
  padding: 5px 20px 10px 20px;
  height: 11px;
  position: relative;
  z-index: 999;
  vertical-align: top;
  /*background image defined*/
}


.dossier-listing {
  width: 809px;
  height: 152px;
  border-bottom: 1px solid #292929;
  border-left: 1px solid #292929;
  border-right: 1px solid #292929;
}

.dossier-module {
  position: relative;
  width: 202px;
  height: 151px;
  float: left;
}

.dossier1 {
  display: block;
  width: 201px;
  height: 151px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  /*background image defined*/
}

.dossier2 {
  display: block;
  width: 201px;
  height: 151px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  /*background image defined*/
}

.dossier3 {
  display: block;
  width: 201px;
  height: 151px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  /*background image defined*/
}

.dossier4 {
  display: block;
  width: 201px;
  height: 151px;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  /*background image defined*/
}

.dossier-listing table {
  border-collapse: collapse;
}
/*
td.dossier1, td.dossier2, td.dossier3, td.dossier4 {
  float: left;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-collapse: collapse;
}
*/

.dossier-module span.dossier-text-link {
  position: absolute;
  bottom: -1px;
  display: block;
  padding: 3px 3px 3px 7px;
  width: 191px;
  height: 25px;
  background: #000;
  text-transform: uppercase;
  opacity:0.8;
  margin: 0;
}

#dossier-combobox_input {
  position: relative;
  left: 10px;
  top: -2px;
}

/*Send to Friend styling*/

#modalOverlay {
  background-color:#000; 
  cursor:pointer;
}
 
#modalContainer {
  height: 285px; 
  width: 500px; 
  left:50%; 
  top:15%; 
  margin-left:-300px; 
  /*background image defined*/
}

#modalContainer #basicModalContent {
  padding:8px;
}

#emailbox {
  color: #000;
  display: none;
}

.form-header {
  width: auto;
  height: 20px;
  padding-top: 7px;
}

.form-header img{
  float: left;
}

.sendmailform-wrapper {
  margin: 30px auto;
  padding-right: 5px;
  width: 390px;
  height: 200px;
}

#emailbox input {
  border: 1px solid #b3b3b3;
  padding: 2px 0;
  float: right;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}

#emailbox input.sendmail-button {
  margin: 0;
  padding: 0;
  border: 0px;
  width: 20px;
  height: 14px;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
}

#emailbox input.sendmail-close {
  margin: 0;
  padding: 0 2px 0 0;
  border: 0px;
  vertical-align: middle;
  cursor: pointer;
  cursor: hand;
  outline: none;
}

#emailbox input.sendmail-close {
  vertical-align: middle;
  border: 0px;
}

#emailbox textarea {
  border: 1px solid #b3b3b3;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  width: 268px;
  height: 125px;
  float: right;
}

#from_email, #to_email {
  width: 268px;
}

.sendmailform-wrapper .sendform-row {
  margin: 4px 0;
  width: 390px;
}

.sendmailform-wrapper .sendform-row img {
 float: left;
}

.sendmailform-wrapper p {
  margin-top: 100px;
  margin-bottom: 20px;
}

.sendmailform-wrapper p.sendemail-error {
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: 120px;
  color: red;
  float: left;
  width: 250px;
  font-size: 9px;
}

.form-confirm .sendmailform-wrapper {
  width: 298px;
}

/*Site map styling*/

.sitemapcontent {
  float: left;
}

.sitemapcontent h3 {
  padding: 6px 0 0 8px;
  text-transform: uppercase;
  height: 21px;
  width: 803px;
  border-top: 1px solid #000;
  background: #1b598e;
}
.sitemapcontent .espace-pro-sitemap h3 {
  /*background image defined*/
}

.plan-du-site {
  display: block;
  width:116px;
  height:15px;
  /*background image defined*/
}

.separator-wrapper {
  margin-top: 6px;
}

.sublevel-tous-nos {
  width: 811px;
  height: 167px;
  padding-top: 10px
  /*background image defined*/
}

.sublevel-dossiers {
  width: 811px;
  height: 85px;
  padding-top: 10px
  /*background image defined*/
}

.sublevel-informations {
  width: 811px;
  height: 67px;
  padding-top: 10px
  /*background image defined*/
}

.sublevel-tous-nos ul, .sublevel-dossiers ul, .sublevel-informations ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 180px;
  float: left;
  padding: 0 20px;
}

.sublevel-dossiers ul {
  width: auto;
}

.sublevel-tous-nos ul li, .sublevel-dossiers ul li, .sublevel-informations ul li  {
  padding: 3px 0;
  margin: 0;
  
}

.sublevel-tous-nos ul li a, .sublevel-dossiers ul li a, .sublevel-informations ul li a  {
  display: block;
  height: 11px;
  text-indent: 10px;
  font-weight: bold;
  color: #333;
  outline: none;
  /*background image defined*/
}

.sublevel-tous-nos ul li a:hover, .sublevel-dossiers ul li a:hover, .sublevel-informations ul li a:hover {
  background-position: 0 4px;
  color: #000;
}

a.arrow-lien-sitemap {
  display: block;
  height: 11px;
  text-indent: 10px;
  font-weight: bold;
  outline: none;
  /*background image defined*/
}

a.arrow-lien-sitemap:hover {
  background-position: 0 3px;
}

a.arrow-lien-sitemap-esp {
  display: block;
  height: 11px;
  text-indent: 10px;
  font-weight: bold;
  outline: none;
  /*background image defined*/
}

a.arrow-lien-sitemap-esp:hover {
  background-position: 0 3px;
}

/*Free template styling*/

#rebond {
  background: #616161;
  height: 140px;
  width: 811px;
}

.freetemplate-content {
  float: left;
}

.freetemplate-content h3 {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
  margin: 4px 0 10px 0;
}

.freetemplate-content h4 {
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
  margin: 15px 0 3px 0;
}

.freetemplate-content p {
  margin-bottom: 15px;
}

.freetemplate-content a {
  color: #02619f;
  text-decoration: underline;
}

.freesite-image {
  float: left;
  width: 295px;
  margin-right: 25px;
}

.freesite-text {
  float: left;
  width: 450px;

}


/*Search page styling */

.recherche-content {
  float: left;
  width: 811px;
}

.recherche-module {
  border-bottom: 1px solid #000;
  width: 811px;
  height: 154px;
  /*background image defined*/
}

.recherche-title {
  display: block;
  width: 102px;
  height: 15px;
  /*background image defined*/
}

.recherche-module-heading {
  display: block;
  width: 141px;
  height: 15px;
  padding: 3px 0 0 8px;
}

.recherche-form {
  width: 565px;
  margin: 0 auto;
}

.recherche-form .selectbox {
  font-size: 10px;
  width: 150px;
}

.recherche-form input {
  font-family: Verdana, sans-serif;
}

.combobox-recherche-wrapper, .combobox-recherche-pay-wrapper , .combobox-recherche-genre-wrapper {
  float: left;
}

span.recherche-combobox-label {
  float: left;
}

.pays-label {
  display: block;
  width: 28px;
  height: 15px;
  padding: 2px 8px 0 8px;
}

.genre-label {
  display: block;
  width: 35px;
  height: 15px;
  padding: 2px 8px 0 1px;
}

.recherche-checkbox-label-titre {
  display: block;
  width: 66px;
  height: 9px;
  float: left;
  margin-top:3px;
  margin-left: 4px;
}
.recherche-checkbox-label-realisateur {
  display: block;
  width: 65px;
  height: 9px;
  float: left;
  margin-top:3px;
  margin-left: 4px;
}
.recherche-checkbox-label-acteur {
  display: block;
  width: 39px;
  height: 9px;
  float: left;
  margin-top:3px;
  margin-left: 4px;
}

button.rechercher-button {
 width: 94px;
 height: 15px;
 border: 0;
 text-indent: -9999px;
}
#main-recherche-field {
  width: 559px;
  border: 1px solid #b3b3b3;
  font-size: 10px;
  padding: 3px 0 3px 4px;
}

#combobox-recherche-pays, #combobox-recherche-genre {
  margin: 1px 0;
  padding: 0px 0px 0px 2px;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  cursor: pointer;
  color: #333;
  overflow: auto;
  width: 150px;
  border: 1px solid #bebebe;
}

.recherche-checkbox-container {
  float: left;
  padding-top:2px;
  padding-left: 38px;
}

.recherche-checkbox-container img {
  float: left;
}

.first-checkbox {
  padding-left: 43px;
}

.recherche-form-wrapper .sendform-row p {
  padding: 3px 0;
}

.recherche-form-wrapper .sendform-row p.sort-options-description {
  padding: 4px 0 4px 0;
}

.recherche-form-wrapper .sendform-row p.recherche-description {
  padding: 7px 0 3px 0;
}

.recherche-form-wrapper .sendform-row {
  padding: 2px 0;
}

.recherche-field-container {
  float: left;
}

input.recherche-textbox {
  width: 35px;
  height: 14px;
  padding: 1px 0px 0 6px;
  border: 1px solid #b3b3b3;
  font-size: 10px;
}

.recherche-content .trier-par p {
  float: right;
  margin-right: 20px;
}

.rechercher-button {
  float: right;
}

img.recherche-field-label {
  float: left;
}

.annee-label {
  display: block;
  width: 36px;
  height: 9px;  
  padding: 4px 0 0 0;
  margin-left: 43px;
  float: left;
}

.de-field-label {
  display: block;
  width: 9px;
  height: 9px;  
  padding: 4px 5px 0 0;
  margin-left: 15px;
  margin-right: 6px;
  float: left;
}

.a-label {
  display: block;
  width: 9px;
  height: 9px;  
  padding: 4px 5px 0 0;
  margin-left: 12px;
  margin-right: 6px;
  float: left;
}

.recherche-resultes {
  width: 811px;
}

.resulte-instance {
  border: 1px solid #292929;
  margin: 1px 0;
  height: 87px;
}

.resulte-poster, .resulte-realisateur, .resulte-acteur, .resulte-annee, .resulte-pays {
  float: left;
  padding-top: 10px;
}

.resulte-poster {
  width: 221px;
  padding-left: 10px;
}

.resulte-poster img {
  float: left;
  padding-right: 8px;
}

.resulte-poster h3 {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
}

.resulte-poster h3 span {
  font-weight: normal;
  font-style: italic;
  text-transform: none;
}


.resulte-realisateur {
  width: 120px;
  padding-right: 3px;
}

.resulte-realisateur img{
  float: left;
  padding-bottom: 62px;
  padding-right: 6px;
}

.resulte-realisateur span {
  display: block;
  padding-top: 2px;
}

.resulte-acteur {
  width: 299px;
  padding-right: 3px;
} 

.resulte-acteur img{
  float: left;
  padding-bottom: 62px;
  padding-right: 6px;
}

.resulte-acteur span {
  display: block;
  padding-top: 2px;
}

.resulte-annee {
  width: 67px;
  padding-left: 10px;
}

.resulte-pays {
  width: 75px;
}

img.fiche-film-lien-rechercher {
  margin-top: 9px;
}

/* Checkbox styling*/

.recherche-checkbox-box {
  display: inline; 
  font-size: 20px; 
  line-height: 20px;
  cursor: pointer; 
  cursor: hand;
}

.recherche-checkbox {
  display: inline;
}

.recherche-checkbox .mark {
  display: inline;
}

.recherche-checkbox img {
  vertical-align: middle; 
  width: 15px; 
  height: 15px;
}

.recherche-checkbox img {
/*background image defined*/
}

.recherche-checkbox img {
	background-position: 0px 0px;
}

.recherche-checkbox-hover img {
	background-position: 0px 0px;
}

.recherche-checkbox-checked .recherche-checkbox img {
	background-position: 0px -15px;
}

.recherche-checkbox-checked .recherche-checkbox-hover img {
	background-position: 0px -15px;
}

.recherche-checkbox-disabled img {
	background-position: 0px -80px;
}

.recherche-checkbox-checked .jquery-checkbox-disabled img {
	background-position: 0px -100px;
}


/*links*/

a.text-replace {
  display: block;
  text-indent: -9999px;
  outline: none;
  height: 13px;
}

a.text-replace:hover {
  background-position: 0 -13px;
}

a.text-replace11px {
  display: block;
  text-indent: -9999px;
  outline: none;
  height: 11px;
  background-position: 0 1px;
}

a.text-replace11px:hover {
  background-position: 0 -10px;
}

a.text-replace14px {
  display: block;
  text-indent: -9999px;
  outline: none;
  height: 14px;
}

a.text-replace14px:hover {
  background-position: 0 -15px;
}

a.text-replace-equipe-film{
  display: block;
  text-indent: -9999px;
  outline: none;
  height: 24px;
  background-position: 0 10px;
}

a.text-replace-equipe-film:hover {
  background-position: 0 -29px;
}

.votre-espace-lien {
  width: 85px;
  margin-top: 3px;
  margin-left: 25px;
/*background image defined */
}

.fiche-film-lien-bleu {
/*background image defined */
  width: 81px;
}

.fiche-film-lien-gris {
/*background image defined */
  width: 81px;
}

.fiche-film-lien-noir {
/*background image defined */
  width: 81px;
}

.film-instance .fiche-film-lien-bleu, .film-instance .fiche-film-lien-gris, .film-instance .fiche-film-lien-noir { /*for positioning*/
  margin-left: 52px; 
}

.resulte-instance .fiche-film-lien-noir {
  margin-left: 57px; 
}

.rechercher-un-film-lien {
  width: 122px;
/*background image defined */
}

.voir-le-dossier-lien {
  width: 96px;
/*background image defined */
}

.voir-plus-de-films-lien {
  width: 100px;
/*background image defined */
}

#vitrine_secondaire_2 .voir-le-dossier-lien, #vitrine_secondaire_3 .voir-plus-de-films-lien, #vitrine_secondaire_4 .rechercher-un-film-lien { /*for positioning on homepage*/
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.toutes-les-scenes-lien {
  width: 150px;
  float: right;
/*background image defined */
}

.plus-de-films-lien {
  width: 71px;
  float: right;
  padding-right: 5px;
/*background image defined */
}

.tout-le-dossier-lien {
  width: 185px;
  float: right;
  padding-right: 5px;
  margin-top: 2px;
/*background image defined */
}

.tous-les-dossiers-lien {
  width: 185px;
  float: right;
  padding-right: 5px;
/*background image defined */
}

.la-liste-lien {
  width: 52px;
  margin-bottom: 4px;
/*background image defined */
}

.toutes-les-selections-lien {
  width: 128px;
  float: right;
  padding-right: 10px;
  margin-top: -7px; 
/*background image defined */
}

.tous-les-avis-lien {
  width: 84px;
  float: right;
  margin-top: 7px;
/*background image defined */
}

.lire-la-critique-lien {
  width: 97px;
  margin-top:3px;
  margin-left: 55px;
/*background image defined */
}

.selection-de-alain-chabat-lien {
  width: 170px;
/*background image defined */
}

/*remove hover*/
a.selection-de-alain-chabat-lien:hover {
  background-position: 0px 0px;
}

.le-site-officiel-lien {
  width: 90px;
/*background image defined */
}

.le-quiz-lien {
  width: 52px;
/*background image defined */
}

.le-dossier-thematique-lien {
  width: 136px;
/*background image defined */
}

.acheter-le-dvd-lien {
  width: 93px;
/*background image defined */
}

.voir-en-vod-lien {
  width: 80px;
/*background image defined */
}

.proposer-un-tag-lien {
  width: 109px;
/*background image defined */
}

.lire-la-suite-lien {
  width: 78px;
/*background image defined */
}

.suivant-lien {
  width: 62px;
  float: right;
/*background image defined */
}

.precedent-lien {
  width: 72px;
  float: left;
/*background image defined */
}

.fiche-du-film-mini-lien {
  width: 84px;
  float: left;
/*background image defined */
}

.voir-le-site-mini-lien {
  width: 74px;
  float: left;
/*background image defined */
}

.equipe-artistique-lien {
  width: 127px;
  margin-left: 10px;
  /*background image defined */
}

.equipe-technique-lien {
  width: 127px;
  padding-top: 4px;
  margin-left: 10px;
  /*background image defined */
}

.lien-1024x768 {
  width: 64px;
  float: left;
/*background image defined */
}

.lien-1280x1024 {
  width: 69px;
  float: left;
/*background image defined */
}

.lien-1280x800 {
  width: 64px;
  float: left;
/*background image defined */
}

.lien-1440x990 {
  width: 66px;
  float: left;
/*background image defined */
}



/* ADDED ON 20/06/2008 FOR EQUIPE FILM NOW USING TABLE */
#equipe table.equipetable {
  width: 310px;
  border-collapse:collapse;
  color: #000000;
}

#equipe table.equipetable td.column1 {
  width: 205px;
  padding:0px;
  padding-right:10px;
  vertical-align: top;
}

#equipe table.equipetable td.column2 {
  width: 105px;
  padding:0px;
  vertical-align: top;
}

.ie-slide-thumbs {
	padding-left: 3px;
}