html,body,div,span,img,a,dfn,abbr,acronym,address,h1,h2,h3,h4,h5,h6,p,b,strong,i,em,small,big,sub,sup,q,cite,blockquote,del,ins,dl,dt,dd,ol,ul,li,code,kbd,samp,var,pre,tt,form,fieldset,legend,label,button,input,textarea,table,caption,thead,tfoot,tbody,tr,th,td{font-family:inherit;line-height:inherit}div,span,a,dfn,abbr,acronym,address,p,small,big,sub,sup,q,cite,blockquote,del,ins,ol,ul,li,code,kbd,samp,var,pre,tt,form,fieldset,legend,label,table,caption,thead,tfoot,tbody,tr,th,td{font-weight:inherit;font-style:inherit}div,span,a,dfn,abbr,acronym,address,p,b,strong,i,em,sub,sup,q,cite,blockquote,del,ins,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,button,input,textarea,table,caption,thead,tfoot,tbody,tr,th,td{font-size:inherit}html,body,div,span,img,a,dfn,abbr,acronym,address,h1,h2,h3,h4,h5,h6,p,b,strong,i,em,small,big,q,cite,blockquote,del,ins,dl,dt,dd,ol,ul,li,code,kbd,samp,var,pre,tt,form,fieldset,legend,label,table,caption,thead,tfoot,tbody,tr,th,td{vertical-align:baseline}body,img,applet,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ol,ul,pre,form,legend,table,caption,thead,tfoot,tbody,tr,th,td{margin:0;padding:0}img,applet,object,embed,iframe,fieldset{border:0}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:0}hr{clear:both;color:#27abd8;width:100%;height:1px;margin:0 auto;border:0;background:#27abd8}select,button,input[type='button'],input[type='reset'],input[type='submit']{cursor:pointer}form{margin:0;padding:0}legend{padding:0 .6em}textarea{overflow:auto}a{text-decoration:none}a:link{color:blue}a:visited{color:purple}a:focus{outline:0}a:hover{color:red;outline:0}a:active{color:orange;outline:0}ul,ol{margin:1em 0;padding-left:1em}ol ul,ul ol,ul ul,ol ol{margin:0}p{line-height:inherit}blockquote{margin:.5em 3em;line-height:inherit}code,kbd,samp,var,pre,tt{font-family:monospace}pre{margin:1em 0}cite:before{content:'—'}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}abbr{text-decoration:none;border-bottom:0}sup,sub{position:relative;font-size:80%;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.5em}small{font-size:80%}big{font-size:120%}i,em{font-style:italic}font,basefont,plaintext,listing,xmp{color:inherit;font:inherit;font-size:100%}plaintext,listing,xmp{white-space:inherit;display:inline;margin:0}center{text-align:inherit}s,strike,u{text-decoration:inherit}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}.hide,.hidden{display:none}.invisible{visibility:hidden}.display-block{display:block}.clear{clear:both}.clear-left,br.left,hr.left{clear:left}.clear-right,br.right,hr.right{clear:right}.float-left,img.left{float:left}.float-right,img.right{float:right}.centered{margin:0 auto}.text-left,p.left{text-align:left}.text-right,p.right{text-align:right}.text-center,p.center{text-align:center}.text-justify,p.justify{text-align:justify}
.cf:after,
#header-bar-container:after,
#header:after,
#navigation:after,
#submenu:after,
#feeds-wrapper:after,
#sport-category:after,
.content-header:after,
.content-header h1:after,
.content-body:after,
.content-container:after,
.webdiffusionContainer:after,
.webdiffusionFeatured:after,
.feedsRow:after,
.jaf-container:after,
#find-store:after{
content : "";
display : table;
clear : both;
}
/*
///// JEUX DU QUÉBEC /////
+ FONTS
+ CONTENT
- TYPO
- HEADER
- MENU
- FOOTER
+ TEMPLATES
*/
body,
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Arial';
font-size: 12px;
color: #333;
background: #fff;
}
/**
* Apply for screen-readers.
*/
.accessibility {
position: absolute !important;
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
margin: 0;
border: 0;
clip: rect(0 0 0 0);
}
h1,
h2,
h3,
h4,
h5 {
font-weight: normal;
}
a,
a:link,
a:active,
a:focus,
a:visited {
color: #333;
outline: none;
}
a:hover,
a.active,
a.active:link,
a.active:focus,
a.active:active,
a.active:visited,
#menu a.active,
#menu a.active:visited,
#menu a:hover {
color: #006bb6;
}
address,
p {
margin: 1em 0;
padding: 0;
}
ul, ol { margin: 1em 0; }
li { margin: 0 0 0.2em; }
legend {
padding:0;
color: #000;
}
input,
select,
textarea,
button { margin: 0; }
.float-left { float: left; }
.float-right { float: right; }
sup {
top: -0.35em;
}
/* =========
FONTS
=========
*/
@font-face {
font-family: 'DINProCondensed';
src: url('../fonts/dinnextltpro-condensed-webfont.eot');
src: url('../fonts/dinnextltpro-condensed-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dinnextltpro-condensed-webfont.woff') format('woff'),
url('../fonts/dinnextltpro-condensed-webfont.ttf') format('truetype'),
url('../fonts/dinnextltpro-condensed-webfont.svg#DINNextLTProCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINMediumCondensed';
src: url('../fonts/dinnextltpro-mediumcond-webfont.eot');
src: url('../fonts/dinnextltpro-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/dinnextltpro-mediumcond-webfont.woff') format('woff'),
url('../fonts/dinnextltpro-mediumcond-webfont.ttf') format('truetype'),
url('../fonts/dinnextltpro-mediumcond-webfont.svg#DINNextLTProMediumCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DINLightCondensed';
src: url('../fonts/FF_DIN_Condensed_Light.eot');
src: url('../fonts/FF_DIN_Condensed_Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/DINNextLTPro-LightCondensed.woff') format('woff'),
url('../fonts/DINNextLTPro-LightCondensed.ttf') format('truetype'),
url('../fonts/DINNextLTPro-LightCondensed.svg#DINNextLTPro-LightCondensed') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans300';
src: url('../fonts/MuseoSans_300-webfont.eot?') format('eot'),
url('../fonts/MuseoSans_300-webfont.woff') format('woff'),
url('../fonts/MuseoSans_300-webfont.ttf') format('truetype'),
url('../fonts/MuseoSans_300-webfont.svg#webfont6hk8VvMt') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans500';
src: url('../fonts/MuseoSans_500-webfont.eot?') format('eot'),
url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
url('../fonts/MuseoSans_500-webfont.svg#webfont6hk8VvMt') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MuseoSans900';
src: url('../fonts/MuseoSans_900-webfont.eot?') format('eot'),
url('../fonts/MuseoSans_900-webfont.woff') format('woff'),
url('../fonts/MuseoSans_900-webfont.ttf') format('truetype'),
url('../fonts/MuseoSans_900-webfont.svg#webfont6hk8VvMt') format('svg');
font-weight: normal;
font-style: normal;
}
h2,
h3,
#box-menu a,
#header-bar #quebec,
#menu a,
#sport-category a,
.content-sidebar a,
.col-title,
.learnmore,
.pp_nav p,
#auto-complete-list li,
.news-date,
.sidebar-date,
.widgets-form input,
.condensed,
.result-submenu div,
.pattern .skinned-select,
.last-name,
.city-name,
.points .label,
.results-details table td,
a.goto strong,
.finales a,
.feed {
font-family: 'DINProCondensed', Arial;
}
.locomotive span,
.font86,
.widget-btn,
.widgets-form input.widget-btn,
.widget-title .step,
.widget-title .title,
.title,
.medias a,
div.fb,
div.twitter,
.points,
.score,
.position-nb,
.results_module #navigation .menu-lvl-1 {
font-family: 'DINMediumCondensed';
}
h1,
.h1,
.u-btn,
.grid-box-outer h3,
.box-inner h3,
div.ppt,
div.ppst,
#table-top,
caption,
.caption,
#footer ol li a,
#footer-content h3,
.twtr-tweet-text p,
.tweet-date,
.content-body h5,
.sport-season,
a.goto,
.results_module #navigation .menu-lvl-1 span {
font-family: 'DINLightCondensed', Arial;
font-weight: normal;
}
.marker-content .title,
.marker-content .adress,
.marker-content .event,
#box-header a span,
#counter .label,
#informations h2 {
font-family: 'MuseoSans300', Arial;
}
#contact #col-right h3,
#contact #col-left h3,
#contact #col-left a,
#box-header a strong,
#counter .number,
#subscribe h2,
#subscribe #submit,
#informations a,
.news-category,
.event-title,
.site-title {
font-family: 'MuseoSans500', Arial;
}
/* =========
CONTENT
=========
*/
#page-wrapper {
overflow-x: hidden;
position: relative;
min-width: 960px;
width: 100%;
}
#page-container {
width: 960px;
margin: 0 auto;
}
.content-wrapper {
z-index : 500;
position : relative;
}
/* =========
HEADER
=========
*/
#header {
position : relative;
z-index : 900;
min-height : 190px;
}
#logo {
z-index : 10;
position : absolute;
bottom : 18px;
left : 0;
display : block;
height : 90px;
width : 220px;
background : url(../images/logo-jeuxduquebec.png) no-repeat;
text-indent : -9999px;
}
#navigation {
z-index : 3;
position : absolute;
bottom : 0;
right : 0;
width : 740px;
}
#menu {
float : right;
list-style : none;
margin : 10px 0 0 14px;
padding : 0;
}
#menu li {
z-index:9999;
}
#menu .menu-lvl-1 {
float : left;
display : block;
margin : 0;
padding : 16px 1px;
border : 0;
background : none;
}
#menu a.menu-parent {
padding: 0 15px;
border-left: 2px solid #003366;
font-size: 17px;
line-height: 1;
text-transform: uppercase;
}
#menu a.menu-parent,
#menu a.menu-parent:link,
#menu a.menu-parent:visited {
color: #003366;
}
#menu a.active,
#menu a.active:link,
#menu a.active:visited,
#menu a.menu-parent:focus
#menu a.menu-parent:hover,
#menu a.menu-parent:active {
color: #006BB6;
}
#menu .menu-lvl-1.hover,
#menu .menu-lvl-1:hover {
position: relative;
padding: 15px 0;
border: 1px solid #E3E3E3;
background: url(../images/bckg-submenu.png);
}
#menu .menu-lvl-1.hover + .menu-lvl-1 a.menu-parent,
#menu .menu-lvl-1:hover + .menu-lvl-1 a.menu-parent {
border-left: 0;
padding-left: 17px;
}
/* IE6 fails to render this CSS if an adjacent selector is present */
#menu .borderless a.menu-parent,
#menu .menu-lvl-1.hover a.menu-parent,
#menu .menu-lvl-1:hover a.menu-parent {
border-left: 0;
padding-left: 17px;
}
#menu .menu-lvl-1.hover a.menu-parent,
#menu .menu-lvl-1.hover a.menu-parent:link,
#menu .menu-lvl-1.hover a.menu-parent:visited,
#menu .menu-lvl-1:hover a.menu-parent,
#menu .menu-lvl-1:hover a.menu-parent:link,
#menu .menu-lvl-1:hover a.menu-parent:visited {
color: #006BB6;
}
.menu-mask {
display: none;
z-index: 1;
overflow: hidden;
position: absolute;
top: 50px;
left: 0;
height: 1px;
width: 100%;
background: #f2f2f2;
}
.submenu {
display: none;
list-style: none;
position: absolute;
top: 50px;
left: -1px;
margin: 0;
padding: 0 0 15px;
border: 1px solid #E3E3E3;
background: url(../images/bckg-submenu.png);
z-index:9999;
}
#menu .menu-lvl-1.hover .submenu,
#menu .menu-lvl-1:hover .submenu,
#menu .menu-lvl-1.hover .menu-mask,
#menu .menu-lvl-1:hover .menu-mask {
display: block;
}
.submenu li,
#auto-complete-list li {
list-style: none;
min-width: 100px;
padding: 5px 0;
margin: 0;
background: url(../images/submenu-line.png) left bottom no-repeat;
z-index:9999;
}
.submenu li a,
#auto-complete-list li {
display: block;
padding: 0 15px;
font-size: 18px;
white-space: nowrap;
}
.submenu li a,
.submenu li a:link,
.submenu li a:visited,
#auto-complete-list li {
color: #000;
}
.submenu li a:focus,
.submenu li a:hover,
.submenu li a:active,
#auto-complete-list li.auto-complete-list-rollover {
color: #006BB6;
}
#header-bar {
background: #F2F2F2;
}
#header-bar-container {
position: relative;
width: 960px;
margin: 0 auto;
}
#quebec {
float: left;
display: inline;
margin: 0 10px 0 0;
}
#quebec a {
display: block;
float: left;
color: #333;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
padding: 13px 15px;
}
#quebec a:link,
#quebec a:visited {
color: #333;
}
#quebec a:hover,
#quebec a:active,
#quebec a.active,
#quebec a.active:link,
#quebec a.active:visited {
color: #38ABDF;
background: #fff;
}
#links {
float: right;
display: inline;
}
#links a {
float: left;
font-size: 12px;
line-height: 1;
margin: 14px 0 14px 15px;
}
#links a:link,
#links a:visited {
color: #333;
}
#links a:focus,
#links a:hover,
#links a:active {
color: #38ABDF;
}
#input {
float: left;
display: inline;
margin: 6px 0 0;
}
#control-sitemap {
float: left;
display: inline;
margin: 0 5px 0 0;
}
#sitemap {
font-size: 12px;
line-height: 15px;
}
#search_site {
float: left;
display: inline;
height: 13px;
width: 165px;
margin: 0;
padding: 5px 24px 5px 9px;
background: #fff url(../images/icon-search.png) 98% 50% no-repeat;
border: 1px #E3E4E3 solid;
color: #333;
font-size: 12px;
line-height: 15px; /* FF forces a 15px */
}
#box-menu {
/* margin: 30px 0 0 0;*/
}
#box-menu a {
position: relative;
float: right;
display: inline;
width: 125px;
height: 50px;
margin: 0 0 0 10px;
padding: 5px 100px 5px 10px;
background: url(../images/bckg-lines-pattern.png);
color: #003366;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
}
#box-menu a:last-child {
margin-left: 0;
}
#box-menu span,
#box-menu strong {
display: block;
font-weight: normal;
}
#box-menu a span.link {
color: #EF3E33 !important;
margin: 5px 0 0 0;
}
#box-menu a:hover span.link {
color: #37AADE !important;
}
#box-menu img {
display: block;
position: absolute;
bottom: 5px;
right: 15px;
max-width: 150px;
}
/* =========
JQUERY CYCLE
=========
*/
#map-wrapper,
.carousel-wrapper {
clear: both;
z-index: 1;
position: relative;
height: 412px;
width: 960px;
margin: 30px auto;
}
.carousel-wrapper + .content-wrapper {
margin-top: -20px;
}
#carousel-home {
height: 412px;
}
#carousel-default {
height: 0; /* 310px; */
}
.carousel-wrapper img {
display:block;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
}
.carousel {
position: absolute;
}
#carousel-left {
top: -37px;
left: -402px;
}
#carousel-home #carousel-middle {
left: -3px;
top: 0;
}
#carousel-middle {
top: -15px;
left: 9px;
}
#carousel-right {
top: -76px;
right: -443px;
}
#carousel-home #carousel-left,
#carousel-home #carousel-left img {
height: 337px;
width: 512px;
}
#carousel-home #carousel-middle,
#carousel-home #carousel-middle img {
height: 299px;
width: 809px;
}
#carousel-home #carousel-right,
#carousel-home #carousel-right img {
height: 367px;
width: 671px;
margin-top: 5px;
margin-right: 50px;
}
#carousel-default #carousel-left,
#carousel-default #carousel-left img {
height: 411px;
width: 513px;
}
#carousel-default #carousel-middle,
#carousel-default #carousel-middle img {
height: 319px;
width: 844px;
}
#carousel-default #carousel-right,
#carousel-default #carousel-right img {
height: 503px;
width: 614px;
}
#carousel-default #carousel-left {
top: -41px;
left: -378px;
}
#carousel-default #carousel-right {
top: -83px;
right: -350px;
}
/* =========
FOOTER
=========
*/
#signature {
margin: 20px 0 0 0;
color: #fff;
}
.locomotive {
font-size: 11px;
color: #38ABDF !important;
opacity: .6;
filter: alpha(opacity=60);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.locomotive span {
font-size: 13px;
text-transform: uppercase;
}
.locomotive:hover {
color: #fff !important;
}
#footer {
margin: 30px 0 0 0;
background: #13497a;
}
#footer-content {
width: 960px;
margin: 0 auto;
padding: 20px 0;
}
#footer-content h3 {
font-size: 21px;
color: #fff;
text-transform: uppercase;
text-shadow: -0.02em -0.068em #07243d;
border-bottom: 1px #07243d solid;
margin: 0 0 15px 0;
}
#footer-navigation,
#latest-tweets,
#medias {
width: 300px;
float: left;
margin: 0 30px 0 0;
}
#footer ol,
#footer ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer a,
#footer a:active,
#footer a:visited {
color: #fff;
}
#footer a:focus,
#footer a:hover {
color: #38ABDF;
}
#footer li a {
font-size: 20px;
}
.learnmore {
color: #000;
font-size: 14px;
text-transform: uppercase;
}
#latest-tweets .twtr-tweet {
background: none;
padding: 0;
margin: 0 0 15px 0;
}
.twtr-ft {
display: none;
}
.twtr-widget .twtr-tweet {
border: none !important;
}
.twtr-widget .twtr-tweet-wrap {
padding: 0 8px 6px 8px !important;
}
.twtr-hd {
display: none;
}
.twtr-tweet-text {
background: url(../images/icon-twitter.png) 0 5px no-repeat;
padding: 0 0 0 30px;
}
.twtr-tweet-text p {
font-size: 15px;
color: #fff;
margin-bottom: 5px;
}
.tweet-date {
color: #07243d;
font-size: 11px;
}
.twtr-widget em,
.twtr-widget .twtr-new-results {
font-size: 14px !important;
}
#footer-email {
float: left;
display: inline;
height: 28px;
width: 218px;
border: 1px #2979C1 solid;
border-right: 0;
box-shadow: inset 0 0 3px #aab2b9;
padding: 0 5px;
}
#submit_footer_newsletter {
float: left;
display: inline;
background: url(../images/bckg-submitnewsletter.png) top left no-repeat;
width: 70px;
height: 30px;
border: none;
text-shadow: 0 1px 0 #3385C6;
color: #fff;
font-size: 11px;
}
#medias form {
margin: 0 0 35px 0;
}
.social-icon__footer {
float : left;
display : inline-block;
width : 32px;
height : 32px;
background-image : url(../images/icons-medias.png);
background-repeat : no-repeat;
background-position : -32px -32px;
}
.social-icon__footer + .social-icon__footer {
margin-left: 10px;
}
#twitter,
.social-icon--twitter {
background-position: 0 0;
}
#facebook,
.social-icon--facebook {
background-position: -32px 0;
}
.social-icon--instagram {
background-position: -64px 0;
}
#youtube,
.social-icon--youtube {
background-position: -96px 0;
}
/* =========
INC.FEEDS
=========
*/
#feeds-wrapper {
position: relative;
/* height: 110px;
height: 175px; */
margin: -20px 0 5px 0;
height: 225px;
width: 300px;
float: left;
}
#feeds-overflow {
zoom: 1;
overflow: hidden;
position: absolute;
/* bottom: 1px; */
left: 0;
height: 281px;
width: 100%;
top: -112px;
width: 301px;
}
#feed-container {
list-style: none;
position: absolute;
/* bottom: 1px; */
left: 0;
margin: 0;
padding: 0;
}
.feed-box-outer {
float: left;
display: inline;
position: relative;
height: 110px;
width: 206px;
width: 302px;
margin: 0 17px;
margin: 0 0px;
height: 281px;
}
.feed-box {
display : none;
overflow : hidden;
display : block;
position : absolute;
bottom : 0;
width : 301px;
height : 90px;
/*
background : url(../images/bckg-feeds.png) bottom center no-repeat;
background : url(../images/bckg-top-feed.png) top center no-repeat;
*/
}
.feed-box .inner-content {
background: url(../images/bckg-feeds-content.png) top center repeat-y;
/* height: 100%; */
padding: 20px 20px 0;
border-bottom: 1px solid #ddd;
height: 229px;
position: relative;
}
.feed-open {
height : 250px;
padding-top : 40px;
padding-top : 31px;
display : block !important;
}
.feed-box * {
cursor: pointer;
}
.feed-box-content {
padding: 10px 0 0;
font-size: 12px;
color: #999;
}
.feed-open .feed-box-content,
.feed-box:hover .feed-box-content {
color: #999;
}
.feed-box h3,
.feed-box-content {
display: none;
}
.feed-open h3,
.feed-open .feed-box-content,
.feed-box:hover h3,
.feed-box:hover .feed-box-content {
display: block;
}
.feed-box h2,
.feed-box h3,
.feed-box strong {
font-weight: normal;
}
.feed-box h2 {
margin: 0 0 7px;
color: #333;
font-size: 21px;
line-height: 1;
}
.feed-open h2,
.feed-box:hover h2 {
font-size: 25px;
}
.learnmore,
.feed-box h3 {
color: #37aade;
font-size: 16px;
text-transform: uppercase;
}
.feed-box .learnmore {
display: block;
position: absolute;
left: 20px;
bottom: 16px;
padding: 0;
background: #37aade;
color: white;
padding: 10px 20px;
}
.image-banner {
float: left;
width: 300px;
height: 250px;
overflow: hidden;
margin-left: 30px;
margin-top: -102px;
}
.image-banner img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
opacity: 1 !important;
}
.image-banner-custom2 {
float: right;
width: 200px;
height: 90px;
overflow: hidden;
margin-top: 50px;
}
.image-banner-leaderboard {
float: left;
width: 728px;
height: 90px;
overflow: hidden;
margin-top: 50px;
}
.home-feeds {
height: 485px;
width: 300px;
overflow: hidden;
}
#facebook_wall {
}
#facebook_wall ul {
list-style-type: none;
padding: 0 15px;
}
#facebook_wall ul li {
}
#facebook_wall ul li h2 {
color: #808080;
font-size: 13px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
#facebook_wall ul li .main_link {
color: #3b5998;
font-size: 13px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;
}
#facebook_wall ul li .caption {
}
#facebook_wall ul li .attachment {
margin-top: 10px;
}
#facebook_wall ul li .message {
font-size: 11px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
margin: 10px 0;
color: #333;
}
#facebook_wall ul li .attachment .message {
padding: 5px 0px 5px 10px;
border-left: 2px solid #c0c9dd;
color: #808080;
width: 235px;
}
#facebook_wall ul li .picture {
width: auto;
max-width: 270px;
}
#facebook_wall ul li .status{
width: 205px;
float: left;
}
#facebook_wall ul li .meta{
float: right;
margin: 10px 0;
font-size: 11px;
color: #808080;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.feeds .feed {
word-wrap: break-word;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-size: 12px;
color: #808080;
text-transform: none;
}
.feeds {
border: 1px solid #eee;
width: 299px;
}
.time {
color: #0091ce;
}
.feeds .by, .feeds .time {
color: #0091ce;
}
.feeds .by {
margin-top: 10px;
display: block;
}
.feeds a {
color: black;
}
.feeds .feed {
background: white;
}
.feeds .feed:hover {
background: #f4f4f4;
}
/* =========
CONTENT
=========
*/
.marker-list,
.content-body {
width: 625px;
margin-top: 10px;
min-height: 1px;
}
.results-details .marker-list,
.results-details .content-body { width:auto;}
.col-content,
.content-body,
.news-content,
.grid-box-content {
color: #333;
font-size: 14px;
line-height: 1.3;
}
.news-content {
margin: 10px 0 0 0;
}
.content-body.wide {
width: auto;
}
.content-body a {
text-decoration: underline;
}
.content-body p a {
color: #006BB6;
}
.content-body p a:hover {
color: #EF3E33;
}
.content-body ul {
list-style: none;
}
.content-body ul li {
background: url(../images/bckg-li-content-body.png) 0 7px no-repeat;
padding: 0 0 0 1em;
}
.content-body .float-left {
margin: 0 1em 1em 0;
}
.contact_form .float-left {
margin: 0 2em 1em 0;
}
.content-body .float-right {
margin: 0 0 1em 1em;
}
.content-body.col-2 div.col,
.content-body .col-2 .col {
float: left;
width: 47%;
}
.content-body.col-3 div.col,
.content-body .col-3 .col {
float: left;
width: 31%;
}
#region p {
margin: 0.5em 0 0.5em;
}
.sport-season {
float: left;
}
.sport-season + .sport-season,
.u-btn + .u-btn {
margin-left: 10px;
}
.sport-season,
.u-btn {
display: inline-block;
padding: 12px 12px 8px;
font-size: 22px;
line-height: 1;
text-transform: uppercase;
text-decoration:none;
border-radius: 6px;
}
.sport-season,
.sport-season:link,
.sport-season:visited,
.u-btn,
.u-btn:link,
.u-btn:visited {
color: #fff;
background-color: #F6753F;
}
.sport-season:focus,
.sport-season:hover,
.u-btn:focus,
.u-btn:hover {
color: #333;
background-color: #E5E5E5;
}
.results__image {
margin-bottom:15px;
}
/* =========
HOME
=========
*/
.content-sidebar .col-promo {
width: auto;
}
.content-sidebar .col-promo a {
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}
.col-promo {
float: left;
display: inline;
margin: 0;
width: 270px;
}
.col-title {
display: block;
background: url(../images/bckg-lines-pattern.png);
height: 40px;
padding: 10px;
}
.col-title h2 {
color: #333;
font-size: 18px;
}
.col-title h3 {
font-size: 24px;
text-transform: uppercase;
margin: -5px 0 0 0;
}
.col-content { padding:10px; }
.col-content .news-list {
list-style: none;
padding: 0;
margin: 0;
}
.col-content .news-list li {
float: none;
display: block;
min-height: 0;
width: auto;
margin: 0 0 10px;
padding: 0 0 10px;
border-top: 0;
border-bottom: 1px solid #ccc;
}
.col-content h4 {
margin-bottom: 12px;
font-size: 22px;
font-family: 'DINProCondensed';
}
.col-content p,
.col-content img {
margin: 0.5em 0;
}
.col-content .float-left {
margin: 0 0.5em 0.5em 0;
}
.col-content .float-right {
margin: 0 0 0.5em 0.5em;
}
.col-promo .img-crop {
height: 148px;
width: 270px;
margin: 0 0 12px;
}
.col-slideshow {}
.col-slideshow-container {
list-style: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.col-slideshow-container img {
display: block;
}
.col-slideshow-container li {
float: left;
display: inline;
}
.col-slideshow-container a {
display: block;
}
.col-slideshow-main {
overflow: hidden;
position: relative;
height: 232px;
width: 268px;
margin: 0 0 12px;
}
.col-slideshow-main img {
width: 300px;
}
.col-slideshow-main li,
.col-slideshow-main a,
.col-slideshow-main a.img-crop {
height: 232px;
width: 268px;
margin: 0;
}
.col-slideshow-main li {
margin-right: 12px;
}
.col-slideshow-main a {
background: url(../images/holder-overlay.png) 50% 50%;
}
.col-slideshow-main .col-slideshow-container {
height: 228px;
}
.col-slideshow-thumbs {
overflow: hidden;
position: relative;
height: 50px;
width: 268px;
}
.col-slideshow-thumbs img {
width: 58px;
}
.col-slideshow-thumbs li,
.col-slideshow-thumbs a,
.col-slideshow-thumbs a.img-crop {
height: 50px;
width: 58px;
margin: 0;
}
.col-slideshow-thumbs li {
margin-right: 12px;
}
.col-slideshow-thumbs a {
background: url(../images/holder-overlay-small.png) 50% 50%;
}
.col-slideshow-thumbs .col-slideshow-container {
height: 50px;
}
.home-col {
width: 300px;
}
.home-col.mod {
margin: 0 27px;
}
.home-col .img-crop {
height: 165px;
width: 300px;
}
/* .home-col .col-slideshow {} */
.home-col .col-slideshow-main {
height: 200px;
width: 300px !important;
}
.home-col .col-slideshow-main li,
.home-col .col-slideshow-main a {
height: 199px !important;
width: 300px;
}
.home-col .col-slideshow-main .col-slideshow-container {
height: 260px;
}
.col-slideshow-main .col-slideshow-container .img-inner {
display: block;
height: 199px;
/* margin: 40px 0 0;*/
overflow: hidden;
}
.col-slideshow-thumbs .col-slideshow-container .img-inner {
height: 44px;
overflow: hidden;
display: block;
/* margin: 6px 0 0 0;*/
}
.home-col .col-slideshow-thumbs {
height: 57px;
width: 300px !important;
}
.home-col .col-slideshow-thumbs img {
width: 66px;
}
.home-col .col-slideshow-thumbs li,
.home-col .col-slideshow-thumbs a {
height: 44px;
width: 66px;
}
.home-col .col-slideshow-thumbs .col-slideshow-container {
height: 57px;
}
.sidebar-col {}
.sidebar-col .col-content,
.sidebar-col .col-content p,
.sidebar-col .col-content address {
font-size: 12px;
}
.color1 { color: #37aade; }
.color2 { color: #ef3e33; }
.color3 { color: #f6564b; }
.color4 { color: #003366; }
/* =========
TEMPLATE COLUMN
=========
*/
.content-header {
position: relative;
/* margin-right: 30px;*/
}
.content-header h2 {
font-size: 24px;
margin-bottom: 10px;
}
.content-header .h1,
.content-header h1 {
font-size: 60px;
text-transform: uppercase;
/* margin-left -2px for fixing gap create by font-face */
margin-left: -2px;
line-height: 0.9em;
}
.content-header .h1 span,
.content-header h1 span {
float: left;
}
.content-header .h1 img,
.content-header h1 img {
float: left;
display: block;
height: 50px;
margin: 0 0 0 10px;
padding: 5px;
}
.content-header .h1 img.logo-tcmedia,
.content-header h1 img.logo-tcmedia {
float : right;
display : block;
vertical-align : middle;
padding : 0;
margin-left : 0;
height : auto;
}
.narrow-header {
/* margin-right: 335px; */
}
.narrow-header h1,
.narrow-header h2 {
width: 400px;
}
.side-header {
position: absolute;
right: 0;
bottom: 13px;
}
.annex-title {
margin: 2em 0 0.5em;
color: #EF3E33;
font-size: 22px;
}
/* =========
TEMPLATE TWO COLUMN
=========
*/
#sport-category {
margin: 20px 0 20px 0;
height: 111px;
}
#sport-category span {
display: table-cell;
width: 76px;
height: 76px;
padding: 5px;
vertical-align: middle;
}
#sport-category a {
float: left;
display: table;
width: 86px;
height: 86px;
margin: 0 10px 0 0;
background: url(../images/bckg-pastille2.png) no-repeat;
color: #fff;
font-size: 15px;
line-height: 1;
text-align: center;
text-transform: uppercase;
}
#sport-category a,
#sport-category a:link,
#sport-category a:visited {
background-position: 0 -111px;
padding-bottom: 0;
}
#sport-category a.active,
#sport-category a.focus,
#sport-category a:hover,
#sport-category a:active {
background-position: 0 0;
padding-bottom: 25px;
}
#two-col .float-left {
width: 610px;
}
.listless {
list-style: none;
padding: 0;
margin: 0;
}
.content-sidebar {
float: right;
width: 270px;
margin: 10px 0 0;
}
.sidebar-menu {
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.sidebar-menu li {
display: block;
margin: 10px 0;
}
.sidebar-menu a {
background: url(../images/bckg-lines-ol-category.png) top right no-repeat;
height: 21px;
display: block;
padding: 10px;
font-size: 18px;
}
.sidebar-date {
font-size: 12px;
}
.sidebar-submenu {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-submenu a {
background: url(../images/bckg-sidebar-submenu.png) top left no-repeat;
padding-left: 27px;
padding-right: 18px;
}
.grid-box-outer {
float: left;
overflow: hidden;
position: relative;
height: 360px;
width: 290px;
margin: 0 45px 30px 0;
}
a.grid-box-outer {
text-decoration:none;
}
.grid-box {
display: block;
position: absolute;
bottom: 0;
width: 250px;
height: 90px;
padding: 20px;
background: url(../images/bckg-thumbs.png) bottom center no-repeat;
}
/* .grid-box-outer:hover .grid-box, */
.grid-open .grid-box {
height: 166px;
padding-top: 40px;
}
.holder-overlay {
background: url(../images/holder-overlay.png) top center no-repeat;
position: absolute;
}
.grid-box-outer .img-crop,
.grid-box-outer .holder,
.holder-overlay {
height: 250px;
width: 290px;
}
.grid-box-outer h3,
.grid-box-outer .grid-box-content {
display: none;
}
/*
.grid-box-outer:hover h3,
.grid-box-outer:hover .grid-box-content,
*/
.grid-open h3,
.grid-open .grid-box-content {
display: block;
}
.grid-box-outer h3 {
display: block;
color: #000;
font-size: 28px;
font-weight: normal;
line-height: 1;
}
.grid-box-content {
display: block;
margin: 10px 0;
}
.results .caption,
.results-details .caption,
.results-home .caption { margin: 10px 0 0 0;}
.results .narrow-header h1,
.results .narrow-header h2,
.results-details .narrow-header h1,
.results-details .narrow-header h2 { width:730px;}
.results { margin-top: 30px;}
.result-submenu {
position: absolute;
top: 264px;
display: none;
margin: 0;
padding: 0;
z-index: 9000;
width: 100%;
}
.result-submenu.right div { text-align:right;}
.result-submenu li {
list-style-type: none;
background: #dcdcdc;
border-bottom: 1px #fff solid;
padding: 5px 15px;
position: relative;
}
.result-submenu li div {
color: #333;
font-size: 14px;
}
.result-submenu li div.hover {
background: url(../images/icon-arrow-results.png) 100% 3px no-repeat;
}
.result-category {
display: none;
position: absolute;
right: -155px;
top: 0;
width: 155px;
}
.result-category.right {
right: 0;
left: -169px;
text-align: right;
}
.result-submenu.right li div.hover {
background: url(../images/icon-arrow-results.png) 0 100% no-repeat;
}
.result-category li.hover { background: #b1b1b1;}
.result-category.right li div.hover,
.result-category li div.hover { background:none; color:#fff;}
.pattern .skinned-select {
position: relative;
height: 32px;
width: 266px;
background: url(../images/bckg-select-results.png) top center no-repeat;
font-size: 20px;
}
.pattern .skinned-select select {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
height: 32px;
width: 266px;
}
.pattern .skinned-select div.select-text {
position: absolute;
margin: 5px 0 0 10px;
}
.caption h3 {
text-transform: uppercase;
background: url(../images/icon-results.png) 0 0.125em no-repeat;
padding: 0 0 0 30px;
}
.archives .caption h3 { background: url(../images/icon-result-archives.png) 0 0.150em no-repeat;}
.caption h3 a,
.caption h3 a:visited { color:#fff;}
.rss .caption h3 { background: url(../images/icon-results-rss.png) 0 5px no-repeat;}
.pattern {
background: url(../images/bckg-line-results.png) repeat;
padding: 20px;
}
.pattern .select { margin: 0 60px 0 0;}
.winners { margin: 0 0 60px 0;}
.winners .col {
width: 307px;
margin: 0 19px 0 0;
}
.winners hr {
background: none;
border-top: 1px #EF3E33 solid;
height: 1px;
display: block;
}
.winners hr.dotted {
border-style: dashed;
border-color: #d2d2d2;
}
/* .name {padding: 0 0 0 46px;}*/
.position-nb {
background: url(../images/bckg-winners-position.png) top left no-repeat;
width: 36px;
height: 36px;
text-align: center;
color: #EF3E33;
margin: 0 8px 0 0;
font-size: 35px;
}
/*.first .name {background: url(../images/icon-winners-position.png) 0 -149px no-repeat;}
.second .name {background: url(../images/icon-winners-position.png) 0 -73px no-repeat;}
.third .name { background: url(../images/icon-winners-position.png) 0 3px no-repeat; }*/
.winners .col.third { margin:0;}
.name { text-transform:uppercase;}
.first-name { font-size:18px;}
.last-name { font-size:23px;}
.city-name {
font-size: 20px;
text-transform: uppercase;
}
.points {
font-size: 65px;
width: 147px;
text-align: right;
margin: 0 0 50px 0;
}
.points .label {
font-size: 20px;
text-transform: uppercase;
}
.points hr { margin:-13px 0 0 0;}
.score {
font-size: 40px;
color: #13497A;
margin: 0 0 0 10px;
}
.medal {
background: url(../images/medal.png) 0 0 no-repeat;
width: 46px;
height: 46px;
}
.medal-wrapper {
width: 16px;
height: 19px;
overflow: hidden;
margin: 0 auto;
}
.medal-wrapper img { position:relative;}
.medal-wrapper.silver img { left: -16px;}
.medal-wrapper.bronze img { left: -32px;}
.gold { background-position: top left;}
.silver { background-position: top center;}
.bronze { background-position: top right;}
.th,
.th div { background:#EF3E33 !important;}
.results-details table .caption {
-webkit-border-radius: 0 0 0 0 !important;
-moz-border-radius: 0 0 0 0 !important;
border-radius: 0 0 0 0 !important;
cursor: pointer;
}
.results-details table .first {
-webkit-border-radius: 10px 0 0 0 !important;
-moz-border-radius: 10px 0 0 0 !important;
border-radius: 10px 0 0 0 !important;
}
.results-details table .last {
-webkit-border-radius: 0 10px 0 0 !important;
-moz-border-radius: 0 10px 0 0 !important;
border-radius: 0 10px 0 0 !important;
}
.results-details table .caption,
.results-details table td {
text-align:center;
}
.results-details table .caption.up {
background-image: url(../images/icon-sort-up.png);
background-position: 99% 50%;
background-repeat: no-repeat;
}
.results-details table .caption.down {
background-image: url(../images/icon-sort-down.png);
background-position: 99% 50%;
background-repeat: no-repeat;
}
.results-details table td { font-size: 20px;}
.results-details .side-header { bottom:34px;}
.results-home .btn.pattern { margin: 50px 30px 0 0;}
a.goto,
a.goto:visited {
width: auto;
height: auto;
margin: 0 10px 0 0;
padding: 0 0 0 110px;
display: block;
font-size: 28px;
text-transform: uppercase;
color: #006BB6;
}
a.goto strong {
font-size: 35px;
font-weight: normal;
color: #003366;
}
a.goto.medal { background: url(../images/icon-results-home.png) top left no-repeat;}
a.goto.sports { background: url(../images/icon-results-home.png) 0 -135px no-repeat;}
.finales { width:630px;}
.finales a,
.finales a:visited {
text-align: center;
display: block;
width: 139px;
float: left;
font-size: 22px;
margin: 24px 24px 0 0;
}
.finales a img { border: 1px #ebebeb solid;}
.rss { width: 305px; margin:50px 0 0 0;}
.feed {
font-size: 16px;
text-transform: uppercase;
padding: 15px 8px;
}
.feed .date { color: #006BB6; text-transform:none;}
.feed.event { background: #fafafa; margin:0;}
.feed.odd { background: #f5f5f5;}
.popup-team {
/*width: 140px;*/
position: absolute;
}
.arrow {
background: url(../images/icon-arrow-teammates.png) left center no-repeat;
padding: 0 0 0 9px;
}
.bg { padding: 8px 3px 3px 3px; }
.popup-team .title {
color: #fff;
font-size: 15px;
margin: 0 0 0 9px;
padding: 5px 10px 0 10px;
background: #006BB6;
width: auto;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.teammates {
background: #fff;
padding: 5px 10px;
margin: 0 0 0 0;
border: 3px #006BB6 solid;
}
.grid-box .learnmore {
display: block;
position: absolute;
left: 20px;
bottom: 20px;
padding: 0;
}
.results .grid-box .learnmore { display:none;}
.results .grid-box-outer {
height: 265px;
overflow: inherit;
}
.results .grid-box {
height: 27px !important;
padding-top: 20px !important;
overflow: none;
}
.box-outer {
display: inline-block;
}
a.box-outer {
text-decoration:none;
}
.box-outer.row-span-2 h3 {
height: 72px;
}
.box-inner {
display : block;
position : relative;
padding : 20px;
background-color: #F2F2F2;
-webkit-transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
}
.box-inner.with-caption {
padding-bottom: 60px;
}
.box-inner::after {
bottom : 100%;
left : 50%;
border : solid transparent;
content : " ";
height : 0;
width : 0;
position : absolute;
pointer-events : none;
border-color : transparent;
border-bottom-color : #F2F2F2;
border-width : 0 20px 20px;
margin-left : -20px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.active-tool > .box-inner {
background-color: #d9d9d9;
}
.active-tool > .box-inner::after {
border-bottom-color: #d9d9d9;
display: none;
}
.box-image {
overflow : hidden;
height : 160px;
background-color: #000;
}
.box-image img {
max-width: 300px;
position : relative;
top : 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.box-outer .holder {
min-height : 270px;
width : 290px;
}
.box-inner h3 {
display : block;
color : #000;
font-size : 36px;
font-weight : normal;
line-height : 1;
height : 36px;
overflow : hidden;
/*
white-space : nowrap;
text-overflow : ellipsis;
*/
}
a.box-outer:hover {
color: #333;
}
a.box-outer:hover .learnmore {
color: #EF3E33;
}
.box-inner .learnmore {
display: block;
position: absolute;
left: 20px;
bottom: 20px;
padding: 0;
}
.learnmore {
display: block;
font-weight: 400;
}
.media-thumb {
float: left;
display: block;
margin: 0 30px 30px 0;
height: 200px;
overflow: hidden;
}
.media-thumb IMG {
display: block;
width: 300px;
}
.img-crop {
overflow: hidden;
display: block;
}
.img-outer {
display: table;
height: inherit;
width: inherit;
}
.img-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.img-crop img {
display: inline-block;
margin: 0;
}
.skinned-select {
position: relative;
height: 25px;
width: 202px;
background: url(../images/bckg-select.png) no-repeat;
}
.skinned-select select,
.skinned-select--alt select {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.skinned-select select {
height: 25px;
width: 202px;
}
.skinned-select div.select-text {
position: absolute;
margin: 5px 0 0 10px;
}
.skinned-select--alt {
position : relative;
height : 40px;
width : 200px;
border : 1px solid #E3E4E3;
}
.skinned-select--alt select {
display: block;
height : 100%;
width : 100%;
}
.skinned-select--alt:before {
content : "";
display : block;
position : absolute;
top : 0;
right : 0;
bottom : 0;
width : 40px;
border-left : 1px solid #E3E4E3;
background-image : url(../images/arrow-down.png);
background-repeat : no-repeat;
background-position : 50% 50%;
}
.skinned-select--alt .select-text {
position : absolute;
top : 0;
right : 40px;
bottom : 0;
left : 0;
padding : 14px 10px;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
}
/* =========
TEMPLATE THREE COLUMN
=========
*/
#search-box {
background: url(../images/bckg-lines-pattern.png) top left repeat;
float: right;
padding: 10px;
}
#search-box h3 {
font-size: 24px;
}
#auto-complete-list {
position: relative;
}
#auto-complete-list ul {
position: absolute;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: auto !important;
margin: 0;
padding: 0 10px;
border: 1px solid #E3E3E3;
background: url(../images/bckg-submenu.png) top left repeat;
}
#auto-complete-list li {
cursor: pointer;
padding: 5px 0;
}
.ez-col {
float: left;
display: inline;
width: 47%;
margin-right: 5%;
}
.ez-first {}
.ez-last {
margin-right: 0;
}
/* =========
CONTACT
=========
*/
#map-wrapper {
height: 500px;
margin-bottom: 10px;
}
#map-canvas {
position: absolute;
top: 0;
left: -20px;
height: 500px;
width: 1000px;
}
.marker-list {}
#event-list {}
.event,
.site {
padding: 5px;
margin: 0 0 20px;
background-image: url(../images/bckg-lines-pattern2.png);
}
.event h4, .site h4,
.event-title, .site-title {
display: block;
padding: 10px 0 10px 30px;
margin: 0;
color: #EF3E33;
font-size: 18px;
line-height: 1;
text-transform: uppercase;
background-repeat: no-repeat;
background-position: 0 50%;
}
.event .title-icon,
.site .title-icon {
position: relative;
padding-left: 30px;
}
.event-title a,
.site-title a {
background: none !important;
}
.event-title:link a,
.site-title:link a {
color: #EF3E33;
}
.event-information .event-title,
.event-schedule .event-title {
font-size: 15px;
}
.event-wide {
width:auto;
padding-right: 30px;
}
.event-information,
.site-information {
width: 280px;
}
.icon-information,
.icon-information {
background-image: url(../images/icon-event-h3.png);
}
.title-icon strong {
position: absolute;
top: 50%;
left: 0;
height: 20px; /* 29px */
width: 20px; /* 20px */
padding: 0 0 9px;
margin: -14px 0 0;
color: #333;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: center;
}
.event-schedule,
.site-schedule {
width: 310px;
}
#date-markers .event-schedule {
width: auto;
}
.icon-schedule {
background-image: url(../images/icon-schedule-h3.png);
}
.event-body {
padding-left: 30px;
margin-bottom: 10px;
}
.event-body a {
text-decoration: underline;
}
.event-body h4 {
color: #37AADE;
font-size: 15px;
}
.event-date {
margin-top: 0;
}
.event-body table {
margin: 0;
border-bottom: 0;
border-collapse:collapse;
}
.event-body thead th,
.event-body thead td,
.event-body tfoot th,
.event-body tfoot td {
background: transparent;
}
.event-body td,
.event-body th {
padding: 0.4em 0.6em;
}
.event-body tbody td,
.event-body tbody th {
border-top: 0;
color: #124678;
font-size: 12px;
font-weight: 400;
text-align: left;
}
.event-body tr.odd th,
.event-body tr.odd td {
background: transparent url(../images/bckg-odd.png);
}
.sport-list,
.list-annex {
margin-top: 0;
}
#map-filter {}
#map-filter h3 {
font-size: 18px;
margin: 0 0 0.5em;
}
#map-filter .skinned-select { margin-bottom: 1em; }
#canvas-mask,
#map-canvas-mask,
#map {
position: relative;
height: 500px;
width: 1000px;
}
#map {
z-index: 1;
}
#mask {
position: relative;
left: 50%;
margin: 0 0 0 -500px;
width: 1000px;
}
#canvas-mask,
#map-canvas-mask {
z-index: 2;
position: absolute;
top: 0;
left: 0;
}
#marker-wrapper {
overflow: visible;
position: relative;
min-height: 1px;
width: 1px;
background: #0f0;
}
.marker-container {
position: relative;
min-height: 80px;
width: 200px;
}
.marker-shadow {
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 7px;
-webkit-box-shadow: 0 1px 4px #000;
-moz-box-shadow: 0 1px 4px #000;
box-shadow: 0 1px 4px #000;
}
.marker-content {
position: relative;
left: -7px;
min-height: 80px;
padding: 7px 7px 7px 17px;
background: url(../images/gmap-marker-container.png?qwerty) 0 50% no-repeat;
color: #333;
}
.marker-content .site-title {
font-weight: bold;
font-size: 11px;
padding: 5px 0 10px;
}
.marker-content .title-icon {
position: static;
padding-right: 30px;
background: none;
}
.marker-content .title-icon strong {
position: absolute;
top: 6px;
left: auto;
right: 6px;
height: 24px;
width: 24px;
padding: 0;
margin: 0;
background: url(../images/gmap-marker-icon.png) no-repeat;
color: #fff;
font-size: 12px;
line-height: 24px;
}
.marker-content .event-body {
padding: 0;
margin: 0;
font-size: 11px;
}
.marker-content address,
.marker-content p {
margin: 0 0 0.5em;
font-size: inherit;
}
.marker-content .adress {
width: 125px;
display: block;
font-size: 11px;
margin: 5px 0 0 0;
}
.marker-content .event {
position: absolute;
top: 6px;
right: 13px;
font-size: 19px;
color: #eae7e6;
}
.gmnoprint :last-child{
left: 26px !important;
top: 64px !important;
}
#left {
background: url("../images/mapcanvas-mask-left.png") top left no-repeat;
position: absolute;
left: 0;
top: 12px;
width: 52px;
height: 470px;
z-index: 800;
}
#top {
background: url("../images/mapcanvas-mask-top.png") top left no-repeat;
position: absolute;
left: 0;
top: 0;
width: 1000px;
height: 21px;
z-index: 800;
}
#right {
background: url("../images/mapcanvas-mask-right.png") top left no-repeat;
position: absolute;
right: 0;
top: 12px;
width: 52px;
height: 470px;
z-index: 800;
}
#bottom {
background: url("../images/mapcanvas-mask-bottom.png") top left no-repeat;
position: absolute;
left: 0;
bottom: 0;
width: 1000px;
height: 21px;
z-index: 800;
}
/* =========
FORM
=========
*/
.content-form {
clear: both;
width: 610px;
}
p.field strong.float-left {
line-height: 28px;
}
.content-form .instruction {
margin: 0 0 1em;
}
.content-form .field,
.control-labeled {
margin-bottom: 15px;
}
.field .control-labeled {
margin-bottom: 0;
}
.field-left,
.field-right {
float: left;
display: inline;
width: 280px;
}
.field,
.control-labeled,
.field-left {
margin-right: 25px;
}
.field-right {
margin-left: 25px;
}
.content-form fieldset {
padding: 0;
margin: 0;
border: 0;
}
.content-form fieldset-left {
width: 50%;
}
.field.error label { color: #EF3E33; }
.field.error input,
.field.error select,
.field.error textarea {
border-color: #EF3E33;
}
legend,
.legend {
padding: 0 0 12px;
margin: 25px 25px 15px 0;
border-bottom: 1px solid #000;
color: #37AADE;
font-size: 18px;
font-family: 'MuseoSans500', Arial;
}
fieldset-left legend,
fieldset-left .legend {
margin-top: 10px;
}
.msg {
color: #37AADE;
font-size: 18px;
font-family: 'MuseoSans500', Arial;
}
#footer .msg {
color: #fff;
font-size: 15px;
}
label em { font-style: normal; }
label {
display: inline-block;
margin: 0 0 5px 0;
font-size: 14px;
font-family: 'MuseoSans500', Arial;
text-transform: uppercase;
}
.control-labeled {
position: relative;
display: block;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
font-size: 16px;
text-transform: none;
}
.control-labeled .label {
display: block;
width: 90%;
}
.control-right .label { float: left; }
.control-left .label { float: right; }
.control-right input {
float: right;
}
.control-left input {
float: left;
}
.control-box {
margin: 3px 0;
}
.control-text {
display: block;
width: 575px;
height: 13px;
padding: 5px 4px;
margin: 0;
border: 1px solid #036;
}
.field-left .control-text,
.field-right .control-text {
width: 270px;
}
textarea {
display: block;
width: 575px;
height: 140px;
padding: 5px 4px;
margin: 0;
border: 1px solid #036;
}
.field-left textarea,
.field-right textarea {
width: 270px;
}
select {
display: block;
padding: 5px 4px;
margin: 0;
border: 1px solid #036;
font-size: 12px;
}
.control-button {
overflow: visible;
height: auto;
width: auto;
margin: 0;
padding: 0;
border: none;
background: none;
color: #006BB6;
font-size: 18px;
font-family: 'MuseoSans500', Arial;
text-transform: uppercase;
}
/* =========
GALLERY PHOTO
========= */
#gallery .skinned-select {
margin: 0 0 0 80px;
}
/* =========
IMAGE LIST
=========
*/
.image-list {
list-style: none;
padding: 0 !important;
margin: 0 0 20px;
}
.image-list li {
display: inline;
margin: 0 0 10px 30px;
padding: 0 !important;
}
.image-list.col-2 li {
float: left;
width: 300px;
}
.image-list.col-3 li {
float: left;
width: 290px;
}
.image-list.col-4 li {
float: left;
width: 210px;
}
.image-list a {
display: block;
}
.image-list img {
margin: 0;
vertical-align: middle;
}
/* =========
NEWS LIST
=========
*/
.link-rss {
display : inline-block;
background : url('../images/rss_icon.png') 0 0 no-repeat;
overflow : hidden;
height : 11px;
width : 10px;
text-indent : 100%;
white-space : nowrap;
overflow : hidden;
}
.tagline-rss {
display: block;
margin-bottom: 30px;
}
.news-list,
.content-body .news-list {
list-style: none;
padding: 0;
margin: 0;
background: none;
}
.news-list li,
.content-body .news-list li {
float: left;
display: block;
min-height: 380px;
width: 290px;
margin: 30px 0 0 30px;
padding: 20px 0 0;
border-top: 1px solid #ccc;
background: none;
}
.news-featured {
margin: 20px 0 0 0;
}
.news { display: block; }
.news-date,
.sidebar-date {
font-size: 16px;
margin: 0 0 5px 0 !important;
text-transform: uppercase;
}
.news-date,
.news-category {
line-height: 1;
}
.side-header .news-date,
p.news-category {
margin: 0;
}
.content-header .news-category {
margin-top: 1em;
}
.content-body h5,
.news-title {
display: block;
margin-top: 0;
color: #006BB6;
font-size: 24px;
font-weight: normal;
line-height: 1;
}
.news-featured .news-title {
font-size: 36px;
}
.content-header .news-title {
font-size: 48px;
text-transform: none;
}
.news .learnmore {
color: #888;
}
a.news,
.news-title a,
.learnmore a {
text-decoration:none;
}
a.news:link .news-title, .news-title a:link,
a.news:visited .news-title, .news-title a:visited {
color: #006BB6;
}
a.news:link .learnmore, .news-learnmore a:link,
a.news:visited .learnmore, .news-learnmore a:visited {
color: #888;
}
a.news:focus .learnmore, a.news:focus .news-title,
.news-title a:focus, .news-learnmore a:focus,
a.news:hover .learnmore, a.news:hover .news-title,
.news-title a:hover, .news-learnmore a:hover {
color: #EF3E33;
}
/* =========
TABLE
========= */
/* Tables still need 'cellspacing="0"' in the markup. */
table {
width: 100%;
margin: 1em 0 2em;
border-bottom: 5px solid #000;
}
.th div,
caption,
.caption {
margin: 0 auto;
padding: 0.6em 0.6em 0.45em;
color: #fff;
font-size: 24px;
line-height: 1;
text-align: left;
vertical-align: middle;
background: #000;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
th {
text-align: center;
}
th, td {
vertical-align: middle;
padding: 0.6em;
}
tr, th, td {
height: auto;
width: auto;
}
thead th, thead td,
tfoot th, tfoot td {
color: #333;
font-weight: 900;
}
tbody th, tbody td {}
tbody th { font-weight: 900; }
tbody td, tbody th { border-top: 1px solid #ccc; }
tr.odd th, tr.odd td {
background: #D9ECF6;
}
#results-table tr.odd th,
#results-table tr.odd td { background: #FFCFCC; }
tr.even th, tr.even td {
background: transparent;
}
tfoot tr.odd th, tfoot tr.even td,
tfoot tr.even th, tfoot tr.even td {
border-top: 1px solid #ccc;
}
table a {
text-decoration: underline;
}
.v-t { vertical-align: top; }
.v-m { vertical-align: middle; }
.v-b { vertical-align: bottom; }
.cell-code {
width: 50px;
}
.cell-date {
width: 120px;
}
.cell-sport {}
.cell-presence {
border-left: 1px solid #ccc;
text-align: center;
width: 80px;
}
tbody .cell-presence {
font-weight: 900;
}
.cell-locale {
min-width: 180px;
max-width: 345px;
}
.cell-season-2 {
border-left: 1px solid #ccc;
}
ol.references {
clear: both;
float: none;
margin: 2em 0;
}
.references b {
font-weight: normal;
}
.references a,
.reference a {
text-decoration: none;
}
.reference { padding: 0 0.4em; }
/* =========
WIDGETS
=========
*/
.sub-title {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.font86 {
font-size: 82px;
text-transform: uppercase;
border-bottom: 1px #d4d4d4 solid;
}
.table {
display: table;
margin: -52px 0 0 0;
}
.table-row { display: table-row;}
.table-cell { display: table-cell;}
.widgets-form { width: 318px; }
.widgets-form form,
.fb-like-box { margin: 15px 0 0 0; }
.widgets-form input[type=text],
.widgets-form .input {
width: 308px;
height: 30px;
border: 1px #d4d4d4 solid;
padding: 3px 5px;
margin: 0 0 20px 0;
font-size: 18px;
background: #fcfcfc;
box-shadow:inset 0 0 2px #d4d4d4;
-moz-box-shadow:inset 0 0 2px #d4d4d4;
-webkit-box-shadow:inset 0 0 5px #d4d4d4;
}
.widgets-form .input {
overflow: hidden;
width: 60px;
}
.widget-title .step {
font-size: 105px;
vertical-align: bottom;
padding: 10px 0 0 0;
}
.position {
position: relative;
top: 20px;
margin: 0 10px 0 0;
}
.title,
.widget-title .title {
font-size: 38px;
text-transform: uppercase;
line-height: 1em;
margin: 18px 0 0 0;
display: table-cell;
vertical-align: bottom;
width: 425px;
word-wrap: break-word;
}
.title { display: block; }
#code {
width: 180px;
margin: 0 0 0 10px;
}
#captcha {
margin: -2px 0 0 0;
width: 100px;
}
.widgets-form .widget-btn,
.widget-btn {
background: url(../images/bckg-btn-submit-captcha.png) no-repeat;
width: 128px;
height: 33px;
text-align: center;
border: none;
color: #fff !important;
text-transform: uppercase;
font-size: 23px;
padding: 5px 0 0 0;
display: block;
font-weight: normal;
box-shadow:inset 0 0 0 #d4d4d4;
-moz-box-shadow:inset 0 0 0 #d4d4d4;
-webkit-box-shadow:inset 0 0 0 #d4d4d4;
}
img#refresh {
cursor: pointer;
margin: 5px 0 0 5px;
}
.error{
color: #CC0000;
font-size: 11px;
margin: 0;
font-style: italic;
position: relative; /*
position: relative;
top: 28px;
left: 10px;*/
}
.success{
color: #009900;
font-size: 11px;
font-style: italic;
width: 200px;
}
.download {
position: relative;
left: -32px;
}
.medias { position: relative;}
div.fb,
div.twitter,
.medias a,
.medias a:visited {
display: block;
height: 36px;
width: 81px;
background: url(../images/widgets-sprite.png) #ef3e33 no-repeat;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 20px;
padding: 13px 0 0 40px;
margin: 0 10px 0 0;
position: relative;
}
.twitter-share-button {
// width: 121px !important;
height: 49px !important;
}
.medias .dev {
position: absolute;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dev * { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
// .twitter iframe {
// position: relative;
// top: 10px;
// left: 15px;
// }
div.fb:hover,
div.twitter:hover,
.medias a:hover { background-color:#003366;}
.medias .twitter { background-position: top left; }
.medias .fb { background-position: center left; }
.medias .email { background-position: bottom left; }
.progress-bar {
width: 350px;
height: 50px;
background: url(../images/bckg-dashline.png) top left repeat;
}
.result {
font-size: 60px;
width: auto;
margin: 0 0 0 10px;
}
/* =========
CANDIDATE
=========
*/
.candidate #logo {
height: 85px;
background: url('../images/logo_candidate.gif') 0 0 no-repeat;
text-indent: 0px;
padding: 35px 0 0 155px;
float: left;
width: auto;
/*min-width: 250px;*/
}
.candidate #logo2 {
height: 120px;
width: 340px;
float: left;
margin: 20px 0 0 0;
}
.candidate #logo span {
display: block;
color: #000;
font-style: italic;
}
.candidate #supports_count {
position: relative;
top: 7px;
}
.candidate #logo span:first-child {
text-transform: uppercase;
font-family: 'DINMediumCondensed';
font-size: 18px;
line-height: 15px;
}
.candidate #logo span:first-child + span {
font-family: 'DINLightCondensed';
font-size: 15px;
}
.candidate #logo span:first-child + span + span {
font-family: 'DINMediumCondensed';
font-size: 18px;
}
.candidate #navigation {
float: right;
width: auto;
margin: 30px 0 0 0;
}
.candidate #menu a.menu-parent {
font-size: 17px;
}
.candidate #navigation .facebook a {
display: block;
width: 25px;
height: 25px;
}
.candidate .carousel-wrapper {
margin: 50px auto;
}
.candidate .submenu {
/*width: 100%;*/
top: 47px;
}
.candidate .title {
font-size: 36px;
}
.candidate .font86 {
font-size: 70px;
}
.candidate .content-header h2 {
font-size: 24px;
text-transform: uppercase;
}
.candidate #widget-form label {
text-transform: none;
display: inline;
}
.candidate input[type=checkbox] {
/* display: inline;
*/ margin: 0 5px 0 0;
}
.candidate h2 p {
margin: 5px 0;
}
.candidate .radius {
background-color: #ee342b;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 12px;
background-image: none;
background-color: #ee342b;
height: 33px;
line-height: 33px;
display: inline-block;
padding: 0 20px;
width: auto;
}
.candidate .widget-fred .radius {
/*margin: 50px 0 0 0;*/
}
.candidate .widget-fred img {
position: relative;
top: -45px;
}
.candidate .widget-fred p {
font-family: 'DINMediumCondensed';
}
/*.candidate .submenu a {
top:0;
}*/
/* =========
RESULTS_MODULE
=========
*/
.results_module #navigation {
/*
width : auto;
height : 68px;
top : 80px;
*/
}
.results_module #navigation .menu-lvl-1 {
border : none !important;
background : none !important;
padding : 0 !important;
margin : 0 0 0 30px;
}
.results_module #navigation .menu-lvl-1:first-child {
margin-left: 0;
}
.results_module #navigation .menu-lvl-1 a {
display : block;
color : #003366;
font-size : 25px !important;
border : none !important;
padding : 0 0 0 25px !important;
background-position : 0 3px;
background-repeat : no-repeat;
}
.results_module #navigation .menu-lvl-1 span {
display : block;
color : #0091cf;
margin : 0;
font-size : 18px;
padding : 0;
}
.results_module table tr.odd:hover td {
background-color: #ff928c !important;
}
.results_module table tr.even:hover td {
background-color: #CCC;
}
.results_module #menu a.menu-parent {
font-size: 16px;
}
.result-category a,
.result-submenu a {
display: block !important;
}
.results_module .feed.event {
padding-left: 10px;
cursor: pointer;
}
.results_module .feed.event:hover {
background: #d9d6d6 !important;
}
/*.results_module #results-table tr a {
position: relative;
top: -10px;
}*/
.results_module #results-table .logo_container {
display: inline-block;
width: 50px;
height: 50px;
background: url('../images/round_50.png') 0 0 no-repeat;
text-align: left;
}
.results_module #results-table .logo_container img {
position: relative;
top: 8px;
left: 8px;
}
.results_module .results-regions h2 {
margin-top: 20px;
}
.results_module .grid-box-outer:hover .result-submenu {
display: block;
}
.results_module .grid-box-outer .result-submenu li:hover ol {
display: block;
}
.results_module .result-submenu li:hover {
cursor: pointer;
}
.results_module .content-wrapper {
margin-top: 45px;
}
.results_module #feeds_container {
/*height: 550px;*/
}
.results_module .feed.event a {
/*font-size: 13px;*/
}
.results_module #navigation {
/*
z-index : 0;
*/
bottom : 16px;
}
.results_module #rss_link {
display: inline-block;
background: url('../images/rss_icon.png') 0 0 no-repeat;
height: 11px;
width: 10px;
margin-left: 10px;
}
.results_module .results-details #results-table {
border-bottom: 0;
}
.results_module .results-input {
margin-top: 30px;
}
.results_module #results-table td,
.results_module #results-table th {
border-top: none;
}
.results_module h1 span {
float: none;
}
.results_module .results-regions table tr td:first-child {
padding-left: 15px;
}
/* IE Together Forever! */
/*UPDATE 28 FEVRIER 2012*/
.masqueheader {
position: absolute;
width: 100%;
height: 4px;
background-color: rgb(255, 255, 255);
top: 481px;
z-index: 500;
}
/* social */
.social-title {
color:#0091ce!important;
margin:10px 0 0 10px!important;
float:left;
display:block;
font-size: 21px!important;
background:none!important;
}
.sociallogos {
height:50px;
width:30px;
float:left;
display:block;
}
.content-sidebar .nouvellesocial .handlesnews {
display: none;
}
.nouvellesocial .col-title .link-rss {
float : right;
display : block;
margin : 16px 0;
}
.handlestwitter, .handlesfacebook, .handlesnews {
display:none;
}
.facebooksocial .col-title, .twittersocial .col-title, .nouvellesocial .col-title {
background:none!important;
border-bottom:1px solid #eee!important;
}
.facebooksocial,
.twittersocial,
.nouvellesocial {
border:1px solid #eee!important;
}
.home-col.facebooksocial,
.home-col.twittersocial,
.home-col.nouvellesocial {
width:300px!important;
height: 440px!important;
}
.facebooksocial .sociallogos{
background:url(../images/sociallogos.png) 0px -5px no-repeat;
}
.facebooksocial .handlesfacebook {
display: block;
padding: 13px 13px 13px 20px;
border-top: 1px solid #eee;
color: #727272;
font-weight: bold;
}
.facebooksocial .home-feeds{
height: 339px;
width: 300px;
overflow-y: scroll;
}
.facebooksocial .facebooklike{
padding:12px 20px 29px 12px;
border-top: 1px solid #eee;
}
.facebooksocial .facebooklike iframe{
float:right;
}
.facebooksocial .facebooklike span{
width: 155px;
float: left;
display:block;
font-size:12px;
font-family:arial;
font-weight:bold;
color:#727272;
margin:3px 0 0 0;
}
.ie7-like {
display:none;
}
.facebooksocial .container_feed, .twittersocial .container_feed {
height: 339px;
overflow: hidden;
}
.preloader {
top:35% !important;
}
.twittersocial .sociallogos{
background:url(../images/sociallogos.png) 0 -60px no-repeat;
}
.twittersocial .feeds, .nouvellesocial .feeds {
border: none!important;
width: auto!important;
}
.twittersocial .feed {
width: 275px;
}
.twittersocial .handlestwitter {
display: block;
padding: 13px 13px 13px 20px;
border-top: 1px solid #eee;
color: #727272;
font-weight: bold;
}
.twittersocial .handlestwitter a {
color: #0091ce;
text-decoration: none;
}
.twittersocial .handlestwitter span {
margin:0 5px 0 0;
}
.twittersocial .feeds .feed,
.nouvellesocial .feeds .feed {
border-left:4px solid #fff;
}
.twittersocial .feeds .feed:hover,
.nouvellesocial .feeds .feed:hover {
border-left:4px solid #0091ce;
}
.nouvellesocial .sociallogos{
background:url(../images/sociallogos.png) 0 -130px no-repeat;
}
.nouvellesocial .handlesnews {
display: block;
padding: 13px 13px 13px 20px;
border-top: 1px solid #eee;
color: #727272;
font-weight: bold;
}
.nouvellesocial .handlesnews a {
color: #0091ce!important;
text-decoration: none;
float: right;
font-family: 'DINProCondensed', Arial;
font-size: 18px;
font-weight: normal;
}
.sidebar .facebooksocial{
display:none;
}
.sidebar .twittersocial{
display:none;
}
.inner_wrap_feed {
height: 340px;
overflow: auto;
overflow-x: hidden;
}
.content-sidebar .inner_wrap_feed {
height: auto;
}
.nouvellerecentes {
font-family: 'DINProCondensed', Arial;
font-size: 18px;
font-weight: normal;
color:black;
text-transform: uppercase;
border-bottom: 1px solid black;
margin-bottom: 20px;
}
/* ==========================================================================
Component: Breadcrumbs
========================================================================== */
.o-breadcrumbTrail {
margin: 40px 0;
}
.o-breadcrumbTrail .active {
font-weight: 900;
}
.o-trail {
margin: 0 0.25em;
}
/* ==========================================================================
Template: Résultats
========================================================================== */
/* Object: Header
========================================================================== */
.results_module .content-header {
margin-bottom: 30px;
}
.results__logo {
margin-right : 30px;
width : 200px;
display : inline-block;
vertical-align : middle;
}
.results__inner-header {
display : inline-block;
width : 730px;
vertical-align : middle;
}
.results__inner-header h1 {
font-size : 40px;
width : 500px;
}
.results__inner-header .skinned-select--alt {
height: 26px;
}
.results__inner-header .skinned-select--alt div.select-text {
padding-top : 7px;
padding-bottom : 7px;
}
/* ==========================================================================
Template: 50 Finales
========================================================================== */
.panel:first-child,
.panel + .panel {
border-top: 1px solid #006BB6;
}
.panel-heading {
}
.panel-title {
margin-left : -2px;
padding : 20px 0 12px;
color : #006BB6;
font-size : 36px;
line-height : 0.9em;
}
.panel-title a {
position : relative;
display : block;
padding-right : 32px;
color : #006BB6;
text-decoration : none;
}
.panel-title a:focus,
.panel-title a:hover {
color: #000;
}
.panel-title a::before {
position : absolute;
top : 6px; /* Based on font-size of .panel-title */
right : 0;
display : block;
content : "";
height : 16px;
width : 16px;
background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgAQMAAAAhR2qPAAAABlBMVEUAa7b///9zIsjHAAAAAnRSTlP/AOW3MEoAAAAYSURBVHgBY/hXjwWBAXap//+xIDDAKgUAfeEwu+qeSSoAAAAASUVORK5CYII=);
background-repeat : no-repeat;
background-position : 0 -16px;
}
.panel-title a.collapsed::before {
background-position: 0 0;
}
.panel-body {
padding: 20px 0;
}
.panel-body img {
max-width: 100%;
}
.panel-body .news-date {
margin-bottom: 30px !important;
}
.panel-body .learnmore {
margin-top: 30px;
}
.panel-body :last-child {
margin-bottom: 0;
}
.collapse {
display: none;
visibility: hidden;
}
.collapse.in {
display: block;
visibility: visible;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
/* ==========================================================================
Template: Webdiffusion
========================================================================== */
/* .webdiffusionContainer {} */
/* .webdiffusionContainer-live */
.webdiffusion-title {
margin : 0 0 15px 0;
font-size : 30px;
color : #333;
text-transform: none;
}
/* Object: Header
========================================================================== */
.webdiffusionContainer .content-header {
margin: 0 0 30px 0;
padding-bottom: 30px;
border-bottom: 1px solid #DFDFDF;
}
.webdiffusionContainer .content-header h1,
.webdiffusionContainer .content-header .goto-live {
vertical-align: middle;
}
.webdiffusionContainer .content-header .skinned-select--alt {
margin-left: 30px;
width: 300px;
}
/* Object: Featured
========================================================================== */
/* .webdiffusionFeatured {} */
.webdiffusionFeatured iframe html {
overflow: hidden !important;
}
.webdiffusionFeatured-selected {
float: left;
width: 630px;
}
.webdiffusionFeatured-selected .webdiffusion-title,
.webdiffusionFeatured-selected .logo-host {
margin-bottom: 15px;
}
.webdiffusionContainer-live .webdiffusionFeatured-selected {
width: 720px;
}
.webdiffusion .datelivestream {
position : absolute;
right : 0;
color : #333;
font-family : arial;
font-size : 11px;
top : 10px;
}
.webdiffusionFeatured-highlights {
float: right;
width: 300px;
}
.webdiffusionContainer-live .webdiffusionFeatured-highlights {
width: 210px;
}
.webdiffusionFeatured-highlights .thumbs {
height : 475px;
margin : 0;
overflow : auto;
}
.webdiffusionFeatured-header {
position : relative;
height : 100px;
}
.webdiffusionFeatured-header .webdiffusion-title {
position : absolute;
right : 35%;
bottom : 0;
left : 0;
}
.webdiffusionFeatured-header .logo-host {
position : absolute;
right : 0;
bottom : 0;
max-height : 100px;
max-width : 180px;
}
/* Object: Highlights Cycle
========================================================================== */
.webdiffusionFeatured-cycle {
max-width: 100%;
}
.webdiffusionFeatured-cycle .webdiffusionTile {
width: 300px;
}
.webdiffusionFeatured .cycleNav {
cursor : pointer;
margin-top : 20px;
padding : 0;
border : 0;
font-size : 18px;
color : #EF3E33;
font-family : 'DINProCondensed', sans-serif;
text-transform : uppercase;
background-color : transparent;
background-image : none;
}
.webdiffusionFeatured .cycleNav:focus,
.webdiffusionFeatured .cycleNav:hover {
color: #006BB6;
}
.webdiffusionFeatured .cycleNav:focus,
.webdiffusionFeatured .cycleNav:active {
outline: none;
}
.webdiffusionFeatured .cycleNav.disabled {
cursor : default;
color : gray;
}
/* Object: Video List
========================================================================== */
.webdiffusionFeatured + .webdiffusionList {
margin-top: 30px;
}
.jaf-row.u-grid + .jaf-row,
.folderContent + .jaf-row {
margin-top: 48px;
}
.jaf-row.u-grid--gutter,
.jaf-row.u-grid--horizontalGutter {
margin-left: -30px;
}
.jaf-row.u-grid--gutter > .webdiffusion-title,
.jaf-row.u-grid--horizontalGutter > .webdiffusion-title,
.jaf-row.u-grid--gutter > .u-gridItem,
.jaf-row.u-grid--horizontalGutter > .u-gridItem {
padding-left: 30px;
}
.folder {
display : block;
position : relative;
cursor : pointer;
-webkit-user-select : none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
}
.folder:after {
content : " ";
pointer-events : none;
position : absolute;
bottom : -20px;
left : 50%;
border : solid transparent;
height : 0;
width : 0;
border-color : transparent;
border-top-color : transparent;
border-width : 20px 20px 0;
margin-left : -20px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.active-tool {
z-index: 10;
}
.active-tool::after {
border-top-color: #d9d9d9;
}
.folderContent {
box-sizing : border-box;
position : relative;
z-index : 0;
min-width : 320px;
/* margin : 0 -50px 0; */
}
.folderContent > .u-grid {
/* padding: 48px 50px 0; */
padding-top: 48px;
/* background-color : #d9d9d9; */
}
/*
.folderContent > .u-grid--gutter {
padding-left : 26px;
margin-left : 0;
}
*/
.jaf-close {
position : absolute;
right : 15px;
bottom : 18px;
display : none;
width : 24px;
height : 24px;
padding : 2px 0 0;
border : 0;
border-radius : 100%;
background-color : rgba(0,0,0,0.3);
background-image : none;
color : rgba(255,255,255,0.5);
font-weight : bold;
line-height : 1;
font-size : 16px;
text-align : center;
vertical-align : middle;
}
.active-tool .jaf-close {
display: block;
}
.jaf-close:focus,
.jaf-close:hover {
text-decoration : none;
background-color : rgba(0,0,0,0.6);
color : rgba(255,255,255,0.5);
}
.jaf-close:focus,
.jaf-close:active {
outline: none;
}
/* Object: Video Thumb
========================================================================== */
.slide > .webdiffusionTile + .webdiffusionTile,
.webdiffusionFeatured-selected .u-mediaTitle,
.webdiffusionTile .u-mediaTitle {
margin-top: 12px;
}
/* Object: Preloader
========================================================================== */
.web-preloader {
position : relative;
width : 100%;
height : 400px;
}
.webdiffusionContainer-live .web-preloader {
width : 720px;
height : 404px;
}
.web-preloader img {
position : absolute;
top : 50%;
left : 50%;
margin-left : -16px;
margin-top : -16px;
z-index : 90;
}
.web-preloader iframe {
z-index : 100;
position : relative;
}
/* ==========================================================================
Template: Home
========================================================================== */
/* Object: Feeds
========================================================================== */
.feedsRow + * {
margin-top: 60px;
}
.feedsRow .box {
box-sizing : border-box;
position : relative;
display : block;
min-height : 230px;
max-width : 300px;
margin : 0 auto;
border : 1px solid #ddd;
-webkit-user-select : none;
-moz-user-select : none;
user-select : none;
}
.feedsRow .box.-padded {
min-height : 250px;
padding : 15px;
}
.feedsRow .box > img {
display: block;
}
.feedsRow .box-body {
line-height : 1.4;
}
.feedsRow .box-title,
.feedsRow .box-subtitle {
margin: 0;
}
.feedsRow .box-title {
font-size : 22px;
line-height : 1.1;
}
.feedsRow .box-subtitle {
font-size : 18px;
line-height : 1.2;
}
.feedsRow .box > .learnmore {
position : absolute;
left : 0;
bottom : 0;
padding : 10px 15px;
color : white;
background-color: #37aade;
}
.feedsRow .box.-padded > .learnmore {
left : 15px;
bottom : 15px;
}
/* ==========================================================================
Utility: Grid Object
========================================================================== */
/**
* Begin a layout group.
*
* 1. @shame `.content-body` is a necessary
* evil to counter-act it's necessity
* to establus base styles for content.
*/
.u-grid {
list-style : none;
margin : 0;
padding : 0;
}
.u-grid--gutter,
.u-grid--horizontalGutter {
margin-left: -24px;
}
/* [1] */
.content-body .u-gridItem {
display : inline-block;
margin-bottom : 0;
background-image : none;
}
.u-grid > .u-gridItem {
display : inline-block;
vertical-align : top;
width : 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.u-grid--gutter > .u-gridItem,
.u-grid--horizontalGutter > .u-gridItem {
padding-left: 24px;
}
.u-grid--gutter > .u-gridItem,
.u-grid--verticalGutter > .u-gridItem {
padding-bottom: 48px;
}
.one-quarter {
width: 25% !important;
}
.one-third {
width: 33.3333333% !important;
}
.one-half,
.two-quarters {
width: 50% !important;
}
.two-thirds {
width: 66.6666666% !important;
}
.three-quarters {
width: 75% !important;
}
.mt\+\+ {
margin-top: 75px;
}
/* ==========================================================================
Utility: Media Object
========================================================================== */
.u-media {
display: block;
}
.u-media:after {
content : "";
display : table;
clear : both;
}
.u-media a {
text-decoration: underline;
}
.u-mediaImage,
.u-mediaEmbed {
max-width: 100%;
background-color: #F2F2F2;
}
.u-media--left .u-mediaImage,
.u-media--left .u-mediaEmbed {
float: left;
margin-right: 24px;
}
.u-media--right .u-mediaImage,
.u-media--right .u-mediaEmbed {
float: right;
margin-left: 24px;
}
.u-mediaImage,
.u-mediaImage > img,
.u-mediaEmbed,
.u-mediaEmbed > img {
display: block;
}
.u-mediaBody {
overflow : hidden;
display : block;
}
.u-mediaBody,
.u-mediaBody > :last-child {
margin-bottom: 0;
}
.u-mediaTitle,
.u-mediaCaption {
display : block;
width : 100%;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.u-mediaTitle {
margin-top : 16px;
color : #006BB6;
font-size : 24px;
font-weight : normal;
line-height : 1;
}
.u-type--large .u-mediaTitle {
font-size: 48px;
}
.u-media--left .u-mediaTitle,
.u-media--right .u-mediaTitle {
margin-top: 0;
}
.u-mediaCaption {
margin-top : 4px;
color : #5A5959;
font-size : 12px;
font-weight : normal;
line-height : 1;
}
.u-type--large .u-mediaCaption {
font-size: 18px;
}
.u-mediaDivider {
margin: 24px 0;
width: 10%;
color: #A7C9E4;
}
/* ==========================================================================
Utility: Link Object
========================================================================== */
.u-linkPanel {
position: relative;
}
.u-linkPanel,
.u-linkPanel:hover,
.u-linkPanel:focus,
.u-linkPanel:active {
text-decoration: none !important;
}
.u-linkPanelTarget {
position : absolute;
top : 0;
right : 0;
bottom : 0;
left : 0;
overflow : hidden;
text-indent : -100%;
}
.u-linkPanelTarget:focus + .u-mediaTitle,
.u-linkPanelTarget:hover + .u-mediaTitle {
color: red;
}
/* ==========================================================================
Component: Sponsors
========================================================================== */
.c-sponsors {
margin : 0;
padding : 60px 0;
}
/* Sponsor Grouping
========================================================================== */
.c-sponsor-title {
margin : 0 0 1em;
padding : 0 0 2px 0;
border-bottom : 1px #000 solid;
color : #000;
font-size : 18px;
font-weight : normal;
text-transform : uppercase;
}
.c-sponsor-group {
margin: 0 0 2em;
}
.c-sponsor-group.u-3\/4 {
width: calc(75% - 2em);
}
.c-sponsor-group.u-1\/2,
.c-sponsor-group.u-2\/4 {
width: calc(50% - 1em);
}
.c-sponsor-group.u-1\/3 {
width: calc(33.33333% - 1em);
}
.c-sponsor-group.u-1\/4 {
width: calc(25% - 1em);
}
.c-sponsor-group.float-left {
margin-right: 1em;
}
.c-sponsor-group.float-right {
margin-left: 1em;
}
.c-sponsor-body {
display : flex;
margin : 0 -2em;
flex-wrap : wrap;
align-items : center;
}
/* Single Sponsor
========================================================================== */
.c-sponsor {
position : relative;
display : block;
float : left;
margin : 1em 2em;
}
.c-sponsor-link {}
.c-sponsor-image {}
/* Related Links
========================================================================== */
.c-sponsor-menu {
position : absolute;
left : 0;
display : none;
font-size : 12px;
width : 200px;
padding : 0 15px 20px 15px;
background-image : url(../images/bckg-dropup.png);
background-repeat : no-repeat;
background-position : 50% 100%;
}
.c-sponsor.hover .c-sponsor-menu,
.c-sponsor:hover .c-sponsor-menu {
display: block;
}
.c-sponsor-menu li {
list-style : none;
padding : 0 0 0 1em;
background-image : url(../images/bckg-li-content-body.png);
background-repeat : no-repeat;
background-position : 0 3px;
}
/* ==========================================================================
Component: Sponsored Backgrounds
========================================================================== */
#page-container {
padding: 0 50px;
background-color: #FFF;
}
#footer {
margin-top: 0;
}
/* Desjardins
========================================================================== */
/*
body[class~="template--home"] {
background-image : url(../images/sponsors/background-desjardins.jpg);
background-repeat : no-repeat;
background-position : 50% 100%;
background-attachment : fixed;
}
*/
body[class~="template--home"] #header-bar,
body[class~="template--home"] #footer {
position : relative;
z-index : 1;
}
body[class~="template--home"] #page-wrapper::before,
body[class~="template--home"] #page-wrapper::after {
content : "";
display : block;
position : fixed;
top : 0;
bottom : 0;
width : calc( ( 100% - 1060px ) / 2 );
background-repeat : no-repeat;
background-size : cover;
}
body[class~="template--home"] #page-wrapper::before {
background-image : url(../images/sponsors/background-desjardins-6-left.jpg);
background-position : 100% 0;
left: 0;
}
body[class~="template--home"] #page-wrapper::after {
background-image : url(../images/sponsors/background-desjardins-6-right.jpg);
background-position : 0 0;
right: 0;
}
body[class~="template--home"] #carousel-home {
overflow : hidden;
margin : -30px -50px 0;
width : 1060px;
height : 300px;
}
body[class~="template--home"] #carousel-home img {
position: static;
}
body[class~="template--home"] #carousel-home #carousel-left {
top : 31px;
left : -64px;
}
body[class~="template--home"] #carousel-home #carousel-left,
body[class~="template--home"] #carousel-home #carousel-left img {
height : auto;
width : 348px;
margin : 0;
}
body[class~="template--home"] #carousel-home #carousel-middle {
top : 68px;
left : 50%;
margin-left : -311px;
}
body[class~="template--home"] #carousel-home #carousel-middle,
body[class~="template--home"] #carousel-home #carousel-middle img {
height : auto;
width : 520px;
}
body[class~="template--home"] #carousel-home #carousel-right {
top : 0;
right : -72px;
}
body[class~="template--home"] #carousel-home #carousel-right,
body[class~="template--home"] #carousel-home #carousel-right img {
height : auto;
width : 462px;
margin : 0;
}
/* TC Media
========================================================================== */
body[class~="section--nouvelles"] {
background-image : url(../images/sponsors/background-tcmedia.jpg);
background-repeat : no-repeat;
background-position : 50% 100%;
background-attachment : fixed;
}
/* RDS
========================================================================== */
body[class~="module--results"] {
background-image : url(../images/sponsors/background-rds.jpg);
background-repeat : no-repeat;
background-position : 50% 0%;
background-attachment : fixed;
}
/* Telus
========================================================================== */
body[class~="template--webdiffusion"] {
background-image : url(../images/sponsors/background-telus.jpg);
background-repeat : no-repeat;
background-position : 50% 0%;
background-attachment : fixed;
}