/*---------------------------------------------------------- Main CSS Main styles for all the website Project: PSG.fr Author: e-TF1 Web Agency Summary : Reset styles Layout General layout Column container Common column settings 2 Column (double page) settings Full page settings Debug Content 2 parts 3 parts Promotional navigation Infos Commons layout components Branding Language navigation Skip navigation Handheld message Main navigation Additional navigation Search engine Breadcrumb Account Account (logged) (inherit from Account above) Account (fail) Advertisements Webring Bookmark Infos Part 1 Part 2 (About) Commons website items Overlay Form elements Page navigation Generic page Generic page form Generic page footer Generic large page Generic large page form Generic large page footer Main page layout components Top stories Part 1 Part 1 + JS Accordion Accordion + JS News list PSG TV Breaking news list Shop Promotion Poll Ticketing Ticketing + JS Shop Shop + JS Community PSG FanTV tab Forums tab Friends tab Blogs tab Community + JS Promotional navigation Gallery IE Patches (PNG fix, hasLayout triggers, etc.) Layout General layout Commons layout components Branding Main navigation Account Commons website items Overlay Page navigation Generic page Generic page form Main page layout components Top stories Part 1 Part 2 News list PSG TV Breaking news list Poll Ticketing Shop Gallery ----------------------------------------------------------*/ /* ================================ * !Reset styles * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ) * ================================*/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:1px dotted; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } html { background:#FFF; font-family:Arial, Helvetica, sans-serif; } body { color:#000; font-size:10px; line-height:normal; } /* ================================ * !Layout * ================================*/ /* * !General layout * Using Perfect multi-column CSS liquid layouts ( http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts ) */ html { background:#FFFFFF url(../image/layout/body-illustration.jpg) no-repeat 50% 0; } body { background:url(../image/layout/body-texture.png); } div#container { background:url(../image/layout/body-shadow.png) repeat-y 50% 0; margin:0 auto; padding:0 .8em; width:99em; } #subcontainer { background:#164EAB url(../image/layout/body-winners.png) no-repeat; padding-top:115px; position:relative; width:99em; } /* !Column container */ .mask { clear:both; overflow:hidden; padding:.5em; width:98em; } /* !Common column settings */ .subsubmask, .submask { float:left; width:99em; } .part1, .part2, .part3 { float:left; display:inline; overflow:hidden; position:relative; padding:.5em .5em 0; } /* !2 Column (double page) settings */ .doublepage .submask { right:49em; } .doublepage .part1, .doublepage .part2 { left:49em; width:48em; } /* !Full page settings */ .fullpage .part1 { left:0; margin-bottom:-.5em; width:97em; } /* !Debug */ /*.mask { background:#FFF; } .threeparts, .twoparts { background:#FFF; } .submask { background:#FF0; } .subsubmask { background:#0F0; } .part1 { background:#0FF; } .part2 { background:#00F; } .part3 { background:#F0F; }*/ /*.part1 *, .part2 *, .part3 * { background:#FF0; }*/ /* !Content */ #content { background:#FFF; } /* !2 parts */ #content.twoparts .submask { right:32em; } #content.twoparts .subsubmask { right:46em; } #content.twoparts .part1 { left:0; width:66em; } #content.twoparts .part2 { left:0; width:30em; } /* !3 parts */ #content.threeparts .submask { right:32em; } #content.threeparts .subsubmask { right:46em; } #content.threeparts .part1 { left:21em; width:45em; } #content.threeparts .part2 { left:-46em; width:20em; } #content.threeparts .part3 { left:0; width:30em; } /* !Promotional navigation */ #nav-promo { background:#FFF; padding:.5em 1em 0; width:97em; } #nav-promo.threeparts .submask { background:#FFF url(../image/layout/nav-promo-back.png) repeat-x; border-top:1px solid #C1D4EC; padding:1em 0; right:33.6em; width:97em; } #nav-promo.threeparts .subsubmask { right:32.7em; width:97em; } #nav-promo.threeparts .part1, #nav-promo.threeparts .part2, #nav-promo.threeparts .part3 { border-right:1px solid #C1D4EC; left:0; padding:1px 1em 2.8em; width:30.3em; } #nav-promo.threeparts .part2 { width:30.2em; } #nav-promo.threeparts .part3 { border:0; } /* !Infos */ #infos.twoparts .submask { padding:0 1em .5em; right:78em; } #infos.twoparts .part1 { left:20em; width:76em; } #infos.twoparts .part2 { border-right:1px solid #C1D4EC; left:-77em; padding:.8em 1em .6em; width:17.9em; } /* * !Commons layout components */ /* !Branding */ #branding { background:url(../image/layout/branding-title.jpg) no-repeat; height:85px; margin-bottom:25px; position:relative; z-index:11; } #branding h1 { left:0; position:absolute; top:0; width:99em; z-index:2; } #branding a { display:block; height:85px; overflow:hidden; text-indent:-9999em; } #branding p { background:url(../image/layout/branding-logo.png) no-repeat left top; position:absolute; top:-38px; left:-8px; text-indent:-9999em; width:171px; height:171px; z-index:1; } /* !Language navigation */ #nav-lang a { background:url(../image/generic/uk.gif) no-repeat center; height:25px; position:absolute; overflow:hidden; right:0; text-indent:-9999em; top:200px; width:56px; z-index:1; } /* !Skip navigation */ #nav-skip { background:#144A9E; left:-10000px; position:absolute; top:0; } #nav-skip.active { left:0; z-index:1000; } #nav-skip li { float:left; padding:.5em; } #nav-skip a, #nav-skip a:visited { color:#FFF; text-decoration:none; } #nav-skip a:hover, #nav-skip a:active { text-decoration:underline; } /* !Handheld message */ @media handheld, (max-width:800px) { #nav-skip #mobile { background:#E2EEFA; border-bottom:1px solid #000; font-size:1.2em; left:10000px; padding:.5em 0; position:absolute; text-align:center; top:0; width:990px; z-index:10; } #nav-skip #mobile a { color:#0048AA; font-weight:bold; } } #nav-skip #mobile.active { background:#E2EEFA; border-bottom:1px solid #000; font-size:1.2em; left:10000px; padding:.5em 0; position:absolute; text-align:center; top:0; width:990px; z-index:10; } #nav-skip #mobile.active a { color:#0048AA; font-weight:bold; } /* !Main navigation */ .nav-main { position:absolute; left:-9999em; } #nav-main { background:url(../image/layout/nav-main.gif) no-repeat; height:50px; padding-left:253px; position:absolute; top:1px; width:93.7em; } #nav-main li { float:left; height:25px; } #nav-main li:hover, #nav-main li.active { background:url(../image/layout/nav-main-arrow.gif) no-repeat center bottom; } #nav-main li.home:hover { background:url(../image/layout/nav-main.gif) no-repeat -153px bottom; } #nav-main li.fondation:hover { background:url(../image/layout/nav-main.gif) no-repeat -831px bottom; } #nav-main li.home { width:137px; } #nav-main li.news { width:160px; } #nav-main li.season { width:169px; } #nav-main li.team { width:199px; } #nav-main li.training { width:176px; } #nav-main li.psgtv { width:70px; } #nav-main li.community { width:114px; } #nav-main li.club { width:61px; } #nav-main li.fondation { width:95px; } #nav-main .home a:link, #nav-main .home a:visited, #nav-main .fondation a, #nav-main .fondation a:visited { display:block; height:25px; margin:0; overflow:hidden; text-indent:-9999em; } #nav-main div { left:-9999em; overflow:hidden; position:absolute; } #nav-main :hover div, #nav-main .active div { height:276px; left:0; position:absolute; top:25px; width:99em; z-index:10; } #nav-main h3 { background:url(../image/title/nav-main-titles.png) no-repeat; position:absolute; height:25px; left:0; text-indent:-9999em; top:0; width:99em; } #nav-main .home h3, #nav-main .fondation h3 { background:none; display:inline; position:static; } #nav-main .news h3 { background-position:0 0; } #nav-main .season h3 { background-position:0 -25px; } #nav-main .team h3 { background-position:0 -50px; } #nav-main .training h3 { background-position:0 -75px; } #nav-main .community h3 { background-position:0 -100px; } #nav-main .club h3 { background-position:0 -125px; } #nav-main .psgtv h3 { background-position:0 -150px; } #nav-main .level1 {background: url(../image/layout/nav-main-back.png) repeat-x left top; height:23.7em; left:0; padding:1.4em 0 0 15.7em; position:absolute; top:25px; width:83.3em; } #nav-main .level1 li { float:left; height:auto; padding:0 1em 0 0; width:19.5em; } #nav-main .level1 li:hover { background:none; } #nav-main h4 { background:url(../image/title/nav-main-subtitles.png) no-repeat; border-bottom:1px solid #326EB7; height:26px; text-indent:-9999em; } #nav-main h4.infos { background-position:-779px 0; } #nav-main h4.medias { background-position:-3314px 0; } #nav-main h4.interactive { background-position:-974px 0; } #nav-main h4.more-infos { background-position:-3119px 0; } #nav-main h4.results { background-position:-2339px 0; } #nav-main h4.matches { background-position:-2534px 0; } #nav-main h4.team { background-position:-1754px 0; } #nav-main h4.news { background-position:-1169px 0; } #nav-main h4.training { background-position:-1559px 0; } #nav-main h4.pre-training { background-position:-2924px 0; } #nav-main h4.women { background-position:-1364px 0; } #nav-main h4.amateur { background-position:1px 0; } #nav-main h4.my-psg-fr { background-position:-2729px 0; } #nav-main h4.fun { background-position:-389px 0; } #nav-main h4.supporters { background-position:-1949px 0; } #nav-main h4.life-club { background-position:-3509px 0; } #nav-main h4.history { background-position:-584px 0; } #nav-main h4.around-club { background-position:-194px 0; } #nav-main h4.services { background-position:-2144px 0; } #nav-main h4.acces_directs { background-position:-3751px 0; } #nav-main h4.categories_videos { background-position:-3959px 0; } #nav-main h4.abonnement { background-position:-4250px 0; } #nav-main .level2 { } #nav-main .level2 li { border-bottom:1px solid #326EB7; color:#4A84C9; float:none; font-size:1.2em; height:auto; line-height:1.75em; margin:0; padding:0 1px; width:auto; } #nav-main .level2 a, #nav-main .level2 a:visited { color:#000000; display:block; font-weight:normal; height:1.75em; text-decoration:none; } #nav-main .level2 a:hover, #nav-main .level2 a:active { color:#FFF; } #nav-main .level1 li.highlight { top:18.7em; position:absolute; right:.3em; width:82em; } #nav-main .season .level1 li.highlight { top:4em; width:41em; } #nav-main .season .level1 li.highlight li { margin-bottom:3px; } #nav-main .highlight h4 { left:-9999em; position:absolute; } #nav-main li.highlight li, #nav-main li.highlight li:hover { background:url(../image/layout/nav-main-highlight-back.png); border:0; display:inline; float:right; margin-right:.833em; width:33.167em; } #nav-main .highlight a, #nav-main .highlight a:visited { background:url(../image/layout/highlight.png) no-repeat; font-weight:bold; height:3.417em; line-height:3.417em; padding-left:5.4em; } #nav-main .highlight a.last-match, #nav-main .highlight a.last-match:visited { background-position:4px -77px; } #nav-main .highlight a.next-match, #nav-main .highlight a.next-match:visited { background-position:4px -36px; } #nav-main .highlight a.ticketing, #nav-main .highlight a.ticketing:visited { background-position:4px -323px; } #nav-main .highlight a.shop, #nav-main .highlight a.shop:visited { background-position:4px -241px; } #nav-main .highlight a.team, #nav-main .highlight a.team:visited { background-position:4px -118px; } #nav-main .highlight a.calendar, #nav-main .highlight a.calendar:visited { background-position:4px -200px; } #nav-main .highlight a.psg-foot-academy, #nav-main .highlight a.psg-foot-academy:visited { background-position:4px 5px; } #nav-main .highlight a.history, #nav-main .highlight a.history:visited { background-position:4px -159px; } #nav-main .highlight a.foundation, #nav-main .highlight a.foundation:visited { background-position:4px -282px; } #nav-main .level1 li.infos, #nav-main .level1 li.infos:hover { background:url(../image/layout/nav-main-infos-back.png); border:0; color:#FFF; font-size:1.2em; padding:.333em 1em; position:absolute; right:1.9em; top:15.583em; width:65.333em; } #nav-main .infos h4 { background:url(../image/layout/nav-main-infos.png) no-repeat; border:0; height:33px; } #nav-main .infos p { left:-9999em; position:absolute; } /* !Additional navigation */ .nav-add { position:absolute; left:-9999em; } #nav-add { background:#164EAB url(../image/layout/nav-add-back.gif) left top; height:25px; left:0; padding:0 0 0 14.9em; position:absolute; top:90px; width:84.1em; } #nav-add li { float:left; } #nav-add a { background:url(../image/layout/nav-add.png) no-repeat; float:left; height:25px; margin:0 10px 0 0; overflow:hidden; text-indent:-9999em; } #nav-add .psg-fr a { width:48px; background-position:0 0; } #nav-add .psg-tv a { width:47px; background-position:-58px 0; } #nav-add .psg-radio a { width:66px; background-position:-115px 0; } #nav-add .mobile a { width:50px; background-position:-191px 0; } #nav-add .internship a { width:81px; background-position:-251px 0; } #nav-add .shop a { width:95px; background-position:-342px 0; } #nav-add .tickets a { width:76px; background-position:-447px 0; } #nav-add .subscription a { width:85px; background-position:-533px 0; } #nav-add .parc a { width:108px; background-position:-628px 0; } #nav-add .club a { width:113px; background-position:-746px 0; } #nav-add .psg-fr a:hover, #nav-add .psg-fr a.active { background-position:0 -25px; } #nav-add .psg-tv a:hover, #nav-add .psg-tv a.active { background-position:-58px -25px; } #nav-add .psg-radio a:hover, #nav-add .psg-radio a.active { background-position:-115px -25px; } #nav-add .mobile a:hover, #nav-add .mobile a.active { background-position:-191px -25px; } #nav-add .internship a:hover, #nav-add .internship a.active { background-position:-251px -25px; } #nav-add .shop a:hover, #nav-add .shop a.active { background-position:-342px -25px; } #nav-add .tickets a:hover, #nav-add .tickets a.active { background-position:-447px -25px; } #nav-add .subscription a:hover, #nav-add .subscription a.active { background-position:-533px -25px; } #nav-add .parc a:hover, #nav-add .parc a.active { background-position:-628px -25px; } #nav-add .club a:hover, #nav-add .club a.active { background-position:-746px -25px; } /* !Search engine */ #search { background:url(../image/block/search/back.png); height:28px; overflow:hidden; position:absolute; right:20px; top:98px; width:226px; z-index:11; } #search label { left:-9999em; position:absolute; } #search input { background:none; border:0; color:#FFF; font-size:1.2em; margin:5px; padding:1px 0; width:186px; font} #search input:focus { outline:0; } #search button { background-image:url(../image/generic/button-ok.png); width:26px; } /* !Breadcrumb */ #breadcrumb { background:#061A35 no-repeat; height:25px; text-indent:-9999em; } /* !Account */ #account { height:82px; padding:.4em 1em; position:absolute; right:0; top:0; width:24.2em; z-index:1; } #account h2 { background:url(../image/layout/account-connect.png) no-repeat left top; display:block; height:27px; width:168px; text-indent:-9999em; } #account p { clear:both; } #account .login, #account .pass { clear:none; float:left; } #account label { color:#9FCBF0; font-size:1.1em; vertical-align:middle; } #account input { vertical-align:middle; } #account .login label, #account .pass label { left:-9999em; position:absolute; } #account #login, #account #pass { background:#E9F3FC; border:1px solid #1E5282; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 1px 0 2px; padding:1px 4px; width:96px; } #account #auto { margin:.3em .3em .3em .1em; } #account .submit button { background-image:url(../image/generic/button-ok.png); position:absolute; right:5px; top:31px; width:26px; } #account a, #account a:visited { background:url(../image/generic/arrow-blue.gif) no-repeat left center; color:#9FCBF0; font-weight:normal; text-decoration:underline; } #account a:hover, #account a:active { color:#FFF; } #account .forget a { background:url(../image/generic/arrow-blue.gif) no-repeat left center; font-size:1.1em; margin-left:7px; padding-left:11px; } #account .register a, #account .register a:visited { background-image:url(../image/generic/button-register.png); background-position:0 0; bottom:11px; position:absolute; right:5px; width:67px; } /* !Account (logged) (inherit from Account above) */ div#account h2 { background-image:url(../image/layout/account-member.png); } #account .fn { color:#FFF; font-size:1.1em; left:7.82em; top:3.73em; font-weight:bold; position:absolute; } div#account img { border:1px solid #9DCAF1; left:2.1em; position:absolute; top:2.9em; width:5em; } div#account ul { bottom:.7em; left:8.5em; position:absolute; } div#account li { float:left; font-size:1.1em; } div#account a { padding-left:15px; margin-right:1em; } div#account .profile, div#account .profile:visited { background-image:url(../image/layout/account-icon-profile.gif); } div#account .logout { color:#9FCBF0; background:url(../image/layout/account-icon-logout.gif) no-repeat left center; font-size:1em; height:auto; padding-left:11px; text-indent:0; } div#account .logout:hover { color:#FFF; } div#account .logout span { text-decoration:underline; } /* !Account (fail) */ #account-fail { height:82px; padding:.4em 1.8em; position:absolute; right:0; top:0; width:22.6em; z-index:1; } #account-fail h2 { background:url(../image/layout/account-connect.png) no-repeat left top; display:block; height:27px; width:168px; text-indent:-9999em; } /* !Advertisements */ #ads-carre { margin-bottom:1em; text-align:center; } #ads-megabanner { left:0; position:absolute; top:0; } #ads-skyscrapper { right:-13em; position:absolute; top:0; } #ads-large { background:#FFF; padding:10px 10px 0; } #ads-news { margin:0 0 10px; } /* !Webring */ #webring { background:#FFF; padding:.5em 1em; } #webring h2 { position:absolute; left:-9999em; } #webring fieldset { background:#E9F3FC; border-top:1px solid #C1D4EC; padding:8px 10px; text-align:right; } #webring label { color:#7BA3D5; font-size:1.1em; font-weight:bold; margin-right:.5em; vertical-align:middle; } #webring select { margin:0 .5em 0 0; vertical-align:bottom; width:15em; } #webring button { background-image:url(../image/generic/button-ok.png); height:19px; width:25px; vertical-align:middle; } /* !Bookmark */ #bookmark { border-left:1px solid #0048AA; float:left; font-size:1.1em; overflow:hidden; } #bookmark li { border:solid #0048AA; border-width:0 1px; float:left; margin-left:-1px; padding:0 5px; } #bookmark li:first-child { border:0; } /* !Infos */ #infos { background:#061A35 url(../image/block/top-stories/back.gif); padding:0 0 3.1em; width:99em; } #infos.twoparts .submask { background:#FFF; } /* !Part 1 */ #infos .part1 h2 { position:absolute; left:-9999em; } #infos .part1 ul { margin:7px 8px; } #infos .part1 li { float:left; margin:0 7px; } #infos .part1 img { vertical-align:middle; } /* !Part 2 (About) */ #about h2 a { background:url(../image/layout/infos-logo.png) no-repeat; display:block; height:4.2em; margin-bottom:.8em; text-indent:-9999em; width:17em; } #about div, #about ul { color:#0048AA; font-size:1.1em; font-style:normal; } #about address { display:inline; font-style:normal; } #about ul { overflow:hidden; border-left:1px solid #0048AA; } #about li { border:solid #0048AA; border-width:0 1px; float:left; margin-left:-1px; padding:0 .5em; } /* ================================ * !Commons website items * ================================*/ .feed { background:url(../image/generic/feed.png); display:block; height:16px; overflow:hidden; text-indent:-9999em; width:16px; } button, a.button { background:no-repeat left top; border:0; cursor:pointer; font-size:0; height:19px; margin:0; overflow:hidden; padding:0; text-indent:-9999em; vertical-align:middle; } button:hover, a.button:hover { background-position:left bottom; } a.button { display:block; } hr { display:none; } a, a:visited { color:#0048AA; font-weight:bold; text-decoration:none; } a:hover, a:active { text-decoration:underline; } .message, .error, .warning { background:#E6EFC2 url(../image/generic/accept.png) no-repeat .4em .4em !important; border:2px solid #C6D880 !important; color:#000 !important; margin:1em !important; -size:12px !important; padding:.4em .4em .4em 27px !important; line-height:1.6em !important; } .error { background-color:#FBE3E4 !important; background-image:url(../image/generic/exclamation.png) !important; border-color:#FBC2C4 !important; } .warning { background-color:#FBE5C5 !important; background-image:url(../image/generic/warning.png) !important; border-color:#F29A1B !important; } .error ul { border:0 !important; margin:0 0 0 2em !important; list-style:square !important; } .error li { background:none !important; margin:0 !important; padding:0 !important; } p.no-result { background:none !important; color:#1F355A; font-size:1.2em; font-weight:bold; height:auto !important; margin:2em 0 !important; text-align:center; } p.results { color:#1F355A; font-size:1.2em; font-weight:bold; margin:1em; } a.unibet, .unibet a { color:#4A991B; } p.unibet { font-size:1.2em; margin:10px 0; text-align:center; } /* * !Overlay */ #overlay { background:#0C2C5E url(../image/generic/overlay-loading.gif) no-repeat 50% 50%; left:0; opacity:.8; position:absolute; top:0; z-index:10000; } body.overlay select, body.overlay iframe, body.overlay object, body.overlay embed { visibility:hidden; } /* * !Form elements */ input, select { color:#0048AA; font:normal 1.1em/1em Helvetica, Arial, sans-serif; margin:0; vertical-align:middle; } /* * !Page navigation */ .nav-page { clear:both; text-align:center; } .nav-page li { display:inline; font-size:1.2em; vertical-align:middle; } .nav-page div { background:#C1D4EC; color:#0048AA; display:inline; line-height:1.1em; margin:0 .25em; padding:.333em .75em; } .nav-page a, .nav-page a:visited { background:#EAF3FC no-repeat center; font-weight:normal; margin:-.25em -.667em; overflow:hidden; padding:.25em .667em; } .nav-page a:hover, .nav-page a:active { background-color:#E3EFFB; } .nav-page a.next, .nav-page a.next:visited { background-image:url(../image/generic/next.gif); padding:.25em 1em; height:1.1em; } .nav-page a.previous, .nav-page a.previous:visited { background-image:url(../image/generic/previous.gif); padding:.25em 1em; height:1.1em; } .nav-page span { left:-9999em; position:absolute; } /* * !Generic page */ #content #generic.part1 { background:#EAF3FC url(../image/generic/container-back.gif) repeat-y; font-size:1.2em; margin:.417em; padding:0; width:55em; } #content.twoparts #generic.part1 { width:55em; } #generic-header { background:url(../image/generic/container-top.png) no-repeat left top; font-size:0; height:11px; } #generic h3 { background:url(../image/generic/container-top-gradian.png) no-repeat 0 0; color:#1E365B; font-size:2.167em; font-weight:bold; height:1em; padding:0.538em 0.384em; } #generic h4 { color:#1E365B; font-size:1.167em; margin:2em 10px 0.5em; text-transform:uppercase; } #generic h5 { color:#1E365B; margin:1em 10px 0.5em; } #generic p { color:#1E365B; margin:0 .833em; padding:.6em 0; } #generic li { list-style-type:disc; margin-left:3em; } #generic #article-content { font-size:1em; overflow:visible; margin:.833em; } /* !Generic page form */ #generic form { background:#E3EFFB; border:1px solid #C1D4EC; margin:0 .917em; } #generic form div { background:url(../image/generic/form-top.png) no-repeat; position:relative; margin:-1px; } #generic form div div { background:none; } #generic fieldset { background:url(../image/generic/form-bottom.png) no-repeat left bottom; padding:0 1em; } #generic form p { clear:both; font-size:1em; padding:.6em 0; } #generic form p.submit { margin:1em 0; } #generic form p.infos { margin:0; } #generic form p.required-infos { float:right; font-size:0.917em; } #generic form p span { color:#647DA5; font-size:0.9em; } #generic form p span.required { color:#C00; font-size:1.2em; font-weight:bold; margin-right:.5em; vertical-align:middle; } #generic label, #generic span.label { color:#1E365B; float:left; line-height:1.4em; margin-right:.5em; text-align:right; width:12em; } #generic span.label { font-size:1em; } #generic .required label, #generic .required span.label { font-weight:bold; } #generic label.lite { float:none; } #generic input, #generic select { font-size:0.9167em; margin-right:.5em; } #generic button { background-image:url(../image/generic/button-validate.png); display:block; height:19px; margin:0 auto; width:95px; } /* !Generic page footer */ #generic-footer { background:url(../image/generic/container-bottom.png) no-repeat 0 100%; font-size:0; height:11px; } /* * !Generic large page */ #content.fullpage #generic.part1 { background-image:url(../image/generic/full-container-back.png); width:80.833em; } #content.fullpage #generic.part1 h3 { background-image:url(../image/generic/full-container-top-gradian.png); } /* !Generic large page form */ #content.fullpage #generic.part1 form div { background-image:url(../image/generic/full-form-top.png); } #content.fullpage #generic.part1 form div div { background:none; } #content.fullpage #generic.part1 fieldset { background-image:url(../image/generic/full-form-bottom.png); } /* !Generic large page footer */ #content.fullpage #generic-footer { background-image:url(../image/generic/full-container-bottom.png); } /* ================================ * !Main page layout components * ================================*/ /* * !Top stories */ #top-stories { background:#061A35 url(../image/block/top-stories/back.gif); } #top-stories.twoparts .submask { background:none; right:26em; } #js #top-stories { height:37.5em; overflow:hidden; } /* !Part 1 */ #top-stories.twoparts .part1 { background:none; left:.5em; padding:.5em 0; width:72em; } #top-stories .part1 h2 { left:-9999em; position:absolute; } #top-stories-inner { overflow:auto; } #top-stories .part1 .hfeed { position:relative; width:288em; } #top-stories .part1 .hentry { background:#1C304C; float:left; height:36.5em; position:relative; width:72em; } #top-stories-inner div { background:url(../image/block/top-stories/back2.png); bottom:0; position:absolute; width:72em; z-index:1; } #top-stories .part1 h3 { font-size:29px; font-weight:bold; padding:20px 20px 0; } #top-stories .part1 .hfeed h3 a, #top-stories .part1 .hfeed h3 a:visited { color:#9FCAF2; text-decoration:none; } #top-stories .part1 .hfeed h3 a:hover, #top-stories .part1 .hfeed h3 a:active { text-decoration:underline; } #top-stories .part1 .entry-summary { color:#FFF; font-weight:normal; line-height:1.4em; padding:0 20px; text-align:justify; } #top-stories .part1 p { color:#9FCAF2; font-size:1.2em; font-weight:bold; padding:0 20px 20px; } #top-stories .part1 a { color:#9FCAF2; } #top-stories .part1 p span { font-weight:normal; } #top-stories .part1 .hfeed img { bottom:0; height:36.5em; position:absolute; width:72em; } #top-stories.twoparts .part1 .feed { bottom:26px; position:absolute; right:10px; z-index:2; } /* !Part 1 + JS */ #js #top-stories-list { left:19px; position:absolute; z-index:2; height:50px; } #js #top-stories-list li { float:left; } #js #top-stories-list a { border:1px solid #FFF; float:left; margin:2px 3px; } #js #top-stories-list .active a { border-width:3px; margin:0 1px; } #js #top-stories-list img { display:block; vertical-align:middle; } #js #top-stories-inner { height:36.5em; overflow:hidden; position:relative; width:72em; } #js #top-stories .part1 .hfeed { height:36.5em; overflow:hidden; } #js #top-stories .part1 .hentry { margin-bottom:0; } #js #top-stories .part1 h3 { padding-top:40px; } #js #top-stories.twoparts .part1 .feed { bottom:-20px; left:380px; position:absolute; right:auto; } /* !Accordion */ #accordion { height:38.3em; left:.5em; margin:.5em 1em; overflow:auto; padding:0; width:24em; } #accordion h2 { background:url(../image/block/top-stories/tabs.png) no-repeat left bottom; cursor:pointer; height:25px; text-indent:-9999em; width:220px; } #accordion h2#last-match { background-position:0 100%; } #accordion h2#next-match { background-position:-220px 100%; } #accordion h2#ligue-1-ranking { background-position:-440px 100%; } #accordion h2#week-program { background-position:-660px 100%; } #accordion .last-match, #accordion .next-match, #accordion .ligue-1-ranking, #accordion .week-program, #accordion .no-next-match, #accordion .no-ligue-1-ranking, #accordion .no-week-program { margin-top:.2em; padding:0 .5em; } #accordion .no-next-match { background:url(../image/block/top-stories/no-next-match.png) no-repeat 0 0; text-indent:-9999em; } #accordion .no-ligue-1-ranking { background:url(../image/block/top-stories/no-ligue-1-ranking.png) no-repeat 0 0; text-indent:-9999em; } #accordion .no-week-program { background:url(../image/block/top-stories/no-week-program.png) no-repeat 0 0; text-indent:-9999em; } #accordion .versus { background:url(../image/block/top-stories/vs.png) no-repeat center 4.1em; height:6.4em; padding-top:2.1em; text-align:center; } #accordion .versus img { margin:0 2em; width:6.4em; } #accordion .last-match h3, #accordion .next-match h3 { color:#FFF; font-size:1.7em; font-weight:bold; height:1em; line-height:1em; margin:0.176em 0 0; text-align:center; } #accordion .last-match .description { height:4.9em; } #accordion .next-match h3{ height:2.23em; line-height:2.2em; } #accordion .week-program h3 { color:#9FCAF2; font-weight:bold; } #accordion .score { color:#FFF; display:block; font-size:3.1em; font-weight:bold; line-height:1.12em; text-align:center; } #accordion .description span { left:-9999em; position:absolute; } #accordion .description .ap, #accordion .description .tab { font-size:0.5em; font-weight:normal; position:static; vertical-align:middle; } #accordion .infos { color:#9FCAF2; display:block; font-size:1.1em; height:1.273em; line-height:1.25em; text-align:center; } #accordion .infos span { margin:0 .3em; } #accordion .infos .tv { background:url(../image/generic/icon-tv.gif) no-repeat left center; padding-left:20px; } #accordion ul { overflow:hidden; margin-top:.7em; } #accordion .last-match li, #accordion .next-match li { float:left; clear:both; margin-top:.2em; } #accordion .last-match .tv, #accordion .last-match .picture, #accordion .next-match .unibet { clear:none; margin-left:.2em; } #accordion li a, #accordion tfoot a { background-image:url(../image/block/top-stories/buttons.png); display:block; height:17px; text-indent:-9999em; width:104px; } #accordion .resume a { background-position:0 0; } #accordion .tv a { background-position:-312px 0; } #accordion .player a { background-position:-104px 0; } #accordion .picture a { background-position:-208px 0; } #accordion .buydom a { background-position:-416px 0; width:210px; margin-bottom:.7em; } #accordion .matchinfos a { background-position:-730px 0; } #accordion .unibet a { background-position:-626px 0; } #accordion .ticketing a { background-position:-834px 0; width:210px; } #accordion .buyext a { background-position:-1044px 0; width:210px; margin-bottom:.7em; } #accordion .ranking a { background-position:-1254px 0; width:210px; } #accordion .resume a:hover { background-position:0 -17px; } #accordion .tv a:hover { background-position:-312px -17px; } #accordion .player a:hover { background-position:-104px -17px; } #accordion .picture a:hover { background-position:-208px -17px; } #accordion .buydom a:hover { background-position:-416px -17px; } #accordion .matchinfos a:hover { background-position:-730px -17px; } #accordion .unibet a:hover { background-position:-626px -17px; } #accordion .ticketing a:hover { background-position:-834px -17px; } #accordion .buyext a:hover { background-position:-1044px -17px; } #accordion .ranking a:hover { background-position:-1254px -17px; } #accordion table { color:#FFF; font-size:1.1em; margin:.454em 0; width:19.1em; text-align:center; } #accordion th, #accordion td { padding:.273em 0; } #accordion th { color:#335891; font-weight:bold; } #accordion table .pos { width:15%; } #accordion table .team { width:40%; text-align:left; } #accordion table .pts { width:15%; } #accordion table .day { width:15%; } #accordion table .diff { width:15%; } #accordion .ranking { padding:1em 0 .091em; } #accordion .club td { background:#A60006 url(../image/block/top-stories/ranking-back.png) repeat-x left top; font-weight:bold; } #accordion .club .team span { background:url(../image/generic/icon-psg.png) no-repeat left center; display:block; text-indent:-9999em; } #accordion .week-program li { color:#FFF; font-size:1.1em; } #accordion .week-program .date { border-right:0.091em solid #FFF; float:left; margin-right:.5em; width:3em; } #accordion .week-program h4 { float:left; font-weight:bold; } #accordion .week-program p { clear:both; margin:0 .5em 0 3.591em; } #accordion .week-program ol { height:226px; margin:5px 0 0 2px; overflow:hidden; } #accordion .week-program ol ol { height:auto; margin:0 0 1.5em; overflow:visible; } /* !Accordion + JS */ #js #accordion { background:url(../image/block/top-stories/back3.png) no-repeat; height:auto; overflow:hidden; padding:1em 1em .8em; width:22em; } #js #accordion h2 { background-position:left top; } #js #top-stories h2#last-match { background-position:0 0; } #js #top-stories h2#next-match { background-position:-220px 0; } #js #top-stories h2#ligue-1-ranking { background-position:-440px 0; } #js #top-stories h2#week-program { background-position:-660px 0; } #js #accordion h2#last-match:hover { background-position:0 -25px; } #js #accordion h2#next-match:hover { background-position:-220px -25px; } #js #accordion h2#ligue-1-ranking:hover { background-position:-440px -25px; } #js #accordion h2#week-program:hover { background-position:-660px -25px; } #js #accordion h2#last-match-before { background-position:0 -50px; } #js #accordion h2#next-match-before { background-position:-220px -50px; } #js #accordion h2#ligue-1-ranking-before { background-position:-440px -50px; } #js #accordion h2#week-program-before { background-position:-660px -50px; } #js #accordion h2#last-match-before:hover { background-position:0 -75px; } #js #accordion h2#next-match-before:hover { background-position:-220px -75px; } #js #accordion h2#ligue-1-ranking-before:hover { background-position:-440px -75px; } #js #accordion h2#week-program-before:hover { background-position:-660px -75px; } #js #accordion h2#last-match-active { background-position:0 -100px; } #js #accordion h2#next-match-active { background-position:-220px -100px; } #js #accordion h2#ligue-1-ranking-active { background-position:-440px -100px; } #js #accordion h2#week-program-active { background-position:-660px -100px; } #js #accordion .last-match, #js #accordion .next-match, #js #accordion .ligue-1-ranking, #js #accordion .week-program { background:url(../image/block/top-stories/tab-back.png) no-repeat; height:0; overflow:hidden; } #js #accordion div.last-match, #js #accordion div.next-match { height:239px; } #js #accordion div.next-match { background-position:0 -239px; } #js #accordion div.ligue-1-ranking { background-position:0 -478px; } #js #accordion div.week-program { background-position:0 -717px; } /* * !News list */ #news-list { color:#1F355A; margin:0 0 1em; padding-bottom:30px; position:relative; } #news-list h2 { background:url(../image/block/news-list/title.png) no-repeat; height:30px; margin:0 0 1em; text-indent:-9999em; width:45em; } #news-list .hentry { margin-bottom:2.2em; min-height:6.8em; padding-left:12.9em; position:relative; } #news-list h3 a, #news-list h3 a:visited { font-size:1.2em; } #news-list img { border:1px solid #9FCAF2; height:6.1em; left:0; position:absolute; top:.3em; width:12em; } #news-list p { font-size:1.1em; line-height:1.2em; } #news-list p img { display:none; } #news-list .entry-summary:after { content:url(../image/generic/arrow-red.gif); margin-left:.3em; } #news-list .post-info { color:#0048AA; } #news-list .post-info span { font-weight:bold; } #news-list .post-info a, #news-list .post-info a:visited { font-weight:normal; text-decoration:underline; } #news-list .post-info a:hover, #news-list .post-info a:active { text-decoration:none; } #news-list .see-all { background:url(../image/block/news-list/see-all.png) no-repeat; bottom:9px; height:16px; overflow:hidden; position:absolute; right:13px; text-indent:-9999em; width:130px; } #news-list .see-all:hover { background-position:left bottom; } #news-list .feed { left:119px; position:absolute; top:7px; } /* * !PSG TV */ #psg-tv { background:#E1001A url(../image/block/psg-tv/back.png) no-repeat 0 100%; margin:0 0 10px; padding-bottom:30px; position:relative; } #psg-tv h2 { background:url(../image/block/psg-tv/title.png) no-repeat; height:65px; margin-bottom:6px; text-indent:-9999em; } #psg-tv .inner { background:url(../image/block/psg-tv/back-texture.png); } #psg-tv .inner li { min-height:50px; overflow:hidden; padding:34px 0 0 84px; position:relative; } #psg-tv h3 { color:#FFF; font-size:1.2em; font-weight:bold; } #psg-tv h3 a { color:#FFF; } #psg-tv img { border:1px solid #8F070C; left:6px; position:absolute; top:21px; } #psg-tv .entry-category { color:#FFF; background:#B60010 url(../image/block/psg-tv/camera.gif) no-repeat 8px 50%; font-size:1.2em; font-weight:bold; height:15px; left:0; margin:0 0 5px; overflow:hidden; position:absolute; padding:1px 1px 1px 30px; right:0; top:0; } #psg-tv .entry-date { color:#5B0000; left:84px; position:absolute; top:21px; } #psg-tv .entry-length { background:url(../image/generic/arrow-white.gif) no-repeat 100% 50%; color:#FFF; display:inline; font-size:1em; padding:1px 8px 1px 1px; } #psg-tv .see-all { background:url(../image/block/psg-tv/see-all.png) no-repeat; bottom:10px; height:16px; overflow:hidden; position:absolute; right:3px; text-indent:-9999em; width:122px; } /* * !Breaking news list */ #breaking-news-list { background:#F1F7FD url(../image/block/breaking-news/back.png) repeat-x 0 30px; border:solid #C1D4EC; border-width:0 1px; margin:0 0 1em; padding-bottom:34px; position:relative; } #breaking-news-list h2 { background:url(../image/block/breaking-news/title.png) no-repeat; height:30px; margin:0 -1px; position:relative; text-indent:-9999em; } #breaking-news-list .hfeed { background:#FFF; border:1px solid #C1D4EC; height:189px; margin:1em 1em 0; overflow:auto; padding:0 1em; } #breaking-news-list .hfeed li { border-bottom:1px dashed #99B6DD; color:#0048AA; font-size:1.1em; overflow:hidden; padding:2px 0; } #breaking-news-list .hfeed li.last { border-bottom:0; } #breaking-news-list .hfeed li .date { float:left; margin:0; } #breaking-news-list .hfeed li.of-the-day .date { color:#DF002C; } #breaking-news-list .hfeed li span { float:left; margin:0 5px; } #breaking-news-list .hfeed li a, #in-brief .hfeed li a:visited { display:block; font-weight:normal; margin-left:41px; } #breaking-news-list .hfeed li.of-the-day a, #in-brief .hfeed li.of-the-day a:visited { font-weight:bold; } #breaking-news-list .hfeed li.psg-tv a { background:url(../image/generic/icon-psg-tv.gif) no-repeat 0 .273em; text-indent:42px; } #breaking-news-list .footer { background:url(../image/block/breaking-news/bottom.png) no-repeat left bottom; bottom:0; height:34px; margin:0 -1px; position:absolute; right:0; width:300px; } #breaking-news-list .see-all { background:url(../image/block/breaking-news/see-all.png) no-repeat; bottom:10px; height:19px; overflow:hidden; position:absolute; right:13px; text-indent:-9999em; width:103px; } #breaking-news-list .see-all:hover { background-position:left bottom; } #breaking-news-list .feed {left:86px; position:absolute; top:7px; } /* * !Shop */ #shop-static { margin-bottom:1em } #shop-static h2 { background:url(../image/generic/shop-title.png) no-repeat; font-size:0; height:17px; margin-bottom:1px; text-indent:-9999em; } /* * !Promotion */ #promotion h2 { background:url(../image/generic/promotion-title.png) no-repeat; font-size:0; height:17px; margin-bottom:1px; text-indent:-9999em; } #promotion li { margin-bottom:1px; } #promotion li * { vertical-align:middle; } /* * !Poll */ #poll { background:#EFF6FC url(../image/block/poll/back.png) repeat-x 0 30px; border:solid #C0D4EC; border-width:0 1px; position:relative; } #poll h2 { background:url(../image/block/poll/title.png) no-repeat; height:30px; margin:0 -1px; position:relative; text-indent:-9999em; } #poll fieldset, #poll .outer { background:#F6F9FE url(../image/block/poll/inner-back.gif) repeat-x left bottom; border:1px solid #C0D4EC; margin:1em; padding:1.4em 1em; } #poll fieldset div, #poll .outer div { min-height:238px; } #poll fieldset p, #poll .outer p { background:none; color:#0F3775; font-weight:bold; font-size:1.1em; height:auto; margin:0; } #poll ul { height:260px; margin:1em 0 0; overflow:auto; } #poll li { clear:both; padding:.4em 0; } #poll input { float:left; margin:0 .5em 0 0; vertical-align:middle; } #poll label { color:#0048AA; display:block; float:left; font-size:1.1em; line-height:1.4em; width:10em; } #poll .results img { height:8px; vertical-align:middle; } #poll .results p { color:#0048AA; font-size:1.1em; font-weight:normal; line-height:1.4em; } #poll button { background-image:url(../image/generic/button-vote.png); display:block; margin:0 auto; width:86px; } #poll p { background:url(../image/block/poll/bottom.png) no-repeat left bottom; height:2.5em; margin:0 -1px; } #poll .see-all { background:url(../image/block/poll/see-all.png) no-repeat; bottom:10px; height:16px; overflow:hidden; position:absolute; right:13px; text-indent:-9999em; width:124px; } #poll .see-all:hover { background-position:left bottom; } /* * !Ticketing */ #ticketing { background:#A3CAF2 url(../image/block/ticketing/back.png) no-repeat 0 50px; border:solid #C0D4EC; border-width:0 1px; margin:0 0 1em; position:relative; } #ticketing h2 { background:url(../image/block/ticketing/title.png) no-repeat; height:50px; margin:0 -1px; position:relative; text-indent:-9999em; } #ticketing .sub { position:absolute; left:-9999em; } #ticketing-inner { margin:0 1em; overflow:hidden; position:relative; width:42.8em; } #ticketing .events { width:43.2em; } #ticketing .vevent { background:url(../image/block/ticketing/inner-back.png); float:left; height:18.5em; margin:0 .4em .4em 0; overflow:hidden; width:14em; } #ticketing .day { background:#9FCAF2; color:#FFF; font-size:1.1em; font-weight:bold; height:1.73em; line-height:1.73em; margin:.273em .273em .181em; text-align:center; } #ticketing .summary { color:#0048AA; font-size:1.1em; font-weight:bold; height:1.73em; line-height:1.73em; margin-bottom:3px; text-align:center; } #ticketing .show .summary, #ticketing .other .summary, #ticketing .summary span { position:absolute; left:-9999em; } #ticketing .illustration { display:block; margin:0 auto .4em; width:6.4em; } #ticketing .show .illustration, #ticketing .other .illustration { height:9.4em; width:13.4em; } #ticketing .category, #ticketing .step, #ticketing .date { color:#0048AA; font-size:1.1em; margin-left:.6em; } #ticketing .show .category, #ticketing .other .category { background:url(../image/block/ticketing/show.png); height:15px; margin-bottom:.4em; text-indent:-9999em; width:76px; } #ticketing .other .category { background:none; } #ticketing .date span { font-weight:bold; } #ticketing p.price { top:-33px; color:#0048AA; font-size:26px; font-weight:bold; height:37px; position:relative; left:86px; text-align:center; width:48px; } #ticketing p.price .from { background:url(../image/block/ticketing/from.png); display:block; font-size:0; height:7px; margin:0 auto; text-indent:-9999em; width:43px; } #ticketing p.price .currency { font-size:0.693em; vertical-align:top; } #ticketing .url, #ticketing .full { background:url(../image/generic/button-reserve.png); top:-3.2em; display:block; left:.6em; height:19px; overflow:hidden; position:relative; text-indent:-9999em; width:128px; } #ticketing .full { background:url(../image/_block/ticketing/full.png); } #ticketing .links { background:url(../image/block/ticketing/bottom.png) no-repeat left bottom; height:3.3em; margin:0 -1px; overflow:hidden; padding:.5em 10em 0; position:relative; width:25em; } #ticketing .links li { float:left; width:124px; } #ticketing .links a { background:url(../image/block/ticketing/nav.png); display:block; height:13px; overflow:hidden; text-indent:-9999em; } #ticketing .links .calendar { width:90px; } #ticketing .links .calendar:hover { background-position:left bottom; } #ticketing .links .ticketing { background-position:right top; width:124px; } #ticketing .links .ticketing:hover { background-position:right bottom; } #ticketing .nav li { position:absolute; left:1em; bottom:1.6em; z-index:1; } #ticketing .nav .next { left:auto; right:1em; } #ticketing .nav a { background:url(../image/generic/button-arrows.png); display:block; height:20px; overflow:hidden; text-indent:-9999em; width:71px; } #ticketing .nav .next a { background-position:right top; } /* !Ticketing + JS */ #js #ticketing .events { width:115.2em; } #js #ticketing .vevent { margin-bottom:0; } /* * !Shop */ #shop { background:#5E708A url(../image/block/shop/back.png) repeat-x 0 36px; border:solid #A0A7C0; border-width:0 1px; margin:.1em 0 1em; position:relative; } #shop h2 { background:url(../image/block/shop/title.png) no-repeat; height:36px; margin:0 -1px; position:relative; text-indent:-9999em; } #shop-inner { margin:0 7px; overflow:hidden; position:relative; width:28.4em; } #shop-inner li { background:#FFF url(../image/block/shop/inner-back.png) no-repeat; display:inline; float:left; height:56px; margin:0 .1em; padding:129px .6em 0; position:relative; width:12.8em; } #shop-inner img { display:block; left:.9em; position:absolute; top:.9em; } #shop-inner h3 { color:#1E365B; font-size:1.1em; font-weight:normal; height:24px; margin:.3em; text-align:center; } #shop-inner h3 span { font-weight:bold; } #shop-inner .button { background:url(../image/generic/button-more-infos.png); width:128px; } #shop p { position:relative; background:url(../image/block/shop/bottom.png) no-repeat left bottom; clear:both; height:34px; margin:0 -1px; } #shop p a { background:url(../image/block/shop/see-all.png) no-repeat; bottom:12px; display:block; height:19px; overflow:hidden; position:absolute; right:101px; text-indent:-9999em; width:97px; } #shop .nav li { position:absolute; left:1em; bottom:1em; z-index:1; } #shop .nav .next { left:auto; right:1em; } #shop .nav a { background:url(../image/generic/button-arrows2.png); display:block; height:20px; overflow:hidden; text-indent:-9999em; width:71px; } #shop .nav .next a { background-position:right top; } /* !Shop + JS */ #js #shop-inner ul { width:115.2em; } /* * !Community */ #community { background:#DFEDFB url(../image/block/community/back.png) repeat-x 0 30px; padding:0 1.1em; position:relative; } #community h2 { background:url(../image/block/community/title.png) no-repeat; height:30px; margin:0 -1.1em; text-indent:-9999em; } #community div.psg-fantv, #community div.forums, #community div.friends, #community div.blogs { background:#F1F7FD url(../image/block/community/inner-back.png) no-repeat left bottom; height:20.9em; margin:0 auto 1em; overflow:auto; padding:2em .9em .9em; position:relative; width:41em; } #community h3 { background-image:url(../image/block/community/tabs.png); height:26px; margin:0 .1em; text-indent:-9999em; width:105px; } #community .subscribe { background:url(../image/block/community/bottom.png) no-repeat left bottom; height:4.9em; margin:0 -1.1em; position:relative; width:45em; } #community .subscribe a { background:url(../image/block/community/subscribe.png) no-repeat; bottom:1.8em; height:27px; position:absolute; right:1.6em; text-indent:-9999em; width:213px; } #community .subscribe a:hover { background-position:left bottom; } #community-psg-fantv { background-position:0 0; } #community-forums { background-position:-105px 0; } #community-forums a { display:block; height:26px; width:105px; } #community-friends { background-position:-210px 0; } #community-blogs { background-position:-315px 0; } #community-psg-fantv.active { background-position:0 -26px; } #community-forums.active { background-position:-105px -26px; } #community-friends.active { background-position:-210px -26px; } #community-blogs.active { background-position:-315px -26px; } /* !PSG FanTV tab */ #community .psg-fantv li { float:left; height:7em; padding:0 .4em 0 7.7em; overflow:hidden; position:relative; width:12.3em; } #community .psg-fantv h4 { display:block; height:3em; overflow:hidden; } #community .psg-fantv h4 a, #community .psg-fantv h4 a:visited { font-size:1.2em; } #community .psg-fantv img { border:1px solid #C5D8EE; left:0; position:absolute; top:0; width:7em; } #community .psg-fantv li p { color:#8E9AAD; font-size:1.1em; line-height:1.2em; white-space:nowrap; } #community .psg-fantv li span { display:block; } #community .psg-fantv li p a, #community .psg-fantv li p a:visited { color:#1E365B; font-weight:bold; text-decoration:none; } #community .psg-fantv li p a:hover, #community .psg-fantv li p a:active { text-decoration:underline; } #community .psg-fantv .see-all, #community .psg-fantv .see-all:visited { background:url(../image/generic/arrow-red.gif) no-repeat left center; bottom:6em; font-size:1.1em; overflow:hidden; padding-left:9px; position:absolute; right:2.09em; } #community .psg-fantv .publish { background:url(../image/block/community/psg-fantv-publish-text.png) no-repeat; bottom:2.6em; height:23px; left:1.1em; position:absolute; text-indent:-9999em; width:40em; } #community .psg-fantv .publish a { background:url(../image/block/community/psg-fantv-publish-button.png); bottom:-.1em; height:25px; overflow:hidden; position:absolute; right:0; text-indent:-9999em; width:135px; } /* !Forums tab */ /* !Friends tab */ /* !Blogs tab */ /* * !Community + JS */ #js #community { background-image:url(../image/block/community/back-js.png); height:34.4em; overflow:hidden; padding-bottom:0; width:42.8em; } #js #community div.psg-fantv, #js #community div.forums, #js #community div.friends, #js #community div.blogs { left:1.1em; margin:0; position:absolute; top:5.6em; } #js #community .subscribe { bottom:0; left:0; margin:0; position:absolute; } #js #community h3 { cursor:pointer; position:absolute; top:30px; } #js #community-psg-fantv { left:1.1em; } #js #community-forums { left:11.8em; } #js #community-friends { left:22.5em; } #js #community-blogs { left:33.2em; } #js #community div.active { z-index:4; } /* * !Promotional navigation */ #nav-promo { } #nav-promo h2 { background:no-repeat; height:10px; margin-bottom:.9em; text-indent:-9999em; } #nav-promo .part1 h2 { background-image:url(../image/generic/visit-the-parc-des-princes-title.png); } #nav-promo .part2 h2 { background-image:url(../image/generic/around-the-club-title.png); } #nav-promo .part3 h2 { background-image:url(../image/generic/le-70-restaurant-title.png); } #nav-promo img { border:1px solid #99BDD4; float:left; margin-right:1em; } #nav-promo p { font-size:1.1em; } #nav-promo a, #nav-promo a:visited { background:url(../image/generic/arrow-red.gif) no-repeat left center; font-size:1.1em; padding-left:9px; } /* * !Gallery */ #gallery { background:url(../image/block/gallery/back.png) no-repeat 0 3em; height:323px; margin:0 0 1em; position:relative; } #gallery h2, #gallery h4 { background:url(../image/block/gallery/title.png) no-repeat; height:30px; text-indent:-9999em; } #gallery li { background:no-repeat center center; border:1px solid #FFF; display:block; height:66px; overflow:hidden; position:absolute; width:66px; z-index:1; } #gallery h3 { background:#000; bottom:0; color:#FFF; font-size:1.1em; font-weight:normal; display:none; padding:.2em 4px; position:absolute; width:152px; } #gallery li a { display:block; height:100%; overflow:hidden; position:absolute; width:100%; } #gallery img { height:120px; margin:-29px 0 0 -49px; width:160px; } #gallery .see-all { background:url(../image/block/gallery/see-all.png) no-repeat; bottom:0; height:16px; overflow:hidden; position:absolute; right:13px; text-indent:-9999em; width:123px; } #gallery .see-all:hover { background-position:left bottom; } #gallery-1, #gallery-2, #gallery-3 { top:30px; } #gallery-4, #gallery-5, #gallery-6 { top:97px; } #gallery-7, #gallery-8, #gallery-9 { top:164px; } #gallery-10, #gallery-11, #gallery-12 { top:231px; } #gallery-1, #gallery-4, #gallery-7, #gallery-10 { left:-1px; } #gallery-2, #gallery-5, #gallery-8, #gallery-11 { left:66px; } #gallery-3, #gallery-6, #gallery-9, #gallery-12 { right:-1px; } /* ================================ * !IE Patches (PNG fix, hasLayout triggers, etc.) * IE<6 is not supported * ================================*/ /* * !Layout */ /* !General layout */ .IE6 { background:url(../image/layout/body-texture-ie.png); } .IE6 div#container { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/layout/body-shadow.png'); } /* !Commons layout components */ /* !Branding */ .IE6 #branding p { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='../image/layout/branding-logo.png'); } /* !Main navigation */ .IE6 #nav-main .level1 { background:#0048AA; border-bottom:1px solid #000; } .IE6 #nav-main li.highlight li { background:#013275; } .IE6 #nav-main .level1 li.infos { background:#013275; } /* !Account */ .IE div#account ul { width:17em; } .IE #account .logout { margin-top:-2px; width:7.2em; } .IE #account #auto { margin:0 .3em 0 0; } .IE6 form#account h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/layout/account-connect.png'); } .IE6 div#account h2 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/layout/account-member.png'); } /* * !Commons website items */ /* !Overlay */ #overlay { filter:Alpha(opacity=80); } /* !Page navigation */ .IE .nav-page, .IE .nav-page li, .IE .nav-page div, .IE .nav-page li a { zoom:1; } /* !Generic page */ /* !Generic page form */ .IE #generic label { line-height:1.7em; } .IE6 #generic form, .IE6 #generic form div { zoom:1; } /* * !Main page layout components */ /* !Top stories */ /* !Part 1 */ .IE6 #top-stories .part1 .hfeed { zoom:1; } .IE6 #top-stories-inner div { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/block/top-stories/back2.png'); } /* !Part 2 */ .IE6 #accordion .versus { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/block/top-stories/vs-ie.png'); } .IE6 #accordion ul { zoom:1; } .IE6 #accordion .week-program ol { overflow-x:hidden !important; } /* !News list */ .IE6 #news-list { zoom:1; } .IE6 #news-list .hentry { height:6.8em; } /* !Breaking news list */ .IE6 #breaking-news-list, .IE6 #breaking-news-list .hfeed li, .IE6 #breaking-news-list p { zoom:1; } .IE6 #breaking-news-list .hfeed li a { text-indent:-.272em; } .IE6 #breaking-news-list .hfeed li.psg-tv a { text-indent:42px; } /* !Poll */ .IE6 #poll { zoom:1; } .IE6 #poll fieldset div { height:235px; } .IE #poll input { margin-top:-2px; } /* !Ticketing */ .IE6 #ticketing { zoom:1; } .IE6 #ticketing .vevent { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../image/block/ticketing/inner-back.png'); } .IE6 #ticketing .nav li { bottom:1.5em; } /* !Shop */ .IE6 #shop { zoom:1; } /* !Gallery */ #js .IE #gallery li a { /* if there is no background, on hover IE go through the element */ background:#FFF; filter:Alpha(Opacity=0); }