/*
NORMALISATION

1. Utilisation
----------------------------------------------------------
Feuille de normalisation adapté de Normalize.css v3.0.2
MIT License | git.io/normalize

Certains éléments ont été déplacés dans des feuilles de style spécifiques

2. Versions
----------------------------------------------------------
1.0 Création


*/
* {
  zoom: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body * {
  position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  cursor: pointer;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
  padding: 0;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/*FORM*/
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
/* colbuilder */
/* FLIP COL BUILDER*/
.row {
  display: block;
  font-size: 0;
}
[class^="col-"],
[class*=" col-"] {
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* APPLY GUTTER */
.row.spaced {
  margin-left: -1rem;
  margin-right: -1rem;
}
.row.spaced > [class^="col-"],
.row.spaced > [class*=" col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
/* VERTICAL ALIGN */
.row.center {
  text-align: center;
}
.row.center > [class^="col-"],
.row.center > [class*=" col-"] {
  text-align: left;
}
.row.right {
  text-align: right;
}
.row.right > [class^="col-"],
.row.right > [class*=" col-"] {
  text-align: left;
}
/* VERTICAL ALIGN */
.row.top > [class^="col-"],
.row.top > [class*=" col-"] {
  vertical-align: top;
}
.row.middle > [class^="col-"],
.row.middle > [class*=" col-"] {
  vertical-align: middle;
}
.row.bottom > [class^="col-"],
.row.bottom > [class*=" col-"] {
  vertical-align: bottom;
}
/* FLIP */
.row.flip {
  direction: rtl;
}
.row.flip [class^="col-"],
.row.flip [class*=" col-"] {
  direction: ltr;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-1 h2 {
  min-height: 20px;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.row.flip > .col-xs-offset-1 {
  margin-left: 0;
  margin-right: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-2 h2 {
  min-height: 20px;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.row.flip > .col-xs-offset-2 {
  margin-left: 0;
  margin-right: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-3 h2 {
  min-height: 20px;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.row.flip > .col-xs-offset-3 {
  margin-left: 0;
  margin-right: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-4 h2 {
  min-height: 20px;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.row.flip > .col-xs-offset-4 {
  margin-left: 0;
  margin-right: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-5 h2 {
  min-height: 20px;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.row.flip > .col-xs-offset-5 {
  margin-left: 0;
  margin-right: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-6 h2 {
  min-height: 20px;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.row.flip > .col-xs-offset-6 {
  margin-left: 0;
  margin-right: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-7 h2 {
  min-height: 20px;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.row.flip > .col-xs-offset-7 {
  margin-left: 0;
  margin-right: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-8 h2 {
  min-height: 20px;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.row.flip > .col-xs-offset-8 {
  margin-left: 0;
  margin-right: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-9 h2 {
  min-height: 20px;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.row.flip > .col-xs-offset-9 {
  margin-left: 0;
  margin-right: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-10 h2 {
  min-height: 20px;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.row.flip > .col-xs-offset-10 {
  margin-left: 0;
  margin-right: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-11 h2 {
  min-height: 20px;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.row.flip > .col-xs-offset-11 {
  margin-left: 0;
  margin-right: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-12 h2 {
  min-height: 20px;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.row.flip > .col-xs-offset-12 {
  margin-left: 0;
  margin-right: 100%;
}
@media (min-width: 640px) {
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-1 h2 {
    min-height: 20px;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .row.flip > .col-sm-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-2 h2 {
    min-height: 20px;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .row.flip > .col-sm-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-3 h2 {
    min-height: 20px;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .row.flip > .col-sm-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-4 h2 {
    min-height: 20px;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .row.flip > .col-sm-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-5 h2 {
    min-height: 20px;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .row.flip > .col-sm-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-6 h2 {
    min-height: 20px;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .row.flip > .col-sm-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-7 h2 {
    min-height: 20px;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .row.flip > .col-sm-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-8 h2 {
    min-height: 20px;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .row.flip > .col-sm-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-9 h2 {
    min-height: 20px;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .row.flip > .col-sm-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-10 h2 {
    min-height: 20px;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .row.flip > .col-sm-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-11 h2 {
    min-height: 20px;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .row.flip > .col-sm-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-12 h2 {
    min-height: 20px;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-sm-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-1 h2 {
    min-height: 20px;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .row.flip > .col-md-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-2 h2 {
    min-height: 20px;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .row.flip > .col-md-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-3 h2 {
    min-height: 20px;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .row.flip > .col-md-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-4 h2 {
    min-height: 20px;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .row.flip > .col-md-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-5 h2 {
    min-height: 20px;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .row.flip > .col-md-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-6 h2 {
    min-height: 20px;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .row.flip > .col-md-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-7 h2 {
    min-height: 20px;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .row.flip > .col-md-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-8 h2 {
    min-height: 20px;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .row.flip > .col-md-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-9 h2 {
    min-height: 20px;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .row.flip > .col-md-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-10 h2 {
    min-height: 20px;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .row.flip > .col-md-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-11 h2 {
    min-height: 20px;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .row.flip > .col-md-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-12 h2 {
    min-height: 20px;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-md-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 1024px) {
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-1 h2 {
    min-height: 20px;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .row.flip > .col-lg-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-2 h2 {
    min-height: 20px;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .row.flip > .col-lg-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-3 h2 {
    min-height: 20px;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .row.flip > .col-lg-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-4 h2 {
    min-height: 20px;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .row.flip > .col-lg-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-5 h2 {
    min-height: 20px;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .row.flip > .col-lg-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-6 h2 {
    min-height: 20px;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .row.flip > .col-lg-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-7 h2 {
    min-height: 20px;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .row.flip > .col-lg-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-8 h2 {
    min-height: 20px;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .row.flip > .col-lg-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-9 h2 {
    min-height: 20px;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .row.flip > .col-lg-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-10 h2 {
    min-height: 20px;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .row.flip > .col-lg-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-11 h2 {
    min-height: 20px;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .row.flip > .col-lg-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-12 h2 {
    min-height: 20px;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-lg-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 1400px) {
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-1 h2 {
    min-height: 20px;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .row.flip > .col-xl-offset-1 {
    margin-left: 0;
    margin-right: 8.33333333%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-2 h2 {
    min-height: 20px;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .row.flip > .col-xl-offset-2 {
    margin-left: 0;
    margin-right: 16.66666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-3 h2 {
    min-height: 20px;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .row.flip > .col-xl-offset-3 {
    margin-left: 0;
    margin-right: 25%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-4 h2 {
    min-height: 20px;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .row.flip > .col-xl-offset-4 {
    margin-left: 0;
    margin-right: 33.33333333%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-5 h2 {
    min-height: 20px;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .row.flip > .col-xl-offset-5 {
    margin-left: 0;
    margin-right: 41.66666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-6 h2 {
    min-height: 20px;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .row.flip > .col-xl-offset-6 {
    margin-left: 0;
    margin-right: 50%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-7 h2 {
    min-height: 20px;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .row.flip > .col-xl-offset-7 {
    margin-left: 0;
    margin-right: 58.33333333%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-8 h2 {
    min-height: 20px;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .row.flip > .col-xl-offset-8 {
    margin-left: 0;
    margin-right: 66.66666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-9 h2 {
    min-height: 20px;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .row.flip > .col-xl-offset-9 {
    margin-left: 0;
    margin-right: 75%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-10 h2 {
    min-height: 20px;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .row.flip > .col-xl-offset-10 {
    margin-left: 0;
    margin-right: 83.33333333%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-11 h2 {
    min-height: 20px;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .row.flip > .col-xl-offset-11 {
    margin-left: 0;
    margin-right: 91.66666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-12 h2 {
    min-height: 20px;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-xl-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
.alignleft,
.alignright,
.aligncenter {
  display: block;
  margin: 20px auto;
}
.wp-caption {
  max-width: 100% !important;
  padding: 10px;
  background: #dcdad7;
  border: 1px solid #CCC;
  display: inline-block;
}
.wp-caption-text {
  margin: 0;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
@media (min-width: 640px) {
  .alignleft,
  .alignright,
  .aligncenter {
    margin: 20px;
  }
  .alignleft {
    float: left;
    margin-left: 0;
  }
  .alignright {
    float: right;
    margin-right: 0;
  }
  .aligncenter {
    display: block;
    margin: 10px auto;
  }
}
/* ***************** */
/* *BLOCKS DE TEXTE* */
/* ***************** */
html,
body {
  font: 16px;
  font-family: sans-serif;
  line-height: 1.4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
table,
hr,
ul,
ol {
  margin: 0 0 1.4rem;
}
/* ***************** */
/* ***** LIENS ***** */
/* ***************** */
a,
.a {
  color: #007b9c;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration: underline;
}
/* ***************** */
/* *** CITATIONS *** */
/* ***************** */
blockquote {
  padding: 0;
  padding-left: 1rem;
}
blockquote > *:last-child {
  margin-bottom: 0;
}
/* ***************** */
/* LIGNE HORIZONTALE */
/* ***************** */
hr {
  width: 100%;
  margin: 1rem auto;
  border: 2px solid #000;
  border-width: 2px 0 0;
}
/* ***************** */
/* ***** TITRES **** */
/* ***************** */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
h1 {
  font-size: 3rem;
}
h1 small {
  display: block;
  font-size: 20px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 2.3rem;
  }
}
h2 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
h3 {
  font-size: 1.8rem;
}
h6 {
  font-size: 1rem;
}
/* ***************** */
/* ***** LISTES **** */
/* ***************** */
ul.dash {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}
ul.dash > li {
  text-indent: -10px;
}
ul.dash > li:before {
  content: "-";
  display: inline-block;
  width: 10px;
  text-align: left;
}
/* ******************* */
/* *SPECIAL PARAGRAPH* */
/* ******************* */
p.lead {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
}
.click {
  cursor: pointer;
}
/* ***************** */
/* *BLOCKS DE TEXTE* */
/* ***************** */
html,
body {
  font: 16px;
  font-family: sans-serif;
  line-height: 1.4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
table,
hr,
ul,
ol {
  margin: 0 0 1.4rem;
}
/* ***************** */
/* ***** LIENS ***** */
/* ***************** */
a,
.a {
  color: #007b9c;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  text-decoration: underline;
}
/* ***************** */
/* *** CITATIONS *** */
/* ***************** */
blockquote {
  padding: 0;
  padding-left: 1rem;
}
blockquote > *:last-child {
  margin-bottom: 0;
}
/* ***************** */
/* LIGNE HORIZONTALE */
/* ***************** */
hr {
  width: 100%;
  margin: 1rem auto;
  border: 2px solid #000;
  border-width: 2px 0 0;
}
/* ***************** */
/* ***** TITRES **** */
/* ***************** */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  line-height: 1.4;
}
h1 {
  font-size: 3rem;
}
h1 small {
  display: block;
  font-size: 20px;
}
h2 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
h3 {
  font-size: 1.8rem;
}
h6 {
  font-size: 1rem;
}
/* ***************** */
/* ***** LISTES **** */
/* ***************** */
ul.dash {
  margin: 0;
  padding: 0 0 0 20px;
  list-style-type: none;
}
ul.dash > li {
  text-indent: -10px;
}
ul.dash > li:before {
  content: "-";
  display: inline-block;
  width: 10px;
  text-align: left;
}
/* ******************* */
/* *SPECIAL PARAGRAPH* */
/* ******************* */
p.lead {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
}
.click {
  cursor: pointer;
}
/* **************** */
/* ***CONTAINERS*** */
/* **************** */
.container {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.container.narrow {
  max-width: 768px;
}
.container.large {
  max-width: 1400px;
}
.container.hd {
  max-width: 1920px;
}
.pageblock {
  overflow: hidden;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
table tbody td {
  border-top: 1px solid #63b1bc;
}
td,
th {
  padding: 0;
  padding: 0.3em 0.5em;
}
ul.breadcrumbs {
  list-style: none;
  padding: 0;
}
ul.breadcrumbs li {
  display: inline-block;
}
ul.breadcrumbs li + li:before {
  color: #CCC;
  content: " > ";
}
ul.breadcrumbs a {
  color: inherit;
}
.panel {
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  z-index: 5;
}
.panel > *:last-child {
  margin-bottom: 0;
}
.puck + .panel {
  margin-top: -70px;
  padding-top: 70px;
}
.puck {
  z-index: 10;
  line-height: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin-bottom: 20px;
  background: #CCC;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
textarea,
input[type=number] {
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border: 1px solid #CCC;
}
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=number]:focus,
textarea:focus,
input[type=number]:focus {
  outline: none;
  border: 1px solid #999;
}
select {
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="16" viewBox="0 0 26 12" version="1.1"><path d="M8.341,11.31l-8.341,-11.31l16,0l-7.659,11.31Z" style="fill:#fff;"/></svg>');
}
select option {
  background: #FFF;
  color: #000;
}
input[type=hidden] {
  display: none;
}
.btn,
button,
input[type=submit],
input[type=submit],
input[type=button] {
  display: inline-block;
  padding: 1em 2em;
  background-color: transparent;
  border: 0px solid transparent;
  font: 0.8em/1.2em sans-serif;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: none;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  color: #FFF;
  background: #007b9c;
  border-color: #007b9c;
  text-shadow: 0 0 0 #000;
}
.btn:hover,
button:hover,
input[type=submit]:hover,
input[type=submit]:hover,
input[type=button]:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #008fb6;
}
.btn.noir,
button.noir,
input[type=submit].noir,
input[type=submit].noir,
input[type=button].noir {
  background: #000;
}
.btn.noir:hover,
button.noir:hover,
input[type=submit].noir:hover,
input[type=submit].noir:hover,
input[type=button].noir:hover {
  background: #e04f39;
}
.btn i,
button i,
input[type=submit] i,
input[type=submit] i,
input[type=button] i {
  margin-right: 10px;
}
.btn.btn-rouge,
button.btn-rouge,
input[type=submit].btn-rouge,
input[type=submit].btn-rouge,
input[type=button].btn-rouge {
  color: #FFF;
  background: #e04f39;
  border-color: #e04f39;
  text-shadow: 0 0 0 #000;
}
.btn.btn-rouge:hover,
button.btn-rouge:hover,
input[type=submit].btn-rouge:hover,
input[type=submit].btn-rouge:hover,
input[type=button].btn-rouge:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #e3634f;
}
.btn.btn-bleupale,
button.btn-bleupale,
input[type=submit].btn-bleupale,
input[type=submit].btn-bleupale,
input[type=button].btn-bleupale {
  color: #FFF;
  background: #63b1bc;
  border-color: #63b1bc;
  text-shadow: 0 0 0 #000;
}
.btn.btn-bleupale:hover,
button.btn-bleupale:hover,
input[type=submit].btn-bleupale:hover,
input[type=submit].btn-bleupale:hover,
input[type=button].btn-bleupale:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #75bac4;
}
.btn.btn-bleu,
button.btn-bleu,
input[type=submit].btn-bleu,
input[type=submit].btn-bleu,
input[type=button].btn-bleu {
  color: #FFF;
  background: #007b9c;
  border-color: #007b9c;
  text-shadow: 0 0 0 #000;
}
.btn.btn-bleu:hover,
button.btn-bleu:hover,
input[type=submit].btn-bleu:hover,
input[type=submit].btn-bleu:hover,
input[type=button].btn-bleu:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #008fb6;
}
.btn.btn-bleufonce,
button.btn-bleufonce,
input[type=submit].btn-bleufonce,
input[type=submit].btn-bleufonce,
input[type=button].btn-bleufonce {
  color: #FFF;
  background: #000e17;
  border-color: #000e17;
  text-shadow: 0 0 0 #000;
}
.btn.btn-bleufonce:hover,
button.btn-bleufonce:hover,
input[type=submit].btn-bleufonce:hover,
input[type=submit].btn-bleufonce:hover,
input[type=button].btn-bleufonce:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #001e31;
}
.btn.btn-blanc,
button.btn-blanc,
input[type=submit].btn-blanc,
input[type=submit].btn-blanc,
input[type=button].btn-blanc {
  color: #007b9c;
  background: #e5e5e5;
  border-color: #e5e5e5;
  text-shadow: 0 0 0 #000;
}
.btn.btn-blanc:hover,
button.btn-blanc:hover,
input[type=submit].btn-blanc:hover,
input[type=submit].btn-blanc:hover,
input[type=button].btn-blanc:hover {
  color: #007b9c;
  text-shadow: 0 0 0 #000;
  background: #f2f2f2;
}
.mt-20 {
  margin-top: 20px;
}
.spinner {
  text-align: center;
}
.spinner span {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #ddd;
  border-radius: 50%;
  top: 0px;
  margin: 0 5px;
}
.spinner span:nth-child(1) {
  -webkit-animation: bounce 1s ease-in-out infinite;
  animation: bounce 1s ease-in-out infinite;
}
.spinner span:nth-child(2) {
  -webkit-animation: bounce 1s ease-in-out 0.33s infinite;
  animation: bounce 1s ease-in-out 0.33s infinite;
}
.spinner span:nth-child(3) {
  -webkit-animation: bounce 1s ease-in-out 0.66s infinite;
  animation: bounce 1s ease-in-out 0.66s infinite;
}
@-webkit-keyframes bounce {
  0%,
  75%,
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  75%,
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
nav#sidenav {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000e17;
  width: 320px;
  -webkit-transform: translate(320px, 0);
      -ms-transform: translate(320px, 0);
          transform: translate(320px, 0);
  z-index: 600;
}
nav#sidenav a {
  color: #fff;
}
nav#sidenav .column {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
  right: -20px;
  padding: 96px 40px 48px 40px;
  line-height: 1.4;
  font-family: "Oswald", sans-serif;
}
@media (min-width: 640px) {
  nav#sidenav .column {
    padding: 48px 40px;
  }
}
nav#sidenav .column a {
  text-decoration: none;
}
nav#sidenav .column ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
nav#sidenav .column ul li {
  margin-bottom: 1.3em;
}
nav#sidenav .column ul ul {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
nav#sidenav .column ul ul li {
  margin-bottom: 0.5em;
  font-size: 0.9em;
}
nav#sidenav .column ul span {
  display: inline-block;
  font-size: 24px;
  -webkit-transform-origin: 50% 60%;
      -ms-transform-origin: 50% 60%;
          transform-origin: 50% 60%;
  top: 0;
  right: 0;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #4f939f;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
nav#sidenav .column ul span:before {
  content: "\203A";
}
nav#sidenav .column ul li.open > span {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
nav#sidenav .column ul li.open > ul {
  padding-top: 0.5em;
  max-height: 1000px;
}
nav#sidenav ul.social {
  width: 48px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 36px;
  position: absolute;
  bottom: 0;
  right: 0;
  border-top: 1px solid #0c2732;
  padding-top: 20px;
}
nav#sidenav ul.social a {
  text-decoration: none;
  color: #fff;
  font-size: 24px;
}
nav#sidenav li {
  color: #fff;
  background: transparent;
}
nav#sidenav li > a {
  color: inherit;
}
nav#sidenav ul li.rouge > a {
  color: #e04f39;
}
nav#sidenav ul li.bleu-pale > a {
  background: transparent;
  color: #63b1bc;
}
nav#sidenav ul li.bleu > a {
  background: transparent;
  color: #007b9c;
}
nav#sidenav ul li.bleu-fonce > a {
  background: transparent;
  color: #000e17;
}
nav#sidenav ul li.blanc > a {
  color: #fff;
}
nav#sidenav ul li[class^="bouton-"] > a,
nav#sidenav ul li[class*=" bouton-"] > a {
  position: relative;
  margin-bottom: 0.5em;
  display: inline-block;
}
nav#sidenav ul li[class^="bouton-"] > a:before,
nav#sidenav ul li[class*=" bouton-"] > a:before {
  content: "";
  position: absolute;
  top: -0.4em;
  left: -0.7em;
  right: -0.7em;
  bottom: -0.4em;
  display: block;
  background-color: inherit;
  z-index: -1;
}
nav#sidenav ul li[class^="bouton-"]:has(ul) > a:before,
nav#sidenav ul li[class*=" bouton-"]:has(ul) > a:before {
  right: -2em;
}
nav#sidenav ul li[class^="bouton-"] > span,
nav#sidenav ul li[class*=" bouton-"] > span {
  color: inherit !important;
}
nav#sidenav ul li.bouton-rouge > a {
  background: #e04f39;
  color: #fff;
}
nav#sidenav ul li.bouton-bleu-pale > a {
  background: #63b1bc;
  color: #fff;
}
nav#sidenav ul li.bouton-bleu > a {
  background: #007b9c;
  color: #fff;
}
nav#sidenav ul li.bouton-bleu-fonce > a {
  background: #000e17;
  color: #fff;
}
nav#sidenav ul li.bouton-blanc > a {
  background: #e5e5e5;
  color: #007b9c;
}
#sideNavOpen {
  display: none;
  width: 48px;
}
#navOpener {
  position: fixed;
  background-color: #000e17;
  right: 0;
  width: 48px;
  line-height: 58px;
  height: 58px;
  display: block;
  text-align: center;
  z-index: 600;
  cursor: pointer;
}
#navOpener .navlines {
  z-index: 100;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
  vertical-align: middle;
  top: -2px;
  height: 3px;
  width: 20px;
  background: #fff;
}
#navOpener .navlines:before,
#navOpener .navlines:after {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block;
  position: absolute;
  content: "";
  height: 3px;
  width: 20px;
  background: #fff;
  top: -6px;
  left: 50%;
  margin-left: -10px;
}
#navOpener .navlines:after {
  top: 6px;
}
#wrapper {
  overflow-x: hidden;
}
main#main,
#topnav {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
#sidenav {
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
#wrapper.menuopen {
  /*
    main#main,
     {
        transform: translate(-320px,0);
        
    }

    #topnav {
        transform: translate(-272px,0);
    }
    */
}
#wrapper.menuopen #sidenav {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
#wrapper.menuopen #navOpener {
  z-index: 700;
}
#wrapper.menuopen #navOpener .navlines {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
#wrapper.menuopen #navOpener .navlines:before,
#wrapper.menuopen #navOpener .navlines:after {
  top: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.monhoraireToggleMenu {
  display: block;
  z-index: 700;
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  height: 58px;
  text-align: left;
  color: #fff;
  line-height: 58px;
  font-family: "Oswald", sans-serif;
  padding-left: 50px;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .monhoraireToggleMenu {
    display: none;
  }
}
/*
.cky-box-bottom-left {
  bottom: auto !important;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  &:before {
    width: 100vw;
    height: 100vh;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    z-index: -1;
    background-color: @bleuPale;
    opacity: 0.5;
  }
  .cky-consent-bar {
    position: relative;
    z-index: 1;
  }
}
*/
@media (max-width: 700px) {
  .cky-revisit-bottom-left {
    bottom: -15px !important;
    left: -15px !important;
  }
  .cky-revisit-bottom-right {
    bottom: -15px !important;
    right: -15px !important;
  }
  .cky-revisit-top-left {
    top: -15px !important;
    left: -15px !important;
  }
  .cky-revisit-top-right {
    top: -15px !important;
    right: -15px !important;
  }
}
[for="navtoggle"] {
  cursor: pointer;
  display: block;
}
[name="menucheck"] {
  position: absolute;
  top: -100px;
  display: none;
}
nav#topnav {
  width: 100%;
  height: 58px;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  font-weight: 400;
  z-index: 500;
  font-family: "Oswald", sans-serif;
}
nav#topnav label {
  cursor: pointer;
}
nav#topnav .toplogo {
  font-size: 48px;
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 5px;
  color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  line-height: 1;
  z-index: 100;
}
nav#topnav .toplogo a {
  text-decoration: none;
  color: inherit;
  display: inline;
  -webkit-transition: none;
  transition: none;
}
nav#topnav .toplogo i {
  vertical-align: top;
}
nav#topnav .toplogo span {
  position: absolute;
  top: -1000px;
  display: block;
}
nav#topnav .toplogo .i-fcms-texte {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
nav#topnav:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 58px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
nav#topnav:after {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 80px;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000e17+0,000e17+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
nav#topnav a {
  text-decoration: none;
  color: #fff;
}
nav#topnav .right {
  text-align: right;
  padding-right: 48px;
}
nav#topnav .social,
nav#topnav .menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
nav#topnav .social li {
  width: 48px;
  font-size: 24px;
  vertical-align: middle;
}
@media (max-width: 850px) {
  nav#topnav .social {
    display: none;
  }
}
nav#topnav .menu li {
  margin-left: 19px;
}
@media (max-width: 700px) {
  nav#topnav .menu {
    display: none;
  }
}
nav#topnav .searchtoggle,
nav#topnav .infolettretoggle,
nav#topnav .langswitch,
nav#topnav .monhoraireToggle,
nav#topnav .social li,
nav#topnav .menu li {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  display: inline-block;
  color: #fff;
  line-height: 56px;
  text-align: center;
  z-index: 1000;
}
nav#topnav .searchtoggle i,
nav#topnav .infolettretoggle i,
nav#topnav .langswitch i,
nav#topnav .monhoraireToggle i,
nav#topnav .social li i,
nav#topnav .menu li i {
  line-height: 58px;
}
nav#topnav .infolettretoggle {
  padding: 0 10px;
}
@media (max-width: 420px) {
  nav#topnav .infolettretoggle {
    display: none;
  }
}
nav#topnav .monhoraireToggle {
  padding: 0 20px;
  background-color: #000e17;
  height: 57px;
  border-right: 1px solid #8b8d8c;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  nav#topnav .monhoraireToggle {
    display: none;
  }
}
nav#topnav .searchtoggle {
  right: 0;
  width: 58px;
}
@media (max-width: 768px) {
  nav#topnav .searchtoggle {
    display: none;
  }
}
nav#topnav .langswitch {
  list-style: none;
}
nav#topnav .langswitch li {
  text-align: center;
  display: inline-block;
  width: 48px;
  text-transform: uppercase;
  display: block;
}
nav#topnav li {
  color: #fff;
  background: transparent;
}
nav#topnav li > a {
  color: inherit;
}
nav#topnav ul li.rouge > a {
  color: #e04f39;
}
nav#topnav ul li.bleu-pale > a {
  background: transparent;
  color: #63b1bc;
}
nav#topnav ul li.bleu > a {
  background: transparent;
  color: #007b9c;
}
nav#topnav ul li.bleu-fonce > a {
  background: transparent;
  color: #000e17;
}
nav#topnav ul li.blanc > a {
  color: #FFF;
}
nav#topnav ul li[class^="bouton-"] > a,
nav#topnav ul li[class*=" bouton-"] > a {
  position: relative;
}
nav#topnav ul li[class^="bouton-"] > a:before,
nav#topnav ul li[class*=" bouton-"] > a:before {
  content: "";
  position: absolute;
  top: -0.4em;
  left: -0.7em;
  right: -0.7em;
  bottom: -0.4em;
  display: block;
  background-color: inherit;
  z-index: -1;
}
nav#topnav ul li.bouton-rouge > a {
  background: #e04f39;
  color: #fff;
}
nav#topnav ul li.bouton-bleu-pale > a {
  background: #63b1bc;
  color: #fff;
}
nav#topnav ul li.bouton-bleu > a {
  background: #007b9c;
  color: #fff;
}
nav#topnav ul li.bouton-bleu-fonce > a {
  background: #000e17;
  color: #fff;
}
nav#topnav ul li.bouton-blanc > a {
  background: #e5e5e5;
  color: #007b9c;
}
.menuMobile,
.infolettreModal,
.searchModal {
  display: block;
  position: fixed;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-decoration: none;
  z-index: 1000;
  line-height: 100vh;
  text-align: center;
  background: rgba(0, 14, 23, 0.9);
  overflow: auto;
  font-family: "Oswald", sans-serif;
}
.menuMobile .close,
.infolettreModal .close,
.searchModal .close {
  position: absolute;
  right: 0;
  text-decoration: none;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 45px;
  width: 45px;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}
.menuMobile a,
.infolettreModal a,
.searchModal a {
  text-decoration: none;
  color: #fff;
}
.infolettreModal {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.searchModal {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.menuMobile {
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.menuMobile ul {
  padding: 40px 10px;
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  line-height: 1.4;
}
.menuMobile ul a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-top: 1rem;
}
.menuMobile ul ul {
  display: block;
  padding: 0;
}
.menuMobile ul ul a {
  color: #007b9c;
  font-weight: normal;
  text-transform: none;
  margin-top: 0;
}
.menuMobile ul ul li {
  margin: 0;
}
nav#topnav + section > .container:first-child,
nav#topnav + .splitbox section:first-child .container {
  margin-top: 70px;
}
#navOpen:checked ~ nav#topnav .navtoggle,
#infolettreOpen:checked ~ nav#topnav .navtoggle,
#searchOpen:checked ~ nav#topnav .navtoggle,
#navOpen:checked ~ nav#topnav .extramenu,
#infolettreOpen:checked ~ nav#topnav .extramenu,
#searchOpen:checked ~ nav#topnav .extramenu,
#navOpen:checked ~ nav#topnav .infolettretoggle,
#infolettreOpen:checked ~ nav#topnav .infolettretoggle,
#searchOpen:checked ~ nav#topnav .infolettretoggle,
#navOpen:checked ~ nav#topnav .searchtoggle,
#infolettreOpen:checked ~ nav#topnav .searchtoggle,
#searchOpen:checked ~ nav#topnav .searchtoggle,
#navOpen:checked ~ nav#topnav .langswitch,
#infolettreOpen:checked ~ nav#topnav .langswitch,
#searchOpen:checked ~ nav#topnav .langswitch,
#navOpen:checked ~ nav#topnav:before,
#infolettreOpen:checked ~ nav#topnav:before,
#searchOpen:checked ~ nav#topnav:before,
#navOpen:checked ~ nav#topnav .toplogo,
#infolettreOpen:checked ~ nav#topnav .toplogo,
#searchOpen:checked ~ nav#topnav .toplogo {
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
#navOpen:checked ~ .menuMobile,
#searchOpen:checked ~ .searchModal,
#infolettreOpen:checked ~ .infolettreModal {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.scrolled nav#topnav .toplogo {
  font-size: 48px;
  padding: 5px;
}
.scrolled nav#topnav .toplogo .i-fcms-texte {
  opacity: 0;
}
.scrolled nav#topnav:before {
  background: rgba(0, 14, 23, 0.65);
}
.scrolled nav#topnav:after {
  opacity: 0;
  height: 58px;
}
@media (min-width: 640px) {
  nav#topnav {
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  nav#topnav .navtoggle {
    right: calc(150px + 85px + 58px + 58px);
    width: 120px;
  }
  nav#topnav .navtoggle:after {
    content: "MENU";
    display: inline-block;
    margin-left: 10px;
  }
}
@media (min-width: 1024px) {
  nav#topnav .toplogo {
    z-index: 100;
    font-size: 78px;
    padding: 10px;
  }
}
.infolettreModal,
.searchModal {
  line-height: 100vh;
  text-align: center;
  color: #fff;
}
.infolettreModal .inside,
.searchModal .inside {
  line-height: 1.4;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 768px;
  padding: 20px 10px;
}
.infolettreModal input,
.searchModal input,
.infolettreModal button,
.searchModal button {
  padding: 5px;
  border-radius: 0;
  font-size: 18px;
  line-height: 22px;
  height: 38px;
  vertical-align: top;
  color: #000;
  border: 0;
}
.infolettreModal button,
.searchModal button {
  margin-left: 10px;
  background: #e04f39;
  color: #fff;
  padding: 5px 20px;
  font-family: "Oswald", sans-serif;
}
.infolettreModal #mc_embed_signup div.mce_inline_error,
.searchModal #mc_embed_signup div.mce_inline_error,
.infolettreModal #mc_embed_signup #mce-success-response,
.searchModal #mc_embed_signup #mce-success-response {
  margin: 1em 0 0 0;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  z-index: 1;
  color: #f00;
}
.infolettreModal #mc_embed_signup #mce-success-response,
.searchModal #mc_embed_signup #mce-success-response {
  color: #529214;
}
.searchModal .inside {
  width: 100%;
  max-width: 768px;
}
.searchModal .inside input {
  width: 60%;
}
@-webkit-keyframes nav-fade {
  from,
  to {
    visibility: visible;
  }
}
@keyframes nav-fade {
  from,
  to {
    visibility: visible;
  }
}
#searchresult {
  padding-top: 40px;
}
#searchresult h2 {
  margin-top: 40px;
  text-transform: none;
  font-size: 1.4rem;
  text-transform: uppercase;
}
#searchresult h3 {
  margin-bottom: 0;
  font-size: 1rem;
}
#searchresult ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Source Sans Pro", sans-serif;
}
#searchresult ul li + li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 601px) {
  .admin-bar nav#topnav {
    top: 46px;
  }
}
@media (min-width: 783px) {
  .admin-bar nav#topnav {
    top: 32px;
  }
}
.gm-style .gm-style-iw {
  padding: 0 !important;
}
[for="navtoggle"] {
  cursor: pointer;
  display: block;
}
[name="menucheck"] {
  position: absolute;
  top: -100px;
  display: none;
}
@keyframes nav-fade {
  from,
  to {
    visibility: visible;
  }
}
#searchresult {
  padding-top: 40px;
}
#searchresult h2 {
  margin-top: 40px;
  text-transform: none;
  font-size: 1.4rem;
  text-transform: uppercase;
}
#searchresult h3 {
  margin-bottom: 0;
  font-size: 1rem;
}
#searchresult ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Source Sans Pro", sans-serif;
}
#searchresult ul li + li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
@media (min-width: 601px) {
  .admin-bar nav#topnav {
    top: 46px;
  }
}
@media (min-width: 783px) {
  .admin-bar nav#topnav {
    top: 32px;
  }
}
/********/
/*HEADER*/
/********/
header {
  background: url(../img/header-default.jpg) #000e17;
  padding: 0;
  overflow: hidden;
  background-size: cover;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
header .container {
  width: 100%;
}
header .videobox + .i-play:before {
  content: "\e900";
}
header .i-play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: #fff;
  cursor: pointer;
  z-index: 101;
}
@media (max-width: 700px) {
  header .i-play {
    font-size: 40px;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    left: auto;
    top: 48px;
    right: 0;
  }
}
header .i-play:before {
  position: relative;
  left: 0.1em;
  z-index: 20;
}
header .i-play:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #e04f39;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
header:hover > .i-play:after {
  width: 100px;
  height: 100px;
}
header:after {
  z-index: 100;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 200px;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000e17+0,000e17+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
  pointer-events: none;
}
header .slide {
  height: 100%;
  text-align: center;
}
header .slide:hover > .i-play:after {
  width: 100px;
  height: 100px;
}
header .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header .slider .flickity-viewport {
  height: 100% !important;
}
header .slider a {
  text-decoration: none;
  color: inherit;
}
header .slider .content {
  display: inline-block;
  width: 100%;
  max-width: 1024px;
  vertical-align: middle;
  text-shadow: 0 0 5px #000;
  color: #fff;
}
header .slider .slide {
  text-align: center;
  width: 100%;
  height: 100% !important;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #000e17;
}
header .slider .slide.video i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 60px;
  color: #007b9c;
}
header .slider .slide.video i:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #000e17;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
header .slider .slide.video i:before {
  position: relative;
  left: 0.1em;
  z-index: 20;
}
header .slider .slide.video:hover i:after {
  width: 100px;
  height: 100px;
}
header .slider .flickity-enabled:focus {
  outline: none;
}
header .slider .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
header .slider .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
header .slider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header .slider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
header .slider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
header .slider .flickity-page-dots {
  position: absolute;
  height: auto;
  bottom: 10px;
  width: 10px;
  left: auto;
  right: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
header .slider .flickity-page-dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px 0;
  border-radius: 50%;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
  background: transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}
