@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
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, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  color: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h5, h6 {
  font-weight: normal; }

button {
  background: none;
  border: none; }

button:focus::-moz-focus-inner,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0px dotted transparent; }

/* The following code is taken from Normalize.css,
 * available under the MIT License:
 *
 * Copyright (c) Nicolas Gallagher and Jonathan Neal
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 */
legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  border: none; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local("Oswald Light"), local("Oswald-Light"), url(../oswald/WDQRONh0ieLkzMd4njMkJBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local("Oswald Light"), local("Oswald-Light"), url(../oswald/qlwg-kjAsZDGqOniRm96VBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local("Oswald Light"), local("Oswald-Light"), url(../oswald/l1cOQ90roY9yC7voEhngDBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local("Oswald Light"), local("Oswald-Light"), url(../oswald/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
@font-face {
  font-family: 'RegloNormal';
  src: url("../reglo/RE01.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RegloMedium';
  src: url("../reglo/RE02-Medium.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RegloBold';
  src: url("../reglo/RE03-Bold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RE04';
  src: url("../reglo/RE04-Bold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RE05';
  src: url("../reglo/RE05-Bold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RegloSymbol';
  src: url("../reglo/RE06.otf");
  font-weight: normal;
  font-style: normal;
  line-height: 0 !important; }
@font-face {
  font-family: 'Reglo';
  src: url("../reglo/Reglo-Bold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Symbols';
  src: url("../reglo/RESYMBOL-resized.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'SymbolsResized';
  src: url("../reglo/RESYMBOL-resized.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'RegloScale';
  src: url("../reglo/RegloScaleBold.otf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Regular.ttf");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Bold.ttf");
  font-weight: bold;
  font-style: normal; }
[class^="icon-"],
[class*=" icon-"] {
  /*font-size:1.3em;*/ }

.resymbol {
  vertical-align: middle;
  display: inline-block;
  font-family: 'Symbols'; }

.resymbol.big, .icons.big {
  font-size: 2em; }

.resymbol.huge, .icons.huge {
  font-size: 3em; }

.info:before, .warning:before, .error:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-right: 0.2em; }

.info:before {
  content: "\f05a"; }

.warning:before {
  content: "\f071"; }

.error:before {
  content: "\f056 "; }

.checked:before {
  content: "\f056 "; }

.icon-communautaire:before {
  content: "▲";
  /* ▴ */ }

.icon-musique:before {
  content: "△";
  /* ▵ */ }

.icon-creation:before {
  content: "○";
  /* ○ */ }

.icon-agenda-culturel:before {
  content: "●";
  /*  ● */ }

.icon-infodebats:before {
  content: "■";
  /*  ■ */
  /*content: "□ ";   □ */ }

/******************/
/*HTML TAG DISPLAYS */
/******************/
body {
  font-family: 'Oswald', sans-serif;
  line-height: normal;
  text-align: left;
  margin: 0 auto 0 auto;
  /*padding: 0px 10px;*/
  clear: both; }

code, pre {
  display: block;
  overflow: auto;
  padding: 0.5em;
  background: black !important;
  color: white !important;
  font-family: monospace; }

audio {
  display: block;
  width: 90%;
  margin: 0.5em auto 1em auto; }

a {
  color: inherit;
  text-decoration: none; }

.userContent a:hover {
  text-decoration: underline; }

a.block:hover, nav a:hover {
  text-decoration: none; }

button, .button {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  cursor: pointer;
  background: none; }

img {
  max-width: 100%;
  max-height: 100%; }

header {
  padding: 0 0 2em 0; }

h1, h2, h3, h4, h5 {
  line-height: 1em;
  padding: 0.2em 0 0.2em 0; }

h1, h2, h3, h4 {
  text-transform: uppercase; }

h1 {
  font-size: 6em; }

h2 {
  font-size: 4em; }

h3 {
  font-size: 3em; }

h4 {
  font-size: 1.8em; }

h5 {
  font-size: 1.1em; }

/*Specific rules for text writen by final users */
.userContent h1 {
  font-size: 2em; }

.userContent h2 {
  font-size: 1.9em; }

nav {
  padding: 0em;
  text-transform: uppercase; }

hr {
  height: 0;
  margin: 0.5em 0 0.5em 0;
  padding: 0;
  border-style: solid;
  border-width: 2px 0 0 0;
  border-color: black; }

table {
  margin: auto;
  table-layout: fixed; }

table, td, tr {
  padding: 0;
  margin: 0;
  word-wrap: break-word;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #D0D0D0;
  border-collapse: collapse; }

th {
  white-space: nowrap;
  text-transform: uppercase; }

p {
  /*line-height: 1.2;*/
  margin-bottom: 1em; }

p a {
  text-decoration: underline; }

em {
  font-weight: bold; }

strong {
  text-transform: uppercase; }

blockquote {
  padding: 1em;
  font-style: italic; }

dt, dd {
  letter-spacing: 1px;
  line-height: 150%; }

dt {
  float: left;
  margin-right: 0.3em; }

dt:after {
  content: ":"; }

dl.metadata dt {
  clear: none;
  margin: 0; }

dl.metadata dd {
  margin-right: 4px; }

button {
  display: inline-block; }

button {
  text-transform: uppercase; }

ul, ol, dl {
  margin: 0;
  padding: 0 0 0 2em; }

nav ul, ul.inline, ul.custom, ul.custom li {
  list-style: none;
  margin: 0;
  padding: 0; }

nav ul li, ul.inline li {
  display: inline; }

ul.list {
  list-style-type: square;
  /*Not working but why?*/
  list-style-position: inside; }

ul.list > li {
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid #ccc; }

/******************/
/*USEFULL CLASSES */
/******************/
ul.distributed {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  border-collapse: collapse; }

ul.distributed li {
  display: table-cell;
  text-align: center; }

ul.distributed.by2 li {
  width: 50%; }

ul.distributed.by3 li {
  width: 33%; }

ul.distributed.by4 li {
  width: 25%; }

ul.distributed.by5 li {
  width: 20%; }

ul.distributed.by6 li {
  width: 16.6666%; }

ul.distributed.by7 li {
  width: 14.285%; }

a.active, button.active {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid; }

.active * {
  font-weight: inherit; }

.todo:hover, .todo *:hover {
  text-decoration: line-through;
  color: red !important; }

.focusFade {
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: ease; }

.extra-margin {
  margin-bottom: 16px; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.block {
  display: block; }

.inBlock {
  display: inline-block; }

.right {
  float: right;
  margin-left: 1em; }

.left {
  float: left;
  margin-right: 1em; }

.userContent .right, .userContent .left {
  margin-bottom: 1.5em; }

img.right, img.left {
  max-width: 50%; }

.smooth {
  opacity: 0.5; }

.hidden {
  display: none; }

.invisible {
  visibility: hidden; }

.padded {
  padding: 1.5em; }

.marged {
  margin: 1.5em 0 1.5em 0; }

.small {
  font-size: 80%; }

.big {
  font-size: 150%; }

.huge {
  font-size: 200%; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.nowrap {
  white-space: nowrap; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.loading {
  -webkit-animation: loading 1s infinite linear;
  -moz-animation: loading 1s infinite linear;
  -o-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear; }

@-webkit-keyframes loading {
  0% {
    opacity: 1 !important; }
  50% {
    opacity: 0 !important; }
  100% {
    opacity: 1 !important; } }
@-moz-keyframes loading {
  0% {
    opacity: 1 !important; }
  50% {
    opacity: 0 !important; }
  100% {
    opacity: 1 !important; } }
@-o-keyframes loading {
  0% {
    opacity: 1 !important; }
  50% {
    opacity: 0 !important; }
  100% {
    opacity: 1 !important; } }
@keyframes loading {
  0% {
    opacity: 1 !important; }
  50% {
    opacity: 0 !important; }
  100% {
    opacity: 1 !important; } }
.spinning {
  position: relative;
  /*
  -webkit-animation: rotation 10s infinite linear;
  -moz-animation: rotation 10s infinite linear;
  -o-animation: rotation 10s infinite linear;
  animation: rotation 10s infinite linear;
  */ }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg); }
  to {
    -o-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
.vertical {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.columns {
  column-gap: 0;
  -webkit-column-gap: 0;
  -moz-column-gap: 0; }

.columns.padded {
  column-gap: 2em;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em; }

.columns li {
  display: inline-block;
  width: 100%;
  column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  break-inside: avoid-column;
  -webkit-break-inside: avoid-column;
  -moz-break-inside: avoid-column; }

@media only screen and (min-width: 600px) {
  .columns {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2; } }
.columns.by3 {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3; }

/* And the rest is Eric & Seb, AGPLv3*/
label, select, input, button, textarea {
  font-size: inherit; }

label {
  margin-right: 1em;
  height: 1.2em;
  display: inline-block;
  text-transform: uppercase; }

select {
  height: 1.2em;
  -webkit-appearance: none;
  -moz-appearance: window; }

select[multiple],
select[size] {
  height: auto;
  background-image: inherit; }

input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: window; }

select, select option {
  height: 1.2em;
  text-transform: none; }

input, select {
  height: 1.2em;
  background: #fff;
  border: 1px inset #aaa; }

input[type=text], textarea {
  width: 100%;
  max-width: 10em;
  display: inline-block;
  border: 2px solid black;
  border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em; }

input[type=submit] {
  text-align: left;
  border: none; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before, .cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

/* icons */
@font-face {
  font-family: 'FontAwesome';
  src: url("../font-awesome/font/fontawesome-webfont.eot?v=3.2.1");
  src: url("../font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../font-awesome/font/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../font-awesome/font/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* reglo symbols variants */
[class^="icon-"].resymbol,
[class*=" icon-"].resymbol {
  font-family: Symbols; }

/* specific icon classes */
.icon-archive:before {
  content: "\f187"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-check:before {
  content: "\f046"; }

.icon-check-empty:before {
  content: "\f096"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-comments:before {
  content: "\f086"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-download:before {
  content: "\f01a"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-file:before {
  content: "\f15b"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-home:before {
  content: "\f015"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-play:before {
  content: "\f04b"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-plus-sign:before {
  content: "\f055"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-search:before {
  content: "\f002"; }

.icon-share:before {
  content: "\f045"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-trash:before {
  content: "\f014"; }

.icon-volume-up:before {
  content: "\f028"; }

/* COLORS */
/****************************************************/
/* FONTS */
.resymbol:hover, .control:hover {
  opacity: 0.5; }

.date, .dateBloc {
  text-transform: uppercase; }

.inline .date, .resume .date {
  text-align: center; }

.dateBloc {
  width: 4em;
  text-align: center; }

.dateBloc {
  display: inline-block; }

.dateBloc * {
  line-height: 100%; }

.dateBloc .day {
  font-size: 1.8em; }

.dateBloc .number {
  font-size: 1.8em; }

.dateBloc .month {
  font-size: 0.8em; }

.dateBloc .time {
  font-size: 1.2em;
  margin: 0.2em 0; }

.dateBloc.small {
  font-size: 80%; }

.date.smooth {
  text-transform: none;
  font-size: 100%; }

.tabs .ui-tabs-nav {
  text-transform: uppercase; }

.legend {
  font-size: 1.2em;
  border-bottom: 3px solid black;
  padding: 0.2em 0 0.2em 0;
  margin: 0.2em 0 0.2em 0; }

#Main .sectionLabel {
  margin-bottom: 1em; }

.sectionLabel, .label {
  text-transform: uppercase;
  font-size: 1.3em; }

.rightPart .right.sectionLabel {
  text-transform: none;
  border-bottom: 1px solid black;
  padding-bottom: 3px; }

h5.focus-title {
  color: #E41C6A; }

.rightPart #search-form {
  text-align: right;
  margin-bottom: 2em; }

.label.relative {
  background-color: black;
  position: absolute;
  left: 10px;
  top: -5px;
  color: white;
  padding: 5px 7px 0px 7px; }

#RefreshWhatsOnAir {
  opacity: 0.2; }

#RefreshWhatsOnAir.spinning {
  opacity: 0.8; }

/****************************************************/
/* WRAPPER */
/****************************************************/
.wrapper {
  max-width: 1560px;
  padding: 0 1%; }

.wrapper.text {
  max-width: 780px;
  margin: auto; }

.wrapper .rightPart {
  margin-top: 1em; }

@media screen and (min-width: 1000px) {
  #player-container.fixed {
    position: fixed;
    top: 50px;
    width: calc(0% + 235px); }

  .wrapper .rightPart {
    margin-top: 0; }

  .wrapper.sided .leftPart,
  .wrapper.sided .rightPart {
    width: 45%; }

  .wrapper.navigation .leftPart {
    width: 60%; }

  .wrapper.navigation .rightPart {
    width: 35%; }

  .wrapper .leftPart {
    float: left; }

  .wrapper .rightPart {
    float: right; }

  #specialHome {
    padding-left: 0; }

    /*
	#specialHome .leftPart,
	#specialHome .rightPart {
		width: 100%;
	}
    */
  p.intro {
    padding-top: 0px;
    padding-bottom: 40px; } }
button.control, button.symbol {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0; }

nav.menu {
  width: 100%;
  text-align: justify;
  text-justify: distribute-all-lines; }

nav.menu li {
  display: inline-block;
  margin-right: 2em; }

button.tag, a.tag {
  font-size: 0.9em;
  background: white;
  text-transform: uppercase;
  display: inline-block;
  border: 1px solid #CCC !important;
  color: #342E2E;
  margin: 0.2em;
  padding: 0.3em;
  border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em; }

button.check, a.check {
  font-size: 0.9em;
  text-transform: none;
  display: inline-block;
  margin: 0.2em;
  padding: 0.3em; }

.category {
  text-transform: uppercase; }

button.check:before, a.check:before {
  display: inline-block;
  width: 1.5em; }

.box {
  padding: 0.2em 0.5em 0.2em 0.5em;
  border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  background: #222;
  color: #fff; }

.ui-tooltip {
  border: 1px solid white;
  position: absolute;
  margin: 0;
  padding: 0.5em;
  background: #222;
  color: white;
  z-index: 9999;
  max-width: 50%;
  background: white;
  color: #222;
  border-color: #222; }

/****************************************************/
/**** BODY ****/
/****************************************************/
body {
  background: #312B81;
  color: white; }

/****************************************************/
/**** metaNAV ****/
/****************************************************/
#metaNav {
  color: #e8e8e8;
  background-color: #3a3a3a;
  position: fixed;
  z-index: 1000;
  top: 0px;
  width: 100%;
  font-size: 90%; }

#metaNav ul li {
  float: left;
  padding: 0 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

#metaNav ul li#nav-search {
  float: right; }

#metaNav ul li a {
  height: 2em;
  display: block; }

#metaNav ul li#nav-language span {
  cursor: pointer;
  padding: 0.4em 0 0.5em 0;
  display: inline-block; }

#metaNav ul li#nav-language span.lang-on {
  color: white; }

#metaNav ul li a span {
  padding: 0.4em 0 0.5em 0;
  display: inline-block; }

#metaNav a:focus, #metaNav a:hover {
  opacity: 0.8; }

#metaNav ul li.active, #metaNav ul li.active a {
  color: white; }

#metaNav li#nav-search a {
  display: inline; }

#metaNav form {
  display: inline-block;
  padding-top: 0.2em; }

#metaNav input {
  border: 1px solid #ececec;
  width: 10em; }

.icon-rss {
  color: orange; }

@media screen and (max-width: 1000px) {
  #bg-title {
    display: none; }

  #metaNav .iconLabel {
    display: none; }

  #metaNav ul li a span.nav-icon {
    display: inline-block; }

  #metaNav ul li {
    padding: 0; }

  #metaNav ul li a {
    padding: 0 1em; }

  #metaNav form {
    display: none; }

  #metaNav ul li#nav-language {
    padding: 0.2em 0 0 1em; } }
/****************************************************/
/**** Commons ****/
/****************************************************/
.audio button, .audio a {
  color: #312B81; }

/****************************************************/
/**** HEADER ****/
/****************************************************/
/* PANIK LOGO */
#Commons {
  position: relative;
  z-index: 5;
  height: 125px; }

#mainHeader {
  padding-bottom: 1em;
  display: inline-block;
  height: 100px; }

#Player {
  display: inline-block;
  min-width: 350px; }

#mainHeader * {
  color: black !important;
  line-height: 1em; }

#Panik img {
  display: block;
  margin: auto;
  max-height: 200px; }

#mainHeader h1 {
  padding-left: 75px; }

#player-container #player {
  padding: 0 0 0 0;
  min-width: 240px; }

