@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  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;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [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;
    border: 0.0625rem solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  height: 1.25rem;
  width: 20px;
  width: 1.25rem;
  line-height: 0px;
  line-height: 0rem;
  font-size: 0px;
  font-size: 0rem;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px;
  left: -1.5625rem; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
    right: -1.5625rem; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px;
  right: -1.5625rem; }
  [dir="rtl"] .slick-next {
    left: -25px;
    left: -1.5625rem;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  bottom: -1.5625rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    height: 1.25rem;
    width: 20px;
    width: 1.25rem;
    margin: 0 5px;
    margin: 0 0.3125rem;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      height: 1.25rem;
      width: 20px;
      width: 1.25rem;
      outline: none;
      line-height: 0px;
      line-height: 0rem;
      font-size: 0px;
      font-size: 0rem;
      color: transparent;
      padding: 5px;
      padding: 0.3125rem;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        width: 1.25rem;
        height: 20px;
        height: 1.25rem;
        font-family: "slick";
        font-size: 6px;
        font-size: 0.375rem;
        line-height: 20px;
        line-height: 1.25rem;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Border radius
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include border-radius(50%);
@include border-radius(10px);
----------------------------------------------------------------------------------------------------*/
/* Box shadow
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include box-shadow(0, 5px, 15px, 0, rgba(0, 0, 0, 0.2));
----------------------------------------------------------------------------------------------------*/
/* Clearfix
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include clearfix;
----------------------------------------------------------------------------------------------------*/
/* Border radius
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include clip-path(polygon(0 0, 96% 0, 96% 40%, 100% 40%,96% 48%,96% 100%, 0 100%));
----------------------------------------------------------------------------------------------------*/
/* Display flex
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include flex;
----------------------------------------------------------------------------------------------------*/
/* Hover
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include hover {
  //properties
}
----------------------------------------------------------------------------------------------------*/
/* Key frames
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include keyframes(view-up) {
  0% {
    @include transform (translate(0, 125px));
  }
  100% {
    @include transform (translate(0, 0));
  }
}
----------------------------------------------------------------------------------------------------*/
/* Opacity
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include opacity(0);
@include opacity(.3);
@include opacity(1);
----------------------------------------------------------------------------------------------------*/
/* Rotation
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include rotate(0);
@include rotate(45);
@include rotate(-45);
----------------------------------------------------------------------------------------------------*/
/* Scale
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include scale(1);
@include scale(1.5);
----------------------------------------------------------------------------------------------------*/
/* Size
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include size(26px, 22px);
----------------------------------------------------------------------------------------------------*/
/* Text hide
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include text-hide;
----------------------------------------------------------------------------------------------------*/
/* Text truncate
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include text-truncate;
----------------------------------------------------------------------------------------------------*/
/* Transform origin
----------------------------------------------------------------------------------------------------*/
/* How to use it

@include transform-origin(20% 40%);
----------------------------------------------------------------------------------------------------*/
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* 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;
  margin: 1em 2.5rem; }

/**
 * 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 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in 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"],
[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; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  border: 0.0625rem solid #c0c0c0;
  margin: 0 2px;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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,
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; }

/* Extend buttons css
----------------------------------------------------------------------------------------------------*/
.btn-small {
  padding: 10px;
  padding: 0.625rem; }

.btn-medium {
  padding: 10px 30px;
  padding: 0.625rem 1.875rem; }

.btn-large {
  padding: 10px 50px;
  padding: 0.625rem 3.125rem; }

.btn-radius {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  border-radius: 1.875rem; }