header .slider .flickity-page-dots .dot.is-selected {
  border: 8px solid #fff;
}
header h1 {
  color: #fff;
  margin-top: 200px;
}
header .slide + .title,
header .slider + .title {
  text-shadow: 0 0 10px #000;
  width: 100%;
  pointer-events: none;
}
header .slide + .title h1,
header .slider + .title h1 {
  margin-top: 0px;
}
@media (max-width: 700px) {
  header .slide + .title h1,
  header .slider + .title h1 {
    margin-top: 100px;
  }
}
header .slide.single {
  background: transparent;
}
header .slide.single .slideback {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: 50%;
}
header .videobox {
  padding-bottom: ;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 177.77777778vh;
  min-height: 56.25vw;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
header .videobox iframe {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  header h1 {
    margin-top: 300px;
  }
}
.entetefilmseul {
  height: clamp(400px, 56.25vw, 70vh);
  min-height: clamp(400px, 56.25vw, 70vh);
}
.frontslider {
  height: clamp(400px, 100vw, 70vh);
  min-height: clamp(400px, 100vw, 70vh);
}
/********/
/*HEADER*/
/********/
header {
  background: url(../img/header-default.jpg) #000e17;
  padding: 0;
  overflow: hidden;
  background-size: cover;
}
header .videobox + .i-play:before {
  content: "\e900";
}
header .i-play {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 60px;
  color: #fff;
  cursor: pointer;
  z-index: 101;
}
header .i-play:before {
  position: relative;
  left: 0.1em;
  z-index: 20;
}
header .i-play:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #e04f39;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
header:hover > .i-play:after {
  width: 100px;
  height: 100px;
}
header:after {
  z-index: 100;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 200px;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000e17+0,000e17+100&1+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
header .slide {
  height: 75vh;
  line-height: 75vh;
  text-align: center;
}
header .slide:hover > .i-play:after {
  width: 100px;
  height: 100px;
}
header .slider {
  height: clamp(400px, 56.25vw, 70vh);
  line-height: clamp(400px, 56.25vw, 70vh);
}
header .slider .flickity-viewport {
  height: 100% !important;
}
header .slider a {
  text-decoration: none;
  color: inherit;
}
header .slider .content {
  display: inline-block;
  width: 100%;
  max-width: 1024px;
  vertical-align: middle;
  text-shadow: 0 0 5px #000;
  color: #fff;
}
header .slider .slide {
  text-align: center;
  width: 100%;
  height: 100% !important;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #000e17;
}
header .slider .slide.video i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 60px;
  color: #007b9c;
}
header .slider .slide.video i:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #000e17;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
header .slider .slide.video i:before {
  position: relative;
  left: 0.1em;
  z-index: 20;
}
header .slider .slide.video:hover i:after {
  width: 100px;
  height: 100px;
}
header .slider .flickity-enabled {
  position: relative;
}
header .slider .flickity-enabled:focus {
  outline: none;
}
header .slider .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
header .slider .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
header .slider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header .slider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
header .slider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
header .slider .flickity-page-dots {
  position: absolute;
  height: auto;
  top: 50%;
  width: 10px;
  left: auto;
  right: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
header .slider .flickity-page-dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px 0;
  border-radius: 50%;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
  background: transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}
header .slider .flickity-page-dots .dot.is-selected {
  border: 8px solid #fff;
}
header h1 {
  color: #fff;
  margin-top: 200px;
}
header .slide + .title,
header .slider + .title {
  position: absolute;
  bottom: 0;
  text-shadow: 0 0 10px #000;
  left: 0;
  right: 0;
}
header .slide + .title h1,
header .slider + .title h1 {
  margin-top: 0px;
}
header .slide.single {
  background: transparent;
  line-height: 75vh;
  padding-bottom: 70px;
  background-size: cover;
  background-position: 50%;
}
header .slide.single .slideback {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: 50%;
}
header .slide.single img {
  vertical-align: middle;
  -webkit-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  max-width: 90%;
  max-height: 80%;
}
header .videobox {
  padding-bottom: ;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  min-width: 177.77777778vh;
  min-height: 56.25vw;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
header .videobox iframe {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1024px) {
  header h1 {
    margin-top: 300px;
  }
}
#partenairesMaj {
  color: #FFF;
  text-align: center;
  overflow: hidden;
  margin-bottom: 40px;
}
#partenairesMaj h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
#partenairesMaj a {
  background: transparent;
  color: #FFF;
}
#partenairesMaj img {
  max-width: 162px;
  max-height: 100px;
  margin: 0 20px;
  vertical-align: middle;
}
#partenairesMaj #partenairesSlider {
  height: 100px;
  overflow: hidden;
}
#partenairesMaj #partenairesSlider .slide {
  padding: 0 20px;
  height: 100px;
  line-height: 100px;
}
#partenairesMaj .flickity-viewport {
  height: 100px;
}
footer {
  padding: 3rem 0;
  background: #000e17;
  color: #fff;
  line-height: 1.2;
  font-family: 'Oswald', sans-serif;
  background: #091e2f url(../img/bg-partenaires.jpg);
  background-size: cover;
  background-position: 50%;
}
footer .logo {
  font-size: 30px;
  border-top: 2px solid #FFF;
  padding-top: 20px;
  margin-top: 0;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  footer .logo {
    position: absolute;
  }
}
footer .infolettreBox {
  margin-bottom: 40px;
  border-top: 2px solid #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
}
footer .infolettreBox input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 0;
  color: #000000;
}
footer .infolettreBox button {
  margin-left: 10px;
  background-color: #e1503d;
}
footer .infolettreBox .message {
  margin-right: 10px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  footer .infolettreBox {
    margin-left: 164px;
  }
}
@media (max-width: 600px) {
  footer .infolettreBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  footer .infolettreBox > * {
    margin: 0 0 10px;
  }
  footer .infolettreBox .message br {
    display: none;
  }
  footer .infolettreBox button {
    margin-left: 0;
  }
}
footer a {
  background: transparent;
  color: #FFF;
  text-decoration: none;
}
footer .social {
  border-top: 2px solid #FFF;
  padding: 40px 0;
  margin: 40px 0;
}
footer .social ul {
  display: block;
  width: 80%;
  max-width: 500px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font-size: 30px;
  line-height: 30px;
  overflow: hidden;
  max-height: 36px;
}
footer .social ul li {
  display: inline-block;
  margin: 0;
}
footer .social ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}
footer .infolettreToggle {
  display: block;
  color: #FFF;
  text-align: center;
}
footer .footmenu {
  text-align: center;
  display: none;
}
footer .footmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
footer .footmenu ul a {
  padding: 5px 0px;
  display: block;
  margin-top: 40px;
}
footer .footmenu ul li {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
  font-size: 1.2rem;
}
footer .footmenu ul ul {
  text-transform: none;
}
footer .footmenu ul ul li {
  padding: 0;
  font-weight: 300;
  font-size: 1rem;
}
footer .footmenu ul ul li a {
  margin-top: 0px;
}
@media (min-width: 640px) {
  footer .social ul {
    width: 100%;
  }
  footer .footmenu {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
    text-align: left;
    display: inline-block;
  }
  footer .footmenu a[hreflang] {
    display: none;
  }
  footer .infolettreToggle {
    text-align: left;
  }
  footer .social {
    border-top: 2px solid #FFF;
  }
}
@media (min-width: 1024px) {
  footer .social {
    border-top: 2px solid #FFF;
    padding-top: 20px;
    margin-top: 0;
  }
  footer .infolettreToggle {
    text-align: left;
  }
}
@media (min-width: 1400px) {
  footer .footmenu {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media (min-width: 1400px) {
  _::-webkit-:not(:root:root),
  footer .footmenu {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
section,
article {
  padding: 3rem 0;
  z-index: auto;
}
section:first-child,
article:first-child {
  padding-top: 4rem;
}
section:last-child,
article:last-child {
  padding-bottom: 4rem;
}
aside {
  background: #e5e5e5;
}
section:before,
.billets .billets-tab:before {
  content: "";
  position: absolute;
  display: block;
  right: -40px;
  left: -40px;
  top: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
}
.billets .billets-tab:before {
  top: -10px;
}
@media (min-width: 1024px) {
  .container.sidecontainer {
    display: table;
    padding: 0;
    width: 100%;
  }
  .container.sidecontainer main {
    display: block;
    padding: 0 20px;
    display: table-cell;
    vertical-align: top;
  }
  .container.sidecontainer aside {
    width: 315px;
    display: table-cell;
    vertical-align: top;
  }
  section:before,
  .billets .billets-tab:before {
    pointer-events: none;
    right: 50%;
    left: auto;
    position: absolute;
    margin-right: -50vw;
    width: 100vw;
  }
  section.split:before {
    right: 0;
    left: auto;
    margin-right: 0;
  }
  section.split:last-child:before {
    right: auto;
    left: 50%;
  }
  .with-sidebar section:before,
  .with-sidebar .billets .billets-tab:before {
    pointer-events: none;
    content: "";
    position: absolute;
    display: block;
    right: -40px;
    margin: 0;
    top: 0;
    left: auto;
    bottom: 0;
    width: 100vw;
  }
  .with-sidebar .billets .billets-tab:before {
    top: -10px;
  }
  aside:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 100vw;
    bottom: 0;
    top: 0;
    background: #e5e5e5;
  }
}
.archiveblock .panel {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.archiveblock .panel:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}
.archiveblock .fullimg {
  margin: -20px -20px 0;
}
.archiveblock .fullimg h2 {
  padding: 20px;
  text-transform: none;
  line-height: 1.4;
  margin: 0;
  padding-bottom: 0;
}
.archiveblock .fullimg img {
  display: block;
}
.archiveblock .fullimg img + h2 {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 20px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
  /* IE6-9 */
}
.archiveblock .meta {
  padding: 20px;
  margin: 0 -20px 20px;
  border-bottom: 1px solid #CCC;
  color: #CCC;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  text-align: right;
}
.archiveblock .meta .cat {
  font-weight: normal;
  text-align: left;
  float: left;
}
.archiveblock .row.spaced {
  margin-left: -2rem;
  margin-right: -2rem;
}
.archiveblock .row.spaced > [class^="col-"],
.archiveblock .row.spaced > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
.archiveblock .row.spaced > [class^="col-"] i,
.archiveblock .row.spaced > [class*=" col-"] i {
  font-size: 0.8em;
}
#loadMoreArchive {
  text-align: center;
  margin-top: 40px;
}
#loadMoreArchive a {
  display: inline-block;
  padding: 1em 2em;
  background-color: transparent;
  border: 0px solid transparent;
  font: 0.8em/1.2em sans-serif;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: none;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
  text-decoration: none;
  color: #FFF;
  background: #007b9c;
  border-color: #007b9c;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #008fb6;
}
#loadMoreArchive a.noir {
  background: #000;
}
#loadMoreArchive a.noir:hover {
  background: #e04f39;
}
#loadMoreArchive a i {
  margin-right: 10px;
}
#loadMoreArchive a.btn-rouge {
  color: #FFF;
  background: #e04f39;
  border-color: #e04f39;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a.btn-rouge:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #e3634f;
}
#loadMoreArchive a.btn-bleupale {
  color: #FFF;
  background: #63b1bc;
  border-color: #63b1bc;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a.btn-bleupale:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #75bac4;
}
#loadMoreArchive a.btn-bleu {
  color: #FFF;
  background: #007b9c;
  border-color: #007b9c;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a.btn-bleu:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #008fb6;
}
#loadMoreArchive a.btn-bleufonce {
  color: #FFF;
  background: #000e17;
  border-color: #000e17;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a.btn-bleufonce:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #001e31;
}
#loadMoreArchive a.btn-blanc {
  color: #007b9c;
  background: #e5e5e5;
  border-color: #e5e5e5;
  text-shadow: 0 0 0 #000;
}
#loadMoreArchive a.btn-blanc:hover {
  color: #007b9c;
  text-shadow: 0 0 0 #000;
  background: #f2f2f2;
}
.article-meta {
  padding: 40px 0;
  font-size: 20px;
  z-index: 100;
  color: #e04f39;
  text-align: right;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  margin: 0 -20px;
}
.article-meta:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000e17;
  width: 100vw;
}
.article-meta .cat {
  font-weight: normal;
  text-align: left;
  float: left;
}
.article-meta a {
  color: inherit;
  text-decoration: none;
}
.shareline {
  text-align: center;
  background: url(../img/bg-share.jpg) #000e17;
  background-size: cover;
  background-position: center right;
  color: #FFF;
  padding: 10px 0px 10px;
}
.shareline a {
  color: #FFF;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.shareline a:hover {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.shareline h3 {
  font-size: 1rem;
  color: #FFF;
}
.shareline i {
  font-size: 60px;
  margin: 20px;
}
@media (min-width: 640px) {
  .shareline h3 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.topnav,
.topnav.mask {
  display: none;
  background: rgba(0, 14, 23, 0.9);
  padding: 20px 0;
  color: #FFF;
}
main.with-sidebar .topnav {
  margin-left: -20px;
  margin-right: -20px;
}
.subnavFixed main.with-sidebar .topnav {
  margin-left: 0px;
  margin-right: 0px;
}
@media (min-width: 768px) {
  .topnav,
  .topnav.mask {
    display: block;
    font-size: 20px;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    z-index: 99;
    line-height: 1.8;
  }
  .topnav ul,
  .topnav.mask ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .topnav ul li,
  .topnav.mask ul li {
    display: inline-block;
    margin-right: 40px;
  }
  .topnav a,
  .topnav.mask a {
    color: #e04f39;
    text-decoration: none;
  }
  .topnav a:before,
  .topnav.mask a:before {
    display: block;
    height: 1.4px;
    width: 0;
    left: 50%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    content: '';
    position: absolute;
    bottom: -5px;
    background: #e04f39;
  }
  .topnav a:hover:before,
  .topnav.mask a:hover:before,
  .topnav .current-cat a:before,
  .topnav.mask .current-cat a:before {
    width: 100%;
    left: 0;
  }
  .topnav {
    display: block;
  }
  .topnav.mask {
    display: none;
  }
  .subnavFixed .topnav {
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
  }
  .subnavFixed .topnav.mask {
    display: block;
    position: relative;
    visibility: hidden;
    padding: 0;
  }
}
@media (min-width: 1024px) {
  main.with-sidebar .topnav {
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0;
            box-shadow: 0 0 0 0;
  }
  main.with-sidebar .topnav:before {
    position: absolute;
    content: '';
    display: block;
    left: -100vw;
    right: -20px;
    top: 0;
    bottom: 0;
    background: rgba(0, 14, 23, 0.9);
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
  }
  .subnavFixed main.with-sidebar .topnav .container {
    padding-right: 340px;
  }
}
aside {
  margin: 0 -20px;
}
aside .boite {
  text-align: center;
  min-height: 200px;
  line-height: 200px;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
aside .boite a {
  text-decoration: none;
  color: inherit;
}
aside .boite .contenu {
  margin: 20px;
  padding: 5px;
  border-bottom: 2px solid #000;
  line-height: 1.4;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
aside .boite p {
  margin: 0;
}
@media (min-width: 1024px) {
  aside {
    margin: 0;
  }
}
.editions {
  margin-left: -2rem;
  margin-right: -2rem;
}
.editions > [class^="col-"],
.editions > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
.editions > [class^="col-"] i,
.editions > [class*=" col-"] i {
  font-size: 0.8em;
}
.editions .panel {
  padding: 0;
  padding-bottom: 75%;
  background-size: cover;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.editions .panel:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.editions .panel .inside {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  color: #FFF;
  text-shadow: 0 0 5px #000;
}
.editions .panel a {
  font-size: 18px;
  text-decoration: none;
  color: inherit;
}
.editions .panel a:after {
  content: "\203A";
  color: #FFF;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: 5px;
}
.editions {
  margin-left: -2rem;
  margin-right: -2rem;
}
.editions > [class^="col-"],
.editions > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
.editions > [class^="col-"] i,
.editions > [class*=" col-"] i {
  font-size: 0.8em;
}
.editions .panel {
  padding: 0;
  padding-bottom: 75%;
  background-size: cover;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.editions .panel:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.editions .panel .inside {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  color: #FFF;
  text-shadow: 0 0 5px #000;
}
.editions .panel a {
  font-size: 18px;
  text-decoration: none;
  color: inherit;
}
.editions .panel a:after {
  content: "\e906";
  color: #FFF;
  font-family: 'fcms' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 0.8em;
  margin-left: 5px;
}
section.contact {
  z-index: 100;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}
section.contact .thecontent {
  padding-top: 30px;
}
section.contact .thecontent p {
  margin: 0;
  font-family: 'Oswald', sans-serif;
  color: #ffffff;
  font-weight: 300;
  font-size: 2.5em;
  line-height: 1.2;
}
section.contact .adress,
section.contact .phone,
section.contact .mail {
  margin-top: 40px;
  border-top: 1px solid #FFF;
}
@media (min-width: 768px) {
  section.contact .adress {
    margin-top: 0;
    border-top: 0;
  }
}
section.contact i {
  display: block;
  width: 48px;
  height: 48px;
  line-height: 30px;
  padding: 7px;
  border: 2px solid currentColor;
  border-radius: 24px;
  color: currentColor;
  text-align: center;
  font-size: 24px;
  position: absolute;
  left: 0px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
section.contact a {
  padding-left: 58px;
  font-size: 20px;
  text-decoration: none;
  color: #FFF;
  display: block;
  margin-top: 40px;
}
.contactMap {
  background: #ffffff;
  text-align: right;
}
.contactMap aside {
  text-align: left;
  position: relative;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  display: block;
  padding: 40px 0;
  color: #000;
  font-size: 1rem;
  width: auto;
  padding: 40px 20px 40px 40px;
}
.contactMap aside:before {
  background-color: #ffffff;
}
.contactMap aside .lieu {
  margin-bottom: 40px;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  line-height: 1.4;
}
.contactMap aside .lieu a {
  text-decoration-color: rgba(0, 123, 156, 0.5);
}
@media (min-width: 1200px) {
  .contactMap aside .lieu {
    padding-left: 120px;
    position: relative;
    min-height: 100px;
  }
  .contactMap aside .lieu .image {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    background-size: cover;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: -50px;
    width: 150px;
    height: 100px;
    background-color: #eeeeee;
  }
}
@media (min-width: 1400px) {
  .contactMap aside .lieu {
    padding-left: 270px;
    position: relative;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contactMap aside .lieu:before,
  .contactMap aside .lieu:after {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    content: '';
  }
  .contactMap aside .lieu .image {
    width: 300px;
    height: 200px;
  }
}
.contactMap aside h4 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.contactMap aside .field-tel,
.contactMap aside .field-url {
  display: inline-block;
  margin-right: 10px;
}
.contactMap aside .field-tel a,
.contactMap aside .field-url a {
  color: inherit;
  text-decoration: none;
}
.contactMap .basemap {
  text-align: left;
}
.contactMap .basemap .marker,
.contactMap .basemap .infobox {
  display: none;
}
.map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.map .infobox-inside {
  display: block;
}
.contactPage {
  background: #e5e5e5;
}
@media (max-width: 1023px) {
  .contactMap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .contactMap > * {
    width: 100%;
  }
  .contactMap .basemap {
    height: 400px;
  }
}
@media (min-width: 1024px) {
  .contactMap .container {
    z-index: auto;
    position: static;
  }
  .contactMap .mobile {
    display: none;
  }
  .contactMap aside {
    display: inline-block;
    width: 50%;
    padding: 40px 20px 40px 40px;
    margin-top: -30px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    z-index: 10;
  }
  .contactMap .lieu {
    cursor: pointer;
  }
  .contactMap .basemap {
    display: block;
    position: absolute;
    left: 0;
    width: 50%;
    top: 0;
    bottom: 0;
    max-height: 100vh;
  }
  .contactMap .basemap.fixed {
    position: fixed;
  }
  .contactMap .basemap.passed {
    top: auto;
    height: 100%;
    bottom: 0;
  }
}
.gm-style .gm-style-iw {
  overflow: visible;
}
.gm-style-iw > *,
.gm-style-iw > * > * {
  overflow: visible !important;
}
.gm-style-iw {
  background-color: #000e17;
}
.gm-style-iw:before {
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  left: -15px;
  right: -15px;
  bottom: -9px;
  background-color: #000e17;
}
.gm-style-iw:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -29px;
  margin-left: -20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #000e17 transparent transparent transparent;
}
.gm-style-iw + button:before {
  content: "\00d7";
  font-size: 30px;
  line-height: 36px;
  width: 36px;
  text-align: center;
  font-weight: normal;
  color: #ffffff;
}
.gm-style-iw + button img {
  display: none;
}
.gm-style .gm-style-iw {
  padding: 0 !important;
  pointer-events: none;
}
.infobox-inside {
  padding: 20px 20px 20px 20px;
  text-align: center;
  font-size: 16px;
  max-width: 400px;
  display: none;
  color: #ffffff;
}
.infobox-inside .image {
  position: absolute;
  left: -15px;
  width: 150px;
  bottom: -9px;
  top: -9px;
  background: #000;
}
.infobox-inside h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.infobox-inside .field-tel,
.infobox-inside .field-url {
  margin-top: 10px;
}
.infobox-inside .field-tel a,
.infobox-inside .field-url a {
  color: inherit;
  text-decoration: none;
}
header.frontslider .mobilebg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  background-position: 50%;
  background-repeat: no-repeat;
}
header.frontslider .flickity-enabled:focus {
  outline: none;
}
header.frontslider .flickity-viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
header.frontslider .flickity-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
header.frontslider .flickity-slider > * {
  -webkit-transition: none !important;
  transition: none !important;
}
header.frontslider .slide {
  height: 100%;
}
header.frontslider .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 400px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
header.frontslider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header.frontslider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
header.frontslider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
header.frontslider .flickity-page-dots {
  position: absolute;
  height: auto;
  bottom: 10px;
  width: 10px;
  left: auto;
  right: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
header.frontslider .flickity-page-dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px 0;
  border-radius: 50%;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
  background: transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}
header.frontslider .flickity-page-dots .dot.is-selected {
  border: 8px solid #fff;
}
header.frontslider .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  opacity: 0.5;
}
header.frontslider .flickity-prev-next-button:hover {
  opacity: 1;
}
header.frontslider .flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09f;
          box-shadow: 0 0 0 5px #09f;
}
header.frontslider .flickity-prev-next-button:active {
  opacity: 0.6;
}
header.frontslider .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
header.frontslider .flickity-prev-next-button.flickity-prev-next-button.previous {
  left: 10px;
}
header.frontslider .flickity-prev-next-button.flickity-prev-next-button.next {
  right: 10px;
}
header.frontslider .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
header.frontslider .flickity-prev-next-button .arrow {
  fill: #fff;
}
header .datebox.alt,
header .datebox.main {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 320px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 24px;
}
header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px;
  background-color: #000000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
header .datebox.alt {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 100px;
  margin-top: -2px;
  height: 100px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  z-index: 1000;
}
header .datebox.main {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 100px;
  margin-top: -2px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1000;
  display: table;
  width: 100%;
}
header .datebox.main .box {
  display: table-cell;
  padding: 0;
}
header .datebox.main .box a {
  background: #fff;
  display: block;
  padding: 5px 5px 0;
  line-height: 1;
  margin: 0;
  text-decoration: none;
  color: #000;
}
header .datebox.main .box a .sem {
  font-size: 16px;
}
header .datebox.main .box a .mois {
  font-size: 14px;
}
header .datebox.main .box a .jour {
  font-size: 30px;
}
header .datebox.main .box a .heure {
  margin: 10px -5px 0;
  padding: 10px 5px 20px;
  font-size: 10px;
  background: #2d3e47;
  color: #fff;
}
@media (min-width: 500px) {
  header .datebox.alt,
  header .datebox.main {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 320px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 24px;
  }
  header .datebox.main {
    width: 400px;
    border-spacing: 5px;
    border-collapse: separate;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  header .datebox.main .box a {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-bottom: -35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  header .datebox.main .box a .heure {
    height: 30px;
    padding-bottom: 0;
  }
  header .datebox.main .box a:hover {
    background: #e04f39;
    color: #fff;
    -webkit-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
            transform: translate(0, -30px);
  }
}
@media (min-width: 768px) {
  header.frontslider .mobilebg {
    display: none;
  }
}
@media (min-width: 1400px) {
  header.frontslider .content {
    -webkit-transform: translate(-50%, -50%) scale(1.5, 1.5);
        -ms-transform: translate(-50%, -50%) scale(1.5, 1.5);
            transform: translate(-50%, -50%) scale(1.5, 1.5);
  }
  header .datebox.alt,
  header .datebox.main {
    right: 50%;
    margin-right: -680px;
  }
  header .datbox.main {
    border-spacing: 5px;
    border-collapse: separate;
  }
}
#frontsubslider,
.frontvideos,
.videos,
.photos-gal {
  /* ---- previous/next buttons ---- */
}
#frontsubslider .flickity-prev-next-button,
.frontvideos .flickity-prev-next-button,
.videos .flickity-prev-next-button,
.photos-gal .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  background: #000;
  cursor: pointer;
  padding: 0;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
#frontsubslider .flickity-prev-next-button:hover,
.frontvideos .flickity-prev-next-button:hover,
.videos .flickity-prev-next-button:hover,
.photos-gal .flickity-prev-next-button:hover {
  background: #000;
}
#frontsubslider .flickity-prev-next-button.previous,
.frontvideos .flickity-prev-next-button.previous,
.videos .flickity-prev-next-button.previous,
.photos-gal .flickity-prev-next-button.previous {
  left: 0px;
}
#frontsubslider .flickity-prev-next-button.next,
.frontvideos .flickity-prev-next-button.next,
.videos .flickity-prev-next-button.next,
.photos-gal .flickity-prev-next-button.next {
  right: 0px;
}
#frontsubslider .flickity-prev-next-button:disabled,
.frontvideos .flickity-prev-next-button:disabled,
.videos .flickity-prev-next-button:disabled,
.photos-gal .flickity-prev-next-button:disabled {
  opacity: 0;
  cursor: auto;
}
#frontsubslider .flickity-prev-next-button svg,
.frontvideos .flickity-prev-next-button svg,
.videos .flickity-prev-next-button svg,
.photos-gal .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
#frontsubslider .flickity-prev-next-button .arrow,
.frontvideos .flickity-prev-next-button .arrow,
.videos .flickity-prev-next-button .arrow,
.photos-gal .flickity-prev-next-button .arrow {
  fill: #fff;
}
.blanc.frontvideos .flickity-prev-next-button .arrow,
.blanc.videos .flickity-prev-next-button .arrow,
.blanc.photos-gal .flickity-prev-next-button .arrow {
  fill: #333;
}
@media (min-width: 1500px) {
  .frontvideos .flickity-prev-next-button,
  .videos .flickity-prev-next-button,
  .photos-gal .flickity-prev-next-button,
  .frontvideos .flickity-prev-next-button:hover,
  .videos .flickity-prev-next-button:hover,
  .photos-gal .flickity-prev-next-button:hover {
    background: transparent;
  }
  .frontvideos .flickity-prev-next-button.previous,
  .videos .flickity-prev-next-button.previous,
  .photos-gal .flickity-prev-next-button.previous {
    left: -54px;
  }
  .frontvideos .flickity-prev-next-button.next,
  .videos .flickity-prev-next-button.next,
  .photos-gal .flickity-prev-next-button.next {
    right: -54px;
  }
}
.frontnews .row.spaced {
  margin-left: -2rem;
  margin-right: -2rem;
}
.frontnews .row.spaced > [class^="col-"],
.frontnews .row.spaced > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
.frontnews .row.spaced > [class^="col-"] i,
.frontnews .row.spaced > [class*=" col-"] i {
  font-size: 0.8em;
}
.frontnews h2 {
  font-size: 1.8rem;
  text-transform: none;
}
.frontnews h3 {
  font-size: 1.4rem;
}
.frontnews h3 a {
  text-decoration: none;
  color: #000;
}
.frontnews .cat {
  color: #6b6b6b;
  font-size: 1.1em;
  font-family: "Oswald", sans-serif;
}
.frontnews .cat a {
  text-decoration: none;
  color: #6b6b6b;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.frontnews .cat a:hover {
  color: #e04f39;
}
.frontnews .frontthumb {
  padding-bottom: 66%;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 0 10px #666;
          box-shadow: 0 0 10px #666;
  background-size: cover;
}
.frontvideos {
  background-image: url(../img/fond-trailer.jpg);
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 6em 0px;
}
.frontvideos .container {
  padding: 0;
}
.frontvideos h3,
.frontvideos h4 {
  padding: 0 20px;
}
.videobox {
  width: 280px;
  text-align: center;
  display: block;
  color: inherit;
  text-decoration: none;
}
.videobox .video {
  margin: 0 20px 40px 20px;
  background-color: #000;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50%;
}
.videobox .video:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000e17;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.videobox .video:hover:before {
  opacity: 0.8;
}
.videobox .video i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
}
@media (min-width: 768px) {
  .videobox {
    width: 360px;
  }
}
#facebookblock {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007b9c+0,63b1bc+100 */
  background: #000e17;
}
#facebookblock i {
  font-size: 36px;
}
#facebookblock .container {
  padding: 0;
  max-width: 1920px;
}
#facebookblock .post {
  display: block;
  width: auto;
  min-height: 300px;
  line-height: 300px;
  text-align: center;
  background: #000e17;
  font-size: 22px;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}
