/*
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;
  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%;
}
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%;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
  padding: 0;
}
hr {
  -moz-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"] {
  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 */
  -moz-box-sizing: content-box;
  -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 */
  -khtml-user-select: none;
  /* 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: 1rem;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
}
/* APPLY GUTTER */
.row.spaced {
  margin: -10px;
}
.row.spaced > [class^="col-"],
.row.spaced > [class*=" col-"] {
  padding: 10px;
}
/* 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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-lg-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
@media (min-width: 1368px) {
  .col-xl-1 {
    width: 8.33333333%;
  }
  .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-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-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-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-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-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-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-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-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-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-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-offset-12 {
    margin-left: 100%;
  }
  .row.flip > .col-xl-offset-12 {
    margin-left: 0;
    margin-right: 100%;
  }
}
main {
  max-width: 1980px;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}
body {
  background-color: #464d54;
}
.container {
  padding: 10px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .container {
    padding-left: 4%;
    padding-right: 4%;
  }
}
html {
  font-size: 18px;
  font-family: "Roboto condensed";
}
@media (min-width: 1400px) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 1600px) {
  html {
    font-size: 22px;
  }
}
h2,
.reservez h1 {
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font-size: 30px;
  color: inherit;
  padding: 0;
  text-transform: none;
  margin: 0;
  line-height: normal;
}
@media (min-width: 1024px) {
  h2,
  .reservez h1 {
    font-size: 48px;
  }
}
.reservez h1 {
  color: #feffed ;
}
@media (min-width: 768px) {
  .reservez h1 {
    color: #000;
  }
}
h3 {
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font: 1rem;
}
h1,
h2.titreimportant {
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font-size: 40px;
  color: #FFF;
  padding: 0;
  text-transform: uppercase;
  margin-top: 60px;
  line-height: 1;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}
@media (min-width: 768px) {
  h1,
  h2.titreimportant {
    font-size: 7vw;
  }
}
@media (min-width: 1920px) {
  h1,
  h2.titreimportant {
    font-size: 120px;
  }
}
.btn {
  display: inline-block;
  background-color: #f2af00;
  color: #FFF;
  margin-top: 1em;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
.tel {
  display: inline-block;
  background-color: #EEE;
  margin-top: 1em;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  font-size: 0.8em;
}
.horaire h2.horrairedate {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 20px;
}
.horaire h4.horrairedate {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.horaire h2.horrairedate,
.horaire h4.horrairedate {
  font-family: "Roboto condensed";
  text-align: center;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  text-align: center !important;
  margin-bottom: 20px;
  letter-spacing: 0;
}
.horaire h2.horrairedate .debut,
.horaire h4.horrairedate .debut,
.horaire h2.horrairedate .precedent,
.horaire h4.horrairedate .precedent,
.horaire h2.horrairedate .suivant,
.horaire h4.horrairedate .suivant {
  display: inline-block;
  font-style: normal;
  vertical-align: middle;
  font-family: "Roboto condensed";
  cursor: pointer;
  width: 30px;
  text-align: center;
}
.horaire h2.horrairedate .debut:after,
.horaire h4.horrairedate .debut:after,
.horaire h2.horrairedate .precedent:after,
.horaire h4.horrairedate .precedent:after,
.horaire h2.horrairedate .suivant:after,
.horaire h4.horrairedate .suivant:after {
  width: 30px;
  font-size: 48px;
  display: inline-block;
  content: '\203A';
}
.horaire h2.horrairedate .precedent:after,
.horaire h4.horrairedate .precedent:after {
  content: '\2039';
}
.horaire h2.horrairedate .debut:after,
.horaire h4.horrairedate .debut:after {
  content: '\00ab';
}
.horaire h2.horrairedate .precedent,
.horaire h4.horrairedate .precedent,
.horaire h2.horrairedate .debut,
.horaire h4.horrairedate .debut {
  visibility: hidden;
}
.horaire h2.horrairedate span,
.horaire h4.horrairedate span {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
  font-size: 20px;
}
.horaire h2.horrairedate .suivant,
.horaire h4.horrairedate .suivant {
  margin-right: 30px;
}
@media (min-width: 560px) {
  .horaire h2.horrairedate span,
  .horaire h4.horrairedate span {
    width: 300px;
    padding-top: 0.2em;
  }
}
@media (min-width: 768px) {
  .horaire h2.horrairedate span,
  .horaire h4.horrairedate span {
    width: 400px;
    font-size: 28px;
  }
}
/*! Flickity v2.0.10
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: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
  background: white;
}
.flickity-prev-next-button:focus {
  outline: none;
  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: -80px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  height: 60px;
  line-height: 60px;
  left: 0;
  right: 100px;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  background-color: #FFF;
}
header {
  padding-top: 100px;
}
@media (min-width: 1024px) {
  header {
    padding-top: 7%;
  }
}
.homeslider {
  height: 50vh;
  overflow: hidden;
  max-height: 1020px;
  padding-top: 0;
  margin-top: 70px;
  min-height: 250px;
}
.homeslider .slide {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.homeslider .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%);
  transform: translateY(-50%);
}
.homeslider .flickity-prev-next-button:focus {
  outline: none;
}
.homeslider .flickity-prev-next-button:active {
  opacity: 0;
}
.homeslider .flickity-prev-next-button .arrow {
  fill: #FFF;
}
.homeslider .btn {
  display: inline-block;
  background-color: #f2af00;
  color: #FFF;
  margin-top: 1em;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
.homeslider .texte {
  position: absolute;
  right: 0;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  text-align: center;
  padding: 0 60px 0;
  font-size: 20px;
}
.homeslider h2 {
  margin-top: 0;
  font-size: 2.5em;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .homeslider {
    margin-top: 0;
    height: 100vh;
    height: calc(100vh + 100px);
  }
  .homeslider .flickity-prev-next-button {
    margin-top: -100px;
  }
  .homeslider .texte {
    padding-bottom: 100px;
  }
}
@media (min-width: 768px) {
  .homeslider + * {
    margin-top: -100px;
    z-index: auto;
  }
}
.intratitre {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font-size: 36px;
  color: #FFF;
  background-color: rgba(48, 53, 64, 0.2);
  transform: translate(0, -100%);
  padding: 20px;
  z-index: 20;
  text-align: center;
  font-weight: bold;
  transition: opacity 0.5s;
  display: none;
  text-decoration: none;
}
.intratitre:after {
  margin-left: 20px;
  content: "\203A";
  display: inline-block;
  transform: rotate(90deg);
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media (min-width: 1024px) {
  .intratitre {
    display: block;
    font-size: 48px;
  }
}
.scrolled .intratitre {
  opacity: 0;
}
@media (min-height: 950px) {
  .intratitre {
    display: none;
  }
}
@media (min-width: 768px) {
  .homeslider .texte {
    font-size: 30px;
  }
  .homeslider .btn {
    font-size: 20px;
  }
  .homeslider .left {
    text-align: left;
  }
  .homeslider .right {
    text-align: right;
  }
}
@media (min-width: 1400px) {
  .homeslider .texte {
    font-size: 40px;
  }
}
.mobileblock {
  background-image: url(../img/mobileblock.jpg);
  background-color: #fff;
  padding: 20px 10px;
}
.mobileblock h3 {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #494949;
}
.mobileblock a {
  text-decoration: none;
  color: inherit;
}
.mobileblock table {
  margin: 0 auto;
  border: 1px solid #393939;
}
.mobileblock table td + td {
  border-left: 1px solid #393939;
}
.mobileblock table td {
  padding: 10px 10px;
  text-align: center;
  vertical-align: top;
}
.mobileblock table td i {
  display: inline-block;
  vertical-align: middle;
  font-size: 60px;
}
.mobileblock table tr + tr {
  border-top: 1px solid #393939;
}
.mobileblock i.icon-glaces {
  color: #b91919;
}
.mobileblock i.icon-horraire {
  color: #f2b71c;
}
.mobileblock i.icon-patin {
  color: #034e90;
}
@media (min-width: 768px) {
  .mobileblock {
    display: none;
  }
}
#titlebar {
  padding: 5px;
  position: fixed;
  height: 70px;
  left: 0;
  right: 0;
  z-index: 100;
}
#titlebar .logotel {
  position: absolute;
  top: 0;
  line-height: 70px;
  left: 10px;
  font-size: 30px;
  color: #bebebe;
  text-decoration: none;
}
#titlebar .contact {
  display: none;
}
#titlebar:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
}
#titlebar h1 {
  display: inline;
  margin: 0;
  padding: 0;
  position: static;
}
#titlebar .logo {
  z-index: 10;
  width: auto;
  transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: 5px;
}
#titlebar .logo .desktop {
  display: none;
}
#titlebar .logo img {
  height: 55px;
}
#titlebar .inside {
  font-family: 'Roboto condensed';
  transform: translate(-100%, 0);
  transition: transform 0.2s;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 70px;
  z-index: -1;
  overflow: hidden;
  line-height: calc(100vh - 50px);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.95);
  overflow: auto;
}
#titlebar .inside .content {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  width: 100%;
}
#titlebar .inside ul {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
#titlebar .inside ul li {
  border-bottom: 1px solid #EEE;
}
#titlebar .inside ul ul li {
  border-bottom: 0;
}
#titlebar .inside ul ul li a {
  font-size: 14px;
  font-weight: normal;
}
#titlebar .inside a {
  text-transform: uppercase;
  text-decoration: none;
  color: #FFF;
  display: block;
  padding: 15px;
  font-weight: bold;
}
#titlebar .inside .contact {
  display: none;
}
#titlebar .toggle {
  display: block;
  top: 10px;
  position: absolute;
  right: 0;
  width: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
#titlebarMask {
  height: 50px;
}
.navlines {
  transition: all 0.5s;
  display: inline-block;
  vertical-align: middle;
  height: 2px;
  width: 20px;
  background: #999;
}
.navlines:before,
.navlines:after {
  transition: all 0.2s;
  display: block;
  position: absolute;
  content: '';
  height: 2px;
  width: 20px;
  background: #999;
  top: -6px;
  left: 50%;
  margin-left: -10px;
}
.navlines:after {
  top: 6px;
}
#openNav:checked ~ #titlebar .inside {
  transform: translate(0, 0);
}
#openNav:checked ~ #titlebar .navlines {
  transform: rotate(45deg);
}
#openNav:checked ~ #titlebar .navlines:before {
  top: 0;
  transform: rotate(-90deg);
}
#openNav:checked ~ #titlebar .navlines:after {
  top: 0;
}
#openNav {
  position: absolute;
  display: none;
  z-index: 1000;
}
@media (min-width: 1024px) {
  #titlebar {
    transition: background-color 0.5s;
    z-index: 1000;
    height: 100px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
  }
  #titlebar .logotel {
    display: none;
  }
  #titlebar:before {
    display: none;
  }
  #titlebar .logo {
    z-index: 10;
    width: auto;
    position: relative;
    float: left;
    transform: none;
    left: 0;
  }
  #titlebar .logo .desktop {
    display: block;
  }
  #titlebar .logo .mobile {
    display: none;
  }
  #titlebar .logo img {
    width: 250px;
    height: auto;
  }
  #titlebar #mainmenu {
    margin-top: 10px;
    position: relative;
    line-height: 1.3;
    font-size: 20px;
    font-family: 'Bebas Neue';
    letter-spacing: 1px;
  }
  #titlebar #secondarymenu {
    position: relative;
    line-height: 1.3;
    font-family: 'Roboto condensed';
    font-size: 12px;
    padding: 5px 0 5px;
  }
  #titlebar #secondarymenu a {
    font-weight: normal;
    display: inline;
  }
  #titlebar #secondarymenu ul {
    display: inline;
    padding: 0;
  }
  #titlebar #secondarymenu li {
    padding: 0;
    display: inline-block;
    border-bottom: 0;
  }
  #titlebar #secondarymenu li + li {
    border-left: 1px solid #FFF;
    margin-left: 0.5em;
    padding-left: 0.5em;
  }
  #titlebar #secondarymenu .contact {
    padding: 0 0 0 20px;
    display: inline-block;
    color: #FFF;
    font-weight: normal;
  }
  #titlebar .inside {
    transform: translate(0, 0);
    transition: none;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 0;
    left: 10px;
    overflow: visible;
    z-index: -1;
    background-color: transparent;
    line-height: auto;
    text-align: right;
  }
  #titlebar .inside a {
    padding: 0;
  }
  #titlebar .inside .content {
    vertical-align: middle;
    display: inline;
    line-height: normal;
    position: static;
  }
  #titlebar .inside ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #titlebar .inside ul ul {
    display: none;
    position: absolute;
    margin-top: 10px;
    left: 50%;
    padding: 10px;
    background-color: #000;
    white-space: nowrap;
    transform: translate(-50%, 0);
    text-align-last: center;
  }
  #titlebar .inside ul ul:after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: -20px;
    height: 21px;
    background-color: transparent;
  }
  #titlebar .inside ul ul:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: #000 transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
  }
  #titlebar .inside ul ul li {
    display: block;
    padding: 10px 0;
  }
  #titlebar .inside ul ul li + li {
    border-top: 1px solid #333;
  }
  #titlebar .inside ul li:hover ul {
    display: block;
  }
  #titlebar .inside ul li {
    display: inline-block;
    padding: 0px 0 0 10px;
    border-bottom: 0;
  }
  #titlebar .inside a {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
  }
  #titlebar .toggle {
    display: none;
  }
  #titlebarMask {
    height: 0;
  }
  .scrolled #titlebar {
    background-color: rgba(0, 0, 0, 0.9);
  }
}
@media (min-width: 1074px) {
  #titlebar .logo img {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  #titlebar .logo img {
    width: 325px;
  }
}
@media (min-width: 1400px) {
  #titlebar {
    padding: 20px 0;
    padding-left: 4%;
    padding-right: 4%;
    height: 110px;
  }
  #titlebar .logo img {
    margin-top: -10px;
    width: 350px;
  }
  #titlebar #mainmenu {
    font-size: 24px;
  }
  #titlebar #secondarymenu {
    font-size: 14px;
  }
}
@media (min-width: 1500px) {
  #titlebar .logo img {
    width: 375px;
  }
}
@media (min-width: 1600px) {
  #titlebar .logo img {
    width: 400px;
  }
}
@media (min-width: 1700px) {
  #titlebar .logo img {
    width: 425px;
  }
}
@media (min-width: 1800px) {
  #titlebar .logo img {
    width: 450px;
  }
}
.horairesheader {
  background-image: url(../img/fond-horaire2.jpg);
  background-position: 50%;
  background-size: cover;
  padding-bottom: 100px;
  z-index: 1;
}
.horaire {
  background-color: #303540;
  color: #FFF;
  padding-top: 30px;
  padding-bottom: 30px;
}
.horaire:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303540+0,303540+100&0.6+0,0.9+70,1+100 */
  background: -moz-linear-gradient(top, rgba(48, 53, 64, 0.6) 0%, rgba(48, 53, 64, 0.9) 70%, #303540 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(48, 53, 64, 0.6) 0%, rgba(48, 53, 64, 0.9) 70%, #303540 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(48, 53, 64, 0.6) 0%, rgba(48, 53, 64, 0.9) 70%, #303540 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99303540', endColorstr='#303540', GradientType=0);
  /* IE6-9 */
  position: absolute;
  z-index: 10;
}
.horaire .plus {
  padding: 5px 0;
  background-color: rgba(204, 204, 204, 0.3);
  cursor: pointer;
}
.horaire .plus span {
  display: block;
}
.horaire .plus span:after {
  content: '\2022 \2022 \2022';
  color: #b91919;
}
.horaire .plus:after {
  display: block;
  font-size: 12px;
  content: 'PLUS';
  color: #b91919;
}
.horaire table {
  width: 100%;
  text-align: center;
}
.horaire table thead tr {
  color: #FFF;
  background-color: #b91919;
  text-align: center;
}
.horaire table td:first-child {
  width: 200px;
}
.horaire table td:nth-child(2) {
  font-weight: bold;
}
.horaire table td:last-child {
  width: 200px;
}
.horaire table th,
.horaire table b {
  font-family: 'Renner';
  font-weight: 500;
}
.horaire table tr + tr {
  border-top: 1px dotted #bebebe;
}
.horaire table td,
.horaire table th {
  padding: 10px 20px;
}
.horaire .container {
  z-index: 20;
}
.horaire h2 {
  margin: 0;
  padding: 20px;
  text-align: center;
}
.horaire .glaces:before {
  height: 5px;
  left: 0;
  right: 0;
  top: 0;
  content: '';
  position: absolute;
  display: block;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.horaire .glaceA,
.horaire .glaceB {
  display: none;
}
.horaire .glace-seul {
  display: none;
  padding: 20px;
}
.horaire .titre {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
.horaire label.titre:after {
  vertical-align: top;
  display: inline-block;
  content: '\203A';
  float: right;
  transition: 0.2s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-family: 'Renner';
  font-weight: 500;
  line-height: 70px !important;
}
.horaire [value="glaceA"]:checked ~ * [for="glaceA"],
.horaire [value="glaceB"]:checked ~ * [for="glaceB"] {
  border-color: #b91919;
}
.horaire [value="glaceA"]:checked ~ * [for="glaceA"] {
  border-color: #042692;
}
.horaire [value="glaceA"]:checked ~ * .glaceA,
.horaire [value="glaceB"]:checked ~ * .glaceB {
  display: block;
  border-bottom: 1px solid #e4e4e4;
}
.horaire [value="glaceA"]:checked ~ * [for="glaceA"].titre:after,
.horaire [value="glaceB"]:checked ~ * [for="glaceB"].titre:after {
  transform: rotate(270deg) !important;
}
.horaire input:checked + * .glace-seul {
  display: block;
  border-bottom: 1px solid #e4e4e4;
}
.horaire input + * label.titre:after {
  position: absolute;
  display: block;
  top: 50%;
  height: 20px;
  width: 20px;
  text-align: center;
  right: 20px;
  line-height: 16px !important;
  transform: translate(-50%, -50%) rotate(90deg) !important;
}
.horaire input:checked + * label.titre:after {
  transform: translate(-50%, -50%) rotate(270deg) !important;
}
.horaire .horaire-box {
  margin: 0;
  background-color: #FFF;
  background-image: url(../img/fond-horaire.jpg);
  background-position: 50%;
  color: #000;
}
.horaire .horaire-box > input {
  display: none;
}
.horaire .titre {
  line-height: 70px;
  padding: 0 20px;
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font-size: 24px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.horaire .titre .date {
  color: #b91919;
}
.horaire .titre .liens {
  position: absolute;
  top: 0;
  right: 0;
}
.horaire .titre .liens label {
  color: #494949;
  display: inline-block;
  text-align: center;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border: 4px solid transparent;
  vertical-align: top;
}
.horaire .titre .liens label span {
  display: none;
}
.horaire label {
  cursor: pointer;
}
.horaire.horaire-front {
  padding-top: 0;
}
.horaire .glaceA table thead tr {
  background-color: #042692;
}
@media (max-width: 767px) {
  .horaire table {
    width: 100%;
    text-align: center;
  }
  .horaire table thead tr {
    display: none;
  }
  .horaire table td,
  .horaire table th {
    padding: 0 10px;
  }
  .horaire table td:first-child {
    padding-top: 10px;
  }
  .horaire table td:first-child,
  .horaire table td:last-child {
    width: auto;
  }
  .horaire table td:last-child {
    padding-bottom: 10px;
  }
  .horaire table td:last-child:before {
    content: 'Chambres: ';
  }
  .horaire table .plus:before {
    display: none;
  }
  .horaire table td:nth-child(2) {
    font-weight: bold;
  }
  .horaire table th,
  .horaire table b {
    font-family: 'Renner';
    font-weight: 500;
  }
  .horaire table tr + tr {
    border-top: 1px dotted #bebebe;
  }
  .horaire table td,
  .horaire table th {
    display: block;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .horaire-front {
    margin-top: -100px;
    z-index: auto;
  }
  .horaire-front:before {
    height: 100px;
  }
  .horaire {
    margin-top: -100px;
    z-index: auto;
  }
  .horaire .titre {
    line-height: 74px;
    height: 70px;
  }
  .horaire .titre .liens {
    position: absolute;
    left: 100px;
    right: 100px;
    text-align: center;
  }
  .horaire .titre .liens label {
    margin: 0 40px;
    padding: 0 20px;
    width: auto;
  }
  .horaire .titre .liens label span {
    display: inline;
  }
}
.reservez {
  text-align: center;
  background-image: url(../img/reservez-fond1.jpg);
  background-size: cover;
  background-position: 50%;
  padding: 20px;
}
.reservez h2 {
  margin-top: 0;
  color: #FFF;
  margin: 0;
}
.reservez:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: rgba(242, 175, 0, 0.6);
}
.reservez .mobilebtn {
  display: inline-block;
}
.reservez .btn {
  background-color: #f2af00;
  color: #FFF;
  display: block;
  margin-top: 25px;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
}
.reservez .btn i {
  color: #3a3a3a;
}
.reservez .desktop {
  display: none;
}
.reservez .btnbox {
  overflow: auto;
}
.reservez .btnbox .box {
  display: inline-block;
  float: right;
  text-align: center;
}
.reservez .btnbox .btn {
  padding: 10px 15px;
  text-align: center;
}
.reservez .btnbox .btn .icon-fleche {
  font-size: 12px;
  color: #3a3a3a;
  vertical-align: middle;
}
.reservez .btnbox .btn + .btn {
  margin-top: 10px;
}
@media (max-width: 1300px) {
  .reservez .btnbox .box {
    display: block;
    float: none;
  }
  .reservez .btnbox .btn,
  .reservez .btnbox .tel {
    width: 100%;
    float: none;
    text-align: center;
  }
  .reservez .btnbox .tel {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .reservez {
    background: #FFF;
    padding: 40px 0;
  }
  .reservez h3 {
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    text-align: left;
    font-size: 1.6rem;
    margin: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    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 */
  }
  .reservez img {
    display: block;
  }
  .reservez h2 {
    color: #272236;
    margin: 0;
  }
  .reservez .mobilebtn {
    display: none;
  }
  .reservez:after {
    bottom: auto;
    top: 200px;
    background: #f2af00;
  }
  .reservez:before {
    bottom: 0;
    top: 260px;
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    display: block;
    background-image: url(../img/reservez-fond-brique.jpg);
  }
  .reservez .desktop {
    margin-top: 40px;
    display: block;
  }
  .reservez .desktop .content {
    padding: 20px;
    background-color: #FFF;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .reservez {
    padding: 40px 0;
  }
  .row.spaced {
    margin: -20px;
  }
  .row.spaced > [class^="col-"],
  .row.spaced > [class*=" col-"] {
    padding: 20px;
  }
}
@media (min-width: 1600px) {
  .row.spaced {
    margin: -40px;
  }
  .row.spaced > [class^="col-"],
  .row.spaced > [class*=" col-"] {
    padding: 40px;
  }
}
.servicesheader {
  background-image: url(../img/services-fond2.jpg);
  background-position: 50%;
  background-size: cover;
}
.modalcontent {
  display: none;
}
.services {
  background-color: #202025;
  color: #FFF;
}
.services a {
  color: inherit;
}
.services .row {
  font-size: inherit;
  width: 100%;
}
.services .col {
  background-size: cover;
  background-position: 50%;
  border-top: 2px solid #FFF;
  height: 360px;
  vertical-align: middle;
}
.services .col.services-autres {
  height: auto;
}
.services .nom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
  margin: 0;
  background: #18181c;
  color: #FFF;
}
.services .logo {
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 60px;
  display: block;
  z-index: 100;
}
.services .logo img {
  max-height: 100%;
}
.services .topbar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-family: 'Roboto condensed';
  line-height: 60px;
  background-color: rgba(25, 31, 50, 0.8);
  text-align: right;
}
.services .topbar > ul {
  list-style: none;
  margin: 0;
  display: block;
  margin: 10px 20px 10px 200px;
  padding: 0;
  overflow: hidden;
  height: 60px;
  line-height: 50px;
}
.services .topbar > ul li {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.services .topbar > ul a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
.services .topbar > ul .contacts {
  display: none;
  line-height: normal;
  text-align: left;
}
.services i {
  font-size: 32px;
  vertical-align: middle;
}
.services .services-autres {
  background-image: url(../img/services-fond.jpg);
  background-position: 50%;
  background-size: cover;
  text-align: center;
  vertical-align: middle;
  padding: 40px !important;
  margin: 0;
}
.services .services-autres h2 {
  margin-top: 0;
}
.services .services-autres ul {
  font-family: 'Renner';
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  list-style: none;
}
.services .services-autres ul li {
  margin-top: 15px;
}
.services .services-autres a {
  color: #FFF;
  text-decoration: none;
}
.services .services-autres .inside {
  display: inline-block;
  vertical-align: middle;
}
.services .services-autres .btn {
  background-color: #737373;
  color: #FFF;
  display: inline-block;
  margin-top: 25px;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.services .services-autres .btn .icon-fleche {
  font-size: 12px;
  color: #3a3a3a;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .services {
    width: 100%;
  }
  .services .nom {
    display: none;
  }
  .services .logo {
    bottom: auto;
    top: 50%;
    left: 50%;
    height: 200px;
    margin-top: 30px;
    transform: translate(-50%, -50%);
    max-width: 250px;
  }
  .services .topbar {
    background-color: transparent;
    text-align: center;
    bottom: 0;
    top: 0;
  }
  .services .topbar > ul {
    background-color: rgba(25, 31, 50, 0.8);
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    height: auto;
    line-height: 60px;
  }
  .services .topbar > ul .contacts {
    display: inline-block;
  }
  .services .topbar > ul li.siteinternet,
  .services .topbar > ul li.telephone {
    display: none;
  }
  .services .row {
    display: table;
    vertical-align: middle;
  }
  .services .col {
    width: 50%;
    display: table-cell;
    padding-bottom: 20%;
    height: 400px;
    border-top: 0;
    vertical-align: middle;
  }
}
.services img {
  display: block;
}
.services-page .row:nth-child(even) {
  direction: rtl;
}
.services-page .row:nth-child(even) .col {
  direction: ltr;
}
.services-page .col.texte {
  padding: 5% 4%;
  height: auto;
}
.services-page .col.texte h2 {
  margin-top: 0;
  height: auto;
  display: none;
}
@media (min-width: 768px) {
  .services.services-page .col.texte h2 {
    display: block;
  }
}
.programmes {
  background-color: #f4f1f2;
  border-top: 2px solid #FFF;
}
.programmes .btn {
  background-color: #EEE;
  color: #003c73;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
.programmes .btn .icon-fleche {
  font-size: 12px;
  color: #003c73;
  vertical-align: middle;
}
.programmes .titre {
  overflow: hidden;
  background-color: #003c73;
  color: #FFF;
  background-image: url(../img/programme-fond1.jpg);
  background-size: cover;
  background-position: 50%;
}
.programmes .titre h2 {
  max-width: 50%;
  text-align: left;
  margin: 0;
  padding: 15px 100px 15px 10px;
  font-weight: bold;
  padding-right: 40px;
}
.programmes .titre .icon-patin {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 2em;
  margin-top: -1em;
  font-size: 120px;
  opacity: 0.5;
}
.programmes .tabs-hlabels {
  display: none;
}
.programmes .tabs-hlabels > label {
  display: inline-block;
  background-color: #02407d;
  color: #FFF;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 20px;
  padding: 15px 25px;
  cursor: pointer;
  text-transform: uppercase;
  background-image: url(../img/programme-fond2.jpg);
  background-size: cover;
  background-position: 50%;
}
.programmes .tabs-hlabels > label:after {
  display: inline-block;
  content: '\203A';
  float: right;
  transition: 0.5s;
  margin-left: 10px;
}
.programmes .tabs-hlabels > label.active {
  background: #FFF;
  color: #034e90;
}
.programmes .tabs-hlabels > label.active:after {
  transform: rotate(90deg);
}
.programmes .tabs-hlabels > label + label {
  border-left: 1px solid #FFF;
}
.programmes .tabs .tab > label {
  border-top: 1px solid #FFF;
  display: block;
  background-color: #001947;
  background-image: url(../img/programme-fond2.jpg);
  background-size: cover;
  background-position: 50%;
  color: #FFF;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 20px;
  padding: 15px;
  cursor: pointer;
  text-transform: uppercase;
}
.programmes .tabs .tab > label:after {
  display: inline-block;
  content: '\203A';
  float: right;
  transition: 0.5s;
  transform: rotate(90deg);
}
.programmes .tabs .tab > input {
  display: none;
}
.programmes .tabs .tab .tab-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.programmes .tabs .tab .tab-content .inside {
  display: block;
  border: 2px solid #0065bd;
  padding: 20px;
  background-color: #FFF;
}
.programmes .tabs .tab > input:checked ~ label:after {
  transform: rotate(270deg);
}
.programmes-page {
  padding-top: 70px;
  background-color: rgba(0, 25, 71, 0.3);
  background-size: cover;
  background-position: top;
}
.programmes-page .tabs .tab > label:after {
  display: none;
}
.programmes-page .tabs .tab .tab-content {
  max-height: none;
}
@media (min-width: 768px) {
  .programmes {
    background-image: url(../img/programme-fond3.jpg);
    background-size: cover;
    background-position: bottom;
  }
  .programmes .titre h2 {
    max-width: 100%;
    padding: 20px 0px 20px 10px;
    font-size: 40px;
    text-align: left;
  }
  .programmes.programmes-page {
    background-image: url(../img/programme-fond4.jpg);
  }
}
@media (min-width: 768px) {
  .programmes .content {
    padding: 25px 10px;
    min-height: 600px;
  }
  .programmes .tabs-hlabels {
    display: block;
  }
  .programmes .tabs .tab > label {
    display: none;
  }
  .programmes .tabs .tab .tab-content {
    max-height: none !important;
    display: none;
  }
  .programmes .tabs .tab .tab-content .inside {
    display: block;
    border: 0;
  }
  .programmes .tabs .tab > input:checked ~ .tab-content {
    display: block;
  }
  .programmes-page h1 {
    font-size: 7vw;
    padding: 0;
  }
  .programmes-page .row {
    text-align: right;
  }
  .programmes-page .row .col-lg-8 {
    text-align: left;
  }
  .programmes-page .content {
    padding: 25px 10px 60px;
  }
  .programmes-page .tabs .tab .tab-content .inside {
    max-height: none;
    overflow: auto;
  }
  .programmes-page .tabs .tab > input:checked ~ .tab-content {
    display: block;
  }
}
@media (min-width: 1024px) {
  .programmes .content {
    padding-left: 0;
  }
  .programmes-page {
    padding-top: 100px;
  }
}
@media (min-width: 1368px) {
  .programmes-page h1 {
    font-size: 7vw;
  }
}
.temoignages {
  border-top: 2px solid #FFF;
  text-align: center;
}
.temoignages .container {
  z-index: 10;
}
.temoignages .date {
  font-size: 18px;
  color: #575757;
}
.temoignages .etoiles {
  margin-top: 30px;
  font-size: 36px;
  color: #b91919;
  font-family: 'Renner';
  font-weight: 500;
}
.temoignages .etoiles span {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  font-size: 18px;
}
.temoignages .nom {
  font-weight: bold;
  margin-bottom: 30px;
}
.temoignages .slider {
  z-index: 1000;
}
.temoignages .slide {
  width: 100%;
}
.temoignages .imageside {
  display: none;
  text-align: center;
}
.temoignages .temoignages-box {
  font-size: 20px;
  text-align: center;
}
.temoignages .temoignages-box p {
  margin-top: 0;
}
.temoignages .bottomSection {
  margin: 20px -20px -20px;
  min-height: 60px;
  line-height: 60px;
  background-color: #b91919;
  padding: 0 10px;
  text-align: right;
  font-size: 16px;
}
.temoignages .bottomSection a {
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}
.temoignages h3 {
  font-size: 35px;
  color: #b91919;
  margin: 30px 0 10px;
}
.temoignages .flickity-slider .slide + .slide {
  display: block;
}
.temoignages .slide + .slide {
  display: none;
}
.temoignages .suite {
  color: #494949;
  margin-top: 1em;
  padding: 15px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
.temoignages .suite .icon-fleche {
  color: #b11212;
}
.temoignages .fbCol {
  display: none;
}
.temoignages .temoi-actu-box {
  border: 2px solid #b11212;
  max-width: 767px;
  margin: 0 0 0 auto;
  background-color: #FFF;
  text-align: left;
}
.temoignages .temoi-actu-box .labels {
  display: table;
  text-align: center;
  width: 100%;
}
.temoignages .temoi-actu-box .labels label {
  background-color: #efefef;
  width: 50%;
  display: table-cell;
  font-family: 'Renner';
  font-weight: bold;
  font-size: 18px;
  padding: 15px 0;
  cursor: pointer;
  color: #6f6f6f;
  text-transform: uppercase;
}
.temoignages .temoi-actu-box .actualites,
.temoignages .temoi-actu-box .temoignages-box {
  display: none;
  padding: 20px;
}
.temoignages .temoi-actu-box > input {
  display: none;
}
.temoignages .temoi-actu-box #toggleTemoi:checked ~ .labels [for="toggleTemoi"] {
  color: #FFF;
  background-color: #b11212;
}
.temoignages .temoi-actu-box #toggleTemoi:checked ~ .temoignages-box {
  display: block;
}
.temoignages .temoi-actu-box #toggleActu:checked ~ .labels [for="toggleActu"] {
  color: #FFF;
  background-color: #b11212;
}
.temoignages .temoi-actu-box #toggleActu:checked ~ .actualites {
  display: block;
}
.temoignages .flickity-page-dots {
  display: none;
}
@media (min-width: 375px) {
  .temoignages .temoi-actu-box .labels label {
    font-size: 20px;
  }
}
@media (min-width: 640px) {
  .temoignages .imageside {
    padding-right: 20px;
    display: inline-block;
  }
  .temoignages .flickity-page-dots {
    display: block;
    text-align: left;
    right: auto;
    float: left;
    width: auto;
  }
}
@media (min-width: 768px) {
  .temoignages {
    padding: 40px 0;
    background-image: url(../img/temoignages-fond.jpg);
    background-size: cover;
    background-position: 50%;
  }
  .temoignages .fbCol {
    display: inline-block;
  }
}
.temoignagesheader {
  background-color: #f6f6f6;
  background-image: url(../img/temoignages-fond.jpg);
  background-position: 50%;
  background-size: cover;
  padding-bottom: 200px;
  z-index: 1;
}
.temoignagesheader h1 {
  color: #36363a;
}
@media (min-width: 1024px) {
  .temoignagesheader:before {
    content: '';
    display: block;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 90px;
    background-color: #35363a;
    opacity: 0.9;
  }
}
@media (min-width: 1400px) {
  .temoignagesheader:before {
    height: 100px;
  }
}
.temoignagesheader + .temoignages-pages {
  margin-top: -200px;
  z-index: auto;
}
.temoignages-pages {
  background: #f6f6f6;
  padding-top: 0;
}
.temoignages-pages .container {
  margin-top: 0;
  padding-top: 0;
}
.temoignages-pages:before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,f6f6f6+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6f6f6', endColorstr='#f6f6f6', GradientType=0);
  /* IE6-9 */
  position: absolute;
  z-index: 10;
}
.temoignages-pages .temoi-actu-box {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  background-color: transparent;
}
.temoignages-pages .temoi-actu-box .labels {
  text-align: left;
  font-size: 0;
  display: block;
}
.temoignages-pages .temoi-actu-box .labels label {
  padding: 15px 15px;
  width: auto;
  display: inline-block;
  font-size: 18px;
}
.temoignages-pages .temoi-actu-box .temoignages-box,
.temoignages-pages .temoi-actu-box .actualites {
  background-color: #FFF;
}
.temoignages-pages .temoi-actu-box .tem + .tem {
  margin-top: 2%;
  padding-top: 2%;
  border-top: 1px solid #EEE;
}
.temoignages-pages .temoi-actu-box #toggleTemoi:checked ~ .labels [for="toggleTemoi"]:after {
  transform: rotate(90deg);
}
.temoignages-pages .temoi-actu-box #toggleActu:checked ~ .labels [for="toggleActu"]:after {
  transform: rotate(90deg);
}
.temoignages-pages .temoignages-box {
  text-align: left;
}
.temoignages-pages .nouvelle .imageside {
  display: block;
  padding: 0;
  margin: 10px 0;
  text-align: center;
}
.temoignages-pages .nouvelle + .nouvelle {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #EEE;
}
.temoignages-pages .links {
  margin-top: 2%;
  padding-top: 10px;
  border-top: 1px solid #EEE;
}
.temoignages-pages .links a {
  display: inline-block;
  background-color: #b11212;
  color: #FFF;
  margin-top: 1em;
  padding: 15px 25px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
}
.temoignages-pages .links a:before {
  content: "\e908";
  font-family: 'csmal' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  transform: rotate(180deg);
  margin-right: 10px;
}
.temoignages-pages .links .next {
  text-align: right;
}
.temoignages-pages .links .next a:before {
  display: none;
}
.temoignages-pages .links .next a:after {
  content: "\e908";
  font-family: 'csmal' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  margin-left: 10px;
}
@media (min-width: 360px) {
  .temoignages-pages .labels label:after {
    display: inline-block;
    content: '\203A';
    float: right;
    transition: 0.5s;
    margin-left: 10px;
  }
}
@media (min-width: 400px) {
  .temoignages-pages .labels label:after {
    display: inline-block;
    content: '\203A';
    float: right;
    transition: 0.5s;
    margin-left: 20px;
  }
}
@media (min-width: 768px) {
  .temoignages-pages .nouvelle {
    min-height: 200px;
    padding-left: 250px;
  }
  .temoignages-pages .nouvelle .imageside {
    left: 0;
    top: 50%;
    width: 200px;
    display: block;
    padding: 0;
    margin: 10px 0;
    position: absolute;
    min-height: 200px;
    transform: translate(0, -50%);
    text-align: center;
  }
  .temoignages-pages .nouvelle .imageside img {
    max-width: 100%;
    height: auto !important;
  }
  .temoignages-pages .nouvelle + .nouvelle {
    margin-top: 2%;
    padding-top: 2%;
    border-top: 1px solid #EEE;
  }
}
.articleseul {
  margin-bottom: 0;
  padding-bottom: 0;
}
.articledate {
  font-weight: bold;
  font-family: 'Bebas Neue';
  letter-spacing: 1px;
  font-size: 20px;
  color: #b91919;
  display: inline-block;
  border-top: 2px solid #b91919;
  padding-top: 1.5vw;
}
.article {
  text-align: left;
  padding: 20px;
  min-height: 200px;
  background: #f6f6f6;
}
.fancybox-navigation {
  position: static;
}
.boitemagique {
  padding: 20px 0;
  max-width: 340px;
  margin: 0 auto;
}
.boitemagique .boitemagiqueslide {
  width: 300px;
  height: 250px;
  background-color: #EEE;
  margin: 0 20px;
  display: block;
}
.boitemagique .boitemagiqueslide img {
  display: block;
}
.boitemagique .slider {
  height: 250px;
}
@media (min-width: 700px) {
  .boitemagique {
    max-width: 680px;
  }
}
@media (min-width: 1080px) {
  .boitemagique {
    max-width: 1020px;
  }
}
@media (min-width: 1400px) {
  .boitemagique {
    max-width: 1360px;
  }
}
footer {
  background-color: #35363a;
  color: #FFF;
  text-align: center;
}
footer a {
  text-decoration: none;
  color: #FFF;
}
footer .suivez-nous {
  font-family: 'Renner';
  text-transform: uppercase;
  font-weight: 500;
  color: #FFF;
  padding: 10px;
  line-height: 24px;
  font-size: 20px;
  background-color: #b91919;
  text-align: center;
  margin-bottom: 30px;
  z-index: 1000;
}
footer .suivez-nous:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -200px;
  width: 10000px;
  content: '';
  background-color: #b91919;
}
footer .adresse-col .center-content {
  display: inline-block;
  text-align: left;
}
footer .adresse-col .logo {
  display: none;
}
footer .adresse-col .nom {
  font-size: 1rem;
  font-family: 'Renner';
  text-transform: uppercase;
  font-weight: 500;
}
footer .adresse-col .contact {
  margin-top: 10px;
}
footer .adresse-col a {
  display: block;
}
footer .adresse-col a[href^="tel:"] {
  font-weight: bold;
}
footer .menu-col {
  display: none;
}
footer .carte-col {
  padding: 10px;
}
footer .carte-col .carte {
  min-height: 300px;
  background-color: #EEE;
}
footer .autre-col {
  padding: 0 0 20px;
}
footer .autre-col a {
  color: #cacbcb;
}
footer .autre-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .autre-col ul li {
  display: inline-block;
  padding: 10px;
}
footer .autre-col .copy {
  display: none;
}
@media (min-width: 768px) {
  footer .adresse-col {
    margin-bottom: 30px;
  }
  footer .adresse-col .logo {
    text-align: left;
    display: block;
    margin-bottom: 20px;
  }
  footer .adresse-col .logo img {
    max-width: 220px;
  }
  footer .adresse-col .center-content {
    display: block;
  }
}
@media (min-width: 1024px) {
  footer {
    padding-top: 50px;
  }
  footer .suivez-nous {
    width: 25%;
    position: absolute;
    top: 0px;
    right: 0;
    text-align: left;
    padding: 20px;
  }
  footer .suivez-nous:before {
    left: 0;
  }
  footer .adresse-col {
    margin-bottom: 30px;
  }
  footer .adresse-col .center-content {
    display: block;
  }
  footer .footer-row {
    font-size: 0;
  }
  footer .footer-row .adresse-col,
  footer .footer-row .carte-col,
  footer .footer-row .menu-col,
  footer .footer-row .autre-col {
    display: inline-block;
    vertical-align: top;
    font-size: 1.1rem;
  }
  footer .footer-row .adresse-col {
    width: 25%;
  }
  footer .footer-row .carte-col {
    width: 25%;
    padding-top: 0;
  }
  footer .footer-row .carte-col .carte {
    height: 250px;
  }
  footer .footer-row .menu-col {
    width: 25%;
    text-align: right;
  }
  footer .footer-row .menu-col a {
    color: #b1b1b1;
  }
  footer .footer-row .menu-col ul {
    padding-right: 25%;
    list-style: none;
    font-family: 'Bebas Neue';
    letter-spacing: 1px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    display: inline-block;
  }
  footer .footer-row .menu-col ul li {
    margin-bottom: 10px;
  }
  footer .footer-row .autre-col {
    width: 25%;
    padding-top: 100px;
    font-size: 0.9rem;
  }
  footer .footer-row .autre-col ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  footer .footer-row .autre-col ul li {
    display: block;
    padding: 0 0 5px;
  }
  footer .footer-row .autre-col .copy {
    margin-top: 40px;
    display: block;
    text-align: left;
    margin-bottom: 5px;
  }
  footer .footer-row .autre-col .copy .links ul,
  footer .footer-row .autre-col .copy .links li {
    display: inline;
  }
  footer .footer-row .autre-col .copy .links a {
    color: #FFF;
  }
  footer .footer-row .autre-col .copy .links a + a {
    margin-left: 10px;
    padding-left: 10px;
  }
  footer .footer-row .autre-col .copy .links a + a:before {
    display: block;
    content: '';
    position: absolute;
    top: 5px;
    bottom: 3px;
    left: 0;
    width: 1px;
    background-color: #FFF;
  }
}
@media (min-width: 768px) {
  footer {
    padding: 0 4% 5%;
  }
}
@media (min-width: 1024px) {
  footer {
    padding: 2.5% 4%;
  }
}
@font-face {
  font-family: 'Roboto condensed';
  src: url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Roboto condensed';
  font-weight: bold;
  src: url('../fonts/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('../fonts/BebasNeue-Regular.woff') format('woff'), url('../fonts/BebasNeue-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Bebas Neue';
  font-weight: bold;
  src: url('../fonts/BebasNeue-Bold.woff') format('woff'), url('../fonts/BebasNeue-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Renner';
  src: url('../fonts/renner-book.woff') format('woff'), url('../fonts/renner-book.otf') format('embedded-opentype');
}
@font-face {
  font-family: 'Renner';
  font-weight: 500;
  src: url('../fonts/renner-medium.woff') format('woff'), url('../fonts/renner-medium.otf') format('embedded-opentype');
}
@font-face {
  font-family: 'Renner';
  font-weight: bold;
  src: url('../fonts/renner-bold.woff') format('woff'), url('../fonts/renner-bold.otf') format('embedded-opentype');
}
@font-face {
  font-family: 'csmal';
  src: url('../fonts/csmal.eot?d0c1y3');
  src: url('../fonts/csmal.eot?d0c1y3#iefix') format('embedded-opentype'), url('../fonts/csmal.ttf?d0c1y3') format('truetype'), url('../fonts/csmal.woff?d0c1y3') format('woff'), url('../fonts/csmal.svg?d0c1y3#csmal') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'csmal' !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;
}
.icon-glaces:before {
  content: "\e900";
}
.icon-horraire:before {
  content: "\e901";
}
.icon-patin:before {
  content: "\e902";
}
.icon-personne:before {
  content: "\e903";
}
.icon-site-internet:before {
  content: "\e904";
}
.icon-telephone:before {
  content: "\e905";
}
.icon-courriel:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e907";
}
.icon-fleche:before {
  content: "\e908";
}
.icon-horloge:before {
  content: "\e909";
}
.centreheader {
  background-image: url(../img/fond-complexe.jpg);
  background-size: cover;
  background-position: 50%;
  color: #FFF;
}
.centreheader h1,
.centreheader h2.titreimportant {
  margin-top: 0;
  padding-left: 0;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.centreheader h2 {
  padding-left: 0;
  font-size: 30px;
}
.centreheader.split .right {
  padding: 0;
}
.split {
  display: table;
  width: 100%;
}
.split .left,
.split .right {
  vertical-align: middle;
  padding: 40px 10px;
}
@media (min-width: 768px) {
  .split .left,
  .split .right {
    padding: 10% 2%;
  }
}
@media (min-width: 1024px) {
  .split {
    display: table;
    width: 100%;
  }
  .split .left,
  .split .right {
    padding: 5% 2%;
    width: 50%;
    display: table-cell;
  }
}
.aboutdata h1,
.aboutdata h2.titreimportant {
  margin-top: 0;
  padding-left: 0;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.aboutdata .left {
  background-color: #eeeeee;
  color: #35363a;
}
.aboutdata .left h2 {
  color: #35363a;
  margin-bottom: 0;
  padding-bottom: 0;
}
.aboutdata .right {
  text-align: center;
  color: #FFF;
  background-image: url(../img/fond-complexe2.jpg);
  background-size: cover;
  background-position: 50%;
}
.mapbox {
  height: 400px;
  background-color: #EEE;
}
.contactheader {
  padding-top: 0;
  background-color: #22292f;
  color: #FFF;
  text-align: center;
}
.contactheader h1 {
  margin: 0;
  padding: 0;
}
.contactheader .left {
  text-align: center;
}
.contactheader .right {
  display: inline-block;
  text-align: left;
}
.contactheader .left {
  padding-top: 110px;
  padding-bottom: 20px;
}
.contactheader .right {
  padding-top: 0;
}
.contactheader .logo {
  display: none;
}
.contactheader .nom {
  font-size: 16px;
  font-family: 'Renner';
  text-transform: uppercase;
  font-weight: 500;
}
.contactheader .contact {
  margin-top: 10px;
}
.contactheader a {
  display: block;
  color: #FFF;
  text-decoration: none;
}
.contactheader a[href^="tel:"] {
  font-weight: bold;
}
@media (min-width: 768px) {
  .contactheader.split {
    display: table;
    width: 100%;
  }
  .contactheader.split .secondline {
    display: block;
  }
  .contactheader.split .left {
    background-image: url(../img/fond-contact.jpg);
    background-size: cover;
    background-position: 50%;
  }
  .contactheader.split .left,
  .contactheader.split .right {
    text-align: left;
    padding: calc(10% + 100px) 4% 10%;
    width: 50%;
    display: table-cell;
  }
}
.contactbox {
  background-color: #FFF;
  padding: 40px 10px;
}
.contactbox h3 {
  color: #b91919;
  font-family: 'Renner';
  font-weight: 500;
  text-transform: uppercase;
}
.contactbox .gestionnaire {
  margin-bottom: 20px;
}
.contactbox .gestionnaire .nom {
  color: #b91919;
  font-weight: bold;
  text-transform: uppercase;
}
.contactbox .gestionnaire a {
  color: inherit;
}
.contactbox input,
.contactbox select,
.contactbox textarea {
  background-color: #f6f6f6;
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 1rem !important;
}
.contactbox input:focus,
.contactbox select:focus,
.contactbox textarea:focus {
  outline: none;
}
.contactbox textarea {
  height: 7.1rem !important;
}
.contactbox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('../img/selectarrow.svg');
  background-size: 8px 8px;
  padding-left: 0;
}
.contactbox select option {
  background: #FFF;
  color: #000;
}
@media (min-width: 768px) {
  .contactbox {
    padding: 5% 4%;
  }
}
@media (min-width: 1024px) {
  .contactbox {
    padding: 2.5% 4%;
  }
}
.gform_wrapper input[type="submit"] {
  background-color: #b91919;
  color: #FFF;
  margin-top: 1em;
  padding: 15px 25px;
  text-decoration: none;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.8em;
  border: 0;
  margin: 0 !important;
}
@media (min-width: 1024px) {
  .gform_wrapper.gform_multi_column_wrapper {
    margin: 0 -20px;
  }
  .gform_wrapper.gform_multi_column_wrapper ul.gform_fields,
  .gform_wrapper.gform_page_multi_column ul.gform_fields {
    float: left;
    font-family: 'Renner';
    width: 50%;
    font-size: 16px;
    padding: 0 20px;
    font-weight: 500;
  }
  .gform_wrapper.gform_multi_column_wrapper ul.gform_fields.column_2,
  .gform_wrapper.gform_page_multi_column ul.gform_fields.column_2 {
    float: right;
  }
  .gform_wrapper.gform_multi_column_wrapper .gform_footer {
    text-align: right;
  }
}
.gform_wrapper ul.gform_fields.top_label .gfield {
  position: relative;
}
.gform_wrapper ul.gform_fields.top_label label {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  font-weight: 400;
  padding: 6px 5px 0px 10px;
  color: #CCC;
  text-overflow: ellipsis;
  overflow: hidden;
  top: 0;
  left: 0;
  transition: all 0.2s;
  width: 100%;
  white-space: nowrap;
}
.gform_wrapper ul.gform_fields.top_label .ginput_container_select {
  z-index: 200;
}
.gform_wrapper ul.gform_fields.top_label li.gfield {
  margin-top: 20px;
  padding-right: 0;
}
.gform_wrapper ul.gform_fields.top_label .isnotempty label {
  display: none;
}
.gform_wrapper ul.gform_fields.top_label label,
.gform_wrapper ul.gform_fields.top_label input {
  margin: 0;
  line-height: 1.3;
  font-size: 1rem;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: 1.3 !important;
  min-height: none !important;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
.gform_wrapper li.gfield.gfield_creditcard_warning {
  padding: 0 !important;
  border: 0 !important;
}
.gform_wrapper li.gfield.gfield_error label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning label,
.gform_wrapper li.gfield.gfield_creditcard_warning label {
  margin-top: 0 !important;
}
.gform_wrapper li.gfield.gfield_error.isnotempty label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning.isnotempty label,
.gform_wrapper li.gfield.gfield_creditcard_warning.isnotempty label {
  margin-top: -24px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container span.gfield_required {
  display: inline-block !important;
  width: auto !important;
  margin-left: 4px !important;
}
.locations {
  background-color: #f4f1f2;
  border-top: 2px solid #FFF;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(../img/fond-location.jpg);
  background-color: #FFF;
}
.locations .tab-content {
  height: auto !important;
  max-height: none !important;
  font-size: 15px;
}
.locations h1 {
  color: #fdbb0e;
}
.locations .sous-titre {
  color: #FFF;
  text-shadow: 0 0 40px #000;
  margin-top: 0;
}
.locations h3 {
  color: #fdbb0e;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
.locations .btn {
  background-color: #EEE;
  color: #003c73;
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: bold;
}
.locations .btn .icon-fleche {
  font-size: 12px;
  color: #003c73;
  vertical-align: middle;
}
.locations .titre {
  overflow: hidden;
  background-color: #003c73;
  color: #FFF;
  background-size: cover;
  background-position: 50%;
}
.locations .titre h2 {
  max-width: 50%;
  text-align: left;
  margin: 0;
  padding: 15px 100px 15px 10px;
  font-weight: bold;
  padding-right: 40px;
  color: #494949;
}
.locations .titre .icon-patin {
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 2em;
  margin-top: -1em;
  font-size: 120px;
  opacity: 0.5;
}
.locations .tabs-hlabels {
  display: none;
}
.locations .tabs-hlabels > label {
  display: inline-block;
  background-color: #fdbb0e;
  color: #FFF;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 2vw;
  padding: 15px;
  cursor: pointer;
  text-transform: uppercase;
  background-size: cover;
  background-position: 50%;
}
.locations .tabs-hlabels > label small {
  position: absolute;
  top: 35px;
  left: 15px;
  font-size: 10px;
}
.locations .tabs-hlabels > label:after {
  display: inline-block;
  content: '\203A';
  float: right;
  transition: 0.5s;
  margin-left: 10px;
}
.locations .tabs-hlabels > label.active {
  background: #FFF;
  color: #000;
}
.locations .tabs-hlabels > label.active:after {
  transform: rotate(90deg);
}
.locations .tabs-hlabels > label + label {
  border-left: 1px solid #FFF;
}
.locations .tabs .tab > label {
  border-top: 1px solid #FFF;
  display: block;
  background-color: #fdbb0e;
  background-size: cover;
  background-position: 50%;
  color: #FFF;
  font-family: 'Renner';
  font-weight: 500;
  font-size: 20px;
  padding: 15px;
  cursor: pointer;
  text-transform: uppercase;
}
.locations .tabs .tab > label:after {
  display: inline-block;
  content: '\203A';
  float: right;
  transition: 0.5s;
  transform: rotate(90deg);
}
.locations .tabs .tab > input {
  display: none;
}
.locations .tabs .tab .tab-content {
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.locations .tabs .tab .tab-content .inside {
  display: block;
  padding: 20px;
  background-color: #FFF;
}
.locations .tabs .tab > input:checked ~ .tab-content {
  display: block;
}
.locations .tabs .tab > input:checked ~ label:after {
  transform: rotate(270deg);
}
@media (max-width: 767px) {
  .locations .tabs .tab .tab-content .inside {
    padding: 10px;
  }
}
.locations-page {
  background-color: #FFF;
  padding-top: 70px;
}
.locations-page .tabs .tab > label:after {
  display: none;
}
.locations-page .tabs .tab .tab-content {
  max-height: none;
}
@media (min-width: 768px) {
  .locations .titre h2 {
    max-width: 100%;
    padding: 20px 0px 20px 10px;
    font-size: 40px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .locations .content {
    padding: 25px 10px;
    min-height: 600px;
  }
  .locations .tabs-hlabels {
    display: block;
  }
  .locations .tabs .tab > label {
    display: none;
  }
  .locations .tabs .tab .tab-content {
    max-height: none !important;
    display: none;
  }
  .locations .tabs .tab .tab-content .inside {
    display: block;
    border: 0;
  }
  .locations .tabs .tab > input:checked ~ .tab-content {
    display: block;
  }
  .locations-page h1 {
    font-size: 7vw;
    padding: 0;
    color: #fdbb0e;
  }
  .locations-page .row .col-lg-8 {
    text-align: left;
  }
  .locations-page .row.right {
    text-align: right;
  }
  .locations-page .content {
    padding: 25px 10px 60px;
  }
  .locations-page .tabs .tab .tab-content .inside {
    max-height: none;
    overflow: auto;
  }
  .locations-page .tabs .tab > input:checked ~ .tab-content {
    display: block;
  }
}
@media (min-width: 1024px) {
  .locations .content {
    padding-left: 0;
  }
  .locations .tabs-hlabels > label {
    font-size: 1.2vw;
  }
  .locations .tabs-hlabels > label small {
    top: 30px;
  }
  .locations-page {
    padding-top: 100px;
  }
  .locations-page h1 {
    max-width: 3.3em;
  }
  .locations-page .sous-titre {
    color: #FFF;
    max-width: 7em;
  }
}
@media (min-width: 1368px) {
  .locations-page h1 {
    font-size: 7vw;
  }
  .locations-page .col-lg-8 {
    top: -150px;
  }
  .locations .tabs-hlabels > label {
    font-size: 1vw;
  }
  .locations .tabs-hlabels > label small {
    top: 35px;
  }
}
.location-casier {
  background-image: url(../img/fond-casier.jpg);
}
.location-casier:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
}
.location-casier .sous-titre,
.location-casier h1 {
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}
.location-salle {
  background-image: url(../img/fond-salle.jpg);
}
.location-salle:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  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 */
}
.location-salle h1 {
  color: #000;
}
.location-salle .sous-titre,
.location-salle h1 {
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
fieldLine .ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/* button sets */
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  border-radius: 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
  border-radius: 8px;
}
#ui-datepicker-div {
  padding: 10px;
}
.ui-datepicker {
  padding: 0;
  border: none;
  box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  width: 244px;
}
.ui-corner-all {
  border-radius: 0;
}
.ui-widget-header {
  border: 0;
}
.ui-datepicker-header {
  text-align: center;
  background: white;
  padding-bottom: 15px;
  font-weight: 300;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-title {
  border: none;
  outline: none;
  margin: 5px;
}
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
  border: none;
  outline: none;
  background: #ffffff;
}
.ui-datepicker-calendar .ui-state-default {
  background: none;
  border: none;
  text-align: center;
  height: 24px;
  width: 24px;
  line-height: 22px;
}
.ui-datepicker-calendar .ui-state-highlight {
  color: #575fcf;
}
.ui-datepicker-calendar .ui-state-active {
  border-radius: 50%;
  background-color: #575fcf;
  color: white;
}
.ui-datepicker-calendar thead th {
  color: #999999;
  font-weight: 200;
}
.ui-datepicker-month,
.ui-datepicker-year {
  margin-right: 10px;
  apparence: none;
  appearance: none;
  border: 0;
  box-shadow: 0 0 0;
  border-radius: 0;
  border-bottom: 2px solid #575fcf;
  text-align: center;
}
.ui-datepicker-month:active,
.ui-datepicker-year:active,
.ui-datepicker-month:focus,
.ui-datepicker-year:focus {
  outline: 0;
  box-shadow: 0 0 0;
  border-bottom: 2px solid #575fcf;
}
.ui-datepicker-month {
  margin-right: 5px !important;
}
.ui-datepicker-buttonpane {
  border: none;
}
.ui-datepicker-buttonpane .ui-state-default {
  background: white;
  border: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker-buttonpane .ui-datepicker-current {
  background: white;
  color: #575fcf;
  text-transform: uppercase;
  border: none;
  opacity: 1;
  font-weight: 200;
  outline: none;
}
.ui-datepicker-buttonpane .ui-datepicker-close:hover,
.ui-datepicker-buttonpane .ui-datepicker-current:hover {
  background: #ffffff;
}
.reservationProgressLine {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.reservationProgressLine li {
  flex-grow: 1;
  font-size: 1.2em;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 8px solid #fdbb0e;
  font-family: 'Bebas Neue';
  font-weight: bold;
}
.reservationProgressLine li:before {
  content: '';
  display: block;
  position: absolute;
  transform: translate(-50%, 50%);
  bottom: -4px;
  border-radius: 50%;
  left: 50%;
  height: 5px;
  width: 5px;
  background-color: #fdbb0e;
  transform: all 0.2s;
}
.reservationProgressLine li.active {
  border-color: #36c01f;
  cursor: pointer;
}
.reservationProgressLine li.active:before {
  background: #36c01f;
  width: 15px;
  height: 15px;
}
@media (min-width: 768px) {
  .fieldLine {
    display: flex;
    align-items: flex-end;
  }
}
.label {
  margin-right: 10px;
  flex-grow: 1;
}
.label label {
  margin-top: 10px;
  line-height: 20px;
  margin-bottom: 5px;
  display: block;
}
.label input,
.label select,
.label textarea {
  width: 100%;
  border: 1px solid #e1e1e1;
  background-color: #ebebeb;
  border-radius: 0;
  padding: 5px;
}
.label input[disabled] {
  background-color: #FFF;
  border: #FFF;
}
.label textarea {
  height: 100px;
  resize: vertical;
}
.label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('../img/selectarrow.svg');
  background-size: 18px 8px;
  background-position: 100% 50%;
}
.label .field {
  flex-grow: auto;
  flex-basis: 100%;
  display: flex;
}
.label .field input,
.label .field select {
  width: 20px;
  flex-basis: 100%;
  flex-grow: 1;
}
.label .field .labelDate {
  text-align: center;
  flex-grow: 1;
}
.label .field .labelDate label {
  display: block;
  height: 10px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 10px;
  font-size: 10px;
}
.label .field .labelDate input {
  margin: 0 2px;
}
.tableauDispo table {
  margin: 0 auto;
}
.tableauDispo table span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin: 5px;
  color: #666;
}
.tableauDispo table span.red {
  background-color: #cc3300;
  color: #FFF;
  cursor: no-drop;
}
.tableauDispo table span.green {
  color: #FFF;
  background-color: #36c01f;
  cursor: pointer;
}
.tableauDispo table span.yellow {
  color: #FFF;
  background-color: #ecae0d;
  cursor: pointer;
}
.rmHoraireInstruction,
.ReservationMultiplesResume,
.ReservationResume {
  margin: 3em 5% 2em;
  text-align: center;
}
.resumeReservation .ReservationResume {
  font-weight: bold;
}
.ReservationMultiplesSelection td,
.resumeReservation .sommaireReservation td,
.ReservationMultiplesSelection th,
.resumeReservation .sommaireReservation th {
  padding: 5px;
}
.ReservationMultiplesSelection td:first-child,
.resumeReservation .sommaireReservation td:first-child,
.ReservationMultiplesSelection th:first-child,
.resumeReservation .sommaireReservation th:first-child {
  display: none;
}
.ReservationMultiplesSelection th,
.resumeReservation .sommaireReservation th,
.ReservationMultiplesSelection td,
.resumeReservation .sommaireReservation td {
  padding: 5px;
}
.ReservationMultiplesSelection td:nth-child(2),
.resumeReservation .sommaireReservation td:nth-child(2),
.ReservationMultiplesSelection th:nth-child(2),
.resumeReservation .sommaireReservation th:nth-child(2) {
  text-align: left;
}
.ReservationMultiplesSelection td:nth-child(2):first-letter,
.resumeReservation .sommaireReservation td:nth-child(2):first-letter,
.ReservationMultiplesSelection th:nth-child(2):first-letter,
.resumeReservation .sommaireReservation th:nth-child(2):first-letter {
  text-transform: uppercase;
}
.sommaireCouts th:first-child {
  text-align: left;
}
.sommaireCouts td:first-child {
  padding-left: 0;
  white-space: nowrap;
}
.sommaireCouts th:nth-child(2),
.sommaireCouts td:nth-child(2) {
  text-align: right;
}
.resumeReservation .sommaireReservation th:nth-child(3),
.resumeReservation .sommaireReservation td:nth-child(3) {
  text-align: center;
}
.resumeReservation table td {
  padding: 5px;
}
.ReservationMultiplesResume {
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}
.ReservationMultiplesTitre {
  margin-bottom: 10px;
  margin-top: 1em;
}
.ReservationMultiplesTitre h3 {
  margin-top: 0;
  flex-grow: 1;
  color: #000;
}
.ReservationMultiplesTitre span {
  display: inline-block;
  border: 0;
  padding: 5px 20px 5px 0;
  font-weight: bold;
}
.ReservationMultiplesTitre select {
  background-color: #fdbb0e;
  border: 0;
  border-radius: 0;
  padding: 5px 30px 5px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url('../img/selectarrow.svg');
  background-size: 18px 8px;
  background-position: 100% 50%;
}
.ReservationMultiplesTitre h3 span {
  margin-bottom: 0;
  float: right;
  padding: 0;
  font-size: 0.8em;
  margin-top: 0.1em;
}
@media (min-width: 768px) {
  .ReservationMultiplesTitre span {
    display: inline-block;
    border: 0;
    padding: 5px 30px;
    font-weight: bold;
  }
}
.ReservationMultiplesOptions,
.ReservationMultiplesSelection {
  width: 100%;
  background-color: #ebebeb;
  margin-bottom: 40px;
}
.ReservationMultiplesOptions thead th,
.ReservationMultiplesSelection thead th {
  padding: 10px;
  background-color: #0d0d0d;
  color: #fc0;
  text-transform: uppercase;
}
.ReservationMultiplesOptions th,
.ReservationMultiplesSelection th,
.ReservationMultiplesOptions td,
.ReservationMultiplesSelection td {
  padding: 10px;
  text-align: center;
}
.ReservationMultiplesOptions th::first-letter,
.ReservationMultiplesSelection th::first-letter,
.ReservationMultiplesOptions td::first-letter,
.ReservationMultiplesSelection td::first-letter {
  text-transform: uppercase;
}
.ReservationMultiplesOptions td:nth-child(2),
.ReservationMultiplesSelection td:nth-child(2),
.ReservationMultiplesOptions th:nth-child(2),
.ReservationMultiplesSelection th:nth-child(2) {
  text-align: left;
}
.ReservationMultiplesOptions td:nth-child(2):first-letter,
.ReservationMultiplesSelection td:nth-child(2):first-letter,
.ReservationMultiplesOptions th:nth-child(2):first-letter,
.ReservationMultiplesSelection th:nth-child(2):first-letter {
  text-transform: uppercase;
}
.ReservationMultiplesOptions td:last-child,
.ReservationMultiplesSelection td:last-child {
  text-align: right;
}
.ReservationMultiplesOptions tbody tr + tr,
.ReservationMultiplesSelection tbody tr + tr {
  border-top: 1px solid #FFF;
}
.ReservationMultiplesOptions .noResults,
.ReservationMultiplesSelection .noResults {
  text-align: center !important;
}
.ReservationMultiplesOptions input[type="radio"],
.ReservationMultiplesSelection input[type="radio"],
.ReservationMultiplesOptions input[type="checkbox"],
.ReservationMultiplesSelection input[type="checkbox"] {
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  color: #c0b4b4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 20px;
  outline: none;
  margin: 0 0 0 auto;
  background-image: url(../img/check_dispo.png);
  background-size: cover;
  background-position: 50%;
}
.ReservationMultiplesOptions tr.selectionne,
.ReservationMultiplesSelection tr.selectionne,
.ReservationMultiplesOptions tr.selected,
.ReservationMultiplesSelection tr.selected {
  background-color: #fc0;
}
.ReservationMultiplesOptions tr.selectionne input[type="radio"],
.ReservationMultiplesSelection tr.selectionne input[type="radio"],
.ReservationMultiplesOptions tr.selected input[type="radio"],
.ReservationMultiplesSelection tr.selected input[type="radio"],
.ReservationMultiplesOptions tr.selectionne input[type="checkbox"],
.ReservationMultiplesSelection tr.selectionne input[type="checkbox"],
.ReservationMultiplesOptions tr.selected input[type="checkbox"],
.ReservationMultiplesSelection tr.selected input[type="checkbox"] {
  background-image: url(../img/check_selectionne.png);
}
.ReservationMultiplesOptions th input[type="radio"],
.ReservationMultiplesSelection th input[type="radio"],
.ReservationMultiplesOptions th input[type="checkbox"],
.ReservationMultiplesSelection th input[type="checkbox"] {
  background-image: url(../img/check_dispo_blanc.png);
}
.ReservationMultiplesOptions th input[type="radio"]:checked,
.ReservationMultiplesSelection th input[type="radio"]:checked,
.ReservationMultiplesOptions th input[type="checkbox"]:checked,
.ReservationMultiplesSelection th input[type="checkbox"]:checked {
  background-image: url(../img/check_selectionne_blanc.png);
}
.ReservationMultiplesOptions tr.disabled,
.ReservationMultiplesSelection tr.disabled {
  background-color: #d5c8c8;
}
.ReservationMultiplesOptions tr.disabled input[type="checkbox"],
.ReservationMultiplesSelection tr.disabled input[type="checkbox"] {
  background-image: url(../img/check_non_dispo.png);
}
@media (max-width: 767px) {
  .ReservationMultiplesOptions td:nth-child(4),
  .ReservationMultiplesOptions th:nth-child(4) {
    display: none;
  }
}
.reservationMultipleApp .buttons,
.reservationSimpleApp .buttons {
  margin-top: 20px;
  overflow: auto;
}
.reservationMultipleApp .buttons button,
.reservationSimpleApp .buttons button {
  border: 0;
  padding: 10px 20px 5px;
  background-color: #0d0d0d;
  color: #fdbb0e;
  font-family: 'Bebas Neue';
  font-size: 20px;
  font-weight: bold;
}
.reservationMultipleApp .buttons .prev:before,
.reservationSimpleApp .buttons .prev:before {
  content: "\2039";
  margin-right: 10px;
}
.reservationMultipleApp .buttons .next,
.reservationSimpleApp .buttons .next {
  float: right;
}
.reservationMultipleApp .buttons .next:after,
.reservationSimpleApp .buttons .next:after {
  content: "\203A";
  margin-left: 10px;
}
.reservationMultipleApp .buttons .send,
.reservationSimpleApp .buttons .send {
  float: right;
  background-color: #3fcf0d;
  color: #000;
}
.ReservationMultiplesLegende {
  display: flex;
  margin: 40px 0;
  font-size: 0.8em;
  line-height: 34px;
}
.ReservationMultiplesLegende:before {
  content: 'Légende: ';
  margin-right: 30px;
  font-weight: bold;
}
.ReservationMultiplesLegende .option1,
.ReservationMultiplesLegende .option2,
.ReservationMultiplesLegende .option3 {
  margin-right: 20px;
}
.ReservationMultiplesLegende .option1:before,
.ReservationMultiplesLegende .option2:before,
.ReservationMultiplesLegende .option3:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  color: #c0b4b4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 20px;
  outline: none;
  margin: 0 0 0 auto;
  background-size: cover;
  background-position: 50%;
  margin-right: 20px;
  border: 6px solid #fc0;
}
.ReservationMultiplesLegende .option1:before {
  background-color: #fc0;
  border: 6px solid #fc0;
  background-position: 50%;
  background-image: url(../img/check_selectionne.png);
}
.ReservationMultiplesLegende .option2:before {
  background-color: #ebebeb;
  border-color: #ebebeb;
  background-image: url(../img/check_dispo.png);
}
.ReservationMultiplesLegende .option3:before {
  background-color: #d5c8c8;
  border-color: #d5c8c8;
  background-image: url(../img/check_non_dispo.png);
}
@media (max-width: 640px) {
  .ReservationMultiplesLegende {
    display: block;
  }
  .ReservationMultiplesLegende .option1,
  .ReservationMultiplesLegende .option2,
  .ReservationMultiplesLegende .option3 {
    margin-bottom: 5px;
  }
}
.reservationMultipleApp h3,
.reservationSimpleApp h3 {
  color: #000;
}
.resumeReservation h3 {
  text-align: center;
}
.resumeReservation table {
  width: 100%;
}
.resumeReservation table thead th {
  padding: 10px;
  background-color: #0d0d0d;
  color: #fc0;
  text-transform: uppercase;
}
.resumeReservation table td,
.resumeReservation table th {
  padding: 5px 10px;
}
.resumeReservation table th:last-child,
.resumeReservation table td:last-child {
  text-align: right;
}
.resumeReservation table tfoot {
  font-weight: bold;
  border-top: 1px solid #000;
}
.resumeReservation table .extra {
  text-align: center;
}
.resumeReservation table .extra:before {
  content: "Plus de résultats disponibles";
  font-size: 0.8em;
  font-weight: bold;
}
.ReservationInformations h3 {
  text-align: center;
}
.ReservationInformations input {
  width: 100%;
}
.tableauDispo {
  text-align: center;
}
.tableauDispo h3 {
  color: #000;
  margin-top: 2em;
}
.tableauDispo p {
  max-width: 300px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 1em;
}
.moisTitre span {
  display: block;
  width: 100px;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding-top: 2px;
  padding-bottom: 10px;
}
.moisTitre button {
  position: absolute;
  top: 7px;
  right: 50%;
  margin-right: 50px;
  padding: 0;
  font-size: 14px;
  background-color: transparent;
  border: 0;
  line-height: 20px;
  outline: none !important;
}
.moisTitre span + button {
  right: auto;
  left: auto;
  margin-right: 0;
  margin-left: 50px;
}
.ReservationSingleLegende {
  margin: 40px 0;
}
.ReservationSingleLegende .option1,
.ReservationSingleLegende .option2,
.ReservationSingleLegende .option3 {
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
}
.ReservationSingleLegende .option1 span,
.ReservationSingleLegende .option2 span,
.ReservationSingleLegende .option3 span {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  text-align: left;
}
.ReservationSingleLegende .option1:before,
.ReservationSingleLegende .option2:before,
.ReservationSingleLegende .option3:before {
  content: '';
  display: inline-block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: #36c01f;
  margin-right: 10px;
}
.ReservationSingleLegende .option2:before {
  background-color: #ecae0d;
}
.ReservationSingleLegende .option3:before {
  background-color: #cc3300;
}
.ReservationSeule2 h3 {
  text-align: center;
}
.ReservationSeule2 .dateTitle {
  margin-bottom: 20px;
  font-family: 'Bebas Neue';
  font-weight: bold;
  font-size: 20px;
}
.ReservationSeule2 .dateTitle .datebtns {
  float: right;
}
.ReservationSeule2 .dateTitle button {
  margin-left: 10px;
  padding: 0;
  font-size: 14px;
  background-color: transparent;
  border: 0;
  line-height: 20px;
  font-weight: 400;
  outline: none !important;
  font-family: "Roboto condensed";
}
.ReservationSeule2 table {
  width: 100%;
  background-color: #ebebeb;
}
.ReservationSeule2 table thead {
  font-family: 'Renner';
  text-transform: uppercase;
}
.ReservationSeule2 table thead th {
  padding: 10px;
  background-color: #0d0d0d;
  color: #fc0;
  text-transform: uppercase;
}
.ReservationSeule2 table th,
.ReservationSeule2 table td {
  padding: 10px;
  text-align: center;
}
.ReservationSeule2 table th::first-letter,
.ReservationSeule2 table td::first-letter {
  text-transform: uppercase;
}
.ReservationSeule2 table td:last-child {
  text-align: right;
}
.ReservationSeule2 table tbody tr + tr {
  border-top: 1px solid #FFF;
}
.ReservationSeule2 table .extra {
  text-align: center;
}
.ReservationSeule2 table .extra:before {
  content: "Plus de résultats disponibles";
  font-size: 0.8em;
  font-weight: bold;
}
.ReservationSeule2 table input[type="radio"],
.ReservationSeule2 table input[type="checkbox"] {
  display: block;
  width: 20px;
  height: 20px;
  border: 3px solid #c0b4b4;
  color: #c0b4b4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 20px;
  outline: none;
  margin: 0 0 0 auto;
}
.ReservationSeule2 table input[type="radio"]:checked:before,
.ReservationSeule2 table input[type="checkbox"]:checked:before {
  content: "\00d7";
  text-align: center;
  font-size: 52px;
  font-weight: 10;
  top: 2px;
  left: -3px;
  position: absolute;
  vertical-align: middle;
}
.ReservationSeule2 table tr.selected {
  background-color: #fc0;
}
.ReservationSeule2 table tr.selected input[type="radio"],
.ReservationSeule2 table tr.selected input[type="checkbox"] {
  border: 3px solid #000;
  color: #000;
}
.ReservationSeule3 h3 {
  text-align: center;
}
.ReservationSeule3 .instructions {
  text-align: center;
}
.ReservationSeule3 .resume {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}
.ReservationSeule3 .resume::first-letter {
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .reservationProgressLine {
    display: none;
  }
}
.swal-icon--error {
  border-color: #fc0 !important;
}
.swal-icon--error__line {
  background-color: #fc0 !important;
}
.reservationOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url(../img/loading.gif);
  background-repeat: no-repeat;
  background-position: 50%;
}
.reseul_sel_probleme {
  display: block;
  margin: 10px 0 ;
  color: #F00;
}
.resmulti_dispo_titre,
.resmulti_dispo_instructions {
  font-weight: bold;
  margin: 20px 0 0;
}
.affichagepublicpage {
  background-image: url(../img/fond-horaire2.jpg);
  background-size: auto 100%;
}
.affichagepublicpage.plateau1 {
  background-image: url(../img/fond-horaire3.jpg);
}
.affichagepublicpage.plateau1 .horaire table thead tr {
  background-color: #042692;
}
.map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.arrowBtn {
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 0;
  background-image: url(../img/next.png);
  background-size: cover;
  background-repeat: no-repeat;
  outline: none !important;
  padding: 0;
}
.afficheInterne {
  position: static;
}
.afficheInterne:before {
  display: none;
}
.afficheInterne .HoraireInterneTitle {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  height: 166px;
  text-align: center;
  padding: 10px;
  background: rgba(0, 0, 0, 0.1);
  color: #FFF;
}
.afficheInterne .HoraireInterneTitle h1 {
  margin: 0;
  margin-top: 20px;
  padding-bottom: 10px;
  font-size: 70px;
}
.afficheInterne .HoraireInterneTitle .jour {
  font-size: 1.7em;
}
.afficheInterne .HoraireInterneTitle .jour,
.afficheInterne .HoraireInterneTitle .heure {
  display: inline-block;
  padding: 0 40px;
}
.afficheInterne .HoraireInterneTitle .jour::first-letter,
.afficheInterne .HoraireInterneTitle .heure::first-letter {
  text-transform: uppercase;
}
.afficheInterne .HoraireInterneTitle .heure {
  top: 20px;
  line-height: 1;
  position: absolute;
  right: 0;
  font-size: 70px;
}
.afficheInterne .HoraireInterne {
  position: absolute;
  top: 206px;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.afficheInterne .horaire {
  padding: 0;
  background-color: #FFF;
  background-image: url(../img/fond-horaire.jpg);
  background-position: 50%;
  color: #000;
  font-size: 48px;
  margin-top: 0;
}
.afficheInterne .horaire:before {
  display: none;
}
.afficheInterne .horaire table td:first-child,
.afficheInterne .horaire table td:last-child {
  width: 300px;
}
.AffichageLogo {
  position: absolute;
  top: 60px;
  left: 40px;
}
.AffichageLogo img {
  height: 86px;
}
.swal-footer {
  text-align: center;
}
.swal-footer .swal-button--continuer {
  background-color: #fc0 !important;
}
.toofew {
  color: #F00;
}