#Changing h1.top a:hover {
  opacity: 1.0; }

@media screen and (max-width: 1000px) {
  #mainHeader {
    display: block; }

  #All h1.top {
    font-size: 60px;
    text-align: center; } }
#Changing {
  background: #E41C6A;
  margin-bottom: 22px; }

@media screen and (min-width: 1000px) {
  #Commons {
    box-sizing: border-box;
    padding: 0 20px; }

  #Changing {
    box-sizing: border-box;
    padding: 0; }

  #All h1.top {
    text-transform: uppercase;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }

  #metaNav {
    padding-top: 2px; }

  #metaNav .nav-icon {
    display: none !important; }

  ul#ticker {
    margin-bottom: 10px; }

  #News div.mainSub,
  #About div.mainSub,
  #Emissions div.mainSub {
    position: absolute;
    top: 50px;
    left: 320px;
    width: 60%;
    width: calc(98% - 320px); }

  #News div.mainSub ul,
  #About div.mainSub ul,
  #Emissions div.mainSub ul {
    padding: 0;
    font-weight: normal; }

  #News .news.wrapper {
    padding: 0; }

  #News .news.wrapper li a {
    margin-left: 0;
    padding-left: 0; }

  #Nav header.marged,
  #Main > .marged {
    margin: 0; }

  #Related .wrapper,
  #Main > .wrapper,
  #Main > .soundfiles > .wrapper,
  #Main > .news > .wrapper,
  #Nav > .wrapper {
    padding-left: 0; }

  #All #Nav nav ul {
    margin-top: 0; }

  #Related .padded,
  div.program.padded {
    padding-top: 0;
    padding-left: 0; }

  div.program.padded {
    padding-top: 1.5em; }

  #fiber-content h2.title {
    margin-top: 0;
    padding-top: 0; } }
#backgroundBox {
  background: transparent url(../img/logo-esperanzah.png) 7px 35px no-repeat; }

#All #backgroundBox h1.top {
  font-size: 20px;
  padding-left: 10px;
  width: 350px; }

#backgroundBox h1 {
  color: #312B81 !important; }

#All h1.top#radiopanik {
  padding-top: 36px;
  background: pink; }

#All #backgroundBox h1 {
  visibility: hidden; }

#specialHome div.rightPart h1,
div.focus {
  color: #E41C6A; }

h1.top#frequence {
  color: #312B81; }

/****************************************************/
/****  SCREEN NAV ****/
#Nav nav {
  padding: 0.1em; }

#Nav input {
  color: #333; }

#Nav ul li button,
#Nav ul li a {
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: transparent; }

#Nav .current,
#Nav .active, #Nav .icon-check, #Nav .active * {
  font-weight: normal; }

#Nav .selected a,
#Nav ul li.current a, #Nav ul a.active, #Nav button.active {
  border-color: #333; }

