@charset "utf-8";
/* CSS Document */
[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
    }
/*@font-face {
    font-family: "Gotham";
    src: url('font/GothamCondensed-Light.otf');
}
@font-face {
    font-family: "Gotham";
    font-style: italic;
    src: url('font/GothamCondensed-Medium.otf');
}
@font-face {
    font-family: "Gotham";
    font-weight: bold;
    src: url('font/GothamCondensed-Bold.otf');
}*/
@font-face {
    font-family: "BenchNine", sans-serif
    }
HTML {
    margin: 0;
    margin-left: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    /********TEST ANTIALIAS*************/
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smooth: never;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
    }
body {
    background-image: url(imgs/background.jpg);
    background-repeat: repeat-x;
    background-position: top center;
    background-color: #e3e3e3
    }
.bg-repeat {
    background-image: url(imgs/bg-repeat.jpg);
    background-repeat: repeat-y
    }
table.global {
    width: 1002px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(imgs/fond-repeat.jpg);
    background-repeat: repeat-y
    }
table.actus {
    width: 1002px;
    margin-left: auto;
    margin-right: auto;
    background-image: none;
    height: 450px
    }
.titre_page {
    margin-top: 18px;
    font-size: 45px;
    margin-left: 33px;
    font-variant: small-caps;
    font-family: "BenchNine", sans-serif
    }
form {
    margin: 0;
    padding: 0
    }
.br {
    height: 30px
    }
p.margin20 {
    margin-left: 10px
    }
.float {
    margin-right: 10px;
    margin-top: 5px;
    float: left;
    height: 140px
    }
.floatalone {
    float: left;
    margin-left: 26px;
    margin-top: 30px;
    width: 300px;
    border-width: 0;
    height: 380px;
    overflow: auto;
    overflow-x: hidden;
    /*line-height:12px;*/
    font-size: 12px
    }
.texte_actu {
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 15px;
    height: 120px;
    overflow: hidden
    }
/******************************************   RECHERCHE   ***************************************************/
.titre_recherche {
    font-family: "BenchNine", sans-serif;
    font-size: 25px
    }
.recherche {
    background-image: url(imgs/fond_recherche_simple.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 154px;
    margin-left: 0
    }
.recherche_avancee {
    background-image: url(imgs/fond_recherche_avancee.jpg);
    background-repeat: no-repeat;
    background-position: top;
    height: 210px;
    margin-left: 0
    }
.recherche_1 {
    float: left;
    margin-left: 0;
    margin-top: 17px;
    width: 200px
    }
.recherche_2 {
    float: left;
    margin-left: 10px;
    margin-top: 17px;
    width: 200px
    }
.recherche_3 {
    float: left;
    margin-left: 10px;
    margin-top: 17px;
    width: 120px
    }
.recherche_gauche {
    float: left;
    margin-left: 40px;
    margin-top: 17px;
    width: 453px
    }
.recherche_droite {
    float: left;
    margin-left: 20px;
    margin-top: 17px;
    width: 450px
    }
.recherche_droite2 {
    float: left;
    margin-left: 10px;
    margin-top: 17px
    }
/*//////////////////////////////////////// TEXTES /////////////////////////////////////////////*/
h1 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #29100c;
    line-height: 40px;
    font-family: Arial, Helvetica, sans-serif
    }
.texte {
    text-align: left;
    margin-top: 18px;
    font-size: 11px;
    color: #e95d0f;
    margin-left: 80px !important;
    margin-left: 50px;
    font-family: Arial, Helvetica, sans-serif
    }
.texte_societe {
    text-align: center;
    margin-top: 18px;
    font-size: 19px;
    color: #be1d22;
    margin-left: 0 !important;
    margin-left: 0;
    font-family: "BenchNine", sans-serif
    }
.signature {
    font-size: 11px;
    margin-top: 25px;
    padding-top: 25px;
    clear: both
    }
/*/////////////////////////////////// LIENS //////////////////////////////////*/
a.lien {
    font-size: 11px;
    color: #F00;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none
    }
a.lien:active {
    color: #F00
    }
a.lien:visited {
    color: #F00
    }
a.lien:hover {
    color: #F00;
    text-decoration: underline
    }
a.lienmenu {
    font-size: 20px;
    color: #F4F4F4;
    font-family: "BenchNine", sans-serif;
    text-decoration: none;
    font-weight: bold
    }
a.lienmenu:active {
    color: #F4F4F4
    }
a.lienmenu:visited {
    color: #F4F4F4
    }
a.lienmenu:hover {
    color: #FFF;
    text-decoration: none
    }
a.lienlangues {
    font-size: 12px;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic
    }
a.lienlangues:active {
    color: #FFF
    }
