/* global*/
html { height: 100%; margin-bottom: 1em; }
body { }
body,td { line-height: 135%; font-family: Verdana,Helvetica, Arial, sans-serif; font-size:12px;}
body,
form { margin:0; padding:0; }
pre { padding: 10px; }
blockquote { font-style: italic; font-size: 100%; line-height: 150%; width: auto; padding: 10px 10px 10px 60px; margin: 15px 0; }
p { padding:0 0 1em 0; margin:0; line-height:1.2em; }
strong { font-weight:bold; }
table { border:0; padding:0; border-spacing:0; }
h1, h2, h3, h4, h5, h6 { padding-bottom: .5em; margin: 0; }
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 115%; }
a { text-decoration: none;}
a:hover { text-decoration: underline;}
.clr { clear:both; }
fieldset.input { border: 0; }
a img { border:0; }
/* alertes et warnings*/
span.alert,
span.info,
span.download,
span.note { display: block; padding: 10px 10px 10px 45px; margin: 15px 0; }
/* boutons */
.btn {
background: #222;
color:#fff;
border-radius:5px;
display: inline-block;
vertical-align: top;
padding: 5px 10px;
position:relative;
}
.btn:hover,
.btn:visited:hover,
.btn:focus {
background:#666;
color:#fff;
text-decoration:none;
}
.btn-warning { background: #e92600; color:#fff; }
.btn-warning:hover,
.btn-warning:visited:hover,
.btn-warning:focus { background:#cc2200; }
/* masthead, header, logo*/
#masthead { width:980px; margin:0 auto 0 auto; padding:0; position:relative; }
#ban_small a img { vertical-align:middle; }
#logo img { vertical-align:middle; border:0; }
#ban_big { text-align:center; margin:0px auto; height:auto; }
#ban_big div { margin:auto; }
#maincontent,
#maincontent-large,
#maincontent-x-large { padding:0; margin:0; font-size:12px; display:inline; }
/* *2 top*/
#top ul { padding:0; margin:0; }
/* mod_ccweb_affiches*/
#mod_ccweb_affiches ul { margin:0; padding:0; }
.affiche_hebdo { float:left; /* width:115px; */ height:auto; display:inline; text-align:center; font-size:10px; }
.affiche_hebdo.ahwm { margin:0 5px; }
.infos_public { width:80px; float:left; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.infos_duree { width:35px; float:left; text-align:right; }
/* mod_ccweb_recherche*/
#mod_ccweb_recherche table tr td { vertical-align:top; }
#mod_ccweb_recherche div.left2 select { font-size:11px; text-transform:lowercase; }
.left3 input[type=radio]{ margin:0; padding:0; display:inline;}
/* *6 menu annexe*/
#mainlevel-left { margin:0; text-align:left; padding:0; }
#mainlevel-left ul { padding:0; margin:0px; list-style:none; }
#mainlevel-left li { list-style:none; padding:0; margin:0; }
/* evenements */
#mod_evenement div.introtext img.left { margin-right:1em; border:0; float:left; }
#mod_evenement div.introtext img.right { margin-left:1em; border:0; float:right;}
#mod_evenement div.introtext div.img-center { text-align:center; }
#mod_evenement p { margin-top:0; padding-top:0; }
#mod_evenement div.evenement { margin-bottom:1em; overflow:hidden; height:auto; }
#mod_evenement a.bt-film-small {text-align:right;display:block;float:right;padding:10px 15px 0 0;}
#mod_evenement a.bt-film-small .ext_txt_resa_cont {float: left;margin: 10px 5px 0 0;vertical-align: top;font-weight:bold;}
.evt_partage { text-align:right; padding:.75em 0 1em; display:none; clear:both; }
.evt_partage .evt_ptg_titre,
.evt_partage a { display:inline-block; vertical-align:top; width:30px; height:30px; line-height:30px; margin:0 .5em 0 0; text-decoration:none; border-radius:3px; }
.evt_partage .evt_ptg_titre { width:auto;}
.evt_partage a.evt_fb { background:#3d67a0 url(/shared/img/icn_w_fb.png) center center no-repeat; background-size:contain; }
.evt_partage a.evt_gplus { background:#dc4e41 url(/shared/img/icn_w_gplus.png) center center no-repeat; background-size:contain; }
.evt_partage a.evt_tw { background:#55acee url(/shared/img/icn_w_tw.png) center center no-repeat; background-size:contain; }
.evt_partage a.evt_mail { background:#333 url(/shared/img/icn_w_mail.png) center center no-repeat; background-size:contain; }
.evt_partage a.evt_fb:hover,
.evt_partage a.evt_gplus:hover,
.evt_partage a.evt_tw:hover,
.evt_partage a.evt_mail:hover { opacity:.7; }
/* right, rightlarge, mod_resa*/
#rightlarge,
#right,
#mod_resa { height:auto; float:right; margin:0; padding:0; display:inline;/* IE double margin fix.*/ }
#rightlarge,
#right { padding-bottom:20px; }
#pavevideo { overflow:hidden; max-width:100%; }
/* bloc résa/recharge */
.sb_resa { margin-bottom:.5em;}
.sb_resa a { display:block; padding:.75em .333333em; font-size:15px; }
.sb_resa a.sb_bt_resa { color:#000; background:url(sidebar_resa_express.png) 97% 50% no-repeat; padding:1.15em .333333em; }
.sb_resa a.sb_bt_reload { color:#000; background:url(sidebar_recharge.png) 97% 50% no-repeat; }
.sb_espace_client { margin-bottom:.5em;}
.sb_espace_client a { color:#000; display:block; padding:.75em .333333em; font-size:15px; }
/* horaires */
.fichefilm-mini-block .bt-film-small { float:left; }
table.horaires td em,
table.horaires th em { font-weight:normal; color:#999; }
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7 { vertical-align:top;}
.fc { display:block; padding:0.25em 0; } /* span qui remplace les anciennes cellules */
.fchead { background:#282828; color:#fff; display:block; padding:0.25em 0; } /* span qui remplace les anciennes cellules */
/* séances complètes */
.fc.complet { position: relative; }
.fc.complet em,
.fc.complet a { color:#999; text-decoration: line-through!important; font-weight: 400; font-style: italic; }
.table.horaires .fc.complet a.resa:hover { background: none; border:0; color:#999; cursor:not-allowed; }
.fc.complet:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 6px 5px;
border-color: transparent transparent #222 transparent;
content:'';
position: absolute;
top:18px;
left:36px;
display: none;
}
.fc.complet:after {
content:'complet';
font-size:11px;
position: absolute;
top: 24px;
left:10px;
background: #222;
padding: 5px 7px;
color:#fff;
text-transform: uppercase;
display: none;
}
.fc.complet:hover:before,
.fc.complet:hover:after { display: block; }
/* footer */
#bottommenu { padding:0; margin:15px 0 0 0; text-align:center; line-height:16px; }
#bottommenu ul { text-align:center; width:850px; }
#bottommenu li { padding:0; margin:0; display:inline; list-style:none; text-align:center; }
#mainlevel-bas { margin:0 auto; padding:0; }
#bottommenu a ,
#bottommenu strong { height:auto; width:auto; display:-moz-inline-box; display:inline-block; padding:4px; line-height:17px; }
#copyright { margin:0; padding:0; clear:both; text-align:center; font-size:11px; }
#copyright p { margin:4px 0 0 0; padding:0; }
/* correction du synopis en float */
div.horaires h4 { clear:both; display:block; }
#rightlarge {overflow:visible!important; z-index:4000; /*2012-06-12 - passé de 6000 à 4000*/}
#rightlarge object {width: 300px;}
/* style des blocs autour des pubs */
.pub_space,
.pub_space_large { height:5px; width:100%; display:block; padding:0; margin:0; overflow:hidden; background:none; }
/* amelioration des fiche films */
.col-droite { float:right; width:100px; }
.fichefilm-small div.comment { text-align:center; }
.fichefilm-small h4 { line-height:100%; }
.fichefilm-full { overflow:hidden; }
.fichefilm-full div.col { width:162px; float:left; margin-bottom:6px; }
.fichefilm-full a.ba,
.fichefilm-full div.vote,
.fichefilm-full a.resa-link,
.fichefilm-full .bloc_2d_3d { text-align:center; border:solid 1px #d1d1d1; width:155px; display:block; margin-top:6px; padding-top:4px; padding-bottom:6px; }
.fichefilm-full .bloc_2d_3d { margin-top:46px; }
.fichefilm-full a.ba:hover { text-decoration:none; background-color:#d1d1d1; }
.fichefilm-full a.resa-link:hover,
.fichefilm-full a.resa-link:visited:hover,
.fichefilm-full a.resa-link:focus { background:#d1d1d1; text-decoration:none;}
img.affiche { border:solid 1px #000; }
#maincontent div.fichefilm-full h4.in,
#maincontent-large div.fichefilm-full h4.in,
#maincontent-x-large div.fichefilm-full h4.in { clear:none; }
/*################################################################### *12 fiche films et fiches horaires */
.fichefilm-mini { padding-left:115px;/* décalage pour l'affiche */ color:#000; }
.fichefilm-mini-block-impair { margin-right:5px; }
.fichefilm-mini-block { float:left; display:inline; }
.fichefilm-mini-block img.vignette { float:left; margin:0 6px 0 0; border:solid 1px #181818; }
.fichefilm-mini h4 { height:60px; margin:0; padding:0; vertical-align:top; }
.fichefilm-mini a.bt-film-small,
.fichefilm-mini a.bt-film-small:visited { width:auto; font-size:10px; display:block; text-align:center; line-height:21px; font-weight:normal; margin-right:2px; padding:0 4px; }
.prochainement .fichefilm-mini .interdiction { padding-bottom:0; }
/*tri par tags*/
#liste-tags { margin:0; padding:0 0 .65em 0; display:block; list-style:none; }
#mod_recherche_tags h4 { margin-bottom:.25em; }
#liste-tags li { display:inline-block; *display:inline; zoom:1;vertical-align:middle;}
#liste-tags li a { display:block; }
#liste-tags li.selected { background: #282828; border-radius:3px; }
.fichefilm-small { height:145px; padding-right:1em; color:#000; }
.fichefilm-small h4 { height:2em; margin:0; }
.fichefilm-small img.vignette { float:left; margin:0 10px 30px 0; border:solid 1px #181818; }
.fichefilm-full img.vignette { width:155px; height:221px; float:left; margin:0 10px 10px 0; border:solid 1px #181818; }
.mini-film img.vignette { width:110px; height:145px; float:left; margin:10px 8px 0 0; border:solid 1px #181818; }
.fichefilm-full h4 { margin:12px 0 8px 0; clear:left; }
.fichefilm-full { line-height:12px; padding:12px; margin:0; }
.fichefilm-full p,
.fichefilm-mini p { font-size:11px; }
.fichefilm-small p { font-size:10px; }
.fichefilm-full strong,
.fichefilm-small strong { }
.film-horaires { line-height:12px; padding:12px; margin:0; }
.fichefilm-horaire { line-height:12px; padding:12px; margin:7px 0 0 0; }
#autrefilms { margin:0;}
#autrefilms a { margin:0 2px; padding:0;}
div.horaires { margin:8px 0 15px 0; }
div.horaires p,
div.tablehoraireout p { color:#000; font-weight:bold; background:#fff; }
.fichefilm-small-v2 { border-top : dashed 2px #666; position:relative; }
.fichefilm-small-v2 h4 { padding:5px 5px 5px 0; }
.fichefilm-small-v2 .hi.avp { margin:0; }
.fichefilm-small-v2 .horaires-affiche { float:left; margin:0 5px 0 0; }
.fichefilm-small-v2 .horaires-infos-film { display:inline-block; vertical-align:top; width:58%; } /*on peut pousser jusqu'à 60% mais on reste à 58% à cause de certains sites légèrement moins larges*/
.fichefilm-small-v2 .horaires-duree { }
.fichefilm-small-v2 .horaires-sortie { }
.fichefilm-small-v2 .horaires-public,
.fichefilm-small-v2 .horaires-realisateur,
.fichefilm-small-v2 .horaires-casting,
.fichefilm-small-v2 .horaires-genre { display:block; padding:2px 0; }
/*.fichefilm-small-v2 .comment:before { content:'Catégories : '; font-weight:bold; display:block;}*/
.fichefilm-small-v2 .comment { display:inline-block; vertical-align:top; max-width:58%; }
.fichefilm-small-v2 .vote,
.fichefilm-small-v2 .filmba,
.fichefilm-small-v2 .resa-link2 { text-align:center; border:solid 1px #d1d1d1; width:100px; display:block; margin:0 0 4px 0; padding:4px 0; float:none; clear:both; height:auto; }
.fichefilm-small-v2 .vote-long { margin:0 auto; /*pour pouvoir être centré*/ }
/* .fichefilm-dans-l-heure { border-bottom : dashed 2px #666; position:relative; overflow:hidden; padding-bottom:.5em; }
.fichefilm-dans-l-heure:last-child { border:0; }
.fichefilm-dans-l-heure h4 { padding:5px 5px 5px 0; }
.fichefilm-dans-l-heure .hi.avp { margin:0; }
.fichefilm-dans-l-heure .horaires-affiche { float:left; margin:0 5px 0 0; }
.fichefilm-dans-l-heure .horaires-infos-film { display:inline-block; vertical-align:top; width:58%; }
.fichefilm-dans-l-heure .horaires-public,
.fichefilm-dans-l-heure .horaires-realisateur,
.fichefilm-dans-l-heure .horaires-casting,
.fichefilm-dans-l-heure .horaires-genre { display:block; padding:2px 0; }
.fichefilm-dans-l-heure .comment { display:inline-block; vertical-align:top; max-width:58%; }
.fichefilm-dans-l-heure .vote,
.fichefilm-dans-l-heure .filmba,
.fichefilm-dans-l-heure .resa-link2 { text-align:center; border:solid 1px #d1d1d1; width:100px; display:block; margin:0 0 4px 0; padding:4px 0; float:none; clear:both; height:auto; }
.fichefilm-dans-l-heure .vote-long { margin:0 auto; /*pour pouvoir être centré* / } */
/* dans l'heure */
.fichefilm-dans-l-heure {
text-decoration:none;
display:inline-block;
vertical-align:top;
width:24%;
padding:0 10px 10px 0;
box-sizing:border-box;
}
.fichefilm-dans-l-heure img {
max-width: 100%!important;
}
.fichefilm-dans-l-heure h4 {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 0 5px 0;
}
/*boutons sem precedente, suivante et impression horaires */
#horaires_impression_menu { height:55px; position:relative; }
#horaires_impression_menu img { border:0; display:none;}
#horaires_impression_menu a { display:block; height:30px; overflow:hidden; width:auto; background-color:none; }
.bt-sem-der,
.bt-sem-pro,
.imprime_horaires { position:absolute; top: 10px; left:35px; height:30px; width:190px; padding:0; margin:0!important; }
.bt-sem-pro { left:435px;}
.imprime_horaires { left:235px;}
.bt-sem-der a,
.bt-sem-der a:hover,
.bt-sem-der a:visited:hover,
.bt-sem-der a:focus { background:transparent url(semaine_precedente_noir.png) center top no-repeat; }
.bt-sem-pro a,
.bt-sem-pro a:hover,
.bt-sem-pro a:visited:hover,
.bt-sem-pro a:focus { background:transparent url(semaine_prochaine_noir.png) center top no-repeat; }
.imprime_horaires a,
.imprime_horaires a:hover,
.imprime_horaires a:visited:hover,
.imprime_horaires a:focus { background:transparent url(imprimer_horaires_noire.png) center top no-repeat; }
div.bt-sem-pro,
div.bt-sem-der {
padding:0!important
}
/* version sur la page séances */
.seances_print { text-align:center; }
/*gestion basique des cadres */
div.cadre { padding:10px;}
div.cadre,
div.cadre p,
div.cadre div { margin:0; position:relative; }
/*################################################################### *16 bloc contact / recrutement */
#mod_contact,
#mod_recrute { margin-left:15px; float:left;}
#mod_contact p,
#mod_recrute p { text-align:justify; }
#mod_contact form { margin:0; padding:0; width:500px; }
#mod_contact label,
#mod_recrute label { display:block; font-weight:bold; font-size:13px; margin-top:18px; clear:both; padding: 18px 0 5px; }
#mod_contact input[type=text],
#mod_recrute input[type=text] { border: 1px solid #a4a4a4; box-shadow: 0 0 4px #a4a4a4 inset; width:394px;height:30px; }
#mod_contact input[type=text]:focus,
#mod_contact textarea:focus,
#mod_recrute input[type=text]:focus,
#mod_recrute textarea:focus { border: 1px solid #fc9a1c; box-shadow: 0 0 4px #ef780f inset;}
span.error { display:block;text-align:center;padding:5px 0;background:#F2B5B5;margin:3px 0;color:#ff0000; }
.inp_contact { width:226px; height:22px; }
#mod_contact textarea,
#mod_recrute textarea { width:396px; height:136px; border: 1px solid #a4a4a4; box-shadow: 0 0 4px #a4a4a4 inset; margin-left: 5px; }
#left-block-contact,
#left-block-recrut { display:block; height:auto; text-align:left; }
#right-block-contact,
#right-block-recrut { display:block; height:auto; text-align:left; }
#bt-submit-contact,
#bt-submit-recrut { clear:left; padding-top:15px; }
#contact_sujet {}
input[placeholder],
[placeholder],
*[placeholder] {font-family: Verdana Arial sans-serif; font-weight: normal; font-size:1.2em; font-style:normal; padding-left:5px;}
#mod_contact .msg,
#mod_recrute .msg { font-weight:bold; font-size:13px; border-left:solid 2px #c00; padding-left:6px; color:#c00; }
/*################################################################### *17 page newsletter */
#newsletter-abo { float:left; }
#newsletter-abo form { }
#newsletter-abo select { font-size:90%; }
#newsletter-abo form { margin:0 0 0 15px; padding:0; float:left; }
#newsletter-abo label { display:block; font-weight:bold; font-size:13px; margin-top:18px; }
#newsletter-abo #valid { margin-top:15px; margin-bottom:15px; }
#newsletter-abo #civ { width:100px; float:left; }
#newsletter-abo #nom { width:200px; float:left; }
#newsletter-abo #nom input { width:150px; }
#newsletter-abo #prenom { width:200px; float:left; }
#newsletter-abo #prenom input { width:150px; }
#newsletter-abo #adresse { clear:left; border-top:solid 6px #fff; }
#newsletter-abo #adresse input { width:450px; margin-bottom:1px; }
#newsletter-abo #codepostal { width:100px; float:left; }
#newsletter-abo #codepostal input { width:86px; }
#newsletter-abo #ville input { width:350px; }
#newsletter-abo #email input { width:350px; }
#newsletter-abo #mobil{ width:200px; float:left; }
#newsletter-abo #genre_film label { font-weight:normal; font-size:100%; margin-top:0; width:200px; float:left; }
#newsletter-abo #genre_film fieldset { margin-bottom:12px; }
#newsletter-abo #genre_film legend { font-weight:bold; font-size:13px;}
#newsletter-abo #genre_film input { vertical-align:middle; }
#newsletter-abo #offres_cinema ,
#newsletter-abo #offres_part ,
#newsletter-abo #offres_sms { margin-bottom:12px; }
#newsletter-abo #offres_cinema label,
#newsletter-abo #offres_part label,
#newsletter-abo #offres_sms label { display:inline; }
#newsletter-abo .msg { font-weight:bold; font-size:13px; border-left:solid 2px #c00; padding-left:6px; }
/*masquage des champs pour simplifier l'inscription*/
#newsletter-abo #civ,
#newsletter-abo #nom,
#newsletter-abo #prenom,
#newsletter-abo #adresse,
#newsletter-abo #codepostal,
#newsletter-abo #ville,
#newsletter-abo #mobil,
#newsletter-abo #naissance,
#newsletter-abo #genre_film,
#newsletter-abo #offres_cinema,
#newsletter-abo #offres_part,
#newsletter-abo #offres_sms {display:none;}
.ct_left .g-recaptcha {
margin-top: 20px;
}
/* bloc formulaire CE */
#mod_form_CE{ float:left;width:600px;}
#mod_form_CE p { text-align:justify; }
#mod_form_CE form { margin:0; padding:0; }
#mod_form_CE label { display:block; font-weight:bold; font-size:13px; float:left; width:51%; height:25px; text-align:right; margin-top:5px; }
.inp_contact { width:40%; height:22px; float:left; margin-left:5px;margin-top:5px; }
#mod_form_CE input { }
#mod_form_CE textarea { width:40%; height:136px; clear:both;margin-left:5px;margin-top:5px }
#mod_form_CE em { clear:both; display:block;}
#left-block-contact { display:block; float:left; width:290px; height:auto; text-align:left; }
#right-block-contact { display:block; float:left; width:400px; height:auto; text-align:left; }
#mod_form_CE input[type=submit] { clear:both; display:block; background:#cd0039; color:#fff; font-size:20px; text-align:center; font-weight:bold; width:160px; height:40px; margin-left:220px; border:0; margin-top:15px; }
#mod_form_CE input[type=submit]:hover { background:#0d0d0d; cursor:pointer;}
/* pub header contenu */
#pub_header_contenu { display:block;width:980px; margin:0px auto 0px auto; position:relative; }
#pub_header_contenu_adverline { display:block; width:980px; margin:0px auto 5px auto; position:relative; }
/* votes */
span.vote, span.vote-long { line-height:20px; height:10px; position:relative;width:50px; overflow:hidden; margin:0 1em 0 0; padding:0;
display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: bottom;
background-repeat: repeat-x; background-position: left top;
}
span.vote a:hover, span.vote a:active, span.vote a:focus, .vote-note{ background-repeat: repeat-x; background-position: left top; }
span.vote a, span.vote .vote-note,
span.vote-long a, span.vote-long .vote-note { position:absolute; top:0; left:0; text-indent:-1000em; height:10px; line-height:10px; outline:none; overflow:hidden; border: none; }
span.vote a:hover, span.vote a:active, span.vote a:focus,
span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus { background-position: left center; }
a.n1 { width:20%; z-index:6; }
a.n2 { width:40%; z-index:5; }
a.n3 { width:60%; z-index:4; }
a.n4 { width:80%; z-index:3; }
a.n5 { width:100%; z-index:2; }
.vote-note { z-index:1; background-position: left bottom; }
span.voter { display:none; }
span.vote-leg span.nbvote { font-style:italic; }
span.vote-long { line-height:25px; height:25px; width:85px; overflow:hidden; background-repeat: repeat-x; background-position: left center; }
span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus{ background-repeat: repeat-x; background-position: left top; }
span.vote-long a, span.vote-long .vote-note{ height:25px;line-height:25px; }
span.vote, span.vote-long, span.vote a:hover, span.vote a:active, span.vote a:focus, span.vote .vote-note { background-image: url(star_small4.gif); }
span.vote-long, span.vote-long a:hover, span.vote-long a:active, span.vote-long a:focus, span.vote-long .vote-note { background-image: url(stars.gif); }
.nbvote.fn { display:block;} /* remplace le br qui était là avant */
/* fin vote */
/* autre films */
#autrefilms a { padding:0 8px 8px 0; }
/* Commentaire public de film */
div.fichefilm-small div.comment ,
div.fichefilm-full div.comment { float:right; font-weight:bold; }
div.fichefilm-small div.comment img ,
div.fichefilm-full div.comment img { margin-bottom:6px; vertical-align:top; }
/* bloc FA */
div.videopanel { text-align:center; margin-left:auto; margin-right:auto; }
div.videopanel p.vote { text-align:center; margin:1em 0 0 0 !important;padding:0 !important; }
div.newcomment { font-weight:bold; }
body.video div.videopanel object {/* width:800px; */}
/* ne pas faire dépasser les vidéos du conteneur */
.videopanel,
.videopanel object,
.videopanel .jwplayer { max-width: 100%; }
/*photos sur fiche film*/
div.photosfilm img { margin:0 16px 3px 0; border:solid 1px #fff; float:left; }
div.photosfilm { overflow:hidden; }
/* flux rss et xiti */
#fluxrss_xiti { display:block; margin-top:7px; }
/* correction pour la nouvelle fiche film, dans les pages prochainement et films à l'affiche - 2009-05-12 */
#maincontent div.fichefilm-full p,
#maincontent div.fichefilm-small p,
#maincontent div.fichefilm-mini p { padding:0; margin:2px 0 5px 0; }
/* Style pour XU splash */
#splash_screen { width: 100%; top: 0; left: 0; background-color: #000; position: absolute; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index: 1; cursor: pointer; }
#splash_screen.bg { background: url(xu/bg.gif); }
#image_content { border: 10px solid #fff; background-color: #fff; margin: 0; position: absolute; z-index: 2; }
#image_content img { margin: 0; padding: 0; display: none; z-index: 3; cursor: pointer; max-height:90%; max-width:100%; }
#title_content { width: 100%; font-size: 11px; color: #333; border: 10px solid #fff; background-color: #fff; margin: 10px 0 0 -10px; padding: 0; left: 0; z-index: 3; position: absolute; }
#splash_previous, #splash_next { margin: 0; padding: 0; top: 0; display: block; position: absolute; z-index: 4; cursor: pointer; width: 20px; height: 20px; }
#splash_previous { right: 40px; background: url(xu/control_rewind.png) no-repeat center; }
#splash_next { right: 0; background: url(xu/control_forward.png) no-repeat center; }
#splash_pause { top: 0; right: 20px; background: url(xu/control_stop.png) no-repeat center; }
#splash_play { top: 0; right: 20px; background: url(xu/control_play.png) no-repeat center; }
#splash_notification.playing { background: url(xu/control_play.png) no-repeat center; }
#splash_notification.paused { background: url(xu/control_stop.png) no-repeat center; }
#splash_pause,
#splash_play,
#splash_notification { margin: 0; padding: 0; display: block; position: absolute; z-index: 4; cursor: pointer; width: 20px; height: 20px; }
#splash_close { top: 0; right: 0; margin: 0; padding: 0; display: block; position: absolute; z-index: 4; cursor: pointer; width: 20px; height: 20px;
background: url(xu/cross.png) no-repeat center #FFF; }
#splash_description { margin-top: 4px; font-weight: bold; }
/* ajouts 2013 */
#image_content { background-color: #f2f2f2; border:0; padding:0; }
#image_content img { border:0; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height:90%; position:relative; }
#title_content {
font-family:lato, Arial, helvetica, sans-serif;
font-size: 13px;
text-align:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
color: #333;
border: 15px solid #fff;
margin:0;
top:auto;
bottom:0;
}
div.ajax-loading { background: url(xu/ajax-loader-lite_red.gif) no-repeat center; }
/* contenu de page normale */
div.page ul { margin-bottom:1em; padding-left:3em; }
/* formulaire de résa pour un event */
#resamail div label { width:200px; text-align:right; margin-right:5px; display:block; float:left;}
#resamail div { display:block; height:30px; clear:left; }
#resamail .req { color:#c00; font-weight:bold;}
#resa_mail p.msg-merci, #resa_mail p.msg { clear: left; display:block; padding:15px; font-size:18px; text-align:center; width:500px; border:solid 2px #c00; background:#fff;}
table.horaires a.resa:hover,
table.horaires a.resa:focus,
table.horaires a.resa:visited:hover,
table.horaires a.resa:visited:focus{ background:#acc600; border:solid 1px #000; color:#000; padding:2px 1px; text-decoration:none;}
a.filmba,
a.resa-link2{ text-align:center; font-size:10px; padding:0 5px 5px 5px; display:inline; float:right; line-height:20px; color:#000; text-decoration:none; width:100px; }
a.filmba:hover,
a.filmba:focus,
a.resa-link2:hover,
a.resa-link2:focus {background-color:#d1d1d1; }
a.btright { width:107px; height:19px; text-align:right; font-size:10px; margin:50px 0 0 0; padding:0 10px 0 0; display:block; float:right; line-height:20px; color:#000; }
a.filmba img { border:0; margin:3px 3px 0 0; }
a.btback { width:78px; height:21px; font-size:10px; color:#000; font-weight:bold; display:block; text-align:center; margin-bottom:6px; line-height:19px; }
#mod_resa { width:300px; height:auto; float:right; color:#fff; margin:0 5px 5px 0; overflow:hidden; }
.labelfa,
.labelvote,
.labelfacebook { display:none;}
/* publicités locales */
#les_pubs_locales { margin:auto; clear:both; width:300px;}
#les_pubs_locales h3 { font-size:10px; font-weight:bold; color:#8c5747; background:#eaeae3; padding:0 3px; height:25px; line-height:25px; display:block; margin:5px 0 5px 0; text-align:left; }
#les_pubs_locales .votre_pub { float:right; font-size:10px; font-weight:normal;}
#les_pubs_locales .votre_pub a { color:#8c5747;}
div.pub_locale { display:block; height:100px; padding:0 3px; margin-bottom:5px; background:#eaeae3; color:#000; font-size:10px;}
div.pub_locale a { height:100px; width:300px; color:#000;}
div.pub_locale:hover,
div.pub_locale:visited:hover,
div.pub_locale:focus { /*text-decoration:underline;*/ background:#e8e4ce;}
div.pub_locale img { float:right; margin:5px 5px 5px 0;}
div.pub_locale .titre_pub { font-weight:bold; color:#8c5747; display:block; font-size:11px;}
div.pub_locale .lien_pub { display:block; /*color:#d49926;*/ font-weight:bold; clear:both;}
/*coverflow : masquage du focus */
#alt_content:focus {outline:0;}
/* page vidéo v2*/
#maincontent_v2 { clear:both; }
.fichefilm-full-v2 .videopanel { background:#000; width:800px; padding:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom:70px; position:relative; }
#video_v2_bas { position:absolute; bottom:-30px; position:relative;}
#video_v2_bas .bloc_facebook { border:0; position:absolute; left:5px; /*overflow:hidden;*/ width:120px; height:40px; top:0;}
#video_v2_bas p.vote { position:absolute; left:130px; top:-15px;}
#video_v2_bas p.info_film { position:absolute; left:230px; top:2px; width:615px; text-align:left;}
#video_v2_bas span.interdiction,
#video_v2_bas span.duree,
#video_v2_bas span.genre,
#video_v2_bas span.sortie { margin:auto 4px auto 0;}
#video_v2_bas span.interdiction:after,
#video_v2_bas span.duree:after,
#video_v2_bas span.genre:after {content:" - ";}
.fichefilm-video a { display:block; margin:0; padding:3px; height:75px; overflow:hidden; cursor:pointer;}
.fichefilm-video a:hover,
.fichefilm-video a:visited:hover,
.fichefilm-video a:focus { background:#ddd;}
.fichefilm-video a img { background:#cd003a; padding:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float:left; }
.fichefilm-video a span { color:#3f3f3f; float:left; width:110px; /* limité à 115px car certaines images plus larges*/ font-size:13px; text-align:left; padding:0; margin:15px 0 0 5px; font-weight:bold; }
/*lecture en cours*/
.fichefilm-video a.sel img { background:#000; }
#maincontent_v2 .fichefilm-horaire,
#maincontent_v2 h3#autresalaffiche { width:640px; float:left; margin-left:5px;}
/*correction facebook fiche film*/
div.fichefilm-full {overflow:visible;}
#panel_affiches_decalage { display:none; }
#simplemodal-overlay { background-color:#000; }
#simplemodal-container { background-color:#fff; border:8px solid #bd2c16; padding:12px; width:600px; height:480px; }
#maincontent_v2 h3 { padding-left:10px; }
/* Emission */
#maincontent_v2 #emission-titre { padding:0.5em 0.5em 0.5em 60px!important; margin:0 0 0.5em 0; background:#e7720a url(emission/cineday_h3.png) left center no-repeat!important; color:#fff!important; }
#texte_bas { background:url(emission/ligne.png); height:31px; color:#7b7b7b; }
#texte_bas a { color:#7b7b7b; }
#emission-buttons { padding:17px 0 12px 17px; }
#emission-playlist h4 { background-color:#e07912; margin:6px; padding:5px; color:#fff; width:98%; }
#emission-playlist table { margin:6px; width:99%; }
.tdplay { width:9%; padding:0px; margin:0px; height:10px; }
.thplay { font-size:9px; text-align:center; line-height:10px; letter-spacing:0.08em; }
.tdduree { width:100px; text-align:center; }
.thduree { width:100px; text-align:center; }
.thba { width:150px; text-align:center; }
#emission-content { width:100%; }
#emission-player_wrapper { margin:0 auto; }
#emission-player { border-bottom:solid 1px #bcbcbc; }
#texte_sous_player_emission { background:#fff url(emission/cineday_logo.png) left center no-repeat; padding:10px 18px 0 160px; text-align:justify; min-height:94px; margin:1em 1em 0 1em; }
#bouton_retour_emission { padding:14px; }
.video #top { display:none; }
.video #barre_search_nl { display:none; }
.video #maincontent_v2 { background-color:#fff; }
.video .btback { display:none; }
#bloc_emission {margin-bottom:5px;}
#info_paybox { margin-top:5px; display:block;}
.comment img.picto_coup_de_coeur {position: relative; top:0px; left:-505px; z-index:2001; /* 2012-06-12 l'odysee de l'espace, passé de 9001 à 2001 */}
.newcomment img.picto_coup_de_coeur {position: relative; top:-65px; left:-135px; z-index:2012; /* 2012-06-12 la fin du monde, ou pas. passé de 9001 à 2012 */ }
/*nouvelle version de la mention "en avant-premiere" sur la page horaires */
#maincontent strong.hi.avp,
#maincontent-large strong.hi.avp,
#maincontent-x-large strong.hi.avp { font-size:15px; display:inline-block; padding:5px; background:#c00; color:#fff;}
/* slider v1 */
#sliderContainer { width: 980px; height: 380px; position: relative; margin: 0 auto; }
.slideContent { background:#fff; position: absolute; top:0; right:0; width: 315px; height:380px; color:#000; }
.slide h3 { font: 16px; margin: 0 0 5px 0; }
.slide p { margin: 0; }
/* au cas où il n'y a pas de photo, on vire la border sur l'affiche */
#mySlides img.affiche { border:0; }
/*si aucune prog, un div s'affiche à la place du coverflow*/
.pas_de_prog { position:absolute; top:60px; left:0; text-align:center; width:650px; /* on le masque vu les problèmes que ça cause*/ display:none;}
/*mod_coverflow2*/
#myImageFlow { width:660px;}
#mod_maps{width:660px;float:left;height: 380px; position: relative;}
#map_canvas { height: 100% }
/* ESPACE WEB */
#double-click {display: block; width: 100%; height: auto; background-image: url(espace-web/db-background.png); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; font-family: 'Lato', sans-serif;}
#double-click a {text-decoration: none; color: black; cursor: pointer;}
#db-container {display: block; position: relative; width: 100%; height: auto;}
/* HEADER */
#db-header {padding: 10px 0 5px 0;}
#db-header-contenu {font-size: 21px;}
#db-header-contenu p {font-weight: 300; padding: 0; margin: 0; color: black !important; font-size: 20px;}
#db-header-contenu p b {font-weight: 400; font-size: 20px; color: black !important;}
#db-header-contenu p strong {font-weight: 900; font-size: 21px;}
/* CONTENU */
#db-contenu {height: 250px; display: block;}
#db-contenu p {margin: 5px 0 10px 0; padding: 0; color: black !important;}
#db-contenu b {display: block; margin: 8px 0 8px 0; padding: 0; font-weight: 300; font-size: 16px; color: black !important;}
#db-contenu span {font-weight: 300; font-size: 14px;}
#db-contenu strong {font-weight: 700; font-size: 16px; color: black !important;}
.db-sections {display: block; float: left; width: 50%; height: auto;}
.db-phones {display: block; width: 75px; height: 137px; margin: 0 auto;}
.db-stores {display: block; width: 75px; height: 25px; margin: 0 auto;}
/* APP ICON */
#db-app-icon {position: absolute; top: 182px; left: 43.5%;}
/* nouvelle version */
.bs_app .app_info { overflow:hidden; height:auto; padding:5px 0;}
.bs_app .app_icon { float:left; margin:0 10px 0 0; border-radius:9px; }
.bs_app .app_info p { padding-top:3px; }
.bs_app .app_liens { text-align:center; }
.bs_app .app_liens a { width:44%; margin:0 5px 5px 5px; display:inline-block; vertical-align:top; text-align:center; }
.bs_app .app_liens a img { width:auto; height:36px; }
/* POP UP */
#pop-up-overlay,
.pop-up-overlay {background:#000; background: rgba(56,56,56,0.6); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 9000;}
#pop-up {display: none; width: 757px; height: 264px; color: #454545; font-family: Arial, sans-serif; overflow: hidden; background: white; z-index: 10000; padding: 0 10px; border: 2px solid; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -o-border-radius: 18px; z-index: 12000;}
#pop-up header {text-align: center; border-bottom: 1px solid #BABABA; padding: 24px;}
#pop-up header h2 {margin: 0; padding: 0; color: #454545; font-size: 24px;}
#pop-up #text {background: url(pop-up/img/mail.png) no-repeat 10px 21px; padding: 24px 4px 24px 78px; text-align: left;}
#pop-up #text p {padding: 0; margin: 0; line-height: 18px; font-size: 16px;}
#pop-up #check {width: 100%;}
#pop-up #check a {background-color: #2EC0FE; text-align: left; border: 1px solid #A7A7A7; width: 374px; color: #333333; border-radius: 10px; box-shadow: 0px 0px 0px rgba(0,0,0,1), inset 0px 0px 5px rgba(255,255,255,1); cursor: pointer; text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-image: -o-linear-gradient(90deg , rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(90deg , rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(90deg , rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(90deg , rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: linear-gradient(90deg , rgb(204,204,204) 0%, rgb(255,255,255) 100%);
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,1), inset 0px 0px 5px rgba(255,255,255,1);
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,1), inset 0px 0px 5px rgba(255,255,255,1);
}
#pop-up #check a:active {
background-image: -o-linear-gradient(90deg , rgb(255,255,255) 0%, rgb(204,204,204) 100%);
background-image: -moz-linear-gradient(90deg , rgb(255,255,255) 0%, rgb(204,204,204) 100%);
background-image: -webkit-linear-gradient(90deg , rgb(255,255,255) 0%, rgb(204,204,204) 100%);
background-image: -ms-linear-gradient(90deg , rgb(255,255,255) 0%, rgb(204,204,204) 100%);
background-image: linear-gradient(90deg , rgb(255,255,255) 0%, rgb(204,204,204) 100%);
}
#pop-up a:nth-child(1) {float: left;}
#pop-up a:nth-child(2) {float: right;}
#pop-up .check-text {width: 268px; display: block; padding: 32px 20px 32px 100px;}
#pop-up .check-text strong {font-size: 22px; font-weight: 700;}
#pop-up .check-text span {font-size: 18px; }
#pop-up #check-text-okay {background: url(pop-up/img/okay.png) no-repeat 27px 24px;}
#pop-up #check-text-okay strong {color: #69A61A; font-weight: }
#pop-up #check-text-not-okay {background: url(pop-up/img/not-okay.png) no-repeat 30px 30px;}
#pop-up #close {cursor: pointer; width: 24px; height: 24px; display: block; position: absolute; right: 8px; top: 8px; background-image: url(pop-up/img/close.png); background-repeat: no-repeat;}
#pop-up-cgr {display: none; width: 960px; height: 672px; color: #454545; font-family: Arial, sans-serif; overflow: hidden; background: black; z-index: 68446746874; padding: 0; border: none; border-radius: none;}
#pop-up-cgr #close,
#pop-up-cgr-fid #close {cursor: pointer; display: block; position: absolute; width: 134px; height: 44px; right: -4px; top: -1px; background-image: url(pop-up/img/close-cgr.png); background-repeat: no-repeat;}
#pop-up-cgr-fid { width: auto; height: auto; z-index: 10000; display: none; }
#pop-up-cgr-fid #link1,
#pop-up-cgr-fid #link2 { position:absolute; top:455px; left:185px; width:200px; height:50px; z-index: 11000; cursor:pointer; background:url(logo_blank.png); /* si pas de background, pas cliquable sous IE*/ display:block; }
#pop-up-cgr-fid #link2 { left:410px; }
#pop-up-cgr-fid #link1.popup_hobbit { display:none;}
#pop-up-cgr-fid #link2.popup_hobbit { cursor:pointer; top:0; left:0; right:0; bottom:0; width:auto; height:auto; z-index: 11000; cursor:pointer; background:url(logo_blank.png); /* si pas de background, pas cliquable sous IE*/ display:block; }
#pop-up-cgr-fid #close.popup_hobbit { width: 200px; height: 40px; right: 0; top: 0; background-image: url(logo_blank.png); z-index: 12000; }
#pop-up-cgr-fid #close.popup_hobbit:hover { background-color: rgba(255,255,255,.1); }
/* popup perso, ex sur compiegne majestic */
#pop-up.perso { width:800px; height:538px; border-radius:0; border:0; padding:0; margin:0; }
#pop-up.perso #img-pop-up { width:800px; height:538px; display:block; }
#pop-up.perso #close { top:0; right:0; width:160px; height:43px; background-color: #000; color: #fff; background-position: 20px 10px; background-size:20px;}
#pop-up.perso #close:before {
content:'Fermer';
font-size: 16px;
font-weight: bold;
vertical-align: middle;
display: block;
text-align: center;
padding:.75em 0 .75em 1em;
}
/* suppression des flèches automatiques dans chrome sur les input de type=number*/
form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#liste-tags .tag,
.fichefilm-small-v2 .tag,
.fichefilm-dans-l-heure .tag,
.fichefilm-full .tag,
.resa .tag,
.slider_tags .tag { width:46px; height:41px; }
/* tags dans le slider - background par défaut car bg slider souvent noir */
.slider_tags .tag {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background: #fff;
}
/*interstitiel DFP */
#dfp-inter-overlay { display:none; z-index: 68464484646; background: #000; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; }
#dfp-interstitiel { display:none; z-index: 68446746874; position:absolute; top:0; left:0; width: 806px; height: 576px; color: #454545; font-family: Arial, sans-serif; overflow: hidden; }
#dfp-inter-bouton-close { display:none; z-index: 68446746890; position:absolute; top:0; left:0; background:url(btn_interstitiel_2013_vide.png) center center no-repeat ; width:266px; height:43px; line-height:43px; color:#282828; text-align:center; font-size:15px; font-family:Arial, helvetica, sans-serif; cursor:pointer; }
.google-interstitiel { display:none; } /* on masque le conteneur de google, parce qu'il prend de la place pour rien, vu qu'on a un conteneur dédié */
/*anti-spam*/
.anti-spam { padding:1em 0; }
.anti-spam label { display:block; }
/* pub cinéday hebdo*/
#pub_cineday_hebdo {
width:650px;
height:70px;
float:left;
margin:0 0 5px 0;
background:#000 url(emission/bandeau_cineday_hebdo.png) center center no-repeat;
}
/* css du slider v2*/
.swipe_cont,
.swipe {
position:relative;
}
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
#mod_slider_v2 .swipe-wrap { height:380px; }
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > div { /* si on enlève le >, il target les div internes aussi et ça merde*/
float:left;
width:100%;
position: relative;
}
/* gestion des différents templates*/
.slideContent {
position:absolute;
top:0;
right:0;
width:300px!important;
background:#222;
color:#fff;
padding:7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gabarit2 .slideContent { left:0; right:auto; }
.gabarit2 img { margin-left:300px; } /* pour la décaler de dessous le .slideContent, positionné en absolute*/
.gabarit2 .slideContent img { margin:0; } /* on ne décale pas les tags */
.gabarit3 .slideContent { display:none; }
/*boutons du contenu*/
.btn_slider {
display:block;
margin:2px 5%;
padding:0 5px;
font-weight:bold;
text-align:left;
width:90%;
text-decoration:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn_slider,
.btn_slider:visited,
.btn_slider:link { background:#ebebeb; color:#000; }
.btn_slider:hover,
.btn_slider:visited:hover,
.btn_slider:focus,
.btn_slider:active { background:#f8f8f8; text-decoration:none; }
/* puces position*/
.slider_nav {
position:relative;
text-align:center;
font-size:16px;
line-height:1.3;
color:#697279;
display:block;
margin:0;
padding:0.25em 0 .35em 0;
width:100%;
}
.slider_nav li,
.slider_nav .bul {
padding:0 4px;
height:32px;
line-height:22px;
font-size:28px;
overflow:hidden;
font-style:normal;
/* text-shadow: 0 -1px 0 rgba(0,0,0,.35); */
font-family:sans-serif;
cursor:pointer;
display: inline-block;
vertical-align: middle;
}
.slider_nav li:hover,
.slider_nav .bul:hover {
color:#b00;
}
.slider_nav li.on,
.slider_nav .on.bul {
color:#ccc;
}
/*boutons prev et next - avec les puces */
.bottom .prev-slide,
.bottom .next-slide {
display:inline-block;
vertical-align:top;
position:static;
width:36px;
height:36px;
cursor:pointer;
background-size:contain;
}
/*boutons prev et next - sur les côtés */
.side .prev-slide,
.side .next-slide {
position:absolute;
width:40px;
height:150px;
cursor:pointer;
top:-270px;
left:-40px;
/* background-size:contain; */
}
.side .next-slide {
left:auto;
right:-40px;
}
/* class pour masquer certains trucs par défaut */
.nope { display:none !important; }
/* habillage de base */
.not_dfp #habillage img {
width: 980px;
height:193px;
}
.not_dfp #habillage {
width:980px;
height:193px;
overflow:hidden;
margin:0 auto -193px auto;
}
/* Magnific Popup CSS */
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End Magnific Popup CSS */
/* le bandeau pour les cookies */
#bandeau_cookies {
background:#fffc9d;
color:#000;
height: auto;
padding: .75em 2.5em .75em .75em;
padding: .75em;
line-height:2.2;
width: auto;
margin: 0 auto;
box-sizing:border-box;
border:solid 1px #aeab62;
z-index:30000;
text-align:center;
display:none;
}
#bandeau_cookies a { color:#c00; }
#bandeau_cookies #close_cnil {
cursor:pointer;
background:#288dc9;
color:#fff;
border-radius:3px;
display:inline-block;
vertical-align:top;
padding:.5em 1em;
line-height:1.2;
/* float:right; */
margin:0 0 0 1em;
}
/* pas de bandeau sur affichage dynamique et movie touch */
.mtouch #bandeau_cookies,
.affdyn #bandeau_cookies {
display:none!important;
}
/* le fil d'arianne de base */
.breadcrumbs { text-align:left; padding:1em 0; color:#666; }
.breadcrumbs .sep { display:inline-block; padding:0 0.5em;}
.breadcrumbs a { color:#666; }
.breadcrumbs span h1 { display:inline; font-size:inherit; }
/* boutons sociaux de base */
#social_buttons a { display:inline-block; vertical-align:top; margin-right:5px; }
#social_buttons a:last-child { margin-right:0; }
#social_buttons a .s_icon {
background:url(/shared/img/social_sprite.png) 0 0 no-repeat;
background-size:240px 120px; /* moitié moins que taille de l'image */
width:36px;
height:36px;
display:block;
margin:0;
padding:0;
}
#social_buttons a.slink_twitter,
#social_buttons a.slink_facebook,
#social_buttons a.slink_youtube,
#social_buttons a.slink_rss,
#social_buttons a.slink_instagram { background:#999; }
#social_buttons a.slink_twitter:hover,
#social_buttons a.slink_twitter:visited:hover,
#social_buttons a.slink_twitter:focus { background:#2aa9e0; }
#social_buttons a.slink_facebook:hover,
#social_buttons a.slink_facebook:visited:hover,
#social_buttons a.slink_facebook:focus { background:#3b5998; }
#social_buttons a.slink_youtube:hover,
#social_buttons a.slink_youtube:visited:hover,
#social_buttons a.slink_youtube:focus { background:#d52423; }
#social_buttons a.slink_rss:hover,
#social_buttons a.slink_rss:visited:hover,
#social_buttons a.slink_rss:focus { background:#ff6612; }
#social_buttons a.slink_instagram:hover,
#social_buttons a.slink_instagram:visited:hover,
#social_buttons a.slink_instagram:focus { background:#d93175; }
#social_buttons a.slink_twitter .s_icon { background-position:-2px -2px; }
#social_buttons a.slink_facebook .s_icon { background-position:-41px -2px; }
#social_buttons a.slink_youtube .s_icon { background-position:-83px -2px; }
#social_buttons a.slink_rss .s_icon { background-position:-124px -2px; }
#social_buttons a.slink_instagram .s_icon { background-position:-162px -2px; }
/* USA - Showtimes */
.showtimes .poster-infos,
.showtimes .movie-showtimes { display: inline-block; vertical-align: top; width:60%; }
.showtimes .poster-infos { width:30%; }
.showtimes-amenities .showtime { display: inline-block; padding: .25em .5em; }
/* USA - Movie page */
.movie-block,
.poster-actions,
.title-and-content,
#trailers {
float:left;
margin:0;
padding:20px;
box-sizing:border-box;
}
.movie-block { width:60%; }
.poster-actions { width:35%; padding:0 20px 0 0; }
.poster-actions a,
.poster-actions img.affiche.photo { max-width:100%!important; width:auto!important; height:auto; }
.title-and-content { width:65%; padding:0; }
#trailers { width:40%; }
/* BFS - blocs films semaine */
.bloc_film {
float:left;
width:230px;
height:348px;
overflow:hidden;
position:relative;
margin:0 10px 10px 0;
}
.bloc_film:nth-child(4n +1) {
margin-right:0;
}
.bloc_film h3 { display:none; }
.bloc_film .les_boutons {
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#000;
background:rgba(0,0,0,.75);
text-align:center;
padding:30% 10px;
}
.bloc_film:hover .les_boutons {
display:block;
}
/* mode texte de base */
#mode_texte { position:relative; z-index:400; }
#mode_texte a { display:inline-block; vertical-align:top; }
/* CSS de base pour les horaires par tags */
.horatags { clear:both; margin:0 38px; position:relative; }
.horatags .rowseances { margin-bottom:10px; border:solid 1px #333; padding-left:117px; box-sizing:border-box; }
.horatags .ftitre,
.horatags .fhead .fcell { background:#3f3f3f; color:#fff; padding:5px; }
.horatags .fcell { width:117px; text-align:center; border-right:solid 1px #fff; box-sizing:border-box; padding-bottom:20px; }
/* fix pour les webkit qui ne savent pas gérer les pixels... */
@media screen and (-webkit-min-device-pixel-ratio:0) { .horatags .fcell { border-right:solid 3px #fff; } }
.horatags .fcell:last-child { border:0; }
.horatags .fcell em { color:#727272; }
.horatags .fcell.cell_tags { text-align:left; }
.horatags .cell_tags .tag { width:46px; height:41px; }
.horatags .static-banner { position:absolute; z-index:1; left:0; top:0; bottom:0; background:#fff; border-right:solid 1px #333; }
.hora { display:block; padding:3px; }
.hora.noseance:before { content:'-'; color:#727272; }
/* horaires par tags - flèches */
.horatags .flickity-prev-next-button { width:38px; height:52px; border-radius:5px; cursor:pointer; color:#333; }
.horatags .flickity-prev-next-button .arrow { fill: #333; }
.horatags .flickity-prev-next-button.no-svg { color: #333; }
.horatags .flickity-prev-next-button:hover .arrow{ fill: #ed1b2d; }
.horatags .flickity-prev-next-button.no-svg:hover { color: #ed1b2d; }
.horatags .flickity-prev-next-button.previous { left:-40px; }
.horatags .flickity-prev-next-button.next { right:-40px; }
/* compte à rebours skin de base */
.countdown { text-align:center; padding: 1%; border-radius: 10px; }
.ctdn_jours,
.ctdn_heures,
.ctdn_minutes,
.ctdn_secondes {
display:inline-block;
vertical-align:top;
font-size:10px;
text-align:center;
padding:6px 0 3px;
background: #fff;
color:#000;
border-radius: 5px;
margin:1%;
width:21.5%;
box-sizing:border-box;
border:solid 2px #ccc;
}
.ctdn_jours strong,
.ctdn_heures strong,
.ctdn_minutes strong,
.ctdn_secondes strong {
font-size:22px;
font-weight:700;
display:block;
padding:2px 0 3px 0;
color:#000;
}
/* login fid de base */
#onglet_login a { display:block; }
#form_login_fidelite,
#fidelite_user_menu {
display:none;
position:relative;
padding:0;
z-index:2;
overflow:hidden;
height:auto;
}
#login_fidelite a.Help,
#login_fidelite a.SignIn,
#login_fidelite a.logout { display:block; }
#form_login_fidelite.active.ouvert,
#fidelite_user_menu.active.ouvert { display:block; }
/* espace client */
#espace-client { }
#espace-client form { padding:0; width: 300px; max-width:100%; margin: 0 auto; }
#espace-client label { display:block; font-weight:bold; }
#espace-client .reg_error { display:block; font-weight:normal; background: #fdd; padding: 1em 0.5em; margin: 2em 0; }
#espace-client label.error { font-weight:normal; color: #c00; }
#espace-client input.error { border: 1px solid #ff0000 !important; background: #FCE8E8; }
#espace-client div.champ { margin-bottom:18px; }
#espace-client .legende-de-champ { display:block; }
#espace-client input[type=text],
#espace-client input[type=email],
#espace-client input[type=password] { width: 100%; }
#espace-client input[type=submit],
#espace-client input[type=button] { margin-right: 0; }
#espace-client #se-connecter #lien-mdp-oublie { text-align: right; padding-top: .5em; }
.ec-lien-home { text-align:right; padding:10px; }
.ec_boutons_home { display: flex; flex-wrap: wrap; justify-content: center; }
.ec_boutons_home .btn {
flex:0 0 48%;
padding:100px 15px 15px;
text-align: center;
margin: .5em .5em 0;
display: block;
box-sizing: border-box;
background-size:120px 90px!important;
background-repeat:no-repeat!important;
background-position:center 10px!important;
}
.ec_boutons_home .btn.ec_home_data { background-image:url(./img/ec_icon_data.png); }
.ec_boutons_home .btn.ec_home_resa { background-image:url(./img/ec_icon_resa.png); }
.ec_boutons_home .btn.ec_home_cartes { background-image:url(./img/ec_icon_carte.png); }
.ec_boutons_home .btn.ec_home_fid { background-image:url(./img/ec_icon_fid.png); }
.ec_boutons_home .btn.ec_home_logout { background-image:url(./img/ec_icon_logout.png); }
.carte-qrcode { display:block; float:left; width: 128px; height:128px; margin-right: 8px; }
.carte-enregistree { clear:both; border: solid 1px #ccc; border-radius: 4px; height: auto; overflow:hidden; padding:8px; margin-bottom:8px; }
#ajouter-carte { clear:both; }
#espace-client .carte-enregistree form { width:auto; margin:5px 0 0 0; }
/* mes résas */
.recap_commande { display: flex; flex-wrap: wrap; border:solid 1px #ccc; padding: 10px; border-radius: 5px; margin: 0 0 20px 0; }
.ec_resa,
.ctn_qr { flex:0 0 60%; margin: 0; padding: 5px; box-sizing: border-box; position:relative; }
.ctn_qr { flex-basis:40%; text-align:center; }
.ec_seance { font-size: 15px; margin-top:0; }
.ec_qr { max-width:200px; width:auto; margin:0 auto; position:relative; }
.infos_qr { margin-bottom:0; color:#666;font-style: italic; padding: 0 20px; }
.ec_qr.qr_mask:before {
content:'Cliquez ici pour afficher le code';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:#efefef;
border:solid 1px #ccc;
box-sizing:border-box;
padding:35% 10% 0 10%;
text-align:center;
}
.ec_past,
.ec_past + .ctn_qr { opacity:.5; }
/* Autocomplete */
.tt-menu { text-align:left; color:#333;}
.tt-query,
.tt-hint { border:2px solid #ccc; border-radius:8px; font-size:24px; height:30px; line-height:30px; outline:medium none; padding:8px 12px; width:241px; }
.typeahead { background-color:#fff; color:#333; }
.typeahead:focus { border:2px solid #0097cf; }
.tt-query { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.tt-hint { color:#999; }
.tt-menu { background-color:#fff; border:1px solid rgba(0, 0, 0, 0.2); border-radius:8px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); margin:12px 0; padding:8px 0; width:241px; }
.tt-suggestion { font-size:18px; line-height:24px; padding:3px 20px; }
.tt-suggestion:hover { background-color:#0097cf; color:#fff; cursor:pointer; }
.tt-suggestion.tt-cursor { background-color:#0097cf; color:#fff; }
.tt-suggestion p { margin:0; }
/* un peu de marge par défaut sur le recaptcha invisible */
.recaptcha-holder { margin-bottom:5px; }