#Nav nav {
  margin: 0; }

#specialHome h2,
#Nav h2 {
  margin: 0;
  padding: 0; }

#Nav nav ul {
  margin: 1em 0 1em 0; }

#Nav li {
  padding-right: 1em; }

#Nav li a {
  display: inline-block; }

#Nav nav ul.distributed li {
  padding: 0; }

#fiber-nav {
  font-size: 150%;
  border-width: 0 0 2px 0;
  border-style: solid; }

#fiber-nav li, #fiber-nav li a {
  display: block; }

#fiber-nav ul {
  padding: 0.5em; }

#fiber-nav li a {
  padding: 0.5em; }

#fiber-nav .selected > a,
#fiber-nav .current {
  font-weight: bold; }

/****************************************************/
/**** PLAYER ****/
/****************************************************/
/*#Home #player{   float: left; } */
#player-container .metas, #player-container img {
  border-color: #fff; }

#player-container .padded {
  padding: 0.3em; }

#player-container .metas {
  float: right; }

#DirectStreamPanikControler div.label {
  margin-top: -10px; }
  @media screen and (max-width: 1000px) {
    #DirectStreamPanikControler div.label {
      margin-top: 0; } }

#chatSymbol,
#streamSymbol {
  font-size: 3em;
  float: left;
  margin-right: 15px;
  position: relative;
  z-index: 10;
  top: -6px; }

#CurrentlyPlaying {
  padding: 0 0 0 0; }
  @media screen and (max-width: 1000px) {
    #CurrentlyPlaying {
      margin-top: -5px; } }

#Player {
  padding-top: 36px;
  padding-left: 8px; }

#Player.withPlaylist #audioPlayer {
  display: none; }

#player-container #myPlaylist a {
  white-space: normal; }

#player-container.minimized {
  width: auto;
  border-width: 0px 2px 2px 0 !important;
  border-bottom-right-radius: 1em;
  -moz-border-bottom-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em; }

#player-container.minimized #player {
  padding: 0; }

/*Playlist*/
#Playlist {
  padding-top: 2px; }

#Playlist #playlistLabel {
  float: right; }

#Playlist .playListControls button {
  margin-right: 0.5em;
  display: inline-block; }

#Playlist .playListControls .playPause {
  font-size: 3em;
  margin-right: 5px;
  float: left;
  position: relative;
  top: -8px; }
  @media screen and (max-width: 1000px) {
    #Playlist .playListControls .playPause {
      top: -2px; } }

#Playlist .playing .icon-pause {
  -webkit-animation: loading 1s infinite linear;
  -moz-animation: loading 1s infinite linear;
  -o-animation: loading 1s infinite linear;
  animation: loading 1s infinite linear; }

#Playlist .playlistControls button, #Playlist .playlistControls .button {
  margin: 0 0.1em 0 0.1em; }

#Playlist li {
  clear: right; }

#player-container #Playlist ol li {
  line-height: 1.3em;
  padding: 0;
  margin: 0; }

#Playlist ol li .soundControls {
  margin-left: 1ex;
  position: relative;
  top: -0.5ex;
  visibility: hidden; }

#Playlist ol li.active .soundControls {
  visibility: visible; }

#Playlist ol li .title {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

@media screen and (max-width: 1000px) {
  #backgroundBox {
    background-position: center 30px; }

  #Player {
    margin-top: 1em; }

  #Player.withPlaylist #player-container #audioPlayer,
  #Player.withPlaylist #player-container #audioPlayer,
  #Player.withPlaylist #player-container #Playlist {
    float: none !important;
    width: auto !important;
    border-right: none !important;
    max-width: auto !important; }

  #player.on-chat-page {
    display: none; }

  div.chat-page .rightPart {
    font-size: 95%;
    margin-top: 4em;
    padding-top: 1em;
    border-top: 1px solid #777; } }
/****************************************************/
/**** #Changing #Footer ... ****/
/****************************************************/
#Changing {
  display: flex;
  flex-direction: column;
  min-height: 84vh; }

#Main {
  flex-grow: 1;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 1000px) {
    #Main {
      z-index: 1; } }

#Main > .wrapper {
  padding-bottom: 2em; }

#Home #Main {
  min-height: 0; }

#Changing a:hover, #Changing button:hover {
  text-decoration: none; }

/* GLOBAL SITE NAV */
#userLog {
  z-index: 2000;
  position: fixed;
  bottom: 0px;
  right: 0px; }

#userLog .log {
  margin: 0.3em;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  text-align: center;
  padding: 0.3em;
  font-size: 0.9em;
  color: black;
  background-color: #312B81;
  border: 2px solid black;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.04) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.04) 50%, rgba(0, 0, 0, 0.04) 75%, transparent 75%, transparent); }

#userLog .log.info {
  background-color: grey;
  color: white; }

#userLog .log.ok {
  background-color: green;
  border-color: black;
  color: white; }

#userLog .log.error {
  background-color: #312B81;
  border-color: yellow; }

#mainLegend {
  width: 30%;
  text-align: right;
  float: right;
  padding: 1em; }

#Footer {
  background: #312B81 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABKCAYAAABHGF9AAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAQPSURBVGhD7ZpdaNZVHMeXNt1Gc3PmAhMD80KaSrBKcjfT9G5KBMMS0wIFAwOV8uXKNVoNsaYXCuGNisMXkDa1FwVF6ULFShQjkcx3ovWOWRbZ+nz/fP/zbD7P9mh7vNDzwJdzfuec3+97Xv9v36eg88eCTnAdnATrQS14oKCffsSqBIvAp+A78RW44G3SD8Ev7sRx0sn/hxf/IeA98KdjfkG6DiztFpeCwWAWOOOGq0gH3i45PtXgHPgHfAAe70lUReHDYaHJ3zdxK+mAXIlpOwn8ZtLqDHFHa3q1psI3oAGUpQ3JL3bdO7mQ0nYU+Al8BYYHcZ7D/gj8pXgirQMLgNZU09EBpgUOa0xc0xcx7Q6An8FjaktaArbZ/1vSJjCz51SPo/AE+BtMtWMR+bPgSG+k1E938Ln2K8TeD26AZaCwyx/jZfB0MLJSE/9AWu4Acx3w2WzEJviaNFl/0pX2eSmIXUHZC+GaHqKg0g5jyWuqG4PRanO0ZCKlfDj4F7zp9sPI/w42BoSvYV9TR0Q6ArwKFPQwSC4MpNvBucCpHfvzLKTPe1Tj7DvP9hjbM2y3kU4Ip7neFckmIj/H9kjbjdhXs5BqzbQPHnTbTeRPBx0+in0MdD/zKrDjMjvqvOkoTbStS1lnFtJm6joCkn3YnwS2OrQi436g4lfQYJInTVqbA6mO1fmA5CB2W2Cr84siaZze9L6bbffGjZScEh+9eGTiFSnZDL1d8OORiUfm5q01l5s4bUp73owpy+9GgqA8kubtGSlOb14fQe+L6dVbl57U7+o5fSWS5vPaG6dXz095u7XF6Y3T2y8fOuJGihspbqTuLwh9vMvEI3PvHJkp/uqVtzWVetRkkjF+5Ky3LSlFz72PZHg/lXB3JXhr+xJ7S65ftiXsbTCJxD7JHm/YHm/ShSEpZcVAYlG72w0gr84325aUqc4mItEtPyr2gC6lSXlwMOixZBJJk6+DR8FEkKpMk0xSY5I629NsZxaSqJTUIREoEeccXL1MdDbSMrDLQVJhUF/DkyVwm4+xJc4W215NXiLQoGwjHe2AibCqhp6682lHgqmeTZn0tSEB4RL7L3A7Tf33oDUjYeAolUjK4lA7SoCVhCUR9pksy6Lg0mY0+h0gVbGWuyyjX1csGklnk84p2St1for8BQfYS7rQo3yRVNN32XXS1JNpJNXG0/pv7XWUwWiTj4/qfVCm0SwFp1yXrqnWaydIlCoTapkuuqMVOZHaca2DbyR9KHTEliT5BJAy3G2DYNcCbSRJoVU5EwY91ppIdFWv54OSbEFEADa7o5qNRFG8ox/OWs/PHOwqqbTtd4GWQJ2Sup9OuTbcW6Dojsh6OmnNQAvQ/xX+cCe0rpfAbiBdPdnxff3+A4PLU+r/w8xdAAAAAElFTkSuQmCC") 0 20px repeat-x;
  padding-top: 120px;
  padding-bottom: 0px;
  position: relative;
  z-index: 3; }
  #Footer p {
    margin: 0 1em 1em 0;
    text-align: center; }
  @media screen and (max-width: 1000px) {
    #Footer {
      padding-bottom: 30px; } }

/****************************************************/
.inline .link {
  display: block;
  padding: 1em; }

/**** Liste   ****/
/**** EMISSIONS ****/
/*
*/
#Emission-tabs-menu .sub {
  margin-bottom: 1em; }

/**** Detail	****/
.emission-detail .metas {
  line-height: 1.5em;
  float: left;
  width: 49%;
  margin-top: 0; }

.emission-detail h4.subtitle {
  margin-top: 1em;
  font-weight: normal;
  text-transform: none;
  float: left; }

.emission-detail ul.schedule {
  margin-top: 0;
  margin-bottom: 1em; }

.emission-detail ul.schedule .weekdiff {
  font-size: 80%; }

.emission-detail article {
  clear: both; }

.emission-detail .logo {
  float: right;
  width: 50%;
  margin-bottom: 1ex; }

.emission .mainHeader {
  overflow: hidden;
  margin-bottom: 1.5em; }

.emission .contacts {
  clear: both; }

/**** Inline	****/
.emission.inline, .emission.resume {
  padding: 1em 0 1em 0; }

