* {margin: 0; padding: 0; -moz-outline: none;}
a {text-decoration: none; color: #969696;}
a img {border: none;}
ul, ol {list-style: none;}
html {font-size: 100%}
input, select, textarea {font-size: 100%}
body {text-align: left; font: 0.75em/1em Arial, Geneva, sans-serif; line-height: 1em; color: #444; background-position:center top; background-repeat:none; height:100%}
body.dark {background-color: #000}
body.lightbox{ background-color:#fff}
h1, h2, h3, h4, h5, h6 {font-size: 100%}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit}
ul#navbar li a, #column .bloc h3, #infospro .bloc h3, #column .bloc h3.open, #content.home #alaune h2, #content.home #ba h2, .onglets li a {font-family:Helvetica, Arial, Geneva, sans-serif;}
ul#navbar li a {text-shadow: #999 0px 1px 1px}
#column .bloc h3, #infospro .bloc h3 {text-shadow: #666 0px 1px 1px}
#column .bloc h3.open{ text-shadow: #ccc 0px 1px 1px}
#content.home #alaune h2 {text-shadow: #666 0px 1px 1px}
#content.home #ba h2 {text-shadow: #666 0px 1px 1px}
.onglets li a {text-shadow: #666 0px 1px 1px}
#hop {text-indent: -8880px; height: 0; position: absolute}
#envelop, #container, #footer, #header, #nav {position: relative; width: 960px; margin: 0 auto; text-align: center}
#container {text-align: left; clear: both}
#envelop, #content {background-color: transparent}
#content {float: left; width: 715px}
.nett {height: 10px !important; min-height: 0 !important; clear: both; background: none !important}
h1#logo{ height:78px; overflow:visible}
img#flashlogo{ margin-top:10px}
object#flashlogo{ z-index:0; margin:0 auto; visibility:visible !important}
object#movieplayer{ visibility:visible !important}
h1#logo div#flashlogo{ display:block; margin:10px auto 0 auto}
#nav {position: relative; margin: 0 5px 20px; width: 950px; height: 44px}
ul#navbar {position: relative; margin-left: -7px; float: left; height: 44px}
ul#navbar, ul#navbar li, ul#navbar li a {background-color: transparent}
ul#navbar li {display: block; height: 43px; width: 83px; float: left; background: url("navbar_bg.png") 0 0 no-repeat}
ul#navbar li a {position: relative; z-index: 20; cursor: pointer; display: block; outline: none; background: url("navbar_link_bg.png") 0 0 repeat-x; margin: 1px 1px 2px 2px; height: 40px; line-height: 41px; color: #626262; font-weight: bold; font-size: 1.2em}
ul#navbar li a:hover {color: #FA8200}
ul#navbar li.on {background-position: 0 -43px}
ul#navbar li.on a, ul#navbar li.on a:hover {background-position: 0 -40px; color: #FFF}
ul#navbar li#home {width: 102px; background: transparent url("navbar_home.png") 0 0 no-repeat}
ul#navbar li#home a {margin-right: 0; margin-left: 0; background: none}
ul#navbar li#home.on {background-position: 0 -43px}
ul#navbar li#home.on a {background-color: transparent}
ul#navbar li#film {width: 86px}
ul#navbar li#news {width: 119px}
ul#navbar li#pro {width: 128px}
ul#navbar li#pro.on {background-position: 0 -86px}
ul#navbar li#pro.on a {background-color: #0A0E0A; background-position: 0 -80px}
ul#navbar li#forums {width: 102px}
ul#navbar li#contact {width: 104px}
ul#navbar li#international {width: 138px}
#searchbar {position: relative; z-index: 1; margin-right: -7px; height: 44px; width: 185px; float: right; background: transparent url("searchbar_bg.png") no-repeat 0 0}
#searchbar form {position: relative; z-index: 99; margin: 11px 5px 11px 0; width: 180px; height: 22px}
#searchbar input {position: relative; vertical-align: middle}
#searchbar input#searchbtn, #newsletter input#newsletterbtn {position: relative; border: none; cursor: pointer; outline: none; width: 20px; height: 20px; line-height: 20px; padding-bottom: 2px; background: transparent url("searchbtn.png") no-repeat; color: #FFF}
#searchbar input#search {border: 1px solid #C2C2C2; color: #444; width: 105px; margin-right: 5px; background: #FFF url(search_icon.gif) no-repeat; line-height:16px; padding: 2px 1px 1px 28px; font-size: 0.9em; font-weight: bold; height: 16px}
#footer {margin-top: 10px; padding-bottom: 20px; clear: both; height: 2.4em; background: transparent url("footer_bg_light.png") no-repeat top left}
.dark #footer{ background: transparent url("footer_bg_dark.png") no-repeat top left}
#footer ul {padding: .45em .8em; display: block}
#footer li {display: block; margin-right: .9em; float: left; line-height: 1.5em}
#footer li a.on {color: #FA8200}
#footer li a {color: #636464; font-weight: bold; font-size: 0.9em}
.dark #footer li a {color:#eee}
#footer li a:hover {color: #333}
#footer li.logo {float: right; margin-right: 0; margin-left: 10px}
#column {position: relative; width: 225px; float: left; margin-right: 20px; margin-top: 5px; margin-bottom: -20px}
#column .bloc, #infospro .bloc {margin-bottom: 20px; background: transparent url("column_bg.png") no-repeat bottom right; padding-bottom: 5px; font-size: 1em}
#column .bloc h3, #infospro .bloc h3 {line-height: 29px; padding-left: 10px; color: #FFF; font-size: 1.0em; width: 215px; position:relative; top:-5px; background: transparent url("column_head_bg.png") no-repeat}
#actualites h4, #actualitesresult h4 {font-size: 1em; line-height: 1.3em; display: block; color: #333}
#actualites-content, #actualites-results {position: relative; display: block; min-height: 117px; width: 200px; margin: 5px 10px; font-size: 1em; color: #898989}
#actualites-content {}
#actualites-content input.radio {vertical-align: top}
#actualites-content li {display: block; margin-top: 7px; line-height: 1.3em}
#actualites-content .submit {min-height: 24px; margin-top: 5px}
#actualites-content .submit img {vertical-align: bottom; margin-top: 3px}
#actualites-results li {display: block; clear: left; margin-top: 6px; line-height: 1.1em}
#actualites-results .graph {display: block; position: relative; float: left; width: 30px; height: 3px; background-color: #eee; margin-top: 5px; margin-right: 5px; border: 1px solid #ccc}
#actualites-results .bar {display: block; position: relative; background-color: #FA8200; color: #6C6C6C; height: 3px}
#actualites-results .answer {display: block; color: #898989}
#actualites-results strong {display: block; color: #333}
#actualites-results h4{ margin-left:10px}
.buttonArrow {border: none; cursor: pointer; background: transparent url("arrow.png") no-repeat 1px 3px; padding: 3px; padding-left: 18px; color: #1CBBB4; font-weight: bold; line-height: 1.3em; vertical-align: middle}
.buttonArrow:hover {color: #00A19A}
a.buttonArrow {font-size: 1.1em}
input.buttonArrow {font-size: inherit}
#actualites a.buttonArrow {display: block; margin-left: 100px}
#actualites a{ font-weight:bold; color:#333}
#actualites a:hover{ color:#666}
#actualites input.buttonArrow {position: relative; clear: left; text-align: left; width: 200px; vertical-align: bottom}
#column #actufilms {margin-top:22px}
.dynamic #column #actufilms{ }
#newsletter {position: relative}
#newsletter #newsletter_div_form {position: relative; margin: 5px 10px; margin-bottom: 7px}
#newsletter input#emailnewsletter {width: 173px; border: 1px solid #C2C2C2; height: 16px; padding-top: 3px; padding-left: 2px; color: #626262; font-size: 0.9em; margin-right: 3px; vertical-align: top}
#newsletter_div_reply {margin: 3px 11px 10px}
#podcasts ul {margin: 5px 10px 10px}
#podcasts ul li {line-height: 1.8em}
#podcasts ul li a {background-position: 0 0px; font-weight: normal; float: none}
#podcasts ul li a:hover {background-position: 0pt -111px}
#content.fichefilms {position: relative; background: transparent url(fiche_bg.gif) no-repeat left bottom}
#content.fichefilms #title {background: transparent url("fiche_head_bg.png") no-repeat; padding: 20px; padding-bottom: 0; height: 78px}
#content.fichefilms #title *{ font-family:"Helvetica Neue", Helvetica, arial, verdana, sans-serif}
#content.fichefilms #title h2 {color: #FA8200; font-weight: bold}
#content.fichefilms #title h2 strong {font-size: 2.3em; letter-spacing:-1px}
#content.fichefilms #title h2 span {white-space:nowrap; line-height:2.4em}
#content.fichefilms #title em {display: block; font-style: normal; color: #626262; font-weight: bold; font-size: 1.6em; line-height: 1em}
#content.fichefilms #description {position: relative; width: 713px; clear: both; background: #FFF url("fiche_desc_bg.png") repeat-x; padding-top: 18px; margin-bottom: 5px; color: #363636; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; line-height: 1.2em}
#content.fichefilms #description h4 {color: #363636; font-weight: bold}
#content.fichefilms #affiche {float: left; margin: 0 20px; height: 275px}
#content.fichefilms #casting, #content.fichefilms #production, #content.fichefilms #links {float: left; font-size: 0.9em; margin-bottom: 10px; color: #626262}
#content.fichefilms #casting {width: 165px; margin-right: 60px}
#content.fichefilms #production {width: 110px; margin-right: 40px}
#content.fichefilms #links {border-left: 1px dotted #C2C2C2; padding-left: 10px}
#content.fichefilms #links li {background: transparent url(indent.gif) no-repeat 0 3px; padding-left: 10px; line-height: 1.5em}
#content.fichefilms #links li, #content.fichefilms #links li a {font-weight: bold}
#content.fichefilms #links li a:hover {color: #555}
#content.fichefilms #genre, #content.fichefilms #synopsis {width: 475px; float: left}
#content.fichefilms #genre .technique{ float:right; display:inline; width:250px; font-weight:normal; margin-left:10px}
#content.fichefilms #genre {font-size: 0.9em}
#content.fichefilms #synopsis {margin: 5px 0 0}
#content.fichefilms #synopsis h3 {margin-bottom: 2px; font-size: 1.2em}
#content.fichefilms #synopsis p {font-size: 1.1em; line-height: 1.3em; color: #626262; margin-right: 15px; margin-bottom:1.3em}
#content.fichefilms #misc {clear: both; margin: 15px 20px; margin-top: 10px; margin-right: 0; color: #626262}
#content.fichefilms #misc a {font-weight: bold; float: none; font-size: .95em}
#content.fichefilms #misc a:hover {}
#content.fichefilms #misc div.bloc {float: left; margin-left: 0; margin-right: 19px; width: 145px; background: transparent url("fiche_misc_bg.png") no-repeat bottom left; min-height: 120px}
#content.fichefilms #misc ul {margin: 5px 9px; margin-right: 8px}
#content.fichefilms #misc li {line-height: 1.3em; margin-bottom: 3px}
#content.fichefilms #misc h3 {width: 135px; line-height: 29px; padding-left: 10px; font-size: 1.1em; color: #FA8200; border-bottom:1px solid #e1e1e1; background-image: url("fiche_misc_head_bg.png")}
#content.fichefilms #misc #filmnews {width: 180px; background: transparent url("fiche_news_bg.png") no-repeat bottom left}
#content.fichefilms #misc #filmnews .cont {position: relative; height: 86px; overflow: auto; margin: 0 1px 0 9px; font-size:10px }
#content.fichefilms #misc #filmnews a {color: #363636}
#content.fichefilms #misc #filmnews ul {margin: 7px 0}
#content.fichefilms #misc #filmnews a:hover {color: #FA8200}
#content.fichefilms #misc #filmnews h3 {width: 170px; background: #f99914 url("fiche_news_head_bg.png") no-repeat; color: #FFF; border-bottom-color: #e1e1e1}
#content.fichefilms #misc #filmnews li {background: none; padding-left: 0}
#content.fichefilms #misc #filmpodcasts {margin-right: 0}
#content.fichefilms #partenaires {background: transparent url("fiche_supp_bg.png") no-repeat; padding-top: 20px; padding-left: 20px; font-size: 0.9em; font-weight: bold}
#content.fichefilms #partenaires img {vertical-align: middle; padding-bottom: 2px}
#content.fichefilms #partenaires a {padding: 0 5px}
#content.home #alaune {float: left; width: 425px; height: 184px; margin-right: 19px; margin-bottom: 16px}
#content.home #alaune h2 {position: absolute; background: transparent url("home_alaune_head_bg.png") no-repeat; width: 69px; height: 29px; line-height: 29px; color: #fff; text-align: center; font-size: 1.1em}
#content.home #actujeux {position: relative; margin-top: 4px; float: left; width: 271px; height: 180px; background: transparent url("home_actu_jeux_bg.png") no-repeat 0 bottom}
#content.home #actujeux{ margin-top:0; height:184px}
#content.home #actujeux .onglets{ margin-top:0}
#content.home #actu {position: relative; height: 140px; overflow: auto; margin: 0 10px}
#content.home #actu ul {clear: both}
#content.home #actu li {border-bottom: 1px dotted #C2C2C2; padding: 6px 0; font-size: 0.95em; line-height: 1.2em;}
#content.home #actu li.last {border-bottom: none}
#content.home #actu li strong {display: block; color: #363636; font-size: 1.05em}
#content.home #ba {position: relative; width: 715px; height: 258px; clear: both; background: transparent url("home_ba_bg.png") no-repeat 0 0}
#content.home #ba #playercont {position: relative; background: none; margin: 10px; float: left; width: 415px; height: 236px}
#content.home #ba h2, #content.home #bandeannonces {float: right; width: 260px}
#videowrapper{ display:block}
#videowrapper.bandeannonce{ height:380px}
.home #videowrapper.bandeannonce{ height:236px}
.lightbox #videowrapper.bandeannonce{ }
#videowrapper.full{ height:100%}
.qtplayer{ }
.playerfallback{ width:100%; line-height:200px; text-align:center; display:block}
#content.home #ba h2 {position: relative; z-index: 10; height: 29px; line-height: 29px; font-size: 1.1em; padding-left: 10px; color: #FFF; margin-top: 10px; background: transparent url("home_ba_head.png") no-repeat 0 0}
#content.home #bandeannonces {position: static; z-index: 1; margin-right: 10px; margin-top: 5px}
#content.home #bandeannonces h3 {position: relative; overflow:hidden; cursor: pointer; top:0px; padding:8px 10px 12px 10px; padding:7px 10px 11px 10px; font-weight: bold; height: auto; background: transparent url("home_ba_drawer_bg_off.png") no-repeat bottom left}
#content.home #bandeannonces h3 a{ line-height:13px; margin:0; padding:0; display:block}
#content.home #bandeannonces h3 span {line-height:13px; color: #FA8200}
#content.home #bandeannonces .bablock h3.open {background: #fff !important; border-left: 1px solid #DDD; border-right: 1px solid #DDD; padding-bottom: 0}
#content.home #bandeannonces .bablock {position: relative; display: block; background: transparent url("home_ba_drawer_bg_on.png") no-repeat 0 bottom !important; color: #626262; margin-top:-8px}
#content.home #bandeannonces .bablock div {height: 125px; padding:0 10px; padding-left: 26px; margin-left: -16px; position:relative; top: -2px; overflow: hidden !important}
#content.home #bandeannonces .arrow {position: absolute; display: block; top: 0; left: 0; width: 17px; height: 38px; background: transparent url(arrow.gif) no-repeat}
#content.home #bandeannonces em, #content.home #bandeannonces p {font-size: 0.9em; font-weight: bold}
#content.home #bandeannonces p {margin-bottom: 10px}
#content.home #bandeannonces p strong {color: #363636}
#content.home #bandeannonces em {position: relative; z-index: 30; display: block; font-style: normal; margin-bottom:3px; margin-top:5px}
#content.home #bandeannonces img {float: left; margin-right: 10px; margin-top: 2px}
#content.home #listfilms {clear: both; margin-top: 20px; margin-bottom: 10px; background: transparent url("home_listfilms_bg.png") 0 29px no-repeat; width: 715px; height: 308px}
#home_timeline {position: relative; margin: 5px 10px}
#home_alaffiche, #home_prochainement {position: relative; margin: 15px 40px}
.onglets {position: relative; z-index: 20; height: 35px; margin-top: -5px}
.onglets li {display: block; position: relative; float: left; height: 34px; margin-right: 1px; background: transparent url("onglet_open.png") no-repeat 0 0; padding-left: 10px}
.onglets li.last {margin-right: 0}
.onglets li a {display: block; font-weight: bold; height: 34px; line-height: 30px; color: #FFF; font-size: 1.1em; background: transparent url("onglet.png") no-repeat top right; outline: none; padding-right: 10px}
.onglets li a:hover {color: #eee}
.onglets li.on {background-position: 0 -34px !important}
.onglets li.on a {background-position: right -34px !important; cursor: default; color: #fff}
#content.home #actujeux .onglets li {width: 261px}
.supplinks a {background: transparent url(indent_db.gif) no-repeat 0 2px; float: left; line-height: 1.5em; padding-left: 10px; font-size: 0.9em; font-weight: bold; color: #626262}
.supplinks a:hover {color: #FA8200; background-position: 0 -109px}
.supplinks li.download a{ background-image: url(indent_db_pro.gif)}
#contentnav {position: relative; z-index: 20; float: right; width: 122px; height: 29px; background: transparent url(contentnav_bg.gif) no-repeat}
#contentnav a {position: relative; z-index: 30; display: block; float: left; background: transparent no-repeat url("contentnav_icones.png") right 0; padding: 2px; margin-top: 8px; margin-left: 6px; padding-right: 17px; color: #363636; font-size: 0.9em; font-weight: bold}
#contentnav a.on {cursor: default}
#contentnav a.on, #contentnav a:hover {background-position: right -15px; color: #F99A13}
a#contentnavIcones {background-image: url("contentnav_icones.png")}
a#contentnavListe {background-image: url("contentnav_liste.png")}
#content.listefilms {background: transparent url(fiche_bg.gif) no-repeat left bottom; padding-bottom: 10px}
#content.listefilms .sep {border-bottom: 1px dotted #C2C2C2; width: 670px; clear: both; height: 15px; margin-bottom:15px}
#content.listefilms .onglets {margin-right: 200px}
#content.listefilms .onglets li {width: 115px}
#content.listefilms .liste {position: relative; z-index: 1; margin-top: -1px; background: #FFF url("fiche_desc_bg.png") repeat-x; border: 1px solid #E1E1E1; border-bottom: none; padding-top: 10px; padding-left: 20px}
#content .rsslink {position:absolute; bottom:-3px; right:0; width:100%}
#content .rsslink .nett {height: 0 !important}
#content .rsslink {width:100%; text-align:right}
#content .rsslink .supplinks {position: relative; float: right; display:inline; width:auto; line-height: 1.4em}
#content .rsslink h4 {background: #FFF url("icone_rss.png") no-repeat center left; padding-left: 20px; padding-top:1px; padding-bottom:1px; line-height:17px; height:20px; padding-right: 15px; display: inline; color: #F99A13}
#content .rsslink a {padding-right: 15px}
#content .rsslink .supplinks a {float:none; display:inline; background-position: 0 2px}
#content .rsslink .supplinks a:hover {background-position: 0 -109px}
.listicons {padding-top: 20px !important}
.listicons .item {position: relative; float: left; margin-right: 65px; width:180px}
.listicons .item.last {margin-right: 0}
.listicons .item h2 {font-size: 1.2em; margin-bottom: 5px; margin-top: 20px}
.listicons .item h2, .listicons .item h2 a {color: #FA8200}
.listicons .item .supplinks {margin-top: 10px; height: 20px}
.listicons .item .supplinks a {margin-right: 20px}
.compactlist {padding-top: 20px !important}
.compactlist .item {width: 153px; min-height: 60px; float: left; margin: 0 20px 20px 0; line-height: 1.2em}
.compactlist .item.last {margin-right: 0}
.compactlist .item h2 {font-size: 1.3em}
.compactlist .item h2, .compactlist .item h2 a {color: #FA8200}
.compactlist .item h3 {color: #626262; font-size: 1.1em}
.compactlist .item em {font-size: .9em; font-style: normal; color: #363636; font-weight: bold}
.compactlist .supplinks {margin-top: 5px}
.compactlist .supplinks li {float: left; width: 55px; margin-right: 5px}
.searchresults strong, .stabilo {background-color: #FA8200; color: #fff; padding: 0 2px}
#content.listefilms .searchtitle {display: block; margin: 0 0 10px; clear: both; font-style: normal; font-weight: bold; font-size: 1.1em; color: #363636}
#content.listefilms .searchtitle span {color: #FA8200}
#content.listefilms .actu {float: left}
#content.listefilms .actu.last {margin-right: 0}
.listicons .actu {width: 324px; min-height: 210px; margin: 10px 20px 10px 0}
.compactlist .actu {width: 153px; margin: 0 20px 20px 0}
#content.listefilms .actu .affiche {float: left; margin-bottom: 40px}
#content.listefilms .actu h2, #content.listefilms .actu h3 {color: #FA8200; line-height: 1em}
.listicons .actu h2 {font-size: 1.6em; margin-left: 145px}
.listicons .actu h3 {font-size: 1.3em; padding-bottom: .2em; margin-left: 145px}
.compactlist .actu h2 {font-size: 1.4em}
.compactlist .actu h3 {font-size: 1.1em; padding-bottom: .2em; margin-left: 0}
#content.listefilms .actu p, .actu em {display: block; color: #626262; font-weight: bold}
#content.listefilms .actu em {font-style: normal; line-height: 1em; padding-bottom: .2em}
.listicons .actu em {margin-left: 145px; font-size: 1.1em}
#content.listefilms .actu p {font-size: .9em; line-height: 1.4em}
.listicons .actu p {margin-left: 145px}
.listicons .actu .supplinks {margin-left: 145px; margin-top: 10px}
#content.listefilms .actu .supplinks li a {display: block; float: none}
#content.listpro .onglets {margin-top: 0}
#content.listpro .liste {margin-top: -6px}
#content.listpro .liste .nett{ width:670px; border-top:1px dotted #C2C2C2; padding-bottom:16px}
#content.listpro #filterblock {text-align: right; width: 670px; margin-bottom: 10px}
#filterblock select {width: 200px}
#content.listpro .item {clear: both; width: 670px; border-top: 1px dotted #C2C2C2; padding-top: 20px; margin-top: 10px}
#content.listpro .item .affiche {float: left; margin-right: 20px; margin-bottom: 20px; width: 60px}
#content.listpro .item h2 {line-height: 1.1em; margin-bottom: 5px}
#content.listpro .item h2, #content.listpro .item h2 a {color: #FA8200}
#content.listpro .item h2 span {font-size: 1.4em; padding-right: 4px}
#content.listpro .item em {font-size: 1.1em; line-height: 1.1em; font-weight: bold; font-style: normal; color: #626262}
#content.listpro .item h3 {margin-bottom: 20px; color: #363636}
#content.listpro .item h4 {float: right; width: 270px; font-size: 1.1em; line-height: 1.1em; margin-top: 3px; margin-bottom: 12px; padding-bottom: 5px; border-bottom: 1px solid #E1E1E1}
#content.listpro .item .left {float: left; width: 300px; margin-top: 5px; margin-right: 10px}
#content.listpro .item .right {float: right; width: 270px; margin-bottom: 15px}
#content.listpro .item li{ float: left; margin-right: 4px; clear: right; width: 170px}
#content.listpro .item li.download{ width: auto}
#content.listpro .item .left li {width: 140px}
#content.listpro .item li a{ font-size: .9em; white-space: nowrap}
#content.pro #infospro {background: #E4EBEB url("fiche_supp_pro_bg_top2.png") no-repeat top right; padding: 20px; padding-bottom: 8px; min-height:105px}
#content.pro #partenaires {background: transparent url("fiche_supp_pro_bg_bottom2.png") no-repeat scroll center top; margin-top : -10px; min-height:28px}
#content.pro #liensSupp {float: left; width: 180px; margin-right:20px}
#content.pro #liensSupp li {display: block; clear: left; font-size: 1em}
#content.pro .infosSupp {float: left; clear: left; font-size: .95em; line-height:1.3em; margin-top: 10px}
#content.pro #infospro .nett {height: 0 !important}
#content.pro #infospro .bloc {float: right; width: 225px; min-height:122px; margin-left: 21px; margin-top: 10px; margin-right:0px; display:inline}
#content.pro #infospro .bloc h3 {background: #000000 url("fiche_pro_head_bg.png") no-repeat left top; width: 215px}
#content.pro .bloc dl {margin: 5px 10px 10px; font-size: .9em}
#content.pro .bloc dt {font-weight: bold}
#content.pro .bloc dd {margin-bottom: 5px}
#content.international {background: transparent url(fiche_bg.gif) no-repeat left bottom; padding-bottom: 10px}
#content.international #title {background: transparent url(fiche_head_international.gif) no-repeat; padding: 20px; padding-bottom: 15px}
#content.international #title h2 {color: #FA8200; font-size: 3em; line-height: .9em; margin-bottom: 10px}
#content.international #title p {font-size: 1.1em; color: #626262; margin: 5px 0; line-height: 1.3em}
#content.international #title p strong {color: #363636}
#content.international #sep {background: #FFF url("fiche_supp_bg.png") no-repeat; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; height: 5px; margin: 0}
#content.international .liste {position: relative; margin-top: 0; width: 713px; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; background-color: #FFF}
#content.international #filterblock {margin: 0 20px 10px; padding-top: 10px; clear: both; text-align: right}
#content.international .item {width: 670px; margin: 0 20px; padding: 20px 0; border-top: 1px dotted #C2C2C2; clear: both}
#content.international .affiche {float: left; margin-right: 15px; width: 60px}
#content.international .infos {float: left; width: 350px}
#content.international .casting, #content.international .ventesInter {float: right; width: 215px}
#content.international .ventesInter{ margin-top:10px}
#content.international .synopsis{ width:440px}
#content.international h3 {color: #363636; font-weight: normal; font-size: 1em; padding-bottom: 2px; line-height:1.2em}
#content.international .synopsis h3{ font-weight:bold}
#content.international h3 span{ font-weight:bold; font-size:1.2em}
#content.international span {font-size: 1.3em; line-height: .8em; padding-right: 5px; letter-spacing:-0.05em}
#content.international h4 {font-size: 1.0em; margin-bottom: 8px; line-height: 1.2em}
#content.international h3.int span {color: #9A9898}
#content.international h3.fr span {color: #FA8200}
#content.international em {font-style: normal; color: #898989}
#content.international em, #content.international p {font-size: .9em; font-weight: bold; font-weight: normal; line-height:1.2em}
#content.international p {color: #363636; margin-bottom: 8px}
#content.international .casting, #content.international .ventesInter {font-weight: bold; font-weight: normal; font-size: .9em; color: #626262; line-height: 1.2em}
#content.international .casting, #content.international .ventesInter, #content.international synopsis{ letter-spacing:0.02em}
#content.international .casting strong, #content.international .ventesInter strong {display: block; color: #363636; line-height: 1.4em}
#content.actus {background: transparent url(fiche_bg.gif) no-repeat left bottom}
#content.actus .liste {background: transparent url(fiche_head_international.gif) no-repeat; padding-top: 3px}
#content.actus .liste .fond{ position:relative; background: transparent url(fiche_bg_fond.gif) repeat-y top left ; margin-top:65px; margin-bottom:10px}
#content.actus .actu {border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; padding: 20px; padding-bottom: 10px; position:relative; top:-65px}
#content.actus .sep {position: relative; border-bottom: 1px dotted #C2C2C2; height: 0; margin: 0 20px; position:relative; top:-65px}
#content.actus .actu .affiche {float: left; margin-right: 20px; width: 60px}
#content.actus .actu .media {float: right; margin-left: 10px}
#content.actus .actu h2, .actu h3 {color: #FA8200; margin-left: 80px}
#content.actus .actu h2 {font-size: 1.6em; line-height: 1em}
#content.actus .actu h3 {font-size: 1.3em; line-height: 1em; padding-bottom: .2em}
#content.actus .actu p, .actu em {color: #626262; font-weight: bold}
#content.actus .actu em {display: block; font-style: normal; font-size: 1.1em; line-height: 1em; padding-bottom: .2em; margin-left: 80px}
#content.actus .actu p {font-size: .9em; line-height: 1.4em; margin-left: 80px}
#content.actus a.buttonArrow{ margin-left:100px}
#content.actus .actu .supplinks {margin-top: 20px; margin-left: 80px}
#content.actus .actu .supplinks li a {display: block; float: none}
#content.contact {background: transparent url(fiche_bg.gif) no-repeat left bottom}
#content.contact #title {background: transparent url("fiche_head_contact.png") no-repeat; height: 182px; padding-bottom: 15px}
#content.contact #title h2 {color: #FA8200; font-size: 3em; height: 65px; line-height: 65px; margin: 0 20px}
#content.contact #infos {margin: 17px 22px}
#content.contact #infos p {font-weight: bold; font-size: 1.2em; line-height: 1.2em}
#content.contact #infos p strong {color: #FA8200}
#content.contact #infos p.left {float: left; width: 290px}
#contactform {position: relative; margin-top: -40px; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; height: 420px}
#contactform h3 {color: #363636; font-weight: bold; font-size: 1.2em; margin: 0 20px 20px}
#contactform ul {margin: 0 20px 20px}
#contactform li {line-height: 18px}
#contactform li.field, #contactform li.select {float: left; clear: left; width: 275px; margin-right: 25px; margin-bottom: 7px}
#contactform li.select {margin-bottom: 20px}
#contactform li.submit, #contactform #response {position: relative; clear: left; margin-left: 300px; margin-top: 5px}
#contactform li label {font-weight: bold; color: #6C6C6C}
#contactform li.field label, #contactform li.select label {float: left; clear: left; width: 90px}
#contactform li.message label {display: block; margin-bottom: 5px}
#contactform li.select select {width: 180px}
#contactform li.field input {width: 175px; border: 1px solid #C2C2C2; padding: 2px}
#contactform li.message textarea {width: 370px; height: 112px; border: 1px solid #C2C2C2}
#contactform li.submit input {width: 85px; height: 25px; line-height: 24px; background: #FFF url("contact_submit_bg.png") no-repeat; border: none; cursor: pointer; color: #fff; font-weight: bold; text-align: left; padding-left: 26px; padding-bottom: 3px}
#contactform #response p {color: #FA8200; font-size: 1.3em; font-weight: bold; margin: 10px 20px}
.fallbackPlayerImg{ width:100%}
#lightboxShadow{ position:absolute; z-index:-1; top:-30px; left:-30px; display:block}
#content.listefilms div.rescue h2 {font-size:2em; line-height:1.5em; display:block; color: #FA8200}
#content.listefilms div.rescue {line-height:1.5em; padding:2em}
#content.listefilms div.rescue form {margin-top:2em}
.lv_topButtons .lv_Wrapper.lv_topcloseButtonImage.alwayson{ margin-top:0px !important}
#column #actufilms.bloc{ background:none; padding:5px 0}
.dynamic #column #actufilms.bloc{ height:333px; overflow:hidden}
#actufilms .nett{ height:1px !important}
#actufilms-container {background:transparent url(column_bg.png) no-repeat scroll right bottom; min-height: 330px}
#prochainement, #alaffiche {background: transparent url(column_films_bg.png) no-repeat left 6px}
#actufilms-container .sorties {border-top: 1px dotted #C2C2C2; margin: 0 10px; padding: 5px 0}
#column #actufilms-container h3{ padding-left:0; height:34px; background: none; line-height:34px}
#actufilms-container #alaffiche h3{ }
#actufilms-container #prochainement h3{ top:7px}
#actufilms-container #prochainement h3.open{ top:-7px}
#actufilms-container h3 span{ position:relative; padding-left:10px}
#actufilms-container h3 span {width: 215px; color: #FFF; margin-bottom:-6px; line-height:34px; height:34px; background-position:left bottom; background-repeat:no-repeat; background: transparent url(column_headfilms_bg.png); color: #FFF}
#actufilms-container h3 span.open{ background: transparent url(column_headfilms_bg_on.png); color: #626262}
#actufilms-container h3.open span, #actufilms-container h3 span{ display:block}
#actufilms-container h3 span.open, #actufilms-container h3.open span.open{ display:none}
.dynamic #actufilms-container h3 span{ display:block}
.dynamic #actufilms-container h3 span.open{ display:none}
.dynamic #actufilms-container h3.open span{ display:none}
.dynamic #actufilms-container h3.open span.open{ display:block}
#prochainement .drawer-content.open{ padding-bottom:10px}
ul.drawers{ width:100%}
ul.drawers li{ width:100%; padding:0; margin:0; list-style: none}
h3.drawer-handle{ margin:0; cursor:pointer}
.drawer-content{ display:block}
.drawer-content.open{ display:block}
#actufilms-container .drawer-content{ margin-top: 13px}
ul.drawers li#prochainement{ }
body.dynamic ul.drawers li#prochainement {}
#lightview {position: absolute; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px; padding: 0}
.lv_Container {position: relative; width: 100%; height: 100%; background: none; padding: 0; margin: 0}
.lv_Button {cursor: pointer; text-decoration: none; border: none; background: none; margin: 0; padding: 0}
.lv_Sides {position: absolute; top: 50%; left: 0; clear: both; width: 100%; padding: 0; margin: 0}
.lv_Sides * {padding: 0; margin: 0}
.lv_Sides li {list-style-type: none; position: relative}
.lv_PrevSide {float: left}
.lv_NextSide {float: right}
.lv_Sides .lv_Wrapper {width: 100%; height: 100%; cursor: pointer}
.lv_Sides .lv_Button {float: left; background: none}
.lv_Frames {width: 100%; height: 100%; position: relative; padding: 0; margin: 0}
.lv_Frames li {list-style-type: none; margin: 0; padding: 0}
.lv_Frame {width: 100%; display: block}
.lv_Frame * {padding: 0; margin: 0}
.lv_FrameTop {position: absolute; left: 0; width: 100%; display: block}
.lv_FrameBottom {position: relative; float: left; clear: both}
.lv_Liquid {position: relative; float: left; width: 100%; overflow: hidden; clear: both}
.lv_Liquid .lv_Filler {position: absolute; height: 100%; width: 2px; top: 0; left: 50%}
.lv_Half {display: block; height: 100%; clear: both; line-height: 0px}
.lv_Half li {list-style-type: none}
.lv_Corner {float: left; position: relative}
.lv_CornerTr, .lv_CornerBr {float: right}
.lv_Fill {position: absolute; top: 0; width: 100%; height: 100%}
.lv_Half .lv_CornerWrapper {float: left; position: relative; width: 50%; height: 100%; overflow: hidden}
.lv_HalfRight .lv_CornerWrapper {float: right}
.lv_Corner {position: relative}
.lv_Corner canvas {position: relative}
.lv_HalfLeft .lv_Corner {float: left}
.lv_HalfRight .lv_Corner {position: relative; float: right}
.lv_Center {position: relative; clear: both; height: 100%; overflow: hidden; background: none; padding: 0; margin: 0}
.lv_WrapUp {position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapDown {position: relative; height: 100%; width: 100%; overflow: hidden; padding: 0; margin: 0}
.lv_WrapCenter {position: relative; padding: 0; margin: 0}
.lv_Loading {position: absolute; top: 50%; left: 50%}
.lv_Loading .lv_Button {float: left; height: 100%; width: 100%}
.lv_MediaWrapper {position: relative; width: 100%; display: block; overflow: hidden; clear: both; padding: 0; margin: 0}
.lv_MediaWrapper img {position: relative; float: left; padding: 0; margin: 0}
.lv_PrevNext {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0}
.lv_PrevNext * {padding: 0; margin: 0}
.lv_PrevNext .lv_Button {position: relative; height: 100%}
.lv_PrevButton {float: left}
.lv_NextButton {float: right}
.lv_MenuBar {clear: both; position: relative; width: 100%; float: left; font: 11px Arial, Helvetica, sans-serif; color: #808080; padding: 0; margin: 0}
.lv_MenuBar * {padding: 0; margin: 0}
.lv_MenuTop .lv_DataText div, .lv_MenuTop .lv_ImgNumber div {margin: 0; padding: 0}
#lightview .lv_MenuTop .lv_Close, #lightview .lv_MenuTop .lv_Data {margin: 0 0 6px 0}
.lv_Close, .lv_Data {margin: 6px 0 0 0}
.lv_Close {position: relative; float: right; overflow: hidden; width: 100%; height: 100%}
.lv_Data {position: relative; float: left; padding-bottom: 3px; line-height: 13px}
.lv_DataText div, .lv_ImgNumber div {margin-left: 3px}
.lv_Data li {list-style-type: none; float: left; margin-top: 3px}
.lv_DataText {width: 100%}
.lv_DataText .lv_Title {font-weight: bold; margin-bottom: 2px}
.lv_DataText .lv_Caption {clear: both}
.lv_Data .lv_ImgNumber {color: #b8b8b8; margin-right: 5px; margin-top: 5px}
.lv_Data .lv_innerPrevNext, .lv_Data .lv_Slideshow {position: relative; border-left: 1px solid #efefef; padding: 0 5px; margin-top: 5px; vertical-align: middle}
.lv_Data .lv_Slideshow {padding-right: 0px}
.lv_Data .lv_innerPrevNext .lv_Button, .lv_Data .lv_Slideshow .lv_Button {float: left; background-position: center left; background-repeat: no-repeat}
.lv_Media, .lv_External {position: relative; float: left; margin: 0; padding: 0}
#lightview iframe {border: 0; clear: both; padding: 0; margin: 0; background: none}
.lv_topButtons {position: absolute; left: 0; width: 100%; overflow: hidden; margin: 0; padding: 0}
.lv_topcloseButtonImage {cursor: pointer}
#lightviewError p {padding: 0 0 10px 0}
#lightviewError div {padding: 6px; font: 11px Arial, Helvetica, sans-serif}
#lightviewError .message {background: #fcb5b5; color: #dd1f1f; margin-bottom: 3px}
#lightviewError .type {font-weight: bold}
#lightviewError .pluginspage {background: #b5fcbd; color: #21be30}
#lightviewError a, #lightviewError a:hover, #lightviewError a:visited {color: #21be30; text-decoration: none; background: none; font-weight: bold; border-bottom: 1px solid #7de689}
#lightviewError p {margin-left: 0; padding: 0}
#overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%}
* html #lightview {position: absolute; margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px')}
html #overlay {position: absolute; height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' ); width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' )}
.lv_topButtons .lv_Wrapper{ float:right !important; padding-left:0 !important; padding-right:0 !important}
#content.media {float: none; width: 860px}
#content.media a {position: relative}
.dark #content.media {margin-left: 50px; margin-bottom: 10px}
#content.media h2 {color: #FA8200; font-size: 1.3em; margin: 10px 0 20px}
.dark #content.media h2 {margin-top: 25px}
#content.media h2 strong {font-size: 2.1em; letter-spacing:-1px; font-family:Helvetica,Arial,Verdana,sans-serif; padding-right: 10px}
#content.media #infos {float: left; width: 180px}
.dark #content.media #infos {margin-right: 35px}
#content.media h3, #content.media #infos em {display: block; font-size: 1.3em; line-height: 1.3em; font-style: normal; font-weight: bold; color: #626262; margin-bottom: 2px}
.dark #content.media h3, .dark #content.media #infos em {color: #fff}
#content.media #infos ul#mediaList {position: relative; margin-top: 7px; background: #FFF url(medialist_lightview_bg.png) no-repeat; width: 180px; height: 133px}
.dark #content.media #infos ul#mediaList {background-color: #000; background-image: url(medialist_bg.png)}
#content.media #infos ul#mediaList li ul {padding: 10px; position: absolute; left: 0; margin-top: 28px}
#content.media #infos ul#mediaList li ul li {margin: 5px 0}
#content.media #affiche {width: 175px; height: 280px}
#content.media #infos a#mediaVideo, #content.media #infos a#mediaPhoto {position: relative; top: 0; float: left; width: 90px; height: 28px; line-height: 28px; text-align: left; border-bottom: 1px solid #E1E1E1; color: #373737; background: transparent url(indent_medialist.gif) no-repeat 7px -56px; text-indent: 20px; font-weight: bold}
.dark #content.media #infos a#mediaVideo, .dark #content.media #infos a#mediaPhoto {border-bottom-color: #383838; color: #fff; background-position: 7px 0}
#content.media #infos a#mediaPhoto {width: 89px; float: right; border-left: 1px solid #E1E1E1}
.dark #content.media #infos a#mediaPhoto {border-left-color: #383838}
#content.media #infos a.on {background-position: 8px -28px !important; color: #FA8200 !important; text-indent: 23px !important}
#content.media #media-content {position: relative; float: right; width: 642px; float:none; right:0; position:absolute; top:46px}
#content.media #player {width: 640px; height: 390px; border: 1px solid transparent}
#content.media #player p {margin-top: 30px; color: #373737}
.dark #content.media #player p {color: #FFF}
#content.media #player a {color: #FA8200; font-weight: bold; font-size: 1.3em}
#content.media #media-content #photos {position: relative; height: 440px}
#content.media iframe {border: none}
#photos .mask {position: absolute; top: 0; left: 0; display: block; z-index: 24; cursor: pointer}
#selection {background-color: #000; position: relative; width: 640px; height: 300px}
.dark #selection {background-color: #fff}
#selection img {z-index: 10; display: block; margin: 0 auto}
#photos .mask {width: 640px; height: 5px; z-index: 15; background-image:transparent url(media_mask_wide_bg.png)}
.dark #photos .mask {background-image: url(media_mask_wide_dark_bg.png)}
#photos .mask.top{ background-position:top left}
#photos .mask.bottom{ top:295px; background-position:bottom left}
#content.media #mediascroll {height: 91px}
#content.media #mediascroll .mask {width: 105px; height: 66px; background: transparent url(media_mask_small_bg.png) no-repeat 0 0}
.dark #content.media #mediascroll .mask {background: transparent url(media_mask_small_dark_bg.png) no-repeat 0 0}
#content.media #mediascroll a {position: relative; display: block; vertical-align: top; top: 0; left: 0}
#content.media #mediascroll a:hover .mask {background-position: 0 -66px}
#content.media #mediascroll {position: relative; margin: 4px 0 0; width: 640px}
#content.media #mediascroll table {border-collapse: collapse; width: 100%}
#content.media #mediascroll td {vertical-align: top; padding-right: 2px; width: auto; height: 66px}
#content.media .buttonArrow {display: block; position: absolute; top: -3px; right: 0; background-position: 1px 5px}
#content.media #media-content ul.supplinks {position: absolute; width: 640px; margin-top: 10px}
#content.media #media-content ul.supplinks li {float: left; margin-right: 20px}
#content.media #media-content ul.supplinks li.right {float: right; margin-right: 0; margin-left: 20px}
#content.media #media-content ul.supplinks li a, #content.media #infos li li a {display: block; font-weight: bold; color: #6C6C6C; font-size: 0.9em; background: transparent url(indent_db.gif) no-repeat 0 0px; padding-left: 10px}
.dark #content.media #media-content ul.supplinks li a, .dark #content.media #infos li li a {color: #fff}
#content.media #media-content ul.supplinks li a {background-position: 0 2px}
#content.media #media-content ul.supplinks li a:hover, #content.media #infos li li a:hover, #content.media #infos li li.on a {background-position: 0 -111px !important; color: #FA8200 !important}
#content.media #media-content ul.supplinks li a:hover {background-position: 0 -109px !important}
#content.media .buttonArrow {}
.dark #content.media .buttonArrow {display: inline}
.posterblock {position: relative}
.hoverlinks {position: absolute; z-index: 25; top: 0; left: 0; background: transparent url(hoverlinks_bg.png) 0 0; display: none}
.hoverlinks a {background: transparent 0 0 no-repeat}
.posterblock:hover .hoverlinks, .posterblock.ieHover .hoverlinks {display: block; background: transparent url(hoverlinks_bg.png) 0 0}
.posterblock.wide:hover .hoverlinks.forceHide{ background:transparent}
.posterblock.wide:hover .hoverlinks.forceHide li{ display:none}
.posterblock.wide:hover .hoverlinks.forceHide li.nav{ display:block}
.hoverlinks li {display: block; position: relative; background-color: transparent}
.hoverlinks a {display: block; position: relative; color: #FFF; font-weight: bold; cursor: pointer}
.hoverlinks a:hover {color: #191919}
.posterblock.medium, .posterblock.medium .hoverlinks {width: 132px; height: 176px; float:left; margin:0 20px 14px 0}
.posterblock.medium .hoverlinks a {background-image: url(hoverlinks_medium_bg.png); margin: 5px 4px; margin-bottom: 0; width: 97px; height: 38px; line-height: 38px; padding-left: 27px}
.posterblock.medium .hoverlinks a:hover {background-position: 0 -38px !important}
.posterblock.medium span {display: block; position: absolute; width: 112px; top: 176px; left: 0; padding: 5px 10px 0; text-align: center; font-weight: bold; color: #626262; line-height: 1em; font-size: 0.9em}
#actufilms .posterblock.medium span, #listfilms .ACSliderMaskDiv .posterblock span{ top:170px}
.posterblock.large {width: 180px; height: 240px}
.posterblock.large .hoverlinks {padding-top: 5px; width: 180px; height: 235px}
.posterblock.large .hoverlinks a {background-image: url(hoverlinks_large_bg.png); margin: 5px 10px; margin-bottom: 0; width: 125px; height: 52px; line-height: 52px; padding-left: 35px}
.posterblock.large .hoverlinks a:hover {background-position: 0 -52px !important}
.posterblock.wide {z-index: 15; width: 640px; height: 300px}
.posterblock.wide .hoverlinks {z-index: 16; padding-top: 5px; width: 640px; height: 295px}
.posterblock.wide .hoverlinks li {z-index: 16; width: 290px !important; height: 148px !important; margin-left: 175px}
.posterblock.wide .hoverlinks a {z-index: 25; background-image: url(hoverlinks_wide_bg.png); margin-bottom: 5px; width: 184px; height: 142px; line-height: 154px; padding-left: 106px}
.posterblock.wide .hoverlinks a:hover {background-position: 0 -142px}
.posterblock.wide .hoverlinks .prev {float: left; left: 0}
.posterblock.wide .hoverlinks .prev a {background-image: url(hoverlinks_wide_prev_bg.png); margin-left: 5px; margin-right: 5px}
.posterblock.wide .hoverlinks .next {float: right; right: 0}
.posterblock.wide .hoverlinks .next a {background-image: url(hoverlinks_wide_next_bg.png); margin-right: 5px; margin-left: 5px}
.posterblock.wide .hoverlinks .nav {position: absolute; top: 5px; width: 175px !important; height: 290px !important; margin: 0}
.posterblock.wide .hoverlinks .nav a {width: 165px; height: 290px; padding-left: 0}
.posterblock.wide .hoverlinks .nav a:hover {background-position: 0 -290px}
.posterblock.wide em {position: absolute; z-index: 11; bottom: 12px; right: 12px; font-size: .9em; color: #fff; font-style: normal; font-weight: bold}
.scrollbox {overflow: auto; width: 900px; position: relative}
#home_timeline.scrollbox {width: 690px; height: 250px}
.scrollbox_content {position: relative; margin-right: 20px}
.scrollbox_scrollbar, .dark .home .scrollbox_scrollbar {background-color: #999; border-left: solid black 0; width: 100%; height: 20px; left:0; bottom:0; position:absolute; background: transparent url(track_bg.png) repeat-x; cursor:pointer}
.dark .scrollbox_scrollbar {background: #4A4A4A}
.scrollbox .button{ width: 25px; height:100%; bottom:0; position:absolute; cursor:pointer}
.scrollbox .prev_button, .dark .home .scrollbox .prev_button {background: transparent url(track_left.png) top right no-repeat; left:0}
.dark .scrollbox .prev_button {background-image: url(track_left_black.png)}
.scrollbox .next_button, .dark .home .scrollbox .next_button {background: transparent url(track_right.png) top left no-repeat; right:0}
.dark .scrollbox .next_button {background-image: url(track_right_black.png)}
.scrollbox .handle {position:absolute; height:100%; bottom:0; cursor:pointer; z-index:10; opacity:0.7; margin-left:2px}
.scrollbox .handle .cap {width: 20px; height: 100%; position: absolute; cursor: pointer}
.scrollbox .handle .leftcap {left:-6px; background: transparent url(track_handle_left.png) no-repeat top left}
.scrollbox .handle .rightcap {right:-7px; position:absolute; background: transparent url(track_handle_right.png) no-repeat top right}
.scrollbox .handle .track{ background: transparent url(track_handle.png) repeat-x; width:100%; margin:0; position:absolute}
div.scrollbox .posterblock {margin: 5px 15px 0}
div.scrollbox table.scrollcontent{ margin-bottom: 0}
div.scrollbox table.scrollcontent td{ vertical-align: top; height: 230px}
div.scrollbox table.scrollcontent td.scrollseparator {position:relative; height:100%; top: 0; width: auto}
div.scrollbox table.scrollcontent td.scrollseparator span.scrollbar_date{ display:none}
div.scrollbox table.scrollcontent div.date{ position:relative; border-left: 1px solid #C9C9C9; padding-top: 225px; padding-left: 10px; color: #FA8200; font-weight: bold; font-size: 0.9em}
div.scrollbox table.scrollcontent div.date span{ position:absolute; background: transparent url(indent2.gif) bottom left no-repeat; bottom:0; left: -1px; width:138px; padding-left: 10px}
div.scrollbox div.scrollbox_scrollbar div.date{ position:absolute; bottom:0; margin-bottom: 4px; font-size:8px}
.date_bar{ display:block; width:1px; padding:0 7px; background:transparent url(date_bar.gif) no-repeat scroll center center; text-indent:-9999px; color:#666666}
.date_text{ display:none; position:absolute; top:-25px; width:28px; text-align:center; left:-12px; font-size:10px; color:#fff; font-weight:bold}
.date.ieHover .date_text, .date:hover .date_text{ display:block; padding:3px 4px 7px 4px; background: transparent url(timeline_date.gif) bottom center no-repeat}
#actufilms .posterblock.slideritem {display:none; margin: 0; float:none}
#actufilms .posterblock.slideritem.active{ display: block; margin:0 auto 20px auto }
.dynamic #actufilms .posterblock.slideritem {display: block}
.dynamic .ACSlider{ position: relative; margin: 0 auto; padding: 0}
.dynamic #actufilms .ACSlider {height: auto; width: 132px}
.dynamic #actufilms .ACSlider.active {height:220px}
.dynamic #listfilms .ACSlider {height: 240px; width: 578px}
.ACSlider img {border: 0}
.dynamic .ACSliderMaskDiv {overflow: hidden; height:100%; position: relative}
#actufilms .ACSliderMaskDiv{ width:132px}
#listfilms .ACSliderMaskDiv{ margin:0 auto; width:522px}
.ACSliderMaskDiv ul {width: 9999px; position: absolute; margin: 0; padding: 0; top: 0}
.ACSliderMaskDiv ul a div {position: absolute; float: left; margin-right: 5px}
.ACSliderMaskDiv ul a div img {display: block; margin-bottom: 0}
.ACSliderMaskDiv ul a div canvas {display: block}
.ACSliderMaskDiv li {margin: 0; padding: 0; float: left; height: 228px; overflow:visible}
#actufilms .ACSliderMaskDiv li {width: 132px}
#listfilms .ACSliderMaskDiv li{ width:174px}
#listfilms .ACSliderMaskDiv .slideritem {height: 238px; margin:0; padding:0 7px; width: 538px}
#listfilms .ACSliderMaskDiv li div.posterblock {float: left; margin:23px 21px 0 21px}
#actufilms .ACSliderMaskDiv li li, #listfilms .ACSliderMaskDiv li li {height: auto; width: auto}
.ACSliderPageNav {position: absolute; height: 12px}
#listfilms .ACSliderPageNav {top: 0; left: 50%; margin-left: -24px; width: 100px}
#actufilms .ACSliderPageNav {top: -43px; width: 123px; left: 80px}
#prochainement .ACSliderPageNav {top: -44px; left:55px}
ul.ACSliderPageNav li {width:auto; display: block; float:left}
.ACSliderPageNav li a {display: block; float: left; width: 12px; height: 12px; margin-left: 0; background:transparent url(slider_nav.png) no-repeat scroll center top; overflow: hidden; text-indent: -99999px; cursor: pointer}
.ACSliderPageNav li a.active {background-position: center -12px}
.ACSliderPreviousArrow, .ACSliderNextArrow {overflow: hidden; position: absolute; cursor: pointer; width: 36px; height: 36px; text-indent:-9999px; top: 36%}
.ACSliderNextArrow {right: -10px; background: transparent url(slider_next.png) no-repeat scroll center top}
.ACSliderPreviousArrow {left: -15px; background: transparent url(slider_prev.png) no-repeat scroll center top}
#actufilms .ACSliderPreviousArrow, #actufilms .ACSliderNextArrow {top: 32%}
#actufilms .ACSliderPreviousArrow{ left:-38px}
#actufilms .ACSliderNextArrow {right: -40px}
.ACSliderMaskDiv span {padding-top: 15px !important; line-height: 1.4em !important}
.reflectImg{
-webkit-box-reflect: below 0px -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.7, transparent), to(rgba(255, 255, 255, 0.396094))) 0 0 0 0 stretch stretch;}