/*
   qc.HockeyExperts.ca - Layout
-------------------------------------------------- */

/* Pages
-------------------------------------------------- */
body { background-color: #000; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; }
input { border: 1px solid #b0c6d1; padding: 3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #058; }
input.err { background:  #fff6e0; border: 1px solid #f80; }
label.err { color:#f80; }
a { color: #f6bb55; }
a:hover { color: #ffee88; }

#page { width: 100%; position: relative; background: url(/img/UI/bkg/bkg_smoke.png); float: left; }
	a#register { float: left; height: 0; padding-top: 18px; overflow: hidden; }
	a:hover#register { background-position: 0px -18px !important; }
	a:active#register { background-position: 0px -36px !important; }
	#page.fr a#register { width: 89px; background: url(/img/UI/btn/inscris-fr.gif) 0 0 no-repeat; }
	#page.en a#register { width: 109px; background: url(/img/UI/btn/inscris-en.gif) 0 0 no-repeat; }

#shadow-left { width: 20px; height: 100%; background: url(/img/UI/bkg/bkg_smoke_left.png) repeat-y; background-position: 3px; border-right: 1px solid #7c7877; position: absolute; left: -20px; top: 0; z-index: 3000; }

/* Decorations */
.ariane { color: #70bfe4; margin: 10px; font-size: 9px; }
.ariane a { font-size: 11px; color: #333; text-decoration: none; }
.ariane a:hover { color: #000; text-decoration: underline; }
.ariane span { padding: 0 3px; }

.dotsV1 { position: absolute; top: 0; right: 0; background: url(/img/UI/decoration/5dots.gif) repeat-y -1px 0; width: 1px; height: 100%; }

hr { clear: both; border: none; margin: 10px 0; }
hr.linesolid_1  { height: 1px; border-bottom: 1px solid #bbbcbc; }
hr.linedotted_1 { height: 1px; background: url(/img/UI/decoration/2dots.gif); }
hr.linedotted_2 { height: 5px; background: url(/img/UI/decoration/5dots.gif); }
hr.linedotted_5 { height: 11px; background: url(/img/UI/decoration/5dots.gif); }

/* Page Top */
#gohome { position: absolute; top: 0; left: 0; height: 125px; width: 245px; z-index: 2000; }
#nav { background: url(/img/UI/bkg/bkg_header.jpg) no-repeat; padding: 125px 0 0 0; float: left; width: 100%; }

/* Page Middle */
h1 { font-size: 15px; font-weight: normal; color: #4e5868; margin: 7px 0 10px 0; line-height: 1em; }
h2,
h3,
h4,
h5 { margin: 10px 0; }
h2 { font-size: 13px; color: #ea6c27; background: url(/img/UI/decoration/3dots-blue.gif) repeat-y; padding-left: 10px; }
h3 { font-size: 12px; color: #0a204e; }
h4 { font-size: 11px; color: #e93425; }
h5 { font-size: 12px; color: #4e5868; }

#middle { width: 950px; height: auto; float: left; position: relative; background: #fff; border-right: 1px solid #eee; min-height: 400px; }
#page.home #middle { border-right: none; }

#leftside { float: left; width: 180px; height: auto; margin: 0 10px 10px 10px; position: relative; font-size: 11px; }
#leftside .top { position: relative; }
#leftside .bottom { background: #bbbcbc; padding: 10px; }
#leftside .bottom select { font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 2px 0; border: 1px solid #777; width: 160px; }
#leftside .bottom input { width: 150px; }
#leftside .section { background: url(/img/UI/decoration/oblics.png) repeat-y; font-weight: bold; padding: 10px; border-bottom: 1px solid #fff; cursor: default; }
#leftside .categories { background: url(/img/UI/decoration/gray_50pc.png); padding: 5px 0; }
#leftside .categories ul { margin-left: 18px; margin-bottom: 5px; padding: 0; }
#leftside .categories ul li { margin-left: -4px; padding: 5px 0 0 0; }
#leftside .categories ul li:hover { list-style-image: url(/img/UI/decoration/pointer_over.gif) !important;  }
#leftside .categories ul li.selected { list-style-image: url(/img/UI/decoration/pointer.gif); }
#leftside .categories ul li.disable { list-style-image: none !important; }
#leftside .categories ul li.disable a { color: #777 !important; cursor: default !important; }
#leftside .categories a { text-decoration: none; /* padding-left: 7px; margin: 5px -7px 5px 0;*/ color: #444; margin: -4px; }
#leftside .categories a:hover { color: #000; }
#leftside .categories .selected a:hover { font-weight: normal; cursor: default; }


#rightside { float: left; margin: 0 20px 30px 0; width: 720px; height: auto; font-size: 11px; }
#rightside p  { margin: 10px 0 7px 0; color: #000; }
#rightside ul { margin-bottom: 10px; padding-left: 10px; }
#rightside ul li { list-style: url(/img/UI/decoration/list-style.gif); margin: 4px 0; }
#rightside ul li ul li { list-style: url(/img/UI/decoration/list-style2.gif); margin: 4px 0; }
#rightside a { text-decoration: underline; color: #0a204e; }
#rightside a:hover { color: #06709a; }

.styleTable table { border-bottom: 1px solid #4e5868; margin: 10px 0; width: 355px; }
.styleTable table tr td { padding: 3px 5px; vertical-align: text-top; }
.styleTable table tr td p { padding: 0; margin: 3px 0; }
.styleTable table tr:first-child { background: url(/img/UI/decoration/table-th-bkg-gray.gif) no-repeat #4e5868; color: #fff; border-right: 1px solid #4e5868; }
.styleTable table tr:first-child th { margin-bottom: 1px; padding: 2px 0 1px 5px; font-weight: normal !important; font-size: 12px; }
.styleTable table tr:nth-child(2) { border: 2px solid #fff; }
.styleTable table tr:nth-child(even) { background: #d3dfe5; border-left: 1px solid #d3dfe5; border-right: 1px solid #d3dfe5; }
.styleTable table td:first-child  { width: 225px; color: #000; }
.styleTable table td:nth-child(2) { width: 35px; color: #f54826; font-weight: bold; text-align: right; }
.styleTable table td:nth-child(3) { width: 90px; color: #4e5868; font-weight: bold; text-align: left; padding: 0; }
.styleTable table td:nth-child(3) p { background: url(/img/UI/decoration/5dots-grayV.gif) no-repeat; padding: 0 5px; }

/* 
#rightside table { border-bottom: 1px solid #4e5868; margin: 10px 0; width: 355px; }
#rightside table tr td { padding: 3px 5px; vertical-align: text-top; }
#rightside table tr td p { padding: 0; margin: 3px 0; }
#rightside table tr:first-child { background: url(/img/UI/decoration/table-th-bkg-gray.gif) no-repeat #4e5868; color: #fff; border-right: 1px solid #4e5868; }
#rightside table tr:first-child th { margin-bottom: 1px; padding: 2px 0 1px 5px; font-weight: normal !important; font-size: 12px; }
#rightside table tr:nth-child(2) { border: 2px solid #fff; }
#rightside table tr:nth-child(even) { background: #d3dfe5; border-left: 1px solid #d3dfe5; border-right: 1px solid #d3dfe5; }
#rightside table td:first-child  { width: 225px; color: #000; }
#rightside table td:nth-child(2) { width: 35px; color: #f54826; font-weight: bold; text-align: right; }
#rightside table td:nth-child(3) { width: 90px; color: #4e5868; font-weight: bold; text-align: left; padding: 0; }
#rightside table td:nth-child(3) p { background: url(/img/UI/decoration/5dots-grayV.gif) no-repeat; padding: 0 5px; }

*/

table.winners { width: 100%; border: 0; white-space: nowrap; }
table.winners td { text-align: left !important; padding-right: 5px !important; }

table.mag-archive { width: 910px; color: #009ddc; margin: 20px 10px; }
table.mag-archive tr { border-bottom: dotted 1px #aaa; }
table.mag-archive tr:nth-child(even) { background: #e4f3f9; }
table.mag-archive td { padding: 10px 5px; width: 50%; }
table.mag-archive img { float: left; margin: 5px 0 0 0; }
table.mag-archive h3 { color: #009ddc; margin: 5px 0 0 0 !important;  }
table.mag-archive p { color: #056388; margin: 0 !important;  }
table.mag-archive a { color: #0a204e; text-decoration: underline; line-height: 1.8em; }

div.hqc.video table.gallery { width: 900px; color: #009ddc; margin: 20px auto; border-top: dotted 1px #aaa; border-bottom: dotted 1px #aaa; }
div.hqc.video table.gallery tr:nth-child(even) { background: #e4f3f9; }
div.hqc.video table.gallery td { padding: 10px; }
div.hqc.video h3 { color: #009ddc; margin: 5px 0 0 0 !important;  }
div.hqc.video p { color: #002d62; font-size: 12px; margin: 0 0 10px 10px !important;  }
div.hqc.video a { color: #0a204e !important; font-size: 12px; text-decoration: underline; }
div.hqc.video .gallery .bouton { position: relative; width: 196px; height: 152px; overflow: hidden; margin-top: 5px; padding: 0; }
div.hqc.video .gallery .bouton img { position: absolute; top: 0; left: 0; }
div.hqc.video .gallery .bouton a { position: absolute; top: 0; left: 0; display: block !important; height: 0 !important; width: 196px !important; overflow: hidden !important; padding-top: 152px !important; float: left; background: url(/hockey-quebec/media/btns_hqc.png) no-repeat 0 0; }
div.hqc.video .gallery .bouton a:hover { background-position: 0 -152px !important; }
div.hqc.video .gallery .bouton a:active,
div.hqc.video .gallery .bouton a.selected { background-position: 0 -304px !important; }


#rightside .highlite { background: url(/img/UI/decoration/degrad-blue.png) repeat-y; width: 475px; }
#rightside .highlite p { padding: 10px; }

#rightside .positions table { border-bottom: 1px solid #4e5868; margin: 20px 0 10px 0; width: 720px; }
#rightside .positions table tr th { background-color: #009ddc; color: #fff; border-right: 1px solid #009ddc; }
#rightside .positions table tr th:first-child { background: url(/img/UI/decoration/table-th-bkg-blue.gif) no-repeat #009ddc; }
#rightside .positions table tr td { padding: 3px 5px; vertical-align: text-top; border-bottom: 1px dotted #bbbcbc; }
#rightside .positions table tr:first-child { margin-bottom: 1px; padding: 2px 0 1px 5px; font-weight: normal !important; font-size: 11px; }
#rightside .positions table tr:nth-child(even) { background: #fcfcfc; border-left: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; }
#rightside .positions table tr { border-bottom: 1px dotted #ccc; }
#rightside .positions table td:first-child  { color: #f54826; width: 245px; }
#rightside .positions table td:last-child { color: #000; width: 475px; text-align: left; font-weight: normal !important; }

.text { float: left; padding: 1px 0; font-size: 11px; }
.text h3 { margin: 15px 0 0 0 !important; }
.text p { margin: 2px 0 12px 0 !important; }
.text ul { margin-top: 2px !important; }

.text.legal ol { list-style: decimal; padding-left: 20px; }
.text.legal li { margin-top: 10px; margin-bottom: 5px; }
.text.legal ol.nomargin-li { margin: 0 0 15px 0; }
.text.legal ol.nomargin-li li { margin: 0; }
.text.legal strong { color: #0a204e; }

/* Page Bottom */
#bottom { float: left; width: 100%;  }
#copyright { width: 975px; background: url(/img/UI/bkg/bkg_smoke_bot.png) no-repeat; background-position: 0px -3px; float: right; }
#copyright p { margin: 5px 10px; font-size:11px; color: #777; text-align: right; }

/* Tweeks */
.clearfloat { clear: both; }

.floatL { float: left; }
.floatR { float: right; }
.footnotes { font-size: 10px; color: #4e5868; }

.halfwidth { width: 49%; float: left; }
.halfwidth2r { width: 48%; float: right; }
.w348 { width: 348px; }
.w350 { width: 350px; }
.w352 { width: 352px; }

/*
Lien courriel
Normal : #E93425
Over : #EF7137

Lien internet
Normal : #0A204E
Over : #06709A

*/
a.liame { color: #e93425 !important; }
a:hover.liame { color: #ef7137 !important; }
.alien { padding-right: 14px; background: url(/img/UI/decoration/alien10x10.gif) no-repeat 100% 50%; }

.big { font-weight: bold; font-size: 12px; }
.blue { color: #0a204e; }
.brand.logos { clear: both; padding: 0; background: #fff url(/img/UI/bkg/bkg_logos.jpg) no-repeat 0 18px; width: 910px; height: auto; margin: 0 auto; }
.brand.logos .entete { background: #fff url(/img/UI/decoration/table-th-bkg-gray-long.gif) no-repeat; width: 898px; height: 15px; color: #fff; padding: 1px 0 0 12px; }
.brand.logos div.img { float: left; background: url(/img/UI/decoration/2dots_2x130.gif) repeat 0 1px; }
.brand.logos div img { float: left; margin: 10px 13px 10px 12px; }

.capital { text-transform: capitalize; }

.gray { color: #aaa !important; }

.linkred { color: #e93425 !important; text-decoration: none !important; }
.linkred:hover { text-decoration: underline !important; }

.marge10 { margin: 10px !important; }
.margeL10 { margin-left: 10px !important; }
.margeR10 { margin-right: 10px !important; }
.margeT10 { margin-top: 10px !important; }
.margeB10 { margin-bottom: 10px !important; }

.noMarge { margin: 0 !important; }
.noMargeT { margin-top: 0 !important; }
.noMargeR { margin-right: 0 !important; }
.noMargeB { margin-bottom: 0 !important; }
.noMargeL { margin-left: 0 !important; }

.noPad  { padding: 0 !important; }
.noPadT  { padding-top: 0 !important; }
.noPadR  { padding-right: 0 !important; }
.noPadB  { padding-bottom: 0 !important; }
.noPadL  { padding-left: 0 !important; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.padL10 { padding-left: 10px; }
.padR10 { padding-right: 10px; }
.padT10 { padding-top: 10px; }
.padB10 { padding-bottom: 10px; }

.sitemap #side2side ul { margin-bottom: 10px; padding-left: 10px; }
.sitemap #side2side ul li { margin: 4px 0; }
.sitemap #side2side ul li ul li { list-style: url(/img/UI/decoration/list-style.gif); margin: 4px 0; }
.sitemap #side2side ul li ul li ul li { list-style: url(/img/UI/decoration/list-style2.gif); margin: 0; }
.sitemap #side2side a { text-decoration: none; color: #0a204e; }
.sitemap #side2side a:hover { text-decoration: underline; color: #06709a }
.spacer1 { width: 100%; height: 10px; background: #f1f2f2; }
.spacer2 { width: 100%; height: 30px; background: #fff; }
.splitV  { width: 1px; height: 30px; background: url(/img/UI/bkg/dotlines_v.gif) repeat-y; margin: 0 10px; }
.sup     { line-height: 1em; }

.w100pc  { width: 100% !important; }
.wAuto   { width: auto !important; }

/* PRINT */
@media print {
	body, #main, #content { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
	#tabs, #nav, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}

/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }