.zone-nivoslider {
    margin: 7px 0 10px 0;
}
.ep-colonne {
    margin-top: 0px;
    float: right;
    width: 270px;
    min-height: 400px;
    margin-left: 0px;
    padding: 0px 0px 0px 10px;
}
.ep-contenu {
    
    padding-right: 0px;
    min-height: 100%;
    _height: 100%;
    /* for IE6 */
    
    height: auto !important;
    height: 100%;
    width: 100%;
}
.ep-contenu ul {
    list-style: square;
}
a,
a:visited {
    /*text-decoration: underline; color:#444;*/
}
a:link {
    /*text-decoration: underline;*/
}
a:hover,
a:focus,
a:active {
    /*text-decoration: none; color:#888;*/
}
section img {
    max-width: 636px;
    margin-bottom: 10px;
}
section p {
    text-align: justify;
}
section {
    display: block;
}
section a,
section a:visited {
    text-decoration: underline;
}
section a:hover,
section a:active {
    text-decoration: none;
}
section ul,
section ol {
    padding: 10px 25px 10px 55px;
}
/* TITRES */

h1 {
    color: #122938;
    padding: 0;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
}
.div-fb {
    width: 100px;
    overflow: hidden;
    padding-top: 10px;
}
div.div-fb<p {
    display: block;
    align: right;
    margin: 0px;
}
.h1trait {
    background: #cccdce;
    margin: 20px 0 15px 0;
    height: 1px;
}
.TxtBasPage {
    background: #e3e150;
}
.ep-contenu-large {
    margin: 20px;
    padding-right: 0px;
    min-height: 100%;
    _height: 100%;
    /* for IE6 */
    
    height: auto !important;
    height: 100%;
}
/* image replacement */

.graphic,
#prevBtn,
#nextBtn,
#slider1prev,
#slider1next {
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    text-indent: -8000px;
}
/* // image replacement */
/* Easy Slider */

#sliderinfo ul,
#sliderinfo li,
#sliderinfo2 ul,
#sliderinfo2 li {
    margin: 0;
    margin-left: 0px;
    padding: 0;
    list-style: none;
}
#sliderinfo2 {
    margin-top: 1em;
}
#sliderinfo li,
#sliderinfo2 li {
    /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */
    
    width: 800px;
    height: 23px;
    overflow: hidden;
}
#prevBtn,
#nextBtn,
#sliderinfo1next,
#sliderinfo1prev {
    display: block;
    width: 30px;
    height: 77px;
    z-index: 1000;
}
#nextBtn,
#sliderinfo1next {
    left: 696px;
}
#prevBtn a,
#nextBtn a,
#sliderinfo1next a,
#sliderinfo1prev a {
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(/../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a,
#sliderinfo1next a {
    background: url(/../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */

ol#controls {
    margin: 1em 0;
    padding: 0;
    height: 28px;
}
ol#controls li {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}
ol#controls li a {
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #DAF3F8;
    color: #555;
    padding: 0 10px;
    text-decoration: none;
}
ol#controls li.current a {
    background: #5DC9E1;
    color: #fff;
}
ol#controls li a:focus,
#prevBtn a:focus,
#nextBtn a:focus {
    outline: none;
}
/* // Easy Slider */

.lof-slidecontent {
    position: relative;
}
.lof-slidecontent .preload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    text-align: center;
    background: #FFF
}
.lof-slidecontent .preload div {
    height: 100%;
    width: 100%;
}
.lof-slidecontent .sliders-wrapper {
    position: relative;
    height: 100%;
    width: 900px;
    z-index: 3px;
    overflow: hidden;
}
.lof-slidecontent ul.sliders-wrap-inner {
    overflow: hidden;
    padding: 0px;
    margin: 0;
    position: absolute;
    overflow: hidden;
}
.lof-slidecontent ul.sliders-wrap-inner li {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    float: left;
    position: relative;
}
.lof-slidecontent .lof-opacity {
    width: 100%;
    height: 100%;
}
.lof-slidecontent .lof-opacity li {
    position: absolute!important;
    top: 0;
    left: 0;
    float: inherit!important;
}
.lof-slidecontent .navigator-content {
    position: absolute;
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px 5px 5px 5px;
    bottom: 10px;
    padding: 0px 15px;
    position: absolute;
    top: 330px;
    height: 30px;
    overflow: hidden;
    right: 40%;
}
.lof-slidecontent .navigator-wrapper {
    z-index: 10;
    overflow: hidden;
    color: #666;
}
.lof-slidecontent ul.navigator-wrap-inner {
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}
.lof-slidecontent ul.navigator-wrap-inner li {
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    float: left;
    display: block;
    text-align: center;
}
/*******************************************************/

ul.sliders-wrap-inner li img {
    padding: 0px;
}
.lof-slidecontent .slider-description > div {
    padding: 12px;
}
.lof-slidecontent .slider-description a.readmore {
    color: #fcb900;
    font-size: 100%;
    display: bloc;
    position: absolute;
    top: 290px;
    right: 70px;
}
.lof-slidecontent .slider-description a {
    color: #FFF;
}
.lof-slidecontent .slider-description {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0px;
    width: 290px;
    background: url(../images/fd_infoune.jpg);
    color: #fff;
}
.lof-slidecontent .slider-description h4 {
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}
.lof-slidecontent .slider-description .slider-meta a {
    margin: 0;
    background: #fcb900;
    font-size: 75%;
    padding: 2px 3px;
    font-family: 'MyriadPro-Regular', Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none
}
.lof-slidecontent .item-meta a:hover {
    text-decoration: underline;
}
.lof-slidecontent .item-meta i {
    font-size: 70%;
}
/* item navigator */

