/* --- CONTAINER --- */
@import url("content.css");
@import url("superfish.css");

body {
    font-family    : Verdana, Geneva, sans-serif;
    font-size      : 11px;
    font-style     : normal;
    line-height    : normal;
    font-weight    : normal;
    font-variant   : normal;
    text-transform : none;
    color          : #000;
    background     : #E2001F;
}
br.clearfloat {
    clear       : both;
    height      : 0;
    font-size   : 1px;
    line-height : 0px;
}

#container {
    width      : 1010px;
    margin     : 10px auto 0 auto;
    /*background : #FFF;*/
}

/* --- HEADER --- */

div#header {
    padding : 0;
}

div#menu_haut {
    height    : 38px;
    background: #FFF url(../images/festival/2010/menu/fd_off.gif) repeat-x;
}
div#menu_haut ul {
    margin  : 0;
}
div#menu_haut ul li {
    display    : block;
    float      : left;
    list-style : none;
    margin     : 0;
}
div#menu_haut ul li a, div#menu_haut ul li a:link, div#menu_haut ul li a:visited {
    text-decoration  : none;
    color            : #000;
    font-size        : 12px;
    font-weight      : bold;
    height           : 18px;
    padding          : 10px 20px;
}
div#menu_haut ul li.on a, div#menu_haut ul li.on a:link, div#menu_haut ul li.on a:visited {
    background : transparent url(../images/festival/2010/menu/fd_on.gif) repeat-x;
    color      : #FFF;
}
div#menu_haut ul li li a, div#menu_haut ul li.on li a:link, div#menu_haut ul li li a:visited {
    background : #FFF;
    color      : #000;
    font-size  : 11px;
    padding    : 3px;
    height     : auto;
}
div#menu_haut ul li li a, div#menu_haut ul li li a:link, div#menu_haut ul li li a:visited,
div#menu_haut ul li.on li a, div#menu_haut ul li.on li a:link, div#menu_haut ul li.on li a:visited {
    background-image : none;
    color            : #000;
    background       : #FFF;
    font-size        : 11px;
    padding          : 3px;
    height           : auto;
}
div#menu_haut ul li li a:hover, div#menu_haut ul li li a:active,
div#menu_haut ul li.on li a:hover, div#menu_haut ul li.on li a:active {
    background : #E2001F !important;
    color      : #FFF;
}
div#menu_haut ul li a:hover, div#menu_haut ul li a:active {
    background : transparent url(../images/festival/2010/menu/fd_on.gif) repeat-x;
    color      : #FFF;
}
/*div#menu_haut ul li li a:hover, div#menu_haut ul li li a:active {
    background-image : none;
    color            : #FFF;
}*/
div#menu_haut form#recherche {
    float         : right;
    padding       : 6px 5px 0 0;
}
div#menu_haut form#recherche input.champ {
    color       : #EF0026;
    font-weight : bold;
    border      : 1px solid #C8C8C8;
}

/* --- MAIN --- */

div#main {
     background : url(../images/festival/2010/ombre_fond.gif) repeat-y;
}

div#main_haut {
     background : transparent url(../images/festival/2010/ombre_fond_haut.gif) no-repeat;
}

div#contenu_site {
    background   : #FFF;
    margin       : 0 19px;
    width        : 970px;
    padding      : 0 1px;
}

div#diaporama {
    position      : relative;
    background    : #FFF;
    border-bottom : 1px solid #FFF;
    padding       : 0;
    margin        : 0;
    height        : 343px;
}

div#diaporama div#cache {
    position : absolute;
    left     : -21px;
    top      : 157px;
}

div#video {
    position      : relative;
    background    : #FFF;
    border-bottom : 1px solid #FFF;
    padding       : 0;
    margin        : 0;
    height        : 675px;
}

/* --- COLONNES --- */

div#colonne_gauche,
div#colonne_droite {
    width : 228px;
}

div#colonne_gauche {
    float      : left;
    background : #FFF url(../images/festival/2010/ombre_gauche.gif) repeat-y left;
}

div#colonne_droite {
    float      : right;
    background : #FFF url(../images/festival/2010/ombre_droite.gif) repeat-y right;
}

div#colonne_gauche_angle {
    background : transparent url(../images/festival/2010/ombre_bas_gauche_gauche.gif) no-repeat bottom left;
}

