#container { position: relative; min-height: 788px; margin: 0 auto; width: 970px; } #container #left { position: absolute; top: 301px; left: -50px; width: 50px; height: 600px; background: url(/images/bg-container-left.png) no-repeat; } #container #right { position: absolute; top: 301px; right: -50px; width: 50px; height: 600px; background: url(/images/bg-container-right.png) no-repeat; } /** * Header */ #container #header { position: relative; float: left; height: 238px; width: 970px; background: url(/images/bg-header.jpg) no-repeat; } #header #next-match { position: absolute; width: 320px; height: 198px; top: 0; right: 0; } #next-match #next-match-eq { position: absolute; top: 175px; left: 28px; width: 90px; height: 15px; text-align: center; color: #A01A1A; font-weight: bolder; font-size: 11px; } #next-match #next-match-eq-ext { position: absolute; top: 175px; left: 200px; width: 90px; height: 15px; text-align: center; color: #A01A1A; font-weight: bolder; font-size: 11px; } #next-match #next-match-date { position: absolute; top: 60px; left: 0; width: 320px; height: 25px; text-align: center; color: #A01A1A; font-weight: bolder; padding-top: 5px; font-size: 14px; } #header a#home { position: absolute; width: 174px; height: 131px; top: 38px; left: 51px; } #header #partenaires-top { position: absolute; top: 25px; left: 370px; } #header #menu { float: left; z-index: 100; margin-top: 198px; width: 970px; height: 40px; } #menu #menu-left { float: left; width: 4px; height: 40px; background: url(/images/bg-menu-left.jpg) no-repeat; } #menu #menu-content { float: left; width: 962px; height: 40px; margin: 0; background: url(/images/bg-menu.jpg) repeat-x; } #menu #menu-content li.nv1 { float: left; margin: 0; padding: 0; } #menu #menu-content li a.nv1 { height: 28px; display: block; padding: 11px 12px 0 12px; font-weight: bold; font-size: 1.1em; color: #fff; text-transform: uppercase; text-decoration: none; } #menu #menu-content #menu77 { margin-left: -4px; } #menu #menu-content .nv1 a.current { background: url(/images/bg-menu-hover.png) repeat-x; } #menu #menu-content .nv1:hover { background: url(/images/bg-menu-hover.png) repeat-x; } #menu #menu-right { float: left; width: 4px; height: 40px; background: url(/images/bg-menu-right.jpg) no-repeat; } /* Menu déroulant */ #menu-content .level2 { width: 210px; position: absolute; top: 237px; z-index: 300; float: left; overflow: hidden; margin: 0; display: none; background: #062432; padding-top: 6px; padding-bottom: 6px; } #menu-content .level2 li { display: block; padding: 0; margin: 0; } #menu-content .level2 li:hover { display: block; } #menu-content .level2 li a { display: block; text-align: left; width: 185px; height: 20px;/*19px;*/ float: left; padding: 2px 0 0 5px; margin: 0 9px; border-bottom: 1px dotted #334B56; color: #fff; text-decoration: none; } #menu-content .level2 li a.current { background: 0 !important; } #menu-content .level2 li a:hover { display: block; margin: 0 9px; background: url(../images/bg-menu-lvl2-hover.jpg) 1px 1px repeat !important; color: #009BDC; } #menu-content li:hover .level2 { display: block; } /** * Content */ #content { position: relative; float: left; width: 970px; background: url(../images/bg-content.jpg) repeat-y; } #partenaire img { margin: 0; } #hockey-hebdo { background: #313B47; border-top: 1px solid #fff; } #hockey-hebdo ul#hockey-hebdo-link { height: 30px; width: 905px; } #hockey-hebdo #hockey-hebdo-link li { padding-top: 3px; } #hockey-hebdo #hockey-hebdo-link li a { text-decoration: none; color: #BDC6D0; margin-right: 30px; } #hockey-hebdo #hockey-hebdo-link li a:hover { text-decoration: underline; } /** * Footer */ #footer { position: relative; float:left; width: 970px; } #footer #footer-communaute-title-left { float: left; width: 4px; height: 27px; background: url(/images/bg-communaute-title-left.jpg) no-repeat; } #footer #footer-communaute-title-content { float: left; width: 962px; height: 27px; background: url(/images/bg-communaute-title-content.jpg) repeat-x; } #footer #footer-communaute-title-content h2 { margin-top: 2px; } #footer #footer-communaute-title-right { float: left; width: 4px; height: 27px; background: url(/images/bg-communaute-title-right.jpg) no-repeat; } #footer #footer-content { float: left; width: 970px; background: url(/images/bg-footer-content.jpg) #313B47 repeat-x; } #footer-content a { color: #BDC6D0; text-decoration: none; display: block; padding: 5px 5px 5px 10px;} #footer-content a:hover { color: #fff; } #footer-content ul { background: url(../images/bg-footer-ul.jpg) top repeat-x; cursor: pointer; padding-top: 46px; margin-top: -46px; } #footer-content li { color: #BDC6D0; margin: 0 0 1px 0; background: #23303C; padding: 0; } #footer-content li:hover { background: #A01A1A; color: #fff; } #footer-content #twitter { float: left; width: 320px; } #twitter img { margin: 15px 0 0 20px; } #footer-content #forum { float: left; width: 320px; margin-left: 5px; } #forum img { margin: 15px 0 4px 0; } #footer-content #facebook { float: left; width: 320px; margin-left: 5px; } #facebook img { margin: 28px 0 9px 0; } #footer #footer-bottom { position: relative; float: left; bottom: 0; width: 973px; height: 73px; margin-left: -3px; background: url(/images/bg-footer-bottom.jpg) no-repeat; } #footer-bottom ul#footer-rights { position: absolute; right: 40px; } #footer-bottom ul#footer-agence { position: absolute; left: 40px; } #footer-bottom ul#footer-agence img#img-fmc { margin-top: -5px; } #footer-bottom ul#footer-agence img#img-pyxis { margin-top: -2px; } #footer-bottom ul li { float: left; } #footer-bottom ul li a { font-size: 0.897em; text-decoration: none; color: #313B47; } #footer-bottom ul li a:hover { font-size: 0.897em; text-decoration: underline; } #footer #footer-left { position: absolute; bottom: 0; right: -79px; width: 79px; height: 118px; background: url(/images/bg-footer-left.jpg) no-repeat; }