.emission.inline div.date {
  min-height: 3em;
  text-align: center;
  display: inline-block;
  float: left;
  margin-right: 1em; }

.emission .archived {
  opacity: 0.6; }

.emission .link .description {
  margin: 0px 0 5px 0; }

/**** EPISODE ****/
/**** Detail  ****/
.episode.resume, .episode.inline {
  padding: 1em 0.5em 1em; }

.episode.inline .dateBloc, .episode.resume .dateBloc {
  float: left; }

.episode.resume img {
  border: 2px solid black; }

.episode.resume .title {
  margin-bottom: 0.5em; }

.episode.resume .logo {
  float: right; }

.topik.inline .logo,
.episode.inline .logo {
  min-height: 50px;
  float: left;
  margin-right: 1em; }

.episode.resume .sound {
  float: right;
  margin: 0 0 0.5em 0.5em; }

.episode.inline .sound.right {
  text-align: center;
  font-size: 70%;
  position: relative;
  z-index: 10; }

.episode.inline .sound.right button {
  font-size: 1.5em;
  display: inline;
  text-align: center;
  padding-bottom: 0.05em; }

.episode.resume .sound.right .icon-download {
  text-align: center; }

.episode.resume .sound.right .icon-download {
  display: block; }

.big.icon-pause,
.big.icon-stop,
.big.icon-share {
  display: inline-block;
  vertical-align: middle; }

.episode.detail .logo.right {
  max-width: 50%; }

.episode.resume .content {
  padding-left: 5em; }

.episode.resume .logo {
  margin: 0 0 1em;
  max-width: 20%; }

.episode.inline .date {
  font-size: 80%; }

#Emission-tabs-menu .emissions-newsitems {
  margin-bottom: 2em; }

#Emission-tabs-menu .emissions-newsitems ul.list li {
  border: 0; }

#Emission-tabs-menu .futur-episodes h5,
#Emission-tabs-menu .recent-episodes h5 {
  font-size: 1.2em; }

#Emission-tabs-menu #search-form {
  margin-bottom: 1em; }

div.extra-soundfiles h3 {
  margin-top: 1em;
  font-size: 2.5em; }

div.extra-soundfiles ul li {
  position: relative; }

div.extra-soundfiles ul li div.audio {
  display: inline;
  top: 5px;
  right: 0;
  position: absolute;
  font-size: 60%; }

div.extra-soundfiles ul strong {
  padding-right: 3em; }

/****************************************************/
/**** News ****/
#newsRoll {
  max-width: 500px; }

#newsRoll li {
  background: white; }

.newsRoll .title {
  background: black;
  color: white;
  bottom: 0px;
  opacity: 0.9;
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0; }

.newsRoll .title div {
  padding: 1em; }

.newsRoll a, .newsRoll button img {
  border: 3px solid #E41C6A; }

.newsRoll .by3 button {
  width: 100%; }

.soundfiles .special a,
.news .special a {
  position: relative; }

.special .labels .item,
.newsRoll .labels .item {
  display: block;
  background: #E41C6A;
  color: white;
  margin: 0.1em;
  font-size: 0.9em;
  padding: 0.3em; }

.newsList .current a {
  opacity: 0.5; }

/****************************************************/
.soundfiles ul.custom li a,
.news ul.custom li a {
  max-width: 98%; }

.news li.item a {
  padding: 1em; }

.logo img {
  display: block;
  border-style: solid;
  border-width: 3px; }

ul.newsSpecial {
  border-bottom: 3px solid #ccc; }

/****************************************************/
/**** Home & ****/
/****************************************************/
#Home #Nav .wrapper {
  max-width: auto !important;
  width: auto !important; }

/****************************************************/
/**** PROGRAM ****/
/****************************************************/
.program.tabs nav ul li {
  display: table-cell;
  width: 14%;
  text-align: center; }

.program.tabs nav ul li.week-arrow {
  width: 1%;
  padding-bottom: 5px; }

.program ul .dateBloc {
  float: left;
  padding-top: 1em; }

.program ul .schedule {
  margin-left: 5em; }

.program .nonstop {
  text-align: left; }

.program-week .programDate {
  float: left;
  width: 3em; }

.program-week .programCell {
  margin-left: 3.5em; }

.program-week .nonStop .programDate {
  visibility: hidden; }

.program-week .nonStop .programCell {
  font-size: 0.9em;
  padding-left: 50%;
  text-align: right; }

.program-week a.nonstop {
  font-size: 0.9em;
  margin: 0.1em; }

.program-week .inline, .program-week .resume {
  padding: 0; }

.program-week .title {
  color: black;
  display: inline; }

.program-week .smooth {
  color: #666;
  opacity: 1.0;
  font-size: 80%;
  padding-bottom: 8px; }

.program-week .emission h5,
.program-week .smooth .title {
  color: #333;
  text-transform: uppercase; }

.program-week .description {
  color: black;
  font-size: 90%; }

.program-week .programCell:hover {
  opacity: 0.5; }

#Changing .program-week .programCell a {
  opacity: 1.0; }

#Changing .program-week .programCell .smooth a {
  opacity: 0.5; }

#Changing .program-week .programCell .smooth h5 a {
  opacity: 1.0; }

/****************************************************/
/**** SEARCH ****/
/****************************************************/
.search li.previous-page {
  margin-bottom: 2ex;
  text-align: left;
  margin-left: 0ex;
  font-style: italic; }

.search li.next-page {
  margin-top: 2ex;
  text-align: right;
  margin-right: 0;
  font-style: italic; }

.search-filters {
  text-align: justify; }

/****************************************************/
/**** GRILLE ****/
/****************************************************/
#grid th {
  color: #000; }

#grid .heure {
  height: 50px !important; }

#grid .heure.vertical {
  padding: 1.5em 0; }

#grid .day {
  padding: 1em 0 1em 0; }

#grid .item {
  padding: 0.5em 0.2em 0.5em 0.2em; }

#grid .cell hr {
  border: 1px dotted #ddd;
  margin: 0.3em; }

#grid .time-label {
  margin-top: 0.5em; }

#grid .highlighted, #grid .highlighted * {
  background: #333 !important;
  color: white !important; }

#grid .highlighted, #grid .highlighted * {
  background: #333 !important;
  color: white !important; }

#Emissions li.item.normal {
  display: none; }

#Emissions li.item.hightlighted {
  display: block !important; }

#gridNav span.category {
  text-transform: none; }

/**** Navigation for static pages ****/
#fiber-nav {
  font-size: 150%; }

#fiber-nav li, #fiber-nav li a {
  display: block; }

#fiber-nav ul {
  padding: 0.5em; }

#fiber-nav li a {
  padding: 0.5em; }

#fiber-content a {
  text-decoration: underline; }

#fiber-content ul.list a {
  text-decoration: none; }

#fiber-content a:hover {
  text-decoration: none; }

.intro,
.userContent,
#fiber-content,
.content,
.content h5 {
  line-height: 120%; }

.userContent strong,
#fiber-content strong {
  text-transform: none;
  font-style: normal; }

.userContent em,
#fiber-content em {
  font-family: inherit;
  font-style: italic; }

/**** SCREEN SIZE ADAPTATIONS ****/
html #main {
  font-size: 70%; }

body {
  font-size: 18px; }

@media (max-width: 300px) {
  body #All {
    font-size: 80%; } }
@media (min-width: 300px) and (max-width: 800px) {
  body #All {
    font-size: 85%; } }
@media (min-width: 800px) and (max-width: 1000px) {
  body #All {
    font-size: 90%; } }
@media (min-width: 1000px) {
  body #All {
    font-size: 100%; } }
#subscribe-form {
  position: relative;
  margin-bottom: 2em;
  padding-bottom: 2em; }

#Home #subscribe-form {
  margin-bottom: 0; }

#subscribe-form ul.errorlist {
  position: absolute;
  bottom: -2em;
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  color: #800; }

#subscribe-form input {
  width: 15em;
  max-width: none; }

#Nav div.search form {
  padding: 1em 0; }

div.episode.resume div.title {
  white-space: normal; }

#Home div.program.tabs {
  margin: 1em 0; }

nav#program li {
  display: block;
  margin: 0; }

#recent-emissions,
#recent-news,
#recent-sounds {
  margin-top: 2em; }

#recent-emissions h3,
#recent-news h3,
#recent-sounds h3 {
  font-size: 140%; }

#recent-emissions h3.sectionLabel {
  margin-bottom: 0; }

.episode.soundfile {
  padding: 0; }

.soundfile .smooth {
  color: #666;
  opacity: 1.0;
  font-size: 80%; }

.soundfile p.date {
  margin: 0; }

.frontpage.soundfile .audio {
  font-size: 80%;
  padding-top: 0.5ex;
  padding-bottom: 1ex; }

#panikdb {
  position: absolute;
  top: -20px;
  right: 0px;
  background: white;
  color: #888;
  padding: 5px 10px;
  border: 1px solid #888;
  border-width: 1px 1px 0 1px;
  -webkit-transform-origin: bottom right;
  -webkit-transform: rotate(270deg);
  -moz-transform-origin: bottom right;
  -moz-transform: rotate(270deg);
  transform-origin: bottom right;
  transform: rotate(270deg); }

img.logo.right {
  margin-bottom: 1em; }

.soundfile .special,
.newsitem .special {
  margin-bottom: 2em; }

.newsitem .special .smooth {
  padding-top: 5px; }

/* USER CONTENT */
div.userContent ul {
  margin: 1em 0; }

div.userContent h1,
div.userContent h2,
div.userContent h3,
div.userContent h4 {
  text-transform: none;
  font-weight: normal; }

div.userContent h1 {
  font-size: 2em; }

