@charset "UTF-8";
/* ==========================================================================
   GLOBAL LESS
   ========================================================================== */
/* Settings
   ========================================================================== */
/* ====================== */
/* colors */
/* ====================== */
/*--- main color 1 ---*/
/*--- main color 1 ---*/
/*--- main color 2 ---*/
/*--- black ---*/
/*--- grey dark ---*/
/*--- grey medium ---*/
/*--- grey light ---*/
/*--- white smoke ---*/
/*--- white ---*/
/*--- dark text color ---*/
/*--- default text color ---*/
/*--- medium text color ---*/
/*--- light text color ---*/
/*--- bleu facebook ---*/
/*--- bleu twitter ---*/
/*--- bleu linkedin ---*/
/*--- rouge pinterest ---*/
/*--- rouge google+ ---*/
/*--- rouge youtube ---*/
/*--- orange viadeo ---*/
/*--- orange vimeo ---*/
/*--- bleu instagram ---*/
/*--- bleu tumblr ---*/
/*--- rose flickr ---*/
/* define color array with values you will need for button and icons loop*/
/* ====================== */
/* font */
/* ====================== */
/*
Media queries limites based on :
https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862
 */
/* --- 1px --- */
/* --- 400px --- */
/* < Small phones < */
/* --- 512px --- */
/* < Large phones < */
/* --- 608px --- */
/* --- 896px --- */
/* < Tablets portrait < */
/* --- 1200px --- */
/* --- 1360px --- */
/* < Tablets landscape < */
/* --- 1408px --- */
/* < Small desktop < */
/* --- 1792px --- */
/* < Large desktop */
@media only screen {
  html {
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
            text-size-adjust: none;
  }
}

/* ====================== */
/* transition */
/* ====================== */
/* ====================== */
/* Z-index */
/* ====================== */
/* Tools : Mixins & Reset
   ========================================================================== */
/* ====================== */
/* MIXINS */
/* ====================== */
/* ====================== */
/* Clearer */
/* ====================== */
/* ====================== */
/* Case */
/* ====================== */
/* ====================== */
/* custom */
/* ====================== */
/* ====================== */
/* deco picto */
/* ====================== */
/* ==== Scroll down to find where to put your styles :) ==== */
/*  HTML5 ? Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

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

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

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font-size: 0.750em;
  font-family: Arial, Helvetica, sans-serif;
}

select, input, textarea, button {
  font: 99% sans-serif;
}

pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

html {
  overflow-y: scroll;
}

ul, ol {
  margin-left: 2em;
}

ol {
  list-style-type: decimal;
}

nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}

textarea {
  overflow: auto;
}

label, input[type="button"], input[type="submit"], input[type="image"], button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

input:invalid, textarea:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}

::-moz-selection {
  background: #004481;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #004481;
  color: #fff;
  text-shadow: none;
}

button {
  width: auto;
  overflow: visible;
}

body, select, input, textarea {
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.as--hidden {
  display: none !important;
  visibility: hidden;
}

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/* Vendors
   ========================================================================== */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0;
}

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block;
}

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 40px;
}

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
     * Add the correct display in IE.
     */
main {
  display: block;
}

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

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

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          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.
     */
button {
  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 */
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */
}

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

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

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible;
}

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 */
}

/**
     * Correct the padding in Firefox.
     */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  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;
}

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block;
}

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item;
}

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block;
}

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

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-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);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.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;
}

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

/* Atoms
   ========================================================================== */
/* ==========================================================================
   BOUTONS
   ========================================================================== */
/* Base
/*========================================================================== */
.a-button, .header-nav .menu > .menu-item.as--btn-style > a, .input-btn-check input + span,
.input-btn-check input + label {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #eb5e5e;
  border-radius: 50px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0;
  overflow: hidden;
  padding: 1rem 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: middle;
  z-index: 1;
  /*+ .btn:not(.as--fullwidth) {
    margin-left:.1rem;
  }*/
}

.a-button:hover, .header-nav .menu > .menu-item.as--btn-style > a:hover, .input-btn-check input + span:hover,
.input-btn-check input + label:hover {
  background: #ac943d;
}

.a-button:active, .header-nav .menu > .menu-item.as--btn-style > a:active, .input-btn-check input + span:active,
.input-btn-check input + label:active {
  -webkit-box-shadow: inset 0 0 0.4rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 0.4rem 0 rgba(0, 0, 0, 0.2);
  background: #ededed;
}

.as--icon.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--icon, .input-btn-check input + span.as--icon,
.input-btn-check input + label.as--icon {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

.as--icon.a-button:not(.as--right) .a-icon, .header-nav .menu > .menu-item.as--btn-style > a.as--icon:not(.as--right) .a-icon, .input-btn-check input + span.as--icon:not(.as--right) .a-icon, .input-btn-check input + label.as--icon:not(.as--right) .a-icon {
  margin: -.2rem .5rem 0 0;
}

.as--icon.as--right.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--right, .input-btn-check input + span.as--icon.as--right,
.input-btn-check input + label.as--icon.as--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.as--icon.as--right.a-button .a-icon, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--right .a-icon, .input-btn-check input + span.as--icon.as--right .a-icon, .input-btn-check input + label.as--icon.as--right .a-icon {
  margin: -.2rem 0 0 .5rem;
}

.as--icon.as--fullwidth.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--fullwidth, .input-btn-check input + span.as--icon.as--fullwidth,
.input-btn-check input + label.as--icon.as--fullwidth {
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
}

.as--icon.as--fullwidth.a-button .a-icon, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--fullwidth .a-icon, .input-btn-check input + span.as--icon.as--fullwidth .a-icon, .input-btn-check input + label.as--icon.as--fullwidth .a-icon {
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.as--icon.as--fullwidth.a-button:not(.as--right) .a-icon, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--fullwidth:not(.as--right) .a-icon, .input-btn-check input + span.as--icon.as--fullwidth:not(.as--right) .a-icon, .input-btn-check input + label.as--icon.as--fullwidth:not(.as--right) .a-icon {
  left: 1.3rem;
}

.as--icon.as--fullwidth.as--right.a-button .a-icon, .header-nav .menu > .menu-item.as--btn-style > a.as--icon.as--fullwidth.as--right .a-icon, .input-btn-check input + span.as--icon.as--fullwidth.as--right .a-icon, .input-btn-check input + label.as--icon.as--fullwidth.as--right .a-icon {
  right: 1.3rem;
}

.as--loading.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--loading, .input-btn-check input + span.as--loading,
.input-btn-check input + label.as--loading {
  cursor: default;
  pointer-events: none;
}

.as--disabled.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--disabled, .input-btn-check input + span.as--disabled,
.input-btn-check input + label.as--disabled, .a-button[disabled], .header-nav .menu > .menu-item.as--btn-style > a[disabled], .input-btn-check input + span[disabled],
.input-btn-check input + label[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: .3;
}

.as--theme-2.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--theme-2, .input-btn-check input + span.as--theme-2,
.input-btn-check input + label.as--theme-2 {
  background-color: #ac943d;
}

.as--theme-2.a-button:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--theme-2:hover, .input-btn-check input + span.as--theme-2:hover,
.input-btn-check input + label.as--theme-2:hover {
  background-color: #eb5e5e;
}

.as--theme-3.a-button, .header-nav .menu > .menu-item.as--btn-style > a.as--theme-3, .input-btn-check input + span.as--theme-3,
.input-btn-check input + label.as--theme-3 {
  background-color: #f0ebe0;
  color: #8a6e2d;
}

.a-button.as--black, .header-nav .menu > .menu-item.as--btn-style > a.as--black {
  border-color: #000;
  background: #000;
  color: #fff;
}

.a-button.as--black:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--black:hover {
  background: black;
  border-color: black;
}

.a-button.as--black.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--black.as--icon-round:hover {
  background: #000;
}

.a-button.as--black.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--black.as--ghost {
  border-color: #000;
  background: transparent;
}

.a-button.as--black.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--black.as--ghost:not([class*=h-color-]) {
  color: #000;
}

.a-button.as--black.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--black.as--ghost:hover {
  background: rgba(0, 0, 0, 0.85);
  border-color: #000;
}

.a-button.as--grey-1, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1 {
  border-color: #333;
  background: #333;
  color: #fff;
}

.a-button.as--grey-1:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1:hover {
  background: #1a1a1a;
  border-color: #1a1a1a;
}

.a-button.as--grey-1.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1.as--icon-round:hover {
  background: #333;
}

.a-button.as--grey-1.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1.as--ghost {
  border-color: #333;
  background: transparent;
}

.a-button.as--grey-1.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1.as--ghost:not([class*=h-color-]) {
  color: #333;
}

.a-button.as--grey-1.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-1.as--ghost:hover {
  background: rgba(51, 51, 51, 0.85);
  border-color: #333;
}

.a-button.as--grey-2, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2 {
  border-color: #2c2c2c;
  background: #2c2c2c;
  color: #fff;
}

.a-button.as--grey-2:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2:hover {
  background: #131313;
  border-color: #131313;
}

.a-button.as--grey-2.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2.as--icon-round:hover {
  background: #2c2c2c;
}

.a-button.as--grey-2.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2.as--ghost {
  border-color: #2c2c2c;
  background: transparent;
}

.a-button.as--grey-2.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2.as--ghost:not([class*=h-color-]) {
  color: #2c2c2c;
}

.a-button.as--grey-2.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-2.as--ghost:hover {
  background: rgba(44, 44, 44, 0.85);
  border-color: #2c2c2c;
}

.a-button.as--grey-3, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3 {
  border-color: #999;
  background: #999;
  color: #fff;
}

.a-button.as--grey-3:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3:hover {
  background: gray;
  border-color: gray;
}

.a-button.as--grey-3.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3.as--icon-round:hover {
  background: #999;
}

.a-button.as--grey-3.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3.as--ghost {
  border-color: #999;
  background: transparent;
}

.a-button.as--grey-3.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3.as--ghost:not([class*=h-color-]) {
  color: #999;
}

.a-button.as--grey-3.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-3.as--ghost:hover {
  background: rgba(153, 153, 153, 0.85);
  border-color: #999;
}

.a-button.as--grey-4, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4 {
  border-color: #ededed;
  background: #ededed;
  color: #fff;
}

.a-button.as--grey-4:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4:hover {
  background: #d4d4d4;
  border-color: #d4d4d4;
}

.a-button.as--grey-4.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4.as--icon-round:hover {
  background: #ededed;
}

.a-button.as--grey-4.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4.as--ghost {
  border-color: #ededed;
  background: transparent;
}

.a-button.as--grey-4.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4.as--ghost:not([class*=h-color-]) {
  color: #ededed;
}

.a-button.as--grey-4.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--grey-4.as--ghost:hover {
  background: rgba(237, 237, 237, 0.85);
  border-color: #ededed;
}

.a-button.as--white, .header-nav .menu > .menu-item.as--btn-style > a.as--white {
  border-color: #fff;
  background: #fff;
}

.a-button.as--white:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--white:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.a-button.as--white.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--white.as--icon-round:hover {
  background: #fff;
}

.a-button.as--white.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--white.as--ghost {
  border-color: #fff;
  background: transparent;
}

.a-button.as--white.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--white.as--ghost:not([class*=h-color-]) {
  color: #fff;
}

.a-button.as--white.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--white.as--ghost:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: #fff;
}

.a-button.as--primary, .header-nav .menu > .menu-item.as--btn-style > a.as--primary {
  border-color: #ac943d;
  background: #ac943d;
  color: #fff;
}

.a-button.as--primary:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--primary:hover {
  background: #867430;
  border-color: #867430;
}

.a-button.as--primary.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--primary.as--icon-round:hover {
  background: #ac943d;
}

.a-button.as--primary.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--primary.as--ghost {
  border-color: #ac943d;
  background: transparent;
}

.a-button.as--primary.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--primary.as--ghost:not([class*=h-color-]) {
  color: #ac943d;
}

.a-button.as--primary.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--primary.as--ghost:hover {
  background: rgba(172, 148, 61, 0.85);
  border-color: #ac943d;
}

.a-button.as--secondary, .header-nav .menu > .menu-item.as--btn-style > a.as--secondary {
  border-color: #eb5e5e;
  background: #eb5e5e;
  color: #fff;
}

.a-button.as--secondary:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--secondary:hover {
  background: #e53131;
  border-color: #e53131;
}

.a-button.as--secondary.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--secondary.as--icon-round:hover {
  background: #eb5e5e;
}

.a-button.as--secondary.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--secondary.as--ghost {
  border-color: #eb5e5e;
  background: transparent;
}

.a-button.as--secondary.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--secondary.as--ghost:not([class*=h-color-]) {
  color: #eb5e5e;
}

.a-button.as--secondary.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--secondary.as--ghost:hover {
  background: rgba(235, 94, 94, 0.85);
  border-color: #eb5e5e;
}

.a-button.as--facebook, .header-nav .menu > .menu-item.as--btn-style > a.as--facebook {
  border-color: #3b5998;
  background: #3b5998;
  color: #fff;
}

.a-button.as--facebook:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--facebook:hover {
  background: #2d4373;
  border-color: #2d4373;
}

.a-button.as--facebook.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--facebook.as--icon-round:hover {
  background: #3b5998;
}

.a-button.as--facebook.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--facebook.as--ghost {
  border-color: #3b5998;
  background: transparent;
}

.a-button.as--facebook.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--facebook.as--ghost:not([class*=h-color-]) {
  color: #3b5998;
}

.a-button.as--facebook.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--facebook.as--ghost:hover {
  background: rgba(59, 89, 152, 0.85);
  border-color: #3b5998;
}

.a-button.as--twitter, .header-nav .menu > .menu-item.as--btn-style > a.as--twitter {
  border-color: #00aced;
  background: #00aced;
  color: #fff;
}

.a-button.as--twitter:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--twitter:hover {
  background: #0087ba;
  border-color: #0087ba;
}

.a-button.as--twitter.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--twitter.as--icon-round:hover {
  background: #00aced;
}

.a-button.as--twitter.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--twitter.as--ghost {
  border-color: #00aced;
  background: transparent;
}

.a-button.as--twitter.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--twitter.as--ghost:not([class*=h-color-]) {
  color: #00aced;
}

.a-button.as--twitter.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--twitter.as--ghost:hover {
  background: rgba(0, 172, 237, 0.85);
  border-color: #00aced;
}

.a-button.as--linkedin, .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin {
  border-color: #0077b5;
  background: #0077b5;
  color: #fff;
}

.a-button.as--linkedin:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin:hover {
  background: #005582;
  border-color: #005582;
}

.a-button.as--linkedin.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin.as--icon-round:hover {
  background: #0077b5;
}

.a-button.as--linkedin.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin.as--ghost {
  border-color: #0077b5;
  background: transparent;
}

.a-button.as--linkedin.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin.as--ghost:not([class*=h-color-]) {
  color: #0077b5;
}

.a-button.as--linkedin.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--linkedin.as--ghost:hover {
  background: rgba(0, 119, 181, 0.85);
  border-color: #0077b5;
}

.a-button.as--pinterest, .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest {
  border-color: #cb2028;
  background: #cb2028;
  color: #fff;
}

.a-button.as--pinterest:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest:hover {
  background: #9f191f;
  border-color: #9f191f;
}

.a-button.as--pinterest.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest.as--icon-round:hover {
  background: #cb2028;
}

.a-button.as--pinterest.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest.as--ghost {
  border-color: #cb2028;
  background: transparent;
}

.a-button.as--pinterest.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest.as--ghost:not([class*=h-color-]) {
  color: #cb2028;
}

.a-button.as--pinterest.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--pinterest.as--ghost:hover {
  background: rgba(203, 32, 40, 0.85);
  border-color: #cb2028;
}

.a-button.as--gplus, .header-nav .menu > .menu-item.as--btn-style > a.as--gplus {
  border-color: #cc3732;
  background: #cc3732;
  color: #fff;
}

.a-button.as--gplus:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--gplus:hover {
  background: #a32c28;
  border-color: #a32c28;
}

.a-button.as--gplus.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--gplus.as--icon-round:hover {
  background: #cc3732;
}

.a-button.as--gplus.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--gplus.as--ghost {
  border-color: #cc3732;
  background: transparent;
}

.a-button.as--gplus.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--gplus.as--ghost:not([class*=h-color-]) {
  color: #cc3732;
}

.a-button.as--gplus.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--gplus.as--ghost:hover {
  background: rgba(204, 55, 50, 0.85);
  border-color: #cc3732;
}

.a-button.as--youtube, .header-nav .menu > .menu-item.as--btn-style > a.as--youtube {
  border-color: #cd201f;
  background: #cd201f;
  color: #fff;
}

.a-button.as--youtube:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--youtube:hover {
  background: #a11918;
  border-color: #a11918;
}

.a-button.as--youtube.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--youtube.as--icon-round:hover {
  background: #cd201f;
}

.a-button.as--youtube.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--youtube.as--ghost {
  border-color: #cd201f;
  background: transparent;
}

.a-button.as--youtube.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--youtube.as--ghost:not([class*=h-color-]) {
  color: #cd201f;
}

.a-button.as--youtube.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--youtube.as--ghost:hover {
  background: rgba(205, 32, 31, 0.85);
  border-color: #cd201f;
}

.a-button.as--viadeo, .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo {
  border-color: #eb6311;
  background: #eb6311;
  color: #fff;
}

.a-button.as--viadeo:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo:hover {
  background: #bb4f0e;
  border-color: #bb4f0e;
}

.a-button.as--viadeo.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo.as--icon-round:hover {
  background: #eb6311;
}

.a-button.as--viadeo.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo.as--ghost {
  border-color: #eb6311;
  background: transparent;
}

.a-button.as--viadeo.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo.as--ghost:not([class*=h-color-]) {
  color: #eb6311;
}

.a-button.as--viadeo.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--viadeo.as--ghost:hover {
  background: rgba(235, 99, 17, 0.85);
  border-color: #eb6311;
}

.a-button.as--vimeo, .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo {
  border-color: #009FDE;
  background: #009FDE;
  color: #fff;
}

.a-button.as--vimeo:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo:hover {
  background: #007aab;
  border-color: #007aab;
}

.a-button.as--vimeo.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo.as--icon-round:hover {
  background: #009FDE;
}

.a-button.as--vimeo.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo.as--ghost {
  border-color: #009FDE;
  background: transparent;
}

.a-button.as--vimeo.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo.as--ghost:not([class*=h-color-]) {
  color: #009FDE;
}

.a-button.as--vimeo.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--vimeo.as--ghost:hover {
  background: rgba(0, 159, 222, 0.85);
  border-color: #009FDE;
}

.a-button.as--instagram, .header-nav .menu > .menu-item.as--btn-style > a.as--instagram {
  border-color: #3f729b;
  background: #3f729b;
  color: #fff;
}

.a-button.as--instagram:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--instagram:hover {
  background: #305777;
  border-color: #305777;
}

.a-button.as--instagram.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--instagram.as--icon-round:hover {
  background: #3f729b;
}

.a-button.as--instagram.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--instagram.as--ghost {
  border-color: #3f729b;
  background: transparent;
}

.a-button.as--instagram.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--instagram.as--ghost:not([class*=h-color-]) {
  color: #3f729b;
}

.a-button.as--instagram.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--instagram.as--ghost:hover {
  background: rgba(63, 114, 155, 0.85);
  border-color: #3f729b;
}

.a-button.as--tumblr, .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr {
  border-color: #529ecc;
  background: #529ecc;
  color: #fff;
}

.a-button.as--tumblr:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr:hover {
  background: #3685b5;
  border-color: #3685b5;
}

.a-button.as--tumblr.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr.as--icon-round:hover {
  background: #529ecc;
}

.a-button.as--tumblr.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr.as--ghost {
  border-color: #529ecc;
  background: transparent;
}

.a-button.as--tumblr.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr.as--ghost:not([class*=h-color-]) {
  color: #529ecc;
}

.a-button.as--tumblr.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--tumblr.as--ghost:hover {
  background: rgba(82, 158, 204, 0.85);
  border-color: #529ecc;
}

.a-button.as--flickr, .header-nav .menu > .menu-item.as--btn-style > a.as--flickr {
  border-color: #ff0084;
  background: #ff0084;
  color: #fff;
}

.a-button.as--flickr:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--flickr:hover {
  background: #cc006a;
  border-color: #cc006a;
}

.a-button.as--flickr.as--icon-round:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--flickr.as--icon-round:hover {
  background: #ff0084;
}

.a-button.as--flickr.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--flickr.as--ghost {
  border-color: #ff0084;
  background: transparent;
}

.a-button.as--flickr.as--ghost:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--flickr.as--ghost:not([class*=h-color-]) {
  color: #ff0084;
}

.a-button.as--flickr.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--flickr.as--ghost:hover {
  background: rgba(255, 0, 132, 0.85);
  border-color: #ff0084;
}

/* ghost buttons
/*========================================================================== */
.a-button.as--ghost, .header-nav .menu > .menu-item.as--btn-style > a.as--ghost {
  background: transparent;
  border-color: #ededed;
}

.a-button.as--ghost:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--ghost:hover {
  background: rgba(153, 153, 153, 0.85);
  border-color: #d4d4d4;
}

/* btn circle
/*========================================================================== */
.a-button.as--circle, .header-nav .menu > .menu-item.as--btn-style > a.as--circle {
  width: 6rem;
  height: 6rem;
  padding: 0;
  line-height: 5.8rem;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 2rem;
}

/* Close button
/*========================================================================== */
.a-button.as--close, .header-nav .menu > .menu-item.as--btn-style > a.as--close {
  border-color: #ac943d;
  background: #ac943d;
  color: #fff;
  position: absolute;
  top: 1.5rem;
  right: 3rem;
  padding: 0;
  width: 4.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-family: arial;
  font-weight: 400;
  font-size: 5rem;
}

.a-button.as--close:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--close:hover {
  background: #867430;
  border-color: #867430;
}

.as--icon-round.a-button.as--close:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--icon-round.as--close:hover {
  background: #ac943d;
}

.as--ghost.a-button.as--close, .header-nav .menu > .menu-item.as--btn-style > a.as--ghost.as--close {
  border-color: #ac943d;
  background: transparent;
}

.as--ghost.a-button.as--close:not([class*=h-color-]), .header-nav .menu > .menu-item.as--btn-style > a.as--ghost.as--close:not([class*=h-color-]) {
  color: #ac943d;
}

.as--ghost.a-button.as--close:hover, .header-nav .menu > .menu-item.as--btn-style > a.as--ghost.as--close:hover {
  background: rgba(172, 148, 61, 0.85);
  border-color: #ac943d;
}

/* Misc buttons
/*========================================================================== */
.as--fullwidth {
  display: block;
  width: 100%;
}

.a-button.as--no-hover, .header-nav .menu > .menu-item.as--btn-style > a.as--no-hover {
  cursor: default;
}

.a-button.as--no-hover:active, .header-nav .menu > .menu-item.as--btn-style > a.as--no-hover:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* ==========================================================================
 SVG ICONS
 ========================================================================== */
.a-icon {
  display: inline-block;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: currentColor;
  stroke: transparent;
  /*  }*/
}

.a-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: .35s;
  transition: .35s;
}

