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;
}
/* HTML5 display-role reset for older browsers */
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:#eee}	

	
a {color:#c80512; 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:#c80512;text-transform:lowercase}
h1.alt {color:#c80512; line-height:1.5em}
h2 {font-size:1.5em;margin-bottom:0px; margin-top:4px;color:#c80512; 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:980px; margin:0 auto; margin:0 auto 0.5em auto}
	header h1 a { background:url(/images/logo-fonk-2015-128.png); background-size:cover; height:64px; margin:0.25em 0 0.75em 0; width:233px; display:block; text-indent:-9999px}
	.button.menu { display:none}
	
	body { font-family: Arial, Helvetica; font-size:14px; line-height:18px } 
	
	
	#leaderboard { width:980px; margin:0 auto; height:1px; padding:0.5em 0 } 
	#leaderboard div { float:right}
	

	
	#menu { background:#c80512; padding:0.5em; color:#fff; height:18px; font-size:18px; line-height:24px]} 
	#menu ul { width:980px; margin:0 auto;}
	#menu li {float:left ; margin-right:1em; text-transform:lowercase}
	#menu li  a { color:#fff}
	#link-channels:after { font-family:fonk; content:"\e800"; padding-left:0.5em}
	
	#channels { background:#f6f6f6;border-bottom:1px solid #ccc; padding:1em; overflow:auto; height:100%; text-transform:lowercase }
	#channel-container { width:980px; margin:0 auto }
	#channel-container ul {float:left; width:30%; line-height:22px}
	#channels { display:none}
	#channels a:before { font-family:fonk;  content: '\e817'; padding-right:0.3em }	
	#channels a:hover { color:#000}
	
	
	
	main { width:980px; margin:10.0em auto 0em auto; background:#fff; overflow:auto; height:100%; display:block; padding:1em}
	
	#nav-mobile { display:none }
	
	#partners {  padding:1em; color:#333; text-align:center; border-top:2px solid #eee; font-weight:bold; text-transform:lowercase}
	#partners ul {width:980px;  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:#c80512; 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:-2px}
	#search-form { float:right}
	#s {border:none; padding:4px 5px; font-size:13px}
	#search-form  button { background:none; color:#fff; font-family: Arial, Helvetica; font-size:12px; padding:2px 4px; text-transform:lowercase; font-weight:bold; border:1px solid #fff  }
	
	.article-list { border-top:2px solid #eee; clear:both; padding:2em 0}
	.article-list:last-child { border-bottom:0}
	.article-list h2 { color:#c80512; text-transform:lowercase}
	.article-list h3 { color:#333; font-size:1.2em }
	.article-list li a	 {color:#c80512} 
	.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 #c80512; 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 #c80512; margin-bottom:1em}
	.article-image-small img { }	

	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}
	
	.featured  .article-image-small { float:left; width:160px; margin-right:1em}
	.featured  .article-image-small img  { max-width:160px }
	.featured   { clear:both; border-bottom:1px solid #ccc; 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:620px;float:left;}
	#content section:first-child { border-top:0 !important}
	aside section { background:#eee; margin:2em 0; padding:1em}
	aside section.high { background:#c80512; color:#fff; padding:1em}
	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 #c80512; 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 {background:rgba(0,0,0,0.5); ;color:#fff; position:absolute; left:0; bottom:0; z-index:99; line-height:0.8em; width:100% }
	main #chapeau .lead  h2 {  font-style:italic; color:#fff;line-height:1.25em; font-weight:normal;padding:0.5em 0.5em 0 0.5em}
	main #chapeau .lead  h3 {  font-size:2em;line-height:1.25em;padding:0 0.5em 0.5em 0.5em}	
	main #chapeau .lead  a { color:#fff}
	
	
	article h1x { font-size:2em; color:#000; font-weight:bold; line-height:1.5em}
	article h2x{ font-size:1.2em; color:#c80512; font-weight:bold;line-height:1.5em;}
	article .full h2 { text-transform:lowercase; font-size:1em}
	
	#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:#c80512; font-weight:bold}
	.article-listing .rss { margin-top:0}
	
	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:#c80512; 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;}
	.social-media a { padding-left:40px; display:block; background-repeat:no-repeat; line-height:32px}
	.social-media #twitter a { background-image: url(/images/icon-twitter.png)}
	.social-media #facebook a { background-image: url(/images/icon-facebook.png)}
	.social-media #rss a { background-image: url(/images/icon-rss.png)}

.product a { display:inline-block; background:#c80512; 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:350px;float:left;margin-left:10px;}
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; }
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; background:#f6f6f6; border:1px solid #ccc}

.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}
#poll div {padding:0}
#poll div.poll_answer {;vertical-align:middle;clear:left;display:block; margin-top:2px;}
#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:100px;height:20px;padding-left:5px;display:block;margin-top:2px;}
#poll div.poll_answer_text {;padding-top:5px;padding-bottom:0;font-weight:normal;}
#poll div.poll_question {padding-top:5px;padding-bottom:5px;display:block;font-weight:bold}
#poll div.poll_button {clear:both;float:none}
#poll div.poll_button input {font-size:10px}
#poll div.poll_image {float:right}

#latest-mobile { display:none}	

/* Grid layout */

/* Grid 1 */
@media screen and (max-width: 1600px) {

}

/* Grid 2 @ 1024-1600px */
@media screen and (max-width: 1200px) {

}

/* Grid 3 @ 800-1024 px */
@media screen and (max-width: 980px) {
header h1 a {margin:5px 0 0 5px}
#leaderboard { display:none}
header h1,#channel-container, main  { width:auto}
main { margin-top:9.7em}

#content {width:auto; float:none;}
aside{width:auto;float:none;margin-left:0px}
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 #c80512}

}

/* Grid 4 @ =< 768px */
@media screen and (max-width: 768px) {
	.floor { display:none !important; overfloow:hidden  !important}
header  { background:#c80512}
header h1 a { background:url(/images/logo-fonk-white-2015-40.png) no-repeat; height:40px; width:146px; margin:10px 0 0 14px}
#menu { font-size:18px; line-height:20px; 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}
main { margin-top:4.0em; padding:1em}
a.button.menu { display:inline-block;  float:right; padding:10px; border:1px solid #fff; border-radius:4px; color:#fff; font-weight:bold; pointer:hand; margin:2px 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}	

}

/* Grid 4 @ =< 640 px */
@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 #c80512}
	.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 #c80512}		

	main #chapeau .lead  h2 {  font-size:1em}
	main #chapeau .lead  h3 {  font-size:1.5em;}	
	
}

/* iPad 1-2 Portrait */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

}

/* iPad 1-2 Landscape */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}

/* Retina support */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
} 	

#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: #c80512; text-decoration:none}
.modal   a:hover { text-decoration:underline}
.modal   a:visited { color:#c80512}
.modal  a.link { font-size:1.4em}
.modal p { font-size:1.2em; line-height:1.6em}
.modal input { font-size:1.4em; padding:0.2em}
.modal #btnSubmit { background:#c80512 ; color:#fff; border:1px solid #c80512; 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}

/* Magnific Popup CSS */
.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:#c80512; }

.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:980px; margin:0 auto; min-height:129px}
.simply-scroll-clip{position:relative;overflow:hidden;z-index:2; min-height:120px}
.simply-scroll-list{position:absolute;top:0;left:0;z-index:1;overflow:hidden;list-style:none;margin:0;padding:0; display:table-row;}
.simply-scroll-list li{list-style:none;margin:0;padding:0; }
.simply-scroll-list li img{border:none;}
.simply-scroll .simply-scroll-list li{float:left;height:120px; display: flex !important;
    flex-direction: column;
    justify-content: center;}