div.userContent h2 {
  font-size: 1.8em; }

div.userContent h3 {
  font-size: 1.5em; }

div.userContent h4 {
  font-size: 1.5em; }

div.userContent a {
  text-decoration: underline; }

div.userContent a.tag {
  text-decoration: none; }

@media screen and (max-width: 1000px) {
  #streamSymbol {
    top: 0; }

  #MainHeader {
    margin: 0 auto; }

  #All #backgroundBox h1.top {
    width: 94%; }

  #Player.withoutPlaylist #player-container #audioPlayer {
    margin: auto;
    width: 100%; }

  #player-container {
    width: 100%;
    left: 0;
    border-width: 2px 0 0 0;
    border-style: solid; }

  #player-container {
    background: #312B81; }

  #player-container * {
    color: white !important; }

  #player-container {
    z-index: 500;
    position: fixed;
    width: 100% !important;
    /*top:2em;*/
    bottom: 0em;
    border-bottom: none;
    height: 50px; } }
div.emission-logo {
  margin-left: 1em; }

div.extra-soundfiles {
  clear: both; }

h3.episode-subtitle {
  font-size: 2.5em; }

.waveform {
  display: none;
  position: relative; }

.waveform span {
  background: #312B81;
  background: linear-gradient(to top, #141235 0%, #312B81 40%);
  display: inline-block;
  width: 0.50%; }

.waveform span.done {
  background: linear-gradient(to top, #3A3A3A 0%, #858585 80%);
  background: linear-gradient(to top, #2a256e 0%, #b71655 100%); }

.waveform span.done.current + span {
  background: #FFEC00; }

.waveform i.duration {
  position: absolute;
  right: 4px;
  bottom: 4px;
  color: #FFEC00;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-style: normal;
  font-weight: bold; }

div.fragment-sound {
  position: relative; }

div.soundcell div.logo {
  vertical-align: top; }

div.extra-soundfiles div.fragment-sound {
  margin-top: 5px; }

div.extra-soundfiles div.fragment-name {
  font-style: italic;
  position: relative;
  top: 1ex;
  max-width: 70%; }

div.extra-soundfiles ul li div.fragment-sound div.audio {
  bottom: 0; }

#fiber-content div.extra-soundfiles strong {
  text-transform: uppercase; }

.nonstop-track-title, .nonstop-track-artist {
  font-size: 80%; }

.soundfile-info {
  padding-right: 75px; }

#fiber-content div.extra-soundfiles .soundfile-info strong {
  padding-right: 0; }

#fiber-content div.extra-soundfiles .soundfile-info a {
  text-decoration: none; }

#fiber-content div.extra-soundfiles {
  margin: 1em 0; }

div.extra-soundfiles div.logo {
  display: inline-block; }

div#fiber-content div.extra-soundfiles ul.list {
  display: inline-block;
  width: 88%;
  width: calc(100% - 72px); }

div.download-links {
  position: absolute;
  z-index: 1000;
  text-align: right; }

div.hidden-download-links {
  display: none !important; }

div.episode-detail div.sound div.download-links {
  display: inline-block;
  padding-top: 1ex;
  padding-left: 1ex; }

div.extra-soundfiles div.download-links {
  background: white; }

h1.top a.dimmed {
  opacity: 0.7; }

div#agenda div.content-inline {
  margin-bottom: 1em; }

div.previous-and-next-months {
  margin-top: 1em; }

div.publication-date.date.smooth {
  font-size: 80%; }

#All h1.top.fullwidth {
  width: 150%; }

div.gallery > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  div.gallery > div > span {
    display: block;
    width: 25%;
    height: 25vw;
    position: relative; }
    @media screen and (max-width: 450px) {
      div.gallery > div > span {
        width: 50%;
        height: 50vw; } }
    div.gallery > div > span img {
      width: 100%;
      height: 100%;
      cursor: pointer; }
    div.gallery > div > span span.title {
      position: absolute;
      top: 0;
      left: 10px;
      background: #E41C6A;
      color: white;
      padding: 0.5ex 1ex;
      border-bottom: 3px solid #FFEC00; }

div.gallery img {
  background: white; }

div#dialog-background,
div.gallery div.first {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  text-align: center; }

div.gallery div.first img {
  padding: 5px;
  padding-bottom: 25px;
  margin-top: -300px;
  margin-left: -500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.5s ease;
  transform-origin: bottom left; }

div.portrait div.gallery div.first img {
  margin-top: -320px;
  margin-left: -240px; }

div.gallery span.gallery-legend {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: 304px;
  left: 0%;
  width: 100%;
  color: #000;
  z-index: 1000; }

div.portrait div.gallery span.gallery-legend {
  margin-top: 330px; }

@media screen and (max-width: 1000px) {
  div.portrait div.gallery div.first img,
  div.gallery div.first img {
    max-width: 80vw;
    margin: 0;
    max-height: 80vh;
    left: 10vw;
    top: 10vh;
    display: inline-block; } }
ul.tags {
  padding-top: 1em;
  clear: both; }

div.topik.inline {
  clear: both;
  margin-top: 1em; }

#fiber-content div.topikcell a {
  text-decoration: none;
  height: 500px; }

#fiber-content div.topikcell .topik-large a {
  height: auto; }

div.topikcellcontent h5 {
  padding-top: 1ex; }

div.topikcellcontent.topik-large a {
  width: 100%;
  float: none;
  display: inline-block;
  text-align: left; }

div.topikcellcontent.topik-large img {
  float: left;
  margin-right: 1em; }

div.topikcellcontent a {
  margin-bottom: 2em;
  display: inline-block;
  text-align: left;
  width: 50%;
  box-sizing: border-box;
  padding-right: 2em;
  float: left; }

div.topikcellcontent h2 {
  font-size: 3.5em; }

.program-week img.smooth {
  padding-bottom: 0; }

div#dialog-background {
  display: flex; }

div#dialog-embed {
  position: relative;
  background: white;
  width: 50%;
  margin: auto;
  text-align: left;
  padding: 1ex;
  color: black; }

div#dialog-embed textarea {
  width: 100%;
  max-width: none; }

div#dialog-embed #close-button {
  position: absolute;
  right: 1ex; }

body#embed {
  min-height: auto !important;
  margin: 0;
  background: white; }
  body#embed div.soundfile-info {
    height: 36px; }

body#embed #Main {
  background: transparent; }

body#embed #Commons,
body#embed #metaNav,
body#embed #Footer,
body#embed #userLog,
body#embed #panikdb,
body#embed #Player {
  display: none; }

body#embed #Changing {
  float: none;
  width: auto; }

body#embed #Main > .wrapper {
  padding: 0; }

body#embed .logo {
  padding: 0; }
  body#embed .logo img {
    border: 0; }

body#embed ul.custom {
  display: inline-block;
  width: calc(100% - 110px); }

body#embed ul.custom .soundfile-info {
  padding: 0; }

body#embed span.fragment-title {
  font-weight: normal; }

table.playlist {
  width: 90%; }

table.playlist td {
  padding: 0.5ex;
  text-align: left; }

table.playlist td.tracktime {
  width: 6ex;
  text-align: center; }

p.playlist-disclaimer {
  margin-top: 2em;
  max-width: 60ex;
  font-style: italic; }

#main-topiks #fiber-nav li ul {
  padding-top: 0;
  padding-left: 2em; }

#main-topiks #fiber-nav li ul li {
  padding-left: 0;
  font-size: 80%; }

#main-topiks #fiber-nav li ul li a {
  padding-left: 0; }

div.commands {
  display: flex;
  width: 90vw; }

@media screen and (min-width: 1000px) {
  div.commands {
    width: calc(90vw - 240px); } }
input#msg {
  flex-grow: 1; }

div.chat-area {
  max-width: 60em; }

#chat {
  margin-top: 1ex; }

#chat div.msg {
  position: relative;
  margin-bottom: 1ex;
  transition: opacity 1s ease; }

#chat div.msg.new {
  opacity: 0; }

#chat div.msg.msg-out span.content {
  font-size: 90%;
  color: #444; }

#chat span.from {
  display: inline-block;
  width: 10rem;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #888;
  position: absolute; }

#chat span.content {
  display: inline-block;
  padding-left: 11rem; }

#chat div.msg.info span.content {
  padding-left: 1rem;
  font-style: italic;
  color: #666; }

@media screen and (max-width: 1000px) {
  #chat span.from {
    display: block;
    position: static;
    width: auto; }

  #chat span.content {
    display: block;
    padding-left: 2rem; } }
h1.top > span.chat.with-logo {
  position: relative;
  left: 140px;
  display: inline-block;
  max-width: calc(100% - 140px); }

div.top-logo {
  position: absolute;
  top: 30px; }

div.top-logo img {
  border: 2px solid black; }

@media screen and (max-width: 1000px) {
  div.top-logo {
    display: none; }

  h1.top > span.chat.with-logo {
    position: static;
    max-width: none; }

  div.topikcellcontent a {
    width: auto; }

  #fiber-content div.topikcell a {
    height: auto; } }
div#CurrentlyChatting {
  cursor: pointer;
  margin-top: 1em; }

div.description-emission-chat {
  margin-bottom: 2em; }

div.chatPart h3 {
  padding-top: 0; }

div#chat.moderation .msg-in span.from {
  cursor: pointer; }

div#chat.moderation .msg-in span.from:hover::after {
  padding-left: 1ex;
  font-family: FontAwesome;
  content: "\f056";
  font-size: 80%; }

div.programCell a.playlist {
  font-size: 80%; }

#bg-title {
  display: none;
  color: #564ec4;
  text-transform: uppercase;
  line-height: 100%;
  font-size: 250px;
  font-size: 25vh;
  position: absolute;
  left: -260px;
  top: 48vh;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