#facebookblock .post .content {
  display: inline-block;
  vertical-align: middle;
  padding: 40px;
  line-height: 1.4;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
#facebookblock .post .image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#facebookblock .post .share {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#facebookblock .post:hover .content + .image {
  opacity: 0.4;
}
#facebookblock .post:hover .image {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
#facebookblock .post:hover .share {
  opacity: 1;
}
#facebookblock .post .content + .image {
  opacity: 0.6;
}
#facebookblock .post + .post + .post {
  display: none;
}
#facebooklike {
  display: none;
}
@media (min-width: 640px) {
  #facebookblock {
    overflow: auto;
  }
  #facebookblock .post {
    height: 300px;
    width: 50%;
    float: left;
  }
  #facebookblock .post .share {
    -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
}
@media (min-width: 900px) {
  #facebookblock .post + .post + .post {
    display: block;
  }
}
@media (min-width: 1200px) {
  #facebookblock .post {
    width: 25%;
  }
  #facebookblock .post + .post + .post + .post {
    display: block;
  }
  #facebookblock .post + .post + .post + .post + .post {
    display: none;
  }
}
@media (min-width: 1500px) {
  #facebookblock .container {
    -webkit-box-shadow: 0 0 40px #007b9c;
            box-shadow: 0 0 40px #007b9c;
  }
  #facebookblock .post {
    width: 20%;
  }
  #facebookblock .post + .post + .post + .post + .post {
    display: block;
  }
}
.troisblock h2 {
  text-align: center;
}
.troisblock .boite {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background: #000;
  background-size: cover;
  padding-bottom: 62.5%;
  background-position: 50%;
}
.troisblock .boite:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
  /* IE6-9 */
}
.troisblock .boite a,
.troisblock .boite + a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
.troisblock .boite + a {
  position: relative;
  margin: 10px 0;
}
.slider {
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.slider > * {
  display: inline-block;
}
.slider.flickity-enabled {
  white-space: normal;
  overflow: visible;
}
.slider.flickity-enabled > * {
  display: block;
}
h2.datetitle {
  display: none;
  text-transform: none;
  font-size: 2rem;
  color: #63b1bc;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 1px solid #63b1bc;
  margin: 2rem 0;
}
h2.datetitle::first-letter {
  text-transform: uppercase;
}
header.frontslider {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+0,4c4c4c+100 */
  background: #000e17;
  padding: 0;
  overflow: hidden;
}
header.frontslider .mobilebg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  background-position: 50%;
  background-repeat: no-repeat;
}
header.frontslider a {
  text-decoration: none;
  color: inherit;
}
header.frontslider .content {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1024px;
  vertical-align: middle;
  text-shadow: 0 0 5px #000;
  color: #fff;
}
header.frontslider .slider {
  height: 100%;
}
header.frontslider .slide {
  text-align: center;
  width: 100%;
  padding-bottom: 100%;
  height: 100%;
  min-height: 0px;
  max-height: none;
  background-size: cover !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background: -webkit-gradient(linear, left top, left bottom, from(#000e17), to(#001e31));
  background: linear-gradient(#000e17, #001e31);
  overflow: hidden;
}
header.frontslider .slide.video i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 60px;
  color: #fff;
}
header.frontslider .slide.video i:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #000e17;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
header.frontslider .slide.video i:before {
  position: relative;
  left: 0.1em;
  z-index: 20;
}
header.frontslider .slide.video:hover i:after {
  width: 100px;
  height: 100px;
}
header.frontslider .flickity-enabled {
  position: relative;
}
header.frontslider .flickity-enabled:focus {
  outline: none;
}
header.frontslider .flickity-viewport {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100% !important;
}
header.frontslider .flickity-slider {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
}
header.frontslider .flickity-slider > * {
  -webkit-transition: none !important;
  transition: none !important;
}
header.frontslider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header.frontslider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
header.frontslider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
header.frontslider .flickity-page-dots {
  position: absolute;
  height: auto;
  top: 50%;
  width: 10px;
  left: auto;
  right: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
header.frontslider .flickity-page-dots .dot {
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px 0;
  border-radius: 50%;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
  background: transparent;
  -webkit-transition: border 0.5s;
  transition: border 0.5s;
}
header.frontslider .flickity-page-dots .dot.is-selected {
  border: 8px solid #fff;
}
header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 150px;
  background-color: #000000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
header .datebox.alt {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 100px;
  margin-top: -2px;
  height: 100px;
  background: #fff;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  z-index: 1000;
}
header .datebox.main {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  line-height: 100px;
  margin-top: -2px;
  text-align: center;
  text-transform: uppercase;
  z-index: 1000;
  display: table;
  width: 100%;
}
header .datebox.main .box {
  display: table-cell;
  padding: 0;
}
header .datebox.main .box a {
  background: #fff;
  display: block;
  padding: 5px 5px 0;
  line-height: 1;
  margin: 0;
  text-decoration: none;
  color: #000;
}
header .datebox.main .box a .sem {
  font-size: 16px;
}
header .datebox.main .box a .mois {
  font-size: 14px;
}
header .datebox.main .box a .jour {
  font-size: 30px;
}
header .datebox.main .box a .heure {
  margin: 10px -5px 0;
  padding: 10px 5px 20px;
  font-size: 10px;
  background: #2d3e47;
  color: #fff;
}
@media (min-width: 500px) {
  header .datebox.alt,
  header .datebox.main {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 320px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    font-size: 24px;
  }
  header .datebox.main {
    width: 400px;
    border-spacing: 5px;
    border-collapse: separate;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  header .datebox.main .box a {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-bottom: -35px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  header .datebox.main .box a .heure {
    height: 30px;
    padding-bottom: 0;
  }
  header .datebox.main .box a:hover {
    background: #e04f39;
    color: #fff;
    -webkit-transform: translate(0, -30px);
        -ms-transform: translate(0, -30px);
            transform: translate(0, -30px);
  }
}
@media (min-width: 768px) {
  header.frontslider .mobilebg {
    display: none;
  }
  header.frontslider .slide {
    padding-bottom: 35%;
    height: auto;
  }
  header.frontslider .flickity-slider {
    padding-bottom: 35%;
  }
}
@media (min-width: 1400px) {
  header.frontslider .content {
    -webkit-transform: translate(-50%, -50%) scale(1.5, 1.5);
        -ms-transform: translate(-50%, -50%) scale(1.5, 1.5);
            transform: translate(-50%, -50%) scale(1.5, 1.5);
  }
  header .datebox.alt,
  header .datebox.main {
    right: 50%;
    margin-right: -680px;
  }
  header .datbox.main {
    border-spacing: 5px;
    border-collapse: separate;
  }
}
/* SUB SLIDER */
#frontsubslider {
  overflow: hidden;
  margin-top: -2px;
  background: #000e17;
  z-index: 98;
  -webkit-box-shadow: 0 0 40px #000;
          box-shadow: 0 0 40px #000;
}
#frontsubslider h4 {
  margin-bottom: 0;
}
#frontsubslider .container {
  padding: 0;
  z-index: 2;
}
#frontsubslider .menu {
  background: #007b9c;
  text-align: center;
  height: auto;
}
#frontsubslider .menu:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  border-top: 20px solid #007b9c;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 0 solid transparent;
}
#frontsubslider .menu:after {
  content: "flickity";
  display: none;
  /* hide :after */
}
#frontsubslider .menu a {
  opacity: 0.6;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  font-family: "Oswald", sans-serif;
  display: inline-block;
  padding: 20px;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}
