@import url('../fonts/Klavika.css');
@import url('../fonts/klavikalight.css');

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

   font-family: "klavika_lightplain", Arial, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: arial, sans-serif;
    line-height: 1;
    background:url('../images/bg.jpg') no-repeat top center #90979d;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.btn {font-weight: bold; text-align: center;  text-transform: uppercase; font-style: italic;  color:#fff; font-family: "klavika_mediumplain", Arial, sans-serif; }

#wrapper {width:1000px; margin:320px auto 0 auto; border:1px solid #484848; background-color:#fff; overflow: hidden; padding:0 10px 10px 10px;}
#wrapper > span {height:5px; background-color:#084cb2;  width:1020px; margin-left:-10px; display:block;}
#teams {float:left; width:100%; margin:3px 0 0 5px;}
#teams li a{width:32px; height:30px; background:url('../images/teams.jpg') no-repeat; float:left;}
#teams li #nhl {background-position: 0 0}
#teams li #anaheim_ducks {background-position: -32px 0}
#teams li #boston_bruins {background-position: -64px 0}
#teams li #buffalo_sabres {background-position: -96px 0}
#teams li #calgary_flames {background-position: -128px 0}
#teams li #carolina_hurricanes {background-position: -160px 0}
#teams li #chicago_blackhawks {background-position: -192px 0}
#teams li #colorado_avalanche {background-position: -224px 0}
#teams li #columbus_blue_jackets {background-position: -256px 0}
#teams li #dallas_stars {background-position: -288px 0}
#teams li #detroit_red_wings {background-position: -320px 0}
#teams li #edmonton_oilers {background-position: -384px 0}
#teams li #florida_panthers {background-position: -352px 0}
#teams li #los_angeles_kings {background-position: -416px 0}
#teams li #minnesota_wild {background-position: -448px 0}
#teams li #montreal_canadiens {background-position: -480px 0}
#teams li #nashville_predators {background-position: -512px 0}
#teams li #new_jersey_devils {background-position: -544px 0}
#teams li #new_york_islanders {background-position: -608px 0}
#teams li #new_york_rangers {background-position: -576px 0}
#teams li #ottawa_senators {background-position: -640px 0}
#teams li #philadelphia_flyers {background-position: -672px 0}
#teams li #phoenix_coyotes {background-position: -704px 0}
#teams li #pittsburgh_penguins {background-position: -736px 0}
#teams li #san_jose_sharks {background-position: -768px 0}
#teams li #st_louisblues {background-position: -800px 0}
#teams li #tampa_bay_lightning {background-position: -832px 0}
#teams li #toronto_maple_leafs {background-position: -864px 0}
#teams li #utah_mammoth {background-position: -1024px 0}
#teams li #vancouver_canucks {background-position: -896px 0}
#teams li #vegas_golden_knights {background-position: -992px 0}
#teams li #washington_capitals {background-position: -928px 0}
#teams li #winnipeg_jets {background-position: -960px 0}

#teams li #nhl:hover {background-position: 0 -31px}
#teams li #anaheim_ducks:hover {background-position: -32px -31px}
#teams li #boston_bruins:hover {background-position: -64px -31px}
#teams li #buffalo_sabres:hover {background-position: -96px -31px}
#teams li #calgary_flames:hover {background-position: -128px -31px}
#teams li #carolina_hurricanes:hover {background-position: -160px -31px}
#teams li #chicago_blackhawks:hover {background-position: -192px -31px}
#teams li #colorado_avalanche:hover {background-position: -224px -31px}
#teams li #columbus_blue_jackets:hover {background-position: -256px -31px}
#teams li #dallas_stars:hover {background-position: -288px -31px}
#teams li #detroit_red_wings:hover {background-position: -320px -31px}
#teams li #edmonton_oilers:hover {background-position: -384px -31px}
#teams li #florida_panthers:hover {background-position: -352px -31px}
#teams li #los_angeles_kings:hover {background-position: -416px -31px}
#teams li #minnesota_wild:hover {background-position: -448px -31px}
#teams li #montreal_canadiens:hover {background-position: -480px -31px}
#teams li #nashville_predators:hover {background-position: -512px -31px}
#teams li #new_jersey_devils:hover {background-position: -544px -31px}
#teams li #new_york_islanders:hover {background-position: -608px -31px}
#teams li #new_york_rangers:hover {background-position: -576px -31px}
#teams li #ottawa_senators:hover {background-position: -640px -31px}
#teams li #philadelphia_flyers:hover {background-position: -672px -31px}
#teams li #phoenix_coyotes:hover {background-position: -704px -31px}
#teams li #pittsburgh_penguins:hover {background-position: -736px -31px}
#teams li #san_jose_sharks:hover {background-position: -768px -31px}
#teams li #st_louisblues:hover {background-position: -800px -31px}
#teams li #tampa_bay_lightning:hover {background-position: -832px -31px}
#teams li #toronto_maple_leafs:hover {background-position: -864px -31px}
#teams li #utah_mammoth:hover {background-position: -1024px -31px}
#teams li #vancouver_canucks:hover {background-position: -896px -31px}
#teams li #vegas_golden_knights:hover {background-position: -992px -31px}
#teams li #washington_capitals:hover {background-position: -928px -31px}
#teams li #winnipeg_jets:hover {background-position: -960px -31px}