a.lienlangues:visited {
    color: #FFF
    }
a.lienlangues:hover {
    color: #e95d0f;
    text-decoration: underline
    }
a.liencontact {
    font-size: 12px;
    color: #0066b3;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic
    }
a.liencontact:active {
    color: #000
    }
a.liencontact:visited {
    color: #000
    }
a.liencontact:hover {
    color: #0066b3;
    text-decoration: underline
    }
a.lienactus {
    font-size: 12px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline
    }
a.lienactus:active {
    color: #000
    }
a.lienactus:visited {
    color: #000
    }
a.lienactus:hover {
    color: #F00;
    text-decoration: none
    }
/*/////////////////////////////////////////////  MENU    ////////////////////////////////////////*/
td.accueil {
    text-align: center;
    background-image: url(imgs/bt-accueil.jpg);
    background-repeat: no-repeat;
    width: 147px;
    height: 32px
    }
td.accueil:hover {
    background-image: url(imgs/bt-accueil-over.jpg)
    }
td.societe {
    text-align: center;
    background-image: url(imgs/bt-societe.jpg);
    background-repeat: no-repeat;
    width: 136px;
    height: 32px
    }
td.societe:hover {
    background-image: url(imgs/bt-societe-over.jpg)
    }
td.catalogue {
    text-align: center;
    background-image: url(imgs/bt-catalogue.jpg);
    background-repeat: no-repeat;
    width: 150px;
    height: 32px
    }
td.catalogue:hover {
    background-image: url(imgs/bt-catalogue-over.jpg)
    }
td.contact {
    text-align: center;
    background-image: url(imgs/bt-contact.jpg);
    background-repeat: no-repeat;
    width: 128px;
    height: 32px
    }
td.contact:hover {
    background-image: url(imgs/bt-contact-over.jpg)
    }
td.langues {
    background-image: url(imgs/bt-langues.jpg);
    background-repeat: repeat-x;
    width: 200px;
    height: 32px;
    text-align: center
    }
td.newsletter {
    vertical-align: middle;
    background-image: url(imgs/bt-newsletter.jpg);
    background-repeat: no-repeat;
    width: 232px;
    height: 32px
    }
/*/////////////////////////////////////////// CENTRE /////////////////////////////////////////////////////////*/
.centre {
    position: absolute;
    text-indent: 45px;
    height: 488px;
    width: 1002px
    }
.fond-home {
    background-image: url(imgs/fond-accueil.jpg);
    background-repeat: no-repeat;
    height: 435px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px
    }
.fond-accueil {
    height: 435px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px
    }
.fond-newsletter {
    background-image: url(imgs/fond-newsletter.jpg);
    background-repeat: no-repeat;
    height: 435px;
    margin-left: 5px;
    padding-left: 5px
    }
.fenetre {
    width: 615px;
    height: 365px;
    border: 8px solid white
    }
#ftHolder {
    width: 615px;
    text-align: center;
    height: 365px;
    padding-top: 30px;
    padding-left: 10px;
    float: left
    }
#ft {
    border: 5px solid #FFF;
    -moz-border-radius: 5px
    }
.ft-prev, .ft-next {
    background-color: #000;
    padding: 0 10px
    }
#example {
    float: left
    }
.ft-title {
    padding: 10px 10px;
    width: 595px;
    text-align: left
    }
