@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Arapey:400,400i");
.icons-default,
.icons-project {
  content: "\e001";
  font-family: 'icons-default';
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  speak: none;
}

.icons-project {
  font-family: 'icons-project';
}

.ghost, .nolabel > label,
.nolabel > legend {
  position: absolute !important;
  top: auto !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.hidden {
  display: none;
}

.clear-fix:after, .radio:after, .checkbox:after, .wrapper-940:after, .wrapper-1280:after, .section-main__wrapper:after, .footer__wrapper:after, .heading .heading__wrapper:after, .list-type-1:after, .list-type-1__item:after, .list-type-2:after, .list-type-3:after, .list-type-5:after, .list-type-6:after, .list-type-7:after, .answerChart:after {
  clear: both;
  display: block;
  content: "";
  overflow: hidden;
  visibility: hidden;
  height: 0;
  speak: none;
}

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

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

*,
*:after,
*:before {
  box-sizing: inherit;
}

body {
  line-height: 1.3;
}

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

ul {
  list-style: none;
}

ol {
  list-style: decimal inside none;
}

blockquote,
q {
  quotes: none;
}

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

.italic,
em,
i {
  font-style: italic;
}

.strong,
b,
strong {
  font-weight: 700;
}

b em,
b i,
em b,
em strong,
i b,
i strong,
strong em,
strong i {
  font-weight: 700;
  font-style: italic;
}

img {
  vertical-align: bottom;
}

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

a {
  text-decoration: none;
}

a:focus, a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

abbr,
acronym,
dfn {
  cursor: help;
  border-bottom: 1px dotted #282d33;
}

abbr a,
acronym a,
dfn a {
  display: inline !important;
}

kbd {
  border-color: grey;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  padding: 0 0.4em;
}

button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

input[type="button"] {
  vertical-align: middle;
  width: auto;
  border: none;
  cursor: pointer;
}

mark {
  background: yellow;
  color: #000;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: block;
  width: 100%;
  background: #ebeced;
  border: 1px solid #fff;
  margin: 0 0 0 5px;
  color: #282d33;
}

progress::-moz-progress-bar {
  background: #f15252;
}

progress::-webkit-progress-value {
  background: #f15252;
}

progress::-webkit-progress-bar {
  background: transparent;
}

.progress-bar .progress-bar__page {
  display: block;
  text-align: center;
}

@font-face {
  font-family: "icons-default";
  src: url("../Fonts/default-icons-webfont.eot");
  src: url("../Fonts/default-icons-webfont.eot?#iefix") format("embedded-opentype"), url("../Fonts/default-icons-webfont.woff") format("woff"), url("../Fonts/default-icons-webfont.ttf") format("truetype"), url("../Fonts/default-icons-webfont.svg#icons-default") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icons-project";
  src: url("../Fonts/icons.eot");
  src: url("../Fonts/icons.eot?#iefix") format("embedded-opentype"), url("../Fonts/icons.woff") format("woff"), url("../Fonts/icons.ttf") format("truetype"), url("../Fonts/icons.svg#icons-project") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #282d33;
  background: #fff;
}

.svg-symbol {
  display: none;
}

/* Grillade : Simple Grid System */
/* Demo : http://codepen.io/raphaelgoetter/pen/EyvbqA */
/* Grids common rules (for mono- and multi-lines grid) */
/* 1. avoid min-width: auto */
/* 2. avoid min-height: auto */
@media (min-width: 960px) {
  [class*=" grid"] > *,
  [class^="grid"] > * {
    box-sizing: border-box;
    min-width: 0;
    /* 1. */
    min-height: 0;
    /* 2. */
  }
  [class*=" grid"].has-gutter,
  [class^="grid"].has-gutter {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  [class*=" grid"].has-gutter > *,
  [class^="grid"].has-gutter > * {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  [class*=" grid"].has-gutter-l,
  [class^="grid"].has-gutter-l {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  [class*=" grid"].has-gutter-l > *,
  [class^="grid"].has-gutter-l > * {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  [class*=" grid"].has-gutter-xl,
  [class^="grid"].has-gutter-xl {
    margin-right: -2rem;
    margin-left: -2rem;
  }
  [class*=" grid"].has-gutter-xl > *,
  [class^="grid"].has-gutter-xl > * {
    margin-right: 2rem;
    margin-left: 2rem;
  }
  /* Mono-line grid system (.grid) */
  .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .grid > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
  }
  /* Multi-line grid system (.grid-X) */
  /* 1. @bugfix IE https://github.com/alsacreations/KNACSS/issues/133; */
  [class*=" grid-"],
  [class^="grid-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  [class*=" grid-"] > *,
  [class^="grid-"] > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% - .01px);
    width: calc(100% - .01px);
    /* 1. */
  }
  [class*=" grid-"].has-gutter > *,
  [class^="grid-"].has-gutter > * {
    width: -webkit-calc(100% - 1rem - .01px);
    width: calc(100% - 1rem - .01px);
  }
  [class*=" grid-"].has-gutter-l > *,
  [class^="grid-"].has-gutter-l > * {
    width: -webkit-calc(100% - 2rem - .01px);
    width: calc(100% - 2rem - .01px);
  }
  [class*=" grid-"].has-gutter-xl > *,
  [class^="grid-"].has-gutter-xl > * {
    width: -webkit-calc(100% - 4rem - .01px);
    width: calc(100% - 4rem - .01px);
  }
}

/* Grid offsets */
.push {
  margin-left: auto;
}

.pull {
  margin-right: auto;
}

/* Grid order */
.grid-item-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}

.grid-item-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

[class*="--reverse"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (min-width: 960px) {
  [class*="grid-2"] > * {
    width: -webkit-calc(100% * 1 / 2 - .01px);
    width: calc(100% * 1 / 2 - .01px);
  }
  [class*="grid-2"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 2 - 1rem - .01px);
    width: calc(100% * 1 / 2 - 1rem - .01px);
  }
  [class*="grid-2"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 2 - 2rem - .01px);
    width: calc(100% * 1 / 2 - 2rem - .01px);
  }
  [class*="grid-2"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 2 - 4rem - .01px);
    width: calc(100% * 1 / 2 - 4rem - .01px);
  }
  [class*="grid-3"] > * {
    width: -webkit-calc(100% * 1 / 3 - .01px);
    width: calc(100% * 1 / 3 - .01px);
  }
  [class*="grid-3"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 3 - 1rem - .01px);
    width: calc(100% * 1 / 3 - 1rem - .01px);
  }
  [class*="grid-3"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 3 - 2rem - .01px);
    width: calc(100% * 1 / 3 - 2rem - .01px);
  }
  [class*="grid-3"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 3 - 4rem - .01px);
    width: calc(100% * 1 / 3 - 4rem - .01px);
  }
  [class*="grid-4"] > * {
    width: -webkit-calc(100% * 1 / 4 - .01px);
    width: calc(100% * 1 / 4 - .01px);
  }
  [class*="grid-4"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 4 - 1rem - .01px);
    width: calc(100% * 1 / 4 - 1rem - .01px);
  }
  [class*="grid-4"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 4 - 2rem - .01px);
    width: calc(100% * 1 / 4 - 2rem - .01px);
  }
  [class*="grid-4"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 4 - 4rem - .01px);
    width: calc(100% * 1 / 4 - 4rem - .01px);
  }
  [class*="grid-5"] > * {
    width: -webkit-calc(100% * 1 / 5 - .01px);
    width: calc(100% * 1 / 5 - .01px);
  }
  [class*="grid-5"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 5 - 1rem - .01px);
    width: calc(100% * 1 / 5 - 1rem - .01px);
  }
  [class*="grid-5"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 5 - 2rem - .01px);
    width: calc(100% * 1 / 5 - 2rem - .01px);
  }
  [class*="grid-5"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 5 - 4rem - .01px);
    width: calc(100% * 1 / 5 - 4rem - .01px);
  }
  [class*="grid-6"] > * {
    width: -webkit-calc(100% * 1 / 6 - .01px);
    width: calc(100% * 1 / 6 - .01px);
  }
  [class*="grid-6"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 6 - 1rem - .01px);
    width: calc(100% * 1 / 6 - 1rem - .01px);
  }
  [class*="grid-6"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 6 - 2rem - .01px);
    width: calc(100% * 1 / 6 - 2rem - .01px);
  }
  [class*="grid-6"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 6 - 4rem - .01px);
    width: calc(100% * 1 / 6 - 4rem - .01px);
  }
  [class*="grid-7"] > * {
    width: -webkit-calc(100% * 1 / 7 - .01px);
    width: calc(100% * 1 / 7 - .01px);
  }
  [class*="grid-7"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 7 - 1rem - .01px);
    width: calc(100% * 1 / 7 - 1rem - .01px);
  }
  [class*="grid-7"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 7 - 2rem - .01px);
    width: calc(100% * 1 / 7 - 2rem - .01px);
  }
  [class*="grid-7"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 7 - 4rem - .01px);
    width: calc(100% * 1 / 7 - 4rem - .01px);
  }
  [class*="grid-8"] > * {
    width: -webkit-calc(100% * 1 / 8 - .01px);
    width: calc(100% * 1 / 8 - .01px);
  }
  [class*="grid-8"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 8 - 1rem - .01px);
    width: calc(100% * 1 / 8 - 1rem - .01px);
  }
  [class*="grid-8"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 8 - 2rem - .01px);
    width: calc(100% * 1 / 8 - 2rem - .01px);
  }
  [class*="grid-8"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 8 - 4rem - .01px);
    width: calc(100% * 1 / 8 - 4rem - .01px);
  }
  [class*="grid-9"] > * {
    width: -webkit-calc(100% * 1 / 9 - .01px);
    width: calc(100% * 1 / 9 - .01px);
  }
  [class*="grid-9"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 9 - 1rem - .01px);
    width: calc(100% * 1 / 9 - 1rem - .01px);
  }
  [class*="grid-9"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 9 - 2rem - .01px);
    width: calc(100% * 1 / 9 - 2rem - .01px);
  }
  [class*="grid-9"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 9 - 4rem - .01px);
    width: calc(100% * 1 / 9 - 4rem - .01px);
  }
  [class*="grid-10"] > * {
    width: -webkit-calc(100% * 1 / 10 - .01px);
    width: calc(100% * 1 / 10 - .01px);
  }
  [class*="grid-10"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 10 - 1rem - .01px);
    width: calc(100% * 1 / 10 - 1rem - .01px);
  }
  [class*="grid-10"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 10 - 2rem - .01px);
    width: calc(100% * 1 / 10 - 2rem - .01px);
  }
  [class*="grid-10"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 10 - 4rem - .01px);
    width: calc(100% * 1 / 10 - 4rem - .01px);
  }
  [class*="grid-11"] > * {
    width: -webkit-calc(100% * 1 / 11 - .01px);
    width: calc(100% * 1 / 11 - .01px);
  }
  [class*="grid-11"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 11 - 1rem - .01px);
    width: calc(100% * 1 / 11 - 1rem - .01px);
  }
  [class*="grid-11"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 11 - 2rem - .01px);
    width: calc(100% * 1 / 11 - 2rem - .01px);
  }
  [class*="grid-11"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 11 - 4rem - .01px);
    width: calc(100% * 1 / 11 - 4rem - .01px);
  }
  [class*="grid-12"] > * {
    width: -webkit-calc(100% * 1 / 12 - .01px);
    width: calc(100% * 1 / 12 - .01px);
  }
  [class*="grid-12"].has-gutter > * {
    width: -webkit-calc(100% * 1 / 12 - 1rem - .01px);
    width: calc(100% * 1 / 12 - 1rem - .01px);
  }
  [class*="grid-12"].has-gutter-l > * {
    width: -webkit-calc(100% * 1 / 12 - 2rem - .01px);
    width: calc(100% * 1 / 12 - 2rem - .01px);
  }
  [class*="grid-12"].has-gutter-xl > * {
    width: -webkit-calc(100% * 1 / 12 - 4rem - .01px);
    width: calc(100% * 1 / 12 - 4rem - .01px);
  }
}

/* Sizing individual children */
@media (min-width: 960px) {
  .full {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% - .01px);
    width: calc(100% - .01px);
  }
  .has-gutter .full {
    width: -webkit-calc(100% - 1rem - .01px);
    width: calc(100% - 1rem - .01px);
  }
  .has-gutter-l .full {
    width: -webkit-calc(100% - 2rem - .01px);
    width: calc(100% - 2rem - .01px);
  }
  .has-gutter-xl .full {
    width: -webkit-calc(100% - 4rem - .01px);
    width: calc(100% - 4rem - .01px);
  }
  .one-half {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(50% - .01px);
    width: calc(50% - .01px);
  }
  .has-gutter .one-half {
    width: -webkit-calc(50% - 1rem - .01px);
    width: calc(50% - 1rem - .01px);
  }
  .has-gutter-l .one-half {
    width: -webkit-calc(50% - 2rem - .01px);
    width: calc(50% - 2rem - .01px);
  }
  .has-gutter-xl .one-half {
    width: -webkit-calc(50% - 4rem - .01px);
    width: calc(50% - 4rem - .01px);
  }
  .one-third {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% / 3 - .01px);
    width: calc(100% / 3 - .01px);
  }
  .has-gutter .one-third {
    width: -webkit-calc(100% / 3 - 1rem - .01px);
    width: calc(100% / 3 - 1rem - .01px);
  }
  .has-gutter-l .one-third {
    width: -webkit-calc(100% / 3 - 2rem - .01px);
    width: calc(100% / 3 - 2rem - .01px);
  }
  .has-gutter-xl .one-third {
    width: -webkit-calc(100% / 3 - 4rem - .01px);
    width: calc(100% / 3 - 4rem - .01px);
  }
  .one-quarter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% / 4 - .01px);
    width: calc(100% / 4 - .01px);
  }
  .has-gutter .one-quarter {
    width: -webkit-calc(100% / 4 - 1rem - .01px);
    width: calc(100% / 4 - 1rem - .01px);
  }
  .has-gutter-l .one-quarter {
    width: -webkit-calc(100% / 4 - 2rem - .01px);
    width: calc(100% / 4 - 2rem - .01px);
  }
  .has-gutter-xl .one-quarter {
    width: -webkit-calc(100% / 4 - 4rem - .01px);
    width: calc(100% / 4 - 4rem - .01px);
  }
  .one-fifth {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% / 5 - .01px);
    width: calc(100% / 5 - .01px);
  }
  .has-gutter .one-fifth {
    width: -webkit-calc(100% / 5 - 1rem - .01px);
    width: calc(100% / 5 - 1rem - .01px);
  }
  .has-gutter-l .one-fifth {
    width: -webkit-calc(100% / 5 - 2rem - .01px);
    width: calc(100% / 5 - 2rem - .01px);
  }
  .has-gutter-xl .one-fifth {
    width: -webkit-calc(100% / 5 - 4rem - .01px);
    width: calc(100% / 5 - 4rem - .01px);
  }
  .two-thirds {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% / 3 * 2 - .01px);
    width: calc(100% / 3 * 2 - .01px);
  }
  .has-gutter .two-thirds {
    width: -webkit-calc(100% / 3 * 2 - 1rem - .01px);
    width: calc(100% / 3 * 2 - 1rem - .01px);
  }
  .has-gutter-l .two-thirds {
    width: -webkit-calc(100% / 3 * 2 - 2rem - .01px);
    width: calc(100% / 3 * 2 - 2rem - .01px);
  }
  .has-gutter-xl .two-thirds {
    width: -webkit-calc(100% / 3 * 2 - 4rem - .01px);
    width: calc(100% / 3 * 2 - 4rem - .01px);
  }
  .three-quarters {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: -webkit-calc(100% / 4 * 3 - .01px);
    width: calc(100% / 4 * 3 - .01px);
  }
  .has-gutter .three-quarters {
    width: -webkit-calc(100% / 4 * 3 - 1rem - .01px);
    width: calc(100% / 4 * 3 - 1rem - .01px);
  }
  .has-gutter-l .three-quarters {
    width: -webkit-calc(100% / 4 * 3 - 2rem - .01px);
    width: calc(100% / 4 * 3 - 2rem - .01px);
  }
  .has-gutter-xl .three-quarters {
    width: -webkit-calc(100% / 4 * 3 - 4rem - .01px);
    width: calc(100% / 4 * 3 - 4rem - .01px);
  }
}

/* Responsive Small Breakpoint */
@media (min-width: 960px) and (max-width: 959px) {
  [class*="-small-4"] > * {
    width: -webkit-calc(100% / 4 - .01px);
    width: calc(100% / 4 - .01px);
  }
  [class*="-small-4"].has-gutter > * {
    width: -webkit-calc(100% / 4 - 1rem - .01px);
    width: calc(100% / 4 - 1rem - .01px);
  }
  [class*="-small-4"].has-gutter-l > * {
    width: -webkit-calc(100% / 4 - 2rem - .01px);
    width: calc(100% / 4 - 2rem - .01px);
  }
  [class*="-small-4"].has-gutter-xl > * {
    width: -webkit-calc(100% / 4 - 4rem - .01px);
    width: calc(100% / 4 - 4rem - .01px);
  }
  [class*="-small-3"] > * {
    width: -webkit-calc(100% / 3 - .01px);
    width: calc(100% / 3 - .01px);
  }
  [class*="-small-3"].has-gutter > * {
    width: -webkit-calc(100% / 3 - 1rem - .01px);
    width: calc(100% / 3 - 1rem - .01px);
  }
  [class*="-small-3"].has-gutter-l > * {
    width: -webkit-calc(100% / 3 - 2rem - .01px);
    width: calc(100% / 3 - 2rem - .01px);
  }
  [class*="-small-3"].has-gutter-xl > * {
    width: -webkit-calc(100% / 3 - 4rem - .01px);
    width: calc(100% / 3 - 4rem - .01px);
  }
  [class*="-small-2"] > * {
    width: -webkit-calc(100% / 2 - .01px);
    width: calc(100% / 2 - .01px);
  }
  [class*="-small-2"].has-gutter > * {
    width: -webkit-calc(100% / 2 - 1rem - .01px);
    width: calc(100% / 2 - 1rem - .01px);
  }
  [class*="-small-2"].has-gutter-l > * {
    width: -webkit-calc(100% / 2 - 2rem - .01px);
    width: calc(100% / 2 - 2rem - .01px);
  }
  [class*="-small-2"].has-gutter-xl > * {
    width: -webkit-calc(100% / 2 - 4rem - .01px);
    width: calc(100% / 2 - 4rem - .01px);
  }
  [class*="-small-1"] > * {
    width: -webkit-calc(100% - .01px);
    width: calc(100% - .01px);
  }
  [class*="-small-1"].has-gutter > * {
    width: -webkit-calc(100% - 1rem - .01px);
    width: calc(100% - 1rem - .01px);
  }
  [class*="-small-1"].has-gutter-l > * {
    width: -webkit-calc(100% - 2rem - .01px);
    width: calc(100% - 2rem - .01px);
  }
  [class*="-small-1"].has-gutter-xl > * {
    width: -webkit-calc(100% - 4rem - .01px);
    width: calc(100% - 4rem - .01px);
  }
}

.sg-title-2 {
  font-size: 3.5em;
  color: #f15252;
  margin: 1.14286em 0 0.57143em;
}

.sg-title-3 {
  font-size: 2.9em;
  color: #f15252;
  margin: 1.2069em 0 0.62069em;
}

.sg-title-4 {
  font-size: 2em;
  color: #282d33;
  margin: 1.6em 0 0.75em;
}

.sg-code {
  margin: 2.14286em 0 0.71429em;
  padding: 15px 10px;
  background: #3f3f3f;
  position: relative;
  display: block;
  white-space: pre;
  overflow: auto;
  max-width: 700px;
}

.sg-code:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 5px;
  background: #656c74;
  display: block;
  content: "Code";
  font-size: 1.2em;
  font-family: "Poppins", sans-serif;
  margin-bottom: 2px;
  color: #fff;
  border-bottom-left-radius: 5px;
}

.sg-code code {
  font-family: monospace;
  font-size: 1.4em;
  border-radius: 2px;
  color: #fff;
  text-align: left;
}

.sg-description {
  margin: 0.71429em 0 0.35714em;
  background: #4d5359;
  border-radius: 2px;
  padding: 10px;
  font-size: 1.4em;
  color: #fff;
}

.sg-description:before {
  display: block;
  content: "Description:";
  font-size: 1.2em;
  font-family: "Poppins", sans-serif;
  margin-bottom: 2px;
  color: #fff;
  font-weight: 700;
}

.ddm {
  position: relative;
}

.ddm .ddm__sub-level {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 100;
  display: none;
}

.ddm.ddm--active .ddm__sub-level {
  display: block;
}

.ddm.ddm--off .ddm__title {
  display: none;
}

.ddm.ddm--off .ddm__sub-level {
  position: static;
  top: inherit;
  right: inherit;
  z-index: inherit;
  display: block;
}

.ddm.ddm--on .ddm__title {
  display: block;
}

.access__title {
  border-bottom: 1px dotted #282d33;
}

.access-tooltip {
  position: absolute;
  z-index: 999;
  background: #282d33;
  border-radius: 3px;
  padding: 0.76923em;
  color: #fff;
  font-size: 1.3em;
  max-width: 30vw;
}

.access-tooltip:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 0 12px;
  border-color: transparent transparent transparent #282d33;
}

.tooltip-css {
  position: relative;
}

.tooltip-css::before, .tooltip-css::after {
  position: absolute;
  display: block;
  z-index: -98;
  -webkit-transition: all ease-out .1s;
  transition: all ease-out .1s;
}

.tooltip-css::before {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  top: -webkit-calc(100% + 10px);
  top: calc(100% + 10px);
  left: 0;
  content: attr(data-tooltip);
  speak: none;
  white-space: nowrap;
  color: #fff;
  font-size: 1.2em;
  font-weight: 300;
  background: #f15252;
  padding: 10px 15px;
  opacity: 0;
}

.tooltip-css::after {
  opacity: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  top: -webkit-calc(calc(100% + 10px) - 8px);
  top: calc(calc(100% + 10px) - 8px);
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 8px solid #f15252;
}

.tooltip-css:hover, .tooltip-css:focus {
  text-decoration: none;
}

.tooltip-css:hover::before, .tooltip-css:hover::after, .tooltip-css:focus::before, .tooltip-css:focus::after {
  z-index: 98;
  opacity: 1;
  -webkit-transition: all ease-out .4s;
  transition: all ease-out .4s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.tooltip-css.tooltip-css--right::before, .tooltip-css.tooltip-css--right:after {
  left: inherit;
}

.tooltip-css.tooltip-css--right::before {
  right: -15px;
}

.tooltip-css.tooltip-css--right::after {
  right: 0px;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-galerie button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-decoration: none;
}

.fancybox-galerie button:before {
  background: none;
  content: "";
  speak: none;
}

.folderFancybox {
  position: absolute;
  top: -42px;
  left: 0;
  color: #fff;
  background: #282d33;
  padding: 5px 15px;
}

.fancybox-wrap p {
  font-size: 1.3em;
}

.fancybox-wrap .downloadFancybox {
  margin-top: 10px;
  font-size: 1em;
}

.fancybox-wrap .downloadFancybox .button-2 {
  background: transparent;
}

.fancybox-wrap .downloadFancybox .button-2:before {
  content: "\e085";
  color: #282d33;
}

.fancybox-wrap .downloadFancybox .button-2:after {
  background: #f15252;
}

.fancybox-wrap .downloadFancybox .button-2:hover:before, .fancybox-wrap .downloadFancybox .button-2:focus:before {
  color: #fff;
}

.fancybox-wrap .downloadFancybox .button-2:hover:after, .fancybox-wrap .downloadFancybox .button-2:focus:after {
  background: #282d33;
}

.fancybox-wrap a:focus {
  outline: 1px dotted #fff;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
  background: #282d33;
  color: #282d33;
}

.fancybox-galerie.fancybox-wrap {
  background: #282d33;
}

.fancybox-skin {
  position: relative;
  text-shadow: none;
  background: #282d33;
  z-index: 9000;
}

.fancybox-galerie .fancybox-skin {
  background: #282d33;
}

.fancybox-opened {
  z-index: 10011;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-outer span {
  display: inline-block;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  margin: 0;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  background: url("../Images/fancybox/loading_bg.png") no-repeat 0 0;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../Images/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  bottom: -15px;
  right: 15px;
  padding-right: 15px;
  color: #fff;
  cursor: pointer;
  z-index: 8060;
  font-size: 1.3em;
  font-weight: 700;
  text-decoration: none;
  background: url("../Images/fancybox/close.png") no-repeat 100% 50%;
}

.fancybox-close i {
  font-style: normal;
}

.fancybox-close img {
  display: none;
}

.fancybox-close:hover, .fancybox-close:focus {
  color: #fff;
  font-weight: 700;
  font-size: 1.3em;
  text-decoration: none;
}

.fancybox-close:hover .hover, .fancybox-close:focus .hover {
  text-decoration: underline;
}

.fancybox-nav {
  position: absolute;
  bottom: -35px;
  width: 40%;
  height: 20px;
  cursor: pointer;
  text-decoration: none;
  z-index: 8070;
  color: #fff;
  font-size: 1.3em;
}

.fancybox-nav:hover .hover, .fancybox-nav:focus .hover {
  text-decoration: underline;
}

.fancybox-nav img {
  display: none;
}

.fancybox-prev {
  left: 10%;
  text-align: right;
}

.fancybox-prev span {
  padding: 0 10px 0 20px;
  background: url("../Images/fancybox/precedent.png") no-repeat 0 50%;
}

.fancybox-next {
  right: 10%;
  text-align: left;
}

.fancybox-next span {
  padding: 0 20px 0 10px;
  background: url("../Images/fancybox/suivant.png") no-repeat 100% 50%;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

.fancybox-lock {
  overflow: visible !important;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../Images/fancybox/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 8050;
  padding: 0 15px 15px 15px;
}

.fancybox-title .captionFancybox {
  padding-right: 100px;
}

.fancybox-galerie .fancybox-title .numberOfFancybox {
  margin: 0;
}

.fancybox-galerie .fancybox-title .captionFancybox {
  border-top: 1px solid #3e4650;
  margin-top: 10px;
  padding-top: 5px;
  padding-right: 0;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
  background: transparent;
  width: 100%;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  left: -15px;
  margin-bottom: -55px;
  z-index: 8050;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  padding: 2px 0;
  color: #FFF;
  font-weight: 700;
  line-height: 24px;
}

.fancybox-title-outside-wrap {
  position: relative;
  color: #fff;
}

.fancybox-title-outside-wrap a {
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #282d33;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-more-infos {
  display: none;
}

#fancybox-buttons {
  position: fixed;
  width: 150px;
  height: 30px;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 8050;
}

#fancybox-buttons .btnPlay {
  color: #fff;
  text-decoration: none;
  font-size: 1.3em;
  position: relative;
  padding-left: 40px;
}

#fancybox-buttons .btnPlay:before {
  content: '';
  background: transparent url("../Images/fancybox//play.png") no-repeat 0 0;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  z-index: 1;
}

#fancybox-buttons .btnPlay img {
  display: none;
}

#fancybox-buttons .btnPlay .hover {
  margin-top: 2px;
  display: block;
}

#fancybox-buttons .btnPlay:hover span, #fancybox-buttons .btnPlay:focus span {
  text-decoration: underline;
}

#fancybox-buttons .btnPlay.btnPlayOn:before {
  background-image: url("../Images/fancybox/pause.png");
}

#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
}

#fancybox-thumbs.bottom {
  bottom: 30px;
}

#fancybox-thumbs.top {
  top: 2px;
}

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

#fancybox-thumbs ul li {
  float: left;
  opacity: 0.5;
}

#fancybox-thumbs ul li:before {
  content: "";
  speak: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(40, 45, 51, 0.5);
}

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
}

#fancybox-thumbs ul li.active:before {
  background: rgba(40, 45, 51, 0);
}

#fancybox-thumbs ul li:hover {
  opacity: 1;
}

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none;
}

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none;
}

/*
    Unminified development version of the datepicker stylesheet. Please use the
    minified version in production - remember to run a find/replace on the
    minified file to update the image locations to suit your installation - more
    info can be found in the header of the minified file.
    
    F.Y.I: Here's the HTML produced for each instance of the datePicker, in this
    case associated with a form element having an id of "demo-1"
    
<div id="fd-demo-1" class="date-picker drag-enabled" aria-describedby="fd-dp-aria-describedby" aria-labelledby="demo-1_label" aria-hidden="false" role="application" dir="ltr">
    <div>
        <table class="date-picker-table" role="grid">
            <thead class="date-picker-thead">
                <tr role="presentation">
                    <th class="date-picker-title drag-enabled" colspan="7"><span class="month-display drag-enabled">January&nbsp;</span><span class="year-display drag-enabled">2013</span></th>
                </tr>
                <tr role="presentation">
                    <th><span class="prev-but prev-year" id="demo-1-prev-year-but" title="Previous year">«</span></th>
                    <th><span class="prev-but prev-month" id="demo-1-prev-month-but" title="Previous month">‹</span></th>
                    <th colspan="3"><span class="today-but fd-disabled" id="demo-1-today-but" title="">Today</span></th>
                    <th><span class="next-but next-month" id="demo-1-next-month-but" title="Next month">›</span></th>
                    <th><span class="next-but next-year" id="demo-1-next-year-but" title="Next year">»</span></th>
                </tr>
                <tr>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-0" title="Monday">Mon</th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-1" title="Tuesday"><span class="fd-day-header" title="Tuesday">Tue</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-2" title="Wednesday"><span class="fd-day-header" title="Wednesday">Wed</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-3" title="Thursday"><span class="fd-day-header" title="Thursday">Thu</span></th>
                    <th class="date-picker-day-header" scope="col" role="columnheader" id="demo-1-col-4" title="Friday"><span class="fd-day-header" title="Friday">Fri</span></th>
                    <th class="date-picker-day-header date-picker-highlight" scope="col" role="columnheader" id="demo-1-col-5" title="Saturday"><span class="fd-day-header" title="Saturday">Sat</span></th>
                    <th class="date-picker-day-header date-picker-highlight" scope="col" role="columnheader" id="demo-1-col-6" title="Sunday"><span class="fd-day-header" title="Sunday">Sun</span></th>
                </tr>
            </thead>
            <tbody>
                <tr role="row">
                    <td aria-describedby="demo-1-col-0" aria-selected="false" role="gridcell" class="date-picker-unused" title="">&nbsp;</td>
                    <td aria-describedby="demo-1-col-1" aria-selected="false" role="gridcell" title="January 01, 2013" class="day-1 cell-1 cd-20130101 yyyymm-201301 mmdd-0101">1</td>
                    <td aria-describedby="demo-1-col-2" aria-selected="false" role="gridcell" title="January 02, 2013" class="day-2 cell-2 cd-20130102 yyyymm-201301 mmdd-0102">2</td>
                    <td aria-describedby="demo-1-col-3" aria-selected="false" role="gridcell" title="January 03, 2013" class="day-3 cell-3 cd-20130103 yyyymm-201301 mmdd-0103">3</td>
                    <td aria-describedby="demo-1-col-4" aria-selected="false" role="gridcell" title="January 04, 2013" class="day-4 cell-4 cd-20130104 yyyymm-201301 mmdd-0104">4</td>
                    <td aria-describedby="demo-1-col-5" aria-selected="false" role="gridcell" title="January 05, 2013" class="day-5 cell-5 cd-20130105 yyyymm-201301 mmdd-0105 date-picker-highlight">5</td>
                    <td aria-describedby="demo-1-col-6" aria-selected="false" role="gridcell" title="January 06, 2013" class="day-6 cell-6 cd-20130106 yyyymm-201301 mmdd-0106 date-picker-highlight">6</td>
                </tr>
                <tr role="row">
                    <td aria-describedby="demo-1-col-0" aria-selected="false" role="gridcell" title="January 07, 2013" class="day-0 cell-7 cd-20130107 yyyymm-201301 mmdd-0107">7</td>
                    <td aria-describedby="demo-1-col-1" aria-selected="false" role="gridcell" title="January 08, 2013" class="day-1 cell-8 cd-20130108 yyyymm-201301 mmdd-0108">8</td>
                    <td aria-describedby="demo-1-col-2" aria-selected="false" role="gridcell" title="January 09, 2013" class="day-2 cell-9 cd-20130109 yyyymm-201301 mmdd-0109">9</td>
                    <td aria-describedby="demo-1-col-3" aria-selected="false" role="gridcell" title="January 10, 2013" class="day-3 cell-10 cd-20130110 yyyymm-201301 mmdd-0110">10</td>
                    <td aria-describedby="demo-1-col-4" aria-selected="false" role="gridcell" title="January 11, 2013" class="day-4 cell-11 cd-20130111 yyyymm-201301 mmdd-0111">11</td>
                    <td aria-describedby="demo-1-col-5" aria-selected="false" role="gridcell" title="January 12, 2013" id="demo-1-date-picker-hover" class="day-5 cell-12 cd-20130112 yyyymm-201301 mmdd-0112 date-picker-today date-picker-highlight date-picker-hover" tabindex="0">12</td>
                    <td aria-describedby="demo-1-col-6" aria-selected="false" role="gridcell" title="January 13, 2013" class="day-6 cell-13 cd-20130113 yyyymm-201301 mmdd-0113 date-picker-highlight">13</td>
                </tr>
                
                ... snip ...
                
            </tbody>
        </table>
    </div>
</div>

*/
/*
    Hide the datepickers associated input by using a className
*/
.fd-hidden-input {
  display: none;
}

/*
    Screen reader class - used to hide spans inside each cell from the visual
    display. See: http://webaim.org/techniques/css/invisiblecontent/
*/
.fd-screen-reader {
  position: absolute;
  left: -999em;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -moz-outline: 0 none;
  outline: 0 none;
}

/*
    The wrapper div
*/
.date-picker {
  position: absolute;
  z-index: 9999;
  text-align: center;
  /* 
    Change the font-size to suit your needs. The following line is for the demo
    that has a 14px font-size defined on the body tag.

    All other rules are "em" based and inherit from the font-size set here.
    */
  font: 900 0.8em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, Arial, "Lucida Grande", sans-serif;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*
    Set the fade in/out animation time here. This is used for browsers that
    support CSS transitions. Non-supporting browsers receive the fade effect
    using a Javascript fallback.
    */
  opacity: 1;
  -webkit-transition: opacity .75s ease-in-out;
  transition: opacity .75s ease-in-out;
}

.date-picker div {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0.8em;
}

/*
    The following rule is used whenever CSS Animations are supported by the
    browser
*/
.date-picker.fd-dp-fade {
  opacity: 0;
}

/*
    Styles for the static datePickers
*/
.static-datepicker {
  position: relative;
  top: 5px;
  left: 0;
  margin-bottom: 1.5em;
}

/*
    The iframe hack to cover selectlists in IE6
*/
.iehack {
  position: absolute;
  background: #fff;
  z-index: 9998;
  padding: 0;
  margin: 0;
  border: 0;
  display: none;
}

/*
    The activation "button" created beside each input for popup datePickers
*/
.date-picker-control span {
  display: block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  margin: auto 0;
  resize: none;
  outline: none;
}

/*
    The hover effect on the activation button
*/
.date-picker-button-active span,
.date-picker-control:focus span,
.date-picker-control:hover span,
.date-picker-control:active span {
  outline: none;
  box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
  border-radius: 2px;
}

/*
    A base64 encoded image-sprite is used for the activation button. IE6 and 7
    get fed "normal" png images within the rule that follows.
*/
.date-picker-control:link,
.date-picker-control:visited {
  position: relative;
  display: -moz-inline-box;
  border: 0 none;
  padding: 0;
  margin: 0 4px;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAB+CAYAAAAp+EF2AAAD8ElEQVRo3u2Zu0scXxTHz8zcXR0H8UnEIpXyQ8TGaJNCFAlqEUyTMlUaWTC/IoR0vxQ2vz8hfZJGIki2URARkkbxhSJq4avI7uqK7x2V9XF/93v83WGzmIezKVLcL1zmvubcc+49w352xurr63tZW1s7EI1GPSkloVxfX5Ou55f8sYuLCz+TybwRMNLf3++dn5+jk8vl5eU39Ww2G/TlX6+urrzZ2dkBAU9gZGVlBZ08If+qC9r5Y6WlpeQ4jmf/714oI9orhCuOj49peXmZDg4OCDo6OqKSkhKswm0stL+/T5WVlWTbNvchVLQxhjpsiEgkQm1tbWwANy8uLlJ9fT2Vl5dzGzePjY1RR0cH1zFvfX2dOjs7ybIs2tjYoOHhYbLhHizrmyBcc0tuH25GKLhCqMOGQEgTExMcKzQ1NUX/vntHjoiS1l8lxbwYdHJywl4cHh5y3/b2NteF53kcGjYQK66urtL1wzYSKjQtMfyRuru7eRz7hT1FG8L8oaEhsmEAljFJb/Bt0uMoOiwdGmxwaOPj48FebG1tUTqRIqfYDSaXp1I0MjLCdZXFtLa2xp7BSCKRuDnxWCwmVZxSnYZU8Ut1QjKVSkl1rFJtolSTZTweD9o7OztydHRUai0sLMiWlhYpckPTp5J7YmgLIQhpokPMVRAakml6eppc1+WbsJG+73Pq64TE4wNDqOs80qeIMHGSAqvV1dUFmQsjjY2NQeZCu7u71NzcHGQ5rq2trUH+wYbARKxeVVXFhlCHERQtpAjGtYeYU11dze2ysrKbFFEe+Ol02kNCYlIymeRnDZN1/DjJmZkZbus8gnGMbW5u0unpqW8pF1/W1NQMKPc8TOQHULCjwROPvqKiIq5jQYSv2zCiUuANGRkZGRl9R5ZiyGcK/2KK3NyQDHmmfn3fgiFjiiHdAhjSVQwZA0O6v4EhXcOQIRiSQSudZjrRAt7dmSHn5uaooaGBKioqAg9Qurq6fsiQ4jaG1GHk8uKdGRJuK/Tjk9NaWloKQvseQ3Jo7e3tvCcwNjk5SU1NTQEvoYA8enp6uL63t0fz8/NBaDjlwcFBMgz5awx5phLQLZAhz8CQzxRDxpR7bkiGPFMp8Nb8RhgZGRn9iCHNe0jDkIYhzXtI8x7SvIc0MjIyuhNDPn/x9NP9qsbeomgxhWHI7MU5HWa/xgWMvOj/mwpgSJqZlb0CnhTKkMKJkmHIkN+y3394T8Xql1QrEomG+5b9+MkjevCgmRxbqJVtev3qn59+y76dIS2HjdgolhOOIUEeXwY+M23chGPxzeZb9p/EkBk/w39iCmFI/9QnMOSnezX3eiMiQmEYEkaSiWT8P0zZxbn5chQoAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 0 -72px;
  min-width: 18px;
  line-height: 1;
  cursor: pointer;
  visibility: visible;
  text-decoration: none;
  vertical-align: text-bottom;
  resize: none;
}

/*
    IE6 & 7 fed "normal" png images
*/
.oldie .date-picker-control:link,
.oldie .date-picker-control:visited {
  /*
    IE7 gets a non-base64 encoded image sprite of the base64 encoded image
    declared above. That's all you have to do for IE7 support as it inherits
    the background-position declarations used to reposition the sprite
    */
  *background-image: url("../Images/datepicker/datepicker-sprite.png");
  /*
    IE6 gets the filter treatment and an individual image for each animation
    state. This pattern is repeated for all other image-based rules within the
    stylesheet
    */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../Images/datepicker/datepicker-normal.png');
}

/*
    If the datepicker has a valid date then use a different icon for the
    activation button to let the user know. It's a little detail but it's the
    little things in life etc
*/
.date-picker-dateval:link,
.date-picker-dateval:visited {
  background-position: 0 -108px;
}

/*
    Again, IE6 gets a "normal" png image from the server. Rinse, repeat.
*/
.oldie .date-picker-dateval:link,
.oldie .date-picker-dateval:visited {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../Images/datepicker/datepicker-selected.png');
}

/*
    Hover states etc for the activation button
*/
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
.date-picker-control:active {
  background-position: 0 0;
}

/*
    IE 6 activation button hover states
*/
.oldie .date-picker-button-active:link,
.oldie .date-picker-button-active:visited,
.oldie .date-picker-control:focus,
.oldie .date-picker-control:hover,
.oldie .date-picker-control:active {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../Images/datepicker/datepicker-focused.png');
}

/*
    Disabled activation button
*/
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active {
  background-position: 0 -36px;
  cursor: default;
}

/*
    IE 6 disabled activation button
*/
.oldie .date-picker-control-disabled:link,
.oldie .date-picker-control-disabled:visited,
.oldie .date-picker-control-disabled:hover,
.oldie .date-picker-control-disabled:active {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../Images/datepicker/datepicker-disabled.png');
}

.date-picker-control-disabled:hover span,
.date-picker-control-disabled:active span {
  box-shadow: none !important;
}

/*
    Feed IE6 the following rule, IE7 should handle the min-width declared
    previously.
 */
.oldie .date-picker-control {
  _width: 18px;
}

/*
    IE, older Safari & Opera. Seperate CSS rule seems to be required.
*/
.date-picker-control {
  display: inline-block;
  outline: none !important;
}

/*
    Default datepicker "button" styles
*/
.date-picker th span {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1em;
  border: 0 none;
  background: transparent;
  font-weight: bold;
  cursor: pointer;
}

/*
    The "month, year" display
*/
.date-picker .month-display,
.date-picker .year-display {
  display: inline;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 1.2em;
}

/*
    Generic button class for Next & Previous (both month & year) buttons
*/
.date-picker .prev-but,
.date-picker .next-but {
  font-weight: normal;
  font-size: 2.4em;
  font-family: georgia, times new roman, palatino, times, bookman, serif;
  cursor: pointer;
}

.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/*
    Hover effect for Next & Previous (month, year) buttons
*/
.date-picker .prev-but:hover,
.date-picker .next-but:hover,
.date-picker .today-but:hover {
  color: #a84444;
}

.date-picker .prev-but:hover,
.date-picker .next-but:hover {
  /*
    Uncomment this if you want a scale effect
    
    -webkit-transform:scale(1.6);
       -moz-transform:scale(1.6);
        -ms-transform:scale(1.6);
         -o-transform:scale(1.6);
            transform:scale(1.6);
    
    text-shadow:0 2px 1px rgba(0,0,0,.4);
    */
}

/*
    Today button
*/
.date-picker .today-but {
  text-align: center;
  margin: 0 auto;
  font-weight: normal;
  font-size: 1em;
  width: 100%;
  text-decoration: none;
  padding-top: 0.3em;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
}

/*
    Disabled buttons
*/
.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .today-but:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover {
  color: #aaa;
  cursor: default !important;
  opacity: 1;
}

.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover {
  /*
    Uncomment this if you have uncommented the "scale" rules above

    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8);
}

/*
    The gradient background image
*/
.date-picker table,
.date-picker td,
.date-picker tbody th,
.date-picker .day-disabled,
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out {
  background-color: #fff;
  background-image: url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==);
  background-repeat: repeat-x;
  background-position: 0 0;
}

.oldie .date-picker table,
.oldie .date-picker td,
.oldie .date-picker tbody th,
.oldie .date-picker .day-disabled,
.oldie .date-picker .date-picker-hover.day-disabled,
.oldie .date-picker .date-picker-unused,
.oldie .date-picker .month-out {
  *background-image: url("../Images/datepicker/datepicker-gradient.gif");
  /*
    Remove from IE6 as it has a bug that never caches images on dynamically
    created elements which results in one http request being made for each
    cell of each table rendered by the script.
    */
  _background-image: none;
}

.date-picker table {
  table-layout: auto;
  empty-cells: show;
  border-spacing: 2px;
  border-collapse: separate;
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  background-position: 0 -20px;
  text-align: center;
  padding: 0.3em;
  width: auto;
  height: auto;
  color: #555;
  font-size: 1em;
  border-radius: 0.8em;
  box-shadow: 0px 0px 5px #aaa;
}

/*
    Create a "Lifted Corners" effect on the table. Ripped straight from @necolas
    http://nicolasgallagher.com/css-drop-shadows-without-images/
*/
.date-picker:before,
.date-picker:after {
  content: "";
  position: absolute;
  z-index: -2;
  bottom: 17px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  max-height: 100px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.date-picker:after {
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

.oldie .date-picker:before,
.oldie .date-picker:after {
  display: none;
}

/* 
    Common TD & TH styling
*/
.date-picker td,
.date-picker tbody th {
  padding: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-position: 0 -35px;
  width: 3em;
  height: 3em;
  overflow: hidden;
  outline: transparent none 0px;
  border: 1px solid #cfcfcf;
  text-transform: none;
  font-weight: normal;
  text-shadow: 0 1px #fff;
  border-radius: 3px;
}

.date-picker th {
  border: 0 none;
  padding: 0;
  font-weight: bold;
  color: #333;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
}

.date-picker .date-picker-week-header {
  border: 1px solid #dcdcdc;
  font-style: oblique;
  background: transparent;
  cursor: default;
}

.date-picker .date-picker-thead .date-picker-week-header {
  border: 0 none;
  cursor: help;
}

/*
    The "mon tue wed etc" day header styles 
*/
.date-picker .date-picker-day-header {
  cursor: help;
  border: 0 none;
  padding: 0 0 0.2em 0;
  text-transform: lowercase;
  height: auto;
}

/* 
    tfoot status bar 
*/
.date-picker .date-picker-statusbar {
  cursor: default;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 0 none;
  background: #fff;
  height: 2.8em;
}

/* 
    TD cell that is _not_ used to display a day of the month 
*/
.date-picker .date-picker-unused {
  border-color: #dcdcdc;
  cursor: default !important;
  background-position: 0 -25px;
}

/* 
    The TH cell used to display the "month, year" title 
*/
.date-picker .date-picker-title {
  width: auto;
  height: auto;
  padding: 0.4em 0;
}

/* 
    The "todays date" cell style 
*/
.date-picker .date-picker-today {
  background: #fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0;
}

.oldie .date-picker .date-picker-today {
  *background: #fff url("../Images/datepicker/datepicker-today.gif") no-repeat 0 0;
}

.date-picker .month-out.date-picker-highlight {
  color: #b87676;
}

/* 
    The "highlight days" style 
*/
.date-picker .date-picker-highlight {
  color: #a86666;
}

/* 
    The "active cursor" style 
*/
.date-picker td {
  /*
    
    Uncomment this if you want a transition on the cursor cells scale effect
    
    -webkit-transition: all .2s ease;    
       -moz-transition: all .2s ease;    
        -ms-transition: all .2s ease;    
         -o-transition: all .2s ease;    
            transition: all .2s ease;    
    */
}

/*
    Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when 
    scaling TD cells so commented out until I find a curious CSS based fix.
    Opera no longer appears to apply the scale... ho hum...
*/
.date-picker-focus .date-picker-hover {
  /*
    -webkit-transform:scale(1.25);
    */
  -ms-transform: scale(1.25);
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover {
  background: #fff url(data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAASwAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAwICAgICAwICAwUDAwMFBQQDAwQFBgUFBQUFBggGBwcHBwYICAkKCgoJCAwMDAwMDA4ODg4OEBAQEBAQEBAQEAEDBAQGBgYMCAgMEg4MDhIUEBAQEBQREBAQEBARERAQEBAQEBEQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQ/8AAEQgAIwIIAwERAAIRAQMRAf/EAHgAAQEBAQEBAAAAAAAAAAAAAAABBAMCCQEBAQEBAQEAAAAAAAAAAAAAAAECAwQFEAABAQgBAwMFAQEBAAAAAAAAEwFh0QIDkwQVVDFBgSFRBRFxkaGyczVEEQEAAgMBAAIDAQAAAAAAAAAAARFRAhITMQMhcTIi/9oADAMBAAIRAxEAPwD6R53yGZJm5EkmRUlZLUnYxjKkzGMYyZvb6npiIp8f7Ps26n8z8uOzzuTUuTRNcwx6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNnncmpcmiOYPTbMmyzuTUuTRHMHptmTZ5vJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZvJqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzmf+mpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybLO5NS5NEcwem2ZNlncmpcmiOYPTbMmzzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZZ3JqXJojmD02zJss7k1Lk0RzB6bZk2WdyalyaI5g9NsybPO5NS5NEcwem2ZNlncmpcmiOYPTbMmyzuTUuTRHMHptmTZ53JqXJojmD02zJss7k1Lk0RzB6bZk2edyalyaI5g9NsybLO5NS5NEcwem2ZZvkqv0+RymfXpVqf201rH4hj7Z/3P7Z1XlpzsWeKLFWiixV4osVeKLFniixZ4osV9miixZ4osWeKLFXiixUUWKvFFioosWeKLFXiixZ4osVaKLFniixZ4osWeKLFWiixUUWKiixV4osWeKLFvXqKLFWiixb06iixZ4osWeKLFniixVoosVFFioosWeKLFniixV4osVeKLFniixZ4osWeKLFXiixUUWKvFFioosWeKLFniixUUWLPFFizxRYq0UWKiixUUWLPFFizxRYs8UWKvFFioosWeKLFXiixZ4osVaKLFXii3n5Wp9PlMxntWq/20a/EL9v9z+5ZWVTTnYq8FirPcFivqCxV4LFXgsVBYo/9gsVBYqCxV4LFQWK+nUFirwWKgFXgsVBYq8FioLFQWKgsVZ7gsVeCxUFirwCoLFX/ALBYqCxUFioLFfUFirwWKs9wWKgsVeCxV4LFQWKv/YLFQWKvBYqAVBYq8FioLFfTqCxV4LFQCr/2CxUFivqCxV4LFWe4LFQWKvBYq8FjaoLFQWKvBYr3+oLFQDKoLFXgsVZ7gsV9QW7fLf8AWzf96v8AbSa/EN/b/c/uWQ05J5AM69QHdoDyBfIACAXsBAHkAzoA7dQHkCsIIUPIBgFYAaBADfuAb0AoEZ9wKBAAAAzqBWgQA37gX2AnkB5AoE8+QKzuBG+AKQQoeQDOgDt1AeQKAAgFaBADfuBfYCeQHkCt6AQA37gOwFIBRPIBnXqA7tA2fLf9bN/3q/20zr8Q6fb/AHP7lkNOQwgFAgNAAOwAB2KJ+AKQOxQIAAIn4KqkAoAAJ+AK0gAADAHcAA7tKAAA0AAIAD2AM6AAABncojfAFAn4ApA7FAgAAAD2KDQAAgAPYAzoAaUAHYgdigRAqjCAUCD/2Q==) no-repeat 0 0;
  cursor: pointer;
  border-color: #6482aa !important;
  border-color: rgba(100, 130, 170, 0.7) !important;
  color: #6482aa;
  text-shadow: 0px 1px 1px #fff;
  box-shadow: 0 0 6px rgba(100, 130, 170, 0.6);
  background-size: cover;
}

.oldie .date-picker .date-picker-hover,
.oldie .date-picker .month-out.date-picker-hover {
  *background: #fff url("../Images/datepicker/datepicker-cursor.jpg") no-repeat 0 0;
}

/* 
    The "disabled days" style 
*/
.date-picker .day-disabled {
  color: #888;
  cursor: default;
  text-decoration: line-through;
  background-position: 0 -15px;
}

.date-picker .month-out {
  border-color: #ddd;
  border-color: rgba(220, 220, 220, 0.8);
  color: #aaa;
  background-position: 0 -25px;
}

/* 
    The "selected date" style - color changed below also 
*/
.date-picker .date-picker-selected-date {
  border-color: #888 !important;
  border-color: rgba(7, 7, 7, 0.6) !important;
}

/* 
    The date "out of range" style 
*/
.date-picker .out-of-range,
.date-picker .not-selectable {
  color: #ccc;
  font-style: oblique;
  background: #fcfcfc;
  cursor: default;
}

/* 
    Week number "out of range" && "month-out" styles 
*/
.date-picker th.month-out,
.date-picker th.out-of-range {
  color: #aaa;
  font-style: oblique;
  background: #fcfcfc;
}

/* 
    Week numbers "out of range" 
*/
.date-picker .out-of-range {
  opacity: 0.6;
}

/* 
    Used when the entire grid is full but the next/prev months dates cannot be 
    selected 
*/
.date-picker .not-selectable {
  opacity: 0.8;
}

.oldie .date-picker .out-of-range {
  filter: alpha(opacity=60);
}

.oldie .date-picker .not-selectable {
  filter: alpha(opacity=80);
}

.date-picker tr {
  display: table-row;
}

.date-picker sup {
  font-size: 0.86em;
  letter-spacing: normal;
  text-transform: none;
  height: 0;
  line-height: 1;
  position: relative;
  top: -0.2em;
  vertical-align: baseline !important;
  vertical-align: top;
}

.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display {
  text-shadow: 0px 1px 1px #fff;
}

.date-picker .month-display,
.date-picker .year-display {
  cursor: default;
}

.date-picker td:focus,
.date-picker .date-picker-hover {
  overflow: hidden;
  -moz-outline: 0 none;
  outline: 0 none;
  -o-highlight: 0 none;
}

/* 
    The "pulse" animation on focused button and datepicker cursor
*/
.date-picker-focus .date-picker-hover,
.date-picker-control:focus span {
  -webkit-animation: fd-dp-pulse 1.5s infinite alternate;
  -moz-animation: fd-dp-pulse 1.5s infinite alternate;
  -ms-animation: fd-dp-pulse 1.5s infinite alternate;
  -o-animation: fd-dp-pulse 1.5s infinite alternate;
}

/* 
    The "selected date" style 
*/
.date-picker .date-picker-selected-date {
  color: #333;
  color: rgba(3, 3, 3, 0.8);
  font-weight: bold;
  font-size: 1.2em;
  width: 2.4em;
  height: 2.4em;
}

/*
    Remove the box-shadow & lifted corner effect for the inline datepickers
*/
.static-datepicker table {
  box-shadow: 0 0 0 transparent;
}

.static-datepicker:before,
.static-datepicker:after {
  display: none;
}

/*
    Add a box-shadow and enhance border for datepickers that have keyboard focus
*/
.date-picker-focus table {
  border-color: #999;
  border-color: rgba(153, 153, 153, 0.8);
  box-shadow: 0px 0px 5px #aaa;
}

/* 
    Draggable datepickers 
*/
.date-picker .drag-enabled,
.date-picker .drag-enabled span {
  cursor: move;
}

/* 
    Disabled datePicker 
*/
.date-picker-disabled table {
  opacity: .8 !important;
}

.date-picker-disabled table:before,
.date-picker-disabled table:after {
  display: none;
}

.oldie .date-picker-disabled table {
  filter: alpha(opacity=80);
}

.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span {
  cursor: default !important;
}

.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover {
  /*    
    Uncomment this if you have used the previous scale rules previously
    declared within the file (for the prev-but and next-but classes)
    
    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
  text-shadow: none;
}

body.fd-drag-active {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

/* 
    Glow effect for the focused (keyboard active) cursor cell and popup
    datepickers activation button 
*/
@-webkit-keyframes fd-dp-pulse {
  from {
    box-shadow: 0 0 2px rgba(100, 130, 170, 0.8);
  }
  to {
    box-shadow: 0 0 6px rgba(10, 130, 170, 0.5);
  }
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

/* tx-ke-questionnaire */
.tx-ke-questionnaire {
  text-align: left;
}

/* clearer */
.tx-ke-questionnaire .clearer {
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}

#keq_loadingDiv {
  position: absolute;
  left: 50%;
  top: 50%;
  color: red;
}

/* general form styles */
.tx-ke-questionnaire select,
.tx-ke-questionnaire textarea,
.tx-ke-questionnaire input[type="text"],
.tx-ke-questionnaire input[type="password"],
.tx-ke-questionnaire input[type="datetime"],
.tx-ke-questionnaire input[type="datetime-local"],
.tx-ke-questionnaire input[type="date"],
.tx-ke-questionnaire input[type="month"],
.tx-ke-questionnaire input[type="time"],
.tx-ke-questionnaire input[type="week"],
.tx-ke-questionnaire input[type="number"],
.tx-ke-questionnaire input[type="email"],
.tx-ke-questionnaire input[type="url"],
.tx-ke-questionnaire input[type="search"],
.tx-ke-questionnaire input[type="tel"],
.tx-ke-questionnaire input[type="color"] {
  box-sizing: content-box;
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  border-radius: 4px;
}

.tx-ke-questionnaire textarea {
  height: auto;
}

.tx-ke-questionnaire textarea,
.tx-ke-questionnaire input[type="text"],
.tx-ke-questionnaire input[type="password"],
.tx-ke-questionnaire input[type="datetime"],
.tx-ke-questionnaire input[type="datetime-local"],
.tx-ke-questionnaire input[type="date"],
.tx-ke-questionnaire input[type="month"],
.tx-ke-questionnaire input[type="time"],
.tx-ke-questionnaire input[type="week"],
.tx-ke-questionnaire input[type="number"],
.tx-ke-questionnaire input[type="email"],
.tx-ke-questionnaire input[type="url"],
.tx-ke-questionnaire input[type="search"],
.tx-ke-questionnaire input[type="tel"],
.tx-ke-questionnaire input[type="color"] {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.tx-ke-questionnaire textarea:focus,
.tx-ke-questionnaire input[type="text"]:focus,
.tx-ke-questionnaire input[type="password"]:focus,
.tx-ke-questionnaire input[type="datetime"]:focus,
.tx-ke-questionnaire input[type="datetime-local"]:focus,
.tx-ke-questionnaire input[type="date"]:focus,
.tx-ke-questionnaire input[type="month"]:focus,
.tx-ke-questionnaire input[type="time"]:focus,
.tx-ke-questionnaire input[type="week"]:focus,
.tx-ke-questionnaire input[type="number"]:focus,
.tx-ke-questionnaire input[type="email"]:focus,
.tx-ke-questionnaire input[type="url"]:focus,
.tx-ke-questionnaire input[type="search"]:focus,
.tx-ke-questionnaire input[type="tel"]:focus,
.tx-ke-questionnaire input[type="color"]:focus,
.tx-ke-questionnaire .uneditable-input:focus {
  border-color: rgba(0, 152, 161, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 152, 161, 0.6);
}

.tx-ke-questionnaire input[type="radio"],
.tx-ke-questionnaire input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

.tx-ke-questionnaire input[type="file"],
.tx-ke-questionnaire input[type="image"],
.tx-ke-questionnaire input[type="submit"],
.tx-ke-questionnaire input[type="reset"],
.tx-ke-questionnaire input[type="button"],
.tx-ke-questionnaire input[type="radio"],
.tx-ke-questionnaire input[type="checkbox"] {
  width: auto;
}

.tx-ke-questionnaire label,
.tx-ke-questionnaire input,
.tx-ke-questionnaire button,
.tx-ke-questionnaire select,
.tx-ke-questionnaire textarea {
  max-width: 100%;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

/* buttons */
.tx-ke-questionnaire button,
.tx-ke-questionnaire input[type="button"],
.tx-ke-questionnaire input[type="reset"],
.tx-ke-questionnaire input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

.tx-ke-questionnaire .keqButtons {
  margin: 0 0 20px 0;
}

.tx-ke-questionnaire .keqButtons:after {
  clear: both;
}

.tx-ke-questionnaire .prev {
  float: left;
}

.tx-ke-questionnaire .next {
  float: right;
}

.tx-ke-questionnaire .prev {
  background: #e3e3e3;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2EzYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #a3a3a3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #a3a3a3 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #a3a3a3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#a3a3a3', GradientType=0);
  /* IE6-8 */
}

.tx-ke-questionnaire .prev:hover {
  background: #f0f0f0;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c9c9c9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #c9c9c9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-3--1', endColorstr='#c9c9c9', GradientType=0);
  /* IE6-8 */
}

/* ****
 * keqNavigation
 **** */
.tx-ke-questionnaire .keqNavigationTypeDisplay ul {
  padding: 0px 15px;
  padding-left: 0px;
  list-style: none;
  background-color: #ebeced;
  border: 1px solid #C2C2C2;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li:first-child {
  border-top: none;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li {
  overflow: hidden;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #C2C2C2;
  font-size: 1em;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li a {
  color: #0099a1;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li .quest_number {
  float: left;
  width: auto;
  margin-right: 0.625em;
  padding: 5px;
  background-color: #A3A3A3;
  color: #F0F0F0;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li p {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li img {
  margin-top: 5px;
}

.tx-ke-questionnaire .keqNavigationTypeDisplay ul li:last-child {
  border-bottom: none;
}

/* ****
 * question boxes
 **** */
.tx-ke-questionnaire .keqQuestion {
  position: relative;
  background-color: #ebeced;
  border: 1px solid #d3d3d3;
  margin: 0 0 20px 0;
}

.tx-ke-questionnaire .keqQuestionTitle {
  overflow: hidden;
  padding: 12px 20px;
  font-family: inherit;
  font-weight: normal;
  font-size: 1.6em;
  color: #fff;
  background-color: #282d33;
}

.tx-ke-questionnaire .keqQuestionTitle p {
  float: left;
  width: 85%;
  margin-top: 0.5em;
  margin-left: 24px;
}

@media (max-width: 767px) {
  .tx-ke-questionnaire .keqNavigationTypeDisplay ul li p {
    width: 80%;
  }
  .tx-ke-questionnaire .keqQuestionTitle p {
    width: 70%;
  }
  /*
  .tx-ke-questionnaire .keqAnswerBox {
    overflow-x: scroll
  }
  */
}

.tx-ke-questionnaire .keqQuestionTitle .keqQuestionTitleline {
  margin-left: 1.25em;
  font-weight: bold;
}

.tx-ke-questionnaire .keqQuestionTitle .question_number {
  float: left;
  font-weight: bold;
}

.tx-ke-questionnaire .keqAnswerBox {
  padding: 12px 20px 12px 43px;
  color: #000000;
}

@media (max-width: 767px) {
  .tx-ke-questionnaire .keqAnswerBox {
    padding: 12px;
  }
}

.tx-ke-questionnaire .keqAnswerRadio label,
.tx-ke-questionnaire .keqAnswerCheckbox label {
  min-height: 20px;
  padding-left: 20px;
}

.tx-ke-questionnaire .keqAnswerWrap {
  font-size: 1.4em;
  font-weight: 300;
}

.tx-ke-questionnaire .keqAnswerWrap label {
  display: block;
  margin-bottom: 5px;
}

.tx-ke-questionnaire .keqAnswerWrap label.radio_checkbox {
  display: inline-block;
  padding: 0;
  margin-bottom: 0;
  width: 18px;
  height: 18px;
}

#xx#yy, .tx-ke-questionnaire input[type="checkbox"], #xx#yy, .tx-ke-questionnaire input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

#xx#yy, .tx-ke-questionnaire input[type="radio"] + label,
#xx#yy, .tx-ke-questionnaire input[type="checkbox"] + label {
  background: transparent url("../Images/kequestionnaire/Images/s-radio.png") no-repeat 0 -38px;
  padding: 0 20px;
}

.tx-ke-questionnaire input[type="checkbox"] + label {
  background-position: 0px -55px;
}

.tx-ke-questionnaire input[type="radio"]:checked + label {
  background-position: 0px 0px;
}

.tx-ke-questionnaire input[type="checkbox"]:checked + label {
  background-position: 0px -17px;
}

.tx-ke-questionnaire .keqAnswerRadio label input[type="radio"],
.tx-ke-questionnaire .keqAnswerCheckbox label input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.tx-ke-questionnaire .postText {
  position: relative;
  top: -5px;
  padding: 0 0 0 8px;
  color: #545454;
}

/* info Text */
.tx-ke-questionnaire .keqMandatory {
  padding: 8px 14px 8px 14px;
  margin-bottom: 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  color: #3a87ad;
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  display: none;
  font-size: 14px;
  line-height: 20px;
}

/* ClozeText Drag&Drop */
.tx-ke-questionnaire .keq-placeholder.cloze-text {
  background-color: #f1fdfe;
  border: 1px solid #FFFCDF;
  display: inline-block;
  font-size: 11px;
  height: 25px;
  line-height: 20px;
  margin: 0 0px -5px;
  padding: 0 10px;
  text-align: center;
  width: 180px;
}

.tx-ke-questionnaire .keqAnswerColumns .keq-moveable.moveable-text {
  background-color: #fffcdf;
  border: 1px solid #dfdbb5;
  display: inline-block;
  font-size: 11px;
  margin: 3px 0 3px 0;
  padding: 2px 10px;
  line-height: 20px;
  text-align: center;
  width: 165px;
  cursor: pointer;
}

.tx-ke-questionnaire .keq-baloon {
  position: relative;
}

.tx-ke-questionnaire .keq-baloon textarea {
  position: absolute;
  padding: 5px;
  font-size: 1.2em;
  color: #ffffff;
  font-weight: bold;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(163, 163, 163, 0.7)), color-stop(100%, rgba(163, 163, 163, 0.7)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3a3a3a3', endColorstr='#b3a3a3a3', GradientType=0);
  /* IE6-8 */
}

.tx-ke-questionnaire .keq-dd-area-container {
  position: relative;
  margin-bottom: 10px;
}

.tx-ke-questionnaire .dd-area {
  position: absolute;
}

.tx-ke-questionnaire .dd-area-highlight-hover,
.tx-ke-questionnaire .dd-area-highlight:hover {
  background-image: url("../Images/kequestionnaire/Images/transparent30.png");
}

.tx-ke-questionnaire .keq-dd-area-title {
  padding: 4px;
}

.tx-ke-questionnaire .keq-moveable.moveable-image {
  display: inline-block;
  cursor: pointer;
  border: 1px solid black;
  z-index: 500;
  margin: 3px;
  float: left;
}

.tx-ke-questionnaire .keqDDArea .keq-moveable-container {
  padding: 10px 5px 10px 5px;
  margin: 5px 0 5px 0;
  background-color: #fff;
}

.tx-ke-questionnaire .keqAnswerColumns .keqDDArea,
.tx-ke-questionnaire .keqAnswerColumns .keqAnswerClozeTextDD,
.tx-ke-questionnaire .keqAnswerColumns .keq-baloon {
  margin-left: 18px;
}

.tx-ke-questionnaire .keqAnswerColumns .keqAnswerClozeTextDD .keq-moveable-container {
  padding-left: 0px;
}

.tx-ke-questionnaire .keq-placeholder.dd-sequence {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  display: inline-block;
  padding: 10px;
  line-height: 1px;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns {
  float: left;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns div {
  padding: 5px;
}

/*
.tx-ke-questionnaire .keqQuestion {
	margin: 0 0 20px;
}
.tx-ke-questionnaire .keqQuestionTitle {
	border-color: #0098A1;
	border-style: none none solid solid;
	border-width: 0 0 1px 20px;
	font-weight: bold;
	padding: 4px 6px;
}
.tx-ke-questionnaire .keqAnswerBox {
	border-left: 1px solid #0098A1;
	border-style: none none none solid;
	border-width: 0 0 0 1px;
	margin: 0 0 0 19px;
	padding: 3px;
}
.tx-ke-questionnaire .keqAnswerBox .keqMandatory {
	color: #FF0000;
}
.tx-ke-questionnaire dl.keqAnswer {
	padding: 3px;
}
.tx-ke-questionnaire dl.keqAnswer dt {
	float: left;
	width: 20px;
}
.tx-ke-questionnaire dl.input {
	clear: both;
}
.tx-ke-questionnaire dl.input dt {
	width: auto;
}
.tx-ke-questionnaire dl.keqAnswer dd {
	margin: 0 0 0 20px;
}
.tx-ke-questionnaire div.keqAnswerBox .answerInfo {
	clear: both;
	color: red;
}
.tx-ke-questionnaire .clearer {
	clear: both;
	line-height: 1px;
}
*/
/*
 Additions For Slider
*/
.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider * {
  box-sizing: content-box;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderLeftLabel {
  float: left;
  padding: 0 15px 10px 0;
  line-height: 1.1em;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderRightLabel {
  float: left;
  padding: 0 0 10px 15px;
  line-height: 1.1em;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderValueShow {
  float: left;
  padding: 0 0 10px 15px;
  line-height: 1.1em;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSlider {
  float: left;
  padding: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  color: #222222;
  font-size: 1.1em;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSlider .ui-slider-handle {
  padding: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background: #3B78EF;
  border: 1px solid #AAAAAA;
  color: #222222;
  font-size: 1.1em;
}

.tx-ke-questionnaire .ui-slider {
  position: relative;
  text-align: left;
}

.tx-ke-questionnaire .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.tx-ke-questionnaire .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.tx-ke-questionnaire .ui-slider-horizontal {
  height: .8em;
}

.tx-ke-questionnaire .ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.tx-ke-questionnaire .ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.tx-ke-questionnaire .ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.tx-ke-questionnaire .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.tx-ke-questionnaire .ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.tx-ke-questionnaire .ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*
 Additions For Semantic Differential
*/
.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferential {
  float: left;
  padding: 0;
  margin-bottom: 5px;
  line-height: 1.1em;
  display: block;
  border-bottom: 1px solid #e2e2e2;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep {
  float: left;
  text-align: center;
  width: 18px !important;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStepLabel {
  text-align: center !important;
  padding: 0 0 5px 0;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep {
  text-align: center;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep input[type="radio"] {
  clip: auto;
  position: relative;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStepLabel {
  text-align: center;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep input[type="radio"] {
  margin-top: 20px;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialLeftLabel {
  float: left;
  padding: 0 15px 10px 0;
  margin-top: 0.6em;
  display: block;
  width: 125px;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep .keqSematicDifferentialStepLabel + input[type="radio"] {
  margin-top: 0px;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel {
  float: left;
  padding: 0 0 10px 15px;
  margin-top: 0.6em;
  display: block;
  width: 125px;
  text-align: left;
}

.tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialValueShow {
  float: left;
  padding: 0 0 10px 15px;
  margin-top: 0.6em;
}

.tx-ke-questionnaire .keqAnswerBox .keqSematicDifferential label.radio_checkbox {
  position: relative;
  top: -18px;
}

/*
 Additions For Text Element
*/
.tx-ke-questionnaire .keqTextElement {
  padding: 5px 0;
}

/*
 Additions For Extended Matrix
*/
.tx-ke-questionnaire .keqExtendedMatrix table {
  border-collapse: collapse;
  border-spacing: 0;
}

.tx-ke-questionnaire .keqExtendedMatrix .keqEmExthead {
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #E3E3E3;
  border-left: 2px solid #B7B7B7;
}

.tx-ke-questionnaire .keqExtendedMatrix .keqEmHead {
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #E3E3E3;
}

.tx-ke-questionnaire .keqExtendedMatrix .keqEmHead.keqEmHead_0 {
  border-left: 2px solid #B7B7B7;
}

.tx-ke-questionnaire .keqExtendedMatrix .keqEmCol {
  text-align: center;
  padding: 3px 5px;
  border: 1px solid #E3E3E3;
}

.tx-ke-questionnaire .keqExtendedMatrix .keqEmCol.keqEmCol_0 {
  border-left: 2px solid #B7B7B7;
}

.tx-ke-questionnaire .keqImage {
  padding: 5px;
}

.tx-ke-questionnaire .keqImageLeft {
  float: left;
}

.tx-ke-questionnaire .keqImageRight {
  float: right;
}

/*
	Additions for Progressbar
*/
.tx-ke-questionnaire #progressbar-wrap {
  position: relative;
}

.tx-ke-questionnaire #keqPageProgressbar {
  border-radius: 0px;
  padding: 7px 4px 0px;
  background-color: #bdbdbd;
}

.tx-ke-questionnaire #keqPageProgressbar .ui-progressbar-value {
  margin-bottom: 3px;
  background: #f0f0f0;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYxYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #fff1c6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #fff1c6 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #fff1c6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-3--1', endColorstr='#fff1c6', GradientType=0);
  /* IE6-8 */
  border-radius: 0px;
  height: 80%;
}

.tx-ke-questionnaire .keqProgressbar {
  margin-bottom: 10px;
}

.tx-ke-questionnaire .ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
  position: relative;
}

.tx-ke-questionnaire .ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.tx-ke-questionnaire .ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  border: 5px solid #ff0000;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.tx-ke-questionnaire .ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.tx-ke-questionnaire .progress-label {
  position: relative;
  width: 120px;
  height: 34px;
  margin: 0px auto;
  font-weight: bold;
  font-size: 1.2em;
  color: #636363;
  text-align: center;
  line-height: 16px;
  text-shadow: 1px 1px 0 #FFFFFF;
}

.tx-ke-questionnaire .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
}

.tx-ke-questionnaire .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.tx-ke-questionnaire .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.tx-ke-questionnaire .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px;
}

.tx-ke-questionnaire .ui-widget-content {
  background: #FFFFFF;
  border: 1px solid #AAAAAA;
  color: #222222;
}

.tx-ke-questionnaire .ui-widget-header {
  background: #CCCCCC;
  border: 1px solid #AAAAAA;
  color: #222222;
  font-weight: bold;
}

/*
	Additions for Scrollable Avatar
*/
.tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns .keqAvatar div {
  padding: 0;
}

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.tx-ke-questionnaire .keqAvatar .scrollable {
  /* required settings */
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 120px;
  padding: 0;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.tx-ke-questionnaire .keqAvatar .scrollable .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
  clear: both;
  padding: 0;
}

.tx-ke-questionnaire .keqAvatar .items div {
  float: left;
  width: 680px;
  padding: 0;
}

/* single scrollable item */
.tx-ke-questionnaire .keqAvatar .scrollable img {
  float: left;
}

/* active item */
.tx-ke-questionnaire .keqAvatar .scrollable .active {
  position: relative;
  cursor: default;
}

/* this makes it possible to add next button beside scrollable */
.tx-ke-questionnaire .keqAvatar .scrollable {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */
.tx-ke-questionnaire .keqAvatar a.browse {
  background: url(../Images/kequestionnaire/Images/scrollable_arrows.png) no-repeat;
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  cursor: pointer;
  font-size: 1px;
  margin: 2px 5px 0 5px;
}

/* right */
.tx-ke-questionnaire .keqAvatar a.right {
  background-position: 0 -30px;
  clear: right;
  margin-right: 0px;
}

.tx-ke-questionnaire .keqAvatar a.right:hover {
  background-position: -30px -30px;
}

.tx-ke-questionnaire .keqAvatar a.right:active {
  background-position: -60px -30px;
}

/* left */
.tx-ke-questionnaire .keqAvatar a.left {
  margin-left: 0px;
}

.tx-ke-questionnaire .keqAvatar a.left:hover {
  background-position: -30px 0;
}

.tx-ke-questionnaire .keqAvatar a.left:active {
  background-position: -60px 0;
}

/* up and down */
.tx-ke-questionnaire .keqAvatar a.up, a.down {
  background: url(../Images/kequestionnaire/Images/scrollable_arrows.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
.tx-ke-questionnaire .keqAvatar a.up:hover {
  background-position: -30px 0;
}

.tx-ke-questionnaire .keqAvatar a.up:active {
  background-position: -60px 0;
}

/* down */
.tx-ke-questionnaire .keqAvatar a.down {
  background-position: 0 -30px;
}

.tx-ke-questionnaire .keqAvatar a.down:hover {
  background-position: -30px -30px;
}

.tx-ke-questionnaire .keqAvatar a.down:active {
  background-position: -60px -30px;
}

/* disabled navigational button */
.tx-ke-questionnaire .keqAvatar a.disabled {
  visibility: hidden !important;
}

/* Matrix*/
.tx-ke-questionnaire .keqAnswerBox .keqMatrix,
.tx-ke-questionnaire .keqAnswerBox .keqExtendedMatrix {
  margin-left: 0px;
}

.tx-ke-questionnaire .keqAnswerBox .keq-matrix {
  background-color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
}

.tx-ke-questionnaire .keqAnswerBox .keqMatrix .keq-matrix .keqAnswerSingleInput div {
  padding: 0px;
  margin: 0px 10px;
}

.tx-ke-questionnaire .keqAnswerBox .keqMatrix .keq-matrix .keqAnswerSingleInput div input {
  margin-bottom: 0px;
}

.tx-ke-questionnaire .keqAnswerBox .keqMatrix table tbody tr > :first-child {
  border: 1px solid #ff0000;
}

.tx-ke-questionnaire .keqAnswerBox .keq-matrix th {
  color: #282d33;
  font-weight: bold;
  border-bottom: 3px solid #f15252;
}

.tx-ke-questionnaire .keqAnswerBox .keq-matrix th,
.tx-ke-questionnaire .keqAnswerBox .keq-matrix td {
  padding: 10px;
  border-top: 1px solid #E5E5E5;
}

@media (max-width: 767px) {
  /*
  .tx-ke-questionnaire .keqAnswerColumns .keqMatrix,
  .tx-ke-questionnaire .keqAnswerColumns .keqExtendedMatrix,
  .tx-ke-questionnaire .keqAnswerColumns .keq-baloon {
    overflow-x: scroll
  }
  */
}

/* add a clone to a matrix */
.tx-ke-questionnaire .keqMatrixAddClone {
  cursor: pointer;
}

keqQuestionTitle .tx-ke-questionnaire .keqClonableRow {
  display: none;
}

.tx-ke-questionnaire .keqRankingOrder ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

.tx-ke-questionnaire .keqRankingOrder ul li {
  border: 1px solid #ddd;
  list-style-type: none;
  height: 1.6em;
  line-height: 1.4em;
  font-size: 1.2em;
  margin: 0 5px 5px;
  padding: 5px;
  cursor: pointer;
}

.tx-ke-questionnaire .keqRankingOrderPlaceholder {
  background-color: #ddd;
}

.tx-ke-questionnaire #keqViewResult {
  position: relative;
}

.tx-ke-questionnaire #keqViewResult .disableLayer {
  background: none repeat scroll 0 0 rgba(20, 20, 20, 0.1);
  height: 100%;
  position: absolute;
  top: 1px;
  width: 100%;
  z-index: 5000;
}

/* Tooltip */
.tx-ke-questionnaire .keqHelp {
  float: right;
  margin-right: 2.2em;
  margin-top: 0.37em;
  margin-left: 0.625em;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 0px dotted #4dbcf3;
}

.tx-ke-questionnaire .keqHelp span {
  display: block;
  width: 1.4em;
  background: none repeat scroll 0 0 #a3a3a3;
  border-radius: 1.4em;
  box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125);
  -webkit-box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125);
  color: #FFF004;
  height: 1.4em;
  line-height: 1.4em;
  text-align: center;
  text-shadow: none;
}

.tx-ke-questionnaire .keqHelp + p {
  float: left;
  margin-left: 1.4em;
}

.tx-ke-questionnaire .keqHelp:hover {
  cursor: pointer;
  background: transparent;
  z-index: 100;
}

.tx-ke-questionnaire .keqHelp .keqHelpText {
  display: none;
  margin-top: 1.05em;
  margin-left: -11.5em;
  text-decoration: none;
  background-color: #e3e3e3;
}

.tx-ke-questionnaire .keqHelp .keqHelpText p {
  font-weight: normal;
  font-size: 0.8em;
  letter-spacing: 1px;
}

.tx-ke-questionnaire .keqHelp:hover .keqHelpText {
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 200px;
  z-index: 100;
  padding: 5px 10px;
  border: 1px solid #a3a3a3;
  border-radius: 4px;
  background: #ebeced;
  color: #000000;
  text-align: left;
}

/* Styles for Analysis Form */
.tx-ke-questionnaire #keq_analysis {
  position: relative;
  padding: 20px;
  color: #222;
  font-size: 1.125em;
  background-color: #F0F0F0;
  border: 1px solid #D3D3D3;
  box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF;
}

.tx-ke-questionnaire #keq_analysis .main_select {
  box-sizing: content-box;
}

.tx-ke-questionnaire #keq_analysis .main_select {
  position: relative;
  top: -20px;
  left: -20px;
  border-bottom: 1px solid #C2C2C2;
  box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF;
  padding: 20px 20px 10px 20px;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 100%;
}

.tx-ke-questionnaire #keq_analysis .keq_analysis_q_select {
  width: 17em;
}

.tx-ke-questionnaire #keq_analysis h3 {
  position: relative;
  width: 100%;
  left: -20px;
  padding: 10px 20px 10px 20px;
  color: #222222;
  font-family: inherit;
  font-size: 1.125em;
  font-weight: bold;
  text-shadow: 0 1px 0 #FFFFFF;
  background-color: #E3E3E3;
  background-image: url("../Images/kequestionnaire/Images/bgNoise1.png");
  border-bottom: 1px solid #C2C2C2;
  box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF;
}

.tx-ke-questionnaire #keq_analysis h4 {
  margin: 0px;
}

.tx-ke-questionnaire #keq_analysis .keqLineAnalysis {
  background-color: #f7f7f7;
  list-style-position: outside;
  padding: 0;
  padding-left: 25px;
}

.tx-ke-questionnaire #keq_analysis .keqLineAnalysis li {
  padding: 5px;
  color: #414141;
  list-style-type: square;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #fff;
}

.tx-ke-questionnaire #keq_analysis .keqLineAnalysis li:first-child {
  border-top: none;
}

.tx-ke-questionnaire #keq_analysis .keqLineAnalysis li:last-child {
  border-bottom: none;
}

.tx-ke-questionnaire #keq_analysis .jqplot-pie-series {
  color: #fff;
  font-size: 80%;
}

.tx-ke-questionnaire .jqplot-point-label {
  font-size: 12px;
}

.tx-ke-questionnaire .jqplot-highlighter-tooltip {
  font-size: 10px;
  background: none repeat scroll 0 0 rgba(208, 208, 208, 0.8);
}

/*.tx-ke-questionnaire #keq_analysis .jqplot-target {max-width: 100%;}*/
.tx-ke-questionnaire #keq_analysis .jqplot-target table td.jqplot-table-legend-label {
  max-width: 300px;
}

@media (max-width: 480px) {
  .tx-ke-questionnaire #keq_analysis {
    overflow-x: scroll;
  }
  .tx-ke-questionnaire #keq_analysis .jqplot-target {
    max-width: none;
  }
  .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel {
    margin-left: 262px;
    margin-top: -6.2em !important;
  }
}

@media (max-width: 768px) {
  .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider * {
    box-sizing: inherit;
  }
  .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep {
    width: 26px !important;
  }
  .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialLeftLabel {
    margin-left: 5px;
  }
  .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel {
    float: right !important;
    margin-top: 0px !important;
  }
}

/* Point-Display at last page */
.tx-ke-questionnaire .keqPointsWrap {
  margin-top: 5px;
}

.tx-ke-questionnaire .keqPointsWrap .keqPointsTable .numeric {
  text-align: right;
}

/* Range-Display at last page */
.tx-ke-questionnaire .keqRangeWrap {
  margin-top: 5px;
}

.tx-ke-questionnaire .keqRangeWrap .keqRangeTitle {
  font-weight: bold;
}

.tx-ke-questionnaire .keqRangeWrap .keqRangeContent {
  margin-top: 5px;
}

.tx-ke-questionnaire .quotaChartHeader {
  font-weight: bold;
}

.content .tx-ke-questionnaire .table-wrapper, .tx-ke-questionnaire .table-wrapper {
  overflow: hidden;
}

.content .tx-ke-questionnaire .table-wrapper-inner, .tx-ke-questionnaire .table-wrapper-inner {
  max-width: inherit !important;
}

.ui-autocomplete {
  background: #fff;
  width: -webkit-calc(100vw - 50%) !important;
  width: calc(100vw - 50%) !important;
  padding: .5em;
  border: 1px solid #caced3;
  z-index: 100;
}

.ui-autocomplete > li {
  font-size: 1.3em;
  padding: 0.38462em 0;
}

.ui-autocomplete > li.ui-state-focus, .ui-autocomplete > li.ui-state-hover {
  background: #282d33;
  color: #fff;
}

.ui-autocomplete > li.ui-state-focus a, .ui-autocomplete > li.ui-state-hover a {
  color: #fff;
}

.home .ui-autocomplete {
  width: 440px !important;
}

form {
  display: block;
  margin: 2em 0 3em;
}

form:first-child {
  margin-top: 0;
}

form .form__field-wrapper {
  margin: 1.5em 0 2.5em;
}

form .form__field-wrapper.grid {
  margin-bottom: 0;
}

form .form__field-wrapper .form__field-wrapper {
  margin-top: 0;
}

.confirmation form {
  display: inline-block;
  margin: 0;
}

fieldset {
  margin-top: 3em;
  margin-bottom: 6em;
  border: none;
  position: relative;
  background: transparent;
  min-width: inherit;
}

fieldset:first-child {
  margin-top: 0;
}

legend {
  display: block;
  padding: 0;
  color: #282d33;
  text-align: left;
  font-style: normal;
  font-size: 2em;
  font-weight: 700;
  white-space: normal;
  width: 100%;
  margin-bottom: 1em;
  text-transform: uppercase;
}

label {
  display: block;
  font-size: 1.4em;
  font-weight: 500;
  color: #282d33;
  margin: 0.35714em 0 0.35714em;
  cursor: pointer;
}

label .text-help {
  font-size: 0.85714em;
}

label .required {
  font-size: 1em;
}

label input, label select, label textarea {
  margin-top: 0.35714em;
  font-size: 1em;
  padding: 0.60714em 0.71429em;
}

.text-help {
  font-weight: 300;
  font-size: 1.2em;
  display: block;
  color: #656c74;
  margin: .5em 0 .5em;
}

.required {
  color: #fe0000;
  font-size: 1.4em;
  font-weight: 400;
  font-style: normal;
}

input, textarea, select {
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  background: #fff;
  width: 100%;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #caced3;
  padding: 0.67857em 1em;
  color: #282d33;
}

input:disabled, textarea:disabled, select:disabled {
  background: #fff;
  color: #caced3;
}

input:focus, textarea:focus, select:focus {
  outline: 1px dashed #f15252;
  outline-offset: 0;
}

input[type="submit"] {
  width: auto;
}

input[type="file"] {
  border-bottom: 1px solid transparent;
}

input:-moz-read-only, textarea:-moz-read-only {
  background: #fff;
  color: #caced3;
}

input:read-only, textarea:read-only {
  background: #fff;
  color: #caced3;
}

textarea {
  height: 7.14286em;
  border: 1px solid #caced3;
}

textarea:disabled {
  background: #ebeced;
}

select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background: #fff url("../Images/form/select_right.png") no-repeat 100% 50%;
  cursor: pointer;
  padding-right: 2.14286em;
}

select:disabled {
  background: #fff url("../Images/form/select_right-3.png") no-repeat 100% 50%;
  cursor: inherit;
}

select::-ms-expand {
  display: none;
}

.geocode {
  position: relative;
}

.geocode .geocode--wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px;
  background: none;
}

.geocode .geocode--wrapper .geocode--wrapper__button:before {
  content: '\e055';
}

form .form__field-datewrapper {
  position: relative;
}

form .form__field-datewrapper .date-picker-control {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
}

.date-picker table {
  font-size: 1.5em;
}

.ui-timepicker-wrapper {
  font-size: 1.5em;
}

.parsley-errors-list p {
  margin: 5px 0 15px;
  color: #ff000d;
  font-style: italic;
  font-size: 1.2em;
}

.parsley-errors-list p:before {
  font-family: "icons-default";
  content: "";
  margin: 0;
  font-size: 16px;
  color: #ff000d;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.parsley-errors-list p.modification {
  font-size: 1.5em;
  font-style: normal;
}

.parsley-errors-list p.modification .button-2 {
  margin-top: 10px;
}

.radio, .checkbox {
  clear: both;
  margin: 1.5em 0 2.5em;
}

.radio.radio-checkbox--inline div, .checkbox.radio-checkbox--inline div {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-right: 1.2em;
  margin-bottom: 1.3em;
}

.radio.radio-checkbox--inline legend, .checkbox.radio-checkbox--inline legend {
  margin-bottom: 1.28571em;
}

.radio.column-2 div, .checkbox.column-2 div {
  display: inline-block;
  vertical-align: top;
  width: 47.4%;
}

.radio.column-2 div:nth-child(even), .checkbox.column-2 div:nth-child(even) {
  margin-right: 1%;
}

.radio.column-2 div:nth-child(odd), .checkbox.column-2 div:nth-child(odd) {
  margin-left: 1%;
}

.radio.column-2 legend + div, .radio.column-2 legend + div + div, .checkbox.column-2 legend + div, .checkbox.column-2 legend + div + div {
  margin-top: 0;
}

.radio div, .checkbox div {
  margin: 1.1em 0;
}

.radio div:nth-of-type(1), .checkbox div:nth-of-type(1) {
  margin-top: 0;
}

.radio div:last-child, .checkbox div:last-child {
  margin-bottom: 0;
}

.radio legend, .checkbox legend {
  margin: 0.35714em 0 0.35714em;
  font-size: 1.4em;
}

.radio legend .required, .checkbox legend .required {
  font-size: 1em;
}

.radio label, .checkbox label {
  font-weight: 300;
  display: inline-block;
  position: relative;
  line-height: 1em;
  padding: 0 0 0 1.42857em;
  margin: 0;
}

.radio label:before, .checkbox label:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #caced3;
  font-size: 1em;
  width: 14px;
  height: 14px;
  left: 0;
  top: 0;
  speak: none;
}

.radio input[type=radio], .radio input[type=checkbox], .checkbox input[type=radio], .checkbox input[type=checkbox] {
  position: absolute;
  left: -9999px;
}

.radio input[type=radio]:disabled + label, .radio input[type=checkbox]:disabled + label, .checkbox input[type=radio]:disabled + label, .checkbox input[type=checkbox]:disabled + label {
  cursor: default;
  color: #dce0e4;
}

.radio input[type=radio]:disabled + label:before, .radio input[type=checkbox]:disabled + label:before, .checkbox input[type=radio]:disabled + label:before, .checkbox input[type=checkbox]:disabled + label:before {
  border-color: #caced3;
  cursor: default;
}

.radio input[type=radio]:checked + label:after, .radio input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after, .checkbox input[type=checkbox]:checked + label:after {
  position: absolute;
  line-height: normal;
  content: "";
  speak: none;
}

.radio input[type=radio]:focus + label, .radio input[type=checkbox]:focus + label, .checkbox input[type=radio]:focus + label, .checkbox input[type=checkbox]:focus + label {
  outline: 1px dashed #f15252;
  outline-offset: 2px;
}

.radio input[type=checkbox]:checked + label:after, .radio input[type=checkbox]:checked:disabled + label:after, .checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=checkbox]:checked:disabled + label:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #f15252;
}

.radio input[type=checkbox]:checked:disabled + label:after, .checkbox input[type=checkbox]:checked:disabled + label:after {
  background: #caced3;
}

.radio input[type=radio]:checked + label:after, .radio input[type=radio]:checked:disabled + label:after, .checkbox input[type=radio]:checked + label:after, .checkbox input[type=radio]:checked:disabled + label:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #f15252;
  border-radius: 50%;
  display: block;
  content: "";
}

.radio label:before {
  border-radius: 50%;
}

.content .powermail_fieldwrap_file_list > li, .powermail_fieldwrap_file_list > li {
  margin: .5em 0;
}

.content .powermail_fieldwrap_file_list > li:before, .powermail_fieldwrap_file_list > li:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.content .powermail_fieldwrap_file_list > li.powermail_fieldwrap_file_list__delete, .powermail_fieldwrap_file_list > li.powermail_fieldwrap_file_list__delete {
  padding-left: 0;
}

.content .powermail_fieldwrap_file_list > li.powermail_fieldwrap_file_list__delete:before, .powermail_fieldwrap_file_list > li.powermail_fieldwrap_file_list__delete:before {
  content: inherit;
  display: none;
}

.content .powermail_fieldwrap_file_list .button-1:before, .powermail_fieldwrap_file_list .button-1:before {
  content: "\e002";
}

.form--dark {
  background: #656c74;
}

.form--dark legend {
  color: #fff;
}

.form--dark label {
  color: #fff;
}

.form--dark .text-help {
  color: #ebeced;
}

.form--dark .required {
  color: #ff9898;
}

.form--dark input, .form--dark textarea, .form--dark select {
  background: #4d5359;
  border-color: #36393d;
  color: #fff;
}

.form--dark input:focus, .form--dark textarea:focus, .form--dark select:focus {
  outline-color: #ebeced;
  outline-offset: 0;
}

.form--dark select {
  background: #4d5359 url("../Images/form/select_right-2.png") no-repeat 100% 50%;
}

.form--dark select:disabled {
  background: #4d5359 url("../Images/form/select_right-3.png") no-repeat 100% 50%;
  color: #7e858e;
}

.form--dark .content .powermail_fieldwrap_file_list > li, .form--dark .powermail_fieldwrap_file_list > li {
  color: #fff;
}

.form--dark .button-1 {
  color: #fff;
}

input.button-1, .content input.button-1 {
  padding-left: 1.53846em;
}

input.button-1.button-1--big, .content input.button-1.button-1--big {
  padding-left: 1.31579em;
}

input.button-1.button-1--small, .content input.button-1.button-1--small {
  padding-left: 1.25em;
}

.button-1, .content .button-1 {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  text-decoration: none;
  font-weight: 700;
  color: #282d33;
  text-transform: uppercase;
  background: transparent;
  font-size: 1.3em;
  line-height: 0.92308em;
  padding: 0.96154em 1.53846em 0.96154em 3.23077em;
  position: relative;
}

.button-1:before, .content .button-1:before {
  font-family: "icons-default";
  font-size: 13px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 17px;
  content: "";
  line-height: 1;
}

.button-1:before, .content .button-1:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}

.button-1:after, .content .button-1:after {
  content: "";
  speak: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f15252;
}

.button-1[type=reset]:before, .content .button-1[type=reset]:before {
  content: "\e002";
}

.button-1:hover, .button-1:focus, .content .button-1:hover, .content .button-1:focus {
  text-decoration: none;
}

.button-1:hover:before, .button-1:focus:before, .content .button-1:hover:before, .content .button-1:focus:before {
  color: #fff;
}

.button-1:hover:after, .button-1:focus:after, .content .button-1:hover:after, .content .button-1:focus:after {
  background: #282d33;
}

.button-1:hover svg, .button-1:focus svg, .content .button-1:hover svg, .content .button-1:focus svg {
  fill: #FFF;
}

.button-1.button-1--big, .content .button-1.button-1--big {
  font-size: 1.9em;
  padding: 1em 1.31579em 1em 3.15789em;
}

.button-1.button-1--big:before, .content .button-1.button-1--big:before {
  left: 1.15789em;
}

.button-1.button-1--small, .content .button-1.button-1--small {
  font-size: 1.2em;
  padding: 0.58333em 1.25em 0.58333em 3.66667em;
}

.button-1.button-1--small:before, .content .button-1.button-1--small:before {
  left: 1.25em;
}

.button-1.button-1--small:after, .content .button-1.button-1--small:after {
  left: 0.92308em;
}

.button-1.button-1--no-icon, .content .button-1.button-1--no-icon {
  padding-left: 1.53846em;
  padding-right: 1.53846em;
}

.button-1.button-1--no-icon:before, .content .button-1.button-1--no-icon:before {
  content: "";
  margin: 0;
}

.button-1.button-1--no-icon:after, .content .button-1.button-1--no-icon:after {
  display: none;
}

.button-1.button-1--no-text, .content .button-1.button-1--no-text {
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  padding: 1em 1.46154em;
}

.button-1.button-1--no-text:before, .content .button-1.button-1--no-text:before {
  text-indent: 0;
  line-height: 0;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: 0;
}

.button-1.button-1--no-text:after, .content .button-1.button-1--no-text:after {
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.button-1.button-1--svg, .content .button-1.button-1--svg {
  padding: 1.07692em 1em;
}

.button-1.button-1--svg:hover svg, .button-1.button-1--svg:focus svg, .content .button-1.button-1--svg:hover svg, .content .button-1.button-1--svg:focus svg {
  fill: #282d33;
}

.button-1 svg, .content .button-1 svg {
  fill: #f15252;
  -webkit-transition: fill ease .3s;
  transition: fill ease .3s;
  width: 0.92308em;
  height: 0.92308em;
  vertical-align: middle;
}

.button-1.button-1--calendar:before, .content .button-1.button-1--calendar:before {
  left: 0.71429em;
  content: "\e05c";
}

a.button-1[href^="http://"]:not([href*="nancy.fr"]):after,
a.button-1[href^="https://"]:not([href*="nancy.fr"]):after,
a.button-1[href^="//"]:not([href*="nancy.fr"]):after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 5px;
  font-size: 8px;
  color: #282d33;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

a.button-1[href^="http://"]:not([href*="nancy.fr"]):after,
a.button-1[href^="https://"]:not([href*="nancy.fr"]):after,
a.button-1[href^="//"]:not([href*="nancy.fr"]):after {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a.button-1[href^="http://"]:not([href*="nancy.fr"]):hover:after, a.button-1[href^="http://"]:not([href*="nancy.fr"]):focus:after,
a.button-1[href^="https://"]:not([href*="nancy.fr"]):hover:after,
a.button-1[href^="https://"]:not([href*="nancy.fr"]):focus:after,
a.button-1[href^="//"]:not([href*="nancy.fr"]):hover:after,
a.button-1[href^="//"]:not([href*="nancy.fr"]):focus:after {
  color: #fff;
}

input.button-2[type="button"], .content input.button-2[type="button"],
input.button-2[type="submit"], .content input.button-2[type="submit"] {
  padding-left: 3.30769em;
}

input.button-2[type="button"].button-2--big, .content input.button-2[type="button"].button-2--big,
input.button-2[type="submit"].button-2--big, .content input.button-2[type="submit"].button-2--big {
  padding-left: 3.31579em;
}

input.button-2[type="button"].button-2--small, .content input.button-2[type="button"].button-2--small,
input.button-2[type="submit"].button-2--small, .content input.button-2[type="submit"].button-2--small {
  padding-left: 2.09091em;
}

.button-2, .content .button-2, .button-2[type="button"] {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  text-decoration: none;
  font-weight: 700;
  color: #282d33;
  text-transform: uppercase;
  background: #fff;
  font-size: 1.3em;
  line-height: normal;
  padding: 1.38462em 3.30769em 1.38462em 5.76923em;
  border: 1px solid #282d33;
  position: relative;
}

.button-2:before, .content .button-2:before, .button-2[type="button"]:before {
  font-family: "icons-default";
  font-size: 1.07692em;
  color: #fff;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 3.21429em;
  content: "";
  line-height: 1;
}

.button-2:before, .content .button-2:before, .button-2[type="button"]:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}

.button-2:after, .content .button-2:after, .button-2[type="button"]:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 2.76923em;
  width: 2.46154em;
  height: 2.46154em;
  border-radius: 50%;
  background: #282d33;
}

.button-2[type=reset]:before, .content .button-2[type=reset]:before, .button-2[type="button"][type=reset]:before {
  content: "\e002";
}

.button-2:hover, .button-2:focus, .content .button-2:hover, .content .button-2:focus, .button-2[type="button"]:hover, .button-2[type="button"]:focus {
  text-decoration: none;
  background: #f15252;
  border-color: #f15252;
}

.button-2:hover:before, .button-2:focus:before, .content .button-2:hover:before, .content .button-2:focus:before, .button-2[type="button"]:hover:before, .button-2[type="button"]:focus:before {
  color: #f15252;
}

.button-2:hover svg, .button-2:focus svg, .content .button-2:hover svg, .content .button-2:focus svg, .button-2[type="button"]:hover svg, .button-2[type="button"]:focus svg {
  fill: #FFF;
}

.button-2.button-2--big, .content .button-2.button-2--big, .button-2[type="button"].button-2--big {
  font-size: 1.9em;
  padding: 0.94737em 3.31579em 0.94737em 4.73684em;
}

.button-2.button-2--big:before, .content .button-2.button-2--big:before, .button-2[type="button"].button-2--big:before {
  left: 2.52632em;
}

.button-2.button-2--big:after, .content .button-2.button-2--big:after, .button-2[type="button"].button-2--big:after {
  left: 2em;
}

.button-2.button-2--small, .content .button-2.button-2--small, .button-2[type="button"].button-2--small {
  font-size: 1.1em;
  padding: 1.27273em 2.09091em 1.27273em 4.54545em;
}

.button-2.button-2--small:before, .content .button-2.button-2--small:before, .button-2[type="button"].button-2--small:before {
  left: 2.18182em;
}

.button-2.button-2--small:after, .content .button-2.button-2--small:after, .button-2[type="button"].button-2--small:after {
  left: 1.63636em;
}

.button-2.button-2--color-1, .content .button-2.button-2--color-1, .button-2[type="button"].button-2--color-1 {
  background: #282d33;
  color: #fff;
}

.button-2.button-2--color-1:before, .content .button-2.button-2--color-1:before, .button-2[type="button"].button-2--color-1:before {
  color: #282d33;
}

.button-2.button-2--color-1:after, .content .button-2.button-2--color-1:after, .button-2[type="button"].button-2--color-1:after {
  background: #fff;
}

.button-2.button-2--color-1:hover, .button-2.button-2--color-1:focus, .content .button-2.button-2--color-1:hover, .content .button-2.button-2--color-1:focus, .button-2[type="button"].button-2--color-1:hover, .button-2[type="button"].button-2--color-1:focus {
  background: #f15252;
  color: #282d33;
  border-color: #f15252;
}

.button-2.button-2--color-1:hover:before, .button-2.button-2--color-1:focus:before, .content .button-2.button-2--color-1:hover:before, .content .button-2.button-2--color-1:focus:before, .button-2[type="button"].button-2--color-1:hover:before, .button-2[type="button"].button-2--color-1:focus:before {
  color: #f15252;
}

.button-2.button-2--color-1:hover:after, .button-2.button-2--color-1:focus:after, .content .button-2.button-2--color-1:hover:after, .content .button-2.button-2--color-1:focus:after, .button-2[type="button"].button-2--color-1:hover:after, .button-2[type="button"].button-2--color-1:focus:after {
  background: #282d33;
}

.button-2.button-2--color-2, .content .button-2.button-2--color-2, .button-2[type="button"].button-2--color-2 {
  background: #f15252;
  color: #282d33;
  border-color: #f15252;
}

.button-2.button-2--color-2:before, .content .button-2.button-2--color-2:before, .button-2[type="button"].button-2--color-2:before {
  color: #f15252;
}

.button-2.button-2--color-2:after, .content .button-2.button-2--color-2:after, .button-2[type="button"].button-2--color-2:after {
  background: #282d33;
}

.button-2.button-2--color-2:hover, .button-2.button-2--color-2:focus, .content .button-2.button-2--color-2:hover, .content .button-2.button-2--color-2:focus, .button-2[type="button"].button-2--color-2:hover, .button-2[type="button"].button-2--color-2:focus {
  background: #282d33;
  color: #fff;
  border-color: #282d33;
}

.button-2.button-2--color-2:hover:before, .button-2.button-2--color-2:focus:before, .content .button-2.button-2--color-2:hover:before, .content .button-2.button-2--color-2:focus:before, .button-2[type="button"].button-2--color-2:hover:before, .button-2[type="button"].button-2--color-2:focus:before {
  color: #282d33;
}

.button-2.button-2--color-2:hover:after, .button-2.button-2--color-2:focus:after, .content .button-2.button-2--color-2:hover:after, .content .button-2.button-2--color-2:focus:after, .button-2[type="button"].button-2--color-2:hover:after, .button-2[type="button"].button-2--color-2:focus:after {
  background: #fff;
}

.button-2.button-2--no-border, .content .button-2.button-2--no-border, .button-2[type="button"].button-2--no-border {
  border: 0;
  padding-top: 0.76923em;
  padding-bottom: 0.76923em;
  padding-left: 2.69231em;
  padding-right: 0;
}

.button-2.button-2--no-border:before, .content .button-2.button-2--no-border:before, .button-2[type="button"].button-2--no-border:before {
  left: 0.61538em;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.button-2.button-2--no-border:after, .content .button-2.button-2--no-border:after, .button-2[type="button"].button-2--no-border:after {
  left: 0;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background ease .3s;
  transition: background ease .3s;
}

.button-2.button-2--no-border:hover, .button-2.button-2--no-border:focus, .content .button-2.button-2--no-border:hover, .content .button-2.button-2--no-border:focus, .button-2[type="button"].button-2--no-border:hover, .button-2[type="button"].button-2--no-border:focus {
  background: transparent;
}

.button-2.button-2--no-border:hover:before, .button-2.button-2--no-border:focus:before, .content .button-2.button-2--no-border:hover:before, .content .button-2.button-2--no-border:focus:before, .button-2[type="button"].button-2--no-border:hover:before, .button-2[type="button"].button-2--no-border:focus:before {
  color: #282d33;
}

.button-2.button-2--no-border:hover:after, .button-2.button-2--no-border:focus:after, .content .button-2.button-2--no-border:hover:after, .content .button-2.button-2--no-border:focus:after, .button-2[type="button"].button-2--no-border:hover:after, .button-2[type="button"].button-2--no-border:focus:after {
  background: #f15252;
}

.button-2.button-2--no-icon, .content .button-2.button-2--no-icon, .button-2[type="button"].button-2--no-icon {
  padding-left: 1.53846em;
  padding-right: 1.53846em;
}

.button-2.button-2--no-icon:before, .content .button-2.button-2--no-icon:before, .button-2[type="button"].button-2--no-icon:before {
  content: "";
  margin: 0;
}

.button-2.button-2--no-icon:after, .content .button-2.button-2--no-icon:after, .button-2[type="button"].button-2--no-icon:after {
  display: none;
}

.button-2.button-2--no-text, .content .button-2.button-2--no-text, .button-2[type="button"].button-2--no-text {
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  padding: 1em 1.46154em;
}

.button-2.button-2--no-text:before, .content .button-2.button-2--no-text:before, .button-2[type="button"].button-2--no-text:before {
  text-indent: 0;
  line-height: 0;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: 0;
}

.button-2.button-2--no-text:after, .content .button-2.button-2--no-text:after, .button-2[type="button"].button-2--no-text:after {
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.button-2.button-2--svg, .content .button-2.button-2--svg, .button-2[type="button"].button-2--svg {
  padding: 1.07692em 1em;
}

.button-2.button-2--svg:hover svg, .button-2.button-2--svg:focus svg, .content .button-2.button-2--svg:hover svg, .content .button-2.button-2--svg:focus svg, .button-2[type="button"].button-2--svg:hover svg, .button-2[type="button"].button-2--svg:focus svg {
  fill: #282d33;
}

.button-2 svg, .content .button-2 svg, .button-2[type="button"] svg {
  fill: #f15252;
  -webkit-transition: fill ease .3s;
  transition: fill ease .3s;
  width: 0.92308em;
  height: 0.92308em;
  vertical-align: middle;
}

.button-2.button-2--calendar:before, .content .button-2.button-2--calendar:before, .button-2[type="button"].button-2--calendar:before {
  left: 0.71429em;
  content: "\e05c";
}

a.button-2[href^="http://"]:not([href*="nancy.fr"]) :after,
a.button-2[href^="https://"]:not([href*="nancy.fr"]) :after,
a.button-2[href^="//"]:not([href*="nancy.fr"]) :after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 5px;
  font-size: 8px;
  color: #282d33;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

a.button-2[href^="http://"]:not([href*="nancy.fr"]) :after,
a.button-2[href^="https://"]:not([href*="nancy.fr"]) :after,
a.button-2[href^="//"]:not([href*="nancy.fr"]) :after {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a.button-2[href^="http://"]:not([href*="nancy.fr"]) :hover:after, a.button-2[href^="http://"]:not([href*="nancy.fr"]) :focus:after,
a.button-2[href^="https://"]:not([href*="nancy.fr"]) :hover:after,
a.button-2[href^="https://"]:not([href*="nancy.fr"]) :focus:after,
a.button-2[href^="//"]:not([href*="nancy.fr"]) :hover:after,
a.button-2[href^="//"]:not([href*="nancy.fr"]) :focus:after {
  color: #fff;
}

.dark .section-main .button-2 {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.dark .section-main .button-2:before {
  color: #3d4247;
  content: "\e02e";
}

.dark .section-main .button-2:after {
  background: #fff;
}

.dark .section-main .button-2:hover, .dark .section-main .button-2:focus {
  background-color: #f15252;
  border-color: #f15252;
  color: #282d33;
}

input.button-3, .content input.button-3 {
  padding-left: 3.30769em;
}

input.button-3.button-3--big, .content input.button-3.button-3--big {
  padding-left: 3.31579em;
}

input.button-3.button-3--small, .content input.button-3.button-3--small {
  padding-left: 2.09091em;
}

.button-3, .content .button-3 {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  text-decoration: none;
  font-weight: 700;
  color: #282d33;
  text-transform: uppercase;
  background: #f15252;
  font-size: 1.3em;
  line-height: 0.92308em;
  padding: 1.38462em 3.30769em 1.38462em 5.38462em;
  border: 1px solid #f15252;
  position: relative;
}

.button-3:before, .content .button-3:before {
  font-family: "icons-default";
  font-size: 1.07692em;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 3.21429em;
  content: "";
  line-height: 1;
}

.button-3:before, .content .button-3:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 2;
}

.button-3:after, .content .button-3:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 2.76923em;
  width: 2.46154em;
  height: 2.46154em;
  border-radius: 50%;
  background: #282d33;
}

.button-3[type=reset]:before, .content .button-3[type=reset]:before {
  content: "\e002";
}

.button-3:hover, .button-3:focus, .content .button-3:hover, .content .button-3:focus {
  text-decoration: none;
  background: #282d33;
  border-color: #282d33;
  color: #f15252;
}

.button-3:hover:before, .button-3:focus:before, .content .button-3:hover:before, .content .button-3:focus:before {
  color: #282d33;
}

.button-3:hover:after, .button-3:focus:after, .content .button-3:hover:after, .content .button-3:focus:after {
  background: #f15252;
}

.button-3:hover svg, .button-3:focus svg, .content .button-3:hover svg, .content .button-3:focus svg {
  fill: #FFF;
}

.button-3.button-3--big, .content .button-3.button-3--big {
  font-size: 1.9em;
  padding: 0.94737em 3.31579em 0.94737em 4.73684em;
}

.button-3.button-3--big:before, .content .button-3.button-3--big:before {
  left: 2.52632em;
}

.button-3.button-3--big:after, .content .button-3.button-3--big:after {
  left: 2em;
}

.button-3.button-3--small, .content .button-3.button-3--small {
  font-size: 1.1em;
  padding: 1.27273em 2.09091em 1.27273em 4.54545em;
}

.button-3.button-3--small:before, .content .button-3.button-3--small:before {
  left: 2.18182em;
}

.button-3.button-3--small:after, .content .button-3.button-3--small:after {
  left: 1.63636em;
}

.button-3.button-3--no-icon, .content .button-3.button-3--no-icon {
  padding-left: 1.53846em;
  padding-right: 1.53846em;
}

.button-3.button-3--no-icon:before, .content .button-3.button-3--no-icon:before {
  content: "";
  margin: 0;
}

.button-3.button-3--no-icon:after, .content .button-3.button-3--no-icon:after {
  display: none;
}

.button-3.button-3--no-text, .content .button-3.button-3--no-text {
  text-align: left;
  text-indent: -9999px;
  white-space: nowrap;
  position: relative;
  padding: 1em 1.46154em;
}

.button-3.button-3--no-text:before, .content .button-3.button-3--no-text:before {
  text-indent: 0;
  line-height: 0;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: 0;
}

.button-3.button-3--no-text:after, .content .button-3.button-3--no-text:after {
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.button-3.button-3--svg, .content .button-3.button-3--svg {
  padding: 1.07692em 1em;
}

.button-3.button-3--svg:hover svg, .button-3.button-3--svg:focus svg, .content .button-3.button-3--svg:hover svg, .content .button-3.button-3--svg:focus svg {
  fill: #f15252;
}

.button-3 svg, .content .button-3 svg {
  fill: #282d33;
  -webkit-transition: fill ease .3s;
  transition: fill ease .3s;
  width: 0.92308em;
  height: 0.92308em;
  vertical-align: middle;
}

.button-3.button-3--calendar:before, .content .button-3.button-3--calendar:before {
  left: 0.71429em;
  content: "\e05c";
}

a.button-3[href^="http://"]:not([href*="nancy.fr"]) :after,
a.button-3[href^="https://"]:not([href*="nancy.fr"]) :after,
a.button-3[href^="//"]:not([href*="nancy.fr"]) :after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 5px;
  font-size: 8px;
  color: #282d33;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

a.button-3[href^="http://"]:not([href*="nancy.fr"]) :after,
a.button-3[href^="https://"]:not([href*="nancy.fr"]) :after,
a.button-3[href^="//"]:not([href*="nancy.fr"]) :after {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a.button-3[href^="http://"]:not([href*="nancy.fr"]) :hover:after, a.button-3[href^="http://"]:not([href*="nancy.fr"]) :focus:after,
a.button-3[href^="https://"]:not([href*="nancy.fr"]) :hover:after,
a.button-3[href^="https://"]:not([href*="nancy.fr"]) :focus:after,
a.button-3[href^="//"]:not([href*="nancy.fr"]) :hover:after,
a.button-3[href^="//"]:not([href*="nancy.fr"]) :focus:after {
  color: #fff;
}

.button-4 {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  white-space: nowrap;
}

.button-4:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #282d33;
  vertical-align: 0;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.button-4:before {
  padding: 6px;
  background: #fff;
  border-radius: 50%;
}

.button-4:hover, .button-4:focus {
  color: #f15252;
}

.button-4:hover:before, .button-4:focus:before {
  background: #f15252;
}

.button-4.button-4--color-1 {
  color: #f15252;
}

.button-4.button-4--color-1:before {
  background: #f15252;
}

.button-4.button-4--color-1:hover, .button-4.button-4--color-1:focus {
  color: #fff;
}

.button-4.button-4--color-1:hover:before, .button-4.button-4--color-1:focus:before {
  background: #fff;
}

.goto-listview:before {
  font-family: icons-project;
  content: "\e012";
}

a:focus, button:focus, input[type="button"]:focus {
  outline: 1px dashed #f15252;
}

.link-bloc__context {
  position: relative;
}

.link-bloc__context .link-bloc:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  speak: none;
  z-index: 10;
}

.link-view {
  text-align: center;
  margin: 2.5em 0;
}

.column-bloc .link-view {
  margin-top: 1em;
}

.view-online {
  padding-left: 2rem;
  position: relative;
}

.view-online:before {
  font-family: "icons-default";
  font-size: 1.5rem;
  color: #f15252;
  position: absolute;
  top: 0.2rem;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

form .view-online {
  display: inline-block;
  vertical-align: middle;
  padding-right: 2rem;
}

.link-view__feature a {
  color: black;
}

.link-view__feature a:hover {
  text-decoration: none;
}

p.link-view__feature:empty {
  display: none;
}

.wrapper-940 {
  width: 96em;
  margin: 0 auto;
  padding: 0 1em;
}

.wrapper-1280, .section-main__wrapper, .footer__wrapper, .heading .heading__wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1em;
}

.home-grey {
  padding: 5em 0;
  background: #ebeced;
}

.home-dark, .home-dark-2 {
  padding: 5em 0;
  background: #282d33;
}

.home-dark .title-5, .home-dark-2 .title-5 {
  color: #f15252;
}

.home-white {
  padding: 5em 0;
  background: #fff;
}

.background-in-wrapper {
  position: relative;
  background: #ebeced;
}

.background-in-wrapper:before, .background-in-wrapper:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 999em;
  height: 100%;
  background: #ebeced;
}

.background-in-wrapper:before {
  left: -9990px;
}

.background-in-wrapper:after {
  right: -9990px;
}

.background-in-wrapper.background-in-wrapper--dark {
  background: #656c74;
}

.background-in-wrapper.background-in-wrapper--dark:before, .background-in-wrapper.background-in-wrapper--dark:after {
  background: #656c74;
}

.column-bloc {
  width: 24em;
  padding-left: 4em;
  margin-bottom: 10em;
}

.home-publications-webcam {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.home-publications-webcam > * {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.header {
  background: #282d33;
}

.event .header, .directory .header {
  background: #282d33;
}

.header__top {
  background: #000;
}

.header__top.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
}

.header__top .header__top__wrapper, .header__top .header__top__wrapper-1, .header__top .header__top__wrapper-2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__top .header__top__wrapper-1, .header__top .header__top__wrapper-2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__top .header__top__wrapper-1 > *, .header__top .header__top__wrapper-2 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.header__top .header__top__wrapper-1 > .envideos, .header__top .header__top__wrapper-2 > .envideos {
  margin-left: 7vw;
}

.header__top .header__top__wrapper-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 36%;
      -ms-flex: 0 1 36%;
          flex: 0 1 36%;
}

.header__top .menu-service {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 28%;
      -ms-flex: 0 1 28%;
          flex: 0 1 28%;
}

.header__top .header__top__wrapper-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 36%;
      -ms-flex: 0 1 36%;
          flex: 0 1 36%;
}

.home .header__middle {
  background: #282d33;
  color: #fff;
}

.home .header__middle a {
  color: #fff;
}

.home .header__middle__wrapper {
  min-height: 860px;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 900px;
  position: relative;
  padding-top: 150px;
  -webkit-transition: all ease;
  transition: all ease;
}

.home .header__middle__wrapper:after {
  content: "";
  speak: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.home .header__middle__wrapper:after {
  z-index: 2;
  top: 50%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282d33+0,282d33+100&0+50,0.5+100,1+100 */
  background: -webkit-linear-gradient(top, rgba(40, 45, 51, 0) 0%, rgba(40, 45, 51, 0) 50%, #282d33 100%);
  background: linear-gradient(to bottom, rgba(40, 45, 51, 0) 0%, rgba(40, 45, 51, 0) 50%, #282d33 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.home .header__middle__wrapper > * {
  position: relative;
  z-index: 3;
}

.home .header__middle__go-to-main {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 40px;
  overflow: hidden;
}

.home .header__middle__go-to-main button {
  position: relative;
  z-index: 3;
  font-size: 1.2rem;
  margin-left: 5px;
  margin-top: 5px;
}

.home .header__middle__go-to-main:after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 80px;
  height: 80px;
  box-shadow: 0 0 0 2000px #fff;
}

.home .header__middle__go-to-main a {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@-webkit-keyframes upanddown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  35% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes upanddown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  25% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  35% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.home .header__middle__go-to-main a > svg {
  fill: #fff;
  fill: #f15252;
  width: 25px;
  height: 25px;
  -webkit-animation: upanddown 1.2s ease infinite;
          animation: upanddown 1.2s ease infinite;
}

.home .ddm-menu-service.ddm--active + .header__middle .header__middle__wrapper {
  background-attachment: local;
}

.header__bottom {
  background: #282d33;
  padding: 1.5em 1.5vw;
  position: relative;
}

.header__bottom.fixed {
  position: fixed;
  top: 45px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 109;
}

.header__bottom .header__bottom__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1280px;
  margin: 0 auto;
}

.home .header__bottom {
  max-height: 0;
  padding: 0;
  visibility: hidden;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.home .header__bottom.fixed {
  max-height: 100em;
  padding: 1.5em 1.5vw;
  visibility: visible;
}

.top-of-content {
  background: #ebeced;
  padding: 2em 3%;
}

.event .top-of-content, .directory .top-of-content {
  background: #282d33;
}

.top-of-content__wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.main {
  width: 100%;
  clear: both;
}

.home .main {
  margin: 6em 0 0;
}

.dark .section-main {
  background: #53575c;
}

.section-main__wrapper {
  padding-top: 7em;
  padding-bottom: 6em;
}

.section-main__wrapper-2 {
  display: table;
  width: 100%;
}

.section-main__wrapper-2 > * {
  display: table-cell;
  vertical-align: top;
}

.section-main__content {
  width: 100%;
}

.section-main__aside .colPos10:first-of-type .column-bloc .title-3 {
  margin-top: 0;
}

.section-main__aside .column-bloc:first-of-type .title-3 {
  margin-top: 0;
}

.section-secondary > *:first-child {
  margin-top: 0;
}

.footer {
  background: #282d33;
}

.footer__wrapper-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__wrapper-2 > * {
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.footer__wrapper-3 {
  padding-top: 4em;
  padding-bottom: 4em;
}

.page-url, .date-today {
  display: none;
}

.subtitle, .category {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #f15252;
}

.subtitle.category--1, .subtitle.category--2, .category.category--1, .category.category--2 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 1em;
  background: #f15252;
  color: #282d33;
  text-align: center;
  padding: 0.58333em 1.66667em;
  position: relative;
}

.subtitle.category--1:before, .subtitle.category--2:before, .category.category--1:before, .category.category--2:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f15252;
}

.subtitle.category--2, .category.category--2 {
  margin-top: 0;
  margin-bottom: 1em;
}

.subtitle.category--2:before, .category.category--2:before {
  top: inherit;
  bottom: -10px;
  border-width: 10px 10px 0 0;
  border-color: #f15252 transparent transparent transparent;
}

.caption {
  font-size: 1.2em;
  font-weight: 300;
  font-style: italic;
  font-family: "Poppins", sans-serif;
  color: #656c74;
}

.date {
  font-size: 1.2em;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  color: #656c74;
  margin: 0.5em 0;
}

.date-1 {
  font-family: "Poppins", sans-serif;
  color: #282d33;
  text-align: center;
  margin-top: 5em;
  margin-bottom: 5.5em;
  position: relative;
}

.date-1:after {
  content: "";
  speak: none;
  border: 1px solid #282d33;
  height: 15em;
  width: 15em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.date-1 time {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
}

.date-1 time + span + time {
  position: relative;
}

.date-1 time + span + time:before {
  font-family: "icons-default";
  font-size: 1.7em;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: -1.11765em;
  content: "";
  line-height: 1;
}

.date-1 time + span + time:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.date-1 .day, .date-1 .month {
  display: block;
  line-height: 1;
}

.date-1 .day {
  font-size: 2.8em;
  font-weight: 700;
}

.date-1 .month {
  text-transform: uppercase;
}

.date-1 .month, .date-1 .year {
  font-size: 1.2em;
  font-weight: 300;
}

.bg-dark .date-1 {
  color: #fff;
}

.bg-dark .date-1:after {
  border-color: #656c74;
}

.date-2 {
  font-size: 1.4em;
  text-transform: uppercase;
  color: #f15252;
  margin: 0 0 0.57143em;
}

.date-2 time {
  font-weight: 300;
}

.date-2.date-2--big {
  font-size: 2em;
  margin: 0.25em 0 0.4em;
}

.date-3 {
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 1em;
  padding-left: 1.5em;
  margin-bottom: 1em;
  border-top: 1px solid #b5b9bd;
}

.date-3:before {
  font-family: "icons-default";
  font-size: 1em;
  color: #f15252;
  position: absolute;
  top: 1.08333em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.date-3 time {
  font-weight: 300;
}

.date-3.date-3--big {
  font-size: 1.6em;
  padding-top: 0.75em;
  padding-left: 1.25em;
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.date-3.date-3--big:before {
  font-size: 1em;
  top: 0.8125em;
}

.date-3.date-3--big br {
  display: none;
}

.date-4 {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 1.33333em;
}

.date-4 time + span + time:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 0.93333em;
  color: #282d33;
  vertical-align: -0.07143em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.media {
  border-top: 1px solid #b5b9bd;
  color: #656c74;
  text-transform: uppercase;
  font-size: 1.2em;
  padding-top: 1em;
}

.heart-stroke {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 10;
  text-align: center;
  color: #f15252;
  font-size: 1.1em;
  line-height: 1.1;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: -2.72727em;
  background: #fff;
  padding: 0.45455em 0.72727em;
}

.heart-stroke:before {
  font-family: "icons-project";
  content: "";
  margin: 0 0 3px 0;
  font-size: 1.27273em;
  color: #f15252;
  vertical-align: 0;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.heart-stroke:before {
  display: block;
}

.bg-dark .heart-stroke {
  background: #282d33;
}

.hour-place {
  text-align: center;
}

.hour {
  font-family: "Poppins", sans-serif;
  display: block;
  font-weight: 300;
  font-size: 1.5em;
  margin-bottom: 0.33333em;
  text-transform: uppercase;
}

.bg-dark .hour {
  color: #fff;
}

.place {
  font-size: 1.1em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #656c74;
  text-transform: uppercase;
}

.bg-dark .place {
  color: #fff;
}

.place-2 {
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #282d33;
}

.name {
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #282d33;
}

.function {
  font-size: 1.1em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #282d33;
}

.services {
  font-size: 1.3em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #282d33;
}

.sigle {
  font-size: 2.1em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: #282d33;
}

.teaser-1 {
  font-size: 1.3em;
  margin: 0.61538em 0;
}

.teaser-2 {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #656c74;
  font-weight: 300;
  margin: 0.66667em 0 0.27778em;
}

.teaser-2--center {
  text-align: center;
}

.teaser-3 {
  font-size: 1.6em;
  font-weight: 400;
  margin: 0.5em 0;
}

.teaser-4 {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #fff;
  font-weight: 300;
  margin: 0.66667em 0 0.27778em;
}

.teaser-6 {
  font-size: 1.3em;
  line-height: 1.07692em;
  color: #fff;
  font-weight: 400;
  margin: 0.38462em 0 0.38462em;
}

.status {
  font-size: 1.2em;
  background: #ebeced;
  padding: 0.41667em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 0.66667em;
}

.status:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 0.83333em;
  color: #656c74;
  vertical-align: 0;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.status.status--new {
  background: #f15252;
  color: #fff;
}

.status.status--new:before {
  content: "\e093";
  color: #fff;
}

.status.status--in-progress {
  background: #f15252;
  color: #fff;
}

.status.status--in-progress:before {
  content: "\e093";
  color: #fff;
}

.message, .content .message {
  background: #ebeced;
  font-size: 1.4em;
  font-weight: 300;
  padding: 2.5em 3em;
}

.message:before, .content .message:before {
  content: attr(aria-label);
  display: block;
  color: #282d33;
  font-size: 1.42857em;
  font-weight: 700;
  margin-bottom: 1em;
}

.message > li, .content .message > li {
  padding-left: 1.07143em;
  position: relative;
  margin: 0.35714em 0;
}

.message > li:before, .content .message > li:before {
  font-family: "icons-default";
  font-size: 0.85714em;
  color: #282d33;
  position: absolute;
  top: 0.33333em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.message > li a, .content .message > li a {
  color: #282d33;
  text-decoration: underline;
}

.message > li a:hover, .message > li a:focus, .content .message > li a:hover, .content .message > li a:focus {
  text-decoration: none;
}

.message.message--error, .content .message.message--error {
  background: #ffe5e5;
}

.message.message--error:before, .content .message.message--error:before {
  color: #fe0000;
}

.message.message--succes, .content .message.message--succes {
  background: #edfceb;
}

.message.message--succes:before, .content .message.message--succes:before {
  color: #278417;
}

.ticketing__button {
  display: block;
  position: relative;
  padding-left: 3.07692em;
  color: #f15252;
  font-size: 1.3em;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.ticketing__button:before {
  font-family: "icons-project";
  font-size: 16px;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.ticketing__button:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #f15252;
  padding: 7px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

a.ticketing__button {
  z-index: 99;
  text-decoration: underline;
}

a.ticketing__button:hover, a.ticketing__button:focus {
  color: #282d33;
}

a.ticketing__button:hover:before, a.ticketing__button:focus:before {
  border-color: #282d33;
  color: #282d33;
}

.content .contact {
  margin: 5em 0;
}

.contact__label {
  font-size: 1.6em;
  font-weight: 300;
  margin-bottom: 0.625em;
}

.label {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 1.53846em;
}

.no-result {
  font-size: 1.8em;
  font-weight: 300;
  text-align: center;
  margin: 1em;
}

.popin .heading {
  padding: 1em 0;
}

.heading {
  background: #ebeced;
  padding: 6em 0 7em;
}

.heading .heading__wrapper > *:last-child {
  margin-bottom: 0;
}

.heading .heading__figure {
  margin-right: 2em;
  display: table;
}

.heading .heading__wrap + .heading__wrapper-figure .heading__figure {
  margin-right: 0;
  margin-left: 2em;
}

.heading .heading__picture {
  display: block;
  margin-bottom: .5em;
}

.heading .heading__picture img {
  max-width: 100%;
  height: auto;
}

.heading .heading__caption {
  display: table-caption;
  caption-side: bottom;
}

.heading h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 4.5em;
  line-height: 1.3;
  color: #282d33;
}

.heading h1 + .teaser-2 {
  margin-top: 1.33333em;
}

.heading .subtitle {
  font-size: 1.8em;
}

.heading .subtitle + h1 {
  margin-top: 0.26667em;
}

.heading .date {
  font-size: 1.4em;
}

.heading .status {
  background: #fff;
  font-size: 1.5em;
  margin-top: 0.33333em;
  display: inline-block;
}

.heading .status.status--new {
  background: #f15252;
  color: #fff;
}

.heading .status.status--new:before {
  content: "\e093";
  color: #fff;
}

.heading .status.status--in-progress {
  background: #f15252;
  color: #fff;
}

.heading .status.status--in-progress:before {
  content: "\e093";
  color: #fff;
}

.heading--single .heading__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.heading--single .heading__wrapper .heading__wrap {
  width: 100%;
}

.heading--single .heading__media {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #b5b9bd;
}

.heading--single .heading__media .date, .heading--single .heading__media .media {
  font-size: 1.6em;
}

.heading--single .heading__media .media {
  font-weight: 700;
  border: none;
}

.heading--single .heading__media .media + .date:before {
  content: " - ";
  display: inline;
  font-size: 1.2em;
  color: #656c74;
}

.heading--single-news .heading__picture img, .heading--single-large .heading__picture img {
  width: 440px;
  max-width: inherit;
  height: auto;
}

.heading--single-event .heading__wrapper {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
}

.heading--single-event .heading__figure {
  margin-right: 0;
}

.heading--single-event .heading__wrapper-figure, .heading--single-event .heading__wrapper-date, .heading--single-event .heading__wrap {
  display: table-cell;
  vertical-align: top;
}

.heading--single-event .heading__picture img {
  width: 280px;
  max-width: inherit;
  height: auto;
}

.heading--single-event .heading__wrapper-date {
  width: 17.8em;
}

.heading--single-event .heading__wrap {
  padding-left: 3.5em;
  overflow: hidden;
}

.heading--single-event .date-heart-stroke {
  text-align: center;
  margin-bottom: 2em;
}

.heading--single-event .date-heart-stroke .date-1:after {
  width: 17.8em;
  height: 17.8em;
}

.heading--single-event .date-heart-stroke .date-1 .day {
  font-size: 3.2em;
}

.heading--single-event .date-heart-stroke .date-1 .month, .heading--single-event .date-heart-stroke .date-1 .year {
  font-size: 1.6em;
}

.heading--single-event .date-heart-stroke .heart-stroke {
  background: #ebeced;
}

.heading--single-event .heading__wrapper-date .hour-place {
  padding-top: 1em;
}

.heading--single-event .heading__wrapper-date .hour {
  font-size: 1.7em;
}

.heading--single-event .heading__wrapper-date .place {
  font-size: 1.3em;
}

.heading--single-event .heading__options {
  padding: 2em 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2%;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.heading--single-event .heading__options > * {
  margin: 0 2%;
}

.heading--single-event .ticketing__button {
  white-space: nowrap;
}

.heading--single-event a.ticketing__button:hover:before, .heading--single-event a.ticketing__button:focus:before {
  border-color: #282d33;
  color: #282d33;
}

.heading--single-event .options {
  width: 100%;
}

.heading--single-event .options > li {
  width: 32.3333%;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3em;
  text-align: center;
  border-right: 1px solid #656c74;
  padding: 0.76923em 0;
}

.heading--single-event .options > li a {
  color: #282d33;
}

.heading--single-event .options > li:last-child {
  border-right: 0;
}

.heading--single-event .options > li:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 17px;
  color: #f15252;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.heading--single-event .options > li.options__a11y:before {
  font-family: 'icons-project';
  content: "\e00F";
}

.heading--single-event .options > li.options__add-to-calendar:before {
  content: "\e05c";
}

.heading--single-publications .heading__picture img, .heading--single-public-market .heading__picture img {
  width: 220px;
  max-width: inherit;
  height: auto;
}

.heading--single-publications .list-document-1__listitems, .heading--single-public-market .list-document-1__listitems {
  margin-top: 3em;
}

.heading--single-publications .button-2, .heading--single-public-market .button-2 {
  background: #ebeced;
}

.heading--single-directory .list-infos {
  width: 100%;
  margin-top: 2em;
}

.heading--single-directory .list-infos__wrapper {
  margin-bottom: 2em;
}

.heading--single-directory .list-infos__wrapper .list-infos__listitems:first-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.heading--single-directory .list-infos__item {
  font-size: 1.4em;
  padding-left: 1.78571em;
}

.heading--single-directory .tx-thrating-pi1-content {
  min-width: 90px;
}

.heading--single-directory .contact {
  margin-top: 5em;
}

.heading--single-directory .contact-infos {
  min-width: 33%;
}

.heading--single-directory .contact-infos .contact {
  margin: 0;
}

.heading--single-directory .contact-infos .contact + .contact {
  margin-top: 5em;
}

.heading--single-directory .heading__title--small {
  display: block;
  font-size: 3.5em;
}

.heading--single-press .button-2 {
  background: transparent;
}

.heading--single-press .list-document-1__listitems, .heading--single-press .gallery {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.heading-2 {
  background: #3d4247;
}

.heading-2 .heading-2__wrapper {
  max-width: 1280px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.heading-2 .title {
  margin-left: -1em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.heading-2 .heading-2__title-2 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 4.5em;
  line-height: 1.3;
  color: #fff;
}

.heading-2 .heading-2__wrapper-inner {
  padding: 5em 6em;
}

.heading-2 .write-comment {
  text-align: center;
  margin-top: 5em;
}

.title-1 {
  font-family: "Poppins", sans-serif;
  font-size: 4.4em;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0.68182em 0 0.45455em;
}

.title-2 {
  font-family: "Poppins", sans-serif;
  font-size: 1.8em;
  font-weight: 500;
  text-transform: uppercase;
  margin: 1.38889em 0 0.83333em;
}

.title-3 {
  text-align: center;
  font-family: "Arapey", sans-serif;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 300;
  text-transform: uppercase;
  color: #282d33;
  margin: 1.04167em 0 0.83333em;
  padding-bottom: 0.66667em;
  border-bottom: 1px solid #f15252;
  position: relative;
}

.title-3:before {
  content: "";
  speak: none;
  display: block;
  width: 7px;
  height: 7px;
  background: #f15252;
  -webkit-transform: rotate(45deg) translateX(-50%);
      -ms-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  position: absolute;
  bottom: -6px;
  left: 50%;
}

.title-4 {
  font-family: "Poppins", sans-serif;
  font-size: 1.9em;
  line-height: 1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  margin: 1.31579em 0 1.05263em;
}

.title-5 {
  font-family: "Arapey", sans-serif;
  font-size: 5em;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  color: #282d33;
  margin: 0 0 0.4em;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8%;
}

.title-5:before, .title-5:after {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  content: "";
  display: block;
  min-height: 74px;
  min-width: 40px;
}

.title-5 span {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 content;
      -ms-flex: 1 1 content;
          flex: 1 1 content;
  display: block;
}

.title-5:before {
  background: url("../Images/title-5-l.png") no-repeat 100% 0;
  margin-right: 0.2em;
}

.title-5:after {
  background: url("../Images/title-5-r.png") no-repeat 0 100%;
  margin-left: 0.2em;
}

.title-6 {
  font-family: "Poppins", sans-serif;
  font-size: 2.6em;
  font-weight: 500;
  margin: 0.96154em 0 0.57692em;
}

.title-7 {
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-size: 2.2em;
  font-weight: 500;
  margin: 1.13636em 0 0.68182em;
}

.pager ul {
  font-family: "Poppins", sans-serif;
  clear: both;
  display: block;
  margin: 3em 0 5em 0;
  padding: 0;
  text-align: center;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
}

.pager li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0em;
  padding: 0;
  background: none;
  font-size: 1.4em;
  font-weight: 700;
}

.pager li a, .pager li span {
  padding: 0.92857em 1.35714em;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
}

.pager li a {
  color: #282d33;
  background: #fff;
  text-decoration: none;
  border: 1px solid #282d33;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.pager li a:hover, .pager li a:focus {
  color: #282d33;
  border: 1px solid #f15252;
  background: #f15252;
}

.pager li span {
  cursor: default;
  color: #fff;
  background: #282d33;
  border: 1px solid #282d33;
}

.pager li.pager__prev a, .pager li.pager__prev span, .pager li.pager__next a, .pager li.pager__next span {
  border: 1px solid transparent;
  position: relative;
}

.pager li.pager__prev {
  float: left;
}

.pager li.pager__prev a, .pager li.pager__prev span {
  float: left;
  padding: 0.92857em 0 0.92857em 0.42857em;
}

.pager li.pager__prev a:before, .pager li.pager__prev span:before {
  font-family: "icons-default";
  content: "";
  margin: 0 1.07143em 0 0;
  font-size: 0.85714em;
  color: #282d33;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.pager li.pager__prev a:before, .pager li.pager__prev span:before {
  position: relative;
  z-index: 2;
}

.pager li.pager__prev a:after, .pager li.pager__prev span:after {
  content: "";
  speak: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f15252;
}

.pager li.pager__prev a:hover, .pager li.pager__prev a:focus {
  background: transparent;
}

.pager li.pager__prev a:hover:before, .pager li.pager__prev a:focus:before {
  color: #f15252;
}

.pager li.pager__prev a:hover:after, .pager li.pager__prev a:focus:after {
  background: #282d33;
}

.pager li.pager__prev span {
  color: #caced3;
}

.pager li.pager__next {
  float: right;
}

.pager li.pager__next a, .pager li.pager__next span {
  float: right;
  padding: 0.92857em 0.42857em 0.92857em 0;
}

.pager li.pager__next a:after, .pager li.pager__next span:after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 1.07143em;
  font-size: 0.85714em;
  color: #282d33;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

.pager li.pager__next a:after, .pager li.pager__next span:after {
  position: relative;
  z-index: 2;
}

.pager li.pager__next a:before, .pager li.pager__next span:before {
  content: "";
  speak: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f15252;
}

.pager li.pager__next a:hover, .pager li.pager__next a:focus {
  background: transparent;
}

.pager li.pager__next a:hover:after, .pager li.pager__next a:focus:after {
  color: #f15252;
}

.pager li.pager__next a:hover:before, .pager li.pager__next a:focus:before {
  background: #282d33;
}

.pager li.pager__next span {
  color: #caced3;
}

.pager li.pager__prev span, .pager li.pager__next span {
  color: #caced3;
  background: transparent;
}

.pager li.pager__prev span:after {
  background: #caced3;
}

.pager li.pager__prev span:before {
  color: #fff;
}

.pager li.pager__next span:before {
  background: #caced3;
}

.pager li.pager__next span:after {
  color: #fff;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateY(-50%);
            transform: rotate(-360deg) translateY(-50%);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translateY(-50%);
            transform: rotate(0deg) translateY(-50%);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateY(-50%);
            transform: rotate(-360deg) translateY(-50%);
  }
}

.pager-infinite {
  margin: 2em 0;
  text-align: center;
}

.pager-infinite .pager-infinite__button:before {
  content: "\e05f";
}

.pager-infinite .pager-infinite__loading:before {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  content: "\e05f";
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.pager-single .pager-single__back-to-list a {
  background: #fff;
  color: #000;
  font-weight: 700;
  padding: 0.71429em 1.71429em;
}

.pager-single .pager-single__back-to-list a:before {
  font-family: "icons-default";
  content: "";
  margin: 0 0.35714em 0 0;
  font-size: 0.85714em;
  color: #000;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.pager-single .pager-single__back-to-list.pager-single__back-to-list--see-result a:before {
  content: "\e01f";
}

.pager-alphabet {
  margin-bottom: 5em;
}

.pager-alphabet__title {
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 1.07143em;
}

.pager-alphabet__listitems {
  text-align: left;
}

.pager-alphabet__listitems > li {
  display: inline-block;
  vertical-align: middle;
  margin: .2em 0.1em;
}

.pager-alphabet__listitems > li.pager-alphabet__item--current > a {
  background: #282d33;
  color: #fff;
}

.pager-alphabet__listitems > li > a, .pager-alphabet__listitems > li > span {
  font-size: 1.4em;
  font-weight: 700;
  background: #ebeced;
  color: #282d33;
  display: block;
  padding: 1em 1.35714em;
  border: 1px solid #282d33;
}

.pager-alphabet__listitems > li > a:hover, .pager-alphabet__listitems > li > a:focus {
  background: #9f2e2e;
  color: #fff;
}

.pager-alphabet__listitems > li > span {
  background: #fff;
  border: 1px solid #e3e4e6;
  color: #c3c6c9;
}

.ddm.ddm--on .filters__ddm {
  display: inline-block;
  vertical-align: middle;
}

.ddm.ddm--on .filters__ddm .button-2:before {
  content: "\e031";
}

.filters .ddm .ddm__sub-level {
  position: static;
  top: inherit;
  right: inherit;
  z-index: inherit;
}

.filters {
  margin-top: -6em;
  padding: 0.1em 0 3em 0;
  background: #ebeced;
}

.filters form {
  margin: 2em 0 0;
}

.filters fieldset {
  margin: 0;
}

.filters input, .filters select, .filters .button-2 {
  background-color: #ebeced;
}

.filters .button-2.button-2--color-2 {
  background-color: #f15252;
}

.filters .button-2:hover, .filters .button-2:focus {
  background-color: #f15252;
}

.filters .radio.column-2 legend + div, .filters .checkbox.column-2 legend + div {
  margin-top: 1.1em;
}

.filters__header {
  text-align: right;
}

.filters__locate:before {
  content: "\e04d";
}

.filters__event:before {
  font-family: 'icons-project';
  content: "\e00E";
}

.filters__wrapper {
  display: table;
  width: 100%;
  /*
  .filters__field-1, .filters__field-2 {
    display: inline;
    vertical-align: middle;
  }
  */
}

.filters__wrapper.filters__wrapper--in-line .filters__field-wrapper {
  width: 100%;
}

.filters__wrapper.filters__wrapper--in-line .filters__field-wrapper .filters__field-1, .filters__wrapper.filters__wrapper--in-line .filters__field-wrapper .filters__field-2 {
  display: table-cell;
}

.filters__wrapper.filters__wrapper--in-line .filters__field-wrapper .filters__field-1 {
  text-align: right;
  padding-right: 1em;
  white-space: nowrap;
}

.filters__wrapper.filters__wrapper--in-line .filters__field-wrapper .filters__field-2 {
  display: table-cell;
  width: 100%;
}

.filters__wrapper.filters__wrapper--in-line .filters__button-wrapper {
  padding-top: .5em;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .filters__wrapper {
    table-layout: fixed;
  }
}

.filters__fields, .filters__button-wrapper {
  display: table-cell;
  vertical-align: top;
}

.filters__fields {
  width: 100%;
}

.filters__fields .filters__fields-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 0;
  margin-left: -1%;
  margin-right: -1%;
}

.filters__fields .filters__fields-wrapper > .filters__field-wrapper {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin: .5em 1% 1.5em;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.filters__fields.filters__fields--column-2 .filters__fields-wrapper > .filters__field-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}

.filters__fields.filters__fields--column-3 .filters__fields-wrapper > .filters__field-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31.3333%;
      -ms-flex: 0 0 31.3333%;
          flex: 0 0 31.3333%;
}

.filters__fields.filters__fields--column-4 .filters__fields-wrapper > .filters__field-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23%;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
}

.filters__button-wrapper {
  padding-left: 2em;
  padding-top: 2.7em;
  white-space: nowrap;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .filters__button-wrapper {
    width: 25em;
  }
}

.filters__reset:before {
  content: "\e058";
  font-size: 10px;
  left: 18px;
}

.filters__submit:before {
  content: "\e031";
}

.filters__dark {
  background: #656c74;
}

.filters-2 {
  background: #53575c;
  padding: 5em 0 3em;
  margin-bottom: -7em;
}

.filters-2 .filters-2__listitems {
  text-align: right;
}

.filters-2 .filters-2__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em;
}

.filters-2 .filters-2__item a {
  font-size: 1.3em;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.61538em 1.53846em;
  color: #282d33;
  background: #f15252;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.filters-2 .filters-2__item a:hover, .filters-2 .filters-2__item a:focus, .filters-2 .filters-2__item.filters-2__item--current a {
  background: #282d33;
  color: #f15252;
}

.home .filters, .portal .filters {
  background: transparent;
  margin-top: 0;
}

.home .filters form, .portal .filters form {
  margin: 0;
}

.home .filters .filters__field-wrapper, .portal .filters .filters__field-wrapper {
  margin-bottom: 0;
}

.home .filters .filters__button-wrapper, .portal .filters .filters__button-wrapper {
  vertical-align: bottom;
}

.home .filters input, .home .filters select, .portal .filters input, .portal .filters select {
  background-color: #fff;
}

#tarteaucitronRoot .tarteaucitronH1 {
  font-size: 2.5rem;
}

#tarteaucitronRoot div#tarteaucitronInfo {
  font-size: 1.6rem !important;
}

#tarteaucitronRoot div#tarteaucitronInfo a {
  font-size: 1.6rem;
}

#tarteaucitronRoot #tarteaucitronPersonalize {
  background: #fff;
  border: solid 1px rgba(202, 206, 211, 0.5);
  color: #000;
}

#tarteaucitronRoot #tarteaucitronPersonalize:hover, #tarteaucitronRoot #tarteaucitronPersonalize:focus {
  background: transparent;
  color: #fff;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: transparent;
  color: #fff;
}

@media (max-width: 768px) {
  #tarteaucitronRoot #tarteaucitronAlertBig > button {
    margin: 0.5rem;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background: #000;
  display: block !important;
  max-width: inherit;
  padding: 10px 20px;
  position: static;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
  background: #000;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  margin-top: 0;
}

#tarteaucitronDisclaimerAlert {
  display: block;
  margin: 0 0 1rem !important;
  text-align: center !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  box-sizing: border-box !important;
  padding: 2rem 3rem !important;
}

div#tarteaucitronInfo {
  position: inherit !important;
}

#tarteaucitronAlertSmall {
  left: 0;
  right: auto !important;
}

#fancyboxLine {
  display: none;
}

/* stylelint-enable */
.menu-skip {
  width: 100%;
}

.menu-skip a {
  position: absolute;
  top: -200px;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #FFF;
  font-size: 1.3em;
}

.menu-skip a:focus {
  top: 0;
  display: block;
  padding: 1.15385em;
  background: #282d33;
  width: 100%;
  z-index: 9999;
}

.menu-skip .desktop {
  display: block;
}

.menu-skip .smartphone {
  display: none;
}

.menu-main-home {
  text-align: center;
  width: 100%;
  margin-bottom: 7em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.menu-main-home li {
  padding: .5em;
}

.menu-main-home li a {
  background: #282d33;
  /* The Fallback */
  background: rgba(40, 45, 51, 0.75);
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.menu-main-home li a span {
  font-family: "Poppins", sans-serif;
  font-size: 2em;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 1em;
  text-transform: uppercase;
  margin: 1.25em 0 1em;
  position: relative;
  width: 80%;
}

.menu-main-home li a p {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  padding-top: 1.16667em;
  font-size: 1.2em;
  font-weight: 300;
  width: 70%;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.menu-main-home li a p:before, .menu-main-home li a p:after {
  content: "";
  speak: none;
  display: block;
  position: absolute;
}

.menu-main-home li a p:before {
  width: 7px;
  height: 7px;
  background: #f15252;
  -webkit-transform: rotate(45deg) translateX(-50%);
      -ms-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  top: 0;
  left: 50%;
}

.menu-main-home li a p:after {
  top: 0;
  right: 40px;
  left: 40px;
  background: #f15252;
  height: 1px;
}

.menu-main-home li a:hover, .menu-main-home li a:focus {
  background: #282d33;
  text-decoration: none;
}

.menu-main-home li a:hover p, .menu-main-home li a:focus p {
  max-height: 100em;
  visibility: inherit;
  opacity: 1;
}

.mnv-menu__menu, .main-menu-opener__button, .js-main-menu__overlay, .mnv-menu__menu > .mnv-menu__opener {
  display: none;
}

body.desktop.fixed div.mnv-menu__menu {
  position: fixed;
  top: 118px;
  left: 0;
  right: 0;
  z-index: 999;
}

.mnv-menu__menu a,
.mnv-menu__menu button {
  display: block;
  color: #fff;
  padding: 1rem 1.4rem;
  text-decoration: none;
  outline-offset: -1px;
}

.desktop nav.mnv-menu__menu .mnv-menu__item {
  display: inline-block;
  vertical-align: middle;
}

.desktop nav.mnv-menu__menu .mnv-menu__item.-is-current .wrapper > .wrapper-submenu > button,
.desktop nav.mnv-menu__menu .mnv-menu__item.-is-current .wrapper > .wrapper-submenu > .button,
.desktop nav.mnv-menu__menu .mnv-menu__item.-is-open .wrapper > .wrapper-submenu > button,
.desktop nav.mnv-menu__menu .mnv-menu__item.-is-open .wrapper > .wrapper-submenu > .button {
  background: #f15252;
  color: #282d33;
}

.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > button,
.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > .button {
  font-weight: 400;
  font-size: 1.6rem;
  color: #ebeced;
  text-transform: uppercase;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  line-height: 1rem;
  z-index: 0;
  display: inline-block;
  position: relative;
  padding: 0.625em 0.875em;
  text-decoration: none;
  outline-offset: -1px;
}

.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > button:after,
.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > .button:after {
  content: '';
  speak: none;
  width: 1px;
  height: 50%;
  background: #fff;
  opacity: .4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -.8rem;
  margin: auto 0;
}

.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > button:hover, .desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > button:focus,
.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > .button:hover,
.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > .button:focus {
  background: #f15252;
  color: #282d33;
}

.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > button:focus,
.desktop nav.mnv-menu__menu .mnv-menu__item .wrapper > .wrapper-submenu > .button:focus {
  outline-offset: -1px;
  outline: 1px dashed #282d33;
}

.desktop div.mnv-menu__menu {
  background: #22272e;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item {
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: max-height ease .2s, visibility ease .2s, opacity ease 0.1s;
  transition: max-height ease .2s, visibility ease .2s, opacity ease 0.1s;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper {
  padding: 3rem 0;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__close {
  position: absolute !important;
  right: 0;
  top: 1rem;
  z-index: 10;
  text-indent: -9999px;
  text-align: left;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  line-height: 40px;
  border: 1px solid #f15252;
  display: inline-block;
  color: #f15252;
  font-size: 3rem;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__close:before {
  font-family: "icons-default";
  font-size: 24px;
  color: #bc3c3c;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__close:before {
  width: 100%;
  text-indent: 0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__close:hover, .desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__close:focus {
  background-color: #f15252;
  color: #282d33;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .wrapper-submenu {
  margin-right: 5rem;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle {
  display: none;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .js-mnv-toggle {
  display: none;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-open {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: max-height ease 1.5s, visibility ease 1.5s, opacity ease 1.5s;
  transition: max-height ease 1.5s, visibility ease 1.5s, opacity ease 1.5s;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-open > .wrapper > .mnv-menu__close {
  height: auto;
}

.desktop div.mnv-menu__menu .mnv-menu__image {
  width: 20rem;
  float: left;
  margin-right: 6rem;
}

.desktop div.mnv-menu__menu .mnv-menu__image h2 {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 2.8rem;
  text-transform: uppercase;
  margin-bottom: .2rem;
  position: relative;
}

.desktop div.mnv-menu__menu .mnv-menu__image h2:after {
  content: "";
  speak: none;
  display: block;
  width: 50%;
  height: 1px;
  background: #f15252;
  margin: 0 auto 20px auto;
}

.desktop div.mnv-menu__menu .mnv-menu__image h2:before {
  content: "";
  speak: none;
  display: block;
  width: 7px;
  height: 7px;
  background: #f15252;
  -webkit-transform: rotate(45deg) translateX(-50%);
      -ms-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  position: absolute;
  bottom: -5px;
  left: 50%;
}

.desktop div.mnv-menu__menu .mnv-menu__image a {
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  padding: 0;
}

.desktop div.mnv-menu__menu .mnv-menu__image img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}

.desktop div.mnv-menu__menu .mnv-menu__submenu {
  overflow: hidden;
}

.desktop .mnv-menu__submenu.-level-1 {
  position: relative;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
  -webkit-perspective: 1;
          perspective: 1;
  margin-right: 2rem;
  z-index: 11;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item {
  width: 90%;
  display: inline-block;
  vertical-align: top;
  height: auto;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .mnv-menu__close {
  display: none;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 1.5rem;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  text-indent: -9999px;
  text-align: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40px;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 26px;
  padding: 0;
  line-height: 40px;
  color: #f15252;
  font-size: 3rem;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  display: block;
  position: relative;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle:before {
  font-family: "icons-default";
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle:before {
  width: 100%;
  text-indent: 0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: color ease .3s;
  transition: color ease .3s;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle:hover:before, .desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle:focus:before {
  color: #f15252;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle + a {
  padding-left: 1rem;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > .mnv-menu__toggle + a:before {
  display: none;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  color: #FFF;
  font-size: 1.6rem;
  padding: .1rem 1rem 0.1rem 2rem;
  position: relative;
  -webkit-transition: color ease .2s;
  transition: color ease .2s;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > a:before {
  font-family: "icons-default";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 4px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > a:hover, .desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper p > a:focus {
  color: #f15252;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  z-index: 12;
  background: #3d4247;
  width: 100%;
  height: 100%;
  visibility: hidden;
  -webkit-transition: visibility ease 0s .2s, -webkit-transform ease .2s;
  transition: visibility ease 0s .2s, -webkit-transform ease .2s;
  transition: transform ease .2s, visibility ease 0s .2s;
  transition: transform ease .2s, visibility ease 0s .2s, -webkit-transform ease .2s;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  display: block;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle {
  background: #f15252;
  width: 100%;
  text-align: left;
  font-size: 2.2rem;
  text-transform: uppercase;
  color: #282d33;
  padding-left: 6rem;
  position: relative;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before {
  font-family: "icons-default";
  font-size: 18px;
  color: rgba(40, 45, 51, 0.4);
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before {
  background: #9f2e2e;
  width: 4.6rem;
  height: 4.6rem;
  line-height: 4.6rem;
  text-align: center;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__item > .wrapper > .mnv-menu__close {
  display: none;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-current > .wrapper > p > a, .desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > p > a {
  color: #f15252;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > a {
  position: absolute;
  top: 0;
  left: 5rem;
  z-index: 13;
  font-size: 2.2rem;
  color: #282d33;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > a:before {
  display: none;
}

.desktop .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open .wrapper-submenu {
  visibility: visible;
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
  bottom: 0;
  -webkit-transition: -webkit-transform ease .4s;
  transition: -webkit-transform ease .4s;
  transition: transform ease .4s;
  transition: transform ease .4s, -webkit-transform ease .4s;
}

.desktop .mnv-menu__submenu.-level-1 .mnv-menu__submenu.-level-2 {
  padding: 3rem;
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
  -webkit-perspective: 1;
          perspective: 1;
  overflow: inherit;
}

.desktop .mnv-menu__submenu.-level-1 .mnv-menu__submenu.-level-2 > .mnv-menu__item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.desktop .mnv-menu__submenu.-level-1 .mnv-menu__submenu.-level-2 > .mnv-menu__item.-is-current > .wrapper > p > a {
  color: #f15252;
}

.desktop .mnv-menu__submenu.-level-1 .mnv-menu__submenu.-level-2 .mnv-menu__close, .desktop .mnv-menu__submenu.-level-1 .mnv-menu__submenu.-level-2 .mnv-menu__toggle {
  display: none;
}

.menu-stratis {
  background: #f15252;
  font-size: 1.2em;
  left: 50%;
  z-index: 99999;
  margin: 0 auto;
}

.menu-stratis abbr {
  border: 0;
}

.menu-stratis li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.menu-stratis li a {
  display: block;
  padding: 0.66667em 0.5em;
  text-decoration: none;
}

.menu-stratis .menu-stratis__level-1 {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 940px;
}

.menu-stratis .menu-stratis__level-1 > li {
  width: auto;
  margin-bottom: 0;
}

.menu-stratis .menu-stratis__level-1 > li > a {
  color: #000;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.menu-stratis .menu-stratis__level-1 > li > a:hover,
.menu-stratis .menu-stratis__level-1 > li > a:focus,
.menu-stratis .menu-stratis__level-1 > li.active > a {
  background: #282d33;
  color: #FFF;
}

.menu-stratis .menu-stratis__level-2 {
  position: absolute;
  z-index: 101;
  top: -9999px;
  left: 0;
  font-size: 1em;
  width: 16.66667em;
  background: #fff;
  border-bottom: 0;
  text-align: left;
  padding: 10px;
}

.menu-stratis .menu-stratis__level-2.show {
  top: 2.58333em;
  display: block;
}

.menu-stratis .menu-stratis__level-2 > li {
  display: block;
  float: none;
  border-bottom: 1px solid #caced3;
}

.menu-stratis .menu-stratis__level-2 > li:last-child {
  border-bottom: 0;
}

.menu-stratis .menu-stratis__level-2 > li > a {
  font-weight: 400;
  color: #000;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.menu-stratis .menu-stratis__level-2 > li ul,
.menu-stratis .menu-stratis__level-2 > li.act ul {
  margin: 0 0 10px 10px;
  background: #ebeced;
}

.menu-stratis .menu-stratis__level-2 > li ul li,
.menu-stratis .menu-stratis__level-2 > li.act ul li {
  border-bottom: 1px solid #fff;
  display: block;
}

.menu-stratis .menu-stratis__level-2 > li ul li a,
.menu-stratis .menu-stratis__level-2 > li.act ul li a {
  color: #000;
}

.menu-stratis .menu-stratis__level-2 > li a:hover,
.menu-stratis .menu-stratis__level-2 > li a:focus,
.menu-stratis .menu-stratis__level-2 > li.act > a,
.menu-stratis .menu-stratis__level-2 > li.active > a {
  background: #f15252;
  color: #000;
}

.menu-cross {
  text-transform: uppercase;
  overflow: hidden;
}

.menu-cross li {
  color: #f15252;
  padding: .4em 1.5em;
  font-weight: 300;
  font-size: 1.2em;
  line-height: 1.2em;
  position: relative;
}

.menu-cross li:before {
  font-family: "icons-default";
  font-size: 1.6em;
  color: #f15252;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.menu-cross li a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.menu-cross li a:hover, .menu-cross li a:focus {
  color: #f15252;
}

.menu-cross li a:hover span, .menu-cross li a:focus span {
  text-decoration: underline;
}

.menu-cross li.active a {
  color: #f15252;
  text-decoration: none;
  font-weight: 700;
}

.social-networks {
  padding: 1.5em 0;
  float: left;
  margin-left: 2em;
}

.social-networks > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .4em;
}

.social-networks img {
  vertical-align: middle;
}

.social-networks img:first-child {
  display: none;
}

.stop-animation:before {
  font-family: "icons-default";
  content: "";
  margin: 0;
  font-size: 16px;
  color: #f15252;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.paused .stop-animation::before {
  content: '\e075';
}

.ddm.ddm-menu-lang .ddm__title {
  display: none;
}

.ddm.ddm-menu-lang .ddm__title + .ddm__sub-level {
  position: static;
  top: inherit;
  right: inherit;
  z-index: inherit;
  display: block;
}

.lang {
  padding: 1.5em 0;
  float: right;
  text-align: right;
  margin-right: 1em;
  margin-left: 1rem;
}

.lang abbr {
  cursor: inherit;
  border: none;
}

.lang > li {
  color: #282d33;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  text-transform: uppercase;
  margin: 0 0.25em;
  padding-left: 0.83333em;
  position: relative;
}

.lang > li:before {
  content: "";
  speak: none;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #656c74;
}

.lang > li:first-child:before {
  display: none;
}

.lang > li > a {
  color: #fff;
}

.lang > .lang--current {
  color: #f15252;
  font-weight: 700;
  text-decoration: underline;
}

.lang > .lang--current a {
  color: #f15252;
}

.ddm-menu-service .menu-service .ddm__title {
  text-align: center;
  padding: .5em 0;
}

.ddm-menu-service .menu-service .ddm__title br {
  display: none;
}

.ddm-menu-service .menu-service .ddm__title button {
  font-size: 1.6em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  position: relative;
}

.ddm-menu-service .menu-service .ddm__title button:before {
  font-family: "icons-default";
  content: "";
  margin: 0 10px 0 0;
  font-size: 0.78571em;
  color: #f15252;
  vertical-align: -0.16667em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.ddm-menu-service .menu-service .ddm__title button:before {
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
}

.ddm-menu-service .menu-service .ddm__title button:after {
  content: "";
  speak: none;
  position: absolute;
  top: 0;
  left: -3px;
  border: 1px solid #f15252;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  -webkit-transition: all ease .8s;
  transition: all ease .8s;
}

.ddm-menu-service > .ddm__sub-level {
  position: relative;
  top: inherit;
  right: inherit;
  z-index: 11;
  display: block;
  height: auto;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height ease .5s;
  transition: max-height ease .5s;
  color: #fff;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}

.ddm-menu-service.ddm--active .menu-service .ddm__title button:before {
  content: "\e015";
}

.ddm-menu-service.ddm--active > .ddm__sub-level {
  max-height: 500em;
  -webkit-transition: max-height ease-in 2.5s;
  transition: max-height ease-in 2.5s;
}

.service {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 6em 0;
  margin: 0 -4%;
}

.service > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25.3333%;
      -ms-flex: 0 1 25.3333%;
          flex: 0 1 25.3333%;
  margin: 0 4%;
}

.service .col1, .service .col2 {
  -webkit-flex-basis: 16%;
      -ms-flex-preferred-size: 16%;
          flex-basis: 16%;
}

.service .col3 {
  -webkit-flex-basis: 56%;
      -ms-flex-preferred-size: 56%;
          flex-basis: 56%;
}

.service a {
  color: #fff;
}

.service__alaune .title-4 {
  text-align: center;
}

.service__alaune .service__alaune__wrapper {
  text-align: center;
}

.service__alaune a {
  font-size: 1.8em;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}

.service__alaune a:hover, .service__alaune a:focus {
  text-decoration: none;
}

.service__alaune a:hover .service__alaune__figure img, .service__alaune a:focus .service__alaune__figure img {
  display: none;
}

.service__alaune a:hover .service__alaune__figure img:last-child, .service__alaune a:focus .service__alaune__figure img:last-child {
  display: block;
}

.service__alaune a:hover .service__alaune__figure:after, .service__alaune a:focus .service__alaune__figure:after {
  background-color: #f15252;
}

.service__alaune a:hover .service__alaune__text, .service__alaune a:focus .service__alaune__text {
  text-decoration: underline;
}

.service__alaune .service__alaune__figure {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  height: 170px;
  position: relative;
  margin-bottom: 10px;
}

.service__alaune .service__alaune__figure:after {
  content: "";
  speak: none;
  border: 1px solid #caced3;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}

.service__alaune .service__alaune__figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.service__alaune .service__alaune__figure img:last-child {
  display: none;
}

.service__alaune .teaser {
  position: relative;
  text-align: center;
  font-size: 1.2em;
}

.service__alaune .teaser:before {
  content: "";
  speak: none;
  display: block;
  width: 50%;
  height: 1px;
  background: #f15252;
  margin: 0 auto 10px auto;
}

.service__alaune .teaser:after {
  content: "";
  speak: none;
  display: block;
  width: 7px;
  height: 7px;
  background: #f15252;
  -webkit-transform: rotate(45deg) translateX(-50%);
      -ms-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  position: absolute;
  top: -1px;
  left: 50%;
}

.service__guichets .title-4 {
  text-align: center;
}

.service__guichets .service__guichets__listitems {
  text-align: center;
}

.service__guichets .service__guichets__listitems > li {
  margin: 4em 0;
}

.service__guichets .service__guichets__listitems > li:first-child {
  margin-top: 0;
}

.service__guichets .service__guichets__listitems > li:last-child {
  margin-bottom: 0;
}

.service__guichets a {
  font-size: 1.3em;
}

.service__guichets a:hover .service__guichets__figure, .service__guichets a:focus .service__guichets__figure {
  background-color: #f15252;
}

.service__guichets a:hover .service__guichets__figure img, .service__guichets a:focus .service__guichets__figure img {
  display: none;
}

.service__guichets a:hover .service__guichets__figure img:last-child, .service__guichets a:focus .service__guichets__figure img:last-child {
  display: block;
}

.service__guichets .service__guichets__figure {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #caced3;
  margin-bottom: 0.61538em;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.service__guichets .service__guichets__figure img {
  margin: 0.38462em;
}

.service__guichets .service__guichets__figure img:last-child {
  display: none;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 23%;
      -ms-flex: 0 1 23%;
          flex: 0 1 23%;
  margin: 0 1% 48px;
  text-align: center;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems > * a {
  font-size: 1.3em;
  font-weight: 300;
  text-align: center;
  display: block;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems > * a:hover .service__lesplusdemandes__figure img, .service__lesplusdemandes .service__lesplusdemandes__listitems > * a:focus .service__lesplusdemandes__figure img {
  display: none;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems > * a:hover .service__lesplusdemandes__figure img:last-child, .service__lesplusdemandes .service__lesplusdemandes__listitems > * a:focus .service__lesplusdemandes__figure img:last-child {
  display: block;
}

.service__lesplusdemandes .service__lesplusdemandes__listitems > * a:hover .service__lesplusdemandes__figure:after, .service__lesplusdemandes .service__lesplusdemandes__listitems > * a:focus .service__lesplusdemandes__figure:after {
  background-color: #f15252;
}

.service__lesplusdemandes .service__lesplusdemandes__figure {
  display: inline-block;
  vertical-align: top;
  width: 85px;
  height: 85px;
  position: relative;
  margin-bottom: 10px;
}

.service__lesplusdemandes .service__lesplusdemandes__figure:after {
  content: "";
  speak: none;
  border: 1px solid #caced3;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}

.service__lesplusdemandes .service__lesplusdemandes__figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.service__lesplusdemandes .service__lesplusdemandes__figure img:last-child {
  display: none;
}

.service__lesplusdemandes .service__lesplusdemandes__item--all a .service__lesplusdemandes__figure:after {
  border-color: #f15252;
}

.service__lesplusdemandes .service__lesplusdemandes__item--all a:hover .service__lesplusdemandes__figure:after, .service__lesplusdemandes .service__lesplusdemandes__item--all a:focus .service__lesplusdemandes__figure:after {
  background-color: #282d33;
  border-color: #caced3;
}

.service__lesplusdemandes .service__lesplusdemandes__item--all .service__lesplusdemandes__figure:after {
  background-color: #f15252;
}

.service__moncompte .button-3 {
  color: #282d33;
}

.service__moncompte .button-3:hover, .service__moncompte .button-3:focus {
  color: #f15252;
}

.service__moncompte .welcome .welcome__text {
  font-size: 1.3em;
  margin-right: 0.76923em;
}

.home .menu-service {
  position: relative;
}

.home .ddm-menu-service.ddm--active + .header__bottom + .header__middle > .header__middle__wrapper {
  background-attachment: inherit;
  background-position: 50% 0;
}

.home .ddm-menu-service.ddm--active + .header__bottom + .header__middle .colPos1 > .header__middle__wrapper {
  background-attachment: inherit;
  background-position: 50% 0;
}

.home .ddm-menu-service.fixed .ddm__title {
  position: static;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  z-index: inherit;
}

.home .ddm-menu-service.fixed .ddm__title br {
  display: none;
}

.home .ddm-menu-service.fixed .ddm__title button {
  color: #fff;
  background: transparent;
  margin-top: auto;
  text-align: left;
  min-width: inherit;
  min-height: inherit;
  border-radius: inherit;
  white-space: nowrap;
  border-color: transparent;
}

.home .ddm-menu-service.fixed .ddm__title button:hover, .home .ddm-menu-service.fixed .ddm__title button:focus {
  background: transparent;
  color: #f15252;
}

.home .ddm-menu-service.fixed .ddm__title button:hover:before, .home .ddm-menu-service.fixed .ddm__title button:focus:before {
  color: #f15252;
}

.home .ddm-menu-service.fixed .ddm__title button:hover:after, .home .ddm-menu-service.fixed .ddm__title button:focus:after {
  border-color: #f15252;
}

.home .ddm-menu-service.fixed .ddm__title button:before {
  color: #f15252;
  position: static;
  bottom: inherit;
  left: inherit;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  margin: 0 10px 0 0;
  vertical-align: -0.16667em;
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service.fixed .ddm__title button:after {
  border-color: #f15252;
  position: absolute;
  top: 0;
  bottom: inherit;
  left: -3px;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  width: 18px;
  height: 18px;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service .ddm__title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}

.home .ddm-menu-service .ddm__title br {
  display: inherit;
}

.home .ddm-menu-service .ddm__title button {
  color: #fff;
  margin-top: -70px;
  text-align: center;
  background: #000;
  min-width: 150px;
  min-height: 150px;
  border-radius: 50%;
  border: 1px solid #f15252;
  white-space: normal;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.home .ddm-menu-service .ddm__title button:hover, .home .ddm-menu-service .ddm__title button:focus {
  background: #f15252;
  color: #000;
}

.home .ddm-menu-service .ddm__title button:hover:before, .home .ddm-menu-service .ddm__title button:focus:before {
  color: #000;
}

.home .ddm-menu-service .ddm__title button:hover:after, .home .ddm-menu-service .ddm__title button:focus:after {
  border-color: #000;
}

.home .ddm-menu-service .ddm__title button:before {
  color: #f15252;
  position: absolute;
  bottom: 23px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  vertical-align: inherit;
  display: block;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service .ddm__title button:after {
  border-color: #f15252;
  top: inherit;
  bottom: 14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 32px;
  height: 32px;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service .ddm__sub-level {
  z-index: 99;
}

.home .ddm-menu-service.ddm--active .ddm__title {
  position: static;
  top: inherit;
  left: inherit;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  z-index: inherit;
}

.home .ddm-menu-service.ddm--active .ddm__title br {
  display: none;
}

.home .ddm-menu-service.ddm--active .ddm__title button {
  color: #fff;
  background: transparent;
  margin-top: auto;
  text-align: left;
  min-width: inherit;
  min-height: inherit;
  border-radius: inherit;
  border-color: transparent;
  white-space: nowrap;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service.ddm--active .ddm__title button:hover, .home .ddm-menu-service.ddm--active .ddm__title button:focus {
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service.ddm--active .ddm__title button:hover:before, .home .ddm-menu-service.ddm--active .ddm__title button:hover:after, .home .ddm-menu-service.ddm--active .ddm__title button:focus:before, .home .ddm-menu-service.ddm--active .ddm__title button:focus:after {
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service.ddm--active .ddm__title button:before {
  color: #f15252;
  position: static;
  bottom: inherit;
  left: inherit;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  margin: 0 10px 0 0;
  vertical-align: -0.16667em;
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

.home .ddm-menu-service.ddm--active .ddm__title button:after {
  border-color: #f15252;
  position: absolute;
  top: 0;
  bottom: inherit;
  left: -3px;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  width: 18px;
  height: 18px;
  -webkit-transition: none;
  transition: none;
}

.service__log {
  position: absolute;
  top: 1.07143em;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 50%;
  margin-left: 90px;
  color: #f15252;
  font-size: 1.4em;
  text-transform: uppercase;
}

.service__log span {
  display: none;
}

.service__log strong {
  margin-right: 5px;
}

.service__log strong:after {
  content: "";
}

.service__log a {
  color: #f15252;
  border-right: 1px solid #656c74;
  padding-right: 5px;
}

.service__log a:before {
  font-family: "icons-default";
  content: "";
  margin: 0 10px 0 0;
  font-size: 15px;
  color: #f15252;
  vertical-align: -2px;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.home .ddm-menu-service.fixed .service__log {
  color: #282d33;
}

.home .ddm-menu-service.fixed .service__log a {
  color: #282d33;
}

.home .ddm-menu-service.fixed .service__log a:before {
  color: #282d33;
}

.home .ddm-menu-service.fixed.hover .service__log {
  color: #f15252;
}

.home .ddm-menu-service.fixed.hover .service__log a {
  color: #f15252;
}

.home .ddm-menu-service.fixed.hover .service__log a:before {
  color: #f15252;
}

.menu-profil {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-profil label {
  color: #93989d;
  font-size: 1.2em;
  font-weight: 300;
  text-transform: uppercase;
  margin-right: 0.41667em;
}

.menu-profil select {
  width: 10vw;
  min-width: 144px;
  background-color: #282d33;
  color: #f15252;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0.14286em 1.07143em 0.14286em 0.71429em;
}

.menu-profil button {
  text-indent: -9999px;
  text-align: left;
  white-space: nowrap;
  position: relative;
  font-size: 1.4em;
  padding: 0.5em 1.42857em;
  position: relative;
}

.menu-profil button:before {
  font-family: "icons-default";
  font-size: 1.28571em;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.menu-profil button:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  line-height: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.menu-profil button:hover:before, .menu-profil button:focus:before {
  color: #fff;
}

.menu-profil-home {
  text-align: center;
}

.menu-profil-home .menu-profil-home__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em;
}

.menu-profil-home .menu-profil-home__item a {
  font-size: 1.3em;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.61538em 1.53846em;
  color: #282d33;
  background: #f15252;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.menu-profil-home .menu-profil-home__item a:hover, .menu-profil-home .menu-profil-home__item a:focus, .menu-profil-home .menu-profil-home__item.menu-profil-home__item--current a {
  background: #282d33;
  color: #f15252;
}

/*.section-main__content span.anchor:first-of-type + .colPos0 .ce-bodytext > *:first-child,*/
.section-main__content span.anchor:first-of-type + .colPos0 > *:first-child,
.section-main__content span.anchor:first-of-type + .colPos0 .videos > *:first-child,
.heading--single + .section-main__wrapper .section-main__content > .content > *:first-child {
  margin-top: 0;
}

.content h2, .h2, .content .h2 {
  font-family: "Poppins", sans-serif;
  font-size: 3.4em;
  line-height: 1.4;
  font-weight: 500;
  color: #f15252;
  margin: 1.17647em 0 0.44118em 0;
}

.content h2 a, .h2 a, .content .h2 a {
  color: #f15252;
}

.content h3, .h3, .content .h3 {
  font-family: "Poppins", sans-serif;
  font-size: 2.5em;
  line-height: 1.4;
  font-weight: 500;
  color: #656c74;
  margin: 1.2em 0 0.48em 0;
}

.content h3 a, .h3 a, .content .h3 a {
  color: #656c74;
}

.content h4, .h4, .content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 2em;
  line-height: 1.4;
  color: #282d33;
  font-weight: 500;
  margin: 1.25em 0 0.5em 0;
}

.content h4 a, .h4 a, .content h4 a {
  color: #282d33;
}

.content h5, .h5, .content h5 {
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  line-height: 1.4;
  color: #f15252;
  font-weight: 400;
  margin: 1.25em 0 0.5em 0;
}

.content h5 a, .h5 a, .content h5 a {
  color: #f15252;
}

.content h6, .h6, .content h6 {
  font-family: "Poppins", sans-serif;
  font-size: 1.5em;
  line-height: 1.4;
  color: #282d33;
  margin: 1.2em 0 0.33333em 0;
}

.content h6 a, .h6 a, .content h6 a {
  color: #282d33;
}

.content .pour-qui, .content .avant-de-commencer {
  font-family: "Poppins", sans-serif;
  font-size: 3.4em;
  line-height: 1em;
  font-weight: 500;
  color: #f15252;
  margin: 1.76471em 0 0.73529em 0;
  padding-left: 1.76471em;
  position: relative;
}

.content .pour-qui:before, .content .avant-de-commencer:before {
  font-family: "icons-project";
  font-size: 26px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content .pour-qui:before, .content .avant-de-commencer:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  padding: 12px;
  background: #f15252;
}

.content .pour-qui a, .content .avant-de-commencer a {
  color: #f15252;
}

.content .avant-de-commencer:before {
  font-size: 22px;
  content: "\e018";
  padding: 10px;
}

.content figure {
  margin: 2em 0;
}

.content figure img {
  max-width: 100%;
  height: auto;
}

.content .button-2 {
  font-size: 1.3rem;
}

.content .button-2.button-2--small {
  font-size: 1.1rem;
}

.content a {
  color: #f15252;
  text-decoration: underline;
}

.content a:hover, .content a:focus {
  text-decoration: none;
}

.content a[href^="http://"]:not([href*="nancy.fr"]):after,
.content a[href^="https://"]:not([href*="nancy.fr"]):after,
.content a[href^="//"]:not([href*="nancy.fr"]):after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 5px;
  font-size: 8px;
  color: #f15252;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

.content p {
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 400;
  margin: 0.35714em 0 0.71429em 0;
}

.content .chapeau {
  font-size: 1.8em;
  font-weight: 300;
  color: #656c74;
}

.content .chapeau a {
  color: #f15252;
}

.content .encadre {
  padding: 0.3125em 1.25em 0.3125em 6.25em;
  margin: 3em 0 3em 0;
  font-size: 1.6em;
  font-weight: 500;
  background: #fff;
  position: relative;
  overflow: hidden;
}

.content .encadre:before {
  font-family: "icons-project";
  font-size: 50px;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content .encadre:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.content .encadre::after {
  content: '';
  background: #f15252;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 7rem;
}

.content blockquote {
  font-size: 2em;
  padding: 1em 1.5em;
  font-weight: 300;
  margin: 1.25em 1em 1.25em 1em;
  color: #656c74;
  border: 1px solid #656c74;
  position: relative;
}

.content blockquote:before, .content blockquote:after {
  position: absolute;
  top: -11px;
  left: -1px;
  content: "";
  speak: none;
}

.content blockquote:before {
  z-index: 2;
  width: 0;
  height: 0;
  top: -9px;
  left: 0;
  border-style: solid;
  border-width: 9px 0 0 9px;
  border-color: transparent transparent transparent #fff;
}

.content blockquote:after {
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 0 0 11px;
  border-color: transparent transparent transparent #656c74;
}

.content blockquote p {
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

.content blockquote p:before, .content blockquote p:after {
  display: inline;
}

.content blockquote p:before {
  content: "« ";
}

.content blockquote p:after {
  content: " »";
}

.content ul, .content .show-hide__content ul {
  margin: 1.42857em 0 1.07143em 1.78571em;
  list-style: none;
  font-size: 1.4em;
  color: #282d33;
  padding: 0;
}

.content ul > li, .content .show-hide__content ul > li {
  position: relative;
  padding-left: 1.07143em;
}

.content ul > li:before, .content .show-hide__content ul > li:before {
  font-family: "icons-default";
  font-size: 0.64286em;
  color: #f15252;
  position: absolute;
  top: 0.33333em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content ul > li button, .content ul > li .button-1, .content ul > li .button-1.button-1--small, .content ul > li .button-1.button-1--big, .content ul > li .button-2, .content ul > li .button-2.button-2--small, .content ul > li .button-2.button-2--big, .content .show-hide__content ul > li button, .content .show-hide__content ul > li .button-1, .content .show-hide__content ul > li .button-1.button-1--small, .content .show-hide__content ul > li .button-1.button-1--big, .content .show-hide__content ul > li .button-2, .content .show-hide__content ul > li .button-2.button-2--small, .content .show-hide__content ul > li .button-2.button-2--big {
  font-size: 1em;
}

.content ul > li > ul:first-child, .content ul > li > * + ul, .content .show-hide__content ul > li > ul:first-child, .content .show-hide__content ul > li > * + ul {
  font-size: 1em;
  margin: 0 0 0.71429em 0.57143em;
  list-style: none;
  padding: 0.07143em 0 0.07143em 0;
}

.content ul > li > ul:first-child > li, .content ul > li > * + ul > li, .content .show-hide__content ul > li > ul:first-child > li, .content .show-hide__content ul > li > * + ul > li {
  position: relative;
  padding-left: 1.07143em;
}

.content ul > li > ul:first-child > li:before, .content ul > li > * + ul > li:before, .content .show-hide__content ul > li > ul:first-child > li:before, .content .show-hide__content ul > li > * + ul > li:before {
  font-family: "icons-default";
  font-size: 0.71429em;
  color: #282d33;
  position: absolute;
  top: 0.5em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content ul > li > ol:first-child, .content ul > li > * + ol, .content .show-hide__content ul > li > ol:first-child, .content .show-hide__content ul > li > * + ol {
  margin: 0 0 0.71429em 1.07143em;
  padding: 0.07143em 0 0.21429em 0;
  font-size: 1em;
}

.content ul > li > ol:first-child > li, .content ul > li > * + ol > li, .content .show-hide__content ul > li > ol:first-child > li, .content .show-hide__content ul > li > * + ol > li {
  padding: 0;
}

.content ul > li > ol:first-child > li:before, .content ul > li > * + ol > li:before, .content .show-hide__content ul > li > ol:first-child > li:before, .content .show-hide__content ul > li > * + ol > li:before {
  font-family: none;
  content: none;
}

.content ol, .content .show-hide__content ol {
  margin: 1.42857em 0 1.07143em 1.78571em;
  padding: 0 0 0 1.28571em;
  list-style: decimal;
  font-size: 1.4em;
  color: #282d33;
}

.content ol > li, .content .show-hide__content ol > li {
  padding: 0;
}

.content ol > li button, .content ol > li .button-1, .content ol > li .button-1.button-1--small, .content ol > li .button-1.button-1--big, .content ol > li .button-2, .content ol > li .button-2.button-2--small, .content ol > li .button-2.button-2--big, .content .show-hide__content ol > li button, .content .show-hide__content ol > li .button-1, .content .show-hide__content ol > li .button-1.button-1--small, .content .show-hide__content ol > li .button-1.button-1--big, .content .show-hide__content ol > li .button-2, .content .show-hide__content ol > li .button-2.button-2--small, .content .show-hide__content ol > li .button-2.button-2--big {
  font-size: 1em;
}

.content ol > li > ol:first-child, .content ol > li > * + ol, .content .show-hide__content ol > li > ol:first-child, .content .show-hide__content ol > li > * + ol {
  margin: 0 0 0.71429em 1.07143em;
  padding: 0.07143em 0 0.07143em 0;
  font-size: 1em;
}

.content ol > li > ol:first-child > li, .content ol > li > * + ol > li, .content .show-hide__content ol > li > ol:first-child > li, .content .show-hide__content ol > li > * + ol > li {
  padding: 0;
}

.content ol > li > ul:first-child, .content ol > li > * + ul, .content .show-hide__content ol > li > ul:first-child, .content .show-hide__content ol > li > * + ul {
  margin: 0 0 0.71429em;
  list-style: none;
  padding: 0.07143em 0 0.21429em 0;
  font-size: 1em;
}

.content ol > li > ul:first-child > li, .content ol > li > * + ul > li, .content .show-hide__content ol > li > ul:first-child > li, .content .show-hide__content ol > li > * + ul > li {
  position: relative;
}

.content ol > li > ul:first-child > li:before, .content ol > li > * + ul > li:before, .content .show-hide__content ol > li > ul:first-child > li:before, .content .show-hide__content ol > li > * + ul > li:before {
  font-family: "icons-default";
  font-size: 0.71429em;
  color: #282d33;
  position: absolute;
  top: 0.5em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content .reset__list {
  margin: auto;
  padding: 0;
  list-style: none;
  font-size: 1em;
}

.content .reset__list > li {
  padding: 0;
}

.content .reset__list > li:before {
  content: "";
  margin: auto;
}

.content .reset__list > li > ol, .content .reset__list > li > ul {
  padding: 0;
}

.content .reset__list > li > ol > li, .content .reset__list > li > ul > li {
  padding: 0;
}

.content .reset__list > li > ol > li:before, .content .reset__list > li > ul > li:before {
  content: "";
  margin: auto;
}

.content .table-wrapper {
  margin: 4em 0;
}

.content .table-wrapper-inner {
  max-width: 67.9em;
  overflow-y: auto;
  width: 100%;
}

.content .table-wrapper-inner::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.content .table-wrapper-inner::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.content table {
  width: 100%;
  font-size: 1em;
}

.content table ul {
  font-size: 1em;
}

.content table caption {
  font-family: "Poppins", sans-serif;
  text-align: left;
  font-weight: 300;
  font-size: 1.1em;
  color: #656c74;
  margin-bottom: 1.36364em;
}

.content table caption:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 1em;
  color: #f15252;
  vertical-align: -0.18182em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.content table th, .content table td {
  padding: 12px 14px;
  border-bottom: 1px solid #caced3;
}

.content table th {
  font-size: 1.4em;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  color: #282d33;
  text-align: left;
}

.content table thead th, .content table thead td {
  font-size: 1.4em;
  background: #fff;
  font-weight: 700;
  border-bottom: 2px solid #f15252;
}

.content table tbody th {
  text-align: right;
}

.content table td {
  font-size: 1.3em;
  color: #282d33;
  background: #fff;
}

.content .column--2, .content .column--3 {
  margin: 4em 0 2em;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}

.content .column--2 {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}

.content .column--3 {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}

.content .audio-holder {
  margin: 3em 0;
}

.content .audio-holder .audio-holder__wrapper {
  width: 100%;
  margin: 0 auto;
}

.content .audio-holder .audio-holder__wrapper audio {
  width: 100%;
}

.tx-thrating-content .current-rating {
  height: 16px;
  line-height: 16px;
}

.thRating-RObj2-displayOnly {
  height: 16px;
  width: 80px;
}

.thRating-RObj2-displayOnly, .thRating-RObj2-displayOnly span:hover, .thRating-RObj2-displayOnly span:active, .thRating-RObj2-displayOnly span:focus, .thRating-RObj2-displayOnly .current-poll {
  background: rgba(0, 0, 0, 0) url("../Images/starrating/stars.png") repeat scroll 0 0;
}

.thRating-RObj2-displayOnly, .thRating-RObj2-displayOnly span:hover, .thRating-RObj2-displayOnly span:active, .thRating-RObj2-displayOnly span:focus, .thRating-RObj2-displayOnly .current-rating {
  background: rgba(0, 0, 0, 0) url("../Images/starrating/stars.png") repeat-x scroll 0 0;
}

.thRating-normal .current-rating {
  background-position: left center;
  z-index: 1;
}

.content .classical-gallery__title {
  font-family: "Poppins", sans-serif;
  text-align: right;
  font-weight: 400;
  font-size: 1.6em;
  color: #656c74;
  margin: 1.875em 0 0.625em 0;
}

.content .classical-gallery {
  max-width: 700px;
  margin: 4em auto 7em;
}

.content .classical-gallery__nb-items {
  display: none;
}

.content .slider-galerie {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 10px;
}

.content .slider-galerie .slider-galerie__item {
  width: 100%;
  height: 100%;
  z-index: 1 !important;
  border: none;
  background: #ebeced;
}

.content .slider-galerie .infos-img {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: -webkit-calc(100% - 500px);
  width: calc(100% - 500px);
  display: block;
  padding: 10px;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
  color: #656c74;
  font-size: 1.1em;
  text-align: right;
  white-space: normal;
}

.content .slider-galerie .infos-img__nbItems {
  display: table-cell;
  vertical-align: bottom;
  white-space: nowrap;
  width: 70px;
}

.content .slider-galerie .infos-img__wrap {
  display: block;
  vertical-align: top;
}

.content .slider-galerie .infos-img__legend {
  display: block;
  max-height: 5.7rem;
  overflow: hidden;
}

.content .slider-galerie .fancyboxGalerieThumb, .content .slider-galerie .fancyboxGalerie {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  white-space: nowrap;
  padding: 68.08510% 0 0 0;
}

.content .slider-galerie .fancyboxGalerieThumb figure, .content .slider-galerie .fancyboxGalerie figure {
  display: inline;
}

.content .slider-galerie .slider-galerie__download {
  position: absolute;
  z-index: 999;
  bottom: 1em;
  right: 1em;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 1px 1px 1px #282d33;
}

.content .slider-galerie img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 50%;
  right: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.content .sliderVideo {
  margin-bottom: 0;
}

.content .sliderVideo .infos-img {
  position: inherit;
  bottom: inherit;
  top: inherit;
  left: inherit;
  right: inherit;
}

.content .carousel-galerie {
  width: 500px;
  display: block;
  text-align: right;
  position: relative;
  z-index: 1;
  margin-left: auto;
}

.content .carousel-galerie .item {
  border: none;
}

.content .carousel-galerie__thumb {
  width: 340px;
  height: 74px;
  z-index: 2;
  margin-left: 80px;
  text-align: left;
}

.content .carousel-galerie__thumb.no-carousel {
  position: relative;
}

.content .carousel-galerie__thumb.no-carousel .carousel-galerie__item {
  display: inline-block;
  margin: 0 3px;
}

.content .carousel-galerie__item {
  z-index: 1 !important;
  text-align: center;
}

.content .carousel-galerie__item.cycle-slide-active button:before, .content .carousel-galerie__item.cycle-pager-active button:before, .content .carousel-galerie__item button:hover:before, .content .carousel-galerie__item button:focus:before {
  background: rgba(0, 0, 0, 0);
}

.content .carousel-galerie__item button {
  position: relative;
}

.content .carousel-galerie__item button:before {
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #282d33;
  /* The Fallback */
  background: rgba(40, 45, 51, 0.5);
}

.content .carousel-galerie__item button img {
  width: 74px;
  height: 74px;
}

.content .carousel-galerie__pager {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  height: 74px;
  width: 500px;
  z-index: 1;
}

.content .carousel-galerie__prev, .content .carousel-galerie__next {
  position: absolute;
  top: 0;
  padding: 0;
}

.content .carousel-galerie__prev button, .content .carousel-galerie__next button {
  width: 74px;
  height: 74px;
  background: #282d33;
  border-radius: 50%;
  text-indent: -9999px;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  position: relative;
}

.content .carousel-galerie__prev button:before, .content .carousel-galerie__next button:before {
  font-family: "icons-default";
  font-size: 1.53846em;
  color: #fff;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.content .carousel-galerie__prev button:before, .content .carousel-galerie__next button:before {
  text-indent: 0;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.content .carousel-galerie__prev button:hover, .content .carousel-galerie__prev button:focus, .content .carousel-galerie__next button:hover, .content .carousel-galerie__next button:focus {
  background: #f15252;
}

.content .carousel-galerie__prev:before, .content .carousel-galerie__next:before {
  content: "";
  speak: none;
}

.content .carousel-galerie__prev {
  left: 0;
}

.content .carousel-galerie__next {
  right: 0;
}

.content .carousel-galerie__next button:before {
  content: "\e017";
}

.ddm.ddm__content + .ddm.ddm__content {
  margin-top: -3em;
}

.ddm.ddm__content {
  margin: 4em 0 4em 0;
}

.ddm.ddm__content .ddm__title {
  margin-bottom: 0;
  font-size: 1em;
}

.ddm.ddm__content .ddm__sub-level {
  position: static;
  top: inherit;
  right: inherit;
  z-index: inherit;
  display: block;
  height: auto;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.ddm.ddm__content.ddm--active .ddm__sub-level {
  padding: 1em 0;
  max-height: 1000em;
  -webkit-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}

.ddm__content .ddm__button {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 2em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  background: #ebeced;
  padding: 0.25em 2em 0.25em 0.5em;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  white-space: normal;
  position: relative;
}

.ddm__content .ddm__button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: #caced3;
  z-index: 1;
}

.ddm__content .ddm__button:before {
  font-family: "icons-default";
  font-size: 0.5em;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: 1.5em;
  bottom: inherit;
  left: inherit;
  content: "";
  line-height: 1;
}

.ddm__content .ddm__button:before {
  z-index: 2;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ddm__content.ddm--active .ddm__button {
  background: #282d33;
  color: #fff;
}

.ddm__content.ddm--active .ddm__button:before {
  content: "\e001";
  color: #fff;
}

.ddm__content.ddm--active .ddm__button:after {
  background: #f15252;
}

.content .subpages-menu {
  margin: 5em 0 3em;
  overflow: hidden;
}

.content .subpages-menu a {
  text-decoration: none;
}

.content .subpages-menu a:hover, .content .subpages-menu a:focus {
  text-decoration: underline;
}

.content .subpages-menu__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -2%;
}

.content .subpages-menu__listitems > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 21%;
      -ms-flex: 0 1 21%;
          flex: 0 1 21%;
  margin: 0 2% 3em;
}

.content .subpages-menu__picture {
  display: block;
}

.content .subpages-menu__picture img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.content .subpages-menu__header {
  border-bottom: 1px solid #656c74;
}

.content .subpages-menu__title {
  margin: 0 0 0.4em 0;
  font-size: 2em;
  color: #282d33;
  border: none;
}

.content .subpages-menu__title a {
  color: #282d33;
}

.content .subpages-menu__listitems2 {
  display: none;
  margin: 1.07143em 0 1.07143em 0;
}

.content .subpages-menu__item2 {
  text-transform: uppercase;
  color: #282d33;
  margin: .5em 0;
}

.content .subpages-menu__item2:before {
  content: "\e027";
  color: #f15252;
}

.content .subpages-menu__item2 a {
  color: #282d33;
}

.content .subpages-menu__item2 a:hover, .content .subpages-menu__item2 a:focus {
  color: #f15252;
}

.content-go-so-far {
  background: #ebeced;
  padding: 7em 0;
  margin-top: -5em;
}

.content-go-so-far .button-2 {
  background: #ebeced;
}

.content-go-so-far__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -2%;
}

.content-go-so-far__wrapper > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 29.3333%;
      -ms-flex: 1 0 29.3333%;
          flex: 1 0 29.3333%;
  margin: 0 2%;
}

.content-go-so-far__item {
  margin-top: 5em;
}

.content-go-so-far__item:nth-of-type(1) {
  margin-top: 0;
}

.content .ce-left .videos__item iframe, .content .ce-right .videos__item iframe {
  position: static;
  top: inherit;
  left: inherit;
}

.content .videos {
  display: block;
  margin: 4em 0 7em;
  width: 100%;
}

.content .video__title {
  font-family: "Poppins", sans-serif;
  text-align: right;
  font-weight: 400;
  font-size: 1.6em;
  color: #656c74;
  margin-bottom: 0.9375em;
}

.content .videos__item {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.content .videos__item video {
  display: block;
  width: 100%;
}

.content .videos__item iframe,
.content .videos__item .iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
}

.content .videos__item .videos__ratio + iframe,
.content .videos__item .videos__ratio + .iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content .videos__item .videos__ratio + .iframe iframe {
  width: 100%;
  height: 100%;
}

.content .videos__ratio {
  display: block;
  width: 100%;
  height: auto;
}

.content .ce-textpic .videos,
.content .ce-textpic .videos__item {
  margin: 0;
}

.popin #content .content:only-of-type .videos,
.popin #content .setPos:only-of-type .videos {
  margin: 0;
}

.popin #content .content:only-of-type .videos .videos__item:only-of-type,
.popin #content .setPos:only-of-type .videos .videos__item:only-of-type {
  margin: 0;
}

.ce-align-left {
  text-align: left;
}

.ce-align-center {
  text-align: center;
}

.ce-align-right {
  text-align: right;
}

.ce-table td, .ce-table th {
  vertical-align: top;
}

.ce-textpic,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
  overflow: inherit;
}

.ce-textpic:after,
.ce-gallery:after,
.ce-row:after,
.ce-uploads li:after,
.ce-uploads div:after {
  clear: both;
  display: block;
  content: "";
  visibility: hidden;
  height: 0;
  speak: none;
}

.ce-left .ce-gallery, .ce-column {
  float: left;
}

.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}

.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}

.ce-right .ce-gallery {
  float: right;
}

.ce-gallery figure {
  display: table;
  margin: 0;
}

.ce-gallery figcaption {
  padding-top: 10px;
  display: table-caption;
  caption-side: bottom;
}

.ce-gallery img {
  display: block;
}

.ce-gallery iframe {
  border-width: 0;
}

.ce-border img, .ce-border iframe {
  border: 2px solid black;
  padding: 0px;
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
  margin-bottom: 20px;
}

.ce-intext.ce-right .ce-gallery {
  margin-left: 30px;
}

.ce-intext.ce-left .ce-gallery {
  margin-right: 30px;
}

.ce-below .ce-gallery {
  margin-top: 10px;
}

.ce-column {
  margin-right: 10px;
}

.ce-column:last-child {
  margin-right: 0;
}

.ce-row {
  margin-bottom: 10px;
}

.ce-row:last-child {
  margin-bottom: 0;
}

.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

.ce-uploads {
  margin: 0;
  padding: 0;
}

.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}

.ce-uploads img {
  float: left;
  padding-right: 1em;
  vertical-align: top;
}

.ce-uploads span {
  display: block;
}

.content .ce-textpic img {
  max-width: 100%;
  height: auto;
}

.content .ce-bodytext ul, .content .ce-bodytext ol {
  overflow: hidden;
}

.content .content-encadre__wrapper {
  overflow: hidden;
}

.content .content-encadre {
  background: #ebeced;
  padding: 4.2em 4.7em;
  margin: 5em 0;
}

.content .content-encadre a:hover, .content .content-encadre a:focus {
  color: #f15252;
}

.content .content-encadre .title {
  font-size: 2.5em;
  color: #282d33;
  font-weight: 500;
}

.content .content-encadre .teaser {
  font-weight: 300;
  font-size: 1.4em;
}

.content .content-encadre .content-encadre__view-more {
  font-size: 1.5em;
  color: #282d33;
  font-weight: 300;
}

.content .content-encadre .content-encadre__view-more:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 0.93333em;
  color: #282d33;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.content .content-encadre__figure {
  float: left;
}

.content .content-encadre__figure img {
  margin-right: 3.5em;
  max-width: 280px;
  height: auto;
}

.content .content-encadre__wrap {
  overflow: hidden;
}

.content .content-encadre__wrap > * {
  margin-top: 0;
}

.content-contact {
  margin: 8.5em 0;
}

.content-complement {
  margin: 5em 0;
}

.content-complement a {
  text-decoration: none;
  color: #282d33;
}

.content-complement a:hover, .content-complement a:focus {
  text-decoration: underline;
  color: #fff;
}

.content-complement .title {
  font-size: 2.6em;
  font-weight: 500;
  color: #282d33;
  margin-bottom: 0.38462em;
}

.content-complement .teaser {
  font-size: 1.7em;
  font-weight: 300;
  color: #282d33;
}

.content-complement__wrapper {
  background: #f15252;
  padding: 5em 0;
}

.content-complement__figure {
  float: left;
}

.content-complement__figure img {
  margin-right: 3.5em;
  max-width: 280px;
  height: auto;
}

.content-complement__wrap {
  overflow: hidden;
}

.content-situer {
  margin: 5em 0;
}

.content-situer .content-situer__wrapper {
  height: 476px;
}

.content-situer .content-situer__wrapper .map {
  height: 100%;
}

.content-situer .content-situer__wrapper .map .map__container {
  height: 100%;
}

.content-situer .content-situer__wrapper .map .map__popup__wrapper {
  overflow-y: auto;
  height: 436px;
}

.content .content-vous-etes-pret {
  margin: 5em 0;
}

.content .content-vous-etes-pret:first-child {
  margin-top: 5em;
}

.content .content-vous-etes-pret .title {
  font-family: "Poppins", sans-serif;
  font-size: 3.4em;
  line-height: 1em;
  font-weight: 500;
  color: #f15252;
  margin: 0 0 0.73529em 0;
}

.content .content-vous-etes-pret .title a {
  color: #f15252;
}

.content .content-vous-etes-pret .teaser {
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1.6;
  margin: 1.15385em 0.61538em;
}

.content-vous-etes-pret__wrapper {
  background: #282d33;
  padding: 3em;
  color: #fff;
}

.content-faq {
  margin: 5em 0;
}

.content-faq .title {
  font-family: "Poppins", sans-serif;
  font-size: 3.4em;
  line-height: 1em;
  font-weight: 500;
  color: #f15252;
  margin: 0 0 0.73529em 0;
  padding-left: 1.76471em;
  position: relative;
}

.content-faq .title:before {
  font-family: "icons-project";
  font-size: 22px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.content-faq .title:before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #f15252;
  border-radius: 50%;
  padding: 10px;
}

.content-faq .title a {
  color: #f15252;
}

.list {
  position: relative;
}

.list__infos {
  margin: 3em 0;
  font-size: 1.6em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  border-bottom: 1px solid #656c74;
  padding-bottom: 1.5625em;
  padding-right: 2.5em;
}

.list__infos:first-of-type {
  margin: 0 0 3em 0;
}

.list__rss {
  position: absolute;
  top: -8px;
  right: 0;
}

.home-event .list__rss, .home-news .list__rss {
  background: #fff;
  padding: 35px 10px 15px 50px;
}

.home-event .list__rss > svg, .home-news .list__rss > svg {
  width: 18px;
  height: 18px;
}

.home-news .list__rss {
  background: #ebeced;
}

.list__title-1 {
  background: #f15252;
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  padding: 0.25em 0.5em;
  margin-bottom: 1.5em;
}

.list-content-1, .content .list-content-1 {
  font-size: 1em;
}

.list-content-1 > li, .content .list-content-1 > li {
  text-transform: uppercase;
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  margin: 0.35714em 0;
}

.list-content-1 > li:before, .content .list-content-1 > li:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 0.85714em;
  color: #f15252;
  vertical-align: initial;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.list-content-1 > li > a, .content .list-content-1 > li > a {
  color: #282d33;
}

.list-content-1 > li > a:hover, .list-content-1 > li > a:focus, .content .list-content-1 > li > a:hover, .content .list-content-1 > li > a:focus {
  color: #f15252;
}

.list-content-2, .content .list-content-2 {
  font-size: 1em;
}

.list-content-2 > li, .content .list-content-2 > li {
  font-size: 1.4em;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  margin: 0.71429em 0;
  padding-left: 1.21429em;
  position: relative;
}

.list-content-2 > li:before, .content .list-content-2 > li:before {
  font-family: "icons-default";
  font-size: 0.85714em;
  color: #f15252;
  position: absolute;
  top: 0.33333em;
  right: inherit;
  bottom: inherit;
  left: 0em;
  content: "";
  line-height: 1;
}

.list-content-2 > li > a, .content .list-content-2 > li > a {
  color: #282d33;
}

.list-content-2 > li > a:hover, .list-content-2 > li > a:focus, .content .list-content-2 > li > a:hover, .content .list-content-2 > li > a:focus {
  color: #f15252;
}

.list-type-1 {
  margin-bottom: 5em;
}

.list-type-1 .list-type-1__date-2 {
  margin-top: -0.71429em;
}

.list-type-1 .list-document-1__listitems, .list-type-1 .gallery {
  position: relative;
  z-index: 99;
}

.list-type-1__item {
  padding: 2em 0;
}

.list-type-1__item:first-child {
  padding-top: 0;
}

.list-type-1__item:last-child {
  padding-bottom: 0;
}

.list-type-1__picture {
  display: block;
  float: left;
  width: 220px;
  position: relative;
  margin-right: 2em;
}

.list-type-1__picture .video {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: -9999px;
  text-align: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f15252;
  position: relative;
  position: absolute;
}

.list-type-1__picture .video:before {
  font-family: "icons-default";
  font-size: 18px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.list-type-1__picture .video:before {
  width: 18px;
  height: 18px;
  text-indent: 0;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.list-type-1__picture img {
  max-width: 220px;
  height: auto;
}

.list-type-1__wrapper {
  overflow: hidden;
}

.list-type-1__title {
  font-family: "Poppins", sans-serif;
  color: #282d33;
  font-size: 1.9em;
  font-weight: 500;
  margin: .2em 0 .8em;
}

.list-type-1__title a {
  color: #282d33;
}

.list-type-1--event .list-type-1__picture, .list-type-1--event .list-type-1__wrapper-date, .list-type-1--event .list-type-1__wrapper {
  display: table-cell;
  vertical-align: top;
}

.list-type-1--event .list-type-1__picture {
  float: none;
}

.list-type-1--event .list-type-1__wrapper-date {
  width: 17em;
  text-align: center;
}

.list-type-1--event .list-type-1__wrapper {
  padding-left: 2em;
  padding-bottom: .8em;
}

.list-type-1--glossary .list-type-1__item {
  border-bottom: 1px solid #ebeced;
}

.list-type-1--glossary .list-type-1__item:last-child {
  padding-bottom: 2em;
}

.list-type-1--poll .status {
  display: inline-block;
  margin: 0;
}

.list-type-1--search {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.list-type-2 {
  margin-bottom: 5em;
}

.list-type-2.list-type-2--3col .list-type-2__listitems .list-paginated__wrapper > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 29.3333%;
      -ms-flex: 0 1 29.3333%;
          flex: 0 1 29.3333%;
}

.list-type-2.list-type-2--2col .list-type-2__listitems .list-paginated__wrapper > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 46%;
      -ms-flex: 0 1 46%;
          flex: 0 1 46%;
}

.list-type-2__listitems > .list-paginated__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -2%;
}

.list-type-2__listitems > .list-paginated__wrapper > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 21%;
      -ms-flex: 0 1 21%;
          flex: 0 1 21%;
  margin: 0 2% 3em;
}

.list-type-2__picture {
  display: block;
  margin-bottom: 1em;
}

.list-type-2__picture img {
  max-width: 100%;
  height: auto;
}

.list-type-2__picture.list-type-2__picture--video {
  position: relative;
}

.list-type-2__picture.list-type-2__picture--video:before {
  font-family: "icons-default";
  font-size: 5em;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.list-type-2__picture.list-type-2__picture--video:before {
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

.list-type-2__picture.list-type-2__picture--video:after {
  content: "";
  width: 30px;
  height: 30px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}

.list-type-2__picture--2 {
  display: table-cell;
  vertical-align: bottom;
  height: 19em;
  margin-bottom: 0;
  padding-bottom: 1em;
}

.list-type-2__title {
  font-family: "Poppins", sans-serif;
  color: #282d33;
  font-size: 1.6em;
  font-weight: 500;
  margin: .2em 0 .8em;
}

.list-type-2__title a {
  color: #282d33;
}

.list-type-2__date {
  margin-top: 0;
}

.list-type-2--publications .list-document-1__listitems {
  position: relative;
  z-index: 10;
}

.list-type-3 {
  margin-bottom: 5em;
}

.list-type-3 .list-infos__item {
  font-size: 1.2em;
  padding-left: 1.66667em;
}

.list-type-3 .list-infos__item:before {
  font-size: 1.16667em;
  top: 0.16667em;
}

.list-type-3 .list-infos__item a {
  color: #282d33;
}

.list-type-3__listitems {
  overflow-x: hidden;
}

.list-type-3__listitems .list-paginated__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -2%;
}

.list-type-3__listitems .list-paginated__wrapper > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 46%;
      -ms-flex: 0 1 46%;
          flex: 0 1 46%;
  max-width: 46%;
  margin: 0 2% 3em;
}

.list-type-3__item {
  background: #ebeced;
  padding: 40px 28px;
  position: relative;
  color: #282d33;
}

.list-type-3__item:before, .list-type-3__item:after {
  content: "";
  speak: none;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 0;
  right: 0;
}

.list-type-3__item:after {
  border-width: 38px 0 0 38px;
  border-color: transparent transparent transparent #e3e4e6;
}

.list-type-3__item:before {
  border-width: 0 38px 38px 0;
  border-color: transparent #fff transparent transparent;
}

.list-type-3__picture {
  display: block;
  float: left;
}

.list-type-3__picture img {
  margin-right: 1em;
  max-width: 120px;
  height: auto;
}

.list-type-3__wrapper {
  overflow: hidden;
}

.list-type-3__title {
  font-family: "Poppins", sans-serif;
  color: #282d33;
  font-size: 1.7em;
  font-weight: 500;
  margin: .2em 0 .8em;
}

.list-type-3__title a {
  color: #282d33;
}

.list-type-3--directory .tx-thrating-pi1-content {
  position: absolute;
  top: -30px;
  right: 100px;
}

.heading--single-directory .heading__wrapper {
  position: relative;
}

.heading--single-directory .heading__wrapper .tx-thrating-pi1-content {
  position: absolute;
  top: -30px;
  left: 10px;
}

.list-type-4 .ddm .ddm__sub-level {
  position: static;
  top: inherit;
  right: inherit;
  z-index: inherit;
  display: block;
  height: auto;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height ease .2s;
  transition: max-height ease .2s;
}

.list-type-4 .ddm.ddm--active .ddm__title button:before {
  content: "\e001";
  background: #f15252;
  color: #fff;
}

.list-type-4 .ddm.ddm--active .ddm__sub-level {
  max-height: 100em;
  -webkit-transition: max-height ease 1s;
  transition: max-height ease 1s;
}

.list-type-4 .ddm__title button {
  text-align: left;
  font-size: 1em;
  display: block;
  width: 100%;
  padding-left: 6em;
  min-height: 4.2em;
  white-space: normal;
  position: relative;
}

.list-type-4 .ddm__title button:before {
  font-family: "icons-default";
  font-size: 1.4em;
  color: #f15252;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.list-type-4 .ddm__title button:before {
  z-index: 2;
  background: #ebeced;
  padding: 1em;
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}

.list-type-4 .list-type-4__title {
  font-family: "Poppins", sans-serif;
  font-size: 1.6em;
  font-weight: 500;
  color: #282d33;
}

.list-type-4 .list-type-4__item {
  padding: 3em 0;
  border-bottom: 1px solid #b5b9bd;
}

.list-type-4 .list-type-4__item:nth-of-type(1) {
  padding-top: 0;
}

.list-type-4 .list-type-4__content {
  padding: 1em 0 0 6em;
}

.list-type-5 {
  margin-bottom: 5em;
}

.list-type-5 .list__listitems {
  border-top: 1px solid #caced3;
}

.list-type-5 .list__item {
  position: relative;
  padding: 2em 0 2em 1.5em;
  border-bottom: 1px solid #caced3;
}

.list-type-5 .list__item:before {
  font-family: "icons-default";
  font-size: 1.4em;
  color: #f15252;
  position: absolute;
  top: 1.6em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.list-type-5 .title {
  font-family: "Poppins", sans-serif;
  color: #282d33;
  font-size: 1.9em;
  font-weight: 500;
}

.list-type-5 .title a {
  color: #282d33;
}

.list-type-6 {
  margin-bottom: 5em;
}

.list-type-6 .list__listitems > .list-paginated__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin: 0 -1%;
}

.list-type-6 .list__listitems > .list-paginated__wrapper > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 23%;
      -ms-flex: 0 1 23%;
          flex: 0 1 23%;
  margin: 10px 1%;
}

.list-type-6 .list__item .wrapper {
  overflow: hidden;
  height: 0;
  padding-bottom: 100%;
  background-color: #282d33;
  background-size: cover;
  background-position: 50% 50%;
  border: 1px solid #ebeced;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
}

.list-type-6 .list__item .wrapper:after {
  font-family: "icons-default";
  font-size: 9px;
  color: #282d33;
  position: absolute;
  top: inherit;
  right: 28px;
  bottom: 28px;
  left: inherit;
  content: "";
  line-height: 1;
}

.list-type-6 .list__item .wrapper:after {
  z-index: 3;
}

.list-type-6 .list__item .wrapper:before {
  content: "";
  position: absolute;
  z-index: 3;
  right: 16px;
  bottom: 16px;
  width: 33px;
  height: 33px;
  background: #f15252;
  border-radius: 50%;
}

.list-type-6 .list__item .wrapper-inner {
  padding: 1vw;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.list-type-6 .list__item .wrapper-inner:before {
  content: "";
  speak: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #282d33;
  /* The Fallback */
  background: rgba(40, 45, 51, 0.5);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.list-type-6 .list__item .wrapper-inner .top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  position: relative;
  z-index: 2;
}

.list-type-6 .list__item .wrapper-inner .bottom {
  position: absolute;
  z-index: 2;
  bottom: 1vw;
  left: 1vw;
  right: 1vw;
}

.list-type-6 .list__item a {
  color: #fff;
}

.list-type-6 .list__item a:hover, .list-type-6 .list__item a:focus {
  text-decoration: none;
}

.list-type-6 .list__item a:hover .wrapper-inner:before, .list-type-6 .list__item a:focus .wrapper-inner:before {
  background: #282d33;
}

.list-type-6 .list__item a:hover .wrapper, .list-type-6 .list__item a:focus .wrapper {
  background-image: inherit !important;
}

.list-type-6 .list__item a:hover .title, .list-type-6 .list__item a:focus .title {
  text-decoration: underline;
}

.list-type-6 .list__item .title {
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 0.45455em;
}

.list-type-6 .list__item .date {
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-right: 40px;
}

.list-type-6 .list__item .cite {
  text-transform: uppercase;
  font-size: 1.1em;
  padding-right: 40px;
}

.list-type-6 .list__item .cite cite {
  font-style: normal;
}

.list-type-7 {
  margin-bottom: 5em;
}

.list-type-7 .list__listitems {
  border-top: 1px solid #caced3;
}

.list-type-7 .list__item .wrapper {
  border-bottom: 1px solid #caced3;
  padding: 2em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-type-7 .list__item .title {
  color: #282d33;
}

.list-type-7 .list__item .title a {
  color: #282d33;
}

.list-type-7 .list__order, .list-type-7 .list_remove {
  -webkit-flex-basis: 5em;
      -ms-flex-preferred-size: 5em;
          flex-basis: 5em;
}

.list-type-7 .list__order .button-2, .list-type-7 .list_remove .button-2 {
  margin: 4px 0;
}

.list-type-7 .list__content {
  padding: 0 1em;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.list-type-7 .list__order__button--top:before {
  content: "\e019";
}

.list-type-7 .list__order__button--bottom:before {
  content: "\e018";
}

.list-type-7 .list__remove__button:before {
  content: "\e002";
}

.list-type-8 {
  position: static;
}

.list-type-8 .list__item {
  background: #282d33;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.list-type-8 .list__item:nth-child(odd) {
  background: #1d2025;
}

.list-type-8 .list__item:nth-child(odd) .heart-stroke {
  background: #1d2025;
}

.list-type-8 .list__item .picture {
  position: relative;
  overflow: hidden;
}

.list-type-8 .list__item .picture:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 75.36946%;
}

.list-type-8 .list__item .picture > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list-type-8 .list__item img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list-type-8 .list__item.hover {
  background: #f15252;
  color: #282d33;
}

.list-type-8 .list__item.hover .picture__wrapper {
  position: relative;
  position: relative;
}

.list-type-8 .list__item.hover .picture__wrapper:before {
  content: "";
  speak: none;
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f15252;
  /* The Fallback */
  background: rgba(241, 82, 82, 0.5);
}

.list-type-8 .list__item.hover .picture__wrapper:after {
  font-family: "icons-default";
  font-size: 1em;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.list-type-8 .list__item.hover .picture__wrapper:after {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #f15252;
  border-radius: 50%;
  padding: 24px;
  z-index: 10;
}

.list-type-8 .list__item.hover .date-1 {
  color: #282d33;
}

.list-type-8 .list__item.hover .date-1:after {
  border-color: #282d33;
}

.list-type-8 .list__item.hover .date-1 time + span + time:before {
  color: #282d33;
}

.list-type-8 .list__item.hover .heart-stroke {
  background: #f15252;
  color: #282d33;
}

.list-type-8 .list__item.hover .heart-stroke:before {
  color: #282d33;
}

.list-type-8 .list__item.hover .category--2 {
  background: #282d33;
  color: #f15252;
}

.list-type-8 .list__item.hover .category--2:before {
  border-color: transparent transparent transparent #282d33;
}

.list-type-8 .list__item.hover .hour-place {
  color: #282d33;
}

.list-type-8 .list__item.hover .title {
  color: #282d33;
}

.list-type-8 .list__item.hover .title a {
  color: #282d33;
}

.list-type-8 .list__item.hover .place {
  color: #282d33;
}

.list-type-8 .list__item.hover .ticketing a, .list-type-8 .list__item.hover .ticketing span {
  color: #282d33;
}

.list-type-8 .list__item.hover .ticketing a:before, .list-type-8 .list__item.hover .ticketing span:before {
  color: #282d33;
  border-color: #282d33;
}

.list-type-8 .list__item.hover .ticketing a:hover, .list-type-8 .list__item.hover .ticketing a:focus {
  color: #fff;
}

.list-type-8 .list__item.hover .ticketing a:hover:before, .list-type-8 .list__item.hover .ticketing a:focus:before {
  color: #fff;
  border-color: #fff;
}

.list-type-8 .picture {
  display: block;
}

.list-type-8 .wrapper-outer {
  padding: 30px 10px 20px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.list-type-8 .date-heart-stroke {
  width: 150px;
  text-align: center;
}

.list-type-8 .date-1 {
  color: #fff;
}

.list-type-8 .date-1:after {
  border-color: #656c74;
}

.list-type-8 .heart-stroke {
  background: #282d33;
}

.list-type-8 .wrapper {
  padding-left: 20px;
}

.list-type-8 .category.category--2:before {
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent #f15252;
  bottom: inherit;
  top: -10px;
}

.list-type-8 .hour-place {
  color: #fff;
  text-align: left;
}

.list-type-8 .title {
  color: #fff;
  margin-bottom: 5px;
}

.list-type-8 .title a {
  color: #fff;
}

.list-type-8 .place {
  color: #caced3;
}

.list-type-8 .ticketing {
  margin-top: 20px;
}

.list-type-8 .ticketing a:hover, .list-type-8 .ticketing a:focus {
  color: #fff;
}

.list-type-8 .ticketing a:hover:before, .list-type-8 .ticketing a:focus:before {
  color: #fff;
  border-color: #fff;
}

.list-type-8__listitems .list-paginated__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list-type-8__listitems .list-paginated__wrapper > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 33.3333%;
      -ms-flex: 1 0 33.3333%;
          flex: 1 0 33.3333%;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-bottom: 3em;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .picture__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.6666%;
      -ms-flex: 1 1 66.6666%;
          flex: 1 1 66.6666%;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .picture {
  position: relative;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .picture:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 49.87685%;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .picture > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .wrapper-outer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33.3333%;
      -ms-flex: 1 1 33.3333%;
          flex: 1 1 33.3333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  padding: 10px 10px 10px 30px;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .wrapper-outer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .date-1 {
  color: #f15252;
  margin-top: 3.5em;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .date-1:after {
  border-color: #f15252;
  width: 13em;
  height: 13em;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .heart-stroke {
  margin-top: -55px;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .place {
  color: #fff;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.list__item--focus .ticketing {
  margin-top: 15px;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.hover.list__item--focus .date-1 {
  color: #282d33;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.hover.list__item--focus .date-1:after {
  border-color: #282d33;
}

.list-type-8__listitems .list-paginated__wrapper > .list__item.hover.list__item--focus .place {
  color: #282d33;
}

.list-type-9__listitems {
  margin-bottom: 3em;
}

.list-type-9__listitems .list-paginated__wrapper .list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .wrapper-outer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33.3333%;
      -ms-flex: 1 1 33.3333%;
          flex: 1 1 33.3333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture__wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 66.6666%;
      -ms-flex: 1 1 66.6666%;
          flex: 1 1 66.6666%;
  position: relative;
  background: #282d33;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture__wrapper .video {
  top: 50%;
  left: 45%;
  z-index: 100;
  text-indent: -9999px;
  text-align: left;
  width: 70px;
  height: 70px;
  background: #f15252;
  border-radius: 50%;
  position: relative;
  position: absolute;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture__wrapper .video:before {
  font-family: "icons-default";
  font-size: 18px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture__wrapper .video:before {
  width: 18px;
  height: 18px;
  text-indent: 0;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture {
  position: relative;
  position: static;
  overflow: hidden;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.70391%;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .picture > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.list-type-9__listitems .list-paginated__wrapper .list__item img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list-type-9__listitems .list-paginated__wrapper .list__item .wrapper-outer {
  background: #282d33;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .wrapper-outer:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -23%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: #282d33;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .title {
  font-size: 2.7em;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 0.9375em;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .title a {
  color: #fff;
}

.list-type-9__listitems .list-paginated__wrapper .list__item .teaser {
  color: #fff;
  font-size: 1.3em;
  line-height: 1.5em;
}

.list-type-10 {
  overflow: hidden;
}

.list-type-10__listitems .list-paginated__wrapper {
  margin: 0 -1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.list-type-10__listitems .list-paginated__wrapper .list__item {
  margin: 0 1%;
  position: relative;
}

.list-type-10__listitems .list-paginated__wrapper .list__item img {
  width: 100%;
  height: auto;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .wrapper-outer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10% 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .video {
  text-indent: -9999px;
  text-align: left;
  width: 70px;
  height: 70px;
  margin-bottom: 2em;
  border-radius: 50%;
  background: #f15252;
  position: relative;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .video:before {
  font-family: "icons-default";
  font-size: 18px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .video:before {
  width: 18px;
  height: 18px;
  text-indent: 0;
  z-index: 11;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.list-type-10__listitems .list-paginated__wrapper .list__item .wrapper {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282d33+0,282d33+100&0+0,1+34 */
  background: -webkit-linear-gradient(top, rgba(40, 45, 51, 0) 0%, #282d33 34%, #282d33 100%);
  background: linear-gradient(to bottom, rgba(40, 45, 51, 0) 0%, #282d33 34%, #282d33 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  width: 100%;
  padding: 5%;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .title {
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .title a {
  color: #fff;
}

.list-type-10__listitems .list-paginated__wrapper .list__item .teaser {
  display: none;
}

.portal .list-type-10__listitems .list-paginated__wrapper .list__item img {
  padding-bottom: 10%;
}

#pieChartTarget {
  float: right;
  width: 300px;
  height: 300px;
}

.content .list-pie-chart {
  margin-left: 0;
}

.content .list-pie-chart > li {
  margin: 0.8em 0;
  padding-left: 1.78571em;
}

#pieChartTarget .pie0 {
  fill: #d94766;
}

.content .list-pie-chart > .pie0:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #d94766;
}

#pieChartTarget .pie1 {
  fill: #de7f93;
}

.content .list-pie-chart > .pie1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #de7f93;
}

#pieChartTarget .pie2 {
  fill: #ef654e;
}

.content .list-pie-chart > .pie2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #ef654e;
}

#pieChartTarget .pie3 {
  fill: #ed8c52;
}

.content .list-pie-chart > .pie3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #ed8c52;
}

#pieChartTarget .pie4 {
  fill: #febd4c;
}

.content .list-pie-chart > .pie4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #febd4c;
}

#pieChartTarget .pie5 {
  fill: #f3e65e;
}

.content .list-pie-chart > .pie5:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #f3e65e;
}

#pieChartTarget .pie6 {
  fill: #b4d75e;
}

.content .list-pie-chart > .pie6:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #b4d75e;
}

#pieChartTarget .pie7 {
  fill: #57ba81;
}

.content .list-pie-chart > .pie7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #57ba81;
}

#pieChartTarget .pie8 {
  fill: #97dab3;
}

.content .list-pie-chart > .pie8:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #97dab3;
}

#pieChartTarget .pie9 {
  fill: #50c3bc;
}

.content .list-pie-chart > .pie9:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #50c3bc;
}

#pieChartTarget .pie10 {
  fill: #a0afb7;
}

.content .list-pie-chart > .pie10:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #a0afb7;
}

#pieChartTarget .pie11 {
  fill: #306a96;
}

.content .list-pie-chart > .pie11:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #306a96;
}

#pieChartTarget .pie12 {
  fill: #2d4c59;
}

.content .list-pie-chart > .pie12:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #2d4c59;
}

#pieChartTarget .pie13 {
  fill: #3da4c6;
}

.content .list-pie-chart > .pie13:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #3da4c6;
}

#pieChartTarget .pie14 {
  fill: #cfaee3;
}

.content .list-pie-chart > .pie14:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #cfaee3;
}

#pieChartTarget .pie15 {
  fill: #9873ae;
}

.content .list-pie-chart > .pie15:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: #9873ae;
}

.breadcrumb {
  font-family: "Poppins", sans-serif;
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}

.breadcrumb p {
  font-size: 1.2em;
  font-weight: 300;
  color: #f15252;
}

.breadcrumb p .breadcrumb__here {
  color: #656c74;
}

.breadcrumb p a {
  font-weight: 400;
  color: #656c74;
}

.breadcrumb p a:after {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 5px;
  font-size: 0.66667em;
  color: #656c74;
  vertical-align: 0em;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

.breadcrumb p a:last-child:after {
  color: #f15252;
}

.tools {
  display: inline-block;
  vertical-align: middle;
  width: 29%;
  text-align: right;
}

.tools svg {
  width: 1.7em;
  height: 1.7em;
  fill: #656c74;
}

.tools .button-2:before {
  content: "\e02d";
}

.tools .bookmark--active svg {
  fill: #f15252;
}

.tools__listitems {
  margin: 0 -.5em;
}

.tools__item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 .5em;
}

.ddm.share-page .ddm__sub-level {
  display: block;
  visibility: hidden;
  top: 100%;
  left: inherit;
  right: 0;
  overflow: hidden;
  z-index: 2;
}

.ddm.share-page .ddm__wrapper {
  -webkit-transform: translateY(-110%);
      -ms-transform: translateY(-110%);
          transform: translateY(-110%);
  -webkit-transition: all ease .1s;
  transition: all ease .1s;
}

.ddm.share-page.ddm--active .ddm__sub-level {
  visibility: visible;
}

.ddm.share-page.ddm--active .ddm__wrapper {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}

.share-page .share-page__button {
  text-indent: -9999px;
  text-align: left;
  font-size: 1.4em;
  display: block;
  padding: 0.57143em 1.07143em;
  position: relative;
}

.share-page .share-page__button:before {
  font-family: "icons-default";
  font-size: 1em;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.share-page .share-page__button:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  line-height: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.share-page .share-page__button:after {
  content: "";
  speak: none;
  border: 1px solid #f15252;
  height: 2.35714em;
  width: 2.35714em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.share-page .ddm__sub-level {
  text-align: left;
  width: 13em;
}

.share-page .ddm__wrapper {
  background: #f15252;
  color: #282d33;
  padding: 1em 1.5em;
}

.share-page .ddm__wrapper a {
  color: #282d33;
}

.share-page__item {
  font-size: 1.3em;
  margin: .5em 0;
}

.share-page__item:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 1em;
  color: #282d33;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.share-page__item.email:before {
  content: "\e028";
}

.share-page__item.facebook:before {
  content: "\e098";
}

.share-page__item.twitter:before {
  content: "\e09a";
}

.share-page__item.google:before {
  content: "\e0a4";
}

.share-page__item.instagram:before {
  content: "\e0a1";
}

.share-page__item.linkedin:before {
  content: "\e0a2";
}

.share-page__item.viadeo:before {
  content: "\e0a3";
}

.share-page__item.youtube:before {
  content: "\e09d";
}

.cookies-top-bloc {
  position: fixed;
  z-index: 1000;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 15px;
  background: #36393d;
  width: 900px;
  margin: 0 auto;
}

.cookies-top-bloc .teaser-1 {
  margin-top: 0;
  margin-bottom: 2em;
  color: #FFF;
}

.cookies-top-bloc__more:before {
  content: "\e003";
}

.cookies-top-bloc__button-wrapper {
  text-align: right;
}

.cookies-info-popup {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.cookies-info-popup .popup-wrap {
  max-width: 1000px;
  position: relative;
  z-index: 1;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  background: #fff;
  padding: 4em 6em;
}

.cookies-info-popup p {
  font-size: 1.4em;
  line-height: normal;
  font-weight: 300;
  margin-bottom: 1em;
}

.cookies-info-popup h5 {
  font-size: 1.4em;
  text-transform: uppercase;
  margin-bottom: 2em;
}

.cookies-info-popup .checkbox {
  margin: 0 0 1.5em;
}

.cookies-info-popup .checkbox input[type=checkbox]:checked + label:after {
  top: 3px;
}

.cookies-info-popup label {
  display: block;
  padding-left: 23px;
}

.cookies-info-popup label:before {
  top: 0;
}

.cookies-info-popup .buttons-holder {
  margin-top: 3em;
  text-align: left;
}

.cookies-info-popup .buttons-holder .button-1 {
  color: #282d33;
  background: transparent;
  border: 1px solid #282d33;
  padding: 1.2em 1.5em;
}

.cookies-info-popup .buttons-holder .button-1:before {
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background: #282d33;
  border-radius: 50%;
  position: relative;
  left: inherit;
  top: inherit;
  margin-right: 10px;
  -webkit-transform: none;
  -ms-transform: none;
      transform: none;
}

.cookies-info-popup .buttons-holder .button-1:after {
  display: none;
}

.cookies-info-popup .annuler-btn:before {
  content: "\e002";
  font-size: .8em;
}

.cookies-info-popup .annuler-btn:hover {
  background: #9f2e2e;
  color: #fff;
  border-color: #9f2e2e;
}

.cookies-info-popup .annuler-btn:hover:before {
  color: #fff;
}

.cookies-info-popup .valider-btn {
  margin-left: 20px;
}

.cookies-info-popup .valider-btn:before {
  content: "\e057";
}

.cookies-info-popup .valider-btn:hover {
  background: #f15252;
  color: #fff;
  border-color: #f15252;
}

.cookies-info-popup .popup-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

.logo {
  font-size: 1.3em;
}

.logo a {
  display: block;
}

.logo-mobile {
  display: none;
}

.logo-home {
  width: 100%;
  text-align: center;
  margin-bottom: 7em;
}

.logo-home img {
  max-width: 100%;
  height: auto;
}

.logo-print {
  display: none;
}

.stratis {
  background: #22272e;
  width: 100%;
  font-size: 1em;
  color: #fff;
  text-align: right;
}

.stratis span {
  display: none;
}

.stratis a {
  display: inline-block;
  padding: 4px 5px;
  color: #fff;
  background: #A40015;
  text-decoration: none;
}

.stratis a:hover, .stratis a:focus {
  color: #A40015;
  background: #ffffff;
}

.page-number {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #FFF;
  padding: 5px;
}

.popin .page-number {
  display: none;
}

.fancybox-lock .fancybox-overlay {
  overflow: hidden;
}

.popin-home .fancybox-title {
  display: none;
}

.popin-home--fullscreen.fancybox-wrap {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.popin-home--fullscreen .fancybox-btn-close {
  position: absolute;
  top: 10px;
  right: 40px;
}

.popin-home--fullscreen .fancybox-title {
  display: none;
}

.popin-home--fullscreen .fancybox-inner {
  width: 100% !important;
}

.popin-home--fullscreen .fancybox-inner, .popin-home--fullscreen .fancybox-outer, .popin-home--fullscreen .fancybox-skin {
  height: 100% !important;
}

.print-banner {
  display: none;
}

.newsletter {
  margin-top: 4em;
}

.newsletter .newsletter__title {
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.newsletter .newsletter__fields {
  border-bottom: 1px solid #93989d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 30px;
  max-width: 265px;
}

.newsletter form {
  margin: 0;
}

.newsletter fieldset {
  margin-bottom: .5em;
}

.newsletter label {
  margin: 0;
  color: #fff;
  font-weight: 700;
  font-size: 1.6em;
}

.newsletter input {
  background: transparent;
  border: transparent;
  margin: 0;
  color: #fff;
  font-size: 0.8125em;
  font-weight: 300;
  padding: 0.125em 0.3125em;
}

.newsletter .text-help {
  margin-bottom: -22px;
}

.newsletter .newsletter__button {
  font-size: 1.3em;
  padding: 0.38462em 0.76923em;
}

.newsletter .newsletter__button > svg {
  fill: #f15252;
  width: 16px;
  height: 16px;
  -webkit-transition: fill .3s;
  transition: fill .3s;
}

.newsletter .newsletter__button:hover > svg, .newsletter .newsletter__button:focus > svg {
  fill: #fff;
}

.newsletter .newsletter__links > li {
  color: #ebeced;
  font-size: 1.1em;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.36364em;
  margin: 0 0.90909em;
  text-transform: uppercase;
  position: relative;
}

.newsletter .newsletter__links > li:before {
  font-family: "icons-default";
  font-size: 1em;
  color: #bc3c3c;
  position: absolute;
  top: 0;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.newsletter .newsletter__links > li:first-child {
  margin: 0;
}

.newsletter .newsletter__links > li a {
  color: #ebeced;
}

.search-box form {
  margin: 0;
}

.search-box .ddm {
  position: static;
}

.search-box .ddm .ddm__sub-level {
  visibility: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background: #656c74;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  padding-right: 22vw;
}

.search-box .ddm .ddm__sub-level:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -36px;
  bottom: 0;
  height: 100%;
  width: 72px;
  background: #656c74;
  border-radius: 50%;
}

.search-box .ddm .ddm__sub-level label {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 1.6em;
  font-weight: 300;
  color: #fff;
  margin-right: 3vw;
}

.search-box .ddm .ddm__sub-level input {
  background: #656c74;
  color: #fff;
  border-bottom-color: #caced3;
  padding-right: 50px;
  max-width: 640px;
}

.search-box .ddm .ddm__sub-level input::-webkit-input-placeholder {
  color: #fff;
}

.search-box .ddm .ddm__sub-level input::-moz-placeholder {
  color: #fff;
}

.search-box .ddm .ddm__sub-level input:-ms-input-placeholder {
  color: #fff;
}

.search-box .ddm .ddm__sub-level input::placeholder {
  color: #fff;
}

.search-box .ddm .ddm__sub-level .search-box__button {
  margin-left: -40px;
  padding: 10px;
}

.search-box .ddm .ddm__sub-level .search-box__button svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}

.search-box .ddm.ddm--active .ddm__sub-level {
  visibility: visible;
  width: 80%;
}

.search-box .ddm.ddm--active .ddm__button {
  background: #282d33;
}

.search-box .ddm.ddm--active .ddm__button:before {
  content: "\e002";
  color: #fff;
}

.search-box .ddm__button {
  font-size: 1.4em;
  background: #656c74;
  border-radius: 50%;
  padding: 0.71429em 0.92857em;
  text-indent: -9999px;
  text-align: left;
  width: 3.07143em;
  height: 3.07143em;
  position: relative;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 101;
}

.search-box .ddm__button:before {
  font-family: "icons-default";
  font-size: 1em;
  color: #fff;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.search-box .ddm__button:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  line-height: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.search-box .ddm__button:hover, .search-box .ddm__button:focus {
  background: #f15252;
}

.search-box .ddm__button:hover:before, .search-box .ddm__button:focus:before {
  color: #282d33;
}

.search-box.search-box--404 .search-box_fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-box.search-box--404 .search-box_fields > * {
  margin: 0 .5em;
}

.search-box.search-box--404 label {
  white-space: nowrap;
}

.search-box.search-box--404 .button-1:before {
  color: #f15252;
}

.search-box.search-box--404 .button-1:after {
  background: none;
}

.search-box.search-box--404 .button-1:hover, .search-box.search-box--404 .button-1:focus {
  color: #f15252;
}

.search-box.search-box--404 .search-box__reset:before {
  content: "\e002";
  color: #656c74;
}

.search-box.search-box--404 .search-box__button:before {
  content: "\e057";
  color: #f15252;
}

.pertinence {
  font-size: 1.2em;
}

.pertinence span {
  font-size: 0.83333em;
}

.meter {
  width: 50px;
  height: 8px;
  background: #b5b9bd;
  display: inline-block;
  vertical-align: middle;
}

.meter > span {
  display: block;
  height: 8px;
  background: #f15252;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .pertinence span {
    font-size: 1.1em;
    font-weight: 700;
  }
}

meter {
  -webkit-appearance: meter;
  -moz-appearance: meterbar;
  width: 5em;
  height: 0.83333em;
  border: 1px solid #b5b9bd;
}

meter::-webkit-meter-bar {
  background: #b5b9bd;
  height: 100%;
  width: 100%;
}

meter::-webkit-meter-optimum-value {
  height: 100%;
  background: #f15252;
}

meter:-moz-meter-optimum {
  background: #b5b9bd;
  border: none;
}

meter:-moz-meter-optimum::-moz-meter-bar {
  background: #f15252;
}

meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: antiquewhite;
}

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: steelblue;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, meter {
    display: none;
  }
}

.home .tx-solr {
  display: block;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
}

.search-box-home .search-box-home__fields {
  width: 440px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.search-box-home .search-box-home__button {
  background: #ebeced;
  padding: 15px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.search-box-home .search-box-home__button > svg {
  fill: #282d33;
  width: 16px;
  height: 16px;
}

.search-box-home .search-box-home__button:hover, .search-box-home .search-box-home__button:focus {
  background: #282d33;
}

.search-box-home .search-box-home__button:hover > svg, .search-box-home .search-box-home__button:focus > svg {
  fill: #fff;
}

.tx-solr + .section-main__wrapper .section-main__content {
  max-width: 128em;
}

.section-main__content .tx-solr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.tx-solr .spelling-suggestions {
  font-size: 1.4em;
  font-weight: 300;
  text-align: center;
}

.tx-solr .spelling-suggestions a {
  text-decoration: underline;
  color: #282d33;
}

.tx-solr .spelling-suggestions a:hover, .tx-solr .spelling-suggestions a:focus {
  text-decoration: none;
}

#tx-solr-search-functions {
  padding-left: 30px;
}

#tx-solr-search-functions > * {
  margin: 0 0 3em;
}

#tx-solr-search-functions .facets > .facet {
  margin: 2em 0;
}

#tx-solr-search-functions .facet-label {
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 0.66667em;
}

#tx-solr-search-functions .facet-option-list {
  margin-bottom: 1em;
}

#tx-solr-search-functions .facet-option {
  font-size: 1.4em;
  font-weight: 300;
}

#tx-solr-search-functions .facet-option a {
  color: #282d33;
}

#tx-solr-search-functions .facet-option .facet-result-count {
  color: #f15252;
  font-weight: 300;
  font-size: 0.85714em;
}

#tx-solr-search-functions .facets-remove-all .button-2:before {
  content: "\e002";
}

#tx-solr-search-functions .form__field-wrapper {
  margin-bottom: 10px;
}

#tx-solr-search-functions .form__field-datewrapper {
  position: relative;
}

#tx-solr-search-functions .form__field-datewrapper .date-picker-control {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 10px;
}

.go-to-top {
  margin-top: -4.1em;
  display: block;
  width: 100%;
  position: relative;
  right: 1%;
  bottom: 0;
  z-index: 7000;
}

.go-to-top p {
  text-align: right;
}

.go-to-top a:before {
  content: "\e015";
}

.sitemap {
  margin: 2em 0 3em;
}

.sitemap__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -1%;
}

.sitemap__listitems > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 31.3333%;
      -ms-flex: 0 1 31.3333%;
          flex: 0 1 31.3333%;
  margin: 0 1% 4em;
}

.sitemap__header {
  border-bottom: 1px solid #656c74;
  margin-bottom: 1em;
}

.sitemap__title {
  font-size: 2em;
  font-weight: 700;
  margin-bottom: 0.75em;
  color: #282d33;
}

.sitemap__title a {
  color: #282d33;
}

.sitemap__title a:hover, .sitemap__title a:focus {
  color: #f15252;
}

.sitemap__teaser {
  font-size: 1.4em;
  font-weight: 300;
  margin: 0.35714em 0 0.71429em;
}

.sitemap__listitems2 {
  text-transform: uppercase;
}

.sitemap__listitems2 a {
  color: #282d33;
}

.sitemap__listitems2 a:hover, .sitemap__listitems2 a:focus {
  color: #f15252;
}

.sitemap__item2 {
  position: relative;
  padding-left: 1.5em;
  margin: .5em 0;
}

.sitemap__item2:before {
  font-family: "icons-default";
  font-size: 1.4em;
  color: #f15252;
  position: absolute;
  top: 0em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.sitemap__item2 > a {
  font-size: 1.4em;
}

.sitemap__listitems3 {
  margin-left: 1.5em;
  margin-bottom: 1.3em;
}

.sitemap__item3 {
  position: relative;
  padding-left: 1.5em;
  margin: .5em 0;
}

.sitemap__item3:before {
  font-family: "icons-default";
  font-size: 1.4em;
  color: #f15252;
  position: absolute;
  top: 0em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.sitemap__item3 > a {
  font-size: 1.3em;
}

.sitemap__listitems4 {
  margin-left: 1.8em;
  margin-bottom: 1.3em;
}

.sitemap__item4 {
  position: relative;
  padding-left: 1em;
  margin: .5em 0;
}

.sitemap__item4:before {
  font-family: "icons-default";
  font-size: 4px;
  color: #282d33;
  position: absolute;
  top: 5px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.sitemap__item4 > a {
  font-size: 1.2em;
}

.list-document__listitems {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -1%;
}

.list-document__listitems > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 31.3333%;
      -ms-flex: 1 1 31.3333%;
          flex: 1 1 31.3333%;
  margin: 0 1% 3em;
}

.list-document__listitems .button-1, .list-document__listitems .button-2 {
  display: block;
}

.list-document__item {
  display: block;
}

.list-document__item.list-document__item--postulate {
  text-align: right;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

.list-document__item.list-document__item--postulate .button-1, .list-document__item.list-document__item--postulate .button-2 {
  display: inline-block;
}

.list-document__download:before {
  content: "\e063";
}

.list-document__read:before {
  content: "\e06e";
}

.list-document__title-file {
  font-size: 1.4em;
  font-weight: 700;
  padding-left: 2.85714em;
  margin-bottom: 1.07143em;
  overflow: hidden;
  word-break: break-all;
  position: relative;
}

.list-document__title-file .list-document__file-size {
  display: block;
  font-weight: 300;
}

.list-document__title-file:before {
  font-family: "icons-project";
  font-size: 35px;
  color: #282d33;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.list-document__title-file.list-document__title-file--pdf:before {
  content: "\e003";
}

.list-document__title-file.list-document__title-file--doc:before {
  content: "\e001";
}

.list-document__title-file.list-document__title-file--jpg:before {
  content: "\e002";
}

.list-document__title-file.list-document__title-file--xls:before {
  content: "\e006";
}

.list-document__title-file.list-document__title-file--ppt:before {
  content: "\e004";
}

.list-document__title-file.list-document__title-file--zip:before {
  content: "\e007";
}

.list-document-1__listitems .button-2:before {
  content: "\e063";
}

.list-document-1__listitems .list-document-1__item {
  margin: .5em 0;
}

.list-document-1__listitems .list-document-1__item.list-document-1__item--read .button-2:before {
  content: "\e06e";
}

.list-document-1__file-size {
  font-weight: 300;
  white-space: nowrap;
}

.list-infos {
  font-family: "Poppins", sans-serif;
}

.list-infos__wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.list-infos__wrapper > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.list-infos__wrapper .list-infos__listitems:first-child {
  -webkit-box-flex: 1.9;
  -webkit-flex: 1.9 1 0;
      -ms-flex: 1.9 1 0px;
          flex: 1.9 1 0;
}

.list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
  border-left: 1px solid #656c74;
  padding-left: 5%;
  margin-left: 5%;
}

.list-infos__item {
  margin: .5em 0;
  font-size: 1.4em;
  font-weight: 300;
  position: relative;
  padding-left: 1.42857em;
}

.list-infos__item:before {
  font-family: "icons-default";
  font-size: 1em;
  color: #f15252;
  position: absolute;
  top: 0.14286em;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.list-infos__item a {
  color: #282d33;
  text-decoration: underline;
}

.list-infos__item a:hover, .list-infos__item a:focus {
  text-decoration: none;
}

.list-infos__item.list-infos__phone, .list-infos__item.list-infos__cell, .list-infos__item.list-infos__fax {
  white-space: nowrap;
}

.list-infos__item.list-infos__address:before {
  content: "\e053";
}

.list-infos__item.list-infos__website:before {
  content: "\e089";
}

.list-infos__item.list-infos__phone:before {
  content: "\e02b";
}

.list-infos__item.list-infos__cell:before {
  content: "\e087";
}

.list-infos__item.list-infos__fax:before {
  content: "\e088";
}

.list-infos__item.list-infos__email:before {
  content: "\e02a";
}

.list-infos__item.list-infos__infos:before {
  content: "\e083";
}

.list-infos__item.list-infos__hours:before {
  content: "\e05b";
}

.list-infos__item.list-infos__a11y:before {
  font-family: 'icons-project';
  content: "\e00F";
}

.content-contact .list-infos__wrapper {
  display: block;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.content-contact .list-infos__wrapper .list-infos__listitems:first-child {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.content-contact .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
  border-left: 0;
  padding-left: 0;
  margin-left: -2%;
}

.content-contact .list-infos__wrapper .list-infos__listitems {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 -2% 3em;
}

.content-contact .list-infos__wrapper .list-infos__listitems > * {
  margin: 0 2%;
}

.content-contact .list-infos__item.list-infos__website, .content-contact .list-infos__item.list-infos__phone, .content-contact .list-infos__item.list-infos__fax, .content-contact .list-infos__item.list-infos__email {
  white-space: nowrap;
}

.content-contact .list-infos__item.list-infos__contact {
  padding-left: 0;
  -webkit-flex-basis: 300px;
      -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}

.content-contact .list-infos__item.list-infos__contact span {
  display: block;
  font-weight: 700;
}

.content-contact .list-infos__item.list-infos__contact:before {
  content: "";
}

.comments {
  margin: 2em 0 3em;
}

.comments__title {
  font-size: 2em;
  color: #282d33;
  font-weight: 700;
  margin: 0 0 1em;
}

.comments__title:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 0.8em;
  color: #f15252;
  vertical-align: -0.125em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.comment {
  margin: 2em 0;
}

.comments__listitems {
  margin: 0 0 3em;
}

.comments__listitems--children .comment {
  padding-left: 100px;
}

.comments__listitems--children .comment__wrapper-2 {
  background: #fff;
}

.comments__listitems--children .comment__wrapper-2:after {
  border-color: transparent #fff transparent transparent;
}

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

.comment__avatar svg {
  width: 4.3em;
  height: 4.3em;
}

.comment__wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.comment__wrapper-2 {
  background: #ebeced;
  border: 1px solid #caced3;
  padding: 2em;
  position: relative;
}

.comment__wrapper-2:before, .comment__wrapper-2:after {
  content: '';
  display: block;
  position: absolute;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}

.comment__wrapper-2:before {
  top: 19px;
  border-color: transparent #caced3 transparent transparent;
  border-width: 12px;
}

.comment__wrapper-2:after {
  top: 21px;
  border-color: transparent #ebeced transparent transparent;
  border-width: 10px;
}

.comment__header {
  margin-bottom: 1.5em;
}

.comment__author {
  font-size: 1.2em;
  font-weight: 700;
  font-style: normal;
  color: #656c74;
}

.comment__author a {
  color: #656c74;
}

.comment__author + .date:before {
  content: " - ";
  display: inline;
}

.comments .comment__body > * {
  margin-bottom: 0;
}

.comment__reply-link {
  position: absolute;
  top: 20px;
  right: 20px;
}

.comment__reply-link p {
  text-align: right;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
}

.comment__reply-link p:before {
  font-family: "icons-default";
  content: "";
  margin: 0 0 0 0;
  font-size: 1.2;
  color: #656c74;
  vertical-align: -0.16667em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.comment__reply-link p a {
  color: #656c74;
  font-size: 1.2em;
}

.comment__reply {
  margin: 5em 0 2em;
}

.comment__reply__title {
  font-size: 2em;
  color: #282d33;
  font-weight: 700;
  margin-bottom: 1em;
}

.comment__reply__avatar {
  margin-bottom: 2.5em;
}

.comment__reply__avatar > div {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.comment__reply__avatar legend {
  margin: .5em 0 .5em;
  font-size: 1.4em;
}

.comment__reply__avatar label {
  display: inline-block;
  position: relative;
  line-height: 1em;
  margin: 0.07143em 0;
  padding: 1.14286em;
  background: #ebeced;
}

.comment__reply__avatar label svg {
  width: 3.07143em;
  height: 3.07143em;
}

.comment__reply__avatar input[type=radio] {
  position: absolute;
  left: -9999px;
}

.comment__reply__avatar input[type=radio]:checked + label {
  background: #f15252;
}

.comment__reply__avatar input[type=radio]:checked + label svg {
  fill: #fff;
}

.comment__reply__avatar input[type=radio]:focus + label {
  outline: 1px dashed #f15252;
  outline-offset: 2px;
}

.comment__reply__avatar input[type=radio]:hover + label {
  background: #f15252;
}

.comment__reply__avatar input[type=radio]:hover + label svg {
  fill: #fff;
}

.site-infos {
  padding-top: 4em;
  padding-bottom: 4em;
}

.site-infos .social-networks {
  padding: 1.5em 0;
}

.site-infos .social-networks > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.site-infos .social-networks img {
  vertical-align: middle;
}

.site-infos .social-networks img:first-child {
  display: none;
}

.site-infos .social-networks a {
  display: block;
  padding: 4px;
}

.site-infos__wrapper {
  font-style: normal;
}

.site-infos__wrapper p {
  font-size: 1.2em;
  font-weight: 300;
  color: #fff;
  margin: 5px 0 12px;
}

.site-infos__wrapper a {
  color: #fff;
}

.site-infos__title {
  margin-top: 20px;
  margin-bottom: 15px;
}

.site-infos__hours, .site-infos__phone {
  padding-left: 25px;
  line-height: 1.5;
  position: relative;
}

.site-infos__hours:before, .site-infos__phone:before {
  font-family: "icons-project";
  font-size: 1.16667em;
  color: #f15252;
  position: absolute;
  top: 2px;
  right: inherit;
  bottom: inherit;
  left: 0;
  content: "";
  line-height: 1;
}

.site-infos__phone:before {
  content: '\e00C';
}

.site-infos__contact {
  margin-top: 4em;
}

.bloc-in-this-section .listitems {
  margin-top: -1em;
  text-align: center;
}

.bloc-in-this-section .item {
  font-size: 1.3em;
  font-weight: 500;
  border-bottom: 1px solid #caced3;
  padding: 0.76923em;
  color: #282d33;
}

.bloc-in-this-section .item > a {
  color: #282d33;
}

.bloc-in-this-section .item.item--current {
  text-decoration: underline;
}

.column-bloc.bloc-news img {
  width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.column-bloc.bloc-news .category {
  color: #282d33;
}

.column-bloc.bloc-news .title {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 1.4em;
  margin: 0.57143em 0 1.07143em;
  color: #282d33;
}

.column-bloc.bloc-news .title a {
  color: #282d33;
}

.column-bloc.bloc-news .title a:hover, .column-bloc.bloc-news .title a:focus {
  color: #f15252;
}

.column-bloc.bloc-news .button-2 {
  width: 100%;
}

.column-bloc.bloc-news .button-2:before {
  content: "\e027";
}

.column-bloc.bloc-event img {
  width: 100%;
  height: auto;
}

.column-bloc.bloc-event .wrapper {
  background: #282d33;
  padding: 2em 1.5em;
}

.column-bloc.bloc-event .wrapper-date {
  margin-bottom: 2em;
  overflow: hidden;
  text-align: center;
}

.column-bloc.bloc-event .category {
  margin-bottom: 0.83333em;
}

.column-bloc.bloc-event .title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  margin: 0 0 0.3125em;
  color: #fff;
}

.column-bloc.bloc-event .title a {
  color: #fff;
}

.column-bloc.bloc-event .title a:hover, .column-bloc.bloc-event .title a:focus {
  color: #f15252;
}

.column-bloc.bloc-event .date-1 {
  margin-top: 5.5em !important;
}

.column-bloc.bloc-event .date-1 span:first-child + time {
  margin-left: 0;
}

.column-bloc.bloc-event .hour-place {
  text-align: left;
}

.column-bloc.bloc-event .button-2 {
  width: 100%;
}

.column-bloc.bloc-event .button-2:before {
  content: "\e027";
}

.bloc-publications__picture {
  display: block;
  float: left;
}

.bloc-publications__picture img {
  margin-right: 2em;
}

.bloc-publications__wrapper {
  overflow: hidden;
}

.bloc-publications__title {
  font-size: 1.8em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin: 0 0 0.44444em;
  color: #282d33;
}

.bloc-publications__title a {
  color: #282d33;
}

.bloc-publications__title a:hover, .bloc-publications__title a:focus {
  color: #f15252;
}

.column-bloc .bloc-publications__title {
  font-size: 1.6em;
  margin: 0 0 0.5em;
}

.column-bloc.bloc-directory img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.column-bloc.bloc-directory .bloc-directory__title {
  font-family: "Arapey", sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  margin: 0 0 0.9375em;
  color: #282d33;
}

.column-bloc.bloc-directory .bloc-directory__title a {
  color: #282d33;
}

.column-bloc.bloc-directory .bloc-directory__title a:hover, .column-bloc.bloc-directory .bloc-directory__title a:focus {
  color: #f15252;
}

.column-bloc.bloc-directory .list-infos__wrapper {
  display: block;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.column-bloc.bloc-directory .list-infos__wrapper > * {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.column-bloc.bloc-directory .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

.column-bloc.bloc-directory .button-1:before {
  content: "\e041";
}

.column-bloc.bloc-contact .bloc-contact__picture {
  width: 100%;
  display: block;
  text-align: center;
}

.column-bloc.bloc-contact img {
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.column-bloc.bloc-contact .bloc-contact__item {
  margin-bottom: 60px;
}

.column-bloc.bloc-contact .bloc-contact__wrapper {
  text-align: center;
}

.column-bloc.bloc-contact .bloc-contact__title {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  margin: 0 0 1.07143em;
  color: #282d33;
}

.column-bloc.bloc-contact .bloc-contact__title a {
  color: #282d33;
}

.column-bloc.bloc-contact .bloc-contact__title a:hover, .column-bloc.bloc-contact .bloc-contact__title a:focus {
  color: #f15252;
}

.column-bloc.bloc-contact .place-2 {
  margin-bottom: 0.71429em;
}

.column-bloc.bloc-contact .list-infos__wrapper {
  display: block;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.column-bloc.bloc-contact .list-infos__wrapper > * {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.column-bloc.bloc-contact .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

.column-bloc.bloc-contact .list-infos__item:before {
  position: static;
  right: inherit;
  bottom: inherit;
  top: inherit;
  left: inherit;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.column-bloc.bloc-contact .button-2 {
  width: 100%;
  text-align: left;
  margin-top: 0.76923em;
}

.column-bloc.bloc-contact .ask .button-2:before {
  content: "\e081";
}

.column-bloc.bloc-elected .bloc-elected__picture {
  display: block;
  text-align: center;
}

.column-bloc.bloc-elected .bloc-elected__picture img {
  margin-bottom: 2em;
}

.column-bloc.bloc-elected .bloc-elected__wrapper {
  text-align: center;
}

.column-bloc.bloc-elected .bloc-elected__title {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  margin: 0;
  color: #282d33;
}

.column-bloc.bloc-elected .bloc-elected__title a {
  color: #282d33;
}

.column-bloc.bloc-elected .function {
  margin-bottom: 1.36364em;
}

.column-bloc.bloc-elected .button-2 {
  width: 100%;
  text-align: left;
  margin-top: 0.76923em;
}

.column-bloc.bloc-elected .ask .button-2:before {
  content: "\e081";
}

.column-bloc.bloc-elected .list-infos__wrapper {
  display: block;
  -webkit-flex-wrap: inherit;
      -ms-flex-wrap: inherit;
          flex-wrap: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
}

.column-bloc.bloc-elected .list-infos__wrapper > * {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.column-bloc.bloc-elected .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}

.column-bloc.bloc-elected .list-infos__item:before {
  position: static;
  right: inherit;
  bottom: inherit;
  top: inherit;
  left: inherit;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.column-bloc.bloc-elected .list-infos__item.list-infos__item--no-picto {
  padding-left: 0;
}

.column-bloc.bloc-elected .list-infos__item.list-infos__item--no-picto:before {
  content: none;
}

.bloc-services .title-4 {
  margin-top: 0;
}

.bloc-services .contact .button-2 {
  width: 100%;
}

.bloc-services .contact .button-2:before {
  content: "\e027";
}

.bloc-services__wrapper {
  background: #282d33;
  color: #fff;
  padding: 2.5em 1.5em;
  margin-bottom: 1em;
}

.bloc-services__wrapper a {
  color: #fff;
}

.bloc-services__wrapper a:hover .service__alaune__figure:after, .bloc-services__wrapper a:focus .service__alaune__figure:after {
  background: #282d33;
}

.bloc-services__wrapper .service__alaune__figure {
  width: 150px;
  height: 150px;
}

.bloc-services__wrapper .service__alaune__figure:after {
  background: #f15252;
  width: 150px;
  height: 150px;
}

.bloc-social-wall a {
  color: #282d33;
  text-decoration: underline;
}

.bloc-social-wall a:hover, .bloc-social-wall a:focus {
  text-decoration: none;
}

.bloc-social-wall .teaser {
  text-align: center;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.5;
  margin: 0.71429em 0;
}

.bloc-social-wall img {
  max-width: 100%;
  height: auto;
}

.bloc-social-wall .write-comment {
  text-align: center;
  margin: 1em 0 0;
}

.bloc-social-wall .button-2:before {
  content: "\e02e";
}

.home-event {
  margin: 7em 0;
}

.home-event .title-5 {
  white-space: nowrap;
}

.home-event__wrapper {
  position: relative;
}

.home-event__wrapper .link-view__locate:before {
  content: "\e04d";
}

.home-event__wrapper .link-view__date:before {
  content: "\e027";
}

.home-event__wrapper .link-view__event:before {
  font-family: 'icons-project';
  content: "\e00E";
}

.home-news .title-5 {
  white-space: nowrap;
}

.home-news__wrapper {
  position: relative;
}

.home-news__wrapper .link-view .button-2 {
  background-color: transparent;
}

.home-news__wrapper .link-view .button-2:hover, .home-news__wrapper .link-view .button-2:focus {
  background-color: #f15252;
}

.home-news__wrapper .link-view .link-view__all:before {
  content: "\e027";
}

.home-publications .title-5 {
  padding-right: 0;
}

.home-publications .list__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -1%;
  padding-right: 3rem;
}

.home-publications .list__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  margin: 0 1%;
}

.home-publications .picture img {
  margin-right: 2em;
  float: left;
  max-width: 40%;
  height: auto;
}

.home-publications .wrapper {
  overflow: hidden;
  padding-right: 1em;
}

.home-publications .title {
  text-transform: uppercase;
  font-size: 1.7em;
  line-height: 1.1;
  color: #282d33;
  font-weight: 500;
}

.home-publications .title a {
  color: #282d33;
}

.home-publications .list-document-1__listitems {
  position: relative;
  z-index: 10;
}

.home-publications .list-document-1__listitems .button-2 {
  background-color: transparent;
}

.home-publications .list-document-1__listitems .list-document-1__item--read .button-2:before {
  color: #282d33;
}

.home-publications .list-document-1__listitems .list-document-1__item--read .button-2:after {
  background-color: #f15252;
}

.home-publications .list-document-1__listitems .list-document-1__item--read .button-2:hover:before, .home-publications .list-document-1__listitems .list-document-1__item--read .button-2:focus:before {
  color: #fff;
}

.home-publications .list-document-1__listitems .list-document-1__item--read .button-2:hover:after, .home-publications .list-document-1__listitems .list-document-1__item--read .button-2:focus:after {
  background-color: #282d33;
}

.home-publications .link-view .button-2 {
  background-color: transparent;
}

.home-publications .link-view .button-2:hover, .home-publications .link-view .button-2:focus {
  background-color: #f15252;
}

.home-publications .link-view .link-view__all:before {
  content: "\e027";
}

.home-webcam {
  width: 287px;
}

.home-webcam .title-5 {
  padding: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.home-webcam .title-5 span {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  text-align: left;
}

.home-webcam .title-5:after {
  display: none;
}

.home-webcam .wrapper {
  width: 287px;
  height: 287px;
  margin: 0 auto;
}

.home-webcam a {
  display: block;
  position: relative;
  height: 100%;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
}

.home-webcam a:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}

.home-webcam a > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home-webcam .picture:before, .home-webcam .picture:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.home-webcam .picture:after {
  z-index: 8;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#282d33+0,282d33+100&0+0,1+100 */
  background: -webkit-linear-gradient(top, rgba(40, 45, 51, 0) 0%, #282d33 100%);
  background: linear-gradient(to bottom, rgba(40, 45, 51, 0) 0%, #282d33 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.home-webcam .picture:before {
  background: url("../Images/webcam-bg.png") no-repeat 0 170px;
  z-index: 9;
}

.home-webcam .picture .text {
  font-size: 2.2em;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 6px;
  left: 57px;
  z-index: 10;
}

.home-webcam .picture .text span {
  color: #f15252;
}

.home-avancer-ensemble .home-avancer-ensemble__wrapper {
  overflow: hidden;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -2%;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1 > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 46%;
      -ms-flex: 1 1 46%;
          flex: 1 1 46%;
  margin-left: 2%;
  margin-right: 2%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1 > * > * {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item {
  background: #8cd2da;
  color: #282d33;
  padding: 6em 2em;
  text-align: center;
  margin-bottom: 2em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item a {
  color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .title {
  font-size: 3.2em;
  font-weight: 500;
  margin-bottom: 0.3125em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .teaser {
  font-size: 1.6em;
  font-weight: 300;
  margin-bottom: 1.25em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2 {
  background: transparent;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:before {
  color: #8cd2da;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:hover, .home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:focus {
  background: #282d33;
  color: #8cd2da;
  border-color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:hover:before, .home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:focus:before {
  color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:hover:after, .home-avancer-ensemble .avancer-ensemble-bloc-1__item .button-2:focus:after {
  background-color: #8cd2da;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child {
  background: #f18952;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:before {
  color: #f18952;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:hover, .home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:focus {
  color: #f18952;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:hover:before, .home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:focus:before {
  color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:hover:after, .home-avancer-ensemble .avancer-ensemble-bloc-1__item:last-child .button-2:focus:after {
  background-color: #f18952;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -1%;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2 > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 31.3333%;
      -ms-flex: 1 1 31.3333%;
          flex: 1 1 31.3333%;
  margin: 0 1%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item {
  background: #282d33;
  color: #fff;
  padding: 3em 2em;
  text-align: center;
  margin-bottom: 2em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item a {
  color: #fff;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .title {
  font-size: 2.4em;
  font-weight: 300;
  margin-bottom: 0.41667em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .teaser {
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 0.71429em;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2 {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:after {
  background-color: #fff;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:before {
  color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:hover, .home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:focus {
  background-color: #fff;
  color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:hover:after, .home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:focus:after {
  background-color: #282d33;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:hover:before, .home-avancer-ensemble .avancer-ensemble-bloc-2__item .button-2:focus:before {
  color: #fff;
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item:nth-child(1) .button-2:before, .home-avancer-ensemble .avancer-ensemble-bloc-2__item:nth-child(3) .button-2:before {
  font-family: 'icons-project';
  content: "\e010";
}

.home-avancer-ensemble .avancer-ensemble-bloc-2__item:nth-child(2) .button-2:before {
  content: "\e05c";
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item {
  position: relative;
  overflow: hidden;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item a {
  color: #fff;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item a:hover, .home-avancer-ensemble .avancer-ensemble-bloc-3__item a:focus {
  text-decoration: none;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item a:hover .title span, .home-avancer-ensemble .avancer-ensemble-bloc-3__item a:focus .title span {
  text-decoration: underline;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item img {
  max-width: 100%;
  height: auto;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .wrapper {
  position: absolute;
  bottom: 3em;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 310px;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .wrapper:after {
  content: "";
  speak: none;
  position: absolute;
  z-index: 1;
  top: 65%;
  left: 65%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #282d33;
  width: 500px;
  height: 500px;
  border-radius: 50%;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .wrapper > * {
  position: relative;
  z-index: 2;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .category {
  margin-bottom: 20px;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .title {
  max-width: 310px;
  font-size: 3.2em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.625em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .title:after {
  font-family: "icons-default";
  content: "";
  margin: 0;
  font-size: 12px;
  color: #282d33;
  vertical-align: 0;
  display: inline-block;
  line-height: normal;
  text-decoration: none;
}

.home-avancer-ensemble .avancer-ensemble-bloc-3__item .title:after {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f15252;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.home-ils-font-nancy .list__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -.2%;
}

.home-ils-font-nancy .list__listitems > * {
  margin: 0 .2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 32.9333%;
      -ms-flex: 1 1 32.9333%;
          flex: 1 1 32.9333%;
}

.home-ils-font-nancy .list__item .picture {
  position: relative;
  text-align: center;
}

.home-ils-font-nancy .list__item img {
  max-width: 100%;
  height: auto;
}

.home-ils-font-nancy .list__item .video {
  position: absolute !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: -9999px;
  text-align: left;
  width: 60px;
  height: 60px;
  background: #f15252;
  border-radius: 50%;
  position: relative;
}

.home-ils-font-nancy .list__item .video:before {
  font-family: "icons-default";
  font-size: 18px;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.home-ils-font-nancy .list__item .video:before {
  text-indent: 0;
  line-height: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-ils-font-nancy .list__item .wrapper {
  text-align: center;
  margin-top: -1.3em;
}

.home-ils-font-nancy .list__item .category {
  margin-bottom: 20px;
}

.home-ils-font-nancy .list__item .title {
  font-size: 2.4em;
  font-weight: 500;
  margin-bottom: 15px;
  color: #fff;
  padding: 0 10%;
}

.home-ils-font-nancy .list__item .title a {
  color: #fff;
}

.home-ils-font-nancy .list__item .teaser {
  font-size: 1.1em;
  font-weight: 500;
  color: #fff;
  padding: 0 10%;
  margin-bottom: 25px;
}

.home-ils-font-nancy .list__item .teaser:before {
  content: "";
  width: 100px;
  height: 1px;
  background: #fff;
  display: block;
  margin: 0 auto 15px auto;
}

.home-ils-font-nancy .list__item .button-2 {
  z-index: 10;
  color: #fff;
  background: #282d33;
  border-color: #fff;
}

.home-ils-font-nancy .list__item .button-2:before {
  content: "\e000";
  font-size: 1em;
  left: 2.4em;
  color: #282d33;
}

.home-ils-font-nancy .list__item .button-2:after {
  background: #fff;
}

.home-ils-font-nancy .list__item .button-2:hover, .home-ils-font-nancy .list__item .button-2:focus {
  background: #fff;
  color: #282d33;
}

.home-ils-font-nancy .list__item .button-2:hover:before, .home-ils-font-nancy .list__item .button-2:focus:before {
  color: #fff;
}

.home-ils-font-nancy .list__item .button-2:hover:after, .home-ils-font-nancy .list__item .button-2:focus:after {
  background: #282d33;
}

.instagram .floatbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.instagram .instagram__image {
  width: 50%;
  padding-right: 20px;
}

.instagram .instagram__image img {
  max-width: 100%;
  height: auto;
  border-radius: 17px;
}

.instagram .instagram__username {
  color: #f15252;
  font-size: 1.2em;
}

.instagram .instagram__caption {
  font-size: 1.3em;
}

.instagram .date {
  font-size: 1.1em;
}

.instagram .instagram__location {
  margin-bottom: 15px;
  font-size: 1.2em;
}

.instagram .instagram__location:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #656c74;
  vertical-align: -0.14286em;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.instagram .instagram__likes-comments > * {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 1.2em;
}

.instagram .instagram__likes:before {
  font-family: "icons-project";
  content: "";
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #656c74;
  vertical-align: -2px;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.instagram .instagram__comments:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 12px;
  color: #656c74;
  vertical-align: -2px;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.diamond {
  position: relative;
}

.diamond:before {
  content: "";
  speak: none;
  display: block;
  width: 7px;
  height: 7px;
  background: #f15252;
  -webkit-transform: rotate(45deg) translateX(-50%);
      -ms-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  position: absolute;
  bottom: -5px;
  left: 50%;
}

.diamond:after {
  content: "";
  speak: none;
  display: block;
  width: 100%;
  height: 1px;
  background: #f15252;
  margin-top: 20px;
}

.header-banner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}

.header-banner:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 32.35294%;
}

.header-banner > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.header-banner:before {
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.header-banner.fixed {
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
}

.header-banner.fixed:before {
  padding-top: 0;
}

.home .flash-info.flash-info--active {
  margin: 0;
}

.flash-info {
  background: #f15252;
  visibility: hidden;
  max-height: 0;
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  position: relative;
  z-index: 99;
}

.flash-info .button-2 {
  white-space: nowrap;
}

.flash-info .button-2:hover, .flash-info .button-2:focus {
  background: black !important;
  color: white;
  border-color: white;
}

.flash-info.flash-info--active {
  padding: 4em 0;
  visibility: visible;
  max-height: 100em;
}

.flash-info__wrapper {
  padding: 0 10vw 0 3vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flash-info__wrapper > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.flash-info__link .button-2 {
  background: #f15252;
}

.flash-info__title-1 {
  font-size: 3em;
  font-weight: 700;
  text-align: right;
  padding-left: 2.33333em;
  padding-right: 0.66667em;
  text-transform: uppercase;
  line-height: 1;
  background: url(../Images/warning.png) 0 0 no-repeat;
}

.flash-info__title-1:after {
  content: "";
  speak: none;
  position: absolute;
  right: 0;
  top: -10px;
  bottom: -10px;
  width: 1px;
  height: 110%;
  background: #282d33;
}

.flash-info__wrap {
  padding: 0 2em;
}

.flash-info__title-2 {
  font-size: 1.9em;
  font-weight: 500;
  margin-bottom: 0.78947em;
}

.flash-info__teaser {
  font-size: 1.6em;
  font-weight: 300;
}

.flash-info__close {
  position: relative;
  text-indent: -9999px;
  white-space: nowrap;
  padding: 0.38462em 0.76923em;
  position: absolute;
  top: 3.07692em;
  right: 2.30769em;
  font-size: 1.3em;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.flash-info__close:before {
  font-family: "icons-default";
  font-size: 1.07692em;
  color: #282d33;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.flash-info__close:before {
  right: auto;
  text-align: left;
  text-indent: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  z-index: 1;
}

.flash-info__close:after {
  content: "";
  speak: none;
  border: 1px solid #282d33;
  height: 3.53846em;
  width: 3.53846em;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.flash-info__close:hover:before, .flash-info__close:focus:before {
  color: #f15252;
}

.flash-info__close:hover:after, .flash-info__close:focus:after {
  background: #282d33;
}

.map-area {
  -webkit-flex-basis: 540px;
      -ms-flex-preferred-size: 540px;
          flex-basis: 540px;
  min-height: 340px;
  background: url("../Images/background-1.png") no-repeat 50% 50%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.map-area.focus {
  position: relative;
}

.map-area.focus .tooltip-map {
  padding: 3px;
  top: 0 !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.map-area.focus .tooltip-map:before {
  content: inherit;
  border: none;
}

.map-area .map-area__title {
  font-size: 2em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 15px;
}

.map-area svg path {
  fill: #565c63;
  stroke: #93989d;
  -webkit-transition: fill ease .3s, stroke ease .3s;
  transition: fill ease .3s, stroke ease .3s;
}

.map-area svg a:hover path, .map-area svg a:focus path {
  fill: #bc3c3c;
  stroke: #bc3c3c;
}

.map-area .tooltip-map {
  background: #191919;
  color: #fff;
  padding: 20px;
  text-transform: uppercase;
  font-size: 1.2em;
  max-width: 260px;
  position: relative;
}

.map-area .tooltip-map:before {
  position: absolute;
  top: -8px;
  left: 20px;
  content: "";
  speak: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 0 8px;
  border-color: transparent transparent transparent #191919;
}

.carrousel2--on .carrousel2__listitems {
  display: block;
}

.carrousel2--on .carrousel2__listitems > * {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.carrousel2--on .carrousel2__item {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
}

.carrousel2--on .carrousel2__prev, .carrousel2--on .carrousel2__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carrousel2--on .carrousel2__prev button, .carrousel2--on .carrousel2__next button {
  border: 1px dotted transparent;
  text-indent: -9999px;
  text-align: left;
  padding: 30px 10px;
  position: relative;
}

.carrousel2--on .carrousel2__prev button:before, .carrousel2--on .carrousel2__next button:before {
  font-family: "icons-default";
  font-size: 14px;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.carrousel2--on .carrousel2__prev button:before, .carrousel2--on .carrousel2__next button:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  line-height: 0;
}

.carrousel2--on .carrousel2__prev button:focus, .carrousel2--on .carrousel2__next button:focus {
  border: 1px dotted grey;
}

.carrousel2--on .carrousel2__prev button.disabled:before, .carrousel2--on .carrousel2__next button.disabled:before {
  color: #656c74;
}

.carrousel2--on .carrousel2__prev {
  left: 0;
}

.carrousel2--on .carrousel2__prev button:before {
  content: "\e01a";
}

.carrousel2--on .carrousel2__next {
  right: 0;
}

.carrousel2 {
  width: 100%;
}

.carrousel2 .carrousel2__wrapper {
  position: relative;
  padding: 0 30px;
}

.carrousel2 .carrousel2__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.carrousel2 .carrousel2__listitems > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
}

.carrousel2 .carrousel2__item {
  text-align: center;
}

.carrousel2 .carrousel2__item a {
  display: block;
  margin: 0 10px;
  color: #fff;
  text-align: center;
}

.carrousel2 .carrousel2__item a:hover, .carrousel2 .carrousel2__item a:focus {
  color: #f15252;
}

.carrousel2 .carrousel2__item a:hover .title, .carrousel2 .carrousel2__item a:focus .title {
  color: #f15252;
}

.carrousel2 .carrousel2__item img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  margin: 0 0 20px 0;
}

.carrousel2 .carrousel2__item .title {
  display: block;
  text-transform: uppercase;
  font-size: 1.3em;
  color: #fff;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.carrousel2 .carrousel2__item .title a {
  color: #fff;
}

.carousel22--on .carousel22__listitems {
  display: block;
}

.carousel22--on .carousel22__listitems > * {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}

.carousel22--on .carousel22__item {
  white-space: normal;
  vertical-align: top;
  display: inline-block;
}

.carousel22--on .carousel22__prev, .carousel22--on .carousel22__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel22--on .carousel22__prev button, .carousel22--on .carousel22__next button {
  border: 1px dotted transparent;
  text-indent: -9999px;
  text-align: left;
  padding: 30px 10px;
  position: relative;
}

.carousel22--on .carousel22__prev button:before, .carousel22--on .carousel22__next button:before {
  font-family: "icons-default";
  font-size: 14px;
  color: #f15252;
  position: absolute;
  top: 50%;
  right: inherit;
  bottom: inherit;
  left: 50%;
  content: "";
  line-height: 1;
}

.carousel22--on .carousel22__prev button:before, .carousel22--on .carousel22__next button:before {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  line-height: 0;
}

.carousel22--on .carousel22__prev button:focus, .carousel22--on .carousel22__next button:focus {
  border: 1px dotted grey;
}

.carousel22--on .carousel22__prev button.disabled:before, .carousel22--on .carousel22__next button.disabled:before {
  color: #656c74;
}

.carousel22--on .carousel22__prev {
  left: 0;
}

.carousel22--on .carousel22__prev button:before {
  content: "\e01a";
}

.carousel22--on .carousel22__next {
  right: 0;
}

.carousel22 {
  width: 100%;
}

.carousel22 .carousel22__wrapper {
  position: relative;
  padding: 0 30px;
}

.carousel22 .carousel22__listitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.carousel22 .carousel22__listitems > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
}

.carousel22 .carousel22__item {
  text-align: center;
}

.carousel22 .carousel22__item a {
  display: block;
  margin: 0 10px;
  color: #fff;
}

.carousel22 .carousel22__item a:hover, .carousel22 .carousel22__item a:focus {
  color: #f15252;
  text-decoration: none;
}

.carousel22 .carousel22__item a:hover .title, .carousel22 .carousel22__item a:focus .title {
  background: #f15252;
}

.carousel22 .carousel22__item img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

.carousel22 .carousel22__item .title {
  background: #caced3;
  padding: 5px 10px;
  display: block;
  font-size: 1.2em;
  color: #282d33;
  font-weight: 300;
  word-wrap: break-word;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.home-social-networks {
  overflow: hidden;
}

.home-social-networks__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -2%;
}

.home-social-networks__wrapper > * {
  margin: 0 2%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 29.3333%;
      -ms-flex: 1 1 29.3333%;
          flex: 1 1 29.3333%;
}

.home-social-networks__wrapper .fb-page > span {
  width: auto !important;
}

.home-emotions__wrapper .home-emotions__wall {
  width: 100%;
  margin-left: 30px;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 {
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems {
  overflow: hidden;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper {
  display: block;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper .list__item {
  width: 240px;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper .list__item--first .wrapper {
  border: none;
}

.home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper .list__item--first .wrapper:before, .home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper .list__item--first .wrapper:after {
  display: none;
}

.home-emotions__wrapper .link-view .link-view__all {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

.home-emotions__wrapper .link-view .link-view__all:before {
  color: #282d33;
  content: "\e027";
}

.home-emotions__wrapper .link-view .link-view__all:after {
  background: #fff;
}

.home-emotions__wrapper .link-view .link-view__all:hover, .home-emotions__wrapper .link-view .link-view__all:focus {
  background: #fff;
  color: #282d33;
}

.home-emotions__wrapper .link-view .link-view__all:hover:before, .home-emotions__wrapper .link-view .link-view__all:focus:before {
  color: #fff;
}

.home-emotions__wrapper .link-view .link-view__all:hover:after, .home-emotions__wrapper .link-view .link-view__all:focus:after {
  background: #282d33;
}

.home-emotions__wrapper .link-view .link-view__comment:before {
  font-family: 'icons-project';
  content: "\e011";
}

.home-emotions__wrapper .link-view .link-view__comment:hover, .home-emotions__wrapper .link-view .link-view__comment:focus {
  border-color: #fff;
}

/*
.teaser{
  color:$color-white;
  font-weight:$normal;
}
*/
.home-en-pratique {
  overflow: hidden;
}

.home-en-pratique__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 0 -1%;
}

.home-en-pratique__wrapper > * {
  margin: 0 1%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 48%;
      -ms-flex: 1 1 48%;
          flex: 1 1 48%;
  padding: 3em;
  background: #282d33;
  color: #fff;
}

.home-en-pratique__wrapper > * a {
  color: #fff;
}

.home-en-pratique__wrapper .title-7 {
  margin-top: 0;
}

.toutes-les-adresses .toutes-les-adresses__wrap {
  overflow: hidden;
}

.toutes-les-adresses .picture {
  width: 40%;
  float: left;
  margin-right: 2.5em;
}

.toutes-les-adresses .picture img {
  max-width: 100%;
  height: auto;
}

.toutes-les-adresses .teaser {
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1.53846em;
}

.toutes-les-adresses .link-view {
  margin-bottom: 0;
  text-align: left;
}

.toutes-les-adresses .link-view .button-4 {
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.toutes-les-adresses .toutes-les-adresses__list:before {
  font-family: 'icons-project';
  content: "\e012";
}

.mes-services-en-ligne .service__lesplusdemandes .service__lesplusdemandes__listitems > * {
  margin-bottom: 0;
}

.frame-style-1 {
  border: 3px solid #282d33;
  background: #ebeced;
  color: #282d33;
  padding: 2em;
}

.frame-style-1 p {
  font-size: 1.6em;
  line-height: 1.5;
  font-weight: 300;
  margin: 0.3125em 0 0.625em 0;
}

.frame-style-1 p .button-2--small {
  font-size: 0.6875em;
}

.frame-style-1 strong {
  font-weight: 500;
}

.weather-air {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.2rem;
  color: #fff;
}

.weather-air a {
  color: #fff;
}

.weather-air a:hover, .weather-air a:focus {
  text-decoration: underline;
}

.weather-air a:hover p, .weather-air a:focus p {
  text-decoration: underline;
}

.weather {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

p.weather {
  line-height: 42px;
  float: left;
}

.weather svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #f15252;
  margin-right: .5rem;
}

.airquality {
  margin-left: 1rem;
  text-transform: uppercase;
}

.airquality .airquality-color {
  display: inline-block;
  vertical-align: middle;
  padding: .2rem .7rem;
  border-radius: .3rem;
  color: #000;
}

.airquality-1 .airquality-color {
  background: #3db48e;
}

.airquality-2 .airquality-color {
  background: #5dca5f;
}

.airquality-3 .airquality-color {
  background: #99e600;
}

.airquality-4 .airquality-color {
  background: #c3f001;
}

.airquality-5 .airquality-color {
  background: #ff0;
}

.airquality-6 .airquality-color {
  background: #fed201;
}

.airquality-7 .airquality-color {
  background: #ffaa01;
}

.airquality-8 .airquality-color {
  background: #fe5e00;
}

.airquality-9 .airquality-color {
  background: #fe0000;
}

.airquality-10 .airquality-color {
  background: maroon;
  color: #fff;
}

.envideos {
  font-size: 1.2rem;
  text-transform: uppercase;
  text-align: right;
}

.envideos:before {
  font-family: "icons-default";
  content: "";
  margin: 0 5px 0 0;
  font-size: 1.2rem;
  color: #f15252;
  vertical-align: -0.2rem;
  display: inline-block;
  line-height: normal;
  text-transform: inherit;
}

.envideos a {
  color: #fff;
}

.tx-thrating-singleton-message .typo3-messages {
  display: none;
}

@media (max-width: 959px) {
  img {
    max-width: 100%;
    height: auto;
  }
  .sg-code {
    white-space: normal;
  }
  .fancybox-galerie {
    padding: 0;
  }
  .fancybox-opened .fancybox-title {
    padding: 10px;
  }
  .fancybox-wrap .fancybox-close {
    right: 0;
    bottom: 0;
    padding: 0;
    background: none;
    border: 1px solid transparent;
  }
  .fancybox-wrap .fancybox-close:hover, .fancybox-wrap .fancybox-close:focus {
    border: 1px dotted #fff;
  }
  .fancybox-wrap .fancybox-close span {
    display: none;
  }
  .fancybox-wrap .fancybox-close img {
    display: inline;
  }
  .fancybox-nav {
    bottom: 50%;
    width: 35px;
    height: 35px;
    display: block;
  }
  .fancybox-nav:focus {
    border: 1px dotted #fff;
  }
  .fancybox-nav span {
    display: none;
  }
  .fancybox-nav img {
    display: inline;
  }
  .fancybox-prev {
    left: 0;
  }
  .fancybox-next {
    right: 0;
  }
  .fancybox-more-infos {
    display: block;
  }
  #fancybox-buttons {
    width: 34px;
    height: 32px;
    overflow: hidden;
    position: fixed;
    top: inherit;
    bottom: 0;
    z-index: 9996;
  }
  #fancybox-buttons .btnPlay {
    color: #282d33;
    padding-left: 0;
    text-align: center;
    border: 1px solid transparent;
    height: 30px;
    width: 32px;
  }
  #fancybox-buttons .btnPlay img {
    display: block;
  }
  #fancybox-buttons .btnPlay:hover, #fancybox-buttons .btnPlay:focus {
    border: 1px dotted #fff;
  }
  #fancybox-buttons .btnPlay:before {
    background: none;
  }
  #fancybox-buttons .btnPlay.btnPlayOn:before {
    background: none;
  }
  .fancybox-close-wrap {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 32px;
    text-align: right;
    z-index: 9995;
  }
  .fancybox-close-wrap .fancybox-close {
    position: static;
    bottom: inherit;
    right: inherit;
  }
  .fancybox-galerie .fancybox-wrap-title {
    position: fixed;
    bottom: 32px;
    left: 0;
    width: 100%;
    z-index: 9996;
  }
  .fancybox-galerie .fancybox-title {
    position: absolute;
    bottom: -9999px;
    left: 0;
  }
  .display .fancybox-title {
    display: block;
    bottom: 0;
    z-index: 9800;
    background: rgba(0, 0, 0, 0.8);
  }
  .fancybox-galerie .fancybox-more-infos {
    position: fixed;
    bottom: 0;
    left: 32px;
    z-index: 9996;
    display: block;
    border: 1px solid transparent;
  }
  .fancybox-galerie .fancybox-more-infos:hover, .fancybox-galerie .fancybox-more-infos:focus {
    border: 1px dotted #fff;
  }
  #fancybox-thumbs {
    display: none;
  }
  label {
    margin-top: 0;
  }
  .radio, .checkbox {
    margin: 2em 0 1.5em;
  }
  .radio.column-2 div, .checkbox.column-2 div {
    display: block;
    vertical-align: inherit;
    width: 100%;
  }
  .radio legend, .checkbox legend {
    margin-top: 0;
  }
  .button-1.button-1--no-text-in-mobile, .content .button-1.button-1--no-text-in-mobile {
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    padding: 1em 1.61538em;
  }
  .button-1.button-1--no-text-in-mobile:before, .content .button-1.button-1--no-text-in-mobile:before {
    text-indent: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    margin: 0;
    font-size: 1.07692em;
  }
  .button-1.button-1--no-text-in-mobile:after, .content .button-1.button-1--no-text-in-mobile:after {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  .button-2.button-2--no-text-in-mobile, .content .button-2.button-2--no-text-in-mobile {
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    padding: 1em 1.61538em;
    border-color: transparent;
  }
  .button-2.button-2--no-text-in-mobile:before, .content .button-2.button-2--no-text-in-mobile:before {
    text-indent: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    margin: 0;
    font-size: 1.07692em;
  }
  .button-2.button-2--no-text-in-mobile:after, .content .button-2.button-2--no-text-in-mobile:after {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  .button-2.button-2--no-text-in-mobile.button-2--no-border, .content .button-2.button-2--no-text-in-mobile.button-2--no-border {
    padding: 1em 1.61538em;
  }
  .button-2.button-2--no-text-in-mobile.button-2--no-border:before, .content .button-2.button-2--no-text-in-mobile.button-2--no-border:before {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  .button-2.button-2--no-text-in-mobile.button-2--no-border:after, .content .button-2.button-2--no-text-in-mobile.button-2--no-border:after {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  .button-3.button-3--no-text-in-mobile, .content .button-3.button-3--no-text-in-mobile {
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    padding: 1em 1.61538em;
  }
  .button-3.button-3--no-text-in-mobile:before, .content .button-3.button-3--no-text-in-mobile:before {
    text-indent: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    margin: 0;
    font-size: 1.07692em;
  }
  .button-3.button-3--no-text-in-mobile:after, .content .button-3.button-3--no-text-in-mobile:after {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
  }
  .wrapper-940 {
    width: 100%;
  }
  .home-publications-webcam {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
  }
  .home-publications-webcam .home-publications {
    margin-bottom: 7em;
  }
  .home .header__middle__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: inherit;
    background-attachment: local;
    background-size: cover;
    background-position: 50% 0;
  }
  .home .header__middle__go-to-main {
    display: none;
  }
  .header__top {
    position: static;
    top: inherit;
    left: inherit;
    right: inherit;
    z-index: inherit;
  }
  .header__top .header__top__wrapper-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 42%;
        -ms-flex: 0 1 42%;
            flex: 0 1 42%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header__top .menu-service {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 22%;
        -ms-flex: 0 1 22%;
            flex: 0 1 22%;
  }
  .header__top .header__top__wrapper-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 36%;
        -ms-flex: 0 1 36%;
            flex: 0 1 36%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .header__bottom {
    display: none;
  }
  .footer__wrapper-2 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .footer__wrapper-2 .site-infos {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  .footer__wrapper-2 .map-area {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .footer__wrapper-2 .footer__wrapper-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .heading--single-news .heading__picture img, .heading--single-large .heading__picture img {
    width: auto;
    max-width: 100%;
  }
  .heading--single-event .heading__options {
    display: block;
    margin: 0;
  }
  .heading--single-event .heading__options > * {
    margin: 0 0 1em;
  }
  .heading--single-event .ticketing {
    margin-bottom: 2em;
  }
  .heading--single-event .options {
    display: block;
  }
  .heading--single-event .options > li {
    text-align: left;
    border: 0;
    padding: 0.38462em 0;
  }
  .heading-2 .title {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .title-5 {
    white-space: normal;
  }
  .title-5 span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .pager li.pager__prev span, .pager li.pager__prev a, .pager li.pager__next span, .pager li.pager__next a {
    text-indent: -9999px;
    white-space: nowrap;
    position: relative;
    padding: 0.71429em 1.28571em;
  }
  .pager li.pager__prev span:before, .pager li.pager__prev span:after, .pager li.pager__prev a:before, .pager li.pager__prev a:after, .pager li.pager__next span:before, .pager li.pager__next span:after, .pager li.pager__next a:before, .pager li.pager__next a:after {
    text-indent: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0;
  }
  .filters form {
    margin: 2em 0 0;
  }
  .filters .button-2.button-2--color-2 {
    background-color: transparent;
  }
  .filters .button-2.button-2--color-2:before {
    color: #fff;
  }
  .ddm .filters__ddm__sub-level {
    display: block;
    height: auto;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height ease .2s;
    transition: max-height ease .2s;
  }
  .ddm.ddm--active .filters__ddm__sub-level {
    max-height: 100em;
    -webkit-transition: max-height ease 1s;
    transition: max-height ease 1s;
  }
  .filters__wrapper {
    display: block;
    table-layout: inherit;
  }
  .filters__fields, .filters__button-wrapper {
    display: block;
    vertical-align: inherit;
  }
  .filters__fields .filters__fields-wrapper {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    margin: 0;
  }
  .filters__fields .filters__fields-wrapper > .filters__field-wrapper {
    -webkit-align-self: inherit;
        -ms-flex-item-align: inherit;
                -ms-grid-row-align: inherit;
            align-self: inherit;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin-right: 0;
    margin-left: 0;
  }
  .filters__fields.filters__fields--column-2 .filters__fields-wrapper > .filters__field-wrapper, .filters__fields.filters__fields--column-3 .filters__fields-wrapper > .filters__field-wrapper, .filters__fields.filters__fields--column-4 .filters__fields-wrapper > .filters__field-wrapper {
    width: 100%;
  }
  .filters__button-wrapper {
    padding-left: 0;
    padding-top: 0;
    text-align: right;
    width: 100%;
  }
  .filters-2 {
    margin-bottom: 0;
  }
  .filters-2 .filters-2__item {
    margin: .5em;
  }
  .menu-skip .desktop {
    display: none;
  }
  .menu-skip .smartphone {
    display: block;
  }
  .mobile.-overlow-hidden {
    overflow: hidden;
  }
  .mobile nav.mnv-menu__menu {
    display: none;
  }
  .mobile .js-main-menu__overlay {
    display: block;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    z-index: 5000;
  }
  .mobile .js-main-menu__overlay button {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
  .mobile .js-main-menu__overlay.-is-open {
    opacity: 1;
    visibility: visible;
  }
  .mobile .main-menu-opener {
    position: absolute;
    top: 7.5rem;
    right: 1rem;
    z-index: 99;
  }
  .mobile .main-menu-opener__button {
    display: block;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    text-align: left;
    position: relative;
    position: relative;
  }
  .mobile .main-menu-opener__button:before {
    font-family: "icons-default";
    font-size: 2.2rem;
    color: #f15252;
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 50%;
    content: "";
    line-height: 1;
  }
  .mobile .main-menu-opener__button:before {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
  }
  .mobile .mnv-menu__opener {
    display: block;
    padding: 1rem 0 1rem 5rem;
    position: relative;
    text-transform: uppercase;
    font-size: 1.9rem;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    position: relative;
  }
  .mobile .mnv-menu__opener:before {
    font-family: "icons-default";
    font-size: 2.2rem;
    color: #f15252;
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 1rem;
    content: "";
    line-height: 1;
  }
  .mobile .mnv-menu__opener:before {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-weight: 400;
  }
  .mobile .mnv-menu__wrapper {
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 5rem;
  }
  .mobile div.mnv-menu__menu {
    position: fixed;
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 100vh;
    max-width: 50rem;
    width: 100%;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    visibility: hidden;
    width: 100%;
    z-index: 6000;
    background: #282d33;
  }
  .mobile div.mnv-menu__menu.-is-open {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  .mobile .mnv-menu__close {
    display: none;
  }
  .mobile .mnv-menu__submenu.-level-0 .mnv-menu__submenu[aria-hidden='true'] {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    overflow: hidden;
  }
  .mobile .mnv-menu__submenu.-level-0 .mnv-menu__submenu[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .mnv-menu__image {
    display: none;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle {
    width: 100%;
    text-align: left;
    border-top: 1px solid rgba(147, 152, 157, 0.3);
    text-transform: uppercase;
    font-size: 1.8rem;
    padding: 2.7rem 1.8rem;
    position: relative;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before {
    font-family: "icons-default";
    font-size: 24px;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 1rem;
    bottom: inherit;
    left: inherit;
    content: "";
    line-height: 1;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle::before {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-current > .wrapper > .wrapper-submenu > .mnv-menu__toggle, .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-open > .wrapper > .wrapper-submenu > .mnv-menu__toggle {
    color: #f15252;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-current > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before, .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-open > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before {
    color: #f15252;
  }
  .mobile .mnv-menu__submenu.-level-0 > .mnv-menu__item.-is-open > .wrapper > .wrapper-submenu > .mnv-menu__toggle:before {
    content: "\e023";
  }
  .mobile .mnv-menu__submenu.-level-1 {
    border-top: 1px solid #f15252;
    position: relative;
  }
  .mobile .mnv-menu__submenu.-level-1:before {
    content: "";
    speak: none;
    display: block;
    width: 7px;
    height: 7px;
    background: #f15252;
    -webkit-transform: rotate(45deg) translateX(-50%);
        -ms-transform: rotate(45deg) translateX(-50%);
            transform: rotate(45deg) translateX(-50%);
    position: absolute;
    top: -1px;
    left: 40px;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item:first-child {
    margin-top: 1.5rem;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item:last-child {
    margin-bottom: 1.5rem;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p {
    padding: 1rem 0 1rem 5.3rem;
    position: relative;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > button {
    top: 0;
    left: 2.3rem;
    text-indent: -9999px;
    text-align: left;
    margin-right: .5rem;
    position: relative;
    position: absolute;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > button:before {
    font-family: "icons-default";
    font-size: 2.2rem;
    color: #fff;
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 50%;
    content: "";
    line-height: 1;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > button:before {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-indent: 0;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > button + a::before {
    display: none;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > a {
    padding: 0;
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > a:before {
    font-family: "icons-default";
    font-size: 1.8rem;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: -2.4rem;
    content: "";
    line-height: 1;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > p > a::before {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item > .wrapper > .wrapper-submenu > .mnv-menu__toggle {
    display: none;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > p a, .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-current > .wrapper > p a {
    color: #f15252;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > p {
    background: #f15252;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > p button::before {
    content: "\e023";
    color: #22272e;
  }
  .mobile .mnv-menu__submenu.-level-1 > .mnv-menu__item.-is-open > .wrapper > p a {
    color: #22272e;
  }
  .mobile .mnv-menu__submenu.-level-2 {
    background: #333a41;
    overflow: hidden;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item {
    padding: 0 1rem 0 3rem;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item:first-child {
    margin-top: 1.5rem;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item:last-child {
    margin-bottom: 1.5rem;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item > .wrapper > p a {
    font-size: 1.3rem;
    display: block;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    padding-left: 3rem;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    position: relative;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item > .wrapper > p a:before {
    font-family: "icons-default";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50%;
    right: inherit;
    bottom: inherit;
    left: 0;
    content: "";
    line-height: 1;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item > .wrapper > p a:before {
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item > .wrapper > p a:after {
    content: "";
    speak: none;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background: rgba(255, 255, 255, 0.4);
  }
  .mobile .mnv-menu__submenu.-level-2 > .mnv-menu__item.-is-current > .wrapper > p a {
    color: #f15252;
  }
  .mobile .mnv-menu__wrapper .menu-profil {
    background: #282d33;
    padding: 40px 15px;
    border-top: 1px solid rgba(147, 152, 157, 0.3);
    border-bottom: 1px solid rgba(147, 152, 157, 0.3);
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mobile .mnv-menu__wrapper .menu-profil label {
    margin: 0;
  }
  .mobile .mnv-menu__wrapper .menu-profil select {
    width: 60vw;
  }
  .mobile .mnv-menu__wrapper .search-box_fields {
    background: #282d33;
    padding: 40px 15px;
    border-bottom: 1px solid rgba(147, 152, 157, 0.3);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mobile .mnv-menu__wrapper .search-box_fields label {
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 10px;
  }
  .mobile .mnv-menu__wrapper .search-box_fields input {
    color: #fff;
    width: 60vw;
    background: transparent;
    border-bottom: 3px solid rgba(147, 152, 157, 0.3);
  }
  .mobile .mnv-menu__wrapper .search-box_fields button {
    margin-left: 5px;
  }
  .mobile .mnv-menu__wrapper .search-box_fields button > svg {
    width: 30px;
    height: 30px;
    fill: #fff;
  }
  .menu-main-home li {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .menu-main-home li:nth-child(even) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menu-main-home li:nth-child(odd) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .menu-main-home li a span {
    margin: 0;
  }
  .menu-main-home li a p {
    display: none;
  }
  .menu-main-home li a:hover p, .menu-main-home li a:focus p {
    visibility: hidden;
    display: none;
  }
  .menu-stratis {
    display: none;
  }
  .social-networks {
    margin-left: 1rem;
    margin-right: 2.5rem;
  }
  .home .ddm-menu-service .menu-service .ddm__title {
    position: static;
    top: inherit;
    left: inherit;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    z-index: inherit;
    padding: 1.3em 0;
  }
  .home .ddm-menu-service .menu-service .ddm__title br {
    display: none;
  }
  .home .ddm-menu-service .menu-service .ddm__title button {
    margin-top: 0;
    text-align: left;
    background: transparent;
    min-width: inherit;
    min-height: inherit;
    border-radius: 0;
    border-color: transparent;
    white-space: normal;
    color: #fff;
  }
  .home .ddm-menu-service .menu-service .ddm__title button:before {
    color: #f15252;
    position: static;
    bottom: inherit;
    left: inherit;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    margin: 0 10px 0 0;
    vertical-align: -0.16667em;
    display: inline-block;
  }
  .home .ddm-menu-service .menu-service .ddm__title button:after {
    border-color: #f15252;
    position: absolute;
    top: 0;
    bottom: inherit;
    left: -3px;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    width: 18px;
    height: 18px;
  }
  .ddm-menu-service .menu-service .ddm__title button {
    font-size: 1.3rem;
  }
  .ddm-menu-service .menu-service .ddm__title button::before {
    vertical-align: -0.16667em;
    margin-right: 8px;
  }
  .ddm-menu-service .menu-service .ddm__title button::after {
    top: -1px;
    left: -4px;
  }
  .menu-profil-home .menu-profil-home__item {
    padding: 5px 0;
  }
  .menu-profil-mobile {
    background: #282d33;
    padding: 40px 15px;
    border-top: 1px solid rgba(147, 152, 157, 0.3);
    border-bottom: 1px solid rgba(147, 152, 157, 0.3);
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .menu-profil-mobile label {
    margin: 0;
  }
  .menu-profil-mobile select {
    width: 60vw;
  }
  .content .table-wrapper {
    position: relative;
  }
  .content .table-wrapper-fade {
    position: absolute;
    right: 0;
    width: 30px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  }
  .content .table-wrapper-inner {
    max-width: 48.7em;
  }
  .content table caption {
    text-align: left;
  }
  .content .classical-gallery {
    margin-right: 0;
    margin-left: 0;
    position: relative;
  }
  .content .classical-gallery__title {
    padding: 0 10px;
  }
  .content .classical-gallery__nb-items {
    display: block;
    padding: 0 10px;
    background: #282d33;
    /* The Fallback */
    background: rgba(40, 45, 51, 0.8);
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 3em;
    margin: 0;
  }
  .content .slider-galerie {
    margin-bottom: 0;
  }
  .content .slider-galerie__item {
    height: auto;
    display: none;
  }
  .content .slider-galerie__item:first-child {
    display: block;
  }
  .content .slider-galerie .infos-img {
    display: none;
    position: static;
    right: inherit;
    bottom: inherit;
    background: #000;
  }
  .content .slider-galerie .fancyboxGalerieThumb, .content .slider-galerie .fancyboxGalerie {
    display: inline-block;
    text-decoration: none;
    padding: 0;
  }
  .content .slider-galerie .slider-galerie__download {
    right: inherit;
    left: 1em;
  }
  .content .slider-galerie img {
    max-height: inherit;
    position: static;
    top: inherit;
    bottom: inherit;
    left: inherit;
    right: inherit;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
    display: inline;
  }
  .content .carousel-galerie__thumb {
    display: none;
  }
  .content-go-so-far__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .content-go-so-far__wrapper > * {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .content .content-encadre {
    padding: 2em 2.5em;
  }
  .content .content-encadre .title {
    font-size: 1.9em;
  }
  .content .content-encadre__figure img {
    max-width: 180px;
  }
  .list-type-1__picture {
    width: 140px;
  }
  .list-type-1__picture img {
    max-width: 140px;
  }
  .list-type-1__title {
    font-size: 1.6em;
  }
  .list-type-2.list-type-2--3col .list-type-2__listitems .list-paginated__wrapper > * {
    -webkit-flex-basis: 46%;
        -ms-flex-preferred-size: 46%;
            flex-basis: 46%;
  }
  .list-type-2__listitems .list-paginated__wrapper > * {
    -webkit-flex-basis: 46%;
        -ms-flex-preferred-size: 46%;
            flex-basis: 46%;
  }
  .list-type-3__picture {
    float: none;
  }
  .list-type-3__picture img {
    margin-right: 0;
    margin-bottom: 1em;
    max-width: 100%;
    height: auto;
  }
  .list-type-6 .list__listitems > .list-paginated__wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 31.3333%;
        -ms-flex: 0 1 31.3333%;
            flex: 0 1 31.3333%;
  }
  .list-type-8__listitems .list-paginated__wrapper > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child {
    display: block;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child > * {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .wrapper-outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 30px 10px 20px 10px;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .wrapper-outer > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .category--2 {
    margin-top: 0;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .ticketing {
    margin-top: 20px;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item {
    width: auto;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .title {
    font-size: 2.1em;
  }
}

@media (max-width: 959px) and (max-width: 940px) {
  .list-type-9__listitems .list-paginated__wrapper .list__item {
    display: block;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .wrapper-outer {
    display: block;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .wrapper-outer:before {
    display: none;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .picture {
    display: block;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .picture:before {
    display: none;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item img {
    position: static;
    max-width: 100%;
    height: auto;
    width: auto;
    top: inherit;
    left: inherit;
    right: inherit;
    -webkit-transform: inherit;
        -ms-transform: inherit;
            transform: inherit;
  }
}

@media (max-width: 959px) {
  .list-type-10__listitems .list-paginated__wrapper {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .list-type-10__listitems .list-paginated__wrapper .list__item {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
  }
  .list-type-10__listitems .list-paginated__wrapper img {
    width: 100%;
    max-width: inherit;
  }
  .search-box {
    width: auto;
  }
  .search-box .search-box__fields-wrapper, .search-box .search-box__button-wrapper {
    display: table-cell;
    vertical-align: middle;
  }
  .search-box .search-box__fields-wrapper {
    width: 100%;
  }
  .search-box .search-box__button-wrapper {
    padding-left: 1em;
  }
  .search-box .ddm > .ddm__sub-level {
    padding: 1em;
    background: #caced3;
  }
  .search-box-home .search-box-home__fields {
    width: 90%;
  }
  .search-box-mobile {
    background: #282d33;
    padding: 40px 15px;
    border-bottom: 1px solid rgba(147, 152, 157, 0.3);
    width: 100%;
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level label {
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 10px;
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level input {
    color: #fff;
    width: 60vw;
    background: transparent;
    border-bottom: 3px solid rgba(147, 152, 157, 0.3);
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level button {
    margin-left: 5px;
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level button > svg {
    width: 30px;
    height: 30px;
    fill: #fff;
  }
  .logo {
    display: none;
  }
  .logo-mobile {
    display: block;
    background: #282d33;
    padding: 1em 3%;
  }
  .logo-home {
    width: 100%;
    text-align: center;
    margin-bottom: 4.5em;
    padding: 0 1.5em;
  }
  .cookies-top-bloc {
    width: 100%;
    bottom: 0;
    z-index: 7001;
  }
  .cookies-top-bloc .fa-info-circle {
    margin: 0 auto;
  }
  .cookies-top-bloc .teaser-1__left {
    padding-top: 1em;
    width: 100%;
    float: none;
    text-align: center;
  }
  .cookies-top-bloc .teaser-1 .form {
    float: none;
    width: 100%;
  }
  .cookies-top-bloc__title:first-child {
    margin-left: 0;
  }
  .cookies-top-bloc__text--first {
    margin-left: 0;
  }
  .cookies-top-bloc__button-wrapper {
    text-align: center;
  }
  .cookies-top-bloc__button-wrapper a, .cookies-top-bloc__button-wrapper button {
    z-index: 7001;
  }
  .list-document__listitems {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-document__listitems > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1;
        -ms-flex: 0 0 1;
            flex: 0 0 1;
  }
  .list-infos__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .list-infos__wrapper .list-infos__listitems:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
    border-left: 0;
    border-top: 1px solid #656c74;
    padding-left: 0;
    margin-left: 0;
    padding-top: 5%;
    margin-top: 5%;
  }
  .content-contact .list-infos__wrapper .list-infos__listitems:first-child {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .content-contact .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
    border-top: 0;
    margin-left: -2%;
    padding-top: 0;
    margin-top: 0;
  }
  .content-contact .list-infos__item.list-infos__contact {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
  }
  .comments__listitems--children .comment {
    padding-left: 30px;
  }
  .comments__listitems--children .comment__wrapper-2:after {
    border-color: transparent transparent #fff transparent;
  }
  .comment__avatar {
    float: none;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .comment__wrapper {
    padding-left: 0;
    padding-top: 12px;
  }
  .comment__wrapper-2:before, .comment__wrapper-2:after {
    right: inherit;
  }
  .comment__wrapper-2:before {
    top: -24px;
    left: 28px;
    border-color: transparent transparent #caced3 transparent;
  }
  .comment__wrapper-2:after {
    top: -20px;
    left: 30px;
    border-color: transparent transparent #ebeced transparent;
  }
  .comment__reply-link {
    position: static;
    top: inherit;
    right: inherit;
  }
  .bloc-publications__title {
    font-size: 1.6em;
    margin: 0 0 0.5em;
  }
  .home-event__wrapper .filters .filters__field-wrapper {
    margin-top: 1em;
  }
  .home-event__wrapper .filters label {
    margin-bottom: 0;
  }
  .home-publications .title-5 {
    padding: 0;
  }
  .home-publications .list__listitems {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
    margin: 0;
  }
  .home-publications .list__item {
    clear: both;
    overflow: hidden;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin: 0 0 4em 0;
  }
  .home-publications .list__item:last-child {
    margin-bottom: 0;
  }
  .home-webcam .title-5 {
    padding: 0;
  }
  .home-dark-2.home-emotions {
    padding: 5em 0;
  }
  .home-emotions__wrapper {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
  }
  .home-emotions__wrapper .home-emotions__title {
    font-size: 1em;
  }
  .home-emotions__wrapper .home-emotions__title img {
    display: none;
  }
  .home-emotions__wrapper .home-emotions__wall {
    margin-left: 0;
  }
  .home-emotions__wrapper .title-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .toutes-les-adresses .picture {
    display: block;
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .mes-services-en-ligne .service__lesplusdemandes .service__lesplusdemandes__listitems > * {
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 48%;
        -ms-flex: 1 1 48%;
            flex: 1 1 48%;
  }
  .map-area {
    width: auto;
  }
  .map-area .map-area__wrapper {
    padding: 0 10px;
  }
  .map-area svg {
    max-width: 100%;
    height: auto;
  }
  .weather-air {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 1rem;
  }
}

@media (max-width: 767px) {
  .background-in-wrapper {
    margin: 0 -1em;
    padding: 0 1em;
  }
  .background-in-wrapper:before, .background-in-wrapper:after {
    width: 0;
  }
  .column-bloc {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
  .home-publications-webcam {
    display: block;
  }
  .home-publications-webcam > * {
    display: block;
    width: 100%;
  }
  .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .header > * {
    display: none;
  }
  .header .header__top {
    display: block;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .header .logo-mobile {
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .header .header__top__wrapper-1-mobile, .header .header__top__wrapper-2-mobile {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    background: #000;
  }
  .header .header__top__wrapper-1-mobile > *, .header .header__top__wrapper-2-mobile > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .header .header__top__wrapper-1-mobile {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
  .header .header__top__wrapper-1-mobile .social-networks {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
  }
  .header .header__top__wrapper-1-mobile .weather-air {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
  }
  .header .header__top__wrapper-2-mobile {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
  .header .main-menu-opener {
    display: block;
  }
  .header__top .header__top__wrapper > .menu-service {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .header__top .header__top__wrapper-1, .header__top .header__top__wrapper-2 {
    display: none;
  }
  .section-main__wrapper {
    width: 100%;
    padding-top: 3em;
    padding-bottom: 6em;
  }
  .section-main__wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-main__wrapper-2 > * {
    display: block;
    vertical-align: inherit;
  }
  .section-main__aside {
    padding-top: 10em;
  }
  .footer__wrapper-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__wrapper-2 > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .footer__wrapper-2 .site-infos {
    width: 100%;
    margin: 0 auto 30px auto;
    padding: 0 10px;
  }
  .footer__wrapper-2 .footer__wrapper-3 {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .teaser-2 {
    font-size: 1.6em;
    line-height: 1.2em;
  }
  .pager li a, .pager li span {
    padding: 0.71429em 0.85714em;
  }
  .heading .heading__wrapper {
    padding: 0 10px;
  }
  .heading .heading__figure {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 2em;
  }
  .heading .heading__wrap + .heading__wrapper-figure {
    margin-top: 2em;
  }
  .heading .heading__wrap + .heading__wrapper-figure .heading__figure {
    margin-left: 0;
  }
  .heading h1 {
    font-size: 2.8em;
    color: #282d33;
  }
  .heading--single .heading__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .heading--single-event .heading__wrapper {
    display: block;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
  }
  .heading--single-event .heading__wrapper-date, .heading--single-event .heading__wrap {
    display: block;
    vertical-align: inherit;
  }
  .heading--single-event .date-heart-stroke, .heading--single-event .hour-place {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-bottom: 2em;
  }
  .heading--single-event .date-heart-stroke .date-1:after {
    width: 14em;
    height: 14em;
  }
  .heading--single-event .heading__wrapper-date {
    width: 100%;
    border-right: 0;
    display: table;
    margin-bottom: 2em;
  }
  .heading--single-event .heading__wrap {
    padding-left: 0;
  }
  .heading--single-event .options > li {
    display: block;
    vertical-align: inherit;
    width: auto;
  }
  .heading-2 .heading-2__wrapper {
    max-width: inherit;
    width: 100%;
    margin: 0;
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
  }
  .heading-2 .title {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .heading-2 .heading-2__wrapper-inner {
    padding: 2em 1em;
  }
  .title-1 {
    font-size: 3.2em;
    margin: 0.78125em 0 0.46875em;
  }
  .title-5 {
    font-size: 2.9em;
    margin: 0 0 0.68966em;
  }
  .title-5:before, .title-5:after {
    min-height: 56px;
    background-size: auto 40px;
  }
  .title-5:before {
    margin-right: 0.34483em;
  }
  .title-5:after {
    margin-left: 0.34483em;
  }
  .mobile .main-menu-opener {
    top: 5.8rem;
  }
  .mobile .mnv-menu__wrapper .search-box_fields label {
    font-size: 1.1rem;
  }
  .mobile .mnv-menu__wrapper .search-box_fields input {
    width: 50vw;
  }
  .menu-main-home li a {
    width: 40vw;
    height: 40vw;
  }
  .menu-main-home li a span {
    font-size: 1.6em;
  }
  .menu-main-home li a:hover p, .menu-main-home li a:focus p {
    visibility: hidden;
    display: none;
  }
  .social-networks {
    padding: 0.5rem 0;
    margin-right: 0;
  }
  .lang {
    padding: 0.5rem 0;
  }
  .service {
    display: block;
    margin: 0;
  }
  .service > * {
    -webkit-flex-basis: inherit;
        -ms-flex-preferred-size: inherit;
            flex-basis: inherit;
    margin: 0 0 3em;
  }
  .service .col1, .service .col2 {
    -webkit-flex-basis: inherit;
        -ms-flex-preferred-size: inherit;
            flex-basis: inherit;
  }
  .service .col3 {
    -webkit-flex-basis: inherit;
        -ms-flex-preferred-size: inherit;
            flex-basis: inherit;
  }
  .service__alaune .teaser {
    padding: 0 3.33333em;
  }
  .service__alaune .link-bloc {
    text-align: center;
  }
  .service__alaune .service__alaune__figure, .service__alaune .service__alaune__text {
    display: block;
    margin: 0 auto;
  }
  .service__alaune .service__alaune__figure {
    margin-bottom: 1rem;
  }
  .service__guichets .service__guichets__listitems {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .service__guichets .service__guichets__listitems > li {
    margin: 0 0 5em 0;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .service__guichets .service__guichets__listitems > li:last-child {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .service__lesplusdemandes .title-4 {
    text-align: center;
  }
  .service__lesplusdemandes .service__lesplusdemandes__listitems > * {
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
  }
  .service__moncompte .title-4 {
    text-align: center;
  }
  .service__moncompte .service__moncompte__wrapper {
    text-align: center;
  }
  .content .classical-gallery {
    margin-right: -10px;
    margin-left: -10px;
  }
  .content .subpages-menu__listitems {
    display: block;
  }
  .content .subpages-menu__listitems > * {
    width: auto;
  }
  .ce-left .ce-gallery, .ce-column {
    float: none;
  }
  .ce-right .ce-gallery {
    float: none;
  }
  .ce-intext.ce-right .ce-gallery {
    margin-left: 0;
  }
  .ce-intext.ce-left .ce-gallery {
    margin-right: 0;
  }
  .content .content-encadre {
    padding: 2em 2.5em;
  }
  .content .content-encadre .title {
    font-size: 1.9em;
  }
  .content .content-encadre__figure {
    float: none;
  }
  .content .content-encadre__figure img {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
  .content-complement .title {
    font-size: 1.9em;
  }
  .content-complement__figure {
    float: none;
  }
  .content-complement__figure img {
    max-width: inherit;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
  .content-situer .title-5 {
    margin-left: 0;
    margin-right: 0;
  }
  .list__rss {
    position: absolute;
    top: -24px;
    right: 0;
  }
  .home-event .list__rss, .home-news .list__rss {
    padding: 15px;
  }
  .list-type-1__item {
    padding: 4em 0;
  }
  .list-type-1__picture {
    float: none;
    margin-right: 0;
    margin-bottom: 2em;
    width: auto;
  }
  .list-type-1__picture img {
    width: 100%;
    max-width: inherit;
  }
  .list-type-1--event .list-type-1__picture, .list-type-1--event .list-type-1__wrapper-date, .list-type-1--event .list-type-1__wrapper {
    display: block;
    vertical-align: inherit;
  }
  .list-type-1--event .list-type-1__picture img {
    margin-right: 0;
  }
  .list-type-1--event .list-type-1__wrapper-date {
    padding-right: 0;
    border-right: none;
    display: table;
    width: 100%;
  }
  .list-type-1--event .list-type-1__wrapper-date .date-heart-stroke, .list-type-1--event .list-type-1__wrapper-date .hour-place {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 1em;
  }
  .list-type-1--event .list-type-1__wrapper {
    padding-left: 0;
  }
  .list-type-2.list-type-2--3col .list-type-2__listitems .list-paginated__wrapper > * {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .list-type-2.list-type-2--2col .list-type-2__listitems .list-paginated__wrapper > * {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .list-type-2__listitems .list-paginated__wrapper > * {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .list-type-3__listitems .list-paginated__wrapper {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    margin: 0;
  }
  .list-type-3__listitems .list-paginated__wrapper > * {
    max-width: inherit;
    margin: 0 0 3em;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .list-type-6 .list__listitems > .list-paginated__wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .list-type-6 .list__item .title {
    font-size: 1.4em;
    margin-bottom: 0.35714em;
  }
  .list-type-6 .list__item .date {
    font-size: 1.3em;
  }
  .list-type-6 .list__item .cite {
    font-size: 1.3em;
  }
  .list-type-6 .list__item .teaser-6 {
    font-size: 1.4em;
  }
  .list-type-8 .list__item {
    margin-left: -10px;
    margin-right: -10px;
  }
  .list-type-8 .wrapper-outer {
    display: table;
    width: 100%;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
  }
  .list-type-8 .wrapper-date, .list-type-8 .wrapper {
    display: table-cell;
    vertical-align: top;
  }
  .list-type-8 .wrapper-date {
    width: 110px;
  }
  .list-type-8 .date-heart-stroke {
    width: 11em;
  }
  .list-type-8 .date-1:after {
    height: 11em;
    width: 11em;
  }
  .list-type-8 .date-1 .day {
    font-size: 2.1em;
  }
  .list-type-8 .date-1 .month {
    font-size: 1.2em;
  }
  .list-type-8 .date-1 .year {
    font-size: 1.2em;
  }
  .list-type-8__listitems .list-paginated__wrapper {
    display: block;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .date-1:after {
    width: 11em;
    height: 11em;
  }
  .list-type-8__listitems .list-paginated__wrapper > .list__item:first-child .wrapper-outer {
    display: table;
    padding: 30px 10px 20px 10px;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item {
    margin-right: -10px;
    margin-left: -10px;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .title {
    font-size: 2.2em;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .teaser {
    font-size: 1.4em;
  }
  .list-type-10__listitems .list-paginated__wrapper {
    display: block;
  }
  .list-type-10__listitems .list-paginated__wrapper .list__item {
    -webkit-flex-basis: inherit;
        -ms-flex-preferred-size: inherit;
            flex-basis: inherit;
    margin: 20px 10px;
  }
  .breadcrumb {
    display: none;
  }
  .tools {
    width: 100%;
  }
  .section-main__content .tx-solr {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .section-main__content .tx-solr .list-type-1--search {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  #tx-solr-search-functions {
    padding-left: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .search-box-mobile .ddm.ddm--off .ddm__sub-level label {
    font-size: 1.1em;
  }
  .sitemap__listitems {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sitemap__listitems > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .list-infos__wrapper {
    display: block;
    -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
            flex-wrap: inherit;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
  }
  .list-infos__wrapper > * {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .list-infos__wrapper .list-infos__listitems:first-child {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .content-contact .list-infos__wrapper .list-infos__listitems + .list-infos__listitems {
    margin-left: 0;
  }
  .content-contact .list-infos__wrapper .list-infos__listitems {
    display: block;
    -webkit-box-pack: inherit;
    -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
            justify-content: inherit;
    -webkit-box-align: inherit;
    -webkit-align-items: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
    margin: 0 0 3em;
  }
  .content-contact .list-infos__wrapper .list-infos__listitems > * {
    margin: 1.5em 0;
  }
  .content-contact .list-infos__item.list-infos__contact {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .home .flash-info.flash-info--active {
    padding: 8em 0 5em;
  }
  .home .flash-info + .header > .ddm-menu-lang-mobile .ddm__title {
    background: #282d33;
  }
  .home .flash-info + .header > .main-menu-opener .main-menu-opener__button {
    background: #282d33;
    padding: 15px;
  }
  .home .flash-info__close {
    top: 4.61538em;
  }
  .flash-info__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flash-info__title-1 {
    padding-left: 1.33333em;
    text-align: left;
    margin-bottom: 0.66667em;
  }
  .flash-info__title-1:before {
    font-size: 1em;
  }
  .flash-info__title-1:after {
    display: none;
  }
  .flash-info__wrap {
    padding: 0;
    margin-bottom: 2em;
  }
  .map-area {
    min-height: 540px;
    margin: 20px -10px;
  }
  .home-event__wrapper .link-view .button-2 {
    width: 100%;
    margin: 5px 0;
  }
  .carrousel2 .carrousel2__wrapper {
    padding: 0;
  }
  .carrousel2 .carrousel2__listitems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .carrousel2 .carrousel2__listitems > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  .carrousel2 .carrousel2__item {
    margin: 1.5em 0;
  }
  .carousel22 .title-5 {
    white-space: nowrap;
  }
  .carousel22 .carousel22__item a {
    text-align: center;
  }
  .carousel22 .carousel22__item img {
    display: inline-block;
    vertical-align: bottom;
  }
  .home-publications .list__listitems {
    padding-right: 0;
  }
  .home-publications .picture {
    text-align: center;
    display: block;
    width: 100%;
  }
  .home-publications .picture img {
    margin-right: 0;
    margin-bottom: 2em;
    float: none;
    max-width: 100%;
  }
  .home-publications .title {
    font-size: 3.2em;
    text-align: center;
  }
  .home-publications .date-2 {
    text-align: center;
  }
  .home-publications .list-document-1__listitems {
    width: 230px;
    margin: 0 auto;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-1 {
    display: block;
    margin: 0;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-1 > * {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin: 0;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-1__item {
    margin-bottom: 1em;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-1__item .title {
    font-size: 2.4em;
    margin-bottom: 0.41667em;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-1__item .teaser {
    font-size: 1.4em;
    margin-bottom: 1.42857em;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-2 {
    display: block;
    margin: 0;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-2 > * {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin: 0;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-2__item {
    margin-bottom: 1em;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-3__item .picture {
    display: block;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-3__item img {
    max-width: 100%;
    height: auto;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-3__item .wrapper {
    position: relative;
    bottom: inherit;
    right: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-3__item .wrapper:after {
    top: -5vw;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 800vw;
    height: 800vw;
  }
  .home-avancer-ensemble .avancer-ensemble-bloc-3__item .category {
    margin-top: 5em;
  }
  .home-ils-font-nancy .list__listitems {
    display: block;
    margin: 0;
  }
  .home-ils-font-nancy .list__listitems > * {
    margin: 0 0 4em;
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
  }
  .home-webcam .title-5 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .home-webcam .title-5 span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: center;
  }
  .home-webcam .title-5:after {
    display: block;
  }
  .home-social-networks__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0;
  }
  .home-social-networks__wrapper > * {
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .home-social-networks__wrapper .title-6 {
    text-align: center;
  }
  .home-social-networks__wrapper .fb-page > span {
    display: block;
    margin: 0 auto;
    width: 300px !important;
  }
  .home-dark-2.home-emotions {
    padding: 5em 0;
  }
  .home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .home-emotions__wrapper .home-emotions__wall .list-type-6 .list__listitems > .list-paginated__wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
  .home-emotions__wrapper .link-view .button-2 {
    margin-bottom: 10px;
  }
  .home-en-pratique__wrapper {
    display: block;
    margin: 0;
  }
  .home-en-pratique__wrapper > * {
    margin: 0 0 2em;
  }
  .cookies-info-popup {
    padding: 0 15px;
  }
  .cookies-info-popup p {
    font-size: 1.2em;
  }
  .cookies-info-popup .popup-wrap {
    height: 400px;
    overflow: hidden;
    padding: 2em;
  }
  .cookies-info-popup .popup-content {
    height: 330px;
    overflow-y: scroll;
  }
  .cookies-info-popup .buttons-holder .button-1 {
    display: block;
    width: 16em;
    text-align: center;
    padding: .85em 1.5em;
    margin: 0 auto 2em;
  }
  .cookies-info-popup .valider-btn {
    margin-bottom: 0;
  }
  .cookies-top-bloc .teaser-1 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) and (max-height: 420px) {
  .cookies-info-popup .popup-wrap {
    height: 240px;
  }
  .cookies-info-popup .popup-content {
    height: 210px;
  }
}

@media (max-width: 767px) {
  p.weather {
    line-height: normal;
  }
  .envideos {
    text-align: left;
    margin-left: 1rem;
  }
}

@media (min-width: 1279px) {
  .heading-2 .title {
    margin-left: 0;
  }
  .menu-main > li > button {
    font-size: 1.6em;
    padding: 0.625em 1.25em;
  }
  .service__log {
    width: 450px;
  }
  .service__log span {
    display: inline;
  }
  .content .table-wrapper-inner {
    max-width: 99.9em;
  }
  .list-type-6 .list__listitems > .list-paginated__wrapper > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 18%;
        -ms-flex: 0 1 18%;
            flex: 0 1 18%;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .title {
    font-size: 3.2em;
  }
  .list-type-9__listitems .list-paginated__wrapper .list__item .teaser {
    font-size: 1.4em;
  }
  .home-publications .title {
    font-size: 3.4em;
  }
}

/*# sourceMappingURL=maps/controller.css.map */