div#colonne_gauche_angle2 {
    background : transparent url(../images/festival/2010/ombre_bas_bas_gauche.gif) no-repeat bottom left;
    padding    : 0 0 21px 19px;
}

div#colonne_droite_angle {
    background : transparent url(../images/festival/2010/ombre_bas_droite_droite.gif) no-repeat bottom right;
}

div#colonne_droite_angle2 {
    background : transparent url(../images/festival/2010/ombre_bas_bas_droite.gif) no-repeat bottom right;
    padding    : 0 19px 21px 0;
}

div#colonne_gauche_int,
div#colonne_droite_int {
    background-position : bottom;
    background-repeat   : no-repeat;
}

div#colonne_gauche_int {
    background-image : url(../images/festival/2010/ombre_bas_gauche.gif);
}

div#colonne_droite_int {
    background-image : url(../images/festival/2010/ombre_bas_droite.gif);
}

/* --- CONTENT --- */
#content {
    margin         : 0 228px;
    background     : #FFF url(../images/festival/2010/ombre_bas.gif) repeat-x bottom;
    padding        : 0 0 23px 0;
}

div.content_grille {
    margin     : 0 10px;
}

#page_content {
    background    : #FFF;
    float         : left;
    padding       : 0 2px;
    margin        : 0;
}

#page_content_marge {
    background    : #FFF;
    float         : left;
    padding       : 0 10px 0 15px;
    margin        : 0;
}

/*#page_title {
    border-bottom : 1px solid #474D4D;
}*/

/* --- FOOTER --- */
#footer {
    padding    : 10px;
}

#footer_menu {
    text-align : center;
}

#footer ul {
    margin : 0;
}
#footer ul li {
    display     : inline;
    list-style  : none;
    margin      : 0 5px;
    font-weight : bold;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration : none;
    color           : #000;
    font-size       : 14px;
}

#footer ul li.copyright {
    color           : #FFF;
    font-size       : 14px;
}

#footer ul li a:hover {
    text-decoration : underline;
}

/* --- PARTENAIRES --- */

div#partenaires {
    margin : 50px 20px 150px 20px;
}

div#partenaires ul li {
    list-style-type : none;
    float           : left;
    margin          : 3px 3px;
    padding         : 0;
}

div#partenaires ul li.texte {
    color       : #FFF;
    padding-top : 30px;
}

/* --- COMPTEUR --- */

div#compteur2010 {
    width         : 188px;
    background    : #000 url(../images/festival/2010/compteur_fd.gif) repeat-x;
    font-family   : verdana, arial, helvetica, sans-serif;
    padding       : 15px 0 24px 20px;
    margin-right  : 1px;
    border-bottom : 1px solid #FFF;
    border-right  : 1px solid #FFF;
}

div#compteur2010 div.nombre {
    float        : left;
    width        : 85px;
    color        : #FFF;
    font-size    : 36px;
    font-weight  : bold;
    text-align   : right;
    margin-right : 6px;
}

div#compteur2010 div.texte {
    float       : left;
    width       : 85px;
    padding-top : 8px;
    color       : #A2A2A2;
    font-size   : 12px;
    font-weight : bold;
}

div#compteur2010 div.billeterie {
    color       : #E2001F;
    font-size   : 12px;
    font-weight : bold;
    padding-top : 7px;
}

div#compteur2010 div.billeterie a:link,
div#compteur2010 div.billeterie a:visited,
div#compteur2010 div.billeterie a:hover,
div#compteur2010 div.billeterie a:active {
    color           : #E2001F;
    text-decoration : none;
}

div#compteur2010 div.billeterie img {
    vertical-align : middle;
}

/* --- DIAPORAMA --- */

div#nav_diaporama {
    position        : absolute;
    left            : 5px;
    top             : 300px;
    z-index         : 200;
}

div#nav_diaporama a {
    display         : block;
    text-decoration : none;
    width           : 18px;
    height          : 15px;
    background      : #FFF;
    font-weight     : bold;
    color           : #000;
    float           : left;
    margin-right    : 12px;
    text-align      : center;
    padding-top     : 3px;
    font-size       : 10px;
}

div#nav_diaporama a.activeSlide {
    background : #E2001F;
    color      : #FFF;
}