.as--black {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #000;
  stroke: transparent;
  /*  }*/
}

.as--grey-1 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #333;
  stroke: transparent;
  /*  }*/
}

.as--grey-2 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #2c2c2c;
  stroke: transparent;
  /*  }*/
}

.as--grey-3 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #999;
  stroke: transparent;
  /*  }*/
}

.as--grey-4 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ededed;
  stroke: transparent;
  /*  }*/
}

.as--white {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.as--primary {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
}

.as--secondary {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb5e5e;
  stroke: transparent;
  /*  }*/
}

.as--facebook {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #3b5998;
  stroke: transparent;
  /*  }*/
}

.as--twitter {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #00aced;
  stroke: transparent;
  /*  }*/
}

.as--linkedin {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #0077b5;
  stroke: transparent;
  /*  }*/
}

.as--pinterest {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #cb2028;
  stroke: transparent;
  /*  }*/
}

.as--gplus {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #cc3732;
  stroke: transparent;
  /*  }*/
}

.as--youtube {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #cd201f;
  stroke: transparent;
  /*  }*/
}

.as--viadeo {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb6311;
  stroke: transparent;
  /*  }*/
}

.as--vimeo {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #009FDE;
  stroke: transparent;
  /*  }*/
}

.as--instagram {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #3f729b;
  stroke: transparent;
  /*  }*/
}

.as--tumblr {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #529ecc;
  stroke: transparent;
  /*  }*/
}

.as--flickr {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ff0084;
  stroke: transparent;
  /*  }*/
}

.a-icon.as--12 {
  width: 1.2rem;
  height: 1.2rem;
}

.a-icon.as--15 {
  width: 1.5rem;
  height: 1.5rem;
}

.a-icon.as--20 {
  width: 2rem;
  height: 2rem;
}

.a-icon.as--25 {
  width: 2.5rem;
  height: 2.5rem;
}

.a-icon.as--35 {
  width: 3.5rem;
  height: 3.5rem;
}

.a-icon.as--45 {
  width: 4.5rem;
  height: 4.5rem;
}

.a-icon.as--55 {
  width: 5.5rem;
  height: 5.5rem;
}

/* ==========================================================================
   HEADINGS
   ========================================================================== */
/* headings Type
   ========================================================================== */
.a-title-1 {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #333;
  margin: 2rem 0;
  text-align: left;
  text-transform: uppercase;
  line-height: 1.1;
  text-decoration: none;
}

.a-title-1:first-child {
  margin-top: 0;
}

.a-title-2 {
  display: block;
  margin: 1rem 0;
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #2c2c2c;
  line-height: 1.1;
  text-decoration: none;
}

.a-title-3 {
  display: block;
  margin: 0;
  margin-bottom: 2.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  color: #2c2c2c;
  text-transform: none;
  line-height: 1.1;
  text-decoration: none;
}

.as--loading {
  cursor: default;
  position: relative;
}

.as--loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.35) url(../img/common/loading.gif) no-repeat center;
  z-index: 2;
}

/* ==========================================================================
   IMAGES
   ========================================================================== */
/* Base
/*========================================================================== */
[data-pict] {
  display: block;
  position: relative;
  overflow: hidden;
}

[data-pict] img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.no-objectfit [data-pict] img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.no-objectfit [data-pict*="homothetic"] img {
  position: static;
  width: 100%;
  min-height: 0;
  min-width: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-pict*="left"] img {
  -o-object-position: 0 50%;
     object-position: 0 50%;
}