a:hover div.emission-tile img {
  display: none; }

div.emission-tile {
  background: #312B81;
  position: relative;
  box-sizing: border-box;
  width: 25%;
  height: 25vw;
  float: left; }
  @media screen and (max-width: 1000px) {
    div.emission-tile {
      width: 50%;
      height: 50vw; } }
  div.emission-tile div.image {
    border: none;
    height: 100%;
    width: 100%; }
    div.emission-tile div.image img {
      width: 100%;
      height: 100%; }
  div.emission-tile div.name {
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    text-align: center;
    width: 100%; }
    div.emission-tile div.name span {
      background: #312B81;
      padding: 5px 20px; }

#www-esperanzah {
  position: absolute;
  top: 0;
  right: 100px;
  background: #FFEC00;
  color: black;
  padding: 2px 10px; }

#instagram,
#twitter,
#facebook {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  height: 35px;
  width: 35px;
  background: #FFEC00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPpwAAD6cB8i4qCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACaSURBVCiR7dAxDgFhEMXx38oWLuAG4hhKiQOIVuUCatdwBGdQShROwbai0FBpVqHw7Vgrq/aSKd43//nyZnhXhhn2uOGOCw41rBXKD1XRsAEs8wBPgz9hjXNdhE34bZQ2OwHuBl80wVGVpXJMEt8L8NgzN1yzON2g3bcYqY5t4CLDPHlYYJD4pdeNd3F6q3rnftpsE+MP/w4/AAv6KJJshuIlAAAAAElFTkSuQmCC") center center no-repeat;
  z-index: 100; }

#twitter {
  top: 45px;
  background: #FFEC00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAATrAAAE6wBzl+vrgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFtSURBVDiNrdVNSBVhFMbxn0KFXwShG9FCEnethRYpSBt1k61dCEHLcBndpaBCi/bua9NaEAVBWwqii+ImEkTgF4gRRH7kbTEzMA135r7D9cBh3pl5zvmfMwPnEFmL8vYIH3CEc3xBBR0pzRP0JDcVjJcATOEPanV8FwvxdS0dtIPfeBYAGIi19QBp38JwuviT+MVfzON2AeRtAKCGXzjGwyRwOyOo4jla60A2AiFVDKYDKznCfczhMdpi7adAyKtsdR343CDoAt9xFgiZTpInn+MjlkU/NM9uoR93CzRpO8g+2Aysroz3ZSFPbxiwm9feuxuELORBYAZ7TQLOcT8P0I51fMN1E5Cloi5gtskuTtDbCAJv5A+/Ir/GRAggsQdxV9USkNdlADCE94HJr/CyKFmLaPl0oTs+j2FE/eGYtR94gZVGwntYxGlg5TUcioZqZ0Ah/63dO5jEqGjZ9MUF1PATX0UrYQWruAwBwD/YMg2Jp5ySRwAAAABJRU5ErkJggg==") center center no-repeat; }

#instagram {
  top: 85px;
  background: #FFEC00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAP/gAAD/4BstaVKgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGlSURBVDiNrdW/ahRRFAbw32RTGJtEXK0SsyDW4muIvoZWNiox4mPYJK9gIxrR0j9Y+CcpUmghwhKTKm6hhbsEJGNxz2XH4c6q4AcX5p5zvo/7zZx7pjLFKVzHZZzHAios+R3fUGOCz3iKzYirouginmA59ocYBamEBfRxNvYHuILdfLJ9HGMDKx0iJawE5xhfspv1sLDxD0JwCXexGNwad+BVbJY7qcnamVbsffDW46Q1XpD8HxZE5rGGvSiu4/k2eriBd9L7h6+h5Ts+FMS2QmSM17HGEXsUok18DC0/sN1KrgXxDc414qt4G7lbLc5OaDlqCVZhbdwSa4pOMGzFt3E0F/bqRqIfQjtSK7SxF7kBTrdy83MFQhavCrmMzKtLyVmWVwv1A3+w/LNwwvvS9XrQEh1E7ETUNFFlrVLb9PDYdAjktplE7KEZbdPV2D2pNYamjT3EzYIYaZgcwMsonjUU+rG6kK/e8zlpnsG9GYRRrC5k7jPSyPlf42uxOWC3GmIj6bKPO4ROStMnv4Z9XMVus3mXcE36BVzwd7+AT2FzU3zhX/pngjVfvVuWAAAAAElFTkSuQmCC") center center no-repeat; }

#streamSymbol {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px; }

div.player-start {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAc6gAAHOoBTGmZiAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAR1SURBVGiB3ZpNaB5FGMd/z1sbxSQlrZoq2CQYSItgG20J4qkqteIhB/EDpQbBi569BOuhPVTsQVAJFEHQtojG6iGJImL9uCnG+lXaGqFatWCRxlgSiy1J/x52N+9mux/z7jtvEv3BC7szz8w8/519Z56ZWcMTkjqArUAf0APcBKwBWkKTGWAS+Bn4EfgS+NTMfvPlQ2kkdUl6VtIJleeYpJ2SupZCwG2ShiXN1SEgyayktyT1LoaAayS95FlAkkuSDkha2ygRD0uaaqCAJFOSHvIpoEnSK4soIMk+SU31imiW9MESioj4WNKqPF8tR0QL8BFwe11Pwx9fANvMbCYts5KWKGklcIjlIwICX0YkXZmWmSoEGALubZhL5bkLeNHJUsHo5JPJ8OeTB4tErJXfIXZU0tXhb9xjvX9Kao/7nny19gJtNXR1HmPAA2Z23szOAx96qhdgNfB8PGFeiKRbgQFPDUUiLsbS5nLs/y7RxuOSNkU38R4ZJGc4roE0EXkMmlkL0Au8V0M7RuBzFQVR7KyHd3dUGbOwpN0ZZTYk7B6TNO3Y3qykTqj2yA5gRQ1PI41RauuJiN2SmqMbMzsIbAfOOZRdATw6fyfpeJ09MZLVE7E2snpEkk5LeiRhv01uUfbRqEBHo0U4CIl4LlFmr6MPNyJpoMDoD0lbJNU1EKQIGZY0KOlUIv2ZWJlWSWcchOxA0lCB0av1CMgQMhE9GAWT5f5Y3gVJG2PldjkIeblCsFGQxwUfQhKsApoBwsnyCYJIG6AJ2BmzPeBQX08F6PbpoSPXA+MKJzQzmwWeBhTm90tqC/N+Aop2Wror+AtJamUD8JmkGwDM7CjwVZh3FcEEGfFdQV2rK1T3nZaCNuC+2P3x2HVH7PpsQT2tWeuRpaLsyKgKMO3TkxqZAt6P3d8cu/41dn1dQT3TFdxCgUZwAthqZmcAwj/+5jDvH+CbmO1G8vmrApz07mIxvwN9ZvY9zO8RvED11Roxs3NhXjewrqC+kxVgosAodbFfJ9OEaxAFAeNrwN1h3kVgT8zWZY00cQVwpMCoX1IfMG5mKrB1pQcYlvQ18BQLR6hd4VCMpFbgSYf6jiCp0yEEyMNn0LgnUcY9aAwL/FBWRUgjwvjtcgvjj0F1YfWGQ/fl0Q8cKhKTwdvAejN7MybijjDdZZ6r+q5gqevjqCCzZ+S+1B1Q2aWumZ0C3q3xSaZRpmfuDwVskjQG7Mc9bHrHzH5ZkCKpV8Ehiw8u6xnl/0dmSrRxSbF1y/w7aGbfAgdreJJ5pPVM3uZGc05eFq9HE+plSGpXsB3pi0ZtmU5Kyo+/9H/YxI6J2ee5YZ8MOb98klZqeRy5JTmsjBHxv3T09jlwT9bRWy5aPoehhxUEkOVRcDy9lP+ZIQXrFT8oGM18Ds1FTMp1dCohZo0W7xOO9mKP6hd0S9iYjzOViDlJY5I2F3vgX1Cngs+c6jmWiD5z6ihuMRsfR22RqHXAncAWYD3QBVzLwg/PzhJ8eDZBsMT+xMxO+2j/XxnJ8g34qSJhAAAAAElFTkSuQmCC"), url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMHSURBVGiB1ZpPaBRXHMc/bxIpCdompsV/OTWF2Cr0T65FqicvQopQUOihlwpepTT0rrQEFCm0eC21pY09tHrxZNpzUKmXBkxPoqQatWjxoNmPh9kl63R33d15m7d+bvPm7b7vZ2Z2dub3XiAS6nZgL/AesBOYAF4Bhqtd/gP+BZaAv4DLwKUQwq1YGbpGHVdn1Gt2z5/q5+qOFAK71O/UxyUEiqyq59V310NgVD1dHbRXVMwP0mu9kjiorvRQoMhtdTqmwAb163UUqKeinlIHy0oMqxcSSdRzXh1ulTW0kgAuAu+XOhrx+APYH0J41Ghn1qhR3QDM0T8SAHuAOTu5zEz3m2iHU+1KHEyd9DlU1A+LuUNBYoz88eHVtk9fGlaAnSGEO7WG4vX2FZ1JrAJXm+wbB7YU2paBG036vwMMtDnuGHAcOPK/Peru6mnrhLvNRlJPNuh/skX/ux2Ovaq+Vft8/V3rC1rcjvuQDJip30AdBz5KlagEh6w+NdfOyMe0f332E4PAYVgTOZwuS2lyEXUbsDtxmDK8rW7NgH2pk5QkAB9kwFTqJBGYyoDJ1CkiMJkBr6dOEYGJDBhJnSICIxmwMXWKCGxq+GL1IpIBD1OHiMCDDLifOkUE7mfA36lTRGApAxZTp4jAYgYspE4RgYUMuJQ6RUkE5rPq/MS11GlKcDWEsFz7H/khaZRynIW1F6vvgSfpsnTNE+BHqIqEEG4AP6VM1CVnQwg34dkqygmgkiZPV1SAL2sbxUrjGeDTDr4sVYEO4NsQwtHaxotaMv2HvGR6r9bwzNNvCGEF+IT83tyvCBypl2jeM5/u6ldm21fWAfWX1Ikb8JudzieqQ+rviYPXM68OdSRRJ/OSei6xgOqvditRJzNo/pvpdMohBhV1Vo1Xl1anzSfx14tl9UA0gYLMZvWMvV3Csap+o472RKIgNFEVir2o5mf1zZ4LNBDaoX6mXukyfEW9rB4zX+/VNdGm2tQt5AvPpsgXnr0BvMxaAfAh+cKz6+R1ggVgPoSwHGP8pzCyQrLSyYE5AAAAAElFTkSuQmCC");
  background-position: 0 0, -50px 0; }

