.carousel-galery img{
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 13:55:32
 */

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html, body {
    height: 100%;
}

body {
    font-family: 'europa', sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-top: 6rem; /* TopBar height */
    color: #1a1a1a;
}
button, input, optgroup, select, textarea {
    font-family: 'europa', sans-serif;
}

a {
    color: #f26522;
}
a:hover {
}

*[onclick] {
    cursor: pointer;
}

hr {
    margin: 3rem 0;
    border: 1px solid #f2f2f2;
}

@media (min-width: 1600px) {
    html {
        font-size: 71.43%;
    }
}
@media (min-width: 1800px) {
    html {
        font-size: 80.36%;
    }
}
@media (min-width: 2000px) {
    html {
        font-size: 83%;
    }
}
@media (min-width: 2200px) {
    html {
        font-size: 85%;
    }
}
@media (min-width: 2400px) {
    html {
        font-size: 95%;
    }
}
@media (min-width: 2600px) {
    html {
        font-size: 105%;
    }
}
@media (min-width: 2800px) {
    html {
        font-size: 115%;
    }
}
@media (min-width: 3000px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 3200px) {
    html {
        font-size: 135%;
    }
}
@media (min-width: 3400px) {
    html {
        font-size: 145%;
    }
}
@media (min-width: 3600px) {
    html {
        font-size: 155%;
    }
}
@media (min-width: 3800px) {
    html {
        font-size: 165%;
    }
}
@media (min-width: 5000px) {
    html {
        font-size: 200%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 13:55:32
 */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  min-height: 32px;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  min-height: 38px;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-29 17:14:22
 */

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 15:46:17
 */

/* Grid flexbox fallback */
.Grid {
    display: flex;
    flex-wrap: wrap;
    margin: -1rem;
    overflow: hidden;
}
.Grid > * {
    width: calc(100%/var(--grid-columns) - 2rem);
    margin: 1rem;
}
.Grid--marginBottom {
    margin-bottom: 2rem;
}

@supports (display: grid) {
    .Grid {
        --grid-columns: 1;
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
        margin: 0;
    }
    .Grid > * {
        width: auto;
        margin: 0;
    }
}
.Grid--2 {
    --grid-columns: 2;
}
.Grid--2--1-2 {
    --grid-columns: 2;
}
.Grid--2--1-2 > *:first-child {
    width: 33%;
    margin-right: 2rem;
}
.Grid--2--1-2 > *:last-child {
    flex: 1;
}
@supports (display: grid) {
    .Grid--2--1-2 {
        grid-template-columns: 1fr 2fr;
    }
    .Grid--2--1-2 > *:first-child,
    .Grid--2--1-2 > *:last-child {
        width: auto;
        margin: 0;
    }
}

.Grid--2--2-1 {
    --grid-columns: 2;
}
.Grid--2--2-1 > *:first-child {
    width: 66%;
    margin-right: 2rem;
}
.Grid--2--2-1 > *:last-child {
    flex: 1;
}
@supports (display: grid) {
    .Grid--2--2-1 {
        grid-template-columns: 2fr 1fr;
    }
    .Grid--2--2-1 > *:first-child,
    .Grid--2--2-1 > *:last-child {
        width: auto;
        margin: 0;
    }
}

.Grid--3 {
    --grid-columns: 3;
}
.Grid--4 {
    --grid-columns: 4;
}
.Grid--5 {
    --grid-columns: 5;
}
.Grid--padding {
    padding: 1rem;
}
@media (max-width: 1260px) {
    /* 1 column at size L */
    .Grid--l-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--l-1.Grid--2--1-2 > *:first-child,
    .Grid--l-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size L */
    .Grid--l-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size L */
    .Grid--l-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
@media (max-width: 1080px) {
    /* 1 column at size M */
    .Grid--m-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--m-1.Grid--2--1-2 > *:first-child,
    .Grid--m-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size M */
    .Grid--m-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size M */
    .Grid--m-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
@media (max-width: 960px) {
    /* 1 column at size S */
    .Grid--s-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--s-1.Grid--2--1-2 > *:first-child,
    .Grid--s-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size S */
    .Grid--s-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size S */
    .Grid--s-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
@media (max-width: 900px) {
    /* 1 column at size XS */
    .Grid--xs-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--xs-1.Grid--2--1-2 > *:first-child,
    .Grid--xs-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size XS */
    .Grid--xs-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size XS */
    .Grid--xs-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
@media (max-width: 620px) {
    /* 1 column at size XXS */
    .Grid--xxs-noGrid {
        display: block;
    }
    .Grid--xxs-noGrid.Grid--2--1-2 > *,
    .Grid--xxs-noGrid.Grid--2--2-1 > * {
        width: auto;
        margin-right: 1em;
    }
    .Grid--xxs-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--xxs-1.Grid--2--1-2 > *:first-child,
    .Grid--xxs-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size XS */
    .Grid--xxs-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size XS */
    .Grid--xxs-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}
@media (max-width: 320px) {
    /* 1 column at size XXXS */
    .Grid--xxxs-noGrid {
        display: block;
    }
    .Grid--xxxs-noGrid.Grid--2--1-2 > *,
    .Grid--xxxs-noGrid.Grid--2--2-1 > * {
        width: auto;
        margin-right: 1em;
    }
    .Grid--xxxs-1 {
        --grid-columns: 1;
        grid-template-columns: 1fr;
    }
    .Grid--xxxs-1.Grid--2--1-2 > *:first-child,
    .Grid--xxxs-1.Grid--2--2-1 > *:first-child {
        width: auto;
        margin-right: 0;
    }
    /* 2 columns at size XS */
    .Grid--xxxs-2 {
        --grid-columns: 2;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
    /* 3 columns at size XS */
    .Grid--xxxs-3 {
        --grid-columns: 3;
        grid-template-columns: repeat(var(--grid-columns), 1fr);
    }
}

.Grid--marginBottom {
    margin-bottom: 2rem;
}


/* IE 10-11 */

@media all and (-ms-high-contrast:none)
{
    .Grid > * {
        width: calc(100% - 2.01rem);
    }
    .Grid--2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    .Grid--3 > * {
        width: calc(100%/3 - 2.01rem);
    }
    .Grid--4 > * {
        width: calc(100%/4 - 2.01rem);
    }
    .Grid--5 > * {
        width: calc(100%/5 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 1260px) {
    /* 1 column at size L */
    .Grid--l-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size L */
    .Grid--l-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size L */
    .Grid--l-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 1080px) {
    /* 1 column at size M */
    .Grid--m-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size M */
    .Grid--m-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size M */
    .Grid--m-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 960px) {
    /* 1 column at size S */
    .Grid--s-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size S */
    .Grid--s-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size S */
    .Grid--s-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 900px) {
    /* 1 column at size XS */
    .Grid--xs-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size XS */
    .Grid--xs-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size XS */
    .Grid--xs-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 620px) {
    /* 1 column at size XXS */
    .Grid--xxs-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size XXS */
    .Grid--xxs-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size XXS */
    .Grid--xxs-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}
@media all and (-ms-high-contrast:none) and (max-width: 320px) {
    /* 1 column at size XXXS */
    .Grid--xxxs-1 > * {
        width: calc(100% - 2.01rem);
    }
    /* 2 columns at size XXXS */
    .Grid--xxxs-2 > * {
        width: calc(100%/2 - 2.01rem);
    }
    /* 3 columns at size XXXS */
    .Grid--xxxs-3 > * {
        width: calc(100%/3 - 2.01rem);
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-25 17:33:55
 */

.Btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5rem 1.4rem;
    margin: 2rem 0 0;
    color: #fff;
    background: #000;
    transition: .5s background ease, .5s color ease, .5s box-shadow ease;
    -webkit-appearance: none;
}
.Btn::after {
    content:'';
    width: 2em;
    margin-left: 1em;
    border-bottom: 1px solid currentColor;
}

.Btn:hover {
    text-decoration: none;
    color: #fff;
    background: #f26522;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, .3);
}
.Btn:focus {
    outline: thin dotted;
    outline-offset: -5px;
}
.Btn:active {
    color: #fff;
    background: #f26522;
    box-shadow: none;
}
.Btn:focus:active {
    outline: none;
}

.Btn--lightBg {
    color: #000;
    background: #fff;
}

.Btn--off {
    background: #fff;
    color: #999;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 15:23:21
 */

.Title,
.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 {
}
.Title a {
    color: inherit;
    text-decoration: none;
}
.Title a:hover {
    color: #f26522;
}
.Title:first-child {
    margin-top: 0;
}

.Title--1,
.richtext h1 {
    font-size: 3rem;
    margin: 0 0 3rem;
    text-align: center;
    color: #000;
}
.richtext h1 {
    margin: 3rem 0;
}

.Title--1::before,
.Title--1::after,
.richtext h1::before,
.richtext h1:after {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: .5em;
    background: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 88.484 11.944" height="11.944" viewBox="0 0 88.484 11.944" width="88.484" xmlns="http://www.w3.org/2000/svg"><path d="m78.722 3.965c-2.869-1.858-6.123-3.965-12.359-3.965s-9.486 2.107-12.355 3.965c-2.65 1.716-4.938 3.197-9.76 3.197-4.824 0-7.113-1.481-9.762-3.197-2.87-1.858-6.124-3.965-12.36-3.965s-9.49 2.107-12.361 3.965c-2.651 1.716-4.94 3.197-9.765 3.197v4.782c6.238 0 9.492-2.106 12.362-3.966 2.651-1.715 4.939-3.196 9.764-3.196 4.823 0 7.111 1.481 9.761 3.196 2.869 1.859 6.123 3.966 12.36 3.966 6.235 0 9.489-2.106 12.36-3.966 2.646-1.715 4.934-3.196 9.756-3.196s7.111 1.481 9.762 3.196c2.869 1.859 6.123 3.966 12.359 3.966v-4.782c-4.824 0-7.113-1.481-9.762-3.197z" fill="%23f16523"/></svg>') no-repeat center bottom / contain;
}
.Title--1::before,
.richtext h1::before {
    margin-right: .5em;
}
.Title--1::after,
.richtext h1::after {
    margin-left: .5em;
}

.Subtitle,
.richtext .Subtitle {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 3rem;
    font-weight: normal;
    color: #a1a1a1;
}
.richtext .Subtitle,
.richtext h2.Subtitle,
.richtext h3.Subtitle,
.richtext h4.Subtitle {
    font-size: 2rem;
    margin: 4rem 0 3rem;
    color: #1e0d68;
}
a.Subtitle,
.Subtitle > a {
    text-decoration: none;
}
a.Subtitle:hover,
.Subtitle > a:hover {
    text-decoration: none;
    color: #f26522;
}
.Title + .Subtitle {
    margin-top: -3rem;
}


.Title--2,
.richtext h2 {
    font-size: 2rem;
    text-transform: uppercase;
    margin: 3rem 0 1rem;
    color: #f26522;
}

.Title--3,
.richtext h3 {
    font-size: 1.8rem;
    font-weight: normal;
    margin: 1.8rem 0;
}
.Title--2 + .Title--3,
.richtext h2 + h3 {
    margin-top: -2rem;
}

.Title--4,
.richtext h4 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1.6rem 0;
}
.Title--3 + .Title--4,
.richtext h3 + h4 {
    margin-top: -1.6rem;
}

.Title--5,
.richtext h5 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 1.6rem 0;
}
.Title--4 + .Title--5,
.richtext h4 + h5 {
    margin-top: -1.6rem;
}

.Title--6,
.richtext h6 {
    font-size: 1em;
    font-weight: bold;
    margin: 1.5rem 0;
}
.Title--5 + .Title--6,
.richtext h5 + h6 {
    margin-top: -1.5rem;
}

.Title--left,
.Subtitle--left {
    text-align: left;
}

.Title-prefix {
    font-weight: normal;
}
.Title-postfix {
    color: #f26522;
}

@media (max-width: 540px) {
    .Title--1,
    .richtext h1 {
        font-size: 2.6rem;
    }
    .Subtitle {
        font-size: 1.6rem;
    }
    .Title--2,
    .richtext h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 460px) {
    .Title--1,
    .richtext h1 {
        font-size: 2.4rem;
    }
    .Subtitle {
        font-size: 1.4rem;
    }
    .Title--2,
    .richtext h2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 380px) {
    .Title--1,
    .richtext h1 {
        font-size: 2.2rem;
    }
    .Subtitle {
        font-size: 1em;
    }
    .Title--2,
    .richtext h2 {
        font-size: 1.4rem;
    }
}

@media (max-width: 360px) {
    .Title--1,
    .richtext h1 {
        font-size: 2rem;
    }
    .Title--2,
    .richtext h2 {
        font-size: 1em;
    }
}

@media (max-width: 320px) {
    .Title--1,
    .richtext h1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 300px) {
    .Title--1::before,
    .Title--1::after,
    .richtext h1::before,
    .richtext h1:after {
        display: none;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 17:19:18
 */

.Card {
    display: block;
    transition: background-color .5s ease;
    color: #565656;
}

.Card-imageContainer {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 67%;
    overflow: hidden;
    display: flex;
}

.Card-image {
    position: relative;
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .5s ease;
}
.Card-imageContainer .Card-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.Card-image--video::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../../../assets/video.png) no-repeat center / 20%;
    pointer-events: none;
    transition: .5s background-size ease;
}
.Card-imageContainer .Card-image.EmbedVideo {
    padding-bottom: 0;
}

.Card:hover .Card-imageContainer .Card-image {
    transform: scale(1.1);
}
.Card:hover .Card-image--video::after {
    background-size: 15%;
}



.Card-surtitle {
    display: block;
    line-height: 1;
    margin: 0 0 1rem;
    font-size: 1.2rem;
}
.Card-title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: .5rem 0 1rem;
    padding: 0;
    font-weight: bold;
    color: #000;
}
.Card-title > a {
    color: inherit;
    text-decoration: none;
}
.Card-title > a:hover {
    text-decoration: none;
}
.Card-subtitle {
}
.Card-content {
    display: block;
    padding: 1rem 0;
}

.Card-text,
p.Card-text {
    margin: 1rem 0 0;
    padding: 0;
}

.Card[onclick]:hover .Card-title,
.Card-title > a:hover {
    color: #f26522;
}

.Card--lightBg {
    background: #f8f8f8;
}
.Card--lightBg .Card-content {
    padding-right: 1rem;
    padding-left: 1rem;
}

.Card--small .Card-title {
    font-size: 1em;
}

.Card-imageContainer--portrait {
    padding-bottom: 121%;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-30 12:26:00
 */

.Bloc {
    display: flex;
    position: relative;
}

.Bloc-image {
    flex: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}
.Bloc--imageRight .Bloc-image {
    order: 2;
}

.Bloc-content {
    position: relative;
    width: 58%;
    padding: 5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    z-index: 2;
}

.Bloc-title {
    margin: 0;
    padding: 0;
    margin-bottom: 1.4rem;
}

.Bloc-text {

}
.Bloc-text--center {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
}

.Bloc--mediumBg {
    color: #fff;
    background-color: #3e3e3e;
}
.Bloc--mediumBg .Bloc-content {
    background-color: rgba(62,62,62,.7);
}
.Bloc--darkBg {
    color: #fff;
    background-color: #1a1a1a;
}
.Bloc--darkBg .Bloc-content {
    background-color: rgba(26,26,26,.7);
}

.Bloc--compassOver::after {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    right: 30%;
    bottom: 10%;
    left: 46%;
    background: url('../../../assets/bloc-over-compass.svg') no-repeat center / contain;
    pointer-events: none;
    z-index: 1;
}

.Bloc--stopWatchOver::after {
    content: '';
    display: block;
    position: absolute;
    top: 10%;
    right: 46%;
    bottom: 10%;
    left: 30%;
    background: url('../../../assets/bloc-over-stopwatch.png') no-repeat center / contain;
    pointer-events: none;
    z-index: 1;
}

.Bloc--planiphereBg .Bloc-content {
    background-image: url('../../../assets/bloc-background-planisphere.png');
}

.Bloc--topographyBg .Bloc-content {
    background-image: url('../../../assets/bloc-background-topography.svg');
    background-position: bottom left;
}

.Bloc--pathBg .Bloc-content {
    background-image: url('../../../assets/bloc-background-path.svg');
    background-size: cover;
}

.Bloc--50-50 .Bloc-content {
    width: 50%;
}
.Bloc--50-50.Bloc--compassOver::after {
    left: 30%;
    right: 30%;
}


/* This cause bug in slick */
/*
@media (max-width: 1180px) {

    .Bloc--shrinkImageFirst .Bloc-content {
        width: auto;
    }
}
*/

.Bloc--shrinkImageFirst .Bloc-image {
    flex: 1 10 42%;
}
.Bloc--shrinkImageFirst .Bloc-content {
    flex: 1 1 68%;
}

@media (max-width: 920px) {
    .Bloc {
        display: block;
    }
    .Bloc-image {
        padding-bottom: 56.25%;
    }
    .Bloc-content,
    .Bloc--50-50 .Bloc-content {
        width: auto;
    }

    .Bloc--xs-hideImage .Bloc-image {
        display: none;
    }
}

@media (max-width: 760px) {
    .Bloc-content {
        padding: 4rem;
    }
}

@media (max-width: 480px) {
    .Bloc-content {
        padding: 3rem;
    }
}

@media (max-width: 360px) {
    .Bloc-content {
        padding: 2rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 14:30:22
 */

.Slider {
    position: relative;
    flex: 1;
    padding-bottom: 56.25%;
    background: #000;
}
.Slider--10-4 {
    padding-bottom: 40%;
}
.Slider--10-3 {
    padding-bottom: 26%;
}


.Slider-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: flex;
    align-items: center;
}
.Slider-item,
.slick-initialized .Slider-item {
    position: relative;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Slider-item-copyright {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: .3rem 1rem;
    font-size: .8rem;
    color: #fff;
    background: rgba(0,0,0,.4);
}

.Slider-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.Slider-overlay-text {
    color: #fff;
    margin-top: 1em;
    text-transform: uppercase;
    text-align: center;
}
.Slider-overlay-logo {
    width: 25%;
}

.Slider-item-video {
    width: 100%;
}

.Slider-item-muteIcon {
    position: absolute;
    top: 2rem;
    right: 2rem;
    height: 3rem;
    visibility: visible;
    transition: visibility .5s ease, opacity .5s ease;
    pointer-events: none;
}
.Slider-item-muteIcon.inactive {
    visibility: hidden;
    opacity: 0;
}


/* Slick overide */

.Slider-content .slick-list {
    height: 100%;
    width: 100%;
}
.Slider-content .slick-track {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.Slider .slick-prev,
.Slider .slick-next
{
    position: absolute;
    top: 50%;
    font-size: 0;
    line-height: 0;
    padding: 1.5rem;
    margin: .5rem;
    margin-top: -2rem;
    cursor: pointer;
    border: none;
    background: transparent;
    z-index: 700;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: .5s border;
}
.Slider .slick-prev {
    left: 0;
}
.Slider .slick-next {
    right: 0;
}
.Slider .slick-prev::after,
.Slider .slick-next::after
{
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none;
    transform: translateX(-.3rem) rotate(45deg);
}
.Slider .slick-prev::after {
    transform: translateX(.3rem) rotate(-135deg);
}
.Slider .slick-prev:hover,
.Slider .slick-prev:focus,
.Slider .slick-next:hover,
.Slider .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
    border-color: #fff;
}
.Slider .slick-prev:hover::after,
.Slider .slick-prev:focus::after,
.Slider .slick-next:hover::after,
.Slider .slick-next:focus::after
{
    opacity: 1;
}
.Slider .slick-prev.slick-disabled,
.Slider .slick-next.slick-disabled
{
    opacity: .25;
}

.Slider .slick-dots
{
    position: absolute;
    bottom: 5%;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.Slider .slick-dots li
{
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.Slider .slick-dots li button
{
    font-size: 0;
    line-height: 0;
    width: 1rem;
    height: .4rem;
    padding: 0;
    cursor: pointer;
    color: transparent;
    background: #fff;
    border: 0;
}
.Slider .slick-dots li.slick-active button
{
    background: #f26522;
}



.Slider--opacity50 .Slider-item {
    opacity: .5;
}

@media (max-width: 960px) {
    .Slider .slick-prev {
        margin-right: 2rem;
    }
    .Slider .slick-next {
        margin-left: 2rem;
    }
    .Slider--m-10-4 {
        padding-bottom: 40%;
    }
}


@media (max-width: 800px) {
    .Slider-overlay-text {
        font-size: .8em;
    }
}


@media (max-width: 620px) {
    .Slider--xxs-10-6 {
        padding-bottom: 60%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-30 14:48:39
 */

.TabsSlider {
    position: relative;
}

.TabsSlider-arrows,
.TabsSlider-tabs {
    margin: 1.4rem 0;
}
.TabsSlider-tabs-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}
.TabsSlider-tabs-list li {
    display: flex;
    align-items: center;
}
.TabsSlider-tabs-list li::before,
.TabsSlider-tabs-list li::after {
    content: '';
    display: inline-block;
    width: 2em;
    border-bottom: 1px solid currentColor;
    pointer-events: none;
}
.TabsSlider-tabs-list li::before {
    margin-right: 1em;
}
.TabsSlider-tabs-list li::after {
    margin-left: 1em;
}
.TabsSlider-tabs-list li:first-child::before {
    display: none;
}
.TabsSlider-tabs-list li:last-child::after {
    display: none;
}

.TabsSlider-tabs-list li a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: .5s color ease;
}

.TabsSlider-tabs-list li.slick-active a,
.TabsSlider-tabs-list li:hover a,
.TabsSlider-tabs-list li a:hover {

    color: #f26522;
    text-decoration: none;
}
.TabsSlider-tabs-list li.slick-active a {
    font-weight: bold;
}

.TabsSlider-content {
    padding: 1.4rem 0 0;
}

.TabsSlider-item p:first-child {
    margin-top: 0;
}
.TabsSlider-item p:last-child {
    margin-bottom : 0;
}



/* Slick overide */

.TabsSlider .slick-prev,
.TabsSlider .slick-next
{
    font-size: 0;
    line-height: 0;
    padding: 1.2rem;
    cursor: pointer;
    border: none;
    background: transparent;
    border: 2px solid #f26522;
    border-radius: 50%;
    color: inherit;
    transition: .5s border-color ease;
}
.TabsSlider .slick-prev {
    margin-right: 1rem;
}
.TabsSlider .slick-prev::after,
.TabsSlider .slick-next::after
{
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f26522;
    border-bottom: none;
    border-left: none;
    transform: translateX(-.2rem) rotate(45deg);
    color: inherit;
    transition: .5s border-color ease;
}
.TabsSlider .slick-prev::after {
    transform: translateX(.2rem) rotate(-135deg);
}
.TabsSlider .slick-prev:hover,
.TabsSlider .slick-prev:focus,
.TabsSlider .slick-next:hover,
.TabsSlider .slick-next:focus
{
    outline: none;
    background: transparent;
    border-color: currentColor;
}
.TabsSlider .slick-prev:hover::after,
.TabsSlider .slick-prev:focus::after,
.TabsSlider .slick-next:hover::after,
.TabsSlider .slick-next:focus::after
{
    border-color: currentColor;
}
.TabsSlider .slick-prev.slick-disabled,
.TabsSlider .slick-next.slick-disabled
{
    opacity: .25;
}


@media (max-width: 720px) {
    .TabsSlider-tabs-list li::before,
    .TabsSlider-tabs-list li::after {
        width: 1em;
    }
}

@media (max-width: 460px) {
    .TabsSlider-tabs-list li::before,
    .TabsSlider-tabs-list li::after {
        width: .5em;
    }
}

@media (max-width: 380px) {
    .TabsSlider-tabs-list li::before,
    .TabsSlider-tabs-list li::after {
        width: .2em;
    }
    .TabsSlider-tabs-list li::before {
        margin-right: .5em;
    }
    .TabsSlider-tabs-list li::after {
        margin-left: .5em;
    }
}
/*
@media (max-width: 340px) {
    .TabsSlider-tabs-list li::before,
    .TabsSlider-tabs-list li::after {
        width: .1em;
    }
}*/


@media (max-width: 320px) {
    .TabsSlider-tabs-list {
        display: block;
    }
    .TabsSlider-tabs-list li::after {
        display: none;
    }
    .TabsSlider-tabs-list li:first-child::before {
        display: block;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-04-19 09:24:21
 */

.SimpleMenu {
}

.SimpleMenu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -3rem;
    padding: 0;
    list-style: none;
}

.SimpleMenu-item {
    display: flex;
    flex-direction: column;
    margin: 0 1.5rem 3rem;
    text-transform: uppercase;
}
.SimpleMenu-item-link {
    text-decoration: none;
    transition: color .5s ease, .5s border-bottom-color ease;
    border-bottom: 1px solid transparent;
}

.SimpleMenu-item.active .SimpleMenu-item-link,
.SimpleMenu-item-link:hover {
    text-decoration: none;
    border-color: #000;
}

.SimpleMenu-item-subMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.SimpleMenu-item-subMenu .SimpleMenu-item {
    text-transform: none;
    margin: 0;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 14:47:43
 */

.MainMenu {
    flex: 1;
    display: flex;
    font-size: 1.2rem;
}

.MainMenu-content,
.MainMenu-itemsContainer {
    flex: 1;
    display: flex;
}

.MainMenu-items {
    flex: 1;
    list-style: none;
    margin: 0;
    padding: .5rem 0;
    text-align: center;
}

.MainMenu-item {
    position: relative;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    transition: .5s padding ease;
}

.MainMenu-item-link {
    display: inline-block;
    text-decoration: none;
    margin: 0 2rem;
    padding: .3rem .6rem;
    color: #fff;
    border-bottom: 1px solid transparent;
    transition: .5s border-bottom-color ease, .5s padding ease;
}

.MainMenu-item-link:hover,
.MainMenu-item.active .MainMenu-item-link,
.MainMenu-item.active-ancestor .MainMenu-item-link,
.MainMenu-item:hover > .MainMenu-item-link {
    text-decoration: none;
    border-bottom-color: #f26522;
}

.MainMenu-item-subMenu {
    position: absolute;
    left: 0;
    margin: 1.7rem 0 0;
    padding: 0;
    width: 200px;
    text-align: left;
    background: rgba(26, 26, 26, .9);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
}
.MainMenu-item-subMenu .MainMenu-item {
    display: block;
    margin: 0;
    text-transform: none;
}
.MainMenu-item-subMenu .MainMenu-item-link {
    display: block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    transition: .5s color ease, .5s background-color ease;
}
.MainMenu-item-subMenu .MainMenu-item-link:hover {
    color: #fff;
    background: #f26522;
}

.MainMenu-item:hover > .MainMenu-item-subMenu {
    opacity: 1;
    visibility: visible;
}

.MainMenu-addon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.1rem;
    color: #999;
    text-align: right;
}

/* Burger menu button */
.MainMenu-btn {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    cursor: pointer;
    width: 2.4rem;
    margin: -8px 0 0;
    padding: 0;
    border: none;
    border-bottom: 2px solid transparent;
    outline-offset: 5px;
    background: none;
    opacity: 0;
    visibility: hidden;
    transition: padding .5s ease-in-out, background .5s ease-out, border-radius .5s ease-in-out, .5s opacity ease, .5s visibility ease, border-color .4s ease-in-out;
    z-index: 901;
    background: url('../../../assets/menu.svg') no-repeat center / 100% auto;
}
.MainMenu-btn:before {
    content: "";
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
    transition: transform .4s ease-in-out, border-color .4s ease-in-out;
}
.MainMenu-btn:after {
    content: "";
    display: block;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
    transition: transform .4s ease-in-out, border-color .4s ease-in-out;
}
.MainMenu.open .MainMenu-btn {
    border-color: transparent;
    background-position: 6rem center;
}
.MainMenu.open .MainMenu-btn:before {
    transform: translateY(5px) rotate(-135deg);
}
.MainMenu.open .MainMenu-btn:after {
    transform: translateY(-2px) rotate(135deg);
}


@media (max-width: 1260px) {
    .MainMenu-item-link {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media (max-width: 1100px) {
    .MainMenu-item-link {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (max-width: 990px) {
    .MainMenu-item-link {
        margin-left: .2rem;
        margin-right: .2rem;
    }
}

/* If changing this breakpoint, remember to also update it in js file */
@media (max-width: 860px) {
    /* Burger menu */
    .MainMenu-btn {
        opacity: 1;
        visibility: visible;
    }

    .MainMenu-content {
        position: fixed;
        top: -100vh;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 5.6rem;
        flex-direction: column;
        background: #1a1a1a;
        z-index: 900;
        opacity: 0;
        visibility: hidden;
        transition: 1s top ease, 1s opacity ease, 1s visibility ease;
    }

    .MainMenu-itemsContainer {

        justify-content: center;
        align-items: center;
        overflow: auto;
    }

    .MainMenu-items {
        display: block;
        max-height: 100%;
        font-size: 1.6rem;
        overflow: hidden;
    }
    .MainMenu-item {
        display: block;
    }
    .MainMenu-item-link {
        display: block;
        text-align: center;
        padding: 10px;
        color: #fff;
        border: none;
    }

    .MainMenu-item-subMenu {
        font-size: 1.4rem;
        position: relative;
        max-height: 0;
        margin: 0;
        width: 100%;
        background: none;
        text-align: center;
        transition: 1s max-height ease, 1s opacity ease, 1s visibility ease;
    }
    .MainMenu-item-subMenu .MainMenu-item-link {
        color: #fff;
    }
    .MainMenu-item-link:hover,
    .MainMenu-item-subMenu .MainMenu-item-link:hover {
        color: #fff;
        background: #f26522;
    }
    .MainMenu-item:hover > .MainMenu-item-subMenu {
        opacity: 0;
        visibility: hidden;
    }
    .MainMenu-item.open > .MainMenu-item-subMenu {
        opacity: 1;
        visibility: visible;
        max-height: 800px;
    }


    .MainMenu.open .MainMenu-content {
        top: 0;
        opacity: 1;
        visibility: visible;
    }
    .MainMenu.open .MainMenu-btn:before,
    .MainMenu.open .MainMenu-btn:after {
        border-color: #fff;
    }

    .MainMenu-addon {
        font-size: 1.4rem;
        text-align: center;
        color: #f0f0f0;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-25 15:54:31
 */

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

.SecondaryMenu-item {
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
}
.SecondaryMenu-item + .SecondaryMenu-item::before {
    content: '|';
    margin: 0 .5em;
}

.SecondaryMenu-item-link {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}

.SecondaryMenu-item-link:hover {
    color: #fff;
    text-decoration: none;
}

.SecondaryMenu-item-subMenu {
    position: absolute;
    font-size: 1.4rem;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 1rem 0 ;
    text-align: left;
    background: #1e0d68;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: .5s opacity ease, .5s visibility ease;
}
.SecondaryMenu-item-subMenu .SecondaryMenu-item {
    display: block;
    margin: 0;
    padding: 0;
}
.SecondaryMenu-item-subMenu .SecondaryMenu-item + .SecondaryMenu-item::before {
    display: none;
}
.SecondaryMenu-item-subMenu .SecondaryMenu-item-link {
    display: block;
    padding: .6rem 4rem;
    margin: 0;
    text-align: left;
    transition: .5s color ease, .5s background-color ease;
}
.SecondaryMenu-item-subMenu .SecondaryMenu-item-link:hover {
    text-decoration: none;
    color: #fff;
}

.SecondaryMenu-item:hover > .SecondaryMenu-item-subMenu {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 860px) {
    .SecondaryMenu-item-link {
        padding: .5rem;
    }
    .SecondaryMenu-item-subMenu {
        bottom: 5rem;
        left: 0;
    }
    .SecondaryMenu-item-subMenu .SecondaryMenu-item-link {
        text-align: center;
        padding: 1rem 2rem;
    }
    .SecondaryMenu-item-subMenu .SecondaryMenu-item-link:hover {
        background: #000;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-25 09:41:26
 */

.LocaleSwitcher {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #999;
}

.LocaleSwitcher-item {
    display: inline;
}

.LocaleSwitcher-item + .LocaleSwitcher-item {
    margin-left: .5em;
}

.LocaleSwitcher-item-link {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}
.LocaleSwitcher-item-link:hover {
    color: #fff;
    text-decoration: none;
}

.LocaleSwitcher-item.active,
.LocaleSwitcher-item.active .LocaleSwitcher-item-link {
    color: #f26522;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-30 16:04:43
 */

.Standing {
    margin: -.5rem 3rem;
}

.Standing--2columns {
    column-count: 2;
    column-gap: 2rem;
}

.Standing--big {
    font-size: 1.8rem;
}

.Standing-item {
    display: inline-flex;
    align-items: center;
    margin: 2rem 0;
    width: 100%;
}

.Standing-item-content {
    display: inline-flex;
    align-items: center;
    flex: 1;
}

.Standing--2columns .Standing-item {
    margin: .5rem 0;
}

.Standing-item-rank {
    display: inline-block;
    margin-right: 1rem;
    min-width: 2.2rem;
    line-height: 1;
}
.Standing-item:first-child .Standing-item-rank,
.Standing-item:nth-child(2) .Standing-item-rank,
.Standing-item:nth-child(3) .Standing-item-rank {
    font-size: 2.6rem;
}
.Standing-item-rank::after {
    content: '.';
}

.Standing-item-image {
    width: 5rem;
    height: 5rem;
    margin-right: 2rem;
    border-radius: 50%;
}
img.Standing-item-image {
    display: inline;
}

.Standing-item-name {
    flex: 1;
    line-height: 1.2;
    padding-right: 1rem;
    border-right: 1px solid #fff;
}
.Standing--light .Standing-item-name{
    border-right: 1px solid #000;
}
.Standing--light .Standing-item-time + .Standing-item-time{
    border-left: 1px solid #000;
}
.Standing-item-name-boat {
    text-transform: uppercase;
    color: #f26522;
}

.Standing-item-time {
    flex: 1;
    margin-left: 1rem;
    white-space: nowrap;
    text-align: center;
}

@media (max-width: 760px) {
    .Standing {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 680px) {
    .Standing--2columns {
        column-count: unset;
    }
    .Standing-item,
    .Standing--2columns .Standing-item {
        display: flex;
        width: auto;
        margin-left: 15%;
        margin-right: 15%;
    }
}

@media (max-width: 560px) {
    .Standing-item,
    .Standing--2columns .Standing-item {
        margin-left: 30%;
        margin-right: 0;
    }
    .Standing-item-content {
        display: inline;
    }
    .Standing-item-name {
        border-right:none;
    }
    .Standing-item-time {
        margin-left: 0;
        text-align: left;
    }
}

@media (max-width: 460px) {
    .Standing-item,
    .Standing--2columns .Standing-item {
        margin-left: 20%;
    }
}

@media (max-width: 300px) {
    .Standing-item,
    .Standing--2columns .Standing-item {
        margin-left: 5%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-30 16:52:13
 */

.NewsCarousel {
    position: relative;
    display: flex;
    overflow: hidden;
}
.NewsCarousel::after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 10rem;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    pointer-events: none;
}

.NewsCarousel-controls {
    min-width: 20rem;
    padding-right: 3rem;
}
.NewsCarousel-btn {
    display: flex;
}

.NewsCarousel-title {
    font-size: 2.6rem;
    font-weight: bold;
    margin: 0 0 1rem;
    color: #000;
}

.NewsCarousel-content {
    position: relative;
    width: 100%;
}

.NewsCarousel-item {
    float: left;
    width: 33%;
}

.NewsCarousel-item + .NewsCarousel-item {
    padding-left: 2rem;
}

.NewsCarousel-item-image {
    width: 100%;
}

.NewsCarousel-item-image.EmbedVideo {
    padding-bottom: 67%;
}


/* Slick overide */

.NewsCarousel .slick-track {
    display: flex;
}
.NewsCarousel .slick-prev,
.NewsCarousel .slick-next
{
    font-size: 0;
    line-height: 0;
    padding: 1.2rem;
    cursor: pointer;
    border: none;
    background: transparent;
    border: 2px solid #f26522;
    border-radius: 50%;
    color: inherit;
    transition: .5s border-color ease;
}
.NewsCarousel .slick-prev {
    margin-right: 1rem;
}
.NewsCarousel .slick-prev::after,
.NewsCarousel .slick-next::after
{
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f26522;
    border-bottom: none;
    border-left: none;
    transform: translateX(-.2rem) rotate(45deg);
    color: inherit;
    transition: .5s border-color ease;
}
.NewsCarousel .slick-prev::after {
    transform: translateX(.2rem) rotate(-135deg);
}
.NewsCarousel .slick-prev:hover,
.NewsCarousel .slick-prev:focus,
.NewsCarousel .slick-next:hover,
.NewsCarousel .slick-next:focus
{
    outline: none;
    background: transparent;
    border-color: currentColor;
}
.NewsCarousel .slick-prev:hover::after,
.NewsCarousel .slick-prev:focus::after,
.NewsCarousel .slick-next:hover::after,
.NewsCarousel .slick-next:focus::after
{
    border-color: currentColor;
}
.NewsCarousel .slick-prev.slick-disabled,
.NewsCarousel .slick-next.slick-disabled
{
    opacity: .25;
}

@media (max-width: 920px) {
    .NewsCarousel {
        display: block;
    }
    .NewsCarousel-controls {
        margin-bottom: 1rem;
        padding: 0;
    }
    .NewsCarousel-arrows,
    .NewsCarousel-btn {
        display: inline-block;
        vertical-align: middle;
    }
    .NewsCarousel-btn {
        margin: .5rem 0 0;
        float: right;
    }
}


@media (max-width: 620px) {
    .NewsCarousel::after {
        display: none;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-31 11:01:09
 */

.Partners {
    display: flex;
    margin: 3rem -6rem 0;
}

.Partners-column {
    flex: 1 2 0;
    padding: 0 6rem;
}
.Partners-column:first-child  {
    flex: 2 1 0;
}

.Partners-column + .Partners-column {
    border-left: 1px solid #000;
}

.Partners-column-title {
    color: #000;
}

.Partners-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin: -1rem;
}
.Partners-logos + .Partners-logos {
    margin-top: 2.5rem;
}

.Partners-logo {
    max-height: 3rem;
    max-width: 8.5rem;
    margin: 1rem;
}
.Partners-logo--medium {
    max-height: 5rem;
    max-width: 10rem;
}
.Partners-logo--large {
    max-height: 6rem;
    max-width: 12rem;
}

@media (max-width: 720px) {
    .Partners {
        display: block;
        margin: 0;
    }
    .Partners-column {
        padding: 0;
    }
    .Partners-column + .Partners-column {
        margin-top: 3rem;
        border-left: none;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-21 09:48:54
 */

.SocialNetworks {
    display: flex;
    color: #fff;
}

.SocialNetworks-link {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 .5rem;
    max-width: 4.5rem;
    justify-content: center;
    align-items: center;
}

.SocialNetworks-icon {
    width: 100%;
    max-width: 3rem;
    max-height: 3rem;
    border-radius: 50%;
    fill: #fff;
    transition: fill .5s ease;
}
.SocialNetworks-link:hover svg.SocialNetworks-icon {
    fill: #f26522;
}

.SocialNetworks--vertical {
    flex-direction: column;
    align-items: center;
}
.SocialNetworks--vertical .SocialNetworks-link {
    padding: .5rem 0;
}

.SocialNetworks--small .SocialNetworks-icon {
    max-width: 2rem;
    max-height: 2rem;
}

.SocialNetworks--vertical {
    width: 3rem;
    overflow: hidden;
}

.SocialNetworks--vertical .SocialNetworks-title {
    display: flex;
    align-items: center;
    width: 15rem;
    height: 15rem;
    padding-right: .5rem;
    order: 100;
    transform: rotateZ(-90deg) translateY(0);
    transform-origin: 50%;
}
.SocialNetworks--vertical .SocialNetworks-title::after {
    content: '';
    flex: 1;
    margin-left: 1rem;
    border-bottom: 1px solid #fff;
}


@media (max-width: 1040px) {
    .SocialNetworks--vertical .SocialNetworks-title {
        display: none;
    }
}

@media (max-width: 660px) {
    .SocialNetworks--vertical {
        display: none;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-27 09:27:58
 */

.RaceCountdown {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10rem;
    height: 10rem;
    padding: 1rem;
    color: #000;
    font-size: 1.2rem;
    border-radius: 50%;
    border: 3px solid #f26522;
    background: rgba(255,255,255,0.9);
}
.RaceCountdown-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -.5rem;
}
.RaceCountdown-content-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100em;
    justify-content: center;
    margin: .2rem .2rem;
    visibility: visible;
    opacity: 1;
    transition: max-width 1s ease, padding 1s ease, visibility 1s ease, opacity 1s ease, margin-left 1s ease;
    transform: translateZ(0); /* Force GPU use, to avoid IOS Safari leaving junk pixels on screens (caused by border-radius calculation) */
}
.RaceCountdown-value {
    font-size: 1em;
    line-height: 1;
    width: 1.2em;
    text-align: center;
}
.RaceCountdown-label--short {
    display: none;
}
.RaceCountdown-days .RaceCountdown-value {
    width: auto;
}

.RaceCountdown-content-item.hide {
    max-width: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
    overflow: hidden;
    margin-left: 0;
    border-width: 0;
    display: none;
}
.RaceCountdown-content-item.hide + .RaceCountdown-content-item {
    margin-left: 0;
}
.RaceCountdown-content-item.hide .RaceCountdown-value {
    width: auto;
}

.RaceCountdown-label {
    text-transform: uppercase;
    font-size: .7em;
    line-height: 1;
    color: black;
}


.RaceCountdown-content-item:first-child,
.RaceCountdown-content-item.first {
    width: 100%;
    flex-basis: auto;
    flex-direction: row;
    align-items: flex-end;
}
.RaceCountdown-content-item:first-child .RaceCountdown-value,
.RaceCountdown-content-item.first .RaceCountdown-value {
    font-size: 2em;
}
.RaceCountdown-content-item:first-child .RaceCountdown-label,
.RaceCountdown-content-item.first .RaceCountdown-label {
    margin-left: .3em;
}
.RaceCountdown-content-item:first-child .RaceCountdown-label,
.RaceCountdown-content-item.first .RaceCountdown-label {
    display: none;
}
.RaceCountdown-content-item:first-child .RaceCountdown-label--short,
.RaceCountdown-content-item.first .RaceCountdown-label--short {
    display: block;
}

@media (max-width: 660px) {
    .RaceCountdown {
        height: auto;
        padding: 0;
        border: none;
    }
}

@media (max-width: 240px) {
    .RaceCountdown {
        display: none;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 14:41:14
 */

.TopBar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 1.2rem 2rem;
    height: 6rem;
    z-index: 900;
    color: #fff;
    background: #1a1a1a;
    box-shadow: 0px -2px 9px 0px rgba(0, 0, 0, .9);
}

.TopBar-logo {
    margin-left: 4rem;
}
.TopBar-logo,
.TopBar-logo img {
    height: 100%;
    z-index: 1100;
}

@media (max-width: 1024px) {
    .TopBar-logo {
        margin-left: 2rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-02 10:11:46
 */

.MainHeader {
    display: flex;
}

.MainHeader-map {
    flex: 1 2 0;
}

.MainHeader-slider {
    flex: 2 1 0;
}

.MainHeader-sliderRightColumn {
    position: absolute;
    top: 2rem;
    right: 4rem;
    bottom: 2rem;
    min-width: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}


@media (max-width: 960px) {
    .MainHeader-sliderRightColumn {
        top: 1rem;
        right: 1rem;
        min-width: 0;
    }
    .MainHeader{
        flex-direction: column;
    }
    .MainHeader-map.EmbedMap{
        flex: 1 1 500px;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 13:55:32
 */

.MainBody {
    position: relative;
    max-width: 128rem;
    margin: 4rem auto;
    padding: 0 14rem;
}

.MainBody--large {
    max-width: 131rem;
    padding-right: 4rem;
    padding-left: 4rem;
}

.MainBody--fullWidth {
    max-width: unset;
    padding-right: 4rem;
    padding-left: 4rem;
}

.MainBodyDarkBgWrapper {
    background: #1a1a1a;
}

.MainBody-content {
    max-width: 60rem;
    margin: 0 auto;
}

@media (max-width: 1080px) {
    .MainBody {
        padding-right: 10rem;
        padding-left: 10rem;
    }
}
@media (max-width: 800px) {
    .MainBody {
        padding-right: 7rem;
        padding-left: 7rem;
    }
}
@media (max-width: 640px) {
    .MainBody {
        padding-right: 4rem;
        padding-left: 4rem;
    }
}
@media (max-width: 520px) {
    .MainBody {
        padding-right: 3rem;
        padding-left: 3rem;
    }
}
@media (max-width: 420px) {
    .MainBody {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.MainBody--noMargins {
    padding: 0;
    margin: 0;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-21 15:31:31
 */

.MainFooter {
    color: #fff;
    background: #1a1a1a;
}

.MainFooter-top {
    padding: 1.4rem 6rem;
    background: url('../../../assets/footer.jpg') no-repeat center / cover;
}

.MainFooter-newsletter {
    text-align: center;
    max-width: 150rem;
    margin: 0 auto;
    background: #1a1a1a;
}

.MainFooter-newsletter .form-group {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    margin: 0;
}
.MainFooter-newsletter .control-label {
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: .2rem;
    line-height: 1;
}
.MainFooter-newsletter .form-control {
    color: #000;
    display: inline-block;
    border-radius: 0;
    margin: 0 2rem;
    height: 2.8rem;
    flex: 1 2 0;
    max-width: 30rem;
}
.MainFooter-newsletter .Btn {
    margin: 0;
}
.MainFooter .form-control::placeholder {
    color: #999;
}

.MainFooter-content {
    display: flex;
    justify-content: center;
    padding: 3rem 1rem;
}
.MainFooter-content-bloc {
    padding: 0 2rem;
}
.MainFooter-content-bloc + .MainFooter-content-bloc {
    border-left: 1px solid #878788;
}
.MainFooter-content-bloc + .MainFooter-content-bloc.wrap {
    text-align: center;
    justify-content: center;
    padding-top: 2rem;
    width: 100%;
    border-left: none;
}

.MainFooter-content-bloc + .MainFooter-content-bloc.wrap .SocialNetworks {
    display: inline-flex;
}

.MainFooter-content-bloc-title {
    text-transform: uppercase;
    margin: 0 0 .5rem;
}
.MainFooter-content-bloc-text {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    color: #aaa;
}

.MainFooter-content-bloc-text a,
.MainFooter-content-bloc-title a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
}
.MainFooter-content-bloc-text a:hover,
.MainFooter-content-bloc-title a:hover {
    text-decoration: none;
    color: #f26522;
}

.MainFooter-content-bloc--logo {
    display: flex;
    flex-direction: column;
}

.MainFooter-logo {
    display: flex;
    align-items: center;
    flex: 1;
}

.MainFooter-logo img {
    width: 12rem;
}

.MainFooter-content-bloc--menu .SimpleMenu-items {
    margin: 0 -1rem;
}
.MainFooter-content-bloc--menu .SimpleMenu-item {
    margin: 0 1rem 2rem;
}
.MainFooter-content-bloc--menu .SimpleMenu-item-link {
    color: inherit;
}
.MainFooter-content-bloc--menu .SimpleMenu-item.active .SimpleMenu-item-link,
.MainFooter-content-bloc--menu .SimpleMenu-item-link:hover {
    border-color: #f26522;
}
.MainFooter-content-bloc--menu  .SimpleMenu-item-subMenu .SimpleMenu-item-link {
    color: #aaa;
}
.MainFooter-content-bloc--menu  .SimpleMenu-item-subMenu .SimpleMenu-item-link:hover {
    color: #f26522;
}
.MainFooter-content-bloc--menu .SimpleMenu-item-subMenu .SimpleMenu-item {
    margin: 0;
}


@media (max-width: 1400px) {
    .MainFooter-content {
        flex-wrap: wrap;
    }
    .MainFooter-content-bloc--menu {
        order: -1;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }
    .MainFooter-content-bloc + .MainFooter-content-bloc--menu {
        border-left: none;
    }
}

@media (max-width: 780px) {
    .MainFooter-newsletter .form-group {
        flex-wrap: wrap;
    }
    .MainFooter-newsletter .form-control {
        margin-left: 0;
    }
    .MainFooter-newsletter .control-label {
        width: 100%;
        margin-bottom: 1rem;
    }
}

@media (max-width: 560px) {
    .MainFooter-top {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 500px) {
    .MainFooter-content-bloc--logo {
        text-align: center;
    }
}

@media (max-width: 470px) {
    .MainFooter-newsletter .form-group {
        display: block;
    }
    .MainFooter-newsletter .form-control {
        margin: 0 0 1rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-01 09:01:58
 */

.Pagination {
    text-align: center;
    margin: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}

.Pagination-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
}

.Pagination-item {
    display: inline-block;
    margin: 0;
}
.Pagination-item + .Pagination-item {
    margin-left: -1px;
}
.Pagination-item.active {
    font-weight: bold;
}

.Pagination-item-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: .8rem 1.2rem;
    color: inherit;
    transition: color .5s ease, background-color .5s ease, border-color .5s ease;
}
.Pagination-item-link:hover {
    text-decoration: none;
    color: #f26522;
}


.Pagination-item.disable .Pagination-item-link,
.Pagination-item.disable .Pagination-item-link:hover {
    color: #999;
    background: none;
    z-index: 1;
}

.Pagination-item.active {
    z-index: 1;
}
.Pagination-item.active .Pagination-item-link {
    color: #fff;
    background: #f26522;
    border-color: #f26522;
}

.Pagination-item--previous .Pagination-item-link {
    padding-left: 0;
}
.Pagination-item--next .Pagination-item-link {
    padding-right: 0;
}

.Pagination-item--previous .Pagination-item-link,
.Pagination-item--next .Pagination-item-link {
    padding-top: 0;
    padding-bottom: 0;
}
.Pagination-item--previous .Pagination-item-link:hover,
.Pagination-item--next .Pagination-item-link:hover {
    background: none;
}
.Pagination-item--previous .Pagination-item-link::before,
.Pagination-item--next .Pagination-item-link::after {
    content: '';
    display: inline-block;
    height: 3.6rem;
    width: 3.6rem;
    background: #f26522;
    transition: background .5s ease;
}
.Pagination-item--previous .Pagination-item-link::before {
    margin-right: 1em;
}
.Pagination-item--next .Pagination-item-link::after {
    margin-left: 1em;
}
.Pagination-item--previous .Pagination-item-link::after,
.Pagination-item--next .Pagination-item-link::before {
    position: absolute;
    content: '';
    height: 1.2rem;
    width: 1.2rem;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.Pagination-item--previous .Pagination-item-link::after {
    left: 1.3rem;
    transform: rotate(-45deg);
}
.Pagination-item--next .Pagination-item-link::before {
    right: 1.3rem;
    transform: rotate(135deg);
}

.Pagination-item--previous .Pagination-item-link:hover::before,
.Pagination-item--next .Pagination-item-link:hover::after {
    background: #000;
}

.Pagination-item--previous .Pagination-item-label,
.Pagination-item--next .Pagination-item-label {
}
.Pagination-item--previous .Pagination-item-link:hover::before,
.Pagination-item--next .Pagination-item-link:hover::after {
    color: #fff;
}
.Pagination-item--previous.disable .Pagination-item-link::before,
.Pagination-item--next.disable .Pagination-item-link::after,
.Pagination-item--previous.disable .Pagination-item-link:hover::before,
.Pagination-item--next.disable .Pagination-item-link:hover::after {
    background-color: #cdcdcd;
}

@media (max-width: 640px) {
    .Pagination-item--previous .Pagination-item-label,
    .Pagination-item--next .Pagination-item-label {
        display: none;
    }
}

@media (max-width: 500px) {
    .Pagination-item {
        display: none;
    }
    .Pagination-item.active,
    .Pagination-item--previous,
    .Pagination-item--next {
        display: inline-block;
    }
}


/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-05 13:57:18
 */

.Skipper {

}

.Skipper-row {
    display: flex;
}

.Skipper-title {
    font-size: 5rem;
    margin: 0rem;
    text-align: left;
    color: #000;
}
.Skipper-title::after {
    content: '';
    display: inline-block;
    width: 1.4em;
    height: .5em;
    margin-left: .5em;
    background: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 88.484 11.944" height="11.944" viewBox="0 0 88.484 11.944" width="88.484" xmlns="http://www.w3.org/2000/svg"><path d="m78.722 3.965c-2.869-1.858-6.123-3.965-12.359-3.965s-9.486 2.107-12.355 3.965c-2.65 1.716-4.938 3.197-9.76 3.197-4.824 0-7.113-1.481-9.762-3.197-2.87-1.858-6.124-3.965-12.36-3.965s-9.49 2.107-12.361 3.965c-2.651 1.716-4.94 3.197-9.765 3.197v4.782c6.238 0 9.492-2.106 12.362-3.966 2.651-1.715 4.939-3.196 9.764-3.196 4.823 0 7.111 1.481 9.761 3.196 2.869 1.859 6.123 3.966 12.36 3.966 6.235 0 9.489-2.106 12.36-3.966 2.646-1.715 4.934-3.196 9.756-3.196s7.111 1.481 9.762 3.196c2.869 1.859 6.123 3.966 12.359 3.966v-4.782c-4.824 0-7.113-1.481-9.762-3.197z" fill="%23f16523"/></svg>') no-repeat center bottom / contain;
}
.Skipper-subtitle {
    font-size: 2rem;
    color: #a1a1a1;
    margin-left: 5rem;
}

.Skipper-subtitle::before {
    content: "«";
    margin-right: .5rem;
    color: #f26522;
}
.Skipper-subtitle::after {
    content: "»";
    margin-left: .5rem;
    color: #f26522;
}

.Skipper-column {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.Skipper-image {
    position: relative;
    flex: 1 1 0;
    padding-bottom: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Skipper-image-copyright {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    padding: .5rem;
    color: #fff;
    background: rgba(0,0,0,.8);
}

.Skipper-profile {
    padding: 3rem;
    flex: 1 1 0;
}
.Skipper-profile-image {
    width: 100%;
}

.Skipper-asides {
    display: flex;
    flex-wrap: wrap;
}

.Skipper-asides-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 2rem;
}

.Skipper-asides-item-title {
    margin-bottom: .5rem;
}

.Skipper-aside-coskipper {
    color: #fff;
    background: #0a0807 url('../../../assets/wave-curl-background.jpg') no-repeat top left / cover;
}
.Skipper-aside-coskipper-link {
    color: inherit;
    text-decoration: none;
}
.Skipper-aside-coskipper-link:hover {
    color: #f26522;
    text-decoration: none;
}
.Skipper-aside-partner {
    max-width: 9rem;
    min-width: 20%;
}
.Skipper-aside-partner img {
    width: 100%
}
.Skipper-aside-socialNetworks {
    color: #fff;
    background: #f26522;
}
.Skipper-aside-socialNetworks .SocialNetworks .SocialNetworks-link:hover svg {
    fill: #000;
}

@media (max-width: 1023px) {
    .Skipper-row {
        flex-direction: column;
        max-width: 70rem;
        margin: 0 auto;
    }
    .Skipper-column {
        width: 100%;
    }
}

@media (max-width: 460px) {
    .Skipper-aside-socialNetworks {
        width: 100%;
        flex: unset;
    }
}

@media (max-width: 420px) {
    .Skipper-title {
        font-size: 4rem;
    }
    .Skipper-subtitle {
        margin-left: 10%;
    }
}

@media (max-width: 360px) {
    .Skipper-title {
        font-size: 3rem;
    }
    .Skipper-subtitle {
        margin-left: 6%;
    }
}

@media (max-width: 320px) {
    .Skipper-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 240px) {
    .Skipper-title::after {
        display: none;
    }
}




/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-01 09:01:58
 */

.PageNavigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.PageNavigation-item {
    position: relative;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: color .5s ease;
}
a.PageNavigation-item:hover {
    text-decoration: none;
    color: #f26522;
}

.PageNavigation--listing {
    padding: 0 1.5em;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
.PageNavigation--listing svg {
    width: 2.6rem;
    height: 2.6rem;
    fill: #e7e6e6;
    transition: fill .5s ease;
}
.PageNavigation--listing:hover svg {
    fill: #f26522;
}

.PageNavigation--previous {
    margin-right: 1.5em;
}
.PageNavigation--next {
    margin-left: 1.5em;
}

.PageNavigation--previous::before,
.PageNavigation--next::after {
    content: '';
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem;
    background: #f26522;
    transition: background .5s ease;
}
.PageNavigation--previous::before {
    margin-right: 1em;
}
.PageNavigation--next::after {
    margin-left: 1em;
}
.PageNavigation--previous::after,
.PageNavigation--next::before {
    position: absolute;
    content: '';
    height: 1.2rem;
    width: 1.2rem;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.PageNavigation--previous::after {
    left: 1.3rem;
    transform: rotate(-45deg);
}
.PageNavigation--next::before {
    right: 1.3rem;
    transform: rotate(135deg);
}

.PageNavigation--previous:hover::before,
.PageNavigation--next:hover::after {
    background: #000;
}


@media (max-width: 520px) {
    .PageNavigation--listing {
        border: none;
    }
    .PageNavigation--previous {
        margin-right: 0;
    }
    .PageNavigation--next {
        margin-left: 0;
    }
}


/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-06 14:59:53
 */

.Document {
    position: relative;
    display: block;
    padding: 4rem 0 4rem 10.2rem;
}
a.Document {
    color: inherit;
    text-decoration: none;
}
a.Document:hover {
    color: #f26522;
    text-decoration: none;
}
.Document::before {
    content: '';
    position: absolute;
    top: 2rem;
    left: 0;
    bottom: 2rem;
    display: inline-block;
    width: 6.2rem;
    padding: 1rem;
    background:
        #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAlCAYAAACzpJKIAAAA/ElEQVR4Ae3XgUfHQBTA8VsRiAChJPwCoBCAJlAgAIICIGXQ39EC/QUBgZCA7S8oMKARCwKWQxCvLxbk4vHuKtzjwzH2nXlwTg5diQESyRu2XGh40EPgMRp9QPCKWSj2FSqccXhHC5k8YTkUGy2RQOwFgkcspY7tooOgwULK2CZWMUBwg/lUsWvUuINMrmLH7iE/iR2b4RTVN+/6mP0jxmCM8xGejW61sW3URieKWLz5fzHOc1jDusGiNnYOMeq0sRUcG+3kBdlAZXSgjZ1BjB5+9TfmBdlDg9bgQhvbR2t0mRckx3Lsb2MeRaJQAQ8x3zwVPAS9/U6tM6D8BB7bnEXvhlhyAAAAAElFTkSuQmCC')
        no-repeat center / 30% auto
    ;
    box-shadow: 0px 0px 9px 0px rgba(116, 116, 116, 0.16);
    transition: box-shadow .5s ease;
}
a.Document:hover::before {
    box-shadow: 0px 0px 9px 0px rgba(116, 116, 116, 0.5);
}
.Document + .Document {
    border-top: 1px solid #dadada;
}



.Document-title {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.Document-text {
    display: block;
    color: #565656;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-06 17:41:59
 */

.MiniBanner {
    position: relative;
    padding-bottom: 70%;
    font-size: 2rem;
    line-height: 1.2;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-color: #1a1a1a;
}

.MiniBanner-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-25 17:35:09
 */

.Breadcrumb {
    margin: 0 0 2.5rem;
    padding: 0;
    list-style: none;
    text-align: left;
}

.Breadcrumb-item {
    margin: 0;
    display: inline;
    color: #999;
}
.Breadcrumb-item::before {
    content: '>';
    margin: 0 .5em;
    color: #c0c0c0;
}
.Breadcrumb-item:first-child::before {
    display: none;
}
.Breadcrumb-item:last-child {
    color: #333;
}

.Breadcrumb-item-link, .Breadcrumb span {
    color: inherit;
    text-decoration: none;
}
.Breadcrumb a:hover {
    text-decoration: underline;
}


.Submenu {
    text-align: center;
}

.Submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    letter-spacing: 0.5px;
}

.Submenu li {
    display: inline-block;
}

.Submenu li:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000000;
    vertical-align: middle;
}

.Submenu ul li:first-child:before {
    display: none;
}

.Submenu li:hover a,
.Submenu li:focus a,
.Submenu li.active a {
    color: #f26522;
}

.Submenu a {
    text-decoration: none;
    color: #000000;
    padding: 15px;
    float: initial !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.Submenu .link-addon {
    display: none;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-23 17:25:18
 */

.ShareButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    margin: 0;
    line-height: 1;
    background: #f26522;
    border: none;
    text-decoration: none;
    color: #fff;
    transition: color .5s ease, background .5s ease;
}
.ShareButton + .ShareButton {
    margin-left: 1rem;
}

.ShareButton-icon {
    display: inline;
    height: 2rem;
    fill: #fff;
    margin-right: .5em;
}

.ShareButton:hover {
    background: #000;
}

@media (max-width: 480px) {
    .ShareButton {
        padding: .8rem 1rem;
    }
}

@media (max-width: 370px) {
    .ShareButton {
        padding: .5rem;
    }
    .ShareButton + .ShareButton {
        margin-left: .4rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-09 11:55:59
 */

.Article {
}

.Article-title {
    text-align: left;
    text-transform: uppercase;
}
.Article-title::before {
    display: none;
}

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

.Article-body {
    font-size: 1.6rem;
}

.Article-abstract {
    font-weight: bold;
}

@media (max-width: 960px) {
    .Article-title {
        font-size: 3rem;
    }
}

@media (max-width: 620px) {
    .Article-title {
        font-size: 2.6rem;
    }
}

@media (max-width: 420px) {
    .Article-title {
        font-size: 2.2rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-12 14:34:38
 */

.Interview {
    margin: 1.5em 0;
    padding: 1.5em;
    background: #f0f0f0;
}

.Interview .Interview-title {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 1em 0;
}

.Interview .Interview-content {
    display: flex;
}

.Interview .Interview-profile {
    max-width: 25%;
    margin-right: 5%;
}
.Interview .Interview-profile-media {
    margin-bottom: 1em;
}
.Interview .Interview-profile-media img {
    max-width: 100%
}

.Interview .Interview-profile-name {
    font-weight: bold;
}

.Interview .Interview-profile-position {
    color: #999;
}

.Interview .Interview-text {
    flex: 1;
    text-align: center;
    color: #666;
}
.Interview .Interview-text p {
    margin: 1em 0;
}

.Interview .Interview-text p:first-child {
    margin-top: 0;
}
.Interview .Interview-text p:first-child::before {
    content: '« ';
    color: #f26522;
}
.Interview .Interview-text p:last-child {
    margin-bottom: 0;
}
.Interview .Interview-text p:last-child::after {
    content: ' »';
    color: #f26522;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-19 14:52:54
 */

.PartnerCard {
    display: block;
    margin-bottom: 4rem;
}
a.PartnerCard {
    text-decoration: none;
}

.PartnerCard-logoContainer {
    position: relative;
    display: block;
    padding-bottom: 60%;
}

.PartnerCard-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 14%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.PartnerCard-logo img {
    max-width: 100%;
    max-height: 100%;
}

.PartnerCards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.PartnerCards .PartnerCard {
    width: 33.33%;
}
.PartnerCards--4 .PartnerCard {
    width: 25%;
}


@media (max-width: 960px) {
    .PartnerCards .PartnerCard {
        width: 50%;
    }
    .PartnerCards--4 .PartnerCard {
        width: 33.33%;
    }
}

@media (max-width: 620px) {
    .PartnerCards--4 .PartnerCard {
        width: 50%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-27 15:15:11
 */

.EmbedMap {
    position: relative;
    flex: 1;
    padding-bottom: 40%;
}
.EmbedMap--16-9 {
    padding-bottom: 56.25%;
}

.EmbedMap-iframe {
    display: block;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-28 11:22:46
 */

.EmbedVideo {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.EmbedVideo iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.EmbedVideo--15-10 {
    padding-bottom: 67%;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-19 18:35:45
 */

.SkippersMosaic {
    display: flex;
    flex-wrap: wrap;
}
.SkippersMosaic-item {
    width: 10%;
}
.SkippersMosaic-item-imageContainer {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    display: flex;
}
.SkippersMosaic-item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    transition: transform .5s ease;
}
.SkippersMosaic-item:hover .SkippersMosaic-item-imageContainer .SkippersMosaic-item-image {
    transform: scale(1.1);
}

.SkippersMosaic-item-name {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 1.2;
    padding: .5rem;
    color: #fff;
    background: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s ease, visibility 1s ease;
}

.SkippersMosaic-item:hover .SkippersMosaic-item-name {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1024px) {
    .SkippersMosaic-item {
        width: 16.666%;
    }
}

@media (max-width: 420px) {
    .SkippersMosaic-item {
        width: 25%;
    }
}

@media (max-width: 300px) {
    .SkippersMosaic-item {
        width: 50%;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-07-04 16:35:24
 */

.Error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 500px;
}

.Error-title {
    font-size: 10rem;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    color: #f26522;
}

.Error-subtitle {
    font-size: 2rem;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 3rem;
    text-align: center;
}

@media (max-width: 640px) {
    .Error-title {
        font-size: 8rem;
    }
}

@media (max-width: 420px) {
    .Error-title {
        font-size: 6rem;
    }
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-08-27 15:10:05
 */

.Home-title {
    font-size: 2.6rem;
    font-weight: bold;
    margin: 3rem 0 1rem;
    color: #000;
}

.Home-title-prefix {
    font-weight: normal;
}

/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2019-06-20 14:29:04
 */

.clearfix {
    clear: both;
}

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

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

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

.pull-left {
    float: left;
    margin-right:25px;
    margin-bottom:25px;
}

.pull-right {
    float: right;
}

.media-pullLeft {
    float: left;
    max-width: 50%;
    margin: 0 2rem 2rem 0;
}

.media-pullRight {
    float: right;
    max-width: 50%;
    margin: 0 0 2rem 2rem;
}

.richtext {
    overflow: auto;
}
.richtext img {
    max-width: 100%;
}

.unstyled-list {
    list-style: none;
    padding: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.copyright {
    display: block;
    font-size: 1.2rem;
}
.copyright,
.copyright a {
    color: #999;
    text-decoration: none;
}
.copyright a:hover {
    text-decoration: underline;
}

.h-captcha {
    margin: 0 auto;
}

.richtext iframe,
.twitter-tweet {
    display: block;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.twitter-tweet {
    width: 100% !important;
    max-width: 500px !important;
}

.icon-link {
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
}
.icon-link:hover {
    text-decoration: underline;
}

.icon {
    height: 1em;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    margin-right: .5em;
}

.flag-icon {
    height: .8em;
    width: 1.2em;
    vertical-align: middle;
    position: relative;
    top: -.1em;
    margin-right: .5em;
}

.image-fullWidth {
    width: 100%;
}

@media (max-width: 720px) {
    .richtext ul {
        padding-left: 3rem;
    }
}

@media (max-width: 420px) {
    .richtext ul {
        padding-left: 2rem;
    }
}

@media (max-width: 960px) {
    .hide--s {
        display: none;
    }
}

.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../../../assets/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../../assets/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../../assets/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../../assets/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}