/*---------------------------------------------------------- Main CSS Main styles for all the website Project: My Project Author: My Name Summary : Reset styles Shop Breaking News OMTV ----------------------------------------------------------*/ /* ================================ * !Reset styles * Based on Eric Meyer's reset reloaded ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ) * ================================*/ @import "main.css"; /* Styles génériques pages main */ .part1, .part2 { float:left; overflow:hidden; margin:0 5px; } .part2 { width:300px; } .part1 { width:660px; } a, a:visited { color:#9D7E1C; } /* ========================= Surcharge des styles du main ========================= */ html { background:#000 url(/image/generic/bg_site_110.jpg) no-repeat 50% 0; } body { background:#000 url(/image/generic/bg_site_110.jpg) no-repeat 50% 0; padding-bottom:0; } div#container { padding:171px 0 0; } #branding { margin:0; position:absolute; top:40px; z-index:1; } #branding h1 a { background:none; height:104px; width:404px; } #branding p { background:url(/image/generic/main-shadows-110.png) 0 -180px; height:29px; left:10px; position:absolute; text-indent:-9999em; top:-35px; width:107px; z-index:1; } div#footer { background:#DAC263; background-image:url(/image/generic/footer-110.jpg); } div#footer .partners ul { overflow:hidden; } div#footer .partners h3 { background-image:url(/image/generic/main-sprite-110.png); } #account { height:126px; top:-98px; } #account button, #account .button { background-image:url(/image/generic/main-sprite-110.png); } #account .footer { background-position:0 -414px; } ul#nav-lang { top:11px; } .nav-page a, .nav-page a:visited { border-color:#E0C051; } div#nav-main { background:url(/image/generic/main-shadows-110.png) no-repeat 0 -121px; top:141px; } div#nav-main > ul > li { background-image:url(/image/generic/main-sprite-110.png); } div#nav-main .home { background-position:0 0; width:107px; } div#nav-main .home:hover { background-position:0 -26px; } div#nav-main .actu { background-position:-107px 0; width:87px; } div#nav-main .actu:hover { background-position:-107px -26px; } div#nav-main .videos { background-position:-194px 0; width:98px; } div#nav-main .videos:hover { background-position:-194px -26px; } div#nav-main .ma-dream-team { background-position:-292px 0; width:157px; } div#nav-main .ma-dream-team:hover { background-position:-292px -26px; } div#nav-main .goodies { background-position:-449px 0; width:145px; } div#nav-main .goodies:hover { background-position:-449px -26px; } div#nav-main .quizz { background-position:-594px 0; width:104px; } div#nav-main .quizz:hover { background-position:-594px -26px; } div#nav-main .boutique { background-position:-698px 0; width:114px; } div#nav-main .boutique:hover { background-position:-698px -26px; } div#nav-main .retour-om { background-position:-812px 0; width:158px; } div#nav-main .retour-om:hover { background-position:-812px -26px; } .part1 .block h2 { background-position:-1450px -41px; } .block .footer { background-image:url(/image/generic/footer-sprite-110.png); } .block .footer a { background-image:url(/image/generic/x-sprite-110.png); } .part1 .block .footer { background-position:-4590px 100%; } .block h2 { background-image:url(/image/generic/main-sprite-110.png); height:16px; padding:11px 11px 14px; } .block h2 span { background-image:url(/image/generic/main-sprite-110.png); } .block .part2 .news-list .footer { background-image:url(/image/generic/footer-sprite-110.png); min-height:16px; } .entry-content .form h4 { background-image:url(/image/generic/entry-form-top-110.png); color:#563C00; } .entry-content .form label, .entry-content .form .label { color:#000; } .entry-content .form .legal { color:#555; } .entry-content .submit button { background:url(/image/generic/main-sprite-110.png) no-repeat -1450px -142px; height:22px; width:80px; } .entry-content .form .footer { background-image:url(/image/generic/entry-form-footer-110.png); } /* *! Listes des news */ .news-list { background:url(/image/generic/bg_logo_om_grand_110.png) no-repeat 100% 100%; } .news-list.top { background:url(/image/generic/bg_logo_om_petit_110.png) no-repeat 100% 100%; } .news-list h2 span { background-position:-2117px -159px; width:133px; } .news-list.top h2 span { background-position:-1746px -158px; width:65px; } .news-list .entry-infos { color:#806103; } /* *! Search */ #search { background:#FBF7EB; border:none; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; height:auto; left:auto; padding:0; position:static; top:auto; } #search h2 { background:none; } #search h2 span { background-position:-1906px -159px; width:158px; } #search .inner { background-color:#FAF7EA; } #search form p { font-size:1.1em; font-weight:bold; margin:0 0 10px } #search form #jour1, #search form #mois1, #search form #jour2, #search form #mois2 { width:20px; } #search form #annee1, #search form #annee2 { width:30px; } #search form #photo, #search form #media { margin-left:50px; } #search form .submit { margin:0px; } #search form .submit button { background:url(/image/generic/main-sprite-110.png) no-repeat -1610px -142px; height:22px; width:91px; } #search .footer { background:none; height:7px; padding:0px; } /* * !Shop */ .shop { background-color:#D5B43E; border-color:#D5B43E; } /* * !Breaking News */ #breaking-news-list { background:none; } #breaking-news-list h2 span { background-position:-2064px -159px; width:53px; } /* * !OMTV */ #omtv { background:none; } #omtv h2 span { background-position:-2221px -193px; width:133px; } .grid-2 > #omtv #border-frame { background:none; border:0; } #omtv .inner li { background:none; } #js #omtv .nav a { background:url(/image/generic/main-sprite-110.png) no-repeat -2077px -123px; } #js #omtv .nav .prev a.off { background-position:-2117px -123px; } #js #omtv .nav .next a { background-position:-2097px -123px; } #js #omtv .nav .next a.off { background-position:-2137px -123px; }