body {
  background: #2c303a;
  margin:0;
  padding:0;
  width: 100%;
  text-align: center;
}
#global-wrapper {
    width: 100%;
}

/* nav */
#nav {
  position: absolute;
  left: 49%;
  margin: 15px 0;
  z-index: 1000;
}
#nav ul {
  display:inline;
  margin: 0;
  padding: 0;
}
#nav li {
  display: inline;
  color: #ffffff;
  padding: 10px 0;
}


/*header*/
#header{
  background: #5f6168 url("../images/bg_header.png") no-repeat center;
  height: 132px;
  margin: 0 auto;
  padding: 0;
  position: relative;  
}
#header-navigation {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 980px;
}
#logo {
  position: relative;
  float: left;
  width: 200px;
  padding-top: 11px;
}
#navigation {
  position: relative;
  float: right;
  top: 80px;
  margin: 15px;
  padding: 0;
  height: 26px;
}



/*page*/
#page{
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 980px;
  background: #2d2e31;
}


/*footer*/
#footer{
  background: #191b1f;
  clear: both;
  height: 100px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
#footer-content {
  position: relative;
  margin: 0 auto;
  padding: 15px;
  width: 980px;
}
#footer-content #credits {
  float: left;
  text-align: center;
  width: 660px;
  padding-left: 120px;
}
#footer-content #identity {
  float: right;
} 



/*ANTEHOME*/
#antehome{
  position: absolute;  
  background: #1b1b1b;
  width: 100%;
  height: 100%;
}
#antehome:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}

#antehome .content {
  position: absolute;
  text-align: center;
  width: 100%;
  background: #1b1b1b;
  top: 42%;
}
#antehome .link {
  margin: 20px 0;
}

/*HOMEPAGE*/
/*Top Films*/
#first-films-list {
  background: #141414;
  min-height: 400px;

}
#first-films-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#first-films-list #top {
  float: left;
  width: 580px;
}
#first-films-list #top #title-rub {
  float: left;
  width: 520px;
}
#first-films-list #top #player-ba {
  padding: 48px 0 0 0;
}
#first-films-list #top #player-ba .btn-play {
  margin: 125px 0 0 253px;

}
#first-films-list #film {
  float: right;
  margin: 10px 10px 15px 10px;
  width: 360px;
}
#first-films-list #film .title {
  margin-bottom: 25px;
  height: 75px;	
}
#first-films-list #film .release-infos {
  margin: 10px 0 10px 0;
  clear: both;
}
#first-films-list #film .infos {
  clear: both;
}
#first-films-list #film .infos .poster {
  float: left;
  width: 180px;
  margin: 0 0 15px 0;
}

#first-films-list #film .infos .actions {
  float: right;
  width: 170px;
}




/*Communication*/

#communication:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#block-news {
  float: left;
  padding: 15px;
}

#newsletter {
  padding-bottom: 15px;
}
#news {
  border: 5px solid #01edff;
  padding: 5px;
  width: 260px;
  height: 200px;
}

#news h3, #news p {
  padding: 0 10px;
}


/*Prochainement*/
#block-incoming {
  float: right;
  margin: 5px 0;
  padding: 15px;
  text-align: left;
  width: 630px;
  background: url("../images/bg-home-points.png") no-repeat;
}
#block-incoming .films-list ul {
  margin: 0;
  padding: 0;
}
#block-incoming .films-list li {
  display: block;
  padding: 0 0 0 15px;
  margin: 0;
  clear:both;
}
#block-incoming .films-list ul li .photo {
  float: left;
  width: 262px;
  padding: 15px 0;
}
#block-incoming .films-list ul li .infos {
  float: right;
  width: 340px;
  padding: 0;
  margin: 15px 0 0 0;
}
#block-incoming .films-list li .infos .release-infos {
  clear: both;
}
#block-incoming .films-list li .infos .title {
  height: 90px;
}
#block-incoming .films-list li .infos .release-infos .release-date {
  padding: 40px 0 0 0;
}
#block-incoming .films-list li .infos .release-infos .release {
  float: left;
  width: 200px;
}
#block-incoming .films-list li .infos .release-infos .actions {
  float: right;
  margin: 40px 20px 0 20px;
  
}



/*FILM*/
#content {
  background: #222427;
}
#content:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#document-sidebar {
  float:left;
  width: 300px;
}