div.player-pause {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMHSURBVGiB1ZpPaBRXHMc/bxIpCdompsV/OTWF2Cr0T65FqicvQopQUOihlwpepTT0rrQEFCm0eC21pY09tHrxZNpzUKmXBkxPoqQatWjxoNmPh9kl63R33d15m7d+bvPm7b7vZ2Z2dub3XiAS6nZgL/AesBOYAF4Bhqtd/gP+BZaAv4DLwKUQwq1YGbpGHVdn1Gt2z5/q5+qOFAK71O/UxyUEiqyq59V310NgVD1dHbRXVMwP0mu9kjiorvRQoMhtdTqmwAb163UUqKeinlIHy0oMqxcSSdRzXh1ulTW0kgAuAu+XOhrx+APYH0J41Ghn1qhR3QDM0T8SAHuAOTu5zEz3m2iHU+1KHEyd9DlU1A+LuUNBYoz88eHVtk9fGlaAnSGEO7WG4vX2FZ1JrAJXm+wbB7YU2paBG036vwMMtDnuGHAcOPK/Peru6mnrhLvNRlJPNuh/skX/ux2Ovaq+Vft8/V3rC1rcjvuQDJip30AdBz5KlagEh6w+NdfOyMe0f332E4PAYVgTOZwuS2lyEXUbsDtxmDK8rW7NgH2pk5QkAB9kwFTqJBGYyoDJ1CkiMJkBr6dOEYGJDBhJnSICIxmwMXWKCGxq+GL1IpIBD1OHiMCDDLifOkUE7mfA36lTRGApAxZTp4jAYgYspE4RgYUMuJQ6RUkE5rPq/MS11GlKcDWEsFz7H/khaZRynIW1F6vvgSfpsnTNE+BHqIqEEG4AP6VM1CVnQwg34dkqygmgkiZPV1SAL2sbxUrjGeDTDr4sVYEO4NsQwtHaxotaMv2HvGR6r9bwzNNvCGEF+IT83tyvCBypl2jeM5/u6ldm21fWAfWX1Ikb8JudzieqQ+rviYPXM68OdSRRJ/OSei6xgOqvditRJzNo/pvpdMohBhV1Vo1Xl1anzSfx14tl9UA0gYLMZvWMvV3Csap+o472RKIgNFEVir2o5mf1zZ4LNBDaoX6mXukyfEW9rB4zX+/VNdGm2tQt5AvPpsgXnr0BvMxaAfAh+cKz6+R1ggVgPoSwHGP8pzCyQrLSyYE5AAAAAElFTkSuQmCC");
  background-position: 0 0; }

div.playListControls button.action-pause {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMHSURBVGiB1ZpPaBRXHMc/bxIpCdompsV/OTWF2Cr0T65FqicvQopQUOihlwpepTT0rrQEFCm0eC21pY09tHrxZNpzUKmXBkxPoqQatWjxoNmPh9kl63R33d15m7d+bvPm7b7vZ2Z2dub3XiAS6nZgL/AesBOYAF4Bhqtd/gP+BZaAv4DLwKUQwq1YGbpGHVdn1Gt2z5/q5+qOFAK71O/UxyUEiqyq59V310NgVD1dHbRXVMwP0mu9kjiorvRQoMhtdTqmwAb163UUqKeinlIHy0oMqxcSSdRzXh1ulTW0kgAuAu+XOhrx+APYH0J41Ghn1qhR3QDM0T8SAHuAOTu5zEz3m2iHU+1KHEyd9DlU1A+LuUNBYoz88eHVtk9fGlaAnSGEO7WG4vX2FZ1JrAJXm+wbB7YU2paBG036vwMMtDnuGHAcOPK/Peru6mnrhLvNRlJPNuh/skX/ux2Ovaq+Vft8/V3rC1rcjvuQDJip30AdBz5KlagEh6w+NdfOyMe0f332E4PAYVgTOZwuS2lyEXUbsDtxmDK8rW7NgH2pk5QkAB9kwFTqJBGYyoDJ1CkiMJkBr6dOEYGJDBhJnSICIxmwMXWKCGxq+GL1IpIBD1OHiMCDDLifOkUE7mfA36lTRGApAxZTp4jAYgYspE4RgYUMuJQ6RUkE5rPq/MS11GlKcDWEsFz7H/khaZRynIW1F6vvgSfpsnTNE+BHqIqEEG4AP6VM1CVnQwg34dkqygmgkiZPV1SAL2sbxUrjGeDTDr4sVYEO4NsQwtHaxotaMv2HvGR6r9bwzNNvCGEF+IT83tyvCBypl2jeM5/u6ldm21fWAfWX1Ikb8JudzieqQ+rviYPXM68OdSRRJ/OSei6xgOqvditRJzNo/pvpdMohBhV1Vo1Xl1anzSfx14tl9UA0gYLMZvWMvV3Csap+o472RKIgNFEVir2o5mf1zZ4LNBDaoX6mXukyfEW9rB4zX+/VNdGm2tQt5AvPpsgXnr0BvMxaAfAh+cKz6+R1ggVgPoSwHGP8pzCyQrLSyYE5AAAAAElFTkSuQmCC"); }
div.playListControls button.action-play {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOfSURBVGiB3ZpNjJ1TGMd/zxtTEoPxkc5Gp1MiExElWnSnCPYVmiJipRt2xcJH7CxYkEwinUUTEk0oTcSCRH2tELqcmqkw9ZFIq9URTarRzs/ivbfuvN65ve/XvZff7r7ve57z/M+555znOecENaGuBW4HNgJTwCRwOTDa+uQEcAxYAA4CXwGfRMSPdflQGnWd+pw6b3nm1GfVyUEIWK++rp6uICDLGfU99eZ+CBhvCViqUUAeb6njTYnYph5vWEAnv6lb6xSwSp3po4Asr6qrqoq4UP1ggCLafKRe3M3X6CLiIuBD4NZKrVEfXwB3RcSJvJdJ3kPTrtzD8IgA2AS8q56f9zJXCDAN3NOYS+W5A3i5py/V+wc6GnrjwazfkRExDswBY3U0X4P8DlwbEb+0H2T/Wi9RTMQp4Ang2+q+FeIS4IXcN+pNFl+xF1plR9TH1aM1/4W6saTekCfk7RLGFjI2RtXn1ZN1etyFN7Mi1pkGbUVZJqTD3qS62+ZjsjOm6cPZMfIwK0/FhYmIQxHxAHAL8FlddnNIgIfO/rJ8PpHbI1nULerB2vphOQfalUxUMNKTkFY9I+qj6uFa3F/ORALcWaw3yxERf0XEDGka/CLp1F0XmxNgQ40Gz0lELEbEk8A1wAywVIPZDQlpC/WdiPgpIraTBqZVJ4SpBLiqulvliYivI2IzcC/lI4SrE4YkroqIvcB1wHbgSMHiY6inKswWPc9aRVDH1F0F/PiztkWwAVbMXvNISHcAhwJbaw0wDzxSoOgfCbDYiFcFUbcAs8BOYHXB4osJ8H3tXhVA3ah+CrxDuraU4buEtBv7jrpG3Ql8CdxW0dz8ecD+6m71jjoK7ACeAi6oyez+/0vQeGW7krmSBoYhjJ+Ff5Kp3UX7skcBdQzkc/FGZ4WT/jdT3dN2proRcQjYW7VpbG0+AN8A2yi4OpdgT0T8kHXixhItOOjtoPW58tTXCho7qe6wuYHcjV2dvme3TFeTbpleWmf/N8BxYCoifm0/WBb9RsQR0nxg2HmsU8SKmB53DSvTPcs1HbzvD9rjHPa5wnlit6O3UdKjt009t0CzfA7cvdLRW1dMD0OHoWf2mZ5plsf0eHqQY2ZaHakkIiNoq+khfr84pt5Xm4CMmMvUVywXl/XKkuk1kaLpbilB19vcpZq+buG2Ba1Vn1EPVBAwqz6tTlTxpbboVF3Dvy+eXcHyi2dHSS+ezZOm2B9HxM911P83uCaPDnvTq7oAAAAASUVORK5CYII="); }

div#specialHome {
  background: transparent top center repeat-x;
  padding-top: 30px; }

div#specialHome h1.top {
  background: transparent bottom center repeat-x;
  padding-bottom: 62px; }

