@charset "UTF-8"; /* Copyrights Parts Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 Parts Copyright (c) 2009, Nicole Sullivan. All rights reserved. http://wiki.github.com/stubbornella/oocss/ Code licensed under the BSD License: version: 0.2 */ /* DND : Do Not Delete ! DNU : Do Not Uncomment ! DNF : Do Not Factorize ! */ /* * -> IE6 / IE7 _ -> IE6 \0 -> IE8 */ /* ------------*/ /* YAHOO RESET */ html { color:#000; background:#FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; } del, ins { text-decoration:none; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:baseline; } sub { vertical-align:baseline; } /*because legend doesn't inherit in IE */ legend { color:#000; } input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size:100%; } /* /YAHOO RESET */ /* -------------*/ /* ------------- */ /* ALLOCINE BASE */ html {/* height: 100%;*/ /*margin-bottom: 1px;*/ color:#FFF; background:#efefef; } /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body { position:relative; width:100%; height:100%; font:12px/1.5 Tahoma, Lucida, Arial, sans-serif; /*font:13px/1.384 Tahoma, Lucida, Arial, sans-serif;*/ /* font:13px/1.231 arial, helvetica, clean, sans-serif;*/ /* for IE6/7 *font-size:small;*/ /* for IE Quirks Mode */ *font:x-small; color:#000;} /** Nudge down to get to 13px equivalent for these form elements */ select, input, button, textarea { font:99% Tahoma, Lucida, Arial, sans-serif; /*arial,helvetica,clean,sans-serif;*/ } /** To help tables remember to inherit */ table { font-size:inherit; font:100%; } /** Bump up IE to get to 13px equivalent for these fixed-width elements */ pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; } h1 { /* 18px via YUI Fonts CSS foundation. */ /*font-size: 138.5%;*/ } h2 { /* 16px via YUI Fonts CSS foundation. */ /*font-size: 123.1%;*/ } h3 { /* 14px via YUI Fonts CSS foundation. */ /*font-size: 108%;*/ } h1, h2, h3, h4, h5, h6 { display:inline; } /*h1, h2, h3, h4, h5, h6,*/ strong, dt { font-weight: bold; } optgroup { font-weight:normal; } abbr, acronym { border-bottom: 1px dotted #000; cursor: help; } em { /* will be used as neutral element */font-style:normal; } del { text-decoration: line-through; } blockquote, ul, ol, dl { /*margin: 1em;*/ } ol, ul, dl { /*margin-left: 2em;*/ } ol li { list-style: decimal outside; } ul li { /*list-style: disc outside;*/ } dl dd { margin-left: 1em; } th, td { padding:3px 5px 0; vertical-align:top; border: 1px solid #000; } th { font-weight: bold; text-align: center; } caption { /* Coordinated margin to match cell's padding. */ margin-bottom: .5em; /* Centered so it doesn't blend in to other content. */ text-align: center; } sup { /* to preserve line-height and selector appearance */ vertical-align: super; } sub { /* to preserve line-height and selector appearance */ vertical-align: sub; } p, fieldset, table, pre { margin-bottom:.384em /*5px*/; } /* Opera requires 1px of passing to render with contemporary native chrome */ button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] { padding:1px; } button { background-color:transparent; border:0; } /* /ALLOCINE BASE */ /* -------------- */ /* ---------------------------- */ /* ALLOCINE GENERAL DEFINITIONS */ a { font-size:1em; color:#005EA8; text-decoration:none; outline:none; } a:hover { color:#CC0000; text-decoration:underline; } b { font-weight:normal; } /* decided for SEO -> use instead */ .spacer { clear:both; font-size:0; line-height:0; height:0; } /* ------------------ */ /* ALLOCINE ICONIC DB */ /* Image allocation -> No repeat by default */ /* Icons */ .icofavadd, .icoplay, .icoquestion, .icocalendar, .icoredcross, .icomagnifier, .icocomment, .icopicture, .icorated, .icoevent, .icovideo, .icofile, .icotv, .icoextlink, .icoextlink_inline, .icoquotopen, .icoquotclose, .overlayclose, .hniptick, .rssbtn, .sharethisbtn, .icotroiscent, .icofacebookmini, .icoticka, .icotickdown, .icotickup, .icoarrowdown2, .icoarrowright2, .icoarrowleft3, .icoarrowright3, .stareval, .icoshadowbig, .hnipctt_m3 .hnipdatacontainer .hnipbgfiller, .icoshadowmini, .navlistnull, .navlistoff, .navliston, .navprevbtn img, .navnextbtn img, .datepickerGoPrev a, .datepickerGoNext a, .sortbythumbnailsbtn img, .sortbylistbtn img, .sortbytheaterbtn img, .sortbymoviebtn img, .comboboxlist .first img, .colleftmenu img, .colleftmenub .first img, .hdrsubmenuitems.extra .titleitem img, div.star-rating, div.star-rating a, div.starZero, div.starZero a, .fm_rating_notinterested_class, .fm_rating_notinterestedchoosen_class, .fm_rating_wanttosee_class, .fm_rating_wanttoseechoosen_class, .colleft .nav_secondary ul li.current a img, .colleft .nav_secondary ul ul.clmsubtopic li a img, .colleft .nav_secondary ul li em img, .mod_untier .linkmore img,.mod_deuxtier .linkmore img, .table_items_list table td.top_arrow img, .table_items_list table td.bottom_arrow img, .DragSortList li div.top a.close, .table_items_list table img.heart, .table_items_list table img.heart_selected, .table_items_list table img.arrow, .table_items_list table .selected img.arrow, .table_items_list a.iconredcross img,#tab_myallo li a img, #tab_myallo .close img, #tab_myallo .col_select navprevbtn a img, #tab_myallo .col_select .navnextbtn a img, .pager_navbar ul li.prev span,.pager_navbar ul li.next span,.pager_navbar ul li.prev a,.pager_navbar ul li.next a, .pager_navbar ul li.prev a:hover,.pager_navbar ul li.next a:hover,#contributorBox .arrow, .WebmailCompatibility ul li.gmail,.WebmailCompatibility ul li.yahoo,.WebmailCompatibility ul li.hotmail,.WebmailCompatibility ul li.facebook, #myAC_inviteFriend_step2 img.checkOK,.serie_items_list img.arrow,.serie_items_list .serie_selected img.arrow, #connectbar,#connectbar .bg_connectbar,#connectbar .connectedInner,#connectbar .disconnectedInner,#connectbar .connectedInner .userID, #connectbar .disconnectedInner .leftZone,#connectbar .bg_arrow,#connectbar .connectedInner .userMenu li.mailbox a,#connectbar .connectedInner .userMenu li.mailbox a.message,#connectbar .disconnectedInner .rightZone .member,#connectbar .disconnectedInner .rightZone .connect,#connectbar .disconnectedInner .rightZone .fb,#connectbar .shadowbar, .yellowPagerTop .morezonecontent .btn.arrow_prev img,.yellowPagerBottom .morezonecontent .btn.arrow_prev img, .yellowPagerTop .morezonecontent .btn.arrow_next img,.yellowPagerBottom .morezonecontent .btn.arrow_next img, .OverlayPlay,#popin_box .popin_boxclose, /* Gradients */ .boxhl, .boxhr, .boxhm, .boxfl, .boxfr, .boxfm, .boxbasichdr, .ad_mktblock, .recobar, .recomask, .recopercent1, .recopercent2, .recobg, .recobgact, .connectbar, .subheaderbggrad, .pagelayoutbggrad, .morezonebggrad, .sitemapbggrad, .topfooterbggrad, .hrembossed, .hrdotted, .hrdotted2, .hrbasic, .hrbasic2, .hrgolden, .hrbicolor, .hrdottedbig, .hrdottedbigshifted, .btn em, .btn span, .btnbasic, .tabs a, .tabs a span, .tabs em, .tabs em span, .tabshdr .label, .tabshdr .ddarrow, .aclogo img, .aclogofooter, .aklogofooter, .close_news_tooltip, .news_tooltip .arrow_b, .pres_letter .btn01 span { background-image:url(img/acsprite.png); background-repeat:no-repeat; } .hnhdrtop, .hnhdrbottom, .with3in960virtualsepthin, .with3in960virtualsephard, .with3in960virtualsephardtop, .with3in960virtualsephardbottom, .with5in960virtualsepthin,#hp_Everywhere { background-image:url(img/acsprite_h.png); background-repeat:no-repeat; } /*bloc videokast*/ .hnhdrtop, .hnhdrbottom, .with3in960virtualsepthin, .with3in960virtualsephard, .with3in960virtualsephardtop, .with3in960virtualsephardbottom, .with5in960virtualsepthin, #hp_Everywhere {background-image: url(http://www.allocine.fr/skin/default/img/acsprite_h_videobloc.png);} /*/bloc videokast*/ .icoflag { width:30px; height:22px; background-image:url(img/acflags.png); background-repeat:no-repeat; } .icoflag.big { width:46px; height:33px; } .icoflag.min { width:16px; height:12px; } /* Icons */ .ico { width:0; height:0; /* IE */overflow:hidden; } .functionsmenu .ico { float:left; position:relative; /*DNU margin-right:5px;*/ /* IE */ cursor:pointer; } .icofavadd {top:.2em;width:16px;height:13px;background-image:url(/skin_v7/core/img/sprite_picto.png);background-position:0 -1106px;} .icotxt.icofavadd { width:auto; padding:0 0 0 21px;} .ico.icofavadd { margin-right:5px; } .icoplay { top:.1em; width:16px; height:16px; background-position:-9px 0; } .ico.icoplay { margin-right:5px; } .icoquestion { top:.1em; width:15px; height:15px; background-position:-61px 0; /* this icon specific */margin-left:5px;} .ico.icoquestion { margin-right:5px; } .icocalendar { width:17px; height:17px; background-position:-43px 0; } .icoredcross { width:15px; height:15px; background-position:-109px 0; } .icoredcross:hover { background-position:-109px -16px; } .ico.icoredcross { margin-right:5px; } .icomagnifier { width:13px; height:14px; background-position:-125px 0; } .OverlayPlay{background-position:-333px -903px;height:25px;width:25px;} .icoextlink, .icoextlink_inline { width:10px; height:11px; background-position:-125px -16px; } .icoextlink_inline { margin-bottom:.23em;/*:keep 'em' here ! =3px*/ vertical-align:bottom; } .icoquotopen { width:14px; height:11px; background-position:-184px 0; } .icoquotclose { width:14px; height:11px; background-position:-184px -12px; } .overlayclose { width:29px; height:31px; background-position:0 -862px; } .hniptick { width:21px; height:21px; background-position:-358px -903px; } .rssbtn { width:45px; height:18px; background-position:-30px -862px; } .sharethisbtn { width:143px; height:18px; background-position:-76px -862px; } .icotroiscent { width:25px; height:11px; background-position:-239px -49px; } .icofacebookmini { width:14px; height:14px; background-position:-265px -46px; } /* grey/blue sets */ .icocomment { width:17px; height:17px; background-position:-9px -36px; } .icopicture { width:17px; height:17px; background-position:-77px -36px; } .icorated { width:17px; height:17px; background-position:-111px -36px; } .icoevent { width:17px; height:17px; background-position:-366px -30px; } .icovideo { width:17px; height:17px; background-position:-366px -48px; } .icofile { width:17px; height:17px; background-position:-43px -36px; } .icotv { width:17px; height:17px; background-position:-332px -30px; } .icocommenton { width:17px; height:17px; background-position:-26px -36px; } .icopictureon { width:17px; height:17px; background-position:-94px -36px; } .icoratedon { width:17px; height:17px; background-position:-128px -36px; } .icoeventon { width:17px; height:17px; background-position:-383px -30px; } .icovideoon { width:17px; height:17px; background-position:-383px -48px; } .icofileon { width:17px; height:17px; background-position:-60px -36px; } .icotvon { width:17px; height:17px; background-position:-349px -30px; } /* Ticks */ .icoticka { top:.62em; width:3px; height:4px; background-position:-249px -38px; } .ico.icoticka { margin-right:5px; } .icotickdown { top:.62em; width:6px; height:4px; background-position:-249px -33px; } .ico.icotickdown { margin-right:5px; } .icotickup { top:.62em; width:6px; height:4px; background-position:-256px -33px; } .ico.icotickup { margin-right:5px; } .icoarrowdown2 { top:.62em; width:9px; height:7px; background-position:-239px -8px; } .ico.icoarrowdown2 { margin-right:5px; } .icoarrowright2 { top:.62em; width:6px; height:10px; background-position:-256px -11px; } .ico.icoarrowright2 { margin-right:5px; } .icoarrowleft3 { top:.62em; width:6px; height:10px; background-position:-249px -22px; } .ico.icoarrowleft3 { margin-right:5px; } .icoarrowright3 { top:.62em; width:6px; height:10px; background-position:-256px -22px; } .ico.icoarrowright3 { margin-right:5px; } .icoafter.icoarrowright3 { margin-left:5px; } /* Boxes */ /* rounded */ .boxhl { width:4px; height:4px; } .boxhr { width:4px; height:4px; } .boxhm { width:auto; height:4px; margin:0 4px; background-repeat:repeat-x; _background:#FFFFFF; } /* basic rounded */ .bbasic .boxhl { background-position:0 0; } .bbasic .boxhr { background-position:-4px 0; } .bbasic .boxhm { background-position:0 -104px; } /* Simply white */ /* basic rounded for breadcrumb */ .breadcrumb > .boxhdr .boxhl { background-position:0 -30px; } .breadcrumb > .boxhdr .boxhr { background-position:-4px -30px; } .breadcrumb > .boxhdr .boxhm { background-position:0 -710px; } /* basic rounded for BoxColorA */ .boxcolora .boxhl { background-position:0 -12px; } .boxcolora .boxhr { background-position:-4px -12px; } .boxcolora .boxhm { background-position:0 -596px; } /* basic rounded for BoxColorA */ .boxcolorb .boxhl { background-position:0 -18px; } .boxcolorb .boxhr { background-position:-4px -18px; } .boxcolorb .boxhm { background-position:0 -634px; } /* basic rounded for BoxColorA */ .boxcolorc .boxhl { background-position:0 -24px; } .boxcolorc .boxhr { background-position:-4px -24px; } .boxcolorc .boxhm { background-position:0 -672px; } /* basic rounded for BoxColorD */ .boxcolord .boxhl { background-position:0 -36px; } .boxcolord .boxhr { background-position:-4px -36px; } .boxcolord .boxhm { background-image:none!important;background-color:#343434; } /* basic footer rounded */ .boxfl { width:4px; height:6px; background-position:0 -4px; } .boxfr { width:4px; height:6px; background-position:-4px -4px; } .boxfm { width:auto; height:6px; margin:0 4px; background-position:0 -104px; background-repeat:repeat-x; } .hnhdrtop { width:650px; height:4px; background-position:0 0; _font-size:0; } .hnhdrbottom { width:650px; height:6px; background-position:0 -5px; _font-size:0; } .with3in960virtualsepthin { background-position:-651px 0; background-repeat:repeat-y; } .with3in960virtualsephard { background-position:-1612px 0; background-repeat:repeat-y; *zoom:1; } .with3in960virtualsephardtop { width:980px; height:4px; background-position:-2593px 0; _font-size:0; } .with3in960virtualsephardbottom { width:980px; height:6px; margin-bottom:15px; background-position:-2593px -5px; _font-size:0; } .with5in960virtualsepthin { background-position:-3574px 0; background-repeat:repeat-y; } /* Stars evaluation */ .stareval { width:15px; height:14px; } .stareval.on4 { width:60px; height:14px; } .stareval.on5 { width:75px; height:14px; } .stareval.null { background-position: 0px -84px; } .stareval.n00 { background-position:-75px -69px; } .stareval.n10 { background-position:-60px -69px; } .stareval.n20 { background-position:-45px -69px; } .stareval.n30 { background-position:-30px -69px; } .stareval.n40 { background-position:-15px -69px; } .stareval.n50 { background-position: 0px -69px; } .stareval.n05 { background-position:-60px -54px; } .stareval.n15 { background-position:-45px -54px; } .stareval.n25 { background-position:-30px -54px; } .stareval.n35 { background-position:-15px -54px; } .stareval.n45 { background-position: 0px -54px; } .stareval.zerooff { background-position:-167px 0; } .stareval.zero { background-position:-167px -15px; } .stareval.off { background-position:-167px -30px; } .stareval.on { background-position:-167px -45px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.star-rating { float:left; display:block; position:relative; width:16px; height:14px; text-indent:-999em; cursor:pointer; background:transparent; overflow:hidden; } div.rating-cancel { float:left; width:15px; height:15px; margin-top:3px; text-indent:-999em; cursor:pointer; display:block; /*background:transparent;*/ overflow:hidden; } /*div.rating-cancel, div.rating-cancel a { background:url(img/delete.gif) no-repeat 0 -16px; } */ div.star-rating, div.star-rating a { background-position:-167px -30px; } div.star-rating a { display:block; width:16px; height:100%; background-position:-167px -30px; border:0; } div.rating-cancel a { display:block; width:16px; height:100%; background-position:0 0px; border:0; } div.star-rating-on a { background-position:-167px -45px!important; } div.star-rating-hover a { background-position:-167px -45px; } /* Read Only CSS */ div.star-rating-readonly a { cursor:default !important; } /* Partial Star CSS */ div.star-rating { background:transparent!important; overflow:hidden!important; } #flyingstars { display:none; width:100%; } #flyingstarsden { display:none; } #speednoter_flyingstars { display:none; width:100%; } #speednoter_flyingstarsden { display:none; } .starsratezone { position:relative; width:100%; padding-top:4px; padding-bottom:4px; } .starsratelabel { float:left; margin-top:3px; margin-right:10px; font-size:11px; font-weight:bold; } div.starZero { float:left; margin-top:3px; } div.starZero, div.starZero a { background-position:-167px 0px; display: none;} div.starZeroSelected, div.starZeroSelected a { background-position:-167px -15px; } .flyingstarsform { float:left; margin-top:3px; margin-right:7px; } .fm_rating_currentrate-class { float:left; width:40px; margin-top:2px; font-size:11px; color:#999999; } .fm_rating_wanttosee_class { float:left; width:106px; height:23px; margin-right:6px; background-position:0 -789px; cursor:pointer; } /*.fm_rating_wanttosee_class:hover { background-position:0 -813px; }*/ .femaleparentobject .fm_rating_wanttosee_class { background-position:-212px -789px; } /* .femaleparentobject .fm_rating_wanttosee_class:hover { background-position:-212px -813px; }*/ .fm_rating_wanttoseechoosen_class { float:left; width:106px; height:23px; margin-right:6px; background-position:0 -837px; cursor:pointer; } .femaleparentobject .fm_rating_wanttoseechoosen_class { background-position:-212px -837px; } .fm_rating_notinterested_class { float:left; width:106px; height:23px; margin-right:15px; background-position:-106px -789px; cursor:pointer; } /*.fm_rating_notinterested_class:hover { background-position:-106px -813px; }*/ .fm_rating_notinterestedchoosen_class { float:left; width:106px; height:23px; margin-right:15px; background-position:-106px -837px; cursor:pointer; } /* END jQuery.Rating Plugin CSS */ /* Date picker Plugin CSS - Author: Stefan Petre www.eyecon.ro */ div.datepicker { position:relative;z-index:100; /*font-family:Arial, Helvetica, sans-serif; font-size:12px;*/ font-size:11px; width:296px; height:247px; position:absolute; cursor:default; top:0; left:0; display:none; } .datepickerBorderT { position:absolute; left:10px; top:0; right:10px; height:10px; background:url(img/calendar/datepicker_t.png); } .datepickerBorderB { position:absolute; left:10px; bottom:0; right:10px; height:10px; background:url(img/calendar/datepicker_b.png); } .datepickerBorderL { position:absolute; left:0; bottom:10px; top:10px; width:10px; background:url(img/calendar/datepicker_l.png); } .datepickerBorderR { position:absolute; right:0; bottom:10px; top:10px; width:10px; background:url(img/calendar/datepicker_r.png); } .datepickerBorderTL { position:absolute; top:0; left:0; width:10px; height:10px; background:url(img/calendar/datepicker_tl.png); } .datepickerBorderTR { position:absolute; top:0; right:0; width:10px; height:10px; background:url(img/calendar/datepicker_tr.png); } .datepickerBorderBL { position:absolute; bottom:0; left:0; width:10px; height:10px; background:url(img/calendar/datepicker_bl.png); } .datepickerBorderBR { position:absolute; bottom:0; right:0; width:10px; height:10px; background:url(img/calendar/datepicker_br.png); } .datepickerContainer {/*position:absolute; top:10px; left:10px;*/ padding:10px ;/*background:#121212;*/ background:#FFF;} .datepickerHidden { display:none; } div.datepicker table { margin:0 auto; border-collapse:collapse; } div.datepicker table td { text-align:right; padding:0; border:1px solid #D5DCE5; } div.datepicker th { text-align:center; color:#7F94B0; font-weight:normal; border:none; } div.datepicker tbody th { text-align:left; padding:6px 2px; } div.datepicker a { color:#005EA8; text-decoration:none; cursor:pointer; outline:none; } div.datepicker tbody a { display:block; } .datepickerDays a { width:20px;/* line-height:16px; height:16px;*/ padding:3px 5px 3px 0; } .datepickerYears a, .datepickerMonths a { width:44px; line-height:36px; height:36px; text-align:center; } td.datepickerNotInMonth { background-color:#EBEBEB; } td.datepickerNotInMonth a { color:#999999; } tbody.datepickerDays td.datepickerSelected{ background:#FFF6C2; } tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected { background:#FFF6C2; } tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected { background:#17384d; } div.datepicker a:hover, div.datepicker a:hover { color:#FFFFFF; background-color:#005EA8; } div.datepicker td.datepickerNotInMonth a:hover { color:#999; } div.datepicker tbody th { /*text-align:left;*/ text-align:center; } .datepickerSpace div { width:20px; } .datepickerGoNext, .datepickerGoPrev, .datepickerMonth { background:transparent url(img/calendar/datepicker_nav.png) left bottom repeat-x; line-height:38px; } .datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a { text-align:center; height:20px; line-height:20px; color:#000000 !important; font-weight:bold; } .datepickerMonth a:hover {color:#FFFFFF !important; /*background-color:#;*/ } .datepickerGoNext a { float:right; width:19px; height:20px; background-position:-219px -20px; } .datepickerGoNext a:hover { background-position:-219px -40px; background-color:#FFFFFF !important; } .datepickerGoPrev a { float:left; width:19px; height:20px; background-position:-200px -20px; } .datepickerGoPrev a:hover { background-position:-200px -40px; background-color:#FFFFFF !important; } .datepickerGoNext a span, .datepickerGoPrev a span { display:none; } table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears { display:none; } table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW { display:none; } table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW { display:none; } td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a { color:#333; } td.datepickerDisabled a:hover { color:#333; } td.datepickerSpecial a { background:#700; } td.datepickerSpecial.datepickerSelected a { background:#a00; } /* END Date picker Plugin CSS */ /* Reco bar */ .recobar { /*Can't be inline*/display:block; position:relative; width:99px; height:11px; line-height:11px; background-position:-280px -86px; overflow:hidden; } .recobar.inactive { background-position:-180px -86px; } .recobar img { position:absolute; left:0; top:0; width:99px; height:11px; } .recobar .recomask { background-position:-80px -86px; } .recobar .recopercent1 { background-position:0 -324px; } .recobar.inactive .recopercent1 { display:none; } .recobar .recopercent2 { background-position:0 -335px; } .recobar.inactive .recopercent2 { display:none; } /* Connection Bar */ .connectbar { background-position:0 -738px; background-repeat:repeat-x; } /* Gradients */ .subheaderbggrad /*AVIRER*/ { width:auto; height:63px; background-position:0 -111px; background-repeat:repeat-x; } .pagelayoutbggrad { width:auto; height:63px; background-position:0 -111px; background-repeat:repeat-x; } .morezonebggrad { width:auto; height:27px; background-position:0 -199px; background-repeat:repeat-x; } *html .morezonebggrad { /* No more bggrad on IE6 */display:none; } .sitemapbggrad { width:100%; height:43px; background-position:0 -1478px; background-repeat:repeat-x; } .topfooterbggrad { width:100%; height:66px; background-position:0 -1040px;/*!! Background shared with header !!*/ background-repeat:repeat-x; } .icoshadowbig { width:86px; height:11px; background-position:-314px 0; _font-size:0; } .icoshadowmini { width:auto; height:2px; background-position:0 -1550px; _font-size:0; } /* HR */ .hrembossed { height:9px; background-position:0 -227px; } .hrdotted { height:0; padding-top:1px; background-position:0 -102px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrdotted { overflow:hidden; } /* or else have a higher value on IE6 */ .hrdotted2 { height:0; padding-top:1px; background-position:0 -347px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrdotted2 { overflow:hidden; } /* same reason */ .hrbasic { height:0; padding-top:1px; background-position:0 -100px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrbasic { overflow:hidden; } /* same reason */ .hrbasic2 { height:0; padding-top:1px; background-position:0 -593px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrbasic2 { overflow:hidden; } /* same reason */ .hrgolden { height:0; padding-top:1px; background-position:0 -590px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrgolden { overflow:hidden; } /* same reason */ /* hrbicolor shares 1px height with hrgolden */ .hrbicolor { height:0; padding-top:2px; background-position:0 -590px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrbicolor { overflow:hidden; } /* same reason */ .hrdottedbig { height:0; padding-top:5px; background-position:0 -1280px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrdottedbig { overflow:hidden; } /* or else have a higher value on IE6 */ .hrdottedbigshifted { height:0; padding-top:5px; background-position:-2px -1280px; background-repeat:repeat-x; /* IE */ font-size:0; } *html .hrdottedbigshifted { overflow:hidden; } /* same reason */ /* Navigation buttons */ /* Previous */ .navbtnprevoff, .navprevbtn img { width:19px; height:20px; background-position:-200px 0; } .navbtnprevon, .navprevbtn a img, .navprevbtn em img { /*DND*/width:19px; /*DND*/height:20px; background-position:-200px -20px; cursor:pointer; } .navbtnprevover, .navprevbtn a:hover img, .navprevbtn em:hover img { /*DND*/width:19px; /*DND*/height:20px; background-position:-200px -40px; } .navprevbtn.disabled img, .navprevbtn.disabled em img, .navprevbtn.disabled em:hover img, .navprevbtn.disabled a img, .navprevbtn.disabled a:hover img { background-position:-200px 0; cursor:default; } /* Next */ .navbtnnextoff, .navnextbtn img { width:19px; height:20px; background-position:-219px 0; } .navbtnnexton, .navnextbtn a img, .navnextbtn em img { /*DND*/width:19px; /*DND*/height:20px; background-position:-219px -20px; cursor:pointer; } .navbtnnextover, .navnextbtn a:hover img, .navnextbtn em:hover img { /*DND*/width:19px; /*DND*/height:20px; background-position:-219px -40px; } .navnextbtn.disabled img, .navnextbtn.disabled em img, .navnextbtn.disabled em:hover img, .navnextbtn.disabled a img, .navnextbtn.disabled a:hover img { background-position:-219px 0; cursor:default; } /* By thumbnails */ .sortbythumbnailsbtn img { width:25px; height:20px; background-position:-263px 0; } .sortbythumbnailsbtn a img, .sortbythumbnailsbtn em img { /*DND*/width:25px; /*DND*/height:20px; background-position:-263px 0; cursor:pointer; } .sortbythumbnailsbtn a:hover img, .sortbythumbnailsbtn em:hover img { /*DND*/width:25px; /*DND*/height:20px; background-position:-263px -20px; } .sortbythumbnailsbtn.selected img, .sortbythumbnailsbtn.selected em img, .sortbythumbnailsbtn.selected em:hover img, .sortbythumbnailsbtn.selected a img, .sortbythumbnailsbtn.selected a:hover img { background-position:-263px -20px; cursor:default; } /* By lists */ .sortbylistbtn img { width:25px; height:20px; background-position:-288px 0; } .sortbylistbtn a img, .sortbylistbtn em img { /*DND*/width:25px; /*DND*/height:20px; background-position:-288px 0; cursor:pointer; } .sortbylistbtn a:hover img, .sortbylistbtn em:hover img { /*DND*/width:25px; /*DND*/height:20px; background-position:-288px -20px; } .sortbylistbtn.selected img, .sortbylistbtn.selected em img, .sortbylistbtn.selected em:hover img, .sortbylistbtn.selected a img, .sortbylistbtn.selected a:hover img { background-position:-288px -20px; cursor:default; } /* By theaters */ .sortbytheaterbtn img { width:50px; height:20px; background-position:-314px -862px; } .sortbytheaterbtn a img, .sortbytheaterbtn em img { /*DND*/width:50px; /*DND*/height:20px; background-position:-314px -862px; cursor:pointer; } .sortbytheaterbtn a:hover img, .sortbytheaterbtn em:hover img { /*DND*/width:50px; /*DND*/height:20px; background-position:-314px -882px; } .sortbytheaterbtn.selected img, .sortbytheaterbtn.selected em img, .sortbytheaterbtn.selected em:hover img, .sortbytheaterbtn.selected a img, .sortbytheaterbtn.selected a:hover img { background-position:-314px -882px; cursor:default; } /* By movies */ .sortbymoviebtn img { width:36px; height:20px; background-position:-364px -862px; } .sortbymoviebtn a img, .sortbymoviebtn em img { /*DND*/width:36px; /*DND*/height:20px; background-position:-364px -862px; cursor:pointer; } .sortbymoviebtn a:hover img, .sortbymoviebtn em:hover img { /*DND*/width:36px; /*DND*/height:20px; background-position:-364px -882px; } .sortbymoviebtn.selected img, .sortbymoviebtn.selected em img, .sortbymoviebtn.selected em:hover img, .sortbymoviebtn.selected a img, .sortbymoviebtn.selected a:hover img { background-position:-364px -882px; cursor:default; } /* Combobox arrow */ .navlistnull { width:9px; height:7px; background-position:-239px 0; } .navlistoff { width:9px; height:7px; background-position:-239px -8px; } .navliston { width:9px; height:7px; background-position:-239px -16px; } /* /ALLOCINE ICONIC DB */ /* ------------------ */ /* --------------------- */ /* ALLOCINE LAYOUTS - LY */ /* Ads */ .adbox { position:relative; font-size:0; } /* Ads as Tabs (expand), etc. contain tables... - HTML from SmartAdServer */ .adbox td { padding:0; border:0; } .topheader .skyscraper_right, .topheader .skyscraper_left{ position:absolute; top:0; left:980px; width:160px; padding:0; } .topheader .skyscraper_left{ left:-160px; } /* mkt blocks */ .ad_mktblock { font-size:1em;/*:Restores font-size, zeroed by .adbox*/ overflow:hidden; } .ad_mktblock .ad_mktblockctt { padding:10px 10px 0; } .ad_mktblock .ad_mktblockctt p { margin-bottom:2px; } .ad_mktblock_small { width:222px; height:90px; background-position:0 -1387px; } .ad_mktblock_large { width:300px; height:100px; background-position:0 -1286px; } #contentlayout .adf_5137 .adbox_layout .adbox_imglink { display:block; height:100%; width:78px; } #contentlayout .ad_mktblock_large .adbox_layout .adbox_imglink { width:128px; } /* Only links */ .ad_mktblock_m1 { font-size:11px; line-height:14px; } .ad_mktblock_m1.ad_mktblock_small .ad_mktblockctt { padding-top:6px; } .ad_mktblock_m1.ad_mktblock_large .ad_mktblockctt .ad_mktblockctt { float:right; width:130px; padding-top:0; padding-right:0; margin-left:10px; } /* With picture on the right */ .ad_mktblock_m2r { font-size:11px; line-height:14px; } .ad_mktblock_m2r .ad_mktblockctt { float:left; width:170px; padding-top:6px; padding-right:0; } .ad_mktblock_m2r.ad_mktblock_small .ad_mktblockctt { width:122px; padding-top:6px; } /* With picture on the left */ .ad_mktblock_m2l { font-size:11px; line-height:14px; } .ad_mktblock_m2l .ad_mktblockctt { float:right; width:170px; padding-top:6px; padding-left:0; } .ad_mktblock_m2l.ad_mktblock_small .ad_mktblockctt { width:122px; padding-top:6px; } /* UL */ /*.withlidotted { } .withlidotted li:before { content:" "; } .toto { padding:5px; background-color:red; } */ /* Boxes */ /* Basic rounded header and footer */ .boxbasic { position:relative; margin:0 10px 15px; /* IE6 no bg fill */_zoom:1; } .boxbasicctt { position:relative; background-color:#FFF; /* IE6 no bg fill */_zoom:1; } .boxhdr { position:relative; width:100%; font-size:0; } .boxftr { position:relative; width:100%; font-size:0; } .boxhl, .boxfl { float:left; }/* bg defined in csssprite */ .boxhr, .boxfr { float:right; }/* bg defined in csssprite */ .boxhl, .boxfl { _margin-right:-4px; }/* IE6 cutting */ .boxhr, .boxfr { _margin-left:-4px; }/* IE6 cutting */ .boxbasichdr { display:none; position:relative; width:100%; height:30px; background-repeat:repeat-x; overflow:hidden; } /* to fix inherit of 2 recursive boxes */ .boxbasic .boxbasic .boxbasichdr p { font-size:150%; } .boxbasic .boxbasic.breadcrumb > .boxbasicctt > .boxbasichdr p { font-size:100%; } .boxpartner .boxbasichdr {overflow:visible!important;} .boxpartner .boxbasichdr img {vertical-align:top;position:relative;top:2px;} /* Bbasic */ .boxbasic.bbasic { } .bbasic > .boxbasicctt > .boxbasichdr { display:block; background-image:none; /*background-position:0 -714px;*/ } .bbasic > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:150%; color:#CC0000; } /* Breadcrumb */ .boxbasic.breadcrumb { } .breadcrumb > .boxbasicctt > .boxbasichdr { display:block; height:20px; background-position:0 -714px; } .breadcrumb > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:11px; line-height:17px;/*:fixed to hide line returned text*/ } .breadcrumb > .boxbasicctt > .boxbasichdr p em { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:9px; color:#999999; vertical-align:1px; } /* For the ">" separators */ /* BoxColorA */ .boxbasic.boxcolora { } .boxcolora > .boxbasicctt > .boxbasichdr { display:block; background-position:0 -600px; } .boxcolora > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:150%; } /* BoxColorB */ .boxbasic.boxcolorb { } .boxcolorb > .boxbasicctt > .boxbasichdr { display:block; background-position:0 -638px; } .boxcolorb > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:150%; color:#FFFFFF; } /* BoxColorC */ .boxbasic.boxcolorc { } .boxcolorc > .boxbasicctt > .boxbasichdr { display:block; background-position:0 -676px; } .boxcolorc > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:150%; } /* BoxColorD */ .boxbasic.boxcolord { } .boxcolord > .boxbasicctt > .boxbasichdr { display:block; background-position:0 -1855px; } .boxcolord > .boxbasicctt > .boxbasichdr p { padding:0 10px; font-size:150%; } /* HR */ /* complex model */ .hrcomplex { position:relative; width:100%; height:9px; clear:both; /* IE */ font-size:0; } .hrcomplex { *margin-top:-5px; } /**//* IE6/7 : A spacer before this hr creates ~5px blank space on top due to .functionsbar top padding value !! */ .hrcomplex .hrembossed { float:left; position:relative; width:100%; overflow:hidden; } .hrcomplex .hrembossed .filled { position:relative; width:100%; height:9px; margin-left:400px; background-color:#FFF; } /* Links or labels with icons */ .functionsbar { /* IE DND position:relative;*/ padding-bottom:1px; } .functionsbar .fleft { padding-bottom:2px; } .functionsbar .fright { padding-bottom:0; } .functionsbar .FB_btn { padding:0; height:20px; } .functionsbar.belowbreadcrumb { padding:5px 10px 2px; font-size:11px; height:22px;} .functionsmenu .messenger-badge img{ cursor:pointer;} /* Series Specific */ .withbanner .functionsbar.belowbreadcrumb { margin-top:-29px; margin-bottom:5px; *margin-top:-32px; *margin-bottom:-10px; position:relative; padding:2px 10px;} .withbanner .functionsbar.belowbreadcrumb #leftfunction {margin-top:3px;} .withbanner .hrcomplex .hrembossed { display:none; } .functionsmenu { /* IE DND position:relative;*/ } .functionsmenu li { float:left; position:relative margin-top:2px; } .functionsmenu li em { color:#999999; } /* BUTTONS */ /* From http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors/ */ *html .btn span, *html .btn em, *html .btn.v2 span, *html .btn.v2 em { float:left; width:auto; background-image:none; cursor:pointer; } .btn { float:left; display:block; position:relative; padding:0 6px 8px 4px; font-size:11px; font-weight:bold; color: #000000; text-align:center; cursor: pointer; /*padding:20px;*/ /*background:#FFD61B;*/ } .btn { *padding:0 6px 7px 4px; *zoom:1; } /*IE7*/ *html .btn { background:#FFCC00; border:1px solid #FF9900; } /*button { margin:0; padding:0px 0px 0px 0px; }*/ .btn em /* BL */ { display:block; position:absolute; bottom:0; left:0; width:4px; height:4px; background-position:0 -403px; } .btn span /* TL */ { display:block; position: relative; left:-4px; /*padding:3px 0 3px 10px;*/ padding:4px 0 2px 10px; margin-bottom:-4px; background-position:0 -351px; } .btn span /* TL */ { *margin-bottom:-3px; *background-position:0 -349px; } /*IE7*/ .btn span em /* TR */ { position:absolute; left:100%; top:0; width:10px; height:100%; margin-bottom:0; background-position:right -351px; } .btn span em /* TR */ { *top:-2px; *background-position:right -349px; } /*IE7*/ .btn span span /* BR */ { position: absolute; right:-10px; bottom:0; /*IE7:*/height:0; margin-left:8px; /*padding-top to reajust inherited values (span parent's top + bottom)*//*padding-top:1px; */padding-top:2px; background-position:right -403px; } .btn span span /* BR */ { *bottom:2px; /* *padding-top:0px;*/ *padding-top:1px; } /*IE7*/ .btn:hover { color:#000; text-decoration: none; } *html .btn:hover { background:#FF9900; } .btn:hover em { background-position:0 -462px; } .btn:hover span { background-position:0 -410px; *background-position:0 -408px; } .btn:hover span em { background-position:right -410px; *background-position:right -408px; } .btn:hover span span { background-position:right -462px; } /* V2 : other background */ *html .btn.v2 { background:#D3DAE3; border:1px solid #B5BECA; } .btn.v2 em { background-position:0 -521px;} .btn.v2 span { background-position:0 -469px; *background-position:0 -467px; } .btn.v2 span em { background-position:right -469px; *background-position:right -467px; } .btn.v2 span span { background-position:right -521px; } *html .btn.v2:hover { background:#B5BECA; } .btn.v2:hover em { background-position:0 -580px; } .btn.v2:hover span { background-position:0 -528px; *background-position:0 -526px; } .btn.v2:hover span em { background-position:right -528px; *background-position:right -526px; } .btn.v2:hover span span { background-position:right -580px; } /* DISABLED : Shoulb be an em (but not an a) */ .btn.disabled { color:#999999; cursor:default; } *html .btn.disabled { background:#F9F9F9; border:1px solid #DDDDDD; } *html .btn.disabled span, *html .btn.disabled em, *html { cursor:default; } .btn.disabled em { background-position:0 -981px; } .btn.disabled span { background-position:0 -929px; *background-position:0 -927px; } .btn.disabled span em { background-position:right -929px; *background-position:right -927px; } .btn.disabled span span { background-position:right -981px; } /* V3 : DISCONNECT - only 1 dimension */ .btn.v3 { padding-right:5px; padding-bottom:0px; padding-left:0; font-weight:normal; color:#7F94B0; } *html .btn.v3 { background:#E3E8EE; border:1px solid #B5BECA; } .btn.v3 em { display:none; } .btn.v3 span { padding:0px 0px 1px 9px; margin-bottom:0; background-position:-151px -66px; *padding-top:1px; *background-position:-151px -64px; } .btn.v3 span em { display:block; width:9px; background-position:-288px -66px; *background-position:-288px -64px; } .btn.v3 span span { display:none; } .btn.v3:hover { color:#777777; text-decoration: none; } *html .btn.v3:hover { background:#E3E8EE; } /* .btn em { background:red; } .btn span { background:green; background:none; } .btn span em { background:blue; -background:none; } .btn span span { background:gray; } */ /* Button used in forms */ .buttonform { display:-moz-inline-box; display:inline-block; padding:0; white-space:nowrap; /*vertical-align:middle;*/ cursor:pointer; } * html .buttonform {width:1%; overflow:visible;} *:first-child+html .buttonform {overflow:visible;} .buttonform .btn { } .buttonform .btn span /* TL */ { *padding:5px 0 3px 10px; } .buttonform .btn span em /* TR */ { *top:0px; } .buttonform .btn span span /* BR */ { *bottom:-1px; *padding-top:1px; } /* Tabs */ /* Basic tabs */ .tabs { position:relative; width: 100%; } .tabs .hrbasic, .tabs .hrgolden { position:absolute; left:0; bottom:0; width:100%; z-index:0; } .tabs ul { position:relative; /*DND - IE zindex fix*/float:left; } .tabs li { display:inline; } .tabs a, .tabs em { float:left; padding-left:9px; margin-right:2px; background-position:0 -295px; } .tabs a:hover { /*text-decoration:none; background-position:0 -237px;*/ } .tabs a span, .tabs em span { float:left; display:block; padding:5px 10px 4px 2px; background-position:right -295px; } .tabs em span { color:#999999; } .tabs a:hover span { /*background-position:100% -237px;*/ } .tabs .current a, .tabs .current em { background-position:0 -237px; } .tabs .current a span, .tabs .current em span { /* Bottom +1 */padding:5px 10px 5px 2px; color:#000; font-weight:bold; background-position:right -237px; } /* Starred version */ .tabs .starred a, .tabs .starred em { padding-left:22px; background-position:0 -988px; } .tabs .starred a span, .tabs .starred em span, .tabs .starred .current a span, .tabs .starred .current em span { background-position:right -988px; } /* different behaviour for js enabled tabs */ .tabs.js_enabled a { -moz-outline-style:none; outline-style:none; outline-width:0px; outline-color:-moz-use-text-color; } .tabs.js_enabled .current a { text-decoration:none; cursor:text; } /* Showtimes tabs */ .tabs.showtime li { font-size:11px; } .tabs.showtime a, .tabs.showtime em { padding-left:6px; margin-right:0px; /*background-position:0 -237px;*/ background-position:0 100px;/* HACK:Positive value (100) to hide the tab */ cursor:pointer; } .tabs.showtime a:hover { /*text-decoration:none; background-position:0 -237px;*/ } .tabs.showtime a span, .tabs.showtime em span { padding:5px 2px 4px 1px; /*background-position:right -237px;*/ background-position:0 100px; } .tabs.showtime em span { color:#999999; } .tabs.showtime a:hover span { /*background-position:100% -237px;*/ } .tabs.showtime .current a, .tabs.showtime .current em { background-position:0 -266px; } .tabs.showtime .current a span, .tabs.showtime .current em span { /* Bottom +1 */padding:5px 2px 5px 1px; color:#000; font-weight:normal; background-position:right -266px; } .tabs.showtime .inactive a, .tabs.showtime .inactive em { color:#999999; } /* Fixed width for each day */ .tabs.showtime a.mon { width:47px; } .tabs.showtime a.tue { width:51px; } .tabs.showtime a.wed { width:66px; } .tabs.showtime a.thu { width:48px; } .tabs.showtime a.fri { width:68px; } .tabs.showtime a.sat { width:58px; } .tabs.showtime a.sun { width:70px; } .tabs.showtime .current a:hover { text-decoration:none; cursor:text; } /* Used for the js */ div.js_scrollable { /*position:relative;*/ overflow:hidden; } div.js_scrollable ul.items { /* this cannot be too large */ width:20000em; } div.js_scrollable ul.items li { /* single scrollable item */ display:block; float:left; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabs a span {float:none;} /* End IE5-Mac hack */ /* Showtimes zone (including tabs) */ .showtimeszone { /*DND*/position:relative; } .showtimeszone .navbar { position:absolute; right:0; top:0; width:auto; z-index:+1; *right:10px; } /* Below tabs */ .showtimescore { padding-right:10px; padding-left:10px; background-color:#EEF1F4; border:1px solid #ACB3C0; border-top:0; } .showtimescore p, .showtimescore div.comment {/*DN use top margin!*/padding-top:5px; margin-bottom:0; font-size:11px;} .showtimescore div.comment { min-height:5px; height:auto;_height:5px;/*fix ie6*/ } .showtimescore .times { position:relative; margin-bottom:7px; font-size:12px; color:#999999; *zoom:1; } .showtimescore .times p { padding-top:0; } .showtimescore .times ul { display:block; float:left;} .showtimescore .times li { float:left; display:block; margin-top:3px; margin-right:2px; margin-bottom:0px; font-weight:bold; color:#CC0000; cursor:pointer;} .showtimescore .times li em:hover {background:#f2294c;color:#fff;border-color:#f2294c;} .showtimescore .times li em.btn-disabled, .showtimescore .times li em.btn-disabled.cPointer, .showtimescore .times li em.btn-disabled.cPointer:hover {cursor:default;} .showtimescore .times li em.btn-disabled:hover {background:#fff;border: 2px solid #e5e6e6;} .showtimescore .times li em.btn-on {color:#fff;background:#dc1034;border:2px solid #dc1034;border-bottom:2px solid #dc1034;} .showtimescore .times .first { padding-left:0; border-left:0; } .showtimescore .times .last { padding-right:0; margin-right:0; border-right:0; } .showtimescore .times li em { display: block; font-weight: 700; color: #dc1034; background: #fff; padding: 5px; border: 2px solid #e5e6e6; border-bottom: 2px solid #e5e6e6; cursor: default; text-align: center; width: 5em; height: 3.5em; display: table-cell; vertical-align: middle; line-height: 1.3;} .showtimescore .times li em.cPointer { cursor: pointer; } .showtimescore .times li em.e_over .simple_tooltip, .showtimescore .times li em.e_over .simple_tooltip > span { border:none; } .showtimescore .times li em.e_over .st_arrow_b { top:auto; bottom:62px; } .showtimescore .times li em > b { font-weight: 300; color: #000; text-decoration:underline; } .showtimescore .times li em:hover { background:#f2294c; color:#fff; border:2px solid #f2294c; border-bottom:2px solid #f2294c; } .showtimescore .times li em:hover > b { color:#fff; } .showtimescore .times li em.btn-disabled > b { color:#c0c8d6 !important } .showtimescore .times li em.btn-disabled { background:#fff; border: 2px solid #e5e6e6; } .showtimescore .times li em.btn-on { color:#fff; background:#dc1034; border:2px solid #dc1034; border-bottom:2px solid #dc1034; } .showtimescore .times .btn {/* position:absolute; bottom:-2px; right:0px;*/ float:right; font-size:1em; font-weight:normal; } .showtimescore .times .btn { *position:relative; } /*ie7*/ /* Nav by Alpha */ .filteralphazone { position:relative; margin:5px 0 5px 10px; color:#999999; text-align:center; *zoom:1; } .filteralphazone a, .filteralphazone em { float:left; display:block; width:16px; padding:4px 0 3px;/*:padding-top simulates line-height*/ } .filteralphazone .current { padding:0 0 2px;/*:adjusting cell height as line-height is higher*/ font-size:16px; font-weight:bold; color:#000; } /* Nav by Alpha in Homes */ .lyhome .size3of4 .filteralphazone { margin:0 0 20px;} .lyhome .size3of4 .filteralphazone a, .lyhome .size3of4 .filteralphazone em { width:20px; } /* Nav by Years */ .filteryearszone { position:relative; margin:5px 10px; color:#999999; text-align:center; } .filteryearszone a { } .filteryearszone .current { font-size:16px; font-weight:bold; color:#000; } /* Nav by Flags */ .filterflagszone { position:relative; margin:5px 10px; /*letter-spacing:1px;*/ } .filterflagszone a { margin:11px 5px 0 0; } .filterflagszone img.big { margin:0 8px 0 3px; } .filterflagszone .moreflagslink { float:right; margin-top:18px; font-size:11px; } .filterflagszone .moreflagslink a { margin:0; text-decoration:underline; } .filterflagszone.ofminiflagsonly .moreflagslink { float:right; margin-top:7px; font-size:11px; } /* Nav by Flags in Homes */ .lyhome .size3of4 .filterflagszone { margin:15px 0 20px; *zoom:1; } /* Nav by Seasons */ .filterseasonszone { position:relative; margin:5px 10px; } .filterseasonszone li { float:left; display:block; margin-bottom:5px; border-left:1px solid #999999; } .filterseasonszone li.title { margin-right:3px; font-weight:bold; border-left:none; } .filterseasonszone li.first { border-left:none; } .filterseasonszone li a { padding:3px 7px 4px; } .filterseasonszone li em { padding:2px 7px; color:#FFFFFF; background-color:#AFB8C7; } /* Note zone (Press/customers) */ .notezone { float:left; position:relative; } .notezone p { margin-bottom:1px; color:#999999;} .notezone /*p*/ .moreinfo { padding-left:3px; font-size:11px; color:#999999; } .notezone .withstars { line-height:14px; /**/vertical-align:middle; } .notezone .withstars .moreinfo { /*vertical-align:middle;*/ } .notezone p img { vertical-align:bottom; } .notezone .withreco { } .notezone .withreco .functionsmenu li { } .notezone .withreco .functionsmenu em { } .notezone .withreco .recobar { float:left; margin-top:3px; } .notezone .withreco .moreinfo { float:left; } /* Combo list parent */ .comboboxzone { position:relative; float:left; width:auto; padding:2px 17px 5px 6px; font-size:11px; border:1px solid #A0ACC2; cursor:pointer; } .comboboxzone a:hover { text-decoration:none; } .comboboxzone .constraintzone { position:relative; float:left; width:159px; margin-right:4px; overflow:hidden; } *html .comboboxzone .constraintzone { width:155px; } .comboboxzone .constraintzone .unbreackablezone { /*big value*/ width:450px; } .comboboxzone .constraintzone .unbreackablezone a { color:#000; } .comboboxzone a .extra, .comboboxzone em .extra { padding-left:3px; color:#999999; } .comboboxzone a:hover .extra, .comboboxzone em:hover .extra { color:#999999; } .comboboxzone .navlistoff { position:absolute; right:7px; top:8px; /*IE*/font-size:0; } .comboboxzone:hover .navlistoff { /*to take ON effect*/ background-position:-239px -16px; } /* Combo box List part */ .comboboxlist { position:absolute; left:-1px; top:-1px; width:186px; background-color:#FFFFFF; border:1px solid #A0ACC2; z-index:1001; display:none; } *html .comboboxlist { /*position:relative; left:-7px; top:-3px;*/ } /*Degradation*/ .comboboxlist ul { position:relative; } .comboboxlist li { position:relative; padding-right:27px; } /* padding-right = horizontal padding of child 'a' */ .comboboxlist a, .comboboxlist em { display:block; position:relative; width:100%; padding:2px 21px 5px 6px; /* for */font-style:normal; } *html .comboboxlist a, *html .comboboxlist em { width:auto; } .comboboxlist a:hover, .comboboxlist em:hover { background-color:#EDF0F3; } .comboboxlist a span, .comboboxlist em span { display:inline; } .comboboxlist .first { } .comboboxlist .first a, .comboboxlist .first em { color:#000; } .comboboxlist .first a:hover, .comboboxlist .first em:hover { background-color:#FFFFFF; } .comboboxlist .first img { position:absolute; right:7px; top:8px; width:9px; height:7px; background-position:-239px -16px; }/* from .navliston */ .comboboxlist .first a span { } .comboboxlist .first a:hover span { } .comboboxlist .selected { background-color:#EDF0F3; } .comboboxlist .selected a { } .comboboxlist .selected a span { font-weight:bold; color:#000; } .comboboxlist .selected a:hover span { } .comboboxlist .selected a .extra { font-weight:normal; color:#999999; } /* Filter list zone (with combobox) */ .filterlistzone { position:relative; } .filterlistzone { *zoom:1; } *html .filterlistzone { _zoom:1; } .filterlistzone .filterlistelement { float:left; position:relative; width:215px; padding-bottom:10px; } .filterlistzone .filterlistelement p { font-size:11px; font-weight:bold; } .filterlistzone .filterlistelement .comboboxzone { } .filterlistzone .functionsmenu { float:left; padding:4px 0 0 0; margin:0 -10px 0 0;word-wrap:break-word; } .filterlistzone .functionsmenu .icoredcross { margin:0 5px;} .filterlistzone.morefilters { /*display:none;*/ } /* hidden zone opened by js */ /* DISABLING one element visually */ .filterlistelement.disabled { } .filterlistelement.disabled p { color:#999999; } .filterlistelement.disabled .comboboxzone { border-color:#DDDDDD; cursor:default; } .filterlistelement.disabled .comboboxzone a { cursor:default; } .filterlistelement.disabled .comboboxzone .constraintzone .unbreackablezone a { color:#999999; } .filterlistelement.disabled .comboboxzone .navlistoff { /*to take DISABLED effect*/ background-position:-239px 0; } /* Navigation bars */ .navbar { position:relative; /*default value - redefined by nav-parent*/ width:150px; margin:0 auto; } .navbar ul { position:relative; text-align:center; } .navbar li { display:inline; font-size:11px; color:#7F94B0; } .navbar .navprevbtn { } .navbar .navprevbtn img { vertical-align:bottom; } .navbar .navprevbtn a, .navbar .navprevbtn em { line-height:20px; vertical-align:middle; } .navbar .navprevbtn a img { } .navbar .navprevbtn a:hover img { } .navbar .navprevbtn span { display:none; } .navbar .navcenterdata { line-height:20px; vertical-align:middle; } .navbar .navcurrpage { font-weight:bold; } .navbar .navnextbtn { } .navbar .navnextbtn img { vertical-align:bottom; } .navbar .navnextbtn a, .navbar .navnextbtn em { line-height:20px; vertical-align:middle; } .navbar .navnextbtn a img { } .navbar .navnextbtn a:hover img { } .navbar .navnextbtn span { display:none; } .navbar .sortbythumbnailsbtn span { display:none; } .navbar .sortbylistbtn span { display:none; } .navbar .sortbytheaterbtn span { display:none; } .navbar .sortbymoviebtn span { display:none; } /* In special layout */ .lyhomesite .size1of3 .navbar { width:80px; margin-left:10px; } /* filter bar */ .filterbar { position:relative; } .filterbar .leftzone { position:relative; float:left; /* DNU overflow:hidden;*/} .filterbar .leftzone .navbar { position:relative; float:left; padding-right:1px; } .filterbar .leftzone .navbar li { float:left; } .filterbar .leftzone .label { position:relative; float:left; padding-right:1px; } .filterbar .leftzone .comboboxzone { float:left; /*DNF*/padding:0 12px 0 0; margin-left:0; border:none; } .filterbar .leftzone .comboboxzone .constraintzone { position:relative; float:left; width:100px; margin-right:4px; overflow:hidden; padding-left:7px; } .searchMember .filterbar .leftzone .comboboxzone .constraintzone {/*width:100px;*/} .filterbar .leftzone .comboboxzone .constraintzone .unbreackablezone { width:300px; } .filterbar .leftzone .comboboxzone .comboboxlist { top:-3px; left:0; width:180px; } .filterbar .leftzone .comboboxzone .navlistoff { right:2px; top:6px; } .filterbar .centerzone { position:relative; } .filterbar .centerzone .navbar { float:left; } .filterbar .centerzone .extrazone { text-align:right; } /* filter bar models - classes redefinitions */ .navbypagefull { } .navbypagefull .centerzone { width:430px; margin-left:10px; } .navbypagefull .navbar { width:auto; /*margin:0 auto; text-align:center;*/ } .navbypagefull .navbar ul { position:relative; } .navbypagefull .navbar li { display:block; float:left; margin-top:4px; } .navbypagefull .navbar .navprevbtn { margin-right:6px; } .navbypagefull .navbar .navcenterdata { margin-right:2px; line-height:17px/*1.5em*/; text-align:center; } .navbypagefull .navbar .navcenterdata a { display:block; padding:0 4px 1px; color:#7F94B0; font-weight:bold; border:1px solid #AEB8C7; cursor:pointer; } .navbypagefull .navbar .navcenterdata a:hover { color:#FFF; text-decoration:none; border:1px solid #005EA8; background-color:#005EA8; } .navbypagefull .navbar .navcenterdata em { display:block; padding:0 4px 1px; color:#7F94B0; font-weight:bold; } .navbypagefull .navbar .navcenterdata .current { color:#FFF; border:1px solid #AEB8C7; background-color:#AEB8C7; } .navbypagefull .navbar .navnextbtn { margin-left:4px /*6-2*/; } .navbypage { } .navbypage .leftzone { width:160px; /* *overflow:hidden;*/ } .navbypage .leftzone .navbar { width:90px; margin-right:20px; } .navbypage .leftzone .comboboxzone .constraintzone { } .navbypage .centerzone { width:287px/*290 but 287 for IE6*/; margin-left:160px; } .navbypage .centerzone .navbar { width:130px; } /* content centered in 130px */ .navbypage .centerzone .extrazone { margin-left:130px /*.navbar width*/; } /* In Large layout */ .lylarge .navbypage .leftzone { width:320px; } .lylarge .navbypage .leftzone .navbar { width:50px; margin-left:10px; } .lylarge .navbypage .centerzone { width:437px/*440 but 437 for IE6*/; margin-left:320px; } .navbydate { } .navbydate .leftzone { width:147px; } .navbydate .leftzone .comboboxzone .constraintzone { width:90px; } .navbydate .centerzone { width:300px; margin-left:147px; } .navbydate .navbar { width:171px; } /* content fixed at 171px */ .navbydate .centerzone .extrazone { margin-left:170px /*.navbar width*/; } .navbydate .navbar ul { text-align:left; } .navbydate .navbar li { display:block; float:left; } .navbydate .navbar .navprevbtn { margin-top:2px; margin-right:6px; } .navbydate .navbar .navcenterdata { width:118px; /*height:22px;*/ margin-right:6px; text-align:center; border:1px solid #A0ACC2; cursor:pointer; } .navbydate .navbar .navcenterdata img { float:right; margin:2px 7px 0 0; } .navbydate .navbar .navcenterdata span { /*DNU position:relative;*/ /*padding-left:7px;*/ line-height:22px; color:#000; font-weight:bold; } .navbydate .navbar .navnextbtn { margin-top:2px; } .navbyyear { } .navbyyear .leftzone { width:164px; } .navbyyear .leftzone .comboboxzone .constraintzone { width:104px; } .navbyyear .centerzone { width:283px; margin-left:164px; } .navbyyear .navbar { width:122px; } /* content fixed at 122px */ .navbyyear .centerzone .extrazone { margin-left:122px /*.navbar width*/; } .navbyyear .navbar ul { text-align:left; } .navbyyear .navbar li { display:block; float:left; } .navbyyear .navbar .navprevbtn { margin-top:2px; margin-right:7px; } .navbyyear .navbar .navcenterdata { width:68px; height:22px; margin-right:7px; border:1px solid #A0ACC2; cursor:pointer; } .navbyyear .navbar .navcenterdata img { float:right; margin:2px 7px 0 0; } .navbyyear .navbar .navcenterdata span { /*DNU position:relative;*/ padding-left:7px; line-height:22px; color:#000; font-weight:bold; } .navbyyear .navbar .navnextbtn { margin-top:2px; } .navby2dropdowns { } .navby2dropdowns .centerzone { width:430px; margin-left:10px; } .navby2dropdowns .centerzone .navbar { width:auto; } .navby2dropdowns .centerzone .navbar li { float:left; } .navby2dropdowns .centerzone .comboboxzone { float:left; margin-right:10px; } .navby2dropdowns .centerzone .comboboxzone .constraintzone { width:73px; /* 100 - 27(li right padding) */ } .navby2dropdowns .centerzone .comboboxzone .comboboxlist { width:100px; } .navby2dropdowns .navbar .navprevbtn { margin-top:2px; margin-right:10px; } .navby2dropdowns .navbar .navnextbtn { margin-top:2px; } /* Tables related */ /* BoxOffice table model */ .boxofficedata { width:100%; } .boxofficedata tr { } .boxofficedata tr:hover td { background-color:#E5EAEF; } .boxofficedata th, .boxofficedata td { /*width:1px;*/ padding:4px 10px 4px 4px; font-size:11px; text-align:right; vertical-align:middle; /*DND*/border:0; border-bottom:1px solid #CFD7E1; } .boxofficedata thead { background-color:#E5EAEF; } .boxofficedata thead th { padding:4px 10px; text-align:center; border-width:0 0 1px; } .boxofficedata.withoutth { border-top:1px solid #CFD7E1; } /* Restores a top border is "th" is useless */ /* BoxOffice table in lyhome */ .lyhome .size1of2 .boxofficedata td { font-size:1em; vertical-align:top; border:none; } .lyhome .size1of2 .boxofficedata a { font-weight:bold; } /* BoxOffice table in lyhomesite */ .lyhomesite .size1of3 .boxofficedata td { font-size:1em; vertical-align:top; border:none; } .lyhomesite .size1of3 .boxofficedata a { font-weight:bold; } .lyhomesite .hsspecialunit1of3 .boxofficedata td { padding:0 10px 4px 4px; font-size:1em; vertical-align:top; border:none; } .lyhomesite .hsspecialunit1of3 .boxofficedata a { font-weight:bold; } /* RssListData table model */ .rsslistdata { width:100%; border-top:1px solid #CFD7E1; } .rsslistdata tr { } .rsslistdata tr:hover td { background-color:#E5EAEF; } .rsslistdata th, .rsslistdata td { width:1px; padding:4px 10px 4px 4px; text-align:right; vertical-align:middle; /*DND*/border:0; border-bottom:1px solid #CFD7E1; } /* Casting table model */ .castingdata { width:100%; } .castingdata tr { } .castingdata th { height:0; padding:0; border:0; } /* th cells are used to dispatch cells width */ .castingdata td { /*DNU width:auto;*/ padding:4px 10px; vertical-align:middle; /*DND*/border:0; } /* Press rating table model */ .pressratingdata { /*width:100%;*/ } .pressratingdata.prdataleft { margin-right:14px; } .pressratingdata.prdataright { margin-left:14px; } .pressratingdata tr { } .pressratingdata td { /*DNU width:auto;*/ padding:2px 0; vertical-align:middle; /*DND*/border:0; } /* TV Showtimes, typically in homes */ .tvshowtimesdata { width:100%; border-top:1px solid #CFD8E1; } .tvshowtimesdata th { /*width:1px;*/ padding:0px 14px 8px 0; font-weight:normal; text-align:right; border:none; border-bottom:1px solid #CFD8E1; } .tvshowtimesdata td { width:100%; padding:0px 0 8px; border:none; border-bottom:1px solid #CFD8E1; } /* HighLight an odd line */ tr.odd td { background-color:#E5EAEE; border:none; } /* Connect bar */ .connectbar { /*position:relative;*/ width:100%; height:22px; position:fixed;z-index:9999; } .connectbar.connected { position:fixed; _position:absolute; top:0; left:0; z-index:1000001; } .connectbar .connectbarctt { position:relative; width:940px; height:22px; margin:0 auto; /*DNU font-size:11px;*/ overflow:hidden; } .connectbar .connectbarctt .leftzone { float:left; position:relative; width:460px; overflow:hidden; } .connectbar .connectbarctt .rightzone { float:right; position:relative; width:460px; overflow:hidden; } .connectbar .connectbarctt .leftzone .nicknamezone { float:left; position:relative; margin-top:1px; margin-right:20px; font-size:11px; font-weight:bold; } .connectbar .connectbarctt .leftzone .nicknamezone img { height:15px; padding:1px; background-color:#FFF; border:1px solid #7186A2; vertical-align:middle; display:inline-block; } .connectbar .connectbarctt .leftzone .nicknamezone span { padding-left:5px; vertical-align:middle; display:inline-block; } .connectbar .connectbarctt .leftzone .messagealert { /*DNU float:left;*/ position:relative; margin-top:2px; font-size:11px; } .connectbar .connectbarctt .rightzone .loginlinks { float:right; margin-top:2px; font-size:11px; color:#999999; } .connectbar .connectbarctt .rightzone .loginlinks a { font-weight:bold; } .connectbar .connectbarctt .rightzone .loginlinks .icofacebookmini { margin:0 2px 2px 6px; vertical-align:middle; } .connectbar .connectbarctt .rightzone .btn { float:right; margin-top:2px; *margin-top:0px; _margin-top:1px; } .connectbar .connectbarctt .rightzone .shortcutslinks { /*DNU float:right; width:100%;*/ margin-top:2px; _margin-top:4px; font-size:11px; text-align:center; color:#999999; } .connectbar .connectbarctt .rightzone .shortcutslinks .icotroiscent { margin-bottom:2px; vertical-align:middle; } /* Search engine */ .searchenginezone { position:relative; padding:10px; border:1px solid #CFD7E1; } .searchenginezone.noborder { padding:0; } /* if noborder then the zone is naked */ .searchenginezone .searchinput { float:left; position:relative; width:300px; padding:2px 0 2px 10px; margin:1px 6px 0 0; *margin:4px 10px 0 0; border:1px solid #A0ACC2; } .searchenginezone .buttonform { position:relative; *margin-top:2px; _margin-top:0px; } .searchenginezone .extralinks { margin-bottom:0; font-size:11px; } .searchenginezone .extralinks a { color:#000000; } /* Search engine in Homes */ .lyhome .size1of1 .searchenginezone { padding:0 0 6px 0; border:none; } .lyhome .size1of1 .searchenginezone .searchinput { width:515px; } .lyhome .size1of1 .searchenginezone .extralinks { color:#999999; } /* Search engine in HomeSite */ .lyhomesite .size2of3 .searchenginezone { padding:0 0 6px 0; border:none; } .lyhomesite .size2of3 .searchenginezone .searchinput { width:505px; } .lyhomesite .size2of3 .searchenginezone .extralinks { color:#999999; } /* Showtimes tooltip */ .showtimesinfotip { position:absolute; top:50px; left:50px; padding:6px 10px 8px; font-size:11px; background-color:#FFF6C2; z-index:1000000; display:none; } /* JQ UI Overlay */ .ui-widget-overlay { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:.60; filter:Alpha(Opacity=60); } .ui-corner-all { -moz-border-radius:4px; -webkit-border-radius:4px; } .ui-dialog { padding:4px 0; } .ui-widget-content { background-color:#FFFFFF; /*border:1px solid #AAAAAA;*/ } .ui-dialog .ui-dialog-content { padding:0; background:none; border:0; overflow:auto; } /* Overlay inner encapsulation */ .overlayzone { position:relative; width:auto; height:auto; background-color:#FFFFFF; overflow:hidden; } .overlayzone .overlaycontent /* DEPRECATED */{ position:relative; padding:0 10px; } .overlayzone .overlayrubric { position:relative; padding:0 10px; } .overlayzone .overlaytitle { font-size:18px; color:#CC0000; } /* Overlay header */ .overlayzone .overlayheader { position:relative; _zoom:1; _border-bottom:1px solid #999999; /*:to replace bggrad in IE6*/ } .overlayzone .overlayheader .morezonebggrad { position:absolute; left:0; bottom:0; width:100%; } .overlayzone .overlayheader .overlayclose { float:right; position:relative; margin-top:5px; margin-bottom:10px; cursor:pointer; } .overlayzone .overlayheader .overlaytitle { padding-top:7px; padding-bottom:10px; } .overlayzone .overlayheader .datablock.member { width:445px; margin:0; padding-top:5px; } /* Overlay body */ .overlayzone .overlaybody { position:relative; _width:100%; /*height:50px;*//*:indicative value*/ margin:4px 4px 0 0; /*:top and right equal overlay rounded radius */ overflow:auto; _overflow:scroll; } .overlayzone .overlaybody .overlaybodyctt { position:relative; padding-top:8px; overflow:hidden; } .overlayzone .olconfirmactionzone { padding:2px 0 3px; margin:10px 0 3px; font-size:11px; text-align:center; background-color:#FFF6C2; } /* */ .overlayzone .ollistofoptions { position:relative; padding-top:10px; *zoom:1; } .overlayzone .ollistofoptions .ollooitem { float:left; position:relative; padding:6px 10px; margin-right:5px; margin-bottom:10px; } .overlayzone .ollistofoptions .ollooitem.ollooitemselected { padding:5px 9px; background-color:#FFF6C2; border:1px solid #FFC100; } .overlayzone .ollistofoptions .ollooitem input { float:left; margin-top:1px; *margin-top:-2px; cursor:pointer; } .overlayzone .ollistofoptions .ollooitem label { float:left; padding-left:5px; font-size:11px; font-weight:bold; cursor:pointer; } /* */ .overlayzone .olnotationzone { position:relative; padding-top:4px; *zoom:1; } .overlayzone .olnotationzone .femaleparentobject { position:relative; padding:1px 0px 5px 10px; *padding-bottom:1px; margin-bottom:4px; } .overlayzone .olnotationzone .femaleparentobject.femaleparentobjectselected { padding:0px 0 4px 9px; *padding-bottom:0px; background-color:#FFF6C2; border:1px solid #FFC100; } /* */ .overlayzone .olcriticattachzone { position:relative; padding-top:4px; *zoom:1; } .overlayzone .olcriticattachzone .olcachild { position:relative; padding:10px 10px; margin-bottom:4px; font-size:11px; } .overlayzone .olcriticattachzone .olcachild.olcachildselected { padding:9px 9px; background-color:#FFF6C2; border:1px solid #FFC100; } .overlayzone .olcriticattachzone .olcachild .olcatextareazone { position:relative; width:100%; padding-bottom:10px; } .overlayzone .olcriticattachzone .olcachild .olcatextareazone textarea { position:relative; width:425px; padding:5px; } .overlayzone .olcriticattachzone .olcachild .olcabtnzone { position:relative; } .overlayzone .olcriticattachzone .olcachild .olcabtnzone .btn { margin-right:20px; font-size:1em; /* Cancels parent's declaration */ } .overlayzone .olcriticattachzone .olcachild .olcabtnzone .olcacharteluezone { float:left; position:relative; } .overlayzone .olcriticattachzone .olcachild .olcabtnzone .olcacharteluezone input { float:left; margin-top:6px; *margin-top:4px; } .overlayzone .olcriticattachzone .olcachild .olcabtnzone .olcacharteluezone label { float:left; padding-left:5px; margin-top:4px; *margin-top:6px; cursor:pointer; } .overlayzone .olcriticattachzone .olcachild .olcabtnzone .olcacharscounter { float:right; position:relative; margin-top:4px; *margin-top:6px; color:#999999; } /* */ .overlayzone .ollistsrelatedzone { position:relative; padding-top:15px; font-size:11px; *zoom:1; } .overlayzone .ollistsrelatedzone .ollistoflists { position:relative; padding-bottom:10px; } .overlayzone .ollistsrelatedzone .ollistoflists p { padding-left:10px; } .overlayzone .ollistsrelatedzone .ollistoflists .ollolitem { float:left; position:relative; width:209px; _width:212px; padding:6px 10px; } .overlayzone .ollistsrelatedzone .ollistoflists .ollolitem.ollolitemselected { padding:5px 9px; background-color:#FFF6C2; border:1px solid #FFC100; } .overlayzone .ollistsrelatedzone .ollistoflists .ollolitem input { float:left; margin-top:1px; *margin-top:-1px; _margin-top:-2px; cursor:pointer; } .overlayzone .ollistsrelatedzone .ollistoflists .ollolitem label { float:left; padding-left:5px; cursor:pointer; } /* overlay_connect specific */ .overlayzone.overlay_connect input { width:90%; padding:3px 0 2px 5px; } .overlayzone.overlay_connect .olconfirmactionzone { padding:5px 10px; margin-bottom:8px; text-align:left; } .overlay_lost_password .icoredcross, .overlay_lost_password .icoredcross:hover{ background-position:-125px -28px; height:8px; width:7px; } /* Overlay's widths */ /* .overlayzone.overlay_connect { width:500px; } .overlayzone.overlay_connect .overlaybody { height:410px; height:360px;} */ #overlay_connect, #overlay_connect .overlaybody{ overflow:visible; /*fix bug for overlay connect webkit*/ } .overlayzone.overlay_theater { width:600px; } /* .overlayzone.overlay_theater .overlaybody { height:200px; }*/ .overlayzone.overlay_seasonbookmark_notation { width:500px; } /* .overlayzone.overlay_seasonbookmark_notation .overlaybody { height:250px; }*/ .overlayzone.overlay_episodebookmark_notation { width:500px; } /* .overlayzone.overlay_episodebookmark_notation .overlaybody { height:250px; }*/ .overlayzone.overlay_address_validation { width:500px; } .overlayzone.overlay_address_validation .overlaybody { height:300px; } .overlayzone.overlay_captcha { width:500px; } .overlayzone.overlay_captcha .overlaybody { height:300px; } .overlayzone.overlay_account_creation { width:600px; } .overlayzone.overlay_account_creation .overlaybody { height:400px; } /* .overlayzone.overlay_account_customization_step1 { width:500px; } .overlayzone.overlay_account_customization_step1 .overlaybody { height:300px; } .overlayzone.overlay_account_customization_step2 { width:500px; } .overlayzone.overlay_account_customization_step2 .overlaybody { height:300px; } .overlayzone.overlay_account_customization_step3 { width:500px; } .overlayzone.overlay_account_customization_step3 .overlaybody { height:300px; } .overlayzone.overlay_account_customization_final { width:500px; } .overlayzone.overlay_account_customization_final .overlaybody { height:300px; } */ .overlayzone.overlay_personbookmark_notation { width:500px; } /* .overlayzone.overlay_personbookmark_notation .overlaybody { height:200px; }*/ .overlayzone.overlay_moviebookmark_notation { width:500px; } /* .overlayzone.overlay_moviebookmark_notation .overlaybody { height:300px; }*/ .overlayzone.overlay_seriesbookmark_notation { width:500px; } /* .overlayzone.overlay_seriesbookmark_notation .overlaybody { height:300px; }*/ .overlayzone.overlay_valid_mail { width:500px; } /* .overlayzone.overlay_valid_mail .overlaybody { height:300px; }*/ .overlayzone.overlay_valid_mail_email { width:500px; } /* .overlayzone.overlay_valid_mail_email .overlaybody { height:170px; }*/ .overlayzone.overlay_valid_mail_send { width:500px; } /* .overlayzone.overlay_valid_mail_send .overlaybody { height:350px; }*/ .overlayzone.podcast_overlay { width:500px; } .overlayzone.podcast_overlay .overlaybody { height:360px; } .overlayzone.overlay_report_abuse { width:600px; } /* .overlayzone.overlay_report_abuse .overlaybody { height:300px !important; }*/ .overlayzone.overlay_forum_report_abuse { width:600px; } /* .overlayzone.overlay_report_abuse .overlaybody { height:300px !important; }*/ .overlayaccountunification .overlaycontentdiv{ padding-left:10px;margin:0 0 16px;overflow:auto;} .overlayaccountunification .btn > span{ padding:4px 10px 2px 20px;} .overlayaccountunification .formline{margin:5px 0;} .overlayaccountunification .noleft{ float:none; padding:0 0 0 127px;} .overlayaccountunification .formline .label_01{ float:left; width:120px;text-align:right;font-weight:700;padding: 0 10px 0 0;} .overlayaccountunification .formline input{float:left;margin:0 10px 0 0;padding:3px 0 2px 5px;} .overlayaccountunification .formline .error{float:left;width:200px;} .overlayzone.overlay_account_unification_check { width:600px; } /* .overlayzone.fbc_createaccount { width:600px; } .overlayzone.fbc_createaccount .overlaybody { height:400px; } .overlayzone.fbc_start { width:600px; } .overlayzone.fbc_start .overlaybody { height:400px; } */ .overlayzone.fbc_connect, .overlayzone.fbc_lostpassword, .overlayzone.fbc_lostemail, .overlayzone.fbc_createaccount, .overlayzone.fbc_start, .overlayzone.fbc_setavatar, .overlayzone.fbc_setdisplayname, .overlayzone.fbc_setaddress, .overlayzone.fbc_setnewsletters, .overlayzone.fbc_welcome, .overlayzone.fbc_unbindaccount { width:600px; } /* Header Sub Menu */ .tabshdrsubmenu { position:absolute; top:0px; left:200px; padding:25px 10px 12px; background-color:#FFFFFF; border:2px solid #005EA8; -moz-opacity:0.95; opacity:0.95; filter:alpha(Opacity=95); } .tabshdrsubmenucol { float:left; position:relative; width:180px; padding-left:10px; margin-right:10px; } .tabshdrsubmenucol.extra { width:180px; border-left:1px solid #CFD7E1; } .hdrsubmenuitems { } .hdrsubmenuitems li { position:relative; margin-bottom:5px; } .hdrsubmenuitems a { font-weight:bold; } .hdrsubmenuitems span { font-weight:bold; } .hdrsubmenuitems em { color:#999999; } .hdrsubmenuitems.extra .titleitem { padding-right:20px; padding-bottom:5px; font-weight:bold; border-bottom:1px solid #CFD7E1; } .hdrsubmenuitems.extra .titleitem img { position:absolute; right:7px; top:6px; width:9px; height:7px; background-position:-239px -24px; } .hdrsubmenuitems.extra a { font-weight:normal; } /* Spoilers (V5 inherited) */ span.spoiler { color:#E0E0E0; background:#E0E0E0; } span.spoiler img { visibility:hidden; } span.seespoiler { color:#000; background:transparent; } span.seespoiler img { visibility:visible; } .spoiler2, .bg_spoiler2{ background:#E0E0E0 !important;} .spoilerHeader{ color:#000000; font-weight:bold; background:#E0E0E0; } .bg_spoiler2 .spoilerContent{ background:#fff; } .spoiler2 .spoilerContent{ visibility:hidden !important; background:#E0E0E0 } /* Home Site Ephemeride */ .ephemeride { position:relative; padding:0 10px; margin-bottom:15px; } .ephemeride h1 { font-size:11px; } .ephemeride h1 b { font-size:12px; font-weight:bold; } /* Home NIP */ .homenip { position:relative; width:650px; margin-bottom:10px; } .homenip .hncontent { position:relative; width:650px; height:352px; background-color:#FFFFFF; } .homenip .hncontent .hnheader { position:relative; width:100%; height:41px; margin-bottom:10px; overflow:hidden; } .homenip .hncontent .titlebar { position:relative; padding-top:2px; margin-top:0;} .homenip .hncontent .titlebar h2 { font-size:24px; } .homenip .hncontent .hnnavbar { float:right; position:relative; padding-right:10px; padding-top:11px; z-index:+1; } .homenip .hncontent .hnnavbar .hniptick { float:left; position:relative; width:20px; height:19px;/*:adjusted sizes*/ padding-top:2px; padding-left:1px; margin-right:2px; font-size:11px; color:#005EA8; text-align:center; cursor:pointer; } .homenip .hncontent .hnnavbar .hniptick.current { width:19px; *width:20px; width:21px\0; height:18px;/*:adjusted sizes*/ padding-top:3px; padding-left:2px; *padding-left:1px; padding-left:0px\0; font-weight:bold; color:#000000; background-position:-379px -903px; } .homenip .hncontent .hnnavbar .navprevbtn, .homenip .hncontent .hnnavbar .navnextbtn { float:left; position:relative; } .homenip .hncontent .hnnavbar .navprevbtn { margin-left:3px; } .homenip .hncontent .hnipcontentconstraint { position:relative; width:630px;/*:+1 to contain _m3 design*/ height:295px; margin-left:10px; overflow:hidden; } .homenip .hncontent .hnipcontentscrollable { position:absolute; width:10000px; } .homenip .hncontent .hnipcontentcontainer { float:left; position:relative; width:640px; height:295px; /*DNU overflow:hidden;*/ } /* Home Nip templates*/ .hnipctt_m1 { float:left; position:relative; width:630px; height:295px; /*:sizes must be fixed*/ background-color:#FFFFFF; background-position:left top; background-repeat:no-repeat; overflow:hidden; } .hnipctt_m1 .hnipimg { position:absolute; left:0; top:0; } .hnipctt_m1 .hnipdatacontainer { float:none; position:relative; /* position:absolute; left:0; bottom:0;*/ width:100%; } .hnipctt_m1 .hnipdatacontainer .hnipbgfiller { position:absolute; left:0; top:0; width:100%; height:100%; _height:295px; background-color:#000000; /*-moz-opacity:0.9; opacity:0.9; filter:alpha(Opacity=90); */} .hnipctt_m1 .hnipdatacontainer .hniptitlectt { float:left; position:relative; width:440px; padding:7px 10px 0; font-size:16px; font-weight:bold; color:#FFFFFF; } .hnipctt_m1 .hnipdatacontainer .hniptextctt { float:left; position:relative; width:440px; padding:0 10px 9px; color:#FFFFFF; } .hnipctt_m1 .hnipdatacontainer .hnipextractt { display:none; } .hnipctt_m1 .hnipdatacontainer .hnipbtnctt { float:none; position:absolute; right:0; bottom:0; width:100%; z-index:+1; } .hnipctt_m1 .hnipdatacontainer .centeringtable { } .hnipctt_m1 .hnipdatacontainer .btn { float:none; position:absolute; right:0; bottom:0; margin:15px 20px 15px 0; } .hnipctt_m2 { float:left; position:relative; width:413px; height:293px; /*:sizes must be fixed*/ margin-right:10px; background-color:#FFFFFF; background-position:left top; background-repeat:no-repeat; border:1px solid #CFD7E1; overflow:hidden; } .hnipctt_m2 .hnipimg { position:absolute; left:0; top:0; } .hnipctt_m2 .hnipdatacontainer { float:right; position:relative; width:180px; height:100%; padding:0 10px; } .hnipctt_m2 .hnipdatacontainer .hnipbgfiller { display:none; } .hnipctt_m2 .hnipdatacontainer .hniptitlectt { float:none; position:relative; width:100%; padding:7px 0 0; font-size:16px; font-weight:bold; color:#000000; } .hnipctt_m2 .hnipdatacontainer .hniptextctt { float:none; position:relative; width:100%; padding:0 0 15px; font-size:11px; color:#000000; } .hnipctt_m2 .hnipdatacontainer .hnipextractt { float:none; position:relative; width:100%; padding:0; font-weight:bold; } .hnipctt_m2 .hnipdatacontainer .hnipbtnctt { float:none; position:absolute; left:0; bottom:0; width:100%; z-index:+1; } .hnipctt_m2 .hnipdatacontainer .centeringtable { } .hnipctt_m2 .hnipdatacontainer .btn { float:none; position:absolute; left:0; bottom:0; margin:15px 0 10px 10px; } .hnipctt_m2.hniponbottom .hnipdatacontainer {float:none;height:120px;width:auto;padding:178px 10px 0 10px;} .hnipctt_m3 { float:left; position:relative; width:203px; height:293px; /*:sizes must be fixed*/ margin-right:7px; background-color:#FFFFFF; background-position:left top; background-repeat:no-repeat; border:1px solid #CFD7E1; overflow:hidden; } .hnipctt_m3 .hnipimg { position:relative; margin:15px 0 1px 10px; } .hnipctt_m3 .hnipdatacontainer { float:none; position:relative; width:183px; height:157px; padding:0 10px; } .hnipctt_m3 .hnipdatacontainer .hnipbgfiller { position:relative; width:86px; height:11px; margin:0 auto; background-position:-314px 0; _font-size:0; } .hnipctt_m3 .hnipdatacontainer .hniptitlectt { float:none; position:relative; width:100%; padding:0; font-size:16px; font-weight:bold; } .hnipctt_m3 .hnipdatacontainer .hniptextctt { float:none; position:relative; width:100%; padding:10px 0 0; font-size:11px; } .hnipctt_m3 .hnipdatacontainer .hnipextractt { display:none; } .hnipctt_m3 .hnipdatacontainer .hnipbtnctt { float:none; position:absolute; left:0; bottom:0; width:100%; z-index:+1; } .hnipctt_m3 .hnipdatacontainer .centeringtable { } .hnipctt_m3 .hnipdatacontainer .btn { float:none; position:relative; margin:15px 0 10px; *zoom:1; } .hnipctt_m4 { float:left; position:relative; width:308px; height:293px; /*:sizes must be fixed*/ margin-right:10px; background-color:#FFFFFF; background-position:left top; background-repeat:no-repeat; border:1px solid #CFD7E1; overflow:hidden; } .hnipctt_m4 .hnipimg { position:absolute; left:0; top:0; } .hnipctt_m4 .hnipdatacontainer { float:none; position:relative; width:134px; height:100%; padding:0 10px; } .hnipctt_m4 .hnipdatacontainer .hnipbgfiller { display:none; } .hnipctt_m4 .hnipdatacontainer .hniptitlectt { float:none; position:relative; width:100%; padding:5px 0 0; font-size:16px; font-weight:bold; } .hnipctt_m4 .hnipdatacontainer .hniptextctt { float:none; position:relative; width:100%; padding:0 0 3px; font-size:11px; } .hnipctt_m4 .hnipdatacontainer .hnipextractt { float:none; position:relative; width:100%; padding:0; font-weight:bold; } .hnipctt_m4 .hnipdatacontainer .hnipbtnctt { float:none; position:absolute; left:0; bottom:0; width:100%; z-index:+1; } .hnipctt_m4 .hnipdatacontainer .centeringtable { } .hnipctt_m4 .hnipdatacontainer .btn { float:none; position:absolute; left:0; bottom:0; margin:15px 0 10px 10px; } /* Declinations */ /* M1 related */ .hnipctt_m1.hnipontop .hnipdatacontainer { position:absolute; left:0; top:0; } .hnipctt_m1.hniponright .hnipdatacontainer { float:right; width:230px; height:100%; } .hnipctt_m1.hniponbottom .hnipdatacontainer { position:absolute; left:0; bottom:0; } .hnipctt_m1.hniponleft .hnipdatacontainer { float:left; width:230px; height:100%; } .hnipctt_m1.hniponright .hnipdatacontainer .hniptitlectt, .hnipctt_m1.hniponright .hnipdatacontainer .hniptextctt, .hnipctt_m1.hniponleft .hnipdatacontainer .hniptitlectt, .hnipctt_m1.hniponleft .hnipdatacontainer .hniptextctt { width:210px; } .hnipctt_m1.hniponright .hnipdatacontainer .btn, .hnipctt_m1.hniponleft .hnipdatacontainer .btn { right:inherit; left:0; /*float:none; position:absolute; right:0; bottom:0;*/ margin:15px 0 15px 20px; } /* M4 related */ .hnipctt_m4.hnipontop .hnipdatacontainer { width:288px; height:160px; } .hnipctt_m4.hniponright .hnipdatacontainer { float:right; } .hnipctt_m4.hniponbottom .hnipdatacontainer { position:absolute; left:0; bottom:0; width:288px; height:160px; } .hnipctt_m4.hniponleft .hnipdatacontainer { } /* colors available */ /* Font color */ .hnipfc1 { color:#000000; } .hnipfc2 { color:#FFFFFF !important; } .hnipfc3 { color:#005EA8 !important; } .hnipfc4 { color:#CC0000 !important; } /* Links color */ .hniplc1 a { color:#000000; } .hniplc2 a { color:#FFFFFF !important; } .hniplc3 a { color:#005EA8 !important; } .hniplc4 a { color:#CC0000 !important; } /* Background color */ .hnipbgc1 { background-color:#000000 !important; } .hnipbgc2 { background-color:#FFFFFF !important; } /* NIP and ADS zone in HOMESITE and HOMEPAGES */ .nipnadszone { position:relative; padding:0 10px 5px; *zoom:1; } .nipnadszone .homenip { float:left; } .nipnadszone .hnadszone { float:right; } .nipnadszone .hnadszone .adbox { margin-bottom:10px; } /* general layout */ .ac_context { /**/ } .ac_page { position:relative; width:980px; height:100%; margin:0 auto; /*DNU overflow:hidden;*/ _padding:0;/*fix ie6*/ } .pagecontainer { position:relative; width:100%; height:100%; } .topheader { position:relative; /*display:none;*/ } .subheader { position:relative; width:100%; background:#CFD7E1; /*overflow:hidden;*/ } .subheader .subheaderbggrad { position:absolute; width:100%; left:0; top:0; z-index:0; } /* Background gradient container */ .subheader .adbox { float:left; } /*Floats by default*/ .subheader .adbox.fleft { margin:10px 0 10px 10px; } .subheader .adbox.fright { margin:10px 10px 10px 0; } *html .subheader .adbox { margin-right:5px; margin-left:5px; } /* IE6 float double margin */ .subheader .boxbasic { float:right; width:222px; margin:10px 10px 10px 0; overflow:hidden; } *html .subheader .boxbasic { margin-right:5px; margin-left:5px; } /* IE6 float double margin */ .subheader .boxbasic .boxhdr { display:none; } .subheader .boxbasic .rubric { height:84px; } /* asked to be the same height as the ad */ .pagelayout { position:relative; width:100%/* fixes IE6 disapearing layout */; padding-top:10px;/*:Exceptionally defined here*/ background:#CFD7E1; } /* Page Layout */ .pagelayout { /* Style already designed */ } .pagelayout .pagelayoutbggrad { position:absolute; width:100%; left:0; top:0; z-index:0; } /* Background gradient container */ .pagelayout .coltop { position:relative; float:left; width:100%; /* DNU overflow:hidden;*/ } .coltop .adbox { float:left; } /*Floats by default*/ .coltop .adbox.fleft { margin:0 0 10px 10px; } .coltop .adbox.fright { margin:0 9px 10px 0; } *html .coltop .adbox { margin-right:5px; margin-left:5px; } /* IE6 float double margin */ .coltop .boxbasic { float:right; width:222px; margin:0 10px 10px 0; overflow:hidden; } *html .coltop .boxbasic { margin-right:5px; margin-left:5px; } /* IE6 float double margin */ .coltop .boxbasic .boxhdr { display:none; } .coltop .boxbasic .rubric { height:84px; } /* asked to be the same height as the ad */ .pagelayout .colgeneral { position:relative; float:left; width:670px; overflow:hidden; } .pagelayout .colleft { position:relative; float:left; width:180px; overflow:hidden; } .pagelayout .colcontent { position:relative; float:right; width:470px; overflow:hidden; } .pagelayout .colright { position:relative; float:right; width:310px; /* DNU overflow:hidden;*/ } .pagelayout .colright .constraintzone { position:relative; width:310px; overflow:hidden; } /* Page Layout : Listings */ .lylisting { position:relative; width:100%/* fixes IE6 disapearing layout */; background:#CFD7E1; } .lylisting .colgeneral { position:relative; float:left; width:670px; overflow:hidden; } .lylisting .colleft { position:relative; float:left; width:180px; overflow:hidden; } .lylisting .colcontent { position:relative; float:right; width:470px; overflow:hidden; } .lylisting .colright { position:relative; float:right; width:310px; /* DNU overflow:hidden;*/ } .lylisting .colright .constraintzone { position:relative; width:310px; overflow:hidden; } /* Page Layout : Listings without "colleft" */ .lylisting.withoutcolleft { } .lylisting.withoutcolleft .colgeneral { } .lylisting.withoutcolleft .colleft { /*display:none;*/ /* Replace garbage declarations by "display:none" */ /*_height:30px; min-height:30px;*/ color:#FF0000;} .lylisting.withoutcolleft .colcontent { width:650px; } /* Page Layout : Sheet Page */ .lysheet { position:relative; width:100%/* fixes IE6 disapearing layout */; background:#CFD7E1; } .lysheet .colgeneral { position:relative; float:left; width:670px; overflow:hidden; } .lysheet .colleft { position:relative; float:left; width:180px; overflow:hidden; } .lysheet .colcontent { position:relative; float:right; width:470px; overflow:hidden; } .lysheet .colright { position:relative; float:right; width:310px; /* DNU overflow:hidden;*/ } .lysheet .colright .constraintzone { position:relative; width:310px; overflow:hidden; } /* Page Layout : Large Sheet Page */ .lylarge { position:relative; width:100%/* fixes IE6 disapearing layout */; background:#CFD7E1; } .lylarge .colgeneral { position:relative; float:left; width:980px; overflow:hidden; } .lylarge .colleft { position:relative; float:left; width:180px; overflow:hidden; } .lylarge .colcontent { position:relative; float:right; width:780px; overflow:hidden; } .lylarge .colcontentmini { float:left; position:relative; width:470px; overflow:hidden; } .lylarge .colcontentmini .rubric { margin-right:20px; } /* !! Here, the right column is inside the general one !!*/ .lylarge .colright { position:relative; float:right; width:310px; /* DNU overflow:hidden;*/ } .lylarge .colright .rubric { margin-left:0; } .lylarge .colright .constraintzone { position:relative; width:310px; overflow:hidden; } /* Page Layout : Large Listing diffs with Large Layout (light redefs) */ .lylarge.lylargelist { } /* Page Layout : Rubrics homepages */ .lyhome { position:relative; width:100%/* fixes IE6 disapearing layout */; padding-top:15px; background:#CFD7E1; } .lyhome .colgeneral { position:relative; float:left; width:980px; overflow:hidden; } .lyhome .colleft { position:relative; float:left; width:180px; overflow:hidden; } .lyhome .colcontent { position:relative; float:right; width:780px; overflow:hidden; } .colleft .nav_secondary{ margin:18px 10px 30px 10px; } .colleft .nav_secondary ul{ border-color:#CFD7E1 #CFD7E1; border-style:solid solid none; border-width:1px 1px; font-weight:700; margin:0 0 30px 0; } .colleft .nav_secondary ul li{ border-top:1px solid #fff; border-bottom:1px solid #CFD7E1; display:block; padding:0; background-color:#EDF0F3; } .colleft .nav_secondary ul li ul li{ background-color:#fff; } .colleft .nav_secondary ul li a, .colleft .nav_secondary_more strong, .colleft .nav_secondary ul li span, .colleft .nav_secondary ul li em{ background-color:#EDF0F3; display:block; padding:4px 10px 5px; text-decoration:none; position:relative; } .colleft .nav_secondary ul li a:hover{ padding:4px 10px 5px; margin:0; } .colleft .nav_secondary ul li span.extra{ display:inline; } .colleft .nav_secondary ul li span{ color:#999; } .colleft .nav_secondary ul li.current a, .colleft .nav_secondary ul li.current em{ color:#CC0000; padding-right:20px; } .colleft .nav_secondary ul li.current a img, .colleft .nav_secondary ul li em img{ background-position:-256px -38px; height:10px; position:absolute; right:7px; top:6px; width:6px; } .colleft .nav_secondary ul ul.clmsubtopic{ border:none; padding:0 0 10px 0; margin:0; background:#fff; } .colleft .nav_secondary ul ul.clmsubtopic li{ padding:0; border:none; } .colleft .nav_secondary ul ul.clmsubtopic li a, .colleft .nav_secondary ul ul.clmsubtopic li span{ background:none; display:block; font-size:11px; padding:3px 5px 2px 15px; text-decoration:none; font-weight:300; } .colleft .nav_secondary ul ul.clmsubtopic li.current a{ font-weight:700; } .colleft .nav_secondary ul ul.clmsubtopic li span{ color:#999; } .colleft .nav_secondary ul ul.clmsubtopic li a:hover{ background:#edf0f3; } .colleft .nav_secondary_more{ border:1px solid #CFD7E1; padding:1px 0 0 0; } .colleft .nav_secondary_more strong{ color:#000; border-bottom:none; position:static; } .colleft .nav_secondary_more{ margin:0 10px; padding:1px 0 0 0; background:none; } .colleft .nav_secondary_more #js_clmbottomtopic{ padding : 0 0 0 10px; } .colleft .nav_secondary .nav_secondary_more{ margin:0; padding:1px 0 0 0; background:none; } .colleft .nav_secondary_more ul , .colleft .nav_secondary_more ul li, .colleft .nav_secondary_more ul li a{ padding:0; margin:0; border:none; background:none; } .colleft .nav_secondary_more ul li a{ display:block; font-size:11px; padding:3px 5px 2px 15px; text-decoration:none; font-weight:300; } .colleft .nav_secondary_more ul li a:hover{ background:#edf0f3; } .colleft .nav_secondary ul li a span.extra { display:inline; padding:0 0 0 4px/*DNF*/; font-size:1em; color:#999999; font-weight:normal; } /* Page Layout : Site homepage */ .lyhomesite { position:relative; width:100%/* fixes IE6 disapearing layout */; padding-top:15px; background:#CFD7E1; } .lyhomesite .colgeneral { position:relative; float:left; width:980px; overflow:hidden; } .lyhomesite .colleft { /* NO COLLEFT HERE */ } .lyhomesite .colcontent { position:relative; width:100%; } .lyhomesite .hsspeciallineof3elements { } .lyhomesite .hsspeciallineof3elements .hsspecialunit1of3 { float:left; position:relative; width:310px; padding:0 5px 0 10px; overflow:hidden; } .lyhomesite .hsspeciallineof3elements .hsspecialunit1of3 .boxbasic{ margin:0; } .colright .boxbasic { margin-left:0; } /* No left margin in right col */ .colright .adbox { margin-bottom:15px; } .colright .navbar { width:95px; } /* Typically carousel prev/next buttons */ /* .vod_visu01 {margin:-5px 0 8px;} .vod_visu02 {margin:-5px 0 10px;} .vod_visu03 {margin:-5px 0 10px;} */ /* ---------- */ /* COMPONENTS */ /* Titles */ .titlebar { margin:.384em 10px 1.154em /* 5px 0 15px */; } .titlebar .extralink { float:right; position:relative; margin-top:8px; font-size:11px; } .titlebar .extralink a { text-decoration:underline; } .titlebar h1 { font-size:18px; color:#c00; } .titlebar h2 { font-size:18px; color:#c00; } .titlebar h2 b { font-weight:bold; } /* When data comes from DB */ .titlebar h3 { font-size:18px; color:#c00; } .titlebar h3 b { font-weight:bold; } /* When data comes from DB */ .titlebar h4 { font-size:18px; color:#c00; } .titlebar h4 b { font-weight:bold; } /* When data comes from DB */ .titlebar span.title{ font-size:18px; color:#c00;} .titlebaritem { } /* Used in "Bonnes raisons" */ .titlebaritem h2 { font-size:18px; } .lysheet .titlebar h1 { font-size:24px; } .lyhome h1 { padding:0 0 0 10px; font-size:20px; color:#71859D; text-shadow:0px 2px 1px #fff; } .lylarge .titlebar h1 { font-size:24px; } .lylarge.lylargelist .titlebar h1 { font-size:18px; } .lyhomesite .boxcolora .boxbasichdr h2 { padding:0 0 0 10px; font-size:20px; color:#71859D; text-shadow:0px 2px 1px #fff; } .lyhomesite .boxcolorb .boxbasichdr h2, .boxbasic4x4 .boxcolorb .boxbasichdr h4{ padding:0 0 0 10px; font-size:20px; color:#fff; text-shadow:0px 2px 1px #338DC7; } .lyhomesite .boxcolorc .boxbasichdr h2, .boxbasic4x4 .boxcolorc .boxbasichdr h4 { padding:0 0 0 10px; font-size:20px; } .lyhomesite .boxcolord .boxbasichdr h2, .boxbasic4x4 .boxcolord .boxbasichdr h4 { padding:0 0 0 10px; font-size:20px; color:#fff;} /* right column boxbasic4x4*/ .boxbasic4x4 h4{ display:block; margin:0 10px; padding:0 !important; } .box4x4 .top .content_bg{ padding:0 0 40% 0; background-position:0 bottom;} .box4x4 .right .content_bg{ background-position:50% 0;} .box4x4 .bottom .content_bg{ background-position:0 0;} .box4x4 .left .content_bg{ background-position:50% 0;} .box4x4 .left .content_txt{ margin:0 50% 0 0 ;} .box4x4 .right .content_txt{ width:50%; margin:0 0 0 50%;} .box4x4 .bottom .content_bg{ padding:40% 0 0 0;} .boxbasic4x4 h4, .boxbasic4x4 h4 a, .boxbasic4x4 h4 a:hover{font-size:18px !important;font-weight:300;color:#C00; text-decoration:none;} .boxbasic4x4 .boxcolorb h4, .boxbasic4x4 .boxcolorb h4 a{color:#fff; } .boxbasic4x4 .boxcolorc h4, .boxbasic4x4 .boxcolorc h4 a{color:#000; } .boxbasic4x4 .boxcolord h4, .boxbasic4x4 .boxcolord h4 a{color:#000; } .boxbasic4x4 .box4x4 { padding:10px; } /* /right column boxbasic4x4*/ .rubric { position:relative; margin-right:10px; margin-left:10px; background-color:#FFF; overflow:hidden; /* !! NEVER PUT TOP OR BOTTOM SPACES !! */ } .colleft .titlebar{margin:0 10px} .rubric .titlebar { margin-top:0; margin-right:0; margin-left:0; } .lyhome .rubric .titlebar { margin-top:15px; } .person_Bio a{text-decoration:underline;} .datablock { margin-top:5px; margin-bottom:15px; } .datablock .functionsbar { margin-top:5px; } .datablock .functionsbar .functionsmenu a { text-decoration:underline; } /* Normal (big) version */ .datablock .mainzone { position:relative; width:100%; padding-bottom:10px; } .datablock .mainzone .picturezone { float:left; position:relative; width:120px; overflow:hidden; } .datablock .mainzone .picturezone .avantpremiere { padding:2px 0 3px; font-size:11px; font-weight:bold; color:#FFF; text-align:center; background-color:#CF1111; } .datablock .mainzone .picturezone img { } .datablock .mainzone .picturezone p { margin:3px 0 0; text-align:center; } .datablock .mainzone .picturezone a { } .datablock .mainzone .avatarzone { float:left; position:relative; } .datablock .mainzone .avatarzone .avatar { position:relative; padding:2px; border:1px solid #EFEFED; border-bottom:0; background-color:#FFF; } .datablock .mainzone .avatarzone .status { position:relative; font-size:11px; color:#7D95B1; text-align:center; background-color:#CED7E0; } .datablock .mainzone .avatarzone .status.connected { color:#FFF; background-color:#47A243; } .datablock .mainzone .avatarzone .icoshadowmini { _margin-left:2px; } .datablock .mainzone .contenzone { float:right; position:relative; width:315px; overflow:hidden; } .datablock .mainzone .contenzone .titlebar { margin:-6px 0 -3px; /* negative values to align on top and adjust bottom */ } .datablock .mainzone .contenzone .titlebar .ordernum { /*font-size:100%;*/ } .datablock .mainzone .contenzone p { margin:0; } .datablock .mainzone .notationbar { width:315px; height:32px; margin:10px 0; } .datablock .mainzone .morelinks { } .datablock .mainzone .extrazone { float:left; position:relative; width:100%; margin-top:10px; overflow:hidden; } /* Video version */ .datablock .videoview { } .datablock .videoview .picturezone { width:120px; } .datablock .videoview .contenzone { width:315px; } .colright .datablock .videoview .contenzone { width:170px; } .datablock .videoview .contenzone .titlebar { /*margin:-3px 0 -3px;*/ /* negative values to align on top and adjust bottom */ } .colright .datablock .videoview .contenzone .titlebar { margin:-3px 0 -3px; /* negative values to align on top and adjust bottom */ } /* Video version in homepages */ .lyhome .size1of2 .datablock .videoview .contenzone { width:240px; } .lyhome .size1of2 .datablock .videoview .titlebar { margin:-3px 0 -3px; } .lyhome .size1of2 .datablock .videoview .titlebar h3 { font-size:1em; } /* Mini version */ .datablock .miniview { } .datablock .miniview .picturezone { width:75px; } .datablock.member .miniview .picturezone { width:66px; } .overlayheader .datablock.member .miniview .picturezone {margin-bottom:4px;} .datablock .miniview .contenzone { width:360px; } .datablock.member .miniview .contenzone { width:374px; } .datablock .miniview .contenzone .titlebar { /*margin:-3px 0 -3px; /* negative values to align on top and adjust bottom */ margin:-3px 0 2px; } .datablock.member .miniview .contenzone .titlebar { font-size:11px; } .datablock .miniview .contenzone .titlebar h2, .datablock .miniview .contenzone .titlebar h3, .datablock .miniview .contenzone .titlebar h4 { font-size:100%; font-weight:bold; } .datablock.member .miniview .contenzone .titlebar a { font-weight:bold; } .datablock .miniview .contenzone p { font-size:11px; } .datablock .miniview .extrazone p { font-size:11px; } .datablock .miniview .extrazone .citation { } /* Mini view in colright */ .colright .datablock { margin-bottom:10px; } .colright .datablock .mainzone.miniview { } .colright .datablock .mainzone .picturezone { } .colright .datablock .miniview .contenzone { width:195px; } .colright .datablock.member .miniview .contenzone { width:204px; } .colright .datablock .miniview .contenzone .titlebar { } .colright .datablock .miniview .contenzone .titlebar a{font-weight:bold;} .colright .topTrailers .datablock .miniview .contenzone .titlebar a{font-weight:300;} .colright .topTrailers .datablock .miniview .contenzone .titlebar b{color:#005EA8;font-weight:700} .colright .datablock .miniview .contenzone p { color:#999999; } .colright .datablock.member .miniview .contenzone p { color:#000; } /* Mini view in colcontentmini */ .colcontentmini .datablock { } .colcontentmini .datablock.member .miniview .contenzone { width:364px; } /* Mini view in lylisting withoutcolleft */ .withoutcolleft .datablock { } .withoutcolleft .colcontent .datablock.member .miniview .contenzone { width:554px; } /* Mini view in 1/2 sized lyhome column */ .lyhome .size1of2 .datablock { margin-bottom:10px; } .lyhome .size1of2 .datablock .miniview .contenzone { width:285px; } /* Mini view in 1/3 sized lyhomesite column */ .lyhomesite .size1of3 .datablock { margin-bottom:10px; } .lyhomesite .size1of3 .datablock .miniview .contenzone { width:215px; } /* Mini view in 1/3 specialsized lyhomesite column */ .lyhomesite .size1of3 .datablock { margin-bottom:10px; } .lyhomesite .hsspecialunit1of3 .datablock .miniview .contenzone { width:205px; } .lyhomesite .size1of3 .datablock.member { margin-bottom:5px; } .lyhomesite .size1of3 .datablock.member .miniview .contenzone { width:225px; } /* Micro version */ .datablock .microview { width:225px; } .datablock .microview .picturezone { width:60px; margin-right:10px; } .datablock .microview .contenzone { float:left; width:155px; } .datablock .microview .contenzone .titlebar { margin:-3px 0 -3px; /* negative values to align on top and adjust bottom */ } .datablock .microview .contenzone .titlebar h2, .datablock .microview .contenzone .titlebar h3 { font-size:100%; font-weight:bold; } .datablock .microview .contenzone p { font-size:11px; } /* Lists of datablocks */ .listofmicroviews .datablock { float:left; position:relative; margin-bottom:0; } .listofvideoslistview { _zoom:1;} .listofvideoslistview .datablock { float:left; position:relative; width:380px; margin-top:20px; margin-bottom:5px; } .listofvideoslistview .datablock .picturezone { margin-right:10px; } .listofvideoslistview .datablock .contenzone { float:left; width:230px; } .listofvideoslistview .datablock .contenzone .titlebar { margin:-4px 0 -1px; /* negative values to align on top and adjust bottom */ } .listofvideoslistview .datablock .contenzone .titlebar h2, .listofvideoslistview .datablock .contenzone .titlebar h3 { font-size:100%; } .listofvideoslistview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR MINIVIEWS IN HOME LAYOUT (5 by line) */ .lyhomesite .listofvideosthumbnailsview, .lyhome .listofvideosthumbnailsview {/* margin-top:-20px;*/ _zoom:1; } .lyhomesite .listofvideosthumbnailsview .datablock, .lyhome .listofvideosthumbnailsview .datablock { float:left; position:relative; width:152px; margin-top:20px; margin-bottom:5px; } .lyhomesite .listofvideosthumbnailsview .datablock .picturezone, .lyhome .listofvideosthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .lyhomesite .listofvideosthumbnailsview .datablock .contenzone, .lyhome .listofvideosthumbnailsview .datablock .contenzone { float:left; width:132px; /*margin:0 auto;*/ } .lyhomesite .listofvideosthumbnailsview .datablock .contenzone .titlebar, .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lyhomesite .listofvideosthumbnailsview .datablock .contenzone .titlebar h2, .lyhomesite .listofvideosthumbnailsview .datablock .contenzone .titlebar h3, .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar h2, .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .lyhomesite .listofvideosthumbnailsview .datablock .contenzone p, .lyhome .listofvideosthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR MINIVIEWS (4 by line) */ .listofminiviewsthumbnailsview { _zoom:1; } .listofminiviewsthumbnailsview .datablock { float:left; position:relative; width:110px; /*swapped top w. bottom:*/ margin-top:5px; margin-bottom:20px; } .listofminiviewsthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .listofminiviewsthumbnailsview .datablock .contenzone { float:left; width:100px; /*margin:0 auto;*/ } .listofminiviewsthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .listofminiviewsthumbnailsview .datablock .contenzone .titlebar h2, .listofminiviewsthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .listofminiviewsthumbnailsview .datablock .contenzone p { font-size:11px; } /* In rightcol */ /* */ .lysheet .listofminiviewsthumbnailsview .datablock { margin-top:0; margin-bottom:0; } /* CAREFUL ! DESIGNED FOR VIDEOMINIVIEWS (3 by line) *//* !!!!!!!!!!!!!*/ .listofvideoviewsthumbnailsview { _zoom:1; } .listofvideoviewsthumbnailsview .datablock { float:left; position:relative; width:150px; /*swapped top w. bottom:*/ margin-top:5px; margin-bottom:20px; } .colcontent .listofvideoviewsthumbnailsview .datablock { width:140px;} .listofvideoviewsthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .listofvideoviewsthumbnailsview .datablock .contenzone { float:left; width:140px; /*margin:0 auto;*/ } .listofvideoviewsthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .listofvideoviewsthumbnailsview .datablock .contenzone .titlebar h2, .listofvideoviewsthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .listofvideoviewsthumbnailsview .datablock .contenzone p { font-size:11px; } /* */ .lysheet .listofvideoviewsthumbnailsview .datablock { margin-top:0; margin-bottom:0; } /* CAREFUL ! DESIGNED FOR MINIVIEWS IN LARGE LAYOUT (4 by line) */ .lylarge .listofvideosthumbnailsview { _zoom:1; } .lylarge .listofvideosthumbnailsview .datablock { float:left; position:relative; width:190px; margin-top:20px; margin-bottom:5px; } .lylarge .listofvideosthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .lylarge .listofvideosthumbnailsview .datablock .contenzone { float:left; width:170px; /*margin:0 auto;*/ } .lylarge .listofvideosthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lylarge .listofvideosthumbnailsview .datablock .contenzone .titlebar h2, .lylarge .listofvideosthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .lylarge .listofvideosthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR MINIVIEWS IN HOME LAYOUT (5 by line) */ .lyhome .listofvideosthumbnailsview { margin-top:-20px; _zoom:1; } .lyhome .listofvideosthumbnailsview .datablock { float:left; position:relative; width:152px; margin-top:20px; margin-bottom:5px; } .lyhome .listofvideosthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .lyhome .listofvideosthumbnailsview .datablock .contenzone { float:left; width:132px; /*margin:0 auto;*/ } .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar h2, .lyhome .listofvideosthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .lyhome .listofvideosthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR "MINIVIDEOS" IN HOME LAYOUT (3 by line - img:100x80) */ .lyhome .listofminivideosthumbnailsview { margin-top:-10px; margin-bottom:20px; _zoom:1; } .lyhome .listofminivideosthumbnailsview .datablock { float:left; position:relative; width:123px; margin-top:10px; margin-bottom:0px; } .lyhome .listofminivideosthumbnailsview .datablock .picturezone { width:100px; /*float:none; margin:0 auto; text-align:center;*/ } .lyhome .listofminivideosthumbnailsview .datablock .contenzone { float:left; width:103px; /*margin:0 auto;*/ } .lyhome .listofminivideosthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lyhome .listofminivideosthumbnailsview .datablock .contenzone .titlebar h2, .lyhome .listofminivideosthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; } .lyhome .listofminivideosthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR GENERAL DATABLOCKS IN HOME LAYOUT (5 by line) */ .lyhome .listofdatablocksthumbnailsview { margin-top:-20px; _zoom:1; } .lyhome .listofdatablocksthumbnailsview .datablock { float:left; position:relative; width:152px; margin-top:20px; margin-bottom:5px; } .lyhome .listofdatablocksthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .lyhome .listofdatablocksthumbnailsview .datablock .contenzone { float:left; width:132px; /*margin:0 auto;*/ } .lyhome .listofdatablocksthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lyhome .listofdatablocksthumbnailsview .datablock .contenzone .titlebar h2, .lyhome .listofdatablocksthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; font-weight:bold; } .lyhome .listofdatablocksthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR GENERAL DATABLOCKS IN HOMESITE SPECIAL COL LAYOUT (3 by line) */ .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview { margin-top:-10px; _zoom:1; } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock { float:left; position:relative; width:96px; margin-top:10px; margin-bottom:0; } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .picturezone { /*float:none; margin:0 auto; text-align:center;*/ } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .contenzone { float:left; width:81px; /*margin:0 auto;*/ } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .contenzone .titlebar { margin:3px 0 0; /* negative values to align on top and adjust bottom */ } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .contenzone .titlebar h2, .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .contenzone .titlebar h3 { font-size:100%; font-weight:bold; } .lyhomesite .hsspecialunit1of3 .listofdatablocksthumbnailsview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR GENERAL DATABLOCKS IN HOMESITE SPECIAL COL LAYOUT */ .lyhomesite .hsspecialunit1of3 .listofnewslistview { margin-top:-10px; _zoom:1; } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock { float:left; position:relative; width:290px; margin-top:10px; margin-bottom:0; } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .picturezone { width:100px; padding-right:10px; text-align:center; } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .contenzone { float:left; width:180px; /*margin:0 auto;*/ } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .contenzone .titlebar { margin:-2px 0 0; /* negative values to align on top and adjust bottom */ } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .contenzone .titlebar h3, .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .contenzone .titlebar h4 { font-size:100%; line-height:14px; font-weight:bold; } .lyhomesite .hsspecialunit1of3 .listofnewslistview .datablock .contenzone p { font-size:11px; } /* CAREFUL ! DESIGNED FOR MINIVIEWS IN TVSHOWTIMESZONE (with tvshowtimestime as left column) */ .tvshowtimeszone { } .tvshowtimeszone .tvshowtimestime { float:left; position:relative; width:60px; } .tvshowtimeszone .tvshowtimestime p { margin-top:16px; font-size:18px; color:#CC0000; /*font-weight:bold;*/ } .tvshowtimeszone .listoftvshowtimesminiview { float:right; position:relative; width:390px; margin-top:10px; } .tvshowtimeszone .listoftvshowtimesminiview .datablock { position:relative; width:390px; margin-top:10px; margin-bottom:0px; } .tvshowtimeszone .listoftvshowtimesminiview .datablock .contenzone { width:305px; } .morezone { position:relative; width:100%; /*DND*//* ... overflow:hidden;*/ } *html .morezone { /* bggrad replacement for IE6 */border-bottom:1px solid #CFD8E1; /*z-index:1;*/ } .morezone .morezonebggrad { position:absolute; left:0; bottom:0; width:100%; /*z-index:0;*/ } .morezone .morezonecontent { position:relative; float:left; width:100%; margin-top:9px; margin-bottom:10px; } .morezone .morezonecontent p { /*DND*/margin:0; padding:0 10px 0 0; font-size:11px; } .colcontent .sponsorzone { position:relative; width:100%; padding-bottom:1px; margin-top:1px; } .colcontent .sponsorzone .picturezone {float:left; position:relative; width:auto; /*width:120px;*/ overflow:hidden; } .colcontent .sponsorzone .contenzone { line-height:30px; float:none; width:auto; /*float:right; position:relative; width:315px; overflow:hidden;*/ } .colcontent .sponsorzone .contenzone p { margin:5px 0 0; color:#005EA8; } /* ajout compatibilite V7 */ .sponsor_zone { margin:5px 0 0px 0; font-size:11px; display:inline-block; height:30px; line-height:30px; width:100%; } .sponsor_zone a {text-decoration:none;vertical-align:middle;display:inline-block;} /* /ajout compatibilite V7 */ /* theaterblock specs (contains showtimes) */ .theaterblock { padding:20px 0 10px; } .theaterblock .titlebar { margin-bottom:5px; } .theaterblock .functionsmenu { font-size:11px; } .theaterblock .functionsmenu a { text-decoration:underline;display:inline-block; height:13px; } /* Movie::DVD !!IS INHERITED!! */ .dvdshowroom { position:relative; width:100%; } .dvdshowroom .imagezone { float:left; position:relative; width:160px; margin-right:10px; margin-bottom:20px; text-align:center; overflow:hidden; } .dvdshowroom .detailszone { float:left; position:relative; width:280px; margin-bottom:20px; overflow:hidden; } .dvdshowroom .detailszone p { } /* lysheet specific */ .lysheet .dvdshowroom .imagezone, .lysheet .dvdshowroom .detailszone { margin-bottom:0; } /* Movie::DVD IN LARGE LAYOUT */ .lylarge .dvdshowroom { margin-bottom:20px; } .lylarge .dvdshowroom .imagezone { width:240px; margin-right:15px; } .lylarge .dvdshowroom .detailszone { width:495px; } .lylarge .dvdshowroom .detailszone p { } .lylarge .dvdshowroom .detailszone .sponsorzone { margin-top:15px; border-bottom:none; } .lylarge .dvdshowroom .detailszone .sponsorzone .contenzone { width:360px; } .lylarge .dvdshowroom .detailszone .sponsorzone .contenzone p { color:#000; } .lylarge .dvdshowroom .detailstable { margin-bottom:20px; } .lylarge .dvdshowroom .detailstable th { padding:0 15px 3px 0; font-weight:normal; text-align:left; vertical-align:top; border:none; } .lylarge .dvdshowroom .detailstable td { width:600px; padding:0 15px 3px 0; vertical-align:top; border:none; } /* Carousel */ .carouselzone { position:relative; width:100%; margin:0 auto; padding:5px 0 10px; /*border:1px solid black;*/ } .carouselzone .navprevbtn { float:left; position:relative; margin-top:40px; margin-right:4px; } .carouselzone .navprevbtn img { } .carouselzone .navprevbtn span { display:none; } .carouselzone .navnextbtn { float:right; position:relative; margin-top:40px; } .carouselzone .navnextbtn img { } .carouselzone .navnextbtn span { display:none; } .carouselzone .carouselcontent { float:left; position:relative; /*margin-right:4px;*/ } /* Carousel DEPRECATED */ .carouselzone .carouselcontent ul { height:auto; } .carouselzone .carouselcontent li { width:128px; padding:0 4px 3px; /*DND CHR bug*/height:auto !important; overflow:hidden; } .carouselzone .carouselcontent li em { display:block; width:128px; font-size:11px; text-align:center; } .carouselzone .carouselcontent li em a { text-decoration:none; } .carouselzone .carouselcontent li em img { margin:4px; } .carouselzone .carouselcontent li em img.selected { margin:0; border:4px solid #FFCC00; } /* /Carousel DEPRECATED */ .carouselzone .carouselcontent .carouselitem { float:left; width:128px; padding:0 4px 3px; /*DND CHR bug*/height:auto !important; overflow:hidden; } .carouselzone .carouselcontent .carouselitem em { display:block; width:128px; font-size:11px; text-align:center; } .carouselzone .carouselcontent .carouselitem em a { text-decoration:none; } .carouselzone .carouselcontent .carouselitem em img { margin:4px; } .carouselzone .carouselcontent .carouselitem em img.selected { margin:0; border:4px solid #FFCC00; } .lylarge .carouselzone { width:726px; } .lylisting.withoutcolleft .carouselzone { } .lylisting.withoutcolleft .carouselzone .carouselcontent .carouselitem { width:108px } .lylisting.withoutcolleft .carouselzone .carouselcontent .carouselitem em { width:108px } .colright .carouselzone { width:278px; } .colright .carouselzone .carouselcontent li { width:108px; } .colright .carouselzone .carouselcontent li em { width:108px; } /* newsfeed in sheets */ /* Newsfeedzone NEW GI - correction des espacements, homogénéïté */ .newsfeedzone_new .newsfeedzone {border-bottom:1px solid #cfd7e1;margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px;position:relative;*zoom:1;} .newsfeedzone_new .newsfeedzone .newsfeedicon {display:none;} .newsfeedzone_new .newsfeedzone .newsfeedlabel {float:none;margin-left:0px;margin-top:0;margin-bottom:5px;overflow:visible;} .newsfeedzone_new .newsfeedzone .rubric {margin-left:0px;/*margin-bottom:10px;*/} .newsfeedzone_new .newsfeedzone .rubric p, .newsfeedzone_new .newsfeedzone .rubric p.vmargin10b{margin-bottom:10px;} .newsfeedzone_new .newsfeedzone .close_news_tooltip, .myLibraryContent .close_news_tooltip {display:none;} .newsfeedzone_new .newsfeedzone:hover .close_news_tooltip, .myLibraryContent:hover .close_news_tooltip {display:inline-block;} .newsfeedzone_new {position:relative;z-index:1;} .close_news_tooltip {display:inline-block;width:11px;height:11px;background-position:-299px -58px;margin-left:5px;position:relative;cursor:pointer;} .close_news_tooltip .news_tooltip {display:none;} .close_news_tooltip:hover .news_tooltip {display:block;} .news_tooltip{ background-color:#4d4e53; -moz-border-radius: 2px; border-radius: 2px; padding:5px 10px; position:absolute; top:-40px; right:-14px; color:#fff; white-space:nowrap; z-index:2; /* display:none;*/ } .news_tooltip .arrow_b{ width:15px; height:8px; background-position:-299px -71px; position:absolute; top:100%; right:12px; z-index:3; } /* /Newsfeedzone NEW GI */ .newsfeedzone { position:relative; margin-top:5px; margin-bottom:15px; *zoom:1; } .newsfeedzone .newsfeedicon { float:left; position:relative; width:20px; height:20px; margin-right:10px; text-align:right; overflow:hidden; } .newsfeedzone .newsfeedlabel { float:left; position:relative; width:420px; margin-top:-4px; font-weight:bold; overflow:hidden; } .newsfeedzone .rubric { margin-right:0; margin-left:30px; } .newsfeedzone .rubric .datablock { margin-bottom:10px;/*:as there's no HR*/ } .newsfeedzone .rubric .datablock .videoview .contenzone { width:290px; } .newsfeedzone .rubric .datablock .videoview .contenzone .titlebar { margin-top:-3px; margin-bottom:2px; } /* framealaune */ .framealaune { float:right; position:relative; width:150px; padding:5px 10px; margin-bottom:20px; font-size:11px; text-align:center; border:1px solid #D3D3D3; } .framealaune .title { margin-bottom:8px; } .lyhome .framealaune { margin-right:20px; *margin-right:10px; } .lyhome .size1of4 .framealaune { margin-right:0; } /* byrateboxes */ .byrateboxes { position:relative; width:100%; margin:10px 0; } .byrateboxes .box { float:left; position:relative; padding:2px 3px; } .byrateboxes .box .boxcontent { position:relative; padding:0 3px 3px;height: 45px; border:1px solid #D3D3D3; } .byrateboxes .box .boxcontent p { margin-top:5px; line-height:22px; font-weight:bold; text-align:center; } .byrateboxes .box .boxcontent p span { } .byrateboxes .box.boxbestrate .boxcontent p { font-size:16px; } .byrateboxes .box.boxcurrent { padding:0 4px; } .byrateboxes .box.boxcurrent .boxcontent { border:3px solid #D3D3D3; } /* thenewsdata table used in News section in homepages */ .lyhome .thenewsdata { font-size:11px; } .lyhome .thenewsdata th { padding:3px 40px 0 20px; font-weight:normal; color:#999999; text-align:left; vertical-align:top; border:none; } .lyhome .thenewsdata td { padding:3px 0 0; vertical-align:top; border:none; } .lyhome .thenewsdata thead th { padding:18px 0 0; font-weight:bold; color:#000000; } /* In HomeSite - Last inner show productions */ .hslastinnershows { position:relative; *zoom:1;} .hslastinnershows .hslisimgzone { position:relative; margin-bottom:10px; text-align:center; } .hslastinnershows .icovideo { float:left; margin-right:10px; } .hslastinnershows .hslistextzone { float:left; width:263px; } /* In HomeSite - Community Simple List model - Can't contain more than 9 items !!! */ .hscommunitysimplelist { position:relative; *zoom:1;} .hscommunitysimplelist .hscslfirstzone { float:left; position:relative; margin-bottom:10px; margin-right:10px; } .hscommunitysimplelist .hscsltextzone { float:left; width:260px; } /* In HomeSite - Services */ .hsservicescol { position:relative; } .hsservicescol .titlebar { margin-bottom:5px; } .hsservicescol .hssctextzone { margin:0 10px 10px; font-size:11px; } /* Left column related */ .poster { position:relative; font-size:0; text-align:center; } .poster .imagecontainer { } .poster .imagecontainer a { position:relative; } .poster .imagecontainer a .icomagnifier { position:absolute; right:5px; bottom:5px; display:none; } .poster .imagecontainer a:hover .icomagnifier { display:block; } .poster .imagecontainer a .OverlayPlay { position:absolute; right:5px; bottom:5px; display:none; } .poster .imagecontainer a:hover .OverlayPlay { display:block; } /* MENU */ .colleftmenu { position:relative; margin-bottom:30px; border-bottom:1px solid #CFD7E1; } /* */ .colleftmenu .clmmastertopic { position:relative; padding-top:1px; font-weight:bold; border:1px solid #CFD7E1; border-bottom:none; } .colleftmenu .clmmastertopic span, .colleftmenu .clmmastertopic em, .colleftmenu .clmmastertopic a { display:block; padding:4px 10px 5px; background-color:#EDF0F3; text-decoration:none; } .colleftmenu .clmmastertopic span { color:#999999; } .colleftmenu .clmmastertopic.current { } .colleftmenu .clmmastertopic.current span, .colleftmenu .clmmastertopic.current em, .colleftmenu .clmmastertopic.current a { padding-right:20px; color:#CC0000; } .colleftmenu .clmmastertopic.current img { position:absolute; right:7px; top:9px; width:6px; height:10px; background-position:-256px -38px; } .colleftmenu .clmmastertopic span.extra { display:inline; padding:0 0 0 4px/*DNF*/; font-size:11px; color:#999999; font-weight:normal; } /* */ .colleftmenu .clmsubtopic { position:relative; padding-bottom:10px; *margin-top:-1px; border:1px solid #CFD7E1; border-top:none; border-bottom:none; } .colleftmenu .clmsubtopic li { position:relative; } .colleftmenu .clmsubtopic span, .colleftmenu .clmsubtopic em, .colleftmenu .clmsubtopic a { display:block; padding:3px 5px 2px 15px; font-size:11px; text-decoration:none; } .colleftmenu .clmsubtopic span:hover, .colleftmenu .clmsubtopic em:hover, .colleftmenu .clmsubtopic a:hover { background-color:#EDF0F3; } .colleftmenu .clmsubtopic span { color:#999999; } .colleftmenu .clmsubtopic.current { } .colleftmenu .clmsubtopic .current span, .colleftmenu .clmsubtopic .current em, .colleftmenu .clmsubtopic .current a { padding-right:20px; color:#CC0000; font-weight:bold; } .colleftmenu .clmsubtopic .current img { position:absolute; right:7px; top:6px; width:6px; height:10px; background-position:-256px -38px; } .colleftmenu .clmsubtopic span.extra { display:inline; padding:0 0 0 4px/*DNF*/; font-size:1em; color:#999999; font-weight:normal; } /* */ .colleftmenu .clmbottomtopic { position:relative; padding-bottom:16px; margin-top:-7px; border:1px solid #CFD7E1; border-top:none; border-bottom:none; } .colleftmenu #js_clmbottomtopic { margin-top:0; } /* When used in toggle mode */ .colleftmenu .clmbottomtopic a { position:relative; padding-left:15px; font-size:11px; text-decoration:underline; -moz-outline-style:none; outline-style:none; outline-width:0px; outline-color:-moz-use-text-color; } .colleftmenu .clmbottomtopic img { margin-left:4px; vertical-align:middle; } /* JS Toogle related */ .clmsubtopiccontainer { position:relative; overflow:hidden; } /* */ .colleftmenub { position:relative; margin:10px 0; } .colleftmenub li { position:relative; padding:5px 0 4px 10px; border-bottom:1px solid #CFD7E1; } .colleftmenub .first { padding-left:0; font-weight:bold; } .colleftmenub .first img { position:absolute; right:7px; top:12px; width:9px; height:7px; background-position:-239px -24px; }/* from .*** */ .colleftmenub em { color:#999999; } .colleftmenub .selected { font-weight:bold; background-color:#EDF0F3; } .colleftmenub .selected em { color:#000000; } .colleftmenub .moreinfo { padding-left:3px; font-size:11px; font-weight:normal; color:#999999; } /* Restores full tags functionalities */ .purehtml { } .purehtml b { font-weight:bold; } .purehtml em { font-style:italic; } .purehtml li { list-style-type:disc; list-style-position:inside; } /* Datablock spacings in lists (object description) */ /* found here : http://www.allocine.fr/seance/salle_gen_csalle=B2619.html */ .objdesc_showtimeslistoftheater { } .objdesc_showtimeslistoftheater .datablock { margin:O; padding:5px 0 25px; } .objdesc_showtimeslistoftheater .datablock .mainzone .extrazone { margin-top:5px; } /* /COMPONENTS */ /* ----------- */ /* ---------------- */ /* EXTERNAL CLASSES */ /* From Google search results */ table.gsc-resultsHeader td { border:0 !important; } /* To hide a table... */ /* /EXTERNAL CLASSES */ /* ----------------- */ /* ---------- */ /* OOCSS PART */ /* grids.css 0.2 */ .line, .lastunit {overflow: hidden;_overflow:visible;_zoom:1; } .unit{float:left;_zoom:1;} .unitExt{float:right;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .size1of6{width:16.66666%;} .lastunit {float:none;_position:relative; _left:-3px; _margin-right: -3px; width:auto;} /* extending grids to allow a unit that takes the width of its content */ .media{width:auto;} /* grids debug *//* .line{background-color:#e2e2e2;} .size1of1{background-color:pink;} .size1of2{background-color:red;} .size1of3{background-color:orange;} .size2of3{background-color: yellow;} .size1of4{background-color:lime;} .size3of4{background-color:green;} .size1of5{background-color:aqua;} .size2of5{background-color:blue;} .size3of5{background-color:purple;} .size4of5{background-color:magenta;} .size1of6{background-color:magenta;} */ /* /OOCSS PART */ /* ----------- */ /* ------------ */ /* AC FRAMEWORK */ .txtcenter, .align_c{ text-align:center!important; } .fleft { float:left !important; } .fright { float:right !important; } .nofloat { float:none !important; } .prelative { position:relative !important; } .autowidth { width:auto !important; } .totalwidth { width:100% !important; } .nopadding { padding:0 !important; } .nomargint { margin-top:0 !important; } .novmarginb { margin-bottom:0 !important; } .margin5{ margin:5px; } .margin10{ margin:10px; } .margin15{ margin:15px; } .margin20{ margin:20px; } .hmargin5 { margin-left:5px !important; margin-right:5px !important; } .hmargin5r { margin-right:5px !important; } .hmargin5l { margin-left:5px !important; } .hmargin10 { margin-left:10px !important; margin-right:10px !important; } .hmargin10r { margin-right:10px !important; } .hmargin10l { margin-left:10px !important; } .hmargin20t { margin-left:20px !important; margin:-right:20px !important } .hmargin20r { margin-right:20px !important; } .hmargin20l { margin-left:20px !important; } .hmargin25l { margin-left:25px !important; } .hmargin30 { margin-left:30px !important; margin:-right:30px !important } .hmargin30r { margin-right:30px !important; } .hmargin30l { margin-left:30px !important; } .vmargin5 { margin-top:5px !important; margin-bottom:5px !important; } .vmargin5t { margin-top:5px !important; } .vmargin5b { margin-bottom:5px !important; } .vmargin10 { margin-top:10px !important; margin-bottom:10px !important; } .vmargin10t { margin-top:10px !important; } .vmargin10b { margin-bottom:10px !important; } .vmargin20 { margin-top:20px !important; margin-bottom:20px !important; } .vmargin20t { margin-top:20px !important; } .vmargin20b { margin-bottom:20px !important; } .vmargin25 { margin-top:25px !important; margin-bottom:25px !important; } .vmargin25t { margin-top:25px !important; } .vmargin25b { margin-bottom:25px !important; } .vmargin30 { margin-top:30px !important;margin-bottom:30px !important; } .vmargin30t { margin-top:30px !important; } .vmargin30b { margin-bottom:30px !important; } .hpadding10 { padding-left:10px !important; padding-right:10px !important; } .hpadding10l { padding-left:10px !important; } .hpadding10r { padding-right:10px !important; } .vpadding5 { padding-top:5px !important; padding-bottom:5px !important; } .vpadding5t { padding-top:5px !important; } .vpadding5b { padding-bottom:5px !important; } .vpadding10 { padding-top:10px !important; padding-bottom:10px !important; } .vpadding10t { padding-top:10px !important; } .vpadding10b { padding-bottom:10px !important; } .vpadding20 { padding-top:20px !important; padding-bottom:20px !important; } .vpadding20t { padding-top:20px !important; } .vpadding20b { padding-bottom:20px !important; } .nooverflow { overflow:hidden !important; } .overflow { overflow:visible !important; } .hide { display:none !important; } .show { display:block !important; } .inline { display:inline !important; } .visihide, .hidden { visibility:hidden !important; } /* font size */ .fs10 { font-size:10px !important; } .fs11 { font-size:11px !important; } .fs14 { font-size:14px !important; } .fs16 { font-size:16px !important; } .fs18 { font-size:18px !important; } .fs24 { font-size:24px !important; } /* font color */ .txtbck { color:#000 !important; } .fcr { color:#CC0000 !important; } .lighten { color:#999999 !important; } .insist { color:#CC0000 !important; } .insistok { color:#47A247 !important; } .searchresultlink { color:#47A247 !important; } .link_like {color: #005EA8!important;} .italic { font-style:italic!important; } .bold { font-weight:bold !important; } .unbold { font-weight:normal !important; } .underline { text-decoration:underline !important; } .nounderline { text-decoration:none !important; } .nounderline:hover { text-decoration:underline !important; } .link {cursor:pointer;color:#005EA8!important;} .link:hover {text-decoration:underline;} .tal { text-align:left !important; } .tar { text-align:right !important; } .tac { text-align:center !important; } .taj { text-align:justify !important; } .vat { vertical-align:top !important; } /* The top of the element is aligned with the top of the tallest element on the line */ .vatt { vertical-align:text-top !important; } /* The top of the element is aligned with the top of the parent element's font */ .vam { vertical-align:middle !important; } /* The element is placed in the middle of the parent element */ .vab { vertical-align:bottom !important; } /* The bottom of the element is aligned with the lowest element on the line */ .vatb { vertical-align:text-bottom !important; } /* The bottom of the element is aligned with the bottom of the parent element's font */ /* Borders */ .vseparatorl { padding-left:8px; margin-left:8px; border-left:1px solid #999999; } .vseparatorr { padding-right:8px; margin-right:8px; border-right:1px solid #999999; } .bordered { border:1px solid #CFD8E1; } .noborder, .noborder th, .noborder td { border:0 !important; } /* MISC */ .anchor { position:absolute; position:relative\0; top:-22px; } /* To be seen below the connectbar */ .centeringtable { margin:0 auto; } .centeringtable td { padding:0; border:0; } .withveryhighzindex { z-index:100000; } /* typically used for comboboxlist */ p.topaligned { margin-top:-4px; } .flashvideoplayer { background-color:#000000; } .editorial { padding-right:2px;/*:For cut emphased text*/ line-height:20px; text-align:justify; } /* Content from Editorial ("La rdac")*/ .editorial a { text-decoration:underline; } .editorial i { font-family:arial; } /* /AC FRAMEWORK */ /* ------------- */ /* --------- */ /* Z-INDEXES */ .flashvideoplayer { z-index:1; } .comboboxlist { z-index:1001; } .tabshdrsubmenu { z-index:100000; } .withveryhighzindex { z-index:100000; } /* typically used for comboboxlist */ .showtimesinfotip { z-index:1000000; } .connectbar.connected { z-index:1000001; } /*z-index*/ .zindex200 { z-index:200 !important; } .zindex500 { z-index:500 !important; } .zindex700 { z-index:700 !important; } /*/z-index*/ /* /Z-INDEXES */ /* ---------- */ /* ------------ */ /* ADS LOCATION */ /* MicroSponsoring Family */ .adf_5183, .adf_5184 , .adf_5185 , .adf_5186 , .adf_5187 , .adf_5188 { position:absolute; top:-3px; right:10px; z-index:+1; *zoom:1; } /* /ADS LOCATION */ /* ------------- */ /* -------------- */ /* DEBUG IN STYLE */ /* Border top and bottom red */ .dbg_bdtbr { border-top:1px solid red !important; border-bottom:1px solid red !important; } /* Border top and bottom green */ .dbg_bdtbg { border-top:1px solid green !important; border-bottom:1px solid green !important; } /* Border top and bottom blue */ .dbg_bdtbb { border-top:1px solid blue !important; border-bottom:1px solid blue !important; } /* Border left/right black */ .dbg_vborders { border-left:1px solid black; border-right:1px solid black; } .dbg_vborderl { border-left:1px solid black; } .dbg_vborderr { border-right:1px solid black; } /* Background colors */ .dbg_bgr { background-color: #E00 !important;} .dbg_bgg { background-color: #0E0 !important;} .dbg_bgb { background-color: #00E !important;} /* Ads formats */ .dbg_adbox300x250 { position:relative; width:300px; height:250px; background-color:#454545; } .dbg_adbox300x100 { position:relative; width:300px; height:100px; background-color:#454545; } .dbg_adbox728x90 { position:relative; width:728px; height:90px; background-color:#454545; } /* NIP */ .dbg_nipcontentcontainer { position:relative; width:640px; height:295px; padding-left:10px; margin:0 auto 40px; background-color:yellow; border:10px solid red; } /* Background grid */ .dbg_grid { /*padding-top:10px;*/ /* :to read the 1st line of measurement */ background:transparent url("img/dbg/grid_pattern.png") left top no-repeat !important; } /* transparency */ .dbg_transp { -moz-opacity:0.5; opacity:0.5; filter:alpha(Opacity=50); } /* /DEBUG IN STYLE */ /* ----------------*/ .acinsider { color:#FFFFFF !important; } .acinsider a { color:#FFFFFF !important; } /* big add resolve ie7 */ .adf_54{z-index:+1;} .nipnadszone{z-index:+1;} /* speednoter */ .speednoter { border:1px solid #ACB3C0; width: 760px; height: 250px; } .speednoter { position:relative; width:100%; margin:0 auto; padding:5px 0 10px; /*border:1px solid black;*/ } .speednoter .navprevbtn { float:left; position:relative; margin-top:110px; margin-right:4px; margin-left: 4px; } .speednoter .navprevbtn img { } .speednoter .navprevbtn span { display:none; } .speednoter .navnextbtn { float:right; position:relative; margin-top:110px; margin-right: 4px; } .speednoter .navnextbtn img { } .speednoter .navnextbtn span { display:none; } .speednoter .speednotercontent { float:left; position:relative; /*margin-right:4px;*/ } .speednoter .speednotercontent .slide .datablock .mainzone .contentzone { width: 570px; } /* Carousel DEPRECATED */ .speednoter .speednotercontent ul { height:auto; } .speednoter .speednotercontent li { width:128px; padding:0 4px 3px; /*DND CHR bug*/height:auto !important; overflow:hidden; } .speednoter .speednotercontent li em { display:block; width:128px; font-size:11px; text-align:center; } .speednoter .speednotercontent li em a { text-decoration:none; } .speednoter .speednotercontent li em img { margin:4px; } .speednoter .speednotercontent li em img.selected { margin:0; border:4px solid #FFCC00; } /* /Carousel DEPRECATED */ .speednoter .speednotercontent .carouselitem { float:left; width:128px; padding:0 4px 3px; /*DND CHR bug*/height:auto !important; overflow:hidden; } .speednoter .speednotercontent .carouselitem em { display:block; width:128px; font-size:11px; text-align:center; } .speednoter .speednotercontent .carouselitem em a { text-decoration:none; } .speednoter .speednotercontent .carouselitem em img { margin:4px; } .speednoter .speednotercontent .carouselitem em img.selected { margin:0; border:4px solid #FFCC00; } .lylarge .speednoter { /*width:756px;*/ } .lylisting.withoutcolleft .speednoter { } .lylisting.withoutcolleft .speednoter .speednotercontent .carouselitem { width:108px } .lylisting.withoutcolleft .speednoter .speednotercontent .carouselitem em { width:108px } .colright .speednoter { width:278px; } .colright .speednoter .speednotercontent li { width:108px; } .colright .speednoter .speednotercontent li em { width:108px; } /*module 1/3 et 2/3*/ .mod_untier, .mod_deuxtier{ margin:10px 0; } .mod_untier{ width:325px; border-right:1px solid #92a2b7; } .mod_deuxtier{ width:634px; } .mod_untier ul{ } .mod_untier ul li{ position:relative; width:290px; height:135px; display:block; margin:0 0 10px 0; overflow:hidden; } .mod_untier ul li a{ color:#fff; text-decoration:none; } .mod_untier ul li span{ width:100%; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .mod_untier ul li h4{ color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:700; line-height:16px; } .mod_untier ul li span, .mod_untier ul li h4{ display:block; position:absolute; left:0; top:100%; margin:-40px 0 0 0; padding:3px 10px; height:34px; } .mod_untier .FileImgTitle{ margin:0; padding:0 10px; } .mod_untier .linkmore img, .mod_deuxtier .linkmore img{ background-position:-249px -38px; height:4px; margin:0 6px 2px 0; width:3px; float:none; } .FileImgTitleRub{ width:317px; border-right:1px solid #e9ecf1; float:left; } .FileImgTitleRub ul{ height:291px; } .FileImgTitleRub li.first{ padding:0; } .FileImgTitleRub li{ padding:10px 0 0 0; } .FileImgTitleRub img{ } .FileImgTitleRub a{ font-size:12px; font-weight:700; line-height:16px; } .FileImgTitleRub a.img{ display:block; width:100px; height:54px; float:left; margin:0 5px 10px 0; overflow:hidden; } .FileImgTitleRub .linkmore a{ font-weight:300; } .FileImgTitleRub span{ color:#999; font-size:11px; display:block; } .FileImgTitleRub span a{ font-weight: 300; font-size: 11px; } .FileImgTitleRub .hrdotted{ clear:both; margin:0 28px 0 0; } .FileTitleRub{ width:280px; float:left; padding: 0 0 0 10px; } .FileTitleRub h4{ font-weight:700; font-size:11px; } .FileTitleRub table{ width:280px; } .FileTitleRub table th{ text-align:left; font-size:11px; vertical-align:top; font-weight:300; color:#999; width:72px; } .FileTitleRub table td{ text-align:left; font-size:11px; color:#005ea8; padding:0 5px 0 0; } .FileTitleRub table th, .FileTitleRub table td{ border:none; } /*mod_news_star*/ .mod_news_star h4, .mod_news_star h4 a{ font-size:12px; color:#005ea8; font-weight:700; } .mod_news_star h4{ margin:5px 0 1px 0; display:block; } .mod_news_star h4 a{ text-decoration:none; } .mod_news_star h4 a:hover{ color:#C00; text-decoration:underline; } .mod_news_star h4 a strong{ font-weight:700; } .mod_news_star{ width:380px; float:left; padding:0 0 15px 0; } .mod_news_star .visuel{ } .mod_news_star .visuel a{ display:block; width:360px; height:145px; overflow:hidden; } .mod_news_star .visuel, .mod_news_star .content, .mod_news_star .hrdotted{ margin:0 20px 0 0; } .mod_news_star .hrdotted{ margin-top:10px; clear:both; } .mod_news_star .content{ font-size:11px; color:#000; } /* "Top Bandes-annonces" dans la colonne de droite*/ .colright .listofdatablocksthumbnailsview .datablock { margin-bottom:10px; float:left; width:96px; } .colright .listofdatablocksthumbnailsview .datablock{ width:90px; } .colright .listofdatablocksthumbnailsview .datablock .miniview .picturezone { float:none; } .colright .listofdatablocksthumbnailsview .datablock .miniview .contenzone { width:auto; float:none; } /* "Toute l'actu" dans la colonne de droite*/ .colright .listofnewslistview .datablock .mainzone.miniview { } .colright .listofnewslistview .picturezone { width:100px; } .colright .listofnewslistview .picturezone a { display:block; } .colright .listofnewslistview .datablock .miniview .contenzone { width:160px; } .colright .datablock .miniview .contenzone { width:185px; } /* "Les cinemas par circuit et reseau " dans la colonne de droite*/ .colright .listofmicroviews .datablock .microview{ width: 275px; } .colright .listofmicroviews .datablock .microview .contenzone { width: 205px; } /* MonAllo My library */ .myLibrary{ } .myLibrary h2.bck{ color:#000; } .myLibrary h2{ font-size:18px; color:#C00; } .myLibrary .tabs{ margin:18px 0 0 0; } .myLibrary .tabs .current a{ text-decoration:none; cursor:text; } .myLibrary .morezone{ border-left:1px solid #cfd7e1; border-right:1px solid #cfd7e1; width:auto; } .myLibrary .navbypage .centerzone { width:auto; margin:auto; } .myLibrary .navbypage .rightzone { float:right; width:170px; text-align:right; } .myLibrary .myLibraryContent { border:1px solid #cfd7e1; border-top:none; } .myLibrary .myLibraryContent .notice{ font-size:11px; text-align:center; background:#fff6c2; line-height:22px; } .myLibrary .myLibraryContent .notice a{ text-decoration:underline; } .myLibrary .myLibraryContent .notice a:hover{ } .myLibrary .myLibraryContent .time{ float:right; padding:10px 10px 0 0; color:#c00; } .myLibrary .myLibraryContent h3{ padding:10px; display:block; font-weight:700; margin:0 110px 0 0; } .myLibrary .myLibraryContent ul{ padding:0 0 0 0; } .myLibrary .myLibraryContent ul li{ overflow:auto; padding:10px; margin:0 10px 10px 10px; background:#edf0f3; } .myLibrary .myLibraryContent ul li a{ text-decoration:underline; } .myLibrary .myLibraryContent ul li span a{ text-decoration:none; } .myLibrary .myLibraryContent .visual{ width:113px; overflow:hidden; float:left; margin:0 10px 0 0; } .myLibrary .myLibraryContent .multiVisual{ overflow:auto; } .myLibrary .myLibraryContent .visual a, .myLibrary .myLibraryContent .multiVisual a{ display:block; } .myLibrary .myLibraryContent .multiVisual a{ margin:0 10px 0 0; float:left; width:80px; } .myLibrary .myLibraryContent span{ display:block; font-size:11px; /* color:#999;*/ } .myLibrary .myLibraryContent .morelinks{ margin:0 0 10px 10px; color:#999; } .myLibrary .myLibraryContent .morelinks span{ font-size:12px; display:inline; } .myLibrary .myLibraryContent .morelinks span a{ color:#999; } .myLibrary .myLibraryContent .morelinks span a:hover{ color:#c00; } /* /MonAllo My library */ /* Mon Allo avatar membre*/ .MyAllo_member{ width:154px; border:1px solid #efefef; padding:2px; } .MyAllo_member .avatar{ text-align:center; min-height:166px; height:auto; } .MyAllo_member .avatar img{ direction:block; } .MyAllo_member .status{ margin:auto; padding:3px 0 10px 0; background:#CFD8E1; text-align:center; } .MyAllo_member .status a{ font-weight:700; } .MyAllo_member .status em{ color:#005EA8; } .MyAllo_member .btn{ position:absolute; top:50%; left:50%; margin:-13px 0 0 -62px; display:none; } /* /Mon Allo avatar membre*/ /*MyLibrary My friends Feeds*/ .friendsFeeds .top p{ margin:0 140px 5px 10px; } .friendsFeeds .top p.time{ margin:0; padding-top:0; } /* /MyLibrary My friends Feeds*/ /*mon allo page newsletter */ #selectNewsletterList{ padding:0 10px; } #selectNewsletterList .hrbicolor{ margin:20px 0 10px 0; } #selectNewsletterList .newsItem{ border-bottom:1px solid #D3D3D3; padding:0 0 10px 0; margin:0 0 10px 0; } #selectNewsletterList .newsVisual{ float:left; text-align:right; width:20%; margin:0 10px 0 0; } #selectNewsletterList .newsVisual img{ width:125px, } #selectNewsletterList .newsContent{ width:598px; float:left; } #selectNewsletterList .newsContent p{ margin:0 0 20px 0; } #selectNewsletterList .newsContent h3{ font-weight:700; color:#000; font-size:12px; } #selectNewsletterList .btn_content{ width:131px; margin:0 0 20px 0; overflow:hidden; } #selectNewsletterList #TheaterAlertsResult{ line-height:23px; width:455px; float:right; } #selectNewsletterList .checkboxes label{ display: block; padding-left: 15px; text-indent: -15px; } #selectNewsletterList .checkboxes input{ width: 13px; height: 13px; padding: 0; margin: 0 10px 0 10px; vertical-align: bottom; position: relative; top: -1px; *overflow:hidden; } #selectNewsletterList .checkboxes{ border: 1px solid White; background-color: White; padding: 5px 10px; margin: 1px 0 10px 0; width: 75%; } #selectNewsletterList .highlight{ border: 1px solid #fec200; background-color: #fff6c1; } #selectNewsletterList .phoneinput{ border: 1px solid #A0ACC2; float: left; margin: 2px 5px; padding: 4px 0 3px 10px; width: 120px; } #eventSMSbox{ border:1px solid #D3D3D3; padding:10px 0; margin:40px 0 0 0; } #eventSMSbox .newsContent{ width:588px; } #eventSMSbox .newsContent #sms{ margin:10px 0 0 0; } /*DEBUT STYLE DragSortList*/ .DragSortList{ } .DragSortList ul{ font-family:Arial, Helvetica, sans-serif; font-size:11px; } .DragSortList li{ display:block; float:left; width:140px; /* height:238px;*/ border:1px solid #AEB2BE; text-align:center; margin:0 0 10px 12px; _display:inline;/*fix ie6 double margin*/ } .DragSortList li.selected{ background:#ECF0F3; } .DragSortList li.selected{ background:#ECF0F3; } .DragSortList li div.top{ display:block; position:relative; background:#edf0f3; padding:1px 0 0 0; } .DragSortList li div.top span{ background:#ECF0F3; display:block; } .DragSortList li div.top a.close{ display:block; width:10px; height:10px; position:absolute; top:3px; left:125px; outline:none; background-position:-298px -48px; _background-image:url(img/acsprite_icons-or8.png);/*fix for ie6 png8*/ } .DragSortList li div.img{ margin:0 4px; padding:5px 0; text-align:center; background:#fff; } .DragSortList .small li div.img{ height:120px; } .DragSortList .big li div.img{ height:160px; } .DragSortList li div.img img{ /* width:120px; height:160px;*/ } .DragSortList li.selected p{ background:#fff; } .DragSortList li p { display:block; height:25px; line-height:14px; /*margin-bottom:41px;*/ overflow:hidden; padding:0 0 5px; margin:0 4px 4px 4px; } .DragSortList .dragged{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:move; } .DragSortList ul .ui-state-highlight{ background:#999; border:1px solid #acb3c0; } /*FIN STYLE DragSortList*/ /* pager prev next*/ .pager_PrevNext .morezonecontent .navbar { margin:auto; width:290px; position:relative; } .pager_PrevNext .navbar .navnextbtn img{ margin:0 5px 0 0; } /* /pager prev next*/ /* Mon allo -- table items list */ .table_items_list { width:760px; } .table_items_list .navbypage .rightzone{ float:right; } .table_items_list table{ border:1px solid #cfd7e1; border-top:none; width:auto; } .table_items_list table .col_1{ width:30px; text-align:center; } .table_items_list table .col_2{ width:550px; } .table_items_list table .col_3{ width:210px; } .table_items_list table caption{ display:none; } .table_items_list table th, .table_items_list table td{ border:none; height:32px; vertical-align:middle; font-size:11px; color:#005ea8; border-bottom:1px solid #cfd7e1; } .table_items_list table td{ border-bottom:1px solid #cfd7e1; } .table_items_list table .lastInfos td{ border:none; } .table_items_list table th{ text-align:right; font-weight:300; padding:5px; background:#eef1f4; } .table_items_list table th .comboboxzone{ background:#fff; } .table_items_list table td.top_arrow, .table_items_list table td.bottom_arrow{ height:15px; border-bottom:none; position:relative; padding:0; text-align:left; } .table_items_list table td.bottom_arrow{ border-bottom:1px solid #cfd7e1; } .table_items_list table td.top_arrow img, .table_items_list table td.bottom_arrow img{ position:relative; margin:-1px 0 0 5px; _margin:0 0 0 5px;/*fix ie6*/ width:19px; height:16px; background-position:-139px 0; } .table_items_list table td.bottom_arrow img{ margin:0 0 -1px 5px; background-position: -139px -16px; } .table_items_list table img.heart{ width:16px; height:13px; background-position:-92px 0; margin:0 8px 0 0; } .table_items_list table img.heart_selected{ background-position:-26px 0; } .table_items_list table img.arrow{ width:6px; height:5px; background-position:-249px -33px; margin:0 0 0 4px; } .table_items_list table span.addDate{ color:#999; padding:0 0 0 25px; display:none; } .table_items_list table .selected span.addDate{ display:inline; } .table_items_list table .selected img.arrow{ background-position:-256px -33px; } .table_items_list table .selected td{ background:#EDF0F3; border-bottom:1px solid #EDF0F3; } .table_items_list table td.itemopener, .table_items_list table td.short{ cursor:pointer; } .table_items_list table th input, .table_items_list table td input{ display:block; margin:auto; } .table_items_list table th .btn { margin:0 0 0 10px; } .table_items_list .short .fm_rating_wanttosee_class { background-position:0 -895px; cursor:pointer; float:left; height:19px; width:28px; margin-right:5px; } .nostars .starZero, .nostars .flyingstarsform{ visibility:hidden; } .item_infos .nostars .starZero, .item_infos .nostars .flyingstarsform{ visibility:visible; display:none !important; } .table_items_list .leftzone .comboboxzone .constraintzone { width:auto; } .table_items_list .leftzone .comboboxzone .comboboxlist { width:200px; } .table_items_list .navprevbtn img { margin:0 4px 0 0; } .table_items_list .navnextbtn img { margin:0 0 0 4px; } #flyingstarsden .short .fm_rating_wanttosee_class, #flyingstarsden .short .fm_rating_wanttosee_class .table_items_list .short .fm_rating_wanttosee_class, .table_items_list .short .fm_rating_notinterested_class{ background-position:0 -895px; cursor:pointer; float:left; height:19px; width:28px; margin-right:5px; } #flyingstarsden .short .fm_rating_notinterested_class, .table_items_list .short .fm_rating_notinterested_class{ background-position:-56px -895px; width:28px; height:19px; margin-right:5px; } #flyingstarsden .short .fm_rating_wanttoseechoosen_class, .table_items_list .short .fm_rating_wanttoseechoosen_class{ background-position:-28px -895px; width:28px; height:19px; margin-right:5px; } #flyingstarsden .short .fm_rating_notinterestedchoosen_class, .table_items_list .short .fm_rating_notinterestedchoosen_class{ background-position:-84px -895px; width:28px; height:19px; margin-right:5px; } .table_items_list .item_infos .comboboxzone { width:140px; } .table_items_list .item_infos .comboboxzone .constraintzone{ width:130px; } .table_items_list .comboboxzone .unbreackablezone{ width:auto !important; text-align:left; } .table_items_list .comboboxzone .unbreackablezone #mylibrary_orderlist_lbl{ padding-right:3px; } .table_items_list .item_infos{ padding:0; background:#edf0f3; } .table_items_list .item_infos .visual{ width:120px; overflow:hidden; float:left; padding:0 20px 20px 0; } .table_items_list .item_infos .visual a img{ margin:0 0 10px 0; } .table_items_list .item_infos .visual a{ display:block; text-align:center; text-decoration:underline } .table_items_list .item_infos .content{ width:480px; float:left; padding:0 0 10px 0; color:#000; } .table_items_list .item_infos .content input{ display:inline; margin:6px 3px 3px 4px; *margin:auto;/*fix ie7*/ } .table_items_list .item_infos .content label{ } .table_items_list .item_infos .content span.count{ color:#999; float:right; padding:0 20px 0 0 ; line-height:26px; } .table_items_list .item_infos .content textarea{ padding:9px; border:1px solid #a0acc2; display:block; width:440px; height:60px; font-size:11px; margin:5px 0 8px 0; } .table_items_list .item_infos hr{ height:1px; background:#cfd7e1; border:none; } .table_items_list .item_infos .content .flyingstarsform{ width:95px; } .table_items_list .item_infos .content .flyingstarsform .moreinfo{ float:right; } .table_items_list .item_infos .content #optinConvention{ margin-left:23px; } .table_items_list .item_infos .addFav{ color:#000; line-height:26px; } .table_items_list a.iconredcross { line-height:30px; padding:1px 0; vertical-align:top; } .table_items_list a.iconredcross img{ width:15px; height:15px; background-position:-109px 0; } .table_items_list a.iconredcross:hover img{ background-position:-109px -16px; } .table_items_list table th .comboboxzone { width:140px; *margin-right:10px;/*fix ie7*/ } .table_items_list table thead th .comboboxzone { z-index:200; padding:0; } .table_items_list table tfoot th .comboboxzone { z-index:150; padding:0; } .table_items_list table th .comboboxzone .constraintzone { width:137px; } .table_items_list table th .comboboxzone .tabs{ position:absolute; *position:relative;/*fix ie7*/ margin:-42px 0 0 -21px; background:#fff; border:1px solid #A0ACC2; border-bottom: none; width:117px; padding:2px 17px 13px 6px;/*for all browser*/ padding/*\**/: 2px 17px 12px 6px\9; /*fix for ie8 & ie7*/ } .table_items_list table th .comboboxzone .tabs a{ font-weight:700; color:#000; text-decoration:none; } .table_items_list table th .comboboxzone .unbreackablezone { font-weight:700; padding:2px 17px 5px 6px; } .table_items_list table th .comboboxlist{ width:345px; text-align:left; margin:31px 0 0 0; padding:10px 20px; } .table_items_list table th .comboboxlist ul{ width:172px; float:left; border-bottom:1px solid #acb3c0; padding:0 0 20px 0; margin:0 0 6px 0; min-height:90px; height:auto; _height:90px; /*fix ie6*/ } .table_items_list table th .comboboxlist ul a.current{ font-weight:700; color:#000; } .table_items_list table th .comboboxlist ul li{ color:#999; line-height:18px; } .table_items_list table th .comboboxlist a{ display:inline; padding:0; position:static; width:auto; background:none; text-decoration:underline; } .table_items_list table th .comboboxlist ul a{ text-decoration:none; } .table_items_list table th .comboboxlist a:hover{ background:none; } /* /Mon allo -- table items list */ /* Mon allo -- communautaire status membre + moderation */ .MyAllo_member{ position:relative; margin:5px auto 10px auto; } .MyAllo_member .ribbon{ text-align:center; background:#47a147; /*filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;*/ position:absolute; top:100%; left:2px; margin:-22px 0 0 0; *margin:-25px 0 0 0;/*fix ie7*/ line-height:20px; width:154px; color:#fff; } .MyAllo_member .offline{ background:#CED7E0; color:#7D95B1; } .MyAllo_member_status{ margin:10px auto 30px auto; border:1px solid #cfd8e1; padding:5px; width:148px; text-align:center; line-height:16px; } .MyAllo_member_status strong{ color:#005ea8; font-weight:300; } .MyAllo_member_mod{ padding:0; width:160px; margin:auto; } .MyAllo_member_mod ul{ margin:0; padding:0; border:1px solid #cfd8e1; border-bottom:none; } .MyAllo_member_mod li{ background:#edf1f4; border-bottom:1px solid #cfd8e1; } .MyAllo_member_mod li a{ display:block; color:#015fa5; text-decoration:underline; font-weight:700; padding:7px 2px 7px 10px; text-decoration:none; border-top:1px solid #fff; } .MyAllo_member_mod li a:hover{ color:#c00; text-decoration:underline; } /* /Mon allo -- communautaire status membre + moderation */ /* Mon allo -- accueil2 */ .myAC_hp h2 { color:#c00; font-size:18px; display:block; margin:0 0 20px 0; } .myAC_hp h2.bck { color:#000; display:block; padding:0 0 10px 0; } .myAC_hp .sub{ line-height:30px; } .myAC_hp #myLibrary { padding:0 0 100px; } .myAC_hp #myLibrary .navprevbtn img{ margin:0 4px 0 0; } .myAC_hp #myLibrary .navnextbtn img{ margin:0 0 0 4px; } .myAC_infoBox{ border:1px solid #bdc2cd; padding:4px; background:#edf0f3; width:356px;/*366*/ height:91px;/*101*/ float:left; margin:0 20px 0 0; } .myAC_infoBox_inner{ background:#fff; height:81px;/*91*/ padding:5px; font-size:11px; } .myAC_infoBox_inner img.mascot{ float:left; margin:0 5px 0 0; } .myAC_infoBox_inner img.icoredcross{ float:right; } .myAC_infoBox_inner p{ margin:0 60px 12px 0; } .myAC_infoBox_inner a{ text-decoration:underline; } .myAC_hp .tabs{ margin:20px 0 0 0; *height:28px;/*fix ie7*/ *overflow:hidden;/*fix ie7*/ } .myAC_hp .tabs .current a{ text-decoration:none; } .myAC_hp .tabs a{ *line-height:17px/*fix ie7*/ } #myLibraryForm{ padding:7px 0 0 0; } #myLibraryForm legend{ display:none; } #myLibraryForm div{ margin:0 0 10px 0; } #myLibraryForm div h3{ font-size:12px; display:block; padding:0 0 10px 0; } #myLibraryForm div h3 strong{ color:#c00; font-size:16px; } #myLibraryForm div.radiodata{ margin:0 0 30px 0; } .all_member #myLibrary { padding:0 0 10px; } .all_member #myLibraryForm div.radiodata{ margin:0 0 10px 0; } .all_member #member_fan_selection_found{ font-size:11px; margin:0 0 10px 12px; } #myLibraryForm div.radiodata span{ padding:0 10px 0 18px; } #myLibraryForm div.searchdata{ margin:0; } #myLibraryForm div.searchdata p.lighten{ margin:0 0 0 12px; font-size:11px; } #myLibraryForm div.searchdata input{ margin:0 8px 0 12px; width:330px; padding:4px; border:1px solid #a0acc2; float:left; } #myLibraryForm div.myLibSearchdata p.lighten, #myLibraryForm div.myLibSearchdata input { margin:0; } .all_member #myLibraryForm div.searchdata input { width:315px; } #myLibraryForm div.searchdata label{ display:none; } #myLibraryForm div.searchdata button{ float:left; } .myAC_hp .searchResultBox{ width:428px;/*460*/ border:1px solid #cfd7e1; padding:9px; margin:0 0 0 12px; } .all_member .searchResultBox{ margin:0; } .myAC_hp .searchResultBox h3{ font-weight:700; font-size:11px; display:block; margin:0 0 10px 0; } .myAC_hp .searchResultBox .rightzone{ float:right; } .myAC_hp .searchResultBox ul#searchResultList{ position:relative; } .myAC_hp .searchResultBox ul#searchResultList li{ padding:2px 0; border-bottom:1px solid #cfd7e1; font-size:11px; _height:1%;/*fix ie6*/ background:#fff; } .myAC_hp .searchResultBox ul#searchResultList li.error{ padding:10px 0; color:#c00; } .myAC_hp .searchResultBox ul#searchResultList li.load{ border:1px solid #fff; background:#fff; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .myAC_hp .searchResultBox ul#searchResultList li.load img{ display:block; margin:40px auto auto auto; } .myAC_hp .searchResultBox .navbar ul li{ border:none; } .myAC_hp .searchResultBox ul#searchResultList li span.bg_grey{ padding:0 10px; display:block; } .myAC_hp .searchResultBox ul#searchResultList li.hover span.bg_grey{ background:#e5eaef; position:relative; index:100; _height:1%; } .myAC_hp .searchResultBox ul li span a{ *z-index:-1;/*fix ie7*/ } .myAC_hp .searchResultBox ul li span a.tooltip{ color:#000; display:block; margin:0 80px 0 0; *float:left;/*fix ie7*/ } .myAC_hp .searchResultBox ul li span a.tooltip span{ display:none; position:absolute; top:20px; left:100px; z-index:300; background:#fff; border:1px solid #CFD7E1; padding:4px; width:250px; color:#000; } .myAC_hp .searchResultBox ul li span a.tooltip:hover span{ display:block; } .myAC_hp .searchResultBox ul li span span img{ float:left; margin:0 5px 0 0; border:1px solid #CFD7E1; } .myAC_hp .searchResultBox ul li a.add{ float:right; text-decoration:underline; } .myAC_hp .searchResultBox ul li span.add{ float:right; color:#999; } button.disable{ cursor:text } button.disable .btn span{ color:#999; background-position:0 -929px; } button.disable .btn em { background-position:0 -981px; } button.disable .btn span em { background-position:right -929px; } button.disable .btn span span { background-position:right -981px; } .myFriends .member{ margin:15px 0 10px 10px; padding:2px; border:1px solid #EFEFED; border-bottom:1px solid #CFCFCF; background:#fff; width:60px; height:82px; text-align:center; float:left; } .myFriends .avatar a{ display:block; height:65px; outline:none; } .myFriends .avatar p{ background:#CED7E0; color:#7D95B1; margin:0; } .myFriends .avatar p.connect{ background:#47A243; color:#fff; } .myFriends a.username{ text-decoration:underline; border-top:1px solid #EFEFED; display:block; } .contentFriends{ margin:0 0 0 80px; } /* //* Mon allo -- accueil2 */ /* Mon allo -- gerer ma liste */ .myAC_manage_list h2{ color:#c00; font-size:24px; padding:0 0 10px 0; display:block; } .myAC_manage_list h3{ color:#c00; font-size:18px; padding:0 0 10px 0; display:block; } form.myAC_createList{ } form.myAC_createList legend{ display:none; } form.myAC_createList legend{ display:none; } form.myAC_createList .notice{ font-size:11px; color:#000; background:#fff6c2; text-align:center; padding:2px 5px; } form.myAC_createList .notice a{ text-decoration:underline; } form.myAC_createList .text label, form.myAC_createList .radio p{ display:block; float:left; width:115px; padding:2px; } form.myAC_createList li{ list-style:none; } form.myAC_createList .text input{ width:190px; padding:2px; } form.myAC_createList .radio label{ display:block; float:left; width:100px; padding:2px; } form.myAC_createList .radio li{ overflow:visible; height:22px; } form.myAC_createList .radio input{ float:left; width:15px; margin:3px 4px 4px 4px; *margin:2px 4px 4px 4px;/*fix ie7*/ } form.myAC_createList ul{ float:left; } form.myAC_createList li{ overflow:auto; _height:1%; /*fix ie6*/ margin:10px 0 0 0; } form.myAC_createList li li{ margin:0 0 2px 0; } form.myAC_createList .btn_form{ margin:0 0 0 115px; } .myAC_manage_list .table_items_list .morezone{ border:1px solid #CFD7E1; border-bottom:none; width:auto; } .myAC_manage_list .morezone .rightzone { float:right; text-align:right; width:170px; } .myAC_manage_list .table_items_list { margin:0; } .myAC_manage_list .table_items_list table .col_1{ } .myAC_manage_list .table_items_list table .col_2{ width:330px; } .myAC_manage_list .table_items_list table .col_3{ width:180px; } .myAC_manage_list .table_items_list table .col_4{ width:110px; } .myAC_manage_list .table_items_list table .col_5{ width:110px; } .myAC_manage_list .table_items_list table th{ background:#eef1f4; } .myAC_manage_list .table_items_list table th .btn_content{ overflow:auto; } .myAC_manage_list .table_items_list table th .btn { margin:0 10px 0 0; } .myAC_manage_list .table_items_list table td a { text-decoration:underline; } .myAC_manage_list .navbypagefull .centerzone { margin:0; width:auto; } .manageListMoreLinks{ padding:15px 0 0 0; } .manageListMoreLinks a{ text-decoration:underline; } .manageListMoreLinks ul li{ display:inline; color:#999; } .manageListMoreLinks ul li span{ padding:0 5px; } /* //* Mon allo -- gerer ma liste */ #MyLibraryItem { padding:0 10px; } /* mon allo tabs*/ #tabs_series { width:auto; margin:0 ; } #tab_myallo { width:760px; /*border-top:1px solid #a0acc2;*/ border-bottom:1px solid #a0acc2; background:#fff url(img/myallo/bg_tab_myallo.jpg) 0 bottom repeat-x; padding-bottom:8px; position:relative;/*overlay tab*/ } #tab_myallo h2{ font-size:12px; color:#c00; padding:7px 10px; display:block; } #tab_myallo a{ outline:none; } #tab_myallo ul { height:35px; margin:0; } #tab_myallo li { background:#fff; float:left; margin:0 0 0 10px; width:74px; border:1px solid #a0acc2; position:relative; } #tab_myallo li a { display:block; font-size:11px; height:22px; line-height:22px; padding:0 9px; color:#000; } #tab_myallo li a img { background-position:-239px -8px; height:7px; position:absolute; right:7px; top:9px; width:9px; } #tab_myallo .active { border-bottom-width:1px; border-bottom-color:#fff; } #tab_myallo .active a { height:34px; } #tab_myallo .active a img { background-position:-239px -16px; } #tab_myallo div { border:1px solid #A0ACC2; padding:15px 10px; background:#fff; margin:0 10px 10px 10px; } #tab_myallo #mylibrary_loader_tab{ margin:0; padding:0; border:none; } #tab_myallo div ul, #tab_myallo div ul li{ display:block; margin:0; padding:0; float:none; border:none; height:auto; width:auto; } #tab_myallo div div{ margin:0; padding:0; border:none; overflow:auto; } #tab_myallo .col_content{ /* padding:0 0 25px 0;*/ } #tab_myallo div ul{ margin:0; float:left; width:239px; } #tab_myallo div ul li { color:#000; font-weight:700; } #tab_myallo .eval img{ margin:0 10px 0 0; } #tab_myallo ul.eval li a{ text-decoration:underline; } #tab_myallo div ul li a { color:#005ea8; padding:0; text-decoration:none; font-size:12px; font-weight:300; display:inline; } #tab_myallo div ul li a.bold{ color:#000; } #tab_myallo div ul li a:hover{ text-decoration:underline; } #tab_myallo div ul li span{ color:#999; font-size:11px; font-weight:300; } #tab_myallo div.close{ position:relative; clear:both; width:50px; overflow:visible; } #tab_myallo .close a{ color:#005ea8; text-decoration:underline; padding:0 20px 0 0; font-size:11px; } #tab_myallo .close img{ background-position:-255px -32px; height:7px; position:absolute; right:7px; top:7px; width:7px; } #tab_myallo .col_select{ padding:0 0 5px 0; border-bottom:1px solid #acb3c0; margin:0 0 10px 0; color:#999; } #tab_myallo .col_select a{ text-decoration:underline; } #tab_myallo .col_select div.navbar{ overflow:visible; background:none; width:95px; float:right; } #tab_myallo .col_select div.navbar ul{ width:auto; float:none; position:static; margin:0; } #tab_myallo .col_select div.navbar ul li{ display:inline; color:#7F94B0; background:none; font-weight:300; position:static; } #tab_myallo .col_select div.navbar ul li a{ line-height:20px; height:auto; } #tab_myallo .col_select .navcurrpage{ font-weight:700; } #tab_myallo .col_select div.navbar .navprevbtn a img, #tab_myallo .col_select div.navbar .navprevbtn em img { background-position:-200px -20px; cursor:pointer; height:20px; width:19px; position:static; top:0; left:0; } #tab_myallo .col_select div.navbar .navprevbtn a:hover img{ background-position:-200px -40px; } .myAlloBtnProfile{ width:76px; margin:10px auto 30px auto; } #tab_myallo .col_select navprevbtn a img, #tab_myallo .col_select .navnextbtn a img{ height:20px; width:19px; position:static; top:0; left:0; } #tab_myallo .col_select .navprevbtn img{ margin:0 4px 0 0; } #tab_myallo .col_select .navprevbtn a img{ background-position:-200px -20px; } #tab_myallo .col_select .navnextbtn img{ margin:0 0 0 4px; } #tab_myallo .col_select .navnextbtn a img{ background-position:-219px -20px; } #tab_myallo .col_select .navprevbtn a:hover img{ background-position:-200px -40px; } #tab_myallo .col_select .navnextbtn a:hover img{ background-position:-219px -40px; } .table_items_list table .comboboxlist .navbar{ float:right; } .table_items_list table .comboboxlist .navbar ul { float:none; margin:0; min-height:inherit; padding:0; border:none; } /*/mon allo tabs*/ /* Mon allo -- speednoter */ .myAC_speednoter{ padding:0 10px; } .myAC_speednoter h2{ color:#c00; font-size:24px; padding:0 0 10px 0; display:block; } .myAC_speednoter p.sub{ display:block; margin:0 0 15px 0; } .myAC_speednoter ul.noteFor{ margin:0 0 10px 0; } .myAC_speednoter ul.noteFor li{ display:inline; } .myAC_speednoter .speednoter { padding:0; margin:0 0 25px 0; } .myAC_speednoter .speednoter .navprevbtn, .myAC_speednoter .speednoter .navnextbtn{ background:#eef1f5; float:left; margin:0; width:53px; position:relative; height:100%; } .myAC_speednoter .speednoter .navnextbtn{ float:right; } .myAC_speednoter .speednoter .navprevbtn img, .myAC_speednoter .speednoter .navnextbtn img{ cursor:pointer; height:65px; width:36px; position:absolute; top:50%; margin:-33px 0 0 0; left:8px; } .myAC_speednoter .speednoter .navprevbtn a img{ background-position:0 -1561px; } .myAC_speednoter .speednoter .navprevbtn a:hover img{ background-position:-73px -1561px; } .myAC_speednoter .speednoter .navnextbtn a img{ background-position:-36px -1561px; } .myAC_speednoter .speednoter .navnextbtn a:hover img{ background-position:-109px -1561px; } .myAC_speednoter .speednoter .disabled a img, .myAC_speednoter .speednoter .disabled a:hover img{ background-position:0 -1561px !important; } .myAC_speednoter .speednotercontent{ height:100%; width:654px; overflow:hidden; } .myAC_speednoter .speednotercontent .datablock, .myAC_speednoter .speednotercontent .titlebar{ margin:0; } .myAC_speednoter .speednotercontent .slide{ padding:20px 10px; } .myAC_speednoter .speednotercontent .picturezone{ width:160px; height:213px; float:left; overflow:hidden; margin:0 20px 0 0; } .myAC_speednoter .speednotercontent .contentzone{ float:left; width:450px; height:189px; overflow:hidden; } .myAC_speednoter .speednotercontent .contentzone h3{ font-size:18px; } .myAC_speednoter .speednotercontent .contentzone h3 a{ text-decoration:none; } .myAC_speednoter .speednotercontent .contentzone p{ line-height:18px; margin:0; } .myAC_speednoter .speednotercontent .contentzone p.resume{ margin:20px 0 0 0; } .myAC_speednoter .speednotercontent .speednoterstarsratezone{ float:left; width:450px; } .myAC_speednoter .ratingboxbottom{ } .myAC_speednoter .ratingboxbottom h4{ display:block; font-weight:700; margin:11px 0 5px 0; } .myAC_speednoter .ratingboxbottom div#speednoter_all_ratings_movie, .myAC_speednoter .ratingboxbottom div#speednoter_all_ratings_series{ float:left; width:380px; } .myAC_speednoter .ratingboxbottom ul{ margin:0 0 0 15px; } .myAC_speednoter .ratingboxbottom ul a{ text-decoration:underline; } .myAC_speednoter .ratingboxbottom ul li{ overflow:auto; _height:1%; /*fix ie6*/ margin:0; line-height:22px; color:#999; } .myAC_speednoter .ratingboxbottom ul li span{ color:#999; font-size:11px; } .myAC_speednoter .ratingboxbottom .fm_rating_wanttoseechoosen_class, .myAC_speednoter .ratingboxbottom .fm_rating_notinterestedchoosen_class { background-position:0 -895px; cursor:pointer; float:left; height:19px; margin-right:5px; width:28px; } .myAC_speednoter .ratingboxbottom .fm_rating_notinterestedchoosen_class { background-position:-56px -895px; } .library_form { font-size:11px; } .library_form div{ overflow:auto; _height:1%; /*fix ie6*/ margin:0 0 5px 0; } .library_form label, .library_form p{ float:left; width:100px; height:23px; line-height:23px; display:block; } .library_form input{ border:1px solid #A0ACC2; margin:0; padding:4px; } .library_form div.radio label { width:auto; } .library_form div.radio input{ margin:5px 4px 4px 0; float:left; width:10px; border:none; } .library_form div.radio ul{ float:left; width:200px; } .library_form div.radio li{ overflow:auto; _height:1%; /*fix ie6*/ } .library_form div.btn_wrap{ padding:5px 0 0 100px; } /* /Mon allo -- speednoter */ .notice{ font-size:11px; color:#000; background:#fff6c2; text-align:center; padding:2px 5px; } .notice a{ text-decoration:underline; } .filterFilm{ overflow:auto; } .filterFilm .filterlistzone .functionsmenu{ padding:0; } /* PAGER NAVBAR */ .pager_navbar{ font-family: Tahoma,Lucida,Arial,sans-serif; font-size:12px; line-height:14px; } .pager_navbar ul{ height:24px; text-align:center; padding:3px 0 0 0; } .pager_navbar ul li{ display:inline; margin:0 2px; } .pager_navbar ul li span, .pager_navbar ul li a{ text-decoration:none; padding:2px 5px; border:1px solid #AEB8C7; display:inline-block; color:#7F94B0; font-size:11px; font-weight:700; } .pager_navbar ul li.more span{ padding:3px 5px; border:none; } .pager_navbar ul li a:hover{ } .pager_navbar ul li a:hover, .pager_navbar ul li.current a{ border:1px solid #AEB8C7; background:#AEB8C7; color:#fff; } .pager_navbar ul li a:hover{ background:#0058c7; } .pager_navbar ul li.prev span, .pager_navbar ul li.next span, .pager_navbar ul li.prev a, .pager_navbar ul li.next a{ border:none; padding:3px 8px 3px 8px; } .pager_navbar ul li.prev span{ background-position:-200px 0; } .pager_navbar ul li.prev a{ background-position:-200px -20px; } .pager_navbar ul li.next span{ background-position:-219px 0; } .pager_navbar ul li.next a{ background-position:-219px -20px; } .pager_navbar ul li.prev a:hover, .pager_navbar ul li.next a:hover{ background-color:transparent; border:none; } .pager_navbar ul li.prev a:hover{ background-position:-200px -40px; } .pager_navbar ul li.next a:hover{ background-position:-219px -40px; } /*/PAGER NAVBAR*/ /*citation page evenementielle*/ ul.quote{ margin:0; } ul.quote li{ margin:0 0 20px 0; } ul.quote li cite{ display:block; } ul.quote li cite em{ font-style:italic; } /* /citation page evenementielle*/ /*memberMiniListVisual*/ .memberMiniListVisual{ } .memberMiniListVisual ul{ overflow:auto; _height:1%;/*fix ie6*/ } .memberMiniListVisual ul li{ display:block; float:left; width:66px; margin:0 44px 0 0; text-align:center; font-size:11px; overflow-x:hidden; } .memberMiniListVisual ul li.last{ margin:0; } .memberMiniListVisual ul li .member{ padding:2px; border:1px solid #EFEFED; border-bottom:1px solid #CFCFCF; background:#fff; } .memberMiniListVisual ul li .avatar{ } .memberMiniListVisual ul li .avatar a{ display:block; height:65px; outline:none; } .memberMiniListVisual ul li .avatar p{ background:#CED7E0; color:#7D95B1; margin:0; } .memberMiniListVisual ul li .avatar p.connect{ background:#47A243; color:#fff; } .memberMiniListVisual ul li a.username{ text-decoration:underline; border-top:1px solid #EFEFED; display:block; font-weight:700; } /* /memberMiniListVisual*/ /*HP module hp_Everywhere */ #hp_Everywhere{ background-position:-3574px 0; background-repeat:repeat-y; margin:10px 0 0 0; padding:0 0 10px 0; } #hp_Everywhere .size1of5 { float:left; } #hp_Everywhere .size1of5 h3{ display:block; margin:0 10px 5px 10px; color:#c00; font-size:18px; } #hp_Everywhere .size1of5 img{ display:block; margin:auto; } #hp_Everywhere .size1of5 strong a{ text-decoration:none; } #hp_Everywhere .size1of5 strong span.lighten{ font-weight:300; } #hp_Everywhere .size1of5 p{ display:block; margin:0 20px 10px 20px; font-size:11px; } /* /HP module hp_Everywhere */ /*contributorBox*/ #contributorBox{ font-size:11px; padding:4px 9px; border:3px solid #fc0; word-wrap:break-word; } #contributorBox p{ margin:0 0 2px 0; line-height:12px; } #contributorBox .arrow{ background-position:-249px -33px; height:5px; margin:0 4px 0 0; width:6px; } /* /contributorBox */ /*MY Allocine Homepage invite friend */ #myAC_HpinviteFriend, #myAC_HpsearchFriend{ padding:0 10px; } #myAC_HpinviteFriend h2, #myAC_HpsearchFriend h2{ font-size:24px; color:#c00; display:block; margin:0 0 10px 0; } #myAC_HpinviteFriend form legend, #myAC_HpsearchFriend form legend{ font-size:18px; padding:10px 0; color:#c00; } form#inviteWebmail{ width:555px; float:left; } form#inviteWebmail div, form#inviteByMail div, form#inviteByMail ol li{ margin:0 0 10px 0; overflow:auto; _height:1%; } form#inviteWebmail label, form#inviteByMail label{ width:100px; padding:0 15px 0 0; height:22px; line-height:22px; text-align:right; display:block; float:left; } form#inviteWebmail input, form#inviteByMail input{ padding:3px; width:183px; border:1px solid #a0acc2; } form#inviteWebmail p{ margin:0 0 20px 0; } form#inviteWebmail p.lighten{ padding:0 0 0 115px; margin:0 0 20px 0; font-size:11px; } form#inviteWebmail div.button{ margin:0 0 10px 0; margin:0 0 0 115px; padding:0; overflow:visible; } .WebmailCompatibility { background:#fff6c2; border:1px solid #ffc100; margin:43px 0 0 0; font-size:11px; padding:10px 3px 10px 7px; width:193px; float:right; } .WebmailCompatibility ul{ } .WebmailCompatibility ul li{ height:33px; line-height:32px; padding:0 0 0 40px; margin:0 0 5px 0; } .WebmailCompatibility ul li.gmail{ background-position:-366px -1523px; } .WebmailCompatibility ul li.yahoo{ background-position:-366px -1557px; } .WebmailCompatibility ul li.hotmail{ background-sposition:-366px -1591px; line-height:17px; } .WebmailCompatibility ul li.facebook{ background-position:-366px -1625px; } form#inviteByMail ol, form#inviteByMail ol li{ list-style:none; } form#inviteByMail ol li{ margin:10px 0 0 0; } form#inviteByMail ol li.labelHide label{ visibility:hidden; } form#inviteByMail label{ } form#inviteByMail a.addMail{ display:block; margin:0 0 35px 115px; text-decoration:underline; display:block; width:170px; } form#inviteByMail input#object{ width:462px; } form#inviteByMail input.disabled{ border:1px solid #edf0f3; background:#edf0f3; } form#inviteByMail textarea{ width:637px; padding:3px; border:1px solid #a0acc2; } form#inviteByMail .checkoptin label{ float:none; display:inline; } form#inviteByMail .checkoptin input{ width:auto; border:none; margin-left:115px; } form#inviteByMail .button{ margin:0 0 0 115px; overflow:visible; } /* /MY Allocine Homepage invite friend */ /* MY Allocine invite friend STEP 1*/ #myAC_inviteFriend_step1{ margin:0 10px; } #myAC_inviteFriend_step1 h2{ color:#c00; font-size:24px; display:block; } #myAC_inviteFriend_step1 h3{ color:#c00; font-size:16px; font-weight:700; display:block; margin:5px 0 15px 0; } #myAC_inviteFriend_step1 h3.disabled, #myAC_inviteFriend_step1 h3.disabled span{ color:#999; } #myAC_inviteFriend_step1 h3 span{ color:#000; font-weight:300; font-size:12px; } #myAC_inviteFriend_step1 .table_items_list table { width:100%; } #myAC_inviteFriend_step1 .table_items_list table table { width:auto; } #myAC_inviteFriend_step1 .table_items_list table .col_1 { width:20px; } #myAC_inviteFriend_step1 .table_items_list table .col_2 { width:614px; } #myAC_inviteFriend_step1 .table_items_list table .col_3 { width:95px; } #myAC_inviteFriend_step1 .table_items_list table th { text-align:left; } #myAC_inviteFriend_step1 .table_items_list td.scroll div { height:351px; overflow:auto; padding:0; /*border-right:1px solid #CFD7E1;*/ } #myAC_inviteFriend_step1 .table_items_list table td { border-top:1px solid #CFD7E1; border-bottom:none; padding:0; } #myAC_inviteFriend_step1 .table_items_list table .firstInfos td, #myAC_inviteFriend_step1 .table_items_list table td.bottom_arrow, #myAC_inviteFriend_step1 .table_items_list td.scroll{ border:none; } #myAC_inviteFriend_step1 table.tableInner, #myAC_inviteFriend_step1 table.tableInner .firstInfos td{ border:none; margin:0; } #myAC_inviteFriend_step1 .table_items_list table.tableInner .col_1 { width:20px; } #myAC_inviteFriend_step1 .table_items_list table.tableInner .col_2 { width:216px; } #myAC_inviteFriend_step1 .table_items_list table.tableInner .col_3 { width:492px; } #myAC_inviteFriend_step1 table.tableInner td{ padding:3px 5px; } #myAC_inviteFriend_step1 table .top_arrow, #myAC_inviteFriend_step1 table .bottom_arrow{ padding:0; border:none; } #FindMailFriends{ margin:0 0 30px 0; } /* /MY Allocine invite friend STEP 1*/ /* MY Allocine invite friend STEP 1*/ #myAC_inviteFriend_step2{ padding:0 10px; } #myAC_inviteFriend_step2 h2{ color:#c00; font-size:24px; } #myAC_inviteFriend_step2 img.checkOK{ width:13px; height:9px; float:left; margin:10px 5px 0 0; background-position:-94px -19px; } #myAC_inviteFriend_step2 h3{ font-size:16px; font-weight:700; display:block; padding:0 0 12px 0; } #myAC_inviteFriend_step2 h3 span{ font-size:12px; font-weight:300; } #myAC_inviteFriend_step2 #inviteByMail{ margin:4px 0 0 0; } #myAC_inviteFriend_step2 #inviteByMail legend{ font-size:16px; font-weight:700; color:#c00; padding:0 0 15px 0; } #myAC_inviteFriend_step2 #inviteByMail legend span{ font-size:12px; font-weight:300; color:#000; } #myAC_inviteFriend_step2 #inviteByMail button{ margin:0 10px 0 0; } /* /MY Allocine invite friend STEP 1*/ /* MY allocine Search friend HP */ #searchByNickname .srch label{ display:block; margin:0 0 10px 0; } #searchByNickname .srch{ overflow:auto; _height:1%;/*ie6*/ width:335px; float:left; } #searchByNickname .srch input{ width:317px; border:1px solid #A0ACC2; padding:3px; } #searchByNickname .button{ width:317px; float:left; margin:27px 0 0 0; } #suggestFriend { } #suggestFriend h3 { display:block; font-size:18px; color:#c00; margin:4px 0 17px 0; } #suggestFriend .myAC_infoBox{ margin:0 0 10px 0; } #suggestFriend .myAC_infoBox .member{ margin:0 10px 0 0; padding:2px; border:1px solid #EFEFED; border-bottom:1px solid #CFCFCF; background:#fff; width:60px; height:82px; text-align:center; float:left; } #suggestFriend .myAC_infoBox .avatar{ } #suggestFriend .myAC_infoBox .avatar a{ display:block; height:65px; outline:none; } #suggestFriend .myAC_infoBox .avatar p{ background:#CED7E0; color:#7D95B1; margin:0; } #suggestFriend .myAC_infoBox .avatar p.connect{ background:#47A243; color:#fff; } #suggestFriend .myAC_infoBox a.username{ text-decoration:underline; border-top:1px solid #EFEFED; display:block; } #suggestFriend .myAC_infoBox .content{ float:left; width:245px; } #suggestFriend .myAC_infoBox h4{ display:block; font-size:11px; font-weight:700; color:#005ea8; } #suggestFriend .myAC_infoBox .icofavadd{ float:left; } #suggestFriend .myAC_infoBox .affinity{ float:left; margin:0 11px 0 0; } #suggestFriend .myAC_infoBox .recobar{ float:left; margin:2px 8px 0 0; } #suggestFriend .myAC_infoBox .pourcent{ float:left; color:#999; padding:0 0 0 2px; } #suggestFriend .myAC_infoBox { height:98px; } #suggestFriend .myAC_infoBox_inner { height:88px; } .listmyfriends{ border:1px solid #CFD7E1; border-top:none; } .listmyfriends .miniview{ padding : 15px 20px 0 20px; width:auto; } .listmyfriends .datablock { margin-bottom:0; } .listmyfriends .datablock .morezone{ margin-top:10px; } /* /MY allocine Search friend HP */ /*blueTabs*/ .blueTabs{ margin:0 10px; } .blueTabs .imagezone{ margin-right:0; } .blueTabs .dvdshowroom .detailszone{ float:none; margin:0 0 0 160px; width:264px; } .blueTabs .tabs em span{ color:#999; } .blueTabs .tabs .current span{ color:#000; } .blueTabs .tabs .current a, .blueTabs .tabs .current em{ background-position:0 -266px; } .blueTabs .tabs .current a span, .blueTabs .tabs .current em span{ background-position:right -266px; } .blueTabs .tabs a, .blueTabs .tabs em{ background-position:0 -1660px; } .blueTabs .tabs a span, .blueTabs .tabs em span{ background-position:right -1660px; padding:5px 10px 5px 2px; *height:17px;/*fix ie7*/ _height:17px;/*fix ie6*/ } .blueTabs .contentzone, .tabs-panes .contentzone{ background:#edf1f4; border:1px solid #abb3c0; border-top:none; padding:9px 12px; _height:1%;/*fix ie6*/ } .blueTabs .contentzone .icofavadd{ float:left; } .blueTabs #searchSeeThisFilm{ margin:5px 0; } .blueTabs #searchSeeThisFilm label{ display:none; } .blueTabs #searchSeeThisFilm input{ border:1px solid #A0ACC2; float:left; margin:1px 6px 0 0; padding:3px 2px; width:254px; } /* /blueTabs */ /*myNoteBox*/ .myNoteBox, .frameColor{ margin:0; padding:5px; border:1px solid #abb3c0; background:#edf1f4; } .myNoteBox .myNoteBoxInner, .frameColor .frameColorInner{ background:#fff; padding:10px; overflow:hidden; _height:1%;/*fix ie6*/ } .myNoteBox .myNoteBoxInner .starsratelabel{ display:block; color:#c00; font-size:14px; margin:0 0 5px 0; width:100%; } .myNoteBox .myNoteBoxInner p{ margin:5px 0 0 0; display:block; } .big-rating .myNoteBoxInner .fm_rating_currentrate-class { height:20px; line-height:20px; } /* /myNoteBox*/ /* .critikRedac*/ #critikRedac{ margin:0 10px; } #critikRedac h2{ font-size:18px; color:#c00; display:block; margin:0 0 6px 0; } #critikRedac .picturezone{ float:left; width:90px; text-align:center; } #critikRedac .picturezone img{ width:75px; height:75px; background:url("img/acsprite_macaron.png"); } #critikRedac .macaron00 img{ background-position:0 0 ; } #critikRedac .macaron05 img{ background-position:-80px 0 ; } #critikRedac .macaron10 img{ background-position:-160px 0 ; } #critikRedac .macaron15 img{ background-position:-240px 0 ; } #critikRedac .macaron20 img{ background-position:-320px 0 ; } #critikRedac .macaron25 img{ background-position:-400px 0 ; } #critikRedac .macaron30 img{ background-position:-480px 0 ; } #critikRedac .macaron35 img{ background-position:-560px 0 ; } #critikRedac .macaron40 img{ background-position:-640px 0 ; } #critikRedac .macaron45 img{ background-position:-720px 0 ; } #critikRedac .macaron50 img{ background-position:-800px 0 ; } #critikRedac .notezone{ float:none; } #critikRedac .lighten{ font-size:11px; } /* /critikRedac*/ /*modif systeme notation */ .big-rating .starsratelabel { height:20px; line-height:20px; } .big-rating div.star-rating, .big-rating div.star-rating a { background-position:-344px -68px; width:20px; height:20px; line-height:20px; } .big-rating div.star-margin a { margin-left:-10px !important; } .big-rating div.star-rating-on a { background-position:-344px -48px!important; } .big-rating div.star-rating-hover a { background-position:-344px -48px; } .big-rating div.starZero, .big-rating div.starZero a{ background-position:-322px -68px; } .big-rating div.starZeroSelected, .big-rating div.starZeroSelected a { background-position:-322px -48px; } .big-rating .star-rating{ width:10px!important; } .big-rating .starZero{ width:20px!important; display: none; } .big-rating .fm_rating_currentrate-class { width:35px; } .big-rating .speednotercontent .speednoterstarsratezone { width:452px; } .big-rating .speednoter .fm_rating_notinterestedchoosen_class, .big-rating .speednoter .fm_rating_notinterested_class { margin-right:10px; } /* /modif systeme notation*/ /*iframe*/ body.iframe{ background:#fff; padding:0 0 10px 0; } input.searchinput{ float:left; padding:2px; /* line-height:14px;*/ font-size:14px; margin:0 10px 0 0; } /*/iframe*/ .checkFriendsBox input{ width: 13px; height: 13px; padding: 0; margin: 0 10px 0 5px; vertical-align: bottom; position: relative; top: -1px; overflow:hidden; } .checkFriendsBox{ _width: 40%;/*fix ie6 for display: inline block*/ *width: 40%;/*fix ie7 for display: inline block*/ display:inline-block; border: 1px solid #fec200; background-color: #fff6c1; margin:1px 0 20px 0; padding: 5px 10px; } /*HP - module HP more_link_list*/ .more_link_list{ padding:0 10px; } .more_link_list ul li{ display:inline; font-size:11px; } .more_link_list ul li a{ text-decoration:underline; } .more_link_list ul li span{ color:#999; padding:0 2px 0 1px; } /* /HP - module HP more_link_list*/ /*movie product list*/ .movieProductList{ } .movieProductList ul{ } .movieProductList ul li{ width:170px; margin:0 10px 10px 0; border:1px solid #AEB2BE; display:block; float:left; text-align:center; } .movieProductList ul li .img{ margin:5px 4px; overflow:hidden; padding:0; position:relative; height:160px; background:none; text-align:center; } .movieProductList ul li p{ display:block; height:25px; line-height:14px; margin:0 4px 4px; overflow:hidden; padding:0 0 5px; } .movieProductList ul li .price{ background:#EDF0F3; padding:1px 0 0 0; font-weight:700; font-size:11px; color:#c00; } .tabs-panes .movieProductList{ margin:0 0 5px 0; } .tabs-panes .movieProductList ul li{ width: 129px; background: #fff; margin:0 5px; } .tabs-panes .movieProductList ul li .img{ height: 115px; } /* /movie product list*/ /*ADF47 flash transparent format*/ /*.adf_47{ width:980px; margin:0 auto; }*/ /*page serie liste episode*/ .serie_items_list{ border: 1px solid #CFD7E1; border-bottom: none; } .serie_items_list img.arrow{ background-position:-249px -33px; height: 5px; margin: 0 0 0 2px; width: 6px; } .serie_items_list .serie_selected img.arrow{ background-position:-256px -33px; } .serie_items_list .serie_head{ border-top: 1px solid white; padding: 5px 10px; height: 21px; font-size: 11px; font-weight: 300; line-height: 21px; background: none repeat scroll 0pt 0pt rgb(238, 241, 244); color: rgb(0, 94, 168); border-bottom: 1px solid rgb(207, 215, 225); } .serie_items_list .serie_head strong{ color:#000; } .serie_items_list #serie_openclose_all{ cursor: pointer; } .serie_items_list .serie_itemopener{ border-top: 1px solid #fff; border-bottom: 1px solid #cfd7e1; padding: 5px; /* height: 21px;*/ line-height: 21px; color: #005EA8; font-size: 11px; cursor: pointer; } .serie_items_list .serie_itemopener.serie_selected{ border-bottom: none; background: none repeat scroll 0 0 #EDF0F3; } .serie_items_list .serie_item_infos{ border-bottom: medium solid #CFD7E1; padding: 5px 10px; font-size: 11px; background: none repeat scroll 0pt 0pt rgb(237, 240, 243); } .serie_items_list .serie_content{ border-bottom: 1px solid #CFD7E1; } /* /page serie liste episode*/ /* trailer award - list trailer*/ #trailerAwards{ } #trailerAwards h1{ font-size:18px; } #trailerAwards .playCount{ font-size:14px; text-align:center; margin:10px 0 0 0; } #trailerAwards .watchTrailer{ font-size:16px; margin:10px 0 0 0; color:#c00; } #trailerAwards .navbydate .centerzone{ margin-left:295px; } #trailerAwards .listofvideosthumbnailsview .datablock{ width:125px; margin:20px 32px; } #trailerAwards .datablock .titlebar{ margin:0; } #trailerAwards .datablock .titlebar strong{ color:#005EA8; } #trailerAwards .datablock .titlebar span{ color:#000; font-weight:700; } #trailerAwards .morezone{ width:auto; } .speednoter_player_00{ margin:0 0 10px 0; } .speedNotervidMoreZone .morezonecontent .btn{ margin:0 10px 0 0; float:right; _display:inline;/*fix ie6*/ } .speedNotervidMoreZone .morezonecontent .note{ margin:0 0 0 10px; line-height:27px; float:left; _display:inline;/*fix ie6*/ } .speedNotervidMoreZone .morezonecontent .note ul { margin:0 100px 0 0; } .speedNotervidMoreZone.morezone .morezonecontent { margin-bottom:4px; margin-top:4px; } #trailerAwards #digit_count{ margin:auto; width:338px; } #trailerAwards #digit_count ul.counter{ background:url(http://images.allocine.fr/commons/event/trailers_awards/bg_digit.jpg) 0 0 no-repeat; height:63px; padding:11px 0 0 21px; } #trailerAwards #digit_count ul.counter > li{ width:68px; height:37px; float:left; margin:0 3px; text-indent:-9999px; /*background:pink; opacity:.5;*/ } #trailerAwards #digit_count ul.counter > li span{ display:none; } #trailerAwards #digit_count ul.counter ul{ height:27px; padding:4px 0 0 10px; /*background:blue; opacity:.5;*/ } #trailerAwards #digit_count ul.counter ul li{ display:block; width:23px; height:27px; float:left; background-image:url(http://images.allocine.fr/commons/event/trailers_awards/trailer_awards_digit.png); background-repeat:no-repeat; /*background:red;*/ } #trailerAwards #digit_count ul.counter ul li.digit_0{ background-position:50% 0; } #trailerAwards #digit_count ul.counter ul li.digit_1{ background-position:50% -30px; } #trailerAwards #digit_count ul.counter ul li.digit_2{ background-position:50% -60px; } #trailerAwards #digit_count ul.counter ul li.digit_3{ background-position:50% -90px; } #trailerAwards #digit_count ul.counter ul li.digit_4{ background-position:50% -120px; } #trailerAwards #digit_count ul.counter ul li.digit_5{ background-position:50% -150px; } #trailerAwards #digit_count ul.counter ul li.digit_6{ background-position:50% -180px; } #trailerAwards #digit_count ul.counter ul li.digit_7{ background-position:50% -210px; } #trailerAwards #digit_count ul.counter ul li.digit_8{ background-position:50% -240px; } #trailerAwards #digit_count ul.counter ul li.digit_9{ background-position:50% -270px; } #trailerAwards #digit_count a{ background:url(http://images.allocine.fr/commons/event/trailers_awards/bg_btn_access_speednoter.jpg) 0 0 no-repeat; width:263px; height:53px; margin:auto; display:block; text-indent:-9999px; } #trailerAwards #bloc_archives{ width:760px; height:370px; margin:auto; position:relative; background:url(http://images.allocine.fr/commons/event/trailers_awards/bg_archive_box.jpg) 0 0 no-repeat; text-align:center; } #trailerAwards #bloc_archives strong{ display:block; } #trailerAwards #bloc_archives .movie_1{ width:158px; height:272px; position:absolute; top:89px; left:301px; } #trailerAwards #bloc_archives .movie_2{ width:166px; height:219px; position:absolute; top:142px; left:86px; } #trailerAwards #bloc_archives .movie_1 img, #trailerAwards #bloc_archives .movie_2 img, #trailerAwards #bloc_archives .movie_3 img{ display:block; margin:auto auto 15px auto; } #trailerAwards #bloc_archives a{ color:#fff; text-decoration:none; } #trailerAwards #bloc_archives .movie_3{ width:166px; height:219px; position:absolute; top:142px; left:507px; } #trailerAwards #bloc_archives span{ background-image:url(http://images.allocine.fr/commons/event/trailers_awards/stars.png); width:31px; height:29px; position:absolute; left:50%; } #trailerAwards #bloc_archives .movie_1 span{ background-position:0 0; width:43px; height:41px; top:182px; margin-left:-21px; } #trailerAwards #bloc_archives .movie_2 span{ background-position:-51px 0; top:138px; margin-left:-15px; } #trailerAwards #bloc_archives .movie_3 span{ background-position:-88px 0; top:138px; margin-left:-15px; } /* trailer award - social link box*/ #shareMyNoteBox{ padding:10px 0; } .socialLinkBox .FB_btn{ width:135px; float:left; } .socialLinkBox .TWT_btn{ width:90px; float:left; margin:0 0 0 0; } .socialLinkBox ul.sharelinks{ float:right; } .socialLinkBox ul.sharelinks li{ display:inline; } .socialLinkBox ul.sharelinks li span{ color:#999; } .socialLinkBox ul.sharelinks li a{ font-size:11px; font-weight:700; text-decoration:underline; } .largeSocialLinkBox .socialLinkBox ul.sharelinks{ float:left; margin-left:38px; _display:inline;/*IE6 fix*/ } /*/social link box*/ #shareMyNoteBox #notationBlock .starsratezone { width:235px; float:left; } #shareMyNoteBox #notationBlock .contentVote{ overflow:hidden; } #shareMyNoteBox #notationPostaBack p{ margin:0 110px 8px 0; } #shareMyNoteBox .notationBlock .poster{ float:left; margin:0 10px 0 0; background:#BFF; } #shareMyNoteBox .notationBlock strong{ font-size:15px; line-height:15px; } #shareMyNoteBox .notationBlock strong, .notationBlock span{ display:block; margin:0 0 5px 0; } .notationBlock a.bestBA{ text-decoration:underline; margin:14px 0 0; } .notationBlock #community_postmoviecritik{ float:right; font-size:11px; margin:-2px 0 0 0; display:block; height:31px; line-height:31px; } #shareMyNoteBox .frameColor .frameColorInner div.starsratelabel, #shareMyNoteBox .frameColor .frameColorInner div.rating-cancel, .speednoterVideo div.starsratelabel, .speednoterVideo div.rating-cancel, .speednoterVideo div.star-rating, .speednoterVideo .flyingstarsform, .speednoterVideo div.fm_rating_currentrate-class{ display: none !important; } /*overlay*/ #overlayUrl_P { display: none; position: absolute; left: 50%; top: 900px; text-align: center; z-index: 1000; } #overlayUrl_P div.overlayzone { -moz-border-radius: 4px 4px 0 0; width: 620px; background-color: #fff; border: 1px solid #000; /*padding: 10px;*/ text-align: center; } #overlay_bg_P { display: none; background: #000; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; position: absolute; top: 0; left: 0; width: 100%; } #overlayUrl { display: none; position: absolute; left: 50%; top: 900px; text-align: center; z-index: 1000; } #overlayUrl div.overlayzone{ -moz-border-radius: 4px 4px 0 0; width: 620px; background-color: #fff; border: 1px solid #000; /*padding: 10px;*/ text-align: center; } #overlay_bg{ display: none; background: #000; filter: alpha(opacity=30); opacity: 0.3; -moz-opacity: 0.3; position: absolute; top: 0; left: 0; width: 100%; } #overlayUrl div.publishOverlayTitle{ height:50px; overflow:hidden; } #overlayUrl #add2anyContent fieldset{ padding:5px; } #add2anyContent #copy2{ float:right; } #add2anyContent #copyCode2{ width:235px; padding:4px; } #sharePopin{ padding:0 0 25px 0; } #sharePopinForm{ padding:10px 20px; } #sharePopin legend{ font-weight:700; font-size:14px; color:#000; } #sharePopin div{ float:left; margin:20px 0 0 0; } #sharePopin div.small{ width:80px; margin:20px 0 0 20px; _display:inline /*fix ie6*/ } #sharePopin div.mid{ width:100px; } #sharePopin div.big{ width:120px; } #sharePopin div.gigantor{ width:140px; } #sharePopin .radio span{ background:#d8dee6; border:3px solid #d8dee6; display:block; font-size:11px; color:#000; padding:5px 8px; margin:5px 0 0 0; } #sharePopin .radio input{ border:none; } #sharePopin .radio .current span{ border:3px solid #fc0; } #sharePopin .radio div.small span{ width:40px; height:30px; } #sharePopin .radio div.mid span{ width:60px; height:43px; } #sharePopin .radio div.big span{ width:82px; height:61px; } #sharePopin .radio div.gigantor span{ width:110px; height:83px; } #sharePopin div input{ width:auto; margin:auto; height:auto; padding:auto; } #sharePopin input{ width:325px; margin:20px 0 0 20px; padding:2px 4px; height:20px; line-height:20px; border:1px solid #a0acc2; } #sharePopin #copy{ height:auto; margin:20px 0 0 3px; cursor:pointer; } #sharePopin #copyCode, #sharePopin #copy{ float:left; } /* /overlay*/ #playerSpeednoter{ margin-bottom:10px; } #shareMyNoteBox .shareLinks{ display:inline; border:1px solid red; background:#ddd; } .notationBlock .spacer{ display:none; clear:none; } .notationBlock .poster{ float:left; background:#BFF; margin:0 10px 0 0; } .notationBlock strong { font-size:15px; font-weight:700; } .notationBlock span{ display:block; } .notationBlock .bestBA{ float:left } #shareMyNoteBox #notationPostaBack a#modifyRate { font-size:11px; float:right; text-decoration:underline; } #shareMyNoteBox{ padding:10px 0; } #shareMyNoteBox #notationPostaBack .myNotation{ font-weight:700; } #shareMyNoteBox #notationPostaBack, #shareMyNoteBox .notationBlock{ margin:20px 0 0 0; } .publishOverlayTitle h2{ color:#CC0000; font-size:20px; } .publishOverlayTitle{ padding-left:10px; text-align:left; top:5px; } /***********************************************/ /* RICH TEXT EDITOR */ /***********************************************/ /* Allocine Classes */ .richText { font : 12px/1.5 Tahoma,Lucida,Arial,sans-serif; background:#fff; } .richText .intertitre{ color:#c00; } .richText .indent { margin-left:150px; } .richText div.acvision { width:450px; height:253px; background-image:url("../img/flash.gif"); background-color:#FFFFCC; background-position:center center; background-repeat:no-repeat; border:1px dotted #CC0000; display:block; } /* aligns */ .richText .left { text-align: inherit; } .richText .center { text-align: center; } .richText .right { text-align: right; } .richText .full { text-align: justify } /* Image and table specific aligns */ table.left { /*rich text ??*/ float: left; } table.center { /*rich text ??*/ margin-left: auto; margin-right: auto; text-align: inherit; } .richText img.left{ float:left; margin:0 10px 5px 0; text-align: inherit; } .richText img.right{ float:right; margin:0 0 5px 10px; text-align: inherit; } .richText img.center{ display:block; margin:auto; text-align: inherit; } /* player specific aligns */ .richText div.acvision.left { margin: left; } .richText div.acvision.center { margin: auto; } .richText div.acvision.right { float: right; } /* specifiques balises */ .richText .bold{ font-weight:700; } .richText ul{ padding: 0 0 0 40px !important; margin:0 !important; } .richText ul li{ } .richText a { color:#005EA8; font-size:1em; outline:medium none; text-decoration:underline; } .richText a:hover { text-decoration:underline; color:#c00; } .richText p { margin:0; padding:0; margin-bottom:0.384em; } .richText img { border:0 none; } .richText table { width/**/:/**/ 14em; padding: 0; } .richText th , .richText td { padding:3px 5px 0; vertical-align:top; border: 0px solid #000; } /***********************************************/ /* /RICH TEXT EDITOR */ /***********************************************/ /* listing seasons*/ .seasonsNumber{ padding:5px 0 0 0; font-weight:700; float:left; width:60px; } /* /listing seasons*/ /*fiche film serie saison critique episode poster un commentaire*/ #PostComment #message{ font-size:12px; } #categoryTags em { font-style: normal; } /*community profile error*/ .community_profile_error .colleft{ display:none; } .community_profile_error .colcontent{ float:none; width:auto; } /*link allo famille fiche films enfant*/ .link_allofamille{ margin:0 0 20px 0; } .link_allofamille a{ font-size:11px; text-decoration:underline; } .link_allofamille span{ display:none; } .link_allofamille a img{ position:relative; top:10px; } /*/link allo famille fiche films enfant*/ /* NEW HEADER */ .topfooterctt .searchenginezone .searchForm .buttonform, .searchenginezone .searchForm .buttonform{ margin: 0; padding: 0 6px; height:30px; line-height:30px; outline:none; font-size: 11px; font-weight: 700; color: #000; text-shadow: 0 1px 1px #fff; background:#d1d9e2;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d9e2)); background: -moz-linear-gradient(top, #ffffff, #d1d9e2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#d1d9e2); /*for ie*/ border: 1px solid #ae9d0f; border-top-color: #b5a000; border-bottom-color: #887e00; box-shadow: inset 0 1px 0 #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .topfooterctt .searchenginezone .searchForm .searchinput, .searchenginezone .searchForm .searchinput{ padding:5px 2px 6px 2px; margin:0 6px 0 0 } .searchenginezone .searchForm .buttonform{ background:#FFD61B;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#FFE23B), to(#FFCD03)); background: -moz-linear-gradient(top, #FFE23B, #FFCD03); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE23B,endColorstr=#FFCD03); /*for ie*/ border: 1px solid #FFB906; border-top-color: #FFC400; border-bottom-color: #FFAC0D; box-shadow: inset 0 1px 0 #FFEB78; } /*/NEW HEADER*/ /*NEW CONNECTBARR */ #connectbar{ top:0; height:34px; background-color:#5a6f8f; background-position:0 -1722px; background-repeat: repeat-x; position:fixed; width:100%; z-index:9980; } #connectbar .bg_connectbar{ position:relative; top:-34px; left:0; height:34px; background-color:#5a6f8f; background-position:0 -1757px; background-repeat: repeat-x; z-index:9985; } #connectbar .connectedInner, #connectbar .disconnectedInner{ background-color:#e4e9ee; background-position:0 -1757px; background-repeat: repeat-x; width:980px; margin:auto; overflow:hidden; height:34px; position:relative; z-index:9999; visibility:hidden; } #connectbar .connectedInner .userID, #connectbar .disconnectedInner .leftZone{ background-color:#5a6f8f; background-position:0 -1722px; background-repeat: repeat-x; float:left; height:34px; position:relative; } #connectbar .connectedInner .userID img{ padding:1px; border:1px solid #7f94b0; background:#fff; margin:6px 5px 0 0; float:left; } #connectbar .connectedInner .userID .username{ line-height:34px; height:34px; float:left; display:block; color:#fff; font-weight:700; padding-right:30px; } #connectbar .bg_arrow{ display:block; position:absolute; top:0; left:100%; margin-left:-30px; background-position:0 -1796px; width:30px; height:34px; } #connectbar .connectedInner .userMenu{ float:left; padding:0 0 0 9px; width:650px; } #connectbar .connectedInner .userMenu li{ display:inline; color:#999; } #connectbar .connectedInner .userMenu li a{ font-size:12px; line-height:34px; padding:0 4px; } #connectbar .connectedInner .userMenu li.mailbox{ padding:0 0 0 4px; } #connectbar .connectedInner .userMenu li.mailbox a{ padding:0 0 0 23px; background-position:-382px -1841px; } #connectbar .connectedInner .userMenu li.mailbox a.message{ background-position:-382px -1824px; } #connectbar .connectedInner .disconnect{ float:right; } #connectbar .connectedInner .disconnect{ line-height:34px; color:#999; text-decoration:underline; } #connectbar .disconnectedInner .leftZone{ float:left; height:34px; width:602px; line-height:34px; color:#fff; } #connectbar .disconnectedInner .rightZone{ float:right; padding:0 0 0 7px; } #connectbar .disconnectedInner .rightZone li{ display:inline; } #connectbar .disconnectedInner .rightZone li a{ height:23px; display:block; float:left; text-indent:-9999px; margin:6px 1px 0 1px; } #connectbar .disconnectedInner .rightZone .member{ background-position:-31px -1796px; width:115px; } #connectbar .disconnectedInner .rightZone .connect{ background-position:-147px -1796px; width:95px; } #connectbar .disconnectedInner .rightZone .fb{ background-position:-242px -1797px; width:153px; } #connectbar .disconnectedInner .rightZone li a.fb_button { text-indent:0px; } #connectbar .connectedInner{ display:none; } .connected .connectedInner{ display:block !important; } .connected .disconnectedInner{ display:none; } #connectbar .shadowbar{ display:block; position:absolute; top:100%; left:0; width:100%; height:3px; background-position:0 -1792px; background-repeat:repeat-x; } /*/NEW CONNECTBARR */ /*new service btn : share - print - RSS*/ .ServicesColLeft{ padding:0; margin-left:10px; list-style-type:none; text-align:center; } .ServicesColLeft ul li a{ display:inline-block; white-space:nowrap; width:51px; background-color:#EDF0F3; color:#005EA8; font-size:11px; text-decoration:none; text-align:center; padding:0; border:1px solid transparent; /*pour avoir un effet "outset" avec IE :*/ border-color:#CFD7E1; float:left; } .ServicesColLeft ul li a.btn_share{ -webkit-border-left-right-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 1px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; margin-right:1px; } .ServicesColLeft ul li a.btn_rss{ -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; margin-left:1px; } .ServicesColLeft ul li a.current, .ServicesColLeft ul li a.current:hover{ background:#EDF0F3; /*hack pour opera & other */ background: -moz-linear-gradient(top, #EDF0F3, #EDF0F3); /*for FF3.6+*/ background: -webkit-gradient(linear, left top, left bottom, from(#EDF0F3), to(#EDF0F3)); /*for webkit*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDF0F3,endColorstr=#EDF0F3); /*for ie*/ /*text-shadow:0 1px 0 #fff; for ff 3.5+, opera 10+, webkit 2+*/ color:#C00; border:1px solid transparent; font-size:11px; } .ServicesColLeft ul li a:hover{ background:#EDF0F3; /*hack pour opera & other */ background: -moz-linear-gradient(top, #EDF0F3, #EDF0F3); /*for FF3.6+*/ background: -webkit-gradient(linear, left top, left bottom, from(#EDF0F3), to(#EDF0F3)); /*for webkit*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDF0F3,endColorstr=#EDF0F3); /*for ie*/ color:#C00; border:1px solid #CFD7E1; font-size:11px; } /* right column top trailer */ .colright .topTrailers .datablock{ margin: 0; } .colright .topTrailers .datablock .titlebar{ margin-top: 5px;} .colright .topTrailers .hrdotted{ margin-bottom:20px;} .colright .topTrailers p{margin-top:10px} /* /right column top trailer */ /* trailer award - social link box*/ #shareMyNoteBox{ padding:10px 0; } .socialLinkBox .FB_btn{ width:135px; float:left; } .socialLinkBox .TWT_btn{ width:90px; float:left; margin:1px 0 0 0; } .socialLinkBox ul.sharelinks{ float:none; text-align:right; } .socialLinkBox ul.sharelinks li{ display:inline; } .socialLinkBox ul.sharelinks li span{ color:#999; } .socialLinkBox ul.sharelinks li a{ font-size:11px; font-weight:700; text-decoration:underline; } .largeSocialLinkBox .socialLinkBox ul.sharelinks{ float:left; margin-left:38px; _display:inline;/*IE6 fix*/ } /*/social link box*/ /*dossier yellow pager */ .yellowPagerTop .morezonecontent .num_pager{ font-size:11px; color:#000; font-weight:700; text-align:center; line-height:26px; } .yellowPagerTop .morezone .morezonecontent, .yellowPagerBottom .morezone .morezonecontent{ position:relative; overflow:hidden; } .yellowPagerTop .morezonecontent .btn.arrow_prev, .yellowPagerBottom .morezonecontent .btn.arrow_prev{ float:left; margin-left:10px; _display:inline;/* correctif IE6 */ width:100px; } .yellowPagerTop .morezonecontent .btn.arrow_next, .yellowPagerBottom .morezonecontent .btn.arrow_next{ float:right; margin-right:10px; _display:inline;/* correctif IE6 */ /*width:100px;*/ } .yellowPagerTop .morezonecontent .btn.arrow_next span, .yellowPagerBottom .morezonecontent .btn.arrow_next span{ text-align:right; } .yellowPagerTop .morezonecontent .btn.arrow_prev img, .yellowPagerTop .morezonecontent .btn.arrow_next img, .yellowPagerBottom .morezonecontent .btn.arrow_prev img, .yellowPagerBottom .morezonecontent .btn.arrow_next img{ width:6px; height:10px; vertical-align:middle; } /* pour IE7 et inferieur */ *+html .yellowPagerTop .morezonecontent .btn.arrow_prev img, *+html .yellowPagerTop .morezonecontent .btn.arrow_next img, *+html .yellowPagerBottom .morezonecontent .btn.arrow_prev img, *+html .yellowPagerBottom .morezonecontent .btn.arrow_next img{ vertical-align:bottom; } .yellowPagerTop .morezonecontent .btn.arrow_prev img, .yellowPagerBottom .morezonecontent .btn.arrow_prev img{ background-position:-184px -25px; margin-right:12px; } .yellowPagerTop .morezonecontent .btn.arrow_next img, .yellowPagerBottom .morezonecontent .btn.arrow_next img{ background-position:-191px -25px; margin-left:12px; } .yellowPagerTop .hrbasic { display:none; } .yellowPagerBottom .filterbar { height:38px!important; } .yellowPagerBottom .morezonebggrad { top:9px; } .yellowPagerBottom{ padding-top:10px; } /*/dossier yellow pager */ .myNoteBox, .frameColor{ margin:0; padding:5px; border:1px solid #abb3c0; background:#edf1f4; } .myNoteBox .myNoteBoxInner, .frameColor .frameColorInner{ background:#fff; padding:10px; overflow:hidden; _height:1%;/*fix ie6*/ } .colcontentmini .frameColor .frameColorInner{overflow:visible;} .colcontentmini .frameColor .frameColorInner .breaker{clear:both;} .geolocation_result{margin:20px 10px;} .geolocation_result .geolocation_result_list li{margin:0 0 15px 0;} .geolocation_result .geolocation_result_list a{text-decoration:underline;} .filmlocationbox{margin-top:20px;} .filmlocationbox .datablock{overflow:hidden;} .filmlocationbox .datablock .itemInfos h2{font-weight:700;margin-bottom:0.384em;display:block;} .filmlocationbox .datablock img{float:left;margin:0 10px 5px 0;} .filmlocationbox .itemContent{clear:both;} .filmlocationbox .itemContent .listItems li{margin:0 0 15px 0;} .filmlocationbox .itemContent .listItems li h3{font-weight:700;} .filmlocationbox .itemContent .listItems li .itemLinks{font-size:11px;} /*gestion col right*/ ul.rgt_col_list_promo{} ul.rgt_col_list_promo > li{border-top:1px solid #ccc;padding:5px 0;} ul.rgt_col_list_promo > li.first{border:none;} ul.rgt_col_list_promo ul li{overflow:hidden;padding:5px 0;line-height:54px;display:table;_height:1%;/*fix ie6*/} ul.rgt_col_list_promo ul li a{line-height:1.2em;display:inline-block;vertical-align:middle;} ul.rgt_col_list_promo ul li a img{float:left;margin:0 5px 0 0;} /*/gestion col right*/ /*btn see trailer for movie page*/ .colleft .btn_trailer{margin:10px 0 0 0;} .colleft .btn_trailer .btn {width:150px;margin-left:10px;} /***************************************/ /*DELETE AFTER CACHE REFRESH /***************************************/ /* Page - iPhone */ /*background page iphone */ .page_iphone .topContent, .page_iphone .colLeft h2, .page_iphone .colLeft ul li.twitter a, .page_iphone .colLeft ul li.facebook a, .page_iphone .colLeft strong span.note, .page_iphone .colContent ul.list_function li span, .page_iphone .colContent ul.soon li span, .page_iphone .colContent ul.list_visual li.visual_01 a, .page_iphone .colContent ul.list_visual li.visual_02 a, .page_iphone .colContent ul.list_visual li.visual_03 a, .page_iphone .colContent ul.list_visual li.visual_04 a, .page_iphone .colContent ul.list_visual li.visual_05 a{ background-image:url(img/sprite_page_iphone.jpg);background-repeat:no-repeat;} /* /background page iphone */ .page_iphone{ padding:0 12px 65px 46px;} .page_iphone a{outline:none;} .page_iphone .topContent{width:902px;height:448px;background-position:0 0;position:relative;} .page_iphone .topContent h1,.page_iphone .topContent h2{display:none;} .page_iphone .topContent a.launchApp{display:block;width:265px;height:65px;position:absolute;top:270px;left:516px;text-indent:-9999px;} .page_iphone .colLeft{width:229px;float:left;text-align:center;} .page_iphone .colLeft h2{display:block;height:70px;background-position:0 -448px;padding:37px 0 0 12px;} .page_iphone .colLeft h2 a{text-indent:-9999px;display:block;outline:none;width:194px;height:64px;} .page_iphone .colLeft ul{overflow:auto;_height:1%; /*fix ie6*/margin:0 0 25px 54px;} .page_iphone .colLeft ul li{display:block;float:left;width:51px;height:51px;} .page_iphone .colLeft ul li a{display:block;width:51px;height:51px;text-indent:-9999px;} .page_iphone .colLeft ul li.twitter a{background-position:0 -555px;} .page_iphone .colLeft ul li.facebook a{background-position:-51px -555px;} .page_iphone .colLeft strong span.note{background-position:-102px -563px;display:block;width:102px;height:33px;margin:2px auto 26px auto;} .page_iphone .colLeft p a{text-decoration:underline;} .page_iphone .colContent{width:643px;/*673*/padding:0 0 0 30px;float:left;} .page_iphone .colContent h2{color:#c00;font-size:20px;padding:0 0 5px 0;display:block;} .page_iphone .colContent ul.list_function{font-size:11px;} .page_iphone .colContent ul li{line-height:17px;} .page_iphone .colContent ul.list_function li span{background-position:-230px -563px;padding:2px 12px 2px 0;} .page_iphone .colContent ul.list_function li em{padding:0 0 0 15px;} .page_iphone .colContent ul.soon li span{background-position:-245px -563px;} .page_iphone .colContent ul.list_visual{overflow:auto;_height:1%; /*fix ie6*/margin:15px;} .page_iphone .colContent ul.list_visual li{display:block;width:115px;height:95px;float:left;} .page_iphone .colContent ul.list_visual li a{display:block;height:95px;margin:0 6px 0 0;text-indent:-9999px;outline:none;} .page_iphone .colContent ul.list_visual li.visual_01 a{background-position:-233px -451px;} .page_iphone .colContent ul.list_visual li.visual_02 a{ background-position:-355px -451px;} .page_iphone .colContent ul.list_visual li.visual_03 a{ background-position:-476px -451px;} .page_iphone .colContent ul.list_visual li.visual_04 a{ background-position:-598px -451px;} .page_iphone .colContent ul.list_visual li.visual_05 a{ background-position:-719px -451px;} /* /Page - iPhone */ /***************************************/ /* /END DELETE AFTER CACHE REFRESH /***************************************/ /***************************************/ /*hp services*/ /***************************************/ #hp_services_content{margin:0 0 0 10px;} #hp_services_content h1{font-size:20px;color:#c00;display:block;margin:0 0 30px 0;} #hp_services_content .services_box{vertical-align:top;width:303px;margin:0 80px 40px 0;padding:165px 0 0 0;background-image:url(http://images.allocine.fr/commons/services/bg_services_box.jpg);background-repeat:no-repeat;float:left;font-size:11px;} #hp_services_content .services_01{background-position:0 0;display:block;} #hp_services_content .services_02{background-position:-337px 0;} #hp_services_content .services_03{background-position:-674px 0;} #hp_services_content .services_04{background-position:-1011px 0;} #hp_services_content .services_box h2{font-size:18px;color:#c00;display:block;margin:0 0 12px 0;} #hp_services_content a {text-decoration:underline;} #pgService{padding:0 0 10px 0;} #pgService .topContent{width:960px;position:relative;background-position:0 0;background-repeat:no-repeat;font-family:Arial, Helvetica, sans-serif;} #pgService .topContent .freeRibbon,#pgService .topContent .newRibbon {display:block;position:absolute;top:0;left:100%;margin:-24px 0 0 -159px;width:170px;height:168px; } #pgService .topContent .freeRibbon{background:url(http://images.allocine.fr/commons/services/mobile/ribbon_free.png) 0 0 no-repeat;} #pgService .topContent .newRibbon{background:url(http://images.allocine.fr/commons/services/mobile/ribbon_new.png) 0 0 no-repeat;} #pgService .topContent h1,#pgService .topContent h2,#pgService .topContent p{display:block;position:absolute;} #pgService .colLeft{float:left;width:194px;border-right:1px solid #eaeaea;padding:0 29px 0 60px;min-height:248px;} #pgService .colLeft .box .top{height:4px;display:block;overflow:hidden;} #pgService .colLeft .box .middle{border:solid #dadfe6;border-width:0 1px;margin:0 0 0 2px; } #pgService .colLeft .social_share .middle{height:130px;} #pgService .colLeft .box .bottom{height:10px;display:block;clear:both;overflow:hidden;} #pgService .colContent{float:left;width:650px;padding:0 0 0 24px;} #pgService .backService{text-align:center;font-size:16px;font-weight:700;height:60px;line-height:60px;width:864px;margin:20px auto 0 auto;border:1px solid #e8ebef; background:#fbfbfb; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceff3)); background: -moz-linear-gradient(top, #ffffff, #eceff3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#eceff3); /*for ie*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1); -o-box-shadow: 0 0 3px rgba(0,0,0,0.1);} #pgService .colContent h2{color:#c00;font-size:20px;display:block;margin:0 0 4px 0;} #pgService .colLeft .social_share{text-align:center;overflow:visible;} #pgService .colLeft .social_share ul li{padding:5px 0 5px 25px; margin:0;text-align:left; height:auto; width:auto;} #pgService .colLeft li{margin:0 0 10px 0;font-size:11px;line-height:14px;} #pgService .colLeft .uservoice{text-align:center;} /***************************************/ /*service appMobil*/ /***************************************/ .appMob .topContent h1 {font-weight:700;line-height:32px;} .appMob .topContent h2 {line-height:22px;} .appMob .topContent{height:480px;} .appMob .topContent .launchApp{display:block;position:absolute;padding:0 0 0 65px;width:200px;height:62px;line-height:62px;background-position:-388px -574px;font-size:16px;font-weight:700;color:#000;} .appMob .topContent .launchApp:hover{color:#000;} .appMob .colLeft .market a, .appMob .colLeft .market span{display:block;height:64px;text-indent:-9999px;} .appMob .colLeft .fb a, .appMob .colLeft .tw a, .appMob .colLeft .itunes{color:#000;text-decoration:none;padding:8px 0 0 73px;display:block;} .appMob .colLeft .tw a{background-position:-194px -574px;} .appMob .colLeft .itunes a{background-position:-688px -612px;display:block;text-decoration:none;width:120px;margin:5px auto;padding:0;height:24px;} .appMob .colLeft .itunes{padding:6px 0 0 0;text-align:center;} .appMob .colContent .list_visual{margin:0 0 20px -10px;overflow:hidden;_height:1%;/*fix ie6*/} .appMob .colContent .list_visual li{display:block;float:left;width:114px;height:92px;text-indent:-9999px;margin:0 0 0 8px;} .appMob .colContent .list_visual li a{display:block;width:114px;height:92px;} .appMob .colContent .list_visual li.visual_01 a{margin:0;background-position:-196px -480px;} .appMob .colContent .list_visual li.visual_02 a{background-position:-318px -480px;} .appMob .colContent .list_visual li.visual_03 a{background-position:-439px -480px;} .appMob .colContent .list_visual li.visual_04 a{background-position:-561px -480px;} .appMob .colContent .list_visual li.visual_05 a{background-position:-682px -480px;} .appMob .colLeft .box .top{background-position:1px -546px;} .appMob .colLeft .box .bottom{background-position:1px -636px;} .appMob .social_share .fb {background-position:-210px -584px} .appMob .social_share .twt {background-position:-271px -584px;} .appMob .topContent h1{font-size:31px;} .appMob .topContent .subtxt{position:absolute;width:260px;top:235px;left:650px;font-size:18px;} .appMob .topContent .launchApp{top:270px;left:650px;} .appMob .colLeft .market a,.appMob .colLeft .market span{background-position:0 -480px;} .appMob .topContent h2{font-size:18px;} .appMob .topContent h3{font-size:15px;} #pgService .colContent .list_function{font-size:11px;margin:0 0 30px 0;} #pgService .colContent .list_function li{padding:0 0 0 15px;background:url(http://images.allocine.fr/commons/services/bg_services_box.jpg) -1322px -206px no-repeat;} /*appIphone*/ .appIphone .topContent, .appIphone .topContent .launchApp, .appIphone .colLeft .market a, .appIphone .colLeft .itunes a, .appIphone .colContent .list_visual li a, .appIphone .colContent .list_function li, .appIphone .colLeft .box .top, .appIphone .colLeft .box .bottom, .appIphone .colLeft .social_share .fb, .appIphone .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/mobile/iphone/bg_serv_app_mob_iphone.jpg);background-repeat:no-repeat;} .appIphone .topContent h1{top:46px;left:310px;} .appIphone .topContent h2{top:120px;left:310px;width:530px;} /*appBada*/ .appBada .topContent, .appBada .topContent .launchApp, .appBada .colLeft .market a, .appBada .colLeft .itunes a, .appBada .colContent .list_visual li a, .appBada .colContent .list_function li, .appBada .colLeft .box .top, .appBada .colLeft .box .bottom, .appBada .colLeft .social_share .fb, .appBada .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/mobile/bada/bg_serv_app_mob_bada.jpg);background-repeat:no-repeat;} .appBada .topContent h1{top:76px;left:310px;} .appBada .topContent h2{top:150px;left:310px;width:580px;} /*appWp7*/ .appWp7 .topContent, .appWp7 .topContent .launchApp, .appWp7 .colLeft .market a, .appWp7 .colLeft .itunes a, .appwin8 .colLeft .itunes a, .appWp7 .colContent .list_visual li a, .appWp7 .colContent .list_function li, .appWp7 .colLeft .box .top, .appWp7 .colLeft .box .bottom, .appWp7 .colLeft .social_share .fb, .appWp7 .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/mobile/wp7/bg_serv_app_mob_wp7_2.jpg);background-repeat:no-repeat;} .appWp7 .topContent h1{top:28px;left:296px;} .appWp7 .topContent h2{top:98px;left:296px;width:610px;} /*appwin8*/ .appwin8 .topContent, .appwin8 .topContent .launchApp, .appwin8 .colLeft .market a, .appwin8 .colContent .list_visual li a, .appwin8 .colContent .list_function li, .appwin8 .colLeft .box .top, .appwin8 .colLeft .box .bottom, .appwin8 .colLeft .social_share .fb, .appwin8 .colLeft .social_share .twt, .appwin8 .colLeft .menuapp .middle span, .appwin8 .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/bg_serv_app_mob_win8-2.jpg);background-repeat:no-repeat;} .appwin8 .topContent h1 {left: 525px;top: 60px;} .appwin8 .topContent h2{top:165px;left:525px;} .appwin8 .colLeft .menuapp .middle, .appwin8 .colLeft .sfrtvmenu .middle{text-align:center;} .appwin8 .colLeft .menuapp .middle span, .appwin8 .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .appwin8 .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } /*appAndroid*/ .appAndroid .topContent, .appAndroid .topContent .launchApp, .appAndroid .colLeft .market a, .appAndroid .colLeft .market span, .appAndroid .colLeft .itunes a, .appAndroid .colContent .list_visual li a, .appAndroid .colContent .list_function li, .appAndroid .colLeft .box .top, .appAndroid .colLeft .box .bottom, .appAndroid .colLeft .social_share .fb, .appAndroid .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/mobile/android/bg_serv_app_mob_android_3_b.jpg);background-repeat:no-repeat;} .appAndroid .topContent h1{top:28px;left:296px;} .appAndroid .topContent h2{top:98px;left:296px;width:530px;} .appAndroid .topContent p{font-size:15px;top:425px;left:296px;width:530px; font-family:Tahoma, Geneva, sans-serif;} /*appBlackberry*/ .appBlackberry .topContent, .appBlackberry .topContent .launchApp, .appBlackberry .colLeft .market a, .appBlackberry .colLeft .market span, .appBlackberry .colLeft .downloadit a, .appBlackberry .colLeft .itunes a, .appBlackberry .colContent .list_visual li a, .appBlackberry .colContent .list_function li, .appBlackberry .colLeft .box .top, .appBlackberry .colLeft .box .bottom, .appBlackberry .colLeft .social_share .fb, .appBlackberry .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/mobile/blackberry/bg_serv_app_mob_blackberry.jpg);background-repeat:no-repeat;} .appBlackberry .topContent h1{top:80px;left:464px;} .appBlackberry .topContent h2{top:220px;left:464px;width:auto;} .appBlackberry .colLeft .downloadit a {background-position:0 -646px;text-indent:-5000px;display:block;width:194px;height:78px;} .appBlackberry .topContent .subtxt{top:325px!important;left:650px!important;} .appBlackberry .topContent .launchApp{top:360px!important;left:650px!important;} /*appBlackberry*/ .appBlackberry10 .topContent, .appBlackberry10 .topContent .launchApp, .appBlackberry10 .colLeft .market a, .appBlackberry10 .colLeft .market span, .appBlackberry10 .colLeft .downloadit a, .appBlackberry10 .colLeft .itunes a, .appBlackberry10 .colContent .list_visual li a, .appBlackberry10 .colContent .list_function li, .appBlackberry10 .colLeft .box .top, .appBlackberry10 .colLeft .box .bottom, .appBlackberry10 .colLeft .social_share .fb, .appBlackberry10 .colLeft .social_share .twt, .appBlackberry10 .topContent h1 .logo{background-image:url(http://images.allocine.fr/commons/services/mobile/blackberry_10/bg_serv_app_mob_blackberry_10.jpg);background-repeat:no-repeat;} .appBlackberry10 .topContent h1{top:80px;left:464px;color:#fff;font-weight:300;top:120px;} .appBlackberry10 .topContent h1 .logo {color:#fff;font-weight:300;top:0px;text-indent:-9999px;display:block;width:363px;height:59px;background-position:-197px -646px;margin:30px 0 0 30px;} .appBlackberry10 .topContent h2{top:300px;left:464px;width:auto;color:#fff;font-size:15px;} .appBlackberry10 .colLeft .downloadit a {background-position:0 -646px;text-indent:-5000px;display:block;width:194px;height:78px;} .appBlackberry10 .topContent .subtxt{top:325px!important;left:650px!important;} .appBlackberry10 .topContent .launchApp{top:360px!important;left:650px!important;} /*appIpad*/ .appIpad .topContent, .appIpad .topContent .launchApp, .appIpad .colLeft .market a, .appIpad .colLeft .market span, .appIpad .colLeft .itunes a, .appIpad .colContent .list_visual li a, .appIpad .colContent .list_function li, .appIpad .colLeft .box .top, .appIpad .colLeft .box .bottom, .appIpad .colLeft .social_share .fb, .appIpad .colLeft .social_share .twt {background-image:url(http://images.allocine.fr/commons/services/mobile/ipad/bg_serv_app_mob_ipad.jpg);background-repeat:no-repeat;} .appIpad .topContent h1{top:28px;left:343px;} .appIpad .topContent h2{top:170px;left:644px;} /*appHPtouch*/ .appHPtouch .topContent, .appHPtouch .topContent .launchApp, .appHPtouch .colLeft .market a, .appHPtouch .colLeft .market span, .appHPtouch .colLeft .itunes a, .appHPtouch .colContent .list_visual li a, .appHPtouch .colContent .list_function li, .appHPtouch .colLeft .box .top, .appHPtouch .colLeft .box .bottom, .appHPtouch .colLeft .social_share .fb, .appHPtouch .colLeft .social_share .twt {background-image:url(http://images.allocine.fr/commons/services/mobile/hp-touch/bg_serv_app_mob_hp_touch.jpg);background-repeat:no-repeat;} .appHPtouch .topContent h1{top:159px;left:590px;} .appHPtouch .topContent h2{top:280px;left:590px;} /*SFR_TV*/ .tv_sfr .topContent, .tv_sfr .topContent .launchApp, .tv_sfr .colLeft .market a, .tv_sfr .colContent .list_visual li a, .tv_sfr .colContent .list_function li, .tv_sfr .colLeft .box .top, .tv_sfr .colLeft .box .bottom, .tv_sfr .colLeft .social_share .fb, .tv_sfr .colLeft .social_share .twt, .tv_sfr .colLeft .menuapp .middle span, .tv_sfr .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/sfr/bg_serv_sfrtv.jpg);background-repeat:no-repeat;} .tv_sfr .topContent h1{top:10px;left:490px;} .tv_sfr .topContent h2{top:153px;left:490px;width:530px;} .tv_sfr .colLeft .menuapp .middle, .tv_sfr .colLeft .sfrtvmenu .middle{text-align:center;} .tv_sfr .colLeft .menuapp .middle span, .tv_sfr .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .tv_sfr .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } /*ORANGE_TV*/ .tv_orange .topContent, .tv_orange .topContent .launchApp, .tv_orange .colLeft .market a, .tv_orange .colContent .list_visual li a, .tv_orange .colContent .list_function li, .tv_orange .colLeft .box .top, .tv_orange .colLeft .box .bottom, .tv_orange .colLeft .social_share .fb, .tv_orange .colLeft .social_share .twt, .tv_orange .colLeft .menuapp .middle span, .tv_orange .colLeft .market, .tv_orange .colLeft .orangetvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/orange/bg_serv_orange_tv.jpg);background-repeat:no-repeat;} .tv_orange .topContent h1{top:58px;left:490px;} .tv_orange .topContent h2{top:195px;left:490px;width:530px;} .tv_orange .colLeft .menuapp .middle, .tv_orange .colLeft .orangetvmenu .middle{text-align:center;} .tv_orange .colLeft .menuapp .middle span, .tv_orange .colLeft .orangetvmenu .middle span{ display:block; width:158px; height:96px; margin:5px auto; background-position:-796px -480px; } .tv_orange .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } .tv_orange .colLeft .market{ background-repeat:no-repeat; display: block; height: 64px; text-indent: -9999px; background-position: 0 -480px; } /*XBOX_TV*/ .tv_xbox .topContent, .tv_xbox .topContent .launchApp, .tv_xbox .colLeft .market a, .tv_xbox .colContent .list_visual li a, .tv_xbox .colContent .list_function li, .tv_xbox .colLeft .box .top, .tv_xbox .colLeft .box .bottom, .tv_xbox .colLeft .social_share .fb, .tv_xbox .colLeft .social_share .twt, .tv_xbox .colLeft .menuapp .middle span, .tv_xbox .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/xbox/bg_serv_xbox_tv.jpg);background-repeat:no-repeat;} .tv_xbox .colLeft {border: none !important;} .tv_xbox .colContent {border-left: 1px solid #EAEAEA;} .tv_xbox .topContent h1{top:25px;left:490px;} .tv_xbox .topContent h2{top:100px;left:490px;width:530px;} .tv_xbox .topContent p{font-size:15px;top:440px;left:296px;width:530px; font-family:Tahoma, Geneva, sans-serif;} .tv_xbox .colLeft .menuapp .middle, .tv_xbox .colLeft .sfrtvmenu .middle{text-align:center;} .tv_xbox .colLeft .menuapp .middle span, .tv_xbox .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .tv_xbox .topContent{height:470px} .tv_xbox .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } .tv_xbox .colLeft .box .top { background-position: 1px -575px; } .tv_xbox .colLeft .box .bottom { background-position: 1px -633px; } /*panasonic_TV*/ .tv_pan .topContent, .tv_pan .topContent .launchApp, .tv_pan .colLeft .market a, .tv_pan .colContent .list_visual li a, .tv_pan .colContent .list_function li, .tv_pan .colLeft .box .top, .tv_pan .colLeft .box .bottom, .tv_pan .colLeft .social_share .fb, .tv_pan .colLeft .social_share .twt, .tv_pan .colLeft .menuapp .middle span, .tv_pan .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/panasonic/bg_serv_pan_tv.jpg);background-repeat:no-repeat;} .tv_pan .colLeft {border: none !important;} .tv_pan .colContent {border-left: 1px solid #EAEAEA;} .tv_pan .topContent h1{left: 570px;top: 35px;} .tv_pan .topContent h2{left: 570px;top: 190px;width:530px;} .tv_pan .colLeft .menuapp .middle, .tv_pan .colLeft .sfrtvmenu .middle{text-align:center;} .tv_pan .colLeft .menuapp .middle span, .tv_pan .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .tv_pan .topContent{height:470px} .tv_pan .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } .tv_pan .colLeft .box .top { background-position: 1px -594px; } .tv_pan .colLeft .box .bottom { background-position: 1px -633px; } /*LG_TV*/ .tv_lg .topContent, .tv_lg .topContent .launchApp, .tv_lg .colLeft .market, .tv_lg .colContent .list_visual li a, .tv_lg .colContent .list_function li, .tv_lg .colLeft .box .top, .tv_lg .colLeft .box .bottom, .tv_lg .colLeft .social_share .fb, .tv_lg .colLeft .social_share .twt, .tv_lg .colLeft .menuapp .middle span, .tv_lg .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/lg/bg_serv_lg_tv.jpg);background-repeat:no-repeat;} .tv_lg .colLeft {border: none !important;} .tv_lg .colContent {border-left: 1px solid #EAEAEA;} .tv_lg .topContent h1{top:35px;left:575px;} .tv_lg .topContent h2{top:150px;left:575px;} .tv_lg .topContent p{font-size:15px;top:440px;left:296px;font-family:Tahoma, Geneva, sans-serif;} .tv_lg .colLeft .menuapp .middle, .tv_lg .colLeft .sfrtvmenu .middle{text-align:center;} .tv_lg .colLeft .menuapp .middle span, .tv_lg .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .tv_lg .colLeft .market {height:110px;background-position:-1px -480px;text-indent:-5000px;} .tv_lg .topContent{height:470px} .tv_lg .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } .tv_lg .colLeft .box .top { background-position: 0px -602px; } .tv_lg .colLeft .box .bottom { background-position: 0px -633px; } /*LG_TV*/ .tv_samsung .topContent, .tv_samsung .topContent .launchApp, .tv_samsung .colLeft .market, .tv_samsung .colContent .list_visual li a, .tv_samsung .colContent .list_function li, .tv_samsung .colLeft .box .top, .tv_samsung .colLeft .box .bottom, .tv_samsung .colLeft .social_share .fb, .tv_samsung .colLeft .social_share .twt, .tv_samsung .colLeft .menuapp .middle span, .tv_samsung .colLeft .sfrtvmenu .middle span{background-image:url(http://images.allocine.fr/commons/services/tv/samsung/bg_serv_samsung_tv.jpg);background-repeat:no-repeat;} .tv_samsung .colLeft {border: none !important;} .tv_samsung .colContent {border-left: 1px solid #EAEAEA;} .tv_samsung .topContent h1{top:35px;left:590px;} .tv_samsung .topContent h2{top:183px;left:590px;} .tv_samsung .topContent p{font-size:15px;top:440px;left:296px;font-family:Tahoma, Geneva, sans-serif;} .tv_samsung .colLeft .menuapp .middle, .tv_samsung .colLeft .sfrtvmenu .middle{text-align:center;} .tv_samsung .colLeft .menuapp .middle span, .tv_samsung .colLeft .sfrtvmenu .middle span{ display:block; width:158px; height:77px; margin:5px auto; background-position:-800px -560px; } .tv_samsung .colLeft .market {height:110px;background-position:-1px -480px;text-indent:-5000px;} .tv_samsung .topContent{height:470px} .tv_samsung .colLeft .sfrtvmenu .middle span{ width:163px; height:77px; background-position:-797px -480px; } .tv_samsung .colLeft .box .top { background-position: 0px -602px; } .tv_samsung .colLeft .box .bottom { background-position: 0px -633px; } /*mobile_site*/ .mobile_site .topContent, .mobile_site .topContent .launchApp, .mobile_site .colLeft .market a, .mobile_site .colLeft .market span, .mobile_site .colLeft .itunes a, .mobile_site .colContent .list_visual li a, .mobile_site .colContent .list_function li, .mobile_site .colLeft .box .top, .mobile_site .colLeft .box .bottom, .mobile_site .colLeft .social_share .fb, .mobile_site .colLeft .social_share .twt, .mobile_site .colLeft .browser_available span {background-image:url(http://images.allocine.fr/commons/services/mobile/mobile_site/bg_serv_app_mob_mobile_site.jpg);background-repeat:no-repeat;} .mobile_site .topContent h1{top:76px;left:440px;font-size:28px;} .mobile_site .topContent h2{top:200px;left:440px;} .mobile_site .colLeft .browser_available {width:194px;} .mobile_site .colLeft .browser_available span {background-position:0 -646px;text-indent:-5000px;display:block;width:174px;height:65px;margin:0 auto;} .mobile_site .colLeft .market a, .mobile_site .colLeft .market span{height:60px!important;} /*homeMob*/ #pgService.homeMob .colContent {width:912px;padding:0px 24px 0 24px;float:none;} #pgService.homeMob .topContent{background:url(http://images.allocine.fr/commons/services/mobile/bg_slider.png) left top repeat-x;height:455px;} #pgService.homeMob .topContent h1{font-size:26px;font-weight:700;top:10px;width:960px;margin:0 auto 0 auto;padding:10px 0 10px 0;text-align:center;position:static;} .col_mob_01,.col_mob_02 {width:436px;padding:0 20px 0 0;float:left;} .homeMob strong {display:block;margin-top:1em;} .sliderMob {width:870px;height:307px;margin:0 45px 20px 45px;overflow:hidden;position:relative;} .sliderMob > ul{position:absolute;top:0;left:0;} .sliderMob_item {width:164px;height:293px;float:left;text-align:center;position:relative;} .sliderMob_item a, .sliderMob_item span {display:none;} .big_item a, .big_item span {display:none;text-align:center;width:100%;position:absolute;top:0;left:0;padding:279px 0 0 0;color:#000;text-decoration:none;background:url(http://images.allocine.fr/commons/px.png) left top no-repeat;} .sliderMob_item a.show, .sliderMob_item span.show {display:inline;} .big_item {width:214px;float:left;text-align:center;margin-top:0;} .sliderMob_item img{position:absolute;bottom:0;left:0;width:162px;} .big_item img{width:214px;} .sliderMob_nav {text-align:center;margin:0 24px;} .sliderMob_nav_l {background:url(http://images.allocine.fr/commons/services/mobile/homeMob_nav.png) left top no-repeat;padding:0 0 0 16px;} .sliderMob_nav_r {background:url(http://images.allocine.fr/commons/services/mobile/homeMob_nav.png) right -29px no-repeat;padding:0 16px 0 0;} .sliderMob_nav_c {background:url(http://images.allocine.fr/commons/services/mobile/homeMob_nav.png) left -58px repeat-x;height:22px;padding:2px 0 5px 0;line-height:22px;width:880px;} .sliderMob_nav strong{padding:0 20px 0 0;display:inline;} .sliderMob_nav ul{display:inline;} .sliderMob_nav ul li{display:inline;padding:0 7px 0 7px;border-left:1px solid #999;} .sliderMob_nav ul li.first{border-left:none;} .prev_btn,.next_btn{position:absolute;z-index:20;text-indent:-9999px;top:170px;background-image:url(img/acsprite.png);background-repeat:no-repeat;display:block;width:35px;height:68px;cursor:pointer;} .prev_btn{left:5px;background-position:-73px -1560px;} .next_btn{right:5px;background-position:-109px -1560px;} .prev_slideMob,.next_slideMob{display:block;width:35px;height:68px;} /*popin page service*/ #overlay_popin{background:#000;width:100%;position:absolute;top:0;left:0; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index:1000; } #popin_box {background-color:#fff;position:absolute;z-index:1001;top:0;left:50%;-moz-border-radius:4px;border-radius:4px;width:auto;} #popin_box .popin_head {height:48px;line-height:48px;position:relative;border-bottom:1px solid #cfd7e1;padding:0 10px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background:#e5e9ef;/*for opera*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e9ef"); /* Pour IE seulement et mode gradient à linear */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e9ef)); background: -moz-linear-gradient(top center, #ffffff, #e5e9ef); } #popin_box .popin_head strong {color:#c00;font-size:18px;font-weight:300;} #popin_box .popin_boxclose{position:absolute;top:9px;right:10px;cursor:pointer;background-repeat:no-repeat;background-position:0 -862px;height:31px;width:29px;} #popin_box .popin_content {padding:10px;} #popin_box .popin_content p {margin-bottom:1em;} /*/popin page service*/ /*Service page FB connect*/ .service_fb{ background:url(http://images.allocine.fr/commons/services/bg_service_fb_connect.jpg) 0 0 no-repeat; height:796px; position:relative; } .service_fb ul{ padding:700px 0 0 40px; } .service_fb li{ text-align:center; font-size:11px; width:260px; float:left; display:block; margin:0 50px 0 0; } .service_fb li.last{ margin:0; } .btn_connect_FB{ position:absolute; top:448px; left:266px; width:434px; height:47px; display:block; text-indent:-9999px; } /*/Service page FB connect*/ /*appmobile Kibuzz*/ .kibuzz{ background:#560250 url(http://images.allocine.fr/commons/services/App_mobile/Kibuzz/bg_kibuzz_3.jpg) 0 0 no-repeat; position:relative; height:1151px; } .kibuzz .topContent{height:568px;} .kibuzz .colLeft .box .middle {border:none !important;} .kibuzz .colLeft,.kibuzz .colLeft .itunes,.kibuzz .list_function{ color:#fff !important;} .kibuzz .colContent h2 { color:#0078be !important;} .kibuzz .topContent .market{ position:absolute; top:443px; left:603px; display:block; width:193px; height:60px; text-indent:-9999px; } .kibuzz .topContent h1, .kibuzz .topContent h2, .kibuzz .topContent .subtxt{ display:none !important;} .kibuzz .colContent .list_function li{ background:url(http://images.allocine.fr/commons/services/App_mobile/Kibuzz/bullet_gray.png) 0 7px no-repeat !important; } .kibuzz .colLeft .social_share{ margin:0;} /*/appmobile Kibuzz*/ .steps li {list-style:inside decimal;} /*fix HP patner le parisien*/ table.hmargin10l td.lighten span.lighten{ white-space:nowrap; } /*add new community module for HP*/ .community-promo{text-align:center;} .community-promo ul li{height:62px;border-bottom:1px solid #cfd7e1;text-align:left;padding:15px 0 0 130px;} .community-promo ul li,.community-promo a.subscribe{background-image:url(http://images.allocine.fr/commons/community/sprite_hp_mod_com.jpg); background-repeat:no-repeat;} .community-promo ul li.illu01{ background-position:0 0;} .community-promo ul li.illu02{ background-position:0 -107px;} .community-promo ul li.illu03{ background-position:0 -214px;} .community-promo a.subscribe{background-position:0 -321px;display:block;height:52px;width:172px;margin:13px auto -15px;text-indent:-9999px;} /* --- AJOUT GI - New Connexion Communautaire --- */ .new_popin_community {padding:0 0 10px 0;} .new_popin_community a {text-decoration:underline;} .new_popin_community a.buttonform {text-decoration:none!important;} .new_popin_community a.btn {text-decoration:none;float:none;margin:0 10px 0 0;display:inline-block;!important;} .new_popin_community .form_line {margin:0 0 8px 0;} .new_popin_community fieldset {margin:0 0 10px 0!important;} .new_popin_community label, .new_popin_community .input_txt, .new_popin_community .input_select {vertical-align:middle;line-height:20px;height:20px;} .new_popin_community .input_checkbox, .new_popin_community .input_radio, {vertical-align:middle;line-height:24px;} .new_popin_community label {font-weight:700;width:130px;display:inline-block;} .new_popin_community .input_txt {width:160px;border:1px solid #a0acc2;} .new_popin_community .input_select {border:1px solid #a0acc2;} .new_popin_community .input_select.select_country {border:1px solid #a0acc2;width:164px;} .new_popin_community label.label_checkbox, .new_popin_community label.label_radio {font-weight:300;width:auto;float:none;} .new_popin_community .b_border {padding:0 0 0 0;margin:0 0 10px 0;border-bottom:1px solid #d6d6d6;} .new_popin_community .create_submit {margin:0 0 0 130px;} .new_popin_community button, .new_popin_community input[type="checkbox"], .new_popin_community input[type="radio"], .new_popin_community input[type="reset"], .new_popin_community input[type="submit"] {vertical-align:middle} .new_popin_community .wrapper_2cols, .new_popin_community .wrapper_2cols_2, .new_popin_community .wrapper_2cols_3 { padding:20px 0 0px 0; margin:0 0 20px 0; position:relative; top:0; left:0; } .new_popin_community .wrapper_2cols {background:url(/img/popins_community/separator2_community_2cols.png) 280px top repeat-y;} .new_popin_community .wrapper_2cols_2 {background:url(/img/popins_community/separator2_community_2cols.png) 245px top repeat-y;} .new_popin_community .wrapper_2cols_3 {background:url(/img/popins_community/separator2_community_2cols.png) 240px top repeat-y;} .new_popin_community .wrapper_2cols .col_01, .new_popin_community .wrapper_2cols .col_02, .new_popin_community .wrapper_2cols_2 .col_01, .new_popin_community .wrapper_2cols_2 .col_02, .new_popin_community .wrapper_2cols_3 .col_01, .new_popin_community .wrapper_2cols_3 .col_02 {float:left;position:relative;} .new_popin_community .wrapper_2cols .col_01, .new_popin_community .wrapper_2cols .col_02 {width:280px;} .new_popin_community .wrapper_2cols_2 .col_01 {width:245px;} .new_popin_community .wrapper_2cols_2 .col_02 {width:315px;} .new_popin_community .wrapper_2cols_3 .col_01 {width:240px;padding:20px 0 0 0;} .new_popin_community .wrapper_2cols_3 .col_02 {width:320px;} .new_popin_community .wrapper_2cols_2 .col_02 form {margin:0 0 0 20px;} .connect_submit_margin {padding:0 0 0 100px;} .new_popin_community .or_else { display:block; position:absolute; z-index:10; background:#fff; border:1px solid #fff; padding:5px; text-align:center; width:30px; line-height:1em; font-size:11px; zoom:1!important; } .new_popin_community .wrapper_2cols .or_else {top:0px;left:259px;text-align:center;} .new_popin_community .wrapper_2cols_2 .or_else {top:20px;left:245px;text-align:center;} .new_popin_community .wrapper_2cols_3 .or_else {top:20px;left:220px;text-align:center;} .new_popin_community .wrapper_2cols_2 label, .forgot_pass_container label {width:96px;} .col_01_captcha, .col_02_captcha {float:left;} .col_01_captcha {width:202px;margin:0 10px 0 0;text-align:center;} .col_02_captcha {width:348px;} .avatar_step {background:#edf0f3;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:10px;margin:0 0 10px 0;color:#999;zoom:1;} .avatar_step_on {background:#fff3c4;border-top:1px solid #ffcc00;border-bottom:1px solid #ffcc00;color:#000;} .avatar_step .avatar_step_nb {padding:0px 5px;background:#fff;display:inline-block;margin:0 10px 0 0;font-weight:bold;font-size:11px;} .avatar_step_on .avatar_step_nb {background:#ffcf07;} .avatar_step_1 .choose {/*width:186px;*/margin-bottom:0;float:left;position:relative} .avatar_step_1 .choose_txt {float:right;width:364px;margin-bottom:0;margin-top:-3px;line-height:15px;padding:0 0 0 22px;position:relative;z-index:2;padding:0 0 0 32px;} .avatar_step_1 .choose .avatar_step_nb, .avatar_step_1 .choose a.btn {vertical-align:middle;} .avatar_step_1 .choose a.btn {margin-right:0px;} .avatar_step_1 .choose .btn:hover { color:#000; text-decoration: none; } *html .avatar_step_1 .choose .btn:hover { background:#FF9900; } .avatar_step_1 .choose .btn:hover em { background-position:0 -403px; } .avatar_step_1 .choose .btn:hover span { background-position:0 -351px; *background-position:0 -349px;} .avatar_step_1 .choose .btn:hover span em { background-position:right -351px; *background-position:right -349px; } .avatar_step_1 .choose .btn:hover span span { background-position:right -403px;} .avatar_big {float:left;width:345px;height:216px;background:#000;border:1px solid #ccc;} .avatar_crop {float:right;border:1px solid #ccc;background:#fff;padding:2px;overflow:hidden;} .email_pref_item {padding:10px 20px;border-bottom:1px solid #d6d6d6;} .email_pref_item .email_pref_illustr {float:left;margin:0 30px 0 0;width:121px;} .email_pref_item .email_pref_txt {float:right;width:369px;} .new_popin_community .btn.v2 span {color:#999;} .new_popin_community .datablock {margin:0;} .new_popin_community .datablock.member .miniview .contenzone {width:474px;} /* --- /AJOUT GI - New Connexion Communautaire --- */ /* check for popin */ .check_ok, .check_ko {font-size:11px;vertical-align:middle;} .check_ok {color:#47a247;} .check_ko {color:#cc0000;} .check_ok .check_picto, .check_ko .check_picto{display:inline-block;width:8px;height:6px;margin:0 5px;vertical-align:middle;} .check_ko .check_picto{width:7px;height:7px;} .check_ok .check_picto {background:url(img/acsprite.png) -158px 0;} .check_ko .check_picto {background:url(img/acsprite.png) -125px -28px;} .input_captcha .check_ko {display:inline-block;width:178px;vertical-align:top;} .file_avatar { height:25px; display:block; position:absolute; top:0px; left:31px; filter:alpha(opacity=0);opacity: 0; overflow:hidden; width:114px; cursor:pointer!important; z-index:1; } .file_avatar input{position:relative; top:0px; left:0px;height:25px;line-height:25px;border:none;z-index:2;cursor:pointer!important;} /* -- DEBUT - New open_detail -- */ /* SKIN - IMAGES */ .open_detail_arrow, .open_detail .close, .picto_new, .link_fb, .link_twt{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAgCAMAAABpVqV8AAAAA3NCSVQICAjb4U/gAAABPlBMVEX///981vZRy+0tRHQrQG5p0Pdnz/doz/dIx/BFxu9Gxu/////2/f3z/Pzt+/vw+/zv+/z39/bn+frm+fvR9fXr7vTQ8/XJ8vTL8vTG8fPB8PLF8PLD7/bD8PK/7/HB7va97vG77vC37fu57vC17fu17e+37fCy7Pqx7O6v6/mv6+6t6vis6+2o6eyq6e2h6Pmj6Oum5/Cg5e+f5+qj5fGb5uqW5emY5emS5OiO4+eJ4uaL4ubMzMyG2fjAyNZp0fJk0PNey/hby/dcy/dF0P1G0P5YyvZWyvZUyfVSyPVQyPROx/RMx/QzzP9Lx/RIxvNHxvNKxvNFxfJDxPI+w/GJm8GGl7uElbh3jLh0ibZsg7FrgbFqf6tofapkfK1ieq1geKtUbqVNaaJUZoxUZIk8WphGWoM7WZgpPmrMAAAz5BjeAAAAanRSTlMAERERzN3d3d3d3f//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////LqvSwAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xMRL8M6kAAAAedEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzUuMasfSOsAAAHdSURBVEiJpdSNO8JAHAfw0RCXWEwkSSlJeQ8x855eTJSEVN5b//8/YHe3q7U2q/Otnu72PL/Pc/e7K6ZpEsYqNlbWhLUxZpIlxf68vrRS/WGhBNAHKIFD/Lam5OrHd0PN93tVRhIqRuVayYKSKyr0xgPQqGAJvwDQSX9TckVdkAK1pSagWZMqKU6jLZE+IbInyFCiOztVAih/SVYQkXilTTwPJep07c46wj8kQVstcOpEbD0Se5UEjuGE9oTDE1EkFB7JpToOAPV6rWQkKbUMRygI6Sj1W358rhGp9lQ2kGAtQ6ox1EERkP0sl1opf7GGEJJgNYE0VGuTXf8qRhCWuO5DE8V2twaGzjQZGuhrTdq2M8PH3plpNTPe45F++tS5pvNF3+wEGJ8LwXgWL7ol07PT9SnljjgCUsARQXGnDCST+6Q/u2t3DEiSBGIoxpLZHe+8T+n5OJJgluLzaUNJ73ZAZJTxbEIJZtm56cn0IJHofndZ3w6RJLDjy/Yh6ZLzJ4i04kz4c/TSbXCP9MkV3Qve0Ev58AGUphTJGT0I39NLd6EkuMK7W3UlQ3l6qRA5dG2Qjh9FC/RScWs/DjYuIbTmSuwW6SX7yfb6wiS6mBP+7VM7vTQ49qDJ6OAvaI3zaxTCdDcAAAAASUVORK5CYII=); /* background-image:url(http://br.web.img1.acsta.net/commons/tooltip/sprite_tooltip.png);*/ } .open_detail_arrow{background-position: -29px -10px;} .open_detail .close{background-position: -41px -11px;} .picto_new{background-position: 0 0;} .link_fb{background-position: -57px 0;} .link_twt{background-position: -57px -16px;} .open_detail { position:absolute; z-index:100; width:270px; padding:15px 15px 15px 15px; font-size:11px; background:#f7f7f6; border:1px solid #d8d8d6; -moz-box-shadow: 0 2px 6px #d0d0d0; -webkit-box-shadow: 0 6px 2px#d0d0d0; box-shadow: 0 2px 6px #d0d0d0; } .open_detail_arrow { position:absolute; top:-6px; left:15px; display:block; width:11px; height:6px; background-repeat:no-repeat; } .open_detail .close { float:right; position:relative; top:-5px; right:-5px; display:block; width:13px; height:13px; text-indent:-5000px; background-repeat:no-repeat; } .open_detail_l .open_detail_arrow { top:50%; left:-6px; margin-top:-8px; width:6px; height:11px; background-position: -15px -11px; } .open_detail_t .open_detail_arrow { left:50%; margin-left:-8px; background-position: -29px -10px; } .open_detail_b .open_detail_arrow { top:auto; left:50%; margin-left:-8px; background-position: -29px -17px; bottom:-6px; } .film_bse { border-bottom:1px solid #acb3c0; padding:0 0 12px 0; margin:0 0 10px 0; } .film_bse span {display:inline-block;width:76px;} .social_share {} .picto_new { display:inline-block; width:28px; height:9px; vertical-align:middle; margin:0 2px; background-repeat:no-repeat; } .link_fb,.link_twt{padding:0 6px 0 20px;font-weight:700;text-decoration:none;line-height:16px;vertical-align:middle;display:inline-block;height:16px; background-repeat:no-repeat;} /* -- FIN - New open_detail -- */ /*service eticketing*/ .eticketing .topContent, .eticket_share .fb, .eticket_share .twt, .eticket_step, .eticketing .topContent .dl_ticket, .eticketing .topContent .dl_ticket2, .eticketing .topContent .dl_ticket3, .eticketing .colLeft .box .top, .eticketing .colLeft .box .bottom, .eticketing .colLeft .social_share .fb, .eticketing .colLeft .social_share .twt{background-image:url(http://images.allocine.fr/commons/services/eticket/bg_serv_eticket_gen.jpg);background-repeat:no-repeat;} .eticketing .colLeft .box .top{background-position:-111px -387px;} .eticketing .colLeft .box .bottom{background-position:-111px -475px;} .eticketing .social_share .fb {background-position:left -388px} .eticketing .social_share .twt {background-position:-61px -388px;} .eticketing .topContent {background-position: left top;height:388px;margin:0 0 24px 0;} .social_share p {margin:0 0 10px 0;} .social_share ul {width:100%;width:122px;margin:0 auto;} .social_share li {display:block;float:left;width:51px;height:51px;margin:0 5px!important;} .social_share li a {display:block;float:left;width:51px;height:51px;text-indent:-5000px;} .social_share .fb {background-position: left -388px;} .social_share .twt {background-position: -61px -388px;} .eticketing .topContent h1 {text-align:center;width:960px;font-weight:300;padding:26px 0 0 0;} .serv_title_01 {font-size:34px;line-height:34px;font-weight:700;} .serv_title_02 {font-size:19px;line-height:22px;} .eticketing .topContent .subtxt{position:absolute;width:270px;height:110px;top:135px;left:612px;font-size:16px;font-weight:550;line-height:20px;} .eticketing .topContent .sublinks{display:block;position:absolute;top:233px;left:612px;width:205px;} #pgService.eticketing .topContent .sublinks p {position:static;} .eticket_step{list-style:none;margin:0 0 10px 0;font-size:11px;background-position: -308px -388px;width:638px;height:210px;} .eticket_step li{list-style:none;width:200px;height:96px;position:relative;float:left;margin:0 0 0 19px;text-align:center;padding:114px 0 0 0;} .eticket_step li.first {margin-left:0;} .eticket_step li strong{font-size:20px;font-weight:300;color:#cc0000;} .eticket_step li p {line-height:14px;} .eticket_step li .link_more {position:absolute;bottom:5px;text-align:center;width:100%;} .eticketing .topContent .dl_ticket, .eticketing .topContent .dl_ticket2{display:block;position:absolute;top:233px;left:612px;padding:13px 0 0 65px;width:205px;height:50px;background-position: 0px -486px;font-size:16px;font-weight:700;color:#000;line-height:18px;} .eticketing .topContent .dl_ticket3{display:block;padding:0 0 0 20px;background-position: -946px -580px;font-size:16px;font-weight:700;color:#005ea8;text-decoration:underline;line-height:18px;} .eticketing .topContent .dl_ticket:hover, .eticketing .topContent .dl_ticket2:hover{color:#000;} .eticketing .topContent .dl_ticket2{top:304px;} .eticketing .illustr,.eticketing .illustr_cinema,.eticketing .illustr_title, .eticketing .illustr_copy {position:absolute;} .eticketing .illustr {top:142px;left:31px;} .eticketing .illustr img {display:block;} .eticketing .illustr_cinema {top:176px;left:195px;width:216px;height:40px;} .eticketing .illustr_cinema img {display:block;} .eticketing .illustr_title {bottom:92px;left:202px;width:209px;line-height:12px;text-transform:uppercase;color:#666;font-size:11px;letter-spacing:-1px;} .eticketing .illustr_title strong {display:block;margin:0 0 4px 0;} .eticketing .illustr_title span {font-size:9px;color:#1d6eb1;} .eticketing .illustr_copy {top:364px;left:62px;color:#999;font-size:10px;} .ticketing_form {margin:20px 0 0 0;} .ticketing_form .eticket_notice{font-size:11px;color:#999;} .ticketing_form .searchinput {border:1px solid #A0ACC2;width:264px;} .ticketing_form button.btn_01 {border:none;padding:0;color:#4f4f4f;font-weight:700;} .ticketing_form button.btn_01:hover {color:#cc0000!important;cursor:pointer;} .ticketing_form button.btn_01{display:inline-block;vertical-align:middle;font-size: 12px;font-weight: 700;text-shadow: 0 1px 1px #fff;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#000;padding: 0px 10px 0px 10px;} .ticketing_form .btn_01:hover,.ticketing_form .btn_01:focus{text-decoration:none;} .ticketing_form button.btn_01 span{line-height:22px;} .ticketing_form .btnYellow{ color: #000; box-shadow:inset 0 2px 0 #FFEB78; -webkit-box-shadow:inset 0 2px 0 #FFEB78; -moz-box-shadow:inset 0 2px 0 #FFEB78; -o-box-shadow:inset 0 2px 0 #FFEB78; background: #ffd821; background: -webkit-gradient(linear, left top, left bottom, from(#FFE23B), to(#FFCF07)); background: -moz-linear-gradient(top, #FFE23B, #FFCF07); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE23B,endColorstr=#FFCF07); /*for ie*/ border: 1px solid #ECC101; border-top-color: #FFC400; border-bottom-color: #FFAC0D; } .ticketing_form .btnYellow:hover, .ticketing_form .btnYellow:focus{ box-shadow: 0 0 7px rgba(0,0,0,0.4),inset 0 2px 0 #FFEB78; -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4),inset 0 2px 0 #FFEB78; -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4),inset 0 2px 0 #FFEB78; -o-box-shadow: 0 0 7px rgba(0,0,0,0.4),inset 0 2px 0 #FFEB78; } .ticketing_form .form_line {margin:0 0 10px 0;} /* /service eticketing*/ /* adDeferred */ #home .tmp.adf_192{height:230px;} .tmp.adf_192{height:150px;} .tmp.adf_54{height:250px;} .tmp.adf_46{height:90px;} /* /adDeferred */ /* Masthead */ .ad_masthead_content {margin-bottom: 15px;} .ad_masthead_toggle {display: block; position: absolute; top: -20px; right: 0; margin-right: 10px;} .ad_masthead_content > * {margin: auto auto;} /* /Masthead */ #overlay{ width:100%; background:#000; position:absolute; z-index:10000; top:0; bottom:0; left:0; right:0; display:none; } .overlayzone{ z-index:10100; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* --- Open feedback by bruno --- */ .feedback { position:absolute; z-index:400; width:450px; font-size:12px; background:#444; background:rgba(0,0,0,0.6); padding:10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 2px #acb3c0; -webkit-box-shadow: 0 2px 2px#acb3c0; box-shadow: 0 2px 2px #acb3c0; } .feedback_inner { background:#fff; border:1px solid #c0c8d6; padding:25px 20px; text-align:center; } .feedback .close { position:absolute; top:16px; right:16px; display:block; width:11px; height:11px; text-indent:-5000px; background-repeat:no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAAAgCAMAAABpVqV8AAAAA3NCSVQICAjb4U/gAAAAulBMVEX///981vZRy+0tRHQrQW5p0Pdnz/dIx/BFxu/////2/f3x/Pzs+vvm+Pnr7vTQ9PXQ8/XF8PLE7/bA7va97vG17e+07Pqw7O6v6/mt6viq6e2h6Pmm5/Cg6Pmg5e+b5urO1N2S5OiO4+eM3uaE2PjAyNZp0fJnz/dby/dF0P1SyPUzzP9Lx/RIx/BFxu+JmsCGl7uElbh0ibZsg7Jqf6tke61UbqVNaaJUZoxGW4Q9Wpk7WZgrQW7MAAA7xINxAAAAPnRSTlMAERERzN3d3d3//////////////////////////////////////////////////////////////////////yDqvp0AAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMjQvMTES/DOpAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M0BrLToAAAAYZJREFUSImt1NlygjAUBmAXXI4INcrSUgtopbXiUgVbF3j/1ypZCGmVmUr82XIB35ycZKilJakJCfgo8YHGT5pKIkRp1sokgQoCTvmMyp7KMY544qOCJSAXfgEP6SlQQeBzCiiF70n8fTqznL7ihEjkY/K5KKUc8jlFEcIlEYP2OsA5ohI9AP5IKYc4ReshdSURKyiDCimFspoYlFOsRyBKmXMupLxPhLwGMepaTYJUvnYCRKlffWIOFLP7H0Qoce2opGdt0nUs3RZhP13M7rYIe1xSEtH7SZs9DUB228hIn7tC2m0lJOWw3fBsD0p16eKvUjn11lxIq15das+Gg4c8w1m7ujQfGQMVVGTioNFcQkJ2zwqtnk2CJKQFciAMQ3BI7iHhGA5ayEgulnCsvislGV4uheAZEtKykKy+ZyxlpEneJ82eSEkmkbRM6tsTU0JamVP4oLN71Kbmqrq0tl+157zjU3stIY29MbyQqp40z5WQOm+ug1SyMVXDfe9UlxrdtZBu4wcZOJE2osbDzwAAAABJRU5ErkJggg==); /* background-image:url(http://images.allocine.fr/commons/tooltip/sprite_tooltip.png);*/ background-position: -46px 0; } /* --- Open feedback by bruno --- */ /* --- Merge your friends --- */ .merge_friends { position:relative; padding-right:313px!important; border-bottom:1px solid #E4E4E4; } .illustr_merge_friends { position:absolute; bottom:10px; right:10px; width:303px; height:148px; background-image:url(http://images.allocine.fr/commons/services/bg_services_box.jpg); background-repeat:no-repeat; background-position: -674px 0; } /* --- /Merge your friends --- */ .bg_grey_2 {background-color:#F8F8F8;} .overlay_errordetailcheckbox{border: solid 1px #FeC200; background-color: #FFF6C3; vertical-align:middle; padding:5px 10px;} .overlay_error{background-color: #FFF6C3; width:95%; vertical-align:middle; text-align:center; height:30px; padding:5px 10px;} /* --- buttons v7 --- */ .button { cursor:pointer; font-family:Tahoma, Geneva, sans-serif;/* nécessaire */ /*text-align:center;*/ margin: 0; padding: 3px 8px 2px; display:inline-block; line-height:17px; outline:none; vertical-align:middle; font-size: 11px; font-weight: 700; text-decoration:none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .button span{display:block;} .button .disable{cursor:text;} .btn01{ border:1px solid #a6b2c8; background:#e3e7ef;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#dde2e8)); background: -moz-linear-gradient(top, #fbfbfc, #dde2e8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfc,endColorstr=#dde2e8); /*for ie*/ -webkit-box-shadow:0px 1px 0 #eef1f5; -moz-box-shadow:0px 1px 0 #eef1f5; box-shadow:0px 1px 0 #eef1f5; } .btn01:hover{ color:#005EA8; background: -webkit-gradient(linear, left top, left bottom, from(#dfe3e9), to(#fbfbfc)); background: -moz-linear-gradient(top, #dfe3e9, #fbfbfc); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfe3e9,endColorstr=#fbfbfc); /*for ie*/ text-decoration:none; } .btn02 { color:#000; border:1px solid #ffb100; border-top-color:#fc0; border-bottom-color:#f90; background:#ffd400;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffe026), to(#ffc800)); background: -moz-linear-gradient(top, #ffe026, #ffc800); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe026,endColorstr=#ffc800); /*for ie*/ -webkit-box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #ffeb73 inset; -moz-box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #ffeb73 inset; box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #ffeb73 inset; } .btn02:hover { color:#000; background:#ffd400;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffbd00), to(#ffd526)); background: -moz-linear-gradient(top, #ffbd00, #ffd526); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbd00,endColorstr=#ffd526); /*for ie*/ -webkit-box-shadow: 0px 1px 0 #eef1f5, 0px -1px 0 #ffeb73 inset; -moz-box-shadow: 0px 1px 0 #eef1f5, 0px -1px 0 #ffeb73 inset; box-shadow: 0px 1px 0 #eef1f5, 0px -1px 0 #ffeb73 inset; text-decoration:none; } .btn03{ color:#888; font-weight:300; border:1px solid #d6d6d4; cursor:text; background:#ebebea;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ebebea), to(#ebebea)); background: -moz-linear-gradient(top, #ebebea, #ebebea); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebebea,endColorstr=#ebebea); /*for ie*/ -webkit-box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #f4f4f3 inset; -moz-box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #f4f4f3 inset; box-shadow: 0px 1px 0 #eef1f5, 0px 1px 0 #f4f4f3 inset; } .btn03:hover{ color:#888; text-decoration:none; } /* BTN DEFAULT */ .btn-default{ color:#000;/*#005ea8*/ border:1px solid #d0d6de; border-top-color:#ced4dd; border-bottom-color:#a6b2c8; background:#e8eaf0;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#f2f4f7), to(#dce0e7)); background: -moz-linear-gradient(top, #f2f4f7, #dce0e7); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f4f7,endColorstr=#dce0e7); /*for ie*/ -webkit-box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #f5f6f9 inset; -moz-box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #f5f6f9 inset; box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #f5f6f9 inset; } .btn-default:hover{ border:1px solid #d1d6df; border-top-color:#ced4dd; border-bottom-color:#a6b2c8; background:#f9f9fa;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9ecf0)); background: -moz-linear-gradient(top, #ffffff, #e9ecf0); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#e9ecf0); /*for ie*/ -webkit-box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #fff inset; -moz-box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #fff inset; box-shadow: 0px -1px 0 #ced4dd inset, 0px 1px 0 #fff inset; } .btn-canalplay_vod { text-transform:uppercase; color:#92117d; } .btn-canalplay_infinity { text-transform:uppercase; color:#02a4e7; } /* --- /buttons v7 --- */ .btn_link_twt { display:inline-block; width:60px; height:20px; background:url(http://images.allocine.fr/commons/btn_link_twt.png) no-repeat 0 0; text-indent:-5000px; cursor:pointer; } .btn_link_twt:hover {background:url(http://images.allocine.fr/commons/btn_link_twt.png) no-repeat 0 -20px;} /* --- AD MKT --- */ .pagelayout .adf_5137{ float:right; margin:0 10px 0 0; overflow:hidden; background-position:100% 0; background-repeat:no-repeat; } .pagelayout .adf_5137 .adbox_layout{ border:1px solid #ccc; width:218px; height:88px; font-size:11px; line-height:16px; } .pagelayout .adf_5137 .adbox_layout .adbox_content{ padding:5px 0 0 10px; width:130px; } .pagelayout .ad_mktblock_large{float:none;margin:0;} .pagelayout .ad_mktblock_large .adbox_layout{ border:1px solid #ccc; width:298px; } .pagelayout .ad_mktblock_large .adbox_layout{height:98px;} #contentlayout .pagelayout .adf_5137.ad_mktblock_large .adbox_layout .adbox_content{width:155px;margin-right:10px;} #contentlayout .pagelayout .adf_5137.ad_mktblock_large .adbox_layout .adbox_imglink{width:123px;} #contentlayout .pagelayout .colright .ad_mktblock_large .adbox_layout {background-color:#fff;background-repeat:no-repeat;} #contentlayout .pagelayout .colright .ad_mktblock_large {margin-bottom:15px;} #contentlayout .pagelayout .colright .ad_mktblock_large .adbox_layout .adbox_imglink{width:80px;} /* --- /AD MKT --- */ /* --- HP - BLOC VOD --- */ #home .btn_vod_discover{ background:url(http://images.allocine.fr/commons/framework_6_5/HP-VOD/btn_vod_discover.png) 0 0 no-repeat; display:block; width:257px; height:51px; text-indent:-9999px; margin:0 36px -5px auto; } #home .mentionVod{ color:#888; font-size:9px; margin:-9px 10px 15px; } /* --- /HP - BLOC VOD --- */ /* correctif mauvais affichage twitter */ iframe.twitter-count-vertical{width:70px !important;} /* /correctif mauvais affichage twitter */ .list_01 li { background-image:url(/skin_v7/core/img/sprite_picto.png); background-repeat:no-repeat; background-position:0 -1138px; padding:0 0 0 10px; } /*bloc v7 into v6 for cannes*/ .breaker { clear: both; height: 0; overflow: hidden; } .colright .boxbasic .list_photo li { margin: 0 5px 8px 0; float: left; } .sep_02_10v, .sep_02_20v, .sep_02_30v { background:#D6D6D4; height: 1px; margin: 10px 0; overflow: hidden; } .margin_10t { margin-top: 10px !important; } .sep_02_20v { margin: 20px 0; } /* popin activation V7 code V6-V7 */ #sendactivationmail, #activationmailsent, #activateAccount, #accountActivated {margin-top:20px;} #sendactivationmail .unit button, #activateAccount .unit button {margin-top:5px;} /* --- Share your activity look V7 -- */ /* ---------------------------------- */ /* --- Helpers -- */ .fl {float:left!important;} .fr {float:right!important;} .margin_40r {margin-right:40px!important;} .margin_10b {margin-bottom:10px!important;} .lighten_hl {color:#515151!important;} .vam {vertical-align:middle!important;} .padding_5h {padding-left:5px!important;padding-right:5px!important;} .g_w640 {width:640px;} .g_mw400_640 {min-width:400px;max-width:640px;} /* --- /Helpers -- */ /* --- buttons --- */ .button { cursor:pointer; font-family:Tahoma, Geneva, sans-serif;/* nécessaire */ margin: 0; padding: 3px 8px 2px; display:inline-block; line-height:17px; outline:none; vertical-align:middle; font-size: 11px; font-weight: 700; text-decoration:none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .button span{display:block;} .button .arrow.disable{ /* not for ie6 */ background-position:0 -2021px!important; } .button .disable{cursor:text;} .btn_fb { text-shadow: 0px 1px 0px #2a4b96; filter: dropshadow(color=#2a4b96, offx=0, offy=1); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; border-color:#587dbe #546fa5 #2b467f #546fa5; background:#4F75C1;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#5e89ca), to(#4264ba)); background: -moz-linear-gradient(top, #5e89ca, #4264ba); background: -o-linear-gradient(top, #5e89ca 0%,#4264ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5e89ca 0%,#4264ba 100%); /* IE10+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5e89ca,endColorstr=#4264ba); /*for ie*/ } .btn_gg { text-shadow: 0px 1px 0px #d54735; filter: dropshadow(color=#d54735, offx=0, offy=1); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; border-color:#d54735 #c83f2e #bb3626 #c83f2e; background:#4F75C1;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#d54735), to(#bb3626)); background: -moz-linear-gradient(top, #d54735, #bb3626); background: -o-linear-gradient(top, #d54735 0%,#bb3626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d54735 0%,#bb3626 100%); /* IE10+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d54735,endColorstr=#bb3626); /*for ie*/ } .button.btn_fb:hover, .button.btn_gg:hover {color:#fff;} .btn_fb span, .btn_gg span { margin: -8px 0 -8px 0px; padding:8px 0 8px 32px; background-position:left -3203px; position:relative; } .btn_fb span:before, .btn_gg span:before { position:absolute; display:block; content:''; width:21px; height:21px; top:7px; left:-2px; background-image:url(../../skin_v7/core/img/picto_social.png); background-repeat:no-repeat; } .btn_fb span:before {background-position:-273px -224px;} .btn_gg span:before {background-position:-274px -287px;} .btn_fb span:after, .btn_gg span:after { position:absolute; display:block; content:''; width:1px; height:30px; top:2px; left:23px; } .btn_fb span:after {background:#27427b;} .btn_gg span:after {background:#993123;} /* Ajout Btn Connexion Google+ */ .modal-inner .btn_fb, .modal-inner .btn_gg {width:199px;} /* anciens boutons dans modale connexion */ .modal-inner .btn-fb, .modal-inner .btn-gplus, .secure .unit .btn-fb, .secure .unit .btn-gplus {width:209px;} .myfriends .btn_fb, .myfriends .btn_gg, .myfriends .btn-fb, .myfriends .btn-gplus {width:auto;} .button .disable{ color:#a6b2c8; position:relative; margin:-3px -8px -2px -8px; padding:3px 8px 2px 8px; background-color:#F0F2F5; } /* --- /buttons -- */ /* --- Sprite -- */ .rate_cancel, .rate_cancel,.button .add,.button:hover .add { background-image:url(../../skin_v7/core/img/sprite_picto.png); background-repeat:no-repeat; } .rate_it, .rated_g, .rated_g_l, .rated_g_r, .rated_b, .rated_b_l, .rated_b_r, .rated_off, .rated_off_l, .rated_off_r, .rate_over, .rate_null_on, .rate_null_on:hover, .rate_null_off, .review_on, .review_off, .review_on.btn-on, .rate_tooltip .arrow_b { background-image:url(../../skin_v7/core/img/sprite_core.png); background-repeat:no-repeat; } /* --- /Sprite -- */ /* --- Share your activity --- */ .picto_rating { float:left; display:block; width:24px; height:24px; vertical-align:middle; cursor:pointer; position:relative; } .rate_cancel{background-position:4px -679px;/*margin-left:20px; à remettre quand on aura la note zero */} .rate_it{background-position:-2px -158px;} .rating_module { margin-right:5px; } .rating_module .star{ display:block; height:24px; width:12px; float:left; position:relative; } .rated_g, .rated_g_l{background-position:-28px -158px;} .rated_g_r{background-position:-40px -158px;} .rated_b, .rated_b_l{background-position:-54px -158px;} .rated_b_r{background-position:-66px -158px;} .rated_off, .rated_off_l{background-position:-2px -158px;} .rated_off_r{background-position:-14px -158px;} .rate_over{background-position:-80px -158px;} .rate_null_on, .rate_null_off{ position:relative; display:none;/* provisoire */ } .rate_null_on{background-position:-2px -133px;} .rate_null_on:hover{background-position:-28px -133px;} .rate_null_off{background-position:-54px -133px;cursor:text;} .review_on, .review_off, .review_on.btn-on {margin-left:8px;} .review_on {background-position:-28px -108px;} .review_off, .review_on.btn-on {background-position:-54px -108px;cursor:text;} .rate_tooltip{ background-color:#4d4e53; -moz-border-radius: 2px; border-radius: 2px; padding:5px 10px; position:absolute; color:#fff; white-space:nowrap; /*display:none;*/ } .rate_null_off .rate_tooltip, .rate_null_on .rate_tooltip, .rating_module .rated_b_l .rate_tooltip, .rating_module .rated_g_l .rate_tooltip, .rating_module .rated_off_l .rate_tooltip, .review_on .rate_tooltip, .review_off .rate_tooltip, .review_on.btn-on .rate_tooltip{ top:-36px; left:-8px; } .rating_module .rated_b_r .rate_tooltip, .rating_module .rated_g_r .rate_tooltip, .rating_module .rated_off_r .rate_tooltip{ top:-36px; left:-20px; } .rating_module .left .rate_tooltip{top:-36px;left:-8px;} .rating_module .right .rate_tooltip{top:-36px;left:-20px;} .review_on .rate_tooltip, .rate_null_off .rate_tooltip, .rate_null_on .rate_tooltip{ display:none; } .review_on:hover .rate_tooltip, .rate_null_off:hover .rate_tooltip, .rate_null_on:hover .rate_tooltip{ display:block; } .rate_tooltip .arrow_b{ width:15px; height:8px; background-position:-167px -162px; position:absolute; top:100%; left:12px; } .rating_module .star .rate_tooltip{ display:none; } .rating_module .star:hover .rate_tooltip{ display:block; } .rate .review_on a, .rate .review_off a, .rate .review_on.btn-on a { display:block; height:24px; width:24px; text-indent:-5000px; } .rate_cancel, .rating_module, .rate_null_on, .rate_null_off, .review_on, .review_off, .review_on.btn-on { float:left; vertical-align:middle; } .rate_cancel:hover, .rating_module:hover, .rate_null_on:hover, .rate_null_off:hover, .review_on:hover, .review_off:hover, .review_on.btn-on:hover { cursor:pointer; } .rating_module, .rate_null_on, .rate_null_off { margin-right:3px; } .write_container textarea { width:612px; padding:0 0; margin:0; height:170px; overflow-x:hidden; font-size:12px; border:none; resize: none; } .loader{ color:#47a247; line-height:22px; } .loader img{ margin:0 10px 0 0; vertical-align:middle; } .rate .loader { /*width:167px; avec fonctionnalité note null */ /*width:140px; à remettre avec la fonctionalité note zero */ width:120px; float:left; margin-left:24px; margin-right:3px; } .loader {display:none;} .loading .loader, .loaded .loader {display:block;} .loading .load_target, .loaded .load_target {display:none!important;} .loading_item, .loaded_item {height:24px;line-height:24px;text-align:center;} .loading .loader .loading_item {display:block;} .loading .loader .loaded_item {display:none;} .loaded .loader .loading_item {display:none;} .loaded .loader .loaded_item {display:block;color:#999;} /* --- /Share your activity --- */ /* --- /Share your activity look V7 -- */ /* ----------------------------------- */ body {background-position: 50% 0 !important;} .margin_0{margin:0!important;} /*********************** start $__HEADER ***********************/ #header{ position:relative; height:113px;/*115px*/ padding:0; margin:0 0 44px 0; -webkit-box-shadow:0 1px 0 0 #ffec77 inset; -moz-box-shadow:0 1px 0 0 #ffec77 inset; box-shadow:0 1px 0 0 #ffec77 inset; } #header #logo{ float:left; } #header #logo a, #header #logo span{ display:block; text-indent:-9999px; } #header .ac_autopromo { display: table; float: left; height: 30px; margin: 0 10px 0; text-align: center; } #header .ac_autopromo a { display: table-cell; line-height: 13px; text-decoration: underline; vertical-align: middle; } #header .ac_autopromo.visual { padding:17px 0 0 0; height:auto; display:block; text-align:left; line-height: 12px; } #header .ac_autopromo.visual img{float:left; max-width:70px;} #header .ac_autopromo.visual strong, #header .ac_autopromo.visual a{ display: block; } /*filmpicker*/ #header .film_picker { float:right; margin:0 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; z-index:510; } #header .film_picker .btn_picker{ font-weight:700; text-decoration:none; margin: 0; padding:0 5px 0 10px; display:inline-block; height:28px; line-height:28px; outline:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background:#ffffff;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bbc7d7)); background: -moz-linear-gradient(top, #ffffff, #bbc7d7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#bbc7d7); /*for ie*/ border: 1px solid #d3dfed; border-top-color: #cfd7e4; border-bottom-color: #d2e4fc; -webkit-box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #fff inset; -moz-box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #fff inset; box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #fff inset; } #header .film_picker .btn_picker span{ padding:0 28px 0 0; display:inline-block; height:28px; line-height:28px; } #header .film_picker_over { padding:3px 3px 1px; margin:-3px 27px 0 0; background-color: #656667; /*other bro*/ background:rgba(0, 0, 0, 0.3); *background-color: #656667; /*fix ie7 and less*/ -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } #header .film_picker_over .btn_picker{ position:relative; padding-bottom:3px; z-index:520; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-box-shadow: 0px 2px 2px #fff inset; -moz-box-shadow: 0px 2px 2px #fff inset; box-shadow: 0px 2px 2px #fff inset; background: #eef1f5; /* old browsers */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eef1f5,endColorstr=#eef1f5); /*for ie*/ } #header .film_picker_over .btn_picker{ border-bottom:#EEF1F5 1px solid;} #header .film_picker .list_film_picker{ display:none; position:absolute; top:32px; left:0; width:392px; padding:3px; background-color: #656667; /*other bro*/ background:rgba(0, 0, 0, 0.3); *background-color: #656667; /*fix ie7 and less*/ } #header .film_picker_over .list_film_picker{display:block;} #header .film_picker .bg_film_picker{ padding:20px 10px 15px; border:1px solid #b8c1d3; background: #EEF1F5; /* old browsers */ background: -moz-linear-gradient(top, #EEF1F5 0%, #E7EBF0 40%, #CED4DD 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEF1F5), color-stop(40%,#E7EBF0), color-stop(100%,#CED4DD)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEF1F5', endColorstr='#CED4DD',GradientType=0 ); /* ie */ } #header .film_picker .list_inner{ font-weight:700; overflow:auto; position:relative; } #header .film_picker .list_inner ul {margin-bottom:3px;} #header .film_picker .list_inner ul li {float:left; width:180px;} #header .film_picker .list_inner ul ul{margin-bottom:0;} #header .film_picker .list_inner ul ul li{ padding:0 0 0 10px; font-weight:300; float:none; width:auto; background-position:-330px -124px; } #header .film_picker .list_inner ul ul li a{text-decoration:none;} #header .film_picker .list_inner ul ul li a:hover{text-decoration:underline;} #header .film_picker .sep_v{ position:absolute; top:0; left:180px; width:1px; height:100%; background:#a6b2c8; border:1px solid #fff; border-bottom:none; border-top:none; } /* /filmpicker*/ #header .ac_tabpromo { float: right; margin: 0 10px 0 10px; } #header .search_engine { float: right; margin:18px 0px 2px 0; padding: 0 0 0 0; height:58px; width:342px; overflow:hidden; } #header .search_engine .searchForm{ height:30px; } #header .search_engine .searchForm fieldset{ padding:2px; display:inline; } #header .search_engine .searchForm .search_input{ float:left; margin:0; padding:5px 8px 5px 24px; width: 215px; height:18px; line-height:18px; vertical-align:middle; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } #header .search_engine .searchForm .btn_form{ float:left; margin: 0; padding: 0 8px; height:30px; line-height:30px; border-left:none; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } #header .search_engine .extralinks{ clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #header .search_engine .extralinks, #header .search_engine .extralinks a{ color:#000; text-decoration:none; font-size:11px } #header .search_engine .extralinks a:hover{ text-decoration:underline; } #header #nav{ clear:both; height:35px; margin:0; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:500; } #header #nav > ul{ height:34px; border-style:solid; border-width:1px 0 0 0; } #header #nav > ul li{ font-size:12px; font-weight:700; float:left; } #header #nav > ul li {text-align:center;} #header #nav ul ul li,#header #nav ul .subnav {text-align:left;} #header #nav ul li.item_1{ -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; } #header #nav ul li.last{ -moz-border-radius-topright: 2px; border-top-right-radius: 2px; } #header #nav ul li span{ position:relative; } #header #nav ul li strong { font-size:14px; font-weight:700; display:block; } #header #nav > ul li sup{ font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#dc291e; text-shadow: 1px 1px 0px #f9e655; position:absolute; top:0; left:0; right:0; line-height:11px; } #header #nav ul li em, #header #nav ul li a{ display:block; height:34px; line-height:34px; text-decoration:none; padding:0; margin:0; } #header #nav ul li a span {display:block;} #header #nav ul .subnav {display:none;} /*subnav - Active */ #header #nav ul .active span, #header #nav ul .active a{ z-index:10; height:33px; } #header #nav ul .active .subnav{ display:block; height:43px; position:absolute; top:34px; left:0 !important; width:980px; } #home #header #nav ul .item_1 .subnav, #header #nav ul .item_1.active .subnav, #header.is_pinned #nav ul .item_1.active .subnav{ height:4px; } #home #header{margin:0;} #header #nav ul .active .subnav p { font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:300; margin:0 10px; text-transform:none; line-height:34px; } #header #nav ul .active .subnav a { display:inline-block; background:none; border:none; } #header #nav ul .active .subnav ul {text-align:left; width:980px;} #header #nav ul .active .subnav ul li{ display:inline; line-height:32px; filter:none; border:none; width:auto; } #header #nav ul .active .subnav ul li a, #header #nav ul .active .subnav ul li span { border:none; background:none; filter:none; text-transform:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-shadow:none; padding:0 11px; line-height:43px; } #header #nav ul .active .subnav ul li a:hover{ background:none; filter:none; } /* header - connexion */ #header #connect_member { float:right; position:relative; z-index:550; padding:0 0 0 10px; width:165px; background-position:0 -160px; background-repeat:no-repeat; margin:0 0 -35px 10px; height:112px; } #header #connect_member .connect_member_inner{ height:78px; border:solid #f9e655; border-width:0 1px; } /* step create account & login */ #header #connect_member .connect_member_inner .connect_login{ padding:16px 10px 0; } #header #connect_member .connect_member_inner .connect_login a{ color:#000; font-size:11px; padding:3px 1px 3px 21px; margin:0 0 4px 0; display:block; background-position:-280px -74px; background-repeat:no-repeat; text-decoration:underline; } #header #connect_member .connect_member_inner .connect_login a:hover{ padding:2px 0 2px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-position:-281px -75px; } #header #connect_member .connect_member_inner .connect_login .fb{ text-decoration:none; } #header #connect_member .connect_member_inner .connect_login .fb .connect_link{ text-decoration:underline; } #header #connect_member .connect_member_inner .connect_login .fb [class*='_picto']{ display:inline-block; text-align:none; vertical-align:middle; width:14px; height:14px; background-position:0 -102px; } #header #connect_member .connect_member_inner .connect_login .fb .gplus_picto{ background-position:-15px -102px; } /* /step create account & login */ /* step error */ #header #connect_member .connect_member_inner .connect_error{ color:#000; text-align:center; padding:18px 0 0 0; line-height:13px; font-size:11px; } #header #connect_member .connect_member_inner .connect_error strong{ display:block; margin-bottom:3px; } /* /step error */ /* step loading */ #header #connect_member .connect_member_inner .connect_loader{ color:#888; font-size:11px; text-align:center; width:135px; height:74px; padding:15px 0 0 0; margin:auto; background-position:-188px -151px; background-repeat:no-repeat; } #header #connect_member .connect_member_inner .connect_loader img{ vertical-align:middle; } /* /step loading */ /* step logged */ #header #connect_member .connect_member_inner .connect_logged{ padding:19px 5px 0 11px; } #header #connect_member .connect_member_inner .connect_logged .avatar{ width:33px; padding:2px; margin:0 10px 0 0; background:#fff; float:left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header #connect_member .connect_member_inner .connect_logged .avatar img{ width:33px; height:33px; display:block; } #header #connect_member .connect_member_inner .connect_logged strong{ color:#000; display:block; line-height:1; overflow:hidden; white-space:nowrap; } #header #connect_member .connect_member_inner .connect_logged .disconnect{ display:inline-block; font-size:11px; color:#000; margin:8px 0 0 0; text-decoration: underline; } /* /step logged */ #header #connect_member #my_account_nav{ border-top:none; border-bottom:none; height:32px; } #header #connect_member .my_account_btn{ height:31px;/*31px*/ line-height:32px; font-size:14px; font-weight:700; color:#000; cursor:pointer; } #header #connect_member .my_account_btn .arrow{ padding:0 0 0 25px; background-position:127px -67px; } #header #connect_member .my_account_btn:hover .arrow, #header #connect_member .over.my_account_btn .arrow, #header #connect_member .active.my_account_btn .arrow{ background-position:-73px -71px; } #header #connect_member .my_account_btn .arrow a{color:#000; text-decoration:none;} #header #connect_member .my_account_btn:hover .arrow a, #header #connect_member .over.my_account_btn .arrow a, #header #connect_member .active.my_account_btn .arrow a{color:#fff;} #header #connect_member .my_account_menu{ display:none; position:absolute; top:112px; left:11px; padding:0; width:161px; border:1px solid #e2e1dd; } #header #connect_member #my_account_nav:hover .my_account_menu{ display:block; } #header #connect_member .my_account_menu a{ display:block; padding:10px; text-decoration:none; font:11px/1.5 Tahoma, Lucida, Arial, sans-serif; font-weight:700; } #header #connect_member .my_account_menu .msg{ color:#888; font-weight:300; margin:0 0 0 4px; padding:0 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } #home #wrapper #header.margin_0 #connect_member .my_account_btn{height:31px;/*31px*/} #wrapper #header.margin_0 #connect_member .my_account_btn, #wrapper #header #connect_member .my_account_btn:hover, #header #connect_member .over.my_account_btn, #header #connect_member .active.my_account_btn{ height:32px;/*31px*/ } /* /header - connexion */ #header #connect_member .active.my_account_btn .arrow { text-shadow: none; } /* /!\ remplace le code dav_loca.css 876 */ #header #connect_member .active.my_account_btn{ background:#181818 !important; -webkit-box-shadow:none !important; box-shadow:none !important; border-color:#181818 !important; } /*********************** end $__HEADER ***********************/ #header #logo a, #header #logo span, #header #connect_member, #header #connect_member .connect_member_inner .connect_login a, #header #connect_member .my_account_btn .arrow, #header #connect_member .my_account_btn:hover .arrow, #header #connect_member .over.my_account_btn .arrow, #header .search_engine .searchForm .search_input, #header #connect_member .connect_member_inner .connect_loader, #header #connect_member .connect_member_inner .connect_login .fb [class*='_picto'], #header.is_pinned .search_engine .searchForm .search_input, #header.is_pinned .search_engine.is_expand .searchForm .search_input, #back-top a:before{ background-image:url(../../skin_v7/local/FR/img/sprite_local_7.1.png); background-repeat:no-repeat; } /*********************** start $__HEADER - local ***********************/ #header{ background:#ffe12d; background: -webkit-gradient(linear, left top, left bottom, from(#ffe12d), to(#ffcb01)); background: -moz-linear-gradient(top, #ffe12d, #ffcb01); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe12d,endColorstr=#ffcb01); /*for ie*/ } #header #logo, #header #logo a, #header #logo span{ width:195px; height:69px; } #header #logo a, #header #logo span{ background-position:-10px 0; /*TMP*/ } #header .search_engine .extralinks, #header .search_engine .extralinks a{ color:#000; } #header .ac_autopromo { width: 219px; font-size:11px; line-height:16px; padding:11px 0 0 0; height:50px; } #header .ac_autopromo a { color:#000; } #header #nav > ul{ padding:0 10px; border-color:#ffe562; background:#ffdc08; background: -webkit-gradient(linear, left top, left bottom, from(#ffdc08), to(#ffc802)); background: -moz-linear-gradient(top, #ffdc08, #ffc802); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdc08,endColorstr=#ffc802); /*for ie*/ } #header #nav ul .active em, #header #nav ul li a{ color:#000; } #header #nav ul li strong{ padding:0 16px; text-shadow: 0 1px 1px #fff; } #header #nav > ul:after, #header #nav ul li.active strong:after, #header #nav ul li.active .subnav:after{ content:""; height:2px; position:absolute; top:0; left:0; right:0; background:#262626; /*background:purple;*/ } #header #nav ul li.active strong:after{ margin:0 1px; } #header #nav ul li.active span{ height:34px; /*background:green;*/ } #header #nav > ul:after{ top:1px; background:#ffe235; /*background:blue;*/ } #header #nav ul li a:hover{ background:#ffe866; } #header #nav ul li a span{ background:none; } /*subnav - Active */ #header #nav ul .active > em, #header #nav ul .active a, #header #nav ul .active a:hover{ color:#fff; } #header #nav ul li:first-child > a{ border-left:none !important; } #header #nav ul .active span{ display:block; border-top:1px solid #000; background:#202020; background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#202020)); background: -moz-linear-gradient(top, #323232, #202020); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232,endColorstr=#202020); /*for ie*/ } #header #nav ul .active strong{ height:33px; border:solid #000; border-width:0 1px; text-shadow:none; } #header #nav ul .active .subnav{ border-top:#000 1px solid; border-bottom:#fff 1px solid; background:#202020; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#100f0f)); background: -moz-linear-gradient(top, #202020, #100f0f); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#202020,endColorstr=#100f0f); /*for ie*/ } #header #nav ul .active .subnav a, #header #nav ul .active .subnav ul li a{color:#bbb;} #header #nav ul .active .subnav ul li .rub{color:#000;} #header #nav ul .over .subnav ul li a{color:#005EA8;} #header #nav ul .active .subnav a:hover, #header #nav ul .active .subnav ul li a:hover{color:#fff; text-decoration:underline;} #header #nav ul .active .subnav ul li .rub{color:#fff; padding:0; margin:0 11px; border-bottom:3px solid #ffca03;height:40px;display:inline-block;} #header #nav ul .active .subnav ul li .rub:hover{text-decoration:none} #header #nav ul .over .subnav ul li a:hover{color:#c00; background:none; border:none;} #header #nav ul .active .subnav ul li {color:#91a1be;} /*ICONO PLATEFORME VIDEO*/ #header #nav .item_4 a span strong{ background-image:url(http://fr.web.img1.acsta.net/commons/webui/FR/pv_icono/header_iconePLAYvideo.gif); background-position:16px 50%; background-repeat:no-repeat; padding-left:42px; } #header #nav .item_4.active a span strong{ background-image:url(http://fr.web.img1.acsta.net/commons/webui/FR/pv_icono/header_iconePLAYvideo_active.gif); background-repeat:no-repeat; background-position: 16px 50%; } #header #nav .item_4.active .subnav li:nth-child(8){ border-left:1px solid #515151; } #header #nav .item_4.active .subnav li:nth-child(8) a{ position:relative; } #header #nav .item_4.active .subnav li:nth-child(8) a:after{ content:'klashs'; position:absolute; right:11px; top:0; color:#fc0; } #header #nav .item_4.active .subnav li:nth-child(8) .rub:after{ right:0; } .btn_form{ background:#ffd400;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#ffdb00), to(#ffc900)); background: -moz-linear-gradient(top, #ffdb00, #ffc900); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdb00,endColorstr=#ffc900); /*for ie*/ border: 1px solid #ffb704; border-top-color: #ffca00; border-bottom-color: #ff9b00; -webkit-box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #ffe440 inset; -moz-box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #ffe440 inset; box-shadow: 0px 2px 2px #253c6f, 0px 2px 2px #ffe440 inset; } .btn_form:hover{ -webkit-box-shadow:0 1px 0 #ffb71f inset; -moz-box-shadow:0 1px 0 #ffb71f inset; box-shadow:0 1px 0 #ffb71f inset; background: -webkit-gradient(linear, left top, left bottom, from(#ffad00), to(#ffd300)); background: -moz-linear-gradient(top, #ffad00, #ffd300); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffad00,endColorstr=#ffd300); /*for ie*/ } #header.is_pinned .search_engine.is_expand .searchForm{ left:-267px; width: 302px; } #header .search_engine .searchForm .search_input{ border: 1px solid #d1cab1; padding: 5px 8px 5px 30px; width: 205px; color: #000; background-color: rgba(255, 255, 255, 1); background-position: -297px 4px; } #header .search_engine .searchForm .search_input:focus{ outline:none; } #header .search_engine .searchForm .btn_form{ border-color:#212428; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#fff; background:#212428; background: -webkit-gradient(linear, left top, left bottom, from(#212428), to(#000000)); background: -moz-linear-gradient(top, #212428, #000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#212428,endColorstr=#000000); /*for ie*/ } /* header - connexion */ #header #connect_member .connect_member_inner{ background:#ffdc08; background: -webkit-gradient(linear, left top, left bottom, from(#ffdc08), to(#ffc401)); background: -moz-linear-gradient(top, #ffdc08, #ffc401); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdc08,endColorstr=#ffc401); /*for ie*/ } #header #connect_member .connect_member_inner .connect_login a:hover{ background-color:#FEE569; border:1px solid #FEE569; } #header #connect_member .connect_member_inner .connect_logged .avatar{ border:1px solid #ffba0e; } #header #connect_member .connect_member_inner .connect_logged .avatar img{ width:33px; height:33px; display:block; } #header #connect_member #my_account_nav{ margin-left:-1px; border:1px solid #d7a600; border-top-color:transparent; background:#ffe562; background: -webkit-gradient(linear, left top, left bottom, from(#ffdb00), to(#ffc700)); background: -moz-linear-gradient(top, #ffdb00, #ffc700); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdb00,endColorstr=#ffc700); /*for ie*/ } #header #connect_member .my_account_btn{ border-top:1px solid #ffee88; border-bottom:1px solid #ca9a00; text-shadow: 0 1px 1px #fff; } #header #connect_member .my_account_btn:hover, #header #connect_member .over.my_account_btn, #header #connect_member .active.my_account_btn{ border-top:1px solid #0097aa; border-bottom:1px solid #008999; color:#fff; height:31px; text-shadow: 1px -1px 0 #006066; filter: dropshadow(color=#006066, offx=1, offy=-1); background:#0097a8; background: -webkit-gradient(linear, left top, left bottom, from(#0097a8), to(#008999)); background: -moz-linear-gradient(top, #0097a8, #008999); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0097a8,endColorstr=#008999); /*for ie*/ } #header #connect_member .active.my_account_btn{ -webkit-box-shadow:0 0 0 0 #33acba inset; -moz-box-shadow:0 0 0 0 #33acba inset; box-shadow:0 0 0 0 #33acba inset; } #header #connect_member .my_account_menu{ background:#d6d6db; background:rgba(0, 0, 0, 0.1); } #header #connect_member .my_account_menu ul{ background:#fff; border-bottom:4px solid #0098aa; } #header #connect_member .my_account_menu .sep{ border-top:1px solid #f5f5f5; } #header #connect_member .my_account_menu .sep a{ border-top:1px solid #eaeae9; } #header #connect_member .my_account_menu a{ border:1px solid #fff; } #header #connect_member .my_account_menu a:hover{ border:1px solid #cad0de; background:#f6f7f9; background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f9), to(#eaeef1)); background: -moz-linear-gradient(top, #f6f7f9, #eaeef1); /*bug au niveau de la typo IE8>*/ /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f7f9,endColorstr=#eaeef1); /*for ie*/ -webkit-box-shadow:0px 1px 1px #fff inset; -moz-box-shadow:0px 1px 1px #fff inset; box-shadow:0px 1px 1px #fff inset; } #header #connect_member .my_account_menu .msg{ color:#888; border:1px solid #d6d6d4; } /* /header - connexion */ /*********************** end $__HEADER - local ***********************/ /*********************** start $__HEADER _PINNED ***********************/ /* desktop */ @media only screen and (min-width : 1024px){ #header.is_pinned #nav, #header.is_pinned .search_engine, #header.is_pinned #connect_member, #header.is_pinned #logo{ -webkit-animation: headerPinnedSlideDown 500ms; /* Safari 4+ */ -moz-animation: headerPinnedSlideDown 500ms; /* Fx 5+ */ -o-animation: headerPinnedSlideDown 500ms; /* Opera 12+ */ animation: headerPinnedSlideDown 500ms; /* IE 10+ */ } @-webkit-keyframes headerPinnedSlideDown { 0% { top: -70px; } 100% { top: 0; } } @-moz-keyframes headerPinnedSlideDown { 0% { top: -70px; } 100% { top: 0; } } @-o-keyframes headerPinnedSlideDown { 0% { top: -70px; } 100% { top: 0; } } @keyframes headerPinnedSlideDown { 0% { top: -70px; } 100% { top: 0; } } #header.is_pinned #nav:after{ content:''; position:absolute; top:39px; left:0; width:100%; height:4px; } #header.is_pinned #nav{ position:fixed; top:0; left:0; right:0; height:39px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.60), 0 5px 9px 0 rgba(0,0,0,.30); box-shadow: 0 2px 5px 0 rgba(0,0,0,.60), 0 5px 9px 0 rgba(0,0,0,.30); } #header.is_pinned #nav ul{ width:960px; margin:auto; position:relative; } #header.is_pinned #nav > ul { border:none; height:39px; } #header.is_pinned #nav ul li em, #header.is_pinned #nav ul li a, #header.is_pinned #nav ul .active span, #header.is_pinned #nav ul .active strong { height:39px; line-height: 39px; } #header.is_pinned #nav ul .active span, #header.is_pinned #nav ul .active strong { border:none; } #header.is_pinned #nav ul .active span{ border-bottom:none; } #header #nav ul .active strong { padding: 0 19px; } #header.is_pinned #nav > ul:after, #header.is_pinned #nav ul li.active .subnav:after{display:none;} #header.is_pinned #nav ul .active > em strong, #header.is_pinned #nav ul .active a strong, #header.is_pinned #nav ul .active a:hover strong{ text-shadow: none !important; } #header.is_pinned #logo{ position: fixed; z-index: 501; float: none; top:0; left: 50%; margin-top: 5px; margin-left: -590px; width: 95px; height: 33px; } #header.is_pinned #logo a, #header.is_pinned #logo span{ width:100%; height:100%; background: none; } #header.is_pinned .search_engine{ position: fixed; top: 0; z-index: 501; left: 50%; margin: 0 0 0 405px; padding: 0; height: 35px; width: 35px; overflow: visible; } #header.is_pinned .search_engine .searchForm{ padding: 4px 0 5px 0; height:auto; } #header.is_pinned .search_engine .searchForm fieldset{ background: none; padding: 0; display: block; -moz-border-radius: none; -webkit-border-radius: none; border-radius: none; width:500px; } #header.is_pinned .search_engine .extralinks{ display:none; } #header.is_pinned .search_engine .searchForm{ -webkit-transition: left 200ms ease-out, width 200ms ease-out; -moz-transition: left 200ms ease-out, width 200ms ease-out; -ms-transition: left 200ms ease-out, width 200ms ease-out; -o-transition: left 200ms ease-out, width 200ms ease-out; transition: left 200ms ease-out, width 200ms ease-out; width:35px; position:absolute; left:0; overflow:hidden; height:30px; } #header.is_pinned .search_engine.is_expand .searchForm fieldset{ width:500px; } #header.is_pinned .search_engine .searchForm .search_input{ border:none; padding: 6px 8px 6px 24px; background-color: rgba(255, 255, 255, 0); color:transparent; cursor:pointer; } #header.is_pinned .search_engine.is_expand .searchForm .search_input{ border:1px solid #d1cab1; padding: 5px 8px 5px 30px; width:171px; color:#000; background-color: rgba(255, 255, 255, 1); cursor:text; } #header.is_pinned .search_engine.is_expand .searchForm .search_input:focus{ outline:none; } #header.is_pinned .search_engine.is_expand .btn_form{ display:block; } #header.is_pinned #connect_member{ position:fixed; top:0; left:50%; margin-left:305px; } #header.is_pinned .connect_login, #header.is_pinned .connect_logged{padding:0 !important;} /* gestion login*/ #header.is_pinned .connect_login li{ width: 30px; height:30px; overflow:hidden; padding: 0; margin-top: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; } #header.is_pinned .connect_login li a { text-indent:-9999px; padding:0 !important; width:30px !important; height:30px !important; } #header.is_pinned .connect_login li a:hover { border:none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #header.is_pinned .connect_login li{ display:none; } #header.is_pinned .connect_login li + li{ display:block; } /* /gestion login*/ #header.is_pinned #connect_member{ background: none; padding: 0; height: auto; width: auto; margin-left: 457px; } #header.is_pinned #connect_member .connect_member_inner{ height:auto; background: none; border:none; } #header.is_pinned #connect_member .connect_member_inner .connect_logged .avatar { width:30px; padding:0; border:1px solid #fff; margin-top: 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #header.is_pinned #connect_member .connect_member_inner .connect_logged .avatar > a{ display:block; } #header.is_pinned #connect_member .connect_member_inner .connect_logged .avatar img{ width:30px; height:30px; } #header.is_pinned .connect_logged strong, #header.is_pinned .connect_logged .disconnect, #header.is_pinned #my_account_nav{ display:none !important;} #header.is_pinned #nav ul .active .subnav { -webkit-box-shadow: 0 5px 9px 0 rgba(0,0,0,.30); box-shadow: 0 5px 9px 0 rgba(0,0,0,.30); } #header.is_pinned #nav ul .active .subnav { top:39px; z-index:1; height: 35px; line-height: 34px; border:none; } #header.is_pinned #nav ul .active .subnav ul li a, #header.is_pinned #nav ul .active .subnav ul li a:hover, #header.is_pinned #nav ul .active .subnav ul li span{ height: 34px; line-height: 34px; } #header.is_pinned #nav ul .active .subnav ul li .rub { border:none; } /*VK*/ /* #videos_home #header.is_pinned{display:none;} */ #videos_home #header.is_pinned #nav ul .active .subnav { top:39px; height:34px; } #videos_home #header.is_pinned #nav ul .active .subnav ul li { height:auto; border:none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #videos_home #header.is_pinned #nav ul .active .subnav ul li em{display:none;} #videos_home #header.is_pinned #nav ul .active .subnav ul li a{ font-size:11px; font-weight:700; height: 34px; line-height: 34px; padding:0 11px; color:#bbb; } #videos_home #header.is_pinned #nav ul .active .subnav ul li a:hover{ text-decoration:underline; } #videos_home #header.is_pinned #nav ul .active .subnav ul li:hover{ background: none; } #videos_home #header.is_pinned #nav ul .active .subnav ul li:hover:after{ display:none; } #videos_home #header.is_pinned #nav ul .active .subnav ul li .rub{ color:#fff; } #videos_home #header.is_pinned #nav ul .active .subnav ul li:last-child a { line-height: 34px; margin-top: 0; } #videos_home #header.is_pinned #nav ul .active .subnav ul li:last-child{ width:auto; } } /*********************** end $__HEADER _PINNED ***********************/ /*********************** start $__HEADER _PINNED_LOCAL ***********************/ #header.is_pinned #logo{ background-image: url(/skin_v7/local/FR/img/sprite_local_7.1.png); background-position:-10px -160px; width:95px; } #header.is_pinned #nav:after{ background: #171717; } #header.is_pinned #nav{ background: #ffdc08; background: -webkit-gradient(linear, left top, left bottom, from(#ffdc08), to(#ffc802)); background: -moz-linear-gradient(top, #ffdc08, #ffc802); } #header.is_pinned #nav ul .active span, #header.is_pinned #nav ul .active strong { background: #171717; background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#171717)); background: -moz-linear-gradient(top, #323232, #171717); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232,endColorstr=#171717); /*for ie*/ } #header.is_pinned #nav ul .active span{ /*border:1px solid #000;*/ } #header #nav ul .active strong { border-top:1px solid #4d5053 !important; } #header.is_pinned .search_engine .searchForm{ border-right:1px solid #e5b700; } #header.is_pinned .search_engine .searchForm .search_input{ background-position: -303px -24px; } #header.is_pinned .search_engine.is_expand .searchForm .search_input{ background-position: -297px 4px; } #header.is_pinned #nav ul .active .subnav { background: #171717; } #header.is_pinned #connect_member .connect_member_inner .connect_login a{ background-position: -293px -109px; } /*********************** end $__HEADER _PINNED_LOCAL ***********************/ /*tab20ans*/ #header #nav ul .item_8.active strong { border-top: none !important; } /*/tab20ans*/ /*SIMPLE TOOLTIP*/ .picto_question,.simple_tooltip.st_arrow_b span, .simple_tooltip.st_arrow_t span{background-image:url(/skin_v7/core/img/sprite_core.png);} .picto_question{position:relative;background-position:-85px -108px;display:inline-block;width:17px;height:17px;cursor:pointer;vertical-align:middle;} .picto_question:hover{background-position:-85px -126px;} .e_over:hover .simple_tooltip, .predilection ul li.current:hover .simple_tooltip {display:block;} .e_over:hover .st_arrow_b {top:-33px;bottom:auto;} .simple_tooltip{display:none;position:absolute;bottom:-26px;left:0;background:#2e2f30;color:#fff;font-size:11px;z-index:2;padding:4px 10px;white-space:nowrap;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-family:Tahoma,Lucida,Arial,sans-serif;text-shadow:none;filter:none;} .simple_tooltip span {display:block;width:15px;height:8px;position:absolute;margin-left:-8px;left:50%;} .simple_tooltip.st_arrow_t{bottom:-26px;} .simple_tooltip.st_arrow_t span {background-position:-271px -231px;top:-8px;} .simple_tooltip.st_arrow_b{top:0;} .simple_tooltip.st_arrow_b span {background-position:-271px -223px;bottom:-8px;} /*/SIMPLE TOOLTIP*/ /* --- AJOUT pour Commentaire Disquss --- */ #disqus_thread .titlebar_01 {margin:20px 0;} #disqus_thread .tt_r22 { color:#c00; font-size:22px; font-family:Arial, Helvetica, sans-serif; line-height:1; } #disqus_thread .tt_r22 a{ color:#c00; text-decoration:none; } #disqus_thread .tt_r22 a:hover{text-decoration:underline!important;} #disqus_thread .d_inline_block {display:inline-block!important;} /* --- /AJOUT pour Commentaire Disquss --- */ /* ajout pager v7 */ .btn01 {color: #005EA8;} .btn01, .btn13, .btn14, .btn13_on:hover, .btn14_on:hover { border:1px solid #a6b2c8; background:#e3e7ef;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#dde2e8)); background: -moz-linear-gradient(top, #fbfbfc, #dde2e8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfc,endColorstr=#dde2e8); /*for ie*/ -webkit-box-shadow:0px 1px 0 #eef1f5; -moz-box-shadow:0px 1px 0 #eef1f5; box-shadow:0px 1px 0 #eef1f5; } .margin_20t {margin-top: 20px !important;} .pager { background: #ECEFF3; font-size: 11px; line-height: 24px; margin: 0 6px 20px; padding: 1px 0; text-align: center; } .fl {float: left !important;} .fr {float: right !important;} .button.btn_pager { height: 17px;} .pager ul { display: inline; vertical-align: middle; } .pager li { display: inline-block; height: 24px; margin: 0 -1px; } .pager li span { color: #000000; font-weight: 700; } .pager li a, .pager li span, .pager li em { -moz-border-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CED4DD; height: 22px; line-height: 22px; min-width: 18px; padding: 0 2px; text-decoration: none; } .pager li a, .pager li span, .pager li em { display: inline-block; text-align: center; } .pager li a, .pager li span, .pager li em { -moz-border-radius: 3px 3px 3px 3px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CED4DD; height: 22px; line-height: 22px; min-width: 18px; padding: 0 2px; text-decoration: none; } .btn01.btn_pager > .prev { background-image:url(../../../skin_v7/core/img/sprite_picto.png); background-repeat:no-repeat; background-position: 0 -262px; } .button.btn_pager > .prev { margin: -4px -8px -4px -15px; padding: 4px 8px 4px 22px; } .button.btn_pager > span { position: relative; } .btn01.btn_pager > .next { background-image:url(../../../skin_v7/core/img/sprite_picto.png); background-repeat:no-repeat; background-position: 100% -337px; } .button.btn_pager > .next { margin: -4px -15px -4px -8px; padding: 4px 22px 4px 8px; } .button.btn_pager:hover{ color:#C00; background:#e3e7ef;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#dde2e8)); background: -moz-linear-gradient(top, #fbfbfc, #dde2e8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfc,endColorstr=#dde2e8); /*for ie*/ } .btn01.btn_pager:hover > .next { background-position: 100% -362px; } .btn01.btn_pager:hover > .prev{ background-position:0 -287px; } .button.btn_pager > .prev.disable, .button.btn_pager:hover > .prev.disable{ /* not for ie6 */ background-position:0 -237px; background-color:transparent !important; color:#a6b2c8; } .button.btn_pager > .next.disable, .button.btn_pager:hover > .next.disable{ /* not for ie6 */ background-position:100% -312px; background-color:transparent !important; color:#a6b2c8; } /* /ajout pager v7 */ /* --- $__Overlays --- */ .modal_overlay { position:absolute; width:100%; top:0; left:0; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: 0.6; z-index:10000; } /* --- /Overlays --- */ /* --- $__MODAL --- */ .modal{ background:#fff; color:#000; position:fixed; top:50%; left:50%; z-index:10001; } .modal-inner { padding:20px; } .modal .tt_r22 { display:block; margin:0 0 20px 0; } .modal .tt_14 { display:block; margin:0 0 15px 0; line-height:1.5; } .modal .close { cursor:pointer; float:right; margin: 20px 20px 0 10px; background-image: url(/skin_v7/core/img/sprite_core.png); background-position:-268px -261px; display:block; width:17px; height:17px; position:relative; z-index:1; } .modal .modal_bottom { border-top:1px solid #d6d6d4; padding:15px; margin:15px -18px -18px -18px; background:#efefee; } .modal_banner { background:#242424; /*padding:10px;*/ padding:10px 20px; margin:-20px -20px 20px -20px; color:#fff; font-size:22px; font-family:'robotolight',Arial; text-align:left; } /* --- MY AC - SOCIAL CRM --- */ .form_02 label { float:left; text-align:right; padding:0 15px 0 0; line-height:32px; vertical-align:middle; font-size:11px; width:80px; } .form_02 input[type=checkbox] + label { float:none; text-align:inherit; line-height:inherit; font-size:11px; width:80px; } .form_02 input[type=text], .form_02 input[type=password] { background-color:#fff; border:1px solid #91a1be; height:30px; line-height:32px; vertical-align:middle; padding:0 10px 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 10px 0px 0px 1px #e1e1e1; -moz-box-shadow: inset 0px 0px 0px 1px #e1e1e1; box-shadow: inset 0px 1px 1px 0px #e1e1e1; width:182px; } .form_02 input[type=checkbox] {vertical-align:middle;} .form_02 .form_item_r {margin-left:95px;} .user_deconnected .fb_connect_container {min-height:114px;overflow: hidden;} .user_deconnected .form_02 #logon_errors .validation-summary-errors { position:absolute; left:auto; right:-124px; top:0; display:table-cell; width:100px; height:58px; vertical-align:middle; } .user_deconnected .form_02 #logon_errors .validation-summary-errors ul { display:table; height:100%; } .user_deconnected .form_02 #logon_errors .validation-summary-errors ul li { display:table-cell; vertical-align:middle; } .form_02 #logon_errors .field-validation-error { left:auto; right:-124px; width:100px; } /* Titles V7 */ .tt_g26 { color:#a6b2c8; font-size:26px; font-family:Arial, Helvetica, sans-serif; } .tt_14 {font-size:14px;} .tt_r14b { color:#c00; font-size:14px; font-weight:700; } .tt_r16 { color:#c00; font-size:16px; } .tt_16 { font-size:16px; } .tt_16b { font-size:16px; font-weight:700; } .tt_aqua_16 { font-size:16px; color:#0098aa; font-weight:300; } .tt_r18 { color:#c00; font-size:18px; } .tt_18 { font-size:18px; } .tt_18 a:hover { text-decoration:underline!important; } .tt_20 { font-size:20px; } .tt_aqua20 { color:#2bcaff; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:1; } .tt_r22 { color:#c00; font-size:22px; font-family:Arial, Helvetica, sans-serif; /*line-height:1; à revoir avec un margin bottom pour avoir les même separateur avec les memes espace qu'il y ait un back top link ou pas*/ /*clear:both; pose pb sur la HP inter*/ line-height:1; } /* /Titles V7 */ /* --- Helpers V7 --- */ .clearfix:after { content:""; display:block; height:0; clear:both; overflow:hidden; } /* pour mettre un séparateur au milieu d'une boîte, qui prend toute la hauteur sans connaître les dimensions */ .half_sep_h {position:relative;} .half_sep_h:before { content:""; display:block; position:absolute; top:0; bottom:0; left:50%; background:#efefee; width:2px; } .half_sep_h {position:relative;} .half_sep_h:before { content:""; display:block; position:absolute; top:0; bottom:0; left:50%; background:#efefee; width:2px; } .margin_60r {margin-right: 60px !important;} .acy {color:#fc0!important;} /* --- /Helpers V7 --- */ /* --- Misc V7 --- */ .g_w300 {width: 300px;} .form_line { margin: 0 0 10px; overflow: hidden; } .check_list li, .picto_checked { background-image: url(/skin_v7/core/img/sprite_picto.png); background-repeat:no-repeat; background-position: 0 -2123px; padding: 0 0 0 25px; } /* --- /Misc V7 --- */ /* item Versus */ .vs { display:block; width:37px; height:37px; position:absolute; top:50%; left:50%; margin-left:-18px; margin-top:-18px; background-image: url(/skin_v7/core/img/sprite_core.png); background-repeat:no-repeat; background-position:-16px -209px; text-align:center; line-height:37px; color:#d6d6d4; font-size:13px; font-weight:700; z-index:2; } /* /item Versus */ /* --- /MY AC - SOCIAL CRM --- */ .user_deconnected .check_list li, .user_deconnected .picto_checked { font-size:11px; } .user_deconnected .check_list li {line-height:2;} /* --- Base error --- */ .field-validation-error:before, .validation-summary-errors:before { display:block; content: ""; position: absolute; left:-8px; top: 50%; width: 8px; height: 15px; margin-top:-8px; background-image: url(/skin_v7/core/img/sprite_core.png); background-repeat: no-repeat; background-position: -183px -178px; } .field-validation-valid {display: none;} .field-validation-error, .validation-summary-errors { font-family:Tahoma,Lucida,Arial,sans-serif; font-size:11px; background:#b33333; color:#fff; padding:8px; display:block; position:absolute; z-index:10; } /* --- /Base error --- */ /* --- Buttons V7 --- */ .btnL { font-size: 12px; padding: 8px !important; text-shadow: 0 1px 0 #FFFFFF; } .btn_fb, .btn_gg { color:#fff!important; border:1px solid; padding:8px 8px 8px 10px !important; } .btn_fb { text-shadow: 0px 1px 0px #2a4b96; filter: dropshadow(color=#2a4b96, offx=0, offy=1); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #a7bee2; border-color:#587dbe #546fa5 #2b467f #546fa5; background:#4F75C1;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#5e89ca), to(#4264ba)); background: -moz-linear-gradient(top, #5e89ca, #4264ba); background: -o-linear-gradient(top, #5e89ca 0%,#4264ba 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5e89ca 0%,#4264ba 100%); /* IE10+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5e89ca,endColorstr=#4264ba); /*for ie*/ } .btn_gg { text-shadow: 0px 1px 0px #d54735; filter: dropshadow(color=#d54735, offx=0, offy=1); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 1px 0px #ffa99e; border-color:#d54735 #c83f2e #bb3626 #c83f2e; background:#4F75C1;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#d54735), to(#bb3626)); background: -moz-linear-gradient(top, #d54735, #bb3626); background: -o-linear-gradient(top, #d54735 0%,#bb3626 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d54735 0%,#bb3626 100%); /* IE10+ */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d54735,endColorstr=#bb3626); /*for ie*/ } .button.btn_fb:hover, .button.btn_gg:hover {color:#fff;} .btn_fb span, .btn_gg span { margin: -8px 0 -8px 0px; padding:8px 0 8px 32px; background-position:left -3203px; position:relative; } .btn_fb span:before, .btn_gg span:before { position:absolute; display:block; content:''; width:21px; height:21px; top:7px; left:-2px; background-image:url(../../skin_v7/core/img/picto_social.png); background-repeat:no-repeat; /*background-color:green;*/ } .btn_fb span:before {background-position:-273px -224px;} .btn_gg span:before {background-position:-274px -287px;} .btn_fb span:after, .btn_gg span:after { position:absolute; display:block; content:''; width:1px; height:30px; top:2px; left:23px; } .btn_fb span:after {background:#27427b;} .btn_gg span:after {background:#993123;} .secure .box_09 .btn_fb, .secure .box_09 .btn_gg, .modal-inner .btn_fb, .modal-inner .btn_gg { width:199px; font-size:11px; } .button, .btn-rounded, .btn-link { cursor: pointer; font-family: Tahoma, Geneva, sans-serif; margin: 0; display: inline-block; line-height: 17px; padding: 4px 8px; outline: none; vertical-align: middle; font-size: 11px; font-weight: 700; text-decoration: none!important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; position: relative; z-index: 1; } /* --- Nouveaux Btn Facebook et Gplus --- */ .btn-fb .icon-fb, .btn-fb .icon-gplus { font-style: normal; display: inline-block; vertical-align: middle; } .btn-fb{ color:#FFF!important; background:#4263a9;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#4263a9), to(#3e5d9f)); background: -moz-linear-gradient(top, #4263a9, #3e5d9f); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b60af,endColorstr=#3b60af); /*for ie*/ } .btn-fb:hover{ color:#FFF; background:#587ac4; } .btn-fb.btn-on, .btn-fb.btn-active{ background:#587ac4; } .btn-fb.btn-active{cursor:default;color:#fff;} .icon-fb{ background-image:url(../../skin_v7/core/img/picto_social.png); background-position:-194px -145px; width:30px; margin-left: -4px; } .btn-fb .icon-fb{ background-image:url(../../skin_v7/core/img/picto_social.png); background-position:-194px -145px; width:29px; margin-left: -4px; position:relative; } .btn-fb .icon-fb:before, .btn-gplus .icon-gplus:before{ display:block; content:''; position:absolute; width:1px; height:33px; top:0; right:-2px; } .btn-fb .icon-fb:before{background:#27427b;} .btn-fb.btn-small .icon-fb{ height: 23px; margin-top: -3px; } .btn-fb.btn-large .icon-fb{ height: 33px; /*margin: -8px 4px -8px -4px;*/ margin: -8px 10px -8px -12px; background-position:-194px -141px; float:none; } .btn-fb.btn-large .icon-fb + span { display:inline-block; } /* /BTN FACEBOOK */ /* BTN GPLUS */ .btn-gplus{ color:#FFF; background:#d54735;/*for opera*/ background: -webkit-gradient(linear, left top, left bottom, from(#d54735), to(#bb3626)); background: -moz-linear-gradient(top, #d54735, #bb3626); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b60af,endColorstr=#3b60af); /*for ie*/ } .btn-gplus:hover{ color:#FFF; background:#e45d4a;/*for opera*/ } .btn-gplus.btn-on, .btn-gplus.btn-active{ background:#e45d4a;/*for opera*/ } .btn-gplus.btn-active{cursor:default;color:#fff;} .btn-gplus .icon-gplus{ background-image:url(../../skin_v7/core/img/picto_social.png); width:29px; margin-left: -4px; position:relative; } .btn-gplus .icon-gplus:before{background:#993123;} .btn-gplus.btn-large .icon-gplus{ height: 33px; margin: -8px 10px -8px -12px; background-position:-270px -281px; float:none; } .btn-gplus.btn-large .icon-gplus + span { display:inline-block; } /* /BTN GPLUS */ .btn-large { padding: 7px; font-size: 12px; } .btn-fb.btn-large, .btn-gplus.btn-large {padding:8px 15px;} /* --- /Nouveaux Btn Facebook et Gplus --- */ /* --- /Buttons V7 --- */ .modal-inner a {text-decoration:underline;} /* --- New spinner --- */ .spinner { display:inline-block; text-align:center; color: #47A247; line-height:26px; } .spinner img { vertical-align:middle; } .spinner img + span { margin:0 10px; } /* --- /New spinner --- */ /* --- CANALPLAY --- */ .poster_list:after { display:table; content:''; clear:both; overflow:hidden; height:0; } .poster_list li { float:left; width:95px; } .poster_list li:first-child { margin-left:0; } .poster_list li > img { display:block; margin:0 10px 5px 10px; } .poster_list .poster_2 { width:75px; height:90px; position:relative; margin:0 0 5px 0; } .poster_list .poster_ovl { display:table; display:none; position:absolute; top:0; left:0; width:75px; height:90px; color:#fff; background: rgba(0, 0, 0, 0.8); } .poster_list li:hover .poster_ovl { display:table; } .poster_list a.poster_ovl {text-decoration:none;} .poster_list .poster_ovl_inner { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:#fff; } #home .boxpartner .more_link_list ul {display:inline;} /* 300*600 NIP */ .nipnadszone.adbanner600active .hnadszone #ad_54_1_placeholder{margin-bottom:10px;} .adbanner600active .homenip .hncontent, .adbanner600active .homenip .hncontent .hnipcontentcontainer, .adbanner600active .homenip .hncontent .hnipcontentconstraint, .adbanner600active .homenip .hncontent .hnipcontentconstraint .hnipctt_m1{ width: 640px; height: 330px; margin:0; } .adbanner600active .homenip .hncontent .hnipcontentconstraint .hnipctt_m1 .hnipimg{width:100%;} .adbanner600active .homenip .hncontent .hnnavbar{ position:absolute; top:10px; right:10px; height:22px; padding:9px 12px; font-size:11px; color:#fff; -webkit-border-radius: 4px; border-radius: 4px; background:#000; background:rgba(0,0,0,.85); } .nipnadszone.adbanner600active .homenip .hnnavbar div{ float:left; margin:0 2px; height:23px; line-height:23px; } .nipnadszone.adbanner600active .homenip .hnnavbar [class*='nav'] img{ width: 13px; height:23px; background-image:url(img/acsprite.png); opacity:0.8; } .nipnadszone.adbanner600active .homenip .hnnavbar [class*='nav'] img:hover{opacity:1;} .nipnadszone.adbanner600active .homenip .hnnavbar .navbtnprevon, .nipnadszone.adbanner600active .homenip .hnnavbar .navprevbtn a img, .nipnadszone.adbanner600active .homenip .hnnavbar .navprevbtn em img, .nipnadszone.adbanner600active .homenip .hnnavbar .navbtnprevon:hover, .nipnadszone.adbanner600active .homenip .hnnavbar .navprevbtn a img:hover, .nipnadszone.adbanner600active .homenip .hnnavbar .navprevbtn em img:hover { background-position: -221px -862px; cursor: pointer; } .nipnadszone.adbanner600active .homenip .hnnavbar .navbtnnextoff, .nipnadszone.adbanner600active .homenip .hnnavbar .navnextbtn a img, .nipnadszone.adbanner600active .homenip .hnnavbar .navnextbtn em img, .nipnadszone.adbanner600active .homenip .hnnavbar .navbtnnextoff:hover, .nipnadszone.adbanner600active .homenip .hnnavbar .navnextbtn a img:hover, .nipnadszone.adbanner600active .homenip .hnnavbar .navnextbtn em img:hover{ background-position: -238px -862px; } .colgeneral .boxTrailer .titlebar{margin:0 0 17px 10px;padding:5px 0 0 0;} .colgeneral .boxTrailer .titlebar h2{font-size:22px;} .colgeneral .boxTrailer .unit > .rubric{margin-right:0;} .lyhomesite .boxTrailer .listofvideosthumbnailsview .datablock{ margin-top:0 !important; margin-right:6px; } .lyhomesite .boxTrailer .listofvideosthumbnailsview .datablock .contenzone .link{line-height:16px;} .lyhomesite .boxTrailer .listofvideosthumbnailsview .datablock .contenzone .titlebar{margin:3px 0 7px;} .colgeneral .boxTrailer .titlebar .navbar {display: none;} .adbanner600 .colgeneral .boxTrailer{width:640px;} .adbanner600 .colgeneral .boxTrailer .listofvideosthumbnailsview{width:960px;position:relative;height:170px;overflow:hidden;} .adbanner600 .colgeneral .boxTrailer .unit > .rubric {margin-right:10px;} .adbanner600 .colgeneral .boxTrailer .titlebar .navbar{margin:5px 10px 0 0; display: block;} /*300*600 placement*/ .adbanner600 #ad_54_1_placeholder{ position:relative; width:300px; height:250px;} .adbanner600 #ad_54_1{position:absolute;top:0;left:0;z-index:2;} /* /300*600 NIP */ /* ----------------------*/ /* --- BLOC VIDEO HP ---*/ /* ----------------------*/ .pos_rel {position: relative!important;} /* helper */ .vmargin15b {margin-bottom:15px!important;} .videobloc .titlebar {margin-left:0;margin-right:0;} .videobloc .titlebar h2 { color:#515151;} .videobloc .boxcolora > .boxbasicctt > .boxbasichdr { background-image: none; background-color: #333; } .lyhomesite .videobloc .boxcolora .boxbasichdr h2 { color:#fff; text-shadow:none; position:relative; top:-3px; } /* BTN SIZE */ .videobloc .btn-small{padding:2px 14px;} .videobloc .btn-medium{padding:4px 14px;} .videobloc .btn-large{padding:7px 14px;} /* /BTN SIZE */ /* BOUTONS V7.1 surcharge pour V6 */ .button_v8 { cursor: pointer; font-family: Tahoma, Geneva, sans-serif; margin: 0; display: inline-block; line-height: 17px; padding: 4px 14px; outline: none; vertical-align: middle; font-size: 11px; font-weight: 300; text-decoration: none!important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; position: relative; z-index: 1; } .button_v8.btn-large { padding: 7px 14px; font-size: 12px; } .button_v8.btn-primary, .button_v8.btn-primary:hover { color: #fff; border: none; background: #1d1d1d; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } [class*="icon-"] { height: 16px; width: 18px; font-style: normal; display: inline-block; vertical-align: middle; } .button_v8 [class*="icon-"] { margin: -4px 12px -4px 0; } .icon-sign-plus { background-image: url(/skin_v7/core/img/pfvideo_sprite.png); width: 10px; height: 10px; float: none; margin-top: -6px; } #contentlayout .btn-primary .icon-sign-plus { background-position: 0 -93px; } /* ----------- */ /* media-meta */ .media-meta.small { width:195px; } .media-meta .thumbs img { width: 100% !important; height: auto !important; } .videobloc .media-meta .titlebar {margin:0;} .videobloc .media-meta .media-meta-figcaption .category-view > span, .videobloc .media-meta .media-meta-figcaption .category-view > a { color:#7f94b0; text-decoration:none; font-weight: 700; font-size: 11px; } .media-meta.sidecontent { width: auto; padding: 0; } .media-meta.sidecontent .media-meta-fig .thumbs { float: left; background: none; margin-right: 15px; } .videobloc .media-meta.sidecontent .media-meta-fig .thumbs {margin-right:10px;} .media-meta.sidecontent.xsmall .media-meta-fig .thumbs { width: 120px; margin-right: 10px; } /*.media-meta.small .media-meta-fig .thumbs {width: 195px;}*/ .time-watchPlaylist { background: #242424; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 3px; } .media-meta .time-watchPlaylist { position: absolute; bottom: 4px; right: 5px; background: #2a2a2a; background: rgba(42,42,42,0.8); color: #fff; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 4px; } .time-watchPlaylist [class*='icon-'] { background-image: url(/skin_v7/core/img/picto_social.png); opacity: 0.6; filter: alpha(opacity=60); } .media-meta .time-watchPlaylist .time, .media-meta .time-watchPlaylist .watchPlaylist { font-size: 11px; font-weight: 700; } .time-watchPlaylist .icon-timer { background-position: -238px -150px; width:12px; height:12px; position:relative; top:-1px; } .media-meta.sidecontent .media-meta-figcaption {overflow: hidden;} .media-meta.sidecontent .titlebar {margin:0 0 5px 0;} .media-meta.sidecontent .title {font-size: 12px;} .media-meta.sidecontent .category-view {font-size:11px;} .ribbon {background-image: url(/skin_v7/core/img/pfvideo_sprite.png);} .media-meta .ribbon { position: absolute; background-repeat: no-repeat; top: 15px; left: -4px; height: 90px; width: 64px; } .media-meta .ribbon { top: 0; left: -14px; } .media-meta .ribbon.exclusive {background-position: -171px 0;} .media-meta.sidecontent.xsmall.ac_programm .thumbs a img{margin-top:-45px;} /* /media-meta */ .sep_thick { height: 5px; background: #e8e8e8; border-top: 1px solid #dedede; border-bottom: 1px solid #f4f4f4; } .ac_programm.media-meta.sidecontent.xsmall .thumbs a{ height:69px; overflow:hidden; display:block; } #home .media-meta.sidecontent.xsmall .ribbon{display:none;} /* ----------------------*/ /* --- /BLOC VIDEO HP ---*/ /* ----------------------*/ /* --- Add V7 img_side_content --- */ .img_side_content { display:table; vertical-align:top; } .img_side_content > a, .img_side_content > img, .img_side_content > .jmy { margin:0 10px 0 0; display:block; } .img_side_content .content { display:table-cell; width:100%; vertical-align:top; } .img_side_content .content strong a { text-decoration:none; } .list_img_side_content li { border-top:1px solid #D6d6d4; padding:20px 0; margin:0; } .list_img_side_content li:first-child { border-top:none; padding-top:0; } .list_img_side_content li strong a { text-decoration:none; } /* --- /Add V7 img_side_content --- */ /*megabanner my friends*/ .bg_black { background: #000!important; } .modal.myfriends { background: #fff url(http://fr.web.img1.acsta.net/commons/webui/FR/secure_account/bg_tooltip_friends_FR.jpg) no-repeat 314px bottom; min-height: 240px; position: absolute; margin: 19px 0 0 -200px!important; } .modal.myfriends:before { position: absolute; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; top: -10px; right: 57px; } .modal.myfriends .my_account_nav { position: absolute; width: 164px; top: -56px; right: -12px; border-top: none; border-bottom: none; height: 32px; } .g_w640 { width: 640px; } .social_color { color: #0098aa!important; } .ffa { font-family: Arial, Helvetica, sans-serif !important; } .fs30 { font-size: 30px!important; } .fs16 { font-size: 16px!important; } .margin_10b { margin-bottom: 10px!important; } .margin_40b { margin-bottom: 40px!important; } .myfriends .btn_fb, .myfriends .btn_gg { width: auto; } .myfriends .button.btn_fb{text-decoration:none;} .myfriends .fs16{width:390px;} .my_account_nav { border-top: none; border-bottom: none; height: 32px; } .my_account_nav { margin-left: -1px; border: 1px solid #d7a600; border-top-color: transparent; background: #ffe562; background: -webkit-gradient(linear, left top, left bottom, from(#ffdb00), to(#ffc700)); background: -moz-linear-gradient(top, #ffdb00, #ffc700); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdb00,endColorstr=#ffc700); } .my_account_btn { height: 31px; line-height: 32px; font-size: 14px; font-weight: 700; color: #000; cursor: pointer; } .my_account_nav .my_account_btn, .my_account_nav .my_account_btn .arrow a { cursor: default; } #header #connect_member .my_account_btn, .my_account_nav .my_account_btn { border-top: 1px solid #ffee88; border-bottom: 1px solid #ca9a00; text-shadow: 0 1px 1px #fff; } .my_account_btn .arrow { background-image: url(/skin_v7/local/fr/img/sprite_local_7.1.png); background-repeat:no-repeat; padding: 0 0 0 25px; background-position: 127px -67px; } .my_account_btn .arrow a, .my_account_btn .arrow span { color: #000; text-decoration: none; } .mega_noscroll{ overflow:hidden; height:100%; } /*/megabanner my friends*/ /*search engine autocomplete*/ .acresults {border: 1px solid #e2e1dd;background-color: #fff;display: none;position: absolute;z-index: 1000;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden;-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.30);box-shadow: 0 2px 2px 0 rgba(0,0,0,.30);}.acresults.silent {display: none !important;}.acresults ul li {border-bottom: 1px solid #d6d6d4;}.acresults ul li em {background-color: #FFB;}.acresults ul li.ad {position: relative;overflow: hidden;}.acresults ul li.ad:before {position: absolute;top: 12px;right: -78px;content: attr(data-sponso);display: block;color: #fff;background: #bababa;width: 200px;height: 20px;line-height: 20px;text-align: center;-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Safari and Chrome */transform: rotate(45deg);font-size:11px;letter-spacing:0.25px;}.acresults ul li:last-child {border-bottom-width: 0;}.acresults ul li.submit{padding:6px;}.acresults ul li.submit.current,.acresults ul li.submit.current a {background-color: #fff;}.acresults ul li.submit a,.acresults ul li.submit.current a{ color:#005ea8; padding:0 0 0 10px; }.acresults ul li.submit.current a:hover{ color:#c00 !important;}.acresults ul li.submit .link_arrow_r {background-position: 0 -747px;}.acresults ul li a {cursor: pointer;}.acresults ul li a span.title {font-size: 12px;}.acresults ul li a span {display: block;}.acresults ul li a span.text {padding-left: 50px;}.acresults ul li a span.title {color: #000;font-size: 16px;}.acresults ul li a {display: block;text-decoration: none;vertical-align: top;padding: 6px;color: #000;overflow: hidden;height: 1%;}.acresults ul li a:hover {color: #000 !important;}.acresults ul li a img {width: 40px;float: left;margin-right: 4px;display: block;padding: 2px;background: #fff;border: 1px solid #f1f1f1;}.acresults ul li.current a {background-color: #f1f1f1;} /*/search engine autocomplete*/ /* FOOTER */ #footerPlayer{ background: #efefef;padding: 20px 19px 40px;border: solid #D6D6D4;border-width: 0 1px;border-top:4px solid #d6d6d4;}#footerPlayer .titlebar{ font-size: 22px;margin:0 0 20px 0;}#footerPlayer .titlebar .title{display:block;text-align:center;font-weight:700;}#footerPlayer .footerPlayer-inner{ width:68.0851%;margin:auto;position:relative;padding-top:39.5745%;/*((390px-18px) *100 ) / 940px */ }#footerPlayer iframe{ position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important;}#footerPlayer a{display:block;text-align:center;margin:-20px 0 20px 0;}#footer{ color: #888;background: #000;border-top:4px solid #fc0;padding:20px;overflow:hidden;}#footer a{ color: #888;text-decoration:none;line-height:20px;}#footer a:hover{ color:#fff;text-decoration:underline;}#footer .fs14{ color: #fff;}#footer sup{ margin-left:5px;}#footer .acy{display: block;}#footer .footer-logo .aclogo ~ div{display:none;}#footer .footer-logo{text-align:right;margin-top:20px;float:right;}#footer .footer-logo .aclogo{ position:relative;}#footer .footer-inner{ float:left;}#footer .footer-logo{ margin:0;}#footer .acy{display: inline;}#footer .footer-logo .aclogo ~ div{display:block;}#footer .aklogofooter { width:63px;height:27px;background-position:-125px -108px;background-image: url(../../skin_v7/core/img/sprite_core.png);background-repeat: no-repeat;}#footer .aclogofooter{ background-image:url(../../skin_v7/local/FR/img/sprite_local_7.1.png);background-repeat: no-repeat;}/* FOOTER - LOCAL*/ #footer .aclogofooter { width: 180px;height: 50px;background-position: -19px -8px;}/* /FOOTER - LOCAL*/ /* /FOOTER */ /*GROWL*/ .growl {z-index: 1000;position: fixed;bottom: 0;right: 0;width: 300px;}.growl .notification { -moz-box-shadow: 2px 0px 20px #666;-webkit-box-shadow: 2px 0px 20px #666;box-shadow: 2px 0px 20px #666;background: #fff;border-top: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;padding: 15px;margin : 10px;-moz-box-shadow: 0px 0px 7px #aaa;-webkit-box-shadow: 0px 0px 7px #aaa;box-shadow: 0px 0px 7px #aaa;position : relative;width : 250px;}.growl .titlebar{margin:0 10px 10px 0;}.growl .titlebar .title{font-size: 18px;}.growl .notification .close{position:absolute;top:10px;right:10px;font-size: 14px;font-family: arial, sans-serif;cursor:pointer;} /*/GROWL*/ /*BACKTOTOP*/ #back-top{position:fixed;bottom: 10px;left:50%;margin-left:520px;width:46px;height:44px;border-radius: 2px;background: #8c8d8e;background: rgba(140, 141, 142, 0.4);} #back-top a{display: block;text-indent:100%;overflow:hidden;white-space:nowrap;height:100%;} #back-top a:before{position:absolute;top:13px;left:5px;content:'';display: block;height: 14px;width: 35px;margin:auto;background-position:-11px -225px;} /*/BACKTOTOP*/ /*ALERT*/ .icon-error {background:none;} .icon-warning {background:#ebb566;} .icon-success {background:#a3d77f;} .icon-info {background:#b7c2d5;} .icon-default {background:#c5c6c6;} [class*="alert-"] [class*="icon-"]:before { display:block; content:''; width:26px; height:26px; background-image:url(img/sprite_alert.png); background-repeat:no-repeat; position:absolute; z-index:0; } [class*="alert-"] .icon-error:before {background-position:0 0;top:2px;} [class*="alert-"] .icon-warning:before {background-position:-28px 0;} [class*="alert-"] .icon-success:before {background-position:-56px 0;} [class*="alert-"] .icon-info:before {background-position:-84px 0;} [class*="alert-"] .icon-default:before {background-position:-112px 0;} [class*="alert-"] [class*="icon-"]:after { display:block; content:''; width: 0; height: 0; border-style: solid; border-width: 6px 3px 0 3px; position:absolute; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); margin:-1px 0 0 0; bottom:-5px; z-index:-1; } [class*="alert-"] [class*="icon-error"]:after { border-color: transparent transparent #ed948e transparent; border-width: 0 16px 30px 16px; bottom:-2px; } .icon-warning:after {border-color: #ebb566 transparent transparent transparent;} .icon-success:after {border-color: #a3d77f transparent transparent transparent;} .icon-info:after {border-color: #b7c2d5 transparent transparent transparent;} .icon-default:after {border-color: #c5c6c6 transparent transparent transparent;} .alert{ font-size:13px; line-height:20px; position:relative; } /*Alert close cross*/ .alert .close{ display:block; width:18px; height:18px; position: relative; float: right; padding:0; margin:0; opacity: 0.7; filter: alpha(opacity=70); } .alert .close:hover{ opacity: 1; filter: alpha(opacity=100); } .alert .close:before, .alert .close:after { display:block; content:''; width:2px; height:21px; position:absolute; top:-1px; left:8px; } .alert .close:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .alert .close:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .alert.alert-danger .close:before, .alert.alert-danger .close:after {background:#dc1034;} .alert.alert-warning .close:before, .alert.alert-warning .close:after {background:#d97600;} .alert.alert-success .close:before, .alert.alert-success .close:after {background:#5a8e22;} .alert.alert-info .close:before, .alert.alert-info .close:after {background:#5f738e;} .alert.alert-default .close:before, .alert.alert-default .close:after {background:#888888;} .alert.alert-wrap{ background-color: #f1f1f1; border-color: #ccc; padding:15px 20px 15px 20px; margin-bottom: 20px; } #contentlayout > .alert.alert-wrap { margin: 5px 0 20px; } header + #contentlayout > .alert.alert-wrap { margin: 0 0 20px; } /*Alert danger panel*/ .alert-error, .alert-error a{color: #dc1034;} .alert-warning, .alert-warning a{color: #d97600;} .alert-success, .alert-success a{color: #5a8e22;} .alert-info, .alert-info a{color: #5f738e;} .alert-default, .alert-default a{color: #888888;} .alert-error.alert-wrap{background-color: #f8d4d2;} .alert-warning.alert-wrap{background-color: #fff5cc;} .alert-success.alert-wrap{background-color: #e0f2d4;} .alert-info.alert-wrap{background-color: #dee3eb;} .alert-default.alert-wrap{background-color: #e8e7e4;} [class*="alert-"] [class*="icon-"]{ display:block; width:26px; height:26px; position:absolute; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-border-radius: 50%; border-radius: 50%; } [class*="alert-"] [class*="icon-"] + div { padding:0 0 0 36px; } .icon-error { background-position:0px -3060px; } .icon-warning { background-position:0px -3081px; } .alert.info-cookie{ position:fixed; z-index:1000; bottom:0; left:0; right:0; width:980px; margin:0 auto; box-sizing:border-box; font-size:11px; } /*/ALERT*/ .label_type { font-family:Arial, Helvetica, sans-serif; font-size:10px; background: #bababa; color: #fff; height:16px; line-height:16px; padding:0 4px; display:inline-block; word-wrap: normal; -webkit-border-radius: 2px; border-radius: 2px; position:relative; vertical-align:middle; } .label_type.label_danger { background: #e70033; } .upperC { text-transform: uppercase !important; } /* --- modale billetterie --- */ .modal.modal_billetterie { background:#f0f0f0; overflow:hidden; } .modal.modal_billetterie .close { background:none; position:relative; width: 10px; height: 10px; margin: 10px 10px 10px 10px; padding:10px; } .modal.modal_billetterie .close:after { position:absolute; top:10px; left:10px; display:block; content:''; overflow:hidden; background:transparent url(http://images.allocine.fr/commons/webui/shared/overlay/close_modal_billetterie.png) no-repeat 0 0; width: 10px; height: 10px; } .modal.modal_billetterie .modal-inner { background:transparent url(http://images.allocine.fr/commons/webui/shared/overlay/bg_modal_billetterie.png) no-repeat 0 0; padding:20px 20px 20px 90px; width:340px; height:154px; } /* --- /modale billetterie --- */ .label_type.label_danger { background: #e70033; } .upperC { text-transform: uppercase !important; } .modal.modal_billetterie { background: #f0f0f0; overflow: hidden; } .modal.modal_billetterie .modal-inner { background: transparent url(http://images.allocine.fr/commons/webui/shared/overlay/bg_modal_billetterie.png) no-repeat 0 0; padding: 20px 20px 20px 90px; width: 340px; height: 154px; } .btn-primary { color: #000; border: 1px solid #ffcd03; border-top-color: #ffcb00; border-bottom-color: #ffa200; background: #ffe300; background: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#ffda00)); background: -moz-linear-gradient(top, #ffe400, #ffda00); -webkit-box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #ffe933 inset; -moz-box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #ffe933 inset; box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #ffe933 inset; } .btn-primary:hover { color: #000; border: 1px solid #ffce03; border-top-color: #ffcb00; border-bottom-color: #ffa200; background: #fff400; background: -webkit-gradient(linear, left top, left bottom, from(#fff500), to(#fff100)); background: -moz-linear-gradient(top, #fff500, #fff100); -webkit-box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #fff733 inset; -moz-box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #fff733 inset; box-shadow: 0px -1px 0 #ffcb00 inset, 0px 1px 0 #fff733 inset; } .btn-default:hover { color: #000!important; } /* BTN DISABLED */ /* Must be always the last color */ .btn-disabled, .btn-disabled:hover{ cursor:default; color:#c0c8d6 !important; border:1px solid #d9dee6; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none; } .btn-disabled [class*="icon-"]{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -moz-opacity: 0.3; opacity: 0.3; } /* /BTN DISABLED */ .margin_20b { margin-bottom: 20px!important; } .align_r { text-align: right!important; } /* diff dev_local.css we love cinema */ #header #nav ul li strong { font-size:13px; } #header #nav ul li strong{ padding:0 12px; } #header #nav .item_4 a span strong{ background:none; padding-left:19px; } #header #nav .item_4.active a span strong{ background:none; } /* --- BTN BNP WE LOVE CINEMA --- */ .btn-bnp{ border:none; color:#fff; background:#00c786;/*for opera*/ } .btn-bnp:hover{ border:none; color:#fff; background:#3dcc9c;/*for opera*/ -webkit-box-shadow: inset 0 -2px 0 0 #00bd7e; box-shadow: inset 0 -2px 0 0 #00bd7e; } .btn-bnp:active, .btn-bnp.btn-active, .btn-bnp.btn-active:hover{ border:none; background:#4f5153; color:#939494; cursor:pointer; } .btn-primary:active [class*="icon-"]{opacity:.5;} /* --- /BTN BNP WE LOVE CINEMA --- */ /* --- Opé BNP WE LOVE CINEMA --- */ .bnp_txt span { color:#bababa; font-size:11px; } .bnp_txt strong { color:#03c586; } /* --- /Opé BNP WE LOVE CINEMA --- */ /*Table component*/ .table{width: 100%;} /*a voir comment sont spécifier les autres tableaux*/ .table a{text-decoration:none} .table thead tr th > div{ display:block; padding:5px 10px; } .table th{padding:0;} .table td {padding:5px 10px;border:0;} .table p{font-size:11px;} .table th{background:#dededd;vertical-align:middle; font-weight:bold;text-align:left;} /*voir s'il faut centre ou pas le th*/ .table-bordered, .cell-bordered td{border:1px solid #ccc} .table-v-bordered {border:1px solid #ccc;border-left:0;border-right:0;} .line-bordered td{ border:1px solid #ccc; border-width:1px 0; } .cell-bordered td{border-bottom:none;} .thead-slim thead th > div, .table-slim td{padding:0 10px} .thead-standard th > div, .table-standard td{padding:5px 10px} .thead-large th > div, .table-large td{padding:10px 10px} table.table tbody th {background:none;} .thead-large thead th > div{padding:10px} .table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th, .table thead tr:hover td {background-color: #efefee;} .table-striped_2 tbody tr:nth-child(2n+1) td, .table-striped_2 tbody tr:nth-child(2n+1) th{background-color: #efefee;} /* .table tr:hover td > a {color:#dc1034;} */ .table tr:hover td, .table-striped tbody tr:nth-child(2n):hover td{background:#f7f7f6} /* option pour avoir une table dont les TR ne changent pas de couleur au hover */ .table.table-nohover tr:hover td{background:none;} .table tr:hover td {color:#000} .table thead tr:hover td{background:#efefee} .table-striped_2 tbody tr:nth-child(2n):hover td{background:none;} .table td .stareval {margin:0;} /*/Table component*/ .g_w50pc {width:50%;} .clearfix:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; } .padding_10l { padding-left: 10px!important; } .tooltipHours { background:#fff; padding:20px; position:absolute; z-index:1; display:inline-block; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.25); box-shadow: 0 0 40px 0 rgba(0,0,0,0.25); color:#000; } .tooltipHours:before, .tooltipHours:after { display:block; content:''; width: 0; height: 0; border-style: solid; border-width: 0 10px 14px 10px; position:absolute; right:30px; } .tooltipHours:before { border-color: transparent transparent #d6d6d4 transparent; top:-15px; z-index:2; } .tooltipHours:after { border-color: transparent transparent #fff transparent; top:-14px; z-index:3; } .bg_grey {background:#efefef!important;} .margin_5t {margin-top:5px!important;} .margin_5r {margin-right:5px!important;} .margin_10r {margin-right:10px!important;} .fs14{font-size:14px !important;} .padding_20 {padding:20px!important;} .oflow_h {overflow:hidden!important;} .child_vam > * {vertical-align:middle!important;} .padding_10v {padding-bottom:10px!important;padding-top:10px!important} /* ---------------------------------- */ /* --- HEADER 2015 --- */ /* ---------------------------------- */ /*V6*/ .ac_page { width: 1024px; } .ac_page .main-header{ font-size: 16px; line-height: 1em; } /*/V6*/ .main-header, .main-header *, .main-footer, .main-footer *{ box-sizing: border-box; font-family: Arial,Sans-Serif; } .text-center { text-align: center; } .row-col-padded-10 { margin-right: -10px; margin-left: -10px; } .row-col-padded-10>[class*=col-] { padding: 0 10px; } .row [class*=col-]{ min-height: 1px; float: left; } .row .col-xs-12 { width: 100%; } .row .col-xs-6 { width: 50%; } .row .col-sm-3 { width: 25%; } .row .col-sm-6 { width: 50%; } .row .col-md-4 { width: 33.33333%; } .row .col-md-6 { width: 50%; } .main-header a, .main-header a:hover { text-decoration: none; } .main-header .header-search-submit, .myaccount--sign .button--social{ color: #f0f0f0; background: #2b2b2b; margin: -2px 0 0 -4px; height: 33px; position: relative; display: inline-block; padding: 10px 14px; line-height: 16px; font-size: 14px; font-weight: 700; border-radius: 0 2px 2px 0; border: none; text-decoration: none; cursor: pointer; outline: 0; vertical-align: middle; -webkit-transition: background 150ms ease-in-out; transition: background 150ms ease-in-out; } .site_de #main-header .header-search-submit, .site_tr #main-header .header-search-submit, .site_br #main-header .header-search-submit { color: #000; border-color: #cca300; background-color: #fc0; } .main-header .header-search-submit{ /*/display: none;*/ } .main-header .header-search-submit:hover{ color: #fff; background: #1b1b1b; text-decoration: none; } .myaccount--sign .button--social{ margin: 0; background: #0098aa; text-transform: uppercase; } .site_fr .main-header .button--form, .site_fr .main-header .header-search-submit, .button--primary, .login-button-allocine, .site_es .main-header .button--form, .site_es .main-header .header-search-submit { color: #f0f0f0; background: #2b2b2b } .site_fr .main-header .button--form:active, .site_fr .main-header .button--form:hover:not([disabled]), .site_fr .main-header .header-search-submit:active, .site_fr .main-header .header-search-submit:hover:not([disabled]), .button--primary:active, .button--primary:hover:not([disabled]), .login-button-allocine:active, .login-button-allocine:hover:not([disabled]), .site_es .main-header .button--form:active, .site_es .main-header .button--form:hover:not([disabled]), .site_es .main-header .header-search-submit:active, .site_es .main-header .header-search-submit:hover:not([disabled]) { color: #fff; background: #1b1b1b; text-decoration: none } .site_fr .main-header .button--disabled.button--form:hover, .site_fr .main-header .button--disabled.header-search-submit:hover, .button--disabled.login-button-allocine:hover, .button--primary.button--disabled:hover, .site_es .main-header .button--disabled.button--form:hover, .site_es .main-header .button--disabled.header-search-submit:hover { background: #2b2b2b } .site_fr .main-header .button--active.button--form, .site_fr .main-header .button--active.header-search-submit, .button--active.login-button-allocine, .button--primary.button--active, .site_es .main-header .button--active.button--form, .site_es .main-header .button--active.header-search-submit { background: 0 0; box-shadow: inset 0 0 0 2px #2b2b2b; color: #2b2b2b } .hide-text { font: 0/0 a; text-shadow: none; color: transparent; text-indent: 100%; overflow: hidden } .main-header { position: relative; z-index: 100; height: 54px; padding: 9px 0 0 } .site_fr .main-header, .site_es .main-header{ background: #fecc00; } .site_de .main-header, .site_tr .main-header{ background: #3d59ba; } .site_br .main-header{ background: #b90000; } #header__logo { height: 37px; width: 131px; margin: 0 0 0 60px } #header__logo a, #header__nav__mobile [class*=burger], #header__nav__mobile [class*=back] { -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-transform-origin: 0 0; transform-origin: 0 0 } #header__nav__mobile { cursor: pointer; position: absolute; top: 15px; left: 0; margin-left: 15px; height: 23px; width: 23px } #header__nav { display: block; width: 80%; background: #262626; top: 54px; left: -80%; position: fixed; bottom: 0; overflow-y: auto } #header__nav .ephemeride, #header__nav .subnav { text-transform: none; display: none } #header__account, #header__nav .is_active .ephemeride, #header__nav .is_active .subnav { display: block } #header__nav .is_active .nav-link { background: #2b2c30 } #header__nav .nav-link { color: #e6e6e6; padding: 15px 15px 15px 35px; display: block; font-size: 14px; text-transform: uppercase } #header__nav .nav-linkhover { color: #fff } #header__nav .subnav .nav-link { text-transform: none; font-size: 14px; font-weight: 300; padding: 10px 15px 10px 58px; border: none } #header__nav .subnav .nav-link.rub { border-left: 3px solid #fc0; padding: 10px 15px 10px 55px; background: #34383b; color: #666 } #header__account .myaccount { cursor: pointer; display: inline-block; width: 23px; height: 23px; vertical-align: middle; position: absolute; top: -31px; right: 12px; background: none; margin: 0; padding: 0; min-height: inherit; } #header__account [class*=user_account] { -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-transform-origin: 0 0; transform-origin: 0 0 } #header__account .myaccount .icon { display: block } #header__account .myaccount .myaccount__avatar { display: none } #header__account .subnav { background: #262626; position: relative } #header__account .subnav .myaccount--sign { padding: 35px 35px 20px; text-align: center } #header__account .subnav .myaccount--sign .button, #header__account .subnav .myaccount--sign .button--become-fan, #header__account .subnav .myaccount--sign .button--not-interested, #header__account .subnav .myaccount--sign .button--toggle-rating, #header__account .subnav .myaccount--sign .button--want-to-see, #header__account .subnav .myaccount--sign .button--write-review, #header__account .subnav .myaccount--sign .forgotten-password, #header__account .subnav .myaccount--sign .login-button { margin-bottom: 20px } #header__account .subnav .myaccount--sign .subnav__createAccount { font-size: 14px; color: #e6e6e6; text-decoration: underline } #header__account .subnav .nav-link { color: #e6e6e6 } #header__account .subnav .nav-link:hover { color: #fff } #header__account .subnav .subnav__account { border: solid #303336; border-width: 1px 0 } #header__account .subnav .subnav__account li { text-transform: uppercase; font-weight: 300 } #header__account .subnav .subnav__account li a, #header__account .subnav .subnav__account li span { border-bottom: 1px solid #303336; display: block; padding: 15px 15px 15px 35px; color: #e6e6e6; font-size: 14px } #header__account .subnav .subnav__account li a.rub, #header__account .subnav .subnav__account li span.rub { border-left: 3px solid #fc0; padding: 10px 15px 10px 55px; background: #34383b } #header__account.is_connected .myaccount .icon, #header__account.is_connected .myaccount--sign { display: none } #header__account.is_connected .myaccount .myaccount__avatar { display: block; overflow: hidden; border-radius: 2px } #header__account.is_connected .myaccount .myaccount__avatar img { max-height: 23px } @-webkit-keyframes headerPinnedSlideDown { 0% { top: -70px } 100% { top: 0 } } @keyframes headerPinnedSlideDown { 0% { top: -70px } 100% { top: 0 } } .main-header { height: 137px; padding: 10px 0 0; position: relative; width: auto } .main-header.no_subnav{ height: 107px; } .main-header.is_pinned #header__logo { position: fixed; top: 0; left: 50%; margin-top: 10px; z-index: 100; overflow: hidden; height: 28px; -webkit-animation: headerPinnedSlideDown .5s; animation: headerPinnedSlideDown .5s } .site_fr .main-header.is_pinned #header__logo { width: 94px; margin-left: -624px } .site_fr .main-header.is_pinned #header__logo a { -webkit-transform: scale(.36); transform: scale(.36) } .site_de .main-header.is_pinned #header__logo { width: 123px; margin-left: -653px } .site_de .main-header.is_pinned #header__logo a { -webkit-transform: scale(.37); transform: scale(.37) } .site_es .main-header.is_pinned #header__logo { width: 105px; margin-left: -634px } .site_es .main-header.is_pinned #header__logo a { -webkit-transform: scale(.36); transform: scale(.36) } .site_br .main-header.is_pinned #header__logo { width: 126px; margin-left: -654px } .site_br .main-header.is_pinned #header__logo a { -webkit-transform: scale(.37); transform: scale(.37) } .site_tr .main-header.is_pinned #header__logo { width: 124px; margin-left: -652px } .site_tr .main-header.is_pinned #header__logo a { -webkit-transform: scale(.37); transform: scale(.37) } .main-header.is_pinned #header__nav { position: fixed; left: 0; right: 0; padding: 0; height: 46px; background: #fecc00; -webkit-animation: headerPinnedSlideDown .5s; animation: headerPinnedSlideDown .5s } .main-header.is_pinned #header__nav ul { width: 1024px; margin: auto } .main-header.is_pinned #header__nav ul>ul { height: 46px } .main-header.is_pinned #header__nav>ul>li>.nav-link { padding: 0 10px; height: 46px; line-height: 46px } .main-header.is_pinned #header__nav>ul>li.is_active>.nav-link { background: 0 0; height: 46px; line-height: 46px; display: inline-block; background: #fff; } .main-header.is_pinned #header__account { position: fixed; cursor: pointer; top: 0; left: 50%; margin: 14px 0 0 460px; height: 30px; width: 50px; -webkit-animation: headerPinnedSlideDown .5s; animation: headerPinnedSlideDown .5s } .main-header.is_pinned #header__account .myaccount-link { display: none } .main-header.is_pinned #header__account .subnav { left: -155px } .main-header #header__logo { margin: 0 0 17px 15px; height: 46px; width: 163px } .main-header #header__logo a { -webkit-transform: scale(.62); transform: scale(.62) } .main-header .header__autopromo { font-size: 11px; position: absolute; top: 17px; right: 15px; width: 250px; text-align: right; height: 50px; color: #333 } .main-header .header__autopromo img { display: block; float: right; margin: 0 0 0 4px } .main-header .header__autopromo__text { position: relative; line-height: 12px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .main-header .header__autopromo__text a { color: #333; } .site_de .main-header .header__autopromo__text a, .site_tr .main-header .header__autopromo__text a, .site_br .main-header .header__autopromo__text a { color: #e6e6e6; } .main-header .header__autopromo__text a:hover { color: #000; text-decoration: underline } .main-header #header__nav__mobile { display: none } .main-header #header__nav { display: block; width: 100%; position: relative; top: 0; left: 0; padding: 0 180px 0 10px; background: 0 0; overflow: visible } .main-header #header__nav>ul { margin-top: 2px; height: 33px; font-size: 0; line-height: 1em; } .main-header #header__nav>ul>li { display: inline; text-transform: uppercase } .main-header #header__nav>ul>li:first-child .icon { margin: 0 0 5px } .main-header #header__nav>ul>li.is_active .ephemeride, .main-header #header__nav>ul>li.is_active .subnav { box-shadow: 0 1px 0 0 #e3e3e3, 0 2px 0 0 #f5f5f5 } .main-header #header__nav>ul>li.is_active .subnav { position: absolute; top: 100%; left: 0; right: 0; background: #fff; height: 30px; line-height: 30px } .main-header.no_subnav #header__nav>ul>li.is_active .ephemeride, .main-header.no_subnav #header__nav>ul>li.is_active .subnav { display: none; } .site_de .main-header #header__nav>ul>li.is_active .ephemeride, .site_br .main-header #header__nav>ul>li.is_active .ephemeride, .site_tr .main-header #header__nav>ul>li.is_active .ephemeride, .site_de .main-header #header__nav>ul>li.is_active .subnav, .site_br .main-header #header__nav>ul>li.is_active .subnav, .site_tr .main-header #header__nav>ul>li.is_active .subnav{ background: #fc0; } .main-header #header__nav>ul>li.is_active .subnav .nav-link { font-weight: 700; padding: 7px; font-size: 13px; color: #333; } .main-header #header__nav>ul>li.is_active .subnav .nav-link:hover { color: #666 } .site_de .main-header #header__nav>ul>li.is_active .subnav .nav-link:hover, .site_br .main-header #header__nav>ul>li.is_active .subnav .nav-link:hover, .site_tr .main-header #header__nav>ul>li.is_active .subnav .nav-link:hover { color: #000 } .main-header #header__nav>ul>li.is_active .subnav .rub { padding-bottom: 5px; border-bottom: 3px solid #fecc00; color: #666 } .site_de .main-header #header__nav>ul>li.is_active .subnav .rub, .site_tr .main-header #header__nav>ul>li.is_active .subnav .rub { border-bottom: 3px solid #3d59ba; color: #000 } .site_br .main-header #header__nav>ul>li.is_active .subnav .rub{ border-bottom: 3px solid #b90000; color: #000 } .main-header #header__nav>ul>li.is_active .subnav li { display: inline } .main-header #header__nav>ul>li.is_active .nav-link { background: 0 0 } .main-header #header__nav>ul>li.is_active>.nav-link { background: #fff; height: 35px; display: inline } .site_fr .main-header #header__nav>ul>li.is_active>.nav-link, .site_es .main-header #header__nav>ul>li.is_active>.nav-link{ background: #fff !important; } .site_de .main-header #header__nav>ul>li.is_active>.nav-link, .site_br .main-header #header__nav>ul>li.is_active>.nav-link, .site_tr .main-header #header__nav>ul>li.is_active>.nav-link{ background: #fc0 !important; } #wrapper .main-header.is_pinned #header__nav>ul>li:first-child>.nav-link{ padding-top: 15px; } .site_de .main-header.is_pinned #header__nav>ul>li.is_active>.nav-link, .site_br .main-header.is_pinned #header__nav>ul>li.is_active>.nav-link, .site_tr .main-header.is_pinned #header__nav>ul>li.is_active>.nav-link, #wrapper .main-header.is_pinned #header__nav>ul>li:first-child.is_active>.nav-link{ height: 46px; line-height: 46px; display: inline-block; } .site_br .main-header #header__nav>ul>li.is_active>.nav-link, .site_tr .main-header #header__nav>ul>li.is_active>.nav-link, .site_de .main-header #header__nav>ul>li.is_active>.nav-link { color: #333 } .site_br .main-header #header__nav>ul>li.is_active>.nav-link:hover, .site_tr .main-header #header__nav>ul>li.is_active>.nav-link:hover, .site_de .main-header #header__nav>ul>li.is_active>.nav-link:hover { color: #000 } .main-header #header__nav>ul>li>.nav-link { padding: 11px 10px 8px; display: inline-block; font-size: 13px; line-height: normal; } .site_fr .main-header #header__nav>ul>li>.nav-link, .site_es .main-header #header__nav>ul>li>.nav-link{ color: #333; } .site_de .main-header #header__nav>ul>li>.nav-link, .site_tr .main-header #header__nav>ul>li>.nav-link, .site_br .main-header #header__nav>ul>li>.nav-link{ color: #e6e6e6; } .main-header #header__nav>ul>li>.nav-link:hover { color: #000; background: rgba(255, 255, 255, .4) } .site_de .main-header #header__nav>ul>li>.nav-link:hover, .site_tr .main-header #header__nav>ul>li>.nav-link:hover, .site_br .main-header #header__nav>ul>li>.nav-link:hover { color: #fff; background: rgba(255, 255, 255, .4) } .main-header #header__nav>ul>li>.mrub { font-size: 18px; font-weight: 700; padding: 9px 10px 8px; line-height: normal; } .main-header #header__nav .nav-link { display: inline; padding: 0; border: none } .main-header #header__nav .ephemeride { position: absolute; top: 100%; left: 0; width: 1024px; padding: 0 10px; font-size: 13px; background: #fff; height: 30px; line-height: 30px } .main-header.is_pinned #header__nav .ephemeride { display: none; width: 100%; text-align: center; } .main-header.is_pinned #header__nav .ephemeride { display: block; } .main-header #header__nav .ephemeride h1 { font-weight: 300; font-size: 13px } .main-header #header__nav .ephemeride a { font-size: 13px; font-weight: 300; color: #005ea8; text-transform: none } .main-header #header__nav .ephemeride a:hover { color: #006cd9 } .main-header #header__nav .subnav { border: none } .main-header #header__nav .subnav .nav-link { text-transform: none; font-size: 14px; font-weight: 300; padding: 0; border: none } .main-header #header__nav .subnav .nav-link.rub { border: 0; padding: 0; background: 0 0 } #header__account { position: absolute; bottom: 31px; right: 10px } .no_subnav #header__account { bottom: 4px; } #header__account .myaccount-link { height: 35px; line-height: 35px } #header__account:hover .subnav { display: block } #header__account .myaccount { cursor: default; position: relative; top: 0; right: 0; /*fix v7*/ margin: 0; padding: 0; min-height:auto; background: none; /*/fix v7*/ } #header__account .myaccount+.myaccount-link { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #000 } .site_de #header__account .myaccount+.myaccount-link, .site_tr #header__account .myaccount+.myaccount-link, .site_br #header__account .myaccount+.myaccount-link { color:#fff !important; } #header__account .myaccount+.myaccount-link:hover { color: #000 } #header__account .subnav { display: none; position: absolute; top: 100%; left: -50px; right: -10px; width: auto; background: #fff; border: 1px solid #d9d9d9; padding: 20px 10px; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .47) } #header__account .subnav:before { content: ''; display: block; position: absolute; top: -10px; right: 14px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff } #header__account .subnav .myaccount--sign { padding: 0; text-align: center } #header__account .subnav .myaccount--sign a { color: #fff } #header__account .subnav .myaccount--sign .button, #header__account .subnav .myaccount--sign .button--become-fan, #header__account .subnav .myaccount--sign .button--not-interested, #header__account .subnav .myaccount--sign .button--toggle-rating, #header__account .subnav .myaccount--sign .button--want-to-see, #header__account .subnav .myaccount--sign .button--write-review, #header__account .subnav .myaccount--sign .forgotten-password, #header__account .subnav .myaccount--sign .login-button { margin: 0 } #header__account .subnav .myaccount--sign .subnav__createAccount { display: block; text-align: center; color: #005ea8; line-height: 35px; font-size: 12px; padding: 0 0 5px; border-bottom: 1px solid #e0e0e0 } #header__account .subnav .myaccount--sign .subnav__createAccount:hover { color: #006cd9 } #header__account .subnav .subnav__account { border: none; display: block; line-height: 35px } #header__account .subnav .subnav__account li { text-transform: none; font-weight: 300 } #header__account .subnav .subnav__account li a, #header__account .subnav .subnav__account li span { position: relative; margin: 0; padding: 0 10px; border: none; font-size: 12px; font-size: 15px; font-weight: 700; color: #333 } #header__account .subnav .subnav__account li a:hover, #header__account .subnav .subnav__account li span:hover { color: #000; background: #e8e8e8 } #header__account .subnav .subnav__account li a.rub, #header__account .subnav .subnav__account li span.rub { border: none; padding: 0; background: 0 0 } #header__account .subnav .subnav__account .disconnect { border-top: 1px solid #e0e0e0 } .main-header #header__nav .subnav .subnav__more { position: relative; display: inline-block; width: 52px } .main-header #header__nav .subnav .subnav__more__links { position: absolute; top: -19px; left: 7px; padding: 5px 17px 0; height: 30px; cursor: pointer } .main-header #header__nav .subnav .subnav__more__links.is_open { border: solid #d9d9d9; border-width: 0 1px 1px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4) } .main-header #header__nav .subnav .subnav__more__links .sectionNavigate-more { display: inline-block; -webkit-transform: scale(.778); transform: scale(.778) } .main-header #header__nav .subnav .subnav__more__links__inner { display: none; position: absolute; top: 100%; right: -1px; background: #fff; width: 150px; text-align: left; border: solid #d9d9d9; border-width: 0 1px 1px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4) } .main-header #header__nav .subnav .subnav__more__links__inner:before { content: ''; display: block; height: 10px; width: 52px; background: #fff; position: absolute; top: -10px; right: 0 } .main-header #header__nav .subnav .subnav__more__links__inner ul { width: auto } .main-header #header__nav .subnav .is_open .subnav__more__links__inner { display: block } .main-header #header__nav .subnav .is_open .subnav__more__links__inner li { display: block; padding: 0 5px } .main-header #header__nav .subnav .is_open .subnav__more__links__inner .nav-link { display: block; font-weight: 700; -webkit-transition: background, .3s; transition: background, .3s } .main-header #header__nav .subnav .is_open .subnav__more__links__inner .nav-link.rub, .main-header #header__nav .subnav .is_open .subnav__more__links__inner .nav-link:hover { border: none; background: #e8e8e8 } .header-search-form-container { position: absolute; top: 0; bottom: 0; left: 80%; right: 85px; padding: 10px 0 0; overflow: hidden; background: #fecc00; -webkit-transition: left .2s ease-out; transition: left .2s ease-out } .site_de .header-search-form-container, .site_tr .header-search-form-container { background: #3d59ba; } .site_br .header-search-form-container{ background: #b90000; } .header-search-form-container.is_open { left: 55px; overflow: visible } .header-search-form-container.is_open .header-search-input { -webkit-transform: translateX(0); transform: translateX(0) } .header-search-form-container .container-input-autocomplete, .header-search-form-container.is_open .container-input-mask { display: block } .header-search-form-container .container-input-mask { overflow: hidden } .header-search-input { border: 1px solid #d1d1d1; border-radius: 2px; font-size: 13px; color: #999; padding: 8px 14px; width: 100%; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translateX(100%); transform: translateX(100%) } .header-search-input:focus { color: #333 } .header-search-extralinks { display: none } .header-search-toggle { width: 23px; height: 23px; display: inline-block; cursor: pointer; position: absolute; top: 16px; right: 50px } .header-search-toggle [class*=minify] { -webkit-transform: scale(.5, .5); transform: scale(.5, .5); -webkit-transform-origin: 0 0; transform-origin: 0 0 } .header-search-submit { border-radius: 0 2px 2px 0; padding: 9px 10px; font-size: 12px; } .autocomplete-results { border: 1px solid #d9d9d9; background-color: #fff; position: absolute; z-index: 1000; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1); width: 100% } .autocomplete-result { border-bottom: 1px solid #e0e0e0 } .autocomplete-result em { background-color: #FFB } .autocomplete-result:last-child { border-bottom-width: 0 } .autocomplete-result.current .autocomplete-result-link { background-color: #f1f1f1 } .autocomplete-result-sponsored { position: relative; overflow: hidden } .autocomplete-result-sponsored:before { position: absolute; top: 12px; right: -76px; content: attr(data-sponsor); display: block; color: #fff; background: #666; width: 200px; height: 25px; line-height: 25px; text-align: center; -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 11px; letter-spacing: .5px } .autocomplete-result-link { cursor: pointer; display: block; text-decoration: none; vertical-align: top; padding: 6px; color: #000; overflow: hidden; height: 1% } .stareval-label, .stareval-note, .stareval-stars, .stareval>* { vertical-align: middle } .autocomplete-result-link:hover { color: #000 } .autocomplete-result-link span { display: block } .autocomplete-result-thumbnail { width: 53px; float: left; margin-right: 4px; display: block; padding: 2px; background: #fff; border: 1px solid #f1f1f1 } .autocomplete-result-text { padding-left: 50px } .autocomplete-result-title { color: #000; font-size: 16px; font-weight: 700 } .autocomplete-result-complement { font-size: 11px; color: #666 } .autocomplete-submit-option { padding: 6px } .autocomplete-submit-link { font-size: 15px; font-weight: 700; color: #005ea8; padding: 0 0 0 10px } .autocomplete-submit-link:hover { color: #dc1034 } .header-search-form-container .container-input-autocomplete, .header-search-form-container .container-input-mask { display: inline } .header-search { position: absolute; top: 15px; left: 320px } .header-search-toggle, [class*=minify] { display: none } .header-search-form-container { display: block; position: static; padding: 0; overflow: hidden; background: 0 0 } .header-search-form-container.is_open { overflow: visible } .header-search-input { -webkit-transform: translateX(0); transform: translateX(0); width: 310px } .header-search-extralinks { display: block; line-height: 12px; margin: 5px 0 0; font-size: 10px; color: #333 } .header-search-extralinks a { color: #333 } .site_de .header-search-extralinks, .site_tr .header-search-extralinks, .site_br .header-search-extralinks, .site_de .header-search-extralinks a, .site_tr .header-search-extralinks a, .site_br .header-search-extralinks a { color: #e6e6e6 !important; } .header-search-extralinks a:hover { color: #000; text-decoration: underline } .is_pinned .header-search { position: fixed; z-index: 10; top: 0; left: 50%; margin-left: 90px; margin-top: 2px; width: 315px; -webkit-animation: headerPinnedSlideDown .5s; animation: headerPinnedSlideDown .5s; -webkit-transition: left .2s ease-out; transition: left .2s ease-out } .is_pinned .header-search.is_open .header-search-input { -webkit-transform: translateX(0); transform: translateX(0) } .is_pinned .header-search-input { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translateX(100%); transform: translateX(100%); width: 100% } .is_pinned .header-search-form-container { position: absolute; top: 0; left: 100%; right: 0; width: 0; padding: 5px 0 0; border-width: 0; overflow: hidden; -webkit-transition: all .2s ease-out; transition: all .2s ease-out } .is_pinned .header-search-form-container.is_open { left: 0; width: 100%; border-width: 1px; overflow: visible; } .is_pinned .header-search-extralinks, .is_pinned .header-search-form-container button { display: none } .is_pinned .header-search-toggle { top: 11px; left: 320px; display: block } .is_pinned .header-search-toggle [class*=minify] { display: block } .main-footer, .main-footer-inner .authentication-form:nth-child(1), .main-footer-inner .row:nth-child(1), .stareval-stars { overflow: hidden } .main-footer { color: #e6e6e6; background: #2b2b2b; font-size: 12px } .main-footer .row{ display: block; } .main-footer .info { text-align: center } .main-footer .info .phone { color: #fc0; padding: 0; font-weight: 700 } .main-footer .info span { padding: 0 4px } .main-footer-inner .content { margin-bottom: 30px } .main-footer-inner .content:after { display:block; content:''; clear:both; } .main-footer-inner { width: 1024px; margin: auto; font-size: 13px } .main-footer-inner .col-xs-12 { padding-top: 20px; border-left: 1px solid #3b3b3b; padding-bottom: 999px; margin-bottom: -999px; text-align:center; } .main-footer-inner .col-xs-12:first-child { border-left:none; } .main-footer-inner .col-xs-12 a { font-size: 15px } .main-footer-inner .col-xs-12 a+.light { font-size: 11px } .main-footer-inner .title { font-weight: 700; margin-bottom: 20px; text-transform: uppercase } .main-footer-inner title a:hover { text-decoration: none } .main-footer a, .main-footer span { color: #e6e6e6; text-decoration: none; line-height: 20px } .main-footer a:hover { color: #fff; text-decoration: underline } .main-footer>.row:nth-child(2) { border-top: 1px solid #3b3b3b; padding: 20px 0 0 } .main-footer .col-xs-12 { padding-top: 10px } .main-footer .col-xs-12:nth-child(2) { border-left: 1px solid #3b3b3b; padding-bottom: 0; margin-bottom: 0 } .main-footer .col-xs-12:nth-child(3) { border-top: 1px solid #3b3b3b; text-align: center } #playerfooter { width: 640px; margin: 0 auto; padding: 10px 0 50px; text-align: center; border-top: 1px solid #e8e8e8 } #playerfooter .mediatitle { margin-bottom: 25px } #playerfooter .mediatitle a { font-size: 15px } .mediaplayer { position: relative } .mediaplayer:before { content: ""; display: block; padding-top: 56.25% } .page-rating-item, .stareval, .stareval-note, .stareval-stars { display: inline-block } .mediaplayer iframe, .mediaplayer object { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%!important; width: 100%!important } .icomask, .icon, .button .icomask{ display: inline-block; vertical-align: middle; } .icomask, .icomask .icon { position: relative } .icomask { line-height: 1; margin: 0 -4px 0 -14px; padding: 0 0 0 14px } .button:hover .icomask .icon{ -webkit-animation-name: btnIconAnimate; animation-name: btnIconAnimate; -webkit-animation-duration: .3s; animation-duration: .3s } .misc-arrow--left--yellow, .misc-arrow--right--white, .misc-arrow--right--yellow, .misc-arrow--up--black { height: 16px; background-image: url(../../skin_v7/local/FR/img/common-sprite.png) } .misc-arrow--right--white { background-position: -268px 0; width: 16px } .button .icomask, .button .icon { vertical-align: top } @-webkit-keyframes btnIconAnimate { 0%, 100% { left: 0 } 50% { left: 100%; opacity: 0 } 51% { opacity: 0; left: -100% } } @keyframes btnIconAnimate { 0%, 100% { left: 0 } 50% { left: 100%; opacity: 0 } 51% { opacity: 0; left: -100% } } .footer-icon--android, .footer-icon--android:hover, .footer-icon--apple, .footer-icon--apple:hover { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); width: 50px; height: 37px } .footer-icon--android { background-position: -610px 0 } .footer-icon--android:hover { background-position: -454px 0 } .footer-icon--apple { background-position: -662px 0 } .footer-icon--apple:hover { background-position: -714px 0 } .footer-icon--fb, .footer-icon--fb:hover, .footer-icon--gplus, .footer-icon--gplus:hover, .footer-icon--mail, .footer-icon--mail:hover, .footer-icon--tw, .footer-icon--tw:hover { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); width: 50px; height: 45px } .footer-icon--fb { background-position: -766px 0 } .footer-icon--fb:hover { background-position: -818px 0 } .footer-icon--gplus { background-position: -870px 0 } .footer-icon--gplus:hover { background-position: -246px 0 } .footer-icon--mail { background-position: -298px 0 } .footer-icon--mail:hover { background-position: -350px 0 } .footer-icon--tw { background-position: -402px 0 } .footer-icon--tw:hover { background-position: -922px 0 } .footer-icon--windows, .footer-icon--windows:hover { width: 50px; height: 37px; background-image: url(../../skin_v7/local/FR/img/identity-sprite.png) } .footer-icon--windows { background-position: -506px 0 } .footer-icon--windows:hover { background-position: -558px 0 } .footer-logo { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -974px 0; width: 120px; height: 34px } .header-arrow--bottom--black { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -18px 0; width: 16px; height: 16px } .header-back, .header-burger { width: 46px; height: 46px; background-image: url(../../skin_v7/local/FR/img/identity-sprite.png) } .header-back { background-position: -102px 0 } .header-burger { background-position: -150px 0 } .header-home { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -36px 0; width: 16px; height: 16px } .header-logo--primary { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -1096px 0; width: 262px; height: 74px } .header-minify { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -198px 0; width: 46px; height: 46px } .header-music { background-image: url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: 0 0; width: 16px; height: 16px } .header-user_account { background-image:url(../../skin_v7/local/FR/img/identity-sprite.png); background-position: -54px 0; width: 46px; height: 46px } /* ---------------------------------- */ /* --- /HEADER 2015 --- */ /* ---------------------------------- */ .lyhomesite, .lyhome, .pagelayout { padding: 15px 22px 0; width: auto; } /* -- ADDITIONAL DUE TO NEW AD FORMATS -- */ /* #contentlayout .adf_5137 .adbox_layout .adbox_imglink { display:block; height:100%; width:78px; } */ #contentlayout .adf_marketinginfo .adbox_layout .adbox_imglink { display:block; height:100%; width:78px; } /* .adf_5183, .adf_5184 , .adf_5185 , .adf_5186 , .adf_5187 , .adf_5188 { position:absolute; top:-3px; right:10px; z-index:+1; *zoom:1; } */ .adf_microsponsoringmovies, .adf_microsponsoringseries , .adf_microsponsoringstars , .adf_microsponsoringvideos , .adf_microsponsoringcommunity , .adf_microsponsoringservices { position:absolute; top:-3px; right:10px; z-index:+1; *zoom:1; } /* .adf_54{z-index:+1;} */ .adf_mpu{z-index:+1;} /* #home .tmp.adf_192{height:230px;} */ #home .tmp.adf_header{height:230px;} /* .tmp.adf_192{height:150px;} */ .tmp.adf_header{height:150px;} /* .tmp.adf_54{height:250px;} */ .tmp.adf_mpu{height:250px;} /* .tmp.adf_46{height:90px;} */ .tmp.adf_megabanner{height:90px;} /* .pagelayout .adf_5137{ float:right; margin:0 10px 0 0; overflow:hidden; background-position:100% 0; background-repeat:no-repeat; } */ .pagelayout .adf_marketinginfo{ float:right; margin:0 10px 0 0; overflow:hidden; background-position:100% 0; background-repeat:no-repeat; } /* .pagelayout .adf_5137 .adbox_layout{ border:1px solid #ccc; width:218px; height:88px; font-size:11px; line-height:16px; } */ .pagelayout .adf_marketinginfo .adbox_layout{ border:1px solid #ccc; width:218px; height:88px; font-size:11px; line-height:16px; } /* .pagelayout .adf_5137 .adbox_layout .adbox_content{ padding:5px 0 0 10px; width:130px; } */ .pagelayout .adf_marketinginfo .adbox_layout .adbox_content{ padding:5px 0 0 10px; width:130px; } /* #contentlayout .pagelayout .adf_5137.ad_mktblock_large .adbox_layout .adbox_content{width:155px;margin-right:10px;} */ #contentlayout .pagelayout .adf_marketinginfo.ad_mktblock_large .adbox_layout .adbox_content{width:155px;margin-right:10px;} /* #contentlayout .pagelayout .adf_5137.ad_mktblock_large .adbox_layout .adbox_imglink{width:123px;} */ #contentlayout .pagelayout .adf_marketinginfo.ad_mktblock_large .adbox_layout .adbox_imglink{width:123px;} /* .nipnadszone.adbanner600active .hnadszone #ad_54_1_placeholder{margin-bottom:10px;} */ .nipnadszone.adbanner600active .hnadszone #ad_mpu_1_placeholder{margin-bottom:10px;} /* .adbanner600 #ad_54_1_placeholder{ position:relative; width:300px; height:250px;} */ .adbanner600 #ad_mpu_1_placeholder{ position:relative; width:300px; height:250px;} /* .adbanner600 #ad_54_1{position:absolute;top:0;left:0;z-index:2;} */ .adbanner600 #ad_mpu_1{position:absolute;top:0;left:0;z-index:2;}