#document-sidebar #poster {
  padding: 30px 30px 10px 30px;
  margin-bottom: 20px;
  height: 350px;
}
#document {
  float: right;
  width: 680px;
  padding: 0 0 20px 0;
}
#document #film-infos:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#document #film-infos {
  padding: 10px 30px;
  background: #141414;
  min-height: 350px;
}
#document #film-infos #edito {
  float: left;
  width: 355px;
}
#document #film-infos #edito #technical-section {
  display: none;
}
#document #film-infos #edito #technical-section .technical-infos {
  float:left;
  width: 165px;
}
#document #film-infos #edito #technical-section .technical-staff {
  float:right;
}
.technical-infos ul,
.technical-staff ul {
  margin: 0;
  padding: 7px 0 0 0;
}
.technical-infos li,
.technical-staff li {
  display: block;
}
#document #film-infos #life-cycle {
  float: right;
  width: 245px;
  padding: 0 0 0 20px;
}
#document #film-infos #life-cycle #award {
  min-height: 100px;
}
#document #film-infos #life-cycle ul {
  margin: 0;
  padding: 0;
}
#document #film-infos #life-cycle li {
  display: block;
}
#document #film-infos #life-cycle #links {
  padding: 15px 0 0 0;
}
#edito .synopsis {
  clear: both;
  padding-top: 10px;
}


#quote {
  text-align: center;
  padding: 0 10px 10px 10px;
  margin-bottom: 10px;
  height:40px;

}
#quote:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#quote #cite {
  padding: 0 10px;
}


#video {
  clear: both;
  text-align: center;
  margin: 10px 0 20px 0;
}

#video:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#video #player-ba {
  padding: 0 0 0 40px;
}
#video #player-ba .btn-play {
  margin-top: 135px;
}

#video #btn-play:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
.viewVidButton {
  margin: 5px 0 0 260px;
  width: 200px;
  height: 50px;
  padding: 4px 26px 10px 22px;
  background: url("../images/buttons/bg-btn.png") no-repeat;
  color: #FFFFFF;
}
.viewVidButton:hover {
  color: navy;
}


#actions {
  padding: 0 0 0 60px;	
}

.actions  ul {
  margin: 0;
  padding: 0;
}
.actions li {
  display: block;
  padding: 5px 0 5px 25px;
  margin: 0;
  background: url("../images/pictos/picto-link-action.png") no-repeat 5px;
}
#first-films-list #film .infos .actions .button {
  margin: 5px;
  width: 90px;
  height: 32px;
  padding: 2px 0 0 18px;
  background: url("../images/buttons/bg-btn.png") no-repeat;
}


/*CATLOGUE*/
#catalogue-sidebar {
  float:left;
  width: 260px;
  padding: 20px;
}
#catalogue {
 float: right;
 background: #141414;
 padding: 20px;
 text-align: left;
 width: 640px;
}
#catalogue .letters-list {
  padding: 5px 3px 3px 3px;;
  background: #222427;
}
#catalogue .letter-list {
  clear:both;
}
#catalogue ul {
  margin: 0;
  padding: 0;
}

#catalogue li {
  float: left;
  display: block;
  padding: 10px 13px 40px 13px;
}
#catalogue li .poster {
  width: 130px;
}
#catalogue li .infos {
 padding-top: 5px;
 width: 130px;
 height: 25px;
}
#catalogue li.anchor {
  height: 0;
  width: 0;
  padding: 0;
  margin: O;
  overflow: hidden;
  visibility: hidden;
 
}


/* SEARCH */
#search-sidebar {
  float:left;
  width: 260px;
  padding: 20px;
}
#search {
 float: right;
 background: #141414;
 padding: 20px;
 text-align: left;
 width: 640px;
}
#search form{
  margin-bottom: 20px;
}
#search ul {
  margin: 0;
  padding: 0;
}

#search li {
  float: left;
  display: block;
  padding: 10px 13px 40px 13px;
}
#search li .poster {
  width: 130px;
}
#search li .infos {
 padding-top: 5px;
 width: 130px;
 height: 25px;
}


/*CONTACT*/
#location {
  float: left;
  padding: 20px;
}
#contact {
  float: right;
  background:none repeat scroll 0 0 #141414;
  width: 600px;
  min-height:350px;
  padding:50px 30px 30px 30px;
} 
#contact ul {
  margin: 0;
  padding: 0;
}
#contact li {
  display: inline;
}
#contact .office {
  float: left;
}
#contact .contact-office {
  float: right;
  width: 300px;
  text-align: left;
}
#location {
  float:left;
}

#material:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}
#material,
#administration {
  padding-top: 35px;
}
#distribution ul,
#material ul,
#administration ul {
  margin: 0;
  padding: 0;
}
#distribution li,
#material li,
#administration li {
  clear: both;
  display: block;
  padding: 15px 0;
}

#distribution .identity,
#material .identity,
#administration .identity {
  float:left;
  width: 250px;
}
#distribution .tel,
#material .tel,
#administration .tel {
  float:left;
  width: 110px;
}
#distribution .contact,
#material .contact,
#administration .contact {
  float:right;
  width: 220px;
}


/* Incoming */
#page #incoming {
  padding: 20px;
  background: url("../images/bg-incoming.png") repeat-y;
}
#page #incoming:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}

#page #incoming #film-list ul {
  margin: 0;
  padding: 0;
}
#page #incoming #film-list li {
  clear: both;
  display:block; 
  height: 168px; 
  padding-top: 30px;	  
}
#page #incoming #film-list .photo {
  float: left;
}
#page #incoming #film-list .infos {
  width: 640px;
  float: right;
  text-align: left;
}