/*
La méthodologie BEM est utilisée.
*/
/*
Les helpers sont des bouts de code facilitant le travail : mixins, variables, ...
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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 {
  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;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
  position: relative;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.hidden {
  display: none;
}
.hide {
  display: none;
}
.right {
  float: right;
}
.right + .right {
  margin-right: 15px;
}
.left {
  float: left;
}
.left + .left {
  margin-left: 30px;
}
.border--bottom:after {
  background: #c9cdcd;
  content: '';
  display: block;
  height: 1px;
  margin: 15px 0;
  clear: both;
}
.border--bottom.minimal-list:after {
  margin: 5px 0;
}
.border--top:before {
  background: #c9cdcd;
  content: '';
  display: block;
  height: 1px;
  margin: 15px 0;
}
.border-top {
  border-top: 1px solid #c9cdcd;
}
.border--top-home {
  width: 80%;
  border-top: 2px solid #f1f2f2;
  margin: 0 auto;
  padding-bottom: 30px;
}
.border--top-home--responsive {
  display: none;
}
.border--bottom-home {
  width: 80%;
  border-bottom: 3px solid #f1f2f2;
  margin: 0 auto;
  padding-bottom: 30px;
}
.logo--about {
  background: url('https://static.pointculture.be/www/extra/static/images/home-logo.svg') no-repeat;
  display: block;
  height: 250px;
  position: relative;
}
@media (max-width: 960px) {
  .logo--about {
    display: none;
  }
}
.logo--splash {
  background: url('https://static.pointculture.be/www/extra/static/images/home-logo-splash.svg') no-repeat;
  display: block;
  height: 180px;
  position: relative;
  opacity: 0.4;
}
.aside--right {
  padding-right: 40px !important;
}
.responsive-object {
  width: 100%;
  position: relative;
}
.responsive-object iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top--negatif {
  position: relative;
  top: -6px !important;
}
.top {
  margin-top: 15px !important;
}
.top-padding {
  padding-top: 15px;
}
.little-top-padding {
  padding-top: 6px;
}
.little-top {
  margin-top: 6px;
}
.big-top {
  margin-top: 30px;
}
.bottom {
  margin-bottom: 15px;
}
.big-bottom {
  padding-bottom: 30px;
}
.bottom-padding {
  padding-bottom: 15px;
}
.right--space {
  margin-right: 30px;
}
.right--space-small {
  margin-right: 15px;
}
.left--space {
  margin-left: 30px;
}
.left--space-small {
  margin-left: 15px;
}
.right--padding {
  padding-right: 15px;
}
.cover-img {
  width: 100%;
  object-fit: cover;
}
.container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-size: 100% auto;
}
.col {
  float: left;
  width: 100%;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.first {
  clear: left;
}
.col--center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.has-col {
  padding-right: 0;
}
.first {
  clear: left;
}
.col--alone {
  padding-right: 30px;
}
.clear {
  clear: both;
}
.small--hidden {
  display: none;
}
.grid--s-2 .col--s-1-2:nth-child(odd) {
  clear: both;
}
/* Responsive : mobile first */
@media (min-width: 520px) {
  .big--hidden {
    display: none;
  }
  .small--hidden {
    display: block;
  }
}
@media (min-width: 680px) {
  .col--s-1-2 {
    width: 50%;
  }
  .col--s-1-3 {
    width: 33.33333333%;
  }
  .col--s-2-3 {
    width: 66.66666667%;
  }
  .col--s-1-5 {
    width: 33.33333333%;
  }
  .col--s-1-4 {
    width: 25%;
  }
  .col--s-3-4 {
    width: 75%;
  }
  .col--s-3-5 {
    width: 60%;
  }
  .col--s-2-5 {
    width: 40%;
  }
  .col--s-4-5 {
    width: 80%;
  }
  .col--s-3-10 {
    width: 30%;
  }
  .col--s-6-7 {
    width: 85.71428571%;
  }
  .col--s-7-10 {
    width: 70%;
  }
}
@media (min-width: 960px) {
  .col--border-left {
    position: relative;
  }
  .col--border-left:after {
    display: block;
    content: '';
    width: 1px;
    background: #c9cdcd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
  }
  .col--border-right {
    position: relative;
  }
  .col--border-right:after {
    display: block;
    content: '';
    width: 1px;
    background: #c9cdcd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
  }
  .small--hidden {
    display: block;
  }
  .col--full {
    width: 100%;
  }
  .col--wide {
    width: 200%;
  }
  .col--1-5 {
    width: 20%;
  }
  .col--1-2 {
    width: 50%;
  }
  .col--1-3 {
    width: 33.33333333%;
  }
  .col--2-3 {
    width: 66.66666667%;
  }
  .col--1-4 {
    width: 25%;
  }
  .col--3-4 {
    width: 75%;
  }
  .col--3-5 {
    width: 60%;
  }
  .col--2-5 {
    width: 40%;
  }
  .col--4-5 {
    width: 80%;
  }
  .col--5-8 {
    width: 62.5%;
  }
  .col--3-10 {
    width: 30%;
  }
  .col--3-10.search-form--classical {
    width: 40%;
  }
  .col--3-8 {
    width: 37.5%;
  }
  .col--6-7 {
    width: 85.71428571%;
  }
  .col--7-10 {
    width: 70%;
  }
  .grid--4 .col--1-4:nth-child(odd) {
    clear: none;
  }
  .grid--4 .col--1-4:nth-child(4n+1) {
    clear: both;
  }
  .grid--3 .col--1-3:nth-child(odd) {
    clear: none;
  }
  .grid--3 .col--1-3:nth-child(3n+1) {
    clear: both;
  }
  .article-index--no-padding .grid--3 .col--1-3:nth-child(3n),
  .theme--no-padding .grid--3 .col--1-3:nth-child(3n) {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
/* Responsive : mobile first
@media (min-width: 768px){}
@media (min-width: 960px){}
*/
/* Mixins */
/* Call mixins */
.slick-carousel__dots .slick-active button.theme--numerique,
a.theme--numerique:hover .box--background,
a.theme--numerique:focus .box--background,
.theme--numerique.label span,
.theme--numerique .thumbnail__caption:hover {
  background: #6fd0aa;
}
.detail__text .slick-carousel__dots .slick-active button.theme--numerique,
.detail__text a.theme--numerique:hover .box--background,
.detail__text a.theme--numerique:focus .box--background,
.detail__text .theme--numerique.label span,
.detail__text .theme--numerique .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--numerique .link--read-more:before,
a.theme--numerique:hover .box--background .link--read-more:before,
a.theme--numerique:focus .box--background .link--read-more:before,
.theme--numerique.label span .link--read-more:before,
.theme--numerique .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--numerique .link--read-more:before {
  background: #5fcba0;
}
.theme--numerique .badge:after {
  background: rgba(95, 203, 160, 0.7);
}
.slick-carousel__dots button.theme--numerique {
  border-color: #5fcba0;
}
.theme--numerique.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--numerique.nav__link:hover,
.theme--numerique.nav__link.active {
  background: #5fcba0;
  color: white;
}
.theme--numerique.nav__link:after {
  background-color: #5fcba0;
}
.theme--numerique.theme__option:before {
  color: #5fcba0;
}
.slick-carousel__dots .slick-active button.theme--sante,
a.theme--sante:hover .box--background,
a.theme--sante:focus .box--background,
.theme--sante.label span,
.theme--sante .thumbnail__caption:hover {
  background: #ff618f;
}
.detail__text .slick-carousel__dots .slick-active button.theme--sante,
.detail__text a.theme--sante:hover .box--background,
.detail__text a.theme--sante:focus .box--background,
.detail__text .theme--sante.label span,
.detail__text .theme--sante .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--sante .link--read-more:before,
a.theme--sante:hover .box--background .link--read-more:before,
a.theme--sante:focus .box--background .link--read-more:before,
.theme--sante.label span .link--read-more:before,
.theme--sante .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--sante .link--read-more:before {
  background: #ff4f83;
}
.theme--sante .badge:after {
  background: rgba(255, 79, 131, 0.7);
}
.slick-carousel__dots button.theme--sante {
  border-color: #ff4f83;
}
.theme--sante.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--sante.nav__link:hover,
.theme--sante.nav__link.active {
  background: #ff4f83;
  color: white;
}
.theme--sante.nav__link:after {
  background-color: #ff4f83;
}
.theme--sante.theme__option:before {
  color: #ff4f83;
}
.slick-carousel__dots .slick-active button.theme--genre,
.slick-carousel__dots .slick-active button.theme--genres,
a.theme--genre:hover .box--background,
a.theme--genres:hover .box--background,
a.theme--genre:focus .box--background,
a.theme--genres:focus .box--background,
.theme--genre.label span,
.theme--genres.label span,
.theme--genre .thumbnail__caption:hover,
.theme--genres .thumbnail__caption:hover {
  background: #6bbff1;
}
.detail__text .slick-carousel__dots .slick-active button.theme--genre,
.detail__text .slick-carousel__dots .slick-active button.theme--genres,
.detail__text a.theme--genre:hover .box--background,
.detail__text a.theme--genres:hover .box--background,
.detail__text a.theme--genre:focus .box--background,
.detail__text a.theme--genres:focus .box--background,
.detail__text .theme--genre.label span,
.detail__text .theme--genres.label span,
.detail__text .theme--genre .thumbnail__caption:hover,
.detail__text .theme--genres .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--genre .link--read-more:before,
.slick-carousel__dots .slick-active button.theme--genres .link--read-more:before,
a.theme--genre:hover .box--background .link--read-more:before,
a.theme--genres:hover .box--background .link--read-more:before,
a.theme--genre:focus .box--background .link--read-more:before,
a.theme--genres:focus .box--background .link--read-more:before,
.theme--genre.label span .link--read-more:before,
.theme--genres.label span .link--read-more:before,
.theme--genre .thumbnail__caption:hover .link--read-more:before,
.theme--genres .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--genre .link--read-more:before,
.theme--genres .link--read-more:before {
  background: #5bb8ef;
}
.theme--genre .badge:after,
.theme--genres .badge:after {
  background: rgba(91, 184, 239, 0.7);
}
.slick-carousel__dots button.theme--genre,
.slick-carousel__dots button.theme--genres {
  border-color: #5bb8ef;
}
.theme--genre.nav__link:before,
.theme--genres.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--genre.nav__link:hover,
.theme--genres.nav__link:hover,
.theme--genre.nav__link.active,
.theme--genres.nav__link.active {
  background: #5bb8ef;
  color: white;
}
.theme--genre.nav__link:after,
.theme--genres.nav__link:after {
  background-color: #5bb8ef;
}
.theme--genre.theme__option:before,
.theme--genres.theme__option:before {
  color: #5bb8ef;
}
.slick-carousel__dots .slick-active button.theme--environnement,
a.theme--environnement:hover .box--background,
a.theme--environnement:focus .box--background,
.theme--environnement.label span,
.theme--environnement .thumbnail__caption:hover {
  background: #90bd2b;
}
.detail__text .slick-carousel__dots .slick-active button.theme--environnement,
.detail__text a.theme--environnement:hover .box--background,
.detail__text a.theme--environnement:focus .box--background,
.detail__text .theme--environnement.label span,
.detail__text .theme--environnement .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--environnement .link--read-more:before,
a.theme--environnement:hover .box--background .link--read-more:before,
a.theme--environnement:focus .box--background .link--read-more:before,
.theme--environnement.label span .link--read-more:before,
.theme--environnement .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--environnement .link--read-more:before {
  background: #84b614;
}
.theme--environnement .badge:after {
  background: rgba(132, 182, 20, 0.7);
}
.slick-carousel__dots button.theme--environnement {
  border-color: #84b614;
}
.theme--environnement.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--environnement.nav__link:hover,
.theme--environnement.nav__link.active {
  background: #84b614;
  color: white;
}
.theme--environnement.nav__link:after {
  background-color: #84b614;
}
.theme--environnement.theme__option:before {
  color: #84b614;
}
.slick-carousel__dots .slick-active button.theme--artiste,
.slick-carousel__dots .slick-active button.theme--artartiste,
.slick-carousel__dots .slick-active button.theme--artsartistes,
.slick-carousel__dots .slick-active button.theme--arts-artistes,
a.theme--artiste:hover .box--background,
a.theme--artartiste:hover .box--background,
a.theme--artsartistes:hover .box--background,
a.theme--arts-artistes:hover .box--background,
a.theme--artiste:focus .box--background,
a.theme--artartiste:focus .box--background,
a.theme--artsartistes:focus .box--background,
a.theme--arts-artistes:focus .box--background,
.theme--artiste.label span,
.theme--artartiste.label span,
.theme--artsartistes.label span,
.theme--arts-artistes.label span,
.theme--artiste .thumbnail__caption:hover,
.theme--artartiste .thumbnail__caption:hover,
.theme--artsartistes .thumbnail__caption:hover,
.theme--arts-artistes .thumbnail__caption:hover {
  background: #9278aa;
}
.detail__text .slick-carousel__dots .slick-active button.theme--artiste,
.detail__text .slick-carousel__dots .slick-active button.theme--artartiste,
.detail__text .slick-carousel__dots .slick-active button.theme--artsartistes,
.detail__text .slick-carousel__dots .slick-active button.theme--arts-artistes,
.detail__text a.theme--artiste:hover .box--background,
.detail__text a.theme--artartiste:hover .box--background,
.detail__text a.theme--artsartistes:hover .box--background,
.detail__text a.theme--arts-artistes:hover .box--background,
.detail__text a.theme--artiste:focus .box--background,
.detail__text a.theme--artartiste:focus .box--background,
.detail__text a.theme--artsartistes:focus .box--background,
.detail__text a.theme--arts-artistes:focus .box--background,
.detail__text .theme--artiste.label span,
.detail__text .theme--artartiste.label span,
.detail__text .theme--artsartistes.label span,
.detail__text .theme--arts-artistes.label span,
.detail__text .theme--artiste .thumbnail__caption:hover,
.detail__text .theme--artartiste .thumbnail__caption:hover,
.detail__text .theme--artsartistes .thumbnail__caption:hover,
.detail__text .theme--arts-artistes .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--artiste .link--read-more:before,
.slick-carousel__dots .slick-active button.theme--artartiste .link--read-more:before,
.slick-carousel__dots .slick-active button.theme--artsartistes .link--read-more:before,
.slick-carousel__dots .slick-active button.theme--arts-artistes .link--read-more:before,
a.theme--artiste:hover .box--background .link--read-more:before,
a.theme--artartiste:hover .box--background .link--read-more:before,
a.theme--artsartistes:hover .box--background .link--read-more:before,
a.theme--arts-artistes:hover .box--background .link--read-more:before,
a.theme--artiste:focus .box--background .link--read-more:before,
a.theme--artartiste:focus .box--background .link--read-more:before,
a.theme--artsartistes:focus .box--background .link--read-more:before,
a.theme--arts-artistes:focus .box--background .link--read-more:before,
.theme--artiste.label span .link--read-more:before,
.theme--artartiste.label span .link--read-more:before,
.theme--artsartistes.label span .link--read-more:before,
.theme--arts-artistes.label span .link--read-more:before,
.theme--artiste .thumbnail__caption:hover .link--read-more:before,
.theme--artartiste .thumbnail__caption:hover .link--read-more:before,
.theme--artsartistes .thumbnail__caption:hover .link--read-more:before,
.theme--arts-artistes .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--artiste .link--read-more:before,
.theme--artartiste .link--read-more:before,
.theme--artsartistes .link--read-more:before,
.theme--arts-artistes .link--read-more:before {
  background: #8669a0;
}
.theme--artiste .badge:after,
.theme--artartiste .badge:after,
.theme--artsartistes .badge:after,
.theme--arts-artistes .badge:after {
  background: rgba(134, 105, 160, 0.7);
}
.slick-carousel__dots button.theme--artiste,
.slick-carousel__dots button.theme--artartiste,
.slick-carousel__dots button.theme--artsartistes,
.slick-carousel__dots button.theme--arts-artistes {
  border-color: #8669a0;
}
.theme--artiste.nav__link:before,
.theme--artartiste.nav__link:before,
.theme--artsartistes.nav__link:before,
.theme--arts-artistes.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--artiste.nav__link:hover,
.theme--artartiste.nav__link:hover,
.theme--artsartistes.nav__link:hover,
.theme--arts-artistes.nav__link:hover,
.theme--artiste.nav__link.active,
.theme--artartiste.nav__link.active,
.theme--artsartistes.nav__link.active,
.theme--arts-artistes.nav__link.active {
  background: #8669a0;
  color: white;
}
.theme--artiste.nav__link:after,
.theme--artartiste.nav__link:after,
.theme--artsartistes.nav__link:after,
.theme--arts-artistes.nav__link:after {
  background-color: #8669a0;
}
.theme--artiste.theme__option:before,
.theme--artartiste.theme__option:before,
.theme--artsartistes.theme__option:before,
.theme--arts-artistes.theme__option:before {
  color: #8669a0;
}
.slick-carousel__dots .slick-active button.theme--nord-sud,
.slick-carousel__dots .slick-active button.theme--nordsud,
a.theme--nord-sud:hover .box--background,
a.theme--nordsud:hover .box--background,
a.theme--nord-sud:focus .box--background,
a.theme--nordsud:focus .box--background,
.theme--nord-sud.label span,
.theme--nordsud.label span,
.theme--nord-sud .thumbnail__caption:hover,
.theme--nordsud .thumbnail__caption:hover {
  background: #f28539;
}
.detail__text .slick-carousel__dots .slick-active button.theme--nord-sud,
.detail__text .slick-carousel__dots .slick-active button.theme--nordsud,
.detail__text a.theme--nord-sud:hover .box--background,
.detail__text a.theme--nordsud:hover .box--background,
.detail__text a.theme--nord-sud:focus .box--background,
.detail__text a.theme--nordsud:focus .box--background,
.detail__text .theme--nord-sud.label span,
.detail__text .theme--nordsud.label span,
.detail__text .theme--nord-sud .thumbnail__caption:hover,
.detail__text .theme--nordsud .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--nord-sud .link--read-more:before,
.slick-carousel__dots .slick-active button.theme--nordsud .link--read-more:before,
a.theme--nord-sud:hover .box--background .link--read-more:before,
a.theme--nordsud:hover .box--background .link--read-more:before,
a.theme--nord-sud:focus .box--background .link--read-more:before,
a.theme--nordsud:focus .box--background .link--read-more:before,
.theme--nord-sud.label span .link--read-more:before,
.theme--nordsud.label span .link--read-more:before,
.theme--nord-sud .thumbnail__caption:hover .link--read-more:before,
.theme--nordsud .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--nord-sud .link--read-more:before,
.theme--nordsud .link--read-more:before {
  background: #f07723;
}
.theme--nord-sud .badge:after,
.theme--nordsud .badge:after {
  background: rgba(240, 119, 35, 0.7);
}
.slick-carousel__dots button.theme--nord-sud,
.slick-carousel__dots button.theme--nordsud {
  border-color: #f07723;
}
.theme--nord-sud.nav__link:before,
.theme--nordsud.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--nord-sud.nav__link:hover,
.theme--nordsud.nav__link:hover,
.theme--nord-sud.nav__link.active,
.theme--nordsud.nav__link.active {
  background: #f07723;
  color: white;
}
.theme--nord-sud.nav__link:after,
.theme--nordsud.nav__link:after {
  background-color: #f07723;
}
.theme--nord-sud.theme__option:before,
.theme--nordsud.theme__option:before {
  color: #f07723;
}
.slick-carousel__dots .slick-active button.theme--all,
a.theme--all:hover .box--background,
a.theme--all:focus .box--background,
.theme--all.label span,
.theme--all .thumbnail__caption:hover {
  background: #474747;
}
.detail__text .slick-carousel__dots .slick-active button.theme--all,
.detail__text a.theme--all:hover .box--background,
.detail__text a.theme--all:focus .box--background,
.detail__text .theme--all.label span,
.detail__text .theme--all .thumbnail__caption:hover {
  background: #f1f2f2;
}
.slick-carousel__dots .slick-active button.theme--all .link--read-more:before,
a.theme--all:hover .box--background .link--read-more:before,
a.theme--all:focus .box--background .link--read-more:before,
.theme--all.label span .link--read-more:before,
.theme--all .thumbnail__caption:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.theme--all .link--read-more:before {
  background: #333333;
}
.theme--all .badge:after {
  background: rgba(51, 51, 51, 0.7);
}
.slick-carousel__dots button.theme--all {
  border-color: #333333;
}
.theme--all.nav__link:before {
  font-family: 'Material Design Icons';
}
.theme--all.nav__link:hover,
.theme--all.nav__link.active {
  background: #333333;
  color: white;
}
.theme--all.nav__link:after {
  background-color: #333333;
}
.theme--all.theme__option:before {
  color: #333333;
}
.slick-carousel__dots button.coll--documentaire,
.slick-carousel__dots button.coll--documentaires,
.coll--documentaire .read-more:before,
.coll--documentaires .read-more:before,
.coll--documentaire.label span,
.coll--documentaires.label span,
.coll--documentaire .link--read-more:before,
.coll--documentaires .link--read-more:before,
.coll--documentaire .tag,
.coll--documentaires .tag,
.coll--documentaire .btn,
.coll--documentaires .btn {
  background: #75902b;
}
a.coll--documentaire:hover .box--background,
a.coll--documentaires:hover .box--background,
a.coll--documentaire:focus .box--background,
a.coll--documentaires:focus .box--background {
  background: #75902b;
}
.detail__text a.coll--documentaire:hover .box--background,
.detail__text a.coll--documentaires:hover .box--background,
.detail__text a.coll--documentaire:focus .box--background,
.detail__text a.coll--documentaires:focus .box--background {
  background: #f1f2f2;
}
.coll--documentaire .badge:after,
.coll--documentaires .badge:after {
  background: rgba(117, 144, 43, 0.7);
}
.slick-carousel__dots .slick-active button.coll--documentaire,
.slick-carousel__dots .slick-active button.coll--documentaires {
  border-color: #75902b;
}
.coll--documentaire.collection-form__option:before,
.coll--documentaires.collection-form__option:before {
  color: #75902b;
}
.coll--documentaire.collection-form__option a:hover,
.coll--documentaires.collection-form__option a:hover {
  color: #75902b;
}
.coll--documentaire.collection-form__option .active,
.coll--documentaires.collection-form__option .active {
  color: #75902b;
  font-weight: 600;
}
.slick-carousel__dots button.coll--cinema,
.slick-carousel__dots button.coll--cinema-de-fiction,
.slick-carousel__dots button.coll--cinema-fiction,
.coll--cinema .read-more:before,
.coll--cinema-de-fiction .read-more:before,
.coll--cinema-fiction .read-more:before,
.coll--cinema.label span,
.coll--cinema-de-fiction.label span,
.coll--cinema-fiction.label span,
.coll--cinema .link--read-more:before,
.coll--cinema-de-fiction .link--read-more:before,
.coll--cinema-fiction .link--read-more:before,
.coll--cinema .tag,
.coll--cinema-de-fiction .tag,
.coll--cinema-fiction .tag,
.coll--cinema .btn,
.coll--cinema-de-fiction .btn,
.coll--cinema-fiction .btn {
  background: #fd7b3f;
}
a.coll--cinema:hover .box--background,
a.coll--cinema-de-fiction:hover .box--background,
a.coll--cinema-fiction:hover .box--background,
a.coll--cinema:focus .box--background,
a.coll--cinema-de-fiction:focus .box--background,
a.coll--cinema-fiction:focus .box--background {
  background: #fd7b3f;
}
.detail__text a.coll--cinema:hover .box--background,
.detail__text a.coll--cinema-de-fiction:hover .box--background,
.detail__text a.coll--cinema-fiction:hover .box--background,
.detail__text a.coll--cinema:focus .box--background,
.detail__text a.coll--cinema-de-fiction:focus .box--background,
.detail__text a.coll--cinema-fiction:focus .box--background {
  background: #f1f2f2;
}
.coll--cinema .badge:after,
.coll--cinema-de-fiction .badge:after,
.coll--cinema-fiction .badge:after {
  background: rgba(253, 123, 63, 0.7);
}
.slick-carousel__dots .slick-active button.coll--cinema,
.slick-carousel__dots .slick-active button.coll--cinema-de-fiction,
.slick-carousel__dots .slick-active button.coll--cinema-fiction {
  border-color: #fd7b3f;
}
.coll--cinema.collection-form__option:before,
.coll--cinema-de-fiction.collection-form__option:before,
.coll--cinema-fiction.collection-form__option:before {
  color: #fd7b3f;
}
.coll--cinema.collection-form__option a:hover,
.coll--cinema-de-fiction.collection-form__option a:hover,
.coll--cinema-fiction.collection-form__option a:hover {
  color: #fd7b3f;
}
.coll--cinema.collection-form__option .active,
.coll--cinema-de-fiction.collection-form__option .active,
.coll--cinema-fiction.collection-form__option .active {
  color: #fd7b3f;
  font-weight: 600;
}
.slick-carousel__dots button.coll--chanson,
.slick-carousel__dots button.coll--chanson-francaise,
.coll--chanson .read-more:before,
.coll--chanson-francaise .read-more:before,
.coll--chanson.label span,
.coll--chanson-francaise.label span,
.coll--chanson .link--read-more:before,
.coll--chanson-francaise .link--read-more:before,
.coll--chanson .tag,
.coll--chanson-francaise .tag,
.coll--chanson .btn,
.coll--chanson-francaise .btn {
  background: #28aae1;
}
a.coll--chanson:hover .box--background,
a.coll--chanson-francaise:hover .box--background,
a.coll--chanson:focus .box--background,
a.coll--chanson-francaise:focus .box--background {
  background: #28aae1;
}
.detail__text a.coll--chanson:hover .box--background,
.detail__text a.coll--chanson-francaise:hover .box--background,
.detail__text a.coll--chanson:focus .box--background,
.detail__text a.coll--chanson-francaise:focus .box--background {
  background: #f1f2f2;
}
.coll--chanson .badge:after,
.coll--chanson-francaise .badge:after {
  background: rgba(40, 170, 225, 0.7);
}
.slick-carousel__dots .slick-active button.coll--chanson,
.slick-carousel__dots .slick-active button.coll--chanson-francaise {
  border-color: #28aae1;
}
.coll--chanson.collection-form__option:before,
.coll--chanson-francaise.collection-form__option:before {
  color: #28aae1;
}
.coll--chanson.collection-form__option a:hover,
.coll--chanson-francaise.collection-form__option a:hover {
  color: #28aae1;
}
.coll--chanson.collection-form__option .active,
.coll--chanson-francaise.collection-form__option .active {
  color: #28aae1;
  font-weight: 600;
}
.slick-carousel__dots button.coll--litterature,
.slick-carousel__dots button.coll--documents-sonoreslitterature,
.slick-carousel__dots button.coll--documents-sonores-litterature,
.coll--litterature .read-more:before,
.coll--documents-sonoreslitterature .read-more:before,
.coll--documents-sonores-litterature .read-more:before,
.coll--litterature.label span,
.coll--documents-sonoreslitterature.label span,
.coll--documents-sonores-litterature.label span,
.coll--litterature .link--read-more:before,
.coll--documents-sonoreslitterature .link--read-more:before,
.coll--documents-sonores-litterature .link--read-more:before,
.coll--litterature .tag,
.coll--documents-sonoreslitterature .tag,
.coll--documents-sonores-litterature .tag,
.coll--litterature .btn,
.coll--documents-sonoreslitterature .btn,
.coll--documents-sonores-litterature .btn {
  background: #204a67;
}
a.coll--litterature:hover .box--background,
a.coll--documents-sonoreslitterature:hover .box--background,
a.coll--documents-sonores-litterature:hover .box--background,
a.coll--litterature:focus .box--background,
a.coll--documents-sonoreslitterature:focus .box--background,
a.coll--documents-sonores-litterature:focus .box--background {
  background: #204a67;
}
.detail__text a.coll--litterature:hover .box--background,
.detail__text a.coll--documents-sonoreslitterature:hover .box--background,
.detail__text a.coll--documents-sonores-litterature:hover .box--background,
.detail__text a.coll--litterature:focus .box--background,
.detail__text a.coll--documents-sonoreslitterature:focus .box--background,
.detail__text a.coll--documents-sonores-litterature:focus .box--background {
  background: #f1f2f2;
}
.coll--litterature .badge:after,
.coll--documents-sonoreslitterature .badge:after,
.coll--documents-sonores-litterature .badge:after {
  background: rgba(32, 74, 103, 0.7);
}
.slick-carousel__dots .slick-active button.coll--litterature,
.slick-carousel__dots .slick-active button.coll--documents-sonoreslitterature,
.slick-carousel__dots .slick-active button.coll--documents-sonores-litterature {
  border-color: #204a67;
}
.coll--litterature.collection-form__option:before,
.coll--documents-sonoreslitterature.collection-form__option:before,
.coll--documents-sonores-litterature.collection-form__option:before {
  color: #204a67;
}
.coll--litterature.collection-form__option a:hover,
.coll--documents-sonoreslitterature.collection-form__option a:hover,
.coll--documents-sonores-litterature.collection-form__option a:hover {
  color: #204a67;
}
.coll--litterature.collection-form__option .active,
.coll--documents-sonoreslitterature.collection-form__option .active,
.coll--documents-sonores-litterature.collection-form__option .active {
  color: #204a67;
  font-weight: 600;
}
.slick-carousel__dots button.coll--jazz,
.coll--jazz .read-more:before,
.coll--jazz.label span,
.coll--jazz .link--read-more:before,
.coll--jazz .tag,
.coll--jazz .btn {
  background: #b19335;
}
a.coll--jazz:hover .box--background,
a.coll--jazz:focus .box--background {
  background: #b19335;
}
.detail__text a.coll--jazz:hover .box--background,
.detail__text a.coll--jazz:focus .box--background {
  background: #f1f2f2;
}
.coll--jazz .badge:after {
  background: rgba(177, 147, 53, 0.7);
}
.slick-carousel__dots .slick-active button.coll--jazz {
  border-color: #b19335;
}
.coll--jazz.collection-form__option:before {
  color: #b19335;
}
.coll--jazz.collection-form__option a:hover {
  color: #b19335;
}
.coll--jazz.collection-form__option .active {
  color: #b19335;
  font-weight: 600;
}
.slick-carousel__dots button.coll--jeune,
.slick-carousel__dots button.coll--jeune-public,
.coll--jeune .read-more:before,
.coll--jeune-public .read-more:before,
.coll--jeune.label span,
.coll--jeune-public.label span,
.coll--jeune .link--read-more:before,
.coll--jeune-public .link--read-more:before,
.coll--jeune .tag,
.coll--jeune-public .tag,
.coll--jeune .btn,
.coll--jeune-public .btn {
  background: #1cd8d4;
}
a.coll--jeune:hover .box--background,
a.coll--jeune-public:hover .box--background,
a.coll--jeune:focus .box--background,
a.coll--jeune-public:focus .box--background {
  background: #1cd8d4;
}
.detail__text a.coll--jeune:hover .box--background,
.detail__text a.coll--jeune-public:hover .box--background,
.detail__text a.coll--jeune:focus .box--background,
.detail__text a.coll--jeune-public:focus .box--background {
  background: #f1f2f2;
}
.coll--jeune .badge:after,
.coll--jeune-public .badge:after {
  background: rgba(28, 216, 212, 0.7);
}
.slick-carousel__dots .slick-active button.coll--jeune,
.slick-carousel__dots .slick-active button.coll--jeune-public {
  border-color: #1cd8d4;
}
.coll--jeune.collection-form__option:before,
.coll--jeune-public.collection-form__option:before {
  color: #1cd8d4;
}
.coll--jeune.collection-form__option a:hover,
.coll--jeune-public.collection-form__option a:hover {
  color: #1cd8d4;
}
.coll--jeune.collection-form__option .active,
.coll--jeune-public.collection-form__option .active {
  color: #1cd8d4;
  font-weight: 600;
}
.slick-carousel__dots button.coll--jeux,
.slick-carousel__dots button.coll--jeuxarts-ludiques,
.slick-carousel__dots button.coll--jeux-arts-ludiques,
.coll--jeux .read-more:before,
.coll--jeuxarts-ludiques .read-more:before,
.coll--jeux-arts-ludiques .read-more:before,
.coll--jeux.label span,
.coll--jeuxarts-ludiques.label span,
.coll--jeux-arts-ludiques.label span,
.coll--jeux .link--read-more:before,
.coll--jeuxarts-ludiques .link--read-more:before,
.coll--jeux-arts-ludiques .link--read-more:before,
.coll--jeux .tag,
.coll--jeuxarts-ludiques .tag,
.coll--jeux-arts-ludiques .tag,
.coll--jeux .btn,
.coll--jeuxarts-ludiques .btn,
.coll--jeux-arts-ludiques .btn {
  background: #2626c8;
}
a.coll--jeux:hover .box--background,
a.coll--jeuxarts-ludiques:hover .box--background,
a.coll--jeux-arts-ludiques:hover .box--background,
a.coll--jeux:focus .box--background,
a.coll--jeuxarts-ludiques:focus .box--background,
a.coll--jeux-arts-ludiques:focus .box--background {
  background: #2626c8;
}
.detail__text a.coll--jeux:hover .box--background,
.detail__text a.coll--jeuxarts-ludiques:hover .box--background,
.detail__text a.coll--jeux-arts-ludiques:hover .box--background,
.detail__text a.coll--jeux:focus .box--background,
.detail__text a.coll--jeuxarts-ludiques:focus .box--background,
.detail__text a.coll--jeux-arts-ludiques:focus .box--background {
  background: #f1f2f2;
}
.coll--jeux .badge:after,
.coll--jeuxarts-ludiques .badge:after,
.coll--jeux-arts-ludiques .badge:after {
  background: rgba(38, 38, 200, 0.7);
}
.slick-carousel__dots .slick-active button.coll--jeux,
.slick-carousel__dots .slick-active button.coll--jeuxarts-ludiques,
.slick-carousel__dots .slick-active button.coll--jeux-arts-ludiques {
  border-color: #2626c8;
}
.coll--jeux.collection-form__option:before,
.coll--jeuxarts-ludiques.collection-form__option:before,
.coll--jeux-arts-ludiques.collection-form__option:before {
  color: #2626c8;
}
.coll--jeux.collection-form__option a:hover,
.coll--jeuxarts-ludiques.collection-form__option a:hover,
.coll--jeux-arts-ludiques.collection-form__option a:hover {
  color: #2626c8;
}
.coll--jeux.collection-form__option .active,
.coll--jeuxarts-ludiques.collection-form__option .active,
.coll--jeux-arts-ludiques.collection-form__option .active {
  color: #2626c8;
  font-weight: 600;
}
.slick-carousel__dots button.coll--afro,
.slick-carousel__dots button.coll--musiques-afro-americaines,
.slick-carousel__dots button.coll--blues-hip-hop-soul-reggae,
.coll--afro .read-more:before,
.coll--musiques-afro-americaines .read-more:before,
.coll--blues-hip-hop-soul-reggae .read-more:before,
.coll--afro.label span,
.coll--musiques-afro-americaines.label span,
.coll--blues-hip-hop-soul-reggae.label span,
.coll--afro .link--read-more:before,
.coll--musiques-afro-americaines .link--read-more:before,
.coll--blues-hip-hop-soul-reggae .link--read-more:before,
.coll--afro .tag,
.coll--musiques-afro-americaines .tag,
.coll--blues-hip-hop-soul-reggae .tag,
.coll--afro .btn,
.coll--musiques-afro-americaines .btn,
.coll--blues-hip-hop-soul-reggae .btn {
  background: #c0375b;
}
a.coll--afro:hover .box--background,
a.coll--musiques-afro-americaines:hover .box--background,
a.coll--blues-hip-hop-soul-reggae:hover .box--background,
a.coll--afro:focus .box--background,
a.coll--musiques-afro-americaines:focus .box--background,
a.coll--blues-hip-hop-soul-reggae:focus .box--background {
  background: #c0375b;
}
.detail__text a.coll--afro:hover .box--background,
.detail__text a.coll--musiques-afro-americaines:hover .box--background,
.detail__text a.coll--blues-hip-hop-soul-reggae:hover .box--background,
.detail__text a.coll--afro:focus .box--background,
.detail__text a.coll--musiques-afro-americaines:focus .box--background,
.detail__text a.coll--blues-hip-hop-soul-reggae:focus .box--background {
  background: #f1f2f2;
}
.coll--afro .badge:after,
.coll--musiques-afro-americaines .badge:after,
.coll--blues-hip-hop-soul-reggae .badge:after {
  background: rgba(192, 55, 91, 0.7);
}
.slick-carousel__dots .slick-active button.coll--afro,
.slick-carousel__dots .slick-active button.coll--musiques-afro-americaines,
.slick-carousel__dots .slick-active button.coll--blues-hip-hop-soul-reggae {
  border-color: #c0375b;
}
.coll--afro.collection-form__option:before,
.coll--musiques-afro-americaines.collection-form__option:before,
.coll--blues-hip-hop-soul-reggae.collection-form__option:before {
  color: #c0375b;
}
.coll--afro.collection-form__option a:hover,
.coll--musiques-afro-americaines.collection-form__option a:hover,
.coll--blues-hip-hop-soul-reggae.collection-form__option a:hover {
  color: #c0375b;
}
.coll--afro.collection-form__option .active,
.coll--musiques-afro-americaines.collection-form__option .active,
.coll--blues-hip-hop-soul-reggae.collection-form__option .active {
  color: #c0375b;
  font-weight: 600;
}
.slick-carousel__dots button.coll--monde,
.slick-carousel__dots button.coll--musiques-du-monde,
.slick-carousel__dots button.coll--musique-du-monde,
.coll--monde .read-more:before,
.coll--musiques-du-monde .read-more:before,
.coll--musique-du-monde .read-more:before,
.coll--monde.label span,
.coll--musiques-du-monde.label span,
.coll--musique-du-monde.label span,
.coll--monde .link--read-more:before,
.coll--musiques-du-monde .link--read-more:before,
.coll--musique-du-monde .link--read-more:before,
.coll--monde .tag,
.coll--musiques-du-monde .tag,
.coll--musique-du-monde .tag,
.coll--monde .btn,
.coll--musiques-du-monde .btn,
.coll--musique-du-monde .btn {
  background: #6f4b20;
}
a.coll--monde:hover .box--background,
a.coll--musiques-du-monde:hover .box--background,
a.coll--musique-du-monde:hover .box--background,
a.coll--monde:focus .box--background,
a.coll--musiques-du-monde:focus .box--background,
a.coll--musique-du-monde:focus .box--background {
  background: #6f4b20;
}
.detail__text a.coll--monde:hover .box--background,
.detail__text a.coll--musiques-du-monde:hover .box--background,
.detail__text a.coll--musique-du-monde:hover .box--background,
.detail__text a.coll--monde:focus .box--background,
.detail__text a.coll--musiques-du-monde:focus .box--background,
.detail__text a.coll--musique-du-monde:focus .box--background {
  background: #f1f2f2;
}
.coll--monde .badge:after,
.coll--musiques-du-monde .badge:after,
.coll--musique-du-monde .badge:after {
  background: rgba(111, 75, 32, 0.7);
}
.slick-carousel__dots .slick-active button.coll--monde,
.slick-carousel__dots .slick-active button.coll--musiques-du-monde,
.slick-carousel__dots .slick-active button.coll--musique-du-monde {
  border-color: #6f4b20;
}
.coll--monde.collection-form__option:before,
.coll--musiques-du-monde.collection-form__option:before,
.coll--musique-du-monde.collection-form__option:before {
  color: #6f4b20;
}
.coll--monde.collection-form__option a:hover,
.coll--musiques-du-monde.collection-form__option a:hover,
.coll--musique-du-monde.collection-form__option a:hover {
  color: #6f4b20;
}
.coll--monde.collection-form__option .active,
.coll--musiques-du-monde.collection-form__option .active,
.coll--musique-du-monde.collection-form__option .active {
  color: #6f4b20;
  font-weight: 600;
}
.slick-carousel__dots button.coll--classique,
.slick-carousel__dots button.coll--musique-classique,
.coll--classique .read-more:before,
.coll--musique-classique .read-more:before,
.coll--classique.label span,
.coll--musique-classique.label span,
.coll--classique .link--read-more:before,
.coll--musique-classique .link--read-more:before,
.coll--classique .tag,
.coll--musique-classique .tag,
.coll--classique .btn,
.coll--musique-classique .btn {
  background: #b16633;
}
a.coll--classique:hover .box--background,
a.coll--musique-classique:hover .box--background,
a.coll--classique:focus .box--background,
a.coll--musique-classique:focus .box--background {
  background: #b16633;
}
.detail__text a.coll--classique:hover .box--background,
.detail__text a.coll--musique-classique:hover .box--background,
.detail__text a.coll--classique:focus .box--background,
.detail__text a.coll--musique-classique:focus .box--background {
  background: #f1f2f2;
}
.coll--classique .badge:after,
.coll--musique-classique .badge:after {
  background: rgba(177, 102, 51, 0.7);
}
.slick-carousel__dots .slick-active button.coll--classique,
.slick-carousel__dots .slick-active button.coll--musique-classique {
  border-color: #b16633;
}
.coll--classique.collection-form__option:before,
.coll--musique-classique.collection-form__option:before {
  color: #b16633;
}
.coll--classique.collection-form__option a:hover,
.coll--musique-classique.collection-form__option a:hover {
  color: #b16633;
}
.coll--classique.collection-form__option .active,
.coll--musique-classique.collection-form__option .active {
  color: #b16633;
  font-weight: 600;
}
.slick-carousel__dots button.coll--rock,
.slick-carousel__dots button.coll--rockpop,
.slick-carousel__dots button.coll--rock-pop,
.slick-carousel__dots button.coll--rockpopelectro,
.slick-carousel__dots button.coll--rock-pop-electro,
.coll--rock .read-more:before,
.coll--rockpop .read-more:before,
.coll--rock-pop .read-more:before,
.coll--rockpopelectro .read-more:before,
.coll--rock-pop-electro .read-more:before,
.coll--rock.label span,
.coll--rockpop.label span,
.coll--rock-pop.label span,
.coll--rockpopelectro.label span,
.coll--rock-pop-electro.label span,
.coll--rock .link--read-more:before,
.coll--rockpop .link--read-more:before,
.coll--rock-pop .link--read-more:before,
.coll--rockpopelectro .link--read-more:before,
.coll--rock-pop-electro .link--read-more:before,
.coll--rock .tag,
.coll--rockpop .tag,
.coll--rock-pop .tag,
.coll--rockpopelectro .tag,
.coll--rock-pop-electro .tag,
.coll--rock .btn,
.coll--rockpop .btn,
.coll--rock-pop .btn,
.coll--rockpopelectro .btn,
.coll--rock-pop-electro .btn {
  background: #1d6750;
}
a.coll--rock:hover .box--background,
a.coll--rockpop:hover .box--background,
a.coll--rock-pop:hover .box--background,
a.coll--rockpopelectro:hover .box--background,
a.coll--rock-pop-electro:hover .box--background,
a.coll--rock:focus .box--background,
a.coll--rockpop:focus .box--background,
a.coll--rock-pop:focus .box--background,
a.coll--rockpopelectro:focus .box--background,
a.coll--rock-pop-electro:focus .box--background {
  background: #1d6750;
}
.detail__text a.coll--rock:hover .box--background,
.detail__text a.coll--rockpop:hover .box--background,
.detail__text a.coll--rock-pop:hover .box--background,
.detail__text a.coll--rockpopelectro:hover .box--background,
.detail__text a.coll--rock-pop-electro:hover .box--background,
.detail__text a.coll--rock:focus .box--background,
.detail__text a.coll--rockpop:focus .box--background,
.detail__text a.coll--rock-pop:focus .box--background,
.detail__text a.coll--rockpopelectro:focus .box--background,
.detail__text a.coll--rock-pop-electro:focus .box--background {
  background: #f1f2f2;
}
.coll--rock .badge:after,
.coll--rockpop .badge:after,
.coll--rock-pop .badge:after,
.coll--rockpopelectro .badge:after,
.coll--rock-pop-electro .badge:after {
  background: rgba(29, 103, 80, 0.7);
}
.slick-carousel__dots .slick-active button.coll--rock,
.slick-carousel__dots .slick-active button.coll--rockpop,
.slick-carousel__dots .slick-active button.coll--rock-pop,
.slick-carousel__dots .slick-active button.coll--rockpopelectro,
.slick-carousel__dots .slick-active button.coll--rock-pop-electro {
  border-color: #1d6750;
}
.coll--rock.collection-form__option:before,
.coll--rockpop.collection-form__option:before,
.coll--rock-pop.collection-form__option:before,
.coll--rockpopelectro.collection-form__option:before,
.coll--rock-pop-electro.collection-form__option:before {
  color: #1d6750;
}
.coll--rock.collection-form__option a:hover,
.coll--rockpop.collection-form__option a:hover,
.coll--rock-pop.collection-form__option a:hover,
.coll--rockpopelectro.collection-form__option a:hover,
.coll--rock-pop-electro.collection-form__option a:hover {
  color: #1d6750;
}
.coll--rock.collection-form__option .active,
.coll--rockpop.collection-form__option .active,
.coll--rock-pop.collection-form__option .active,
.coll--rockpopelectro.collection-form__option .active,
.coll--rock-pop-electro.collection-form__option .active {
  color: #1d6750;
  font-weight: 600;
}
.slick-carousel__dots button.coll--musique-de-films,
.coll--musique-de-films .read-more:before,
.coll--musique-de-films.label span,
.coll--musique-de-films .link--read-more:before,
.coll--musique-de-films .tag,
.coll--musique-de-films .btn {
  background: #9e0491;
}
a.coll--musique-de-films:hover .box--background,
a.coll--musique-de-films:focus .box--background {
  background: #9e0491;
}
.detail__text a.coll--musique-de-films:hover .box--background,
.detail__text a.coll--musique-de-films:focus .box--background {
  background: #f1f2f2;
}
.coll--musique-de-films .badge:after {
  background: rgba(158, 4, 145, 0.7);
}
.slick-carousel__dots .slick-active button.coll--musique-de-films {
  border-color: #9e0491;
}
.coll--musique-de-films.collection-form__option:before {
  color: #9e0491;
}
.coll--musique-de-films.collection-form__option a:hover {
  color: #9e0491;
}
.coll--musique-de-films.collection-form__option .active {
  color: #9e0491;
  font-weight: 600;
}
.slick-carousel__dots button.coll--other,
.slick-carousel__dots button.coll--autres,
.coll--other .read-more:before,
.coll--autres .read-more:before,
.coll--other.label span,
.coll--autres.label span,
.coll--other .link--read-more:before,
.coll--autres .link--read-more:before,
.coll--other .tag,
.coll--autres .tag,
.coll--other .btn,
.coll--autres .btn {
  background: #8da092;
}
a.coll--other:hover .box--background,
a.coll--autres:hover .box--background,
a.coll--other:focus .box--background,
a.coll--autres:focus .box--background {
  background: #8da092;
}
.detail__text a.coll--other:hover .box--background,
.detail__text a.coll--autres:hover .box--background,
.detail__text a.coll--other:focus .box--background,
.detail__text a.coll--autres:focus .box--background {
  background: #f1f2f2;
}
.coll--other .badge:after,
.coll--autres .badge:after {
  background: rgba(141, 160, 146, 0.7);
}
.slick-carousel__dots .slick-active button.coll--other,
.slick-carousel__dots .slick-active button.coll--autres {
  border-color: #8da092;
}
.coll--other.collection-form__option:before,
.coll--autres.collection-form__option:before {
  color: #8da092;
}
.coll--other.collection-form__option a:hover,
.coll--autres.collection-form__option a:hover {
  color: #8da092;
}
.coll--other.collection-form__option .active,
.coll--autres.collection-form__option .active {
  color: #8da092;
  font-weight: 600;
}
@media (min-width: 680px) {
  .nav__link.active {
    border-bottom: none;
    padding: 0;
  }
}
@font-face {
  font-family: 'Material Design Icons';
  src: url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.eot');
  src: url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.woff') format('woff'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.ttf') format('truetype'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.svg#material_design_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_black25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskblack25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskblack25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_bold25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskbold25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskbold25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_book25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskbook25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskbook25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_light25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgrotesklight25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgrotesklight25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_medium25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskmedium25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskmedium25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_semibold25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgrotesksmbold25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgrotesksmbold25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sharp_grotesk_thin25';
  src: url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskthin25-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/sharpgroteskthin25-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
h1,
h2,
h3,
h4,
.main-title,
.secondary-title,
.third-title {
  font-family: 'Lato', serif;
  line-height: 1;
  margin-bottom: 15px;
}
h1 + .subtitle,
h2 + .subtitle,
h3 + .subtitle,
h4 + .subtitle,
.main-title + .subtitle,
.secondary-title + .subtitle,
.third-title + .subtitle {
  font-family: 'Lato', serif;
  margin-bottom: 30px;
  margin-top: -15px;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.black {
  color: black;
}
.text-center {
  text-align: center;
}
.title-font {
  font-family: 'Poppins', sans-serif;
}
hr {
  width: 50%;
  margin: 45px auto;
  border-bottom: 1px solid #f1f2f2;
  border-top: none;
}
.page--title {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 40px;
  text-align: center;
  margin-top: 30px;
}
.magazine .page--title,
.home .page--title,
.theme .page--title {
  display: none;
}
.page--title .error-404,
.page--title .error-500,
.error-502 .page--title {
  text-align: left;
}
.main-title,
.title--main {
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  font-size: 30px;
  line-height: 1.4;
}
.main-title.main-title--section,
.title--main.main-title--section {
  position: relative;
  margin-bottom: 45px;
}
.main-title.main-title--section:after,
.title--main.main-title--section:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #f1f2f2;
  bottom: -15px;
  content: '';
  display: block;
  height: 3px;
  position: absolute;
  width: 220px;
}
.main-title.detail__title,
.title--main.detail__title {
  margin: 10px 0 10px 0;
}
.ticketing .main-title,
.ticketing .title--main {
  margin-bottom: 5px;
  margin-top: 30px;
  font-weight: 200 !important;
}
.theme .main-title.theme--genres,
.theme .title--main.theme--genres {
  color: #5bb8ef;
}
.theme .main-title.theme--environnement,
.theme .title--main.theme--environnement {
  color: #84b614;
}
.theme .main-title.theme--numerique,
.theme .title--main.theme--numerique {
  color: #5fcba0;
}
.theme .main-title.theme--nord-sud,
.theme .title--main.theme--nord-sud {
  color: #f07723;
}
.theme .main-title.theme--arts-artistes,
.theme .title--main.theme--arts-artistes {
  color: #8669a0;
}
.theme .main-title.theme--sante,
.theme .title--main.theme--sante {
  color: #ff4f83;
}
.title--subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 30px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 30px;
}
.event-index .title--subtitle,
.article-index .title--subtitle,
.activity-index .title--subtitle {
  color: #6f9abc;
  text-align: left;
  font-size: 24px;
}
.title--subtitle.additional {
  margin: 15px 0 0 0;
}
.title--additional {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 18px;
  font-style: italic;
  text-align: center;
}
.title--number {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 22px;
  position: relative;
}
.secondary-title,
.title--secondary,
.stream-field h2,
.rich-text h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  line-height: 1.3;
}
.stream-field h2,
.stream-field h3 {
  margin-top: 15px;
}
.stream-field h2 b,
.stream-field h3 b,
.stream-field h2 strong,
.stream-field h3 strong {
  font-weight: normal !important;
}
.third-title,
.title--third,
.stream-field h3,
.rich-text h3 {
  font-size: 22px;
  line-height: 1.3;
}
.stream-field h3,
.rich-text h3 {
  margin-top: 30px;
}
.title--section {
  font-size: 21px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300 !important;
  display: block;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #333333;
}
.home .title--section {
  text-align: center;
}
.detail__actions + .title--section {
  margin-top: 30px;
}
.index-list__item-images .title--section {
  line-height: 1.4;
  font-size: 18px;
  font-weight: normal !important;
}
.ticketing .title--section {
  margin-bottom: 5px;
  font-size: 24px;
  margin-top: 30px;
  font-weight: 200 !important;
}
.ticketing__legend .title--section {
  margin-bottom: 5px;
  font-size: 21px;
  margin-top: 30px;
  font-weight: 200 !important;
}
.city .title--section {
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 28px;
  margin-top: 15px;
  position: relative;
}
.city .title--section:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #f0de00;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  bottom: -6px;
  width: 60px;
}
.aqvj .title--section {
  font-weight: normal;
  font-size: 24px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 30px;
}
.aqvj .title--section:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #F23005;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  bottom: -6px;
  width: 60px;
}
.jeb .title--section {
  font-size: 30px;
  margin-bottom: 30px;
}
.migrer .title--section {
  font-family: 'akzidenz-grotesk_bqmedium';
  font-size: 24px;
  text-transform: uppercase;
}
.migrer .title--section:after {
  background: url('https://static.pointculture.be/www/extra/static/images/migrer/migrer-arrow-title.svg') no-repeat;
  content: '';
  display: block;
  height: 12px;
}
.revolte .title--section {
  font-family: 'sharp_grotesk_book25';
  font-size: 18px;
  text-transform: uppercase;
}
.veille .title--section {
  font-family: 'maxwellregular';
  font-weight: normal;
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}
.veille .title--section:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  bottom: -6px;
  width: 30px;
}
.veille .title--section.theme--genres:after {
  background: #5bb8ef;
}
.veille .title--section.theme--environnement:after {
  background: #84b614;
}
.veille .title--section.theme--numerique:after {
  background: #5fcba0;
}
.veille .title--section.theme--nord-sud:after,
.veille .title--section.theme--nordsud:after {
  background: #f07723;
}
.veille .title--section.theme--arts-artistes:after,
.veille .title--section.theme--artsartistes:after {
  background: #8669a0;
}
.veille .title--section.theme--sante:after {
  background: #ff4f83;
}
.gdpr .title--section {
  font-size: 25px;
  margin-bottom: 30px;
}
.work .title--section {
  font-family: 'hanken_groteskmedium';
  font-weight: normal;
  font-size: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}