#wrapper pre {float:left; line-height:3px;}
#wrapper nav {width:220px; float:left;}
#wrapper nav > a{background:url('../images/btn_forum.png') no-repeat; text-decoration: none; /* Old browsers */          margin-top:13px;   float:left; }



#accordion {list-style: none; padding: 0 0 0 0; width: 170px; float:left;}

#accordion li, #wrapper nav > a{ display: block; cursor: pointer; width:220px; padding:12px 0; }
#accordion > li {margin-top:13px; background:url('../images/btn_menu.png') no-repeat; /* Old browsers */  }
#accordion ul {list-style: none; padding: 0 0 0 0; display: none;}
#accordion ul li{font-weight: normal; cursor: auto;  background:none; border:none; text-align: left; color:#000; padding:0;  margin:0;}
#accordion ul li a {color:#000; font-size:13px; margin-left:25px;}
#accordion a {text-decoration: none;}
#accordion a:hover {color:#0158a7; text-decoration:none;}

section {width:520px; float:left; text-align: center; margin-left:15px; }
section #section_top {text-align: center; margin:10px 0;}
section #section_top img, section #section_top h1{display: inline-block;}
section #section_top h1{text-decoration: underline; color:#073466; font-weight: bold; font-family: "klavika_mediumplain", Arial, sans-serif; font-size:20px;}
section > p {text-align: left; margin-top:10px; text-align: justify; margin-bottom:20px;}

section .top_5 h3  {background:url('../images/header_top5.png') no-repeat; z-index: 10; position:relative; width:520px; margin:auto; padding:11px 0; height:20px; font-weight: bold; text-align: center;  text-transform: uppercase; color:#fff; font-family: "klavika_mediumplain", Arial, sans-serif;}
section .top_5 table  {width:520px; top:-8px; left:0; position:relative; border:1px solid #000; background-color:#f7f7f7; }
section .top_5 table tr  {border-bottom:1px solid #bcbcbc;}
section .top_5 table td  {text-align: left; padding:5px;}
section .top_5 table tr:first-child  {font-weight:bold;}
section .top_5 table tr:last-child  {border-bottom:none;}

aside {float:right; width: 230px;}
aside > div.pow{ width:227px; height:314px; position: relative; margin-top:20px; float:left;}
aside > div.pow div{position:absolute; top:120px; left:20px; width:185px}
aside > div.pow div h3{text-align: center; font-family: "klavika_mediumplain", Arial, sans-serif;}
aside > div.pow div ul{margin-top:10px;}
aside > div.pow p{position:absolute; color:#fff; bottom:20px; width:227px; text-align: center; text-shadow: 2px 2px 2px #000; font-family: "klavika_mediumplain", Arial, sans-serif;}
aside #match_jour, aside #fichiers{text-decoration: none; margin-top:13px; float:left; text-align: center; width:224px; padding:16px 0 21px; }
aside #fichiers{background:url('../images/btn_fichier.png') no-repeat;  }
aside #match_jour{background:url('../images/btn_match_jour.png') no-repeat;  }

footer{width:100%; background-color:#333; height:180px;}
footer .center {width:1000px; height:180px; margin:auto; background-color:#3c3c3c; padding:0 10px;}
footer .center .left {float:left; width:450px; padding:37px 0;}
footer .center .left img{margin-right:15px;}
footer .center .left img, footer .center .left p{float:left;}
footer .center .left h4, footer .center .left p{width:320px; color:#fff; font-weight:normal; }
footer .center .left h4{color:#3e95d7; font-weight: bold; font-family: "klavika_mediumplain", Arial, sans-serif; font-style:italic;}

footer .center .right {float:right; width:290px; padding:37px 0;}
footer .center .right nav li{display:inline; width:auto; }
footer .center .right nav li a{color:#d8d8d8; font-style:italic; text-decoration: none; float:left;}
footer .center .right nav li a:hover{color:#fff; }
footer .center .right nav li p{color:#fff; float:left; margin:0 6px;}
footer .center .right > a{background:url('../images/footer_btn.png') no-repeat; display: block; width:284px; padding:10px 0 12px 0; text-align: center; float:left; margin-top:20px;}

#copyright {background:url('../images/copyright_bg.png') ; padding:10px 0;}
#copyright p{width:1000px; margin: auto; text-align: right; color:#fcfcfc;}