.navigator-wrapper {
    color: #666;
    overflow: hidden;
    z-index: 100;
    float: right;
}
.navigator-wrap-inner {
    top: 0;
    padding: 0;
    margin: 0;
}
.lof-slidecontent ul.navigator-wrap-inner li {
    cursor: hand;
    cursor: pointer;
    list-style: none;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
    height: 17px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: url(../images/fd_numslide.png) 6px 5px no-repeat;
    float: left;
    display: block;
    text-align: center;
}
.lof-slidecontent ul.navigator-wrap-inner li span {
    display: block;
    padding: 10px;
    position: relative;
    line-height: 0.5em
}
.lof-slidecontent ul.navigator-wrap-inner li.active,
.lof-slidecontent ul.navigator-wrap-inner li:hover {
    /*background:#FFF;*/
    
    opacity: 1;
    filter: alpha(opacity=100);
    color: #666;
    display: block;
    -moz-transition: background-color 0.8s
}
#jsliderbuttons {
    position: absolute;
    z-index: 10000;
    margin-top: 285px;
    visibility: hidden;
}
.lof-slidecontent .button-next {
    position: absolute;
    margin-left: 930px;
    cursor: pointer;
    width: 35px;
    height: 36px;
    background: url(../images/btnext.png) no-repeat right center;
}
.lof-slidecontent .button-previous {
    cursor: pointer;
    width: 35px;
    position: absolute;
    margin-left: 15px;
    height: 36px;
    background: url(../images/btprev.png) no-repeat left center;
}
/* Base code for menu*/