/* --- ACTUS HOME --- */

div.une_actu_home_2010 {
    background    : #E3E3E3 url(../images/festival/2010/actu/angle_bas_droite.gif) no-repeat right bottom;
    font-size     : 11px;
    color         : #000;
    margin        : 0 0 4px 0;
    position      : relative;
    padding       : 0;
    float         : left;
    width         : 548px;
}
div.une_actu_home_2010 div.fond_angle {
    padding    : 8px;
    background : transparent url(../images/festival/2010/actu/angle_haut_gauche.gif) no-repeat left top;
}
div.une_actu_home_2010 div.image {
    float : left;
    width : 217px;
}
div.une_actu_home_2010 div.infos {
    float       : right;
    width       : 300px;
}
div.une_actu_home_2010 div.image img {
    border : 1px solid #666;
}
div.une_actu_home_2010 h1 {
    font-size   : 20px;
    margin      : 0;
    padding     : 0 0 0 15px;
    color       : #000;
    background  : url(../images/festival/2010/actu/puce.gif) no-repeat 0 2px;
    font-weight : bold;
}

div.une_actu_home_2010 h1 a,
div.une_actu_home_2010 h1 a:link,
div.une_actu_home_2010 h1 a:visited,
div.une_actu_home_2010 h1 a:hover,
div.une_actu_home_2010 h1 a:active {
    font-size       : 20px;
    color           : #000;
    font-weight     : bold;
    text-decoration : none;
}

div.une_actu_home_2010 div.intro {
    padding    : 0 0 0 15px;
}
div.une_actu_home_2010 a.lien_article,
div.une_actu_home_2010 a.lien_article:link,
div.une_actu_home_2010 a.lien_article:visited,
div.une_actu_home_2010 a.lien_article:hover,
div.une_actu_home_2010 a.lien_article:active {
    display      : block;
    color        : #E2001F;
    font-size    : 12px;
    font-weight  : bold;
    background   : url(../images/festival/2010/actu/ico_document.gif) no-repeat 0 0;
    padding-left : 25px;
    padding      : 3px 0 4px 25px;
    margin       : 10px 15px 0 15px;
}

div.une_actu_home_2010 a.lien_video,
div.une_actu_home_2010 a.lien_video:link,
div.une_actu_home_2010 a.lien_video:visited,
div.une_actu_home_2010 a.lien_video:hover,
div.une_actu_home_2010 a.lien_video:active {
    display      : block;
    color        : #E2001F;
    font-size    : 12px;
    font-weight  : bold;
    background   : url(../images/festival/2010/actu/ico_video.gif) no-repeat 0 0;
    padding-left : 25px;
    padding      : 3px 0 4px 25px;
    margin       : 10px 15px 0 15px;
}

/* --- FACEBOOK --- */

div#facebook {
    clear : both;
}

div#facebook div.image {
    float : left;
    width : 187px;
}
div#facebook div.iframe {
    float : left;
}

/* --- FICHE LIEU --- */

div.fiche_lieu_2010 {
    padding : 12px;
}

div.fiche_lieu_2010 div.colonne_gauche {
    float      : left;
    width      : 358px;
}

div.fiche_lieu_2010 div.photo {
    margin-top : 36px;
}

div.fiche_lieu_2010 div.colonne_droite {
    float      : left;
    width      : 162px;
}

div.fiche_lieu_2010 div.titre_colonne_droite {
    background   : url(../images/festival/2010/programmation/puce_lieu.gif) no-repeat 0 0;
    padding-left : 20px;
    color        : #71D0FF;
    font-weight  : bold;
    font-size    : 12px;
}

div.fiche_lieu_2010 div.element {
    margin-bottom : 12px;
}

div.fiche_lieu_2010 div.pictos img {
    margin-right : 9px;
}

div.fiche_lieu_2010 a.url,
div.fiche_lieu_2010 a.url:link,
div.fiche_lieu_2010 a.url:visited,
div.fiche_lieu_2010 a.url:hover,
div.fiche_lieu_2010 a.url:active {
    margin-top      : 4px;
    display         : block;
    color           : #2F5669;
    background      : url(../images/festival/2010/programmation/fd_site_web.gif) no-repeat 0 0;
    text-decoration : none;
    padding         : 4px 0 3px 7px;
    height          : 25px;
}