.work .title--section:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  bottom: -6px;
  width: 30px;
  background: black;
}
.title--section-highlighted {
  font-size: 21px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  line-height: 1.3;
  margin-bottom: 30px;
  position: relative;
}
.home .title--section-highlighted {
  font-weight: 400;
}
.title--section-highlighted:after {
  background: #707070;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  bottom: -6px;
  width: 30px;
}
.title--section-highlighted.theme--genres:after {
  background: #5bb8ef;
}
.title--section-highlighted.theme--environnement:after {
  background: #84b614;
}
.title--section-highlighted.theme--numerique:after {
  background: #5fcba0;
}
.title--section-highlighted.theme--nord-sud:after,
.title--section-highlighted.theme--nordsud:after {
  background: #f07723;
}
.title--section-highlighted.theme--arts-artistes:after,
.title--section-highlighted.theme--artsartistes:after {
  background: #8669a0;
}
.title--section-highlighted.theme--sante:after {
  background: #ff4f83;
}
.title--account {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  color: white;
  text-align: center;
  font-weight: 300 !important;
  margin-bottom: 0;
}
.title--education {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 21px;
  color: white;
  position: relative;
  z-index: 10;
  margin: 0 0 -5px 10px;
}
.title--education:after {
  content: '';
  background-color: #ec665e;
  width: 180px;
  height: 40px;
  display: block;
  position: relative;
  left: -10px;
  top: -30px;
  transform: rotate(-1deg);
  z-index: -1;
}
.title--facet {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
.title--culturebe {
  color: #f2374c;
}
.title--culturebe img {
  position: relative;
  top: 4px;
  margin-right: 1px;
  display: inline;
}
.title--curioso {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-curioso.png') no-repeat left top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 70px;
  padding-bottom: 45px;
  margin-bottom: -15px;
}
p {
  margin-bottom: 15px;
}
p:last-child {
  margin-bottom: 0;
}
.intro--thematiques {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
}
.intro {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
.intro--se {
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 50px;
}
.intro--theme {
  font-family: 'Poppins', sans-serif;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
.lato,
form {
  font-family: 'Lato', serif;
}
ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-bottom: 15px;
}
.styled-list,
.stream-field ul,
.rich-text ul {
  margin-bottom: 15px;
}
.styled-list li,
.stream-field ul li,
.rich-text ul li {
  position: relative;
  padding-left: 20px;
}
.styled-list li:before,
.stream-field ul li:before,
.rich-text ul li:before {
  content: '>';
  position: absolute;
  left: 0;
}
.styled-list:last-child,
.stream-field ul:last-child,
.rich-text ul:last-child {
  margin-bottom: 0;
}
.search__highlights {
  font-size: 13px;
  margin-top: 5px;
}
.highlight {
  font-weight: bold;
}
@media (min-width: 680px) {
  .thumbnail--shifted--top .title--section {
    margin-bottom: 14px;
  }
}
@media (max-width: 680px) {
  .page--title {
    margin-top: 30px;
  }
  .title--subtitle {
    padding-right: 30px;
  }
}
* {
  outline: 0 !important;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
  outline: 0;
}
body {
  font-family: 'Lato', serif;
  font-size: 100%;
  line-height: 1.6;
  color: #333333;
}
a {
  color: #6f9abc;
  text-decoration: none;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
a:hover {
  color: #a9c2d7;
}
img {
  max-width: 100%;
}
main {
  display: block;
}
#progress {
  height: 4px;
  background-color: #6f9abc;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
/*
CSS relatifs à des scripts (tels quels)
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/**
 * AddToCalendar Base CSS
 * http://addtocalendar.com
 */
/* Base */
.addtocalendar var {
  display: none;
}
.addtocalendar {
  position: relative;
  display: inline-block;
  background: transparent!important;
}
.atcb-link {
  display: block;
  outline: none!important;
  cursor: pointer;
}
.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-list:hover {
  visibility: visible;
}
.atcb-list {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  width: 170px;
  z-index: 900;
}
.atcb-list,
.atcb-item {
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
}
.atcb-item {
  float: none;
  text-align: left;
}
.atcb-item-link {
  text-decoration: none;
  outline: none;
  display: block;
}
.atcb-item.hover,
.atcb-item:hover {
  position: relative;
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}
@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
}
.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
  background: #f1f2f2;
  padding: 5px 20px;
  font-family: 'Lato', serif;
  border-radius: 8px 8px 0 0;
}
.r-tabs .r-tabs-tab a {
  color: #707070;
  text-decoration: none;
}
.r-tabs .r-tabs-tab:hover {
  background: #e4e6e6;
  color: #333333;
}
.r-tabs .r-tabs-accordion-title {
  display: none;
  background: #f4f5f5;
  padding: 5px 15px;
  font-family: 'Lato', serif;
}
.r-tabs .r-tabs-accordion-title a {
  color: white;
  text-decoration: none;
}
.r-tabs .r-tabs-state-active {
  background: #e4e6e6;
}
.r-tabs .r-tabs-state-active a {
  color: #333333;
}
.r-tabs .r-tabs-panel {
  display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  .r-tabs .r-tabs-nav {
    display: none;
  }
  .r-tabs .r-tabs-accordion-title {
    display: block;
  }
}
#easy-top,
#buy-ticket,
#share-links {
  background: #6f9abc;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 25px;
  padding: 4px;
  display: none;
  -webkit-transform: translateZ(0);
  transition: all 0.3s ease-out;
}
#share-links {
  display: block;
  width: 150px;
  color: white;
  right: 90px;
}
#buy-ticket {
  display: block;
  width: 150px;
  color: white;
  right: 90px;
}
#easy-top:hover,
#buy-ticket:hover {
  background: #a9c2d7;
}
#easy-top:before,
#easy-top:after,
#buy-ticket:before,
#buy-ticket:after {
  -webkit-backface-visibility: hidden;
}
#easy-top:before {
  content: '';
  height: 8px;
  width: 8px;
  display: block;
  border: 3px solid #fff;
  border-left-width: 0;
  border-bottom-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 15px;
  left: 18px;
}
#easy-top:after {
  content: '';
  height: 16px;
  width: 3px;
  display: block;
  background: #fff;
  position: absolute;
  top: 17px;
  left: 22px;
}
#easy-top:hover:after {
  border-color: transparent transparent rgba(178, 221, 223, 0.8) transparent;
}
@media (max-width: 640px) {
  #buy-ticket {
    display: none;
  }
}
/*
    TimelineJS - ver. 2017-03-31-15-29-59 - 2017-03-31
    Copyright (c) 2012-2016 Northwestern University
    a project of the Northwestern University Knight Lab, originally created by Zach Wise
    https://github.com/NUKnightLab/TimelineJS3
    This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
    If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
.tl-storyjs div * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tl-storyjs .active,
.tl-storyjs .caption,
.tl-storyjs .content-container,
.tl-storyjs .credit,
.tl-storyjs .date,
.tl-storyjs .dot,
.tl-storyjs .era,
.tl-storyjs .flag,
.tl-storyjs .line,
.tl-storyjs .major,
.tl-storyjs .map,
.tl-storyjs .marker,
.tl-storyjs .media,
.tl-storyjs .message,
.tl-storyjs .minor,
.tl-storyjs .slider,
.tl-storyjs .start,
.tl-storyjs .text,
.tl-storyjs .time,
.tl-storyjs .title,
.tl-storyjs .tl-container,
.tl-storyjs .tl-feature,
.tl-storyjs .tl-feedback,
.tl-storyjs .tl-navigation,
.tl-storyjs .tl-slider,
.tl-storyjs .toolbar,
.tl-storyjs a,
.tl-storyjs abbr,
.tl-storyjs acronym,
.tl-storyjs address,
.tl-storyjs blockquote,
.tl-storyjs button,
.tl-storyjs caption,
.tl-storyjs cite,
.tl-storyjs code,
.tl-storyjs dd,
.tl-storyjs del,
.tl-storyjs dfn,
.tl-storyjs dl,
.tl-storyjs dt,
.tl-storyjs em,
.tl-storyjs fieldset,
.tl-storyjs form,
.tl-storyjs h1,
.tl-storyjs h2,
.tl-storyjs h3,
.tl-storyjs h4,
.tl-storyjs h5,
.tl-storyjs h6,
.tl-storyjs img,
.tl-storyjs label,
.tl-storyjs legend,
.tl-storyjs li,
.tl-storyjs ol,
.tl-storyjs p,
.tl-storyjs pre,
.tl-storyjs q,
.tl-storyjs s,
.tl-storyjs samp,
.tl-storyjs small,
.tl-storyjs strike,
.tl-storyjs strong,
.tl-storyjs sub,
.tl-storyjs sup,
.tl-storyjs table,
.tl-storyjs tbody,
.tl-storyjs td,
.tl-storyjs tfoot,
.tl-storyjs th,
.tl-storyjs thead,
.tl-storyjs tr,
.tl-storyjs tt,
.tl-storyjs ul,
.tl-storyjs var {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  width: auto;
  float: none;
}
.tl-storyjs h1,
.tl-storyjs h2,
.tl-storyjs h3,
.tl-storyjs h4,
.tl-storyjs h5,
.tl-storyjs h6 {
  clear: none;
}
.tl-storyjs table {
  border-collapse: collapse;
  border-spacing: 0;
}
.tl-storyjs ol,
.tl-storyjs ul {
  list-style: none;
}
.tl-storyjs blockquote:after,
.tl-storyjs blockquote:before,
.tl-storyjs q:after,
.tl-storyjs q:before {
  content: "";
}
.tl-storyjs a:focus {
  outline: thin dotted;
}
.tl-storyjs a:active,
.tl-storyjs a:hover {
  outline: 0;
}
.tl-storyjs article,
.tl-storyjs aside,
.tl-storyjs details,
.tl-storyjs figcaption,
.tl-storyjs figure,
.tl-storyjs footer,
.tl-storyjs header,
.tl-storyjs hgroup,
.tl-storyjs nav,
.tl-storyjs section {
  display: block;
}
.tl-storyjs audio,
.tl-storyjs canvas,
.tl-storyjs video {
  display: inline-block;
}
.tl-storyjs audio:not([controls]) {
  display: none;
}
.tl-storyjs div {
  max-width: none;
}
.tl-storyjs sub,
.tl-storyjs sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.tl-storyjs sup {
  top: -0.5em;
}
.tl-storyjs sub {
  bottom: -0.25em;
}
.tl-storyjs img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.tl-storyjs button,
.tl-storyjs input,
.tl-storyjs select,
.tl-storyjs textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
.tl-storyjs button,
.tl-storyjs input {
  line-height: normal;
}
.tl-storyjs button::-moz-focus-inner,
.tl-storyjs input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.tl-storyjs button,
.tl-storyjs input[type=button],
.tl-storyjs input[type=reset],
.tl-storyjs input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
.tl-storyjs input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tl-storyjs input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.tl-storyjs textarea {
  overflow: auto;
  vertical-align: top;
}
.tl-timeline {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  color: #000;
}
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3 {
  font-size: 28px;
  line-height: 28px;
}
.tl-timeline h1 small,
.tl-timeline h2 small,
.tl-timeline h3 small {
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
}
.tl-timeline h4 small,
.tl-timeline h5 small,
.tl-timeline h6 small {
  font-size: 15px;
  line-height: 15px;
}
.tl-timeline h2.tl-headline-title {
  font-size: 38px;
  line-height: 38px;
}
.tl-timeline h2.tl-headline-title small {
  display: block;
  margin-top: 5px;
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline h2 {
  margin-top: 20px;
  margin-bottom: 5px;
}
.tl-timeline p {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #666;
}
.tl-timeline p.lead {
  font-size: 24px;
}
.tl-timeline p a {
  color: #666;
  text-decoration: underline;
}
.tl-timeline p a:focus,
.tl-timeline p a:hover {
  color: #c34528;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .tl-timeline p a {
    text-decoration: underline;
    background-image: none;
    text-shadow: none;
  }
  .tl-timeline p a:focus,
  .tl-timeline p a:hover {
    color: #c34528;
    text-decoration: underline;
  }
}
.tl-timeline b,
.tl-timeline strong {
  font-weight: 700;
}
.tl-timeline em,
.tl-timeline i {
  font-style: italic;
}
.tl-timeline a {
  text-decoration: none;
  color: #c34528;
}
.tl-timeline a:hover {
  text-decoration: underline;
  color: #6e2717;
}
.tl-timeline .tl-caption,
.tl-timeline .tl-credit,
.tl-timeline .tl-slidenav-next,
.tl-timeline .tl-slidenav-previous {
  font-size: 11px;
  line-height: 11px;
}
.tl-timeline .tl-caption a,
.tl-timeline .tl-credit a,
.tl-timeline .tl-slidenav-next a,
.tl-timeline .tl-slidenav-previous a {
  color: #000;
}
.tl-timeline .tl-makelink {
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.tl-timeline blockquote,
.tl-timeline blockquote p {
  font-family: Georgia,Times New Roman,Times,serif;
  color: #999;
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  background: 0 0;
  border: 0;
  padding: 0;
}
.tl-timeline blockquote cite,
.tl-timeline blockquote p cite {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #666;
  display: block;
  text-align: right;
  font-style: normal;
}
.tl-timeline blockquote cite:before,
.tl-timeline blockquote p cite:before {
  content: "\2014";
}
.tl-timeline blockquote p:before {
  content: open-quote;
  display: inline-block;
  font-size: 28px;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.tl-timeline blockquote p:after {
  content: close-quote;
  display: inline-block;
  font-size: 28px;
  position: relative;
  top: 8px;
  margin-left: 3px;
}
.tl-timeline blockquote {
  margin: 10px;
}
.tl-timeline blockquote p {
  margin: 0;
}
.tl-timeline .vcard {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.tl-timeline .vcard:after,
.tl-timeline .vcard:before {
  display: table;
  content: "";
}
.tl-timeline .vcard:after {
  clear: both;
}
.tl-timeline .vcard .twitter-date {
  text-align: left;
  font-size: 11px;
}
.tl-timeline .vcard .author {
  float: right;
}
.tl-timeline .vcard a {
  color: #333;
  text-decoration: none;
}
.tl-timeline .vcard a:hover {
  text-decoration: none;
}
.tl-timeline .vcard a:hover .fn,
.tl-timeline .vcard a:hover .nickname {
  color: #c34528;
}
.tl-timeline .vcard .fn,
.tl-timeline .vcard .nickname {
  padding-left: 42px;
}
.tl-timeline .vcard .fn {
  display: block;
  font-weight: 700;
}
.tl-timeline .vcard .nickname {
  margin-top: 1px;
  display: block;
  color: #666;
}
.tl-timeline .vcard .avatar {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
}
.tl-timeline .vcard .avatar img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tl-timeline .tl-text ul {
  padding: 0;
  padding-left: 30px;
  margin: 0;
}
.tl-timeline .tl-text ul li {
  margin-bottom: 5px;
}
.tl-timeline .tl-button-calltoaction {
  cursor: pointer;
  font-weight: 700;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.tl-timeline .tl-button-calltoaction .tl-button-calltoaction-text {
  display: inline-block;
  background-color: #c34528;
  color: #fff;
  padding: 10px 15px 10px 15px;
  border-radius: 7px;
}
.tl-timeline .tl-note {
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  background-color: #e6e6e6;
  font-size: 15px;
  line-height: 17px;
  padding: 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  color: #8a6d3b;
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  text-shadow: none;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .tl-timeline h1,
  .tl-timeline h2,
  .tl-timeline h3 {
    font-size: 28px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
  .tl-timeline h1,
  .tl-timeline h2,
  .tl-timeline h3 {
    font-size: 24px;
    line-height: 24px;
  }
}
.tl-skinny h2 {
  margin-top: 0;
}
@font-face {
  font-family: tl-icons;
  src: url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.eot);
  src: url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.eot?#iefix) format('embedded-opentype'), url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.ttf) format('truetype'), url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.woff) format('woff'), url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.svg#tl-icons) format('svg');
  font-weight: 400;
  font-style: normal;
}
[class*=" tl-icon-"],
[class^=tl-icon-] {
  font-family: tl-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tl-icon-vine:after {
  content: "\e64d";
}
.tl-icon-wikipedia:after {
  content: "\e64e";
}
.tl-icon-chevron-right:after {
  content: "\e64f";
}
.tl-icon-chevron-left:after {
  content: "\e650";
}
.tl-icon-youtube-logo:after {
  content: "\e651";
}
.tl-icon-foursquare:after {
  content: "\e652";
}
.tl-icon-camera-retro:after {
  content: "\e653";
}
.tl-icon-doc:after {
  content: "\e654";
}
.tl-icon-weibo:after {
  content: "\e655";
}
.tl-icon-resize-horizontal:after {
  content: "\e656";
}
.tl-icon-resize-vertical:after {
  content: "\e657";
}
.tl-icon-resize-full:after {
  content: "\e658";
}
.tl-icon-resize-small:after {
  content: "\e659";
}
.tl-icon-twitter:after {
  content: "\e62b";
}
.tl-icon-google-plus:after {
  content: "\e62c";
}
.tl-icon-video:after {
  content: "\e62d";
}
.tl-icon-youtube:after {
  content: "\e62d";
}
.tl-icon-plaintext:after {
  content: "\e62e";
}
.tl-icon-storify:after {
  content: "\e62e";
}
.tl-icon-image-v2:after {
  content: "\e62f";
}
.tl-icon-quote-v2:after {
  content: "\e630";
}
.tl-icon-zoom-in:after {
  content: "\e631";
}
.tl-icon-zoom-out:after {
  content: "\e632";
}
.tl-icon-list:after {
  content: "\e633";
}
.tl-icon-music:after {
  content: "\e634";
}
.tl-icon-spotify:after {
  content: "\e634";
}
.tl-icon-location:after {
  content: "\e635";
}
.tl-icon-googlemaps:after {
  content: "\e635";
}
.tl-icon-web:after {
  content: "\e636";
}
.tl-icon-share-v2:after {
  content: "\e637";
}
.tl-icon-soundcloud:after {
  content: "\e639";
}
.tl-icon-video-v2:after {
  content: "\e63a";
}
.tl-icon-dailymotion:after {
  content: "\e63a";
}
.tl-icon-tumblr:after {
  content: "\e63b";
}
.tl-icon-lastfm:after {
  content: "\e63c";
}
.tl-icon-github:after {
  content: "\e63d";
}
.tl-icon-goback:after {
  content: "\e63e";
}
.tl-icon-doc-v2:after {
  content: "\e63f";
}
.tl-icon-googledrive:after {
  content: "\e640";
}
.tl-icon-facebook:after {
  content: "\e641";
}
.tl-icon-flickr:after {
  content: "\e642";
}
.tl-icon-dribbble:after {
  content: "\e643";
}
.tl-icon-image:after {
  content: "\e605";
}
.tl-icon-vimeo:after {
  content: "\e606";
}
.tl-icon-instagram:after {
  content: "\e644";
}
.tl-icon-pinterest:after {
  content: "\e645";
}
.tl-icon-arrow-left:after {
  content: "\e646";
}
.tl-icon-arrow-down:after {
  content: "\e647";
}
.tl-icon-arrow-up:after {
  content: "\e648";
}
.tl-icon-arrow-right:after {
  content: "\e649";
}
.tl-icon-share:after {
  content: "\e64a";
}
.tl-icon-blockquote:after {
  content: "\e64b";
}
.tl-icon-evernote:after {
  content: "\e64c";
}
.tl-icon-mappin:after {
  content: "\e600";
}
.tl-icon-swipe-right:after {
  content: "\e601";
}
.tl-icon-swipe-left:after {
  content: "\e602";
}
.tl-icon-touch-spread:after {
  content: "\e603";
}
.tl-icon-touch-pinch:after {
  content: "\e604";
}
.tl-dragging {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.tl-menubar {
  position: absolute;
  z-index: 11;
  text-align: center;
  color: #333;
  overflow: hidden;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  top: 100%;
  left: 50%;
  left: 0;
}
@keyframes invertToBlack {
  from {
    background-color: #FFF;
  }
  to {
    background-color: #000;
  }
}
@-webkit-keyframes invertToBlack {
  from {
    background: #FFF;
  }
  to {
    background: #000;
  }
}
@keyframes invertToWhite {
  from {
    background-color: #000;
  }
  to {
    background-color: #FFF;
  }
}
@-webkit-keyframes invertToWhite {
  from {
    background: #000;
  }
  to {
    background: #FFF;
  }
}
.tl-menubar-button {
  font-size: 18px;
  line-height: 18px;
  background-color: rgba(242, 242, 242, 0.9);
  cursor: pointer;
  padding: 6px 12px 6px 12px;
  display: inline-block;
  display: block;
  color: #bfbfbf;
}
.tl-menubar-button.tl-menubar-button-inactive {
  opacity: .33;
}
.tl-menubar-button:hover {
  /*  background: #333;*/
  color: #FFF;
}
.tl-menubar-button:hover.tl-menubar-button-inactive {
  color: #bfbfbf;
  /*  background-color: rgba(242,242,242,.9);*/
}
.tl-mobile .tl-menubar-button {
  display: block;
}
.tl-mobile .tl-menubar-button:hover {
  /*  background-color: rgba(242,242,242,.67);*/
  color: #737373;
}
.tl-mobile .tl-menubar-button:active {
  /*  background: #c34528;*/
  color: #FFF;
}
@keyframes invertToBlack {
  from {
    background-color: #FFF;
  }
  to {
    background-color: #000;
  }
}
@-webkit-keyframes invertToBlack {
  from {
    background: #FFF;
  }
  to {
    background: #000;
  }
}
@keyframes invertToWhite {
  from {
    background-color: #000;
  }
  to {
    background-color: #FFF;
  }
}
@-webkit-keyframes invertToWhite {
  from {
    background: #000;
  }
  to {
    background: #FFF;
  }
}
.tl-message,
.tl-message-full {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 99;
  margin: auto;
  text-align: center;
}
.tl-message .tl-message-container,
.tl-message-full .tl-message-container {
  padding: 20px;
  margin: 20px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.tl-message .tl-message-container .tl-message-content,
.tl-message-full .tl-message-container .tl-message-content {
  color: #666;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
  text-transform: uppercase;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  text-shadow: 1px 1px 1px #FFF;
}
.tl-message .tl-message-container .tl-message-content strong,
.tl-message-full .tl-message-container .tl-message-content strong {
  text-transform: uppercase;
}
.tl-message .tl-message-container .tl-loading-icon,
.tl-message-full .tl-message-container .tl-loading-icon {
  width: 30px;
  height: 30px;
  background-color: #666;
  vertical-align: middle;
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.tl-message-full {
  background-color: rgba(255, 255, 255, 0.8);
}
.tl-message-full [class*=" tl-icon-"],
.tl-message-full [class^=tl-icon-] {
  color: #666;
  font-size: 72px;
}
.tl-message-full .tl-message-container .tl-message-content {
  font-size: 22px;
  line-height: 22px;
  text-shadow: none;
  color: #666;
  text-transform: none;
  font-weight: 400;
}
.tl-message-full .tl-message-container .tl-message-content .tl-button {
  display: inline-block;
  cursor: pointer;
  background-color: #FFF;
  color: #333;
  padding: 10px;
  margin-top: 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.tl-timenav {
  width: 100%;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.tl-timenav .tl-attribution {
  cursor: pointer;
  z-index: 9;
  position: absolute;
  bottom: 2px;
  left: 0;
  font-size: 10px;
  line-height: 10px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 3px;
}
.tl-timenav .tl-attribution a {
  color: #ccc;
}
.tl-timenav .tl-attribution a:hover {
  color: #000;
  text-decoration: none;
}
.tl-timenav .tl-attribution a:hover .tl-knightlab-logo {
  background-color: #c34528;
}
.tl-timenav .tl-attribution .tl-knightlab-logo {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 8px;
  margin-right: 3px;
  background-color: #c34528;
  background-color: #ccc;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tl-timenav .tl-timenav-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  z-index: 2;
  display: none;
}
.tl-timenav .tl-timenav-line:after,
.tl-timenav .tl-timenav-line:before {
  font-family: tl-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #c34528;
  font-size: 32px;
  line-height: 32px;
  position: absolute;
  left: -14px;
}
.tl-timenav .tl-timenav-line:before {
  top: -10px;
}
.tl-timenav .tl-timenav-line:after {
  content: "\e648";
  bottom: 24px;
}
.tl-timenav .tl-timenav-slider {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.tl-timenav .tl-timenav-slider.tl-timenav-slider-animate {
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timenav .tl-timenav-slider .tl-timenav-slider-background {
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: move;
  z-index: 6;
}
.tl-timenav .tl-timenav-slider .tl-timenav-container-mask {
  position: absolute;
  height: 100%;
  top: 0;
}
.tl-timenav .tl-timenav-slider .tl-timenav-container-mask .tl-timenav-container {
  position: absolute;
  height: 100%;
}
.tl-timenav .tl-timenav-slider .tl-timenav-container-mask .tl-timenav-container .tl-timenav-item-container {
  position: absolute;
  height: 100%;
}
.tl-timemarker {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker.tl-timemarker-fast {
  -webkit-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker.tl-timemarker-fast .tl-timemarker-content-container {
  -webkit-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker.tl-timemarker-fast .tl-timemarker-timespan {
  -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker .tl-timemarker-timespan {
  pointer-events: none;
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(229, 229, 229, 0.15);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker .tl-timemarker-timespan .tl-timemarker-timespan-content {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #e5e5e5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 100px;
  box-sizing: border-box;
}
.tl-timemarker .tl-timemarker-line-right {
  display: none;
  right: 0;
}
.tl-timemarker .tl-timemarker-line-left {
  width: 1px;
  left: 0;
}
.tl-timemarker .tl-timemarker-line-left,
.tl-timemarker .tl-timemarker-line-right {
  margin-top: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #d9d9d9;
  z-index: 5;
  content: " ";
  position: absolute;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tl-timemarker .tl-timemarker-line-left:after,
.tl-timemarker .tl-timemarker-line-right:after {
  display: block;
  content: " ";
  position: absolute;
  left: -4px;
  bottom: 0;
  height: 6px;
  width: 6px;
  background-color: #919191;
  z-index: 8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.tl-timemarker .tl-timemarker-content-container {
  position: absolute;
  background-color: #d9dbdd;
  border: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%;
  width: 100px;
  overflow: hidden;
  z-index: 6;
  -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
}
.tl-timemarker .tl-timemarker-content-container:hover {
  z-index: 9;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  z-index: 8;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text {
  overflow: hidden;
  position: relative;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 12px;
  height: 100%;
  overflow: hidden;
  font-weight: 400;
  margin: 0;
  color: #bfbfbf;
  position: relative;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout:after,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {
  float: left;
  max-width: 24px;
  max-height: 24px;
  overflow: hidden;
  margin-right: 5px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {
  max-width: 24px;
  max-height: 100%;
  opacity: .25;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  display: block;
  font-size: 24px;
  color: #bfbfbf;
  margin-top: 0;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-icon-wikipedia {
  font-size: 16px;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-text h2.tl-headline {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class^=tl-icon-] {
  font-size: 12px;
}
.tl-timemarker:hover .tl-timemarker-timespan {
  background-color: rgba(191, 191, 191, 0.15);
}
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-timespan-content {
  background-color: #bfbfbf;
}
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-left,
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-right {
  border-color: #a6a6a6;
}
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-left:after,
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-line-right:after {
  background-color: #3d3d3d;
}
.tl-timemarker:hover .tl-timemarker-content-container {
  background-color: #bfbfbf;
  border-color: #a6a6a6;
  -webkit-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timemarker:hover .tl-timemarker-content-container.tl-timemarker-content-container-small {
  width: 200px;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
  color: black;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {
  opacity: 1;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  color: black;
}
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-left,
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-right {
  border-color: #000;
}
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-left:after,
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-right:after {
  background-color: #000;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 8;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan .tl-timemarker-timespan-content {
  background-color: #333;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left,
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-right {
  border-color: rgba(51, 51, 51, 0.5);
  border-width: 1px;
  z-index: 8;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left:after,
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-right:after {
  background-color: #333;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
  background-color: #FFF;
  color: #333;
  z-index: 9;
  border-color: rgba(51, 51, 51, 0.5);
  box-shadow: 1px 1px 3px rgba(145, 145, 145, 0.5);
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
  color: #333 !important;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {
  opacity: 1;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  color: #333;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-timespan-content {
  display: block;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-line-left,
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan .tl-timemarker-line-right {
  z-index: 5;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-timespan:after {
  display: block;
  content: " ";
  position: absolute;
  left: 0;
  bottom: -7px;
  height: 6px;
  width: 100%;
  background-color: rgba(115, 115, 115, 0.15);
  z-index: 6;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-content-container.tl-timemarker-content-container-long {
  box-shadow: none;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-line-right {
  display: block;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-line-left {
  box-shadow: none;
}
.tl-timemarker.tl-timemarker-with-end:hover .tl-timemarker-timespan:after {
  background-color: rgba(0, 0, 0, 0.25);
}
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-timespan:after {
  background-color: rgba(51, 51, 51, 0.5);
}
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left,
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-right {
  border-width: 1px;
}
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left:after,
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-right:after {
  background-color: #333!important;
}
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active .tl-timemarker-line-left {
  box-shadow: none;
}
.tl-timemarker.tl-timemarker-with-end.tl-timemarker-active:hover .tl-timemarker-timespan:after {
  background-color: rgba(51, 51, 51, 0.5);
}
.tl-timeera {
  height: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 3;
  -webkit-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timeera.tl-timeera-fast {
  -webkit-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timeera .tl-timeera-background {
  position: absolute;
  background-color: #28a6c3;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.tl-timeera.tl-timeera-color0 .tl-timeera-background {
  background-color: #c34528;
}
.tl-timeera.tl-timeera-color1 .tl-timeera-background {
  background-color: #28a6c3;
}
.tl-timeera.tl-timeera-color2 .tl-timeera-background {
  background-color: #2832c3;
}
.tl-timeera.tl-timeera-color3 .tl-timeera-background {
  background-color: #28c36c;
}
.tl-timeera.tl-timeera-color4 .tl-timeera-background {
  background-color: #286dc3;
}
.tl-timeera.tl-timeera-color5 .tl-timeera-background {
  background-color: #28c3a7;
}
.tl-timeera .tl-timeera-content-container {
  position: absolute;
  border: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%;
  width: 100px;
  overflow: hidden;
  -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
}
.tl-timeera .tl-timeera-content-container .tl-timeera-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline {
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 10px;
  line-height: 10px;
  overflow: hidden;
  font-weight: 400;
  margin: 0;
  color: #FFF;
  margin-left: 10px;
}
.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline.tl-headline-fadeout:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
}
.tl-timegroup {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f2f2f2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: left 1s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timegroup .tl-timegroup-message {
  color: #e0e0e0;
  text-shadow: #FFF 0 2px 2px;
  margin-left: 80px;
}
.tl-timegroup.tl-timegroup-alternate {
  background-color: #fafafa;
}
.tl-timegroup.tl-timegroup-hidden {
  display: none;
}
.tl-timeaxis-background {
  height: 39px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  border-top: 1px solid #e5e5e5;
  z-index: 2;
}
.tl-timeaxis {
  height: 39px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.tl-timeaxis .tl-timeaxis-content-container {
  position: relative;
  bottom: 0;
  height: 39px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor {
  opacity: 0;
  position: absolute;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  text-align: center;
  font-weight: 400;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick .tl-timeaxis-tick-text,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {
  content: "|";
  display: block;
  color: #FFF;
  width: 1px;
  overflow: hidden;
  border-left: 1px solid #bfbfbf;
  text-align: center;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major.tl-timeaxis-animate .tl-timeaxis-tick,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor.tl-timeaxis-animate .tl-timeaxis-tick {
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major.tl-timeaxis-animate-opacity .tl-timeaxis-tick,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor.tl-timeaxis-animate-opacity .tl-timeaxis-tick {
  -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major {
  z-index: 1;
  background-color: #FFF;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick {
  font-size: 12px;
  line-height: 14px;
  color: #737373;
  width: 100px;
  margin-left: -50px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before {
  border-color: #a6a6a6;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 2px;
  margin-left: 50px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
  font-size: 11px;
  line-height: 13px;
  color: #bfbfbf;
  width: 50px;
  margin-left: -25px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {
  opacity: 0;
  white-space: normal;
  padding-left: 2px;
  padding-right: 2px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text span {
  display: block;
  font-size: 9px;
  line-height: 9px;
  margin-top: -2px;
  color: #e6e6e6;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {
  font-size: 9px;
  line-height: 9px;
  margin-left: 25px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick.tl-timeaxis-tick-hidden .tl-timeaxis-tick-text {
  opacity: 0!important;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick.tl-timeaxis-tick-hidden:before {
  opacity: .33;
}
.tlanimate {
  -webkit-transform: translateZ(0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
.tl-animate {
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-animate-opacity {
  -webkit-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.tl-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.tl-slide .tl-slide-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  display: none;
  filter: alpha(opacity=50);
  -khtml-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.tl-slide .tl-slide-scrollable-container {
  display: table;
  table-layout: fixed;
  height: 100%;
  z-index: 1;
}
.tl-slide .tl-slide-content-container {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.tl-slide .tl-slide-content-container .tl-slide-content {
  display: table;
  vertical-align: middle;
  padding-left: 100px;
  padding-right: 100px;
  position: relative;
  max-width: 100%;
}
.tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
  position: relative;
  width: 100%;
  min-width: 50%;
  float: left;
  margin-top: auto;
  margin-bottom: auto;
}
.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
  width: 50%;
  max-width: 50%;
  min-width: 120px;
  padding: 0 20px 0 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.tl-slide-media-only .tl-slide-content-container .tl-slide-content {
  text-align: center;
}
.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-media {
  text-align: center;
  position: relative;
  width: 100%;
  min-width: 50%;
  max-width: 100%;
  float: none;
  margin-top: auto;
  margin-bottom: auto;
}
.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-text {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.tl-slide-text-only .tl-slide-content-container .tl-slide-content {
  text-align: center;
}
.tl-slide-text-only .tl-slide-content-container .tl-slide-content .tl-text {
  max-width: 80%;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.tl-slide.tl-full-color-background,
.tl-slide.tl-full-image-background {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-color-background h1,
.tl-slide.tl-full-color-background h2,
.tl-slide.tl-full-color-background h3,
.tl-slide.tl-full-color-background h4,
.tl-slide.tl-full-color-background h5,
.tl-slide.tl-full-color-background h6,
.tl-slide.tl-full-color-background p,
.tl-slide.tl-full-image-background h1,
.tl-slide.tl-full-image-background h2,
.tl-slide.tl-full-image-background h3,
.tl-slide.tl-full-image-background h4,
.tl-slide.tl-full-image-background h5,
.tl-slide.tl-full-image-background h6,
.tl-slide.tl-full-image-background p {
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
}
.tl-slide.tl-full-color-background a,
.tl-slide.tl-full-color-background a:hover,
.tl-slide.tl-full-color-background b,
.tl-slide.tl-full-color-background blockquote,
.tl-slide.tl-full-color-background blockquote p,
.tl-slide.tl-full-color-background i,
.tl-slide.tl-full-image-background a,
.tl-slide.tl-full-image-background a:hover,
.tl-slide.tl-full-image-background b,
.tl-slide.tl-full-image-background blockquote,
.tl-slide.tl-full-image-background blockquote p,
.tl-slide.tl-full-image-background i {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
  color: #fff;
}
.tl-slide.tl-full-color-background .tl-caption,
.tl-slide.tl-full-color-background .tl-credit,
.tl-slide.tl-full-image-background .tl-caption,
.tl-slide.tl-full-image-background .tl-credit {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-color-background .tl-media-blockquote blockquote,
.tl-slide.tl-full-color-background .tl-media-twitter blockquote,
.tl-slide.tl-full-image-background .tl-media-blockquote blockquote,
.tl-slide.tl-full-image-background .tl-media-twitter blockquote {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-color-background .tl-media-blockquote blockquote p,
.tl-slide.tl-full-color-background .tl-media-twitter blockquote p,
.tl-slide.tl-full-image-background .tl-media-blockquote blockquote p,
.tl-slide.tl-full-image-background .tl-media-twitter blockquote p {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-color-background .vcard .nickname,
.tl-slide.tl-full-color-background .vcard a,
.tl-slide.tl-full-image-background .vcard .nickname,
.tl-slide.tl-full-image-background .vcard a {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-image-background {
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 25%;
  text-shadow: 1px 1px 2px #000;
}
.tl-slide.tl-full-image-background h1,
.tl-slide.tl-full-image-background h2,
.tl-slide.tl-full-image-background h3,
.tl-slide.tl-full-image-background h4,
.tl-slide.tl-full-image-background h5,
.tl-slide.tl-full-image-background h6,
.tl-slide.tl-full-image-background p {
  text-shadow: 1px 1px 2px #000;
}
.tl-slide.tl-full-image-background .tl-caption,
.tl-slide.tl-full-image-background .tl-credit {
  text-shadow: 1px 1px 2px #000;
}
.tl-slide.tl-full-image-background .tl-media-blockquote blockquote,
.tl-slide.tl-full-image-background .tl-media-twitter blockquote {
  text-shadow: 1px 1px 2px #000!important;
}
.tl-slide.tl-full-image-background .tl-media-blockquote blockquote p,
.tl-slide.tl-full-image-background .tl-media-twitter blockquote p {
  text-shadow: 1px 1px 2px #000!important;
}
.tl-slide.tl-text-background .tl-text .tl-text-content-container {
  padding: 20px;
  background: #000 transparent;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.tl-slide.tl-text-background .tl-text .tl-text-content-container h2 {
  margin-top: 5px;
}
.tl-skinny .tl-slide {
  display: block;
  padding-top: 10px;
}
.tl-skinny .tl-slide .tl-slide-content-container {
  display: block;
  position: static;
  height: auto;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
}
.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content {
  display: block;
  display: -webkit-flex;
  display: flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  position: static;
  height: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media {
  position: static;
  width: 100%;
  height: auto;
  float: none;
  display: block;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
  display: block;
  height: auto;
  vertical-align: initial;
  position: static;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  float: none;
  padding: 0;
}
.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-text .tl-text-content-container {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.tl-skinny .tl-slide.tl-full-image-background .tl-slide-content-container .tl-slide-content .tl-media,
.tl-skinny .tl-slide.tl-slide.tl-full-color-background .tl-slide-content-container .tl-slide-content .tl-media {
  border-color: rgba(230, 230, 230, 0.25);
}
.tl-skinny .tl-slide.tl-slide-media-only .tl-slide-content-container .tl-slide-content {
  flex-direction: column;
  -webkit-flex-direction: column;
}
.tl-skinny .tl-slide.tl-slide-media-only .tl-slide-content-container .tl-slide-content .tl-media {
  border-top: none;
  padding-top: 0;
}
.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media embed,
.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media iframe,
.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media img,
.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media object,
.tl-mobile.tl-skinny .tl-slide .tl-slide-content-container .tl-slide-content .tl-media video {
  max-height: 175px;
}
.tl-slidenav-next,
.tl-slidenav-previous {
  position: absolute;
  top: 45%;
  z-index: 10;
  cursor: pointer;
}
.tl-slidenav-next .tl-slidenav-content-container,
.tl-slidenav-previous .tl-slidenav-content-container {
  height: 200px;
  width: 100px;
  position: absolute;
}
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-title {
  width: 80px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  filter: alpha(opacity=15);
  -khtml-opacity: .15;
  -moz-opacity: .15;
  opacity: .15;
}
.tl-slidenav-next .tl-slidenav-description small,
.tl-slidenav-next .tl-slidenav-title small,
.tl-slidenav-previous .tl-slidenav-description small,
.tl-slidenav-previous .tl-slidenav-title small {
  display: block;
}
.tl-slidenav-next .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-title {
  margin-top: 10px;
  font-size: 11px;
  line-height: 11px;
}
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-description {
  font-size: 11px;
  margin-top: 5px;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.tl-slidenav-next .tl-slidenav-description small,
.tl-slidenav-previous .tl-slidenav-description small {
  display: none;
}
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon,
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title {
  text-shadow: 1px 1px 1px #FFF;
  color: #333;
}
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title {
  color: #f2f2f2;
  text-shadow: 1px 1px 1px #333;
}
.tl-slidenav-next .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-icon {
  font-family: tl-icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  margin-bottom: 5px;
}
.tl-slidenav-next {
  text-align: right;
  margin-right: 10px;
  right: 100px;
}
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-title {
  margin-left: 20px;
}
.tl-slidenav-next .tl-slidenav-icon {
  margin-left: 76px;
}
.tl-slidenav-next .tl-slidenav-icon:before {
  content: "\e64f";
}
.tl-slidenav-previous {
  text-align: left;
  margin-left: 10px;
}
.tl-slidenav-previous .tl-slidenav-icon {
  margin-left: 0;
}
.tl-slidenav-previous .tl-slidenav-icon:before {
  content: "\e650";
}
.tl-slidenav-next:hover .tl-slidenav-title,
.tl-slidenav-previous:hover .tl-slidenav-title {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-slidenav-next:hover .tl-slidenav-description,
.tl-slidenav-previous:hover .tl-slidenav-description {
  filter: alpha(opacity=50);
  -khtml-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
}
.tl-slidenav-next:hover .tl-slidenav-icon {
  margin-left: 80px;
}
.tl-slidenav-previous:hover .tl-slidenav-icon {
  margin-left: -4px;
}
.tl-skinny .tl-slidenav-next {
  right: 32px;
}
.tl-skinny .tl-slidenav-next .tl-slidenav-icon {
  margin-left: 8px;
}
.tl-skinny .tl-slidenav-next .tl-slidenav-content-container,
.tl-skinny .tl-slidenav-previous .tl-slidenav-content-container {
  width: 32px;
  height: 32px;
}
.tl-skinny .tl-slidenav-next .tl-slidenav-description,
.tl-skinny .tl-slidenav-next .tl-slidenav-title,
.tl-skinny .tl-slidenav-previous .tl-slidenav-description,
.tl-skinny .tl-slidenav-previous .tl-slidenav-title {
  display: none;
}
.tl-skinny .tl-slidenav-next .tl-slidenav-icon,
.tl-skinny .tl-slidenav-previous .tl-slidenav-icon {
  filter: alpha(opacity=33);
  -khtml-opacity: .33;
  -moz-opacity: .33;
  opacity: .33;
}
.tl-skinny .tl-slidenav-next:hover .tl-slidenav-icon {
  margin-left: 12px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-skinny .tl-slidenav-previous:hover .tl-slidenav-icon {
  margin-left: -4px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-layout-landscape.tl-mobile .tl-slidenav-next:hover {
  right: 70px;
}
.tl-layout-landscape.tl-mobile .tl-slidenav-next:hover .tl-slidenav-icon {
  margin-left: 8px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-layout-landscape.tl-mobile .tl-slidenav-next:active .tl-slidenav-icon {
  margin-left: 0;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-layout-landscape.tl-mobile .tl-slidenav-previous:hover .tl-slidenav-icon {
  margin-left: 80px;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-layout-landscape.tl-mobile .tl-slidenav-previous:active .tl-slidenav-icon {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  margin-left: -4px;
}
.tl-layout-portrait.tl-mobile .tl-slidenav-next:hover .tl-slidenav-icon {
  filter: alpha(opacity=33);
  -khtml-opacity: .33;
  -moz-opacity: .33;
  opacity: .33;
}
.tl-layout-portrait.tl-mobile .tl-slidenav-next:active .tl-slidenav-icon {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-layout-portrait.tl-mobile .tl-slidenav-previous:hover .tl-slidenav-icon {
  filter: alpha(opacity=33);
  -khtml-opacity: .33;
  -moz-opacity: .33;
  opacity: .33;
}
.tl-layout-portrait.tl-mobile .tl-slidenav-previous:active .tl-slidenav-icon {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.tl-mobile .tl-slidenav-next,
.tl-mobile .tl-slidenav-previous,
.tl-skinny.tl-layout-landscape.tl-mobile .tl-slidenav-next,
.tl-skinny.tl-layout-landscape.tl-mobile .tl-slidenav-previous,
.tl-skinny.tl-layout-portrait.tl-mobile .tl-slidenav-next,
.tl-skinny.tl-layout-portrait.tl-mobile .tl-slidenav-previous,
.tl-skinny.tl-mobile .tl-slidenav-next,
.tl-skinny.tl-mobile .tl-slidenav-previous {
  display: none;
}
.tl-storyslider {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  box-sizing: content-box;
  z-index: 8;
}
.tl-storyslider embed,
.tl-storyslider iframe,
.tl-storyslider img,
.tl-storyslider object,
.tl-storyslider video {
  max-width: 100%;
  position: relative;
}
.tl-storyslider .tl-slider-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.tl-storyslider .tl-slider-touch-mask {
  width: 100%;
  height: 100%;
  z-index: 25;
  top: 0;
  left: 0;
  position: absolute;
}
.tl-storyslider .tl-slider-container-mask {
  text-align: center;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.tl-storyslider .tl-slider-container-mask .tl-slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.tl-storyslider .tl-slider-container-mask .tl-slider-container .tl-slider-item-container {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.tl-media {
  width: 100%;
  min-width: 50%;
  height: 100%;
  float: left;
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
}
.tl-media .tl-media-content-container.tl-media-content-container-text {
  border-right: 1px solid #e6e6e6;
  padding-right: 20px;
}
.tl-media .tl-media-content-container .tl-media-content {
  position: relative;
}
.tl-media .tl-media-content-container .tl-media-content:after,
.tl-media .tl-media-content-container .tl-media-content:before {
  display: table;
  content: "";
}
.tl-media .tl-media-content-container .tl-media-content:after {
  clear: both;
}
.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror p {
  color: #f2f2f2;
  text-align: center;
}
.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror p span {
  color: #f2f2f2;
}
.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror [class*=" tl-icon-"],
.tl-media .tl-media-content-container .tl-media-content .tl-media-loaderror [class^=tl-icon-] {
  font-size: 28px;
  color: #f2f2f2;
  text-align: center;
}
.tl-media .tl-media-content-container .tl-media-content embed,
.tl-media .tl-media-content-container .tl-media-content img,
.tl-media .tl-media-content-container .tl-media-content object,
.tl-media .tl-media-content-container .tl-media-content video {
  max-width: 100%;
  max-height: 100%;
}
.tl-slide-media-only .tl-media .tl-media-content-container.tl-media-content-container-text {
  border-right: none;
  padding-right: 0;
}
.tl-media-shadow {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);
  box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.6);
}
.tl-slide.tl-full-color-background .vcard a,
.tl-slide.tl-full-color-background a,
.tl-slide.tl-full-image-background .vcard a,
.tl-slide.tl-full-image-background a {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
  color: #fff;
}
.tl-credit {
  color: #999;
  text-align: right;
  display: block;
  margin: 0 auto;
  margin-top: 6px;
  font-size: 10px;
  line-height: 13px;
}
.tl-caption {
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  color: #666;
  font-size: 11px;
  line-height: 14px;
  text-rendering: optimizeLegibility;
  word-wrap: break-word;
}
.tl-full-color-background .tl-media-shadow:after,
.tl-full-color-background .tl-media-shadow:before,
.tl-full-image-background .tl-media-shadow:after,
.tl-full-image-background .tl-media-shadow:before {
  background: 0 0;
  -webkit-box-shadow: 0 0 0 #000;
  -moz-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
}
.tl-skinny .tl-media {
  width: 100%;
  height: auto;
  float: none;
  display: block;
}
.tl-skinny .tl-media .tl-media-content-container.tl-media-content-container-text {
  border-right: 0;
  padding-right: 0;
}
.tl-skinny .tl-media .tl-media-content-container .tl-caption,
.tl-skinny .tl-media .tl-media-content-container .tl-credit {
  margin-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 8px;
}
.tl-skinny .tl-media .tl-media-content-container .tl-credit {
  margin-top: 0;
}
.tl-mobile.tl-skinny .tl-media {
  width: 100%;
  height: auto;
  float: none;
  display: block;
}
.tl-mobile.tl-skinny .tl-media .tl-media-content-container.tl-media-content-container-text {
  border-right: 0;
  padding-right: 0;
}
.tl-text {
  width: 50%;
  max-width: 50%;
  min-width: 120px;
  padding: 0 20px 0 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  text-shadow: none;
  color: #737373;
}
.tl-text p {
  color: #737373;
}
.tl-text h2.tl-headline,
.tl-text h2.tl-headline-title {
  margin-top: 0;
}
.tl-text .tl-headline-date,
.tl-text h3.tl-headline-date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  margin: 0 0 3px 0;
  color: #b3b3b3;
}
.tl-text .tl-headline-date small,
.tl-text h3.tl-headline-date small {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: #b3b3b3;
}
.tl-text .tl-text-date {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-top: 10px;
  font-size: 12px;
  color: #b3b3b3;
}
.tl-full-color-background .tl-text,
.tl-full-color-background .tl-text p,
.tl-full-image-background .tl-text,
.tl-full-image-background .tl-text p {
  color: #f2f2f2!important;
  text-shadow: 1px 1px 2px #000;
}
.tl-full-color-background .tl-text .tl-headline-date,
.tl-full-color-background .tl-text h3.tl-headline-date,
.tl-full-color-background .tl-text p .tl-headline-date,
.tl-full-color-background .tl-text p h3.tl-headline-date,
.tl-full-image-background .tl-text .tl-headline-date,
.tl-full-image-background .tl-text h3.tl-headline-date,
.tl-full-image-background .tl-text p .tl-headline-date,
.tl-full-image-background .tl-text p h3.tl-headline-date {
  color: #f2f2f2!important;
}
.tl-full-color-background .tl-text .tl-headline-date small,
.tl-full-color-background .tl-text h3.tl-headline-date small,
.tl-full-color-background .tl-text p .tl-headline-date small,
.tl-full-color-background .tl-text p h3.tl-headline-date small,
.tl-full-image-background .tl-text .tl-headline-date small,
.tl-full-image-background .tl-text h3.tl-headline-date small,
.tl-full-image-background .tl-text p .tl-headline-date small,
.tl-full-image-background .tl-text p h3.tl-headline-date small {
  color: #f2f2f2!important;
}
.tl-skinny .tl-text {
  width: 100%;
  max-width: 100%;
  min-width: auto;
  float: none;
  margin-top: 20px;
}
.tl-skinny .tl-text h2.tl-headline,
.tl-skinny .tl-text h2.tl-headline-title {
  font-size: 32px;
  line-height: 36px;
}
.tl-medium .tl-text h2.tl-headline,
.tl-medium .tl-text h2.tl-headline-title {
  font-size: 32px;
  line-height: 36px;
}
.tl-mobile.tl-skinny .tl-media .tl-media-image {
  max-height: 250px!important;
}
.tl-media .tl-media-twitter {
  text-align: left;
  clear: both;
}
.tl-media .tl-media-twitter blockquote {
  margin: 0;
  margin-right: 15px;
  font-size: 15px;
  line-height: 21px;
  color: #333;
}
.tl-media .tl-media-twitter blockquote p {
  font-size: 28px;
  line-height: 30px;
  color: #000;
}
.tl-media .tl-media-twitter blockquote p:before {
  display: none;
}
.tl-media .tl-media-twitter blockquote p:after {
  display: none;
}
.tl-media .tl-media-twitter .tl-icon-twitter {
  color: #55ACEE;
}
.tl-media .tl-media-twitter .vcard a.tl-date:hover,
.tl-media .tl-media-twitter .vcard a:hover {
  text-decoration: none;
  color: #55ACEE;
}
.tl-media .tl-media-twitter .vcard a.tl-date:hover .fn,
.tl-media .tl-media-twitter .vcard a.tl-date:hover .nickname,
.tl-media .tl-media-twitter .vcard a:hover .fn,
.tl-media .tl-media-twitter .vcard a:hover .nickname {
  color: #55ACEE;
}
.tl-slide-media-only .tl-media .tl-media-twitter {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.tl-mobile.tl-skinny .tl-media .tl-media-twitter blockquote p {
  font-size: 15px;
  line-height: 21px;
}
.tl-skinny .tl-media .tl-media-twitter {
  margin-left: 10px;
  margin-right: 10px;
}
.tl-skinny .tl-media .tl-media-twitter blockquote p {
  font-size: 24px;
  line-height: 26px;
}
.tl-media .tl-media-blockquote {
  text-align: left;
  clear: both;
}
.tl-media .tl-media-blockquote blockquote {
  margin: 0;
  margin-right: 15px;
  text-align: left;
  font-size: 28px;
  line-height: 30px;
  color: #333;
}
.tl-media .tl-media-blockquote blockquote p {
  font-size: 28px;
  line-height: 30px;
  color: #333;
}
.tl-media .tl-media-blockquote blockquote p:after,
.tl-media .tl-media-blockquote blockquote p:before {
  display: inline-block;
  font-size: 36px;
}
.tl-media .tl-media-blockquote blockquote p:before {
  content: open-quote;
  margin-right: 5px;
}
.tl-media .tl-media-blockquote blockquote p:after {
  content: close-quote;
  margin-left: 3px;
}
.tl-media .tl-media-blockquote blockquote cite {
  font-size: 15px;
  line-height: 21px;
  color: #999;
  text-align: right;
  margin-top: 15px;
}
.tl-slide-media-only .tl-media .tl-media-blockquote {
  border-right: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  .tl-media .tl-media-blockquote blockquote p {
    font-size: 24px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
  .tl-media .tl-media-blockquote blockquote p {
    font-size: 15px;
    line-height: 21px;
  }
}
.tl-mobile.tl-skinny .tl-media .tl-media-instagram {
  max-height: 250px!important;
}
.tl-media .tl-media-profile {
  border-radius: 50%;
}
.tl-media .tl-media-iframe {
  width: 100%;
  height: 100%;
}
.tl-media .tl-media-iframe iframe {
  width: 100%;
  height: 100%;
}
.tl-media .tl-media-wikipedia {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.tl-media .tl-media-wikipedia .tl-icon-wikipedia {
  font-size: 32px;
  margin-right: 10px;
  float: left;
  padding-top: 3px;
}
.tl-media .tl-media-wikipedia .tl-wikipedia-pageimage {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.tl-media .tl-media-wikipedia .tl-wikipedia-title {
  margin-left: 60px;
  padding-left: 10px;
  border-left: 1px solid #e6e6e6;
  margin-bottom: 10px;
}
.tl-media .tl-media-wikipedia .tl-wikipedia-source {
  font-size: 13px;
  line-height: 15px;
  font-style: italic;
  margin-top: 3px;
  display: block;
  color: rgba(0, 0, 0, 0.5);
}
.tl-media .tl-media-wikipedia h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.tl-media .tl-media-wikipedia h4 a {
  color: #000;
  text-decoration: none;
}
.tl-media .tl-media-wikipedia h4 a:hover {
  text-decoration: underline;
}
.tl-media .tl-media-wikipedia p {
  font-size: 13px;
  line-height: 19px;
}
.tl-slide-media-only .tl-media .tl-media-wikipedia {
  border-right: 0;
  border-top: 1px solid #e6e6e6;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  padding-top: 25px;
}
.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia,
.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia {
  padding: 20px;
  background: #000 transparent;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia h4 a,
.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia h4 a {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia .tl-wikipedia-title,
.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia .tl-wikipedia-title {
  border-color: rgba(230, 230, 230, 0.25);
}
.tl-slide.tl-full-color-background .tl-media .tl-media-wikipedia .tl-wikipedia-source,
.tl-slide.tl-full-image-background .tl-media .tl-media-wikipedia .tl-wikipedia-source {
  color: rgba(230, 230, 230, 0.85);
}
.tl-mobile.tl-skinny .tl-media .tl-media-wikipedia,
.tl-skinny .tl-media .tl-media-wikipedia {
  margin-left: 10px;
  margin-right: 10px;
}
.tl-media .tl-media-website {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.tl-media .tl-media-website .tl-media-website-description {
  font-size: 16px;
  line-height: 19px;
  font-style: italic;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.tl-media .tl-media-website h4 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
}
.tl-media .tl-media-website h4 a {
  color: #000;
  text-decoration: none;
}
.tl-media .tl-media-website h4 a:hover {
  text-decoration: underline;
}
.tl-media .tl-media-website p {
  font-size: 13px;
  line-height: 19px;
}
.tl-media .tl-media-content-container .tl-media-content .tl-media-website img {
  float: right;
  max-width: 120px;
  max-height: 120px;
  margin: 4px 0 0 15px;
}
.tl-media .tl-media-content-container .tl-media-content .tl-media-website img.tl-media-website-icon {
  max-width: 16px;
  max-height: 16px;
  float: none;
  margin: 0;
  margin-right: 3px;
}
.tl-slide.tl-full-color-background .tl-media .tl-media-website,
.tl-slide.tl-full-image-background .tl-media .tl-media-website {
  padding: 20px;
  background: #000 transparent;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.tl-slide.tl-full-color-background .tl-media .tl-media-website h4 a,
.tl-slide.tl-full-image-background .tl-media .tl-media-website h4 a {
  color: #FFF!important;
  text-shadow: 1px 1px 1px #000!important;
}
.tl-mobile.tl-skinny .tl-media .tl-media-website {
  margin-left: 10px;
  margin-right: 10px;
}
.tl-timeline {
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-color: #FFF;
  color: #737373;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.tl-timeline.tl-timeline-embed {
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
.tl-timeline.tl-timeline-full-embed {
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.tl-layout-portrait .tl-storyslider {
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
}
.tl-rtl .blockquote,
.tl-rtl .tl-headline,
.tl-rtl .tl-headline-date,
.tl-rtl .tl-media .tl-media-blockquote blockquote,
.tl-rtl .tl-media-blockquote,
.tl-rtl .tl-media-website,
.tl-rtl .tl-media-wikipedia,
.tl-rtl .tl-text-content,
.tl-rtl .tl-text-content p,
.tl-rtl .tl-timeline blockquote p,
.tl-rtl blockquote p {
  text-align: right;
}
.tl-rtl .tl-slide-media-only .tl-headline,
.tl-rtl .tl-slide-media-only .tl-headline-date {
  text-align: center;
}
.tl-rtl .tl-timemarker-text {
  margin-right: 35px;
}
.tl-rtl .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {
  float: right;
}
.tl-rtl .tl-caption {
  text-align: right;
}
.tl-rtl .tl-credit {
  text-align: left;
}
#timeline-embed {
  margin-bottom: 60px;
}
.timeline--intro {
  font-size: 18px;
  margin-bottom: -30px !important;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 Typos 
-------------------------------------------------------------------------------------------------------------------*/
.tl-timeline {
  font-family: 'Lato', serif;
}
.tl-timeline blockquote,
.tl-timeline blockquote p {
  font-family: 'Lato', serif;
  color: #999;
  font-size: 24px;
  line-height: 24px;
  text-align: left;
  background: 0 0;
  border: 0;
  padding: 0;
  font-style: italic;
}
.tl-timeline .vcard {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.tl-timeline blockquote cite,
.tl-timeline blockquote p cite {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: #666;
  display: block;
  text-align: right;
  font-style: normal;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 LINKS 
-------------------------------------------------------------------------------------------------------------------*/
.tl-timeline a {
  text-decoration: none;
  color: #000;
}
.tl-timeline a:hover {
  text-decoration: none;
  color: #000;
}
a.link-borrow {
  background: none;
  border: none;
  display: block;
  font-weight: bold;
  margin-top: 12px;
  position: relative;
  text-decoration: none;
  color: black;
}
a.link-borrow:hover:after {
  right: -15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link-borrow:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F152';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 Titles 
-------------------------------------------------------------------------------------------------------------------*/
.tl-storyjs h1,
.tl-storyjs h2,
.tl-storyjs h3,
.tl-storyjs h4,
.tl-storyjs h5,
.tl-storyjs h6 {
  clear: none;
}
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  color: #000;
  font-size: 21px;
  font-family: 'Lato', serif;
  font-weight: normal;
}
.tl-timeline h2 {
  color: #000;
  font-size: 21px;
}
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3 {
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline h1 small,
.tl-timeline h2 small,
.tl-timeline h3 small {
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  font-size: 21px;
  line-height: 24px;
  margin-bottom: 0;
}
.tl-timeline h4 small,
.tl-timeline h5 small,
.tl-timeline h6 small {
  font-size: 15px;
  line-height: 15px;
}
.tl-timeline h2.tl-headline-title {
  font-size: 38px;
  line-height: 38px;
}
.tl-timeline h2.tl-headline-title small {
  display: block;
  margin-top: 5px;
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline h2 {
  margin-top: 20px;
}
.tl-storyjs table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 Icons 
-------------------------------------------------------------------------------------------------------------------*/
/*@font-face{
    font-family:tl-icons;
    src:url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.eot);
    src:url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.eot?#iefix) format('embedded-opentype'),url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.ttf) format('truetype'),url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.woff) format('woff'),url(https://static.pointculture.be/www/extra/static/less/icons/tl-icons.svg#tl-icons) format('svg');
    font-weight:400;
    font-style:normal;
}*/
@font-face {
  font-family: 'Material Design Icons';
  src: url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.eot');
  src: url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.woff') format('woff'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.ttf') format('truetype'), url('https://static.pointculture.be/www/extra/static/fonts/materialdesignicons-webfont.svg#material_design_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class*=" tl-icon-"],
[class^=tl-icon-] {
  font-family: 'Material Design Icons';
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tl-icon-flickr:after {
  content: "\f3de";
}
.tl-icon-youtube:after {
  content: "\f6b0";
}
.tl-icon-vimeo:after {
  content: "\f665";
}
.tl-icon-zoom-in:after {
  content: "\f43d";
}
.tl-icon-zoom-out:after {
  content: "\f43c";
}
.tl-icon-goback:after {
  content: "\f549";
}
.tl-icon-image:after {
  content: "\f3de";
}
.tl-icon-vine:after {
  content: "\e64d";
}
.tl-icon-wikipedia:after {
  content: "\e64e";
}
.tl-icon-chevron-right:after {
  content: "\e64f";
}
.tl-icon-chevron-left:after {
  content: "\e650";
}
.tl-icon-youtube-logo:after {
  content: "\e651";
}
.tl-icon-foursquare:after {
  content: "\e652";
}
.tl-icon-camera-retro:after {
  content: "\e653";
}
.tl-icon-doc:after {
  content: "\e654";
}
.tl-icon-weibo:after {
  content: "\e655";
}
.tl-icon-resize-horizontal:after {
  content: "\e656";
}
.tl-icon-resize-vertical:after {
  content: "\e657";
}
.tl-icon-resize-full:after {
  content: "\e658";
}
.tl-icon-resize-small:after {
  content: "\e659";
}
.tl-icon-twitter:after {
  content: "\e62b";
}
.tl-icon-google-plus:after {
  content: "\e62c";
}
.tl-icon-video:after {
  content: "\e62d";
}
.tl-icon-plaintext:after {
  content: "\e62e";
}
.tl-icon-storify:after {
  content: "\e62e";
}
.tl-icon-image-v2:after {
  content: "\e62f";
}
.tl-icon-quote-v2:after {
  content: "\e630";
}
.tl-icon-list:after {
  content: "\e633";
}
.tl-icon-music:after {
  content: "\e634";
}
.tl-icon-spotify:after {
  content: "\e634";
}
.tl-icon-location:after {
  content: "\e635";
}
.tl-icon-googlemaps:after {
  content: "\e635";
}
.tl-icon-web:after {
  content: "\e636";
}
.tl-icon-share-v2:after {
  content: "\e637";
}
.tl-icon-soundcloud:after {
  content: "\e639";
}
.tl-icon-video-v2:after {
  content: "\e63a";
}
.tl-icon-dailymotion:after {
  content: "\e63a";
}
.tl-icon-tumblr:after {
  content: "\e63b";
}
.tl-icon-lastfm:after {
  content: "\e63c";
}
.tl-icon-github:after {
  content: "\e63d";
}
.tl-icon-doc-v2:after {
  content: "\e63f";
}
.tl-icon-googledrive:after {
  content: "\e640";
}
.tl-icon-facebook:after {
  content: "\e641";
}
.tl-icon-dribbble:after {
  content: "\e643";
}
.tl-icon-image:after {
  content: "\e605";
}
.tl-icon-instagram:after {
  content: "\e644";
}
.tl-icon-pinterest:after {
  content: "\e645";
}
.tl-icon-arrow-left:after {
  content: "\e646";
}
.tl-icon-arrow-down:after {
  content: "\e647";
}
.tl-icon-arrow-up:after {
  content: "\e648";
}
.tl-icon-arrow-right:after {
  content: "\e649";
}
.tl-icon-share:after {
  content: "\e64a";
}
.tl-icon-blockquote:after {
  content: "\e64b";
}
.tl-icon-evernote:after {
  content: "\e64c";
}
.tl-icon-mappin:after {
  content: "\e600";
}
.tl-icon-swipe-right:after {
  content: "\e601";
}
.tl-icon-swipe-left:after {
  content: "\e602";
}
.tl-icon-touch-spread:after {
  content: "\e603";
}
.tl-icon-touch-pinch:after {
  content: "\e604";
}
/*--------------------------------------------------------------------------------------------------------------------
                                 Arrows 
-------------------------------------------------------------------------------------------------------------------*/
.tl-slidenav-next .tl-slidenav-icon:before {
  content: '\f238';
  /*    font-family: 'Material Design Icons';
    display: block;
    color: #323232;
    text-indent: 0;
    font-size: 40px;*/
}
.tl-slidenav-previous .tl-slidenav-icon:before {
  content: '\f237';
  /*
    font-family: 'Material Design Icons';
    display: block;
    color: #323232;
    text-indent: 0;
    font-size: 40px;
    top: -1px;
    position: absolute;
    left: 2px;*/
}
.tl-slidenav-next .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-icon {
  font-family: 'Material Design Icons';
  color: #323232;
  speak: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  margin-bottom: 5px;
}
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-title {
  width: 80px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  filter: alpha(opacity=5);
  -khtml-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 TIMELINE CONTENT 
-------------------------------------------------------------------------------------------------------------------*/
.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
  width: 50%;
  max-width: 50%;
  min-width: 120px;
  padding: 0 20px 0 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 TIMELINE ELEMENTS 
-------------------------------------------------------------------------------------------------------------------*/
/* IN JS : prÈciser la coueleur de l'ÈlÈment de la TL selon la collection (ex art et artistes, ...) */
.tl-timemarker .tl-timemarker-content-container {
  position: absolute;
  background-color: #D9DBDB;
  border: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%;
  width: 300px;
  overflow: hidden;
  z-index: 6;
  -webkit-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1), width 1s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  box-sizing: border-box;
  border: 1px solid #333333;
  box-shadow: 1px 1px 3px black;
}
.tl-timemarker .tl-timemarker-content-container:hover {
  z-index: 9;
}
.tl-timemarker:hover .tl-timemarker-content-container {
  background-color: #eceded;
  border-color: #eceded;
  -webkit-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  color: #000 !important;
}
.tl-timemarker:hover .tl-timemarker-timespan .tl-timemarker-timespan-content {
  background-color: #d9dbdb;
  width: 200px;
}
.tl-timemarker:hover {
  background-color: #d9dbdb;
  border-color: #D9DBDB;
  -webkit-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 250ms cubic-bezier(0.77, 0, 0.175, 1), width 250ms cubic-bezier(0.77, 0, 0.175, 1);
  color: #000 !important;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  color: black;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content {
  position: relative;
  overflow: hidden;
  height: 100%;
  z-index: 8;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text {
  overflow: hidden;
  position: relative;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 12px;
  height: 100%;
  overflow: hidden;
  font-weight: 400;
  margin: 0;
  color: black;
  position: relative;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline p.tl-headline-fadeout:after,
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline.tl-headline-fadeout:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {
  float: left;
  max-width: 100px;
  max-height: 100px;
  overflow: hidden;
  margin-right: 5px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-timemarker-media {
  max-width: 96px;
  max-height: 100%;
  opacity: 1;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container [class^=tl-icon-] {
  display: block;
  font-size: 24px;
  color: #fff;
  margin-top: 0;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container .tl-icon-wikipedia {
  font-size: 16px;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-text h2.tl-headline {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class*=" tl-icon-"],
.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content.tl-timemarker-content-small .tl-timemarker-media-container [class^=tl-icon-] {
  font-size: 12px;
}
.tl-menubar-button {
  font-size: 18px;
  line-height: 18px;
  cursor: pointer;
  padding: 6px 12px 6px 12px;
  display: inline-block;
  display: block;
  color: #323232;
}
.tl-menubar-button.tl-menubar-button-inactive {
  opacity: 0.33;
}
.tl-menubar-button:hover {
  color: rgba(50, 50, 50, 0.5);
  /*  color:#FFF;*/
}
.tl-menubar-button:hover.tl-menubar-button-inactive {
  color: rgba(50, 50, 50, 0.5);
}
.tl-mobile .tl-menubar-button {
  display: block;
}
.tl-mobile .tl-menubar-button:hover {
  color: rgba(50, 50, 50, 0.5);
  background-color: none;
}
.tl-mobile .tl-menubar-button:active {
  color: rgba(50, 50, 50, 0.5);
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
  background-color: #fff;
  color: #000;
  z-index: 9;
  border-color: rgba(51, 51, 51, 0.5);
  box-shadow: 1px 1px 3px rgba(145, 145, 145, 0.5);
}
/*--------------------------------------------------------------------------------------------------------------------
                                 TIMELINE ERA 
-------------------------------------------------------------------------------------------------------------------*/
.tl-timenav .tl-timenav-slider .tl-timenav-container-mask {
  position: absolute;
  height: 110%;
  top: 0;
}
.tl-timenav .tl-timenav-slider {
  position: absolute;
  height: 110%;
  width: 100%;
  top: 0;
}
.tl-timeera {
  height: 50px;
  position: absolute;
  bottom: 70px;
}
.tl-timeera .tl-timeera-content-container .tl-timeera-content .tl-timeera-text h2.tl-headline {
  position: absolute;
  bottom: -5px;
  font-size: 14px;
  line-height: 30px;
  overflow: hidden;
  font-weight: 400;
  margin: 0;
  color: #FFF;
  margin-left: 5px;
}
.tl-timeera.tl-timeera-color0 .tl-timeera-background {
  background-color: #3f6786;
}
.tl-timeera.tl-timeera-color1 .tl-timeera-background {
  background-color: #477498;
}
.tl-timeera.tl-timeera-color2 .tl-timeera-background {
  background-color: #4f81a9;
}
.tl-timeera.tl-timeera-color3 .tl-timeera-background {
  background-color: #5e8eb4;
}
.tl-timeera.tl-timeera-color4 .tl-timeera-background {
  background-color: #6f9abc;
}
.tl-timeera.tl-timeera-color5 .tl-timeera-background {
  background-color: #7da4c3;
}
.tl-timeera.tl-timeera-color6 .tl-timeera-background {
  background-color: #85a9c6;
}
.tl-timeera.tl-timeera-color7 .tl-timeera-background {
  background-color: #8caec9;
}
.tl-timeera.tl-timeera-color8 .tl-timeera-background {
  background-color: #9ab8d0;
}
.tl-timeera.tl-timeera-color9 .tl-timeera-background {
  background-color: #a1bdd3;
}
.tl-timeera.tl-timeera-color10 .tl-timeera-background {
  background-color: #a9c2d7;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 TIMELINE AXIS 
-------------------------------------------------------------------------------------------------------------------*/
.tl-timeaxis {
  width: 100%;
  position: absolute;
  bottom: 50px;
}
.tl-timeaxis-background {
  height: 60px;
  bottom: 0;
}
.tl-timeaxis .tl-timeaxis-content-container {
  position: relative;
  bottom: 0;
  height: 60px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick {
  font-size: 11px;
  line-height: 13px;
  color: #333333;
  width: 50px;
  margin-left: -25px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick:before,
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick:before {
  color: #FFF;
  border-left: 1px solid #333333;
  line-height: 10px;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick {
  font-size: 12px;
  line-height: 14px;
  color: black;
  width: 100px;
  font-weight: bold;
}
.tl-timemarker .tl-timemarker-line-left,
.tl-timemarker .tl-timemarker-line-right {
  margin-top: 7px;
  border-left: 1px solid #d9d9d9;
  z-index: 5;
  content: " ";
  position: absolute;
  height: 100%;
}
.tl-timemarker .tl-timemarker-line-left:after,
.tl-timemarker .tl-timemarker-line-right:after {
  display: block;
  content: " ";
  position: absolute;
  bottom: 0;
  height: 6px;
  width: 6px;
  z-index: 8;
}
.tl-timemarker .tl-timemarker-line-left:after,
.tl-timemarker .tl-timemarker-line-right:after {
  background-color: #3f3f3f;
}
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-left,
.tl-timemarker:hover.tl-timemarker-active .tl-timemarker-line-right {
  border-color: #d9dbdb;
}
/*--------------------------------------------------------------------------------------------------------------------
                                 TIMELINE CONTENT NEXT AND PREVIOUS 
-------------------------------------------------------------------------------------------------------------------*/
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.tl-slidenav-next .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-content-container.tl-slidenav-inverted .tl-slidenav-title {
  color: white;
  text-shadow: 1px 1px 1px #333;
}
.tl-slidenav-next .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-title {
  width: 80px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  filter: alpha(opacity=15);
  -khtml-opacity: .15;
  -moz-opacity: .15;
  opacity: 1;
}
.tl-slidenav-next:hover .tl-slidenav-title,
.tl-slidenav-previous:hover .tl-slidenav-title {
  opacity: .8;
}
.tl-slidenav-next:hover .tl-slidenav-description,
.tl-slidenav-previous:hover .tl-slidenav-description {
  opacity: .8;
}
.tl-slidenav-next,
.tl-slidenav-previous {
  position: absolute;
  top: 45%;
  z-index: 10;
  cursor: pointer;
}
.tl-slide .tl-slide-content-container .tl-slide-content .tl-text {
  width: 80%;
  max-width: 80%;
}
.tl-timeline p a {
  color: #000;
  text-decoration: none;
}
div.tl-slidenav-title {
  display: none;
}
/*
Les "éléments" sont des sélecteurs ou des balises qui peuvent être utilisées n'importe ou et qui restent simples - boutons, liens, badges, icones.
Ils peuvent être utilisés à l'intérieur de modules, groupés, etc.
*/
.archivetype {
  margin: 0 auto;
  width: 95%;
  display: flex;
  flex-wrap: wrap;
}
.article-index .archivetype {
  width: 100%;
}
.archivetype_list {
  margin-right: 40px;
}
.article-index .archivetype_list {
  margin-right: 30px;
}
.archivetype_list:last-child {
  margin-right: 0;
}
.archivetype_item {
  position: relative;
  font-family: 'Lato', serif;
  color: #333333;
  text-decoration: none;
  padding-left: 21px;
}
.archivetype_item:before {
  display: block;
  font-family: 'Material Design Icons';
  top: -3px;
  background: white;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  font-size: 30px;
  text-align: center;
  line-height: 65px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.article-index .archivetype_item:before {
  height: 55px;
  width: 55px;
  font-size: 25px;
  text-align: center;
  line-height: 55px;
}
.incubateur .archivetype_item:before {
  height: 85px;
  width: 85px;
  font-size: 40px;
  line-height: 85px;
  margin: 0 auto;
}
.archivetype_item a {
  text-decoration: none;
  color: #333333;
  cursor: pointer;
  text-align: center;
}
.archivetype_item a:hover {
  color: #333333;
  background: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.archivetype_title {
  text-align: center;
  color: #333333;
  padding-top: 6px;
  width: 70px;
}
.article-index .archivetype_title {
  width: 55px;
  font-size: 14px;
}
.archivetype_item--all {
  top: -8px;
}
.article-index .archivetype_item--all {
  top: 0;
}
.archivetype_item--all:before {
  content: '\f35D';
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 35px;
}
.archivetype_item--focus:before {
  content: '\f30e';
}
.archivetype_item--video:before {
  content: '\F655';
}
.archivetype_item--playlist:before {
  content: '\F500';
}
.archivetype_item--podcast:before {
  content: '\F528';
}
.archivetype_item--publication:before {
  content: '\F423';
}
.archivetype_item--portrait:before {
  content: '\F103';
}
.archivetype_item--critique:before {
  content: '\F243';
}
.archivetype_item--gallery:before,
.archivetype_item--galerie:before {
  content: '\F349';
}
.archivetype_item--event:before,
.archivetype_item--evenement:before,
.archivetype_item--animation:before,
.archivetype_item--formation:before {
  content: '\F1E3';
}
.archivetype_item--outil-interactif:before,
.archivetype_item--interactive-tool:before {
  content: '\F217';
}
.archivetype_item--formations:before {
  content: '\F1EB';
}
.archivetype_item--dossiers:before {
  content: '\F34B';
}
.archivetype_item--organisation:before {
  content: '\F288';
}
.archivetype_item--construction:before {
  content: '\F6A2';
}
.archivetype_item--com:before {
  content: '\F45C';
}
@media (max-width: 960px) {
  .archivetype {
    width: 100%;
    margin-left: 30px;
  }
}
/* Round badge on thumbnail */
.badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 7;
}
.badge:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(201, 205, 205, 0.7);
  color: white;
  display: block;
  font-family: 'Material Design Icons';
  font-size: 28px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 42px;
}
.breadcrumb .badge {
  right: auto;
  left: -10px;
  top: 34px;
}
.breadcrumb .badge:after {
  background: none;
  height: auto;
  line-height: 1;
  color: rgba(201, 205, 205, 0.5);
}
.thumbnail--shifted--left .badge {
  right: 0;
  left: 12px;
}
.badge--focus:after {
  content: '\f30e';
}
.badge--event:after,
.badge--evenement:after,
.badge--animation:after,
.badge--formation:after {
  content: '\F1E3';
}
.badge--video:after {
  content: '\F655';
}
.badge--playlist:after {
  content: '\F500';
}
.badge--gallery:after,
.badge--galerie:after {
  content: '\F349';
}
.badge--publication:after {
  content: '\F423';
}
.badge--portrait:after {
  content: '\F103';
}
.badge--link:after {
  content: '\F2FB';
}
.badge--critique:after {
  content: '\F243';
}
.badge--podcast:after {
  content: '\F528';
}
.badge--outil-interactif:after,
.badge--interactive-tool:after {
  content: '\F217';
}
/* badge on thumbnail for pointculture event */
.badge--pointculture {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 7;
}
.event-index .badge--pointculture {
  top: 2px;
}
.badge--pointculture:after {
  content: '';
  background: url('https://static.pointculture.be/www/extra/static/images/agenda-filter.svg') no-repeat;
  height: 30px;
  width: 32px;
  display: block;
  line-height: 40px;
  margin: 0 auto;
  margin-top: 8px;
}
.event-index .badge--pointculture:after {
  height: 20px;
  width: 22px;
}
.badge--external {
  position: absolute;
  top: 35%;
  right: 41%;
  z-index: 7;
  opacity: 0;
}
.event-index .badge--external {
  top: 23%;
  right: 35%;
}
@media (max-width: 768px) {
  .badge--external {
    opacity: 1;
    top: 30%;
    right: 41%;
  }
}
.badge--external:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: rgba(104, 104, 104, 0.7);
  color: white;
  display: block;
  font-family: 'Material Design Icons';
  font-size: 40px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  width: 60px;
  content: '\F419';
}
.event-index .badge--external:after {
  background: none;
  font-size: 35px;
}
.box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px;
  background: white;
  display: block;
  /*    margin-bottom: (@gutter/2);*/
  font-family: 'Lato', serif;
}
a.box {
  text-decoration: none;
}
.advantages .box {
  margin-bottom: 15px;
}
.revolte .box {
  padding: 15px;
}
.box--cookies {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  padding: 20px 50px 5px 50px;
  font-weight: 400;
  /*	&:after{
		content: '';
    	background: url(/static/images/illu-cookies.svg) center center no-repeat;
    	width: 146px;
    	height: 150px;
    	display: inline-block;
    	position: absolute;
    	top: 75px;
    	right: 0;
    	opacity: 0.5;
    	z-index: -10;
	}*/
}
.box--cookies p {
  width: 80%;
  float: left;
}
.box--cookies--illu:before {
  content: '';
  background: url(/static/images/illu-cookies.svg) center center no-repeat;
  width: 30px;
  height: 34px;
  display: inline-block;
  position: relative;
  top: 9px;
  right: 9px;
}
.box--cookies--close {
  text-indent: 100%;
}
.box--cookies--close:after {
  color: black;
  content: '\F24C';
  display: block;
  font-family: 'Material Design Icons';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 25px;
  right: 35px;
}
.box--booking {
  border: 1px solid #6f9abc;
  font-style: italic;
  font-weight: bold;
  padding-left: 65px;
  position: relative;
  width: 500px;
  height: 100px;
  margin: 0 auto;
  margin-bottom: 15px;
  margin-top: 30px;
}
.box--booking--validate {
  border: 1px solid #6f9abc;
  font-style: italic;
  font-weight: bold;
  padding-left: 65px;
  position: relative;
  width: 500px;
  height: 50px;
  margin-bottom: 15px;
  margin-top: 30px;
}
.box--background {
  background: #f1f2f2;
}
.section--background .box--background {
  background: white;
}
a:hover .box--background,
a:focus .box--background {
  background: #c9cdcd;
}
.box--background-light {
  background: #f9fafa;
}
a:hover .box--background-light,
a:focus .box--background-light {
  background: #c9cdcd;
}
.box--background--education {
  background: #2a5980;
}
.box--border {
  border: 1px solid #f1f2f2;
}
.box--message {
  padding-left: 40px;
  position: relative;
}
.box--message:before {
  font-family: 'Material Design Icons';
  content: '\F3F0';
  position: absolute;
  left: 12px;
}
.box--shadow {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.box--error,
.box--warning {
  border-color: #ee8d00;
  color: #ee8d00;
  margin-bottom: 30px;
}
.account-home .box--error,
.account-home .box--warning {
  font-weight: bold;
}
.box--danger {
  color: #f43616;
}
.box--success {
  border-color: #81b701;
  color: #81b701;
  margin-bottom: 30px;
}
.box--debug,
.box--info {
  border-color: #00aeda;
  color: #00aeda;
  margin-bottom: 30px;
}
.box--breadcrumb {
  background: #6f9abc;
  color: white;
  font-family: 'Poppins', sans-serif;
  font-weight: 200;
  font-size: 24px;
  text-align: center;
}
.box--breadcrumb:focus {
  font-weight: 500;
}
/* With big icon */
.box--icon {
  border: 1px solid #6f9abc;
  font-style: italic;
  font-weight: bold;
  padding-left: 65px;
  position: relative;
}
.box--icon:before {
  font-family: 'Material Design Icons';
  background: #6f9abc;
  color: white;
  content: '\F3F0';
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  height: 100%;
  left: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.box--icon--calendar:before {
  content: '\F1E4';
}
.box--icon--location:before {
  content: '\F442';
}
.box--icon--money:before {
  content: '\F20C';
}
.box--icon--truck:before {
  content: '\F62B';
}
.box--icon--media:before {
  content: '';
  background: #6f9abc url('https://static.pointculture.be/www/extra/static/images/icon-media.png') no-repeat center center;
}
.svg .box--icon--media:before {
  background: #6f9abc url('https://static.pointculture.be/www/extra/static/images/icon-media.svg') no-repeat center center;
  background-size: 25px;
}
.box--icon--emprunts:before {
  content: '\F60E';
}
.box--icon--wishlist:before {
  content: '\F615';
}
.box--icon--abo:before {
  content: '\F604';
}
/* With color status */
.box--status {
  padding-right: 30px;
  position: relative;
  /* min-height: 76px; FD 16/6/2022 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.box--status:hover {
  border-color: #c9cdcd;
}
.box--status:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  content: '';
  height: 10px;
  width: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  background: none;
}
.account-home .box--status:after {
  top: 0;
  margin-top: 9px;
}
.account-home .box--status {
  min-height: 0;
}
.box--status--outside:after {
  right: -20px;
}
.box--status--success:after {
  background: #81b701;
}
a.box--status--success:hover {
  border-color: #81b701;
}
.box--status--danger:after {
  background: #f43616;
}
a.box--status--danger:hover {
  border-color: #f43616;
}
.box--status--warning:after {
  background: #ee8d00;
}
a.box--status--warning:hover {
  border-color: #ee8d00;
}
.box--status--info:after {
  background: #00aeda;
}
a.box--status--info:hover {
  border-color: #00aeda;
}
@media (max-width: 960px) {
  .box--breadcrumb {
    width: 90%;
  }
  .box--breadcrumb:hover,
  .box--breadcrumb:focus {
    font-weight: 500;
  }
  .box--booking--validate {
    width: 240px;
  }
  .box--cookies {
    width: 100%;
    padding: 20px;
  }
  .box--cookies p {
    width: 100%;
    float: left;
  }
  .box--booking {
    height: 140px;
  }
}
.btn,
button {
  border: none;
  background: #6f9abc;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  height: 40px;
  color: white;
  padding: 0 15px;
  font-size: 15px;
  text-decoration: none;
  line-height: 40px;
  display: inline-block;
  border-radius: 20px;
}
.btn:hover,
button:hover {
  cursor: pointer;
}
.search-form--classical .btn,
.search-form--classical button {
  background: #6f9abc;
}
.search-form--game .btn,
.search-form--game button {
  background: #6f9abc;
}
.search-form--advanced .btn,
.search-form--advanced button {
  background: #6f9abc;
}
.btn .education,
button .education,
.cta .btn,
.cta button {
  border-radius: 0;
}
.section--about .btn,
.section--about button {
  line-height: 33px;
}
.section--about .btn:hover,
.section--about button:hover {
  color: white;
}
.form--registration .btn,
.form--registration button {
  border-radius: 0 20px 20px 0;
}
.btn--hover:hover {
  color: white;
  background: #a9c2d7;
}
.btn--presse {
  width: 241px;
  margin: 0 auto;
  display: block;
}
.btn--border {
  background: none;
  border: 1px solid #707070;
  color: #707070;
}
.btn > input {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Lato', serif;
  font-size: 15px;
  color: white;
  display: block;
  max-width: 100%;
  white-space: normal;
}
.btn > input:hover {
  cursor: pointer;
}
.btn--stuck {
  height: 32px;
}
.btn--large {
  font-size: 21px;
  line-height: 1.2;
  padding: 15px 15px 6px 15px;
  text-align: left;
}
.btn--large:after {
  bottom: 0;
  content: '\F152';
  font-family: 'Material Design Icons';
  font-size: 16px;
  line-height: 35px;
  margin-left: 5px;
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.btn--center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.btn--icon {
  position: relative;
  padding-right: 40px;
  overflow: hidden;
}
.btn--icon:after {
  bottom: 0;
  content: '\F14F';
  font-family: 'Material Design Icons';
  font-size: 16px;
  line-height: 35px;
  margin-left: 5px;
  position: absolute;
  right: .4em;
  top: .2em;
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.btn--icon:hover:after {
  right: -30px;
}
.btn--edit {
  position: relative;
  padding-right: 40px;
  overflow: hidden;
}
.btn--edit:after {
  bottom: 0;
  content: '\F1BF';
  font-family: 'Material Design Icons';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: absolute;
  right: .4em;
  /* FD 16/06/2023 */
  top: .4em;
  /*    FD 16/06/2023 */
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.btn--edit:hover:after {
  right: -30px;
}
.btn--icon--prev {
  position: relative;
  padding-left: 40px;
  overflow: hidden;
}
.btn--icon--prev:before {
  bottom: 0;
  content: '\F14D';
  font-family: 'Material Design Icons';
  font-size: 16px;
  /* line-height: 30px; FD 16/06/2023 */
  line-height: 1.7em;
  /* FD 16/06/2023 */
  margin-right: 5px;
  position: absolute;
  left: .4em;
  /* FD 16/06/2023 */
  top: .4em;
  /* FD 16/06/2023 */
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.btn--icon--prev:hover:before {
  left: -30px;
}
.btn--ticket {
  position: relative;
  padding-left: 40px;
  overflow: hidden;
  font-size: 18px;
}
.btn--ticket:after {
  bottom: 0;
  content: '\F319';
  font-family: 'Material Design Icons';
  font-size: 18px;
  line-height: 30px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  text-align: center;
}
.btn--fail {
  position: relative;
  padding-left: 40px;
  overflow: hidden;
  font-size: 18px;
}
.btn--fail:after {
  bottom: 0;
  content: '\F161';
  font-family: 'Material Design Icons';
  font-size: 18px;
  line-height: 30px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  text-align: center;
}
.btn--delete-search {
  position: relative;
  padding: 5px 20px 7px 35px;
  overflow: hidden;
  font-size: 15px;
  z-index: 10;
  line-height: 25px;
}
.btn--delete-search:before {
  bottom: 0;
  content: '\F250';
  font-family: 'Material Design Icons';
  font-size: 15px;
  line-height: 35px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  text-align: center;
}
.btn--control {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
}
.btn--control:before {
  position: absolute;
  font-family: 'Material Design Icons';
  content: '\F152';
  color: white;
  left: 0;
  line-height: 30px;
  bottom: 0;
  top: 0;
  right: 0;
  text-align: center;
  text-indent: 0;
  font-size: 20px;
}
.btn--zoom:before {
  content: '\F43D';
}
.btn--dezoom:before {
  content: '\F43C';
}
.btn--reset:before {
  content: '\F161';
}
.btn--pointculture {
  background: #6f9abc;
}
.agenda-search-form .btn--pointculture {
  background: white;
  color: #6f9abc;
  position: relative;
}
.btn--culturebe {
  margin-top: 10px;
  background: #f2374c;
}
.btn--eurekoi {
  text-align: center;
  font-family: 'Lato', serif;
  padding: 5px 5px;
  font-size: 14px;
  color: white;
  margin-top: 10px;
  background: #dc0d15;
  border-radius: 10px;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.btn--eurekoi:hover {
  background: #e33d44;
}
.btn--eurekoi a {
  color: white;
}
.btn--search {
  color: #333333;
  background: #f1f2f2;
  font-size: 21px;
}
.btn--search:before {
  text-indent: 0;
  content: '\F43B';
  font-family: 'Material Design Icons';
}
.btn--send {
  background: #00aeda;
}
.btn--send:after {
  content: '\F62B';
}
p .btn--send {
  margin-top: 12px;
}
.btn--download {
  margin-bottom: 30px;
  background: #6f9abc;
}
.btn--download .btn--download-size {
  font-size: 12px;
}
.btn--download:after {
  content: '\F147';
}
.btn--submit {
  background: #6f9abc;
}
.wish .btn--delete,
.delete .btn--delete,
.account .btn--delete {
  background: #FF1623;
}
.btn--delete:after {
  content: '\F250';
}
.btn--cookies {
  width: 160px;
  text-align: center;
  display: block;
  float: right;
  margin-right: 20px;
}
.btn--filters {
  display: none;
}
.beta-btn {
  position: fixed;
  top: 90px;
  right: -225px;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  height: 40px;
  line-height: 40px;
  border-radius: 17px 0 0 17px;
}
.beta-btn:before {
  font-family: 'Material Design Icons';
  content: '\F27B';
  font-size: 24px;
  padding-right: 25px;
}
.beta-btn:hover {
  background: #a9c2d7;
  color: white;
}
.beta-btn span {
  position: relative;
  top: -4px;
}
/***** Switcher *****/
.switcher {
  width: 120px;
  height: 60px;
  display: inline-block;
  position: relative;
}
.switcher .check {
  width: 120px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  outline: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.switcher .switch {
  background: #6f9abc;
  width: 120px;
  height: 60px;
  border-radius: 120px;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.round {
  width: 54px;
  height: 54px;
  border-radius: 54px;
  background: white;
  overflow: hidden;
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.check:checked + .switch {
  background-color: #e4e4e4;
}
.check:checked + .switch:before {
  font-size: 0;
}
.check:checked + .switch:after {
  font-size: 26px;
}
.check:checked + .switch .round {
  right: 62px;
}
.reverse .check:checked + .switch:before {
  font-size: 26px;
}
.reverse .check:checked + .switch:after {
  font-size: 0;
}
.reverse .check:checked + .switch .round {
  left: 62px;
}
.radio-button:before {
  font-family: 'Material Design Icons';
  content: '\F226';
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 12px;
  position: relative;
  top: 1px;
}
.active .radio-button:before {
  content: '\F22A';
  font-weight: normal;
}
@media (max-width: 960px) {
  .btn--filters {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
  }
  .btn--filters:after {
    content: '\F236';
    font-family: 'Material Design Icons';
    font-size: 18px;
    line-height: 35px;
    width: 30px;
    margin-left: 5px;
  }
  .btn--cookies {
    float: left;
  }
}
.label {
  font-family: 'Lato', serif;
  font-size: 13px;
  margin-right: 5px;
}
a.label {
  text-decoration: none;
}
.label span {
  background: #6f9abc;
  color: white;
  display: inline-block;
  margin: 3px 0 0 0;
  padding: 2px 7px;
}
.thumbnail .label {
  text-align: right;
  float: right;
  margin-left: 5px;
}
.thumbnail .label span {
  font-size: 14px;
}
.acquisitions .thumbnail .label {
  margin: 15px 0 0 0;
}
.jeb .label {
  float: left;
  text-align: left;
  margin-left: 0;
  margin-right: 5px;
}
.label.label-search-minimalist {
  text-align: right;
  margin: 5px 30px 0 0;
}
.label--secondary span {
  background: #f1f2f2;
  color: #707070;
}
.label--event {
  position: absolute;
  z-index: 20;
  bottom: 0;
  left: 12px;
  margin: 0;
}
.label--event span {
  background: #6f9abc;
}
h3 + .label,
p + .label {
  display: inline-block;
  margin-top: 6px;
}
@media (max-width: 500px) {
  .label-search-minimalist {
    text-align: left !important;
    float: none;
  }
}
.link {
  color: #333333;
  background: none;
  border: none;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  margin-top: 15px;
  position: relative;
  text-decoration: none !important;
}
.link:after,
.link:before {
  font-family: 'Material Design Icons';
  margin-left: 5px;
  position: relative;
  top: 1px;
  line-height: 1;
}
.link:first-child {
  margin-top: 0;
}
.agenda .link {
  display: inline-block;
}
.revoltes__date .link {
  margin-top: 0;
}
.link--notop {
  margin-top: 0;
}
.link--app {
  font-style: italic;
  font-weight: normal;
  position: relative;
  padding-left: 70px;
  line-height: 60px;
  height: 60px;
}
.link--app + .link--app {
  margin-top: 12px;
}
.link--app__image {
  position: absolute;
  left: 0;
}
.link--app__name {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.link--small {
  font-size: 14px;
  margin: 10px 0 0 0;
  color: #707070;
}
.link--read-more:before {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: black;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  top: -6px;
  width: 60px;
}
.link--read-more:hover:before,
a:hover .link--read-more:before {
  width: 90px;
  background: white;
}
.revolte .link--read-more:hover:before,
.revolte a:hover .link--read-more:before {
  background: #da3330;
}
.city .link--read-more,
.jeb .link--read-more,
.cafe.link--read-more {
  text-align: center;
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 21px;
  margin-top: 30px;
}
.city .link--read-more:before,
.jeb .link--read-more:before,
.cafe.link--read-more:before {
  left: 0;
  right: 0;
  margin: auto;
  top: -15px;
}
.migrer .link--read-more {
  margin-top: 30px;
  font-weight: 500;
  text-align: center;
}
.migrer .link--read-more:before {
  left: 0;
  right: 0;
  margin: auto;
  background: #e86e70;
}
.revolte .link--read-more {
  margin-left: 0;
  font-weight: normal;
  font-size: 18px;
  color: black;
  margin-top: 30px;
  display: block;
}
.revolte .link--read-more:before {
  left: 0;
  right: 0;
  top: -15px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #da3330;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  width: 60px;
}
.revolte .link--read-more:hover {
  text-decoration: none;
}
.revolte .link--read-more:hover:before {
  width: 90px;
}
.jeb .link--read-more {
  font-family: 'Lato', serif;
}
.veille .link--read-more {
  font-family: 'maxwell_regularregular';
  font-weight: normal;
  font-size: 21px;
  margin-top: 30px;
}
.veille .link--read-more:before {
  left: 0;
  right: 0;
  top: -15px;
}
.link--show {
  display: inline;
}
.link--contrast,
.link--connected {
  font-weight: bold;
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.link--contrast:hover,
.link--connected:hover {
  color: #a9c2d7;
}
.link--contrast.link--search,
.link--connected.link--search {
  font-weight: normal;
}
.newsletter_options .link--contrast,
.newsletter_options .link--connected {
  color: #00aeda;
}
.newsletter_options .link--contrast:hover,
.newsletter_options .link--connected:hover {
  color: #66cee9;
}
.link--review:after {
  content: '\F27F';
}
.link--alone {
  margin-top: 0;
}
.link--city {
  font-family: 'Town80Text-Medium';
  clear: both;
  font-size: 35px;
}
.link--city:hover {
  color: #f0de00;
}
.link--city:hover span {
  border-bottom: 3px solid #f0de00;
}
.link--city:before {
  content: '←';
  color: #f0de00;
  margin-right: 10px;
}
.city__header .link--city {
  font-size: 18px;
}
.link--education {
  color: #6f9abc !important;
  font-weight: bold;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.link--education:hover {
  color: #a9c2d7 !important;
}
.link--more {
  color: #6f9abc;
}
.link--more:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F14F';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
.link--more:hover {
  color: #6f9abc;
}
.index-list__item .link--more {
  display: inline;
  font-weight: 600;
  text-decoration: none;
}
.index-list__item .link--more:after {
  display: none;
}
.index-list__item .link--more:hover {
  text-decoration: underline;
}
.partner .index-list__item .link--more {
  color: #333333;
  display: block;
  margin-top: 5px;
}
.partner .index-list__item .link--more:hover {
  color: #6f9abc;
}
.city .link--more {
  margin-left: 0;
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 21px;
  margin-top: 30px;
  display: block;
}
.city .link--more:before {
  left: 0;
  right: 0;
  top: -15px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #f0de00;
  content: '';
  display: block;
  height: 3px;
  margin-left: 0;
  position: absolute;
  width: 60px;
}
.city .link--more:hover {
  text-decoration: none;
}
.city .link--more:hover:before {
  width: 90px;
}
.revolte--article .link--more,
.revolte .link--more {
  color: black;
}
.migrer .link--more {
  color: #de2c2f;
  font-weight: 500;
}
.migrer-roads .link--more {
  color: #333333;
}
.lightwidget .link--more {
  color: #333333;
}
.veille .link--more {
  font-family: 'maxwellregular';
  font-size: 21px;
}
.work .link--more {
  font-family: 'hanken_grotesklight';
  outline: none;
  border: 1px solid black;
  height: 40px;
  border-radius: 30px;
  width: 200px;
  line-height: 39px;
  padding-left: 20px;
  margin: 0 auto;
}
.work .link--more:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F14F';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
.cafe .link--more {
  font-family: 'Lato', serif;
  font-weight: normal;
  font-size: 21px;
  margin-top: 30px;
  display: block;
}
.cafe .link--more:before {
  top: -15px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #333333;
  content: '';
  height: 3px;
  margin-left: 22px;
  position: absolute;
  width: 60px;
}
.cafe .link--more:hover {
  text-decoration: none;
}
.cafe .link--more:hover:before {
  width: 90px;
  background: white;
  margin-left: 7px;
}
.cafe .link--more:after {
  display: none;
}
.index-list__item:hover .link--more:before {
  width: 90px;
}
.link--more.link--classical {
  color: #6f9abc;
}
.link--more.link--advanced {
  color: #6f9abc;
}
.event--finished .link--more,
.activity--finished .link--more {
  color: black;
  font-weight: 600;
}
.link--more:hover:after {
  right: -15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link--see-more {
  color: #6f9abc;
  font-size: 21px;
  text-align: center;
  margin: 15px 0;
}
.link--see-more:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  content: '\F236';
  font-size: 30px;
  text-align: center;
  position: relative;
  top: 26px;
  left: -82px;
}
.link--see-more:hover:after {
  top: 32px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link--info {
  color: black;
  position: relative;
  font-style: italic;
  font-weight: normal;
}
.link--info:before {
  font-family: 'Material Design Icons';
  content: '\F3F0';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 5px;
  text-align: center;
  width: 30px;
  font-style: normal;
}
.link--info:hover {
  color: #6f9abc;
}
.index-list__item .link--prev,
.index-list__item .link--next {
  margin-left: 5px;
  display: inline;
  font-weight: bold;
  text-decoration: none;
}
.index-list__item .link--prev:after,
.index-list__item .link--next:after {
  display: none;
}
.index-list__item .link--prev:hover,
.index-list__item .link--next:hover {
  text-decoration: underline;
}
.veille .link--prev,
.veille .link--next {
  font-family: 'maxwellregular';
  font-size: 30px;
}
.ticketing .link--prev,
.ticketing .link--next {
  color: #6f9abc;
}
.index-list__item:hover .link--prev:before,
.index-list__item:hover .link--next:before {
  width: 90px;
}
.link--next:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F152';
  font-size: 20px;
  line-height: 40px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
.veille .link--next {
  position: relative;
  left: 982px;
  bottom: 60px;
}
.ticketing .link--next {
  position: relative;
  top: -15px;
}
.link--prev:before {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F14D';
  font-size: 20px;
  line-height: 40px;
  margin-right: 5px;
  position: relative;
  left: 0;
  text-align: center;
  width: 30px;
}
.ticketing .link--prev {
  position: relative;
  top: -15px;
}
.link--next:hover:after {
  right: -15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link--prev:hover:before {
  left: -15px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link--play {
  margin-top: 15px !important;
}
.link--play:before {
  content: '\F4FC';
  margin-right: 5px;
}
.index-list__item .link--play {
  margin-left: 5px;
  display: inline;
  font-weight: bold;
  text-decoration: none;
}
.index-list__item .link--play:after {
  display: none;
}
.index-list__item .link--play:hover {
  text-decoration: underline;
}
.link--map:after {
  content: '\F441';
}
.link--has-dropdown {
  font-weight: normal;
  display: inline;
  margin-top: 0;
  line-height: 60px;
}
.link--has-dropdown:after {
  content: '\F236';
}
.main-nav .link--has-dropdown {
  display: block;
}
.main-nav .link--has-dropdown:hover:before {
  display: none;
}
.responsive-nav .link--has-dropdown {
  padding-bottom: 15px;
}
.link--send {
  display: inline;
}
.link--send:after {
  content: '\F62B';
}
.availability__item--info .link--send {
  color: #00aeda;
  font-weight: normal;
}
.link--action {
  font-weight: normal;
  position: relative;
  padding-left: 20px;
}
.link--action:before {
  position: absolute;
  left: 0;
  margin-left: 0;
  color: #6f9abc;
}
.link--action:hover {
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.link--calendar:before {
  content: '\F1E3';
  color: #6f9abc;
}
.link--add-wishlist {
  margin-top: 0;
  font-family: 'Lato', serif;
}
.media .link--add-wishlist {
  float: none;
}
.link--add-wishlist:before {
  content: '\F1BB';
  font-size: 18px;
  bottom: 2px;
  top: auto;
}
.link--add-wishlist:hover {
  color: #a9c2d7;
}
.link--remove-wishlist {
  margin-top: 0;
  font-family: 'Lato', serif;
  float: left;
  padding-right: 5px;
}
.link--remove-wishlist:before {
  content: '\F1BC';
  font-size: 18px;
  bottom: 2px;
  top: auto;
  color: #f43616;
}
.link--remove-wishlist:hover {
  color: #a9c2d7;
}
.link--buy-ticket {
  margin-top: 0;
  font-size: 18px;
  color: #6f9abc;
}
.link--buy-ticket:before {
  content: '\F325';
  top: 5px;
}
.link--buy-ticket:hover {
  color: #333333;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.link--cta,
.rich-text ul li a,
a.link--js-scrollTo,
.styled-list li a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}
.link--cta:hover,
.rich-text ul li a:hover,
a.link--js-scrollTo:hover,
.styled-list li a:hover {
  color: #6f9abc;
  text-decoration: none;
  transition: color 0.2s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
}
.rich-text ul li a,
a.link--js-scrollTo {
  font-weight: normal;
}
.link--eurekoi {
  margin-top: 15px;
}
.link--eurekoi a {
  color: black;
}
.link--search-filter {
  color: #6f9abc;
  font-weight: bold;
  margin-left: 30px;
}
.link--search-filter:hover {
  color: #333333;
  text-decoration: none;
  transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
}
.link--suggestion {
  color: #6f9abc;
  float: left;
  margin: 0 0 20px 30px;
}
.link--suggestion:hover {
  color: black;
}
.link--playlist {
  font-weight: normal;
  font-size: 18px;
  transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
}
.link--playlist:before {
  font-family: 'Material Design Icons';
  bottom: 0;
  content: '\F4FC';
  font-size: 21px;
  position: relative;
  right: 0;
  width: 30px;
  margin-right: 5px;
}
.link--playlist:hover {
  color: #c9cdcd;
}
.link--account-title {
  text-decoration: none;
}
.link--account-title:after {
  font-family: 'Material Design Icons';
  bottom: 0;
  content: '\F238';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
.link--btn {
  border: none;
  background: #6f9abc;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  height: 35px;
  padding-right: 40px;
  font-size: 15px;
  color: white;
  text-decoration: none;
  line-height: 18px;
  display: inline-block;
  border-radius: 20px;
}
.link--btn:after {
  bottom: 0;
  content: '\F14F';
  font-family: 'Material Design Icons';
  font-size: 16px;
  line-height: 35px;
  margin-left: 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.link--btn:hover:after {
  right: -30px;
}
.link--excerpt {
  font-family: 'Poppins', sans-serif;
  color: #333333;
  font-weight: 600;
  font-size: 18px;
}
.link--excerpt:hover {
  color: #6f9abc;
}
@media (max-width: 960px) {
  .veille .link--next {
    position: relative;
    left: 0px;
    bottom: 10px;
    font-size: 24px;
  }
  .veille .link--prev {
    position: relative;
    bottom: 4px;
    font-size: 24px;
  }
}
.metas {
  font-size: 14px;
  display: block;
  color: #333333;
  font-family: 'Lato', serif;
  position: relative;
  padding-left: 20px;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.metas a {
  text-decoration: none;
  color: #6f9abc;
}
.metas a:hover {
  color: #a9c2d7;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.metas:before {
  position: absolute;
  left: 0;
  top: 1px;
}
.detail--media .metas {
  font-size: 16px;
}
.metas--tags:before {
  content: '\F5E9';
  font-family: 'Material Design Icons';
  color: #6f9abc;
}
.index-list__item .metas--tags:before {
  color: #333333;
}
.metas--date:before {
  content: '\F246';
  font-family: 'Material Design Icons';
}
.tip {
  position: relative;
}
.tip:after {
  content: '\F3F0';
  font-family: 'Material Design Icons';
}
.tip:hover {
  cursor: pointer;
}
.tip__data {
  position: absolute;
  background: #f8f9f9;
  padding: 12px;
  right: -30px;
  width: 200px;
  z-index: 300;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.5);
}
.tip:hover .tip__data {
  display: block;
}
/* Pagetype with word + icon */
.pagetype {
  position: relative;
  font-family: 'Lato', serif;
  color: black;
  text-decoration: none;
  padding-left: 21px;
  text-transform: capitalize;
}
.pagetype:before {
  position: absolute;
  display: block;
  left: 0;
  font-family: 'Material Design Icons';
  top: -3px;
}
.pagetype a {
  text-decoration: none;
  color: black;
}
.pagetype a:hover {
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.pagetype--all:before {
  content: '\f35D';
}
.pagetype--focus:before {
  content: '\f30e';
}
.pagetype--video:before {
  content: '\F655';
}
.pagetype--playlist:before {
  content: '\F500';
}
.pagetype--podcast:before {
  content: '\F528';
}
.pagetype--publication:before {
  content: '\F423';
}
.pagetype--portrait:before {
  content: '\F103';
}
.pagetype--critique:before {
  content: '\F243';
}
.pagetype--gallery:before,
.pagetype--galerie:before {
  content: '\F349';
}
.pagetype--event:before,
.pagetype--evenement:before,
.pagetype--animation:before,
.pagetype--formation:before {
  content: '\F1E3';
}
.pagetype--outil-interactif:before,
.pagetype--interactive-tool:before {
  content: '\F217';
}
.pagetype--dossiers:before {
  content: '\F34B';
}
.quote {
  padding: 60px 0;
}
.quote__text {
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-weight: 300;
  position: relative;
}
.quote__text.theme--genres {
  color: #5bb8ef;
}
.quote__text.theme--environnement {
  color: #84b614;
}
.quote__text.theme--numerique {
  color: #5fcba0;
}
.quote__text.theme--nord-sud {
  color: #f07723;
}
.quote__text.theme--arts-artistes {
  color: #8669a0;
}
.quote__text.theme--sante {
  color: #ff4f83;
}
.quote__text:before,
.quote__text:after {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  content: '“';
  font-size: 120px;
  top: -48px;
  left: -43px;
}
.quote__text:after {
  content: '”';
  top: auto;
  margin-top: -29px;
  left: auto;
  margin-left: 8px;
}
@media (max-width: 960px) {
  .quote {
    width: 70%;
  }
}
select {
  background: white;
  width: 100%;
  max-width: 345px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 15px;
  font-family: 'Lato', serif;
}
.select--nav {
  margin-bottom: 30px;
}
.js-select {
  position: relative;
  z-index: 10;
}
.js-select:focus {
  outline: none;
}
.js-select select {
  display: none;
}
.js-select__placeholder {
  font-family: 'Lato', serif;
  padding: 5px 10px;
  font-size: 15px;
  width: 100%;
  background: #f1f2f2;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-decoration: none;
  border-radius: 5px;
}
.js-select__placeholder:after {
  font-family: 'Material Design Icons';
  content: '\F236';
  margin-left: 5px;
  position: relative;
  top: 1px;
  float: right;
}
.js-select__placeholder:hover {
  cursor: pointer;
}
.section--background .js-select__placeholder {
  background: white;
}
.agenda-search-form .js-select__placeholder {
  margin: 20px 0 20px 0;
  padding: 12px;
  background: #a9c2d7;
  color: #fff;
  border: none;
  border-radius: 15px;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
.agenda-search-form .js-select__placeholder:after {
  float: none;
  margin-left: 15px;
}
.media .js-select__placeholder {
  background-color: #f9fafa;
}
.js-select--active {
  z-index: 250;
}
.js-select__options {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f9fafa;
  border-top: 1px solid #c9cdcd;
  display: none;
  font-family: 'Lato', serif;
  font-size: 15px;
  list-style-type: none;
  margin: 0;
  padding: 3px 10px;
  position: absolute;
  width: 100%;
  z-index: 100;
  max-height: 430px;
  overflow-y: scroll;
  margin-top: -3px;
}
.js-select--active .js-select__options {
  display: inline-block;
  position: absolute;
}
.agenda .js-select--active .js-select__options {
  position: relative;
}
.select--location .js-select__options {
  min-width: 274px;
}
.agenda-search-form .js-select__options {
  position: absolute !important;
  float: left;
  background: #a9c2d7;
  color: #ffffff;
  border: none;
  border-radius: 0 0 10px 10px;
  width: 95%;
  padding: 24px 0 20px 30px;
  overflow-y: hidden;
  top: 56px;
}
.agenda-search-form .js-select__item {
  display: inline-block;
  width: 50%;
}
.js-select__item:hover {
  cursor: pointer;
  color: #6f9abc;
}
.agenda-search-form .js-select__item:hover {
  color: #fff;
  font-style: italic;
  font-weight: bold;
}
.js-select-search {
  margin-top: 5px;
}
.select-inline {
  margin: -3px 0px 0px 12px;
  min-width: 220px;
}
.select-inline.select--location {
  min-width: 300px;
}
@media (max-width: 960px) {
  .agenda-search-form .js-select__options {
    width: 96%;
  }
}
@media (max-width: 600px) {
  .js-select__options {
    top: 90px;
  }
  .agenda-search-form .js-select__options {
    width: 88.5%;
  }
  .agenda-search-form .js-select__item {
    width: 100%;
  }
}
::-moz-selection {
  background: none repeat scroll 0 0 rgba(111, 154, 188, 0.7);
  color: white;
}
::-webkit-selection {
  background: none repeat scroll 0 0 rgba(111, 154, 188, 0.7);
  color: white;
}
::-o-selection {
  background: none repeat scroll 0 0 rgba(111, 154, 188, 0.7);
  color: white;
}
::selection {
  background: none repeat scroll 0 0 rgba(111, 154, 188, 0.7);
  color: white;
}
/* Statut de la demande ou de l'emprunt */
.status-label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.status-label:before {
  font-family: 'Material Design Icons';
  content: '\F11F';
  font-weight: normal;
}
.box--status--success .status-label {
  color: #81b701;
}
.box--status--warning .status-label {
  color: #ee8d00;
}
.box--status--danger .status-label {
  color: #f43616;
}
.box--status--info .status-label {
  color: #00aeda;
}
.status-label--arrived:before {
  font-family: 'Material Design Icons';
  content: '\F223';
  font-weight: normal;
}
.status-label--in-progress:before {
  font-family: 'Material Design Icons';
  content: '\F223';
  font-weight: normal;
}
.status-label--saved:before {
  font-family: 'Material Design Icons';
  content: '\F222';
  font-weight: normal;
}
.messages {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 30px;
}
.filter {
  text-decoration: none;
  font-family: 'Lato', serif;
  color: black;
}
.filter--inline {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
}
.filter_count {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #c5d7e4;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  min-width: 20px;
  margin-left: 5px;
}
.filter--box {
  font-family: 'Lato', serif;
  border: 1px solid #f1f2f2;
  display: inline-block;
  margin: 0 10px;
  padding: 3px 7px 5px 7px;
  line-height: 1.2;
}
.filter--box:after {
  content: '\F69A';
  color: #c9cdcd;
  font-family: 'Material Design Icons';
  line-height: 1;
  margin-left: 5px;
  position: relative;
}
.filters--filter:before {
  content: '\F227';
  font-family: 'Material Design Icons';
  font-size: 16px;
}
.filters--filter-check:before {
  content: '\F22B';
  font-family: 'Material Design Icons';
  font-size: 16px;
}
.filters--select:before {
  content: '\F226';
  font-family: 'Material Design Icons';
  font-size: 16px;
}
.filters--select-check:before {
  content: '\F52D';
  font-family: 'Material Design Icons';
  font-size: 16px;
}
.display-results-filter {
  position: relative;
  top: -14px;
  left: 540px;
  z-index: 100;
}
@media (max-width: 960px) {
  .display-results-filter {
    position: relative;
    top: -14px;
    left: 54px;
    z-index: 100;
  }
}
@media (max-width: 600px) {
  .display-results-filter {
    position: relative;
    top: -14px;
    left: 14px;
    z-index: 100;
  }
}
@media (max-width: 500px) {
  .display-results-filter {
    float: left;
    left: 0;
  }
}
.search__filter {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  height: 55px;
  float: left;
}
.search__filter:after {
  display: block;
  text-indent: 0;
  line-height: 10px;
  font-family: 'Material Design Icons';
  color: #c9cdcd;
  text-align: center;
}
.search__filter:hover:after,
.search__filter.active:after {
  color: #6f9abc;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.search__filter--list:after {
  content: '\F660';
  font-size: 36px;
}
.search__filter--table:after {
  content: '\F65E';
  font-size: 30px;
}
.image--publication-cover {
  display: block;
}
.image--publication-cover img {
  -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
}
.cover {
  float: left;
  margin: 10px 15px 10px 0;
  -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
}
.table {
  width: 100%;
}
.table th {
  text-align: left;
  font-weight: bold;
}
.table td {
  padding: 5px 15px 2px 0;
}
.styled-table {
  width: 100%;
}
.styled-table__td {
  background: #f8f9f9;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  padding: 2px 5px;
}
.styled-table__th {
  background: #f1f2f2;
}
.stream-field figure {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 21px 0;
  height: auto;
  max-width: 100%;
}
.stream-field figure.right {
  width: 50%;
  margin-left: 21px;
}
.stream-field figure.left {
  width: 70%;
  margin-right: 21px;
}
.stream-field figure.full-width {
  width: 100%;
}
.stream-field figure.half-width {
  width: 50%;
  margin: 21px auto;
}
.stream-field figure img {
  width: 100%;
  height: auto;
}
.stream-field figure img {
  display: block;
}
.stream-field figcaption {
  font-family: 'Lato', serif;
  font-size: 80%;
  font-style: italic;
  background: #f8f9f9;
  padding: 12px;
}
.stream-field blockquote {
  font-family: 'Lato', serif;
  font-style: italic;
  margin: 30px;
  font-size: 120%;
}
.stream-field blockquote cite {
  font-weight: bold;
  font-style: normal;
}
.stream-field ul,
.stream-field ol {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 600px) {
  .stream-field img {
    height: auto;
  }
}
.excerpt {
  padding: 15px 30px;
  margin-bottom: 30px;
}
.excerpt__title {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.excerpt__text {
  font-family: 'Poppins', sans-serif;
  font-style: italic;
  margin-bottom: 15px;
}
.excerpt__text:before,
.excerpt__text:after {
  font-family: 'Material Design Icons';
  content: '\f233';
  font-size: 18px;
  padding: 0 5px;
}
.excerpt__text:after {
  content: '\f234';
}
.excerpt__author {
  width: 100%;
  text-align: center;
  font-style: italic;
  margin-bottom: 0;
}
.excerpt-tags {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.excerpt-tags__item {
  margin-right: 6px;
  float: left;
}
.excerpt-tags__link {
  border: 1px solid #333333;
  display: block;
  color: #333333;
  font-family: 'Lato', serif;
  padding: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
}
.excerpt-tags__link:hover {
  color: #333333;
  font-weight: bold;
}
.lyrics {
  text-align: center;
  margin-top: 0 !important;
  position: relative;
}
.lyrics__title {
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  margin: 30px 0 20px 0;
}
.revolte .lyrics__title {
  font-family: 'sharp_grotesk_book25';
}
.lyrics__text {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  position: relative;
  color: black;
  text-align: center;
}
.lyrics--start:before {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  content: '“';
  font-size: 80px;
  top: -40px;
  margin-left: -28px;
}
.lyrics--end:after {
  font-family: 'Poppins', sans-serif;
  content: '”';
  position: absolute;
  font-size: 80px;
  margin: -15px 0 0 4px;
}
.lyrics--link {
  text-align: center;
  margin-bottom: 30px;
}
.lyrics--toggle {
  font-size: 16px;
  text-align: center;
}
/*
Les "modules" sont n'importe quel pattern/motif qui requièrent plus qu'un seul élément HTML.
Par exemple une vignette (image+headline), un carousel, ...
*/
.aside-nav {
  margin-bottom: 30px;
}
.aside-nav__item {
  margin-bottom: 1px;
  position: relative;
}
.aside-nav__link {
  background: #f1f2f2;
  display: block;
  font-family: 'Lato', serif;
  text-decoration: none;
  padding: 10px 25px 10px 10px;
  position: relative;
  color: black;
}
.aside-nav__link:after {
  content: '\F152';
  font-family: 'Material Design Icons';
  position: absolute;
  right: 10px;
  line-height: 0;
  display: block;
  top: 50%;
}
.aside-nav__link:hover,
.aside-nav__link.active {
  color: white;
  background: #6f9abc;
}
.aside-nav__subnav__link {
  text-decoration: none;
  font-family: 'Lato', serif;
  color: black;
}
.aside-nav__subnav__link:hover {
  font-weight: bold;
  color: black;
}
.aside-nav__subnav {
  left: 100%;
  min-width: 190px;
  position: absolute;
  top: 0;
  z-index: 200;
  background: #f1f2f2;
  padding: 10px;
}
@media (max-width: 700px) {
  .aside-nav__subnav {
    left: 0;
    min-width: 190px;
    position: relative;
    top: 0;
    z-index: 200;
    background: #f1f2f2;
    padding: 10px;
  }
  .aside-nav__arrow:after {
    content: '\F152';
    font-family: 'Material Design Icons';
    transform: rotate(90deg);
  }
}
.availability {
  margin-bottom: 30px;
  font-family: 'Lato', serif;
}
.availability__item {
  position: relative;
  padding-left: 20px;
}
.availability__item:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  content: '';
  height: 10px;
  width: 10px;
  position: absolute;
  left: 0;
  top: 9px;
  background: #f1f2f2;
}
.availability__choice {
  margin-bottom: 0;
}
.availability__item--success:before {
  background: #81b701;
}
.availability__item--info:before {
  background: #00aeda;
}
.availability__item--danger:before {
  background: #f43616;
}
.availability__item--warning:before {
  background: #ee8d00;
}
.banner--home {
  height: auto;
  width: 100%;
  object-fit: cover;
}
.banner--thematiques {
  height: 500px !important;
  width: 100%;
  object-fit: cover;
}
.banner--magazine {
  height: auto;
  width: 100%;
  object-fit: cover;
}
.banner--cropped {
  height: 550px;
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 5;
}
.banner--magazine .banner--cropped {
  height: 650px;
}
.theme .banner--cropped {
  height: auto;
  width: 100%;
}
.banner_headline {
  width: 600px;
  float: right;
  position: absolute;
  top: 625px;
  border-left: 5px solid white;
  z-index: 10;
}
.agenda .banner_headline {
  width: 500px;
  border-left: none;
  text-align: right;
  margin-right: 7px;
  background: rgba(0, 0, 0, 0.1);
  padding: 15px;
  position: absolute;
  top: 400px;
}
.section--thematiques .banner_headline {
  top: 700px;
  width: 100%;
  text-align: center;
  float: none;
  right: 0;
  border: none;
}
.mediatheque .banner_headline {
  top: 410px;
  right: 381px;
}
.magazine .banner--magazine .banner_headline,
.theme .banner_headline {
  width: 100%;
  float: none;
  right: 0;
  top: 560px;
  background: none;
  text-align: center;
  margin: 0 auto;
  border-left: none;
}
.theme .banner_headline {
  top: 720px;
  right: auto;
  padding-left: 0;
  padding-right: 80px;
}
.banner_headline-home {
  width: 100%;
  top: 540px;
  text-align: center;
  border-left: none;
}
.banner_headline--title {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 30px;
  color: white;
  padding: 15px 0 0 20px;
  line-height: 40px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.magazine .banner_headline--title,
.section--thematiques .banner_headline--title,
.theme .banner_headline--title {
  text-align: center;
  padding: 0;
}
.banner_headline--subtitle {
  font-family: 'Lato', serif;
  font-weight: bold;
  font-size: 18px;
  color: white;
  padding: 0 0 0 20px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.magazine .banner_headline--subtitle,
.section--thematiques .banner_headline--subtitle,
.theme .banner_headline--subtitle {
  display: none;
}
.banner__caption {
  position: relative;
  overflow: hidden;
  top: -140px;
  z-index: 10;
}
.banner__caption--author {
  width: 100%;
  text-align: center;
  font-style: italic;
  color: white;
  font-size: 16px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.banner_pess--title {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  font-size: 24px;
  color: white;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
  position: relative;
  top: -80px;
}
@media (max-width: 1024px) {
  .theme .banner_headline {
    top: 600px;
    right: auto;
    padding-left: 0;
    padding-right: 80px;
  }
}
@media (max-width: 960px) {
  .banner_headline {
    width: 100%;
    float: none;
    position: relative;
    top: 0;
    right: 0;
    height: 100%;
    border-left: none;
    background: white;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  }
  .agenda .banner_headline {
    width: 90%;
    position: relative;
    top: 0;
  }
  .section--thematiques .banner_headline {
    right: 0;
    top: -60px;
  }
  .mediatheque .banner_headline {
    position: relative;
    top: 0;
    right: 0;
  }
  .banner_headline .magazine,
  .mediatheque .banner_headline {
    background: white;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  }
  .mediatheque .banner_headline {
    background: #f1f2f2;
  }
  .magazine .banner--magazine .banner_headline,
  .home .banner_headline {
    top: 0;
    box-shadow: none;
    background: none;
    border-bottom: 2px solid #f1f2f2;
    padding-top: 15px;
    width: 90%;
    margin: auto;
    float: none;
  }
  .theme .banner_headline {
    top: 15px;
    padding-right: 15px;
    box-shadow: none;
    background: none;
  }
  .banner_headline--title,
  .banner_headline--subtitle {
    text-shadow: none;
    color: #333333;
    padding-left: 0;
  }
  .mediatheque .banner_headline--title {
    font-size: 21px;
    font-weight: normal;
  }
  .banner_headline-home {
    width: 600px;
    float: right;
    position: relative;
    top: 0;
    right: 0;
    margin-right: -30px;
    border-left: 5px solid white;
    background: rgba(0, 0, 0, 0.4);
  }
  .theme .banner--cropped {
    height: auto;
    width: 96%;
  }
}
@media (max-width: 600px) {
  .banner--cropped {
    width: 90%;
    height: 100%;
  }
  .banner--magazine .banner--cropped {
    width: 100%;
    height: 100%;
  }
  .theme .banner--cropped {
    height: auto;
    width: 96%;
  }
  .banner_headline {
    background: none;
    box-shadow: none;
    padding-bottom: 5px;
  }
  .magazine .banner--magazine .banner_headline {
    top: 0;
  }
  .banner_headline-home {
    width: 90%;
    float: none;
    position: relative;
    top: 0;
    right: 0;
    margin-right: 0;
    border-left: none;
    padding-bottom: 5px;
    background: none;
    box-shadow: none;
  }
  .banner_headline--title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #333333 !important;
    font-size: 21px;
    text-shadow: none;
    line-height: 30px;
    text-align: center;
  }
  .banner_headline--subtitle {
    color: #333333 !important;
    text-align: center;
    font-weight: normal;
  }
}
.breadcrumb__link {
  text-decoration: none;
  color: #333333;
}
.breadcrumb__link:hover {
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  color: #6f9abc;
}
.breadcrumb {
  position: relative;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  padding-top: 30px;
}
.breadcrumb h1 {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
}
.breadcrumb a {
  color: #333333;
}
.breadcrumb a:hover {
  color: #6f9abc;
}
.slick-slide {
  height: auto;
}
.slick-carousel--coll .slick-slide,
.slick-carousel--jeb .slick-slide {
  margin-right: 30px;
}
.slick-carousel--gallery .slick-slide {
  margin-bottom: 30px;
}
.slick-carousel--double .slick-slide {
  border: 1px solid white;
}
.slick-carousel--main {
  padding-right: 30px;
}
.slick-arrow {
  display: none;
  border: none;
  background: none;
  text-indent: -999999px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.slick-arrow:focus {
  outline: none;
}
.slick-arrow:hover {
  cursor: pointer;
}
.slick-arrow--veille {
  display: none;
  border: none;
  background: none;
  text-indent: -999999px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  margin-top: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.slick-arrow--veille:focus {
  outline: none;
}
.slick-arrow--veille:hover {
  cursor: pointer;
}
.slick-prev {
  left: -35px;
}
.slick-carousel--main .slick-prev {
  display: none;
}
.slick-carousel--gallery .slick-prev,
.slick-carousel--simple .slick-prev,
.slick-carousel--double .slick-prev {
  z-index: 20;
  left: 0;
}
.slick-prev:after {
  content: '\F237';
  font-family: 'Material Design Icons';
  display: block;
  color: white;
  text-indent: 0;
  font-size: 40px;
  top: -1px;
  position: absolute;
  right: 2px;
}
.slick-carousel--coll .slick-prev:after,
.slick-carousel--jeb .slick-prev:after {
  color: #333333;
}
.slick-prev--veille:after {
  content: '\F237';
  font-family: 'Material Design Icons';
  display: block;
  color: black;
  text-indent: 0;
  font-size: 40px;
  top: -1px;
  position: absolute;
  left: 2px;
}
.slick-prev--veille {
  left: 0;
}
.slick-carousel--coll .slick-prev--veille,
.slick-carousel--jeb .slick-prev--veille {
  right: 0;
}
.slick-carousel--coll .slick-prev--veille:after,
.slick-carousel--jeb .slick-prev--veille:after {
  color: black;
}
.slick-carousel--simple .slick-prev--veille,
.slick-carousel--double .slick-prev--veille {
  right: 0;
}
.slick-prev--veille:hover {
  left: -5px;
}
.slick-carousel--coll .slick-prev--veille:hover,
.slick-carousel--jeb .slick-prev--veille:hover {
  right: 0;
}
.slick-carousel--simple .slick-prev--veille:hover,
.slick-carousel--double .slick-prev--veille:hover {
  right: 0;
}
.slick-next:after {
  content: '\f238';
  font-family: 'Material Design Icons';
  display: block;
  color: white;
  text-indent: 0;
  font-size: 40px;
  top: -1px;
  position: absolute;
  left: 2px;
}
.slick-next {
  right: 30px;
}
.slick-carousel--coll .slick-next,
.slick-carousel--jeb .slick-next {
  right: 0;
}
.slick-carousel--coll .slick-next:after,
.slick-carousel--jeb .slick-next:after {
  color: #333333;
}
.slick-carousel--selection .slick-next:after {
  color: #333333;
}
.slick-carousel--simple .slick-next,
.slick-carousel--double .slick-next {
  right: 0;
}
.slick-next:hover {
  right: 25px;
}
.slick-carousel--coll .slick-next:hover,
.slick-carousel--jeb .slick-next:hover {
  right: 0;
}
.slick-carousel--simple .slick-next:hover,
.slick-carousel--double .slick-next:hover {
  right: 0;
}
.slick-next--veille:after {
  content: '\f238';
  font-family: 'Material Design Icons';
  display: block;
  color: black;
  text-indent: 0;
  font-size: 40px;
  top: -1px;
  position: absolute;
  left: 2px;
}
.slick-next--veille {
  right: 30px;
}
.slick-carousel--coll .slick-next--veille:after,
.slick-carousel--jeb .slick-next--veille:after {
  color: black;
}
.slick-next--veille:hover {
  right: 25px;
}
.slick-carousel--coll .slick-next--disable:after,
.slick-carousel--coll .slick-prev--disable:after,
.slick-carousel--jeb .slick-next--disable:after,
.slick-carousel--jeb .slick-prev--disable:after {
  color: #999999;
}
.slick-carousel__dots {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  -webkit-transition: all 0.2s 0.2s ease-in-out;
  -moz-transition: all 0.2s 0.2s ease-in-out;
  -ms-transition: all 0.2s 0.2s ease-in-out;
  -o-transition: all 0.2s 0.2s ease-in-out;
}
.slick-carousel__dots li {
  display: inline-block;
  margin-left: 21px;
}
.slick-carousel__dots button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #c9cdcd;
  background: white;
  display: block;
  height: 12px;
  padding: 0;
  width: 12px;
  text-indent: -9999px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s 0.2s ease-in-out;
  -moz-transition: all 0.2s 0.2s ease-in-out;
  -ms-transition: all 0.2s 0.2s ease-in-out;
  -o-transition: all 0.2s 0.2s ease-in-out;
}
.slick-carousel__dots button:hover {
  cursor: pointer;
}
.slick-carousel__dots button:focus {
  outline: none;
}
.slick-carousel--video .slick-carousel__dots {
  width: 66%;
  bottom: 150px;
}
.slick-carousel--selection .slick-carousel__dots {
  bottom: 15px;
  left: 25%;
}
.slick-active button {
  background: #c9cdcd;
}
/* Responsive */
/* @media (min-width: 680px) {
    .slick-carousel--main{
        padding-right: 0;
    }
    .slick-carousel__dots {
        left: (100/3%);
    }
} */
@media (min-width: 768px) {
  .slick-carousel--main {
    padding-right: 0;
  }
  .slick-carousel__dots {
    left: 0;
    width: 33.33333333%;
    bottom: 30px;
    top: auto;
    text-align: right;
  }
  .slick-carousel__dots li {
    margin-left: 0;
    margin-right: 21px;
  }
  .slick-carousel__dots li:last-child {
    margin-right: 55px;
  }
  .banner--home .slick-carousel__dots {
    width: 50%;
    bottom: -10px;
  }
}
.js-trigger-dropdown:hover {
  cursor: pointer;
}
.js-dropdown {
  display: none;
}
.js-dropdown--open {
  display: block;
}
.css-dropdown {
  display: none;
}
.css-trigger-dropdown:hover .css-dropdown {
  display: block;
}
/* General */
.form {
  margin-bottom: 30px;
}
.form--large {
  margin-bottom: 0;
}
.form--change-mail {
  margin-top: 30px;
}
.form__fieldset {
  margin-bottom: 30px;
}
.search-form--classical .form__fieldset {
  margin-bottom: 15px;
}
.input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #c9cdcd;
  color: #707070;
  display: block;
  font-family: 'Lato', serif;
  font-size: 15px;
  font-style: italic;
  height: 32px;
  margin: 0 0 15px 0;
  padding: 3px 10px;
}
.form--large .input {
  font-size: 21px;
  padding: 10px;
  height: 50px;
  line-height: 50px;
  width: 70%;
}
.search-form--advanced .input,
.search-form--tabs .input,
.search-form--classical .input {
  width: 100%;
}
.input--radio {
  margin-right: 15px;
}
.input--has-help {
  margin-bottom: 0;
}
.input--stuck {
  float: left;
}
.label--inline {
  float: left;
}
.input--inline {
  float: left;
}
.form__help {
  margin-top: 0;
  float: left;
}
.btn + .form__help {
  margin-top: 30px;
}
input[type=checkbox] {
  display: none;
}
/* to hide the checkbox itself */
input[type=checkbox] + .checkbox {
  display: block;
}
input[type=checkbox] + .checkbox:before {
  font-family: 'Material Design Icons';
  content: '\F227';
  display: block;
  float: left;
  font-size: 15px;
  margin-right: 12px;
  position: relative;
  top: 1px;
}
input[type=checkbox] + .checkbox:hover {
  cursor: pointer;
}
input[type=checkbox].error + .checkbox:before {
  color: red;
}
input[type=checkbox]:checked + .checkbox:before {
  content: '\F22B';
}
/* Newsletter */
.newsletter-form__input {
  background: white;
  border: none;
  height: 30px;
  margin: 0;
  font-family: 'Lato', serif;
  font-style: italic;
  font-size: 15px;
  padding: 5px;
  color: #707070;
  max-width: 100%;
  width: 212px;
  outline: none;
}
.newsletter-form__submit {
  background: #6f9abc;
  margin-top: 10px;
}
.form--large .newsletter-form__submit {
  width: 30%;
  height: 50px;
  font-size: 18px;
  text-align: left;
  margin-top: 0;
}
.form--large .newsletter-form__submit:after {
  font-size: 21px;
  position: static;
  display: inline;
}
/* Archives */
.archives-form__option {
  position: relative;
  padding-left: 14px;
}
.archives-form__option a {
  color: #333333;
}
.archives-form__option a:hover {
  color: #6f9abc;
}
.archives-form__option:before {
  font-family: 'Material Design Icons';
  font-size: 80%;
  left: -2px;
  margin-right: 5px;
  position: absolute;
  top: 3px;
}
.archives-form__option.active {
  color: #6f9abc;
  font-weight: bold;
}
.archives-form__option.active a {
  color: #6f9abc;
  font-weight: bold;
}
/* Theme */
.theme__option {
  position: relative;
  padding-left: 14px;
}
.theme__option:before {
  font-family: 'Material Design Icons';
  content: '\F407';
  font-size: 70%;
  left: -2px;
  margin-right: 5px;
  position: absolute;
  top: 6px;
}
/* Collections */
.collection-form__select {
  z-index: 5;
}
.collection-form__option {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  position: relative;
  padding-left: 14px;
  float: left;
  margin-left: 15px;
}
.collection-form__option:before {
  font-family: 'Material Design Icons';
  content: '\F407';
  font-size: 70%;
  left: -2px;
  margin-right: 5px;
  position: absolute;
  top: 4px;
}
.collection-form__option a {
  color: #333333;
}
.collection-form__option a:hover {
  font-weight: 500;
}
/* Agenda */
.agenda-search-form .btn {
  margin-top: 10px;
}
.agenda-search-form .input {
  width: 100%;
  margin: 0;
}
/* Search in header */
.search-form {
  position: relative;
}
.site__header .search-form {
  width: 240px;
  position: relative;
  top: -40px;
  margin: 0;
}
.search-form__inner {
  overflow: hidden;
  float: right;
  width: 100%;
}
.site__header .search-form__inner {
  position: absolute;
  right: 0;
  z-index: 12;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.search-form__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 8px;
  color: #707070;
  font-family: 'Lato', serif;
  font-size: 16px;
  height: 30px;
  margin-right: -30px;
  padding: 0 30px 0 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.site__header .search-form__input {
  float: left;
  padding: 8px 30px 8px 8px;
  background: #f1f2f2;
}
.search-form--simple .search-form__input {
  width: 100%;
  border: 1px solid #f1f2f2;
}
.search-form__input:focus {
  outline: none;
}
.general-search .search-form__input {
  width: 80%;
}
.search-form__input-general {
  font-size: 18px;
}
.search-form__submit {
  float: right;
  text-indent: -9999px;
  background: none;
  padding: 0;
  width: 30px;
  height: 30px;
  position: relative;
  line-height: 18px;
}
.search-form__submit span {
  color: #333333;
  font-size: 25px;
  width: 30px;
  margin-top: 5px;
}
.search-form__submit span:before {
  text-indent: 0;
  display: block;
  text-align: center;
  content: '\F43B';
  font-family: 'Material Design Icons';
  margin-top: -16px;
}
.site__header__top .search-form__submit span {
  color: #333333;
}
.search-form--simple .search-form__submit {
  background: #f1f2f2;
}
.site__header .search-form__submit {
  background: none;
}
.general-search .search-form__submit {
  padding-right: 60px;
}
span.search-form__submit-general {
  font-size: 40px;
  line-height: 0;
}
.search-form--full {
  background: #e4e6e6;
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 0 10px 10px 10px;
}
.search-form--advanced {
  background: #e4e6e6;
  padding: 30px 0 30px 30px;
  margin-bottom: 30px;
  width: 100%;
}
.search-form--classical {
  background: #e4e6e6;
  padding: 30px 0 30px 30px;
  margin-bottom: 30px;
}
.search-form--game {
  background: #e4e6e6;
  width: 100%;
  height: auto;
  position: relative;
  padding: 15px;
  margin-bottom: 30px;
}
.search-form--tabs {
  background: #f1f2f2;
  position: relative;
  padding: 15px;
  width: 100%;
  border-radius: 0 10px 10px 10px;
}
.general-search .search-form--tabs {
  border-radius: 10px;
}
.search-tabs {
  margin-bottom: 30px;
}
/* Autocomplete */
.ac-results {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #f1f2f2;
  padding: 15px;
  box-sizing: border-box;
  right: 0;
  left: 0;
  z-index: 20;
  top: 30px;
}
.search-form--full .ac-results {
  width: 100%;
  right: 25%;
  top: 45px;
  background: #e4e6e6;
}
.search-form--tabs .ac-results {
  top: 45px;
}
.result-wrapper a {
  color: #6f9abc;
}
.result-wrapper a:hover {
  font-weight: bold;
}
/* Responsive */
@media (min-width: 960px) {
  .site__header .search-form {
    float: right;
    margin: 12px 0 0 0;
    top: auto;
    right: auto;
    width: 30px;
  }
  .site__header .search-form .search-form__input {
    width: 0;
    padding: 0;
  }
  .site__header .search-form.search-form--open .search-form__input {
    display: block;
    width: 430px;
    height: 35px;
    padding: 0 30px 0 15px;
    background: #f1f2f2;
    border-radius: 15px;
  }
  .site__header .search-form.search-form--open .search-form__input:focus {
    outline: none;
  }
  .site__header .search-form__inner {
    width: 30px;
  }
  .site__header .search-form--open .search-form__inner {
    width: 430px;
  }
}
@media (max-width: 960px) {
  .search-form--tabs {
    border-radius: 10px 10px 10px 10px;
  }
}
@media (max-width: 680px) {
  .form--large .newsletter-form__submit {
    width: 70%;
    height: 50px;
    font-size: 18px;
    text-align: left;
    margin-top: 0;
    float: left;
  }
}
.player {
  position: relative;
  margin-bottom: 21px;
}
.player__item {
  border-bottom: 1px solid #f1f2f2;
  padding: 5px 0;
}
.player__disk {
  position: relative;
}
.player__disk__title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 25px;
  font-weight: bold;
}
.player__item--playable:before {
  content: '\F4FC';
  font-family: 'Material Design Icons';
  font-size: 21px;
  line-height: 25px;
}
.player__item--playable.amplitude-playing:before {
  color: #6f9abc;
  content: '\F4D5';
}
.player__item--playable:hover {
  cursor: pointer;
}
.player__item__number {
  color: #c9cdcd;
  display: inline-block;
  width: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: right;
}
.social {
  overflow: auto;
}
.responsive-nav .social {
  margin: 15px 0 30px 0;
}
.social--follow {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
.social--square {
  float: left;
}
.detail__settings__share--articles .social--square {
  position: absolute;
  left: -80px;
}
.detail--critique .detail__settings__share--articles .social--square {
  position: relative;
  left: 0;
  margin-bottom: 30px;
}
.social__item {
  float: left;
  padding: 0 10px;
}
.social--square .social__item {
  margin-right: 10px;
  padding: 0;
}
.site__header .social__item {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333333%;
}
.site__header .social__item:last-child {
  border-right: none;
}
.detail__settings__share--articles .social__item {
  float: none;
  margin-bottom: 10px;
}
.detail--critique .detail__settings__share--articles .social__item {
  float: left;
}
.city__social .social {
  margin-top: 10px;
}
.veille__social {
  float: clear;
}
.veille__social .social {
  margin-top: 10px;
}
.social__link {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 30px;
  text-decoration: none;
  height: 55px;
}
.social__link:after {
  font-size: 21px;
  display: block;
  text-indent: 0;
  font-family: 'Material Design Icons';
  color: white;
  line-height: 10px;
  text-align: center;
}
.social--square .social__link {
  height: 40px;
  width: 40px;
  background: #6f9abc;
  color: white;
  line-height: 21px;
  border-radius: 20px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.social--square .social__link:hover {
  background: #a9c2d7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.social--square .social__link:after {
  font-size: 18px;
  color: white !important;
  line-height: 0px;
}
.site__header .social__link {
  width: auto;
  padding: 10px 0;
}
.social__link--facebook:after {
  content: '\F301';
  color: #3b5998;
}
.section--about .social--square .social__link--facebook,
.section--about .social__link--square.social__link--facebook {
  background: #3b5998;
}
.section--about .social--square .social__link--facebook:hover,
.section--about .social__link--square.social__link--facebook:hover {
  background: #899bc1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.site__footer .social__link--facebook:hover:after,
.site__header .social__link--facebook:hover:after {
  color: #768bb7;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.social__link--twitter:after {
  content: '\F631';
  color: #55acee;
}
.section--about .social--square .social__link--twitter,
.section--about .social__link--square.social__link--twitter {
  background: #55acee;
}
.section--about .social--square .social__link--twitter:hover,
.section--about .social__link--square.social__link--twitter:hover {
  background: #99cdf5;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.site__footer .social__link--twitter:hover:after,
.site__header .social__link--twitter:hover:after {
  color: #88c5f3;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.social__link--youtube:after {
  content: '\F6B0';
  color: #dd4b39;
}
.section--about .social--square .social__link--youtube,
.section--about .social__link--square.social__link--youtube {
  background: #dd4b39;
}
.section--about .social--square .social__link--youtube:hover,
.section--about .social__link--square.social__link--youtube:hover {
  background: #eb9388;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.site__footer .social__link--youtube:hover:after,
.site__header .social__link--youtube:hover:after {
  color: #e78174;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.social__link--instagram {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 30px;
  text-decoration: none;
  height: 55px;
}
.social__link--instagram:after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/instagram-logo.svg') no-repeat;
  width: 18px;
  height: 55px;
  position: relative;
  top: -6px;
}
.social__link--instagram:hover:after {
  background: url('https://static.pointculture.be/www/extra/static/images/instagram-logo-hover.svg') no-repeat;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.section--about .social--square .social__link--instagram,
.section--about .social__link--square.social__link--instagram {
  background: #e1306c;
}
.section--about .social--square .social__link--instagram:hover,
.section--about .social__link--square.social__link--instagram:hover {
  background: #ed83a7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.section--about .social--square .social__link--instagram:after,
.section--about .social__link--square.social__link--instagram:after {
  background: url('https://static.pointculture.be/www/extra/static/images/instagram-logo-white.svg') no-repeat;
  width: 21px;
  top: -13px;
  left: 10px;
}
.section--about .social--square .social__link--instagram:hover:after,
.section--about .social__link--square.social__link--instagram:hover:after {
  background: url('https://static.pointculture.be/www/extra/static/images/instagram-logo-white.svg') no-repeat;
}
.site__footer .social__link--instagram:hover:after,
.site__header .social__link--instagram:hover:after {
  background: url('https://static.pointculture.be/www/extra/static/images/instagram-logo-hover.svg') no-repeat;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.social__link--mixcloud {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  width: 55px;
  text-decoration: none;
  height: 55px;
}
.social__link--mixcloud:after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/mixcloud-logo.png') no-repeat;
  height: 55px;
  width: 55px;
  position: relative;
  top: -6px;
}
.social__link--mixcloud:hover:after {
  background: url('https://static.pointculture.be/www/extra/static/images/mixcloud-logo-hover.png') no-repeat;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}
.social__link--mail:after {
  content: '\F2E3';
}
.social__link--square {
  color: white;
  height: 30px;
  width: 30px;
  margin-left: 10px;
  position: relative;
  line-height: 30px;
}
.social__link--square:after {
  color: white;
  text-align: center;
  width: 30px;
  position: absolute;
  line-height: inherit;
  top: 0;
}
.top.social__link {
  margin-top: -20px;
}
@media (max-width: 959px) {
  .site__header .social__link:after {
    font-size: 35px;
  }
  .site__header .social__item {
    width: 20%;
  }
  .site__header .social__link--instagram {
    padding-left: 10px;
  }
  .site__header .social__link--instagram:after {
    content: '';
    display: block;
    background: url(/static/images/instagram-logo.svg) no-repeat;
    width: 31px;
    height: 55px;
    position: relative;
    top: -4px;
  }
  .social--square {
    float: left;
  }
  .detail__settings__share--articles .social--square {
    position: relative;
    left: 0;
  }
  .detail__settings__share--articles .social__item {
    float: left;
    margin-bottom: 15px;
  }
}
@media (min-width: 960px) {
  .site__header .social {
    border-bottom: none;
    margin: 30px 0 0 -20px;
  }
  .site__header .social__item {
    padding: 0 10px;
    width: auto;
    border-right: none;
  }
  .site__header .social__link {
    width: 30px;
    padding: 0;
  }
}
.tabs {
  background: #6f9abc;
  font-family: 'Lato', serif;
}
.tabs-navigation {
  background: white;
}
.tabs-navigation__link {
  display: block;
  float: left;
  text-align: center;
  margin-right: 60px;
  padding-bottom: 20px;
  font-size: 21px;
  text-decoration: none;
  color: #c9cdcd;
}
.tabs-navigation__link:last-child {
  margin-right: 0;
}
.tabs-navigation__link:hover,
.tabs-navigation__link:focus {
  color: black;
  outline: none;
  border: none;
}
.tabs-navigation__link--active {
  color: black;
  position: relative;
}
.tabs-navigation__link--active:after {
  content: '';
  height: 0;
  display: block;
  width: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f1f2f2;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
.tabs-navigation__link i,
.tabs-navigation__link span {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.tabs-navigation__link i {
  font-size: 18px;
}
.tabs-navigation__link span {
  display: none;
  font-size: 18px;
}
.tab {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
}
.tab h2 {
  display: none;
}
.tab--active {
  display: block;
}
/**
 * Tabs no-js fallback
 */
.no-js .tabs-navigation {
  display: none;
}
.no-js .tab {
  display: block;
  margin-bottom: 1.5rem;
}
.no-js .tab h2 {
  display: block;
}
.no-js .tab:last-child {
  margin-bottom: 0;
}
.tabs-search {
  margin: 0;
  padding: 0;
}
.tabs-search {
  display: inline-block;
  margin: 0;
  list-style: none;
  background: #f1f2f2;
  padding: 5px 20px;
  font-family: 'Lato', serif;
  border-radius: 8px 8px 0 0;
}
.tabs-search a {
  color: #707070;
  text-decoration: none;
}
.tabs-search:hover {
  background: #e4e6e6;
  color: #333333;
}
.tabs-search .r-tabs-state-active {
  background: #e4e6e6;
}
.tabs-search .r-tabs-state-active a {
  color: #333333;
}
.tabs-search .r-tabs-panel {
  display: none;
}
.tabs-search .tabs-search-panel.tabs-search-state-active {
  display: block;
}
@media only screen and (max-width: 768px) {
  .tabs-search .tabs-search-nav {
    display: none;
  }
  .tabs-search .r-tabs-accordion-title {
    display: block;
  }
}
@media (max-width: 600px) {
  .tabs-search-nav {
    display: none;
  }
}
.thumbnail {
  display: block;
  text-decoration: none;
  font-family: 'Lato', serif;
  color: black;
  line-height: 1.4;
  font-size: 15px;
  margin-bottom: 60px;
}
.thumbnail:hover {
  color: black;
  cursor: pointer;
}
.thumbnail:focus {
  outline: none;
}
.thumbnail a {
  color: black;
  text-decoration: none;
}
.detail__text .thumbnail {
  position: relative;
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.thumbnail:hover .link--more {
  color: white;
}
.thumbnail__cursor .thumbnail:hover .link--more {
  color: #333333;
}
.thumbnail:hover .label span {
  background: white;
  color: #6f9abc;
}
.thumbnail:hover .badge--external {
  opacity: 1;
}
.thumbnail .thumbnail__image img {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.thumbnail:hover .thumbnail__image img {
  opacity: 0.85;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
.thumbnail:hover .thumbnail__image img .thumbnail--media {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.thumbnail__banner .thumbnail:hover .thumbnail__image img {
  opacity: 0.85;
}
.thumbnail--media:hover .thumbnail__image img {
  opacity: 0.75;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail--philharmonie .thumbnail__image {
  height: 100%;
  width: auto;
}
.thumbnail--philharmonie .thumbnail__image img {
  width: auto;
  height: 100%;
  max-width: 240px;
  object-fit: cover;
}
.detail__text .thumbnail--philharmonie .thumbnail__image {
  width: auto;
}
.detail__text .thumbnail--philharmonie .thumbnail__caption {
  padding-right: 18px;
}
.detail__text .thumbnail--philharmonie .thumbnail__caption.with--thumbnail--image {
  padding-right: 250px;
}
.thumbnail--philharmonie .logo--philharmonie {
  border: 8px solid white;
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-radius: 4px;
  margin-top: 16px;
}
.thumbnail.thumbnail--filmfriend {
  background: transparent;
  border: 1px solid silver;
  max-width: 800px;
  border-radius: 14px 14px 0 14px;
  box-sizing: border-box;
}
.thumbnail.thumbnail--filmfriend .thumbnail--wrapper {
  display: flex;
  align-items: stretch;
}
.thumbnail.thumbnail--filmfriend .thumbnail__image__col {
  flex: 0 1 320px;
  position: relative;
  width: auto;
  border-top-right-radius: 14px;
}
.thumbnail.thumbnail--filmfriend .thumbnail__image__col img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  position: relative;
  bottom: 2px;
  right: 1px;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  box-shadow: None;
  border-right-width: 0;
  padding-bottom: 10px;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption .thumbnail__caption__top .thumbnail__headline {
  font-size: 16px;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption .thumbnail__caption__bottom {
  vertical-align: top;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption .thumbnail__caption__bottom .logo--filmfriend {
  display: inline-block;
  width: 75px;
  height: 75px;
  border: None;
  position: relative;
  margin-left: -10px;
  margin-bottom: -10px;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption .thumbnail__caption__bottom span {
  font-size: 24px;
  vertical-align: 16px;
  color: #0db3af;
}
.thumbnail.thumbnail--filmfriend .thumbnail__caption .thumbnail__title {
  font-size: 24px;
}
.detail__text .thumbnail.thumbnail--filmfriend .thumbnail__caption {
  padding-right: 18px;
}
.detail__text .thumbnail.thumbnail--filmfriend .thumbnail__caption.with--thumbnail--image {
  padding-right: 250px;
}
.thumbnail--magazine-infos .thumbnail__image img,
.thumbnail--only .thumbnail__image img {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail--magazine-infos:hover .thumbnail__image img,
.thumbnail--only:hover .thumbnail__image img {
  opacity: 0.85;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail__hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail__hover:hover img {
  opacity: 0.95;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail__banner {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.thumbnail__banner:hover img {
  opacity: 0.95;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.thumbnail--partner-local {
  margin-bottom: 30px;
}
.thumbnail__cursor .thumbnail:hover {
  cursor: auto;
}
.thumbnail__caption {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  padding: 10px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  z-index: 1;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  top: 0;
}
.detail__text .thumbnail__caption {
  float: left;
  padding-right: 135px;
  background: none;
  border: 1px solid #f1f2f2;
  width: 100%;
}
.slick-carousel--video .thumbnail__caption {
  float: right;
  margin-top: -15px;
}
.city .thumbnail__caption,
.jeb .thumbnail__caption,
.cafe .thumbnail__caption {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  padding: 30px;
  text-align: center;
}
.veille .thumbnail__caption {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  padding: 30px;
}
.slick-carousel--jeb .thumbnail__caption {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.slick-carousel--acquisitions .thumbnail__caption {
  background: #f1f2f2;
  box-shadow: none;
}
.thumbnail__caption:hover,
.thumbnail__caption:focus {
  background: #c9cdcd;
}
.thumbnail__infos {
  font-size: 14px;
  margin: 12px 0;
}
.thumbnail__category {
  font-family: 'Lato', serif;
  font-size: 14px;
  color: #333333;
  padding-bottom: 5px;
  z-index: 10;
  text-transform: uppercase;
}
.thumbnail__category:hover {
  font-weight: bold;
}
.thumbnail__title {
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  font-weight: normal;
  line-height: 28px;
  word-wrap: break-word;
  text-decoration: none;
  padding-top: 8px;
}
a .thumbnail__title {
  text-decoration: none;
}
.thumbnail--media .thumbnail__title {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  line-height: 18px;
}
.thumbnail--event .thumbnail__title {
  font-size: 21px;
  line-height: 24px;
}
.detail__text .thumbnail__title {
  font-size: 18px;
}
.thumbnail--round .thumbnail__title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
}
.city .thumbnail__title {
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 24px;
}
.veille .thumbnail__title {
  font-family: 'maxwell_regularregular';
  font-size: 28px;
}
.cafe .thumbnail__title {
  font-family: 'Poppins', sans-serif;
  font-weight: normal;
  font-size: 21px;
}
.magazine-info .thumbnail__title {
  text-align: center;
  margin-bottom: -5px;
  padding-top: 10px;
}
.thumbnail__warning {
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.thumbnail__headline {
  margin-top: 12px;
  margin-bottom: 0;
}
.thumbnail--media .thumbnail__headline {
  margin-top: 0;
}
.education.home .thumbnail__headline {
  margin-bottom: 15px;
  font-size: 16px;
}
.magazine-info .thumbnail__headline {
  text-align: center;
}
.thumbnail__image {
  display: block;
  position: relative;
  text-decoration: none;
  background: white;
  z-index: 0;
  overflow: hidden;
}
.thumbnail__image img {
  height: auto;
  width: auto;
  min-width: 100%;
  /* max-width: none; */
  display: block;
}
.thumbnail__image--banner .thumbnail__image img {
  height: 600px;
  object-fit: cover;
}
.thumbnail--media .thumbnail__image img {
  width: 100%;
  min-width: auto;
}
.thumbnail--partner .thumbnail__image {
  height: 160px;
  line-height: 160px;
}
.thumbnail--partner .thumbnail__image img {
  display: inline;
}
.thumbnail--shifted .thumbnail__image,
.thumbnail--shifted--top .thumbnail__image,
.thumbnail--shifted--left .thumbnail__image {
  padding: 0;
}
.detail__text .thumbnail__image {
  position: absolute;
  top: 0px;
  z-index: 2;
  width: 120px;
  right: 0;
}
.responsive-object .thumbnail__image img {
  min-height: 100%;
}
.slick-carousel__item .thumbnail__image img {
  width: 100%;
}
.thumbnail--round .thumbnail__image {
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.thumbnail--round .thumbnail__image img {
  width: 100%;
}
.thumbnail--round:hover .thumbnail__image {
  -webkit-box-shadow: 0 0 0 5px #28aae1;
  -moz-box-shadow: 0 0 0 5px #28aae1;
  box-shadow: 0 0 0 5px #28aae1;
}
.thumbnail__banner {
  height: 700px;
}
.thumbnail__banner img {
  height: 700px;
  width: 100%;
  object-fit: cover;
}
.thumbnail--shifted--top,
.thumbnail--shifted--left,
.thumbnail--shifted {
  padding-right: 30px;
}
.slick-carousel .thumbnail--shifted--top,
.slick-carousel .thumbnail--shifted--left,
.slick-carousel .thumbnail--shifted {
  padding-right: 0;
}
.thumbnail--partner {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.3s ease;
}
.thumbnail--partner:hover {
  filter: none;
}
.block-thumbnails {
  clear: both;
}
/* Responsive */
@media (min-width: 960px) {
  .thumbnail--shifted .thumbnail__image {
    margin-top: 21px;
    margin-left: -30px;
  }
  .thumbnail--shifted--left .thumbnail__image {
    margin-left: 0;
    margin-right: -30px;
  }
  .thumbnail--shifted--top .thumbnail__image {
    margin-top: 0;
  }
  .thumbnail--shifted--top,
  .thumbnail--shifted--left,
  .thumbnail--shifted {
    padding-right: 0;
  }
}
@media (max-width: 960px) {
  .thumbnail__banner {
    height: auto;
  }
  .thumbnail__banner img {
    height: 400px;
  }
}
@media (min-width: 768px) {
  .slick-carousel .thumbnail--shifted .thumbnail__image {
    margin-top: 21px;
    margin-left: -30px;
  }
  .slick-carousel--home .thumbnail--shifted .thumbnail__image {
    margin-top: 0px;
    margin-left: -30px;
  }
  .thumbnail--shifted--top .thumbnail__caption {
    margin-top: 21px;
  }
}
@media (min-width: 520px) and (max-width: 1023px) {
  .slick-carousel .thumbnail__headline {
    display: none;
  }
}
.index-list {
  margin-bottom: 30px;
}
.index-list__item {
  color: black;
  float: left;
  margin-bottom: 15px;
  min-height: 124px;
  position: relative;
  width: 100%;
  line-height: 1.4;
  font-size: 15px;
}
.index-list--medias .index-list__item {
  min-height: 0;
}
.city__playlists .index-list__item,
.migrer__portraits .index-list__item {
  padding: 30px;
}
.index-list__item:hover {
  color: black;
}
.index-list__item a {
  color: black;
}
.partner .index-list__item {
  height: 250px;
}
.index-list__item-images {
  max-height: 388px;
}
.index-list__item-images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-list__item-images:last-child {
  clear: both;
}
.index-list__item--hover:hover {
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.index-list__item--hover:hover img {
  opacity: 0.6;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.index-list__item__title {
  font-size: 23px;
  font-weight: 300;
}
.index-list--medias .index-list__item__title {
  font-size: 18px;
  font-weight: normal;
}
.partner .index-list__item__title {
  font-weight: 400;
}
.index-list__item__infos {
  margin-top: 10px;
}
.index-list__item__infos p {
  margin-bottom: 0;
}
.index-list--medias .index-list__item__infos {
  margin: 0;
}
.index-list__item__author {
  margin-top: 10px;
}
.index-list__item__author p {
  margin-bottom: 0;
}
@media (max-width: 500px) {
  .index-list__item__author {
    margin: -5px 0 5px 0 !important;
  }
}
.index-list__item__cover {
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
  max-height: 200px;
  margin-top: -12px;
  margin-left: -12px;
  margin-right: -12px;
}
.index-list__item__cover img {
  height: auto;
  width: 100%;
}
.results .index-list__item__cover img {
  max-height: 100%;
  width: auto;
  min-width: 0;
  float: right;
}
.index-list__item--partner .index-list__item__cover {
  background: white;
  text-align: center;
  height: 124px;
  border: 5px solid white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 124px;
}
.index-list__item--partner .index-list__item__cover img {
  display: inline;
  width: auto;
  min-width: auto;
  min-height: auto;
  line-height: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .index-list__item__cover {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    width: 200px;
    margin: 0;
    max-height: none;
  }
  .index-list__item__cover img {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    max-width: none;
  }
}
.cta {
  background: #f1f2f2;
  display: block;
  font-family: 'Lato', serif;
  margin-bottom: 15px;
  padding: 15px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  border: 1px solid #f1f2f2;
  color: black;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.cta:hover,
button.cta:hover {
  background: white;
  color: #6f9abc;
}
a.cta:hover.cta--education,
button.cta:hover.cta--education {
  background: #2a5980;
  color: white;
}
a.cta:hover.cta--pointculture,
button.cta:hover.cta--pointculture {
  background: #6f9abc;
  color: white;
}
.cta-list .cta {
  margin-bottom: 12px;
}
.account .cta {
  height: 100%;
}
.cta__price {
  font-size: 50px;
  display: block;
  line-height: 1;
}
.cta__label {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #6f9abc;
  color: white;
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  font-size: 13px;
  width: 40px;
}
.cta__new {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #00aeda;
  color: white;
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  font-size: 13px;
  width: 73px;
}
.cta__label--blue {
  background: #00aeda;
}
.cta--home {
  padding: 15px;
  background: none;
}
.cta--menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  color: white;
  padding: 12px;
  text-align: left;
}
.cta--search {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  color: white;
  padding: 12px;
  text-align: left;
  width: 34%;
}
.cta--pointculture {
  background: #6f9abc;
}
.cta--education {
  background: #2a5980;
}
.cta--home-education {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #2a5980;
  color: white;
  padding: 30px 90px 30px 21px;
  position: relative;
  text-align: left;
  width: auto;
}
.cta--home-education:after {
  content: '';
  background: url('https://static.pointculture.be/www/extra/static/images/illu-cta-se.png') no-repeat;
  height: 220px;
  width: 236px;
  display: block;
  position: absolute;
  right: -144px;
  bottom: -15px;
}
/*largeur de la page*/
.cta--large {
  background: #f4f5f5;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.cta--home-education .cta__title {
  font-size: 28px;
  line-height: 30px;
}
.cta--large .cta__title {
  font-size: 21px;
  text-align: left;
  line-height: 24px;
  margin: 0 0px 10px 0;
  width: 55%;
}
.cta--menu .cta__link {
  font-size: 21px;
  line-height: 24px;
  text-decoration: none;
}
.cta--home-education .cta__link {
  font-size: 21px;
  line-height: 24px;
  text-decoration: none;
}
.cta--home .cta__link {
  font-family: 'Lato', serif;
  font-style: italic;
  font-size: 120%;
}
.cta--home .cta__link:after {
  font-style: normal;
}
.cta__link:after {
  font-family: 'Material Design Icons';
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  bottom: 0;
  content: '\F152';
  font-size: 16px;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  right: 0;
  text-align: center;
  width: 30px;
}
.cta:hover .cta__link:after {
  right: -30px;
}
@media (min-width: 960px) {
  .cta--large .cta__inner {
    display: table;
  }
  .cta--large .cta__title {
    display: table-cell;
  }
  .cta--large .cta__content {
    display: table-cell;
    padding-right: 30px;
  }
  .cta--home-education {
    margin-right: 110px;
  }
}
.accordion__title {
  background: #f1f2f2;
  padding: 15px 12px;
  font-size: 18px;
  margin: 15px 0 0 0;
}
.accordion__title:after {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Material Design Icons';
  background: white;
  content: '\F236';
  float: right;
  font-size: 18px;
  height: 21px;
  line-height: 23px;
  text-align: center;
  width: 21px;
}
.accordion__title:hover {
  cursor: pointer;
}
.accordion__title.active:after {
  content: '\F239';
}
.accordion__content {
  padding: 12px 0 30px 0;
}
#splash.fancybox-content {
  width: 60%;
  font-size: 18px;
  padding-right: 0;
}
#splash.fancybox-content.cookies {
  padding-right: 44px;
}
#splash.fancybox-content .title--subtitle {
  text-align: left;
}
#splash.fancybox-content a {
  outline: none;
}
@media (max-width: 960px) {
  #splash.fancybox-content {
    width: 80%;
    font-size: 18px;
    padding: 35px;
  }
  .logo--splash {
    display: none;
  }
}
@media (max-width: 600px) {
  #splash.fancybox-content {
    width: 90%;
    font-size: 16px;
    padding: 25px;
  }
  .logo--splash {
    display: none;
  }
}
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.account-home .fancybox-content {
  padding: 0px;
  width: 30%;
}
@media (max-width: 768px) {
  .account-home .fancybox-content {
    padding: 0px;
    width: 100%;
  }
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: 30px;
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(92%);
  max-width: calc(46%);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(90%);
  }
}
.errorlist {
  border-bottom: 1px solid #f1f2f2;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #ee8d00;
}
input.error {
  border-color: #ee8d00;
}
.results {
  padding-right: 30px;
  min-height: 700px;
  padding-top: 30px !important;
}
.results__block {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f2f2;
}
.results__block:last-child {
  border: none;
}
.facets__title {
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .facets-hide {
    display: none;
  }
}
.popular-tags {
  list-style: none;
}
.popular-tags__item {
  margin-right: 6px;
  float: left;
}
.popular-tags__link {
  background: #6f9abc;
  display: block;
  color: #fff;
  font-family: 'Lato', 'sans-serif';
  padding: 2px 9px 2px 5px;
  text-decoration: none;
  margin-bottom: 5px;
}
.popular-tags__link:hover {
  background: #a9c2d7;
  color: white;
}
.popular-tags__link:before {
  content: '\F5E7';
  font-family: 'Material Design Icons';
  margin-right: 3px;
}
.tag {
  background: #f1f2f2;
  display: block;
  float: left;
  font-family: 'Lato', serif;
  margin-right: 5px;
  padding: 0 5px;
  margin-bottom: 5px;
  color: white;
}
.tag:hover {
  cursor: pointer;
}
.calendar-widget {
  font-family: 'Lato', serif;
  font-size: 15px;
  color: #c9cdcd;
}
.calendar-widget a {
  color: black;
}
.calendar-widget a:hover {
  font-weight: bold;
  color: #6f9abc;
}
.calendar-widget table {
  background: #f1f2f2;
  width: 100%;
}
.calendar-widget th {
  background: #a9c2d7;
  font-family: 'Poppins', sans-serif;
  padding: 10px 0;
}
.calendar-widget th a:hover {
  font-weight: 500;
  color: #333333;
}
.calendar-widget td {
  padding: 8px 5px;
  text-align: center;
  line-height: 1;
}
.agenda .calendar-widget td {
  padding: 14px 13px;
  font-size: 18px;
}
.calendar-widget td.active {
  font-weight: bold;
  background: #a9c2d7;
  color: white !important;
  width: 20px;
}
.calendar-widget td.active:hover {
  color: white !important;
}
.section--background .calendar-widget table {
  background: white;
}
.section--background .calendar-widget th {
  border-bottom: 1px solid #f1f2f2;
}
.calendar-widget .prev,
.calendar-widget .next {
  font-size: 18px;
}
.calendar-widget--hidden {
  display: none;
}
@media (max-width: 960px) {
  .calendar-widget table {
    width: 90%;
  }
  .agenda .calendar-widget td {
    padding: 14px 9px;
  }
  td {
    padding: 11px 5px;
  }
  .calendar-widget-hide {
    display: none;
  }
  .calendar-widget--hidden {
    display: block;
  }
}
.table-contents {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #707070;
  font-family: 'Lato', serif;
  float: none;
  width: 100%;
  background: #fcfcfc;
  margin-bottom: 30px;
}
.table-contents a {
  background: none !important;
  font-weight: normal !important;
}
.table-contents a:hover {
  text-decoration: underline;
}
.table-contents__title {
  font-size: 100%;
  line-height: 1.6;
  margin-bottom: 15px;
}
.pagination {
  font-family: 'Lato', serif;
}
.pagination a {
  text-decoration: none;
  color: black;
}
.partner .pagination {
  font-size: 18px;
  margin-bottom: 15px !important;
}
.endless_page_link,
.endless_page_current,
.endless_separator {
  display: block;
  float: left;
  padding: 8px 12px;
  line-height: 1;
  margin-right: 5px;
}
.work .endless_page_link,
.work .endless_page_current,
.work .endless_separator {
  border: none;
}
.partner .endless_page_link,
.partner .endless_page_current,
.partner .endless_separator {
  padding: 8px 5px;
}
.endless_page_link:hover {
  background: #f1f2f2;
}
.section--background .endless_page_link:hover {
  background: none;
  font-weight: 800;
}
.endless_page_current {
  background: #f1f2f2;
}
.section--background .endless_page_current {
  background: none;
  font-weight: 800;
}
.modal {
  position: fixed;
  background: white;
  -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 80%;
  padding: 30px;
  top: 10%;
  overflow-y: scroll;
  width: 600px;
  z-index: 500;
}
.modal.modal--musicmap {
  width: 768px;
  overflow-y: hidden;
  max-height: 500px;
}
.modal.modal--dates {
  width: 500px;
}
.modal iframe {
  width: 100%;
}
.js-close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  display: block;
}
.js-close-modal:after {
  content: '\F69A';
  color: #c9cdcd;
  font-family: 'Material Design Icons';
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.js-close-modal:hover {
  cursor: pointer;
}
.js-open-modal {
  margin-left: 5px;
}
.js-open-modal:after {
  font-family: 'Material Design Icons';
  content: '\F3F0';
}
.js-open-modal:hover {
  cursor: pointer;
}
.modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 500;
}
.modal--musicmap .modal__inner {
  overflow-y: scroll;
  height: 400px;
}
.modal__content {
  width: 75%;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.modal__sidebar {
  width: 25%;
  float: left;
}
.modal--musicmap .modal__title {
  font-size: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #f1f2f2;
  padding-bottom: 12px;
}
.modal--musicmap .modal h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 12px;
}
.modal--musicmap .modal__caption {
  font-size: 14px;
  margin: 12px 0;
  font-style: italic;
  font-family: 'Lato', serif;
  line-height: 18px;
}
.player-audio {
  float: right;
}
.audio.green-audio-player {
  margin-top: 15px;
  width: 300px;
  min-width: 300px;
  height: 40px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 4px;
  user-select: none;
  -webkit-user-select: none;
  background-color: #f2f2f2;
}
.audio.green-audio-player .play-pause-btn {
  display: none;
  cursor: pointer;
  color: #333;
}
.audio.green-audio-player .spinner {
  width: 18px;
  height: 18px;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin 0.4s linear infinite;
}
.audio.green-audio-player .slider {
  flex-grow: 1;
  background-color: #D8D8D8;
  cursor: pointer;
  position: relative;
}
.audio.green-audio-player .slider .progress {
  background-color: #44BFA3;
  border-radius: inherit;
  position: absolute;
  pointer-events: none;
}
.audio.green-audio-player .slider .progress .pin {
  height: 16px;
  width: 16px;
  border-radius: 8px;
  background-color: #d9dbdb;
  position: absolute;
  pointer-events: all;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}
.audio.green-audio-player .controls {
  font-family: 'Lato', serif;
  text-shadow: none;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 24px;
  margin-right: 24px;
}
.audio.green-audio-player .controls .slider {
  margin-left: 16px;
  margin-right: 16px;
  border-radius: 2px;
  height: 4px;
}
.audio.green-audio-player .controls .slider .progress {
  width: 0;
  height: 100%;
}
.audio.green-audio-player .controls .slider .progress .pin {
  right: -8px;
  top: -6px;
}
.audio.green-audio-player .controls span {
  cursor: default;
}
.audio.green-audio-player .volume {
  position: relative;
}
.audio.green-audio-player .volume .volume-btn {
  cursor: pointer;
}
.audio.green-audio-player .volume .volume-btn.open path {
  fill: #d9dbdb;
}
.audio.green-audio-player .volume .volume-controls {
  width: 30px;
  height: 135px;
  background-color: rgba(0, 0, 0, 0.62);
  border-radius: 7px;
  position: absolute;
  left: -3px;
  bottom: 52px;
  flex-direction: column;
  align-items: center;
  display: flex;
}
.audio.green-audio-player .volume .volume-controls.hidden {
  display: none;
}
.audio.green-audio-player .volume .volume-controls .slider {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 6px;
  border-radius: 3px;
}
.audio.green-audio-player .volume .volume-controls .slider .progress {
  bottom: 0;
  height: 100%;
  width: 6px;
}
.audio.green-audio-player .volume .volume-controls .slider .progress .pin {
  left: -5px;
  top: -8px;
}
svg,
img {
  display: block;
}
@keyframes spin {
  from {
    transform: rotateZ(0);
  }
  to {
    transform: rotateZ(1turn);
  }
}
.ticketing__quantity {
  float: left;
  width: 25%;
  position: relative;
  left: -65px;
  padding: 16px 15px 5px 15px;
  height: 80px;
}
.ticketing__quantity--color {
  background: #6f9abc;
}
.ticketing__quantity--color-soldout {
  background: #FF1623;
}
.ticketing__quantity--color-close {
  background: black;
}
.ticketing__count {
  position: absolute;
  top: -5px;
  left: 56px;
  height: 100%;
  width: 30px;
  border: none;
  text-align: center;
  font-size: 21px;
  z-index: 0;
  padding: 0px !important;
  padding-top: 5px !important;
  background: none;
  color: white;
  -moz-appearance: textfield;
}
.ticketing__count::-webkit-outer-spin-button,
.ticketing__count::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ticketing__count:focus {
  outline: none;
}
.ticketing__prices--info {
  margin-left: -20px;
  float: left;
  padding-top: 12px;
}
.ticketing__prices--info span {
  display: block;
  width: 260px;
  height: 50px;
}
.ticketing__prices--cost {
  font-size: 18px;
  width: 70px;
  float: right;
  margin-right: 15px;
  padding-top: 10px;
  text-align: right;
}
.booking--min,
.booking--plus {
  float: right;
  font-size: 30px;
  background: none;
  position: relative;
  top: 18px;
  width: 50px;
}
.booking--min:focus,
.booking--plus:focus {
  outline: none;
}
.booking--min {
  float: left;
}
.ticketing__total {
  float: right;
  width: 170px;
  display: block;
  position: relative;
  margin-bottom: 40px;
}
.ticketing__total.ticketing__total--validate {
  float: left;
  margin: 20px 0 0 417px;
}
.ticketing__total--title,
.ticketing__total--number {
  color: #333333;
  text-align: center;
}
.ticketing__total--title {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.ticketing__total--title:after {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  background: #333333;
  content: '';
  display: block;
  height: 2px;
  width: 160px;
  margin-top: 10px;
}
.ticketing__total--number {
  font-size: 18px;
  text-align: right;
  margin: -10px 17px;
}
.ticketing__nav {
  clear: left;
}
.ticketing__personnal-info {
  clear: left;
  margin-top: 30px;
}
.ticketing__date-picker h3 {
  text-align: center;
  color: #6f9abc;
  font-size: 24px;
  margin: 20px 0 20px 0;
}
.ticketing__timeline {
  z-index: 100;
}
.ticketing__timeline:before {
  content: '';
  display: block;
  width: 95%;
  height: 1px;
  background: #6f9abc;
  position: relative;
  top: 22px;
  margin: 0 auto;
}
.ticketing__timeline .ticketing__timeline--color {
  background: #a9c2d7;
  color: white;
  width: 40px;
  height: 40px;
  text-align: center;
  float: left;
  line-height: 38px;
}
.ticketing__timeline .ticketing__timeline--color:hover,
.ticketing__timeline .ticketing__timeline--color.active {
  background: #6f9abc;
}
.ticketing__timeline .ticketing__timeline--color-soldout {
  background: #ff8b91;
  width: 40px;
  height: 40px;
  color: white;
  text-align: center;
  float: left;
  line-height: 38px;
}
.ticketing__timeline .ticketing__timeline--color-soldout:hover,
.ticketing__timeline .ticketing__timeline--color-soldout.active {
  background: #ff8b91;
}
.ticketing__timeline .ticketing__timeline--color-close {
  background: black;
  width: 40px;
  height: 40px;
  color: white;
  text-align: center;
  float: left;
  line-height: 38px;
}
.ticketing__timeline .ticketing__timeline--color-close:hover,
.ticketing__timeline .ticketing__timeline--color-close.active {
  background: black;
}
.ticketing__timeline a > li.ticketing__timeline--color-soldout,
.ticketing__timeline a > li.ticketing__timeline--color-close {
  cursor: default;
}
.ticketing__timeline ul {
  display: table;
  float: none;
  position: relative;
  margin: 0 auto;
}
.ticketing__timeline--color a {
  color: white;
}
.ticketing__timeline--color-infos {
  background: #f1f1f1;
  padding: 10px 12px 12px 10px;
  margin: 0 -10px 0 14px;
  color: #6f9abc;
}
.ticketing__hour-picker .ticketing__timeline--color {
  height: 40px;
  color: white;
  line-height: 38px;
  margin-top: 20px;
  padding: 0 10px;
}
.ticketing__hour-picker .ticketing__timeline--color a {
  background: #a9c2d7;
  padding: 10px;
}
.ticketing__hour-picker .ticketing__timeline--color a:hover,
.ticketing__hour-picker .ticketing__timeline--color a.active {
  background: #6f9abc;
}
.ticketing__hour-picker .ticketing__timeline--color-soldout a {
  cursor: default;
  background: #ff8b91;
  padding: 10px;
}
.ticketing__hour-picker .ticketing__timeline--color-soldout a:hover,
.ticketing__hour-picker .ticketing__timeline--color-soldout a.active {
  background: #ff8b91;
}
.ticketing__hour-picker .ticketing__timeline--color-close a {
  cursor: default;
  background: black;
  padding: 10px;
}
.ticketing__hour-picker .ticketing__timeline--color-close a:hover,
.ticketing__hour-picker .ticketing__timeline--color-close a.active {
  background: black;
}
.ticketing__legend ul {
  margin-top: 15px;
}
.ticketing__legend .legend--color,
.ticketing__legend .legend--color-soldout,
.ticketing__legend .legend--color-close {
  height: 20px;
  width: 20px;
  float: left;
}
.ticketing__legend .legend--color {
  background: #a9c2d7;
}
.ticketing__legend .legend--color-soldout {
  background: #ff8b91;
}
.ticketing__legend .legend--color-close {
  background: black;
}
.ticketing__legend span {
  margin: 3px 10px 0 0;
}
.ticketing__succeed {
  margin: 0 auto;
  display: block;
  width: 600px;
  text-align: center;
}
.fail {
  color: #FF1623;
}
.ticketing table {
  width: 100%;
}
.later,
.sooner {
  width: 100px;
}
.ticketing__hour-picker {
  clear: both;
}
.large-padding {
  margin-right: 30px;
}
.small-padding {
  margin-right: 10px;
}
.ticketing__nav {
  position: relative;
  margin-top: 40px;
  clear: both;
}
@media (max-width: 960px) {
  .ticketing__prices--cost {
    font-size: 18px;
    width: 30px;
    float: right;
    margin-right: 395px;
    padding-top: 10px;
  }
  .ticketing__prices--cost--validate {
    margin-right: 25px;
  }
  .ticketing__quantity {
    width: 20%;
    left: -65px;
  }
  .ticketing__count {
    left: 47px;
  }
  .ticketing__prices--info {
    margin-left: -56px;
  }
  .ticketing__timeline {
    z-index: 100;
  }
  .ticketing__timeline:before {
    display: none;
  }
  .ticketing__timeline li {
    margin-bottom: 15px;
  }
  .ticketing__timeline ul {
    display: table;
    float: none;
    position: relative;
    margin: 0 auto;
    width: 135px;
  }
  .ticketing__hour-picker {
    position: relative;
    top: 50px;
  }
  .later,
  .sooner {
    width: 90px;
    vertical-align: top;
  }
  .later a,
  .sooner a {
    width: 100%;
  }
  .ticketing .link--next:after {
    content: '';
  }
  .veille .ticketing .link--next {
    position: relative;
    left: 982px;
    bottom: 60px;
  }
  .ticketing .ticketing .link--next {
    position: relative;
    top: -15px;
  }
  .ticketing .link--prev:before {
    content: '';
  }
  .ticketing .ticketing .link--prev {
    position: relative;
    top: -15px;
  }
  .ticketing__nav {
    position: relative;
    margin-top: 80px;
    clear: both;
  }
  .ticketing__date-picker h3 {
    text-align: center;
    color: #6f9abc;
    font-size: 24px;
    margin: 10px 0 20px 0;
  }
  .large-padding,
  .small-padding {
    margin-right: 5px;
  }
}
@media (max-width: 600px) {
  .hours-day-month {
    margin-bottom: 30px;
  }
}
.audio--list {
  margin-top: 15px;
}
.audio--list--slab,
.audio--list--thumbnail {
  margin: 30px 0;
}
.audio--item--slab {
  display: inline-block;
  width: 232px;
  height: 232px;
  cursor: pointer;
  margin-right: 5px;
}
.audio--item--slab:after {
  content: '\F66B';
  font-family: 'Material Design Icons';
  color: white;
  font-size: 19px;
  /* line-height: 232px; */
  position: absolute;
  z-index: 1;
  margin-top: -230px;
  margin-left: 7px;
}
.audio--item--slab:hover {
  background: rgba(0, 0, 0, 0.6);
}
.audio--item--slab:hover:after {
  display: none;
}
.audio--item--slab:hover img {
  opacity: 0.7;
}
.audio--item--slab:hover:before {
  content: '\F4FB';
  font-family: 'Material Design Icons';
  color: white;
  font-size: 80px;
  line-height: 232px;
  margin-left: 75px;
  position: absolute;
  z-index: 1;
}
.audio--item--thumbnail {
  display: inline-block;
  width: 210px;
  height: 210px;
  cursor: pointer;
  margin-right: 5px;
}
.epl .audio--item--thumbnail {
  width: 282px;
  height: 282px;
}
.audio--item--thumbnail img {
  width: 210px;
  height: 210px;
}
.epl .audio--item--thumbnail img {
  width: 282px;
  height: 282px;
}
.audio--item--thumbnail:before {
  content: '\F4FB';
  font-family: 'Material Design Icons';
  color: white;
  font-size: 80px;
  line-height: 210px;
  margin-left: 65px;
  position: absolute;
  z-index: 1;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}
.epl .audio--item--thumbnail:before {
  line-height: 282px;
  margin-left: 103px;
}
.audio--item--thumbnail:hover {
  background: rgba(0, 0, 0, 0.6);
}
.audio--item--thumbnail:hover img {
  opacity: 0.7;
}
.audio--item--slab.playing {
  background: rgba(0, 0, 0, 0.6);
}
.audio--item--slab.playing:hover img {
  opacity: 0.7;
}
.audio--item--slab.playing:hover:before {
  content: '\F4D4';
  font-family: 'Material Design Icons';
  color: white;
  font-size: 80px;
  line-height: 282px;
  margin-left: 103px;
  position: absolute;
  z-index: 1;
}
.audio--item--thumbnail.playing {
  background: rgba(0, 0, 0, 0.6);
}
.audio--item--thumbnail.playing:before {
  content: '\F4D4';
  font-family: 'Material Design Icons';
  color: white;
  font-size: 80px;
  line-height: 210px;
  margin-left: 65px;
  position: absolute;
  z-index: 1;
}
.epl .audio--item--thumbnail.playing:before {
  line-height: 282px;
  margin-left: 103px;
}
.audio--item--thumbnail.playing:hover img {
  opacity: 0.7;
}
.audio--item--slab.awaiting img,
.audio--item--thumbnail.awaiting img {
  opacity: 0.4;
}
.audio--item--icon {
  border-bottom: 1px solid #f1f2f2;
  height: 90px;
  clear: left;
  cursor: pointer;
  padding-left: 0 !important;
}
.audio--item--icon img {
  display: block;
  float: left;
  margin: 10px;
  border-radius: 8px;
}
.audio--item--icon span {
  margin-left: 1em;
}
.audio--item--icon:hover {
  background: #c5d7e4;
  border-bottom: 1px solid #c5d7e4;
}
.audio--item--icon:hover:after {
  color: white;
}
.audio--item--icon:before {
  display: none;
}
.audio--item--icon:after {
  content: '\F4FC';
  font-family: 'Material Design Icons';
  display: inline-block;
  font-size: 30px;
  height: 30px;
  color: #c9cdcd;
  margin: -50px 30px 0px 15px;
  float: right;
  line-height: 80px;
}
.audio--list--simple {
  list-style: None;
}
.audio--item--simple {
  padding: 15px;
  border-bottom: 1px solid #f1f2f2;
  cursor: pointer;
}
.audio--item--simple:hover {
  background: #c5d7e4;
  border-bottom: 1px solid #c5d7e4;
}
.audio--item--simple:hover:after {
  color: white;
}
.audio--item--simple:before {
  display: none;
}
.audio--item--simple:after {
  content: '\F4FC';
  font-family: 'Material Design Icons';
  display: inline-block;
  font-size: 30px;
  /* height: 30px; */
  color: #c9cdcd;
  margin: -10px 15px 0px 15px;
  float: right;
  line-height: 0px;
}
.audio--item--simple.playing:after,
.audio--item--icon.playing:after {
  content: '\F4D3';
}
.audio--item-title {
  margin-top: 5px;
}
/*
Les "components" sont un type de module spécifique qui représentent un élément de section important
a priori utilisé une seule fois sur la page : main, header, footer, nav, article, section
*/
/* Main content */
.main-content {
  overflow: hidden;
  display: block;
  background: white;
  margin-top: 60px;
}
.media .main-content {
  overflow: visible;
}
/* Sections */
.section {
  padding-top: 60px;
  padding-bottom: 60px;
}
.section--little {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section--top {
  padding-top: 15px;
}
.section--bigtop {
  padding-top: 30px;
}
.section--acquisitions {
  padding-bottom: 30px;
}
.section--thematiques {
  padding-bottom: 60px;
}
.section--about {
  padding-bottom: 60px;
}
.section--background {
  background: #e5edf3;
}
.city .section--background {
  background: #f7f7f7;
}
.account-home .section--background {
  background: #f8f9f9;
  margin-bottom: 20px;
}
.magazine .section--background {
  background: #cfdee9;
}
.migrer .section--background {
  background: #fbf5d9;
}
.revolte .section--background {
  background: rgba(0, 0, 0, 0.1);
}
.section--background--theme.theme--genres {
  background-color: #def1fc;
}
.section--background--theme.theme--environnement {
  background-color: #e6f0d0;
}
.section--background--theme.theme--numerique {
  background-color: #dff5ec;
}
.section--background--theme.theme--nord-sud {
  background-color: #fce4d3;
}
.section--background--theme.theme--arts-artistes {
  background-color: #e7e1ec;
}
.section--background--theme.theme--sante {
  background-color: #ffdce6;
}
.section--small {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.section--se {
  background: #D4DD63;
}
.section--center {
  text-align: center;
}
/* Responsive Navigation */
.site__container,
.site__pusher {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.site__container {
  overflow: hidden;
}
.site__pusher {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}
.responsive-nav--primary--open .site__pusher,
.responsive-nav--account--open .site__pusher {
  -webkit-transform: translateX(-280px);
  -moz-transform: translateX(-280px);
  -ms-transform: translateX(-280px);
  -o-transform: translateX(-280px);
}
.responsive-nav--primary--open .site__cache,
.responsive-nav--account--open .site__cache {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.site__content {
  -webkit-overflow-scrolling: touch;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  padding-top: 0;
  position: absolute;
  right: 0;
  top: 55px;
}
/* Responsive : mobile first */
@media (max-width: 768px) {
  .main-content {
    margin-top: 0;
  }
}
@media (max-width: 960px) {
  .main-content {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .site__container,
  .site__pusher {
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    position: static;
  }
  .site__content {
    overflow-y: auto;
    position: static;
  }
  .site__container {
    overflow: auto;
  }
}
/* Responsive nav*/
.js-trigger-nav {
  display: block;
  height: 55px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-indent: 100%;
  top: 4px;
  white-space: nowrap;
  width: 55px;
  z-index: 2000;
}
.js-trigger-nav:after {
  color: #333333;
  content: '\F44E';
  display: block;
  font-family: 'Material Design Icons';
  font-size: 35px;
  line-height: 0;
  position: relative;
  text-align: center;
  text-indent: 0;
  top: 3px;
}
.account-nav,
.search-nav {
  display: block;
  height: 55px;
  overflow: hidden;
  position: absolute;
  right: 115px;
  text-decoration: none;
  text-indent: 100%;
  top: 4px;
  white-space: nowrap;
  width: 55px;
  z-index: 2000;
}
.account-nav:after,
.search-nav:after {
  color: #333333;
  content: '\F103';
  display: block;
  font-family: 'Material Design Icons';
  font-size: 35px;
  line-height: 0;
  position: relative;
  text-align: center;
  text-indent: 0;
  top: 3px;
}
.search-nav {
  right: 60px;
}
.search-nav:after {
  content: '\F43B';
}
.responsive-nav {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(280px);
  -moz-transform: translateX(280px);
  -ms-transform: translateX(280px);
  -o-transform: translateX(280px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background: white;
  bottom: 0;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  padding-top: 20px;
  top: 0;
  border-top: 55px solid white;
  width: 280px;
  z-index: 1000;
}
.responsive-nav__link {
  display: block;
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  border-bottom: 1px solid #f1f2f2;
  text-transform: uppercase;
  text-decoration: none;
}
.responsive-nav__link--connect {
  border-bottom: 0;
}
.responsive-nav--account {
  -webkit-transform: translateX(280px);
  -moz-transform: translateX(280px);
  -ms-transform: translateX(280px);
  -o-transform: translateX(280px);
  bottom: 0;
  color: #333333;
  font-family: 'Lato', serif;
  overflow-y: scroll;
  padding-top: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 280px;
}
.responsive-nav--account span {
  padding: 0 20px;
}
.responsive-nav--account--open .responsive-nav--account {
  z-index: 2000;
  display: block;
}
.responsive-nav--primary--open .responsive-nav--primary {
  z-index: 2000;
  display: block;
}
/* Staff Link */
.nav__link--staff {
  position: relative;
  top: 60px;
  font-weight: bold;
  z-index: 50;
  background: white;
  padding: 5px;
  float: right;
}
.main-nav__link--staff {
  display: inline-block;
  font-weight: light;
  line-height: 14px;
  color: #6f9abc !important;
  position: fixed;
  bottom: 52px;
  left: -8px;
  transform: rotate(270deg);
  z-index: 9999;
  padding: 0 4px;
  outline: 0;
  border: 1px solid white;
  border-radius: 3px;
  background-color: white;
  box-shadow: 0 0 1px 0 #6bd6e6, 0 1px 10px 0 rgba(107, 214, 230, 0.7);
  transition: all 0.2s ease-in-out;
}
.main-nav__link--staff:hover {
  color: black !important;
  box-shadow: 0 0 1px 0 #6bd6e6, 0 3px 15px 0 rgba(107, 214, 230, 0.95);
}
/* Simple nav */
.nav {
  margin-bottom: 30px;
}
.nav__link {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
  position: relative;
  color: #333333;
  font-weight: 500;
}
.nav__link:hover,
.nav__link.active {
  color: #6f9abc;
  font-style: 500;
}
.results .nav__link {
  margin-right: 0;
  margin-left: 21px;
}
/* Secondary Icons */
.secondary-nav {
  float: right;
}
.secondary-nav_item {
  float: left;
  margin: 0 4px;
}
.secondary-nav_link {
  display: block;
  overflow: hidden;
  text-decoration: none;
  top: 0;
  white-space: nowrap;
  z-index: 2000;
}
.secondary-nav_link-account:after {
  color: #333333;
  content: '\F103';
  display: block;
  font-family: 'Material Design Icons';
  font-size: 25px;
  line-height: 60px;
  position: relative;
  text-align: center;
  text-indent: 0;
  margin: 0 5px;
}
.account-active:after {
  color: #6f9abc;
}
.secondary-nav_link-menu {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  margin-top: 15px;
  height: 45px;
}
.secondary-nav_link-menu:hover {
  color: #6f9abc;
}
/* Main Nav */
.main-nav {
  color: #707070;
  float: none;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 16px;
  height: auto;
  padding: 20px 0;
}
.main-nav__item {
  display: block;
  line-height: 1.2;
  padding: 10px 20px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
}
.responsive-nav .main-nav__item {
  padding: 10px 0 20px 0;
}
.main-nav__link:hover {
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.main-nav__link.active {
  color: #6f9abc;
}
.main-nav__link.active:after {
  content: '\F1D0';
  font-family: 'Material Design Icons';
  font-size: 7px;
  display: block;
  width: 100%;
  position: relative;
  bottom: 14px;
  text-align: center;
}
/* Logout */
.main-nav__link--logout {
  font-size: 15px;
  color: #6f9abc !important;
  padding: 20px 0 20px 10px;
  z-index: 150;
}
.main-nav__link--logout-responsive {
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: white !important;
  z-index: 50;
  background: #6f9abc;
  padding: 10px 15px;
  border-radius: 20px;
}
.main-subnav {
  position: static;
  min-width: none;
  padding: 5px 15px 10px 15px;
}
.main-subnav span {
  line-height: 21px;
  font-style: italic;
}
.main-nav__item {
  float: none;
  position: relative;
}
.main-nav__subnav {
  margin-left: 10px;
  padding-top: 10px;
}
.main-nav__subnav .main-nav__subnav__link {
  font-family: 'Poppins', sans-serif;
  color: #707070;
  font-weight: 300;
}
.main-nav__subnav .main-nav__subnav__link:hover {
  color: #6f9abc;
  font-weight: 400;
}
.main-nav__subnav .main-nav__subnav__link--user {
  color: #6f9abc;
}
.main-nav__subnav .main-nav__subnav__link--user:hover {
  color: #a9c2d7;
}
.subnav .main-nav__subnav {
  margin-left: 0;
  padding-top: 5px;
}
.main-nav__subnav:first-child {
  padding-top: 0;
}
.main-nav__subnav__list {
  margin: -15px 0 10px 0;
}
.secondary-subnav {
  position: static;
  min-width: none;
  padding: 5px 15px 10px 15px;
}
.secondary-subnav span {
  line-height: 21px;
  font-style: italic;
}
.secondary-subnav__list {
  border-top: 1px solid #f1f2f2;
  padding-top: 5px;
  margin-top: 5px;
}
.secondary-subnav__link {
  display: block;
  line-height: 18px;
  text-decoration: none;
  padding: 3px 0;
}
/* Subnav */
.subnav {
  width: 100%;
  height: 100%;
}
.subnav_list {
  position: fixed;
  background: white;
  padding: 140px 0 60px 0;
  width: 100%;
  z-index: 50;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.15);
}
.subnav_list .container {
  padding-left: 0;
}
.header-hide {
  display: none;
}
/* Theme nav */
.themes-nav__item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  margin-bottom: 30px;
}
.themes-nav__link {
  font-weight: 500;
  margin-right: 0;
  background: #f1f2f2;
  padding: 10px;
  border-radius: 4px;
  font-family: 'Lato', serif;
}
.themes-nav__list {
  margin-bottom: 30px;
}
.all--underline:hover:after {
  height: 1px;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  bottom: -5px;
  background: black;
}
@media (max-width: 1024px) {
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
  }
  .themes-nav__item:last-child {
    margin-right: 0;
  }
}
@media (max-width: 960px) {
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }
}
@media (max-width: 960px) {
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
  }
}
/* Responsive : mobile first  */
@media (min-width: 520px) {
  /* Simple nav */
  .nav__item {
    float: left;
  }
}
@media (min-width: 960px) {
  .header-hide {
    display: block;
  }
  .responsive-nav {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    background: none;
    overflow-y: initial;
    position: static;
    padding-top: 0;
    border-top: none;
    width: auto;
    display: none;
  }
  .account-nav,
  .search-nav,
  .responsive-nav--account,
  .js-trigger-nav,
  .main-nav__link--logout-responsive {
    display: none;
  }
  .main-nav {
    height: 55px;
    padding: 0;
    margin: 0 175px auto;
  }
  .main-nav__item {
    line-height: 30px;
    padding: 0 10px;
    font-size: 16px;
    margin: 15px 0;
    float: left;
  }
  .secondary-subnav {
    background: white;
    position: absolute;
    min-width: 140px;
    margin-top: -1px;
  }
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 91px;
  }
  .themes-nav__item:last-child {
    margin-right: 0;
  }
  .themes-nav__link {
    margin-right: 0;
    background: #f1f2f2;
    padding: 10px;
    border-radius: 4px;
    font-family: 'Lato', serif;
  }
}
@media (min-width: 1080px) {
  .main-nav {
    margin: 0 auto;
    width: 633px;
  }
}
@media (max-width: 1024px) {
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
  }
  .themes-nav__item:last-child {
    margin-right: 0;
  }
}
@media (max-width: 960px) {
  .themes-nav__item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
/* Site header */
.site__header {
  background: white;
  position: static;
  z-index: 50;
}
.site__header a {
  color: #333333;
}
.site__header__title {
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
/* Logo */
.site__title {
  background: white;
}
.site__logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-pointculture-2022.png') no-repeat left center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 60px;
  width: 145px;
  position: relative;
  z-index: 100;
  margin-left: 30px;
}
.svg .site__logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-pointculture-2022.svg') no-repeat left center;
}
.fixed__logo {
  position: fixed;
}
/* Top header */
.site__header__top {
  position: static;
}
.site__header__top .container {
  padding: 0;
}
/* Responsive : mobile first  */
@media (min-width: 960px) {
  .site__logo {
    margin-left: 0;
  }
  .site__header {
    position: relative;
  }
  .site__header__top {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    height: 60px;
    z-index: 100;
  }
}
@media (max-width: 600px) {
  .site__logo {
    width: 130px;
  }
}
.site__footer {
  background: #f5f6f6;
  font-family: 'Lato', serif;
}
.site__footer a {
  color: black;
}
.site__footer__menus {
  padding: 30px 0 30px 30px;
  color: #333333;
}
.site__footer__menus a {
  font-family: 'Poppins', sans-serif;
  color: #707070;
  font-weight: 300;
}
.site__footer__menus a:hover {
  font-weight: 400;
  color: #6f9abc;
  transition: color 0.3s linear;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
}
.site__footer__list {
  margin-bottom: 30px;
}
.site__footer__legal {
  background: white;
  font-size: 14px;
}
.site__footer__title {
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.site__footer__left {
  float: left;
  clear: left;
  color: #333333;
}
.site__footer__left a {
  text-decoration: none;
  padding: 15px 0;
  display: block;
}
.site__footer__left a:hover {
  color: #6f9abc;
  transition: color 0.3s linear;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
}
.site__footer__left li {
  float: left;
  margin-right: 15px;
}
.site__footer__right {
  float: right;
}
.copyright {
  color: #333333;
  padding: 15px 0;
  display: block;
  float: right;
  margin-left: 30px;
}
.site__footer__logo {
  margin-top: 20px;
  margin-left: -25px;
  display: block;
}
.site__footer__logo:before {
  content: '';
  display: block;
  border-top: 1px solid #333333;
  width: 45px;
  padding-top: 20px;
  margin-left: 25px;
}
.site__footer__logo img {
  width: 145px;
}
@media (max-width: 960px) {
  .site__footer__logo {
    display: none;
  }
}
.detail {
  padding-top: 30px;
  padding-bottom: 30px;
}
.detail__cover {
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}
.detail__cover img {
  width: 100%;
  height: auto;
}
/* Finished events*/
.event--finished,
.activity--finished {
  position: relative;
}
.event--finished,
.activity--finished {
  z-index: 10;
  background: rgba(200, 205, 205, 0.8);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.event--finished h1,
.activity--finished h1,
.event--finished p,
.activity--finished p {
  margin-left: 20% !important;
}
.event--finished h1,
.activity--finished h1 {
  font-weight: 400;
  font-size: 30px;
  margin-top: 21% !important;
}
.event--finished p,
.activity--finished p {
  margin-top: 10px;
}
@media (max-width: 520px) {
  .event--finished h1,
  .activity--finished h1 {
    font-size: 24px;
    margin-top: 15%;
  }
  .event--finished h1,
  .activity--finished h1,
  .event--finished p,
  .activity--finished p {
    margin-left: 10%;
  }
}
@media (max-width: 700px) {
  .event--finished h1,
  .activity--finished h1 {
    font-size: 24px;
    margin-top: 3% !important;
  }
  .event--finished h1,
  .activity--finished h1,
  .event--finished p,
  .activity--finished p {
    margin-left: 10%;
  }
}
@media (max-width: 320px) {
  .event-finished h1,
  .activity--finished h1 {
    font-size: 18px;
    margin-top: 10%;
  }
  .event-finished h1,
  .activity--finished h1,
  .event-finished p,
  .activity--finished p {
    margin-left: 10%;
  }
  .event-finished p,
  .activity--finished p {
    font-size: 16px;
    margin-top: 5px;
  }
}
/* Header and titles */
.detail__header {
  margin-bottom: 30px;
  border-left: 5px solid #6f9abc;
  padding-left: 15px;
}
.detail__header .detail--media,
.page--simple .detail__header {
  margin-bottom: 30px;
  border: none;
  padding-left: 0;
}
.detail__header {
  font-family: 'Lato', serif;
}
.detail__title--media {
  font-weight: 700;
}
.detail__secondary-title {
  font-size: 21px;
  margin-bottom: 15px;
}
.detail__leader,
.detail__subtitle {
  font-size: 21px;
  margin: 12px 0;
  display: block;
  line-height: 1.2;
  font-weight: normal;
}
.detail__leader a,
.detail__subtitle a {
  font-weight: bold;
  text-decoration: none;
}
.detail__leader a:hover,
.detail__subtitle a:hover {
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.detail__parent {
  font-size: 27px;
  text-decoration: none;
}
.detail__parent:hover {
  text-decoration: underline;
}
.detail__metas {
  margin-bottom: 30px;
}
/* Content */
.detail__headline {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
.detail__headline:first-letter {
  font-size: 40px;
  font-weight: 600;
}
.detail--media .detail__headline:first-letter,
.veille .detail__headline:first-letter,
.dossier .detail__headline:first-letter,
.city-index .detail__headline:first-letter,
.partner .detail__headline:first-letter,
.detail--event .detail__headline:first-letter,
.page--simple .detail__headline:first-letter,
.epl .detail__headline:first-letter {
  font-size: 18px;
  font-weight: 500;
}
.epl .detail__headline {
  font-weight: normal;
}
.detail--video .detail__content,
.detail--interactive .detail__content {
  margin-top: 30px;
}
.detail__content__inner {
  background: #f4f5f5;
  padding: 15px;
}
.detail--media .detail__content__inner {
  padding: 30px 0 30px 30px;
  margin-bottom: 30px;
}
.detail__video {
  background: #f1f2f2;
  margin-left: -30000px;
  margin-right: -29970px;
  padding: 0 30000px 0;
}
.detail__video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 56.25%;
}
.detail__video__inner {
  position: relative;
  width: 100%;
  padding: 0;
  min-height: 600px;
}
.detail__iframe {
  background: #f1f2f2;
  margin-left: -30000px;
  margin-right: -29970px;
  padding: 0 30000px 0;
}
.detail__iframe iframe {
  width: 100%;
}
.detail__text {
  position: relative;
  margin-top: 30px;
}
.detail__text table {
  margin-bottom: 15px;
  font-family: 'Lato', serif;
}
.detail__text table th {
  font-weight: bold;
  text-align: left;
}
.infos-pratiques .detail__text {
  margin-top: 30px;
}
.detail__text .stream-field .rich-text {
  overflow: auto;
}
.detail__text .stream-field a:not(.thumbnail) {
  text-decoration: none;
  font-weight: bold;
  color: #6f9abc;
  transition: color 0.1s linear;
  transition: color 0.3s linear;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
}
.detail__text .stream-field a:not(.thumbnail):hover {
  color: #a9c2d7;
}
.richtext-image {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 21px 0;
  height: auto;
  max-width: 100%;
}
.richtext-image.right {
  float: right;
  margin: 10px 0;
  padding-left: 30px;
  width: 52%;
}
.richtext-image.left {
  width: 69.5%;
  margin: 10px 0 10px -35%;
  float: left;
  padding-right: 30px;
}
.detail__tabs a {
  text-decoration: none;
}
.detail__tabs a:hover {
  text-decoration: underline;
}
.detail__tags {
  margin-top: 21px;
}
/* Settings */
.detail__settings {
  font-size: 15px;
  float: right;
  margin-bottom: 30px;
}
.detail--nocover .detail__settings {
  margin-bottom: 0;
}
.detail__settings_inner {
  padding: 30px 3000px 0 30px;
  margin-right: -3000px;
  margin-left: -30px;
  position: relative;
}
.detail__settings_inner:before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #f1f2f2;
  z-index: -50;
}
.detail--nocover .detail__settings_inner {
  padding: 30px 0;
  margin: 0;
}
.detail--nocover .detail__settings_inner:before {
  display: none;
}
.detail--media .detail__settings_inner {
  padding: 0;
  margin: 0;
}
.detail--media .detail__settings_inner:before {
  background: none;
}
.detail__settings__sort {
  margin-bottom: 30px;
}
.detail__settings__ticket {
  margin-top: 30px;
}
.detail__settings__share--articles {
  position: relative;
}
.detail__list {
  position: relative;
  font-family: 'Lato', serif;
  margin-top: 30px;
}
/* Sidebar */
.detail__sidebar {
  float: right;
  clear: right;
}
.detail--event .detail__sidebar,
.detail--activity .detail__sidebar {
  background: white;
  min-height: 417px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.detail__sidebar--content {
  padding: 30px;
}
.detail__actions {
  padding-top: 15px;
}
.detail--nocover .detail__actions,
.detail--event .detail__actions {
  border-top: 1px solid #f1f2f2;
}
/* Image inside detail*/
.detail__image {
  max-width: 100%;
  margin: 21px 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.detail__image--small-left {
  width: 52%;
  float: left;
  margin: 10px 0;
  padding-right: 30px;
}
.detail__image--small-right {
  width: 52%;
  margin: 10px 0;
  float: right;
  padding-left: 30px;
}
/* Links at the end*/
.detail__links {
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: 'Lato', serif;
}
.detail__links--chapters .detail__links__inner {
  padding: 15px;
  margin-top: 30px;
  position: relative;
  border: 1px solid #f1f2f2;
}
/* Partner location */
.detail__location p {
  margin-bottom: 0;
}
/* Responsive */
@media (min-width: 768px) {
  .detail {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .detail__image--offset-left {
    width: 69.5%;
    margin: 10px 0 10px -35%;
    float: left;
    padding-right: 30px;
  }
  .detail__image--offset-right {
    width: 69.5%;
    margin: 10px -35% 10px 0;
    float: right;
    padding-left: 30px;
  }
}
@media (min-width: 960px) {
  .detail--focus .detail__content,
  .detail--publication .detail__content,
  .detail--portrait .detail__content,
  .detail--gallery .detail__content,
  .detail--interactive .detail__content,
  .detail--podcast .detail__content,
  .detail--video .detail__content,
  .detail--playlist .detail__content,
  .detail--event .detail__content,
  .detail--critique .detail__content {
    float: left;
    margin-left: 20%;
    margin-top: 30px;
    position: relative;
  }
  .detail--critique .detail__content {
    margin-left: 0;
  }
  .detail__content.lyrics {
    margin: 0 0 15px 0;
  }
  .detail--critique.detail--nocover .detail__content {
    padding-top: 0;
    margin-top: 30px;
    margin-left: 0;
  }
  .detail--nocover .detail__content {
    padding-top: 0;
    margin-top: 30px;
  }
  .detail__media-cover {
    margin-top: 30px;
  }
  .detail--nocover .detail__media-cover {
    padding-top: 0;
    margin-top: 30px;
  }
  .detail--focus .detail__cover,
  .detail--portrait .detail__cover,
  .detail--publication .detail__cover,
  .detail--podcast .detail__cover,
  .detail--gallery .detail__cover,
  .detail--playlist .detail__cover,
  .detail--event .detail__cover,
  .detail--critique .detail__cover {
    margin-bottom: 0;
  }
  .detail--media .detail__cover {
    height: auto;
  }
}
@media (max-width: 960px) {
  .detail--event .detail__sidebar,
  .detail--activity .detail__sidebar {
    background: none;
    min-height: 100%;
    box-shadow: none;
  }
  .detail__sidebar--event,
  .detail__sidebar--activity {
    position: relative;
    margin-top: 350px;
  }
  .detail--event .detail__cover .cover--image,
  .detail--activity .detail__cover .cover--image {
    position: absolute;
    display: block;
  }
}
@media (max-width: 600px) {
  .detail__sidebar--event,
  .detail__sidebar--activity {
    position: relative;
    margin-top: 170px;
  }
  .detail__video__inner {
    min-height: 300px;
  }
}
.page {
  padding-top: 60px;
  padding-bottom: 60px;
}
.homepage {
  padding-top: 30px;
  padding-bottom: 30px;
}
.page__headline {
  margin-bottom: 30px;
  font-family: 'Poppins', sans-serif;
}
.base-education .page__headline {
  font-weight: 400;
  margin-bottom: 40px;
}
.page__text {
  position: relative;
  margin-bottom: 30px;
}
/* Project-specific */
.account__shortcut {
  margin-bottom: 15px;
}
.account__shortcut__title {
  margin-bottom: 15px;
}
.account__shortcut__title.title--curioso {
  margin-bottom: -29px;
}
/* Account list et list item, comme sur la pages des emprunts ou des demandes d'envoi*/
.account__list {
  margin-bottom: 30px;
}
.account__list__item {
  float: left;
  margin-bottom: 15px;
  min-height: 124px;
  position: relative;
  width: 100%;
}
.account__list__title {
  font-size: 22px;
  margin: 0;
}
.account__list__title a {
  text-decoration: none;
  color: black;
}
.account__list__infos p {
  margin-bottom: 0;
}
.account__list__cover {
  height: auto;
  width: 100%;
  display: block;
  margin-top: 15px;
  float: left;
}
.account__list__change-mail li {
  margin-left: 15px;
}
.account__arrow {
  text-indent: 100%;
}
.account__arrow:after {
  font-family: 'Material Design Icons';
  content: '\F238';
  font-size: 21px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  width: 30px;
}
.account__password {
  font-size: 21px;
}
.account__box {
  padding: 20px 20px 10px 20px;
}
.account__box-title {
  width: 100%;
  background: #6f9abc;
  padding: 15px 0 15px 0;
}
.account__box-popup {
  padding: 20px 20px 20px 20px;
  background: white;
  /* FD 16/6/2023 */
  /* FD 16/6/2023 */
}
.account__box-popup .btn {
  line-height: 2em;
}
.account__box-popup .btn:after {
  top: .2em;
}
.account__box-popup .input--stuck {
  margin-right: 1em;
}
.account__popup-close {
  display: inline-block;
  text-indent: -999em;
  text-decoration: none;
  margin-right: .8em;
  /* FD 16/6/2023 */
  float: right;
}
.account__popup-close:after {
  font-family: 'Material Design Icons';
  color: white;
  text-indent: 0;
  content: '\F24C';
  display: block;
  font-size: 21px;
  position: relative;
  top: -34px;
  right: 15px;
  line-height: 0px;
}
@media (min-width: 1024px) {
  .account__list__cover {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 70%;
    width: auto;
  }
}
@media (min-width: 1280px) {
  .account__list__cover {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    width: auto;
  }
}
@media (max-width: 600px) {
  .account-home .account__box .right {
    float: none;
  }
  .account-home .account__box .left {
    float: none;
  }
  .responsive--width {
    width: 80%;
  }
  .account-home .section--background {
    width: 110%;
  }
}
.classical-search .icon {
  background: #e0c2ad;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
}
.classical-search a.icon:hover {
  background: #d0a385;
}
.classical-search .icon:after {
  position: absolute;
  width: 18px;
  left: 0;
  height: 18px;
  line-height: 18px;
  top: -2px;
}
.classical-search .icon--more:after {
  content: '+';
}
.classical-search .icon--less:after {
  content: '-';
}
.icon--doublearrow:after {
  font-family: 'Material Design Icons';
  font-size: 21px;
  content: '\F5CF';
  margin-left: 60px;
}
.collection--musique-classique .width--form-classical {
  width: 40%;
}
.map-body {
  position: relative;
  height: 110%;
}
.map-content {
  height: 100%;
}
.map-container {
  display: none;
}
.map__infos {
  margin: 30px 0;
  float: right;
  padding: 0 30px;
}
.map__stops .label {
  line-height: 28px;
  font-size: 16px;
}
.map__date:hover {
  cursor: pointer;
}
.map__infos__address {
  margin-bottom: 10px;
}
.map__infos--phone {
  font-family: 'Material Design Icons';
  text-decoration: none;
}
.map__infos--phone:before {
  content: '\F4E1';
}
.map__stops__list {
  max-height: 300px;
  overflow: scroll;
}
.map__stops__link {
  text-transform: capitalize;
  text-decoration: underline;
}
.map__stops__link:hover {
  cursor: pointer;
}
@media (min-width: 520px) {
  .map-container {
    display: block;
    height: 400px;
    padding-right: 0;
  }
}
@media (min-width: 680px) {
  .map-container {
    display: block;
    position: absolute;
    top: 0;
    height: auto;
    bottom: 0;
    padding-right: 30px;
  }
  .map__infos {
    padding-left: 0;
    min-height: 600px;
  }
}
.city .caption {
  font-style: italic;
  font-size: 80%;
}
.city__title {
  margin-top: 10px;
  margin-right: 30px;
  position: relative;
  z-index: 20;
}
.city__title__main {
  font-family: 'Town50Chic-Bold';
  font-weight: normal;
  font-size: 57px;
  position: relative;
  display: block;
}
.city__title__subhead {
  position: absolute;
  left: 5px;
  display: block;
  top: -15px;
  font-size: 28px;
  font-family: 'Town80Text-Medium';
  background: #f0de00;
  line-height: 15px;
  width: 227px;
}
.city__social__title {
  font-family: 'Town80Text-Medium';
  font-size: 24px;
}
.city__cover,
.city__streetart,
.city__map {
  margin-bottom: 30px;
}
.city__cover img,
.city__streetart img,
.city__map img {
  width: 100%;
  height: auto;
}
.city__intro {
  padding: 30px;
  margin-right: 30px;
}
.city__intro__title {
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 28px;
}
.city__intro__headline {
  line-height: 1.4;
}
.city__figures {
  float: right;
}
.city__figures dt {
  font-family: 'Town80Text-Medium';
  font-weight: normal;
  font-size: 45px;
  color: #f0de00;
  line-height: 1;
  margin-bottom: -10px;
}
.city__figures dd {
  margin-bottom: 20px;
  font-family: 'Lato', serif;
  font-size: 18px;
}
.city__figure__small {
  display: block;
  font-size: 80%;
  line-height: 1;
  font-style: italic;
  color: #707070;
}
.city__quote {
  padding-bottom: 90px;
  padding-top: 60px;
  padding-right: 30px;
}
.city__quote__text {
  color: #f0de00;
  font-family: 'Town80Text-Medium';
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2;
  position: relative;
}
.city__quote__text:before,
.city__quote__text:after {
  position: absolute;
  content: '“';
  font-size: 120px;
  left: -55px;
  top: -22px;
}
.city__quote__text:after {
  content: '”';
  top: auto;
  margin-top: -8px;
  left: auto;
}
/* Maps in background */
.city__map {
  position: relative;
  overflow: visible;
}
.city__map:after {
  content: '';
  display: block;
  position: absolute;
  width: 1000px;
  height: 1445px;
  top: 0;
  right: -75%;
  z-index: -100;
}
.montreal .city__map:after {
  background: url('https://static.pointculture.be/www/extra/static/images/city/carte-montreal.png') top right no-repeat;
}
.berlin .city__map:after {
  background: url('https://static.pointculture.be/www/extra/static/images/city/carte-berlin.png') top right no-repeat;
}
.city__social {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .city__title--responsive {
    font-size: 30px;
  }
}
@media (min-width: 680px) {
  .city__intro {
    position: absolute;
    margin-left: 30px;
    width: 50%;
    right: 0;
    top: 60px;
  }
  .city__header {
    padding-right: 30px;
    position: relative;
    margin-bottom: 60px;
  }
  .city__title {
    text-align: center;
    margin-bottom: -45px;
  }
  .city-index .city__title {
    margin-bottom: 0;
    text-align: left;
  }
  .city__title__main {
    font-size: 100px;
    display: inline-block;
  }
  .city-index .city__title__main {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .city__intro {
    margin-right: 30px;
    margin-left: 0;
    width: 33%;
  }
}
@media (min-width: 1280px) {
  .city__intro {
    width: 25%;
  }
}
.music-map .interactive-content {
  position: relative;
}
.music-map .interactive-content__inner {
  overflow: hidden;
}
#jazzmap {
  width: 100%;
  position: relative;
  background: white;
  height: 0;
  padding-bottom: 45%;
  overflow: hidden;
}
#jazzmap:hover {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
#jazzmap:active {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
#jazzmap-svg {
  /* min-height: 100%; */
  min-width: 100%;
  /* height: 100%; */
  width: 100%;
  position: relative;
}
#jazzmap-svg .names.has-link:hover,
#jazzmap-svg .dates.has-link:hover,
#jazzmap-svg .popup.has-link:hover {
  cursor: pointer;
  -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -o-text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  opacity: 1 !important;
}
#jazzmap-svg .saxophones-btn:hover {
  cursor: pointer;
}
#jazzmap-svg .dates {
  position: relative;
}
#index-name {
  font-family: 'Lato', serif;
  background: rgba(248, 248, 248, 0.95);
  bottom: 0px;
  left: auto;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0px;
  font-size: 12px;
  overflow-y: scroll;
  width: 25%;
  max-width: 300px;
  -webkit-transition: margin-right 0.2s ease-in-out;
  -moz-transition: margin-right 0.2s ease-in-out;
  -ms-transition: margin-right 0.2s ease-in-out;
  -o-transition: margin-right 0.2s ease-in-out;
}
#index-name ul {
  list-style: none;
  margin: 0;
}
#index-name li {
  line-height: 1.3;
}
#index-name li.active {
  color: #b19335;
}
#index-name li:hover {
  cursor: pointer;
  color: #b19335;
}
#index-name.off-canvas {
  margin-right: -100%;
}
.js-off-canvas {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 30px;
  z-index: 50;
  width: 30px;
  display: block;
  font-size: 20px;
}
.js-off-canvas:after {
  content: '\F69A';
  color: #b19335;
  font-family: 'Material Design Icons';
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.js-off-canvas:hover {
  cursor: pointer;
}
.js-off-canvas.active:after {
  content: '\F164';
}
.music-map .logo-music-map {
  width: 200px;
  height: auto;
  float: left;
  margin-right: 20px;
}
.music-map__controls {
  position: absolute;
  bottom: 15px;
  left: 45px;
  float: left;
}
.music-map__player {
  font-family: 'Lato', serif;
}
.music-map .partners {
  padding: 30px 0;
  text-align: center;
}
.music-map .partners h3 {
  text-align: center;
}
.collection--chanson-francaise .main-content {
  background: url('https://static.pointculture.be/www/extra/static/images/header-chanson-francaise.gif') no-repeat;
  background-position: center top;
}
.collection--chanson-francaise .homepage {
  padding-top: 145px;
}
.collection--chanson-francaise .becs-belges__title {
  text-indent: -99999px;
  height: 100px;
  width: 25%;
  max-width: 205px;
  background: url('https://static.pointculture.be/www/extra/static/images/bg-becs-belges.png') no-repeat;
  position: absolute;
  left: -10px;
  top: -22px;
  background-size: 100%;
}
.collection--chanson-francaise .becs-belges__subtitle {
  font-style: italic;
  margin: 0 0 10px 0;
  font-size: 21px;
  font-family: 'Lato', serif;
  line-height: 1.3;
}
.collection--chanson-francaise .becs-belges__inner {
  background: #f8f9f9;
  padding: 30px 30px 30px 25%;
  float: right;
}
.collection--chanson-francaise .becs-belges__illu {
  position: absolute;
  display: block;
  left: -18px;
  bottom: 40px;
  max-width: 34%;
}
.education_logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-education.png') no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 62px;
  width: 173px;
  z-index: 100;
  margin: 0 auto;
}
.svg .education_logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-education.svg') no-repeat center center;
}
.education__intro {
  padding: 30px;
  z-index: 1;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}
.education__tool {
  display: block;
  height: 250px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.education__tool--publications {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-publications.png');
  background-size: 133px;
}
.svg .education__tool--publications {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-publications.svg');
}
.education__tool--nature-environnement {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-nature-environnement.png');
  background-size: 196px;
}
.svg .education__tool--nature-environnement {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-nature-environnement.svg');
}
.education__tool--sante {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-sante.png');
  background-size: 79px;
}
.svg .education__tool--sante {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-sante.svg');
}
.education__tool--outils {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-outils.png');
  background-size: 160px;
}
.svg .education__tool--outils {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-outils.svg');
}
.education__tool--regarderie {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-regarderie.png');
  background-size: 106px;
}
.svg .education__tool--regarderie {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-regarderie.svg');
}
.education__tool--collaborations {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-collaborations.png');
  background-size: 181px;
}
.svg .education__tool--collaborations {
  background-image: url('https://static.pointculture.be/www/extra/static/images/illu-se-collaborations.svg');
}
.education_highlighted-publications {
  min-height: 340px;
}
@media (min-width: 768px) {
  .education__tool {
    float: left;
    width: 33.33333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .education__tool {
    width: 16.66666667%;
    background-position: center 15px;
  }
  .education__tool--nature-environnement {
    width: 20%;
    background-position: center bottom;
  }
  .education__tool--sante {
    width: 13.33333333%;
  }
  .education__tool--collaborations,
  .education__tool--outils {
    background-position: center bottom;
  }
}
@media (min-width: 680px) {
  .education__intro {
    position: absolute;
    margin-left: 30px;
    width: 30%;
    right: 0;
    top: 60px;
  }
}
.error-404 .main-content,
.error-500 .main-content,
.error-502 .main-content {
  background: url('https://static.pointculture.be/www/extra/static/images/illu-error.png') no-repeat 90% bottom;
  padding-bottom: 120px;
}
.error-404 .breadcrumb,
.error-500 .breadcrumb,
.error-502 .breadcrumb {
  margin-bottom: 30px;
}
.error-503 .main-content {
  background: url('https://static.pointculture.be/www/extra/static/images/illu-error-indisponible.png') no-repeat 70% 75%;
  padding-bottom: 120px;
}
.error-503 .breadcrumb {
  margin-bottom: 30px;
}
.error-search {
  position: absolute;
  bottom: 0;
  right: 10%;
}
.error-message {
  padding: 30px;
}
@media (max-width: 960px) {
  .error-503 .main-content {
    background: url('https://static.pointculture.be/www/extra/static/images/illu-error-indisponible-opacity.png') no-repeat 70% 75%;
  }
}
@media (max-width: 1300px) {
  .error-503 .main-content {
    background: url('https://static.pointculture.be/www/extra/static/images/illu-error-indisponible-opacity.png') no-repeat 70% 75%;
  }
}
.jeb__logo,
.aqvj__logo {
  text-align: center;
}
.jeb__logo img,
.aqvj__logo img {
  display: inline;
}
.aqvj__logo img {
  width: 250px;
  display: inline;
}
.jeb__intro {
  font-family: 'Lato', serif;
  font-size: 1.500em;
  margin-bottom: 60px;
  overflow: visible;
  position: relative;
}
.jeb__intro::after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/jeb/bg-jeb-intro.png');
  background-size: 97%;
  position: absolute;
  top: -100px;
  right: 50px;
  z-index: 0;
  width: 934px;
  height: 450px;
}
.aqvj__intro {
  font-family: 'Lato', serif;
  font-weight: 500;
  font-size: 1.250em;
  margin-bottom: 60px;
  margin-top: 60px;
  overflow: visible;
  position: relative;
}
.jeb__popular .thumbnail + .thumbnail {
  margin-top: -14px;
  padding-top: 25%;
}
.jeb__popular .thumbnail {
  position: relative;
}
.jeb__popular .thumbnail::after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/jeb/bg-jeb-popular-pink.png');
  position: absolute;
  top: 324px;
  left: -105px;
  z-index: 0;
  width: 323px;
  height: 307px;
}
.jeb__popular .thumbnail:last-child::after {
  background: url('https://static.pointculture.be/www/extra/static/images/jeb/bg-jeb-popular-green-cut.png');
  top: 207px;
  left: auto;
  right: -35px;
  width: 394px;
  height: 359px;
  z-index: 0.5;
}
.aqvj__popular .thumbnail + .thumbnail {
  margin-top: -14px;
  padding-top: 25%;
}
.aqvj .section--background {
  background: #fccbc1;
}
.cafepcb--banner img {
  margin: 15px auto;
}
.lecafe__logo {
  text-align: center;
}
.lecafe__logo img {
  display: inline;
}
.lecafe__intro {
  font-family: 'Poppins', sans-serif;
  font-size: 21px;
  overflow: visible;
  position: relative;
  margin-top: 60px;
}
.lecafe__schedule {
  font-size: 18px;
}
.lecafe__banner {
  height: 600px;
  margin-top: 60px;
  position: relative;
}
.lecafe__social {
  margin-top: 15px;
  float: right;
}
.lecafe__link {
  margin-top: 30px;
  text-decoration: none;
  font-family: 'Lato', serif;
}
.lecafe__link:before {
  font-family: 'Material Design Icons';
  content: '\F3F1';
  color: #333333;
  font-size: 21px;
  margin-right: 10px;
}
.lecafe__link:hover {
  color: #999999;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
.lecafe__link:hover:before {
  color: #999999;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
.lecafe__content {
  margin-top: 60px;
}
.lecafe__content h2 {
  font-family: 'Lato', serif;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.social__link--facebook:after {
  content: '\F301';
  color: #333333;
}
.social__link--facebook:hover:after {
  color: #999999;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
}
@media (max-width: 700px) {
  .lecafe__intro {
    font-size: 21px;
    overflow: visible;
    position: relative;
    top: 20px;
    left: 0;
    width: 90%;
  }
  .lecafe__logo {
    margin-left: -40px;
  }
  .lecafe__banner {
    margin-left: -13px;
    height: 100%;
  }
}
@font-face {
  font-family: 'maxwell_boldregular';
  src: url('https://static.pointculture.be/www/extra/static/fonts/maxwell_bold-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/maxwell_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'maxwellregular';
  src: url('https://static.pointculture.be/www/extra/static/fonts/maxwell_light-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/maxwell_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'maxwell_regularregular';
  src: url('https://static.pointculture.be/www/extra/static/fonts/maxwell_regular-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/maxwell_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.veille .caption {
  font-style: italic;
  font-size: 80%;
}
.veille__title {
  margin: 0 auto;
  position: relative;
  z-index: 20;
  width: 370px;
  margin-bottom: 60px;
}
.veille__title__main {
  text-align: center;
  font-family: 'maxwell_boldregular';
  font-size: 45px;
  position: relative;
  z-index: 100;
}
.veille__title__slider {
  text-align: center;
  font-family: 'maxwell_boldregular';
  font-size: 35px;
  margin-bottom: 30px;
  width: 100%;
}
.veille__title__index {
  font-family: 'maxwell_boldregular';
  font-size: 45px;
  position: relative;
  z-index: 100;
}
.veille__title__subhead {
  font-size: 30px;
  font-family: 'maxwellregular';
  position: absolute;
  z-index: 100;
  width: 200px;
  margin-bottom: 70px;
  top: 39px;
  left: 6px;
}
.veille__title__number {
  font-family: 'Lato', serif;
  font-weight: 900;
  font-size: 110px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: -31px;
}
.veille__title__number.theme--genres {
  color: #5bb8ef;
}
.veille__title__number.theme--environnement {
  color: #84b614;
}
.veille__title__number.theme--numerique {
  color: #5fcba0;
}
.veille__title__number.theme--nord-sud {
  color: #f07723;
}
.veille__title__number.theme--arts-artistes {
  color: #8669a0;
}
.veille__title__number.theme--sante {
  color: #ff4f83;
}
.veille__intro {
  padding: 30px;
  margin-right: 30px;
}
.veille__intro__title {
  font-family: 'maxwell_regularregular';
  font-weight: normal;
  font-size: 28px;
}
.veille__intro__headline {
  line-height: 1.4;
}
.veille aside {
  position: absolute;
  right: 0;
  z-index: 10;
}
.veille--background.theme--genres {
  background-color: #def1fc;
}
.veille--background.theme--environnement {
  background-color: #e6f0d0;
}
.veille--background.theme--numerique {
  background-color: #dff5ec;
}
.veille--background.theme--nord-sud {
  background-color: #fce4d3;
}
.veille--background.theme--arts-artistes {
  background-color: #e7e1ec;
}
.veille--background.theme--sante {
  background-color: #ffdce6;
}
.veille__quote {
  padding-bottom: 30px;
  padding-top: 120px;
  padding-right: 30px;
  width: 39%;
}
.veille__quote__text {
  font-family: 'maxwell_regularregular';
  font-size: 28px;
  font-weight: normal;
  line-height: 1.2;
  position: relative;
}
.veille__quote__text.theme--genres {
  color: #5bb8ef;
}
.veille__quote__text.theme--environnement {
  color: #84b614;
}
.veille__quote__text.theme--numerique {
  color: #5fcba0;
}
.veille__quote__text.theme--nord-sud {
  color: #f07723;
}
.veille__quote__text.theme--arts-artistes {
  color: #8669a0;
}
.veille__quote__text.theme--sante {
  color: #ff4f83;
}
.veille__quote__text:before,
.veille__quote__text:after {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  content: '“';
  font-size: 120px;
  left: -55px;
  top: -22px;
}
.veille__quote__text:after {
  content: '”';
  top: auto;
  margin-top: -8px;
  left: auto;
}
.veille__cover {
  margin-bottom: 30px;
}
.veille__cover img {
  width: 100%;
  height: auto;
}
.veille__hashtag {
  font-family: 'Lato', serif;
  font-weight: 300;
  font-size: 25px;
}
@media (max-width: 960px) {
  .veille__title--responsive {
    font-size: 30px;
  }
}
@media (min-width: 680px) {
  .veille__intro {
    position: absolute;
    margin-left: 30px;
    width: 50%;
    right: 0;
    top: 30px;
  }
  .veille__header {
    padding-right: 30px;
    position: relative;
    margin-bottom: 60px;
  }
}
@media (min-width: 768px) {
  .veille__intro {
    margin-right: 30px;
    margin-left: 0;
    width: 33%;
  }
}
@media (min-width: 1280px) {
  .veille__intro {
    width: 25%;
  }
}
@media (max-width: 680px) {
  .veille aside {
    position: relative;
    right: 0;
    z-index: 10;
  }
  .veille__quote {
    width: 50%;
  }
  .veille__title__number {
    position: absolute;
    right: 35px;
    top: -31px;
  }
  .veille__title__main {
    text-align: center;
    font-family: 'maxwell_boldregular';
    font-size: 40px;
    position: relative;
    z-index: 100;
  }
}
@media (max-width: 400px) {
  .veille__title__main {
    font-size: 30px;
  }
  .veille__title__number {
    position: absolute;
    right: 110px;
    top: -31px;
  }
}
.page__content {
  margin-top: 50px;
}
.gdpr .page__content {
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  padding: 30px;
}
.gdpr__illu {
  position: relative;
  left: 750px;
  top: -302px;
}
@media (max-width: 960px) {
  .gdpr__illu {
    display: none;
  }
  .gdpr .page__content {
    width: 90%;
  }
}
@font-face {
  font-family: 'hanken_groteskmedium';
  src: url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-medium-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hanken_groteskregular';
  src: url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-regular-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hanken_grotesklight';
  src: url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-light-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/hankengrotesk-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'wremenalight';
  src: url('https://static.pointculture.be/www/extra/static/fonts/wremena_light-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/wremena_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.work__logo {
  text-align: center;
  margin-top: 15px;
}
.work__logo img {
  display: inline;
  height: 140px;
}
.work__logo:after {
  content: '#ChacunSonUtopie';
  font-family: 'wremenalight';
  font-size: 18px;
  display: block;
  margin-top: 5px;
  position: relative;
  right: -30px;
}
.work__intro {
  font-family: 'Lato', serif;
  font-size: 18px;
  overflow: visible;
  position: relative;
  text-align: center;
}
.lightwidget {
  margin-bottom: 15px;
}
.work__playlist {
  clear: both;
  background: url('https://static.pointculture.be/www/extra/static/images/work/separator-01.svg') no-repeat;
  display: block;
  height: 55px;
  position: relative;
}
.work__playlist--collections {
  background: url('https://static.pointculture.be/www/extra/static/images/work/separator-02.svg') no-repeat;
}
.work__number {
  font-family: 'hanken_groteskmedium';
  font-size: 40px;
  margin-right: 5px;
}
.work__playlist--title {
  font-family: 'hanken_groteskmedium';
  font-size: 18px;
}
.work__playlist--list li {
  margin-bottom: 15px;
}
.django_instagram_media_wall_item {
  width: 33%;
  height: auto;
  float: left;
  position: relative;
  padding: 1px;
}
.django_instagram_media_wall_item img:hover {
  transition: opacity .2s ease;
}
.django_instagram_media_wall_item img:hover {
  opacity: 0.7;
}
@media (max-width: 680px) {
  .django_instagram_media_wall_item {
    width: 100%;
    height: auto;
    float: none;
    padding-bottom: 5px;
    position: relative;
  }
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 25, 2019 */
@font-face {
  font-family: 'akzidenz-grotesk_bqmedium';
  src: url('https://static.pointculture.be/www/extra/static/fonts/akzidenzgrotesk-medium-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/akzidenzgrotesk-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'akzidenz-grotesk_bqregular';
  src: url('https://static.pointculture.be/www/extra/static/fonts/akzidenzgrotesk-regular-webfont.woff2') format('woff2'), url('https://static.pointculture.be/www/extra/static/fonts/akzidenzgrotesk-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.migrer__background {
  background: url('https://static.pointculture.be/www/extra/static/images/migrer/migrer-bg-1.svg') no-repeat right top;
  background-size: 20%;
}
.migrer__logo {
  text-align: center;
  margin-bottom: 30px;
}
.migrer__logo img {
  width: 250px;
  display: inline;
}
.migrer__intro__title {
  font-family: 'akzidenz-grotesk_bqmedium';
  font-size: 28px;
}
.migrer__intro {
  padding: 30px;
  z-index: 1;
}
.migrer__cover {
  z-index: 0;
  position: relative;
}
.migrer__cover::after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/migrer/migrer-bg-header.svg') no-repeat;
  position: absolute;
  left: -80px;
  bottom: -20px;
  z-index: -1;
  width: 523px;
  height: 104px;
  transform: rotate(10deg);
}
.migrer .caption {
  font-style: italic;
  font-size: 80%;
}
.migrer__quote {
  padding-bottom: 90px;
  padding-top: 60px;
  padding-right: 30px;
}
.migrer__quote__text {
  color: #e86e70;
  font-family: 'akzidenz-grotesk_bqmedium';
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  position: relative;
  padding-bottom: 20px;
}
.migrer__quote__text:before,
.migrer__quote__text:after {
  position: absolute;
  content: '“';
  font-size: 100px;
  left: -55px;
  top: -40px;
}
.migrer__quote__text:after {
  content: '”';
  top: auto;
  left: auto;
  margin-left: 5px;
}
.migrer__arrow,
.migrer__app {
  z-index: 0;
  position: relative;
}
.migrer__arrow::after,
.migrer__app::after {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/migrer/migrer-bg-header.svg') no-repeat;
  position: absolute;
  left: -30px;
  top: -500px;
  z-index: -1;
  width: 523px;
  height: 104px;
  transform: rotate(10deg);
}
.migrer__app {
  padding-bottom: 60px;
}
.migrer__app::after {
  display: none;
}
.migrer__app::before {
  content: '';
  display: block;
  background: url('https://static.pointculture.be/www/extra/static/images/migrer/migrer-bg-1.svg') no-repeat right;
  position: absolute;
  right: -5px;
  top: -100px;
  z-index: -1;
  width: 600px;
  height: 106px;
}
.migrer_app--stat {
  /*    display: flex;
    flex-wrap: wrap;
    padding: (@gutter/2);*/
}
.migrer_app--stat li {
  margin-right: 0;
  /* width: 33%; */
  /* text-align: center; */
  float: left;
  padding-right: 90px;
}
.migrer_app--stat h3 {
  font-family: 'akzidenz-grotesk_bqmedium';
  font-size: 40px;
  margin-bottom: 0;
}
.migrer__app--headline {
  font-size: 18px;
  margin-top: 30px;
}
.migrer__box {
  width: 80%;
  margin: 0 auto;
  height: 100%;
}
.migrer__box-popup {
  padding: 20px 20px 20px 20px;
  background: white;
  width: 60%;
  margin: 0 auto;
}
.preview {
  margin: 0 auto;
  width: 60%;
  height: 60%;
}
.migrer__box-title {
  font-family: 'akzidenz-grotesk_bqregular';
  font-size: 21px;
  margin-top: 30px;
}
.migrer__box-subtitle {
  font-family: 'akzidenz-grotesk_bqregular';
  font-size: 18px;
  margin-top: 30px;
}
/*.migrer__box-content{
	text-align:center;
}*/
.migrer__box-item h3 {
  font-family: 'akzidenz-grotesk_bqregular';
}
.migrer__box-item:before {
  font-size: 18px;
  display: block;
  text-indent: 0;
  font-family: 'Material Design Icons';
  line-height: 18px;
  content: '\F440';
  float: left;
  margin-left: 4px;
}
@media (min-width: 680px) {
  .migrer__intro {
    position: absolute;
    margin-left: 30px;
    width: 50%;
    right: 0;
    top: 60px;
  }
  .migrer__header {
    padding-right: 30px;
    position: relative;
    margin-bottom: 60px;
  }
  .migrer__title {
    text-align: center;
    margin-bottom: -45px;
  }
  .city-index .migrer__title {
    margin-bottom: 0;
    text-align: left;
  }
  .migrer__title__main {
    font-size: 100px;
    display: inline-block;
  }
  .city-index .migrer__title__main {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .migrer__intro {
    margin-right: 30px;
    margin-left: 0;
    width: 33%;
  }
}
@media (min-width: 1280px) {
  .migrer__intro {
    width: 25%;
  }
}
@media (max-width: 768px) {
  .migrer__cover::after {
    display: none;
  }
  .migrer__quote__text {
    margin-left: 60px;
  }
  .migrer_app--stat li {
    margin-right: 0;
    width: 100%;
    text-align: left;
  }
  .migrer__app::after {
    display: none;
  }
  .migrer__app::before {
    content: '';
    display: none;
  }
}
.magazine_logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-lemagazine.png') no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  height: 75px;
  width: 300px;
  z-index: 100;
  margin: 0 auto;
}
.svg .magazine_logo {
  background: url('https://static.pointculture.be/www/extra/static/images/logo-lemagazine.svg') no-repeat center center;
}
.magazine__infos-adress {
  min-height: 150px;
}
.revolte__title {
  font-family: 'sharp_grotesk_medium25';
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}
.revolte__number {
  font-size: 30px;
  font-family: 'sharp_grotesk_light25';
}
.revolte__logo {
  font-size: 40px;
  font-family: 'sharp_grotesk_bold25';
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
.revolte__logo--background {
  background: #da3430;
  color: white;
  padding: 15px 10px 10px 10px;
}
.revolte__intro {
  padding: 30px;
  z-index: 1;
}
.revolte__subtitle {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: italic;
  font-size: 22px;
  text-align: center;
  margin-top: 30px;
}
.revolte__subtitle--background {
  background: black;
  color: white;
  padding: 10px;
  line-height: 50px;
}
.revolte__intro__title {
  font-family: 'Lato', serif;
  font-size: 24px;
  font-weight: bold;
}
.revolte--article .cover--image img {
  max-width: none;
}
.revolte__quote {
  padding-bottom: 90px;
  padding-top: 60px;
  padding-right: 30px;
}
.revolte__quote__text {
  color: #da3430;
  font-family: 'sharp_grotesk_book25';
  font-size: 20px;
  font-weight: normal;
  line-height: 1.3;
  position: relative;
}
.revolte__quote__text:before,
.revolte__quote__text:after {
  position: absolute;
  content: '“';
  font-size: 100px;
  left: -60px;
  top: -40px;
}
.revolte__quote__text:after {
  content: '”';
  top: auto;
  left: auto;
  margin-top: -25px;
}
.ba-slider {
  position: relative;
  overflow: hidden;
}
.ba-slider img {
  width: 100%;
  display: block;
}
.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}
.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  margin-left: -2px;
  background: black;
  cursor: ew-resize;
}
.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  font-family: 'Material Design Icons';
  content: '\F5CF';
  color: white;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 64px;
  background: #000000;
  border-radius: 50%;
  transition: all 0.3s ease;
  /* lighten(@orange, 20%)*/
}
.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}
@media (max-width: 680px) {
  .revolte__subtitle--background {
    padding: 8px;
    line-height: 50px;
  }
}
.footage__logo {
  width: 167px;
  height: 140px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.epl__logo {
  text-align: center;
}
.epl__logo img {
  width: 250px;
  display: inline;
}
.epl .stream-field h2,
.epl .stream-field h3 {
  font-family: 'Calistoga', cursive;
  font-size: 30px;
}
.epl .stream-field h4 {
  font-family: 'Calistoga', cursive;
  font-size: 20px;
}
.epl .stream-field .title--section {
  font-weight: 300;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.epl .stream-field h3 {
  text-align: center;
}
.epl__intro {
  font-weight: normal;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}
.epl__title {
  font-family: 'Calistoga', cursive;
  font-size: 25px;
}
.epl .audio--list h3 {
  font-weight: 300;
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  text-align: left;
}
.epl .title--number {
  font-family: 'Calistoga', cursive;
  font-size: 25px;
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.epl__secondary-title {
  font-weight: 300;
  font-size: 18px;
  font-family: 'Poppins', sans-serif;
}
.btn--epl {
  color: white;
  font-family: 'Calistoga', cursive;
  font-size: 18px;
  background: black;
  padding: 3px 30px;
  border-radius: 50px;
  margin-bottom: 30px;
  border: 2px solid black;
}
.btn--epl:hover {
  border: 2px solid black;
  background: white;
  color: black;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.samarcande--separator {
  text-align: center;
}
.samarcande--separator-text {
  background: #f1f2f2;
  z-index: 10;
  position: relative;
  padding: 0 6px;
}
.samarcande--separator:before {
  content: '';
  border-top: 1px solid black;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
/* partner cloud */
.partnerstat_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
}
.partnerstat_list li {
  margin-right: 0;
  width: 25%;
  text-align: center;
}
.partnerstat_list li p {
  font-size: 18px;
}
.partnerstat_list li h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 50px;
  color: #6f9abc;
  margin-bottom: 0;
}
@media (max-width: 680px) {
  .partnerstat_list li {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
}
#partners-map {
  height: 450px;
}
.wordCloud {
  margin: 110px 0 30px 0;
  width: 100%;
  height: 400px;
}
#wordCloud .w20 {
  font-size: 30px;
  color: #c4cc69;
}
#wordCloud .w19 {
  font-size: 29px;
  color: #b7456f;
}
#wordCloud .w18 {
  font-size: 28px;
  color: #a4ee00;
}
#wordCloud .w17 {
  font-size: 27px;
  color: #d05714;
}
#wordCloud .w16 {
  font-size: 26px;
  color: #9f04b4;
}
#wordCloud .w15 {
  font-size: 25px;
  color: #817f86;
}
#wordCloud .w14 {
  font-size: 24px;
  color: #54feec;
}
#wordCloud .w13 {
  font-size: 23px;
  color: #3dd0f0;
}
#wordCloud .w12 {
  font-size: 22px;
  color: #4474e9;
}
#wordCloud .w11 {
  font-size: 21px;
  color: #d6e668;
}
#wordCloud .w10 {
  font-size: 20px;
  color: #713bea;
}
#wordCloud .w9 {
  font-size: 19px;
  color: #5e8aa3;
}
#wordCloud .w8 {
  font-size: 18px;
  color: #ecc921;
}
#wordCloud .w7 {
  font-size: 17px;
  color: #6deaad;
}
#wordCloud .w6 {
  font-size: 16px;
  color: #8b71e4;
}
#wordCloud .w5 {
  font-size: 15px;
  color: #b6ccc4;
}
#wordCloud .w4 {
  font-size: 14px;
  color: #d8959e;
}
#wordCloud .w3 {
  font-size: 13px;
  color: #32cc52;
}
#wordCloud .w2 {
  font-size: 12px;
  color: #89bf8f;
}
#wordCloud .w1 {
  font-size: 11px;
  color: #d27ff7;
}
#wordCloud a {
  font-family: "Poppins";
  font-weight: normal;
}
#wordCloud a:hover {
  font-weight: 500;
}
#wordCloud .w20 a {
  color: #badd79;
}
#wordCloud .w19 a {
  color: #8b4b62;
}
#wordCloud .w18 a {
  color: #bb6f6b;
}
#wordCloud .w17 a {
  color: #ea9674;
}
#wordCloud .w16 a {
  color: #fcbc80;
}
#wordCloud .w15 a {
  color: #f7e29c;
}
#wordCloud .w14 a {
  color: #89dbef;
}
#wordCloud .w13 a {
  color: #ff4480;
}
#wordCloud .w12 a {
  color: #3e4e59;
}
#wordCloud .w11 a {
  color: #9a8a91;
}
#wordCloud .w10 a {
  color: #a7dda7;
}
#wordCloud .w9 a {
  color: #398689;
}
#wordCloud .w8 a {
  color: #f58c93;
}
#wordCloud .w7 a {
  color: #f46572;
}
#wordCloud .w6 a {
  color: #aed9d8;
}
#wordCloud .w5 a {
  color: #304269;
}
#wordCloud .w4 a {
  color: #91bed4;
}
#wordCloud .w3 a {
  color: #d9e8f5;
}
#wordCloud .w2 a {
  color: #85a9a2;
}
#wordCloud .w1 a {
  color: #f25652;
}
@media (max-width: 400px) {
  .wordCloud {
    display: none;
  }
}