div.epmenu {
    /*background:url(../images/sep-menu.jpg) no-repeat 0px 12px;*/
    
    color: #1e3f51;
    position: relative;
    z-index: 80;
    height: 50px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-weight: normal;
    line-height: 125%;
    float: left;
    /*overflow:hidden;*/
}
div .epsousmenu {
    z-index: 50;
    visibility: hidden;
    position: inherit;
    display: block;
    margin: -35px 0 0 3px;
    padding: 0px 0px 5px 0px;
    position: absolute;
    background: url(../images/fd_ssmenu.png) top left no-repeat;
}
.epmenu:hover {
    /*z-index: 50;*/
}
div.epmenu .label,
.epmenu .label-on {
    display: block;
    height: 50px;
    z-index: 80;
    width: 161px;
    text-align: center;
    font-size: 15px;
    color: #7f2216;
    cursor: pointer;
    text-decoration: none;
    padding: 14px 15px 0px 3px;
    background: url(../images/fdbt.png) no-repeat top left;
    margin-right: 0px;
    text-transform: uppercase;
}
div.epmenu:hover .label {
    background: url(../images/fdbton.png) no-repeat top left;
    font-size: 16px;
}
.epmenu .label-on {
    background: url(../images/fdbton.png) no-repeat top left;
    color: #7f2216;
    font-size: 16px;
}
.epsousmenu ul {
    display: block;
    margin-top: 20px;
}
div.epsousmenu ul a {
    text-decoration: none;
    display: block;
    margin: 0 0 0 -10px;
    ;
    height: 21px;
    padding: 9px 0 0 20px;
    text-align: left;
    font-size: 14px;
    width: 130px;
    font-family: 'dinbek', Helvetica, arial;
    color: #1e3f51;
    background: url(../images/fd_lissmenu.png) top left repeat-y;
}
div.epsousmenu ul a:hover {
    background: url(../images/fd_lissmenuon.png) top left repeat-y;
    color: #fff;
}
.msidentif {
    background: #8e8ec6;
    padding-left: 10px;
    font-size: 11px;
    width: 190px;
    color: #FFF;
    margin-left: 0px;
    height: 48px;
    display: block;
    padding-top: 15px;
    margin-top: -9px;
}
.epsousmenu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    /*z-index: 55;*/
}
/* .epsousmenu ul a:hover, .epmenu ul a:focus{ background-color: #fff; color: #444; visibility: visible; overflow: visible; /*z-index: 55;*/
}
div.epmenu:hover ul a,
div.epmenu ul a:focus {
    /*z-index: 55; */
    
    padding: 5px 5px 5px 15px;
    border-style: solid;
    border-color: #00FF00;
    border-width: 0 0px 0px 0px;
}
*/ .epmenuhaut {
    position: absolute;
    width: 920px;
    padding: 10px 20px;
    left: 50%;
    margin-left: -480px;
    text-align: right;
    font-size: 11px;
}
.epmenuhaut .premier,
.epmenuhaut .premier a {
    background: none;
    padding-left: 0px;
}
.epmenuhaut a {
    color: #373c41;
    text-decoration: none;
    padding-left: 20px;
    margin-left: 20px;
    height: 10px;
    background: url(../images/trait-vert-haut.png) center left no-repeat;
}
.epmenuhaut a:hover {
    color: #016d4c;
}
.moteurRecherche {
    position: absolute;
    top: 35px;
    left: 425px;
}
.moteurRecherche #motRecherche {
    background: #fff url(../images/fd_mot.jpg) top left no-repeat;
    border: 0px solid #666;
    width: 174px;
    height: 17px;
    float: left;
    margin: 2px 6px 0 0;
    color: #666;
    font-size: 10px;
    padding: 2px;
}
.moteurRecherche #okRecherche {
    background: url(../images/bt-search.png) top left no-repeat;
    width: 24px;
    height: 24px;
    border: 0px solid;
}
.zone-resa-box {
    border: 1px solid #fff;
    position: relative;
    width: 740px;
    height: 570px;
    background: #fff;
    background: url(../images/fdresa.png) top left repeat-x;
    text-align: left;
}
.pictoplace {
    background: url(../images/pictoplace.png) top left no-repeat;
    height: 25px;
    width: 16px;
    margin-left: 10px
}
.pictoconf {
    background: url(../images/conf.png) top left no-repeat;
    height: 34px;
    width: 34px;
}
.panier_img_prod {
    max-width: 50px;
    max-height: 35px;
}
.resa_titre_seance {
    background: url(../images/ticket.png) top left no-repeat;
    height: 51px;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 50px;
    padding-top: 7px;
    line-height: 20px;
    margin-bottom: 5px;
    font-family: 'dinpro-bold', Helvetica, arial;
    color: #fda800;
    display: inline-block;
    margin-top:
}
.resa_ajout {
    position: absolute;
    right: 10px;
    width: 210px;
    padding-left: 30px;
    background: url(../images/plus1.png) top left no-repeat;
    color: #fff;
    font-size: 11px;
    margin-top: 16px;
    line-height: 15px;
}
.resa_contenu {
    margin: 10px;
}
.panier_total {
    background: url(../images/fd_zt2.png) top right repeat-x;
    height: 27px;
    color: #122938;
    padding: 6px 30px 0 10px;
    text-align: right;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
}
.tab_panier {
    width: 100%;
    margin-top: -1px;
}
.tab_panier thead tr th {
    color: #1f4562;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 12px;
    padding: 7px 5px 7px 5px;
    font-weight: normal;
    text-align: right;
    border-top: solid 1px #ccc;
}
.tab_panier tbody tr td {
    padding: 5px;
    border-top: solid 1px #ccc;
}
.tab_panier tbody tr td input {
    padding: 2px;
    border: 1px #ccc;
}
.seance_resa {
    font-size: 14px;
    margin-top: 3px;
    display: block;
}
.resa_ajout .seance_resa {
    font-size: 11px;
}
a.seance_resa:hover,
a.seance_resa_off:hover {
    text-decoration: none;
    cursor: pointer;
    color: #fda800;
}
.zone-resa-close {
    cursor: pointer;
    width: 19px;
    height: 21px;
    position: absolute;
    top: 8px;
    right: 5px;
    background-image: url(../images/btclose2.png);
}
.zone-resa-box h1 {
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 16px;
    text-transform: uppercase;
    padding-left: 50px;
    background: none;
    line-height: 33px;
    margin-bottom: 15px;
}
.zone-resa-box .picto {
    background: url(../images/ticket.png) top left no-repeat;
    position: absolute;
    margin-top: -23px;
    margin-left: 7px;
    width: 38px;
    height: 51px;
}
.zone-resa-box .detailseance {
    position: absolute;
    top: 6px;
    right: 40px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 14px;
}
.zone-resa-action {
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-transform: uppercase;
    background: url(../images/fd-btresa1.jpg);
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}
.zone-resa-action:hover {
    background: url(../images/fd-btresa.jpg);
    color: #000812;
}
.zone-resa-action-end {
    text-decoration: none;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-transform: uppercase;
    background: url(../images/fd-btresa1.jpg);
    padding: 5px 20px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
.zone-resa-action-end:hover {
    background: url(../images/fd-btresa.jpg);
    color: #000812;
}
.tarif_line {
    width: 584px;
    height: 28px;
    overflow: hidden;
    position: relative;
    /*border-bottom:solid 1px #ccc;*/
    
    font-size: 11px;
}
.tarif_line .nom {
    padding-top: 4px;
    color: #fbb900;
    font-weight: bold;
    width: 140px;
    height: 21px;
    display: block;
    overflow: hidden;
    position: absolute;
}
.tarif_line .prix {
    padding-top: 4px;
    color: #fff;
    margin-left: 152px;
    width: 30px;
    height: 21px;
    display: block;
    overflow: hidden;
    text-align: right;
    position: absolute;
}
.tarif_line .qte {
    width: 65px;
    height: 21px;
    padding: 2px 0;
    display: block;
    overflow: hidden;
    margin-left: 195px;
    position: absolute;
}
.tarif_line .detail {
    width: 322px;
    height: 25px;
    display: block;
    overflow: hidden;
    color: #fff;
    line-height: 12px;
    margin-left: 248px;
    padding: 0;
    position: absolute;
}
.tarif_line select {
    border: solid 1px #aaa;
    border-radius: 2px;
}
.zone-resa-tarifs {
    background: url(../images/resa-tplace.png) top left no-repeat;
    padding: 35px 0px 0px 0px;
    margin-left: 20px;
    overflow: hidden;
}
.zone-resa-tarifs .liste-tarifs {
    margin-left: 130px;
    margin-top: -2px;
}
.zone-resa-bonbek {
    clear: both;
    margin-top: 20px;
    background: url(../images/resa-tconf.png) 20px 0 no-repeat;
    padding: 30px 0px 0px 0px;
    margin-left: 0px;
    overflow: hidden;
}
#panier-bottomtoolbar {
    position: relative;
    margin-top: 15px;
    margin-right: 10px;
}
#panier-update {
    float: left;
}
#panier-default {
    float: left;
    margin-left: 10px;
}
#panier-next {
    float: right;
}
.form-login input {
    display: block;
    float: left;
    border: solid 1px #aaa;
    padding: 2px;
    border-radius: 4px;
    margin-top: 6px;
    width: 200px;
}
.form-login label {
    display: block;
    width: 90px;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    clear: left;
}
.form-login {
    width: 340px;
    margin-left: auto;
    margin-right: auto;
}
#panier-conn-compte {
    clear: both;
}
.tab_panier input {
    width: 20px;
    text-align: center;
}
.tab_panier a.btmoins,
.tab_panier a.btplus {
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: none;
    color: black;
    background-color: #FBBA00;
}
.tab_panier a.btmoins {
    padding: 0 6px;
}
.tab_panier a.btplus {
    padding: 0 5px;
}
.btinactif {
    background-color: #DFDFDF;
    border-radius: 4px 4px 4px 4px;
    cursor: default;
    padding: 5px 10px;
    color: #cbcbcb;
}
.zone-resa-tool {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.zone-resa-tool .buttons {
    height: 40px;
    line-height: 40px;
    width: 96%;
    padding: 0 2%;
    text-align: center;
}
.zone-resa-tool .msg {
    display: none;
    poition: abolute;
    top: 0;
    width: 96%;
    color: #fbb900;
    text-align: center;
}
.zone-resa-bonbek-content {
    width: 100%;
    text-align: center;
    height: 195px;
}
.seance_resa_off {
    color: #bbb;
    font-size: 14px;
    margin-top: 3px;
    display: block;
}
.seance_resa_off:hover {
    text-decoration: none;
}
.lunette_3d {
    clear: both;
    background: #0b1b28 url(../images/fd-zconf2.jpg) top left repeat-x;
    margin: 10px 25px 0 47px;
    padding: 5px;
    line-height: 25px;
    border-radius: 8px;
    height: 30px;
    color: #fff;
    overflow: hidden;
}
.lunette_3d img {
    float: left;
    display: block;
    position: absolute;
    margin-top: -8px;
    overflow: hidden;
    /*margin-bottom:5px;*/
}
.lunette_3d .nom {
    margin-left: 100px;
    width: 143px;
    display: block;
    float: left;
}
.lunette_3d .prix {
    display: block;
    float: left;
    width: 50px;
}
.lunette_3d select {
    border: solid 1px #aaa;
    border-radius: 2px;
}
.lunette_3d .qte {
    display: block;
    float: left;
}
.zone-resa-info {
    background-image: url(../images/bulle_info.png);
    background-repeat: no-repeat;
    padding-left: 17px;
    color: #fbb900;
    background-position: 0 3px;
    margin: 10px 25px 0 0;
    font-size: 11px;
    float: right;
    font-style: italic;
}
.asterisque {
    color: #1F4562;
    font-style: italic;
    margin: 10px 0;
}
.zone-resa-bonbek-msg {
    color: #507588;
    font-size: 12px;
    margin: 0 0 10px 50px;
}
.bouton-plus {
    cursor: pointer;
    height: 20px;
    display: block;
    font-size: 10px;
    font-family: 'dinpro-bold', Helvetica, Arial;
    background: url(info.png) top left no-repeat;
    padding: 3px 0 0 27px;
    text-transform: uppercase;
    text-decoration: none;
    color: #122938;
    font-weight: normal;
}
.bouton-plus a,
.bouton-plus a:link,
.bouton-plus a:visited {
    display: block;
    text-decoration: none;
    color: #122938;
}
.bouton-plus:hover {
    background: url(info.png) top left no-repeat;
    color: #fff;
}
.bouton-plus2 {
    cursor: pointer;
    height: 20px;
    display: block;
    font-size: 14px;
    font-family: 'dinpro-bold', Helvetica, Arial;
    background: url(../images/plus1.png) top left no-repeat;
    padding: 0 0 0 27px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fda800;
    font-weight: normal;
}
.bouton-plus2 a,
.bouton-plus2 a:link,
.bouton-plus2 a:visited {
    display: block;
    text-decoration: none;
    color: #122938;
}
.bouton-plus2:hover {
    color: #fff;
}
.bouton-video {
    height: 20px;
    display: block;
    cursor: pointer;
    font-size: 10px;
    font-family: 'dinpro-bold', Helvetica, Arial;
    background: url(../images/flech0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
}
.bouton-video:hover {
    background: url(../images/flech2.png) top left no-repeat;
    color: #fff;
}
.bouton-achat {
    height: 20px;
    display: block;
    font-size: 10px;
    font-family: 'dinpro-bold', Helvetica, Arial;
    background: url(acheter.png) top left no-repeat;
    padding: 3px 0 0 27px;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    color: #122938;
    cursor: pointer;
}
.bouton-achat a,
.bouton-achat a:link,
.bouton-achat a:visited {
    display: block;
    text-decoration: none;
    color: #122938;
}
.bouton-achat:hover {
    background: url(acheter.png) top left no-repeat;
    color: #fff;
}
#btcompte {
    background: url(../images/btcompte1.png) no-repeat top left;
    position: absolute;
    width: 91px;
    height: 91px;
    margin-left: 770px;
    margin-top: -5px;
    cursor: pointer
}
#btcompte:hover {
    background: url(../images/btcompte2.png) no-repeat top left;
}
#btresa {
    background: url(../images/btresa1.png) no-repeat top left;
    position: absolute;
    width: 100px;
    height: 91px;
    margin-left: 870px;
    margin-top: -5px;
    cursor: pointer;
}
#btresa:hover {
    background: url(../images/btresa2.png) no-repeat top left;
}
.btstandard {
    background-color: #FDB000;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    padding: 5px 10px;
}
.epbxslider3 {
    margin: 0;
    width: 650px;
}
.epbxslider3 .epbxslide {
    position: relative;
    width: 218px;
    padding: 0px;
    margin: 0;
    overflow: hidden;
    margin-right: 0px;
}
.tpartbx {
    color: #924a7d;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
}
.separbx {
    height: 1px;
    background: #666;
    margin-bottom: 20px;
}
.epbxslider3 .epbxZcontenu {
    background: #183344 url(../images/fd-zconf1.jpg) top left repeat-x;
    width: 196px;
    border-radius: 12px;
    height: 170px;
    padding: 7px;
    color: #fff;
    margin: 0;
    text-align: left;
}
.epbxslider3 .epbxZcontenu:hover {
    background: #0b1b28 url(../images/fd-zconf.jpg) top left repeat-x;
}
.epbxslider3 .bouton {
    position: absolute;
    background: url(../images/plus.png) 0 0px no-repeat;
    color: #fff;
    margin-top: 245px;
    margin-left: 115px;
    height: 30px;
    padding-left: 20px;
    z-index: 1000;
    font-family: 'MyriadProBold';
    font-size: 12px;
    cursor: pointer;
}
.epbxslider3 .epbxslide .titre {
    font-size: 12px;
    font-weight: bold;
    font-family: 'dinbek', Helvetica, arial, sans-serif;
    padding: 0px;
    margin: 0px 0 0 0;
}
.epbxslider3 .epbxslide .activite {
    font-size: 13px;
    font-family: 'MyriadProBold';
    color: #11438f;
    padding: 0px;
    margin: 2px 0 2px 0;
}
.epbxslider3 .epbxslide .imgslide {
    min-width: 170px;
    max-height: 129px;
    padding: 0;
}
.epbxslider3 .epbxslide img {
    width: 196px;
    max-height: 90px;
    padding: 0;
    border-radius: 10px 10px 0 0px;
}
.epbxslider3 .epbxslide .texte {
    margin: 0;
    font-size: 11px;
    width: 150px;
    line-height: 14px;
    color: #91aebd;
    font-family: 'dinbek', Helvetica, arial, sans-serif;
}
.epbxslider3 .epbxslide .prix {
    position: absolute;
    bottom: 7px;
    font-size: 12px;
}
.epbxslider3 .epbxslide .qte {
    position: absolute;
    bottom: 8px;
    right: 15px;
    font-size: 10px;
}
.bx-prev {
    display: block;
    position: absolute;
    z-index: 500;
    cursor: pointer;
    color: white;
    margin-left: -35px;
    margin-top: -150px;
    height: 114px;
    width: 28px;
    /*background: url(../images/conf_arrow_left.png) no-repeat;*/
}
.bx-next {
    color: white;
    z-index: 500;
    display: block;
    position: absolute;
    cursor: pointer;
    margin-left: 658px;
    margin-top: -150px;
    height: 114px;
    width: 28px;
    /*background: url(../images/conf_arrow_right.png) no-repeat;*/
}
.epbxslider3prev {
    position: absolute;
    z-index: 500;
    cursor: pointer;
    color: white;
    margin-left: -2px;
    margin-top: 50px;
    height: 23px;
    width: 22px;
    background: url(../images/bxpre.png) no-repeat;
}
.epbxslider3prev:hover {
    background: url(../images/bxpre.png) no-repeat;
}
.epbxslider3next {
    color: white;
    z-index: 500;
    position: absolute;
    cursor: pointer;
    margin-left: 680px;
    margin-top: 50px;
    height: 23px;
    width: 22px;
    background: url(../images/bxnext.png) no-repeat;
}
.epbxslider3next:hover {
    background: url(../images/bxnext.png) no-repeat;
}
.chemin {
    background: url(../images/t_path.png) top left no-repeat;
    padding: 10px 0 0 53px;
    position: absolute;
    font-size: 12px;
    top: 141px;
    height: 24px;
    z-index: 30;
    width: 900px;
}
.chemin .Chemin-un {
    background: none;
    padding-left: 0;
}
.chemin a,
.chemin a:visited {
    display: inline-block;
    background: url(../images/flchemin.png) center left no-repeat;
    padding-left: 12px;
    margin-right: 5px;
    color: #7f2216;
    text-decoration: none;
    text-transform: uppercase;
}
.chemin a:hover,
.chemin a:focus {
    text-decoration: underline;
    color: #000812;
}
#infoune {
    background: url(../images/t_info.png) top left no-repeat;
    padding: 8px 0 0 68px;
    position: absolute;
    top: 141px;
    height: 26px;
    width: 800px;
    z-index: 30;
    color: #7f2216;
}
.EpForm {
    width: 600px;
    background: #000812 url(../images/fd_zb.jpg) bottom left repeat-x;
    overflow: hidden;
    padding: 15px;
    height: 230px;
    border-radius: 8px;
}
.EpForm input {
    width: 290px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #cdcccc;
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
    background: #fff;
}
.EpForm textarea {
    margin-top: -120px;
    float: right;
    width: 250px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #cdcccc;
    color: #666;
    font-size: 13px;
    height: 135px;
    background: #fff;
}
.EpForm #btok {
    cursor: pointer;
    width: 120px;
    height: 24px;
    background: #666 url(../images/fdtetvideo.png) top left repeat-x;
    padding: 2px 0 0 8px;
    font-weight: bold;
    color: #fff;
    float: right;
    border: 0px;
    text-align: center;
    border-radius: 5px;
}
.EpForm .captcha {
    width: 600px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #fff;
}
.EpForm .captcha img {
    margin: 0px;
}
.formuser-box {
    background-color: white;
    width: 450px;
    height: 357px;
    padding: 15px;
    text-align: left;
    position: relative;
}
.formlostmdp-box {
    background-color: white;
    height: 230px;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 355px;
}
#formuser {
    width: 360px;
    margin: auto;
    margin-top: 20px;
}
#formuser input,
#formuser textarea,
#formuser select {
    display: block;
    float: left;
    border: solid 1px #AAA;
    padding: 2px;
    border-radius: 4px;
    margin-top: 6px;
    width: 210px;
}
#formuser label {
    float: left;
    width: 130px;
    margin-top: 6px;
    clear: left;
}
#formuservalid {
    margin-top: 20px;
}
.popup-close {
    cursor: pointer;
    width: 29px;
    height: 29px;
    position: absolute;
    top: -14px;
    right: -14px;
    background-image: url(../images/bullecroix.png);
}
.required-error {
    border-color: red;
}
#formlostmdp-msg {
    color: red;
    margin: 10px 0;
}
.thtexte {
    margin-bottom: 10px;
    margin-top: 15px;
}
.info {
    overflow: hidden;
    margin: 12px 0px 0 0;
    line-height: 16px;
    display: block;
    position: relative;
    text-align: justify;
}
.info .Titre {
    display: block;
    font-family: 'dinpro-bold';
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 10px 0;
    color: #122938;
}
.info .Agenda {
    font-weight: bolder;
    font-size: 11px;
}
.info .Actif {} .info .DateDebut {} .info .DateFin {} .info .Ordre {} .info .Lien {
    display: block;
    float: right;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    font-size: 10px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-decoration: none;
    background: url(../images/flech0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.info .Lien:hover,
.info .Lien:active {
    background: url(../images/flech1.png) top left no-repeat;
}
.info .Lien:visited {
    text-decoration: none;
}
.info .Image {
    max-width: 170px;
    max-height: 130px;
    box-shadow: 5px 5px 5px #aaa;
    float: left;
    margin: 2px 20px 5px 0px;
}
.info .Entete {
    margin-top: 10px;
}
.info .Entete a,
.info .Entete a:visited {
    color: #122938;
    text-decoration: underline;
}
.info .Entete a:hover,
.info .Entete a:active {
    color: #122938;
    text-decoration: none;
}
.info .Entete p {
    margin: 0;
    padding: 0px;
}
.info .Texte {
    margin: 0;
}
.info .Texte a,
.info .Texte a:visited {
    color: #122938;
    text-decoration: underline;
}
.info .Texte a:hover,
.info .Texte a:active {
    color: #122938;
    text-decoration: none;
}
.info .Document {
    display: block;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-decoration: none;
    background: url(../images/doc0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.info .Document:hover {
    background: url(../images/doc2.png) top left no-repeat;
}
.info .bouton-video {
    display: block;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-decoration: none;
    background: url(../images/doc0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.info .bouton-video:hover {
    background: url(../images/doc2.png) top left no-repeat;
}
.info .TitreDocument {} .info .Document2 {} .info .TitreDocument2 {} .info .Document3 {} .info .TitreDocument3 {} .info .Video {
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.info .VideoW {} .info .VideoH {} .info .Detail {
    display: none;
    margin: 0;
}
.info .BtSuite {
    float: right;
    margin: 10px 15px 0px 0;
    height: 25px;
    font-size: 10px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-transform: uppercase;
}
.info .Suite {
    display: block;
    float: left;
    height: 25px;
    text-decoration: none;
    background: url(../images/flech20.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.info .Suite:hover {
    float: left;
    background: url(../images/flech22.png) top left no-repeat;
}
.info .BtFermer {
    float: right;
    margin: 10px 15px 0px 0;
    font-size: 10px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, arial;
    text-transform: uppercase;
}
.info .Fermer {
    float: left;
    height: 25px;
    text-decoration: none;
    background: url(../images/flech30.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.info .Fermer:hover {
    float: left;
    background: url(../images/flech32.png) top left no-repeat;
}
.infocolonne {
    overflow: hidden;
    margin: 0px 0px 0 0;
    line-height: 16px;
    display: block;
    position: relative;
    text-align: justify;
}
.infocolonne .Titre {
    font-size: 14px;
    font-family: 'dinpro-bold';
    font-weight: normal;
    color: #002535;
}
.infocolonne .Agenda {
    font-weight: bolder;
    font-size: 11px;
}
.infocolonne .Actif {} .infocolonne .DateDebut {} .infocolonne .DateFin {} .infocolonne .Ordre {} .infocolonne .Lien {
    display: block;
    float: right;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    font-size: 10px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, Arial;
    text-decoration: none;
    background: url(../images/flech0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.infocolonne .Lien:hover,
.infocolonne .Lien:active {
    background: url(../images/flech1.png) top left no-repeat;
}
.infocolonne .Lien:visited {
    text-decoration: none;
}
.infocolonne .Zaffiche {
    width: 240px;
    margin-bottom: 20px;
}
.infocolonne .Image {
    max-width: 230px;
    max-height: 230px;
    box-shadow: 5px 5px 5px #aaa;
    margin: 2px 20px 10px 0px;
}
.infocolonne .Entete a,
.infocolonne .Entete a:visited {
    color: #444;
    text-decoration: underline;
}
.infocolonne .Entete a:hover,
.infocolonne .Entete a:active {
    color: #444;
    text-decoration: none;
}
.infocolonne .Entete p {
    margin: 0;
    padding: 0px;
}
.infocolonne .Texte {
    margin: 0;
}
.infocolonne .Texte a,
.infocolonne .Texte a:visited {
    color: #444;
    text-decoration: underline;
}
.infocolonne .Texte a:hover,
.infocolonne .Texte a:active {
    color: #444;
    text-decoration: none;
}
.infocolonne .Document {
    display: block;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, Arial;
    text-decoration: none;
    background: url(../images/doc0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.infocolonne .Document:hover {
    background: url(../images/doc2.png) top left no-repeat;
}
.infocolonne .bouton-video {
    display: block;
    float: right;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 15px 0px 0;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, Arial;
    text-decoration: none;
    background: url(../images/doc0.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.infocolonne .bouton-video:hover {
    background: url(../images/doc2.png) top left no-repeat;
}
.infocolonne .TitreDocument {} .infocolonne .Document2 {} .infocolonne .TitreDocument2 {} .infocolonne .Document3 {} .infocolonne .TitreDocument3 {} .infocolonne .Video {} .infocolonne .VideoW {} .infocolonne .VideoH {} .infocolonne .Detail {
    display: none;
    margin: 0;
}
.infocolonne .BtSuite {
    float: right;
    margin: 10px 15px 0px 0;
    height: 25px;
    font-size: 10px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, Arial;
    text-transform: uppercase;
}
.infocolonne .Suite {
    display: block;
    float: left;
    height: 25px;
    text-decoration: none;
    background: url(../images/flech20.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.infocolonne .Suite:hover {
    float: left;
    background: url(../images/flech22.png) top left no-repeat;
}
.infocolonne .BtFermer {
    float: right;
    margin: 10px 15px 0px 0;
    font-size: 10px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'dinpro-bold', Helvetica, Arial;
    text-transform: uppercase;
}
.infocolonne .Fermer {
    float: left;
    height: 25px;
    text-decoration: none;
    background: url(../images/flech30.png) top left no-repeat;
    padding: 3px 0 0 27px;
    color: #122938;
}
.infocolonne .Fermer:hover {
    float: left;
    background: url(../images/flech32.png) top left no-repeat;
}
.infodefil {
    padding-bottom: 4px;
    font-size: 14px;
    color: #7f2216;
    line-height: 20px;
    margin: 0;
    text-decoration: none;
}
.infodefil .Lien {
    text-decoration: none;
    color: #7f2216;
}
.infodefil .Lien:hover,
.infodefil .Lien:active {
    color: #444;
    text-decoration: none;
}
.infodefil .Lien:visited {
    text-decoration: none;
}
.Films {
    float: left;
    margin: 10px;
    width: 22%;
    overflow: hidden;
    height: 250px;
}
.Films .Zaffiche {
    width: 100%;
    height: 250px;
    overflow: hidden; 
}
.Films .affiche {
    /*width: 190px;*/
}
.Films .affiche2 {
    /*width: 190px;*/
}
.ZFilmUne {
    background-color: #000 ;
    min-height: 350px;
    overflow: hidden;
}
.FondFilmOn {
    display: none;
    background: url(../images/fd_filmon.png) bottom left no-repeat;
    /*height: 274px;*/
    width: 214px;
    overflow: hidden;
    position: absolute;
    margin-top: -11px;
    margin-left: -12px;
}
.detailFilm {
    display: none;
    height: 85px;
    /*width: 190px;*/
    position: relative;
    background: url(fontfilm.png) top left repeat-x;
    margin-top: -84px;
}
.loading {
    position: absolute;
    width: 190px;
    height: 250px;
    margin-top: 0px;
    z-index: 30;
    background: url(../images/flou.png) center top repeat;
    padding-bottom: 0px;
}
.loading img {
    padding-top: 109px;
    padding-left: 79px;
    background: none;
    display: block;
    margin-left: 0px;
    border: 0px;
    margin-top: 2px;
    padding-bottom: 15px;
}
a.bouton-achat {
    margin-bottom: 10px;
}
.epmenufooter {
    width: 940px;
    padding: 5px 0px;
    text-align: left;
    font-size: 12px;
}
.epmenufooter .premier,
.epmenufooter .premier a {
    background: none;
    padding-left: 0px;
}
.epmenufooter a {
    color: #666666;
    text-decoration: none;
    padding-left: 15px;
    margin-right: 5px;
    height: 20px;
    background: url(../images/trait-gris-footer.png) center left no-repeat;
}
.epmenufooter a:hover {
    color: #fff;
}
.copyright {
    text-align: left;
    color: #666;
}
.pub {
    margin-top: 20px;
    margin-left: -30px;
    margin-bottom: 10px;
}
.pub2 {
    position: absolute;
    ;
    margin-top: 20px;
    margin-left: 682px;
}
.copyright a,
.copyright a:visited,
.copyright a:active {
    text-decoration: none;
    color: #666;
}
.newsletter {
    overflow: hidden;
    padding-top: 5px;
}
.newsletter #mail {
    background: #fff url(../images/fd_mot.jpg) top left no-repeat;
    border: 0px solid #666;
    width: 140px;
    height: 17px;
    float: left;
    margin: 2px 6px 0 0;
    color: #666;
    font-size: 10px;
    padding: 2px;
}
.newsletter #btok {
    background: url(../images/bt-ok.png) top left no-repeat;
    width: 24px;
    height: 24px;
    border: 0px solid;
}
. .plansite a {
    text-decoration: none;
}
.plansite a:hover {
    text-decoration: underline;
}
.plansite .p1 {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #717171;
}
.plansite .p2 {
    display: block;
    width: 230px;
    margin: 5px 0px 5px 20px;
    background: url(../images/triangle3.png) 10px 7px no-repeat;
    padding: 5px 20px 0px 20px;
    font-weight: bold;
    color: #717171;
}
.plansite .p2 a,
plansite .p2 a:active {
    color: #717171;
    text-decoration: none;
}
.plansite .p2 a:hover,
.plansite .p2 a:visited {
    background: url(../images/triangle2.png) 10px 7px no-repeat;
    color: #016d4c;
}
.plansite .p3 {
    display: block;
    width: 220px;
    margin-left: 30px;
    background: url(../images/triangle.png) 15px 6px no-repeat;
    padding: 5px 25px 5px 25px;
    color: #8EC1B9;
    font-size: 11px;
}
.plansite .p3 a,
plansite .p3 a:active {
    color: #8EC1B9;
    text-decoration: none;
}
.plansite .p3 a:hover,
.plansite .p3 a:visited {
    color: #8EC1B9;
}
.plansite .p4 {
    display: block;
    margin-left: 40px;
    background: url(../images/triangle.png) 15px 6px no-repeat;
    width: 220px;
    padding: 5px 25px;
    color: #8EC1B9;
}
.plansite .p4 a,
plansite .p4 a:active {
    color: #8EC1B9;
}
.plansite .p4 a:hover,
.plansite .p4 a:visited {
    color: #8EC1B9;
    text-decoration: none;
}
#slidefilm {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'dinbek', Helvetica, arial;
    line-height: 12px;
}
#slidefilm a,
#slidefilm a:hover,
#slidefilm a:visited {
    text-decoration: none;
    color: #122938;
    line-height: 12px;
}
#slidefilm ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 220px;
    height: 195px;
}
#slidefilm li {
    height: 195px;
    width: 140px;
    text-align: center;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
#slidefilm li img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0px;
}
#slidefilm li.roundabout-in-focus {
    cursor: default;
}
#slidefilm li span {
    display: block;
    padding: 0;
    margin: 0;
}
.btplusslide {
    cursor: pointer;
    position: absolute;
    background: url(../images/plus0.png) top left no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 220px;
}
.btplusslide:hover {
    background: url(../images/plus2.png) top left no-repeat;
    color: #fff;
}
.btpart2 {
    cursor: pointer;
    position: absolute;
    background: url(../images/flech0.png) top left no-repeat;
    width: 195px;
    height: 24px;
    margin-left: 415px;
    font-size: 10px;
    font-family: 'dinpro-bold', Helvetica, Arial;
    color: #122938;
    padding-left: 28px;
}
.btpart2:hover {
    background: url(../images/flech2.png) top left no-repeat;
    color: #fff;
}
.zone-video {
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -235px;
    margin-left: -335px;
    width: 670px;
    height: 470px;
    background: #fff;
    background: url(../images/fdvideo.png) top left repeat-x;
}
.zone-video #nom-video {
    font-size: 15px;
    height: 45px;
    text-align: left;
    padding-top: 8px;
    padding-left: 15px;
    color: #122938;
    font-weight: bold;
    text-transform: uppercase;
}
.zone-video #close-video {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 7px;
    cursor: pointer;
}
.zone-video #afvideo {
    display: none;
    width: 640px;
    height: 400px;
    margin-left: 15px;
}
.fichefilmdetail {
    width: 615px;
    margin: 20px 20px 0 17px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #fdb000;
    overflow: hidden;
}
.goresa {
    position: absolute;
    margin-left: 435px;
    margin-top: 5px;
    cursor: pointer;
}
.commentresa {
    margin: -3px 0 8px 0;
    color: #fdad00;
    font-weight: bold;
}
.ZFilmUneDetail {
    background: #000812 url(../images/fd_zb.jpg) bottom left repeat-x;
    padding: 15px 20px 10px 15px;
    overflow: hidden;
}
.Zfilmblanche {
    background: #fff;
    clear: both;
    color: #1e3f51;
    padding: 15px;
    border-top: 1px solid #fdb000;
}
.Zfilmblanche p {
    text-align: justify;
}
.ZFilmUneDetail .Zaffiche {
    width: 260px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.ZFilmUneDetail .affiche {
    width: 260px;
    cursor: url(../images/cursor-zoom.png), pointer;
}
.ZFilmUneDetail .Ztexte {
    padding: 10px 0px 0 0px;
}
.Zfilmblanche .synopsistitre {
    background: url(../images/fdsyno.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
}
.Zfilmblanche .finfotitre {
    background: url(../images/fdinfos.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
}
.Zfilmblanche .seancestitre {
    background: url(../images/fdreserv.png) top left no-repeat;
    height: 23px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 4px 0 0 100px;
    font-size: 12px;
}
.videotitre {
    clear: both;
    background: url(../images/fdvideos.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
}
.imagetitre {
    background: url(../images/fdimages.png) top left no-repeat;
    height: 27px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.reservtitre {
    background: url(../images/fdreserv.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.ZFilmUneDetail .titre {
    color: #fdb000;
    font-size: 16px;
    font-weight: bold;
}
.ZFilmUneDetail .realisateur {
    color: #fdb000;
    font-size: 14px;
    font-weight: normal;
}
.ZFilmUneDetail p {
    color: #fff;
    font-weight: normal;
}
.closefilm {
    background: url(../images/btclose.png) top left no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
    color: #fff;
    z-index: 500;
    position: absolute;
    margin-left: 603px;
    margin-top: 21px;
    font-size: 14px;
}
.seancesfilm {
    font-size: 12px;
    float: left;
    width: 82px;
}
.seancesfilm .jourj {
    font-family: 'dincb', Helvetica;
    color: #fea612;
    font-size: 14px;
    margin-bottom: 2px;
}
.seancesfilm .jour {
    font-family: 'dincb', Helvetica;
    font-size: 14px;
    margin-bottom: 2px;
}
.seancesfilm input {
    clear: left;
    display: block;
    float: left;
    margin-top: 3px;
}
.seancesfilm .seance_resa_pack {
    display: block;
    float: left;
    margin-left: 5px;
    color: #fff;
}
.picto3d {
    background: url(../images/picto3d.png) top left no-repeat;
    width: 18px;
    height: 14px;
    position: absolute;
    margin-left: 41px;
    margin-top: -16px;
    display: block;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.picto3dHFR {
    background: url(../images/pictoHFR3d.png) top left no-repeat;
    width: 36px;
    height: 14px;
    position: absolute;
    margin-left: 41px;
    margin-top: -16px;
    display: block;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.zone-resa-pack-msg {
    margin-top: -15px;
    background-color: #fff;
    padding: 10px 15px;
    line-height: 14px;
}
.zone-resa-pack-msg .pack-info {
    float: left;
    width: 60%;
}
.zone-resa-pack-msg .pack-action {
    float: right;
    width: 40%;
    padding-top: 5px;
    text-align: right;
}
.ZFilmListe {
    min-height: 260px;
    background: #000812 url(../images/fd_zb.jpg) bottom left repeat-x;
    padding: 15px 20px 10px 15px;
    overflow: hidden;
    border-bottom: 1px solid #fdb000;
    position: relative;
}
.Zfilmblanche1 {
    background: #fff;
    color: #1e3f51;
    padding: 15px;
    border-top: 1px solid #fdb000;
    overflow: hidden;
}
.Zfilmblanche1 p {
    text-align: justify;
}
.ZFilmListe .Zaffiche {
    width: 190px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.ZFilmListe .Zaffiche .Image {
    width: 190px;
    cursor: url(../images/cursor-zoom.png), pointer;
}
.ZFilmListe .Zaffiche2 {
    width: 275px;
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.ZFilmListe .Zaffiche2 .Image {
    width: 275px;
    cursor: url(../images/cursor-zoom.png), pointer;
}
.ZFilmListe .Ztexte {
    padding: 0px 0px 0 0px;
}
.Zfilmblanche1 .synopsistitre {
    background: url(../images/fdsyno.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
}
.Zfilmblanche1 .finfotitre {
    background: url(../images/fdinfos.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
}
.Zfilmblanche1 .seancestitre {
    background: url(../images/fdreserv.png) top left no-repeat;
    height: 23px;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 4px 0 0 100px;
    font-size: 12px;
}
.Zfilmblanche1 .reservtitre {
    background: url(../images/fdreserv.png) top left no-repeat;
    height: 27px;
    margin-bottom: 5px;
    margin-top: 10px;
}
.ZFilmListe .titre {
    color: #fdb000;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 7px;
}
.ZFilmListe .realisateur {
    color: #fdb000;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
}
.ZFilmListe p {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
/* .seancesfilm {float:left;width:65px;} .seancesfilm .jourj {color:#fea612;font-weight:bold;} .seancesfilm .jour {font-weight:bold;} */

.backfilm {
    background: url(../images/btbackfilm.png) top left no-repeat;
    height: 17px;
    margin: -3px 20px 0 0;
    padding: 3px 0 0 30px;
    color: #fff;
    float: left;
}
.backfilm a,
.backfilm a:hover,
.backfilm a:visited {
    text-decoration: none;
    color: #fff;
}
.avp {
    padding: 2px 10px;
    background: url(../images/fd_avp.jpg) top left repeat-x;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'dincb', Helvetica;
    font-size: 12px;
    float: right;
    border-radius: 5px;
    font-weight: normal;
}
.ZcontenuUne {
    padding: 0 10px 0px 0;
}
.Ztitre {
    background: url(../images/fd_zt.png) top right repeat-x;
    height: 27px;
    color: #122938;
    padding: 13px 0 0 10px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
}
.Ztitre1 {
    background: url(../images/fd_zt1.png) top right repeat-x;
    height: 27px;
    color: #122938;
    padding: 13px 0 0 15px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}
.Ztitre2 {
    background: url(../images/fd_ztp.jpg) bottom right repeat-x;
    height: 27px;
    color: #122938;
    padding: 14px 0 0 15px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 5px;
    font-weight: normal;
}
.ZtitreSuite {
    background: url(../images/fd_zt2.png) top right repeat-x;
    height: 27px;
    color: #122938;
    padding: 10px 0 0 15px;
    font-family: 'dinpro-bold', Helvetica, arial;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
}
.ZtitreCoin0 {
    background: url(../images/fd_zt0.jpg) top left no-repeat;
    height: 5px;
    width: 14px;
    position: absolute;
    margin-left: -15px;
    margin-top: -15px;
}
.ZtitreCoinhd {
    background: url(../images/fd_zbombrecoinhd.png) top left no-repeat;
    height: 9px;
    width: 8px;
    position: absolute;
    margin-left: 659px;
}
.ZoneCadre {
    background: url(../images/fd_zonejaune.jpg) top right repeat-y;
    border-left: 1px solid #fdb000;
    padding: 0 11px 0 0px;
}
.ZoneCadreBas {
    background: url(../images/fd_zbombre.png) top right repeat-y;
    width: 100%;
    height: 13px;
    margin-top: -5px;
}
.ZFilmUne {
    background-color: #000 ;
    min-height: 350px;
    overflow: hidden;
    padding-bottom: 20px;
}
.ZoneGrise {
    background: #d1d1d0 url(../images/fd_zonegrise.png) top left repeat-x;
    overflow: hidden;
    padding: 10px;
}
.ZoneGrisep {
    background: #d1d1d0 url(../images/fd_zonegrise.png) bottom left repeat-x;
    overflow: hidden;
    padding: 10px;
}