.no-objectfit [data-pict*="left"] img {
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

[data-pict*="right"] img {
  -o-object-position: 100% 50%;
     object-position: 100% 50%;
}

.no-objectfit [data-pict*="right"] img {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

[data-pict*="top"] img {
  -o-object-position: 50% 0;
     object-position: 50% 0;
}

.no-objectfit [data-pict*="top"] img {
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

[data-pict*="top"][data-pict*="left"] img {
  -o-object-position: 0 0;
     object-position: 0 0;
}

.no-objectfit [data-pict*="top"][data-pict*="left"] img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-pict*="top"][data-pict*="right"] img {
  -o-object-position: 100% 0;
     object-position: 100% 0;
}

.no-objectfit [data-pict*="top"][data-pict*="right"] img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-pict*="bottom"] img {
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}

.no-objectfit [data-pict*="bottom"] img {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

[data-pict*="bottom"][data-pict*="left"] img {
  -o-object-position: 0 100%;
     object-position: 0 100%;
}

.no-objectfit [data-pict*="bottom"][data-pict*="left"] img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-pict*="bottom"][data-pict*="right"] img {
  -o-object-position: 100% 100%;
     object-position: 100% 100%;
}

.no-objectfit [data-pict*="bottom"][data-pict*="right"] img {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

[data-pict*="bg-contain"] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.no-objectfit [data-pict*="bg-contain"] img {
  max-width: 100%;
  max-height: 100%;
}

[data-pict*="default"] img {
  -o-object-fit: none;
     object-fit: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.no-objectfit [data-pict*="default"] img {
  position: static;
  min-width: 0;
  min-height: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

/* Responsive Helper
 * shows current breakpoint in bottom left corner on resize
 * if localstorage 'responsive-debug' is true
   ========================================================================== */
.responsive-helper {
  position: fixed;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 9999999999;
  border-radius: 0 4px 0 0;
  height: 40px;
  width: 50px;
  line-height: 40px;
  text-align: center;
  display: none;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.responsive-helper.as--visible {
  display: block;
}

@media screen and (max-width: $mq-1) {
  .responsive-helper:before {
    content: "MQ-1";
  }
}

@media screen and (min-width: $mq-1 + 0.0625) and (max-width: $mq-2) {
  .responsive-helper:before {
    content: "MQ-2";
  }
}

@media screen and (min-width: $mq-2 + 0.0625) and (max-width: $mq-3) {
  .responsive-helper:before {
    content: "MQ-3";
  }
}

@media screen and (min-width: $mq-3 + 0.0625) and (max-width: $mq-4) {
  .responsive-helper:before {
    content: "MQ-4";
  }
}

@media screen and (min-width: $mq-4 + 0.0625) and (max-width: $mq-5) {
  .responsive-helper:before {
    content: "MQ-5";
  }
}

@media screen and (min-width: $mq-5 + 0.0625) and (max-width: $mq-6) {
  .responsive-helper:before {
    content: "MQ-6";
  }
}

@media screen and (min-width: $mq-6 + 0.0625) and (max-width: $mq-7) {
  .responsive-helper:before {
    content: "MQ-7";
  }
}

@media screen and (min-width: $mq-7 + 0.0625) {
  .responsive-helper:before {
    content: 'MQ---';
  }
}

/* ==========================================================================
   RICH TEXT
   ========================================================================== */
.editor-wysiwyg {
  position: relative;
  font-size: 1.5rem;
  /* Image
     ========================================================================== */
  /*--- extend styles pour wordpress ---*/
}

.editor-wysiwyg:after, .editor-wysiwyg:before {
  content: " ";
  display: table;
}

.editor-wysiwyg:after {
  clear: both;
}

.editor-wysiwyg strong {
  color: #ac943d;
}

.editor-wysiwyg h2,
.editor-wysiwyg h3,
.editor-wysiwyg h4,
.editor-wysiwyg h5,
.editor-wysiwyg h6 {
  margin-bottom: 1em;
}

.editor-wysiwyg h2 {
  display: block;
  margin: 1rem 0;
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #2c2c2c;
  line-height: 1.1;
  text-decoration: none;
  font-size: 2.4rem;
  font-weight: 800;
  margin-bottom: 2.5rem;
}

.editor-wysiwyg h3 {
  display: block;
  margin: 0;
  margin-bottom: 2.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  color: #2c2c2c;
  text-transform: none;
  line-height: 1.1;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: 800;
}

.editor-wysiwyg h4 {
  font-size: 1em;
  /* 16px */
}

.editor-wysiwyg h5 {
  font-size: 1em;
  /* 16px */
}

.editor-wysiwyg h6 {
  font-size: 1em;
  /* 16px */
}

.editor-wysiwyg p,
.editor-wysiwyg ul,
.editor-wysiwyg ol,
.editor-wysiwyg table,
.editor-wysiwyg .iframe-wysiwyg,
.editor-wysiwyg blockquote {
  margin-bottom: 1.5em;
  line-height: 1.4em;
}

.editor-wysiwyg .table-scroll {
  overflow: auto;
  margin-bottom: 1.5em;
}

.editor-wysiwyg .table-scroll table {
  margin: 0;
}

.editor-wysiwyg p:empty,
.editor-wysiwyg ul:empty,
.editor-wysiwyg ol:empty {
  display: none;
}

.editor-wysiwyg ul,
.editor-wysiwyg ol {
  list-style: none;
  overflow: hidden;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
}

.editor-wysiwyg ul.column-2,
.editor-wysiwyg ol.column-2 {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 40px;
          column-gap: 40px;
}

.editor-wysiwyg ul ul,
.editor-wysiwyg ul ol,
.editor-wysiwyg ol ul,
.editor-wysiwyg ol ol {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}

.editor-wysiwyg li {
  margin-bottom: .5em;
}

.editor-wysiwyg ul > li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 2.5rem;
}

.editor-wysiwyg ul > li:before {
  content: "";
  position: absolute;
  top: .5rem;
  left: 0;
  display: block;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  background-color: #ac943d;
}

.editor-wysiwyg ul > li:last-child {
  margin-bottom: 0;
}

.editor-wysiwyg ol {
  counter-reset: my-badass-counter;
}

.editor-wysiwyg ol > li {
  position: relative;
  margin-left: 2.5em;
}

.editor-wysiwyg ol > li:before {
  position: absolute;
  top: .1em;
  left: -1.3em;
  padding: 0 6px 0 0;
  margin-right: 0;
  font-size: .9em;
  font-weight: 700;
  content: counter(my-badass-counter, decimal);
  counter-increment: my-badass-counter;
}

.editor-wysiwyg a:not(.a-button) {
  /*color: $color-primary;
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }*/
}

.editor-wysiwyg table {
  clear: both;
  width: 100%;
  max-width: 100%;
  overflow: auto;
  margin: 5rem 0;
  border-collapse: collapse;
  color: #2c2c2c;
  background: #ededed;
}

@media screen and (max-width: 38em) {
  .editor-wysiwyg table {
    margin: 2.5rem 0;
  }
}

.editor-wysiwyg th,
.editor-wysiwyg td {
  padding: 2rem 3rem;
  border: 2px solid #fff;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  vertical-align: top;
}

.editor-wysiwyg th {
  vertical-align: middle;
  font-size: 1.8rem;
  text-transform: uppercase;
  background: #999;
}

.editor-wysiwyg iframe {
  width: 100%;
}

.editor-wysiwyg img {
  max-width: 100%;
}

.editor-wysiwyg blockquote,
.editor-wysiwyg q {
  font-style: italic;
}

.editor-wysiwyg blockquote:before,
.editor-wysiwyg q:before {
  content: '« ';
}

.editor-wysiwyg blockquote:after,
.editor-wysiwyg q:after {
  content: ' »';
}

.editor-wysiwyg blockquote p,
.editor-wysiwyg q p {
  display: inline;
}

.editor-wysiwyg .iframe-wysiwyg {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.editor-wysiwyg .iframe-wysiwyg iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.editor-wysiwyg .img-wysiwyg {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .img-wysiwyg img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .img-wysiwyg p,
.editor-wysiwyg .img-wysiwyg figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

.editor-wysiwyg .img-wysiwyg-left {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .img-wysiwyg-left img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .img-wysiwyg-left p,
.editor-wysiwyg .img-wysiwyg-left figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

@media screen and (min-width: 56.0625em) {
  .editor-wysiwyg .img-wysiwyg-left {
    max-width: 50%;
    float: left;
    margin: 0 2em 2em 0;
  }
}

@media screen and (max-width: 38em) {
  .editor-wysiwyg .img-wysiwyg-left {
    clear: both;
    display: block;
    margin: 0 auto 2em;
  }
  .editor-wysiwyg .img-wysiwyg-left img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .editor-wysiwyg .img-wysiwyg-left p,
  .editor-wysiwyg .img-wysiwyg-left figcaption {
    padding: .75em 0;
    margin: 0;
    font-size: .8em;
    font-style: italic;
  }
  .editor-wysiwyg .img-wysiwyg-left img {
    margin: 0 auto;
  }
  .editor-wysiwyg .img-wysiwyg-left p,
  .editor-wysiwyg .img-wysiwyg-left figcaption {
    text-align: center;
  }
}

.editor-wysiwyg .img-wysiwyg-right {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .img-wysiwyg-right img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .img-wysiwyg-right p,
.editor-wysiwyg .img-wysiwyg-right figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

@media screen and (min-width: 56.0625em) {
  .editor-wysiwyg .img-wysiwyg-right {
    max-width: 50%;
    float: right;
    margin: 0 0 2em 2em;
  }
}

@media screen and (max-width: 38em) {
  .editor-wysiwyg .img-wysiwyg-right {
    clear: both;
    display: block;
    margin: 0 auto 2em;
  }
  .editor-wysiwyg .img-wysiwyg-right img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .editor-wysiwyg .img-wysiwyg-right p,
  .editor-wysiwyg .img-wysiwyg-right figcaption {
    padding: .75em 0;
    margin: 0;
    font-size: .8em;
    font-style: italic;
  }
  .editor-wysiwyg .img-wysiwyg-right img {
    margin: 0 auto;
  }
  .editor-wysiwyg .img-wysiwyg-right p,
  .editor-wysiwyg .img-wysiwyg-right figcaption {
    text-align: center;
  }
}

.editor-wysiwyg .img-wysiwyg-center {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .img-wysiwyg-center img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .img-wysiwyg-center p,
.editor-wysiwyg .img-wysiwyg-center figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

.editor-wysiwyg .img-wysiwyg-center img {
  margin: 0 auto;
}

.editor-wysiwyg .img-wysiwyg-center p,
.editor-wysiwyg .img-wysiwyg-center figcaption {
  text-align: center;
}

.editor-wysiwyg .alignnone {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .alignnone img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .alignnone p,
.editor-wysiwyg .alignnone figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

.editor-wysiwyg .alignleft {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .alignleft img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .alignleft p,
.editor-wysiwyg .alignleft figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

@media screen and (min-width: 56.0625em) {
  .editor-wysiwyg .alignleft {
    max-width: 50%;
    float: left;
    margin: 0 2em 2em 0;
  }
}

@media screen and (max-width: 38em) {
  .editor-wysiwyg .alignleft {
    clear: both;
    display: block;
    margin: 0 auto 2em;
  }
  .editor-wysiwyg .alignleft img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .editor-wysiwyg .alignleft p,
  .editor-wysiwyg .alignleft figcaption {
    padding: .75em 0;
    margin: 0;
    font-size: .8em;
    font-style: italic;
  }
  .editor-wysiwyg .alignleft img {
    margin: 0 auto;
  }
  .editor-wysiwyg .alignleft p,
  .editor-wysiwyg .alignleft figcaption {
    text-align: center;
  }
}

.editor-wysiwyg .alignright {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .alignright img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .alignright p,
.editor-wysiwyg .alignright figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

@media screen and (min-width: 56.0625em) {
  .editor-wysiwyg .alignright {
    max-width: 50%;
    float: right;
    margin: 0 0 2em 2em;
  }
}

@media screen and (max-width: 38em) {
  .editor-wysiwyg .alignright {
    clear: both;
    display: block;
    margin: 0 auto 2em;
  }
  .editor-wysiwyg .alignright img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .editor-wysiwyg .alignright p,
  .editor-wysiwyg .alignright figcaption {
    padding: .75em 0;
    margin: 0;
    font-size: .8em;
    font-style: italic;
  }
  .editor-wysiwyg .alignright img {
    margin: 0 auto;
  }
  .editor-wysiwyg .alignright p,
  .editor-wysiwyg .alignright figcaption {
    text-align: center;
  }
}

.editor-wysiwyg .aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 2em;
}

.editor-wysiwyg .aligncenter img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.editor-wysiwyg .aligncenter p,
.editor-wysiwyg .aligncenter figcaption {
  padding: .75em 0;
  margin: 0;
  font-size: .8em;
  font-style: italic;
}

.editor-wysiwyg .aligncenter img {
  margin: 0 auto;
}

.editor-wysiwyg .aligncenter p,
.editor-wysiwyg .aligncenter figcaption {
  text-align: center;
}

.editor-wysiwyg hr {
  clear: both;
}

.editor-wysiwyg hr.clearfix {
  border: 0;
}

.editor-wysiwyg > :first-child {
  margin-top: 0;
}

/* A tooltip helpers
   ========================================================================== */
.a-tip {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #ac943d;
  border: 1px solid #ac943d;
  color: #fff;
  position: relative;
  border-radius: 50%;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  top: -.4rem;
  margin-left: .7rem;
  padding: 0;
}

.a-tip .a-tip-label {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.1rem;
  line-height: 1.7;
  text-align: center;
}

.a-tip .a-tip-text {
  font-weight: 400;
  text-align: left;
  font-size: 1.1rem;
  padding: .7rem;
  width: 15rem;
  position: absolute;
  z-index: -1;
  bottom: 150%;
  left: -1rem;
  background: #ac943d;
  opacity: 0;
  -webkit-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
  -webkit-transition: opacity 200ms ease, z-index 5ms linear 300ms, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, z-index 5ms linear 300ms, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease, z-index 5ms linear 300ms;
  transition: opacity 200ms ease, transform 200ms ease, z-index 5ms linear 300ms, -webkit-transform 200ms ease;
}

.a-tip .a-tip-text:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 2rem;
  width: 0;
  height: 0;
  border-top: 0.7rem solid #ac943d;
  border-right: .7rem solid transparent;
}

.a-tip:hover .a-tip-text, .a-tip:focus .a-tip-text {
  -webkit-transition: opacity 200ms ease, z-index 5ms linear, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, z-index 5ms linear, -webkit-transform 200ms ease;
  transition: opacity 200ms ease, transform 200ms ease, z-index 5ms linear;
  transition: opacity 200ms ease, transform 200ms ease, z-index 5ms linear, -webkit-transform 200ms ease;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  z-index: 0;
}

.block-text {
  position: relative;
  display: block;
  width: 50%;
}

.block-text h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2.5rem;
  font-size: 2.4rem;
  font-weight: 800;
}

.block-text h2 span {
  margin-top: .3rem;
  font-family: "Lora", serif;
  font-size: 1.8rem;
  font-weight: 400;
}

.block-text .editor-wysiwyg p {
  font-size: 1.5rem;
  line-height: 1.3em;
}

.block-text .editor-wysiwyg p strong {
  color: #ac943d;
}

.block-text a {
  margin-top: 7rem;
  margin-left: auto;
}

@media only screen and (max-width: 56em) {
  .block-text a {
    margin-top: 3rem;
  }
}

.block-text-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 8rem;
}

@media only screen and (max-width: 56em) {
  .block-text-inner {
    padding: 4rem;
  }
}

.block-picto {
  position: relative;
  display: block;
  width: 50%;
  background-color: #f0ebe0;
}

.block-picto.as--picture .block-picto-inner {
  padding: 0;
}

.block-picto.as--picture .block-picto-media {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.block-picto.as--picture .block-picto-media img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .block-picto.as--picture .block-picto-media img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.block-picto-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  padding: 2rem;
}

@media only screen and (max-width: 38em) {
  .block-picto-inner {
    padding: 4rem;
  }
}

.block-picto-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  background-color: #fff;
  color: #ac943d;
}

.block-picto-media svg {
  width: 9.5rem;
  height: 9.5rem;
}

@media only screen and (max-width: 38em) {
  .block-picto-media {
    width: 10rem;
    height: 10rem;
  }
  .block-picto-media svg {
    width: 6rem;
    height: 6rem;
  }
}

/* Components
   ========================================================================== */
/* ==========================================================================
   MESSAGES BANNER ( Cookies / warning / news ...)
   ========================================================================== */
.c-banner-messages {
  position: relative;
  margin: 0 auto;
  padding: 4rem 12rem 4rem 6rem;
  background: #acadaf;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  color: #fff;
  overflow: hidden;
}

@media screen and (max-width: 88em) {
  .c-banner-messages {
    padding: 3rem 9rem 3rem 3rem;
  }
}

@media screen and (max-width: 38em) {
  .c-banner-messages {
    padding: 1.5rem 7.5rem 1.5rem 1.5rem;
  }
}

.c-banner-messages p {
  margin: 0 30% 1rem 0;
  font-size: 1.2rem;
}

@media screen and (max-width: 56em) {
  .c-banner-messages p {
    margin: 0;
  }
}

.c-banner-messages p a {
  color: inherit;
  font-weight: 700;
}

.c-banner-messages .a-button:not(.as--close), .c-banner-messages .header-nav .menu > .menu-item.as--btn-style > a:not(.as--close), .header-nav .c-banner-messages .menu > .menu-item.as--btn-style > a:not(.as--close) {
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
}

.c-banner-messages .a-button.as--close, .c-banner-messages .header-nav .menu > .menu-item.as--btn-style > a.as--close, .header-nav .c-banner-messages .menu > .menu-item.as--btn-style > a.as--close {
  top: 4rem;
  right: 6rem;
}

@media screen and (max-width: 88em) {
  .c-banner-messages .a-button.as--close, .c-banner-messages .header-nav .menu > .menu-item.as--btn-style > a.as--close, .header-nav .c-banner-messages .menu > .menu-item.as--btn-style > a.as--close {
    top: 3rem;
    right: 3rem;
  }
}

@media screen and (max-width: 38em) {
  .c-banner-messages .a-button.as--close, .c-banner-messages .header-nav .menu > .menu-item.as--btn-style > a.as--close, .header-nav .c-banner-messages .menu > .menu-item.as--btn-style > a.as--close {
    top: 1.5rem;
    right: 1.5rem;
  }
}

/* ==========================================================================
   BREADCRUMB
   ========================================================================== */
.c-breadcrumb {
  margin: .5rem 0 2rem;
  padding: 0;
  text-align: left;
}

@media screen and (max-width: 56em) {
  .c-breadcrumb {
    display: none;
  }
}

.c-breadcrumb:before {
  left: 0;
  margin-left: 0;
}

.c-breadcrumb > li,
.c-breadcrumb > span {
  display: inline-block;
  color: #d7d5cf;
}

.c-breadcrumb > li a,
.c-breadcrumb > li span,
.c-breadcrumb > span a,
.c-breadcrumb > span span {
  -webkit-transition: .3s;
  transition: .3s;
  color: inherit;
  text-decoration: none;
  font-family: "Lora", serif;
  font-size: 1.5rem;
}

.c-breadcrumb > li a:hover,
.c-breadcrumb > span a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   FORMS
   ========================================================================== */
button, input, select, textarea {
  border-radius: 0;
}

.form-group > legend {
  font-family: inherit;
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.form-field {
  font-size: 1.5rem;
  position: relative;
  margin-bottom: 2rem;
  /* Labels
     ========================================================================== */
  /* Inputs
   ========================================================================== */
  /*.input-file {
    input[type="file"] {
      cursor: pointer;
      font-size: 10rem;
      height: 100%;
      opacity: 0.01;
      position: absolute;
      right: 0;
      top: 0;
    }
    .file-text-holder {
      width: calc(100% - 1rem);
      line-height: 3.8rem;
    }
  }*/
  /* Textarea
   ========================================================================== */
  /* Select
   ========================================================================== */
  /* errors
     ========================================================================== */
}

.form-field > label {
  display: block;
  margin-bottom: 1.5rem;
  color: #2c2c2c;
  font-weight: 500;
}

.form-field > label .ex {
  font-size: 1.4rem;
  display: block;
  text-transform: none;
  font-weight: normal;
}

.form-field.as--icon > div {
  position: relative;
}

.form-field.as--icon > div > svg,
.form-field.as--icon > div > .a-button,
.header-nav .menu.form-field.as--icon > div.menu-item.as--btn-style > a {
  position: absolute;
  top: 50%;
  right: 1rem;
  z-index: 5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.form-field.as--icon input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']) {
  padding-right: 4rem;
}

.form-field.as--icon.as--btn-password .a-button, .form-field.as--icon.as--btn-password .header-nav .menu > .menu-item.as--btn-style > a, .header-nav .form-field.as--icon.as--btn-password .menu > .menu-item.as--btn-style > a {
  cursor: pointer;
  pointer-events: auto;
  -webkit-transition: .35s;
  transition: .35s;
  opacity: .8;
  border: 0;
  background: none;
  padding: 0;
}

.form-field.as--icon.as--btn-password .a-button:hover, .form-field.as--icon.as--btn-password .header-nav .menu > .menu-item.as--btn-style > a:hover, .header-nav .form-field.as--icon.as--btn-password .menu > .menu-item.as--btn-style > a:hover {
  opacity: 1;
}

.form-field.as--icon.as--btn-password .btn-password-hide {
  display: none;
}

.form-field.as--icon.as--btn-password.as--visible .btn-password-hide {
  display: block;
}

.form-field.as--icon.as--btn-password.as--visible .btn-password-show {
  display: none;
}

.form-field.as--btn-clear input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']) {
  padding-right: 4rem;
}

.form-field.as--btn-clear > div {
  position: relative;
}

.form-field.as--btn-clear .btn-clear {
  display: none;
  position: absolute;
  top: 50%;
  right: .5rem;
  z-index: 5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  font-size: 3rem;
  font-weight: 700;
  color: #999;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  -webkit-transition: .35s;
  transition: .35s;
}

.form-field.as--btn-clear .btn-clear:hover {
  color: #2c2c2c;
}

.form-field.as--btn-clear .btn-clear .as--icon.form-field.as--btn-clear .btn-clear {
  right: 3.5rem;
}

.form-field.as--btn-clear.as--not-empty .btn-clear {
  display: block;
}

.form-field.as--btn-clear.as--icon input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']) {
  padding-right: 8rem;
}

.form-field.as--btn-clear.as--icon .btn-clear {
  right: 3.5rem;
}

.form-field.field-animated {
  padding-top: 3rem;
}

.form-field.field-animated > label {
  position: absolute;
  top: 3rem;
  left: 1.8rem;
  z-index: 1;
  margin: 0;
  pointer-events: none;
  -webkit-transition: .2s;
  transition: .2s;
}

.form-field.as--focused > label {
  top: 0;
  left: 0;
  padding: 0;
  font-size: 1.3rem;
}

.form-field ::-webkit-input-placeholder {
  color: rgba(237, 237, 237, 0.8);
  font-family: inherit;
}

.form-field ::-moz-placeholder {
  color: rgba(237, 237, 237, 0.8);
  font-family: inherit;
}

.form-field :-ms-input-placeholder {
  color: rgba(237, 237, 237, 0.8) !important;
  font-family: inherit !important;
}

.form-field input:-moz-placeholder {
  color: rgba(237, 237, 237, 0.8);
  font-family: inherit;
}

.form-field input.placeholder {
  color: rgba(237, 237, 237, 0.8);
  font-family: inherit;
}

.form-field textarea,
.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']),
.form-field select {
  font-family: inherit;
  font-weight: 600;
  color: #2c2c2c;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-field textarea.h-no-border,
.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']).h-no-border,
.form-field select.h-no-border {
  border: 0 !important;
}

.form-field textarea.h-no-bg,
.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']).h-no-bg,
.form-field select.h-no-bg {
  background: transparent !important;
}

.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']),
.form-field select,
.form-field textarea {
  display: block;
  width: 100%;
  line-height: 1.9rem;
  font-size: 1.5rem;
  border: 0.1rem solid #f0ebe0;
  border-radius: 50px;
  padding: 1.3rem;
}

.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']):focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: #f0ebe0;
  outline: none;
}

.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset'])::-ms-clear,
.form-field select::-ms-clear,
.form-field textarea::-ms-clear {
  display: none;
}

.form-field input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']).wpcf7-not-valid,
.form-field select.wpcf7-not-valid,
.form-field textarea.wpcf7-not-valid {
  border-color: #e0182d;
  color: #e0182d;
}

.form-field textarea {
  resize: vertical;
  height: 16rem;
  max-height: 25rem;
  border-radius: 10px;
}

.form-field .select-wrapper {
  position: relative;
  overflow: hidden;
  border: 0.1rem solid #f0ebe0;
  background: #fff;
  padding: 0;
}

.form-field .select-wrapper.h-no-border {
  border: 0 !important;
}

.form-field .select-wrapper.h-no-bg {
  background: transparent !important;
}

.form-field .select-wrapper:focus-within {
  border-color: white;
}

.form-field .select-wrapper select {
  height: 100%;
  width: 100%;
  padding-right: 3rem;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.form-field .select-wrapper select::-ms-expand {
  display: none;
}

.form-field .select-wrapper::after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  border: transparent solid;
  border-width: 1rem .5rem 0 .5rem;
  margin-top: -.5rem;
  border-top-color: #2c2c2c;
  pointer-events: none;
}

.form-field .select-wrapper.h-color-black {
  border-color: #000;
}

.form-field .select-wrapper.h-color-black:focus-within {
  border-color: #262626;
}

.form-field .select-wrapper.h-color-black select {
  color: #000;
}

.form-field .select-wrapper.h-color-black::after {
  border-top-color: #000;
}

.form-field .select-wrapper.h-color-grey-1 {
  border-color: #333;
}

.form-field .select-wrapper.h-color-grey-1:focus-within {
  border-color: #595959;
}

.form-field .select-wrapper.h-color-grey-1 select {
  color: #333;
}

.form-field .select-wrapper.h-color-grey-1::after {
  border-top-color: #333;
}

.form-field .select-wrapper.h-color-grey-2 {
  border-color: #2c2c2c;
}

.form-field .select-wrapper.h-color-grey-2:focus-within {
  border-color: #525252;
}

.form-field .select-wrapper.h-color-grey-2 select {
  color: #2c2c2c;
}

.form-field .select-wrapper.h-color-grey-2::after {
  border-top-color: #2c2c2c;
}

.form-field .select-wrapper.h-color-grey-3 {
  border-color: #999;
}

.form-field .select-wrapper.h-color-grey-3:focus-within {
  border-color: #bfbfbf;
}

.form-field .select-wrapper.h-color-grey-3 select {
  color: #999;
}

.form-field .select-wrapper.h-color-grey-3::after {
  border-top-color: #999;
}

.form-field .select-wrapper.h-color-grey-4 {
  border-color: #ededed;
}

.form-field .select-wrapper.h-color-grey-4:focus-within {
  border-color: white;
}

.form-field .select-wrapper.h-color-grey-4 select {
  color: #ededed;
}

.form-field .select-wrapper.h-color-grey-4::after {
  border-top-color: #ededed;
}

.form-field .select-wrapper.h-color-white {
  border-color: #fff;
}

.form-field .select-wrapper.h-color-white:focus-within {
  border-color: white;
}

.form-field .select-wrapper.h-color-white select {
  color: #fff;
}

.form-field .select-wrapper.h-color-white select option {
  color: #2c2c2c;
}

.form-field .select-wrapper.h-color-white::after {
  border-top-color: #fff;
}

.form-field .select-wrapper.h-color-primary {
  border-color: #ac943d;
}

.form-field .select-wrapper.h-color-primary:focus-within {
  border-color: #cbb66b;
}

.form-field .select-wrapper.h-color-primary select {
  color: #ac943d;
}

.form-field .select-wrapper.h-color-primary::after {
  border-top-color: #ac943d;
}

.form-field .select-wrapper.h-color-secondary {
  border-color: #eb5e5e;
}

.form-field .select-wrapper.h-color-secondary:focus-within {
  border-color: #f3a2a2;
}

.form-field .select-wrapper.h-color-secondary select {
  color: #eb5e5e;
}

.form-field .select-wrapper.h-color-secondary::after {
  border-top-color: #eb5e5e;
}

.form-field .select-wrapper.h-color-facebook {
  border-color: #3b5998;
}

.form-field .select-wrapper.h-color-facebook:focus-within {
  border-color: #5f7ec1;
}

.form-field .select-wrapper.h-color-facebook select {
  color: #3b5998;
}

.form-field .select-wrapper.h-color-facebook::after {
  border-top-color: #3b5998;
}

.form-field .select-wrapper.h-color-twitter {
  border-color: #00aced;
}

.form-field .select-wrapper.h-color-twitter:focus-within {
  border-color: #3bc9ff;
}

.form-field .select-wrapper.h-color-twitter select {
  color: #00aced;
}

.form-field .select-wrapper.h-color-twitter::after {
  border-top-color: #00aced;
}

.form-field .select-wrapper.h-color-linkedin {
  border-color: #0077b5;
}

.form-field .select-wrapper.h-color-linkedin:focus-within {
  border-color: #03a9ff;
}

.form-field .select-wrapper.h-color-linkedin select {
  color: #0077b5;
}

.form-field .select-wrapper.h-color-linkedin::after {
  border-top-color: #0077b5;
}

.form-field .select-wrapper.h-color-pinterest {
  border-color: #cb2028;
}

.form-field .select-wrapper.h-color-pinterest:focus-within {
  border-color: #e4545a;
}

.form-field .select-wrapper.h-color-pinterest select {
  color: #cb2028;
}

.form-field .select-wrapper.h-color-pinterest::after {
  border-top-color: #cb2028;
}

.form-field .select-wrapper.h-color-gplus {
  border-color: #cc3732;
}

.form-field .select-wrapper.h-color-gplus:focus-within {
  border-color: #dc726f;
}

.form-field .select-wrapper.h-color-gplus select {
  color: #cc3732;
}

.form-field .select-wrapper.h-color-gplus::after {
  border-top-color: #cc3732;
}

.form-field .select-wrapper.h-color-youtube {
  border-color: #cd201f;
}

.form-field .select-wrapper.h-color-youtube:focus-within {
  border-color: #e55453;
}

.form-field .select-wrapper.h-color-youtube select {
  color: #cd201f;
}

.form-field .select-wrapper.h-color-youtube::after {
  border-top-color: #cd201f;
}

.form-field .select-wrapper.h-color-viadeo {
  border-color: #eb6311;
}

.form-field .select-wrapper.h-color-viadeo:focus-within {
  border-color: #f39156;
}

.form-field .select-wrapper.h-color-viadeo select {
  color: #eb6311;
}

.form-field .select-wrapper.h-color-viadeo::after {
  border-top-color: #eb6311;
}

.form-field .select-wrapper.h-color-vimeo {
  border-color: #009FDE;
}

.form-field .select-wrapper.h-color-vimeo:focus-within {
  border-color: #2cc3ff;
}

.form-field .select-wrapper.h-color-vimeo select {
  color: #009FDE;
}

.form-field .select-wrapper.h-color-vimeo::after {
  border-top-color: #009FDE;
}

.form-field .select-wrapper.h-color-instagram {
  border-color: #3f729b;
}

.form-field .select-wrapper.h-color-instagram:focus-within {
  border-color: #6698c1;
}

.form-field .select-wrapper.h-color-instagram select {
  color: #3f729b;
}

.form-field .select-wrapper.h-color-instagram::after {
  border-top-color: #3f729b;
}

.form-field .select-wrapper.h-color-tumblr {
  border-color: #529ecc;
}

.form-field .select-wrapper.h-color-tumblr:focus-within {
  border-color: #8dbfdd;
}

.form-field .select-wrapper.h-color-tumblr select {
  color: #529ecc;
}

.form-field .select-wrapper.h-color-tumblr::after {
  border-top-color: #529ecc;
}

.form-field .select-wrapper.h-color-flickr {
  border-color: #ff0084;
}

.form-field .select-wrapper.h-color-flickr:focus-within {
  border-color: #ff4da9;
}

.form-field .select-wrapper.h-color-flickr select {
  color: #ff0084;
}

.form-field .select-wrapper.h-color-flickr::after {
  border-top-color: #ff0084;
}

.form-field.as--valid input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']) {
  border-color: #5aa700;
  color: #5aa700;
}

.form-field.as--invalid input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='image']):not([type='submit']):not([type='button']):not([type='reset']) {
  border-color: #e0182d;
  color: #e0182d;
}

.form-field .form-msg-error,
.form-field .wpcf7-not-valid-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  padding-left: .5rem;
  line-height: 1.2rem;
  color: #e0182d;
  margin-top: 1.5rem;
}

.form-field .form-msg-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}

.form-field .form-msg-media svg {
  width: 3rem;
  height: 3rem;
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.form-field .input-helper {
  display: none;
}

.form-field .input-btn-check-group {
  margin: -.7rem;
  font-size: 0;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}

/* Radio + Checkbox
   ========================================================================== */
.input-checkbox,
.input-radio {
  line-height: 1.6rem;
  padding: .5rem 0;
  display: inline-block;
  white-space: nowrap;
}

.input-checkbox input,
.input-radio input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0);
}