a {
    color: #666;
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
.full_news {
    width: 925px;
    /*height: 395px;*/
    font-size: 12px;
    padding-left: 35px;
    padding-right: 35px;
    overflow: hidden;
    overflow-x: hidden
    }
.contenu_societe {
    width: 925px;
    height: auto;
    font-size: 12px;
    padding-left: 35px;
    padding-right: 35px;
    background-image: url(imgd/fond-repeat.jpg);
    background-repeat: repeat-y
    }
.contenu_contact {
    float: left;
    width: 200px;
    height: 355px;
    font-size: 12px;
    padding-left: 35px;
    padding-right: 5px;
    line-height: 15px
    }
.form_contact {
    float: left;
    width: 270px;
    height: 305px
    }
.bordurenoire {
    float: left;
    border: 1px solid #666;
    background-color: #D8D8D8;
    width: 440px;
    margin: 20px;
    margin-left: 20px !important;
    margin-left: 7px;
    padding-left: 10px
    }
.bordurenoiregrande {
    float: left;
    border: 1px solid #666;
    background-color: #D8D8D8;
    width: 840px;
    margin: 20px;
    margin-left: 20px !important;
    margin-left: 7px;
    padding-left: 10px
    }
.resume {
    float: left;
    background-image: url(imgs/fond-resume.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 320px;
    /*height:175px;*/
    margin-left: 20px !important;
    margin-left: 7px
    }
.resume_texte {
    width: 295px;
    height: 113px;
    overflow: auto;
    overflow-x: hidden;
    margin-left: 20px
    }
.info_film {
    float: left;
    background-color: #D8D8D8;
    border: 1px solid #666;
    width: 640px;
    margin-left: 4px
    }
.droite {
    float: left;
    width: 640px
    }
.youtube {
    width: 640px;
    height: 386px;
    margin-left: 4px
    }
.prix {
    background-image: url(imgs/encart-prix.jpg);
    background-repeat: no-repeat;
    height: 160px;
    width: 640px
    }
.texte_prix {
    margin-left: 130px;
    margin-right: 20px;
    height: 129px;
    overflow: auto;
    overflow-x: hidden
    }
.encart-film {
    padding-left: 20px;
    margin-left: 15px;
    margin-right: 10px;
    padding-right: 0;
    float: left;
    height: 172px;
    width: 448px;
    background-image: url(imgs/encart-film2.jpg);
    background-repeat: no-repeat
    }
.encart-film2 {
    float: left;
    height: 300px;
    width: 200px;
    background-image: url(imgs/encart-film3.jpg);
    background-repeat: no-repeat;
    padding: 5px;
    margin-left: 34px
    }
.image_vignette {
    padding: 5px;
    padding-right: 10px;
    padding-top: 3px
    }
.image_vignette2 {
    padding: 0;
    padding-top: 0;
    max-height: 100px
    }
.texte_vignette {
    padding: 10px;
    height: 115px
    }
.bloc_vignette {
    width: 130px
    }
/****************************/
.affiche {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px;
    margin-left: 0;
    /*margin-left:4px !important;*/
    }
.affiche-en {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px;
    margin-left: 0;
    /*margin-left:4px !important;*/
    }
.titre_affiche {
    font-family: "BenchNine", sans-serif;
    font-size: 25px
    }
.contenu_affiche {
    height: 310px;
    margin-left: 7px;
    font-size: 11px
    }
.lien_affiche {
    margin-top: 10px;
    text-align: center;
    color: #000;
    font-size: 11px
    }
/****************************/
.tele {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px
    }
.tele-en {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px
    }
.contenu_tele {
    margin-left: 7px;
    font-size: 11px;
    height: 310px
    }
.lien_tele {
    margin-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 11px
    }
/****************************/
.vod {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px
    }
.vod-en {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px
    }
.contenu_vod {
    margin-left: 7px;
    font-size: 11px;
    height: 310px
    }
.lien_vod {
    margin-top: 10px;
    text-align: center;
    color: #FFF;
    font-size: 11px
    }
/****************************/
.news {
    float: left;
    background-image: url(imgs/bloc-affiche.jpg);
    background-repeat: no-repeat;
    height: 370px;
    width: 250px;
    overflow: hidden
    }
.contenu_news {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 11px;
    height: 310px;
    color: #000;
    overflow: auto;
    overflow-x: hidden
    }
.lien_news {
    margin-top: 10px;
    text-align: center;
    color: #000;
    font-size: 11px
    }
/*////////////////////////////////////////////   BOUTONS     //////////////////////////////////////////*/
.ipt_bt {
    color: #555;
    width: 28px;
    font-weight: bold;
    font-size: 10px
    }
.ipt_txt {
    border: 1px solid #999;
    color: #000;
    background-color: #CCC;
    width: 140px;
    height: 16px;
    font-size: 11px
    }
.ipt_slt {
    border: 1px solid #999;
    color: #000;
    background-color: #FFF;
    height: 16px;
    font-size: 11px;
    font-variant: small-caps;
    font-family: Arial, Helvetica, sans-serif
    }
.ipt_bt_form {
    color: #555;
    width: 140px;
    font-weight: bold;
    font-size: 10px
    }
.ipt_txt_form {
    border: 1px solid #999;
    color: #000;
    background-color: #FFF;
    width: 180px;
    height: 16px;
    font-size: 11px
    }
.ipt_radio {
    color: #FFF;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 80px !important;
    margin-left: 50px;
    margin-top: -20px
    }
/*///////////////////////////////////////////// SIGNATURE ///////////////////////////////////////////*/
.baseline {
    background-image: url(imgs/baseline.jpg);
    background-repeat: no-repeat;
    width: 1002px;
    height: 65px;
    text-align: center;
    vertical-align: bottom;
    font-size: 11px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif
    }
.baseline_contact {
    width: 1002px;
    height: 232px
    }
.baseline_newsletter {
    background-image: url(imgs/baseline_newsletter.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 1002px;
    height: 235px
    }
.basombre {
    background-image: url(imgs/ombre-bas.jpg);
    background-repeat: no-repeat;
    width: 1002px;
    height: 6px
    }