/* --- FICHE EVENEMENT --- */
div.fiche_evenement_2010 {
    padding : 17px;
}

div.fiche_evenement_2010 h1,
div.fiche_evenement_2010 h2,
div.fiche_evenement_2010 h3 {
    margin  : 0;
    padding : 0;
}
div.fiche_evenement_2010 div#seances {
 background : #CBC6C6;
 width      : 324px;
 padding    : 7px;
}
div.fiche_evenement_2010 h3.seances {
    font-size   : 16px;
    font-weight : normal;
    float       : left;
}
div.theme {
    width       : 206px;
    color       : #FFF;
    padding     : 3px 0;
    font-weight : bold;
    font-size   : 11px;
    text-align  : center;
}

div.theme a,
div.theme a:link,
div.theme a:visited,
div.theme a:hover,
div.theme a:active {
    color           : #FFF;
    text-decoration : none;
}

div.fiche_evenement_2010 div#seances div.theme {
    color       : #FFF;
    padding     : 3px 0;
    font-weight : bold;
    font-size   : 11px;
    width       : 194px;
    float       : left;
    margin-left : 7px;
}
div.fiche_evenement_2010 div.encart_titre {
    float : left;
    width : 300px;
}

div#achat,
div.fiche_evenement_2010 div.encart_themes {
    float       : right;
    width       : 206px;
    padding-top : 10px;
}

div.fiche_evenement_2010 div.description {
    margin : 10px 0;
}

div.fiche_evenement_2010 div.une_seance {
    clear      : both;
    margin-top : 10px;
}

/* --- TOOLBAR --- */

div#toolbar {
    color   : #4B4942;
    padding : 8px 3px;
}

div#toolbar a.print,
div#toolbar a.print:link,
div#toolbar a.print:visited,
div#toolbar a.print:hover,
div#toolbar a.print:active {
    display         : block;
    background      : url(../images/festival/2010/programmation/puce_imprimer.gif) no-repeat;
    padding-left    : 19px;
    text-decoration : none;
    color           : #4b4942;
    font-weight     : normal;
    float           : right;
}

div#toolbar div#addthis {
    float       : right;
    margin-left : 10px;
}

/* --- LIENS FICHE FILM --- */

.sublime {
    color: #F36;
}

.leone {
    color: #F9F;
}

.siegel {
    color: #F90;
}

.eastwood {
    color: #666;
}

.sangok {
    color: #900;
}

.artofnoir {
    color: #939;
}
.restaures {
    color: #F60;
}

.rendez_vous {
    color: #F0C;
}

/* --- GRILLE DU PROGRAMME --- */

div#date {
    font-size : 18px;
}

div.horaires {
    position      : relative;
    width         : 934px;
    height        : 47px;
    margin-bottom : 4px;
}

div.horaires a.flechegauche,
div.horaires a.flechedroite {
    position : absolute;
    top      : 13px;
    display  : block;
}

div.horaires a.flechegauche {
    left : 10px;
}

div.horaires a.flechedroite {
    right : 10px;
}

div.ligne_lieu {
    clear         : left;
    height        : 64px;
    margin-bottom : 1px;
    /*background    : #EFEFEF;*/
    border-bottom : 1px solid #000;
}

div.ligne_lieu div.nom_lieu {
    float      : left;
    background : #303130;
    height     : 64px;
    width      : 106px;
    color      : #FFF;
    text-align : center;
}

div.ligne_lieu div.nom_lieu div.masquer {
    text-align  : left;
    margin      : 0 0 0 2px;
    padding-top : 2px;
}

div.ligne_lieu div.seance {
    float        : left;
    cursor       : pointer;
    background   : #FFF;
    height       : 54px;
    border-right : 1px solid #636262;
}

div.ligne_lieu div.seance_vide {
    float        : left;
    border-right : 1px solid #636262;
    height       : 48px;
    background   : #FFF;
}

div.ligne_lieu div.detail_seance {
    clear      : both;
}

div.theme_grille {
    color   : #FFF;
    padding : 2px 4px;
    width   : auto;
    float   : left;
    margin  : 0 3px 3px 0;
    cursor  : pointer;
}

/* --- DIVERS --- */

*:focus {
    outline : none;
}

.debug {
    background : #FF0 url(../images/shading.png) !important;
}