.input-checkbox input + span,
.input-checkbox input + label,
.input-radio input + span,
.input-radio input + label {
  position: relative;
  cursor: pointer;
  text-transform: none;
  padding-left: 3rem;
  padding-right: 3rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.input-checkbox input + span::before, .input-checkbox input + span::after,
.input-checkbox input + label::before,
.input-checkbox input + label::after,
.input-radio input + span::before,
.input-radio input + span::after,
.input-radio input + label::before,
.input-radio input + label::after {
  content: '';
  position: absolute;
  -webkit-transition: .2s;
  transition: .2s;
}

.input-checkbox input + span::before,
.input-checkbox input + label::before,
.input-radio input + span::before,
.input-radio input + label::before {
  top: 0;
  left: 0;
  height: 2.5rem;
  width: 2.5rem;
  border: 0.1rem solid #f0ebe0;
  background: #fff;
}

.input-checkbox input:focus + span::before,
.input-checkbox input:focus + label::before,
.input-radio input:focus + span::before,
.input-radio input:focus + label::before {
  border-color: white;
}

.input-checkbox input[disabled] + span,
.input-checkbox input[disabled] + label,
.input-radio input[disabled] + span,
.input-radio input[disabled] + label {
  opacity: 0.5;
  cursor: default;
}

.input-checkbox input + span,
.input-checkbox input + label {
  padding-left: 3.5rem;
}

.input-checkbox input + span::after,
.input-checkbox input + label::after {
  left: 1.2rem;
  top: 1.2rem;
  height: 0;
  width: 0;
  background: #ac943d;
}

.input-checkbox input:checked + span::after,
.input-checkbox input:checked + label::after {
  left: .6rem;
  top: .6rem;
  height: 1.3rem;
  width: 1.3rem;
}

.input-radio input + span::before,
.input-radio input + label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 2.5rem;
  width: 2.5rem;
  border: 0.1rem solid #f0ebe0;
  border-radius: 50%;
  background: #ac943d;
  -webkit-box-shadow: inset 0 0 0 1.3rem #fff;
          box-shadow: inset 0 0 0 1.3rem #fff;
  -webkit-transition: .3s;
  transition: .3s;
}

