/*---------------------------------------------------------- Main CSS Main styles for all the website Project: OM.net Author: Yannick Croissant (e-TF1) Summary : Reset styles Layout General layout Commons layout components Branding Skip navigation Main navigation Language navigation Additional navigation Breadcrumb Account Account (logged) Search Footer Advertisements Commons website items Links Messages Buttons Overlay Forms Tables Page navigation Blocks Block Block (alternative style 1) Block (alternative style 2) Block (alternative style 3) Block footer Block corners Article content Article forms Tooltips Misc Main page layout components Live home Top Stories Top Stories + JS News list OMtv OMtv + JS OMtv : specific styles for the homepage OMtv : specific styles for the large column OMtv : specific styles for the medium column OMtv : specific styles when the homepage block is not on the homepage (wait, what ?) Slideshow Slideshow + JS Photos Poll Diary Breaking news list Breaking-news list + JS Ticketing Matchs Next match and last match Ranking Matchs + JS Matchs sidebar Club List Shop Shop + JS Diaporama Photo Diaporama Photo + JS ----------------------------------------------------------*/ /* ================================ * !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, h1, h2, h3, h4, h5, h6, 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; 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; } /* 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; } /* ================================ * !Layout * ================================*/ /* * !General layout */ html { background:#000 url(http://www.om.net/image/generic/halo.jpg) no-repeat 50% 0; font-family:Arial, Helvetica, sans-serif; } body { background:url(http://www.om.net/image/generic/back.png); color:#FFF; font-size:10px; line-height:normal; padding-bottom:20px; } .IE { background:none; } #container { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat scroll -2988px 100% transparent; margin:0 auto; padding:128px 0 12px; position:relative; width:996px; } /* width = your page width */ #content { background:url(http://www.om.net/image/generic/main-shadows.png) repeat-y -996px 0; color:#000; padding:10px 8px 0; } [class*="grid-"] { background:#FFF; float:left; overflow:hidden; margin:0 5px; } .grid-1 { width:170px; } .grid-2 { width:300px; } .grid-3 { width:480px; } .grid-4 { width:660px; } .grid-5 { width:790px; } .grid-6 { width:970px; } .row { margin:0 auto; overflow:hidden; padding:0 5px; width:980px; } .row .row { display:inline-block; margin:0 -5px; padding:0; width:auto; } /* * !Commons layout components */ /* !Branding */ #branding { margin-bottom:21px; } #branding h1 a { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat; display:block; height:119px; overflow:hidden; position:relative; text-indent:-9999em; width:334px; z-index:1; } #branding p a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1600px -164px; height:26px; left:16px; overflow:hidden; position:absolute; text-indent:-9999em; top:100px; width:146px; z-index:1; } [lang|='en'] #branding p a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } /* !Skip navigation */ #nav-skip { background:#000; left:-9999em; padding:4px; position:absolute; top:0; z-index:10; } #nav-skip.active { left:0; } #nav-skip.active li { float:left; padding:0 5px; } /* !Main navigation */ #nav-main { zoom:1; background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat 0 -162px; padding:5px 13px 0; position:absolute; left:0; top:237px; width:970px; } #nav-main h2 { left:-9999em; position:absolute; } #nav-main > ul > li { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat; float:left; height:26px; } [lang|='en'] #nav-main > ul > li { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #nav-main > ul > li > a, #nav-main > ul > li > span { display:block; height:26px; overflow:hidden; text-indent:-9999em; } #nav-main > ul > li > span { cursor:default; } .IE6 #nav-main ul li { background-image:url(http://www.om.net/image/generic/main-sprite.png); background-repeat:no-repeat; float:left; height:26px; } .IE6 #nav-main ul li a, .IE6 #nav-main ul li span { display:block; height:26px; overflow:hidden; text-indent:-9999em; } .IE6 #nav-main ul li span { cursor:default; } #nav-main .home { background-position:0 0; width:97px; } #nav-main .season { background-position:-97px 0; width:90px; } #nav-main .teams { background-position:-187px 0; width:97px; } #nav-main .omtv { background-position:-284px 0; width:126px; } #nav-main .community { background-position:-410px 0; width:157px; } #nav-main .club { background-position:-567px 0; width:81px; } #nav-main .ticketing { background-position:-648px 0; width:118px; } #nav-main .shop { background-position:-766px 0; width:105px; } #nav-main .mobile { background-position:-871px 0; width:99px; } #nav-main .home:hover { background-position:0 -26px; } #nav-main .season:hover { background-position:-97px -26px; } #nav-main .teams:hover { background-position:-187px -26px; } #nav-main .omtv:hover { background-position:-284px -26px; } #nav-main .community:hover { background-position:-410px -26px; } #nav-main .club:hover { background-position:-567px -26px; } #nav-main .ticketing:hover { background-position:-648px -26px; } #nav-main .shop:hover { background-position:-766px -26px; } #nav-main .mobile:hover { background-position:-871px -26px; } [lang|='en'] #nav-main .home { width:118px; } [lang|='en'] #nav-main .season { background-position:-118px 0; width:130px; } [lang|='en'] #nav-main .teams { background-position:-248px 0; width:123px; } [lang|='en'] #nav-main .community { background-position:-371px 0; width:139px; } [lang|='en'] #nav-main .club { background-position:-510px 0; width:138px; } [lang|='en'] #nav-main .shop { background-position:-648px 0; width:184px; } [lang|='en'] #nav-main .mobile { background-position:-832px 0; width:138px; } [lang|='en'] #nav-main .season:hover { background-position:-118px -26px; } [lang|='en'] #nav-main .teams:hover { background-position:-248px -26px; } [lang|='en'] #nav-main .community:hover { background-position:-371px -26px; } [lang|='en'] #nav-main .club:hover { background-position:-510px -26px; } [lang|='en'] #nav-main .shop:hover { background-position:-648px -26px; } [lang|='en'] #nav-main .mobile:hover { background-position:-832px -26px; } #nav-main ul ul { background:#282828; border-top:1px solid #CACACA; padding-bottom:6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; left:-9999em; position:absolute; z-index:10; } #nav-main li:hover ul, #nav-main li.active ul { left:auto; } .IE6 #nav-main li li { background:none; float:none; height:auto; } #nav-main li li a { background:url(http://www.om.net/image/generic/x-sprite.png) repeat-x; border-bottom:1px solid #494949; color:#FFF; display:block; font-size:12px; font-weight:normal; padding:6px 21px; white-space:nowrap; } [lang|='en'] #nav-main li li a[href^='/fr'] { padding-right:42px; } .IE6 #nav-main li li a { height:auto; text-indent:0; } #nav-main li li a:hover { background-position:0 -27px; text-decoration:none; } /* !Language navigation */ #nav-lang { right:13px; position:absolute; top:108px; z-index:2; } #nav-lang li { border:1px solid #CACACA; display:inline; float:left; margin-left:7px; } #nav-lang .fr { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat -949px 0; height:16px; text-indent:-9999em; width:22px; } #nav-lang .en { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat -971px 0; height:16px; text-indent:-9999em; width:22px; } #nav-lang a { display:block; height:16px; overflow:hidden; width:22px; } /* !Additional navigation */ #nav-add { } /* !Breadcrumb */ #breadcrumb { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1450px -82px; height:41px; line-height:41px; margin-bottom:10px; overflow:hidden; padding-left:11px; } [lang|='en'] #breadcrumb { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } .twoparts #breadcrumb { left:195px; } #breadcrumb li { background:url(http://www.om.net/image/generic/x-sprite.png) no-repeat 0 -65px; display:inline; margin-right:3px; padding-left:14px; } #breadcrumb a { text-decoration:underline; } /* !Account */ #account { background:url(http://www.om.net/image/generic/main-shadows.png) repeat-y -1992px 0; height:124px; left:0; position:absolute; top:0; width:996px; } #account h2 { left:-9999em; position:absolute; } #account fieldset { position:absolute; margin:106px 0 -12px 176px; z-index:1; } #account p { display:inline; } #account label { left:-9999em; position:absolute; } #account-login { margin:0 3px 0 0; width:135px; } #account-password { margin:0 3px 0 0; width:107px; } #account button { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2199px -123px; height:20px; width:22px; } [lang|='en'] #account button { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #account-auto { margin:0 6px; } #account .auto { font-size:.833em; margin-right:10px; position:static; } #account .forgotten { color:#FFF; font-size:.833em; font-weight:normal; margin-left:28px; vertical-align:middle; } #account .button { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1530px -142px; display:inline-block; height:22px; margin-left:6px; width:80px; } [lang|='en'] #account .button { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #account .footer { background:url(http://www.om.net/image/generic/main-shadows.png) repeat-y 0 -193px; height:13px; left:0; position:absolute; bottom:-13px; width:996px; } /* !Account (logged) */ #account .ident fieldset { margin:109px 0 -12px 173px; } #account .ident p { border:solid #696969; border-width:0 1px; color:#C8C8C8; float:left; font-size:1.1em; font-weight:bold; margin:0; padding:0 10px; } #account .ident span { color:#696969; font-weight:normal; margin-left:10px; } #account .ident ul { float:left; } #account .ident li { display:inline; } #account .ident li a { background:url(http://www.om.net/image/generic/x-sprite.png) no-repeat 100% -64px; font-size:1.1em; margin-left:20px; padding-right:10px; } /* !Search */ #search { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat -45px -120px; height:42px; overflow:hidden; padding:0 14px 0 680px; position:absolute; left:34px; top:136px; z-index:1; } #search p { margin:10px 0 0; } #search label { float:left; height:25px; text-indent:-9999em; width:30px; } #search-q { margin:0 7px 0 3px; width:192px; } #search button { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat -936px -16px; height:20px; width:22px; } /* !Footer */ #footer { background:#00A1E0 url(http://www.om.net/image/generic/footer.jpg) no-repeat; margin:0 3px; padding:122px 0 0; text-align:center; } #footer h2 { left:-9999em; position:absolute; } #footer .partners { margin:8px 0 0 20px; overflow:hidden; } #footer .partners li { display:inline-block; padding:0 7px; } .IE7 #footer .partners li { display:inline; zoom:1; } #footer .partners > li { float:left; height:auto; margin-right:20px; min-height:79px; min-width:340px; padding:0; position:relative; } #footer .partners .suppliers { min-width:230px; } #footer .partners ul { bottom:20px; min-width:340px; position:absolute; } #footer .suppliers ul { min-width:230px; } #footer .partners h3 { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -950px -197px; bottom:0; height:14px; left:0; position:absolute; text-indent:-9999em; width:340px; } [lang|='en'] #footer .partners h3 { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #footer .partners2 h3 { background-position:-1290px -197px; } #footer .suppliers h3 { background-position:-1630px -197px; width:230px; } #footer .copyrights { font-size:1.1em; padding:20px 0 10px; } #footer .copyrights div, #footer .copyrights address, #footer .copyrights ul, #footer .copyrights li { display:inline; font-style:normal; } #footer .copyrights li:before { content:' - '; } .IE7 #footer .copyrights li { padding-left:5px; } #footer .copyrights a { color:#FFF; font-weight:normal; text-decoration:underline; } #footer .copyrights a:active, #footer .copyrights a:hover { text-decoration:none; } /* !Advertisements */ #ads-megabanner { position:absolute; right:8px; top:5px; } #ads-skyscrapper { position:absolute; right:-130px; top:0; } #ads-carre { background:#FFF url(http://www.om.net/image/generic/footer-sprite.png) no-repeat -2380px 100%; display:none; padding-bottom:7px; } #ads-carre-placeholder { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -480px -134px; overflow:hidden; padding-top:7px; margin:0 auto 10px; width:300px; } [lang|='en'] #ads-carre-placeholder { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #ads-carre-placeholder #ads-carre { display:block; } #ads-betclick-header { left:8px; position:absolute; top:5px; } #ads-back-top, #ads-back-left, #ads-back-right { display:none; height:700px; position:absolute; top:0; width:120px; } #ads-back-top { height:104px; left:0; top:136px; width:996px; } #ads-back-left { left:-120px; } #ads-back-right { right:-120px; } /* ================================ * !Commons website items * ================================*/ /* * !Links */ a, a:visited { color:#0093DD; font-weight:bold; text-decoration:none; } a:hover, a:active { text-decoration:underline; } [lang|='en'] .entry-content a[href^='/fr'], [lang|='en'] a[lang|='fr'][href^='/fr'] { padding-right:21px; } [lang|='en'] .entry-content a[href^='/fr']:after, [lang|='en'] a[lang|='fr'][href^='/fr']:after { color:#DDD; content:' (FR)'; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8px; margin-right:-21px; vertical-align:top; } /* * !Messages * Note : The !important are used to avoid context inherit */ .message, .error, .warning { background:#E6EFC2 url(http://www.om.net/image/generic/accept.png) no-repeat .4em .4em !important; border:2px solid #C6D880 !important; color:#000 !important; display:block !important; margin:1em !important; font-size:12px !important; font-weight:normal !important; padding:.4em .4em .4em 27px !important; line-height:1.6em !important; } .error { background-color:#FBE3E4 !important; background-image:url(http://www.om.net/image/generic/exclamation.png) !important; border-color:#FBC2C4 !important; } .warning { background-color:#FBE5C5 !important; background-image:url(http://www.om.net/image/generic/warning.png) !important; border-color:#F29A1B !important; } .error p { font-size:1em !important; margin:0 !important; padding:0 !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; } /* * !Buttons */ 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:0 100%; } a.button { display:block; } /* * !Overlay */ body.overlay iframe, body.overlay object, body.overlay embed { visibility:hidden; } body.IE6.overlay select { visibility:hidden; } body.overlay #flashcontent object, body.overlay #flashcontent embed { visibility:visible; } #overlay { background:#000; display:none; position:absolute; top:0; left:0; z-index:10000; } #overlay-loading { display:none; z-index:10001; } #overlay-lightbox { background:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:none; padding:10px; position:absolute; z-index:10002; } #overlay-lightbox span { background:url(http://www.om.net/image/site/fr/close.gif) no-repeat; height:25px; position:absolute; right:10px; top:10px; width:25px; } /* * !Forms */ input, select, label { margin:0; vertical-align:middle; } form p { font-size:1.2em; margin:10px 0; } form label, form .label { display:inline-block; width:170px; } form label.after { display:inline; width:auto; } form input, form select { margin:0 5px; } form .submit { margin:0; text-align:center; } form .submit button { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1450px -142px; height:22px; width:80px; } [lang|='en'] form .submit button { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } /* * !Tables */ table {} table tr {} table th, table td { font-size:1.1em; padding:4px; vertical-align:middle; } table td { padding:4px 4px 3px; } table th { background:#F4F4F4; border-bottom:1px solid #CACACA; color:#A0A0A0; font-weight:normal; } table td { background:#FFF; border-bottom:1px solid #CACACA; color:#000; } /* * !Page navigation */ .nav-page { font-size:12px; text-align:right; } .nav-page li { display:inline; margin:0 !important; } .nav-page span { display:inline-block; margin:1px 4px; vertical-align:middle; } .nav-page a.previous, .nav-page a.next { display:none; } /* Snif */ .nav-page span span { left:-9999em; position:absolute; } .nav-page a, .nav-page a:visited { background:none !important; border-bottom:1px solid #BFDEEA; cursor:pointer; display:inline-block; padding:0 !important; } .nav-page .current a, .nav-page .current { border-bottom:1px solid #FFF; font-weight:bold; } .nav-page a.active, .nav-page a:active, .nav-page a:hover { border-color:#FFF; text-decoration:none; } /* * !Blocks */ .block { border:solid #CACACA; border-width:0 1px; clear:both; margin-bottom:10px; position:relative; } .block.alt3 { background:#000; } .block h2 { background:url(http://www.om.net/image/generic/main-sprite.png); height:14px; margin:0 -1px; padding:13px 11px 14px; } [lang|='en'] .block h2 { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } .block h2 span { background:url(http://www.om.net/image/generic/titles.png) no-repeat 0 17px; display:block; height:17px; overflow:hidden; text-indent:-9999em; } [lang|='en'] .block h2 span { background-image:url(http://www.om.net/image/generic/titles-en.png); } .block .inner { padding:10px; } .IE .block .inner { zoom:1; } .block .footer { background:url(http://www.om.net/image/generic/footer-sprite.png) no-repeat; margin:0 -1px; padding:7px 11px 14px; overflow:hidden; } .block div.footer { font-size:0; } /* !Block */ .grid-1 > .block h2 { background-position:-780px -52px; } .grid-1 > .block .footer { background-position:-780px 100%; } .grid-2 > .block h2 { background-position:-480px -52px; } .grid-2 > .block .footer { background-position:-480px 100%; } .grid-3 > .block h2 { background-position:0 -52px; } .grid-3 > .block .footer { background-position:0 100%; } .grid-5 > .block h2, .grid-5 .entry-content > .block h2 { background-position:-1450px 0px; } .grid-5 > .block .footer, .grid-5 .entry-content > .block .footer { background-position:-3800px 100%; } /* !Block (alternative style 1) */ .grid-1 > .block.alt1 h2 { background-position:-780px -93px; } .grid-1 > .block.alt1 .footer { background-position:-1730px 100%; } .grid-2 > .block.alt1 h2 { background-position:-480px -93px; } .grid-2 > .block.alt1 .footer { background-position:-1430px 100%; } .grid-3 > .block.alt1 h2 { background-position:0 -93px; } .grid-3 > .block.alt1 .footer { background-position:-950px 100%; } /* !Block (alternative style 2) */ .grid-1 > .block.alt2 h2 { background-position:-780px -134px; } .grid-1 > .block.alt2 .footer { background-position:-2680px 100%; } .grid-2 > .block.alt2 h2 { background-position:-480px -134px; } .grid-2 > .block.alt2 .footer { background-position:-2380px 100%; } .grid-3 > .block.alt2 h2 { background-position:0 -134px; } .grid-3 > .block.alt2 .footer { background-position:-1900px 100%; } /* !Block (alternative style 3) */ .grid-1 > .block.alt3 h2 { background-position:-780px -175px; } .grid-1 > .block.alt3 .footer { background-position:-3630px 100%; } .grid-2 > .block.alt3 h2 { background-position:-480px -175px; } .grid-2 > .block.alt3 .footer { background-position:-3330px 100%; } .grid-3 > .block.alt3 h2 { background-position:0 -175px; } .grid-3 > .block.alt3 .footer { background-position:-2850px 100%; } .grid-5 > .block.alt3 h2 { background-position:-1450px -41px; } .grid-5 > .block.alt3 .footer { background-position:-4590px 100%; } /* !Block footer */ .block .footer a { background:url(http://www.om.net/image/generic/x-sprite.png) no-repeat 100% -64px; padding-right:10px; } .block.alt2 .footer a, .block.alt3 .footer a { background:url(http://www.om.net/image/generic/x-sprite.png) no-repeat 100% -84px; color:#FFF; } .block p.footer { font-size:1.2em; text-align:right; } .block ul.footer { font-size:1.2em; overflow:hidden; text-align:right; } .block .footer li { display:inline; margin-left:15px; } /* !Block corners */ .corner-tl, .corner-tr, .corner-bl, .corner-br { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat; height:10px; position:absolute; width:10px; z-index:2; } .corner-tl { background-position:-974px -16px; left:0; top:0; } .corner-tr { background-position:-983px -16px; right:0; top:0; } .corner-bl { background-position:-974px -26px; bottom:0; left:0; } .corner-br { background-position:-983px -26px; bottom:0; right:0; } /* * !Article content */ .entry-content { color:#000; font-size:1.2em; line-height:1.4em; text-align:justify; } .entry-content p.catchline { font-weight:bold; margin:0 0 1em; } .entry-content p { margin:1em 0; padding:0; } .entry-content a, .entry-content a:visited { text-decoration:underline; } .entry-content a:hover, .entry-content a:active { text-decoration:none; } .entry-content h1 { font-size:1.5em; color:#009DDC; margin:1em 0; } .entry-content h2 { text-align:left; color:#009DDC; font-size:1.25em; } .entry-content h2.style2 { color:#FFF; background-color:#51BCE8; padding:.3em .6em; font-size:1.1em; height:15px; margin:0 0 14px; clear:both; } .entry-content h3 { color:#009ddc; font-size:1em; margin:1em 0; } .entry-content h4, .entry-content h5, .entry-content h6 { color:#141414; font-size:1em; margin:1em 0;} .entry-content ul, .entry-content ol { margin:1em; } .entry-content ol { list-style:inside decimal; } .entry-content ul li { list-style:outside disc; margin-left:1.6em; } .IE6 .entry-content ul li { zoom:1; } .entry-content h6 { font-size:1.2em; } .entry-content q { font-style:italic; } .entry-content blockquote { background:#FFF; border:1px solid #C1D4EC; margin:2em; padding:.5em 1em; font-style:italic; } .entry-content blockquote p:before, .entry-content blockquote p:after, .entry-content q:before, .entry-content q:after { content: '"'; } .entry-content cite { font-weight:bold; } .entry-content blockquote cite { display:block; text-align:right; } .entry-content img { margin:5px 10px; vertical-align:middle; } .entry-content .bleu { color:#009DDC; } /* Bad */ .entry-content .bleu2 { color:#46A0EB; } /* Very Bad */ .entry-content q, .entry-content blockquote { font-style:italic; color:#46A0EB; } .entry-content q { quotes:'' ''; } .entry-content q:before { content:''; } .entry-content q:after { content:''; } .entry-content blockquote { background:#E5F5FB url(http://www.om.net/image/site/fr/bloc/q_back.gif) no-repeat 100% 0; border:1px solid #E5F5FB; margin:1em 10px; padding:0 75px 0 1em; } .entry-content pre, .entry-content code { color:#008C4C; } .entry-content pre { margin:1em 10px; padding:1em; background:#F6F6F6; } .entry-content h4.article { background:#50BCE7 url(http://www.om.net/image/site/fr/titre/om.gif) no-repeat 100% 0; color:#FFF; font-size:1em; line-height:20px; margin:1px 0; padding:0 .2em; } .entry-content div.article { background:#B6E3F6; color:#000; margin-bottom:1px; padding:.2em; } .entry-content table.om { border:2px solid #000; margin:1em auto; } .entry-content table.om td, .entry-content table.om th { border:1px solid #000; padding:5px; } .entry-content table.om thead th { background:#CCC; text-align:center; } .entry-content table.om tbody th { background : #DDD; text-align:left; } /* !Article forms */ .entry-content .form { border:solid #CACACA; border-width:0 1px; clear:both; font-size:.917em; margin:0 -10px 10px; position:relative; } .entry-content .form h4 { background:url(http://www.om.net/image/generic/entry-form-top.png) no-repeat; color:#3C3C3C; font:bold 1.454em/1.3em Arial,Helvetica,sans-serif; margin:0 -1px; padding:16px 11px 10px; } .entry-content .form form div { clear:both; font-size:1em; margin:0 10px; padding:1em 0; overflow:hidden; position:relative; } .entry-content .form input, .entry-content .form select { font-size:1em; margin:.2em .5em 0 0; vertical-align:top; } .entry-content .form textarea { margin-left:5px; } .entry-content .form label, .entry-content .form .label { color:#000; display:block; font-size:1em; font-weight:bold; line-height:1.4em; margin:0 1em .5em 0; width:auto; } .entry-content .form label.lite { float:none; font-weight:normal; display:inline-block; margin:0; } .entry-content .form ul { margin:0; } .entry-content .form li { background:none; list-style:none; margin-left:0; padding-left:1.7em; } .entry-content .form .submit { margin:0 0 1em; } .entry-content .form button { display:block; margin:0 auto; } .entry-content .form .footer { background:url(http://www.om.net/image/generic/entry-form-footer.png) no-repeat 0 100%; color:#647DA5; font-size:.91em; margin:0 -1px; padding:0 10px 10px; } /* !Tooltips */ .tip-wrap { background:#00719E; border:1px solid #FFF; -moz-box-shadow:black 0 0 5px; -webkit-box-shadow:black 0 0 5px; display:none; font-size:1.2em; line-height:1.6em; padding:5px 10px; width:350px; } .tip-top { background:url(http://www.om.net/image/block/registration/tips.png) no-repeat; height:29px; left:-16px; position:absolute; top:10px; width:16px; } /* * !Misc */ .feed { background:url(http://www.om.net/image/generic/main-shadows.png) no-repeat -958px -16px !important; display:block !important; height:16px !important; overflow:hidden !important; padding:0 !important; text-align:left !important; text-indent:-9999em !important; width:16px !important; } hr { display:none; } /* ================================ * !Main page layout components * ================================*/ /* * !Live home */ #live-home { background:#77D1F4 url(http://s.om.net/om/file/200708/back.jpg) no-repeat; display:block; margin-bottom:10px; text-align:left; width:480px; zoom:1; } #live-home h2 { float:left; margin-right:-16px; } #live-home .chrono { position:absolute; top:0; right:0; } #live-home img.ext { margin-left:-18px; cursor:pointer; } #live-home img.dom, #live-home img.ext { margin-top:10px; cursor:pointer; } #live-home .res { background:url(http://www.om.net/image/block/live-text/home.png) no-repeat; color:#FFF; float:left; height:67px; padding:8px; margin:10px 0 0 12px; cursor:pointer; } #live-home .score { float:left; font-size:48px; font-weight:normal; letter-spacing:1px; line-height:67px; text-align:center; vertical-align:middle; width:88px; } #live-home .score span { font-size:.5em; vertical-align:middle; } #live-home .but { width:215px; padding:10px; float:left; font-size:12px; } #live-home .but div { clear:both; } #live-home .but span { font-weight:bold; margin-right:3px; } #live-home .but ul, #live-home .but li { display:inline; list-style:none; margin:0; } #live-home .but li { text-transform:capitalize; } #live-home .but li span { font-weight:normal; float:none; color:#C5E9F5; margin:0; } #live-home .slogan { margin:4px 0 2px 25px; float:left; clear:both; cursor:pointer; zoom:1; } #live-home .live { float:right; padding-right:25px; margin:0 0 8px; } #live-home .live li { list-style:none; float:left; zoom:1; margin:4px 0 0 10px; } #live-home .live a { text-indent:-1000em; width:67px; height:16px; background:no-repeat; display:block; overflow:hidden; } #live-home a.text { background-image:url(http://s.om.net/om/file/200708/bout_livetexte.gif); } #live-home a.audio { background-image:url(http://s.om.net/om/file/200708/bout_liveaudio.gif); } #live-home table.comm { clear:both; background:url(http://s.om.net/om/file/200708/txt_fond.png); margin:0 8px 12px; padding:5px; border-spacing:0; border-collapse:separate; width:464px; } #live-home .comm th { background:url(http://s.om.net/om/file/200708/comm_mn_back.jpg) repeat-x 0 50%; border:0; color:#FFF; font-weight:bold; padding:5px; font-size:12px; width:1%; white-space:nowrap; } #live-home .comm td { background:none; border:0; } #live-home .comm blockquote { color:#0D5878; margin:0 0 0 5px; background:none; border:0; padding:0; font-style:normal; font-size:11px; } #live-home .comm blockquote img { margin-right:5px; } #live-home .comm blockquote a { font-weight:bold; } #photolivePrev, #photoliveNext { background:no-repeat -18px 50%; float:left; height:80px; overflow:hidden; text-indent:-1000em; width:17px; } #photolive { float:left; height:80px; width:440px; overflow:hidden; } #photolive img { border:1px solid #CACACA; height:63px; width:95px; } #photolivePrev { margin-left:3px; background-image:url(http://s.om.net/om/file/200708/diapo_previous.png); } #photoliveNext { margin-right:3px; background-image:url(http://s.om.net/om/file/200708/diapo_next.png); } #photoliveNext:hover, #photolivePrev:hover { background-position:0 50%; } #live-home span.footer { background:url(http://s.om.net/om/file/200708/footer.jpg) no-repeat left bottom; height:9px; font-size:0; display:block; clear:both; } /* * !Top Stories */ #top-stories h2 span { background-position:0 -867px; } #top-stories .inner { padding:10px 0 0; } #top-stories .inner li { border-bottom:1px solid #CACACA; margin-bottom:10px; min-height:80px; padding:2px 10px 10px 103px; position:relative; } #top-stories h3 a { color:#000; font-size:1.2em; font-weight:bold; } #top-stories img { border:1px solid #CACACA; height:59px; left:10px; position:absolute; top:0; width:81px; } #top-stories p { font-size:1.1em; } #top-stories .entry-infos { color:#009DDC; } /* !Top Stories + JS */ #js #top-stories { border:0; height:320px; overflow:hidden; } #js #top-stories h2 { left:-9999em; position:absolute; } #js #top-stories .inner { height:320px; overflow:hidden; padding:0; position:relative; width:480px; } #js #top-stories .hfeed { height:320px; overflow:hidden; position:relative; width:1440px; } #js #top-stories .inner .hentry { border:0; float:left; height:320px; margin:0; padding:0; width:480px; } #js #top-stories .entry-container { background:rgba(0, 0, 0, 0.6); bottom:0; left:0; padding:0 10px 0 208px; position:absolute; width:262px; z-index:1; } #js .IE #top-stories .entry-container { background:none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); } /* AARRGGBB */ #js #top-stories h3 { padding:20px 0 15px; } #js #top-stories h3 a { color:#FFF; font-size:1.917em; line-height:1.1em; } #js #top-stories .inner img { border:0; height:320px; left:0; width:480px; } #js #top-stories .entry-video { background:#000; bottom:0; display:none; height:320px; left:0; position:absolute; width:480px; z-index:2; } #js #top-stories .close { background:url(http://www.om.net/image/site/fr/close.gif) no-repeat; cursor:pointer; position:absolute; top:0; right:0; width:25px; height: 25px; z-index:3; } #js #top-stories .entry-infos { left:210px; position:absolute; top:7px; width:200px; } #js #top-stories .entry-summary { left:-9999em; position:absolute; } /* Don't need it, but it can be useful for some people */ #js #top-stories-list { left:10px; position:absolute; z-index:2; } #js #top-stories-list li { float:left; margin-right:6px; } #js #top-stories-list a { cursor:pointer; } #js #top-stories-list img { border:1px solid #CACACA; -moz-box-shadow:0 0 5px black; -webkit-box-shadow:0 0 5px black; box-shadow:0 0 5px black; height:37px; position:static; width:55px; } #js #top-stories-list .active img { border-color:#FFF; } #js #top-stories-list p { color:#CACACA; font-size:1.1em; font-weight:bold; overflow:hidden; text-align:center; width:57px; } #js #top-stories-list .active p { color:#FFF; } #js #top-stories .footer { display:none; } /* * !News list */ .news-list h2 span { background-position:0 -714px; } [lang|=en] .news-list.top h2 span { background-position:0 -1088px; } .news-list .inner { padding:0; } .news-list .inner li { border-bottom:1px solid #CACACA; min-height:60px; padding:12px 10px 10px 103px; position:relative; } .news-list .inner .nophoto { padding-left:10px; } .grid-2 > .news-list .inner li { padding-left:10px; } .news-list.top .inner li { min-height:120px; padding-left:183px; } .news-list h3 { font-size:1.2em; font-weight:bold; } .news-list.top h3 { font-size:1.6em; } .news-list h3 a { color:#000; } .news-list .inner a img, .news-list .hentry > img { border:1px solid #CACACA; display:block; height:59px; left:10px; position:absolute; top:10px; width:81px; } .news-list.top .inner a img, .news-list.top .hentry > img { height:120px; width:160px; } .news-list p { font-size:1.1em; } .news-list .entry-infos { color:#009DDC; } .news-list.top .entry-summary { font-size:1.2em; margin:10px 0; } .news-list .entry-infos img { margin-left:5px; } .news-list .feed { bottom:14px; left:10px; position:absolute; } [lang|=en] .news-list [class|=corner] { display:none; } /* * !OMtv */ #omtv { background:#000; } #omtv h2 span { background-position:0 -1003px; } #omtv #border-frame { border-bottom:1px solid #333; border-top:1px solid #333; overflow:hidden; } #omtv .inner { overflow:hidden; } #omtv .inner li { background:#1A1A1A; display:inline; float:left; height:147px; margin:8px 8px 8px 0; overflow:hidden; padding:6px; position:relative; width:111px; } #omtv .inner .novideos { color:#FFF; font-size:1.2em; line-height:147px; text-align:center; width:377px; } #omtv .inner h3 { font-size:1.1em; left:6px; position:absolute; top:95px; width:111px; } #omtv .inner h3 span { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2050px -143px; height:30px; left:1px; position:absolute; text-indent:-9999em; top:-88px; width:59px; } [lang|='en'] #omtv .inner h3 span { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #omtv .inner img { border:1px solid #909090; height:82px; width:109px; } #omtv .inner p { font-size:1.1em; font-weight:bold; } #omtv .inner p.none { color:#FFF; font-size:1.2em; font-weight:bold; padding:10px; text-align:center; } #omtv .inner .infos { bottom:7px; color:#969696; font-weight:normal; left:6px; position:absolute; width:111px; } #omtv .inner .infos a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2221px -123px; bottom:0; height:15px; position:absolute; right:0; text-indent:-9999em; width:15px; } [lang|='en'] #omtv .inner .infos a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } /* !OMtv + JS */ #js #omtv .inner { margin-left:26px; overflow:hidden; padding:0; position:relative; width:246px; } #js #omtv .inner ul { height:175px; width:2000em; } #js #omtv .nav li { left:6px; position:absolute; top:89px; } #js #omtv .nav .next { left:auto; position:absolute; right:6px; top:89px; } #js #omtv .nav a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2037px -123px; display:block; height:20px; overflow:hidden; text-indent:-9999em; width:20px; } #js[lang|='en'] #omtv .nav a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #js #omtv .nav .next a { background-position:-2057px -123px; } #js #omtv .nav .prev a.off { background-position:-2077px -123px; } #js #omtv .nav .next a.off { background-position:-2097px -123px; } /* !OMtv : specific styles for the homepage */ .home #omtv { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -970px 0; border:0; height:197px; overflow:hidden; } [lang|='en'] .home #omtv { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } .home #omtv h2 { left:-9999em; position:absolute; } .home #omtv #border-frame { background:none; border:0; height:175px; margin:11px 5px 1px 161px; overflow:auto; position:relative; } .home #omtv .footer { background:none; bottom:2px; left:0; position:absolute; text-align:left; } .home #omtv .footer li { display:block; margin:5px 0 0; } .home #omtv li.live { margin-top:15px; } .home #omtv .footer a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat; display:block; height:19px; overflow:hidden; padding:0; text-indent:-9999em; width:119px; } [lang|='en'] .home #omtv .footer a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } .home #omtv .program a { background-position:-1569px -123px; } .home #omtv .live a { background-position:-1688px -123px; } .home #omtv .all a { background-position:-1450px -123px; } .home #omtv .subscribe a { background-position:-1807px -123px; } #js .home .grid-3 > #omtv .inner { margin-left:28px; width:255px; } #js .home #omtv .inner li { margin:8px 6px 0 0; } #js .home #omtv .nav li { left:0; top:78px; } #js .home #omtv .nav .next { left:auto; right:6px; top:78px; } /* !OMtv : specific styles for the large column */ #js .grid-3 > #omtv .inner { margin-left:47px; width:384px; } /* !OMtv : specific styles for the medium column */ .grid-2 > #omtv #border-frame, #main-right #omtv #border-frame { background:#1A1A1A; } .grid-2 > #omtv li, #main-right #omtv li { margin:8px 0; } /* !OMtv : specific styles when the homepage block is not on the homepage (wait, what ?) */ .grid-2 > #omtv .program, #omtv .live, #omtv .subscribe { display:none; } /* * !Slideshow */ #slideshow h2 span { background-position:0 -612px; } #slideshow .inner { padding:0; position:relative; } #slideshow .photos { border-bottom:1px solid #CACACA; min-height:164px; padding:43px 10px 10px 318px; } #slideshow h3 { font-size:1.6em; font-weight:bold; } #slideshow .inner p { font-size:1.2em; margin-top:3px; } #slideshow img { border:1px solid #CACACA; left:10px; position:absolute; top:10px; } #slideshow .counter { bottom:50px; color:#CACACA; font-size:1.3em; font-weight:bold; left:320px; position:absolute; } #slideshow .counter span { left:-9999em; position:absolute; } #slideshow .tools a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat; height:20px; overflow:hidden; position:absolute; text-indent:-9999em; width:20px; } [lang|='en'] #slideshow .tools a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #slideshow .zoom a { background-position:-2157px -123px; right:138px; top:10px; } #slideshow .previous a { background-position:-2037px -123px; right:35px; top:10px; } #slideshow .next a { background-position:-2057px -123px; right:10px; top:10px; } #slideshow .slider a { background-position:-1746px -143px; bottom:10px; height:25px; right:66px; width:92px; } #slideshow .slider a.on { background-position:-1746px -168px; } #slideshow .previous a.off { background-position:-2272px -136px; } #slideshow .next a.off { background-position:-2137px -123px; } /* !Slideshow + JS */ #js #slideshow .inner { height:218px; } #js #slideshow .photos { background:#FFF; left:0; position:absolute; top:0; width:150px; z-index:0; } #js #slideshow .photos.active { z-index:1; } #js #slideshow .counter, #js #slideshow .tools a { z-index:2; } /* * !Photos */ #photos h2 span { background-position:0 -646px; } #photos.news h2 span { background-position:0 -596px; } #photos .inner ul { width:100%; } #photos .inner li { display:block; float:left; height:65px; margin:0px 5px 0px 0px; overflow:hidden; width:97px; } #photos .inner li a { display:block; } #photos .inner li img { border:1px solid #CACACA; display:block; height:63px; width:95px; } #js #photos .inner { height:65px; margin:10px 0 0 37px; overflow:hidden; padding:0; width:403px; } #js #photos .inner ul { width:9999em; } #js #photos .nav li { left:9px; position:absolute; top:71px; } #js #photos .nav .next { left:449px; position:absolute; top:71px; } #js #photos .nav a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2037px -123px; display:block; height:20px; overflow:hidden; text-indent:-9999em; width:20px; } #js[lang|='en'] #photos .nav a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #js #photos .nav .next a { background-position:-2057px -123px; } #js #photos .nav .prev a.off { background-position:-2117px -123px; } #js #photos .nav .next a.off { background-position:-2137px -123px; } #photos .inner p { display:none; } #photos .inner .nophotos { display:block; font-size:1.2em; text-align:center; } /* * !Poll */ .poll h2 span { background-position:0 -1020px; } .poll .inner { border-bottom:1px solid #CACACA; } .poll .inner p { font-size:1.1em; font-weight:bold; margin:3px 0; } .poll .inner ul { margin:9px 0 18px; } .poll .inner li { margin-bottom:7px; } .poll .inner label { font-size:1.1em; margin-left:5px; } .poll .inner input { margin:0; } .poll .inner img { margin-right:10px; } .poll .inner button { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1986px -123px; display:inline-block; height:19px; width:51px; } [lang|='en'] .poll .inner button { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } /* * !Diary */ #diary h2 span { background-position:0 -1054px; } #diary .inner { color:#3C3C3C; font-size:1.1em; padding-bottom:0; } #diary .inner span.span-day { background:#727272; color:#FFF; font-style:italic; font-weight:bold; padding:2px; } #diary .inner ul.day { margin:2px 2px 10px; } #diary .inner ul.day li { margin-left:36px; text-indent:-39px; } #diary .footer { padding: 0 11px 10px; } /* * !Breaking news list */ #breaking-news-list { background:url(http://www.om.net/image/block/breaking-news/back.png) no-repeat 100% 100%; } #breaking-news-list h2 span { background-position:0 -697px; } .home .grid-2 > #breaking-news-list h2 span { background-position:0 -1071px; } #breaking-news-list .inner { padding:10px 0; } #breaking-news-list .hfeed { height:134px; overflow:auto; } #breaking-news-list .hfeed li { border-bottom:1px solid #CACACA; font-size:1.1em; line-height:1.2em; overflow:hidden; padding:6px 10px; position:relative; width:278px; } #breaking-news-list .hfeed a { color:#000; font-weight:normal; } #breaking-news-list img { position:absolute; left:10px; top:3px; } #breaking-news-list .hfeed span { color:#009DDC; margin-right:3px; } #breaking-news-list .hfeed .photo { height:24px; padding-left:56px; width:230px; } #breaking-news-list .hfeed .sep { background:url(http://www.om.net/image/generic/icons.png) no-repeat -300px 0; } #breaking-news-list .hfeed .photos .sep { background-position:9px -499px; padding-right:20px; } #breaking-news-list .hfeed .videos .sep { background-position:9px -449px; padding-right:20px; } #breaking-news-list .hfeed .audio .sep { background-position:9px -550px; padding-right:20px; } #breaking-news-list .hfeed .mercato .sep { background-position:9px -748px; padding-right:20px; } #breaking-news-list .hfeed .poll .sep { background-position:9px -699px; padding-right:20px; } #breaking-news-list .hfeed .forum .sep { background-position:9px -649px; padding-right:20px; } #breaking-news-list .hfeed .omtv .sep { background-position:9px -49px; padding-right:40px; } #breaking-news-list .hfeed .omtv-online .sep { background-position:9px -250px; padding-right:69px; } #breaking-news-list .hfeed .om-mag .sep { background-position:9px -99px; padding-right:51px; } #breaking-news-list .hfeed .om-match .sep { background-position:9px -150px; padding-right:58px; } #breaking-news-list .hfeed .om-radio .sep { background-position:9px -1px; padding-right:53px; } #breaking-news-list .hfeed .community .sep { background-position:9px -600px; padding-right:20px; } #breaking-news-list .hfeed .kids .sep { background-position:9px -299px; padding-right:35px; } #breaking-news-list .hfeed .exclusive .sep { background-position:9px -349px; padding-right:39px; } #breaking-news-list .hfeed .om-psg .sep { background-position:9px -1100px; padding-right:30px; } #breaking-news-list .hfeed .psg-om .sep { background-position:9px -1050px; padding-right:30px; } #breaking-news-list .hfeed .om-ol .sep { background-position:9px -1200px; padding-right:30px; } #breaking-news-list .hfeed .ol-om .sep { background-position:9px -1150px; padding-right:30px; } #breaking-news-list .hfeed .live .sep { background-position:9px -400px; padding-right:28px; } #breaking-news-list .hfeed .shop .sep { background-position:9px -199px; padding-right:67px; } #breaking-news-list .hfeed .l1 .sep { background-position:9px -999px; padding-right:20px; } #breaking-news-list .hfeed .c1 .sep { background-position:9px -950px; padding-right:20px; } #breaking-news-list .hfeed .uefa .sep { background-position:9px -850px; padding-right:15px; } #breaking-news-list .hfeed .league-cup .sep { background-position:9px -899px; padding-right:20px; } #breaking-news-list .hfeed .coupe-de-france .sep { background-position:9px -799px; padding-right:20px; } #breaking-news-list .hfeed .blog .sep { background-position:9px -1249px; padding-right:40px; } #breaking-news-list .hfeed .om110ans .sep { background-position:9px -1299px; padding-right:40px; } #breaking-news-list .footer { position:relative; } #breaking-news-list .feed { bottom:12px; position:absolute; left:10px; zoom:1; } /* !Breaking-news list + JS */ #js .grid-2 > #breaking-news-list .hfeed { height:110px; overflow:hidden; position:relative; } #js .grid-2 > #breaking-news-list .nav-page { position:absolute; right:5px; text-align:right; top:13px; width:280px; } #js .grid-2 > #breaking-news-list .nav-page a { color:#FFF; } #js .grid-2 > #breaking-news-list .nav-page a.active:active, #js .grid-2 > #breaking-news-list .nav-page a:hover { border-color:#0077A6; } /* * !Ticketing */ #ticketing h2 span { background-position:0 -1037px; } #ticketing .inner { padding:0; } #ticketing .inner li { border-bottom:1px solid #CACACA; min-height:63px; padding:7px 10px 10px 73px; position:relative; } #ticketing .inner h3 { font-size:1.1em; text-transform:uppercase; } #ticketing .inner img { left:13px; position:absolute; top:6px; } #ticketing .inner .infos { left:73px; position:absolute; bottom:6px; } #ticketing .inner .button { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1926px -123px; left:6px; position:absolute; bottom:6px; width:60px; } [lang|='en'] #ticketing .inner .button { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } /* * !Matchs */ #matchs h2 span { background-position:0 -629px; } #matchs .inner { background:#006A94; margin-top:-5px; padding:0; } #matchs h3 { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1px -1px; height:25px; margin-left:10px; position:relative; text-indent:-9999em; width:350px; z-index:2; } [lang|='en'] #matchs h3 { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #matchs li div { background:#FFF; height:110px; margin-bottom:10px; padding:77px 0 0; position:relative; text-align:center; } #matchs li div.active { z-index:1; } /* !Next match and last match */ #matchs .next h3 { background-position:-1838px -143px; cursor:pointer; width:106px; } #matchs .last h3 { background-position:-1944px -143px; cursor:pointer; width:106px; } #matchs .next h3.active { background-position:-1838px -168px; } #matchs .last h3.active { background-position:-1944px -168px; } #matchs li p { font-size:1.1em; } #matchs li .versus { left:0; position:absolute; top:15px; width:100%; } #matchs li .versus img { vertical-align:middle; } #matchs li .versus span { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -950px -52px; display:inline-block; height:14px; margin:0 5px; vertical-align:middle; width:17px; } [lang|='en'] #matchs li .versus span { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #matchs li h4 { font-size:1.3em; font-weight:bold; text-transform:uppercase; } #matchs li .pen { display:block; font-size:.925em; font-weight:normal; } #matchs li .footer { background:none; bottom:0; font-size:1.2em; left:0; margin:0; padding:0 11px 10px; position:absolute; width:456px; } #matchs .none { font-size:1.6em; font-weight:bold; padding:77px 0 0; text-align:center; } /* !Ranking */ #matchs .ranking h3 { background-position:-1860px -200px; height:7px; margin:8px 0 8px 11px; width:105px; } #matchs .ranking div { background:#FFF; height:187px; } #matchs .ranking table { background:#006A94; width:100%; } #matchs .ranking th:last-child { -moz-border-radius-topright:5px; -webkit-border-radius-topright:5px; border-radius-topright:5px; } #matchs .ranking td { text-align:center; } #matchs .ranking .team { text-align:left; } #matchs .ranking .club { font-weight:bold; } #matchs .ranking .footer { background:none; bottom:0; font-size:1.2em; left:0; margin:0; padding:0 11px 10px; position:absolute; width:456px; } /* !Matchs + JS */ #js #matchs .inner { height:197px; } #js #matchs li { } #matchs .next h3, #matchs .last h3 { left:0; position:absolute; top:36px; } #matchs .last h3 { left:0; } #js #matchs li div { border-right:1px solid #CACACA; -moz-border-radius-topleft:5px; -webkit-border-radius-topleft:5px; border-radius-topleft:5px; left:0; margin:0; position:absolute; top:61px; width:238px; } #js #matchs .last h3 { margin-left:122px; } #js #matchs li .footer { width:216px; } #js #matchs .ranking { position:absolute; right:0; top:38px; width:239px; } #js #matchs .ranking .footer { width:217px; } /* !Matchs sidebar */ .grid-2 > #matchs li div { height:42px; padding-top:20px; } #js .grid-2 > #matchs .inner { height:87px; } #js .grid-2 > #matchs li div { border-right:none; width:298px; } /* * !Club */ #club h2 span { background-position:0 -663px; } #club .inner { border-bottom:1px solid #CACACA; padding:0px; overflow:hidden; } #club .inner #club-main-actu { float:left; padding:10px; width:162px; } #club .inner #club-main-actu img { border:1px solid #CACACA; height:118px; margin-bottom:10px; width:160px; } #club .inner #club-secondary-actu { border-left:1px solid #CACACA; float:left; width:295px; } #club .inner #club-secondary-actu .float-actu { border-bottom:1px solid #CACACA; padding:10px; overflow:hidden; } #club .inner #club-secondary-actu #float-actu-3 { border-bottom:0px; } #club .inner #club-secondary-actu img { border:1px solid #CACACA; float:left; height:60px; margin-right:10px; width:81px; } #club .inner h3.title { font-size:12px; } #club .inner p.subtitle { font-size:12px; font-weight:bold; } #club .inner p.text-actu { font-size:11px; } /* * !List */ #om-mod { overflow:hidden; } #om-mod li { float:left; list-style:none; text-align:center; } #om-mod a { background:url(http://s.om.net/om/file/200805/ommod.png); color:#626262; font-weight:bold; display:block; height:90px; padding-top:11px; width:100px; } #om-mod a:hover { color:#A8E7EE; } #om-mod .transferts { background-position:left top; } #om-mod .abonnements { background-position:center top; } #om-mod .intersaison { background-position:right top; } #om-mod .transferts:hover { background-position:left bottom; } #om-mod .abonnements:hover { background-position:center bottom; } #om-mod .intersaison:hover { background-position:right bottom; } #om-mod img { border:1px solid #626262; display:block; margin:0 auto 7px; } /* * !Shop */ .shop.block { background-color:#C0C0C0; } .shop.block h2 span { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -1450px -164px; bottom:40px; height:28px; left:9px; position:absolute; width:150px; } [lang|='en'] .shop.block h2 span { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } .shop.block .position { color:#FFF; font-size:1.2em; font-weight:bold; right:63px; position:absolute; top:12px; } .shop.block .inner { background-color:#FFF; overflow:hidden; padding:0; } .shop.block .inner li a { display:block; } .shop.block .footer { margin-top:40px; } /* !Shop + JS */ #js .shop.block .inner { height:185px; overflow:hidden; padding:0; position:relative; } #js .shop.block .inner ul { width:2000px; } #js .shop.block .inner li { float:left; height:185px; margin:0; padding:0; } #js .shop.block .nav li { right:34px; position:absolute; top:10px; } #js .shop.block .nav .next { right:9px; } #js .shop.block .nav a { background:url(http://www.om.net/image/generic/main-sprite.png) no-repeat -2037px -123px; display:block; height:20px; overflow:hidden; text-indent:-9999em; width:20px; } #js[lang|='en'] .shop.block .nav a { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #js .shop.block .nav .next a { background-position:-2057px -123px; } #js .shop.block .nav .prev a.off { background-position:-2117px -123px; } #js .shop.block .nav .next a.off { background-position:-2137px -123px; } /* * !Diaporama Photo */ #diapo-photo-home h2 span { background-position:0 -646px; } #diapo-photo-home .inner { border-bottom:1px solid #CACACA; overflow:hidden; padding:0; } #diapo-photo-home ul#gallery { overflow:hidden; } #diapo-photo-home ul#gallery li a { display:block; } /* !Diaporama Photo + JS */ #js #diapo-photo-home ul#gallery { height:195px; } #js #diapo-photo-home ul#gallery li { float:none; position:absolute; } #js #diapo-photo-home ul#gallery li.active { z-index:1; } #js #diapo-photo-home ul#gallery-list { background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; height:33px; padding:0 5px; position:absolute; top:203px; width:288px; z-index:2; } #js #diapo-photo-home ul#gallery-list li { border:1px solid #CACACA; float:left; margin:5px 3px 5px; } #js #diapo-photo-home ul#gallery-list li a { display:block; } #js #diapo-photo-home ul#gallery-list li img { height:21px; width:33px; } #js #diapo-photo-home ul#gallery-nav { position:absolute; right:9px; top:50px; z-index:4; } #js #diapo-photo-home ul#gallery-nav li { background:transparent url(http://www.om.net/image/generic/main-sprite.png) no-repeat scroll -2037px -123px; cursor:pointer; float:left; height:20px; margin:0 5px 0 0; width:20px; } #js[lang|='en'] #diapo-photo-home ul#gallery-nav li { background-image:url(http://www.om.net/image/generic/main-sprite-en.png); } #js #diapo-photo-home ul#gallery-nav .next { background-position:-2057px -123px; margin:0; } #js #diapo-photo-home ul#gallery-nav .off { background-position:-2117px -123px; } #js #diapo-photo-home ul#gallery-nav .next.off { background-position:-2137px -123px; }