div#specialHome,
div#specialHome h1.top {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAWCAMAAACScr5LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTMtfzUvfjQufzcxfTYwfjozezgyfDs0ezw1ej43eTw2ekI7dkQ8dUY/dEA5eE5Gb0hBckxEcFFJbVRMa1dPaVZOal1VZVlRaGlfXmFYY2VbYWxiXHFnWXBmWnRqV3huVHxxUjErgTIsgIB1T4R5TYV6TIh9SpyQPqCTPKWXOambNqyeNLSmL7ipLbusKrytKrCiMouASIyBSJCERZSHQ5SIQ5iMQM+/HsCxJ8W2JMi5Isy8INPCHNbFGtrJF93MFdnIGODPE+jWD+rYDe3bC+zaDO/dCu7cC+PSEuXUEPHfCfTiB/bkBvPhCPjlBfnmBPvoA/zpAv3qAf3qAv/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHxud1MAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAEySURBVDhPdZJ9OwJBFMUnJVIiIULZLUqJCFFe86SSxHa//2dx7jY7M+2u/WPuvef85uw8sytIP1XLsuxGBOuNoZLQQ38VZomusUZHBmMgJXhrA5okUQuhyJOAVYVVR7W6mtEp+zA2fuA42+h2HMUopMF77129y209gHxvQt6TcgF9cuIxXsod1KUXqY6imK58SC8O8VRl32KKvMlRphShpT8V8rWO+WABaduQasZdnPOJH+aCm+LkIGRn5q3vQtn61UiT93RMgh4590wh4xTGowWC6Bha4sN7UQs7YkMf8r4MpiyRYQxDy0cQVaCK5/lxDxGSGgeQaQZM3kU6fNZmgCC6YOMSyCyLJqe/q8Hm4WSmJGqodjskhOiV/6AKiTRKMZQgKsNb6TMY7/2DDBJwT/4A+GzE4bDx5BsAAAAASUVORK5CYII="); }

div#actu {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExUReQcauQfaOQeaecyX+c3XOg4XOk/WOg+WeUiZ+UkZuUnZOUhaOYpY+YsYucwYPB3PPB6OulFVepGVOpNUepOUetUTexYTO1fSO5mRO5oQ+9uQPGBNvKIM/KKMvORLvOQL/OSLvWcKfi3G/i1HPm+GPWjJfetIPrGE/rEFPvMEPzRDvzUDP3dB/zYCv3dCP7hBv7lA/7kBP7oAv/rAP/qAf/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIi5L68AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAACVSURBVChTTc7pFoFQFIbhF4mQmSgyVcZEte//1lSn1P5x1vqetYeDFOXDwWShglC8sYaeHiFoopvnuEsvrTsjNZntONXogJelZEbnU+0MDayi4wL7Cm1ad3Vhxeilrt+H2OVfbjBVaGGEJcqG/jNHD5zK5DFkm+MSM/qjTGhfhQDc2uQ9YC3oaHEDZQdnwE+a+B0z/wFamCqAs1zsowAAAABJRU5ErkJggg==") bottom center repeat-x;
  padding-bottom: 14px;
  display: flex;
  flex-direction: row; }
  div#actu > h2, div#actu > div {
    width: 50%;
    box-sizing: border-box;
    padding-bottom: 30px;
    padding-top: 30px; }
  div#actu h2 {
    text-align: right;
    padding-right: 10px;
    background: #312B81; }
  div#actu div {
    padding-left: 10px;
    font-size: 22px;
    max-width: 50ex; }
  @media screen and (max-width: 1000px) {
    div#actu {
      display: block; }
      div#actu > h2 {
        text-align: center; }
      div#actu > h2, div#actu > div {
        width: auto; } }

div.emission-detail {
  padding-top: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExUReQcauQfaOQeaecyX+c3XOg4XOk/WOg+WeUiZ+UkZuUnZOUhaOYpY+YsYucwYPB3PPB6OulFVepGVOpNUepOUetUTexYTO1fSO5mRO5oQ+9uQPGBNvKIM/KKMvORLvOQL/OSLvWcKfi3G/i1HPm+GPWjJfetIPrGE/rEFPvMEPzRDvzUDP3dB/zYCv3dCP7hBv7lA/7kBP7oAv/rAP/qAf/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIi5L68AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAACVSURBVChTTc7pFoFQFIbhF4mQmSgyVcZEte//1lSn1P5x1vqetYeDFOXDwWShglC8sYaeHiFoopvnuEsvrTsjNZntONXogJelZEbnU+0MDayi4wL7Cm1ad3Vhxeilrt+H2OVfbjBVaGGEJcqG/jNHD5zK5DFkm+MSM/qjTGhfhQDc2uQ9YC3oaHEDZQdnwE+a+B0z/wFamCqAs1zsowAAAABJRU5ErkJggg==") bottom center repeat-x;
  padding-bottom: 14px;
  display: flex;
  flex-direction: row; }
  div.emission-detail::before {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExUReQcauQfaOQeaecyX+c3XOg4XOk/WOg+WeUiZ+UkZuUnZOUhaOYpY+YsYucwYPB3PPB6OulFVepGVOpNUepOUetUTexYTO1fSO5mRO5oQ+9uQPGBNvKIM/KKMvORLvOQL/OSLvWcKfi3G/i1HPm+GPWjJfetIPrGE/rEFPvMEPzRDvzUDP3dB/zYCv3dCP7hBv7lA/7kBP7oAv/rAP/qAf/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIi5L68AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAACVSURBVChTTc7pFoFQFIbhF4mQmSgyVcZEte//1lSn1P5x1vqetYeDFOXDwWShglC8sYaeHiFoopvnuEsvrTsjNZntONXogJelZEbnU+0MDayi4wL7Cm1ad3Vhxeilrt+H2OVfbjBVaGGEJcqG/jNHD5zK5DFkm+MSM/qjTGhfhQDc2uQ9YC3oaHEDZQdnwE+a+B0z/wFamCqAs1zsowAAAABJRU5ErkJggg==") top center repeat-x;
    height: 12px;
    display: block;
    width: 100%;
    position: absolute;
    top: 0; }
  @media screen and (max-width: 1000px) {
    div.emission-detail {
      flex-wrap: wrap; } }
  @media screen and (max-width: 450px) {
    div.emission-detail div.emission-tile {
      width: 100%;
      height: 100vw; } }
  div.emission-detail > a {
    width: 25%; }
    @media screen and (max-width: 1000px) {
      div.emission-detail > a {
        width: 50%; } }
    @media screen and (max-width: 450px) {
      div.emission-detail > a {
        width: 100%;
        height: 100vw; } }
    div.emission-detail > a div.emission-tile {
      width: 100%; }
  div.emission-detail div.episode-info,
  div.emission-detail div.emission-info {
    width: 25%;
    box-sizing: border-box;
    padding: 1ex; }
    @media screen and (max-width: 1000px) {
      div.emission-detail div.episode-info,
      div.emission-detail div.emission-info {
        width: 50%; } }
    @media screen and (max-width: 450px) {
      div.emission-detail div.episode-info,
      div.emission-detail div.emission-info {
        width: 100%;
        height: auto; } }
    div.emission-detail div.episode-info div.emission-text,
    div.emission-detail div.emission-info div.emission-text {
      font-size: 110%; }
  @media screen and (max-width: 1000px) {
    div.emission-detail.emission-episode div.emission-info {
      width: 100%; } }
  div.emission-detail div.episode-info {
    position: relative;
    width: 50%; }
    @media screen and (max-width: 1000px) {
      div.emission-detail div.episode-info {
        width: 100%; } }
    div.emission-detail div.episode-info div.emission-text {
      max-width: 50ex; }
    @media screen and (max-width: 1000px) {
      div.emission-detail div.episode-info {
        padding-bottom: 150px; } }
    div.emission-detail div.episode-info div.sound {
      position: absolute;
      bottom: 1ex;
      width: 48vw; }
      @media screen and (max-width: 1000px) {
        div.emission-detail div.episode-info div.sound {
          width: 95vw; } }
      div.emission-detail div.episode-info div.sound button.action-play {
        font-weight: bold; }
      div.emission-detail div.episode-info div.sound button.action-share {
        text-transform: none; }

div.emission-episodes {
  width: 50%;
  background: #FFEC00; }
  @media screen and (max-width: 1000px) {
    div.emission-episodes {
      width: 100%; } }
  div.emission-episodes ul, div.emission-episodes li {
    margin: 0;
    padding: 0;
    list-style: none; }
  div.emission-episodes a {
    position: relative;
    height: 12.5vw;
    width: 25%;
    display: inline-block;
    float: left; }
    @media screen and (max-width: 1000px) {
      div.emission-episodes a {
        height: 50vw;
        width: 50%; } }
    div.emission-episodes a div.image {
      border: none;
      height: 100%;
      width: 100%; }
      div.emission-episodes a div.image img {
        width: 100%;
        height: 100%; }
    div.emission-episodes a div.time {
      position: absolute;
      top: 0;
      left: 10px;
      font-size: 14px;
      display: inline-block;
      background: #FFEC00;
      color: #E41C6A;
      padding: 0 0.5ex; }
    div.emission-episodes a div.name {
      position: absolute;
      text-transform: uppercase;
      top: 50%;
      margin-top: -10px;
      font-size: 20px;
      text-align: center;
      width: 100%; }
      div.emission-episodes a div.name span {
        background: #312B81;
        padding: 5px 5px; }
  div.emission-episodes a:hover img {
    display: none; }

div#Playlist {
  position: relative; }
  div#Playlist div.label {
    position: absolute;
    left: 66px;
    top: -10px; }
    @media screen and (max-width: 1000px) {
      div#Playlist div.label {
        top: 0; } }
  div#Playlist ol {
    padding-top: 25px;
    margin-left: 32px;
    list-style: none; }
    @media screen and (max-width: 1000px) {
      div#Playlist ol {
        margin-left: 36px; } }

#back-home {
  text-transform: uppercase;
  display: block;
  text-align: right;
  padding: 1ex; }

.playing button.no-icon-remove::after {
  content: "\0025fc"; }

/*# sourceMappingURL=style.css.map */