.input-radio input:checked + span::before,
.input-radio input:checked + label::before {
  -webkit-box-shadow: inset  0 0 0 .6rem #fff;
          box-shadow: inset  0 0 0 .6rem #fff;
}

.input-btn-check {
  padding: .7rem;
  display: inline-block;
  white-space: nowrap;
}

.input-btn-check input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0);
}

.input-btn-check input + span,
.input-btn-check input + label {
  border-color: #ac943d;
  background: #ac943d;
  color: #fff;
  margin: 0;
}

.input-btn-check input + span:hover,
.input-btn-check input + label:hover {
  background: #867430;
  border-color: #867430;
}

.input-btn-check input + span.as--icon-round:hover,
.input-btn-check input + label.as--icon-round:hover {
  background: #ac943d;
}

.input-btn-check input + span.as--ghost,
.input-btn-check input + label.as--ghost {
  border-color: #ac943d;
  background: transparent;
}

.input-btn-check input + span.as--ghost:not([class*=h-color-]),
.input-btn-check input + label.as--ghost:not([class*=h-color-]) {
  color: #ac943d;
}

.input-btn-check input + span.as--ghost:hover,
.input-btn-check input + label.as--ghost:hover {
  background: rgba(172, 148, 61, 0.85);
  border-color: #ac943d;
}

.input-btn-check input + span:not(.as--no-hover):hover,
.input-btn-check input + label:not(.as--no-hover):hover {
  color: #fff;
  background: rgba(235, 94, 94, 0.9);
}

.input-btn-check input:checked + span,
.input-btn-check input:checked + label {
  background: transparent;
  color: #eb5e5e;
}

.input-btn-check input:checked + span:not(.a-button.as--no-hover):hover,
.input-btn-check input:checked + label:not(.a-button.as--no-hover):hover {
  color: #eb5e5e;
  background: rgba(235, 94, 94, 0.1);
}

.input-btn-check input[disabled] + span,
.input-btn-check input[disabled] + label {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}

.form-help {
  color: #ededed;
  font-style: italic;
}

.form-field-autosuggest {
  position: relative;
}

.form-field-autosuggest input {
  position: relative;
  z-index: 4;
}

.form-field-autosuggest-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  margin-top: 2rem;
  padding: 1rem 0;
  background: #eb5e5e;
  font-weight: 700;
  color: #fff;
  line-height: 1.8rem;
  font-size: 1.4rem;
}

.form-field-autosuggest-dropdown::before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 2rem;
  border: transparent solid;
  border-width: 0 1.1rem 1.1rem 1.1rem;
  border-bottom-color: #eb5e5e;
}

.form-field-autosuggest-dropdown li {
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-transition: .35s;
  transition: .35s;
}

.form-field-autosuggest-dropdown li:hover {
  text-decoration: underline;
}

.onlyMarmite input:focus ~ .form-field-autosuggest-dropdown {
  display: block;
}

/* ==========================================================================
   MESSAGE BLOCK
   ========================================================================== */
.c-msg-block,
.wpcf7-response-output {
  position: relative;
  padding-left: 7rem;
  margin-top: 4rem;
  font-size: 1.5rem;
  border: none !important;
}

.c-msg-block.msg-info,
.wpcf7-response-output.msg-info {
  color: #5aaafa;
  border-color: #5aaafa;
  background-color: #f8fcff;
}

.c-msg-block.msg-success, .c-msg-block.wpcf7-mail-sent-ok,
.wpcf7-response-output.msg-success,
.wpcf7-response-output.wpcf7-mail-sent-ok {
  color: #5aa700;
}

.c-msg-block.msg-error, .c-msg-block.wpcf7-validation-errors,
.wpcf7-response-output.msg-error,
.wpcf7-response-output.wpcf7-validation-errors {
  color: #e0182d;
}

.c-msg-block-media {
  position: absolute;
  top: 50%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  margin-right: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-msg-block-media svg {
  width: 2.5rem;
  height: 2.5rem;
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.msg-error .c-msg-block-media,
.wpcf7-validation-errors .c-msg-block-media {
  background-color: #e0182d;
}

.msg-success .c-msg-block-media,
.wpcf7-mail-sent-ok .c-msg-block-media {
  background-color: #5aa700;
}

/* ==========================================================================
   Paginations
   ========================================================================== */
.pagerActu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3rem;
  margin-bottom: 6rem;
}

@media only screen and (max-width: 56em) {
  .pagerActu {
    margin: 3rem 0;
  }
}

.pagerActu .pager .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #f0ebe0;
  border-radius: 50px;
  overflow: hidden;
}

.pagerActu .pager .nav-links > a,
.pagerActu .pager .nav-links > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 2.7rem;
  text-decoration: none;
}

