html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;}
@font-face{font-family:'fonk';src:url('/css/font/fonk.eot?51475934');src:url('/css/font/fonk.eot?51475934#iefix') format('embedded-opentype'),
url('/css/font/fonk.woff?51475934') format('woff'),
url('/css/font/fonk.ttf?51475934') format('truetype'),
url('/css/font/fonk.svg?51475934#fonk') format('svg');font-weight:normal;font-style:normal;}
body{background:#fff}
a{color:#E40000;text-decoration:none}
p{margin:0.5em 0}
p:first-child{margin-top:0}
h1{font-size:2em;margin-top:8px;margin-bottom:0px;line-height:1.5em;font-weight:bold}
h1.category-name{font-size:1.5em;color:#E40000;text-transform:lowercase}
h1.alt{color:#E40000;line-height:1.5em}
h2{font-size:1.5em;margin-bottom:0px;margin-top:4px;color:#E40000;line-height:1.5em;font-weight:bold}
.high h2{color:#fff}
h3{font-size:1.3em;color:#000;margin-top:4px;margin-bottom:0px;padding:0px;line-height:1.5em;font-weight:bold}
h4{font-size:1.2em;color:#000;margin-top:4px;margin-bottom:4px;line-height:1.5em}
em{font-style:italic}
strong{font-weight:bold}
header{position:fixed;top:0;left:0;width:100%;padding:0;z-index:999;background:#fff}
header h1{width:220px;margin:0 auto;margin:0 auto 0.5em auto;}
header h1 a{background:url(/images/logo-fonk-white.svg);background-size:cover;height:36px;width:160px;margin:0em 0 0.75em 0;display:block;text-indent:-9999px}
.button.menu{display:none}
body{font-family:Arial, Helvetica;font-size:14px;line-height:18px}
#leaderboard{width:1146px;margin:0 auto;height:1px;padding:0.5em 0}
#leaderboard div{float:right}
.floor {text-align:center}
.floor iframe {margin-bottom:15px}
#menu{background:#E40000;padding:0.5em;color:#fff;height:40px;font-size:18px;line-height:24px;}
#menu ul{ width: calc( 100% - 200px);margin:0.35em auto;}
#menu li{float:left;margin-right:1em;text-transform:lowercase}
#menu li a{color:#fff}
#link-channels:after, #link-store:after{font-family:fonk;content:"\e800";padding-left:0.5em}
.sub-menu {background:#f6f6f6;border-bottom:1px solid #ccc;padding:1em;overflow:auto;height:100%;text-transform:lowercase}
.sub-container{width:1146px;margin:0 auto}
.sub-container ul{float:left;width:30%;line-height:22px}
.sub-menu {display:none}
.sub-menu a:before{font-family:fonk;content:'\e817';padding-right:0.3em}
.sub-menu a:hover{color:#000}
.container { width:1146px; margin:0 auto; display:flex}
main{width:1146px;margin:3.5em auto 0em auto;background:#fff;overflow:auto;height:100%;display:block;padding:1em}
#nav-mobile{display:none}
#partner-carrousel{ text-align:left; border-top:2px solid #eee; padding: 1em 0}
#partners{color:#333;text-align:center;font-weight:bold;text-transform:lowercase}
aside #partners{ border-top:0; padding:0}
#partners ul{width:1146px;margin:0 auto;}
#partners li{display:inline-block;margin:0.5em 0.5em 0 0.5em}
#service-links{background:#e6e6e6;padding:1em;text-align:center}
#service-links li{display:inline-block;margin:0 0.5em;line-height:24px;text-transform:lowercase}
footer{clear:both}
#copyright{background:#E40000;padding:1em;color:#fff;text-transform:lowercase}
#copyright p{margin:0 auto;text-align:center}
.search{float:right !important;margin-right:0 !important;margin-top:-3px}
#search-form{float:right}
#s{border:none;padding:8px 8px;font-size:13px; font-family:Arial, Helvetica;}
#search-form button, #search-form .btn-login, #search-form .btn-logout {background:none;color:#fff;font-family:Arial, Helvetica;font-size:12px;padding:2px 10px;text-transform:lowercase;font-weight:bold;border:1px solid #fff}
#search-form .btn-login {padding:7px 10px;}
#search-form .btn-logout {padding:7px 10px;}
#link-account { display:none}
.article-list{border-top:2px solid #eee;clear:both;padding:2em 0}
.article-list:last-child{border-bottom:0}
.article-list h2{color:#E40000;text-transform:lowercase}
.article-list h3{color:#333;font-size:1.2em}
.article-list li a{color:#E40000}
.article-list li{font-size:0.85em}
.article-list .more{float:right;width:51%;margin-top:4em}
.article-list article{float:left;width:45%;padding-right:1em;border-right:1px solid #eee}
.article-list .article-image{width:100%;height:140px;overflow:hidden;border-bottom:2px solid #E40000;margin-bottom:1em;position:relative}
.article-list .article-image img{max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
.article-list .article-image img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.article-image-small{width:160px;height:80px;overflow:hidden;border-right:2px solid #E40000;margin-bottom:1em}
img.zoomer {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
img.zoomer:hover {-moz-transform: scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.rss{float:right;margin-top:-2em; display:none}
.featured .article-image-small{float:left;width:160px;margin-right:1em}
.featured .article-image-small img{max-width:160px}
.featured{clear:both;height:100%;overflow:auto}
.agenda .details{padding:1em 0}
.agenda .details{border-bottom:1px solid #ccc}
.agenda-image{float:right;max-width:200px;max-height:100px}
.agenda-image img{max-width:200px;max-height:100px}
.product{padding:1em 0;border-bottom:1px solid #ccc;height:100%;overflow:auto}
.guide{clear:both}
.inline-banner{margin:1em 0;text-align:center}
.inline-image-left{float:left;margin:0.5em 0.5em 0.5em 0}
.return{margin:1em 0;text-align:center}
#social-media{padding:1em 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;margin:1em 0}
main{height:100%;overflow:visible;line-height:1.5em}
main:after{clear:both;content:" "}
#content {width:766px;float:left;}
#content section:first-child{border-top:0 !important}
aside { margin-top:-1em}
aside section{border: 1px dotted var(--fonk);margin:2em 0;padding:0.2em 1em 1em 1em; height:100%; overflow:auto}
aside section.high{background:#E40000;color:#fff;padding:1em}
aside section.high a {color:#fff; text-decoration:underline}
aside section:first-child{margin-top:0}
aside section h2{font-size:1.5em;font-weight:bold;text-transform:lowercase}
main section:last-child{border-bottom:0}
main .chapeau-image{display:block;position:relative;margin-bottom:1em;border-bottom:2px solid #E40000;overflow:hidden;width:100%;overflow:hidden}
main .chapeau-image img{max-width:100%;min-width:100%;display:block}
main .chapeau-image img{max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}
main .chapeau-image img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
main #chapeau .lead{line-height:0.8em;width:100%}
main #chapeau .lead h2{font-style:italic;line-height:1.25em;font-weight:normal}
main #chapeau .lead h3{font-size:2em;line-height:1.25em; margin-bottom:0.5em}
main #chapeau .lead a{color:#000}
main #chapeau .abstract a{color:var(--fonk)}
main #chapeau .abstract { column-count: 2;}
main #chapeau .more { text-align:right; text-transform:lowercase; padding-bottom:1em }
main #chapeau .more a{color:var(--fonk)}
main #chapeau .category {color:var(--fonk)}
.featured .category {color:var(--fonk)}
article h1x{font-size:2em;color:#000;font-weight:bold;line-height:1.5em}
article h2x{font-size:1.2em;color:#E40000;font-weight:bold;line-height:1.5em;}
article .full h2{text-transform:lowercase;font-size:1em}
article .full img{ max-width:100%}
article .full img.rechts { float:right; margin:0 0 10px 10px}
article .full img.links { float:left; margin:0 10px 10px 0px}
article.content img{ max-width:100%}
aside section img { max-width:100%}
article.v2 .full h1 {font-size: 2em;margin-top: 8px;margin-bottom: 0px; line-height: 1.5em;font-weight: bold;}
article.v2 .full h2 {font-size: 1.3em; color: #000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold; text-transform:none}
article.v2 .full h3 {font-size: 1.3em; color: #E40000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold;}
article.v2 .full h3.quote { font-size: 1.2 em;font-weight: 400;color: #000;line-height: 1.5em;margin: 8px 0 1em 0;border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;padding: 2em;}
article.v2 .full p { font-size:1em; line-height:1.5em;margin-top:0;margin-bottom:1.5em}
article.v2 .full p.lead { font-weight:700}
article.v2 .full div { /*color: #E40000*/}
article.v2 .full .meta {margin-bottom: 0px; margin-top: 4px;color: #E40000;line-height: 1.5em;font-weight: bold;text-transform: lowercase;font-size: 1em;}
article.v2 .full blockquote {font-size: 1.2 em;font-weight: 400; line-height: 1.5em; margin-top: 8px; margin-bottom: 1em}
article.v2 .full iframe { max-width:100%}
.agenda h1 {font-size: 2em;margin-top: 8px;margin-bottom: 0px; line-height: 1.5em;font-weight: bold;}
.agenda h2 {font-size: 1.3em; color: #000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold;}
.agenda h3 {font-size: 1.3em; color: #E40000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold;}
.agenda p { font-size:1em; line-height:1.5em;margin-bottom:1em}
.agenda .article_image img { max-width:100%}
.back { padding:1em 0}
.agenda-v2 h1 {font-size: 2em;margin-top: 8px;margin-bottom: 0px; line-height: 1.5em;font-weight: bold;}
.agenda-v2 h2 {font-size: 1.3em; color: #000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold; text-transform:none}
.agenda-v2 h3 {font-size: 1.3em; color: #E40000; margin-top: 4px; margin-bottom: 0px; padding: 0px; line-height: 1.5em; font-weight: bold;}
.agenda-v2 p { font-size:1em; line-height:1.5em;margin-top:0;margin-bottom:1.5em}
.agenda-v2 p.lead { font-weight:700}
.agenda-v2 div { /*color: #E40000*/}
.agenda-v2 .meta {margin-bottom: 0px; margin-top: 4px;color: #E40000;line-height: 1.5em;font-weight: bold;text-transform: lowercase;font-size: 1em;}
.agenda-v2 blockquote {font-size: 1.2 em;font-weight: 400; line-height: 1.5em; margin-top: 8px; margin-bottom: 1em}
.agenda-v2 iframe { max-width:100%}
#x td,#x th{text-align:left;padding:2px 2px 2px 0}
#x th{font-weight:bold}
#x td input{padding:2px}
.response{padding-bottom:3px;border:1px solid #ccc;border-bottom:0px;padding:6px;background-color:#efefef}
.name{font-weight:bold;padding:15px 6px 10px 6px;background:url(/images/comment.gif) no-repeat top left}
.name .stamp{font-weight:normal}
.article-listing{background:#f6f6f6;padding:1em;margin:1em 0}
.article-listing h2{color:#E40000;font-weight:bold}
.article-listing .rss{margin-top:0}
#content ul.agenda-list{margin-left:0}
#content ul.agenda-list li{list-style-image:none;padding-left:50px;clear:both;margin-bottom:5px;height:100%;overflow:auto; margin-left:0}
#content ul.agenda-list li .date-badge{border:1px solid #ccc;border-radius:2px;width:40px;float:left;margin-left:-50px;background:#fff}
#content ul.agenda-list li .date-badge strong{padding:1px 5px;text-align:center;display:block;font-size:1.3em;font-weight:bold}
#content ul.agenda-list li .date-badge span{text-align:center;display:block;background:#E40000;text-transform:uppercase;color:#fff;font-size:0.8em}
#content ul.agenda-list li h3{font-size:14px; line-height:2.75em}
#content ul.agenda-list li h4{font-size:13px;}
#content ul.agenda-list li:before { display:none}
#content ul.social-media{margin-left:0}
#content ul.social-media li{list-style-image:none; background:none; padding-left:0; margin-bottom:4px}
aside ul.agenda-list{margin-left:0}
aside ul.agenda-list li{list-style-image:none;padding-left:50px;clear:both;margin-bottom:5px;height:100%;overflow:auto}
aside ul.agenda-list li .date-badge{border:1px solid #ccc;border-radius:2px;width:40px;float:left;margin-left:-50px;background:#fff}
aside ul.agenda-list li .date-badge strong{padding:1px 5px;text-align:center;display:block;font-size:1.3em;font-weight:bold}
aside ul.agenda-list li .date-badge span{text-align:center;display:block;background:#E40000;text-transform:uppercase;color:#fff;font-size:0.8em}
aside ul.agenda-list li h3{font-size:15px}
aside ul.agenda-list li h4{font-size:13px;}
aside ul.social-media{margin-left:0}
aside ul.social-media li{list-style-image:none; background:none; padding-left:0; margin-bottom:4px}
.social-media a{padding-left:40px;display:block;background-repeat:no-repeat;line-height:32px; background-size:32px 32px}
.social-media #twitter a{background-image:url(/images/social/twitter-black.png)}
.social-media #facebook a{background-image:url(/images/social/facebook-black.png)}
.social-media #youtube a{background-image:url(/images/social/youtube-black.png)}
.social-media #instagram a{background-image:url(/images/social/instagram-black.png)}
.social-media #linkedin a{background-image:url(/images/social/linkedin-black.png)}
.social-media #rss a{background-image:url(/images/social/rss-black.png)}
.product a{display:inline-block;background:#E40000;color:#fff !important;padding:5px 10px;border-radius:3px;margin:1em 0}
#wrapper #container mainarea main li{margin-left:0px;padding-left:0px;}
main hr{margin:0;height:1px;border:0;margin:0;float:none;clear:both;margin-top:5px;display:none}
main ul{margin:0;padding:0px;}
main ul li{margin:0;padding:0px;list-style:none;}
aside{width:360px;float:left;margin-left:20px;}
aside p{margin-bottom:3px;margin-top:3px}
aside hr{margin:0;color:#FFF;height:2px;border-color:#FFF}
aside h2{border-bottom:0px solid #ccc;padding-bottom:4px;}
aside ul{margin:0;padding:0px;}
aside ul li{margin:0;padding:0px;padding-left:12px;list-style:none;background:url(/images/arrow_blue.gif) no-repeat -6px 2px}
aside ul li.item{text-overflow:ellipsis;width:300px;overflow:hidden;white-space:nowrap;}
#latest-mobile ul li.item{text-overflow:ellipsis;max-width:90%;overflow:hidden;white-space:nowrap;}
main a,main a:link,main a:visited{color:#28539c;}
aside a,aside a:link,aside a:visited{}
main a:hover,main a:active{}
main h3{margin-bottom:0px;}
main h3 a,main h3 a:link,main h3 a:visited{color:#000;}
section a.button{display:inline-block;padding:0.2em 0.5em;font-weight:bold;border-radius:4px;color:#333 !important;background:#f6f6f6;border:1px solid #ccc; text-decoration:none !important}
.advertisement{text-align:center;font-size:0.8;color:#999}
.figure-left{float:left;margin-right:10px;margin-bottom:10px}
.figure-right{float:right;margin-left:10px;margin-bottom:10px}
#poll{margin:0;padding:0; height:100%; overflow:visible}
#poll div{padding:0}
#poll div.poll_answer{vertical-align:middle;clear:left;display:block;margin-top:10px; height:100%; overflow:hidden}
#poll div.poll_answer_radio{float:left;clear:left;width:20px;height:20px;padding:0;padding-right:5px}
#poll div.poll_button input{font-size:10px}
#poll div.poll_answer_bar{float:left;clear:left;width:100px;background-color:#FFF;display:block;border:1px solid #192168;overflow:hidden;height:12px;margin:0;padding:0;margin-top:2px;}
#poll div.poll_answer_percentage{float:left;width:auto;height:20px;padding-left:5px;display:block;margin-top:2px;}
#poll div.poll_answer_text{padding-bottom:0;font-weight:normal;}
#poll div.poll_question{padding-top:5px;padding-bottom:5px;display:block}
#poll div.poll_button{clear:both;float:none; margin-top:8px}
#poll div.poll_button input{font-size:13px; padding:0.25em 0.8em}
#poll div.poll_image{float:right}
#fonk-poll #current-poll #poll div.poll_answer_text { margin-bottom:0.5em}
#fonk-poll #current-poll { border-bottom:1px solid #ccc; margin-bottom:2em; padding-bottom:2em}
#fonk-poll #current-poll #poll div.poll_button{ padding:0.5em 0}
#fonk-poll #current-poll #poll div.poll_button input{font-size:14px; color:#fff; background:#E40000; padding:0.5em 1.5em; border:0px; border-radius:3px}
#latest-mobile{display:none}
.generic-form .row { clear:both;margin-bottom:0.25em; width:80%}
.generic-form .row.scfSubmitButtonBorder { margin-top:1em}
.generic-form .row label { display:block; padding:0.5em 0; font-weight:bold}
.generic-form .row input { padding:0.5em; width:90%}
.generic-form .row input.one-third { width:25%}
.generic-form .row input.two-third { width:60%}
.generic-form .row button { background:#E40000; padding:0.6em 2em; color:#fff; font-weight:bold}
.shop-list li { margin:2em 0}
.shop-list li a { padding:0.5em; ; padding-left:2em; display:block; background-image:url("/images/cart-59-16.png"); background-repeat:no-repeat; background-position:5px 8px ; transition: 0.5s;}
.shop-list li a:hover { background-color:#E40000 !important ; color:#fff}
.shop-list li:nth-child(odd) a { background-color:#f1f1f1}
.shop-list li:nth-child(even) a{ background-color:#f6f6f6}
@media screen and (max-width:640px){
.order-details { max-width:100%}
.order-details td { float:left; width:100%}
.order-details textarea { width:100%; max-width:100%}
.order-form-v2 { max-width:100%}
.order-form-v2 td { float:left; width:100% !important}
.order-form-v2 textarea { width:97%; max-width:100%}
}
@media screen and (max-width:1600px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:1146px){
.container { width:auto}
#leaderboard{display:none}
#channel-container, main{width:auto}
#content{width:auto;float:none;}
aside{width:auto;float:none;margin-left:0px; clear:both}
aside section{float:left;min-height:200px;margin:1em 1em !important;width:40%;clear:both}
aside section:nth-child(even){float:right;clear:none}
.article-list .article-image{height:100%;border:none;overflow:visible}
.article-list .article-image img{width:100%;border-bottom:2px solid #E40000}
}
@media screen and (max-width:960px){
.container{ display:block}
.floor{display:none !important;overflow:hidden !important}
header h1 { margin:0}
header h1 a{background-size:fit;height:30px;width:130px;margin:10px 0 0 14px}
#menu { padding:0.1em 0.2em 0.6em 0.2em}
.container #main-menu {display:none;}
#main-menu{border-top:1px solid #fff;}
#main-menu li a{color:#fff;padding:0.5em;border-bottom:1px solid #fff;display:block}
#nav-mobile { background: var(--fonk);}
.sub-container { width:100%}
.sub-container ul{float:none;width:100%}
aside { padding:10px}
main{margin-top:3.8em;padding:1em}
a.button.menu{display:inline-block;float:right;padding:4px 10px;border:1px solid #fff;border-radius:4px;color:#fff;font-weight:bold;pointer:hand;margin:0px 14px}
a.button.menu:before{font-family:fonk;content:"\e827";padding-right:0.5em}
.search{float:none !important;;margin-top:0px;padding:0.5em}
#search-form{float:none}
#s{border:none;padding:5px 5px;font-size:14px}
#search-form button{font-size:13px;padding:3px 4px;}
aside section{float:none;min-height:0;margin:1em 0em !important;width:auto;clear:both}
aside section:nth-child(even){float:none;clear:none}
#latest-mobile{display:block}
#latest{display:none}
}
@media screen and (max-width:640px){
.figure-left, .figure-right{float:none;display:block;margin:10px auto}
.article-list article{width:100%;float:none}
.article-list .more{float:none;width:100%;margin-top:0}
.article-list .article-image{max-width:100%;width:100%;height:200px;overflow:hidden;border-bottom:2px solid #E40000}
.article-list .article-image img{width:auto;min-height:200px;max-width:100%}
.featured{}
.featured .article-image-small{width:100%;height:auto;border:0;margin-bottom:0}
.featured .article-image-small img{width:100%;border:0;max-width:100%;border-bottom:2px solid #E40000}
main #chapeau .lead h2{font-size:1em}
main #chapeau .lead h3{font-size:1.5em;}
main #chapeau abstract a { color }
.agenda-image { float:none; width:100%; max-width:100%; max-height:none}
.agenda-image img { max-width:100%; max-height:none}
.article-list.v2 .item:nth-child(n+6) { display:none}
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){}
#modal{display:none}
.modal{position:relative;background:#FFF;padding:3em;width:auto;max-width:350px;height:100%;margin:20px auto;}
.modal div{-webkit-text-size-adjust:100%}
.modal h2{font-weight:lighter;font-size:2.4em;line-height:1.2em;margin-bottom:0.5em;padding-right:1em}
.modal a, .main a:link{color:#E40000;text-decoration:none}
.modal a:hover{text-decoration:underline}
.modal a:visited{color:#E40000}
.modal a.link{font-size:1.4em}
.modal p{font-size:13px;line-height:21px}
.modal input{font-size:1.4em;padding:0.2em}
.modal #btnSubmit{background:#E40000;color:#fff;border:1px solid #E40000;cursor:hand}
.modal ul.links{margin-top:3.5em;margin-bottom:2em;height:100%;overflow:visible}
.modal ul.links li{display:inline;margin-right:1em}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close,
button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;padding:0 0 18px 10px;color:#FFF;font-style:lighter;font-weight:100;font-size:42px;font-family:'Open Sans', Arial, Baskerville, monospace;}
.mfp-close:hover,
.mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#fff;background:#E40000;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:0px;padding-right:0px;}
}
.carrousel-wrapper{max-width:1146px;margin:0 auto;min-height:129px}
.simply-scroll { width:calc(100% - 1px); height:125px}
/*
.simply-scroll-clip{position:relative;overflow:hidden;z-index:2;min-height:120px}
div.simply-scroll-list { min-height:120px}
.simply-scroll-list{position:absolute;top:0;left:0;z-index:1;overflow:hidden;list-style:none;margin:0;padding:0}
.simply-scroll-list li{list-style:none;margin:0;padding:0; background:none}
.simply-scroll-list li a {border:0; margin:0; padding:0; max-height:120px; overflow:hidden}
.simply-scroll-list li img{border:0; margin:0; padding:0}
.simply-scroll .simply-scroll-list li{float:left;height:120px; overflow:hidden;display:flex !important;flex-direction:column;justify-content:center; line-height:1em}
*/
.simply-scroll-list li{list-style:none;margin:0;padding:0; background:none; overflow:hidden;display:flex !important;flex-direction:column;justify-content:center; }
.simply-scroll-list li a {border:0; margin:0; padding:0; max-height:120px; overflow:hidden}
/* Container DIV - automatically generated */
.simply-scroll-container {
position: relative;
}
/* Clip DIV - automatically generated */
.simply-scroll-clip {
position: relative;
overflow: hidden;
}
/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
.simply-scroll-list li img {
border: none;
display: block;
}
/* Custom class modifications - adds to / overrides above
.simply-scroll is default base class */
/* Container DIV */
.simply-scroll {
width:calc(100% - 1px); height:125px
}
/* Clip DIV */
.simply-scroll .simply-scroll-clip {
width:calc(100% - 1px); height:125px
}
/* Explicitly set height/width of each list item */
.simply-scroll .simply-scroll-list li {
float: left; /* Horizontal scroll only */
/*width: 150px; */
height: 120px;
}
.light.cc_dialog { border-top:1px solid #ccc}
.cc_dialog.simple { max-width:100% !important}
:root {
--fonk: #E40000;
--white: #ffffff;
}
.article-list h2 { margin-bottom:1em}
.tiles li { list-style:none; margin-bottom:10px}
.tiles li a {display:block; padding-left:114px; min-height:66px; position: relative;}
.tiles li a:hover { text-decoration:underline}
.tiles li a div {float:left; margin-left:-114px; width:100px; }
.tiles li a div img {}
.article-list h2 a { color:var(--fonk);}
.article-list.tiles h3 { font-size:1.2em; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.listing ul { list-style:none; margin-top:1em}
.listing ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #E40000; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: block; /* Needed to add space between the bullet and the text */
width: 0.6em; /* Also needed for space (tweak if needed) */
margin-left: -0.2em; /* Also needed for space (tweak if needed) */
font-size:2em;
line-height:21px;
float:left
}
.listing li {margin-left:0.5em; margin-bottom:0.5em}
.listing li a { color:#000; font-size:1.2em; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; width: calc(100% - 2em);display:block}
.listing li a:hover { text-decoration:underline}
.article-list.listing .short-list { background:#f6f6f6; padding:1em; margin-top:1em; clear:both}
.article-list.listing .short-list span {color:var(--fonk);}
.article-list.listing .short-list .more-channel { text-transform:lowercase}
.article-list.listing { height:100%; overflow:auto}
.article-list.listing .featured .image { float:left; width:calc(50% - 5px); overflow:hidden}
.article-list.listing .featured .overlay { float:right; width:calc(50% - 5px)}
.article-list.listing .featured .overlay h3 { margin-top:0}
.article-list.listing:nth-child(even) .featured .image {float:right;}
.article-list.listing:nth-child(even) .featured .overlay {float:left;}
.home .featured img {margin:0; padding:0; max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.home .featured img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.home .featured .overlay {}
.home .featured h3 { font-size:1.5em; line-height:1.4em}
.home .featured { position:relative; overflow:hidden; -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)}
.home .featured .more-article a { color:var(--fonk); text-transform: lowercase }
.home .featured .more-article a:after {content: '›'; padding-left:4px; font-size:1.2em}
.home .agenda .featured h3 { font-size:1.25em;text-shadow: 0 1px 4px rgb(0 0 0 / 75%);}
.home .agenda .featured h4 { color:#fff; text-shadow: 0 1px 4px rgb(0 0 0 / 75%); font-size:1.2em; line-height:1.2em}
.home .agenda.spacing .featured { margin-bottom:2em}
p.more-channel a { color:var(--fonk); }
p.more-channel a:after {content: '›'; padding-left:4px; font-size:1.2em}
ul.social-media { height:100%; overflow:auto; margin-top:10px}
ul.social-media li { float:left; margin-right:1em}
ul.social-media li svg { width:40px}
ul.social-media li a { color:#000; padding:0}
.video-container {
position:relative;
padding-bottom:47%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#fonk-library { border-bottom:2px solid #eee; border-top:2px solid #eee; padding:2em 0}
#fonk-library img {width:140px}
#fonk-library li {margin: 0.5em 0.5em 0 0.5em;}
#fonk-library .simply-scroll-list li a {border:0; margin:0; padding:0; max-height:190px; overflow:hidden}
#fonk-library .simply-scroll .simply-scroll-list li { height:190px}
#fonk-library .simply-scroll .simply-scroll-clip { height:190px}
#fonk-library .carrousel-wrapper { min-height:190px}
#fonk-magazine #fonk-cover a { display:block; position:relative}
#fonk-magazine #fonk-cover a::before {
content: "New!!";
line-height:50px;
color: #fff;
font-size: 0.85714em;
margin-top: 45px;
text-align: center;
position: absolute;
left: 25px;
background-size: contain;
width: 50px;
height: 50px;
border-radius:50px;
background: var(--fonk);
box-shadow: 0 0 8px rgba(0,0,0,.3);
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
@keyframes pulse-ring {
0% {
transform: scale(.33);
}
80%, 100% {
opacity: 0;
}
}
@keyframes pulse-dot {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
.home .agenda .featured h3 { font-size:1.5em; }
.home .agenda .featured h4 { color:#fff; text-shadow: 0 2px 8px rgb(0 0 0 / 50%); font-size:1.2em; line-height:1.2em}
p.more-channel a { color:var(--fonk); }
p.more-channel a:after {content: '›'; padding-left:4px; font-size:1.2em}
ul.social-media { height:100%; overflow:auto; margin-top:10px}
ul.social-media li { float:left; margin-right:1em}
ul.social-media li svg { width:40px}
ul.social-media li a { color:#000; padding:0}
.video-container {
position:relative;
padding-bottom:47%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#fonk-library img {width:140px}
#fonk-library li {margin: 0.5em 0.5em 0 0.5em;}
#fonk-library .simply-scroll-list li a {border:0; margin:0; padding:0; max-height:190px; overflow:hidden}
#fonk-library .simply-scroll .simply-scroll-list li { height:190px}
#fonk-library .simply-scroll .simply-scroll-clip { height:190px}
#fonk-library .carrousel-wrapper { min-height:190px}
#fonk-magazine #fonk-cover a { display:block; position:relative}
#fonk-magazine #fonk-cover a::before {
content: "New!!";
line-height:50px;
color: #fff;
font-size: 0.85714em;
margin-top: 45px;
text-align: center;
position: absolute;
left: 25px;
background-size: contain;
width: 50px;
height: 50px;
border-radius:50px;
background: var(--fonk);
box-shadow: 0 0 8px rgba(0,0,0,.3);
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
@keyframes pulse-ring {
0% {
transform: scale(.33);
}
80%, 100% {
opacity: 0;
}
}
@keyframes pulse-dot {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
.full .overlay { /*position: fixed; Sit on top of the page content */
background-color: rgba(255,255,255,0.5); /* Black background with opacity */
}
.overlay-texts{
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
color: black;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.full .overlay { padding:4em 2em}
.full .overlay-text { text-align:center; font-size:1.3em; line-height:1.5em}
.full .overlay-text a.button, .modal a.button , .infobox .overlay a.button { color:#fff !important; background: #E40000 ; border-radius:20px; border-color:#E40000; padding:0.5em 2em; font-weight:Bold }
.modal img { max-width: 100%;margin:20px 0 10px 0}
.modal p { margin-bottom:1em}
article .full p.lead{ position:relative}
article .full p.lead .overlay { position:absolute}
.infobox {border:1px solid #ccc; background:#efefef; position:fixed; z-index:11111; left:-100%; bottom:0; margin:0.5rem; width:calc(100% - 1rem); display:block; }
.infobox-active { transition: all 1s; transform: translate3d(0,0,0)!important; display:block; left:0}
.infobox .overlay { padding:0em 1em; line-height: 1.5em}
.infobox .overlay p { margin-bottom:1em}
.btn-logout { display:none}
body.loggedin .btn-login { display:none}
body.loggedin .btn-logout { display:inline-block}
body.loggedin #link-account { display:inline}
a.infobox-close, .jquery-modal .modal a.close-modal {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 20px;
height: 20px;
color:#666;
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F>')
}
@media only screen and (min-width: 34rem) {
.infobox {
max-width: 36rem;
}
}
@media screen and (max-width:480px){
.home .featured h3 { font-size:1.3em; line-height:1.2em }
main #chapeau .abstract { column-count: 1}
.article-list.listing .featured .image { float: none !important; width:100%}
.article-list.listing .featured .overlay { float: none !important; width:100%}
}