#frontsubslider .menu a.active {
  opacity: 1;
}
#frontsubslider .imagebox {
  width: 250px;
  text-align: center;
  display: block;
  color: inherit;
  text-decoration: none;
  padding: 40px;
  color: #fff;
}
#frontsubslider .imagebox .image {
  background-color: #000;
  padding-bottom: 100%;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 20px;
}
#frontsubslider .tabs {
  height: 400px;
  background: #000e17;
}
#frontsubslider .tabs .tab {
  opacity: 0;
  position: absolute;
  height: 320px;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 1;
}
#frontsubslider .tabs .tab.active {
  z-index: 2;
  opacity: 1;
}
#frontsubslider,
.frontvideos,
.videos,
.photos-gal {
  /* ---- previous/next buttons ---- */
}
#frontsubslider .flickity-prev-next-button,
.frontvideos .flickity-prev-next-button,
.videos .flickity-prev-next-button,
.photos-gal .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  background: #000;
  cursor: pointer;
  padding: 0;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
#frontsubslider .flickity-prev-next-button:hover,
.frontvideos .flickity-prev-next-button:hover,
.videos .flickity-prev-next-button:hover,
.photos-gal .flickity-prev-next-button:hover {
  background: #000;
}
#frontsubslider .flickity-prev-next-button.previous,
.frontvideos .flickity-prev-next-button.previous,
.videos .flickity-prev-next-button.previous,
.photos-gal .flickity-prev-next-button.previous {
  left: 0px;
}
#frontsubslider .flickity-prev-next-button.next,
.frontvideos .flickity-prev-next-button.next,
.videos .flickity-prev-next-button.next,
.photos-gal .flickity-prev-next-button.next {
  right: 0px;
}
#frontsubslider .flickity-prev-next-button:disabled,
.frontvideos .flickity-prev-next-button:disabled,
.videos .flickity-prev-next-button:disabled,
.photos-gal .flickity-prev-next-button:disabled {
  opacity: 0;
  cursor: auto;
}
#frontsubslider .flickity-prev-next-button svg,
.frontvideos .flickity-prev-next-button svg,
.videos .flickity-prev-next-button svg,
.photos-gal .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
#frontsubslider .flickity-prev-next-button .arrow,
.frontvideos .flickity-prev-next-button .arrow,
.videos .flickity-prev-next-button .arrow,
.photos-gal .flickity-prev-next-button .arrow {
  fill: #fff;
}
.blanc.frontvideos .flickity-prev-next-button .arrow,
.blanc.videos .flickity-prev-next-button .arrow,
.blanc.photos-gal .flickity-prev-next-button .arrow {
  fill: #333;
}
@media (min-width: 1500px) {
  .frontvideos .flickity-prev-next-button,
  .videos .flickity-prev-next-button,
  .photos-gal .flickity-prev-next-button,
  .frontvideos .flickity-prev-next-button:hover,
  .videos .flickity-prev-next-button:hover,
  .photos-gal .flickity-prev-next-button:hover {
    background: transparent;
  }
  .frontvideos .flickity-prev-next-button.previous,
  .videos .flickity-prev-next-button.previous,
  .photos-gal .flickity-prev-next-button.previous {
    left: -54px;
  }
  .frontvideos .flickity-prev-next-button.next,
  .videos .flickity-prev-next-button.next,
  .photos-gal .flickity-prev-next-button.next {
    right: -54px;
  }
}
@media (min-width: 768px) {
  #frontsubslider .container {
    z-index: auto;
  }
  #frontsubslider .menu {
    text-align: left;
    width: 300px;
    padding: 40px 20px;
    min-height: 320px;
    z-index: 200;
  }
  #frontsubslider .menu .flickity {
    height: auto;
  }
  #frontsubslider .menu:before {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
    background: #007b9c;
    border: 0;
    left: auto;
  }
  #frontsubslider .menu:after {
    content: "";
    display: none;
    /* hide :after */
  }
  #frontsubslider .menu a {
    padding-left: 46px;
    display: block;
  }
  #frontsubslider .menu a:before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    width: 30px;
    height: 30px;
    left: 0;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  #frontsubslider .menu a.active:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: -40px;
    margin-top: -20px;
    border-left: 20px solid #007b9c;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 0 solid transparent;
  }
  #frontsubslider .tabs {
    position: absolute;
    left: 300px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    right: 0;
    z-index: 100;
  }
}
@media (min-width: 1400px) {
  #frontsubslider .tabs {
    left: 50%;
    margin-left: -400px;
  }
}
.frontnews .row.spaced {
  margin-left: -2rem;
  margin-right: -2rem;
}
.frontnews .row.spaced > [class^="col-"],
.frontnews .row.spaced > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
}
.frontnews .row.spaced > [class^="col-"] i,
.frontnews .row.spaced > [class*=" col-"] i {
  font-size: 0.8em;
}
.frontnews h2 {
  font-size: 1.8rem;
  text-transform: none;
}
.frontnews h3 {
  font-size: 1.4rem;
}
.frontnews h3 a {
  text-decoration: none;
  color: #000;
}
.frontnews .cat {
  color: #6b6b6b;
  font-size: 1.1em;
  font-family: "Oswald", sans-serif;
}
.frontnews .cat a {
  text-decoration: none;
  color: #6b6b6b;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.frontnews .cat a:hover {
  color: #e04f39;
}
.frontnews .frontthumb {
  padding-bottom: 66%;
  margin-bottom: 40px;
  -webkit-box-shadow: 0 0 10px #666;
          box-shadow: 0 0 10px #666;
  background-size: cover;
}
.frontvideos {
  background-image: url(../img/fond-trailer.jpg);
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 6em 0px;
}
.frontvideos .container {
  padding: 0;
}
.frontvideos h3,
.frontvideos h4 {
  padding: 0 20px;
}
.videobox {
  width: 280px;
  text-align: center;
  display: block;
  color: inherit;
  text-decoration: none;
}
.videobox .video {
  margin: 0 20px 40px 20px;
  background-color: #000;
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: 50%;
}
.videobox .video:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #000e17;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.videobox .video:hover:before {
  opacity: 0.8;
}
.videobox .video i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 48px;
  color: #fff;
}
@media (min-width: 768px) {
  .videobox {
    width: 360px;
  }
}
#facebookblock {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007b9c+0,63b1bc+100 */
  background: #000e17;
}
#facebookblock i {
  font-size: 36px;
}
#facebookblock .container {
  padding: 0;
  max-width: 1920px;
}
#facebookblock .post {
  display: block;
  width: auto;
  min-height: 300px;
  line-height: 300px;
  text-align: center;
  background: #000e17;
  font-size: 22px;
  overflow: hidden;
  -webkit-transition: none;
  transition: none;
}
#facebookblock .post .content {
  display: inline-block;
  vertical-align: middle;
  padding: 40px;
  line-height: 1.4;
  z-index: 2;
  color: #fff;
  text-shadow: 0 0 5px #000;
}
#facebookblock .post .image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#facebookblock .post .share {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
#facebookblock .post:hover .content + .image {
  opacity: 0.4;
}
#facebookblock .post:hover .image {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
#facebookblock .post:hover .share {
  opacity: 1;
}
#facebookblock .post .content + .image {
  opacity: 0.6;
}
#facebookblock .post + .post + .post {
  display: none;
}
#facebooklike {
  display: none;
}
@media (min-width: 640px) {
  #facebookblock {
    overflow: auto;
  }
  #facebookblock .post {
    height: 300px;
    width: 50%;
    float: left;
  }
  #facebookblock .post .share {
    -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
}
@media (min-width: 900px) {
  #facebookblock .post + .post + .post {
    display: block;
  }
}
@media (min-width: 1200px) {
  #facebookblock .post {
    width: 25%;
  }
  #facebookblock .post + .post + .post + .post {
    display: block;
  }
  #facebookblock .post + .post + .post + .post + .post {
    display: none;
  }
}
@media (min-width: 1500px) {
  #facebookblock .container {
    -webkit-box-shadow: 0 0 40px #007b9c;
            box-shadow: 0 0 40px #007b9c;
  }
  #facebookblock .post {
    width: 20%;
  }
  #facebookblock .post + .post + .post + .post + .post {
    display: block;
  }
}
.troisblock {
  padding: 60px 10px;
}
.troisblock h2 {
  text-align: center;
}
.troisblock .boite {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  background: #000;
  background-size: cover;
  padding-bottom: 62.5%;
  background-position: 50%;
}
.troisblock .boite:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=0);
  /* IE6-9 */
}
.troisblock .boite a,
.troisblock .boite + a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
}
.troisblock .boite + a {
  position: relative;
  margin: 10px 0;
}
.slider {
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}
.slider > * {
  display: inline-block;
}
.slider.flickity-enabled {
  white-space: normal;
  overflow: visible;
}
.slider.flickity-enabled > * {
  display: block;
}
h2.datetitle {
  display: none;
  text-transform: none;
  font-size: 2rem;
  color: #63b1bc;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 1px solid #63b1bc;
  margin: 2rem 0;
}
h2.datetitle::first-letter {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .troisblock .col-md-6 .boite {
    padding-bottom: 300px;
  }
  .troisblock .col-md-12 .boite {
    padding-bottom: 31.25%;
  }
}
@media (min-width: 1024px) {
  .troisblock .col-md-6 .boite {
    padding-bottom: 62.5%;
  }
  .troisblock .boite {
    padding-bottom: 62.5%;
  }
  .troisblock .col-md-12 .boite {
    padding-bottom: 62.5%;
  }
}
.repertoirecontenu {
  margin-bottom: 0;
  padding-bottom: 0;
}
section.filmHoraire {
  padding-top: 2rem;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
section.filmHoraire h3.avaliable {
  font-weight: normal;
  margin: 0;
}
section.filmHoraire h3.avaliable strong {
  display: block;
}
section.filmHoraire .toppart {
  top: -2rem;
  font-family: "Oswald", sans-serif;
}
section.filmHoraire .toppart:before {
  display: block;
  height: 2px;
  width: 200vw;
  background: #ccc;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100vw;
  opacity: 0.25;
}
section.filmHoraire .category {
  padding: 20px 0;
  overflow-x: hidden;
}
section.filmHoraire .category .section {
  display: block;
}
section.filmHoraire .category .section span {
  display: block;
}
section.filmHoraire .category .section span img {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-top: -5px;
  margin-right: 5px;
}
section.filmHoraire .category .section span {
  margin-top: 10px;
}
section.filmHoraire table {
  font-family: "Oswald", sans-serif;
  margin: 0;
  display: block;
}
section.filmHoraire table tbody {
  display: block;
  width: 100%;
}
section.filmHoraire table tr,
section.filmHoraire table td {
  display: block;
  width: auto;
}
section.filmHoraire table td + td + td {
  display: inline-block;
}
section.filmHoraire table td {
  border-top: 0;
}
section.filmHoraire table td:first-letter {
  text-transform: uppercase;
}
section.filmHoraire table tr + tr {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
section.filmHoraire table td {
  padding-right: 20px;
}
section.filmHoraire table td {
  padding-left: 0;
}
section.filmHoraire table td:last-child {
  margin-bottom: 4px;
}
section.filmHoraire .passeport {
  display: none;
}
section.filmHoraire h4 {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  section.filmHoraire table td + td + td {
    display: table-cell;
  }
  section.filmHoraire tr + tr {
    border-top: 0;
    margin: 0;
    padding: 0;
  }
  section.filmHoraire tr + tr td {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
  section.filmHoraire table {
    display: table;
    width: 100%;
  }
  section.filmHoraire table tbody {
    display: table-row-group;
  }
  section.filmHoraire table tr {
    display: table-row;
  }
  section.filmHoraire table td {
    display: table-cell;
  }
  section.filmHoraire .category .section {
    float: right;
    white-space: nowrap;
  }
  section.filmHoraire .category .section span {
    margin-top: 0;
    display: inline-block;
  }
  section.filmHoraire .category .section span + span {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  section.filmHoraire .btn,
  section.filmHoraire button,
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=button] {
    display: inline-block;
  }
  section.filmHoraire .container {
    padding-right: 270px;
  }
  section.filmHoraire .passeport {
    display: block;
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: -3rem;
    width: 250px;
    background-color: #63b1bc;
    background-image: url(../img/fondpasseport.jpg);
    background-position: 50%;
    background-size: cover;
  }
  section.filmHoraire .passeport .inside {
    width: 100%;
    padding: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1200px) {
  section.filmHoraire .btn,
  section.filmHoraire button,
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=button] {
    display: inline-block;
  }
  section.filmHoraire .container {
    padding-right: 350px;
  }
  section.filmHoraire .passeport {
    width: 330px;
  }
}
.singleFilm .container + .container,
.bioReal .container + .container,
.bioInvite .container + .container {
  margin-top: 40px;
}
.singleFilm .row.spaced,
.bioReal .row.spaced,
.bioInvite .row.spaced {
  margin-left: -2rem;
  margin-right: -2rem;
}
.singleFilm .row.spaced > [class^="col-"],
.bioReal .row.spaced > [class^="col-"],
.bioInvite .row.spaced > [class^="col-"],
.singleFilm .row.spaced > [class*=" col-"],
.bioReal .row.spaced > [class*=" col-"],
.bioInvite .row.spaced > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.singleFilm .row.spaced > [class^="col-"] i,
.bioReal .row.spaced > [class^="col-"] i,
.bioInvite .row.spaced > [class^="col-"] i,
.singleFilm .row.spaced > [class*=" col-"] i,
.bioReal .row.spaced > [class*=" col-"] i,
.bioInvite .row.spaced > [class*=" col-"] i {
  font-size: 0.8em;
}
.singleFilm {
  overflow: hidden;
}
.singleFilm .partenariat {
  float: right;
  padding: 20px;
  max-width: 250px;
  margin: -3rem 0 20px 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media (max-width: 700px) {
  .singleFilm .partenariat {
    float: none;
    margin: -3rem auto 20px;
  }
}
.singleFilm .partenariat h4,
.singleFilm .partenariat p {
  margin-bottom: 0;
}
.singleFilm .affiche {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  display: block;
  margin: 0 auto 20px;
}
.singleFilm .metagroup {
  margin-bottom: 2em;
  font-family: "Oswald", sans-serif;
}
.singleFilm .metagroup h4 {
  color: #6b6b6b;
  font-size: 1em;
  margin-bottom: 0;
}
.bioReal,
.bioInvite {
  background: #007b9c;
  color: #fff;
}
.bioReal .apropos,
.bioInvite .apropos {
  font-family: "Oswald", sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
}
.bioReal a,
.bioInvite a {
  color: #fff;
}
.bioReal h2,
.bioInvite h2 {
  text-transform: none;
  color: #63b1bc;
}
.bioReal .portrait,
.bioInvite .portrait {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  margin: 0 auto 20px;
  display: block;
  padding-bottom: 100%;
  background-position: 50% 20%;
  background-size: cover;
}
.bioInvite .invitehoraire {
  margin: 1rem 0;
  list-style: none;
  padding: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  color: #fff;
}
.bioInvite .invitehoraire li {
  padding: 5px 0;
}
.bioInvite .invitehoraire li:first-letter {
  text-transform: uppercase;
}
.bioInvite .invitehoraire li + li {
  border-top: 1px solid #fff;
}
@media (min-width: 640px) {
  .singleFilm .filmmeta {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
  }
  .singleFilm .filmmeta .metagroup {
    width: 100%;
    display: inline-block;
  }
  .singleFilm .row.spaced > [class^="col-"],
  .singleFilm .row.spaced > [class*=" col-"] {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .singleFilm .filmmeta {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.filmnote {
  margin-top: 1re;
}
.repertoirecontenu {
  margin-bottom: 0;
  padding-bottom: 0;
}
section.filmHoraire {
  padding-top: 2rem;
}
section.filmHoraire h3.avaliable {
  font-weight: normal;
  margin: 0;
}
section.filmHoraire h3.avaliable strong {
  display: block;
}
section.filmHoraire .toppart {
  top: -2rem;
  font-family: 'Oswald', sans-serif;
}
section.filmHoraire .toppart:before {
  display: block;
  height: 1px;
  width: 200vw;
  background: #FFF;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100vw;
  opacity: 0.25;
}
section.filmHoraire .category {
  padding: 20px 0;
  overflow-x: hidden;
}
section.filmHoraire .category .section {
  display: block;
}
section.filmHoraire .category .section span {
  display: block;
}
section.filmHoraire .category .section span img {
  vertical-align: middle;
  width: 22px;
  height: 22px;
  margin-top: -5px;
  margin-right: 5px;
}
section.filmHoraire .category .section span {
  margin-top: 10px;
}
section.filmHoraire table {
  font-family: 'Oswald', sans-serif;
  margin: 0;
  display: block;
}
section.filmHoraire table tbody {
  display: block;
  width: 100%;
}
section.filmHoraire table tr,
section.filmHoraire table td {
  display: block;
  width: auto;
}
section.filmHoraire table td + td + td {
  display: inline-block;
}
section.filmHoraire table td {
  border-top: 0;
}
section.filmHoraire table td:first-letter {
  text-transform: uppercase;
}
section.filmHoraire table tr + tr {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
section.filmHoraire table td {
  padding-right: 20px;
}
section.filmHoraire table td {
  padding-left: 0;
}
section.filmHoraire table td:last-child {
  margin-bottom: 4px;
}
section.filmHoraire .passeport {
  display: none;
}
section.filmHoraire h4 {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  section.filmHoraire table td + td + td {
    display: table-cell;
  }
  section.filmHoraire tr + tr {
    border-top: 0;
    margin: 0;
    padding: 0;
  }
  section.filmHoraire tr + tr td {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
  section.filmHoraire table {
    display: table;
    width: 100%;
  }
  section.filmHoraire table tbody {
    display: table-row-group;
  }
  section.filmHoraire table tr {
    display: table-row;
  }
  section.filmHoraire table td {
    display: table-cell;
  }
  section.filmHoraire .category .section {
    float: right;
    white-space: nowrap;
  }
  section.filmHoraire .category .section span {
    margin-top: 0;
    display: inline-block;
  }
  section.filmHoraire .category .section span + span {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  section.filmHoraire .btn,
  section.filmHoraire button,
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=button] {
    display: inline-block;
  }
  section.filmHoraire .container {
    padding-right: 270px;
  }
  section.filmHoraire .passeport {
    display: block;
    position: absolute;
    top: -2rem;
    right: 0;
    bottom: -3rem;
    width: 250px;
    background-color: #63b1bc;
    background-image: url(../img/fondpasseport.jpg);
    background-position: 50%;
    background-size: cover;
  }
  section.filmHoraire .passeport .inside {
    width: 100%;
    padding: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media (min-width: 1200px) {
  section.filmHoraire .btn,
  section.filmHoraire button,
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=submit],
  section.filmHoraire input[type=button] {
    display: inline-block;
  }
  section.filmHoraire .container {
    padding-right: 350px;
  }
  section.filmHoraire .passeport {
    width: 330px;
  }
}
.singleFilm .container + .container,
.bioReal .container + .container,
.bioInvite .container + .container {
  margin-top: 40px;
}
.singleFilm .row.spaced,
.bioReal .row.spaced,
.bioInvite .row.spaced {
  margin-left: -2rem;
  margin-right: -2rem;
}
.singleFilm .row.spaced > [class^="col-"],
.bioReal .row.spaced > [class^="col-"],
.bioInvite .row.spaced > [class^="col-"],
.singleFilm .row.spaced > [class*=" col-"],
.bioReal .row.spaced > [class*=" col-"],
.bioInvite .row.spaced > [class*=" col-"] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.singleFilm .row.spaced > [class^="col-"] i,
.bioReal .row.spaced > [class^="col-"] i,
.bioInvite .row.spaced > [class^="col-"] i,
.singleFilm .row.spaced > [class*=" col-"] i,
.bioReal .row.spaced > [class*=" col-"] i,
.bioInvite .row.spaced > [class*=" col-"] i {
  font-size: 0.8em;
}
.singleFilm {
  overflow: hidden;
}
.singleFilm .partenariat {
  float: right;
  padding: 20px;
  max-width: 250px;
  margin: -3rem 0 20px 20px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-align: center;
}
.singleFilm .partenariat img {
  max-height: 100px;
  margin: 10px;
}
.singleFilm .partenariat h4,
.singleFilm .partenariat p {
  margin-bottom: 0;
}
.singleFilm .affiche {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  display: block;
  margin: 0 auto 20px;
}
.singleFilm .metagroup {
  margin-bottom: 2em;
  font-family: 'Oswald', sans-serif;
}
.singleFilm .metagroup h4 {
  color: #6b6b6b;
  font-size: 1em;
  margin-bottom: 0;
}
.bioReal,
.bioInvite {
  background: #007b9c;
  color: #FFF;
}
.bioReal .apropos,
.bioInvite .apropos {
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #FFF;
}
.bioReal a,
.bioInvite a {
  color: #FFF;
}
.bioReal h2,
.bioInvite h2 {
  text-transform: none;
  color: #63b1bc;
}
.bioReal .portrait,
.bioInvite .portrait {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  margin: 0 auto 20px;
  display: block;
  padding-bottom: 100%;
  background-position: 50% 20%;
  background-size: cover;
}
.bioInvite .invitehoraire {
  margin: 1rem 0;
  list-style: none;
  padding: 0;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  color: #FFF;
}
.bioInvite .invitehoraire li {
  padding: 5px 0;
}
.bioInvite .invitehoraire li:first-letter {
  text-transform: uppercase;
}
.bioInvite .invitehoraire li + li {
  border-top: 1px solid #FFF;
}
@media (min-width: 640px) {
  .singleFilm .filmmeta {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
  }
  .singleFilm .filmmeta .metagroup {
    width: 100%;
    display: inline-block;
  }
  .singleFilm .row.spaced > [class^="col-"],
  .singleFilm .row.spaced > [class*=" col-"] {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .singleFilm .filmmeta {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.filmnote {
  margin-top: 1re;
}
.magics.square {
  width: 300px;
  display: inline-block;
}
.magics.leaderboard {
  width: auto;
  max-width: 728px;
  display: inline-block;
}
.magics a {
  background-image: none !important;
}
.magics.rotator.square {
  height: 250px;
}
.magics.rotator.square .slide {
  width: 300px;
  height: 250px;
}
.magics.rotator.leaderboard {
  height: 90px;
  width: 100%;
}
.magics.rotator.leaderboard .slide {
  width: 100%;
  max-width: 728px;
  height: 90px;
}
.magicbox {
  margin: 7px 0px;
  text-align: center;
}
.bottommagic {
  background: #000e17;
  text-align: center;
}
.faq {
  padding-left: 30px;
}
.faq .faqitem h3 {
  font-family: inherit;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  position: relative;
}
.faq .faqitem h3:before {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: '';
  display: block;
  position: absolute;
  top: 0.4em;
  left: -30px;
  width: 0;
  height: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
  border-top: 0.4em solid #63b1bc;
}
.faq .faqitem h3.open:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq .faqanswer {
  display: none;
}
.contentslider {
  padding: 0;
}
.contentslider .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.contentslider .container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1rem;
}
.contentslider .flickity-enabled {
  position: relative;
}
.contentslider .flickity-enabled:focus {
  outline: none;
}
.contentslider .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: auto;
}
.contentslider .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.contentslider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.contentslider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.contentslider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.contentslider .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.contentslider .flickity-prev-next-button:hover {
  background: white;
}
.contentslider .flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.contentslider .flickity-prev-next-button:active {
  opacity: 0.6;
}
.contentslider .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.contentslider .flickity-prev-next-button.flickity-prev-next-button.previous {
  left: 10px;
}
.contentslider .flickity-prev-next-button.flickity-prev-next-button.next {
  right: 10px;
}
.contentslider .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.contentslider .flickity-prev-next-button .arrow {
  fill: #333;
}
.contentslider .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.contentslider .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.contentslider .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.pictureslider {
  padding: 0;
}
.pictureslider .slide {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.pictureslider .flickity-enabled {
  position: relative;
}
.pictureslider .flickity-enabled:focus {
  outline: none;
}
.pictureslider .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: auto;
}
.pictureslider .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pictureslider .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pictureslider .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.pictureslider .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.pictureslider .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.pictureslider .flickity-prev-next-button:hover {
  background: white;
}
.pictureslider .flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.pictureslider .flickity-prev-next-button:active {
  opacity: 0.6;
}
.pictureslider .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.pictureslider .flickity-prev-next-button.flickity-prev-next-button.previous {
  left: 10px;
}
.pictureslider .flickity-prev-next-button.flickity-prev-next-button.next {
  right: 10px;
}
.pictureslider .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.pictureslider .flickity-prev-next-button .arrow {
  fill: #333;
}
.pictureslider .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.pictureslider .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.pictureslider .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.image-slide {
  height: 300px;
  margin: 10px;
}
.image-slide img {
  max-width: none;
  height: 300px;
}
.splitbox .sliderbox {
  height: 100%;
}
.splitbox .slider {
  height: 100vw;
}
.splitbox .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.splitbox .imagebox,
.splitbox .cartebox {
  height: 400px;
  background-size: cover;
  background-position: 50%;
}
.splitbox .map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.splitbox .flickity-enabled {
  position: relative;
}
.splitbox .flickity-enabled:focus {
  outline: none;
}
.splitbox .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.splitbox .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.splitbox .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splitbox .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.splitbox .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.splitbox .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.splitbox .flickity-prev-next-button:hover {
  background: white;
}
.splitbox .flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.splitbox .flickity-prev-next-button:active {
  opacity: 0.6;
}
.splitbox .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.splitbox .flickity-prev-next-button.flickity-prev-next-button.previous {
  left: 10px;
}
.splitbox .flickity-prev-next-button.flickity-prev-next-button.next {
  right: 10px;
}
.splitbox .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.splitbox .flickity-prev-next-button .arrow {
  fill: #333;
}
.splitbox .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.splitbox .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.splitbox .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
@media (min-width: 1024px) {
  .splitbox {
    display: table;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    min-height: 400px;
  }
  .splitbox.flip {
    direction: rtl;
  }
  .splitbox > * {
    direction: ltr;
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
  .splitbox .cartebox,
  .splitbox .imagebox {
    height: auto;
  }
  .splitbox .slider {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    height: auto;
  }
  .splitbox .container {
    max-width: 512px;
  }
  .splitbox .container.narrow {
    max-width: 384px;
  }
  .splitbox .container.large {
    max-width: 700px;
  }
  .splitbox .container.hd {
    max-width: 960px;
  }
  .splitbox > *:first-child .container {
    margin-right: 1rem;
  }
  .splitbox > *:last-child .container {
    margin-left: 1rem;
  }
  .splitbox.flip > *:first-child .container {
    margin-right: auto;
    margin-left: 1rem;
  }
  .splitbox.flip > *:last-child .container {
    margin-left: auto;
    margin-right: 1rem;
  }
  .container {
    max-width: 512px;
  }
  .container.narrow .splitbox .container {
    max-width: 384px;
  }
  .container.large .splitbox .container {
    max-width: 700px;
  }
  .container.hd .splitbox .container {
    max-width: 960px;
  }
}
.container .flip .split:last-child .container {
  padding-right: 0;
}
.container .split:first-child .container {
  padding-left: 0;
}
.container .flip .split:first-child .container {
  padding-left: 1rem;
}
.thirdsbox .sliderbox {
  height: 100%;
}
.thirdsbox .slider {
  height: 100vw;
}
.thirdsbox .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.thirdsbox .imagebox,
.thirdsbox .cartebox {
  height: 400px;
  background-size: cover;
  background-position: 50%;
}
.thirdsbox .map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.thirdsbox .flickity-enabled {
  position: relative;
}
.thirdsbox .flickity-enabled:focus {
  outline: none;
}
.thirdsbox .flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.thirdsbox .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.thirdsbox .flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.thirdsbox .flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.thirdsbox .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.thirdsbox .flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.thirdsbox .flickity-prev-next-button:hover {
  background: white;
}
.thirdsbox .flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.thirdsbox .flickity-prev-next-button:active {
  opacity: 0.6;
}
.thirdsbox .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.thirdsbox .flickity-prev-next-button.flickity-prev-next-button.previous {
  left: 10px;
}
.thirdsbox .flickity-prev-next-button.flickity-prev-next-button.next {
  right: 10px;
}
.thirdsbox .flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.thirdsbox .flickity-prev-next-button .arrow {
  fill: #333;
}
.thirdsbox .flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.thirdsbox .flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.thirdsbox .flickity-page-dots .dot.is-selected {
  opacity: 1;
}
@media (min-width: 768px) {
  .thirdsbox {
    display: table;
    width: 100%;
    padding: 0;
    border-collapse: collapse;
    min-height: 400px;
  }
  .thirdsbox .cartebox,
  .thirdsbox .imagebox {
    height: auto;
  }
  .thirdsbox > * {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  .thirdsbox > *:first-child {
    display: table-caption;
    width: 100%;
    height: 400px;
  }
  .thirdsbox > *:first-child.cartebox,
  .thirdsbox > *:first-child.imagebox {
    height: 400px;
  }
  .thirdsbox > * .slider {
    height: 50vw;
  }
  .thirdsbox > * + * .slider {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .thirdsbox > *,
  .thirdsbox > *:first-child {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    height: auto;
  }
  .thirdsbox > * .slider {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    height: auto;
  }
}
.billets .billets-type {
  text-align: center;
  color: #a6abae;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.billets .billets-type .soustitre,
.billets .billets-type .info {
  display: none;
}
.billets .billets-type .prix {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  padding-top: 10px;
  font-size: 30px;
}
.billets .billets-type .block {
  padding: 20px;
}
.billets .billets-type h3 {
  line-height: 1.1;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}
.billets .billets-type:after {
  height: 0;
  width: 0;
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #000e17 transparent;
  content: "";
  position: absolute;
  bottom: -19px;
  left: 50%;
  opacity: 1;
  margin-left: -20px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.billets .billets-type.active {
  background: #000e17;
  color: #fff;
}
.billets .billets-type.active:after {
  opacity: 1;
}
.billets .billets-head {
  width: 100%;
}
.billets .billets-tab {
  padding-top: 80px;
}
.billets .billets-tab:before {
  opacity: 0.3;
  top: -10px;
  display: block;
  content: "";
  position: absolute;
  width: 200vw;
  margin-right: -100vw;
  right: 50%;
  height: 60px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
@media (max-width: 768px) {
  .billets .billets-tab {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .billets .billets-tab:before {
    top: 0px;
  }
}
.billets .billets-tab + .billets-tab {
  display: none;
}
@media (max-width: 767px) {
  .billets .billets-head {
    display: none;
  }
  .billets .billets-type {
    background: #000e17;
    color: #fff;
  }
  .billets .billets-type:after {
    opacity: 1;
  }
  .billets .billets-tab {
    display: none;
  }
}
.billets-mobile {
  margin-top: 20px;
  margin-bottom: -10px;
}
@media (min-width: 768px) {
  .billets .billets-mobile {
    display: none !important;
  }
  .billets .billets-head {
    display: table;
    border-spacing: 10px;
    border-collapse: separate;
  }
  .billets .billets-head .billets-type {
    display: table-cell;
    width: 2px;
    padding: 0;
  }
  .billets .billets-head .billets-type .soustitre,
  .billets .billets-head .billets-type .info {
    display: block;
  }
  .billets .billets-head .billets-type .soustitre {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 5px;
  }
  .billets .billets-head .billets-type .info {
    font-family: "Oswald", sans-serif;
    font-size: 12px;
  }
  .billets .billets-head .billets-type .prix,
  .billets .billets-head .billets-type .info {
    padding-top: 20px;
  }
  .billets .billets-head .billets-type .block {
    padding: 40px 20px;
  }
  .billets .billets-head .billets-type h3 {
    max-width: 115px;
    margin: 0 auto;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .billets .billets-head .billets-type h3 {
    max-width: 130px;
    font-size: 20px;
  }
}
.billets .billets-head {
  width: 100%;
}
.billets .billets-head .billets-type {
  text-align: center;
  color: #a6abae;
  background: #FFF;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.billets .billets-head .billets-type .soustitre,
.billets .billets-head .billets-type .info {
  display: none;
}
.billets .billets-head .billets-type .prix {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  padding-top: 10px;
  font-size: 30px;
}
.billets .billets-head .billets-type .block {
  padding: 20px;
}
.billets .billets-head .billets-type h3 {
  line-height: 1.1;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
}
.billets .billets-head .billets-type:after {
  height: 0;
  width: 0;
  border-width: 20px 20px 0 ;
  border-style: solid;
  border-color: #000e17 transparent;
  content: '';
  position: absolute;
  bottom: -19px;
  left: 50%;
  opacity: 1;
  margin-left: -20px;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.billets .billets-head .billets-type.active {
  background: #000e17;
  color: #FFF;
}
.billets .billets-head .billets-type.active:after {
  opacity: 1;
}
.billets .billets-tab {
  padding-top: 80px;
}
.billets .billets-tab:before {
  opacity: 0.3;
  top: -10px;
  display: block;
  content: '';
  position: absolute;
  width: 200vw;
  margin-right: -100vw;
  right: 50%;
  height: 60px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
.billets .billets-tab + .billets-tab {
  display: none;
}
@media (min-width: 768px) {
  .billets .billets-head {
    display: table;
    border-spacing: 10px;
    border-collapse: separate;
  }
  .billets .billets-head .billets-type {
    display: table-cell;
    width: 2px;
    padding: 0;
  }
  .billets .billets-head .billets-type .soustitre,
  .billets .billets-head .billets-type .info {
    display: block;
  }
  .billets .billets-head .billets-type .soustitre {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 5px;
  }
  .billets .billets-head .billets-type .info {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
  }
  .billets .billets-head .billets-type .prix,
  .billets .billets-head .billets-type .info {
    padding-top: 20px;
  }
  .billets .billets-head .billets-type .block {
    padding: 40px 20px;
  }
  .billets .billets-head .billets-type h3 {
    max-width: 115px;
    margin: 0 auto;
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .billets .billets-head .billets-type h3 {
    max-width: 130px;
    font-size: 20px;
  }
}
.matrice .box {
  padding: 20px;
  background-size: cover;
  background-position: 50%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.matrice .box:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.matrice a {
  color: #FFF;
  text-decoration: none;
}
@media (min-width: 640px) {
  .matrice .box {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  }
  .matrice .box h2 {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin: 0;
    text-shadow: 0 0 5px #000;
  }
  .matrice .box h2:after {
    content: "\203A";
    color: #FFF;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-left: 5px;
  }
}
.matrice .box {
  padding: 20px;
  background-size: cover;
  background-position: 50%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.matrice .box:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
@media (min-width: 640px) {
  .matrice .box {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  }
  .matrice .box a {
    color: #FFF;
    text-decoration: none;
  }
  .matrice .box h2 {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin: 0;
    text-shadow: 0 0 5px #000;
  }
  .matrice .box h2:after {
    content: "\e906";
    color: #FFF;
    font-family: 'fcms' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 0.8em;
    margin-left: 5px;
  }
}
.bleuFonce {
  background-color: #000e17;
  color: #FFF;
}
.bleuFonce h2,
.bleuFonce h3,
.bleuFonce h4 {
  color: #FFF;
}
.bleuFonce blockquote {
  border-color: #FFF;
  color: #FFF;
}
.bleuFonce .btn,
.bleuFonce button,
.bleuFonce input[type=submit],
.bleuFonce input[type=submit],
.bleuFonce input[type=button] {
  color: #000e17;
  background: #FFF;
  border-color: #FFF;
  text-shadow: 0 0 0 #000;
}
.bleuFonce .btn:hover,
.bleuFonce button:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=button]:hover {
  color: #000e17;
  text-shadow: 0 0 0 #000;
  background: #FFF;
}
.bleuFonce:before {
  background: #000e17;
}
.bleuFonce .btn,
.bleuFonce button,
.bleuFonce input[type=submit],
.bleuFonce input[type=submit],
.bleuFonce input[type=button] {
  color: #000e17;
  background: #FFF;
  border-color: #FFF;
  text-shadow: 0 0 0 #000;
}
.bleuFonce .btn:hover,
.bleuFonce button:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=button]:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #007b9c;
}
.bleuFonce .btn:hover,
.bleuFonce button:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=submit]:hover,
.bleuFonce input[type=button]:hover {
  color: #FFF;
  background: #63b1bc;
}
.noir {
  background-color: #000;
  color: #FFF;
}
.noir h2,
.noir h3,
.noir h4 {
  color: #FFF;
}
.noir blockquote {
  border-color: #FFF;
  color: #FFF;
}
.noir .btn,
.noir button,
.noir input[type=submit],
.noir input[type=submit],
.noir input[type=button] {
  color: #000;
  background: #FFF;
  border-color: #FFF;
  text-shadow: 0 0 0 #000;
}
.noir .btn:hover,
.noir button:hover,
.noir input[type=submit]:hover,
.noir input[type=submit]:hover,
.noir input[type=button]:hover {
  color: #000;
  text-shadow: 0 0 0 #000;
  background: #FFF;
}
.noir:before {
  background: #000;
}
.noir .btn,
.noir button,
.noir input[type=submit],
.noir input[type=submit],
.noir input[type=button] {
  color: #000;
  background: #FFF;
  border-color: #FFF;
  text-shadow: 0 0 0 #000;
}
.noir .btn:hover,
.noir button:hover,
.noir input[type=submit]:hover,
.noir input[type=submit]:hover,
.noir input[type=button]:hover {
  color: #FFF;
  text-shadow: 0 0 0 #000;
  background: #007b9c;
}
.noir .btn:hover,
.noir button:hover,
.noir input[type=submit]:hover,
.noir input[type=submit]:hover,
.noir input[type=button]:hover {
  color: #FFF;
  background: #63b1bc;
}
.bleuPale {
  background-color: #63b1bc;
  color: #000e17;
}
.bleuPale h2,
.bleuPale h3,
.bleuPale h4 {
  color: #FFF;
}
.bleuPale blockquote {
  border-color: #FFF;
  color: #FFF;
}
.bleuPale .btn,
.bleuPale button,
.bleuPale input[type=submit],
.bleuPale input[type=submit],
.bleuPale input[type=button] {
  color: #63b1bc;
  background: #000e17;
  border-color: #000e17;
  text-shadow: 0 0 0 #000;
}
.bleuPale .btn:hover,
.bleuPale button:hover,
.bleuPale input[type=submit]:hover,
.bleuPale input[type=submit]:hover,
.bleuPale input[type=button]:hover {
  color: #63b1bc;
  text-shadow: 0 0 0 #000;
  background: #FFF;
}
.bleuPale:before {
  background: #63b1bc;
}
.blanc-border {
  border-top: 2px solid #e5e5e5;
}
.gris {
  background: #e5e5e5;
}
.rouge {
  background-color: #e04f39;
  color: #FFF;
}
.rouge a {
  color: #FFF;
}
.rouge + .rouge {
  padding-top: 0;
}
.spectacleArchive {
  padding: 3rem 0 !important;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
}
.bleuFonce + .bleuFonce,
.bleuPale + .bleuPale,
.blanc + .blanc {
  padding-top: 0;
  margin-top: -2rem;
}
.bg-center {
  background-size: cover;
  background-position: 50%;
}
@font-face {
  font-family: 'fcms';
  src: url('../fonts/fcms.eot?8o8jmt');
  src: url('../fonts/fcms.eot?8o8jmt#iefix') format('embedded-opentype'), url('../fonts/fcms.ttf?8o8jmt') format('truetype'), url('../fonts/fcms.woff?8o8jmt') format('woff'), url('../fonts/fcms.svg?8o8jmt#fcms') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="i-"],
[class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcms' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.i-vimeo:before {
  content: "\e900";
}
.i-audio:before {
  content: "\e901";
}
.i-facebook:before {
  content: "\e902";
}
.i-instagram:before {
  content: "\e903";
}
.i-twitter:before {
  content: "\e904";
}
.i-youtube:before {
  content: "\e905";
}
.i-search:before {
  content: "\e906";
}
.i-arrow-down:before {
  content: "\e907";
}
.i-arrow-right:before {
  content: "\e908";
}
.i-mail:before {
  content: "\e909";
}
.i-contact-mail:before {
  content: "\e90a";
}
.i-contact-map:before {
  content: "\e90b";
}
.i-contact-tel:before {
  content: "\e90c";
}
.i-fcms-rond:before {
  content: "\e90d";
}
.i-fcms-texte:before {
  content: "\e90e";
}
.i-play:before {
  content: "\e90f";
}
.i-facebook2:before {
  content: "\e910";
}
#monhoraire {
  width: 100%;
  max-width: 500px;
  background: #000e17;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  color: #FFF;
}
#monhoraire button.loading {
  background-color: #CCC;
  color: #999;
  outline: none;
}
#monhoraire button.loading:hover {
  background-color: #CCC;
  color: #999;
}
#monhoraire .date {
  text-transform: uppercase;
}
#monhoraire h3 {
  font-size: 20px;
  text-transform: uppercase;
}
#monhoraire h3 span {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}
#monhoraire h3 span.active {
  color: #FFF;
}
#monhoraire .close {
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
}
#monhoraire .btn.facebook,
#monhoraire button.facebook,
#monhoraire input[type=submit].facebook,
#monhoraire input[type=submit].facebook,
#monhoraire input[type=button].facebook {
  width: 100%;
  background: #4e6cab;
  text-align: center;
}
#monhoraire .btn.facebook i,
#monhoraire button.facebook i,
#monhoraire input[type=submit].facebook i,
#monhoraire input[type=submit].facebook i,
#monhoraire input[type=button].facebook i {
  display: inline-block;
  -webkit-transform: scale(1.5, 1.5);
      -ms-transform: scale(1.5, 1.5);
          transform: scale(1.5, 1.5);
}
#monhoraire #horaire-password2 {
  display: none;
}
#monhoraire .screen {
  display: none;
}
#monhoraire .screen.active {
  display: block;
}
#monhoraire .screen-login,
#monhoraire .screen-reset {
  width: 100%;
  padding: 40px;
  max-height: 100%;
  overflow: auto;
}
#monhoraire .screen-login .inside,
#monhoraire .screen-reset .inside {
  margin: 0 auto;
  max-width: 380px;
}
#monhoraire .screen-logged {
  height: 100%;
  padding: 40px;
}
#monhoraire input {
  width: 100%;
  padding: 10px;
  border-radius: 0;
  border: 0;
  font-family: 'Oswald', sans-serif;
  color: #000;
  background: #FFF;
}
#monhoraire .ou {
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  font-family: 'Oswald', sans-serif;
}
#monhoraire .ou span {
  display: inline-block;
}
#monhoraire .ou span:before,
#monhoraire .ou span:after {
  display: block;
  content: '';
  position: absolute;
  left: -510px;
  width: 500px;
  height: 2px;
  top: 50%;
  background: #FFF;
  opacity: 0.2;
}
#monhoraire .ou span:after {
  left: auto;
  right: -510px;
}
#monhoraire .logbtn {
  text-align: right;
}
#monhoraire .lostpass,
#monhoraire .backtolog {
  padding-top: 12px;
  float: left;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  cursor: pointer;
  z-index: 20;
}
#monhoraire .btnhorairetop {
  width: 100%;
  line-height: 48px;
  margin-top: -40px;
  background: #000e17;
  margin-bottom: 40px;
  z-index: 100;
}
#monhoraire .btnhorairetop .btn,
#monhoraire .btnhorairetop button,
#monhoraire .btnhorairetop input[type=submit],
#monhoraire .btnhorairetop input[type=submit],
#monhoraire .btnhorairetop input[type=button] {
  width: 48%;
  line-height: 48px;
  padding: 0;
  text-align: center;
}
#monhoraire .btnhorairetop .btn.rouge,
#monhoraire .btnhorairetop button.rouge,
#monhoraire .btnhorairetop input[type=submit].rouge,
#monhoraire .btnhorairetop input[type=submit].rouge,
#monhoraire .btnhorairetop input[type=button].rouge {
  background-color: #e04f39;
}
#monhoraire .btnhorairetop .btn.rouge:hover,
#monhoraire .btnhorairetop button.rouge:hover,
#monhoraire .btnhorairetop input[type=submit].rouge:hover,
#monhoraire .btnhorairetop input[type=submit].rouge:hover,
#monhoraire .btnhorairetop input[type=button].rouge:hover {
  background-color: #dd3b23;
}
#monhoraire .messages .error {
  padding: 10px 10px;
  border: 1px solid #C33;
  background-color: #EDD;
  color: #C33;
  border-radius: 5px;
}
#monhoraire .messages .success {
  padding: 10px 10px;
  border: 1px solid #3C3;
  background-color: #CEC;
  color: #3C3;
  border-radius: 5px;
}
#monhoraire .horaireFiltres {
  position: absolute;
  top: 53px;
  left: 40px;
  right: 56px;
  text-transform: uppercase;
  font-size: 14px;
}
#monhoraire .horaireFiltres > div {
  line-height: 48px;
  background-color: #001e31;
  display: table;
  width: 100%;
  font-family: 'Oswald', sans-serif;
}
#monhoraire .horaireFiltres > div > div {
  display: table-cell;
  text-align: center;
  cursor: pointer;
}
#monhoraire .horaireFiltres > div > div.active {
  background-color: #63b1bc;
}
.horairelist {
  position: absolute;
  bottom: 0;
  top: 106px;
  left: 40px;
  right: 0px;
  padding-bottom: 20px;
  padding-right: 40px;
  overflow: auto;
}
.horairelist .thumb {
  padding-bottom: 60%;
  background-size: cover;
  background-position: 50%;
}
.horairelist .row {
  margin-top: 20px;
}
.horairelist .row .remove {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #FFF;
  color: #000e17;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
}
.horairelist .row p,
.horairelist .row h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin: 0;
}
.horairelist .row a {
  text-decoration: none;
  color: #FFF;
}
.horairelist .row h4 {
  text-transform: uppercase;
  font-weight: bold;
}
.horairelist p:first-letter {
  text-transform: uppercase;
}
.horairelist .lead {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.horairelist .lead:first-child {
  display: block;
}
.horairelist .passeportMsg {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#horaire {
  height: 100%;
}
@media (min-width: 601px) {
  .admin-bar #monhoraire {
    top: 46px;
  }
}
@media (min-width: 783px) {
  .admin-bar #monhoraire {
    top: 32px;
  }
}
#monhoraireCheck {
  display: none;
}
#navOpen:checked ~ #monhoraire .monhoraireToggle,
#infolettreOpen:checked ~ #monhoraire .monhoraireToggle,
#searchOpen:checked ~ #monhoraire .monhoraireToggle {
  -webkit-transform: translate(0, -58px);
      -ms-transform: translate(0, -58px);
          transform: translate(0, -58px);
}
#monhoraire.open {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.horaireloginform input {
  width: 100%;
}
.horaireloginform h3,
.horaireloginform p,
.horaireloginform .messages,
.horaireloginform .logbtn {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.horaireloginform .logbtn {
  text-align: right;
}
.horaireloginform .lostpass {
  float: left;
  line-height: 40px;
  cursor: pointer;
}
.horaireloginform .ou {
  margin: 20px 0;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
.horaireloginform .ou span {
  display: inline-block;
}
.horaireloginform .ou span:before,
.horaireloginform .ou span:after {
  display: block;
  content: '';
  position: absolute;
  height: 1px;
  width: 1000px;
  background-color: currentColor;
  top: 50%;
  left: -1020px;
  opacity: 0.2;
}
.horaireloginform .ou span:after {
  left: auto;
  right: -1020px;
}
.horaireloginform .messages .error {
  padding: 10px 10px;
  border: 1px solid #C33;
  background-color: #EDD;
  color: #C33;
  border-radius: 5px;
}
.horaireloginform .messages .success {
  padding: 10px 10px;
  border: 1px solid #3C3;
  background-color: #CEC;
  color: #3C3;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .horaireloginform .col-md-6 {
    padding: 0 40px;
  }
  .horaireloginform .ou {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 20px;
    margin: 0;
    margin-left: -10px;
  }
  .horaireloginform .ou span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .horaireloginform .ou span:before,
  .horaireloginform .ou span:after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 1000px;
    top: -1020px;
    left: 50%;
  }
  .horaireloginform .ou span:after {
    left: 50%;
    top: auto;
    right: auto;
    bottom: -1020px;
  }
}
.formulaireInfolettre {
  text-align: center;
}
.formulaireInfolettre input {
  padding: 10px;
  border-radius: 0;
}
#monhoraire {
  width: 100%;
  max-width: 500px;
  background: #000e17;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  color: #FFF;
}
#monhoraire button.loading {
  background-color: #CCC;
  color: #999;
  outline: none;
}
#monhoraire button.loading:hover {
  background-color: #CCC;
  color: #999;
}
#monhoraire .date {
  text-transform: uppercase;
}
#monhoraire h3 {
  font-size: 20px;
  text-transform: uppercase;
}
#monhoraire h3 span {
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
}
#monhoraire h3 span.active {
  color: #FFF;
}
#monhoraire .close {
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 48px;
  height: 48px;
  line-height: 48px;
  cursor: pointer;
}
#monhoraire .btn.facebook,
#monhoraire button.facebook,
#monhoraire input[type=submit].facebook,
#monhoraire input[type=submit].facebook,
#monhoraire input[type=button].facebook {
  width: 100%;
  background: #4e6cab;
  text-align: center;
}
#monhoraire .btn.facebook i,
#monhoraire button.facebook i,
#monhoraire input[type=submit].facebook i,
#monhoraire input[type=submit].facebook i,
#monhoraire input[type=button].facebook i {
  display: inline-block;
  -webkit-transform: scale(1.5, 1.5);
      -ms-transform: scale(1.5, 1.5);
          transform: scale(1.5, 1.5);
}
#monhoraire #horaire-password2 {
  display: none;
}
#monhoraire .screen {
  display: none;
}
#monhoraire .screen.active {
  display: block;
}
#monhoraire .screen-login,
#monhoraire .screen-reset {
  width: 100%;
  padding: 40px;
  max-height: 100%;
  overflow: auto;
}
#monhoraire .screen-login .inside,
#monhoraire .screen-reset .inside {
  margin: 0 auto;
  max-width: 380px;
}
#monhoraire .screen-logged {
  height: 100%;
  padding: 40px;
}
#monhoraire input {
  width: 100%;
  padding: 10px;
  border-radius: 0;
  border: 0;
  font-family: 'Oswald', sans-serif;
  color: #000;
  background: #FFF;
}
#monhoraire .ou {
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  font-family: 'Oswald', sans-serif;
}
#monhoraire .ou span {
  display: inline-block;
}
#monhoraire .ou span:before,
#monhoraire .ou span:after {
  display: block;
  content: '';
  position: absolute;
  left: -510px;
  width: 500px;
  height: 2px;
  top: 50%;
  background: #FFF;
  opacity: 0.2;
}
#monhoraire .ou span:after {
  left: auto;
  right: -510px;
}
#monhoraire .logbtn {
  text-align: right;
}
#monhoraire .lostpass,
#monhoraire .backtolog {
  padding-top: 12px;
  float: left;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  cursor: pointer;
  z-index: 20;
}
#monhoraire .btnhorairetop {
  width: 100%;
  line-height: 48px;
  margin-top: -40px;
  background: #000e17;
  margin-bottom: 40px;
  z-index: 100;
}
#monhoraire .btnhorairetop .btn,
#monhoraire .btnhorairetop button,
#monhoraire .btnhorairetop input[type=submit],
#monhoraire .btnhorairetop input[type=submit],
#monhoraire .btnhorairetop input[type=button] {
  width: 48%;
  line-height: 48px;
  padding: 0;
  text-align: center;
}
#monhoraire .btnhorairetop .btn.rouge,
#monhoraire .btnhorairetop button.rouge,
#monhoraire .btnhorairetop input[type=submit].rouge,
#monhoraire .btnhorairetop input[type=submit].rouge,
#monhoraire .btnhorairetop input[type=button].rouge {
  background-color: #e04f39;
}
#monhoraire .btnhorairetop .btn.rouge:hover,
#monhoraire .btnhorairetop button.rouge:hover,
#monhoraire .btnhorairetop input[type=submit].rouge:hover,
#monhoraire .btnhorairetop input[type=submit].rouge:hover,
#monhoraire .btnhorairetop input[type=button].rouge:hover {
  background-color: #dd3b23;
}
#monhoraire .messages .error {
  padding: 10px 10px;
  border: 1px solid #C33;
  background-color: #EDD;
  color: #C33;
  border-radius: 5px;
}
#monhoraire .messages .success {
  padding: 10px 10px;
  border: 1px solid #3C3;
  background-color: #CEC;
  color: #3C3;
  border-radius: 5px;
}
#monhoraire .horaireFiltres {
  position: absolute;
  top: 53px;
  left: 40px;
  right: 56px;
  text-transform: uppercase;
  font-size: 14px;
}
#monhoraire .horaireFiltres > div {
  line-height: 48px;
  background-color: #001e31;
  display: table;
  width: 100%;
  font-family: 'Oswald', sans-serif;
}
#monhoraire .horaireFiltres > div > div {
  display: table-cell;
  text-align: center;
  cursor: pointer;
}
#monhoraire .horaireFiltres > div > div.active {
  background-color: #63b1bc;
}
.horairelist {
  position: absolute;
  bottom: 0;
  top: 106px;
  left: 40px;
  right: 0px;
  padding-bottom: 20px;
  padding-right: 40px;
  overflow: auto;
}
.horairelist .thumb {
  padding-bottom: 60%;
  background-size: cover;
  background-position: 50%;
}
.horairelist .row {
  margin-top: 20px;
}
.horairelist .row .remove {
  visibility: hidden;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #FFF;
  color: #000e17;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  margin-left: auto;
}
.horairelist .row p,
.horairelist .row h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  margin: 0;
}
.horairelist .row a {
  text-decoration: none;
  color: #FFF;
}
.horairelist .row h4 {
  text-transform: uppercase;
  font-weight: bold;
}
.horairelist p:first-letter {
  text-transform: uppercase;
}
.horairelist .row:hover .remove {
  visibility: visible;
}
.horairelist .lead {
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.horairelist .lead:first-child {
  display: block;
}
.horairelist .passeportMsg {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#horaire {
  height: 100%;
}
@media (min-width: 601px) {
  .admin-bar #monhoraire {
    top: 46px;
  }
}
@media (min-width: 783px) {
  .admin-bar #monhoraire {
    top: 32px;
  }
}
#monhoraireCheck {
  display: none;
}
#navOpen:checked ~ #monhoraire .monhoraireToggle,
#infolettreOpen:checked ~ #monhoraire .monhoraireToggle,
#searchOpen:checked ~ #monhoraire .monhoraireToggle {
  -webkit-transform: translate(0, -58px);
      -ms-transform: translate(0, -58px);
          transform: translate(0, -58px);
}
#monhoraireCheck:checked ~ #monhoraire {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.horaireloginform input {
  width: 100%;
}
.horaireloginform h3,
.horaireloginform p,
.horaireloginform .messages,
.horaireloginform .logbtn {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.horaireloginform .logbtn {
  text-align: right;
}
.horaireloginform .lostpass {
  float: left;
  line-height: 40px;
  cursor: pointer;
}
.horaireloginform .ou {
  margin: 20px 0;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
.horaireloginform .ou span {
  display: inline-block;
}
.horaireloginform .ou span:before,
.horaireloginform .ou span:after {
  display: block;
  content: '';
  position: absolute;
  height: 1px;
  width: 1000px;
  background-color: currentColor;
  top: 50%;
  left: -1020px;
  opacity: 0.2;
}
.horaireloginform .ou span:after {
  left: auto;
  right: -1020px;
}
.horaireloginform .messages .error {
  padding: 10px 10px;
  border: 1px solid #C33;
  background-color: #EDD;
  color: #C33;
  border-radius: 5px;
}
.horaireloginform .messages .success {
  padding: 10px 10px;
  border: 1px solid #3C3;
  background-color: #CEC;
  color: #3C3;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .horaireloginform .col-md-6 {
    padding: 0 40px;
  }
  .horaireloginform .ou {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 20px;
    margin: 0;
    margin-left: -10px;
  }
  .horaireloginform .ou span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .horaireloginform .ou span:before,
  .horaireloginform .ou span:after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 1000px;
    top: -1020px;
    left: 50%;
  }
  .horaireloginform .ou span:after {
    left: 50%;
    top: auto;
    right: auto;
    bottom: -1020px;
  }
}
.formulaireInfolettre {
  text-align: center;
}
.formulaireInfolettre input {
  padding: 10px;
  border-radius: 0;
}
/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
  background: white;
}
.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
  opacity: 0.6;
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}
.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-prev-next-button .arrow {
  fill: #333;
}
/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
}
.lity {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 100000;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 100001;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 100002;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
          box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
}
.lity-close {
  z-index: 100003;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 10px;
  top: 10px;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
          box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
  background: #000;
}
.lity-hide {
  display: none;
}
.lity {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 99999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 100000;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 100001;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 100002;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
          box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
}
.lity-close {
  z-index: 100003;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
          box-shadow: 0 0 8px rgba(0, 14, 23, 0.85);
  background: #000;
}
.lity-hide {
  display: none;
}
#repertoiredisplay h2,
.filmListEvent h2 {
  text-transform: none;
  font-size: 2rem;
  color: #63b1bc;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 1px solid #63b1bc;
  margin: 2rem 0;
}
#repertoiredisplay h2::first-letter,
.filmListEvent h2::first-letter {
  text-transform: uppercase;
}
#repertoiredisplay h3,
.filmListEvent h3,
#repertoiredisplay h4,
.filmListEvent h4 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
#repertoiredisplay h3 a,
.filmListEvent h3 a,
#repertoiredisplay h4 a,
.filmListEvent h4 a {
  text-decoration: none;
  color: #000;
}
.filmListEvent .filmitem.row {
  margin-bottom: 0;
}
.filmListEvent .filmitem.row .thumb {
  margin-bottom: 0;
}
.filmListEvent .row.spaced > [class^="col-"] {
  padding-bottom: 2rem !important;
}
.filmListEvent .filmitem {
  margin-bottom: 0;
}
.filmListEvent .filmitem .thumbox {
  padding-bottom: 0;
}
.filmListEvent .filmitem + .filmitem {
  padding-top: 2rem;
}
.filmListEvent .filmitem + .filmitem:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  border-top: 1px solid #63b1bc;
}
.repertoireselect input {
  display: none;
}
.repertoireselect label {
  font-size: 0.6em;
  white-space: nowrap;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.5;
  margin-right: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.repertoireselect input:checked + label {
  opacity: 1;
}
.btnbox {
  margin-top: 20px;
}
@media (max-width: 375px) {
  .btnbox .btn,
  .btnbox button,
  .btnbox input[type=submit],
  .btnbox input[type=submit],
  .btnbox input[type=button] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .repertoireselect label {
    font-size: 0.8em;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .repertoireselect label {
    font-size: 1em;
    margin-right: 60px;
  }
}
.topnav.repertoiretri {
  padding: 20px 0;
}
.topnav.repertoiretri h6 {
  margin-top: 20px;
  padding-bottom: 5px;
  padding-right: 48px;
  z-index: 10;
  line-height: 48px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                 supported by Chrome and Opera */
}
.topnav.repertoiretri h6:before {
  content: "";
  display: block;
  position: absolute;
  top: 47px;
  height: 1px;
  left: 0;
  right: 0;
  background: #e04f39;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.topnav.repertoiretri h6:after {
  content: "\2039";
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.topnav.repertoiretri .under {
  display: none;
  text-align: center;
}
.topnav.repertoiretri .under .closebox {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -15px;
  background-color: #e04f39;
  line-height: 26px;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgoKICAgICAgICA8cGF0aCBkPSJNMTkuOTI0LDE2Ljc0OUwxNC44NjMsMjEuODExTDE2LjE1MSwyMy4wOTlMMjEuMjEyLDE4LjAzN0wxOS45MjQsMTYuNzQ5WiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+CiAgICAgICAgPHBhdGggZD0iTTI0Ljk4NSwyMS44MTFMMTkuOTI0LDE2Ljc0OUwxOC42MzYsMTguMDM3TDIzLjY5NywyMy4wOTlMMjQuOTg1LDIxLjgxMVoiIHN0eWxlPSJmaWxsOndoaXRlOyIvPgo8L3N2Zz4K);
}
.topnav.repertoiretri h6.active + .under {
  display: block;
}
.topnav.repertoiretri input {
  display: none;
}
.topnav.repertoiretri label {
  display: inline-block;
  background: #394a52;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
}
.topnav.repertoiretri img {
  margin-right: 5px;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  vertical-align: middle;
}
.topnav.repertoiretri input:checked + label {
  background-color: #007b9c;
  color: #fff;
}
.repertoiretri.topnav,
.repertoiretri.topnav.mask,
.liste-invites {
  display: block;
}
.repertoiretri.topnav h6,
.repertoiretri.topnav.mask h6,
.liste-invites h6 {
  vertical-align: middle;
}
.repertoiretri.topnav h6 span,
.repertoiretri.topnav.mask h6 span,
.liste-invites h6 span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.repertoiretri.topnav .tribox,
.repertoiretri.topnav.mask .tribox,
.liste-invites .tribox {
  text-align: center;
  line-height: 48px;
  text-align: left;
}
.repertoiretri.topnav .tribox h6,
.repertoiretri.topnav.mask .tribox h6,
.liste-invites .tribox h6 {
  border-bottom: 0;
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
  margin: 0;
}
.repertoiretri.topnav .tribox h6:before,
.repertoiretri.topnav.mask .tribox h6:before,
.liste-invites .tribox h6:before {
  display: none;
}
.repertoiretri.topnav .tribox input,
.repertoiretri.topnav.mask .tribox input,
.liste-invites .tribox input {
  display: none;
}
.repertoiretri.topnav .tribox label,
.repertoiretri.topnav.mask .tribox label,
.liste-invites .tribox label {
  min-width: 48px;
  height: 48px;
  line-height: 28px;
  background-color: #e4e4e4;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
  margin: 0;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #007b9c;
}
.repertoiretri.topnav .tribox input:checked + label,
.repertoiretri.topnav.mask .tribox input:checked + label,
.liste-invites .tribox input:checked + label {
  z-index: 10;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.repertoiretri.topnav .tribox input:checked + label img,
.repertoiretri.topnav.mask .tribox input:checked + label img,
.liste-invites .tribox input:checked + label img {
  opacity: 1;
}
.repertoiretri.topnav.mask {
  display: none;
}
@media (min-width: 768px) {
  .repertoiretri.topnav {
    display: block;
  }
  .topnav {
    display: block;
  }
  .repertoiretri.topnav.mask {
    display: none;
  }
  .subnavFixed .repertoiretri.topnav.mask {
    display: block;
    position: relative;
    visibility: hidden;
  }
  .repertoiretri.topnav h6.active:before {
    height: 5px;
  }
  .repertoiretri.topnav .container {
    padding-left: 230px;
    position: static;
    text-align: right;
    font-size: 0;
  }
  .repertoiretri.topnav .container h6 {
    display: inline-block;
    width: 24%;
    font-size: 18px;
    line-height: 48px;
    margin: 0;
    margin-left: 1%;
    padding: 0;
    padding-right: 48px;
    text-align: left;
  }
  .repertoiretri.topnav .container .under {
    position: absolute;
    top: 68px;
    left: 0;
    padding: 20px;
    background: #091d28;
    right: 0;
    text-align: center;
  }
  .repertoiretri.topnav .container .under:before {
    content: "";
    display: block;
    background: #091d28;
    position: absolute;
    width: 120vw;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .repertoiretri.topnav .container .tribox {
    position: absolute;
    left: 20px;
    top: 20px;
  }
  .repertoiretri.topnav .container .tribox h6 {
    width: auto;
    margin: 0;
    padding-right: 20px;
  }
  .repertoiretri.topnav .container .tribox h6:after {
    display: none;
  }
  .repertoiretri.topnav .container .tribox label {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .repertoiretri.topnav .container .tribox {
    width: 200px;
    text-align: right;
    left: auto;
    right: 50%;
    margin-right: 470px;
  }
}
.sectionsicones {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}
.sectionsicones img {
  width: 22px;
  height: 22px;
}
.sectionsicones img + img {
  margin-left: -10px;
}
.overbox {
  display: none;
  color: #fff;
  width: 100%;
}
.overbox:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 20px;
  border-width: 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent #000e17;
}
.overbox .mid {
  padding-top: 40px;
}
.overbox .inside {
  padding: 60px 0;
  background: #000e17;
  display: block;
  opacity: 0;
}
.overbox .inside .btn,
.overbox .inside button,
.overbox .inside input[type=submit],
.overbox .inside input[type=submit],
.overbox .inside input[type=button] {
  margin: 5px 5px 0 0;
  background-color: #fff;
  color: #63b1bc;
}
.overbox.mask {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 10000;
}
.overbox.mask:before {
  display: none;
}
.overbox.mask .inside {
  opacity: 1;
}
.titlenav {
  list-style: none;
  margin: 0px;
  padding: 0;
  font-size: 0;
  line-height: 36px;
  text-align: center;
}
.titlenav li {
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.titlenav a {
  display: block;
  min-width: 36px;
  text-decoration: none;
  color: #63b1bc;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 18px;
  padding: 0 10px;
}
.titlenav a:hover {
  background-color: #d2e4e6;
}
.filtresbox {
  z-index: -1;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 20px;
  line-height: 20px;
}
.filtresbox span {
  display: inline-block;
  padding: 3px 10px;
  margin-top: 10px;
  background-color: rgba(0, 143, 182, 0.25);
  font-size: 12px;
  vertical-align: bottom;
  border-radius: 20px;
  margin-right: 5px;
  cursor: pointer;
}
.filtresbox .filtres {
  background-color: transparent;
  cursor: none;
}
.filtresbox .clear {
  margin-top: 20px;
  cursor: pointer;
  background-color: #e04f39;
}
@media (min-width: 1400px) {
  .filtresbox {
    padding: 0 40px;
  }
}
.filmitem {
  margin-bottom: 2rem;
  cursor: pointer;
}
.filmitem h3 small {
  font-size: 14px;
  display: block;
}
.filmitem .thumb {
  background: #63b1bc;
  padding-bottom: 60%;
  margin-bottom: 1rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.filmitem .thumb.film,
.filmitem .thumb.subfilm,
.filmitem .thumb.prog,
.filmitem .thumb.event {
  background-size: auto;
  background-image: url(../img/icone-film.png);
}
.filmitem .thumb.event {
  background-image: url(../img/icone-activ.png);
}
.filmitem .thumb[style] {
  background-size: cover !important;
}
.filmitem .representations {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Oswald, sans-serif;
}
.filmitem .representations em {
  color: #999;
  font-style: normal;
}
.filmitem .duree,
.filmitem .realisateur,
.filmitem .pays,
.filmitem .langue {
  font-family: Oswald, sans-serif;
  color: #63b1bc;
}
.filmitem .duree:before,
.filmitem .realisateur:before,
.filmitem .pays:before,
.filmitem .langue:before {
  font-weight: bold;
}
.filmitem .btn,
.filmitem button,
.filmitem input[type=submit],
.filmitem input[type=submit],
.filmitem input[type=button] {
  color: #007b9c;
  background-color: transparent;
  border: 2px solid #007b9c;
  margin: 0 5px 5px 0;
}
.filmitem .permabtn,
.filmitem .thumbox {
  vertical-align: middle;
}
.filmitem .metabox {
  vertical-align: top;
}
.filmitem .permabtn {
  margin-top: 40px;
}
.filmitem .addhoraire {
  cursor: pointer;
}
.filmitem .addhoraire ul {
  visibility: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: -2px;
  right: -2px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #fff;
}
.filmitem .addhoraire ul .btn,
.filmitem .addhoraire ul button,
.filmitem .addhoraire ul input[type=submit],
.filmitem .addhoraire ul input[type=submit],
.filmitem .addhoraire ul input[type=button] {
  text-align: center;
  width: 100%;
  font-size: 1em;
  margin: 0;
  background-color: #fff;
  -webkit-transition: none;
  transition: none;
  padding-left: 0;
  padding-right: 0;
}
.filmitem .addhoraire ul .btn:hover,
.filmitem .addhoraire ul button:hover,
.filmitem .addhoraire ul input[type=submit]:hover,
.filmitem .addhoraire ul input[type=submit]:hover,
.filmitem .addhoraire ul input[type=button]:hover {
  background-color: #007b9c;
  color: #fff;
}
.filmitem .addhoraire ul li + li {
  margin-top: -2px;
}
.filmitem .addhoraire:hover ul,
.filmitem .addhoraire:focus ul {
  visibility: visible;
}
[lang^="fr"] .filmitem .duree:before {
  content: "Durée\00a0: ";
}
[lang^="fr"] .filmitem .realisateur:before {
  content: "Réalisation\00a0: ";
}
[lang^="fr"] .filmitem .pays:before {
  content: "Pays\00a0: ";
}
[lang^="fr"] .filmitem .langue:before {
  content: "Langue\00a0: ";
}
[lang^="en"] .filmitem .duree:before {
  content: "Duration: ";
}
[lang^="en"] .filmitem .realisateur:before {
  content: "Director: ";
}
[lang^="en"] .filmitem .pays:before {
  content: "Country: ";
}
[lang^="en"] .filmitem .langue:before {
  content: "Language: ";
}
.liste-invites label {
  display: inline-block;
  background: #394a52;
  color: #fff;
  font-size: 14px;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.liste-invites .tribox {
  margin-bottom: 30px;
}
.liste-invites input:checked + label {
  background-color: #007b9c;
  color: #fff;
}
#repertoiredisplay h2,
.filmListEvent h2 {
  text-transform: none;
  font-size: 2rem;
  color: #63b1bc;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 1px solid #63b1bc;
  margin: 2rem 0;
}
#repertoiredisplay h2::first-letter,
.filmListEvent h2::first-letter {
  text-transform: uppercase;
}
#repertoiredisplay h3,
.filmListEvent h3,
#repertoiredisplay h4,
.filmListEvent h4 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
#repertoiredisplay h3 a,
.filmListEvent h3 a,
#repertoiredisplay h4 a,
.filmListEvent h4 a {
  text-decoration: none;
  color: #000;
}
.filmListEvent .filmitem.row {
  margin-bottom: 0;
}
.filmListEvent .filmitem.row .thumb {
  margin-bottom: 0;
}
.filmListEvent .row.spaced > [class^=col-] {
  padding-bottom: 2rem !important;
}
.filmListEvent .filmitem {
  margin-bottom: 0;
}
.filmListEvent .filmitem .thumbox {
  padding-bottom: 0;
}
.filmListEvent .filmitem + .filmitem {
  padding-top: 2rem;
}
.filmListEvent .filmitem + .filmitem:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  border-top: 1px solid #63b1bc;
}
.repertoireselect input {
  display: none;
}
.repertoireselect label {
  font-size: 0.6em;
  white-space: nowrap;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.5;
  margin-right: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.repertoireselect input:checked + label {
  opacity: 1;
}
.btnbox {
  margin-top: 20px;
}
@media (max-width: 375px) {
  .btnbox .btn,
  .btnbox button,
  .btnbox input[type=submit],
  .btnbox input[type=submit],
  .btnbox input[type=button] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .repertoireselect label {
    font-size: 0.8em;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .repertoireselect label {
    font-size: 1em;
    margin-right: 60px;
  }
}
.topnav.repertoiretri {
  padding: 20px 0;
}
.topnav.repertoiretri h6 {
  margin-top: 20px;
  padding-bottom: 5px;
  padding-right: 48px;
  z-index: 10;
  line-height: 48px;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                 supported by Chrome and Opera */
}
.topnav.repertoiretri h6:before {
  content: '';
  display: block;
  position: absolute;
  top: 47px;
  height: 1px;
  left: 0;
  right: 0;
  background: #e04f39;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
.topnav.repertoiretri h6:after {
  content: "\2039";
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.topnav.repertoiretri .under {
  display: none;
  text-align: center;
}
.topnav.repertoiretri .under .closebox {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -15px;
  background-color: #e04f39;
  line-height: 25px;
  text-align: center;
  color: #FFF;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.topnav.repertoiretri .under .closebox:before {
  font-size: 20px;
  display: inline-block;
  content: "\2039";
}
.topnav.repertoiretri h6.active + .under {
  display: block;
}
.topnav.repertoiretri input {
  display: none;
}
.topnav.repertoiretri label {
  display: inline-block;
  background: #394a52;
  color: #FFF;
  font-size: 14px;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: 'Oswald', sans-serif;
}
.topnav.repertoiretri label img {
  margin-right: 5px;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  vertical-align: middle;
}
.topnav.repertoiretri input:checked + label {
  color: #007b9c;
  background: #FFF;
}
.repertoiretri.topnav,
.repertoiretri.topnav.mask,
.liste-invites {
  display: block;
}
.repertoiretri.topnav h6,
.repertoiretri.topnav.mask h6,
.liste-invites h6 {
  vertical-align: middle;
}
.repertoiretri.topnav h6 span,
.repertoiretri.topnav.mask h6 span,
.liste-invites h6 span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.repertoiretri.topnav .tribox,
.repertoiretri.topnav.mask .tribox,
.liste-invites .tribox {
  text-align: center;
  line-height: 48px;
  text-align: left;
}
.repertoiretri.topnav .tribox h6,
.repertoiretri.topnav.mask .tribox h6,
.liste-invites .tribox h6 {
  border-bottom: 0;
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
  margin: 0;
}
.repertoiretri.topnav .tribox h6:before,
.repertoiretri.topnav.mask .tribox h6:before,
.liste-invites .tribox h6:before {
  display: none;
}
.repertoiretri.topnav .tribox input,
.repertoiretri.topnav.mask .tribox input,
.liste-invites .tribox input {
  display: none;
}
.repertoiretri.topnav .tribox label,
.repertoiretri.topnav.mask .tribox label,
.liste-invites .tribox label {
  min-width: 48px;
  height: 48px;
  line-height: 28px;
  background-color: #e4e4e4;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
  margin: 0;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #007b9c;
}
.repertoiretri.topnav .tribox input:checked + label,
.repertoiretri.topnav.mask .tribox input:checked + label,
.liste-invites .tribox input:checked + label {
  z-index: 10;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.repertoiretri.topnav .tribox input:checked + label img,
.repertoiretri.topnav.mask .tribox input:checked + label img,
.liste-invites .tribox input:checked + label img {
  opacity: 1;
}
.repertoiretri.topnav.mask {
  display: none;
}
@media (min-width: 768px) {
  .repertoiretri.topnav {
    display: block;
  }
  .topnav {
    display: block;
  }
  .repertoiretri.topnav.mask {
    display: none;
  }
  .subnavFixed .repertoiretri.topnav.mask {
    display: block;
    position: relative;
    visibility: hidden;
  }
  .repertoiretri.topnav h6.active:before {
    height: 5px;
  }
  .repertoiretri.topnav .container {
    padding-left: 230px;
    position: static;
    text-align: right;
    font-size: 0;
  }
  .repertoiretri.topnav .container h6 {
    display: inline-block;
    width: 24%;
    font-size: 18px;
    line-height: 48px;
    margin: 0;
    margin-left: 1%;
    padding: 0;
    padding-right: 48px;
    text-align: left;
  }
  .repertoiretri.topnav .container .under {
    position: absolute;
    top: 68px;
    left: 0;
    padding: 20px;
    background: #091d28;
    right: 0;
    text-align: center;
  }
  .repertoiretri.topnav .container .under:before {
    content: '';
    display: block;
    background: #091d28;
    position: absolute;
    width: 120vw;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .repertoiretri.topnav .container .tribox {
    position: absolute;
    left: 20px;
    top: 20px;
  }
  .repertoiretri.topnav .container .tribox h6 {
    width: auto;
    margin: 0;
    padding-right: 20px;
  }
  .repertoiretri.topnav .container .tribox h6:after {
    display: none;
  }
  .repertoiretri.topnav .container .tribox label {
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .repertoiretri.topnav .container .tribox {
    width: 200px;
    text-align: right;
    left: auto;
    right: 50%;
    margin-right: 470px;
  }
}
.sectionsicones {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  background: #FFF;
}
.sectionsicones img {
  width: 22px;
  height: 22px;
}
.sectionsicones img + img {
  margin-left: -10px;
}
.overbox {
  display: none;
  color: #FFF;
  width: 100%;
}
.overbox:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 20px;
  border-width: 0 20px 20px ;
  border-style: solid;
  border-color: transparent transparent #000e17;
}
.overbox .mid {
  padding-top: 40px;
}
.overbox .inside {
  padding: 60px 0;
  background: #000e17;
  display: block;
  opacity: 0;
}
.overbox .inside .btn,
.overbox .inside button,
.overbox .inside input[type=submit],
.overbox .inside input[type=submit],
.overbox .inside input[type=button] {
  margin: 5px 5px 0 0;
  background-color: #FFF;
  color: #63b1bc;
}
.overbox.mask {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 10000;
}
.overbox.mask:before {
  display: none;
}
.overbox.mask .inside {
  opacity: 1;
}
.titlenav {
  list-style: none;
  margin: 0px;
  padding: 0;
  font-size: 0;
  line-height: 36px;
  text-align: center;
}
.titlenav li {
  font-size: 16px;
  display: inline-block;
  text-align: center;
}
.titlenav a {
  display: block;
  min-width: 36px;
  text-decoration: none;
  color: #63b1bc;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 18px;
  padding: 0 10px;
}
.titlenav a:hover {
  background-color: #d2e4e6;
}
.filtresbox {
  z-index: -1;
  margin: 0 auto;
  max-width: 1400px;
  padding: 0 20px;
  line-height: 20px;
}
.filtresbox span {
  display: inline-block;
  padding: 3px 10px;
  margin-top: 10px;
  background-color: rgba(0, 143, 182, 0.25);
  font-size: 12px;
  vertical-align: bottom;
  border-radius: 20px;
  margin-right: 5px;
  cursor: pointer;
}
.filtresbox .filtres {
  background-color: transparent;
  cursor: none;
}
.filtresbox .clear {
  margin-top: 20px;
  cursor: pointer;
  background-color: #e04f39;
}
@media (min-width: 1400px) {
  .filtresbox {
    padding: 0 40px;
  }
}
.filmitem {
  margin-bottom: 2rem;
  cursor: pointer;
}
.filmitem h3 small {
  font-size: 14px;
  display: block;
}
.filmitem .thumb {
  background: #63b1bc;
  padding-bottom: 60%;
  margin-bottom: 1rem;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}
.filmitem .thumb.film,
.filmitem .thumb.subfilm,
.filmitem .thumb.prog,
.filmitem .thumb.event {
  background-size: auto;
  background-image: url(../img/icone-film.png);
}
.filmitem .thumb.event {
  background-image: url(../img/icone-activ.png);
}
.filmitem .thumb[style] {
  background-size: cover !important;
}
.filmitem .representations {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: normal;
  font-family: Oswald, sans-serif;
}
.filmitem .representations em {
  color: #999;
  font-style: normal;
}
.filmitem .duree,
.filmitem .realisateur,
.filmitem .pays,
.filmitem .langue {
  font-family: Oswald, sans-serif;
  color: #63b1bc;
}
.filmitem .duree:before,
.filmitem .realisateur:before,
.filmitem .pays:before,
.filmitem .langue:before {
  font-weight: bold;
}
.filmitem .btn,
.filmitem button,
.filmitem input[type=submit],
.filmitem input[type=submit],
.filmitem input[type=button] {
  color: #007b9c;
  background-color: transparent;
  border: 2px solid #007b9c;
  margin: 0 5px 5px 0;
}
.filmitem .permabtn,
.filmitem .thumbox {
  vertical-align: middle;
}
.filmitem .metabox {
  vertical-align: top;
}
.filmitem .permabtn {
  margin-top: 40px;
}
.filmitem .addhoraire ul {
  visibility: hidden;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: -2px;
  right: -2px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #FFF;
}
.filmitem .addhoraire ul .btn,
.filmitem .addhoraire ul button,
.filmitem .addhoraire ul input[type=submit],
.filmitem .addhoraire ul input[type=submit],
.filmitem .addhoraire ul input[type=button] {
  text-align: center;
  width: 100%;
  font-size: 1em;
  margin: 0;
  background-color: #FFF;
  -webkit-transition: none;
  transition: none;
  padding-left: 0;
  padding-right: 0;
}
.filmitem .addhoraire ul .btn:hover,
.filmitem .addhoraire ul button:hover,
.filmitem .addhoraire ul input[type=submit]:hover,
.filmitem .addhoraire ul input[type=submit]:hover,
.filmitem .addhoraire ul input[type=button]:hover {
  background-color: #007b9c;
  color: #FFF;
}
.filmitem .addhoraire ul li + li {
  margin-top: -2px;
}
.filmitem .addhoraire:hover ul {
  visibility: visible;
}
[lang^=fr] .filmitem .duree:before {
  content: "Durée\00a0: ";
}
[lang^=fr] .filmitem .realisateur:before {
  content: "Réalisation\00a0: ";
}
[lang^=fr] .filmitem .pays:before {
  content: "Pays\00a0: ";
}
[lang^=fr] .filmitem .langue:before {
  content: "Langue\00a0: ";
}
[lang^=en] .filmitem .duree:before {
  content: "Duration\00a0: ";
}
[lang^=en] .filmitem .realisateur:before {
  content: "Director: ";
}
[lang^=en] .filmitem .pays:before {
  content: "Country: ";
}
[lang^=en] .filmitem .langue:before {
  content: "Language: ";
}
.liste-invites label {
  display: inline-block;
  background: #394a52;
  color: #FFF;
  font-size: 14px;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-family: 'Oswald', sans-serif;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.liste-invites .tribox {
  margin-bottom: 30px;
}
.liste-invites input:checked + label {
  background-color: #007b9c;
  color: #FFF;
}
#lientatou {
  position: absolute;
  bottom: 0;
  left: 10px;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  color: #fff;
  background: #007b9c;
  text-transform: uppercase;
  z-index: 1000;
  font-weight: 400;
  font-size: 12px;
}
@media (min-width: 1400px) {
  #lientatou {
    left: 50%;
    margin-left: -690px;
  }
}
/* PROVIENS DE FTMS */
.photosflickr a,
.photosgallerie a {
  position: relative;
  display: block;
  margin-bottom: 2rem;
}
.photosflickr img,
.photosgallerie img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
}
.photosflickr img:hover,
.photosgallerie img:hover {
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.matrice .box {
  padding: 20px;
  background-size: cover;
  background-position: 50%;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.matrice .box:hover {
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
@media (min-width: 640px) {
  .matrice .box {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  }
  .matrice .box a {
    color: #fff;
    text-decoration: none;
  }
  .matrice .box h2 {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    margin: 0;
    text-shadow: 0 0 5px #000;
  }
}
@media (min-width: 500px) and (max-width: 630px) {
  header .horairetitle {
    margin-bottom: 100px;
  }
}
.invite {
  width: 100%;
  background-color: #000e17;
  color: #ffffff;
}
.invite .invitehoraire {
  margin: 1rem 0;
  list-style: none;
  padding: 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.invite .invitehoraire a {
  color: #63b1bc;
}
.invite .invitehoraire li {
  padding: 5px 0;
}
.invite .invitehoraire li + li {
  border-top: 1px solid #fff;
}
.invite .invite-box {
  padding: 100px 20px 50px;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .invite .invite-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.invite .invitephoto {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0 auto;
  width: 80%;
  max-width: 400px;
}
.invite .invitephoto img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .invite .invitephoto {
    margin: 0;
    min-width: 35%;
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    width: 35%;
  }
}
.invite .content {
  padding: 8% 5% 8%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.invite h1 {
  margin-bottom: 0;
  display: inline-block;
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
  padding-bottom: 5px;
  line-height: 1.1;
}
.invite .data {
  margin-bottom: 1em;
  color: #63b1bc;
}
.ficheinvite {
  margin-bottom: 10%;
}
.ficheinvite .photo {
  margin-right: 33%;
  display: block;
  padding-bottom: 66%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: 50% 20%;
  margin-bottom: 10%;
}
.ficheinvite h3 {
  margin-bottom: 0;
}
.ficheinvite h3 strong {
  display: block;
  font-size: 16px;
}
.ficheinvite .data {
  margin-bottom: 10px;
  color: #007b9c;
}
.ficheinvite p {
  margin-bottom: 5px;
}
.spectacle .image {
  padding-bottom: 66%;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 20px;
}
.videointegration-lien,
.videointegration-code {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0px;
}
.videointegration-lien > *,
.videointegration-code > * {
  display: none;
}
.videointegration-lien > iframe,
.videointegration-code > iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.singleFilm + .container > section.blanc {
  padding-top: 0;
}
@media (max-width: 639px) {
  .single-film-col2 .partenariat {
    margin: 0 0 1rem;
    float: none;
    max-width: none;
  }
}
.favoris-icon {
  width: 1.5em;
  height: 1.5em;
  margin: -0.25em 10px -0.25em -10px;
}
@media (max-width: 375px) {
  .favoris-icon {
    margin-left: 0;
  }
}
.menu-favoris-icon {
  width: 1.5em;
  height: 1.5em;
  margin: -0.25em 10px -0.25em -5px;
}
.cky-consent-container {
  bottom: auto !important;
  right: auto !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cky-consent-container:before {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vw;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  opacity: 0.3;
}
@media (max-width: 640px) {
  .cky-btn-revisit-wrapper {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
  .cky-revisit-bottom-left {
    bottom: -10px !important;
    left: -10px !important;
  }
  .cky-revisit-bottom-right {
    bottom: -10px !important;
    right: -10px !important;
  }
  .cky-revisit-top-left {
    top: -10px !important;
    left: -10px !important;
  }
  .cky-revisit-top-right {
    top: -10px !important;
    right: -10px !important;
  }
}
.topbox:before {
  content: "\2039";
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 30px;
  display: block;
  position: fixed;
  right: 0;
  bottom: 20px;
  background: #007b9c;
  color: #fff;
  z-index: 1000 !important;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.scrolled .topbox:before {
  opacity: 1;
}