.pagerActu .pager .nav-links > a svg,
.pagerActu .pager .nav-links > span svg {
  width: 1rem;
  height: 1rem;
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pagerActu .pager .nav-links a:hover {
  text-decoration: none;
  background-color: #ac943d;
  color: #fff;
}

.pagerActu .pager .nav-links a:hover.next > span svg, .pagerActu .pager .nav-links a:hover.prev > span svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.pagerActu .pager .nav-links .page-numbers.current {
  background-color: #ac943d;
  color: #fff;
}

.pagerActu .pager .nav-links .page-numbers > span {
  color: #ac943d;
}

.pagerActu .pager .nav-links > *:not(:first-child) {
  border-left: 1px solid #f0ebe0;
}

.pagerActu .pager .nav-links > *:first-child svg {
  left: 1rem;
}

.pagerActu .pager .nav-links > *:last-child svg {
  right: 1rem;
}

/*.c-pagination {
  display: flex;
  border: 1px solid $color-border-1;
  border-radius: 50px;
  overflow: hidden;
  li {
    &.as--active {
      a {
        background-color: $color-primary;
        color: $color-white;
      }
    }
    a {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem; height: 2.7rem;
      text-decoration: none;
      svg {
        @include icon-size(10);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
    }
    &:not(:first-child) {
      border-left: 1px solid $color-border-1;
    }
    &:first-child {
      svg {
        left: 1rem;
      }
    }
    &:last-child {
      svg {
        right: 1rem;
      }
    }
  }
  > * {
    font-family: $font-secondary;
    text-decoration: none;
    &:not(.dots) {
      @media screen and (max-width: $mq-6) {
        display: none;
      }
    }
  }
  a {
    &:hover {
      text-decoration: none;
      background-color: $color-primary;
      color: $color-white;
    }
  }
  .as--active {
    a {
      text-decoration: none;
      pointer-events: none;
    }
  }
}*/
/*KEYFRAMES ANIMATIONS*/
@-webkit-keyframes coeur {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes coeur {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*SlIDER HOME*/
.slider.as--slider-home {
  padding-top: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  /*slider top*/
  /*slick*/
  /*slider bottom*/
  /*slider home cta*/
}

.slider.as--slider-home.as--type-manual .slider-inner {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-home.as--type-manual .slider-inner {
    height: calc(100vh - 13.5rem);
  }
}

.slider.as--slider-home.as--type-manual .slider-top {
  height: auto;
}

.slider.as--slider-home.as--type-manual .slick-slide {
  position: relative;
}

.slider.as--slider-home.as--type-manual .slick-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
  pointer-events: none;
}

.slider.as--slider-home.as--type-manual .slick-slide:not(.slick-current)::after {
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: auto;
}

.slider.as--slider-home.as--type-manual .slider-item img {
  width: 100%;
  height: auto;
  -o-object-fit: unset;
     object-fit: unset;
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-home.as--type-manual {
    padding-top: 0;
  }
}

.slider.as--slider-home .slider-top {
  width: 100%;
  height: 100vh;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-home .slider-top {
    height: calc(100vh - 13.5rem);
  }
}

.slider.as--slider-home .slider-for {
  height: 100%;
}

.slider.as--slider-home .slider-item {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.slider.as--slider-home .slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider.as--slider-home .slick-list,
.slider.as--slider-home .slick-track {
  height: 100%;
}

.slider.as--slider-home .slick-slide > div {
  height: 100%;
}

.slider.as--slider-home .slider-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1.5rem;
  padding-left: 4rem;
}

.slider.as--slider-home .slider-bottom > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider.as--slider-home .slider-sub p {
  font-family: "Lora", serif;
  font-size: 1.5rem;
  font-weight: 400;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  opacity: 0;
}

.slider.as--slider-home .slider-sub p.is-active {
  opacity: 1;
}

.slider.as--slider-home .slider-home-cta {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 0 !important;
  border: none;
  color: #fff;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.slider.as--slider-home .slider-home-cta svg {
  width: 17rem;
  height: 17rem;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  -webkit-animation: coeur 3s ease-in;
          animation: coeur 3s ease-in;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-home .slider-home-cta svg {
    width: 13.5rem;
    height: 13.5rem;
  }
}

.slider.as--slider-home .slider-home-arrow {
  position: absolute;
  bottom: -3.4rem;
  left: 50%;
  width: 6.8rem;
  height: 6.8rem;
  background-color: #ac943d;
  color: #fff;
  -webkit-transform: translate(-50%, 3.4rem);
          transform: translate(-50%, 3.4rem);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.slider.as--slider-home .slider-home-arrow svg {
  position: absolute;
  z-index: 2;
  bottom: calc(100% + .7rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1.3rem;
  height: 1.3rem;
}

.slider.as--slider-home .slider-home-arrow::after {
  content: '';
  position: absolute;
  bottom: calc( 100% - 3.4rem);
  z-index: 1;
  left: 0;
  width: 6.8rem;
  height: 6.8rem;
  background-color: #ac943d;
  border-radius: 50%;
}

.slider.as--slider-home .slider-home-arrow:hover {
  -webkit-transform: translate(-50%, 1.4rem);
          transform: translate(-50%, 1.4rem);
}

.slider.as--slider-home .slider-controler-cta {
  color: #ac943d;
}

.slider.as--slider-home .slider-controler-cta svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
}

.slider.as--slider-home .slider-controler-cta:hover {
  color: #fff;
}

.slider.as--slider-home .slider-controler-cta:hover > svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

/*GENERAL SETTINGS*/
.slider-inner {
  position: relative;
}

.slider-controler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider-controler-cta {
  position: relative;
  width: 4rem;
  height: 3rem;
  border: 1px solid #f0ebe0;
  background-color: #fff;
  color: #ac943d;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.slider-controler-cta.as--controler-prev {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.slider-controler-cta.as--controler-prev svg {
  left: 1.1rem;
}

.slider-controler-cta.as--controler-next {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left: none;
}

.slider-controler-cta.as--controler-next svg {
  right: 1.1rem;
}

.slider-controler-cta svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.slider-controler-cta:hover {
  background-color: #ac943d;
  color: #fff;
}

.slide-index {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 3rem;
}

.slide-index > * {
  position: absolute;
  font-family: "Lora", serif;
  font-size: 1.8rem;
}

.slide-index p {
  top: 0;
  left: 0;
  color: #ac943d;
}

.slide-index span {
  display: block;
  bottom: 0;
  right: 0;
  color: #f0ebe0;
}

.slide-index::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  right: -5px;
  height: 1px;
  background-color: #f0ebe0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

/*SLIDER ACTU*/
.slider.as--slider-actu .slider-inner {
  padding: 9rem 8rem;
  padding-right: 0;
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-actu .slider-inner {
    padding: 5rem;
    padding-right: 0;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-actu .slider-inner {
    padding: 3rem;
  }
}

.slider.as--slider-actu .slider-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 13.5rem;
  margin-bottom: 6rem;
}

.slider.as--slider-actu .slider-top h2 {
  font-family: "Lora", serif;
  font-size: 1.8rem;
}

@media only screen and (max-width: 85em) {
  .slider.as--slider-actu .slider-top {
    padding-right: 7rem;
  }
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-actu .slider-top {
    padding-right: 5rem;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-actu .slider-top {
    padding: 0 1rem;
    margin-bottom: 3rem;
  }
}

.slider.as--slider-actu .slider-list {
  margin-bottom: 8rem;
}

.slider.as--slider-actu .slick-slide {
  width: 36.5rem;
}

.slider.as--slider-actu .slick-slide:not(:first-child) {
  margin-left: 5rem;
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-actu .slick-slide:not(:first-child) {
    margin-left: 0;
  }
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-actu .slick-slide {
    width: 30rem;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-actu .slick-slide {
    padding: 0 1rem;
  }
}

.slider.as--slider-actu .slider-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 8rem;
}

@media only screen and (max-width: 75em) {
  .slider.as--slider-actu .slider-bottom {
    padding-right: 5rem;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-actu .slider-bottom {
    padding-right: 0;
  }
}

.slider.as--slider-actu .slider-controler-cta svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
}

.slider.as--slider-actu .slider-controler-cta:hover svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

/*SLIDER CONTENT*/
.slider.as--slider-content {
  width: 100%;
  background-color: #ac943d;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  /*slider-sub*/
  /*slick*/
  /*MODE MANUAL*/
}

.slider.as--slider-content .slider-inner {
  position: relative;
  padding: 2rem;
  height: 100%;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.slider.as--slider-content .slider-top {
  width: 100%;
  height: calc(100vh - 4rem);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-top {
    height: 21rem;
  }
}

.slider.as--slider-content .slider-list {
  height: 100%;
}

.slider.as--slider-content .slider-item {
  height: 100%;
}

.slider.as--slider-content .slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.slider.as--slider-content .slider-bottom {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  padding: 5.5rem 5.8rem;
  width: calc(50% - 2rem);
  background-color: #ac943d;
}

.slider.as--slider-content .slider-bottom > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.slider.as--slider-content .slider-bottom > div > div:first-child {
  width: calc(100% - 6rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid #9b8135;
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-bottom > div > div:first-child {
    border: none !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 2rem;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-bottom > div:first-child {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto !important;
    padding: 4rem 2rem;
    width: 100%;
    background-color: #fff !important;
  }
}

.slider.as--slider-content .slider-controler {
  position: absolute;
  top: 50%;
  left: calc(100% - 4rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slider.as--slider-content .slider-controler .slider-controler-cta svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
}

.slider.as--slider-content .slider-controler .slider-controler-cta:hover svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-controler {
    top: -1.5rem;
    left: 50% !important;
    right: auto !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

.slider.as--slider-content .slider-zoom {
  color: #fff;
  background-color: transparent;
  border: none;
}

.slider.as--slider-content .slider-zoom svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-zoom {
    display: none;
  }
}

.slider.as--slider-content .slider-sub {
  font-family: "Lora", serif;
  font-size: 1.5rem;
  color: #fff;
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-sub {
    color: #2c2c2c !important;
  }
}

.slider.as--slider-content .slide-index {
  margin-right: 0;
  color: #9b8135;
}

.slider.as--slider-content .slide-index p {
  color: #fff;
}

.slider.as--slider-content .slide-index span {
  color: #9b8135;
}

.slider.as--slider-content .slide-index::after {
  background-color: #9b8135;
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slide-index p {
    color: #ac943d !important;
  }
  .slider.as--slider-content .slide-index span {
    color: #f0ebe0;
  }
  .slider.as--slider-content .slide-index::after {
    background-color: #f0ebe0;
  }
}

.slider.as--slider-content .slider-infos {
  position: absolute;
  z-index: 2;
  bottom: 16.5rem;
  left: 2rem;
  width: calc(50% - 2rem);
  padding: 6rem;
  padding-bottom: 2rem;
  background-color: #ac943d;
}

.slider.as--slider-content .slider-infos .editor-wysiwyg * {
  color: #fff;
}

@media only screen and (max-width: 38em) {
  .slider.as--slider-content .slider-infos {
    position: relative;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    width: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.slider.as--slider-content .slider-sub p:not(:first-child) {
  display: none;
}

.slider.as--slider-content .slick-list,
.slider.as--slider-content .slick-track {
  height: 100%;
}

.slider.as--slider-content .slick-slide > div {
  height: 100%;
}

.slider.as--slider-content.as--type-manual {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider.as--slider-content.as--type-manual .slider-top {
  height: auto;
}

.slider.as--slider-content.as--type-manual .slider-inner {
  padding: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.slider.as--slider-content.as--type-manual .slick-slide {
  position: relative;
}

.slider.as--slider-content.as--type-manual .slick-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
  pointer-events: none;
}

.slider.as--slider-content.as--type-manual .slick-slide:not(.slick-current)::after {
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: auto;
}

.slider.as--slider-content.as--type-manual .slider-item img {
  width: 100%;
  height: auto;
  -o-object-fit: unset;
     object-fit: unset;
}

.slider.as--slider-content.as--type-manual .slider-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: auto;
  left: auto;
  width: 100%;
  padding: 1rem 2rem;
}

.slider.as--slider-content.as--type-manual .slider-bottom > div:first-child {
  width: calc(100% - 8rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 2rem;
}

.slider.as--slider-content.as--type-manual .slider-bottom > div:first-child > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 0;
  border-top: none;
}

.slider.as--slider-content.as--type-manual .slider-controler {
  /*top: -1.5rem;
        left: 50%;
        transform: translateX(-50%);*/
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.list-actu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -2.3rem;
}

.list-actu .item-actu {
  width: 33.33%;
  padding: 0 2.3rem;
  margin-bottom: 7rem;
}

@media only screen and (max-width: 85em) {
  .list-actu .item-actu {
    width: 50%;
  }
}

@media only screen and (max-width: 75em) {
  .list-actu .item-actu {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 56em) {
  .list-actu .item-actu {
    width: 100%;
    padding: 0;
    margin-bottom: 3rem;
  }
  .list-actu .item-actu:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 75em) {
  .list-actu {
    margin: 0 -2rem;
  }
}

@media only screen and (max-width: 56em) {
  .list-actu {
    margin: 0;
  }
}

/*item actu*/
.item-actu {
  display: block;
  text-decoration: none;
  color: #2c2c2c;
  font-size: 1.5rem;
}

.item-actu h2 {
  margin-bottom: 3rem;
  color: #ac943d;
  font-size: 2rem;
  font-weight: 800;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.item-actu .editor-wysiwyg p {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.3em;
}

.item-actu span {
  font-weight: 800;
  display: inline-block;
  margin-top: .75rem;
}

.item-actu:hover h2 {
  color: #eb5e5e;
}

.item-actu:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.item-actu-media {
  position: relative;
  width: 100%;
  height: 22.5rem;
  margin-bottom: 4rem;
  overflow: hidden;
}

.item-actu-media img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .item-actu-media img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.reassurance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.reassurance .block-text:first-child {
  background-color: #eb5e5e;
  color: #fff;
}

.reassurance .block-text:first-child h2 span {
  color: #2c2c2c;
}

.reassurance .block-text:first-child .a-button:hover, .reassurance .block-text:first-child .header-nav .menu > .menu-item.as--btn-style > a:hover, .header-nav .reassurance .block-text:first-child .menu > .menu-item.as--btn-style > a:hover {
  background-color: #ac943d;
  color: #fff;
}

.reassurance .block-text:last-child {
  background-color: #f0ebe0;
}

.reassurance .block-text:last-child h2 span {
  color: #ac943d;
}

@media only screen and (max-width: 38em) {
  .reassurance {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .reassurance .block-text {
    width: 100%;
  }
}

.banner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f0ebe0;
}

@media only screen and (max-width: 38em) {
  .banner {
    position: relative;
    top: auto;
    left: auto;
  }
}

.banner.as--inView .banner-media img {
  -webkit-transform: translate(0, 0) scale(1) !important;
          transform: translate(0, 0) scale(1) !important;
}

.banner-media {
  height: 62rem;
  overflow: hidden;
}

.banner-media img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(0, 0) scale(1.2) !important;
          transform: translate(0, 0) scale(1.2) !important;
  -webkit-transition: all ease-in-out 2s;
  transition: all ease-in-out 2s;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .banner-media img {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@media only screen and (max-width: 75em) {
  .banner-media {
    height: 50rem;
  }
}

@media only screen and (max-width: 38em) {
  .banner-media {
    height: 30rem;
  }
}

@media only screen and (max-width: 32em) {
  .banner-media {
    height: 25rem;
  }
}

.banner-content {
  height: 32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8.5rem;
  opacity: 1;
  -webkit-transition: all ease-in-out .6s;
  transition: all ease-in-out .6s;
}

.banner-content .c-breadcrumb {
  position: relative;
  z-index: 10;
  margin: 0;
  margin-bottom: 1.5rem;
}

.banner-content .c-breadcrumb span,
.banner-content .c-breadcrumb a {
  color: #2c2c2c;
}

.banner-content h1 {
  color: #ac943d;
  font-family: "Lora", serif;
  font-size: 3.5rem;
  margin: 0;
}

@media only screen and (max-width: 56em) {
  .banner-content {
    height: 27rem;
  }
}

@media only screen and (max-width: 38em) {
  .banner-content {
    height: auto;
    padding: 4rem 2rem;
  }
}

.principale-content {
  position: relative;
  z-index: 2;
  padding-top: 42rem;
  -webkit-transition: all ease-in-out .6s;
  transition: all ease-in-out .6s;
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}

@media only screen and (max-width: 75em) {
  .principale-content {
    padding-top: 30rem;
  }
}

@media only screen and (max-width: 38em) {
  .principale-content {
    padding-top: 0;
  }
}

.intro {
  background-color: #fff;
}

.intro h1 {
  position: relative;
  font-size: 3.4rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 4rem;
  padding-bottom: 6.5rem;
}

.intro h1::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 26rem;
  height: 1px;
  background-color: #f0ebe0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media only screen and (max-width: 56em) {
  .intro h1 {
    margin-bottom: 2rem;
    padding-bottom: 3rem;
  }
}

@media only screen and (max-width: 38em) {
  .intro h1 {
    font-size: 2.5rem;
  }
}

.intro-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
  padding-top: 6.5rem;
}

@media only screen and (max-width: 38em) {
  .intro-inner {
    padding: 2rem;
    padding-bottom: 0;
  }
}

/*intro media*/
.intro-media {
  width: 100%;
  max-width: 61.5rem;
  margin: 0 auto;
  border-top: 1px solid #f0ebe0;
  padding: 6rem 0;
  text-align: center;
}

.intro-media img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*intro info*/
.intro-info .editor-wysiwyg {
  text-align: center;
}

.chapo {
  margin-bottom: 6.5rem;
}

.chapo .editor-wysiwyg {
  width: 100%;
  max-width: 80.6%;
  margin: 0 auto;
}

.chapo .editor-wysiwyg p, .chapo .editor-wysiwyg h2 {
  font-family: "Lora", serif;
  font-size: 2.3rem;
  text-align: center;
  margin-bottom: 0;
}

@media only screen and (max-width: 38em) {
  .chapo .editor-wysiwyg p, .chapo .editor-wysiwyg h2 {
    font-size: 1.8rem;
  }
}

@media only screen and (max-width: 38em) {
  .chapo .editor-wysiwyg {
    max-width: 100%;
  }
}

@media only screen and (max-width: 56em) {
  .chapo {
    margin-bottom: 2rem;
  }
}

.tuile-list > div:nth-child(odd).slider.as--slider-content {
  /*MODE MANUAL*/
}

.tuile-list > div:nth-child(odd).slider.as--slider-content .slider-bottom,
.tuile-list > div:nth-child(odd).slider.as--slider-content .slider-infos {
  left: auto;
  right: 2rem;
}

.tuile-list > div:nth-child(odd).slider.as--slider-content .slider-bottom > div:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.tuile-list > div:nth-child(odd).slider.as--slider-content .slider-bottom > div:first-child > div:first-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.tuile-list > div:nth-child(odd).slider.as--slider-content .slider-controler {
  left: auto;
  right: calc(100% - 4rem);
}

.tuile-list > div:nth-child(odd).slider.as--type-manual {
  background-color: transparent;
}

.tuile-list > div:nth-child(odd).slider.as--type-manual .slider-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: auto;
  left: auto;
  right: auto;
  width: 100%;
  padding: 1rem 2rem;
}

.tuile-list > div:nth-child(odd).slider.as--type-manual .slider-bottom > div:first-child {
  width: calc(100% - 8rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 2rem;
}

.tuile-list > div:nth-child(odd).slider.as--type-manual .slider-bottom > div:first-child > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-top: 0;
  border-top: none;
}

.tuile-list > div:nth-child(odd).slider.as--type-manual .slider-controler {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.tuile-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tuile-item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.tuile-item .block-picto {
  height: 42rem;
}

.tuile-item .block-picto:only-child {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.tuile-item .block-picto:only-child .block-picto-media {
  background-color: #eb5e5e;
}

.tuile-item .block-picto:only-child .block-picto-media > svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.tuile-item .block-picto:only-child .block-picto-media > svg .st0 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

@media only screen and (max-width: 38em) {
  .tuile-item .block-picto {
    height: auto;
  }
}

@media only screen and (max-width: 38em) {
  .tuile-item {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .tuile-item .block-picto,
  .tuile-item .block-text {
    width: 100%;
  }
}

.rich-txt {
  padding: 8rem 2rem;
}

.rich-txt.as--center .rich-txt-inner {
  max-width: 77.4%;
}

@media only screen and (max-width: 38em) {
  .rich-txt.as--center .rich-txt-inner {
    max-width: 100%;
  }
}

.rich-txt.h-bg-secondary .editor-wysiwyg * {
  color: #fff !important;
}

.rich-txt.h-bg-secondary .editor-wysiwyg ul > li::before {
  background-color: #fff !important;
}

@media only screen and (max-width: 38em) {
  .rich-txt {
    padding: 3rem;
  }
}

.rich-txt-inner {
  width: 100%;
  max-width: 90.4%;
  margin: 0 auto;
}

@media only screen and (max-width: 38em) {
  .rich-txt-inner {
    max-width: 100%;
  }
}

/*MODULE DOWNLOAD*/
.download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
  margin-top: 3rem;
}

.download a {
  background-color: #f0ebe0;
  color: #ac943d;
}

.download a span {
  font-weight: 300;
  margin-left: 2.5rem;
}

.download a:hover {
  border-color: #eb5e5e;
  background-color: #fff;
  color: #eb5e5e;
}

@media only screen and (max-width: 38em) {
  .download a {
    width: 100%;
  }
}

@media only screen and (max-width: 38em) {
  .download {
    margin-top: 0;
  }
}

.download-item {
  padding: 0 1rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 38em) {
  .download-item {
    width: 100%;
  }
}

.contact {
  background-color: #f0ebe0;
  padding: 8rem 2rem;
}

.contact.h-bg-white .contact-inner {
  max-width: 80%;
}

@media only screen and (max-width: 38em) {
  .contact.h-bg-white .contact-inner {
    max-width: 100%;
  }
}

@media only screen and (max-width: 38em) {
  .contact {
    padding: 3rem;
  }
}

.contact-inner {
  width: 100%;
  max-width: 90.4%;
  margin: 0 auto;
}

.contact-inner > h2 {
  display: block;
  margin: 1rem 0;
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 800;
  color: #2c2c2c;
  line-height: 1.1;
  text-decoration: none;
  margin: 0;
  margin-bottom: 5rem;
}

@media only screen and (max-width: 38em) {
  .contact-inner > h2 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 38em) {
  .contact-inner {
    max-width: 100%;
  }
}

/*contact infos*/
.contact-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -4.5rem;
  margin-bottom: 6rem;
}

.contact-infos > div {
  width: 50%;
  padding: 0 4.5rem;
}

@media only screen and (max-width: 56em) {
  .contact-infos > div {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 38em) {
  .contact-infos > div {
    width: 100%;
    padding: 0;
  }
  .contact-infos > div:not(:first-child) {
    margin: 3rem 0;
  }
}

.contact-infos img {
  display: block;
  max-width: 100%;
  height: auto;
}

.contact-infos .editor-wysiwyg p {
  margin-bottom: 0;
}

.contact-infos .editor-wysiwyg strong {
  color: #2c2c2c;
}

.contact-infos .editor-wysiwyg a {
  color: #2c2c2c;
  text-decoration: none;
}

@media only screen and (max-width: 56em) {
  .contact-infos {
    margin: 0 -2rem;
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 38em) {
  .contact-infos {
    margin: 0;
  }
}

/*contact form*/
.contact-form-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -4.5rem;
}

.contact-form-top > div {
  width: 50%;
  padding: 0 4.5rem;
  margin-bottom: 2rem;
}

.contact-form-top > div:last-child {
  width: 100%;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 38em) {
  .contact-form-top > div:last-child {
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 56em) {
  .contact-form-top > div {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 38em) {
  .contact-form-top > div {
    width: 100%;
    padding: 0;
  }
}

@media only screen and (max-width: 56em) {
  .contact-form-top {
    margin: 0 -2rem;
  }
}

@media only screen and (max-width: 38em) {
  .contact-form-top {
    margin: 0;
  }
}

.list-card {
  width: 100%;
  max-width: 82%;
  margin: 0 auto;
}

.item-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 0;
  border-top: 1px solid #f0ebe0;
}

.item-card .editor-wysiwyg {
  margin-bottom: 3rem;
}

.item-card .editor-wysiwyg strong {
  color: #ac943d;
}

.item-card:last-child, .item-card:only-child {
  border-bottom: 1px solid #f0ebe0;
}

.item-card > div:first-child {
  width: calc(100% - 13rem);
  padding-right: 2rem;
}

.item-card > div:last-child {
  width: 13rem;
  text-align: right;
}

.item-card > div:last-child img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.item-card > div:only-child {
  width: 100%;
  text-align: left;
  padding-right: 0;
}

@media only screen and (max-width: 38em) {
  .item-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .item-card > div {
    width: 100% !important;
    text-align: left !important;
    padding: 0 !important;
  }
  .item-card > div:last-child {
    margin-bottom: 2rem;
  }
}

.discover-top {
  padding: 8rem 3rem;
  text-align: center;
}

.discover-top h2 {
  color: #ac943d;
  font-family: "Lora", serif;
  font-size: 2.3rem;
}

@media only screen and (max-width: 38em) {
  .discover-top {
    padding: 4rem 2rem;
  }
}

.discover-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.discover-list .block-text {
  background-color: #f0ebe0;
}

.discover-list .block-text:first-child {
  border-right: solid 1px #fff;
}

@media only screen and (max-width: 38em) {
  .discover-list .block-text {
    width: 100%;
  }
  .discover-list .block-text:first-child {
    border-right: none;
    border-bottom: solid 1px #fff;
  }
}

/* Helpers & Theming
   ========================================================================== */
/* ====================== */
/* HELPERS - UNCOMMENT IF NEEDED */
/* ====================== */
/* ====================== */
/* colors, bg, btn, icons */
/* ====================== */
/* define color array with values you will need */
.h-color-black {
  color: #000;
}

.h-bg-black {
  background-color: #000;
}

.h-color-grey-1 {
  color: #333;
}

.h-bg-grey-1 {
  background-color: #333;
}

.h-color-grey-2 {
  color: #2c2c2c;
}

.h-bg-grey-2 {
  background-color: #2c2c2c;
}

.h-color-grey-3 {
  color: #999;
}

.h-bg-grey-3 {
  background-color: #999;
}

.h-color-grey-4 {
  color: #ededed;
}

.h-bg-grey-4 {
  background-color: #ededed;
}

.h-color-white {
  color: #fff;
}

.h-bg-white {
  background-color: #fff;
}

.h-color-primary {
  color: #ac943d;
}

.h-bg-primary {
  background-color: #ac943d;
}

.h-color-secondary {
  color: #eb5e5e;
}

.h-bg-secondary {
  background-color: #eb5e5e;
}

.h-color-facebook {
  color: #3b5998;
}

.h-bg-facebook {
  background-color: #3b5998;
}

.h-color-twitter {
  color: #00aced;
}

.h-bg-twitter {
  background-color: #00aced;
}

.h-color-linkedin {
  color: #0077b5;
}

.h-bg-linkedin {
  background-color: #0077b5;
}

.h-color-pinterest {
  color: #cb2028;
}

.h-bg-pinterest {
  background-color: #cb2028;
}

.h-color-gplus {
  color: #cc3732;
}

.h-bg-gplus {
  background-color: #cc3732;
}

.h-color-youtube {
  color: #cd201f;
}

.h-bg-youtube {
  background-color: #cd201f;
}

.h-color-viadeo {
  color: #eb6311;
}

.h-bg-viadeo {
  background-color: #eb6311;
}

.h-color-vimeo {
  color: #009FDE;
}

.h-bg-vimeo {
  background-color: #009FDE;
}

.h-color-instagram {
  color: #3f729b;
}

.h-bg-instagram {
  background-color: #3f729b;
}

.h-color-tumblr {
  color: #529ecc;
}

.h-bg-tumblr {
  background-color: #529ecc;
}

.h-color-flickr {
  color: #ff0084;
}

.h-bg-flickr {
  background-color: #ff0084;
}

/* ====================== */
/* Font size */
/* ====================== */
/* define font-size array with values you will need */
.h-fz-13 {
  font-size: 1.3rem;
}

.h-fz-15 {
  font-size: 1.5rem;
}

.h-fz-17 {
  font-size: 1.7rem;
}

/* ====================== */
/* Margin & Padding */
/* ====================== */
/* define spacing array with values you will need */
.h-margin-0 {
  margin: 0rem;
}

.h-margin-top-0 {
  margin-top: 0rem;
}

.h-margin-bottom-0 {
  margin-bottom: 0rem;
}

.h-margin-left-0 {
  margin-left: 0rem;
}

.h-margin-right-0 {
  margin-right: 0rem;
}

.h-margin-vertical-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.h-margin-horizontal-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.h-padding-0 {
  padding: 0rem;
}

.h-padding-top-0 {
  padding-top: 0rem !important;
}

.h-padding-bottom-0 {
  padding-bottom: 0rem;
}

.h-padding-left-0 {
  padding-left: 0rem;
}

.h-padding-right-0 {
  padding-right: 0rem;
}

.h-padding-vertical-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.h-padding-horizontal-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.h-margin-15 {
  margin: 1.5rem;
}

.h-margin-top-15 {
  margin-top: 1.5rem;
}

.h-margin-bottom-15 {
  margin-bottom: 1.5rem;
}

.h-margin-left-15 {
  margin-left: 1.5rem;
}

.h-margin-right-15 {
  margin-right: 1.5rem;
}

.h-margin-vertical-15 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.h-margin-horizontal-15 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.h-padding-15 {
  padding: 1.5rem;
}

.h-padding-top-15 {
  padding-top: 1.5rem !important;
}

.h-padding-bottom-15 {
  padding-bottom: 1.5rem;
}

.h-padding-left-15 {
  padding-left: 1.5rem;
}

.h-padding-right-15 {
  padding-right: 1.5rem;
}

.h-padding-vertical-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.h-padding-horizontal-15 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.h-margin-20 {
  margin: 2rem;
}

.h-margin-top-20 {
  margin-top: 2rem;
}

.h-margin-bottom-20 {
  margin-bottom: 2rem;
}

.h-margin-left-20 {
  margin-left: 2rem;
}

.h-margin-right-20 {
  margin-right: 2rem;
}

.h-margin-vertical-20 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.h-margin-horizontal-20 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.h-padding-20 {
  padding: 2rem;
}

.h-padding-top-20 {
  padding-top: 2rem !important;
}

.h-padding-bottom-20 {
  padding-bottom: 2rem;
}

.h-padding-left-20 {
  padding-left: 2rem;
}

.h-padding-right-20 {
  padding-right: 2rem;
}

.h-padding-vertical-20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.h-padding-horizontal-20 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.h-margin-30 {
  margin: 3rem;
}

.h-margin-top-30 {
  margin-top: 3rem;
}

.h-margin-bottom-30 {
  margin-bottom: 3rem;
}

.h-margin-left-30 {
  margin-left: 3rem;
}

.h-margin-right-30 {
  margin-right: 3rem;
}

.h-margin-vertical-30 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.h-margin-horizontal-30 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.h-padding-30 {
  padding: 3rem;
}

.h-padding-top-30 {
  padding-top: 3rem !important;
}

.h-padding-bottom-30 {
  padding-bottom: 3rem;
}

.h-padding-left-30 {
  padding-left: 3rem;
}

.h-padding-right-30 {
  padding-right: 3rem;
}

.h-padding-vertical-30 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.h-padding-horizontal-30 {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* ====================== */
/* Misc */
/* ====================== */
.h-fw-400 {
  font-weight: 400;
}

.h-fw-700 {
  font-weight: 700;
}

.h-fs-normal {
  font-style: normal;
}

.h-fs-italic {
  font-style: italic;
}

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

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

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

.h-uppercase {
  text-transform: uppercase;
}

.h-lowercase {
  text-transform: lowercase;
}

/* Print
   ========================================================================== */
/* ====================== */
/* print */
/* ====================== */
@media print {
  * {
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }
  pre, blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    size: portrait 21cm 29.7cm;
    margin: 1cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .block-notice,
  #footer,
  .links-nav,
  .print-page {
    display: none;
  }
  .title-article {
    font-size: 3em;
  }
  .chapo {
    font-size: 1.4em;
  }
  .editor-wysiwyg a {
    text-decoration: underline;
  }
  .editor-wysiwyg ul, .editor-wysiwyg ul > li {
    list-style: disc;
  }
  .editor-wysiwyg ul:before, .editor-wysiwyg ul > li:before {
    display: none;
  }
  .editor-wysiwyg ol, .editor-wysiwyg ol > li {
    list-style: decimal;
  }
  .editor-wysiwyg ol > li:before {
    display: none;
  }
}

/* Layout
   ========================================================================== */
/* ====================== */
/* BASE */
/* ====================== */
html {
  font-size: .625em;
}

html.as--menu-open {
  overflow: hidden;
}

html.as--menu-open #body {
  overflow: hidden;
}

html.as--menu-open .header,
html.as--menu-open .main-content {
  left: calc(-100% + 7rem);
}

html.as--menu-open .header-cta {
  z-index: 30;
}

html.as--menu-open .header-cta svg:first-child {
  display: none;
}

html.as--menu-open .header-cta svg:last-child {
  display: block !important;
}

html.as--menu-open .header-nav {
  z-index: 30;
  border-color: #f0ebe0;
  left: 7rem;
}

#body {
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

body {
  font-size: 1.3rem;
  -webkit-font-smoothing: antialiased;
}

body,
select,
input,
textarea,
button {
  color: #2c2c2c;
  font-family: "Open Sans", sans-serif;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

a {
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

::-moz-selection {
  background: #ac943d;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #ac943d;
  color: #fff;
  text-shadow: none;
}

a {
  color: #ac943d;
  -webkit-tap-highlight-color: rgba(172, 148, 61, 0.2);
}

.main-content {
  position: relative;
  margin-left: 20%;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

@media only screen and (max-width: 85em) {
  .main-content {
    margin-left: 27.6%;
  }
}

@media only screen and (max-width: 75em) {
  .main-content {
    margin-left: 0;
  }
}

.as--wraped {
  width: 100%;
  max-width: 88.41%;
  margin: 0 auto;
}

@media only screen and (max-width: 38em) {
  .as--wraped {
    max-width: 100%;
  }
}

/* ====================== */
/* header */
/* ====================== */
/* ====================== */
/* liens d'accès rapide */
/* ====================== */
.skip {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 7;
  background: #acadaf;
  color: #fff;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
}

.skip.as--focused {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.skip-item {
  float: left;
}

.skip-cta {
  display: block;
  color: inherit;
  text-decoration: none;
  padding: .5em 1em;
  font-size: 1.4em;
}

.header {
  position: fixed;
  z-index: 5;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20%;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  border-right: 1px solid #f0ebe0;
}

@media only screen and (max-width: 85em) {
  .header {
    width: 27.6%;
  }
}

@media only screen and (max-width: 75em) {
  .header {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    bottom: auto;
    border-right: none;
  }
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5rem 0;
}

@media only screen and (max-width: 75em) {
  .header-inner {
    padding: 0;
  }
}

.header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-left: 9.5%;
}

.header-content > div:first-child > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 75em) {
  .header-content > div:first-child > div {
    padding-left: 2rem;
    border-bottom: 1px solid #f0ebe0;
  }
}

@media only screen and (max-width: 75em) {
  .header-content {
    padding-left: 0;
  }
}

.header-cta {
  position: relative;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent;
  border: none;
  width: 7rem;
  height: 7rem;
  color: #ac943d;
}

.header-cta svg {
  width: 3rem;
  height: 3rem;
}

.header-cta svg:last-child {
  display: none;
}

@media only screen and (max-width: 75em) {
  .header-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.logo {
  display: block;
  width: 100%;
  max-width: 26rem;
  padding-right: 2rem;
  margin-bottom: 5rem;
}

.logo img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 75em) {
  .logo {
    max-width: 20rem;
    padding: 0;
    margin: 0;
  }
}

/*PRIMARY NAV*/
.primary-nav a {
  position: relative;
  z-index: 2;
  display: block;
  padding: 3rem 0;
  padding-left: 2.2rem;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  text-decoration: none;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

.primary-nav a span {
  margin-top: .5rem;
  font-family: "Lora", serif;
  font-weight: 400;
  color: #2c2c2c;
}

.primary-nav a:first-child::before {
  content: '';
  position: absolute;
  bottom: -0.5px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #f0ebe0;
}

@media only screen and (max-width: 75em) {
  .primary-nav a:first-child::before {
    bottom: 0;
    top: 0;
    right: 0;
    left: auto;
    width: 1px;
    height: auto;
  }
}

.primary-nav a::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: calc(100% + 1px);
  top: 0;
  bottom: 0;
  right: 0;
  width: 2rem;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  pointer-events: none;
}

.primary-nav a.h-color-primary::after {
  background-color: #ac943d;
}

.primary-nav a.h-color-secondary::after {
  background-color: #eb5e5e;
}

.primary-nav a:hover {
  color: #fff;
}

.primary-nav a:hover span {
  color: #fff;
}

.primary-nav a:hover::after {
  left: 0;
  right: -2rem;
  width: calc(100% + 2.1rem);
}

.primary-nav a > div {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-width: 75em) {
  .primary-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
  }
  .primary-nav a {
    width: 50%;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    text-align: center;
  }
  .primary-nav a span {
    font-size: 1.4rem;
  }
  .primary-nav a::after {
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 1rem;
  }
  .primary-nav a:hover::after {
    top: 0;
    height: calc(100% + 2rem);
    right: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 25em) {
  .primary-nav a {
    font-size: 1.1rem;
  }
}

.primary-nav.is_stuck {
  position: relative !important;
  top: auto !important;
}

.primary-nav.is_stuck + div {
  display: none !important;
}

@media only screen and (max-width: 75em) {
  .primary-nav.is_stuck {
    position: fixed !important;
    top: 0 !important;
  }
  .primary-nav.is_stuck + div {
    display: block !important;
  }
}

/*HEADER NAV*/
.header-nav {
  padding-left: 2.2rem;
}

.header-nav .menu > .menu-item {
  margin-bottom: 1.5rem;
}

.header-nav .menu > .menu-item:last-child {
  margin-bottom: 0;
  margin-top: .5rem;
}

.header-nav .menu > .menu-item > a {
  color: #2c2c2c;
  font-family: "Lora", serif;
  font-weight: 700;
  font-size: 1.5rem;
  text-decoration: none;
}

.header-nav .menu > .menu-item > a:hover {
  text-decoration: none;
  color: #ac943d;
}

.header-nav .menu > .menu-item.as--btn-style > a:hover {
  color: #fff;
}

@media only screen and (max-width: 75em) {
  .header-nav {
    position: fixed;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    left: 100%;
    bottom: 0;
    background-color: #fff;
    padding: 6rem;
    width: calc(100% - 7rem);
    -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
    transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
    border: 1px solid transparent;
  }
}

/*HEADER OVERLAY*/
.header-overlay {
  position: fixed;
  z-index: 3;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}

/* ====================== */
/* footer */
/* ====================== */
.footer {
  margin-left: 20%;
  background-color: #f0ebe0;
  border-top: 1px solid #fff;
  -webkit-transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
  transition: all 0.7s cubic-bezier(0.21, 0.01, 0, 1);
}

@media only screen and (max-width: 85em) {
  .footer {
    margin-left: 27.6%;
  }
}

@media only screen and (max-width: 75em) {
  .footer {
    margin-left: 0;
  }
}

.footer-inner {
  width: 100%;
  max-width: 90.4%;
  margin: 0 auto;
  padding: 2rem;
  padding-top: 9.5rem;
}

@media only screen and (max-width: 38em) {
  .footer-inner {
    padding: 4rem;
  }
}

/*FOOTER TOP*/
.footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 6rem;
}

.footer-top > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.footer-top > div:last-child > a {
  display: block;
  margin-right: 2.1vw;
}

.footer-top > div:last-child > a img {
  display: block;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 56em) {
  .footer-top > div:last-child > a {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 56em) {
  .footer-top > div:last-child {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media only screen and (max-width: 38em) {
  .footer-top > div:last-child {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media only screen and (max-width: 56em) {
  .footer-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-top > div {
    width: 100%;
  }
}

/*LIST FOOTER*/
.list-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3rem;
}

@media only screen and (max-width: 56em) {
  .list-footer {
    margin: 0 -1rem;
  }
}

@media only screen and (max-width: 38em) {
  .list-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
}

.item-footer {
  width: 100%;
  max-width: 30rem;
  padding: 0 3rem;
}

.item-footer h2 {
  margin-bottom: 4rem;
  font-family: "Lora", serif;
  font-size: 1.5rem;
}

@media only screen and (max-width: 38em) {
  .item-footer h2 {
    margin-bottom: 2rem;
  }
}

.item-footer .menu > .menu-item {
  margin-bottom: 1.6rem;
}

.item-footer .menu > .menu-item:last-child {
  margin-bottom: 0;
}

.item-footer .menu > .menu-item > a {
  color: #6f5824;
  font-size: 1.3rem;
  text-decoration: none;
}

.item-footer .menu > .menu-item > a:hover {
  text-decoration: none;
  color: #333;
}

.item-footer .editor-wysiwyg a {
  text-decoration: none;
  color: #6f5824;
}

.item-footer .editor-wysiwyg a:hover {
  text-decoration: none;
  color: #333;
}

.item-footer .editor-wysiwyg > p,
.item-footer .editor-wysiwyg > a {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 56em) {
  .item-footer {
    width: 33.33%;
    max-width: 100%;
    padding: 0 1rem;
    text-align: center;
  }
}

@media only screen and (max-width: 38em) {
  .item-footer {
    width: 100%;
    padding: 0;
  }
  .item-footer:not(:first-child) {
    margin-top: 3rem;
  }
}

/*FOOTER R SOCIAUX*/
.footer-r-sociaux {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer-r-sociaux > a {
  display: block;
}

.footer-r-sociaux > a:not(:first-child) {
  margin-top: 2.5rem;
}

@media only screen and (max-width: 56em) {
  .footer-r-sociaux > a:not(:first-child) {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.footer-r-sociaux > a svg {
  width: 3.2rem;
  height: 3.2rem;
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #ac943d;
  stroke: transparent;
  /*  }*/
}

@media only screen and (max-width: 56em) {
  .footer-r-sociaux {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/*FOOTER BOTTOM*/
.footer-bottom {
  text-align: right;
}

.footer-bottom a {
  text-decoration: none;
}

.footer-bottom a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 38em) {
  .footer-bottom {
    text-align: center;
  }
}

/* ==========================================================================
   PAGE HOUSE
   ========================================================================== */
.house-page .primary-nav a:first-child::after {
  left: 100%;
  width: 0;
}

.house-page .primary-nav a:first-child:hover::after {
  left: 0;
  width: 100%;
}

.house-page .primary-nav a:last-child:hover, .house-page .primary-nav a:first-child:hover {
  background-color: transparent;
}

.house-page .tuile-item .block-picto:only-child .block-picto-media {
  background-color: #ac943d;
}

.team-page .tuile-list .tuile-item:nth-child(3n + 1) .block-picto {
  background-color: #eb5e5e;
}

.team-page .tuile-list .tuile-item:nth-child(3n + 1) .block-picto-media > svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb5e5e;
  stroke: transparent;
  /*  }*/
}

.team-page .tuile-list .tuile-item:nth-child(3n + 1) .block-picto-media > svg .st0 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb5e5e;
  stroke: transparent;
  /*  }*/
}

.team-page .tuile-list .tuile-item:nth-child(3n + 2) .block-picto-media > svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb5e5e;
  stroke: transparent;
  /*  }*/
}

.team-page .tuile-list .tuile-item:nth-child(3n + 2) .block-picto-media > svg .st0 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #eb5e5e;
  stroke: transparent;
  /*  }*/
}

.team-page .tuile-list .tuile-item:nth-child(3n + 3) .block-picto-media {
  background-color: #eb5e5e;
}

.team-page .tuile-list .tuile-item:nth-child(3n + 3) .block-picto-media > svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.team-page .tuile-list .tuile-item:nth-child(3n + 3) .block-picto-media > svg .st0 {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #fff;
  stroke: transparent;
  /*  }*/
}

.team-page .rich-txt .editor-wysiwyg strong {
  color: #eb5e5e;
}

.team-page .rich-txt .editor-wysiwyg ul > li::before {
  background-color: #eb5e5e;
}

.team-page .block-text .editor-wysiwyg p strong {
  color: #eb5e5e;
}

.team-page .slider.as--slider-content {
  background-color: #eb5e5e;
}

.team-page .slider.as--slider-content .slider-infos,
.team-page .slider.as--slider-content .slider-bottom {
  background-color: #eb5e5e;
}

.team-page .slider.as--slider-content .slider-infos > div:first-child > div:first-child,
.team-page .slider.as--slider-content .slider-bottom > div:first-child > div:first-child {
  border-color: #f0ebe0;
}

.team-page .slider.as--slider-content .slider-infos .editor-wysiwyg * {
  color: #f0ebe0 !important;
}

.team-page .slider.as--slider-content .slide-index p {
  color: #f0ebe0;
}

.team-page .slider.as--slider-content .slide-index span {
  color: #f0ebe0;
}

.team-page .slider.as--slider-content .slide-index::after {
  background-color: #f0ebe0;
}

.team-page .slider.as--slider-content .slider-sub {
  color: #f0ebe0;
}

.team-page .slider.as--slider-content .slider-zoom svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #f0ebe0;
  stroke: transparent;
  /*  }*/
}

.team-page .slider.as--slider-content .slider-controler-cta:hover {
  background-color: #eb5e5e;
}

.team-page .primary-nav a:first-child:hover {
  background-color: transparent;
}

.team-page .primary-nav a:last-child::after {
  left: 100%;
  width: 0;
}

.team-page .primary-nav a:last-child:hover::after {
  left: 0;
  width: 100%;
}

.edito-page .principale-content > .editor-wysiwyg {
  width: 100%;
  max-width: 82%;
  margin: 0 auto;
  padding: 5rem 0;
}

.edito-page .slider.as--slider-content {
  background-color: #f0ebe0;
}

.edito-page .slider.as--slider-content .slider-infos,
.edito-page .slider.as--slider-content .slider-bottom {
  background-color: #fff;
}

.edito-page .slider.as--slider-content .slider-infos > div:first-child > div:first-child,
.edito-page .slider.as--slider-content .slider-bottom > div:first-child > div:first-child {
  border-color: #f0ebe0;
}

.edito-page .slider.as--slider-content .slider-infos .editor-wysiwyg * {
  color: #2c2c2c !important;
}

@media only screen and (max-width: 38em) {
  .edito-page .slider.as--slider-content .slider-infos {
    background-color: #f0ebe0;
  }
}

.edito-page .slider.as--slider-content .slide-index p {
  color: #ac943d;
}

.edito-page .slider.as--slider-content .slide-index span {
  color: #f0ebe0;
}

.edito-page .slider.as--slider-content .slide-index::after {
  background-color: #f0ebe0;
}

.edito-page .slider.as--slider-content .slider-sub {
  color: #2c2c2c;
}

.edito-page .slider.as--slider-content .slider-controler-cta:hover {
  background-color: #f0ebe0;
}

.edito-page .slider.as--slider-content .slider-controler-cta:hover svg {
  /*  path,
  polygon,
  circle,
  rect,
  ellipse {*/
  fill: #2c2c2c;
  stroke: transparent;
  /*  }*/
}

.edito-page .slider.as--slider-content.as--type-manual .slider-bottom {
  background-color: #f0ebe0;
}

.edito-page .slider.as--slider-content.as--type-manual .slide-index::after {
  background-color: #2c2c2c;
}

.edito-page .slider.as--slider-content.as--type-manual .slide-index p,
.edito-page .slider.as--slider-content.as--type-manual .slide-index span {
  color: #2c2c2c;
}

.edito-page .primary-nav a::after {
  left: 100%;
  width: 0;
}

.edito-page .primary-nav a:hover::after {
  left: 0;
  width: 100%;
}

.actu-page .principale-content {
  padding-top: 23rem;
}

@media only screen and (max-width: 56em) {
  .actu-page .principale-content {
    padding-top: 18rem;
  }
}

@media only screen and (max-width: 38em) {
  .actu-page .principale-content {
    padding: 2rem;
  }
}

.actu-page .primary-nav > a::after {
  left: 100%;
  width: 0;
}

.actu-page .primary-nav > a:hover::after {
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 75em) {
  .actu-page .primary-nav > a {
    margin-bottom: 0;
  }
}

.contact-page .primary-nav > a::after {
  left: 100%;
  width: 0;
}

.contact-page .primary-nav > a:hover::after {
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 75em) {
  .contact-page .primary-nav > a {
    margin-bottom: 0;
  }
}

.home-page .primary-nav > a:hover {
  background-color: transparent;
}

/*# sourceMappingURL=styles.css.map */