button, .btn {
  position: relative;
  border: none;
  color: #374155;
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  button:before, .btn:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  button:hover, .btn:hover, button:active, .btn:active, button:focus, .btn:focus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    button:hover:before, .btn:hover:before, button:active:before, .btn:active:before, button:focus:before, .btn:focus:before {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }

/* Button
----------------------------------------------------------------------------------------------------*/
.btn {
  color: #fff;
  cursor: pointer;
  /* Button || Classic
  ----------------------------------------------------------------------------------------------------*/
  /* Button || Custom
  ----------------------------------------------------------------------------------------------------*/
  /* Button || Outline
  ----------------------------------------------------------------------------------------------------*/ }
  .btn__green {
    background: #45C89C !important; }
  .btn__grey {
    background: #353f53; }
  .btn-main {
    background: #374155; }
    .btn-main:hover, .btn-main:active, .btn-main:focus {
      color: #fff; }
  .btn-second, .btn-three, .btn-four {
    background: #45c99c;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .btn-second, .btn-three, .btn-four {
        font-size: 14px;
        font-size: 0.875rem; } }
    .btn-second:hover, .btn-second:active, .btn-second:focus, .btn-three:hover, .btn-three:active, .btn-three:focus, .btn-four:hover, .btn-four:active, .btn-four:focus {
      background: #4de0ae;
      color: #fff; }
  .btn-three, .btn-four {
    position: absolute;
    left: 50%;
    margin-left: -65px;
    bottom: 45px;
    bottom: 2.8125rem;
    padding: 10px 20px;
    padding: 0.625rem 1.25rem;
    background: #3d4b61;
    color: #4d596d;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .connexion-left .btn-three, .connexion-left .btn-four {
      background: #374155;
      color: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 768px) {
      .btn-three, .btn-four {
        bottom: 40px;
        bottom: 2.5rem;
        font-size: 14px;
        font-size: 0.875rem; } }
    .btn-three:hover, .btn-three:active, .btn-three:focus, .btn-four:hover, .btn-four:active, .btn-four:focus {
      color: #ccc;
      background: #555d6e;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .btn-three:hover, .connexion-left .btn-three:active, .connexion-left .btn-three:focus, .connexion-left .btn-four:hover, .connexion-left .btn-four:active, .connexion-left .btn-four:focus {
        background: #555d6e;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  .btn-four {
    /* position: relative; */
    padding: 11px 40px;
    padding: 0.6875rem 2.5rem;
    bottom: 50px;
    bottom: 3.125rem;
    color: #fff; }
    @media screen and (min-width: 768px) {
      .btn-four {
        position: absolute;
        bottom: 40px;
        bottom: 2.5rem;
        /*      float: right; */
        right: 100px;
        right: 6.25rem; } }
    .btn-four:hover, .btn-four:active, .btn-four:focus {
      color: #e3e3e4;
      background: #555d6e; }
    .connexion-left .btn-four {
      color: #8e939f;
      background: #4f6781;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
  .btn-dropdown {
    background: #fff;
    cursor: pointer;
    border: 1px solid #e3e3e4;
    border: 0.0625rem solid #e3e3e4;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    text-align: left;
    padding: 10px;
    padding: 0.625rem; }
    .form-50 .btn-dropdown {
      width: 100%; }
  .btn-logged {
    padding: 15px 20px 15px 45px !important;
    padding: 0.9375rem 1.25rem 0.9375rem 2.8125rem !important;
    background: #353f53 !important;
    color: #45c99c !important; }
    .btn-logged:hover {
      color: #4de0ae !important; }
  .btn-downloadn {
    padding: 12px 20px;
    padding: 0.75rem 1.25rem;
    background: #45c99c;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-right: 20px; }
    .btn-downloadn i {
      font-size: 15px;
      font-size: 0.9375rem; }
    .btn-downloadn:hover, .btn-downloadn:active, .btn-downloadn:focus {
      background: #4de0ae;
      padding: 12px 20px;
      padding: 0.75rem 1.25rem;
      color: #fff; }
  .btn-connexion {
    padding: 15px 20px 15px 45px;
    padding: 0.9375rem 1.25rem 0.9375rem 2.8125rem;
    background: #45c99c;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff; }
    .btn-connexion:hover, .btn-connexion:active, .btn-connexion:focus {
      background: #4de0ae;
      padding: 15px 20px 15px 45px;
      padding: 0.9375rem 1.25rem 0.9375rem 2.8125rem;
      color: #fff; }
    .btn-connexion .demo-icon {
      font-size: 17px;
      font-size: 1.0625rem;
      position: absolute;
      top: 12px;
      top: 0.75rem;
      left: 15px;
      left: 0.9375rem; }
  .btn-more {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold; }
    .btn-more:hover, .btn-more:active, .btn-more:focus {
      background: #275c81; }
  .btn-arrow {
    padding-right: 35px;
    font-size: 0; }
    .btn-arrow .demo-icon {
      font-size: 15px;
      font-size: 0.9375rem;
      position: absolute;
      top: 0;
      right: 0; }
    .btn-arrow:hover, .btn-arrow:active, .btn-arrow:focus {
      color: #90c5f0; }
    @media screen and (min-width: 768px) {
      .btn-arrow {
        font-size: 16px;
        font-size: 1rem;
        padding-right: 20px; } }
  @media screen and (min-width: 768px) {
    .btn-share {
      padding-left: 30px; } }
  .btn-article {
    padding-left: 35px; }
    .btn-article .demo-icon {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 0;
      left: 9px;
      left: 0.5625rem; }
      @media screen and (min-width: 768px) {
        .btn-article .demo-icon {
          left: 0;
          font-size: 30px;
          font-size: 1.875rem; } }
    .btn-article:hover, .btn-article:active, .btn-article:focus {
      color: #90c5f0; }
    @media screen and (min-width: 768px) {
      .btn-article {
        padding-left: 45px; } }
  .btn__search--bar {
    color: #374155;
    padding: 10px;
    padding: 0.625rem; }
    .btn__search--bar i {
      font-size: 20px;
      font-size: 1.25rem; }
  .btn-search {
    position: absolute;
    display: block;
    top: 15px;
    top: 0.9375rem;
    right: 10px;
    right: 0.625rem;
    z-index: 999;
    color: #374155;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0;
    text-align: center;
    width: 35px;
    width: 2.1875rem;
    height: 35px;
    height: 2.1875rem; }
    .btn-search:before {
      content: '\e813';
      font-family: amarc; }
      .search-active .btn-search:before {
        content: '\e814'; }
    @media screen and (min-width: 768px) {
      .btn-search {
        top: 39px;
        top: 2.4375rem;
        right: 8px;
        right: 0.5rem; } }
    .header__sticky .btn-search {
      top: 10px;
      top: 0.625rem; }
  .btn-outline {
    color: #374155;
    border: 1px solid #374155;
    border: 0.0625rem solid #374155; }

/* Dropdown
----------------------------------------------------------------------------------------------------*/
.dropdown {
  position: relative;
  display: inline-block;
  /* Dropdown || Content
  ----------------------------------------------------------------------------------------------------*/ }
  .form__global .dropdown {
    width: 100%;
    height: auto; }
  .dropdown__content {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 160px;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); }
    .dropdown__content li {
      color: black;
      padding: 10px;
      padding: 0.625rem;
      text-decoration: none;
      display: block; }
    .dropdown__content a {
      display: block;
      padding: 10px;
      padding: 0.625rem; }

/* Global form css elements
----------------------------------------------------------------------------------------------------*/
.wpcf7-submit {
  margin-top: 0 !important;
  margin-right: 0 !important; }

.wpcf7-validation-errors {
  border: none; }

input[type="file"] {
  background: transparent !important;
  border: none !important; }

input[type="submit"] {
  background: #45c99c !important;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 12px !important;
  font-size: 0.75rem !important;
  font-weight: bold;
  border-radius: 30px !important;
  border-radius: 1.875rem !important;
  padding: 10px 30px !important;
  padding: 0.625rem 1.875rem !important; }
  input[type="submit"]:hover {
    background: #4de0ae !important; }

input:not(.rememberme),
textarea, select {
  width: 100%;
  padding: 10px;
  padding: 0.625rem;
  background: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
  color: #374155;
  border: 1px solid #e3e3e4;
  border: 0.0625rem solid #e3e3e4;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  input:not(.rememberme)::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: #979aa1;
    font-style: italic; }
  input:not(.rememberme)::-moz-placeholder,
  textarea::-moz-placeholder, select::-moz-placeholder {
    color: #979aa1;
    font-style: italic; }
  input:not(.rememberme):-moz-placeholder,
  textarea:-moz-placeholder, select:-moz-placeholder {
    color: #979aa1;
    font-style: italic; }
  input:not(.rememberme):-ms-input-placeholder,
  textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: #979aa1;
    font-style: italic; }

.jfilestyle {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold; }
  .jfilestyle > input:first-child {
    display: none; }
  .jfilestyle label {
    margin-right: 10px;
    position: relative;
    cursor: pointer; }
    .jfilestyle label:before {
      content: '+';
      position: relative;
      top: 2px;
      top: 0.125rem;
      margin-right: 5px;
      font-size: 20px;
      font-size: 1.25rem;
      color: #45c99c; }
    .jfilestyle label span {
      text-decoration: underline; }
  .jfilestyle input {
    color: #b7bcc5;
    font-style: italic;
    background: transparent;
    border: none;
    font-weight: normal;
    width: calc(100% - 150px) !important;
    width: calc(100% - 9.375rem) !important; }
    .jfilestyle input::-webkit-input-placeholder {
      color: #b7bcc5;
      font-style: italic;
      font-weight: normal; }
    .jfilestyle input::-moz-placeholder {
      color: #b7bcc5;
      font-style: italic;
      font-weight: normal; }
    .jfilestyle input:-moz-placeholder {
      color: #b7bcc5;
      font-style: italic;
      font-weight: normal; }
    .jfilestyle input:-ms-input-placeholder {
      color: #b7bcc5;
      font-style: italic;
      font-weight: normal; }

/* Label
----------------------------------------------------------------------------------------------------*/
label {
  display: inline-block;
  font-weight: 700; }

/* Textarea
----------------------------------------------------------------------------------------------------*/
textarea {
  resize: vertical; }

/* Form layout
----------------------------------------------------------------------------------------------------*/
.form {
  /* Form || Row
  ----------------------------------------------------------------------------------------------------*/
  /* Form || 50
  ----------------------------------------------------------------------------------------------------*/
  /* Form || Footer
  ----------------------------------------------------------------------------------------------------*/
  /* Form || Global
  ----------------------------------------------------------------------------------------------------*/
  /* Form || Propose
  ----------------------------------------------------------------------------------------------------*/
  /* Form || Contact
  ----------------------------------------------------------------------------------------------------*/
  /* Form || Connexion
  ----------------------------------------------------------------------------------------------------*/ }
  .form .h1 {
    text-transform: uppercase;
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 35px;
    color: #353f53; }
  .form p,
  .form li {
    font-size: 15px;
    font-size: 0.9375rem; }
  .form__row {
    position: relative;
    margin: 0 0 15px;
    margin: 0 0 0.9375rem;
    /* Page connexion
    ----------------------------------------------------------------------------------------------------*/ }
    .form__row:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 768px) {
      .form__row {
        margin: 0 0 20px;
        margin: 0 0 1.25rem; } }
    .form__row:last-child {
      margin-bottom: 0; }
    .form__row input {
      margin-bottom: 15px; }
      .form__row input:last-child {
        margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .form__row input {
          margin-bottom: 0; } }
    .form__row.files {
      margin-bottom: 45px; }
    .form__row .checkbox-row {
      margin-bottom: 35px; }
      @media screen and (min-width: 768px) {
        .form__row .checkbox-row {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1024px) {
        .form__row .checkbox-row {
          margin-bottom: 10px; } }
  .form-50:after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (min-width: 768px) {
    .form-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media screen and (min-width: 768px) {
    .form-50 input,
    .form-50 .dropdown {
      margin: 0 15px;
      margin: 0 0.9375rem;
      float: left;
      width: calc(50% - 30px);
      width: calc(50% - 1.875rem);
      height: auto; } }
  .form__footer {
    text-align: center;
    margin: 30px 0 0 0;
    margin: 1.875rem 0 0 0; }
    .form__footer:after {
      content: "";
      display: block;
      clear: both; }
    .form__contact .form__footer {
      text-align: right; }
  .form__global .title {
    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 30px 0;
    margin: 1.875rem 0; }
  .form__global ul {
    margin: 20px 0 30px;
    margin: 1.25rem 0 1.875rem; }
  .form__global input[type="submit"] {
    display: inline-block;
    width: auto;
    height: auto; }
  .form__propose {
    padding: 30px 0 0;
    padding: 1.875rem 0 0; }
    @media screen and (min-width: 768px) {
      .form__propose {
        padding: 60px 0 0;
        padding: 3.75rem 0 0; } }
    .form__propose .title {
      text-transform: inherit; }
    .form__propose .wpcf7-form-control-wrap {
      margin: 0 15px;
      margin: 0 0.9375rem;
      float: left;
      width: calc(50% - 30px);
      width: calc(50% - 1.875rem);
      height: auto; }
      .form__propose .wpcf7-form-control-wrap input {
        width: 100%;
        margin: 0; }
      .form__propose .wpcf7-form-control-wrap.your-email, .form__propose .wpcf7-form-control-wrap.your-message, .form__propose .wpcf7-form-control-wrap.your-download {
        width: calc(100% - 30px);
        width: calc(100% - 1.875rem);
        margin: 0 15px;
        margin: 0 0.9375rem; }
        @media screen and (min-width: 768px) {
          .form__propose .wpcf7-form-control-wrap.your-email, .form__propose .wpcf7-form-control-wrap.your-message, .form__propose .wpcf7-form-control-wrap.your-download {
            width: 100%;
            margin: 0; } }
    .form__propose ul.arrow {
      padding-left: 15px; }
      .form__propose ul.arrow li {
        padding-left: 35px;
        color: #374155; }
        .form__propose ul.arrow li:before {
          content: '\e800';
          font-family: amarc;
          color: #7a869e;
          top: 0;
          background: transparent; }
    .form__propose .form__row .dropdown {
      margin: 0 15px;
      margin: 0 0.9375rem;
      float: left;
      width: calc(50% - 30px);
      width: calc(50% - 1.875rem);
      height: auto; }
      .form__propose .form__row .dropdown .your-engagement {
        width: 100%;
        margin: 0; }
      .form__propose .form__row .dropdown select {
        background-image: url("../img/icon-drop.png");
        background-repeat: no-repeat;
        background-position: 97% center; }
    .form__propose p {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-bottom: 0;
      color: #374155; }
  .form__contact {
    margin: 35px 0;
    margin: 2.1875rem 0; }
  .form__connexion {
    margin-top: 30px; }
    .form__connexion .form__footer {
      margin-top: 40px; }
    .form__connexion .checkbox-label:before, .form__connexion .checkbox-label:after {
      width: 0 !important;
      height: 0 !important; }
    .form__connexion .label-pageMembres {
      vertical-align: middle;
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: bold;
      color: #fff;
      position: absolute;
      padding-top: 6px; }
    .form__connexion #rememberme_accueil {
      -webkit-appearance: none;
      appearance: none;
      background: #fff;
      width: 13px;
      width: 0.8125rem;
      height: 13px;
      height: 0.8125rem;
      cursor: pointer;
      display: inline-block;
      clear: none;
      margin-right: 8px; }
      .form__connexion #rememberme_accueil:checked:before {
        content: '';
        width: 9px;
        width: 0.5625rem;
        height: 5px;
        height: 0.3125rem;
        position: absolute;
        top: 9px;
        top: 0.5625rem;
        left: 1px;
        left: 0.0625rem;
        border: 3px solid #3d4b61;
        border: 0.1875rem solid #3d4b61;
        border-top: none;
        border-right: none;
        background: transparent;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .form__connexion input[type="submit"] {
      background: #353f53 !important;
      border: none; }
      .form__connexion input[type="submit"]:hover {
        background: #3d4b61 !important; }
  .form .input {
    border: none;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .connexion-left .form .input {
      background: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .form .input::-webkit-input-placeholder {
      color: #b7bcc5; }
    .form .input::-moz-placeholder {
      color: #b7bcc5; }
    .form .input:-moz-placeholder {
      color: #b7bcc5; }
    .form .input:-ms-input-placeholder {
      color: #b7bcc5; }
  .form .password {
    margin-bottom: 2px; }
  .form .forgot-password {
    margin: 0;
    text-align: right; }
    .form .forgot-password a {
      color: #374155;
      text-decoration: underline;
      font-family: "Exo 2", sans-serif;
      font-size: 13px;
      font-size: 0.8125rem;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .form .forgot-password a {
        color: #4f6781;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
  .form .checkbox-label {
    margin-top: 5px;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .connexion-left .form .checkbox-label {
      color: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .form .checkbox-label .checkbox-input {
      width: 11px;
      width: 0.6875rem;
      height: 11px;
      height: 0.6875rem;
      margin: 5px 10px 0 0;
      margin: 0.3125rem 0.625rem 0 0;
      border: none; }
    .form .checkbox-label.active:after {
      content: '';
      position: absolute;
      display: inline-block;
      top: 12px;
      top: 0.75rem;
      left: 2px;
      left: 0.125rem;
      width: 8px;
      width: 0.5rem;
      height: 8px;
      height: 0.5rem;
      background: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (min-width: 1024px) {
        .form .checkbox-label.active:after {
          background: #727987; } }
      .connexion-left .form .checkbox-label.active:after {
        background: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        @media screen and (min-width: 1024px) {
          .connexion-left .form .checkbox-label.active:after {
            background: #374155; } }
    .form .checkbox-label:before {
      content: '';
      position: absolute;
      display: inline-block;
      top: 10px;
      top: 0.625rem;
      left: 0px;
      left: 0rem;
      width: 12px;
      width: 0.75rem;
      height: 12px;
      height: 0.75rem;
      background: #fff;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .form .checkbox-label:before {
        background: #727987;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        @media screen and (min-width: 1024px) {
          .connexion-left .form .checkbox-label:before {
            background: #fff; } }
  .form__footer {
    margin: 0;
    text-align: center; }

/* Modal
----------------------------------------------------------------------------------------------------*/
.mfp {
  /* Modal || BG
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Wrap
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Container
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Content
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Global
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Zoom
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Preloader
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Loading
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Close
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Counter
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Arrow
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Iframe holder
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Scaler
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Figure
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Bottom bar
  ----------------------------------------------------------------------------------------------------*/
  /* Modal || Title
  ----------------------------------------------------------------------------------------------------*/ }
  .mfp-bg {
    top: 0;
    left: 0;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); }
  .mfp-wrap {
    top: 0;
    left: 0;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    width: 100%;
    height: 100%; }
  .mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    padding: 0 0.5rem;
    width: 100%;
    height: 100%; }
    .mfp-container:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      width: auto;
      height: 100%; }
      .mfp-align-top .mfp-container:before {
        display: none; }
  .mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }
    .mfp-inline-holder .mfp-content,
    .mfp-ajax-holder .mfp-content {
      width: 100%;
      cursor: auto; }
    .mfp-s-error .mfp-content {
      display: none; }
    .mfp-auto-cursor .mfp-content {
      cursor: auto; }
    .mfp-image-holder .mfp-content {
      max-width: 100%; }
  .mfp-ajax-cur {
    cursor: progress; }
  .mfp-zoom-out-cur, .mfp-image-holder, .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  .mfp-zoom-out-cur .mfp-image-holder {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }
  .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
  .mfp-hide {
    display: none !important; }
  .mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }
  .mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    left: 0.5rem;
    right: 8px;
    right: 0.5rem;
    z-index: 1044; }
    .mfp-preloader a {
      color: #ccc; }
      .mfp-preloader a:hover, .mfp-preloader a:active, .mfp-preloader a:focus {
        color: #fff; }
    .mfp-s-ready .mfp-preloader {
      display: none; }
  .mfp-loading.mfp-figure {
    display: none; }
  .mfp-close {
    line-height: 44px;
    line-height: 2.75rem;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    padding: 0 0 1.125rem 0.625rem;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-size: 1.75rem;
    width: 44px;
    width: 2.75rem;
    height: 44px;
    height: 2.75rem;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65); }
    .mfp-close:hover, .mfp-close:active, .mfp-close:focus {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }
    .mfp-close:active {
      top: 1px;
      top: 0.0625rem; }
    .mfp-close-btn-in .mfp-close {
      color: #333; }
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
      color: #fff;
      right: -6px;
      right: -0.375rem;
      text-align: right;
      padding-right: 6px;
      width: 100%; }
  .mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    white-space: nowrap; }
  .mfp-arrow {
    position: absolute;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    width: 90px;
    width: 5.625rem;
    height: 110px;
    height: 6.875rem;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65); }
    .mfp-arrow:active {
      margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:active, .mfp-arrow:focus {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100); }
    .mfp-arrow:before, .mfp-arrow:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      margin-top: 35px;
      margin-left: 35px;
      border: medium inset transparent;
      width: 0;
      height: 0; }
    .mfp-arrow:after {
      border-top-width: 13px;
      border-bottom-width: 13px;
      top: 8px;
      top: 0.5rem; }
    .mfp-arrow:before {
      border-top-width: 21px;
      border-bottom-width: 21px;
      opacity: 0.7; }
    .mfp-arrow-left {
      left: 0; }
      .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
        border-right: 1.6875rem solid #3F3F3F; }
      .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        border-right: 1.0625rem solid #fff;
        margin-left: 31px; }
    .mfp-arrow-right {
      right: 0; }
    .mfp-arrow:before {
      border-left: 27px solid #3F3F3F;
      border-left: 1.6875rem solid #3F3F3F; }
    .mfp-arrow:after {
      border-left: 17px solid #fff;
      border-left: 1.0625rem solid #fff;
      margin-left: 39px; }
  .mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
    .mfp-iframe-holder.mfp-content {
      line-height: 0;
      width: 100%;
      max-width: 900px; }
    .mfp-iframe-holder .mfp-close {
      top: -40px;
      top: -2.5rem; }
  .mfp-iframe-holder, .mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6); }
  .mfp-figure {
    line-height: 0; }
    .mfp-figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 40px;
      top: 2.5rem;
      bottom: 40px;
      bottom: 2.5rem;
      display: block;
      right: 0;
      z-index: -1;
      background: #444;
      width: auto;
      height: auto;
      -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
      -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.6); }
    .mfp-figure small {
      color: #BDBDBD;
      display: block;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 14px;
      line-height: 0.875rem; }
    .mfp-figure figure {
      margin: 0; }
  .mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }
  .mfp-title {
    text-align: left;
    line-height: 18px;
    line-height: 1.125rem;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }
  .mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

img .mfp-img {
  max-width: 100%;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  padding: 2.5rem 0 2.5rem;
  margin: 0 auto;
  width: auto;
  height: auto; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }
  button.mfp-close::-moz-focus-inner,
  button.mfp-arrow::-moz-focus-inner {
    padding: 0;
    border: 0; }

.white-popup-block {
  background: #fff;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  margin: 2.5rem auto;
  position: relative; }

/* Sizing
----------------------------------------------------------------------------------------------------*/
.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

/* Slider
 ----------------------------------------------------------------------------------------------------*/
.slider {
  /* Slider || Card
  ----------------------------------------------------------------------------------------------------*/ }
  .slider__card .col-4 {
    padding: 0; }
    @media screen and (min-width: 768px) {
      .slider__card .col-4 {
        padding: 0 15px;
        padding: 0 0.9375rem; } }
  .slider__card .slick-dots li:before {
    background: #9a9da6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border-radius: 0.1875rem;
    width: 100%;
    height: 5px;
    height: 0.3125rem; }
  .slider__card .slick-dots li.slick-active:before {
    background: #374155; }

.slick-dots {
  position: initial; }

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #374155;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
  background: #f3f4f8;
  font-weight: 600; }
  body.page__home {
    background: #fff; }
  body.menu-mobile--active {
    overflow: hidden; }

.fonts-loaded-1 > body {
  font-family: "Open Sans", sans-serif; }

a {
  color: #374155;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  a:hover, a:active, a:focus {
    color: #374155;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  a img {
    display: block;
    margin: 0 auto; }

/* Headings
----------------------------------------------------------------------------------------------------*/
h1, .h1 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

h2, .h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

h3, .h3 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

h4, .h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

h5, .h5 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

h6, .h6 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Exo 2", sans-serif;
  text-transform: uppercase; }

/* Lists
----------------------------------------------------------------------------------------------------*/
ol,
ul {
  margin: 0;
  padding: 0; }
  ol:after,
  ul:after {
    content: "";
    display: block;
    clear: both; }
  ol ol,
  ol ul,
  ul ol,
  ul ul {
    padding: 0 0 0 20px;
    padding: 0 0 0 1.25rem; }
  ol.arrow,
  ul.arrow {
    padding-left: 35px; }
    @media screen and (min-width: 768px) {
      ol.arrow,
      ul.arrow {
        padding-left: 55px; } }
    ol.arrow li,
    ul.arrow li {
      list-style: none;
      position: relative; }
      ol.arrow li:before,
      ul.arrow li:before {
        content: '\e800';
        font-family: amarc;
        font-size: 15px;
        font-size: 0.9375rem;
        position: absolute;
        top: 0;
        left: -30px;
        left: -1.875rem; }

li {
  margin: 0; }

/* Spacing
----------------------------------------------------------------------------------------------------*/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0; }

/* Wysiwyg style
----------------------------------------------------------------------------------------------------*/
hr {
  clear: both;
  border: 0;
  background: #fff;
  width: auto;
  height: 1px;
  height: 0.0625rem; }

blockquote {
  border-left: 4px solid #eceeef;
  border-left: 0.25rem solid #eceeef;
  padding: 20px;
  padding: 1.25rem;
  margin: 0 0 20px 0;
  margin: 0 0 1.25rem 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  blockquote p:last-child {
    margin: 0; }

cite {
  font-style: italic; }

small {
  font-size: 11px;
  font-size: 0.6875rem; }

table {
  margin: 20px 0;
  margin: 1.25rem 0;
  width: 100%;
  border: #000;
  border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  border-radius: 0.1875rem; }
  table th {
    padding: 10px;
    padding: 0.625rem;
    border-left: 1px solid #000;
    border-left: 0.0625rem solid #000;
    border-top: 0;
    vertical-align: top;
    text-align: left; }
  table td {
    padding: 10px;
    padding: 0.625rem;
    border-top: 1px solid #000;
    border-top: 0.0625rem solid #000;
    border-left: 1px solid #000;
    border-left: 0.0625rem solid #000;
    vertical-align: top;
    text-align: left; }

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 20px;
  line-height: 1.25rem; }

abbr {
  text-decoration: underline; }

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #000;
  border-bottom: 0.0625rem dotted #000; }

big {
  font-size: larger; }

s,
strike,
del {
  text-decoration: line-through; }

em,
var {
  font-style: italic; }

ins {
  background-color: #fff;
  text-decoration: none; }

tt,
kbd,
samp {
  font-family: monospace; }

pre {
  display: block;
  padding: 10px;
  padding: 0.625rem;
  margin: 0 0 20px;
  margin: 0 0 1.25rem;
  word-break: break-all;
  white-space: pre-wrap;
  background-color: #fff;
  border: 1px solid #000;
  border: 0.0625rem solid #000;
  border-radius: 3px;
  border-radius: 0.1875rem; }

q {
  display: inline;
  font-style: italic; }

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

sup {
  top: -0.5em; }

/* Text
----------------------------------------------------------------------------------------------------*/
.text {
  /* Text || Custom
  ----------------------------------------------------------------------------------------------------*/ }
  .text-left {
    text-align: left !important; }
  .text-center {
    text-align: center !important; }
  .text-right {
    text-align: right !important; }
  .text-lowercase {
    text-align: lowercase !important; }
  .text-uppercase {
    text-align: uppercase !important; }
  .text-capitalize {
    text-align: capitalize !important; }
  .text-justify {
    text-align: justify !important; }
  .text-info {
    color: #b7bcc5;
    font-family: "Exo 2", sans-serif; }
  .text-author {
    font-style: italic;
    font-size: 13px;
    font-size: 0.8125rem; }
    .text-author:after {
      content: "";
      display: block;
      clear: both; }
    .presentation .text-author {
      font-size: 16px;
      font-size: 1rem;
      font-style: normal;
      position: relative;
      margin-left: -10px;
      overflow: hidden; }
      @media screen and (min-width: 768px) {
        .presentation .text-author {
          margin-left: 0; } }
      .presentation .text-author:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 5px;
        bottom: 0.3125rem;
        left: 10px;
        left: 0.625rem;
        background: #fff;
        width: 100%;
        height: 1px;
        height: 0.0625rem; }
        @media screen and (min-width: 768px) {
          .presentation .text-author:before {
            left: 0; } }
      .presentation .text-author span {
        float: right;
        position: relative;
        padding-left: 10px; }
  .text-society {
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem; }
  .text-video {
    margin: 0;
    line-height: 30px;
    line-height: 1.875rem;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    color: #fff; }
    @media screen and (min-width: 768px) {
      .text-video {
        font-size: 27px;
        font-size: 1.6875rem; } }
    .text-video-top {
      font-weight: bold;
      margin-top: 70px; }
    .text-video-bottom {
      margin-bottom: 25px; }

/* Title
----------------------------------------------------------------------------------------------------*/
.title {
  text-transform: uppercase;
  font-size: 28px;
  font-size: 1.75rem; }
  .title-main {
    font-size: 28px;
    font-size: 1.75rem;
    color: #353f53;
    text-transform: uppercase;
    margin-bottom: 35px; }

/* Utility
----------------------------------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  width: 0.0625rem;
  height: 1px;
  height: 0.0625rem; }

img,
iframe {
  max-width: 100%;
  width: auto;
  height: auto; }

.hide {
  display: none; }

.show {
  display: block; }

/*--------------------------------------------------------------------------------------------------*/
/*--------------------------------------- BOOTSTRAP LIKE -------------------------------------------*/
/*--------------------------------------------------------------------------------------------------*/
/* Hidden
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .hidden-xs {
    display: none; } }

@media screen and (max-width: 1023px) {
  .hidden-md {
    display: none; } }

.dib {
  display: inline-block; }

.db {
  display: block; }

@font-face {
  font-family: 'amarc';
  src: url("../fonts/amarc.eot?57904616");
  src: url("../fonts/amarc.eot?57904616#iefix") format("embedded-opentype"), url("../fonts/amarc.woff2?57904616") format("woff2"), url("../fonts/amarc.woff?57904616") format("woff"), url("../fonts/amarc.ttf?57904616") format("truetype"), url("../fonts/amarc.svg?57904616#amarc") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'amarc';
    src: url('../fonts/amarc.svg?57904616#amarc') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "amarc";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-arrow1:before {
  content: '\e800'; }

/* '' */
.icon-arrow2:before {
  content: '\e801'; }

/* '' */
.icon-back:before {
  content: '\e802'; }

/* '' */
.icon-download:before {
  content: '\e803'; }

/* '' */
.icon-facebook:before {
  content: '\e804'; }

/* '' */
.icon-itineraire:before {
  content: '\e805'; }

/* '' */
.icon-linkedin:before {
  content: '\e806'; }

/* '' */
.icon-localisation:before {
  content: '\e807'; }

/* '' */
.icon-paperplane:before {
  content: '\e808'; }

/* '' */
.icon-play:before {
  content: '\e809'; }

/* '' */
.icon-print:before {
  content: '\e80a'; }

/* '' */
.icon-share:before {
  content: '\e80b'; }

/* '' */
.icon-twitter:before {
  content: '\e80c'; }

/* '' */
.icon-user:before {
  content: '\e80d'; }

/* '' */
.icon-youtube:before {
  content: '\e80e'; }

/* '' */
.icon-search:before {
  content: '\e813'; }

/* '' */
.icon-cross:before {
  content: '\e814'; }

/* '' */
.icon-dropdown:before {
  content: '\e828'; }

/* '' */
.icon-twitter2:before {
  content: '\e829'; }

/* '' */
.icon-facebook2:before {
  content: '\e82a'; }

/* '' */
.icon-linkedin2:before {
  content: '\e82b'; }

/* '' */
/* Fade
----------------------------------------------------------------------------------------------------*/
.fade {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0); }
  .fade-in {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }

/* View - (col) - up
----------------------------------------------------------------------------------------------------*/
@-webkit-keyframes view-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 125px);
    -moz-transform: translate(0, 125px);
    -ms-transform: translate(0, 125px);
    -o-transform: translate(0, 125px);
    transform: translate(0, 125px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-moz-keyframes view-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 125px);
    -moz-transform: translate(0, 125px);
    -ms-transform: translate(0, 125px);
    -o-transform: translate(0, 125px);
    transform: translate(0, 125px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-ms-keyframes view-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 125px);
    -moz-transform: translate(0, 125px);
    -ms-transform: translate(0, 125px);
    -o-transform: translate(0, 125px);
    transform: translate(0, 125px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@-o-keyframes view-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 125px);
    -moz-transform: translate(0, 125px);
    -ms-transform: translate(0, 125px);
    -o-transform: translate(0, 125px);
    transform: translate(0, 125px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes view-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, 125px);
    -moz-transform: translate(0, 125px);
    -ms-transform: translate(0, 125px);
    -o-transform: translate(0, 125px);
    transform: translate(0, 125px); }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); } }

.view-up {
  -webkit-animation: view-up 2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-animation: view-up 2s cubic-bezier(0.19, 1, 0.22, 1);
  animation: view-up 2s cubic-bezier(0.19, 1, 0.22, 1); }

.view-col > [class^='col-'] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, 125px);
  -moz-transform: translate(0, 125px);
  -ms-transform: translate(0, 125px);
  -o-transform: translate(0, 125px);
  transform: translate(0, 125px);
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }

.view-col-up > [class^='col-'] {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }
  .view-col-up > [class^='col-']:nth-child(1) {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s; }
  .view-col-up > [class^='col-']:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s; }
  .view-col-up > [class^='col-']:nth-child(3) {
    -webkit-transition-delay: 0.75s;
    -moz-transition-delay: 0.75s;
    transition-delay: 0.75s; }
  .view-col-up > [class^='col-']:nth-child(4) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s; }
  .view-col-up > [class^='col-']:nth-child(5) {
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    transition-delay: 1.25s; }
  .view-col-up > [class^='col-']:nth-child(6) {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s; }

/* Page load
----------------------------------------------------------------------------------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .pace-inactive {
    display: none; }
  .pace .pace-progress {
    background: #45c99c;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
    height: 0.125rem; }

/* Article
----------------------------------------------------------------------------------------------------*/
.article {
  /* Article || Header
  ----------------------------------------------------------------------------------------------------*/
  /* Article || Content
  ----------------------------------------------------------------------------------------------------*/
  /* Article || Meta
  ----------------------------------------------------------------------------------------------------*/
  /* Article || Footer
  ----------------------------------------------------------------------------------------------------*/ }
  .article:after {
    content: "";
    display: block;
    clear: both; }

/* Bonnes pratiques
 ----------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1260px) {
  .home .bonnes-pratiques .row {
    margin-left: -54px;
    margin-right: -54px; } }

.bonnes-pratiques {
  background: #fff;
  padding: 35px 0 0;
  padding: 2.1875rem 0 0;
  /* Page Bonnes pratiques
  ----------------------------------------------------------------------------------------------------*/
  /* Page Détail (Déposer bonne pratique)
  ----------------------------------------------------------------------------------------------------*/ }
  @media screen and (min-width: 1024px) {
    .bonnes-pratiques {
      padding: 55px 0 0;
      padding: 3.4375rem 0 0; } }
  .bonnes-pratiques .h2 {
    margin: 0 0 20px;
    margin: 0 0 1.25rem;
    font-size: 20px;
    font-size: 1.25rem;
    color: #353f53; }
    @media screen and (min-width: 768px) {
      .bonnes-pratiques .h2 {
        margin: 0 0 35px;
        margin: 0 0 2.1875rem;
        font-size: 28px;
        font-size: 1.75rem; } }
    @media screen and (min-width: 1024px) {
      .bonnes-pratiques .h2 {
        margin: 0 0 35px;
        margin: 0 0 2.1875rem; } }
  .bonnes-pratiques [class*='col-'] {
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .bonnes-pratiques [class*='col-'] {
        padding: 0 27px 0;
        padding: 0 1.6875rem 0;
        margin-bottom: 30px !important; } }
  .page__bonnes-pratiques .bonnes-pratiques .entete {
    margin: 25px 0 35px 0;
    margin: 1.5625rem 0 2.1875rem 0; }
    .page__bonnes-pratiques .bonnes-pratiques .entete p {
      margin: 0;
      line-height: 20px;
      line-height: 1.25rem;
      font-family: "Open Sans", sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      font-weight: 600; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .bonnes-pratiques .entete p {
          margin-top: 35px; } }
      .page__bonnes-pratiques .bonnes-pratiques .entete p:last-child {
        margin-top: 0; }
  .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques [class^='col-'] {
    margin: 0;
    border-bottom: none;
    padding: 0 15px;
    padding: 0 0.9375rem; }
    @media screen and (min-width: 768px) {
      .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques [class^='col-'] {
        width: 33.33333%; } }
  .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques.slider__card {
    padding: 40px 0 0 0;
    padding: 2.5rem 0 0 0;
    background: none; }
    .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques.slider__card .h3 {
      text-align: center;
      font-size: 14px;
      font-size: 0.875rem;
      max-width: inherit;
      margin: 0 0 5px 0 !important;
      margin: 0 0 0.3125rem 0 !important; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques.slider__card .h3 {
          margin: 10px;
          margin: 0.625rem;
          font-size: 12px;
          font-size: 0.75rem;
          text-align: left; } }
      @media screen and (min-width: 1024px) {
        .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques.slider__card .h3 {
          font-size: 15px;
          font-size: 0.9375rem; } }
    .page__bonnes-pratiques .bonnes-pratiques.cards__bonnes-pratiques.slider__card button:before {
      font-size: 40px;
      font-size: 2.5rem; }
  .page__detail .bonnes-pratiques {
    padding-top: 15px;
    background: #fff; }

/* Breadcrumb
----------------------------------------------------------------------------------------------------*/
.breadcrumb {
  margin: 20px 0;
  margin: 1.25rem 0; }

/* Card
 ----------------------------------------------------------------------------------------------------*/
.card {
  position: relative;
  display: inline-block;
  height: 100%;
  border: 1px solid #f2f2f2;
  border: 0.0625rem solid #f2f2f2;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /* Card || header
   ----------------------------------------------------------------------------------------------------*/
  /* Card || Body
 ----------------------------------------------------------------------------------------------------*/
  /* Card || content
   ----------------------------------------------------------------------------------------------------*/
  /* Card || footer
   ----------------------------------------------------------------------------------------------------*/
  /* Card || Link
   ----------------------------------------------------------------------------------------------------*/
  /* Card || All
  ----------------------------------------------------------------------------------------------------*/ }
  @media screen and (min-width: 768px) {
    .card {
      display: block; } }
  .card:hover, .card:active, .card:focus {
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: none; }
    @media screen and (min-width: 768px) {
      .card:hover, .card:active, .card:focus {
        -webkit-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
        -moz-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
        -o-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
        box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3); } }
  .card .title-sub {
    line-height: 18px;
    line-height: 1.125rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #374155; }
    @media screen and (min-width: 768px) {
      .card .title-sub {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media screen and (min-width: 768px) {
      .page__home .card .title-sub {
        font-size: 18px;
        font-size: 1.125rem;
        max-height: 36px;
        overflow: hidden; } }
  .card .h3 {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    margin: 0; }
    .page__home .card .h3 {
      max-width: 230px;
      text-align: center;
      margin: 5px auto 5px;
      margin: 0.3125rem auto 0.3125rem;
      line-height: 16px;
      line-height: 1rem; }
      @media screen and (min-width: 768px) {
        .page__home .card .h3 {
          max-height: 48px;
          overflow: hidden; } }
  .card__header {
    position: relative;
    /* height: 180px; */
    padding: 15px;
    padding: 0.9375rem; }
    @media screen and (min-width: 768px) {
      .page__home .card__header {
        min-height: 215px; } }
    @media screen and (min-width: 1024px) {
      .page__home .card__header {
        min-height: 188px; }
        .page__home .card__header .img-category {
          max-height: 90px !important; } }
    .bonnes-pratiques .card__header {
      padding: 20px;
      padding: 1.25rem; }
    .card__header .arrow {
      position: absolute;
      display: inline-block;
      bottom: 0;
      left: 0;
      border-left: 0 solid #fff;
      border-right: 0 solid #fff;
      border-bottom: 0;
      transition-property: border-top, bottom;
      transition-duration: .1s; }
    .card__header:hover .arrow, .card__header:active .arrow, .card__header:focus .arrow {
      bottom: -10px;
      bottom: -0.625rem;
      transition-property: border-top, bottom;
      transition-duration: .1s; }
    .card__header .img-category {
      max-height: 105px !important; }
  .card__body {
    height: 100%;
    padding: 20px 20px 15px;
    padding: 1.25rem 1.25rem 0.9375rem;
    background: #fff; }
    @media screen and (min-width: 768px) {
      .card__body {
        padding: 25px 20px 20px;
        padding: 1.5625rem 1.25rem 1.25rem; } }
  .card__content {
    padding-bottom: 30px; }
    .card__content p {
      margin: 0 0 10px 0;
      margin: 0 0 0.625rem 0;
      line-height: 19px;
      line-height: 1.1875rem;
      font-family: "Exo 2", sans-serif;
      font-size: 15px;
      font-size: 0.9375rem; }
      @media screen and (min-width: 768px) {
        .card__content p {
          font-size: 16px;
          font-size: 1rem; } }
      @media screen and (min-width: 768px) {
        .page__home .card__content p {
          font-size: 14px;
          font-size: 0.875rem; } }
  .card__footer {
    position: absolute;
    bottom: 15px;
    bottom: 0.9375rem;
    right: 15px;
    right: 0.9375rem;
    margin: 0; }
    .card__footer p {
      text-align: right;
      margin: 0; }
  .card__link {
    width: 100%;
    height: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 30px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 28px;
    line-height: 1.75rem;
    color: #fff;
    font-weight: normal;
    background: #374155;
    display: flex;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 768px) {
      .card__link {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 40px;
        line-height: 2.5rem; } }
    .card__link:hover, .card__link:active, .card__link:focus {
      color: #fff;
      background: #90c5f0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .card__link:hover .demo-icon.icon-arrow1, .card__link:active .demo-icon.icon-arrow1, .card__link:focus .demo-icon.icon-arrow1 {
        margin-left: 40px;
        color: #7a869e;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .card__link .d-flex,
    .card__link .link {
      width: 100%;
      height: auto; }
    .card__link .demo-icon.icon-arrow1 {
      color: #b7bcc5;
      line-height: 75px;
      line-height: 4.6875rem;
      font-size: 32px;
      font-size: 2rem;
      margin-left: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .card__link .demo-icon.icon-arrow2 {
      display: none;
      margin-left: 40px;
      color: #7a869e;
      font-size: 75px;
      font-size: 4.6875rem; }
  .card__all {
    margin: 40px 0 !important;
    margin: 2.5rem 0 !important;
    float: left; }
    @media screen and (min-width: 768px) {
      .card__all {
        float: none;
        margin: 0 !important; } }
  .page__bonnes-pratiques .card {
    position: relative;
    height: 100%;
    background: #fff; }
    .page__bonnes-pratiques .card .card__content {
      padding-bottom: 50px; }
      .page__bonnes-pratiques .card .card__content .content {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 18px;
        line-height: 1.125rem;
        color: #353f53;
        text-transform: inherit;
        font-weight: bold; }
    .page__bonnes-pratiques .card .card__footer {
      position: absolute;
      bottom: 15px;
      bottom: 0.9375rem;
      right: 15px;
      right: 0.9375rem; }
  .card .invite__connexion {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: default;
    background: rgba(0, 0, 0, 0.6); }
  .card .invite__message {
    margin: 35px 20px 0px 18px;
    margin: 2.1875rem 1.25rem 0rem 1.125rem;
    text-transform: inherit;
    color: #fff;
    font-weight: normal; }
  .card .invite__btn {
    margin: -95px auto 0 auto;
    margin: -5.9375rem auto 0 auto; }
    .card .invite__btn.btn-connexion {
      padding: 15px 20px 15px 45px;
      padding: 0.9375rem 1.25rem 0.9375rem 2.8125rem;
      cursor: pointer; }

/* Clients
 ----------------------------------------------------------------------------------------------------*/
.clients {
  background: #eaedf3;
  padding: 25px 0;
  padding: 1.5625rem 0; }
  @media screen and (min-width: 768px) {
    .clients {
      padding: 33px 0 0px;
      padding: 2.0625rem 0 0rem; } }
  .clients .container {
    width: 100%;
    margin: 0 auto; }
  .clients .row {
    position: relative;
    padding: 25px 0 0px;
    padding: 1.5625rem 0 0rem; }
    @media screen and (min-width: 768px) {
      .clients .row {
        padding: 40px 0 38px;
        padding: 2.5rem 0 2.375rem; } }

/* Connexion
----------------------------------------------------------------------------------------------------*/
body.show-login {
  overflow: hidden; }

.bk-model {
  background: #000;
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none; }
  .bk-model.active {
    display: block; }

.model-connexion {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000;
  max-width: 410px;
  text-align: center; }
  .model-connexion img {
    max-width: 240px; }
  .model-connexion .connexion-content {
    background: #fff;
    padding: 35px 72px;
    padding: 2.1875rem 4.5rem;
    margin-top: 20px;
    text-align: left; }
    .model-connexion .connexion-content .lable--title {
      margin-bottom: 6px; }
    .model-connexion .connexion-content form:after {
      content: "";
      display: block;
      clear: both; }
    .model-connexion .connexion-content form .label-pageMembre {
      position: absolute;
      bottom: -25px;
      bottom: -1.5625rem;
      right: 0; }
      .model-connexion .connexion-content form .label-pageMembre a {
        color: #fff;
        font-size: 13px;
        font-size: 0.8125rem;
        font-weight: normal; }
    .model-connexion .connexion-content form input {
      margin: 10px 0px;
      margin: 0.625rem 0rem;
      padding: 8px 15px;
      padding: 0.5rem 0.9375rem;
      font-weight: normal;
      font-size: 14px;
      font-size: 0.875rem; }
    .model-connexion .connexion-content form [type="checkbox"] {
      width: 11px;
      width: 0.6875rem;
      height: 11px;
      height: 0.6875rem;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
    .model-connexion .connexion-content form .btn__green {
      color: #fff;
      text-transform: uppercase;
      border-radius: 20px;
      border-radius: 1.25rem;
      float: right;
      max-width: 145px;
      margin: 40px 0 20px;
      margin: 2.5rem 0 1.25rem;
      cursor: pointer;
      height: 40px;
      height: 2.5rem;
      font-weight: bold;
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      font-size: 0.8125rem; }
      .model-connexion .connexion-content form .btn__green:hover {
        opacity: 0.8; }
    .model-connexion .connexion-content a {
      text-decoration: underline;
      font-size: 12px;
      font-size: 0.75rem;
      font-weight: bold; }
  .model-connexion.active {
    display: block; }

.connexion {
  /* Connexion || Content
     ----------------------------------------------------------------------------------------------------*/ }
  .connexion p {
    float: left;
    margin: 9px 15px 0 0;
    margin: 0.5625rem 0.9375rem 0 0;
    line-height: 14px;
    line-height: 0.875rem;
    color: #8e939f;
    font-style: italic;
    text-align: right;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    display: none; }
    @media screen and (min-width: 768px) {
      .connexion p {
        font-size: 11px;
        font-size: 0.6875rem;
        display: block; } }
  .connexion .btn {
    float: right;
    width: auto;
    height: 45px;
    height: 2.8125rem; }
  .connexion__adhesion {
    position: relative; }
    @media screen and (min-width: 768px) {
      .connexion__adhesion:before, .connexion__adhesion:after {
        content: '';
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%; }
      .connexion__adhesion:before {
        left: 0;
        background: #90c5f0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .connexion-left .connexion__adhesion:before {
          background: #90c5f0;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; } }
    .connexion__adhesion:after {
      left: 50%;
      background: #353f53;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .connexion__adhesion:after {
        background: #353f53;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .connexion__adhesion [class^='col'] {
      margin-bottom: 0;
      border: none; }
      @media screen and (min-width: 768px) {
        .connexion__adhesion [class^='col'] {
          margin-bottom: 15px; } }
    .connexion__adhesion .dummy {
      position: absolute;
      display: none;
      top: 0;
      width: 0;
      height: 0;
      z-index: -1; }
      @media screen and (min-width: 1024px) {
        .connexion__adhesion .dummy {
          display: inline-block;
          top: 0;
          width: 50%;
          height: 100%;
          z-index: 999; } }
      .connexion__adhesion .dummy__left {
        left: 0; }
      .connexion__adhesion .dummy__right {
        left: 50%; }
  .connexion__content {
    position: relative;
    z-index: 1; }
    .connexion__content.col-6 {
      padding: 40px 50px 90px;
      padding: 2.5rem 3.125rem 5.625rem; }
      @media screen and (min-width: 768px) {
        .connexion__content.col-6 {
          padding: 70px 40px;
          padding: 4.375rem 2.5rem; } }
      @media screen and (min-width: 1024px) {
        .connexion__content.col-6 {
          padding: 70px 95px;
          padding: 4.375rem 5.9375rem; } }
    .connexion__content .title {
      text-align: center;
      line-height: 35px;
      line-height: 2.1875rem;
      color: #727987;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .connexion__content .title {
        color: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .connexion__content.left {
      background: #90c5f0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .connexion-left .connexion__content.left {
        background: #90c5f0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .connexion__content.left .title {
        color: #fff; }
    .connexion__content.right {
      padding-bottom: 80px;
      text-align: center;
      background: #353f53;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (min-width: 768px) {
        .connexion__content.right {
          text-align: right; } }
      .connexion-left .connexion__content.right {
        background: #353f53;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .connexion__content.right .title {
        margin-bottom: 40px;
        color: #eff0f0;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        @media screen and (min-width: 768px) {
          .connexion__content.right .title {
            margin-bottom: 60px; } }
        .connexion-left .connexion__content.right .title {
          color: #727987;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .connexion__content.right p {
        margin-bottom: 50px;
        color: #eff0f0;
        font-size: 15px;
        font-size: 0.9375rem;
        font-family: "Exo 2", sans-serif;
        text-align: center;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        @media screen and (min-width: 768px) {
          .connexion__content.right p {
            margin-bottom: 80px;
            text-align: left; } }
        @media screen and (min-width: 1024px) {
          .connexion__content.right p {
            margin-bottom: 70px; } }
        .connexion-left .connexion__content.right p {
          color: #727987;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
      .connexion__content.right .btn-four {
        max-width: 146px; }

.bodylinks__entete {
  background: url("../img/bg-green.png") no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  position: relative; }
  .bodylinks__entete p .mailto {
    margin-top: 0 !important;
    color: #fff !important;
    text-decoration: underline; }

/* Contact
 ----------------------------------------------------------------------------------------------------*/
.contact {
  position: relative;
  /* Contact || Left
  ----------------------------------------------------------------------------------------------------*/ }
  .contact__left {
    padding-top: 25px;
    margin-bottom: 0 !important; }
    @media screen and (min-width: 768px) {
      .contact__left {
        padding-top: 35px;
        width: auto;
        height: 800px;
        height: 50rem;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .contact__left .title {
        margin-bottom: 35px; } }
    @media screen and (min-width: 768px) {
      .contact__left p {
        line-height: 22px;
        line-height: 1.375rem; } }
    .contact__left a {
      text-decoration: underline;
      font-weight: bold; }
    @media screen and (min-width: 768px) {
      .contact__left .wpcf7-validation-errors {
        position: absolute;
        bottom: 0;
        border: none;
        max-width: 70%;
        color: red;
        margin-left: 0; } }

/* Encart
 ----------------------------------------------------------------------------------------------------*/
.encart {
  padding: 35px 0 20px;
  padding: 2.1875rem 0 1.25rem;
  background-color: #f2f2f2;
  /* Encart || numbers
  ----------------------------------------------------------------------------------------------------*/
  /* Page Bonnes pratiques
  ----------------------------------------------------------------------------------------------------*/ }
  @media screen and (min-width: 768px) {
    .encart {
      padding: 25px 0;
      padding: 1.5625rem 0; } }
  @media screen and (min-width: 1024px) {
    .encart {
      padding: 40px 0 60px;
      padding: 2.5rem 0 3.75rem; } }
  .encart .h2 {
    margin: 0 0 15px 0;
    margin: 0 0 0.9375rem 0;
    font-size: 20px;
    font-size: 1.25rem;
    color: #353f53; }
    @media screen and (min-width: 768px) {
      .encart .h2 {
        margin: 5px 0 30px 0;
        margin: 0.3125rem 0 1.875rem 0;
        font-size: 28px;
        font-size: 1.75rem; } }
  .encart .number {
    margin-bottom: 0px; }
    @media screen and (min-width: 768px) {
      .encart .number {
        margin-bottom: 30px; } }
  .encart .content {
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem; }
    @media screen and (min-width: 768px) {
      .encart .content {
        font-size: 11px;
        font-size: 0.6875rem; } }
    @media screen and (min-width: 1024px) {
      .encart .content {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 22px;
        line-height: 1.375rem; } }
    @media screen and (min-width: 1260px) {
      .encart .content {
        font-size: 16px;
        font-size: 1rem; } }
  .encart__numbers:after {
    content: "";
    display: block;
    clear: both; }
  .encart__numbers [class^='col-'] {
    margin: 0 !important;
    padding: 15px;
    padding: 0.9375rem;
    margin-bottom: 2px;
    z-index: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    @media screen and (min-width: 768px) {
      .encart__numbers [class^='col-'] {
        margin-bottom: 0; } }
    .encart__numbers [class^='col-'] p {
      display: inline-block; }
      @media screen and (min-width: 768px) {
        .encart__numbers [class^='col-'] p {
          display: block; } }
    .encart__numbers [class^='col-'] .content {
      width: 80%;
      margin: 0 0 0 15px;
      margin: 0 0 0 0.9375rem;
      font-family: "Montserrat", sans-serif; }
      @media screen and (min-width: 768px) {
        .encart__numbers [class^='col-'] .content {
          width: 100%;
          margin: 0;
          font-family: "Open Sans", sans-serif; } }
    .encart__numbers [class^='col-']:hover, .encart__numbers [class^='col-']:active, .encart__numbers [class^='col-']:focus {
      z-index: 2;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      -webkit-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
      -moz-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
      -o-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
      box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3); }
    @media screen and (min-width: 768px) {
      .encart__numbers [class^='col-'] {
        width: 33.33333%;
        padding: 15px 10px;
        padding: 0.9375rem 0.625rem; } }
    @media screen and (min-width: 1024px) {
      .encart__numbers [class^='col-'] {
        padding: 15px;
        padding: 0.9375rem; } }
  .page__bonnes-pratiques .encart {
    padding: 5px 0 25px;
    padding: 0.3125rem 0 1.5625rem; }
    @media screen and (min-width: 768px) {
      .page__bonnes-pratiques .encart {
        padding: 35px 0 20px;
        padding: 2.1875rem 0 1.25rem; } }
    .page__bonnes-pratiques .encart .tabs_cadre {
      margin-left: 15px; }
      .page__bonnes-pratiques .encart .tabs_cadre [class^='col-'] {
        width: 95%;
        border-bottom-color: #f3f4f8;
        box-shadow: none; }
        @media screen and (min-width: 768px) {
          .page__bonnes-pratiques .encart .tabs_cadre [class^='col-'] {
            width: 16.66667%;
            margin-right: 20px; } }
    .page__bonnes-pratiques .encart__numbers {
      background: none; }
    .page__bonnes-pratiques .encart li {
      margin: 0;
      padding: 0;
      text-align: left;
      box-shadow: none;
      background: transparent; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .encart li {
          width: 100%; } }
      .page__bonnes-pratiques .encart li:before {
        display: none; }
      .page__bonnes-pratiques .encart li .selection {
        height: 100%;
        padding: 15px;
        padding: 0.9375rem;
        cursor: pointer; }
        @media screen and (min-width: 768px) {
          .page__bonnes-pratiques .encart li .selection {
            margin-right: 15px; } }
        .page__bonnes-pratiques .encart li .selection:hover, .page__bonnes-pratiques .encart li .selection:active, .page__bonnes-pratiques .encart li .selection:focus {
          z-index: 2;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          -webkit-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
          -moz-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
          -o-box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3);
          box-shadow: 0 0 30px 0 rgba(55, 65, 85, 0.3); }
        @media screen and (min-width: 768px) {
          .page__bonnes-pratiques .encart li .selection .content {
            font-size: 9px;
            font-size: 0.5625rem; } }
        @media screen and (min-width: 1024px) {
          .page__bonnes-pratiques .encart li .selection .content {
            font-size: 14px;
            font-size: 0.875rem; } }

/* Footer
 ----------------------------------------------------------------------------------------------------*/
.footer {
  /* Footer || top
   ----------------------------------------------------------------------------------------------------*/
  /* Footer || middle
   ----------------------------------------------------------------------------------------------------*/
  /* Footer || bottom
   ----------------------------------------------------------------------------------------------------*/ }
  .footer:after {
    content: "";
    display: block;
    clear: both; }
  .footer__top {
    background: #374155;
    color: #fff;
    padding: 30px 0 20px;
    padding: 1.875rem 0 1.25rem; }
    .footer__top .wrapper {
      text-align: center; }
    .footer__top .icon {
      position: absolute;
      top: -55px;
      top: -3.4375rem;
      left: 50%;
      margin-left: -32px;
      background: #374155;
      width: 75px;
      width: 4.6875rem;
      height: 75px;
      height: 4.6875rem;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
      @media screen and (min-width: 768px) {
        .footer__top .icon {
          top: -75px;
          top: -4.6875rem;
          margin-left: -50px;
          width: 100px;
          width: 6.25rem;
          height: 100px;
          height: 6.25rem; } }
      .footer__top .icon .demo-icon {
        position: relative;
        top: 0;
        left: -2px;
        left: -0.125rem;
        font-size: 35px;
        font-size: 2.1875rem;
        color: #555d6e; }
        @media screen and (min-width: 768px) {
          .footer__top .icon .demo-icon {
            top: 6px;
            top: 0.375rem;
            font-size: 50px;
            font-size: 3.125rem; } }
    .footer__top .h4 {
      position: relative;
      text-transform: uppercase;
      font-size: 20px;
      font-size: 1.25rem;
      margin: 0 0 10px 0;
      margin: 0 0 0.625rem 0; }
      @media screen and (min-width: 768px) {
        .footer__top .h4 {
          font-size: 30px;
          font-size: 1.875rem; } }
    .footer__top p {
      font-size: 14px;
      font-size: 0.875rem; }
      @media screen and (min-width: 768px) {
        .footer__top p {
          font-size: 16px;
          font-size: 1rem; } }
    .footer__top .btn {
      display: inline-block; }
  .footer__middle {
    background: #191c23 url("../img/logo-footer.png") center 90px no-repeat;
    background-size: 250px 60px;
    padding: 20px 0 5px;
    padding: 1.25rem 0 0.3125rem; }
    @media screen and (min-width: 768px) {
      .footer__middle {
        padding: 40px 0 30px;
        padding: 2.5rem 0 1.875rem;
        background: #191c23 url("../img/logo-footer.png") center 25px no-repeat;
        background-size: 390px 80px; } }
    .footer__middle .container {
      max-width: 770px;
      margin: 0 auto 25px auto;
      margin: 0 auto 1.5625rem auto;
      text-align: center; }
      .footer__middle .container:after {
        content: "";
        display: block;
        clear: both; }
      @media screen and (min-width: 768px) {
        .footer__middle .container {
          margin: 5px auto 15px;
          margin: 0.3125rem auto 0.9375rem; } }
      .footer__middle .container [class^='col-'] {
        border-bottom: none; }
        @media screen and (min-width: 991px) {
          .footer__middle .container [class^='col-'] {
            width: auto;
            float: none;
            display: inline-block;
            text-align: left;
            vertical-align: top;
            padding-right: 100px;
            padding-left: 0; } }
        @media screen and (min-width: 991px) {
          .footer__middle .container [class^='col-']:last-child {
            padding-right: 0; } }
      .footer__middle .container p {
        margin-bottom: 0;
        line-height: 25px;
        line-height: 1.5625rem;
        color: #fff;
        font-size: 14px;
        font-size: 0.875rem; }
        @media screen and (min-width: 768px) {
          .footer__middle .container p {
            line-height: 40px;
            line-height: 2.5rem;
            font-size: 17px;
            font-size: 1.0625rem; } }
        .footer__middle .container p.adress-last, .footer__middle .container p span {
          line-height: 15px;
          line-height: 0.9375rem; }
          @media screen and (min-width: 768px) {
            .footer__middle .container p.adress-last, .footer__middle .container p span {
              line-height: 7px;
              line-height: 0.4375rem; } }
      .footer__middle .container span {
        line-height: 15px;
        line-height: 0.9375rem;
        color: #fff;
        display: block;
        font-size: 14px;
        font-size: 0.875rem; }
        @media screen and (min-width: 768px) {
          .footer__middle .container span {
            line-height: 0;
            font-size: 17px;
            font-size: 1.0625rem; } }
      .footer__middle .container .h4 {
        color: #7ac8f8;
        margin: 0;
        font-size: 15px;
        font-size: 0.9375rem;
        font-family: "Open Sans", sans-serif;
        font-weight: normal;
        text-transform: none; }
      .footer__middle .container .contact {
        line-height: 25px;
        line-height: 1.5625rem;
        color: #45c99c; }
        @media screen and (min-width: 768px) {
          .footer__middle .container .contact {
            line-height: 40px;
            line-height: 2.5rem;
            font-size: 17px;
            font-size: 1.0625rem; } }
      .footer__middle .container .text-bottom-middle {
        margin-top: 20px;
        line-height: 0;
        color: #fff; }
  .footer__bottom {
    padding-bottom: 0; }
    .footer__bottom:after {
      content: "";
      display: block;
      clear: both; }
    .footer__bottom.wrapper {
      padding: 15px 0;
      padding: 0.9375rem 0; }
      @media screen and (min-width: 768px) {
        .footer__bottom.wrapper {
          padding: 10px 15px;
          padding: 0.625rem 0.9375rem; } }
    .footer__bottom a, .footer__bottom p {
      color: #b7bcc5;
      text-transform: uppercase;
      font-family: "Open Sans", sans-serif;
      font-size: 13px;
      font-size: 0.8125rem;
      display: inline-block; }
    .footer__bottom .social-icons {
      width: 100%;
      text-align: center;
      position: relative;
      z-index: 1;
      margin-bottom: 5px; }
      @media screen and (min-width: 768px) {
        .footer__bottom .social-icons {
          width: auto;
          margin-bottom: 0; } }
      .footer__bottom .social-icons .demo-icon {
        font-size: 24px;
        font-size: 1.5rem;
        color: #b7bcc5;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .footer__bottom .social-icons .demo-icon:hover, .footer__bottom .social-icons .demo-icon:active, .footer__bottom .social-icons .demo-icon:focus {
          color: #374155;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
    .footer__bottom .agence {
      width: 100%;
      text-align: center;
      font-style: italic; }
      @media screen and (min-width: 768px) {
        .footer__bottom .agence {
          width: auto;
          float: right;
          position: relative;
          top: 5px;
          top: 0.3125rem; } }
      .footer__bottom .agence p,
      .footer__bottom .agence a {
        margin: 0;
        text-transform: inherit; }
      .footer__bottom .agence a:hover, .footer__bottom .agence a:active, .footer__bottom .agence a:focus {
        color: #374155; }

.flex-big {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%; }

.flex-box {
  width: 100%; }

.popup_mailform {
  max-width: 100%;
  margin: 0 auto; }
  .popup_mailform .input_box {
    position: relative;
    min-width: 260px;
    max-width: 300px;
    margin: 0 auto; }
    .popup_mailform .input_box input {
      border-color: #a09ea4; }
    .popup_mailform .input_box input[type=submit],
    .popup_mailform .input_box button[type=submit] {
      position: absolute;
      right: 0;
      top: 0;
      min-width: 50px;
      height: 41px;
      height: 2.5625rem;
      line-height: 40px;
      line-height: 2.5rem;
      text-align: center;
      border: 1px solid #a09ea4;
      border: 0.0625rem solid #a09ea4;
      background: #ff5151;
      font-size: 15px;
      font-size: 0.9375rem;
      color: #fff; }
  .popup_mailform .mc4wp-response {
    margin-top: 1px;
    min-height: 36px;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #a09ea4; }

.popup_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999; }
  .popup_wrapper.pp_closed {
    display: none; }

.popup_title {
  color: #a09ea4;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 5px;
  text-transform: inherit; }

.popup_subtitle {
  font-size: 20px;
  font-size: 1.25rem;
  color: #a09ea4;
  text-transform: inherit; }

.popup_checkbox {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #a09ea4; }
  .popup_checkbox p {
    margin-top: 5px;
    margin-bottom: 10px; }
  .popup_checkbox > p {
    padding-left: 25px;
    position: relative; }
    .popup_checkbox > p:before {
      display: block;
      content: "✔";
      position: absolute;
      top: 0;
      left: 0;
      color: #88cb64;
      font-size: 16px;
      font-size: 1rem; }

.popup_box {
  padding: 30px 10px 10px 10px;
  padding: 1.875rem 0.625rem 0.625rem 0.625rem;
  position: relative;
  max-width: 100%;
  width: 690px;
  width: 43.125rem;
  background-color: #fff;
  min-height: 410px;
  margin: 0 auto;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%; }
  .popup_box-body {
    max-height: 410px;
    overflow-y: auto; }
    @media screen and (min-height: 630px) {
      .popup_box-body {
        max-height: initial;
        overflow-y: auto; } }
  .popup_box-close {
    width: 25px;
    width: 1.5625rem;
    height: 25px;
    height: 1.5625rem;
    position: absolute;
    top: 5px;
    top: 0.3125rem;
    right: 5px;
    right: 0.3125rem;
    cursor: pointer; }
    .popup_box-close:hover:before, .popup_box-close:hover:after {
      background: #000; }
    .popup_box-close:before {
      display: block;
      content: '';
      width: 25px;
      width: 1.5625rem;
      height: 5px;
      height: 0.3125rem;
      background: #BABABA;
      transform: rotate(45deg);
      margin-top: 13px;
      margin-left: 0px; }
    .popup_box-close:after {
      display: block;
      content: '';
      width: 25px;
      width: 1.5625rem;
      height: 5px;
      height: 0.3125rem;
      background: #BABABA;
      transform: rotate(-45deg);
      margin-top: -5px;
      margin-left: 0px; }

/* Global
----------------------------------------------------------------------------------------------------*/
.bg-white {
  background: #fff; }

.bg-color-3 {
  background: #353f53; }

/* Contenu encart le plus haut
 ----------------------------------------------------------------------------------------------------*/
.content-highest-home .number {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .content-highest-home .number {
      margin-bottom: 10px; } }

.content-highest-bonnes-pratiques .number {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .content-highest-bonnes-pratiques .number {
      margin-bottom: 18px; } }
  @media screen and (min-width: 1024px) {
    .content-highest-bonnes-pratiques .number {
      margin-bottom: 8px; } }

/* Category
 ----------------------------------------------------------------------------------------------------*/
.category-1 {
  background: #a283c7;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-1 .card__header {
    /* &:before { */ }
    .category-1 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #a283c7;
      border-top: 1.25rem solid #a283c7; }
  .category-1:hover .card__header .arrow, .category-1:active .card__header .arrow, .category-1:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #a283c7;
    border-top: 1.875rem solid #a283c7; }
  .category-1 .number {
    color: #a283c7; }
  .category-1 .text-author span {
    background: #a283c7; }
  .category-1 li:before {
    background: #a283c7 !important; }
  .category-1 .presentation__detail {
    background: #a283c7; }
  .category-1.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-1.tabs__bonnes-pratiques-content .number {
      background: #a283c7;
      color: #fff; }
    .category-1.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-1.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #a283c7;
      border-left: 0.0625rem solid #a283c7; }
    .category-1.tabs__bonnes-pratiques-content .card__header {
      background: #a283c7;
      margin-bottom: 6px; }
      .category-1.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #a283c7;
        border-top: 0.9375rem solid #a283c7;
        padding-bottom: 1px; }
    .category-1.tabs__bonnes-pratiques-content a:hover .arrow, .category-1.tabs__bonnes-pratiques-content a:active .arrow, .category-1.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #a283c7;
      border-top: 1.3125rem solid #a283c7; }

.category-2 {
  background: #ff6958;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-2 .card__header {
    /* &:before { */ }
    .category-2 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #ff6958;
      border-top: 1.25rem solid #ff6958; }
  .category-2:hover .card__header .arrow, .category-2:active .card__header .arrow, .category-2:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #ff6958;
    border-top: 1.875rem solid #ff6958; }
  .category-2 .number {
    color: #ff6958; }
  .category-2 .text-author span {
    background: #ff6958; }
  .category-2 li:before {
    background: #ff6958 !important; }
  .category-2 .presentation__detail {
    background: #ff6958; }
  .category-2.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-2.tabs__bonnes-pratiques-content .number {
      background: #ff6958;
      color: #fff; }
    .category-2.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-2.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #ff6958;
      border-left: 0.0625rem solid #ff6958; }
    .category-2.tabs__bonnes-pratiques-content .card__header {
      background: #ff6958;
      margin-bottom: 6px; }
      .category-2.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #ff6958;
        border-top: 0.9375rem solid #ff6958;
        padding-bottom: 1px; }
    .category-2.tabs__bonnes-pratiques-content a:hover .arrow, .category-2.tabs__bonnes-pratiques-content a:active .arrow, .category-2.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #ff6958;
      border-top: 1.3125rem solid #ff6958; }

.category-3 {
  background: #90c5f0;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-3 .card__header {
    /* &:before { */ }
    .category-3 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #90c5f0;
      border-top: 1.25rem solid #90c5f0; }
  .category-3:hover .card__header .arrow, .category-3:active .card__header .arrow, .category-3:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #90c5f0;
    border-top: 1.875rem solid #90c5f0; }
  .category-3 .number {
    color: #90c5f0; }
  .category-3 .text-author span {
    background: #90c5f0; }
  .category-3 li:before {
    background: #90c5f0 !important; }
  .category-3 .presentation__detail {
    background: #90c5f0; }
  .category-3.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-3.tabs__bonnes-pratiques-content .number {
      background: #90c5f0;
      color: #fff; }
    .category-3.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-3.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #90c5f0;
      border-left: 0.0625rem solid #90c5f0; }
    .category-3.tabs__bonnes-pratiques-content .card__header {
      background: #90c5f0;
      margin-bottom: 6px; }
      .category-3.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #90c5f0;
        border-top: 0.9375rem solid #90c5f0;
        padding-bottom: 1px; }
    .category-3.tabs__bonnes-pratiques-content a:hover .arrow, .category-3.tabs__bonnes-pratiques-content a:active .arrow, .category-3.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #90c5f0;
      border-top: 1.3125rem solid #90c5f0; }

.category-4 {
  background: #64cbb6;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-4 .card__header {
    /* &:before { */ }
    .category-4 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #64cbb6;
      border-top: 1.25rem solid #64cbb6; }
  .category-4:hover .card__header .arrow, .category-4:active .card__header .arrow, .category-4:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #64cbb6;
    border-top: 1.875rem solid #64cbb6; }
  .category-4 .number {
    color: #64cbb6; }
  .category-4 .text-author span {
    background: #64cbb6; }
  .category-4 li:before {
    background: #64cbb6 !important; }
  .category-4 .presentation__detail {
    background: #64cbb6; }
  .category-4.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-4.tabs__bonnes-pratiques-content .number {
      background: #64cbb6;
      color: #fff; }
    .category-4.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-4.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #64cbb6;
      border-left: 0.0625rem solid #64cbb6; }
    .category-4.tabs__bonnes-pratiques-content .card__header {
      background: #64cbb6;
      margin-bottom: 6px; }
      .category-4.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #64cbb6;
        border-top: 0.9375rem solid #64cbb6;
        padding-bottom: 1px; }
    .category-4.tabs__bonnes-pratiques-content a:hover .arrow, .category-4.tabs__bonnes-pratiques-content a:active .arrow, .category-4.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #64cbb6;
      border-top: 1.3125rem solid #64cbb6; }

.category-5 {
  background: #e37494;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-5 .card__header {
    /* &:before { */ }
    .category-5 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #e37494;
      border-top: 1.25rem solid #e37494; }
  .category-5:hover .card__header .arrow, .category-5:active .card__header .arrow, .category-5:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #e37494;
    border-top: 1.875rem solid #e37494; }
  .category-5 .number {
    color: #e37494; }
  .category-5 .text-author span {
    background: #e37494; }
  .category-5 li:before {
    background: #e37494 !important; }
  .category-5 .presentation__detail {
    background: #e37494; }
  .category-5.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-5.tabs__bonnes-pratiques-content .number {
      background: #e37494;
      color: #fff; }
    .category-5.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-5.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #e37494;
      border-left: 0.0625rem solid #e37494; }
    .category-5.tabs__bonnes-pratiques-content .card__header {
      background: #e37494;
      margin-bottom: 6px; }
      .category-5.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #e37494;
        border-top: 0.9375rem solid #e37494;
        padding-bottom: 1px; }
    .category-5.tabs__bonnes-pratiques-content a:hover .arrow, .category-5.tabs__bonnes-pratiques-content a:active .arrow, .category-5.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #e37494;
      border-top: 1.3125rem solid #e37494; }

.category-6 {
  background: #f9d44d;
  /* Page deposer-bonne-pratiques */
  /* Page bonnes pratiques */
  /* Tabs
    ----------------------------------------------------------------------------------------------------*/ }
  .category-6 .card__header {
    /* &:before { */ }
    .category-6 .card__header .arrow {
      bottom: 0;
      border-top: 20px solid #f9d44d;
      border-top: 1.25rem solid #f9d44d; }
  .category-6:hover .card__header .arrow, .category-6:active .card__header .arrow, .category-6:focus .card__header .arrow {
    /* &:before { */
    bottom: -10px;
    bottom: -0.625rem;
    border-top: 30px solid #f9d44d;
    border-top: 1.875rem solid #f9d44d; }
  .category-6 .number {
    color: #f9d44d; }
  .category-6 .text-author span {
    background: #f9d44d; }
  .category-6 li:before {
    background: #f9d44d !important; }
  .category-6 .presentation__detail {
    background: #f9d44d; }
  .category-6.tabs {
    /* Tabs || bonnes-pratiques
      ----------------------------------------------------------------------------------------------------*/ }
    .category-6.tabs__bonnes-pratiques-content .number {
      background: #f9d44d;
      color: #fff; }
    .category-6.tabs__bonnes-pratiques-content h2 {
      color: #353f53; }
    .category-6.tabs__bonnes-pratiques-content .texte {
      border-left: 1px solid #f9d44d;
      border-left: 0.0625rem solid #f9d44d; }
    .category-6.tabs__bonnes-pratiques-content .card__header {
      background: #f9d44d;
      margin-bottom: 6px; }
      .category-6.tabs__bonnes-pratiques-content .card__header .arrow {
        /* top: 105px; */
        bottom: 0;
        border-top: 15px solid #f9d44d;
        border-top: 0.9375rem solid #f9d44d;
        padding-bottom: 1px; }
    .category-6.tabs__bonnes-pratiques-content a:hover .arrow, .category-6.tabs__bonnes-pratiques-content a:active .arrow, .category-6.tabs__bonnes-pratiques-content a:focus .arrow {
      bottom: -6px;
      bottom: -0.375rem;
      border-top: 21px solid #f9d44d;
      border-top: 1.3125rem solid #f9d44d; }

/* Sticky
 ----------------------------------------------------------------------------------------------------*/
.sticky {
  /* Sticky || Social
 ----------------------------------------------------------------------------------------------------*/ }
  .sticky__social {
    display: none; }
    @media screen and (min-width: 768px) {
      .sticky__social {
        display: block;
        position: fixed;
        top: 300px;
        top: 18.75rem;
        right: 0;
        z-index: 980;
        background: #fff;
        -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5); } }
    .sticky__social ul {
      margin: 0; }
      .page__about .sticky__social ul {
        padding: 0; }
    .sticky__social li {
      list-style: none;
      display: block; }
    .sticky__social a {
      display: block;
      text-align: center;
      line-height: 40px;
      line-height: 2.5rem;
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem; }
    .sticky__social .demo-icon {
      font-size: 18px;
      font-size: 1.125rem;
      color: #fff; }
      .sticky__social .demo-icon:before {
        margin: 0; }
    .sticky__social .in {
      background: #02679a; }
    .sticky__social .tweeter {
      background: #079ff5; }
    .sticky__social .facebook {
      background: #3a589a; }
    .sticky__social .youtube {
      background: #dd4b39; }

/* Section
 ----------------------------------------------------------------------------------------------------*/
.section {
  /* Section || Middle color
  ----------------------------------------------------------------------------------------------------*/ }
  .section__middle {
    position: relative;
    padding: 30px 0;
    padding: 1.875rem 0; }
    @media screen and (min-width: 768px) {
      .section__middle {
        padding: 60px 0;
        padding: 3.75rem 0; } }
    .section__middle:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      background: #fff;
      width: 100%;
      height: 50%; }

/* Content
 ----------------------------------------------------------------------------------------------------*/
.content__action {
  position: absolute;
  bottom: -20px;
  bottom: -1.25rem;
  text-align: center;
  width: 100%;
  height: auto; }
  .content__action:after {
    content: "";
    display: block;
    clear: both; }
  .content__action a {
    display: inline-block; }

/* Number
 ----------------------------------------------------------------------------------------------------*/
.number {
  margin: 0;
  text-align: center;
  background: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 30px;
  line-height: 1.875rem;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem; }
  .presentation__detail .number {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0 10px 0 0;
    margin: 0 0.625rem 0 0;
    position: relative;
    top: -3px;
    top: -0.1875rem;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem; }

/* Share
 ----------------------------------------------------------------------------------------------------*/
.share {
  float: left;
  margin: 0; }
  .share:hover button, .share:active button, .share:focus button {
    color: #90c5f0; }
  .share:hover li, .share:active li, .share:focus li {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .share button {
    float: left; }
  .share li {
    float: left;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .informations__detail .share li {
      padding: 0; }
  .share a {
    color: #90c5f0;
    margin: 0 !important;
    text-align: center;
    font-size: 24px;
    font-size: 1.5rem;
    width: 35px;
    width: 2.1875rem;
    height: 35px;
    height: 2.1875rem; }
    .share a:hover, .share a:active, .share a:focus {
      color: #374155; }
    .informations__detail .share a {
      margin: 0; }
  .share .tw {
    color: #079ff5; }
  .share .in {
    color: #02679a; }
  .share .fb {
    color: #3a589a; }

/* Header
 ----------------------------------------------------------------------------------------------------*/
.header {
  position: relative;
  background: #fff;
  /* Header || Top
 ----------------------------------------------------------------------------------------------------*/
  /* Header || Bottom
 ----------------------------------------------------------------------------------------------------*/
  /* Header || Logo
  ----------------------------------------------------------------------------------------------------*/ }
  .header:after {
    content: "";
    display: block;
    clear: both; }
  .header__logo:after, .header__top:after, .header__bottom:after {
    content: "";
    display: block;
    clear: both; }
  .header__top {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 45px;
    height: 2.8125rem; }
    .header__top .wrapper {
      padding: 0; }
      @media screen and (min-width: 1024px) {
        .header__top .wrapper {
          padding: 0 15px;
          padding: 0 0.9375rem; } }
  .header__bottom {
    position: relative;
    background: #fff;
    height: 65px;
    height: 4.0625rem; }
    @media screen and (min-width: 768px) {
      .header__bottom {
        height: 110px;
        height: 6.875rem; } }
    .header__sticky .header__bottom {
      position: fixed;
      top: 0;
      left: 0;
      height: 55px;
      height: 3.4375rem;
      width: 100%;
      background: #fff;
      z-index: 10;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); }
      .search-active.header__sticky .header__bottom {
        -webkit-box-shadow: 0 0 20px 0 transparent;
        -moz-box-shadow: 0 0 20px 0 transparent;
        -o-box-shadow: 0 0 20px 0 transparent;
        box-shadow: 0 0 20px 0 transparent; }
    .header__bottom .wrapper {
      position: relative;
      text-align: center;
      height: 100%; }
      .header__bottom .wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 991;
        width: 100%;
        height: 100%; }
      @media screen and (min-width: 768px) {
        .header__bottom .wrapper {
          height: 100%; } }
    .header__bottom .btn-connexion-sticky {
      position: absolute;
      top: 0;
      right: 0;
      width: 55px;
      width: 3.4375rem;
      height: 55px;
      height: 3.4375rem;
      display: none;
      background: #45c99c; }
  .header__logo {
    position: relative;
    display: inline-block;
    margin: 22px auto;
    margin: 1.375rem auto;
    z-index: 999; }
    @media screen and (min-width: 768px) {
      .header__logo {
        margin: 40px auto 0;
        margin: 2.5rem auto 0; } }
    @media screen and (min-width: 1024px) {
      .header__logo {
        position: relative;
        left: inherit;
        float: left;
        margin: 41px 0 0 0;
        margin: 2.5625rem 0 0 0; } }
    .header__sticky .header__logo {
      margin: 20px 0;
      margin: 1.25rem 0;
      max-width: 140px; }
      @media screen and (min-width: 768px) {
        .header__sticky .header__logo {
          max-width: 165px;
          margin: 18px 0;
          margin: 1.125rem 0; } }
    .header__logo a {
      display: block;
      max-width: 180px; }
      @media screen and (min-width: 768px) {
        .header__logo a {
          max-width: 260px; } }

/* Informations
----------------------------------------------------------------------------------------------------*/
.informations {
  /* Informations || Detail
  ----------------------------------------------------------------------------------------------------*/ }
  .informations li {
    list-style: none; }
    .informations li:before {
      display: none !important; }
  .informations a,
  .informations button {
    color: #374155;
    font-family: "Exo 2", sans-serif;
    font-weight: bold;
    height: 35px;
    height: 2.1875rem;
    line-height: 35px;
    line-height: 2.1875rem;
    display: inline-block; }
  .informations__detail {
    background: #fff;
    padding: 15px 0;
    padding: 0.9375rem 0; }
    @media screen and (min-width: 768px) {
      .informations__detail {
        padding: 20px 0;
        padding: 1.25rem 0; } }
    .informations__detail .left a {
      float: left; }
    .informations__detail .left > a,
    .informations__detail .left button {
      font-size: 0;
      margin-right: 5px; }
      @media screen and (min-width: 1024px) {
        .informations__detail .left > a,
        .informations__detail .left button {
          font-size: 16px;
          font-size: 1rem;
          margin-right: 65px; } }
    .informations__detail .left button {
      margin: 0; }

/* Layout
----------------------------------------------------------------------------------------------------*/
.content ul li {
  list-style: none;
  position: relative;
  padding-left: 20px; }
  .content ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    top: 0.5rem;
    left: 0;
    display: block;
    background: #45c99c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    width: 0.5rem;
    height: 8px;
    height: 0.5rem; }

.main__content {
  padding-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .main__content {
      padding-bottom: 90px; } }
  .page__full-height .main__content {
    padding-bottom: 0; }
  .page__propose-nouve .main__content {
    padding-bottom: 40px; }
    @media screen and (min-width: 768px) {
      .page__propose-nouve .main__content {
        padding-bottom: 90px; } }

.wrapper {
  padding: 0 15px;
  padding: 0 0.9375rem;
  position: relative;
  margin: 0 auto;
  max-width: 1155px;
  width: 100%; }
  .wrapper:after {
    content: "";
    display: block;
    clear: both; }
  .wrapper-content {
    padding: 40px 15px;
    padding: 2.5rem 0.9375rem;
    background: transparent; }
    .wrapper-content ul {
      padding-left: 10px; }
      .wrapper-content ul + h2,
      .wrapper-content ul + h3,
      .wrapper-content ul + h4 {
        margin-top: 40px; }
    .wrapper-content p:last-child {
      margin-bottom: 0; }
      @media screen and (min-width: 768px) {
        .wrapper-content p:last-child {
          margin-bottom: 20px; } }

.row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }
  .row:after {
    content: "";
    display: block;
    clear: both; }

/* Grid
----------------------------------------------------------------------------------------------------*/
[class*='col-'] {
  width: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px; }
  [class*='col-']:after {
    content: "";
    display: block;
    clear: both; }
  [class*='col-']:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    [class*='col-'] {
      float: left; }
      [class*='col-']:last-child {
        margin-bottom: 15px; } }

@media screen and (min-width: 768px) {
  .col-1 {
    width: 8.33333%; }
  .col-2 {
    width: 16.66667%; }
  .col-3 {
    width: 25%; }
  .col-4 {
    width: 33.33333%; }
  .col-5 {
    width: 41.66667%; }
  .col-6 {
    width: 50%; }
  .col-7 {
    width: 58.33333%; }
  .col-8 {
    width: 66.66667%; }
  .col-9 {
    width: 75%; }
  .col-10 {
    width: 83.33333%; }
  .col-11 {
    width: 91.66667%; }
  .col-12 {
    width: 100%; } }

/* Float
----------------------------------------------------------------------------------------------------*/
.left {
  float: left; }

.right {
  float: right; }

.relative {
  position: relative; }

/* Flexbox
----------------------------------------------------------------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important; }

.align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-items-height {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.justify-content-between {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  align-content: stretch; }

/* Bodylinks
----------------------------------------------------------------------------------------------------*/
.bodylinks {
  margin-top: 25px;
  padding-bottom: 50px;
  font-family: "Exo 2", sans-serif;
  /* Bodylinks || entete
  ----------------------------------------------------------------------------------------------------*/ }
  @media screen and (min-width: 768px) {
    .bodylinks {
      margin-top: 40px; } }
  .bodylinks__entete {
    padding: 37px 0 30px;
    padding: 2.3125rem 0 1.875rem;
    text-align: center; }
    .bodylinks__entete .h3 {
      margin-bottom: 20px; }
      @media screen and (min-width: 768px) {
        .bodylinks__entete .h3 {
          margin-bottom: 5px; } }
    .bodylinks__entete p {
      font-size: 17px;
      font-size: 1.0625rem; }
      .bodylinks__entete p .mailto {
        display: block;
        color: #45c99c; }
        @media screen and (min-width: 768px) {
          .bodylinks__entete p .mailto {
            display: inline-block;
            margin-top: 40px; } }
        .bodylinks__entete p .mailto:hover, .bodylinks__entete p .mailto:active, .bodylinks__entete p .mailto:focus {
          color: #77d7b6; }
  .bodylinks__list {
    margin-top: 40px;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .bodylinks__list [class^='col'] {
        width: 25%;
        display: inline-block; } }
    .bodylinks__list .list-group {
      margin: 0;
      border: none; }
    .bodylinks__list .list-colonne {
      padding-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .bodylinks__list .list-colonne {
          padding-bottom: 40px; } }
    @media screen and (min-width: 768px) {
      .bodylinks__list .list-first-title {
        min-height: 35px; } }
    .bodylinks__list .list-title {
      position: relative;
      display: block;
      line-height: 25px;
      line-height: 1.5625rem;
      font-size: 20px;
      font-size: 1.25rem;
      text-transform: uppercase; }
      @media screen and (min-width: 768px) {
        .bodylinks__list .list-title {
          font-size: 18px;
          font-size: 1.125rem; } }
      @media screen and (min-width: 1024px) {
        .bodylinks__list .list-title {
          font-size: 21px;
          font-size: 1.3125rem; } }
    .bodylinks__list .list-detail {
      display: block;
      margin: 7px 0 0 0px;
      margin: 0.4375rem 0 0 0rem;
      font-size: 15px;
      font-size: 0.9375rem; }
      @media screen and (min-width: 768px) {
        .bodylinks__list .list-detail {
          margin-left: 0; } }
      @media screen and (min-width: 1024px) {
        .bodylinks__list .list-detail {
          font-size: 16px;
          font-size: 1rem; } }
      .bodylinks__list .list-detail a:hover, .bodylinks__list .list-detail a:active, .bodylinks__list .list-detail a:focus {
        color: #b7bcc5; }
    .bodylinks__list .csRow .csColumnGap {
      display: none; }
    .bodylinks__list .csRow .csColumn {
      width: 100% !important;
      position: relative;
      padding-left: 15px !important;
      padding-right: 15px !important; }
      @media screen and (min-width: 768px) {
        .bodylinks__list .csRow .csColumn {
          width: 25% !important;
          display: inline-block; } }
      .bodylinks__list .csRow .csColumn p {
        position: relative;
        display: block;
        font-size: 20px;
        font-size: 1.25rem;
        text-transform: uppercase;
        color: #353f53;
        font-family: "Exo 2", sans-serif;
        line-height: 18px;
        line-height: 1.125rem; }
        @media screen and (min-width: 768px) {
          .bodylinks__list .csRow .csColumn p {
            font-size: 18px;
            font-size: 1.125rem; } }
      .bodylinks__list .csRow .csColumn ul {
        list-style: none; }
        .bodylinks__list .csRow .csColumn ul li {
          display: block;
          margin: 12px 0 0 15px;
          margin: 0.75rem 0 0 0.9375rem;
          font-size: 15px;
          font-size: 0.9375rem;
          color: #353f53;
          font-family: "Open Sans", sans-serif;
          font-weight: 600; }
          @media screen and (min-width: 768px) {
            .bodylinks__list .csRow .csColumn ul li {
              margin-left: 0; } }
          @media screen and (min-width: 1024px) {
            .bodylinks__list .csRow .csColumn ul li {
              font-size: 16px;
              font-size: 1rem; } }
          .bodylinks__list .csRow .csColumn ul li:hover, .bodylinks__list .csRow .csColumn ul li:active, .bodylinks__list .csRow .csColumn ul li:focus {
            color: #b7bcc5; }

/* Map
 ----------------------------------------------------------------------------------------------------*/
.map {
  width: 100%;
  height: 100%;
  /* Map || Content
  ----------------------------------------------------------------------------------------------------*/ }
  .map__content {
    width: 100%;
    height: 300px;
    height: 18.75rem;
    padding-left: 0; }
    .map__content iframe {
      width: 100%;
      height: 100%; }
    @media screen and (min-width: 768px) {
      .map__content {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 800px;
        height: 50rem;
        height: 100%; } }
    @media screen and (min-width: 1024px) {
      .map__content {
        padding-left: 20px; } }
    @media screen and (min-width: 1260px) {
      .map__content {
        padding-left: 65px; } }

.gm-style-cc {
  display: none; }

img[src="https://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png"] {
  display: none; }

#content-map {
  padding: 15px;
  padding: 0.9375rem; }
  #content-map .inner {
    color: #374155;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 900;
    line-height: 20px;
    line-height: 1.25rem; }
    #content-map .inner span {
      display: block;
      padding-bottom: 5px; }
    #content-map .inner a {
      color: #45c99c;
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: 900; }
      #content-map .inner a i {
        background: url("../img/icon-rue.png");
        width: 21px;
        width: 1.3125rem;
        height: 17px;
        height: 1.0625rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px; }

.custom-iw {
  box-shadow: 0px 0px 30px 0px rgba(55, 65, 85, 0.19);
  border-color: gainsboro;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .custom-iw {
      top: 415px !important;
      top: 25.9375rem !important; } }
  .custom-iw .gm-style-iw {
    width: 168px !important;
    width: 10.5rem !important; }
  .custom-iw div:nth-of-type(1) {
    border-top: none !important; }
    .custom-iw div:nth-of-type(1) div:nth-of-type(2) {
      background-color: transparent !important;
      box-shadow: none !important; }
    .custom-iw div:nth-of-type(1) div:nth-of-type(3) div {
      background-color: transparent !important;
      box-shadow: none !important; }

/* Media
----------------------------------------------------------------------------------------------------*/
.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  /* Media || Body
  ----------------------------------------------------------------------------------------------------*/ }
  .media img {
    margin-right: 20px; }
  .media__body {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%; }

/* Menu || Burger
----------------------------------------------------------------------------------------------------*/
.button__menu {
  /* Menu || Burger || Container
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || Burger || Open
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || Burger || Close
  ----------------------------------------------------------------------------------------------------*/ }
  .button__menu-container {
    position: absolute;
    top: 16px;
    top: 1rem;
    left: 10px;
    left: 0.625rem;
    padding: 5px;
    padding: 0.3125rem;
    z-index: 998;
    background: #fff; }
    .button__menu-container:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 768px) {
      .button__menu-container {
        top: 39px;
        top: 2.4375rem; } }
    @media screen and (min-width: 1024px) {
      .button__menu-container {
        display: none; } }
    .header__sticky .button__menu-container {
      top: 11px;
      top: 0.6875rem; }
    .button__menu-container button {
      cursor: pointer; }
  .button__menu-open {
    display: block;
    float: left;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 26px;
    width: 1.625rem;
    height: 22px;
    height: 1.375rem;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #fff; }
    .button__menu-open.open span {
      border: 1px solid;
      border: 0.0625rem solid; }
      .button__menu-open.open span:nth-child(1), .button__menu-open.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      .button__menu-open.open span:nth-child(2), .button__menu-open.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .button__menu-open.open span:nth-child(1) {
        left: 2px;
        left: 0.125rem;
        top: 4px;
        top: 0.25rem; }
      .button__menu-open.open span:nth-child(2) {
        left: calc(50% - 2px);
        left: calc(50% - 0.125rem);
        top: 4px;
        top: 0.25rem; }
      .button__menu-open.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .button__menu-open.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0); }
      .button__menu-open.open span:nth-child(5) {
        left: 2px;
        left: 0.125rem;
        top: 13px;
        top: 0.8125rem; }
      .button__menu-open.open span:nth-child(6) {
        left: calc(50% - 2px);
        left: calc(50% - 0.125rem);
        top: 13px;
        top: 0.8125rem; }
    .button__menu-open span {
      display: block;
      position: absolute;
      background: #374155;
      width: 50%;
      height: 2px;
      height: 0.125rem;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      .button__menu-open span:nth-child(even) {
        left: 50%;
        -webkit-border-radius: 0 9px 9px 0;
        -moz-border-radius: 0 9px 9px 0;
        -ms-border-radius: 0 9px 9px 0;
        border-radius: 0 9px 9px 0;
        border-radius: 0 0.5625rem 0.5625rem 0; }
      .button__menu-open span:nth-child(odd) {
        left: 0;
        -webkit-border-radius: 9px 0 0 9px;
        -moz-border-radius: 9px 0 0 9px;
        -ms-border-radius: 9px 0 0 9px;
        border-radius: 9px 0 0 9px;
        border-radius: 0.5625rem 0 0 0.5625rem; }
      .button__menu-open span:nth-child(1), .button__menu-open span:nth-child(2) {
        top: 0; }
      .button__menu-open span:nth-child(3), .button__menu-open span:nth-child(4) {
        top: 10px;
        top: 0.625rem; }
      .button__menu-open span:nth-child(5), .button__menu-open span:nth-child(6) {
        top: 20px;
        top: 1.25rem; }
  .button__menu-close {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    width: 36px;
    width: 2.25rem;
    height: 32px;
    height: 2rem; }
    .menu-mobile--active .button__menu-close {
      display: block;
      z-index: 50; }

/* Menu || Mobile
----------------------------------------------------------------------------------------------------*/
.header__sticky #menu-main-menu-anglais li.wpml-ls-item a, .header__sticky #menu-main-menu li.wpml-ls-item a {
  padding: 18px 10px !important;
  padding: 1.125rem 0.625rem !important; }

#menu-main-menu-anglais li.green a, #menu-main-menu li.green a {
  color: #77d7b6; }

#menu-main-menu-anglais li.wpml-ls-item a, #menu-main-menu li.wpml-ls-item a {
  padding: 30px 10px !important;
  padding: 1.875rem 0.625rem !important; }

#menu-main-menu-anglais li.wpml-ls-current-language a, #menu-main-menu li.wpml-ls-current-language a {
  color: #90c5f0; }

.menu {
  position: fixed;
  display: block;
  top: -100%;
  left: 0;
  width: 100%;
  height: 330px;
  height: 20.625rem;
  z-index: 990;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  /* Menu || Tablette
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || PC
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || PC Medium
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || Footer
  ----------------------------------------------------------------------------------------------------*/
  /* Menu || Informations
  ----------------------------------------------------------------------------------------------------*/ }
  .menu:after {
    content: "";
    display: block;
    clear: both; }
  .menu-mobile--active .menu {
    top: 110px;
    top: 6.875rem;
    background: rgba(48, 56, 75, 0.92); }
    .header__sticky.menu-mobile--active .menu {
      top: 55px;
      top: 3.4375rem; }
  .menu .wrapper {
    padding: 0; }
    .menu .wrapper:after {
      content: "";
      display: block;
      clear: both; }
    .menu-mobile--active .menu .wrapper {
      padding: 0 15px;
      padding: 0 0.9375rem; }
  .menu ul {
    margin: 0;
    list-style: none; }
    .menu ul:after {
      content: "";
      display: block;
      clear: both; }
    .menu ul > li {
      margin: 0;
      border-bottom: 1px solid #656b79;
      border-bottom: 0.0625rem solid #656b79; }
      @media screen and (min-width: 1024px) {
        .menu ul > li {
          padding: 0;
          border: none; } }
      .menu ul > li:last-child {
        margin-right: 0; }
      .menu ul > li.current-item a {
        color: #fff; }
      .menu ul > li .last-option {
        color: #77d7b6; }
      .menu ul > li.current-menu-item > a:not(.last-option) {
        color: #90c5f0; }
      .menu ul > li > a {
        display: block;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-size: 1rem;
        padding: 30px 15px;
        padding: 1.875rem 0.9375rem; }
        @media screen and (min-width: 1024px) {
          .menu ul > li > a {
            color: #000; } }
        .menu ul > li > a:not(.last-option):hover {
          color: #90c5f0; }
  @media screen and (min-width: 768px) {
    .menu-mobile--active .menu {
      top: 155px;
      top: 9.6875rem; } }
  @media screen and (min-width: 1024px) {
    .menu {
      position: relative;
      overflow: inherit;
      background: none;
      width: auto;
      height: 110px;
      height: 6.875rem;
      padding: 0;
      top: 0;
      z-index: 999;
      margin-right: 55px; }
      .header__sticky .menu {
        height: 63px;
        height: 3.9375rem; }
      .is-connected .menu {
        left: inherit;
        margin-right: 0; }
      .menu ul {
        margin: 15px 0;
        margin: 0.9375rem 0;
        padding: 0;
        margin-right: -10px; }
        .header__sticky .menu ul {
          margin-right: -15px;
          margin-top: 0; }
        .is-connected .menu ul {
          margin-right: 0 !important; }
        .menu ul > li {
          position: relative;
          float: left; }
          .menu ul > li > a {
            padding: 30px 10px;
            padding: 1.875rem 0.625rem; }
            .is-connected .menu ul > li > a {
              padding: 30px 7px;
              padding: 1.875rem 0.4375rem; }
              .header__sticky.is-connected .menu ul > li > a {
                padding: 17px 15px;
                padding: 1.0625rem 0.9375rem;
                height: 55px;
                height: 3.4375rem; }
            .header__sticky .menu ul > li > a {
              padding: 17px 15px;
              padding: 1.0625rem 0.9375rem;
              height: 55px;
              height: 3.4375rem; } }
  @media screen and (min-width: 1260px) {
    .menu ul {
      margin-right: -15px; }
      .menu ul > li > a {
        padding: 30px 15px;
        padding: 1.875rem 0.9375rem; }
        .is-connected .menu ul > li > a {
          padding: 30px 15px;
          padding: 1.875rem 0.9375rem; } }
  .menu__footer {
    padding: 15px 0 0;
    padding: 0.9375rem 0 0;
    border-top: solid 1px #303339;
    border-top: solid 0.0625rem #303339; }
    @media screen and (min-width: 768px) {
      .menu__footer {
        padding: 25px 0 0;
        padding: 1.5625rem 0 0; } }
    .menu__footer ul {
      margin: 0px auto;
      margin: 0rem auto;
      text-align: center; }
    .menu__footer li {
      display: block;
      margin: 0 0 5px 0;
      margin: 0 0 0.3125rem 0;
      list-style: none;
      text-transform: uppercase;
      text-align: center; }
      @media screen and (min-width: 768px) {
        .menu__footer li {
          display: inline-block;
          padding: 0 50px;
          padding: 0 3.125rem;
          width: auto; } }
      .menu__footer li:last-child {
        margin-right: 0; }
      .menu__footer li a {
        font-size: 15px;
        font-size: 0.9375rem;
        color: #5e6165; }
        .menu__footer li a:hover, .menu__footer li a:active, .menu__footer li a:focus {
          color: #fff; }
  .menu__informations {
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 3px; }
    .menu__informations:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 768px) {
      .menu__informations {
        position: absolute;
        top: 15px;
        top: 0.9375rem;
        left: 0;
        margin-bottom: 0;
        width: 100%;
        height: auto; } }
    .menu__informations a {
      margin: 0 10px;
      margin: 0 0.625rem; }
      .menu__informations a:hover, .menu__informations a:active, .menu__informations a:focus {
        color: #374155; }
      @media screen and (min-width: 768px) {
        .menu__informations a {
          margin: 0 25px;
          margin: 0 1.5625rem; } }

.menu-mobile--active #menu-main-menu {
  top: 0 !important; }

/* Offer
----------------------------------------------------------------------------------------------------*/
.offer {
  /* Offer || Other
  ----------------------------------------------------------------------------------------------------*/ }
  .offer__other {
    background: #fff;
    padding: 50px 0;
    padding: 3.125rem 0; }

/* Presentation
 ----------------------------------------------------------------------------------------------------*/
.presentation {
  margin: 0 auto;
  position: relative;
  /* Presentation || Header
  ----------------------------------------------------------------------------------------------------*/
  /* Presentation || Body
  ----------------------------------------------------------------------------------------------------*/
  /* Presentation || Content
  ----------------------------------------------------------------------------------------------------*/
  /* Presentation || Img
  ----------------------------------------------------------------------------------------------------*/
  /* Presentation || Home
  ----------------------------------------------------------------------------------------------------*/
  /* Presentation || Detail
  ----------------------------------------------------------------------------------------------------*/ }
  .presentation p {
    color: #fff;
    font-size: 15px;
    font-size: 0.9375rem; }
    @media screen and (min-width: 768px) {
      .presentation p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 25px;
        line-height: 1.5625rem; } }
    .presentation p.cat {
      text-transform: uppercase;
      margin-bottom: 10px; }
  .presentation__header p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 35px;
    line-height: 2.1875rem;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 25px; }
    @media screen and (min-width: 768px) {
      .presentation__header p {
        margin-left: 30px;
        font-size: 46px;
        font-size: 2.875rem;
        line-height: 60px;
        line-height: 3.75rem; } }
    @media screen and (min-width: 1024px) {
      .presentation__header p {
        margin: 0;
        max-width: 850px; } }
    .presentation__header p .number {
      position: relative;
      margin-top: 5px;
      padding: 0 2px 0 5px;
      padding: 0 0.125rem 0 0.3125rem;
      margin-right: 15px;
      text-align: center;
      color: #fff;
      letter-spacing: 5px;
      letter-spacing: 0.3125rem;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 5px;
      line-height: 0.3125rem;
      font-family: "Open Sans", sans-serif;
      background: #587b9d;
      background: #587b9d url("../img/line.jpg") center 53% repeat-x; }
      @media screen and (min-width: 768px) {
        .presentation__header p .number {
          padding: 0 0 0 12px;
          padding: 0 0 0 0.75rem;
          letter-spacing: 16px;
          letter-spacing: 1rem;
          font-size: 50px;
          font-size: 3.125rem; } }
    .presentation__header p sup {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 38px;
      line-height: 2.375rem;
      top: -11px;
      top: -0.6875rem; }
      @media screen and (min-width: 768px) {
        .presentation__header p sup {
          top: -23px;
          top: -1.4375rem; } }
  .presentation__body {
    max-width: 500px;
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .presentation__body {
        max-width: 820px; } }
  @media screen and (min-width: 768px) {
    .presentation__detail .presentation__content {
      float: left;
      width: calc(100% - 360px);
      width: calc(100% - 22.5rem);
      height: auto; } }
  .presentation__img {
    position: relative;
    max-width: 250px;
    left: 50%;
    margin-left: -125px; }
    @media screen and (min-width: 768px) {
      .presentation__img {
        position: absolute;
        top: 190px;
        top: 11.875rem;
        right: 0;
        left: inherit;
        max-width: 350px; } }
    @media screen and (min-width: 1024px) {
      .presentation__img {
        top: 100px;
        top: 6.25rem;
        left: 620px;
        left: 38.75rem; } }
  .presentation__home {
    position: relative;
    background-color: #90c5f0;
    padding: 30px 0 40px;
    padding: 1.875rem 0 2.5rem; }
    @media screen and (min-width: 768px) {
      .presentation__home {
        padding: 80px 0 75px;
        padding: 5rem 0 4.6875rem; } }
    .presentation__home img {
      position: absolute;
      right: 0;
      bottom: 0; }
    .presentation__home .presentation__content {
      max-width: 470px;
      margin: 0 0 165px 0;
      margin: 0 0 10.3125rem 0; }
      @media screen and (min-width: 768px) {
        .presentation__home .presentation__content {
          margin: 0 0 70px 30px;
          margin: 0 0 4.375rem 1.875rem;
          max-width: 370px; } }
      @media screen and (min-width: 1024px) {
        .presentation__home .presentation__content {
          margin: 30px 0 70px;
          margin: 1.875rem 0 4.375rem;
          max-width: 450px; } }
  .presentation__detail {
    padding: 40px 0;
    padding: 2.5rem 0; }
    @media screen and (min-width: 768px) {
      .presentation__detail {
        padding: 75px 0;
        padding: 4.6875rem 0; } }
    .presentation__detail p,
    .presentation__detail span,
    .presentation__detail .title {
      color: #fff; }
    .presentation__detail .title {
      font-family: "Open Sans", sans-serif;
      margin-bottom: 10px;
      font-size: 28px;
      font-size: 1.75rem; }
      @media screen and (min-width: 768px) {
        .presentation__detail .title {
          font-size: 36px;
          font-size: 2.25rem;
          line-height: 40px;
          line-height: 2.5rem; } }
    .presentation__detail .img {
      float: left;
      margin-bottom: 20px;
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .presentation__detail .img {
          max-width: 320px;
          margin: 0 40px 0 0;
          margin: 0 2.5rem 0 0; } }
      .presentation__detail .img img {
        margin: 0 auto; }

/* Search
 ----------------------------------------------------------------------------------------------------*/
.search {
  /* Search || Bar
  ----------------------------------------------------------------------------------------------------*/ }
  .search__bar {
    position: fixed;
    top: -50px;
    top: -3.125rem;
    left: 0;
    background: #fff;
    padding: 20px 0;
    padding: 1.25rem 0;
    z-index: 1;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .header__sticky.search-active .search__bar {
      top: 55px;
      top: 3.4375rem; }
    .search-active .search__bar {
      top: 110px;
      top: 6.875rem;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media screen and (min-width: 768px) {
        .search-active .search__bar {
          top: 155px;
          top: 9.6875rem; } }
    .search__bar form {
      float: right;
      position: relative; }
    .search__bar input[type="text"] {
      text-align: center;
      float: left;
      width: 250px;
      width: 15.625rem;
      height: auto; }
      @media screen and (min-width: 768px) {
        .search__bar input[type="text"] {
          width: 500px;
          width: 31.25rem;
          height: auto; } }
    .search__bar input[type="submit"] {
      cursor: pointer;
      padding: 0;
      border: none;
      font-size: 0;
      float: right;
      position: relative;
      right: -10px;
      right: -0.625rem;
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem;
      background-color: transparent !important; }
      @media screen and (min-width: 768px) {
        .search__bar input[type="submit"] {
          right: 0; } }

.inner-search {
  margin: 10px 0;
  margin: 0.625rem 0; }
  .inner-search h4 {
    text-transform: none;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 10px;
    margin-top: 20px; }
    .inner-search h4 a:hover {
      text-decoration: underline; }
  .inner-search .content--search {
    font-size: 14px;
    font-size: 0.875rem; }

@media screen and (max-width: 767px) {
  .entry-content .searchform {
    text-align: center;
    margin-bottom: 20px; } }

.entry-content .searchform input[type="text"] {
  display: inline-block;
  width: 60%; }
  @media screen and (max-width: 767px) {
    .entry-content .searchform input[type="text"] {
      display: inline-block;
      width: 100%;
      margin: 15px 0;
      margin: 0.9375rem 0; } }

.entry-content .searchform input[type="submit"] {
  width: 20%;
  display: inline-block; }
  @media screen and (max-width: 767px) {
    .entry-content .searchform input[type="submit"] {
      width: 135px;
      width: 8.4375rem; } }

@media screen and (min-width: 768px) {
  body.admin-bar.search-active .search__bar {
    top: 185px;
    top: 11.5625rem; } }

/* Social
----------------------------------------------------------------------------------------------------*/
.icon-linkedin--custom {
  background: url("../img/icon-linke.png");
  width: 18px;
  width: 1.125rem;
  height: 16px;
  height: 1rem;
  display: inline-block; }

.social {
  margin: 4px 0 0 10px;
  margin: 0.25rem 0 0 0.625rem;
  float: left;
  /* Social || Banner (Page contact)
  ----------------------------------------------------------------------------------------------------*/ }
  .social:after {
    content: "";
    display: block;
    clear: both; }
  @media screen and (min-width: 768px) {
    .social {
      margin: 4px 5px 0 0;
      margin: 0.25rem 0.3125rem 0 0; } }
  @media screen and (min-width: 1024px) {
    .social {
      margin-left: -5px; } }
  .social ul {
    margin: 0; }
    .social ul:after {
      content: "";
      display: block;
      clear: both; }
    @media screen and (min-width: 768px) {
      .social ul {
        float: left; } }
  .social li {
    float: left;
    list-style: none;
    margin: 0 5px 0 0;
    margin: 0 0.3125rem 0 0; }
    @media screen and (min-width: 768px) {
      .social li {
        margin: 0 10px 0 0;
        margin: 0 0.625rem 0 0; } }
    .social li:last-child {
      margin-right: 0 !important; }
    .social li .demo-icon {
      font-size: 25px;
      font-size: 1.5625rem;
      color: #b7bcc5;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      .social li .demo-icon:hover, .social li .demo-icon:active, .social li .demo-icon:focus {
        color: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
    .social li a {
      display: inline-block; }
  .social p {
    display: none; }
    @media screen and (min-width: 768px) {
      .social p {
        display: block;
        float: left;
        font-size: 12px;
        font-size: 0.75rem;
        color: #fff;
        margin: 11px 0 0 10px;
        margin: 0.6875rem 0 0 0.625rem; } }
    .social p a {
      font-weight: bold;
      text-decoration: underline;
      color: #fff; }
  .social__banner .social {
    margin: 0;
    padding: 20px 0;
    padding: 1.25rem 0;
    text-align: center;
    float: inherit; }
    @media screen and (min-width: 768px) {
      .social__banner .social {
        padding: 25px 0;
        padding: 1.5625rem 0; } }
    @media screen and (min-width: 1024px) {
      .social__banner .social {
        padding: 60px 0;
        padding: 3.75rem 0; } }
    .social__banner .social p {
      display: block;
      margin: 0;
      color: #fff;
      text-transform: uppercase;
      line-height: 25px;
      line-height: 1.5625rem;
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Exo 2", sans-serif;
      font-weight: normal; }
      @media screen and (min-width: 768px) {
        .social__banner .social p {
          display: inline-block;
          width: 50%;
          margin: 20px 0 0 0;
          margin: 1.25rem 0 0 0;
          text-align: right; } }
      @media screen and (min-width: 1260px) {
        .social__banner .social p {
          margin: 15px 0 0 185px;
          margin: 0.9375rem 0 0 11.5625rem;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: inherit;
          text-align: inherit; } }
    .social__banner .social ul {
      text-align: center;
      margin: 10px 0 0 0;
      margin: 0.625rem 0 0 0; }
      @media screen and (min-width: 768px) {
        .social__banner .social ul {
          margin: 0 0 0 55px;
          margin: 0 0 0 3.4375rem;
          float: inherit; } }
      @media screen and (min-width: 1024px) {
        .social__banner .social ul {
          margin: 0 0 0 25px;
          margin: 0 0 0 1.5625rem;
          float: left; } }
      .social__banner .social ul li {
        display: inline-block;
        margin: 0 15px;
        margin: 0 0.9375rem;
        float: inherit; }
        @media screen and (min-width: 768px) {
          .social__banner .social ul li {
            margin: 0 35px 0 0;
            margin: 0 2.1875rem 0 0; } }
        .social__banner .social ul li:last-child {
          margin-right: 15px !important; }
        .social__banner .social ul li i {
          color: #fff;
          font-size: 30px;
          font-size: 1.875rem; }
          @media screen and (min-width: 768px) {
            .social__banner .social ul li i {
              font-size: 40px;
              font-size: 2.5rem; } }
          @media screen and (min-width: 1024px) {
            .social__banner .social ul li i {
              font-size: 50px;
              font-size: 3.125rem; } }
          .social__banner .social ul li i:hover, .social__banner .social ul li i:active, .social__banner .social ul li i:focus {
            color: #45c99c; }

.social__banner {
  background: #374155; }

/* Tabs
 ----------------------------------------------------------------------------------------------------*/
.tabs {
  margin: 0;
  list-style: none;
  text-align: center;
  /* Page Bonnes pratiques
  ----------------------------------------------------------------------------------------------------*/ }
  .tabs:after {
    content: "";
    display: block;
    clear: both; }
  .tabs li {
    background: #eaedf3;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Exo 2", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    color: #979aa1; }
    @media screen and (min-width: 768px) {
      .tabs li {
        font-size: 21px;
        font-size: 1.3125rem;
        max-width: 100%; } }
    .tabs li:hover span, .tabs li:active span, .tabs li:focus span {
      color: #293348;
      border-bottom: 2px solid #45c99c;
      border-bottom: 0.125rem solid #45c99c;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .tabs li.current span {
      color: #293348;
      border-bottom: 2px solid #45c99c;
      border-bottom: 0.125rem solid #45c99c;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    .footer .tabs li {
      width: auto;
      display: inline-block;
      padding: 20px 15px 0;
      padding: 1.25rem 0.9375rem 0; }
  .page__bonnes-pratiques .tabs__bonnes-pratiques-content {
    display: none;
    width: 100%;
    margin-bottom: 35px;
    background: none; }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content.current {
      display: block; }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content .tabs_title {
      position: relative;
      text-align: center; }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content .number {
      display: inline-block;
      width: 40px;
      width: 2.5rem;
      height: 40px;
      height: 2.5rem;
      padding-top: 5px;
      text-align: center;
      font-family: "Montserrat", sans-serif;
      float: left; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .number {
          margin-bottom: 0; }
          .page__bonnes-pratiques .tabs__bonnes-pratiques-content .number:after {
            content: "";
            display: block;
            clear: both; } }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content h2 {
      display: inline-block;
      margin-left: 30px;
      max-width: 75%;
      font-size: 23px;
      font-size: 1.4375rem;
      margin-bottom: 0;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content h2 {
          margin-bottom: 0;
          font-size: 28px;
          font-size: 1.75rem; } }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content .title {
      margin: 30px 0 0 0;
      margin: 1.875rem 0 0 0; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .title {
          margin: 60px 0 0 0;
          margin: 3.75rem 0 0 0; } }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte {
      margin: 30px 0 0 20px;
      margin: 1.875rem 0 0 1.25rem;
      width: 85%;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte {
          padding: 0 0 0 50px;
          padding: 0 0 0 3.125rem;
          width: 60%; } }
      @media screen and (min-width: 1024px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte {
          float: left; } }
      .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte p {
        margin: 10px 0 0 15px;
        margin: 0.625rem 0 0 0.9375rem;
        line-height: 18px;
        line-height: 1.125rem;
        font-family: "Open Sans", sans-serif;
        font-size: 15px;
        font-size: 0.9375rem;
        font-weight: 600;
        color: #353f53; }
        @media screen and (min-width: 768px) {
          .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte p {
            margin: 10px 0 0 0;
            margin: 0.625rem 0 0 0; } }
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte p:first-child {
          margin-top: 0; }
          @media screen and (min-width: 768px) {
            .page__bonnes-pratiques .tabs__bonnes-pratiques-content .texte p:first-child {
              margin: 0; } }
    .page__bonnes-pratiques .tabs__bonnes-pratiques-content .bonnes-pratiques__img {
      position: relative;
      display: inline-block;
      top: 25px;
      top: 1.5625rem;
      max-width: 240px;
      margin: 0 auto; }
      @media screen and (min-width: 768px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .bonnes-pratiques__img {
          position: absolute;
          top: inherit;
          bottom: 0;
          max-width: 260px;
          right: 10px;
          right: 0.625rem; } }
      @media screen and (min-width: 1024px) {
        .page__bonnes-pratiques .tabs__bonnes-pratiques-content .bonnes-pratiques__img {
          position: static;
          max-width: 380px;
          right: 25px;
          right: 1.5625rem;
          float: right; } }

.tab-content {
  padding: 0px;
  padding: 0rem; }
  @media screen and (min-width: 768px) {
    .tab-content {
      padding: 15px;
      padding: 0.9375rem; } }
  .tab-content.current {
    display: inherit;
    height: auto; }
    .tab-content.current div {
      height: auto; }
  .footer .tab-content {
    width: 100%;
    z-index: 1; }
    .footer .tab-content .slick-track .slick-slide {
      display: inline-block !important;
      float: none !important;
      vertical-align: middle;
      text-align: center; }
      .footer .tab-content .slick-track .slick-slide img {
        max-width: 110px; }
      @media screen and (min-width: 768px) {
        .footer .tab-content .slick-track .slick-slide {
          margin: 0 35px;
          margin: 0 2.1875rem; }
          .footer .tab-content .slick-track .slick-slide img {
            max-width: 200px;
            max-height: 120px;
            min-height: 50px; } }
      .footer .tab-content .slick-track .slick-slide img {
        display: inline-block; }
    .footer .tab-content:not(.current) {
      z-index: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      height: 0;
      padding: 0; }
      .footer .tab-content:not(.current) div {
        height: 0; }

/* Video
 ----------------------------------------------------------------------------------------------------*/
.video {
  position: relative;
  /* Video || Hover
   ----------------------------------------------------------------------------------------------------*/
  /* Video || Content
 ----------------------------------------------------------------------------------------------------*/ }
  .video .demo-icon {
    color: #fff; }
  .video p {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    font-family: "Open Sans", sans-serif;
    color: #fff; }
    @media screen and (min-width: 768px) {
      .video p {
        font-size: 33px;
        font-size: 2.0625rem; }
        .page__home .video p {
          font-size: 25px;
          font-size: 1.5625rem; } }
    .video p strong {
      font-size: 20px;
      font-size: 1.25rem; }
      @media screen and (min-width: 768px) {
        .video p strong {
          font-size: 37px;
          font-size: 2.3125rem; }
          .page__home .video p strong {
            font-size: 27px;
            font-size: 1.6875rem; } }
    .section__middle.video p {
      padding: 0; }
  .video iframe {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 310px;
    height: 19.375rem; }
    .section__middle.video iframe {
      width: 100%;
      height: 300px;
      height: 18.75rem; }
      @media screen and (min-width: 768px) {
        .section__middle.video iframe {
          width: 100%;
          height: 600px;
          height: 37.5rem; } }
  .video__hover {
    position: absolute;
    text-align: center;
    background: #374155 url("../img/bgvideo.jpg") center center no-repeat;
    background-size: cover;
    padding: 15px;
    padding: 0.9375rem;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 9; }
    .video__hover .demo-icon {
      font-size: 55px;
      font-size: 3.4375rem;
      display: inline-block;
      margin: 20px 0 0 0;
      margin: 1.25rem 0 0 0; }
      @media screen and (min-width: 768px) {
        .video__hover .demo-icon {
          font-size: 75px;
          font-size: 4.6875rem;
          margin: 0; }
          .section__middle .video__hover .demo-icon {
            font-size: 105px;
            font-size: 6.5625rem; } }
  .video__content {
    width: 100%;
    height: auto; }

.clients .tab-content {
  text-align: center; }
  .clients .tab-content .items {
    width: auto;
    display: inline-block;
    margin: 0 10px;
    margin: 0 0.625rem;
    vertical-align: middle; }
    .clients .tab-content .items img {
      max-width: 110px; }
    @media screen and (min-width: 768px) {
      .clients .tab-content .items {
        margin: 0 25px;
        margin: 0 1.5625rem; }
        .clients .tab-content .items img {
          max-width: 200px;
          max-height: 120px; } }

.clients .slick-initialized.slick-slide {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle; }

/* Page 404
----------------------------------------------------------------------------------------------------*/
/* Page
----------------------------------------------------------------------------------------------------*/
.page {
  /* Page || Documentation
  ----------------------------------------------------------------------------------------------------*/ }
  .page__documentation {
    padding: 30px 0;
    padding: 1.875rem 0; }
    .page__documentation .header,
    .page__documentation .footer {
      display: none; }
    .page__documentation .h2,
    .page__documentation .h3 {
      margin: 0; }
    .page__documentation .h2 {
      padding: 20px 0 0 0;
      padding: 1.25rem 0 0 0;
      color: #374155; }
    .page__documentation .h3 {
      padding: 20px 0;
      padding: 1.25rem 0; }

/* Color
----------------------------------------------------------------------------------------------------*/
.hljs-tag {
  color: #2f6f9f; }

.hljs-string {
  color: #4f9fcf; }

.hljs-attr {
  color: #d44950; }

/* Example
----------------------------------------------------------------------------------------------------*/
.example {
  padding: 30px 45px;
  padding: 1.875rem 2.8125rem;
  border: 1px solid rgba(55, 65, 85, 0.3);
  border: 0.0625rem solid rgba(55, 65, 85, 0.3); }
  .example.align .flex {
    min-height: 150px; }
  .example .row + .row {
    margin-top: 15px; }
  .example .flex {
    background: rgba(55, 65, 85, 0.2); }
    .example .flex + .flex {
      margin-top: 15px; }
  .example [class^='col-'] {
    padding: 15px;
    padding: 0.9375rem;
    background: rgba(55, 65, 85, 0.2);
    border: 1px solid rgba(55, 65, 85, 0.3);
    border: 0.0625rem solid rgba(55, 65, 85, 0.3);
    border-right: none;
    margin: 0; }
    .example [class^='col-']:last-child {
      border-right: 1px solid rgba(55, 65, 85, 0.3);
      border-right: 0.0625rem solid rgba(55, 65, 85, 0.3); }
  .example [class^='w-'] {
    background: rgba(55, 65, 85, 0.2);
    color: #333;
    padding: 5px;
    padding: 0.3125rem; }
  .example .btn {
    display: inline-block;
    margin: 0 10px 10px 0;
    margin: 0 0.625rem 0.625rem 0; }

/* Highlight
----------------------------------------------------------------------------------------------------*/
.highlight {
  background: rgba(55, 65, 85, 0.1);
  padding: 30px;
  padding: 1.875rem; }
  .highlight:after {
    content: "";
    display: block;
    clear: both; }
  .highlight pre,
  .highlight code {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    color: #292b2c;
    font-size: 14px;
    font-size: 0.875rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
  .highlight + .example {
    margin-top: 30px; }

/* Documentation
----------------------------------------------------------------------------------------------------*/
.documentation {
  /* Documentation || Menu
  ----------------------------------------------------------------------------------------------------*/ }
  .documentation__menu {
    background: rgba(55, 65, 85, 0.1);
    padding: 15px;
    padding: 0.9375rem;
    position: fixed;
    top: 30px;
    top: 1.875rem; }
    .documentation__menu ul {
      margin: 0; }
    .documentation__menu li {
      list-style: none; }
    .documentation__menu a:hover, .documentation__menu a:active, .documentation__menu a:focus {
      color: #333; }

/* Page
----------------------------------------------------------------------------------------------------*/
.page {
  /* Pages || About
  ----------------------------------------------------------------------------------------------------*/ }
  .page__about .wrap {
    padding: 30px 0 0;
    padding: 1.875rem 0 0; }
    @media screen and (min-width: 768px) {
      .page__about .wrap {
        padding: 60px 0 0;
        padding: 3.75rem 0 0; } }
  .page__about .bg-white {
    padding-bottom: 60px; }
    @media screen and (min-width: 768px) {
      .page__about .bg-white {
        padding-bottom: 90px; } }
  .page__about h2 {
    position: relative;
    color: #45c99c;
    text-transform: uppercase;
    font-size: 19px;
    font-size: 1.1875rem;
    padding-left: 30px;
    font-weight: bold;
    font-family: "Exo 2", sans-serif;
    margin-bottom: 30px; }
    .page__about h2:before {
      content: '\e800';
      font-family: amarc;
      font-size: 16px;
      font-size: 1rem;
      position: absolute;
      top: 2px;
      top: 0.125rem;
      left: 1px;
      left: 0.0625rem;
      color: #45c99c; }
    .page__about h2 + p {
      margin-bottom: 35px; }
      .page__about h2 + p:last-child {
        margin-bottom: 0; }
  .page__about ul {
    padding-left: 30px; }
  .page__about p {
    padding-left: 30px; }
  .page__about .wrapper .img-left {
    margin-left: 0 !important; }
    .page__about .wrapper .img-left img {
      margin-left: 0; }
  .page__about .wrapper .img-left, .page__about .wrapper img {
    margin: 0 auto 15px;
    margin: 0 auto 0.9375rem;
    display: block; }
    @media screen and (min-width: 768px) {
      .page__about .wrapper .img-left, .page__about .wrapper img {
        float: left;
        max-width: 140px;
        margin-left: 30px; } }
    .page__about .wrapper .img-left + ul, .page__about .wrapper img + ul {
      margin-bottom: 35px; }
      @media screen and (min-width: 768px) {
        .page__about .wrapper .img-left + ul, .page__about .wrapper img + ul {
          padding-left: 180px; } }
      .page__about .wrapper .img-left + ul li, .page__about .wrapper img + ul li {
        margin-left: 15px; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: none; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 0;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  .inline-element-with-padding {
    padding: 0; }
  /* remove useless content */
  .header,
  .footer,
  .widget-area,
  .breadcrumb,
  .wp-pagenavi {
    display: none !important; }
  /* reset width */
  .content {
    padding: 10px 0 !important;
    padding: 0.625rem 0 !important;
    margin: 10px 0 !important;
    margin: 0.625rem 0 !important;
    width: 100% !important; } }
.form-rgdp-model {
  position: relative;
  margin-top: 17px;
  margin-bottom: 17px;
  display:block;
}
.form-rgdp-model input[type="checkbox"]{
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: 0;
  top: 3px;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
}
.form-rgdp-model label span a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  color: #45c99c;
}
.form-rgdp-model label span{
  font-weight: 600;
}
.form-rgdp-model label span a:hover {
  border-bottom: 1px solid #2c9672;
}
.form-rgdp-model .wpcf7-form-control-wrap{
  float: none;
  margin-left: 0px;
}
.form-rgdp-model label {
  padding-left: 13px;
}