@charset "UTF-8";

/* Reset box-model
   ========================================================================== */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

/* Document
     ========================================================================== */
/**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   * 3. Remove gray overlay on links for iOS.
   */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

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

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/* Vertical rhythm
     ========================================================================== */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings
     ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration)
     ========================================================================== */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition)
     ========================================================================== */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 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 */
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
}

/**
   * 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;
  -webkit-font-family:monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
  text-decoration: none !important;
  color: inherit;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: none;
  /* 2 */
  -webkit-text-decoration: none;
          text-decoration: none;
  /* 2 */
}

/**
   * 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;
  -webkit-font-family:monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
   * 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
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

/* Forms
     ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
}

/**
   * Remove all Style fro select elements. Does not quite work cross-browser
   */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type='button'],
[type='reset'],
[type='submit'] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type='button'][disabled],
[type='reset'][disabled],
[type='submit'][disabled] {
  cursor: default;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Reset to invisible
   */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

/**
   * 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 {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 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 in Chrome and Safari on macOS.
   */
[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 */
}

/**
   * Fix placeholder font properties inheritance.
   */
::-webkit-input-placeholder {
  font: inherit;
}

:-ms-input-placeholder {
  font: inherit;
}

::-ms-input-placeholder {
  font: inherit;
}

::-moz-placeholder {
  font: inherit;
}

::placeholder {
  font: inherit;
}

/**
   * Clickable labels
   */
label[for] {
  cursor: pointer;
}

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

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

/* Table
     ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

body {
  font-size: 100%;
}

svg {
  fill: currentColor;
}

@font-face {
	font-family: "Montserrat";
  -webkit-font-family:"Montserrat";
	src: url("assets/fonts/Montserrat-Regular.ttf") format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: "Montserrat";
  -webkit-font-family:"Montserrat";
	src: url("assets/fonts/Montserrat-Bold.ttf") format("truetype");
	font-weight: 700;
}
@font-face {
	font-family: "Montserrat";
  -webkit-font-family:"Montserrat";
	src: url("assets/fonts/Montserrat-ExtraBold.ttf") format("truetype");
	font-weight: 800;
}

html {
  min-height: 100%;
  overflow-x: hidden;
}

body, html {
  position: relative;
  width: 100%;
  font-size: 100%;
  font-family: 'Montserrat', sans-serif !important;
  /*-webkit-font-family:'Montserrat', sans-serif !important;*/
}

html[data-useragent*='Mac OS X'] {
  font-family: 'Montserrat', sans-serif;
}

html[data-useragent*='Mac OS X 10_10'] {
  font-family: 'Montserrat', sans-serif; 
  font-weight: 300;
}

body {
  opacity: 0;
}

#main {
  width: 100%;
  font-size: 20px;
  padding: 0 1.6875vw  2.4375vw  1.6875vw;
}

@media screen and (min-width: 1024px) {
  #main {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #main {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  #main {
    font-size: 15px;
    padding: 0 10px 10px 10px;
  }
}

#main *:not(.regularscroll) {
  -ms-scrollbar-base-color: #2243e6;
}

#main *:not(.regularscroll)::-webkit-scrollbar {
  width: 15px;
}

#main *:not(.regularscroll)::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
}

#main *:not(.regularscroll)::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 0 1px #2243e6, inset 0 0 0 6px #2243e6;
  border-radius: 100%;
  border: solid 0 transparent;
  border-right-width: 10px;
  outline: none;
}

.main-content {
  margin-top: calc(8.625vw + 45px);
}

@media screen and (max-width: 1024px) {
  .main-content {
    margin-top: 65px;
  }
}

@media screen and (max-width: 1024px) {
  .stickyRubrique-- .main-content {
    margin-top: 65px;
  }
}

.home {
  /*overflow: hidden;*/
  background: #000000;
}

.home #main {
  padding: 0;
  overflow: hidden;
}

.home .main-content {
  margin: 0;
}

.nopaddingb-- {
  padding-bottom: 0 !important;
}

.btn-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../dist/assets/img/btn-play.svg") center center no-repeat;
  background-size: 8.875vw 8.875vw;
  z-index: 1;
  opacity: .9;
  cursor: pointer;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}

@media screen and (max-width: 1024px) {
  .btn-play {
    background-size: 48px 48px;
  }
}

@media screen and (min-width: 1600px) {
  .btn-play {
    background-size: 142px 142px;
  }
}

.btn-play:hover {
  opacity: 1;
}

.btn {
  color: #ffffff;
  text-decoration: underline;
  font-size: 24px;
  font-weight: bold;
  line-height: 0.92;
}

.btn-simple {
  text-decoration: underline;
  font-weight: bold;
}

.btn-valider {
  background: #ffffff;
  width: 3.75vw;
  height: 3.75vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .btn-valider {
    width: 60px;
  }
}

@media screen and (min-width: 1600px) {
  .btn-valider {
    height: 60px;
  }
}

.btn-valider svg {
  width: 27px;
  height: 21px;
  fill: #2243e6;
}

@media screen and (max-width: 1024px) {
  .btn-valider {
    width: 51px;
    height: 51px;
  }
  .btn-valider svg {
    width: 23px;
    height: 18px;
  }
}

.btn-form {
  height: 4.0625vw;
  background: #2243e6;
  padding: 0 2.5vw;
  font-size: 26px;
  font-weight: 500;
  line-height: 2.54;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .btn-form {
    font-size: 1.625vw;
  }
}

@media screen and (min-width: 1600px) {
  .btn-form {
    font-size: 26px;
  }
}

@media screen and (max-width: 1024px) {
  .btn-form {
    font-size: 18px;
    line-height: 1;
    height: auto;
    padding: 12px 30px;
  }
}

.btn-dwld {
  position: relative;
  display: block;
}

.btn-dwld:after {
  content: '';
  display: inline-block;
  position: relative;
  width: 1vw;
  height: 1.625vw;
  margin-left: 10px;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .btn-dwld:after {
    width: 9px;
    height: 15px;
    vertical-align: middle;
  }
}

.msg-erreur {
  display: block;
  color: #2243e6;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
  .msg-erreur {
    font-size: 0.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .msg-erreur {
    font-size: 14px;
  }
}

.container {
  width: 100% !important;
  padding: 0 7.188vw 0 7.188vw !important;
}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 15px;
  }
}

.container.white-- {
  background: #ffffff;
  padding-top: 70px !important;
}

@media screen and (max-width: 1024px) {
  .container.white-- {
    padding-top: 50px;
    overflow: hidden;
  }
}

.content {
  width: 100%;
}

.container-max {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.margin-xs, .c-results_item {
  margin-bottom: 45px;
}

@media screen and (max-width: 1024px) {
  .margin-xs, .c-results_item {
    margin-bottom: 25px;
  }
}

.margin-m, .c-more, .c-loader {
  margin-bottom: 70px;
}

@media screen and (max-width: 1024px) {
  .margin-m, .c-more, .c-loader {
    margin-bottom: 50px;
  }
}

.margin-xl {
  margin-bottom: 110px;
}

@media screen and (max-width: 1024px) {
  .margin-xl {
    margin-bottom: 80px;
  }
}

.padding-xs, .m-results, .c-filter, .m-title_interne {
  padding-bottom: 45px;
}

@media screen and (max-width: 1024px) {
  .padding-xs, .m-results, .c-filter, .m-title_interne {
    padding-bottom: 25px;
  }
}

.padding-m, .c-results_item, .c-press, .m-rubrique, .m-title_xl, .m-intro {
  padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .padding-m, .c-results_item, .c-press, .m-rubrique, .m-title_xl, .m-intro {
    padding-bottom: 50px;
  }
}

.padding-xl, .c-accordeon, .m-title_chapitre, .m-wysiwyg, .m-msgFort, .m-txtVisuel, .m-casClient, .m-3blocs, .m-2blocs, .m-1-visuel, .m-exergue, .m-trombinoscope, .m-gif, .m-video, .m-btnLarge, .m-citation, .m-slider, .m-downloadList, .m-casesCarrousel {
  padding-bottom: 110px;
}

@media screen and (max-width: 1024px) {
  .padding-xl, .c-accordeon, .m-title_chapitre, .m-wysiwyg, .m-msgFort, .m-txtVisuel, .m-casClient, .m-3blocs, .m-2blocs, .m-1-visuel, .m-exergue, .m-trombinoscope, .m-gif, .m-video, .m-btnLarge, .m-citation, .m-slider, .m-downloadList, .m-casesCarrousel {
    padding-bottom: 80px;
  }
}

/* custom select */
.c-select {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 180px;
  margin-right: 29px;
}

@media screen and (max-width: 1024px) {
  .c-select {
    width: 100%;
    min-width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .c-select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 6px 30px 6px 0x;
    outline: 0;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.21;
    border-bottom: 5px solid #ffffff;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .c-select select {
    font-size: 1.5vw;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1600px) {
  .c-select select {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-select select::-ms-expand {
    display: none;
  }
  .c-select select:disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .c-select:after {
    content: "";
    color: #ffffff;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 0;
    width: 15px;
    height: 15px;
    text-align: center;
    pointer-events: none;
    border-style: solid;
    border-width: 7.5px 7.5px 0 7.5px;
    border-color: #ffffff transparent transparent transparent;
  }
}

.custom-select-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.custom-select-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.custom-select-container.is-disabled {
  opacity: .333;
}

.custom-select-opener {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.21;
  border-bottom: 5px solid #ffffff;
  background: none;
  padding: 6px 30px 6px 0;
  display: block;
  cursor: pointer;
  outline: 0;
}

@media screen and (min-width: 1024px) {
  .custom-select-opener {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .custom-select-opener {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .custom-select-opener {
    font-size: 22px;
    line-height: 1.32;
  }
}

.custom-select-opener:after {
  content: "";
  color: #ffffff;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  pointer-events: none;
  border-style: solid;
  border-width: 7.5px 7.5px 0 7.5px;
  border-color: #ffffff transparent transparent transparent;
}

.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.custom-select-panel {
  max-height: 0;
  -webkit-transition: max-height .5s ease-out, overflow-y 0.1s 0.5s;
  transition: max-height .5s ease-out, overflow-y 0.1s 0.5s;
  overflow: hidden;
  background: #ffffff;
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 100%;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.11;
  letter-spacing: 0.5px;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

@media screen and (min-width: 1024px) {
  .custom-select-panel {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .custom-select-panel {
    font-size: 18px;
  }
}

.custom-select-container.is-open .custom-select-panel {
  max-height: 450px;
  overflow-y: auto;
}

.custom-select-option {
  padding: 0.5em;
  cursor: pointer;
}

/* masque les checkbox et radio */
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

/*On customise le label*/
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-right: 1em;
  line-height: 22px;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  display: inline-block;
  width: 1.6875vw;
  height: 1.6875vw;
  min-width: 27px;
  min-height: 27px;
  margin-right: .5em;
  background: #ffffff;
  border: 2px solid #000000;
  vertical-align: text-bottom;
  -webkit-transition: .6s;
  transition: .6s;
}

/*On customise le label quand la case est cochée*/
[type="checkbox"]:checked + label:before {
  color: #fff;
  border-color: #2243e6;
  background: #2243e6;
}

@media screen and (min-width: 1024px) {
  .container.js-data-rise {
    position: relative;
    z-index: 0;
  }
  .js-data-rise-linear .js-elt {
    opacity: 0;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .js-data-rise-linear .js-elt {
    -webkit-transform: translateX(5rem);
    transform: translateX(5rem);
  }
}

@media screen and (min-width: 1024px) {
  .js-data-rise-linear .btn-valider {
    opacity: 0;
  }
  .js-data-rise-decal .js-elt {
    opacity: 0;
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .js-data-rise-decal .js-elt {
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
  }
}

@media screen and (min-width: 1024px) {
  .js-data-rise {
    opacity: 0;
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  .js-data-rise {
    -webkit-transform: translateY(5rem);
    transform: translateY(5rem);
  }
}

.cursor__wrapper {
  display: block;
  height: 80px;
  width: 80px;
  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;
  pointer-events: none;
  z-index: 10000000000;
}

.cursor__pointer {
  background-color: #2243e6 !important;
  width: 20px;
  height: 20px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.cursor__pointer, .cursor__int, .cursor__ext {
  position: fixed;
  display: block;
  content: ' ';
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: -webkit-transform 250ms ease;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.cursor__int, .cursor__ext {
  border-color: #2243e6;
  width: 0px;
  height: 0px;
  -webkit-transition: all 250ms ease, background-size 0ms ease;
  transition: all 250ms ease, background-size 0ms ease;
}

.cursor--click .cursor__pointer {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transition: -webkit-transform 250ms ease;
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  transition: transform 250ms ease, -webkit-transform 250ms ease;
}

.cursor--click .cursor__int {
  width: 50px;
  height: 50px;
  opacity: 0;
  -webkit-transition: width 500ms ease 100ms, height 500ms ease 100ms, opacity 200ms ease-in 300ms;
  transition: width 500ms ease 100ms, height 500ms ease 100ms, opacity 200ms ease-in 300ms;
  border: 1px solid #2243e6;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.cursor--click .cursor__ext {
  width: 60px;
  height: 60px;
  -webkit-transition: width 500ms ease , height 500ms ease , opacity 200ms ease-in 100ms;
  transition: width 500ms ease , height 500ms ease , opacity 200ms ease-in 100ms;
  opacity: 0;
  border: 1px solid #2243e6;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.cursor--link .cursor__pointer {
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  width: 22px;
  height: 22px;
  mix-blend-mode: normal;
}

.cursor--link .cursor__ext {
  width: 42px;
  height: 42px;
  background-image: url("../dist/assets/img/arrow-red.svg") ;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #2243e6;
  background-size: 20px 20px;
  opacity: 1;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}


.cursor--hidden {
  display: none;
}

.c-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.625vw;
  padding: 0 2.906vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  .c-header {
    height: 65px;
    padding: 0 24px;
  }
}

.c-header_toggle {
  position: relative;
  display: block;
  width: 2.1875vw;
  height: 3.1875vw;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  min-width: 35px;
}

@media screen and (min-width: 1600px) {
  .c-header_toggle {
    width: 35px;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_toggle {
    height: 35px;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_toggle {
    width: 35px;
    height: 35px;
  }
}

.c-header_toggle span {
  position: absolute;
  top: calc(25% - 1px);
  left: 0;
  display: block;
  width: 100%;
  height: 0.125vw;
  min-height: 2px;
}

.c-header_toggle span:before, .c-header_toggle span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9375vw;
  min-width: 15px;
  height: 100%;
  background: #ffffff;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

@media screen and (min-width: 1600px) {
  .c-header_toggle span:before, .c-header_toggle span:after {
    width: 15px;
  }
}

.c-header_toggle span:after {
  right: 0;
  left: auto;
}

.c-header_toggle span:last-of-type {
  top: auto;
  bottom: calc(25% - 1px);
}

.c-header_menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 0;
  left: -40vw;
  width: 37.8125vw;
  min-width: 320px;
  height: 100%;
  background: #2243e6;
  -webkit-transition: left 0.6s ease-in;
  transition: left 0.6s ease-in;
  z-index: 1;
  padding: 3.075vw 3.875vw;
}

@media screen and (max-width: 1024px) {
  .c-header_menu {
    width: 100%;
    max-width: 400px;
    left: -100%;
    padding: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-header_menuList {
  font-size: 25px;
  line-height: 24px;
  width: 23.438vw;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .c-header_menuList {
    font-size: 1.5625vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_menuList {
    font-size: 25px;
  }
}

@media screen and (min-width: 1024px) {
  .c-header_menuList {
    line-height: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_menuList {
    line-height: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_menuList {
    line-height: 1.2;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_menuList {
    width: 190px;
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.c-header_menuList li {
  padding: 14px 0;
  opacity: 0;
  max-width: 0;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-header_menuList li {
    padding: 6px 0;
  }
}

.c-header_menuList li a {
  display: block;
  color: #ffffff;
  width: 23.438vw;
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-header_menuList li a {
    width: 100%;
  }
}

.c-header_menuList li a:hover {
  color: #ff778a;
}

.c-header_search {
  width: 23.438vw;
  max-width: 0;
  opacity: 0;
  margin-bottom: 45px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-header_search {
    width: 190px;
    margin-bottom: 30px;
  }
}

.c-header_search #searchform {
  width: 23.438vw;
}

@media screen and (max-width: 1024px) {
  .c-header_search #searchform {
    width: 100%;
  }
}

.c-header_search #searchform > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transform: translateX(-21.438vw);
  transform: translateX(-21.438vw);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-header_search #searchform > div {
    -webkit-transform: translateX(-165px);
    transform: translateX(-165px);
  }
}

.c-header_search #searchform > div label {
  display: none;
}

.c-header_search #searchform > div #s {
  border-bottom: 2px solid #ffffff;
  width: 19.563vw;
  height: 2.4vw;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .c-header_search #searchform > div #s {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_search #searchform > div #s {
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .c-header_search #searchform > div #s {
    line-height: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_search #searchform > div #s {
    line-height: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_search #searchform > div #s {
    line-height: 1.2;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_search #searchform > div #s {
    width: 120px;
    height: 25px;
    font-size: 16px;
    line-height: 1.2;
  }
}

.c-header_search #searchform > div #searchsubmit {
  width: 2vw;
  height: 2vw;
  overflow: hidden;
  text-indent: -100vw;
  background-image: url("../dist/assets/img/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
  .c-header_search #searchform > div #searchsubmit {
    width: 25px;
    height: 25px;
  }
}

.c-header_search #searchform > div.open-- {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.c-header_social {
  position: absolute;
  bottom: 3.075vw;
  left: 3.875vw;
  width: 30.0625vw;
  opacity: 0;
  max-width: 0;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-header_social {
    position: initial;
    bottom: initial;
    left: initial;
    width: 190px;
  }
}

.c-header_socialContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30.0625vw;
}

@media screen and (max-width: 1024px) {
  .c-header_socialContent {
    width: 165px;
  }
}

.c-header_social .item-mention {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #ffffff;
  justify-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 1024px) {
  .c-header_social .item-mention {
    font-size: 0.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_social .item-mention {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_social .item-mention {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 12px;
    line-height: 2.92;
  }
}

.c-header_social ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}

@media screen and (max-width: 1024px) {
  .c-header_social ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.c-header_social ul li {
  padding: 0 0.9375vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.c-header_social ul li:first-of-type {
  padding-left: 0;
}

.c-header_social ul li:last-of-type {
  padding-right: 0;
}

.c-header_social ul li a {
  display: block;
  color: #ffffff;
  height: 1.813vw;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li a {
    height: 19px;
  }
}

.c-header_social ul li a span {
  display: none;
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.btn-download {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 15px;
  }
}

.c-header_social ul li.btn-download a {
  width: 5.3vw;
  height: 2vw;
  background-image: url("assets/img/dare_online.png");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.btn-download a {
    width: 104px;
    height: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.btn-dare {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-bottom: 15px;
  }
}

.c-header_social ul li.btn-dare a {
  width: 5.3vw;
  height: 2vw;
  background-image: url("../dist/assets/img/dare_magazine.png");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.btn-dare a {
    width: 104px;
    height: 40px;
  }
}

.c-header_social ul li.rs-facebook a {
  width: 0.875vw;
  background-image: url("../dist/assets/img/rs-facebook.svg");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.rs-facebook a {
    width: 9px;
  }
}

.c-header_social ul li.rs-twitter a {
  width: 2.188vw;
  height: 1.8vw;
  background-image: url("../dist/assets/img/rs-twitter.svg");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.rs-twitter a {
    width: 22px;
    height: 22px;
  }
}

.c-header_social ul li.rs-youtube a {
  width: 1.875vw;
  background-image: url("../dist/assets/img/rs-youtube.svg");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.rs-youtube a {
    width: 19px;
  }
}

.c-header_social ul li.rs-linkedin a {
  width: 1.8125vw;
  background-image: url("../dist/assets/img/rs-linkedin.svg");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.rs-linkedin a {
    width: 22px;
  }
}

.c-header_social ul li.rs-instagram a {
  width: 1.75vw;
  height: 1.75vw;
  background-image: url("assets/img/rs-insta.png");
}

@media screen and (max-width: 1024px) {
  .c-header_social ul li.rs-instagram a {
    width: 22px;
    height: 22px;
  }
}

/*.c-header_nav:not(.home-page):after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}*/

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background-color: rgba(0,0,0,0.5);
   z-index: -1;
   display: none;
}

.c-header_nav.open-- .c-header_menu {
  left: 0;
}

.c-header_nav.open--:after {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}

.c-header_logo {
  position: relative;
  z-index: 2;
  max-width: 8.313vw;
}

@media screen and (max-width: 1024px) {
  .c-header_logo {
    max-width: 86px;
    z-index: 0;
  }
}

.c-header_language {
  position: absolute;
  top: 3.875vw;
  right: 3.875vw;
}

@media screen and (max-width: 1024px) {
  .c-header_language {
    top: 24px;
    right: 24px;
  }
}

.c-header_language ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.c-header_language ul li {
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  margin-right: 10px;
}

@media screen and (min-width: 1024px) {
  .c-header_language ul li {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_language ul li {
    font-size: 20px;
  }
}

.c-header_language ul li.current-lang {
  color: #720c1a;
}

.c-header_language ul li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 1024px) {
  .c-header_language ul li {
    font-size: 16px;
  }
}

.c-header_close {
  position: absolute;
  top: 3.875vw;
  left: 3.875vw;
  width: 1.8125vw;
  height: 1.8125vw;
  min-width: 29px;
  min-height: 29px;
  background: url("assets/img/close.png") center center no-repeat;
  background-size: contain;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-header_close {
    width: 29px;
  }
}

@media screen and (min-width: 1600px) {
  .c-header_close {
    height: 29px;
  }
}

.sticky-- .c-header {
  height: 5.75vw;
}

@media screen and (max-width: 1024px) {
  .sticky-- .c-header {
    height: 69px;
  }
}

.c-footer {
  z-index: 2;
}

.c-footer_hp {
  position: fixed;
  bottom: 3.875vw;
  left: 2.906vw;
  z-index: 7;
  display: none;
}

@media screen and (max-width: 1024px) {
  .c-footer_hp {
    bottom: 24px;
    right: 24px;
    left: 24px;
  }
}

.c-footer_hp a {
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .c-footer_hp a {
    font-size: 0.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-footer_hp a {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_hp a {
    font-size: 12px;
  }
}

.c-footer_default {
  position: relative;
  background: #ffffff;
  padding: 0 1.6875vw;
  height: 15vw;
  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;
}
.c-footer_default a{
  text-decoration: none;
  color: #000 !important;
}
@media screen and (max-width: 1024px) {
  .c-footer_default {
    height: auto;
    padding: 56px 24px;
  }
}

.c-footer_default p {
  color: #888888;
  font-size: 18px;
  line-height: 2.2;
  font-weight: 400;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .c-footer_default p {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-footer_default p {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_default p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.63;
    margin-bottom: 56px;
  }
}

.c-footer_menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1024px) {
  .c-footer_menuList {
    -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;
    margin-bottom: 50px;
  }
}

.c-footer_menuList li {
  font-size: 18px;
  line-height: 2.2;
  font-weight: 400;
  color: #000000;
  padding: 0 10px 0 0;
}

@media screen and (min-width: 1024px) {
  .c-footer_menuList li {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-footer_menuList li {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_menuList li {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    margin: 10px 0;
  }
}

.c-footer_menuList li:after {
  content: " | ";
  position: relative;
  padding-left: 10px;
}

@media screen and (max-width: 1024px) {
  .c-footer_menuList li:after {
    display: none;
  }
}

.c-footer_menuList li:last-of-type {
  padding-right: 0;
}

.c-footer_menuList li:last-of-type:after {
  display: none;
}

.c-footer_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
}

.c-footer_social li {
  padding: 0 25px;
}

.c-footer_social li:first-of-type {
  padding-left: 0;
}

.c-footer_social li:last-of-type {
  padding-right: 0;
}

.c-footer_social li a {
  display: block;
  color: #ffffff;
  height: 1.813vw;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
  .c-footer_social li a {
    height: 29px;
  }
}

.c-footer_social li a span {
  display: none;
}

.c-footer_social li.rs-facebook a {
  width: 0.875vw;
  background-image: url("../dist/assets/img/rs-facebook-black.svg");
  background-position: center bottom;
}

@media screen and (min-width: 1600px) {
  .c-footer_social li.rs-facebook a {
    width: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_social li.rs-facebook a {
    width: 14px;
  }
}

.c-footer_social li.rs-twitter a {
  width: 2.1875vw;
  background-image: url("../dist/assets/img/rs-twitter-black.svg");
  background-position: center bottom;
}

@media screen and (min-width: 1600px) {
  .c-footer_social li.rs-twitter a {
    width: 35px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_social li.rs-twitter a {
    width: 35px;
  }
}

.c-footer_social li.rs-youtube a {
  width: 1.8125vw;
  background-image: url("../dist/assets/img/rs-youtube-black.svg");
  background-position: center bottom;
}

@media screen and (min-width: 1600px) {
  .c-footer_social li.rs-youtube a {
    width: 29px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_social li.rs-youtube a {
    width: 29px;
  }
}

.c-footer_social li.rs-linkedin a {
  width: 1.8125vw;
  background-image: url("../dist/assets/img/rs-linkedin-black.svg");
  background-position: center bottom;
}

@media screen and (min-width: 1600px) {
  .c-footer_social li.rs-linkedin a {
    width: 29px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_social li.rs-linkedin a {
    width: 29px;
  }
}

.c-footer_social li.rs-instagram a {
  width: 1.8125vw;
  background-image: url("assets/img/rs-insta-black.png");
  background-position: center bottom;
}

@media screen and (min-width: 1600px) {
  .c-footer_social li.rs-instagram a {
    width: 29px;
  }
}

@media screen and (max-width: 1024px) {
  .c-footer_social li.rs-instagram a {
    width: 29px;
  }
}

.c-footer_contact {
  position: fixed;
  bottom: 2.6875vw;
  left: 2.875vw;
  z-index: 9;
}

@media screen and (max-width: 1024px) {
  .c-footer_contact {
    bottom: 45px;
    right: 24px;
  }
}

.c-footer_contact:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 0px;
  height: 0px;
  background: #000000;
  opacity: 0;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}

.c-footer_contact.open-- .c-contact_container {
  height: calc(100vh - 7.625vw);
}

@media screen and (max-width: 1024px) {
  .c-footer_contact.open-- .c-contact_container {
    height: 100%;
  }
}

.c-footer_contact.open-- .c-contact_close {
  display: block;
  opacity: 1;
}

.c-footer_contact.open--:after {
  width: 100%;
  height: 100%;
  opacity: 0.3;
}

.page-template-tpl-home .c-footer {
  border-top: none;
}

.page-template-tpl-home .c-footer_default {
  display: none;
}

.page-template-tpl-home .c-footer_hp {
  display: block;
}

.sticky-- .c-footer_contact.open-- .c-contact_container {
  height: calc(100vh - 5.75vw);
  overflow-y: auto;
}

@media screen and (max-width: 1024px) {
  .sticky-- .c-footer_contact.open-- .c-contact_container {
    height: 100%;
  }
}

.c-contact_toggle {
  display: block;
  width: 2.6875vw;
  height: 2.6875vw;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .c-contact_toggle {
    width: 35px;
    height: 35px;
  }
}

.c-contact_toggle svg {
  width: 2.6875vw;
  height: 2.6875vw;
}

@media screen and (max-width: 1024px) {
  .c-contact_toggle svg {
    width: 35px;
    height: 35px;
  }
}

.c-contact_container {
  position: fixed;
  bottom: 0;
  left: 1.6875vw;
  width: 36.625vw;
  height: 0;
  z-index: 10;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: height .4s ease-in;
  transition: height .4s ease-in;
}

@media screen and (min-width: 1600px) {
  .c-contact_container {
    width: 586px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_container {
    width: 100%;
    right: 0;
  }
}

.c-contact_content {
  height: 100%;
  padding: 1.6875vw;
  overflow-y: auto;
}

@media screen and (max-width: 1024px) {
  .c-contact_content {
    padding: 56px 20px 20px 20px;
  }
}

.c-contact_content h2 {
  -webkit-text-stroke: 2px #2243e6;
  font-size: 80px;
  font-weight: 800;
  line-height: 1.08;
  color: transparent;
  margin-bottom: 25px;
}

@media screen and (min-width: 1024px) {
  .c-contact_content h2 {
    font-size: 5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_content h2 {
    font-size: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_content h2 {
    font-size: 48px;
    margin-bottom: 0px;
  }
}

.c-contact_link {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #AAAAAA;
  cursor: pointer;
  max-height: 200px;
  opacity: 1;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-contact_link {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_link {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_link {
    font-size: 18px;
    text-align: left;
  }
}

.c-contact_link.hide-- {
  max-height: 0;
  opacity: 0;
}

.c-contact_onglet {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

.c-contact_onglet.show-- {
  opacity: 1;
  max-height: 8000px;
}

.c-contact_verbatim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 45px;
}

.c-contact_verbatim.inverse-- {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.c-contact_verbatim.inverse-- .c-contact_message {
  border-right: 2px solid #888888;
  border-left: none;
  padding-left: 0px;
  margin-left: 0px;
  padding-right: 15px;
  margin-right: 15px;
}

.c-contact_verbatim.hide-- {
  display: none;
  opacity: 0;
}

.c-contact_verbatim.mymessage-- {
  color: #888888;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
}

@media screen and (min-width: 1024px) {
  .c-contact_verbatim.mymessage-- {
    font-size: 1vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim.mymessage-- {
    font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_verbatim.mymessage-- {
    font-size: 12px;
  }
}

.c-contact_verbatim img {
  width: 6.5625vw;
  height: 6.5625vw;
  border-radius: 100%;
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim img {
    width: 105px;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim img {
    height: 105px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_verbatim img {
    width: 68px;
    height: 68px;
  }
}

.c-contact_verbatim .name {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.29;
}

@media screen and (min-width: 1024px) {
  .c-contact_verbatim .name {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim .name {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_verbatim .name {
    font-size: 16px;
  }
}

.c-contact_verbatim .fonction {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .c-contact_verbatim .fonction {
    font-size: 0.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim .fonction {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_verbatim .fonction {
    font-size: 12px;
  }
}

.c-contact_verbatim .question {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  color: #2243e6;
}

@media screen and (min-width: 1024px) {
  .c-contact_verbatim .question {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_verbatim .question {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_verbatim .question {
    font-size: 18px;
  }
}

.c-contact_message {
  border-left: 2px solid #2243e6;
  padding-left: 15px;
  margin-left: 15px;
  width: 100%;
}

.c-contact_form {
  display: block;
  overflow: auto;
}

.c-contact_form.hide-- {
  display: none;
  opacity: 0;
  overflow: hidden;
}

.c-contact_form input[type=email] {
  width: 100%;
  font-size: 18px;
  line-height: 1.22;
  padding: 10px 0 10px 0;
  border-bottom: 2px solid #000000;
  margin-bottom: 21px;
}

@media screen and (min-width: 1024px) {
  .c-contact_form input[type=email] {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_form input[type=email] {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_form input[type=email] {
    font-size: 16px;
  }
}

.c-contact_form input[type=email]::-webkit-input-placeholder {
  color: #000000;
}

.c-contact_form input[type=email]::-moz-placeholder {
  color: #000000;
}

.c-contact_form input[type=email]::-ms-input-placeholder {
  color: #000000;
}

.c-contact_form input[type=email]::placeholder {
  color: #000000;
}

.c-contact_form textarea {
  background: #F4F4F4;
  width: 100%;
  height: 305px;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  padding: 19px;
  margin-bottom: 21px;
}

@media screen and (min-width: 1024px) {
  .c-contact_form textarea {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_form textarea {
    font-size: 18px;
  }
}

.c-contact_form textarea::-webkit-input-placeholder {
  color: #000000;
}

.c-contact_form textarea::-moz-placeholder {
  color: #000000;
}

.c-contact_form textarea::-ms-input-placeholder {
  color: #000000;
}

.c-contact_form textarea::placeholder {
  color: #000000;
}

.c-contact_form label {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.22;
  margin-bottom: 21px;
}

@media screen and (min-width: 1024px) {
  .c-contact_form label {
    font-size: 1.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_form label {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .c-contact_form label {
    font-size: 16px;
  }
}

.c-contact_form .g-recaptcha {
  margin-bottom: 21px;
}

.c-contact_form a {
  color: #ffffff;
  background: #2243e6;
}

.c-contact_form .msg-erreur {
  opacity: 0;
  max-height: 0;
}

.c-contact_form .msg-erreur.show-- {
  opacity: 1;
  max-height: 200px;
}

.c-contact_mentions {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.83;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .c-contact_mentions {
    font-size: 0.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-contact_mentions {
    font-size: 12px;
  }
}

.c-contact_close {
  position: fixed;
  display: none;
  opacity: 0;
  bottom: 3.1875vw;
  left: 3.4375vw;
  width: 1.8125vw;
  height: 1.8125vw;
  background-image: url("../dist/assets/img/btn-close.svg");
  background-size: contain;
  cursor: pointer;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-contact_close {
    top: 10px;
    left: 10px;
    right: inherit;
    bottom: inherit;
    width: 25px;
    height: 25px;
  }
}

.page-template-tpl-home .c-contact_toggle .cls-1 {
  fill: transparent;
}

.page-template-tpl-home .c-contact_toggle .cls-2 {
  fill: #ffffff;
}

.c-results {
  position: relative;
}

.c-results_item {
  position: relative;
  width: 91.64133739%;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-results_item {
    width: 1206px;
  }
}

@media screen and (max-width: 1024px) {
  .c-results_item {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 1024px) {
  .c-results_item:hover .c-results_description {
    padding-left: 0;
  }
  .c-results_item:hover h2 {
    font-size: 76px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-results_item:hover h2 {
    font-size: 4.75vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-results_item:hover h2 {
    font-size: 76px;
  }
}

@media screen and (min-width: 1024px) {
  .c-results_item:hover a {
    opacity: 1;
    max-height: 200px;
  }
}

.c-results_description {
  padding-left: 7vw;
  -webkit-transition: padding .4s ease-in;
  transition: padding .4s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-results_description {
    padding-left: 33px;
  }
}

.c-results h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.4px;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-results h2 {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-results h2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .c-results h2 {
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.7px;
  }
}

.c-results a {
  display: block;
  font-size: 24px;
  margin-top: 20px;
  font-weight: bold;
  line-height: 0.92;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-results a {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-results a {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-results a {
    opacity: 1;
    font-size: 14px;
    max-height: inherit;
  }
}

.m-results {
  font-size: 30px;
  font-weight: 800;
  line-height: 2.87;
  opacity: 0;
  -webkit-transition: opacity 0s ease-in;
  transition: opacity 0s ease-in;
}

@media screen and (min-width: 1024px) {
  .m-results {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-results {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .m-results {
    opacity: 1;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.65;
  }
}

.m-results.show-- {
  opacity: 1;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}

.search .m-results {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  .c-hp_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
  }
  .c-hp_background video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-hp_background video.hackIE {
    position: absolute;
  }
}

@media screen and (min-width: 1024px) and (min-aspect-ratio: 16 / 9) {
  .c-hp_background video.hackIE {
    height: 300%;
    top: -100%;
  }
}

@media screen and (min-width: 1024px) and (max-aspect-ratio: 16 / 9) {
  .c-hp_background video.hackIE {
    width: 300%;
    left: -100%;
  }
}

@media screen and (min-width: 1024px) {
  @supports (-ms-ime-align: auto) {
    .c-hp_background video {
      position: absolute;
    }
    @media (min-aspect-ratio: 16 / 9) {
      .c-hp_background video {
        height: 300%;
        top: -100%;
      }
    }
    @media (max-aspect-ratio: 16 / 9) {
      .c-hp_background video {
        width: 300%;
        left: -100%;
      }
    }
  }
  .c-hp_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #000000;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
  }
  .c-hp_slider {
    height: 100vh;
  }
  .c-hp_accroche {
    position: absolute;
    width: 53.95136778%;
    margin-left: 8.5106383%;
    top: 0;
    left: 0;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 98px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: 2.94px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all .7s ease-in;
    transition: all .7s ease-in;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_accroche {
    width: 710px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_accroche {
    margin-left: 112px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_accroche {
    width: calc( 710px + 6.188vw*2);
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-hp_accroche {
    font-size: 6.125vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_accroche {
    font-size: 78px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 750px) {
  .c-hp_accroche {
    font-size: 60px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 750px) and (min-width: 1024px) {
  .c-hp_accroche {
    font-size: 4.45vw;
  }
}

@media screen and (min-width: 1024px) and (max-height: 750px) and (min-width: 1600px) {
  .c-hp_accroche {
    font-size: 80px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 650px) {
  .c-hp_accroche {
    font-size: 68px;
  }
}

@media screen and (min-width: 1024px) and (max-height: 650px) and (min-width: 1024px) {
  .c-hp_accroche {
    font-size: 4.25vw;
  }
}

@media screen and (min-width: 1024px) and (max-height: 650px) and (min-width: 1600px) {
  .c-hp_accroche {
    font-size: 68px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-hp_accroche {
    background: transparent !important;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_accroche h2 {
    display: inline;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  .c-hp_accroche span {
    -webkit-text-stroke: 2px #ffffff;
    color: transparent;
  }
  .c-hp_accroche span, .c-hp_accroche a {
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
  }
  .c-hp_visuel {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100vh;
    -webkit-transition: width .4s cubic-bezier(0, 1.04, 1, 0.94);
    transition: width .4s cubic-bezier(0, 1.04, 1, 0.94);
    overflow: hidden;
    z-index: 0;
  }
  .c-hp_visuel div {
    position: absolute;
    top: 0;
    right: 0;
    width: 39.6875vw;
    height: 100vh;
    max-width: initial;
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_visuel div {
    width: 635px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_infoHover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 33.25vw;
    z-index: 3;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: opacity .1s ease-in, transform .1s ease-in .7s;
    -webkit-transition: opacity .1s ease-in, -webkit-transform .1s ease-in .7s;
    transition: opacity .1s ease-in, -webkit-transform .1s ease-in .7s;
    transition: opacity .1s ease-in, transform .1s ease-in .7s;
    transition: opacity .1s ease-in, transform .1s ease-in .7s, -webkit-transform .1s ease-in .7s;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_infoHover {
    width: 532px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_infoHover p {
    display: inline;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-hp_infoHover p {
    font-size: 1.375vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_infoHover p {
    font-size: 22px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_infoHover p span {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in 0.3s;
    transition: opacity 0.4s ease-in 0.3s;
  }
  .c-hp_details.horizontale-- .c-hp_visuel {
    width: 0;
    top: calc(50% - 18.2813vw);
    height: 36.5625vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.horizontale-- .c-hp_visuel {
    height: 585px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.horizontale-- .c-hp_visuel {
    top: calc(50% - 292px);
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_details.horizontale-- .c-hp_visuel div {
    width: 63.3125vw;
    height: 36.5625vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.horizontale-- .c-hp_visuel div {
    width: 1013px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.horizontale-- .c-hp_visuel div {
    height: 585px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_details.horizontale--.hover-- .c-hp_visuel {
    width: 63.3125vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.horizontale--.hover-- .c-hp_visuel {
    width: 1013px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_details.hover-- .c-hp_visuel {
    width: 39.6875vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp_details.hover-- .c-hp_visuel {
    width: 635px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hp_details.hover-- .c-hp_infoHover {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: opacity .6s ease-in, transform .4s ease-in;
    -webkit-transition: opacity .6s ease-in, -webkit-transform .4s ease-in;
    transition: opacity .6s ease-in, -webkit-transform .4s ease-in;
    transition: opacity .6s ease-in, transform .4s ease-in;
    transition: opacity .6s ease-in, transform .4s ease-in, -webkit-transform .4s ease-in;
  }
  .c-hp_details.hover-- .c-hp_infoHover span {
    opacity: 1;
  }
  .c-hp_content {
    position: relative;
    width: 100%;
    height: 100vh;
  }
  .c-hp_btn {
    display: none;
  }
  .c-hp.transition-- .c-hp_accroche {
    -webkit-transform: translateY(1vh);
            transform: translateY(1vh);
  }
  .c-hp.transition-- .c-hp_accroche h2 {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .c-hp.transition-- .c-hpArticle {
    /*margin-top: -100vh;*/
    -webkit-transition: margin 0.4s ease-in;
    transition: margin 0.4s ease-in;
  }
  .c-hp.transition-- .c-hpArticle_transition {
    /*margin-top: -190vh;*/
    -webkit-transition: margin 0.5s ease-in .2s;
    transition: margin 0.5s ease-in .2s;
  }
  .c-hp.transition-- .c-hpArticle_content {
    -webkit-transform: translateY(-15vh);
    transform: translateY(-15vh);
  }
 /* .c-hp.transition-- .c-hp_visuel {
    top: 100vh;
  }
  .c-hp.article-- .c-hp_slider {
    height: 200vh;
  }
  .c-hp.article-- .c-hp_content {
    height: 200vh;
  }
  .c-hp.article-- .c-hp_accroche {
    top: 100vh;
  }
  .c-hp.article-- .c-hp_details.horizontale-- .c-hp_visuel {
    top: calc(50vh - 18.2813vw + 100vh);
  }*/
}

/*@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hp.article-- .c-hp_details.horizontale-- .c-hp_visuel {
    top: calc(50vh - 292px + 100vh);
  }
}*/

@media screen and (min-width: 1024px) {
  .c-hpArticle {
    position: relative;
    z-index: 0;
    height: 100vh;
    -webkit-transition: margin 0.5s ease-in;
    transition: margin 0.5s ease-in;
  }
  .c-hpArticle_background {
    width: 100%;
    height: calc(100vh - 6.25vw);
    z-index: -1;
    background-size: cover;
    background-position: center center;
  }
  .c-hpArticle_background:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 6.25vw);
    background: #000000;
    opacity: 0.3;
  }
  .c-hpArticle_transition {
    position: absolute;
    top: calc(100vh - 3.25vw);
    left: 0;
    width: 100%;
    height: 90vh;
    background: #2243e6;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .c-hpArticle_content {
    position: absolute;
    bottom: 18.8889vh;
    right: 0;
    width: 57.29483283%;
    text-align: right;
    -webkit-transition: transform 0.5s ease-in;
    -webkit-transition: -webkit-transform 0.5s ease-in;
    transition: -webkit-transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
    transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hpArticle_content {
    width: 754px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hpArticle_date {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.47;
    margin-bottom: 25px;
    color: #ffffff;
    border: 5px solid #ffffff;
    padding: 15px 25px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-hpArticle_date {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hpArticle_date {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .c-hpArticle_excerpt {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1.4px;
    color: #ffffff;
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-hpArticle_excerpt {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-hpArticle_excerpt {
    font-size: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .page-template-tpl-home {
    overflow: hidden;
  }
  .c-hp_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background: #000000 !important;
  }
  .c-hp_background video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .c-hp_background video {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .c-hp_background.pause--:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
  }
  .c-hp_slide {
    width: 100vw;
    height: 100vh;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-hp_slide p {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.53;
    color: #ffffff;
    text-transform: uppercase;
  }
  .c-hp_accroche {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    background-size: cover;
    background-position: center center;
  }
  .c-hp_accroche .container {
    width: calc(70% + 48px);
    padding: 0 24px;
  }
  .c-hp_accroche h2 {
    display: inline;
    -webkit-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  .c-hp_accroche span {
    -webkit-text-stroke: 2px #ffffff;
    color: transparent;
  }
  .c-hp_accroche span, .c-hp_accroche a {
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
  }
  .c-hp_content {
    position: relative;
    z-index: 1;
  }
  .c-hp_details {
    position: relative;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .c-hp_details.horizontale-- .c-hp_visuel {
    width: 85.625vw;
    height: 49.375vw;
    margin-bottom: 19px;
  }
  .c-hp_infoHover {
    width: 85.625vw;
    padding-left: 7.5vw;
    margin-bottom: 19px;
  }
  .c-hp_visuel {
    width: 62.5vw;
    height: 87.5vw;
    position: relative;
    margin-bottom: 19px;
  }
  .c-hp_visuel div {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
  }
  .c-hp_btn {
    margin-left: 24px;
    visibility: hidden;
  }
  .c-hp_btn a {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    background: url("../dist/assets/img/arrow-red.svg") no-repeat left center;
    background-size: contain;
  }
  .c-hpArticle_background {
    position: relative;
    width: 85.625vw;
    height: 49.375vw;
    margin-bottom: 19px;
    background-size: cover;
  }
  .c-hpArticle_date {
    display: none;
  }
  .c-hpArticle_content .container {
    width: 85.625vw;
    padding-left: 7.5vw;
  }
  .c-hpArticle_excerpt {
    margin-bottom: 19px;
  }
  .c-hpArticle_btn a {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -999px;
    background: url("../dist/assets/img/arrow-red.svg") no-repeat left center;
    background-size: contain;
  }
  .c-hp .tns-nav {
    position: absolute;
    right: 22px;
    bottom: 90px;
    display: block;
    height: auto;
    width: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
  }
  .c-hp .tns-nav button {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 5px auto 5px auto;
  }
  .c-hp .tns-nav button:after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 3px);
    width: 4px;
    height: 4px;
    background: #ffffff;
    border-radius: 100%;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
  }
  .c-hp .tns-nav button.tns-nav-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 100%;
  }
}

_:-ms-fullscreen, :root .c-hp_accroche span {
  color: #333333;
}

.c-gallery_item {
  position: relative;
  width: 80.09118541%;
  margin: 0 auto;
  margin-bottom: 85px;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-gallery_item {
    width: 1054px;
  }
}

@media screen and (max-width: 1024px) {
  .c-gallery_item {
    width: 100%;
    margin-bottom: 25px;
  }
}

.c-gallery_item.left-- {
  width: 66.26139818%;
  margin-left: 0;
}

@media screen and (min-width: 1600px) {
  .c-gallery_item.left-- {
    width: 872px;
  }
}

@media screen and (max-width: 1024px) {
  .c-gallery_item.left-- {
    width: 100%;
  }
}

.c-gallery_item.right-- {
  width: 49.39209726%;
  margin-right: 0;
}

@media screen and (min-width: 1600px) {
  .c-gallery_item.right-- {
    width: 650px;
  }
}

@media screen and (max-width: 1024px) {
  .c-gallery_item.right-- {
    width: 100%;
  }
}

.c-gallery_item img {
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .c-gallery_item img {
    margin-bottom: 9px;
  }
}

@media screen and (min-width: 1024px) {
  .c-gallery_item:hover .c-gallery_description {
    opacity: 1;
  }
  .c-gallery_item:hover .c-gallery_description:before {
    opacity: 0.4;
  }
}

.c-gallery_description {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  .c-gallery_description {
    position: relative;
    top: inherit;
    left: inherit;
    opacity: 1;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.c-gallery_description:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.c-gallery_description p {
  position: relative;
  color: #ffffff;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.09;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .c-gallery_description p {
    font-size: 2.0625vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-gallery_description p {
    font-size: 33px;
  }
}

.c-gallery_description p.campagne {
  font-size: 23px;
  font-weight: 400;
  line-height: 1.3;
}

@media screen and (min-width: 1024px) {
  .c-gallery_description p.campagne {
    font-size: 1.4375vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-gallery_description p.campagne {
    font-size: 23px;
  }
}

@media screen and (max-width: 1024px) {
  .c-gallery_description p.campagne {
    font-size: 12px;
    line-height: 2;
  }
}

@media screen and (max-width: 1024px) {
  .c-gallery_description p {
    font-size: 14px;
    line-height: 1.29;
  }
}

.c-galleryBack {
  padding: 4.75vw 0;
}

@media screen and (max-width: 1024px) {
  .c-galleryBack {
    padding-bottom: 80px;
  }
}

.c-galleryBack h3 {
  position: relative;
  display: inline-block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 45px;
}

@media screen and (min-width: 1024px) {
  .c-galleryBack h3 {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack h3 {
    font-size: 40px;
  }
}

.c-galleryBack h3:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.c-galleryBack p {
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .c-galleryBack p {
    font-size: 1.375vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack p {
    font-size: 22px;
  }
}

.c-galleryBack p svg {
  width: 1.3125vw;
  height: 1vw;
}

@media screen and (min-width: 1600px) {
  .c-galleryBack p svg {
    width: 21px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack p svg {
    height: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack p svg {
    width: 21px;
    height: 16px;
  }
}

.c-galleryBack_slider {
  position: relative;
  width: 72.5vw;
  margin: 0 auto 110px auto;
  height: 25vw;
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_slider {
    width: 1160px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_slider {
    height: 400px;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_slider {
    width: 100%;
    height: auto;
  }
}

.c-galleryBack_slider .m-slider_next {
  background: url("../dist/assets/img/arrow-white2.svg") center center;
}

.c-galleryBack_slider .m-slider_prev {
  background: url("../dist/assets/img/arrow-white2.svg") center center;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c-galleryBack_item {
  position: absolute;
  display: block;
  width: 50.625vw;
  height: 18.75vw;
  margin: 0;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0;
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item {
    width: 810px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item {
    height: 300px;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    background: none !important;
  }
}

.c-galleryBack_item:first-of-type {
  width: 35.0625vw;
  height: 18.75vw;
  top: -6.25vw;
  left: initial;
  right: 0;
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:first-of-type {
    width: 561px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:first-of-type {
    height: 300px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:first-of-type {
    top: -100px;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_item:first-of-type {
    top: initial;
  }
}

.c-galleryBack_item:last-of-type {
  width: 34.5625vw;
  height: 18.75vw;
  top: initial;
  bottom: 0;
  left: 29.75vw;
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:last-of-type {
    width: 553px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:last-of-type {
    height: 300px;
  }
}

@media screen and (min-width: 1600px) {
  .c-galleryBack_item:last-of-type {
    left: 476px;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_item:last-of-type {
    left: initial;
  }
}

.c-galleryBack_item a {
  display: none;
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_item a {
    display: block;
  }
}

.c-galleryBack_item img {
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  .c-galleryBack_item:hover {
    z-index: 3;
  }
}

@media screen and (max-width: 1024px) {
  .c-galleryBack_item .c-gallery_description {
    display: none;
  }
}

.c-accordeon_item {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .c-accordeon_item:hover .c-accordeon_title {
    font-size: 90px;
    color: #ffffff;
    padding-left: 3.5vw;
    z-index: 3;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-accordeon_item:hover .c-accordeon_title {
    font-size: 5.625vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-accordeon_item:hover .c-accordeon_title {
    font-size: 90px;
  }
}

@media screen and (min-width: 1024px) {
  .c-accordeon_item:hover .c-accordeon_content {
    max-height: 100vw;
    z-index: 3;
    padding: 20px 0;
  }
  .c-accordeon_item:hover .c-accordeon_visuel {
    max-height: 100vw;
    opacity: 1;
    z-index: 2;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_item {
    margin-bottom: 0;
  }
  .c-accordeon_item.open-- .c-accordeon_title {
    font-size: 30px;
    color: #ffffff;
    padding-left: 0;
    z-index: 3;
  }
  .c-accordeon_item.open-- .c-accordeon_content {
    max-height: 100vw;
    z-index: 3;
    padding-left: 0;
  }
  .c-accordeon_item.open-- .c-accordeon_visuel {
    max-height: 100vw;
    opacity: 1;
    z-index: 2;
  }
}

.c-accordeon_title {
  position: relative;
  font-size: 73px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 2.04px;
  color: #000000;
  padding-left: 7vw;
  margin: 10px 0;
  -webkit-transition: all .3s ease-in, z-index 0s ease-in;
  transition: all .3s ease-in, z-index 0s ease-in;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .c-accordeon_title {
    font-size: 4.5625vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-accordeon_title {
    font-size: 73px;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_title {
    font-size: 24px;
    letter-spacing: 0.67px;
    margin-top: 0;
  }
}

.c-accordeon_content {
  position: relative;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all .3s ease-in, z-index 0s ease-in;
  transition: all .3s ease-in, z-index 0s ease-in;
  width: 64.05775076%;
  margin-left: 8.5106383%;
  z-index: 1;
}

@media screen and (min-width: 1600px) {
  .c-accordeon_content {
    width: 843px;
  }
}

@media screen and (min-width: 1600px) {
  .c-accordeon_content {
    margin-left: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_content {
    width: calc(100% - 48px);
    padding-left: 24px;
  }
}

.c-accordeon_content p {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.42;
  color: #ffffff;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .c-accordeon_content p {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-accordeon_content p {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_content p {
    font-size: 14px;
    line-height: 1.43;
  }
}

.c-accordeon_visuel {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  max-height: 0;
  -webkit-transition: opacity .3s ease-in .2s;
  transition: opacity .3s ease-in .2s;
  width: 52.88753799%;
}

@media screen and (min-width: 1600px) {
  .c-accordeon_visuel {
    width: 696px;
  }
}

@media screen and (min-width: 1024px) {
  .c-accordeon_visuel {
    overflow: hidden;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_visuel {
    position: relative;
    right: inherit;
    bottom: inherit;
    width: 100%;
    margin-right: -24px;
    padding-bottom: 15px;
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
  }
}

.c-accordeon_visuel iframe {
  width: 100%;
  height: 24.5vw;
}

@media screen and (max-width: 1024px) {
  .c-accordeon_visuel iframe {
    width: 100%;
    max-width: 400px;
    height: 160px;
  }
}

@media screen and (max-width: 1024px) {
  .c-accordeon_visuel img {
    width: 100%;
  }
}

.c-filter {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 8;
  opacity: 0;
}

@media screen and (max-width: 1024px) {
  .c-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    opacity: 1;
  }
}

.c-filter.show-- {
  opacity: 1;
}

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

@media screen and (max-width: 1024px) {
  .c-filter_list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-filter .custom-select-container.is-open .custom-select-panel {
  overflow-y: hidden;
}

.stickyFilter-- .c-filter {
  position: fixed;
  width: 100%;
  top: 10vw;
  left: 0;
  padding-left: 8.8755vw;
  padding-right: 8.8755vw;
}

.c-more, .c-loader {
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .c-more, .c-loader {
    margin-top: 30px;
  }
}

.c-more.hide--, .c-loader.hide-- {
  display: none;
}

.c-more_content, .c-loader_content {
  display: inline-block;
  cursor: pointer;
  padding-top: 12px;
}

.c-more span, .c-loader span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #2243e6;
  background: #ffffff;
  border-radius: 100%;
  margin: 0 7px;
}

.c-more span {
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.c-more span:nth-child(2) {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

.c-press_item {
  width: 91.64133739%;
  margin-bottom: 80px;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-press_item {
    width: 1206px;
  }
}

@media screen and (min-width: 1024px) {
  .c-press_item:hover h2 {
    font-size: 60px;
    line-height: 1.13;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-press_item:hover h2 {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-press_item:hover h2 {
    font-size: 60px;
  }
}

@media screen and (min-width: 1024px) {
  .c-press_item:hover .c-press_description {
    margin-left: 4.25531915%;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-press_item:hover .c-press_description {
    margin-left: 56px;
  }
}

@media screen and (min-width: 1024px) {
  .c-press_item:hover .hover-- {
    opacity: 1;
    max-height: 100vw;
  }
}

@media screen and (max-width: 1024px) {
  .c-press_item {
    margin-bottom: 25px;
  }
}

.c-press_date {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  margin-bottom: 20px;
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1024px) {
  .c-press_date {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-press_date {
    font-size: 15px;
  }
}

@media screen and (min-width: 1600px) {
  .c-press_date {
    margin-left: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .c-press_date {
    font-size: 12px;
    line-height: 1.42;
  }
}

.c-press_date span {
  display: inline-block;
  padding: 20px 30px;
  border: 5px solid #000000;
}

@media screen and (max-width: 1024px) {
  .c-press_date span {
    padding: 15px 19px;
    border: 3px solid #000000;
  }
}

.c-press_description {
  margin-left: 8.5106383%;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media screen and (min-width: 1600px) {
  .c-press_description {
    margin-left: 112px;
  }
}

.c-press h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 1.4px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .c-press h2 {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-press h2 {
    font-size: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .c-press h2 {
    font-size: 25px;
    line-height: 1;
    letter-spacing: 0.7px;
  }
}

.c-press .hover-- {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .c-press .hover-- {
    opacity: 1;
    max-height: inherit;
  }
}

.c-documents {
  position: relative;
}

.c-documents_content {
  position: relative;
  display: none;
  opacity: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}

.c-documents_content.show-- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.c-documents_item {
  position: relative;
  width: 48.78419453%;
  padding-bottom: 66px;
  margin-bottom: 45px;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-documents_item {
    width: 642px;
  }
}

@media screen and (max-width: 1024px) {
  .c-documents_item {
    width: 100%;
    padding-bottom: 11px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .c-documents_item:hover .c-documents_description {
    padding-left: 3.5vw;
  }
  .c-documents_item:hover p {
    font-size: 23px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-documents_item:hover p {
    font-size: 1.4375vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-documents_item:hover p {
    font-size: 23px;
  }
}

@media screen and (min-width: 1024px) {
  .c-documents_item:hover h2 {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-documents_item:hover h2 {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-documents_item:hover h2 {
    font-size: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .c-documents_item:hover .hover-- {
    opacity: 1;
    max-height: 200px;
  }
}

.c-documents_item:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.125vw;
  height: 2px;
  background: #000000;
}

@media screen and (min-width: 1600px) {
  .c-documents_item:after {
    width: 530px;
  }
}

@media screen and (max-width: 1024px) {
  .c-documents_item:after {
    width: calc(100% - 33px);
  }
}

.c-documents_description {
  padding-left: 7vw;
  -webkit-transition: padding .3s ease-in;
  transition: padding .3s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-documents_description {
    padding-left: 33px;
  }
}

.c-documents p {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-documents p {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-documents p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .c-documents p {
    font-size: 15px;
    line-height: 1.67;
    margin-bottom: 0px;
  }
}

.c-documents h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.03;
  margin-bottom: 20px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-documents h2 {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-documents h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-documents h2 {
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
  }
}

.c-documents .hover-- {
  font-size: 24px;
  font-weight: bold;
  line-height: 0.92;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-documents .hover-- {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-documents .hover-- {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .c-documents .hover-- {
    opacity: 1;
    font-size: 14px;
    font-weight: bold;
    line-height: 0.86;
    max-height: inherit;
  }
}

.c-findus {
  position: relative;
}

.c-findus_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .c-findus_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.c-findus_item {
  position: relative;
  width: 48.78419453%;
  padding-bottom: 66px;
  margin-bottom: 45px;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .c-findus_item {
    width: 642px;
  }
}

@media screen and (max-width: 1024px) {
  .c-findus_item {
    width: 100%;
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .c-findus_item:hover p:not(.c-findus_expertise) {
    font-size: 32px;
    line-height: 1.38;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-findus_item:hover p:not(.c-findus_expertise) {
    font-size: 2vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-findus_item:hover p:not(.c-findus_expertise) {
    font-size: 32px;
  }
}

@media screen and (min-width: 1024px) {
  .c-findus_item:hover h2 {
    font-size: 48px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-findus_item:hover h2 {
    font-size: 3vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-findus_item:hover h2 {
    font-size: 48px;
  }
}

@media screen and (min-width: 1024px) {
  .c-findus_item:hover .c-findus_description {
    padding-left: 3.5vw;
  }
  .c-findus_item:hover .c-findus_expertise {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .c-findus_item:hover .c-findus_expertise {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .c-findus_item:hover .c-findus_expertise {
    font-size: 15px;
  }
}

@media screen and (min-width: 1024px) {
  .c-findus_item:hover .c-findus_hover {
    opacity: 1;
    max-height: 500px;
  }
}

.c-findus_item:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 33.125vw;
  height: 2px;
  background: #000000;
}

@media screen and (min-width: 1600px) {
  .c-findus_item:after {
    width: 530px;
  }
}

@media screen and (max-width: 1024px) {
  .c-findus_item:after {
    width: calc(100% - 33px);
  }
}

@media screen and (max-width: 1024px) {
  .c-findus_item.show-- .c-findus_hover {
    opacity: 1;
    max-height: 500px;
  }
}

.c-findus_description {
  padding-left: 7vw;
  -webkit-transition: padding .4s ease-in;
  transition: padding .4s ease-in;
}

@media screen and (max-width: 1024px) {
  .c-findus_description {
    padding-left: 33px;
  }
}

.c-findus p:not(.c-findus_expertise) {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 20px;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-findus p:not(.c-findus_expertise) {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus p:not(.c-findus_expertise) {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-findus p:not(.c-findus_expertise) {
    font-size: 15px;
    line-height: 1.67;
  }
}

.c-findus h2 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.03;
  margin-bottom: 20px;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (min-width: 1024px) {
  .c-findus h2 {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus h2 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-findus h2 {
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
  }
}

.c-findus_hover {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.c-findus_expertise {
  font-size: 15px;
  line-height: 1.73;
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .c-findus_expertise {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus_expertise {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .c-findus_expertise {
    font-size: 15px;
    line-height: 1.47;
    font-weight: normal;
    margin-top: 10px;
  }
}

.c-findus_link svg {
  width: 1.875vw;
  height: 1.375vw;
  margin-right: 10px;
}

@media screen and (min-width: 1600px) {
  .c-findus_link svg {
    width: 30px;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus_link svg {
    height: 22px;
  }
}

.c-findus_btn {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  text-decoration: underline;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1024px) {
  .c-findus_btn {
    font-size: 0.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus_btn {
    font-size: 14px;
  }
}

@media screen and (min-width: 1024px) {
  .c-findus_btn {
    display: none;
  }
}

.c-findus p.c-findus_email {
  font-size: 16px;
  font-weight: 900;
}

@media screen and (min-width: 1024px) {
  .c-findus p.c-findus_email {
    font-size: 1vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-findus p.c-findus_email {
    font-size: 16px;
  }
}

.c-findus p.c-findus_email a {
  background: #2243e6;
  color: #ffffff;
  padding: 0 5px;
}

.c-search {
  width: 23.438vw;
  margin-bottom: 45px;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .c-search {
    width: 165px;
    margin-bottom: 40px;
  }
}

.c-search #searchform {
  width: 23.438vw;
}

@media screen and (max-width: 1024px) {
  .c-search #searchform {
    width: 100%;
  }
}

.c-search #searchform > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.c-search #searchform > div label {
  display: none;
}

.c-search #searchform > div #s {
  border-bottom: 2px solid #ffffff;
  width: 19.563vw;
  height: 2.4vw;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .c-search #searchform > div #s {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-search #searchform > div #s {
    font-size: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .c-search #searchform > div #s {
    line-height: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-search #searchform > div #s {
    line-height: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-search #searchform > div #s {
    line-height: 1.2;
  }
}

@media screen and (max-width: 1024px) {
  .c-search #searchform > div #s {
    width: 120px;
    height: 25px;
    font-size: 16px;
    line-height: 1.2;
  }
}

.c-search #searchform > div #searchsubmit {
  width: 2vw;
  height: 2vw;
  overflow: hidden;
  text-indent: -100vw;
  background-image: url("../dist/assets/img/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
  .c-search #searchform > div #searchsubmit {
    width: 25px;
    height: 25px;
  }
}

.m-video_player .m-video_visuel {
  background-color: black;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

.m-video_player[data-agreement="false"] .m-video_iframe {
  z-index: 1;
}

.m-video_player[data-cover="false"] .m-video_visuel {
  opacity: 0;
  pointer-events: none;
}

.m-rubrique {
  position: relative;
  z-index: 8;
}

.m-rubrique.sticky-- {
  left: -1.6875vw;
  width: calc(100% + 3.375vw);
  padding-left: 1.6875vw;
  padding-right: 1.6875vw;
}

@media screen and (max-width: 1024px) {
  .m-rubrique {
    padding-top: 20px;
  }
}

.m-rubrique:before {
  content: '';
  position: absolute;
  top: -10vw;
  left: 0;
  width: 100%;
  height: 10vw;
}

@media screen and (max-width: 1024px) {
  .m-rubrique:before {
    display: none;
  }
}

.m-rubrique_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 1024px) {
  .m-rubrique_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.m-rubrique_item {
  position: relative;
  display: block;
  margin-right: 26px;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #ffffff;
  -webkit-transition: font-size .2s ease-in;
  transition: font-size .2s ease-in;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .m-rubrique_item {
    font-size: 1.3125vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-rubrique_item {
    font-size: 21px;
  }
}

@media screen and (max-width: 1024px) {
  .m-rubrique_item {
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    margin-right: 10px;
    margin-bottom: 15px;
  }
}

.m-rubrique_item:last-of-type {
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .m-rubrique_item:hover {
    font-size: 40px;
    -webkit-transition: font-size .2s ease-in;
    transition: font-size .2s ease-in;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .m-rubrique_item:hover {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .m-rubrique_item:hover {
    font-size: 40px;
  }
}

@media screen and (min-width: 1400px) {
  .m-rubrique_item:hover {
    font-size: 40px !important;
  }
}

.m-rubrique_item:after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #ffffff;
  z-index: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.m-rubrique_item.current-- {
  cursor: default;
  font-size: 40px;
}

@media screen and (min-width: 1024px) {
  .m-rubrique_item.current-- {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-rubrique_item.current-- {
    font-size: 40px;
  }
}

@media screen and (min-width: 1400px) {
  .m-rubrique_item.current-- {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 1024px) {
  .m-rubrique_item.current-- {
    font-size: 20px !important;
  }
}

.m-rubrique.color-- {
  background: transparent;
  z-index: 0;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
}

@media screen and (max-width: 1024px) {
  .m-rubrique.color-- {
    padding-top: 0;
  }
  .m-rubrique.color-- .m-rubrique_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .m-rubrique.color-- .m-rubrique_item {
    margin-right: 0;
  }
  .m-rubrique.color-- .m-rubrique_item:after {
    display: none;
  }
  .m-rubrique.color-- .m-rubrique_item span {
    position: relative;
  }
  .m-rubrique.color-- .m-rubrique_item span:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    z-index: 0;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
}

.m-rubrique.color--:before {
  display: none;
}

.m-rubrique.color--.show-- {
  opacity: 1;
}

.m-rubrique.color-- .m-rubrique_item {
  text-transform: inherit;
}

.m-rubrique.red-- {
  background: transparent;
  z-index: 0;
}

.m-rubrique.red--:before {
  display: none;
}

.m-rubrique.red-- .m-rubrique_item {
  text-transform: inherit;
  color: #2243e6;
}

.m-rubrique.red-- .m-rubrique_item:after {
  background: #2243e6;
}

@media screen and (min-width: 1024px) {
  .stickyRubrique-- .m-rubrique.sticky-- {
    position: fixed;
    width: 100%;
    top: 5.75vw;
    left: 0;
    padding-left: 1.6875vw;
    padding-right: 1.6875vw;
  }
}

@media screen and (max-width: 1024px) {
  .m-title_xl {
    padding-bottom: 50px;
  }
}

.m-title_xl h1 {
  -webkit-text-stroke: 2px #ffffff;
  font-size: 98px;
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 2.94px;
  color: transparent;
}

@media screen and (min-width: 1024px) {
  .m-title_xl h1 {
    font-size: 6.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_xl h1 {
    font-size: 98px;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_xl h1 {
    max-width: 70%;
  }
}

@media screen and (max-width: 1024px) {
  .m-title_xl h1 {
    font-size: 30px;
    letter-spacing: 0.9px;
    -webkit-text-stroke: 1px #ffffff;
  }
}

.m-title_chapitre {
  position: relative;
  z-index: 2;
  margin-left: 8.35866261%;
  width: 49.39209726%;
}

@media screen and (min-width: 1600px) {
  .m-title_chapitre {
    margin-left: 110px;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_chapitre {
    width: 650px;
  }
}

@media screen and (max-width: 1024px) {
  .m-title_chapitre {
    margin-left: 10px;
    width: 75%;
  }
}

.m-title_chapitre h2 {
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  .m-title_chapitre h2 {
    font-size: 4.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_chapitre h2 {
    font-size: 76px;
  }
}

@media screen and (max-width: 1024px) {
  .m-title_chapitre h2 {
    font-size: 30px;
  }
}

.m-title_interne div {
  position: relative;
  text-align: left;
}

.m-title_interne div:before, .m-title_interne div:after {
  content: '';
  position: absolute;
  top: 0;
  width: 8vw;
  height: 100%;
}

.m-title_interne div:before {
  left: -8vw;
}

.m-title_interne div:after {
  right: -8vw;
}

.m-title_interne div h2 {
  font-size: 35px;
  font-weight: 800;
  line-height: 1.29;
  color: #000000;
  width: 41.03343465%;
}

@media screen and (min-width: 1024px) {
  .m-title_interne div h2 {
    font-size: 2.1875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_interne div h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 1600px) {
  .m-title_interne div h2 {
    width: 540px;
  }
}

@media screen and (max-width: 1024px) {
  .m-title_interne div h2 {
    width: 100%;
    padding-left: 10px;
  }
}

_:-ms-fullscreen, :root .m-title_xl h1 {
  color: #ffffff;
}

.m-wysiwyg {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 66.26139818%;
}

@media screen and (min-width: 1600px) {
  .m-wysiwyg {
    width: 872px;
  }
}

@media screen and (max-width: 1024px) {
  .m-wysiwyg {
    width: 100%;
    padding: 0 20px 80px 20px;
  }
}

.m-intro_content {
  margin-left: 8.35866261%;
  width: 66.26139818%;
  color: #ffffff;
  font-size: 30px;
  line-height: 1.33;
  font-weight: 700;
}

@media screen and (min-width: 1600px) {
  .m-intro_content {
    margin-left: 110px;
  }
}

@media screen and (min-width: 1600px) {
  .m-intro_content {
    width: 872px;
  }
}

@media screen and (min-width: 1024px) {
  .m-intro_content {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-intro_content {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .m-intro_content {
    width: calc(100% - 20px);
    font-size: 18px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .m-msgFort {
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 40px;
  }
}

.m-msgFort_content {
  width: 83.13069909%;
  margin: 0 auto;
  padding: 8.51%;
}

@media screen and (min-width: 1600px) {
  .m-msgFort_content {
    width: 1094px;
  }
}

@media screen and (max-width: 1024px) {
  .m-msgFort_content {
    width: 100%;
    padding: 40px 15px;
  }
}

.m-msgFort h3 {
  -webkit-text-stroke: 2px #ffffff;
  font-size: 80px;
  font-weight: 800;
  line-height: 1;
  color: transparent;
}

@media screen and (min-width: 1024px) {
  .m-msgFort h3 {
    font-size: 5vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-msgFort h3 {
    font-size: 80px;
  }
}

@media screen and (max-width: 1024px) {
  .m-msgFort h3 {
    font-size: 29px;
    -webkit-text-stroke: 1px #ffffff;
  }
}

.m-msgFort p {
  margin-top: 70px;
  color: #ffffff;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
}

@media screen and (max-width: 1024px) {
  .m-msgFort p {
    margin-top: 50px;
  }
}

@media screen and (min-width: 1024px) {
  .m-msgFort p {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-msgFort p {
    font-size: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .m-msgFort p {
    font-size: 19px;
    font-weight: 800;
  }
}

.m-txtVisuel_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1024px) {
  .m-txtVisuel_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-txtVisuel_picture {
  width: 40.88145897%;
}

@media screen and (min-width: 1600px) {
  .m-txtVisuel_picture {
    width: 538px;
  }
}

@media screen and (max-width: 1024px) {
  .m-txtVisuel_picture {
    width: 100%;
    margin-bottom: 25px;
  }
}

.m-txtVisuel_wysiwyg {
  width: 40.88145897%;
  margin-left: 8.5106383%;
  margin-right: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-txtVisuel_wysiwyg {
    width: 538px;
  }
}

@media screen and (min-width: 1600px) {
  .m-txtVisuel_wysiwyg {
    margin-left: 112px;
  }
}

@media screen and (min-width: 1600px) {
  .m-txtVisuel_wysiwyg {
    margin-right: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-txtVisuel_wysiwyg {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}

.m-txtVisuel.inverse-- .m-txtVisuel_content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (max-width: 1024px) {
  .m-txtVisuel.inverse-- .m-txtVisuel_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-casClient_content {
  position: relative;
}

.m-casClient_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  .m-casClient_description {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-casClient_item {
  width: 31.91489362%;
}

@media screen and (min-width: 1600px) {
  .m-casClient_item {
    width: 420px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casClient_item {
    width: 100%;
  }
}

.m-casClient_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

@media screen and (min-width: 1024px) {
  .m-casClient_title {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-casClient_title {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casClient_title {
    font-size: 15px;
  }
}

.m-casClient_libelle {
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 45px;
}

@media screen and (min-width: 1024px) {
  .m-casClient_libelle {
    font-size: 3.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-casClient_libelle {
    font-size: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casClient_libelle {
    font-size: 25px;
    margin-bottom: 25px;
  }
}

.m-casClient_illustr {
  position: relative;
  width: 83.13069909%;
  margin: 0 auto 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-casClient_illustr {
    width: 1094px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casClient_illustr {
    width: 100%;
  }
}

.m-casClient .m-video_player {
  margin-top: 0;
}

.m-3blocs_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ideation{
  margin-top: 30px;
}

@media screen and (max-width: 1024px) {
  .m-3blocs_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-3blocs_item {
  width: 32.59878419%;
}

@media screen and (min-width: 1600px) {
  .m-3blocs_item {
    width: 429px;
  }
}

@media screen and (max-width: 1024px) {
  .m-3blocs_item {
    width: 100%;
    margin-bottom: 25px;
  }
}

.m-3blocs_item.c-wysiwyg {
  width: 28.0881459%;
}

.m-3blocs_item.c-wysiwyg:first-of-type {
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-3blocs_item.c-wysiwyg:first-of-type {
    margin-left: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-3blocs_item.c-wysiwyg:first-of-type {
    margin-left: 0;
  }
}

@media screen and (min-width: 1600px) {
  .m-3blocs_item.c-wysiwyg {
    width: 317px;
  }
}

@media screen and (max-width: 1024px) {
  .m-3blocs_item.c-wysiwyg {
    width: 100%;
    margin-left: 0;
  }
}

.m-3blocs_item:last-of-type {
  margin-bottom: 0;
}

.m-2blocs_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1024px) {
  .m-2blocs_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-2blocs_item {
  width: 40.95744681%;
}

@media screen and (min-width: 1600px) {
  .m-2blocs_item {
    width: 539px;
  }
}

.m-2blocs_item:first-of-type {
  margin-left: 8.5106383%;
  margin: 0 0 20px 0;
}

@media screen and (min-width: 1600px) {
  .m-2blocs_item:first-of-type {
    margin-left: 112px;
  }
}

.m-2blocs_item:last-of-type {
  margin-right: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-2blocs_item:last-of-type {
    margin-right: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-2blocs_item:last-of-type {
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 1024px) {
  .m-2blocs_item {
    width: 100%;
  }
}

.m-1-visuel_item {
  width: 100%;
}

.m-1-visuel_item.medium-- {
  width: 66.26139818%;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-1-visuel_item.medium-- {
    width: 872px;
  }
}

@media screen and (max-width: 1024px) {
  .m-1-visuel_item.medium-- {
    width: 100%;
  }
}

.m-exergue {
  position: relative;
  z-index: 2;
  width: 44.98480243%;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-exergue {
    width: 592px;
  }
}

.m-exergue.left-- {
  width: 44.98480243%;
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-exergue.left-- {
    width: 592px;
  }
}

@media screen and (min-width: 1600px) {
  .m-exergue.left-- {
    margin-left: 112px;
  }
}

.m-exergue.right-- {
  width: 44.98480243%;
  margin-right: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-exergue.right-- {
    width: 592px;
  }
}

@media screen and (min-width: 1600px) {
  .m-exergue.right-- {
    margin-right: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-exergue {
    width: 100%;
  }
}

.m-exergue h3 {
  position: relative;
  display: inline;
  font-size: 50px;
  line-height: 1.22;
  font-weight: 300;
  padding-bottom: 0.5vw;
}

@media screen and (min-width: 1024px) {
  .m-exergue h3 {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-exergue h3 {
    font-size: 50px;
  }
}

.m-exergue h3 span {
  background-size: 0% 100%;
}

@media screen and (max-width: 1024px) {
  .m-exergue h3 {
    font-size: 23px;
    padding-bottom: 5px;
    -webkit-box-shadow: inset 0px -15px 0px 0px #2243e6;
            box-shadow: inset 0px -15px 0px 0px #2243e6;
  }
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope {
    padding-bottom: 50px;
  }
}

.m-trombinoscope_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: opacity .4s ease-in;
  transition: opacity .4s ease-in;
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope_content {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.m-trombinoscope_item {
  width: 23.0881459%;
  margin-bottom: 35px;
  margin-right: 0.75vw;
}

@media screen and (min-width: 1600px) {
  .m-trombinoscope_item {
    width: 315px !important;
  }
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope_item {
    width: calc(50% - 12px);
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.m-trombinoscope_item.m-trombinoscope_headline {
  width: 100%;
  margin-bottom: 50px;
  margin-top: 100px;
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope_item.m-trombinoscope_headline {
    width: 100%;
    margin-bottom: 50px;
    margin-top: 100px;
  }
}

.m-trombinoscope_item.hide-- {
  display: none;
}

.m-trombinoscope img {
  margin-bottom: 22px;
}

.m-trombinoscope h3 {
  font-size: 20px;
  margin-bottom: 9px;
  line-height: 1.5;
  font-weight: 800;
}

@media screen and (min-width: 1024px) {
  .m-trombinoscope h3 {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-trombinoscope h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope h3 {
    font-size: 15px;
  }
}

.m-trombinoscope p {
  font-size: 15px;
  margin-bottom: 9px;
  line-height: 1.4;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .m-trombinoscope p {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-trombinoscope p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .m-trombinoscope p {
    font-size: 13px;
  }
}

.page-template-tpl-trombinoscope .m-trombinoscope_content {
  opacity: 0;
  display: none;
}

.page-template-tpl-trombinoscope .m-trombinoscope_content.show-- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  justify-content: center;
}

@media screen and (max-width: 1024px) {
  .m-gif {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.m-gif_item {
  position: relative;
}

.m-gif_item img {
  position: relative;
  width: 83.13069909%;
  margin: 0 auto;
  padding: 7vw 0 2.5vw;
  z-index: 1;
}

@media screen and (min-width: 1600px) {
  .m-gif_item img {
    width: 1094px;
  }
}

@media screen and (max-width: 1024px) {
  .m-gif_item img {
    width: 100%;
    padding: 25px 0 10px 0;
  }
}

.m-gif_text {
  position: absolute;
  font-size: 235px;
  font-weight: 300;
  line-height: 0.55;
}

@media screen and (min-width: 1024px) {
  .m-gif_text {
    font-size: 14.6875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-gif_text {
    font-size: 235px;
  }
}

@media screen and (max-width: 1024px) {
  .m-gif_text {
    font-size: 49px;
  }
}

.m-gif_text:first-of-type {
  top: 0;
  left: -5vw;
  z-index: 0;
}

@media screen and (max-width: 1024px) {
  .m-gif_text:first-of-type {
    left: 5px;
  }
}

.m-gif_text:last-of-type {
  bottom: 0;
  right: -5vw;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .m-gif_text:last-of-type {
    right: 5px;
  }
}

.m-video_content {
  position: relative;
  width: 66.26139818%;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-video_content {
    width: 872px;
  }
}

@media screen and (max-width: 1024px) {
  .m-video_content {
    width: 100%;
  }
}

.m-video_player {
  position: relative;
  z-index: 0;
  margin-top: -0.5vw;
}

.m-video_player.isplaying-- .m-video_visuel {
  opacity: 0;
  z-index: -1;
}

.m-video_player .btn-pause {
  z-index: 0;
  width: 0;
  height: 0;
}

.m-video_visuel {
  position: relative;
  z-index: 1;
  cursor: pointer;
  min-height: 150px;
  -webkit-transition: all 0.8s ease-in;
  transition: all 0.8s ease-in;
}

.m-video_visuel img {
  position: relative;
  width: 100%;
  z-index: 0;
}

.m-video_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.m-video_iframe iframe {
  width: 100%;
  height: 100%;
}

.m-video_title {
  position: relative;
  z-index: 1;
  text-align: right;
  margin-right: -1vw;
}

.m-video_title h3 {
  position: relative;
  display: inline;
  font-size: 50px;
  line-height: 1.22;
  font-weight: 300;
  padding-bottom: 0.5vw;
}

@media screen and (min-width: 1024px) {
  .m-video_title h3 {
    font-size: 3.125vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-video_title h3 {
    font-size: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .m-video_title h3 {
    font-size: 23px;
    padding-bottom: 5px;
  }
}

.m-video_dailymotion {
  width: 100%;
  height: 100%;
}

.m-video.left-- .m-video_content {
  width: 49.39209726%;
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-video.left-- .m-video_content {
    width: 650px;
  }
}

@media screen and (min-width: 1600px) {
  .m-video.left-- .m-video_content {
    margin-left: 112px;
  }
}

.m-video.right-- .m-video_content {
  width: 49.39209726%;
  margin-right: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-video.right-- .m-video_content {
    width: 650px;
  }
}

@media screen and (min-width: 1600px) {
  .m-video.right-- .m-video_content {
    margin-right: 112px;
  }
}

.m-btnLarge_content {
  position: relative;
  text-align: right;
}

.m-btnLarge_content a, .m-btnLarge_content span {
  display: block;
  color: #ffffff;
  font-size: 100px;
  font-weight: 400;
  line-height: 0.66;
  padding: 52px 0 67px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .m-btnLarge_content a, .m-btnLarge_content span {
    font-size: 6.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-btnLarge_content a, .m-btnLarge_content span {
    font-size: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .m-btnLarge_content a, .m-btnLarge_content span {
    font-size: 29px;
    line-height: 0.66;
    padding: 18px 0;
  }
}

.m-btnLarge_content a:after, .m-btnLarge_content span:after {
  content: '';
  position: relative;
  display: inline-block;
  margin-left: 52px;
  width: 60px;
  height: 47px;
  background: url("../dist/assets/img/arrow-red.svg");
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .m-btnLarge_content a:after, .m-btnLarge_content span:after {
    width: 19px;
    height: 15px;
  }
}

.m-btnLarge_content:before, .m-btnLarge_content:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.m-btnLarge_content:before {
  left: -100%;
}

.m-btnLarge_content:after {
  right: -100%;
}

.m-btnLarge.nopaddingb-- .m-btnLarge_content a, .m-btnLarge.nopaddingb-- .m-btnLarge_content span {
  padding-bottom: calc(67px - 2.4375vw);
}

@media screen and (max-width: 1024px) {
  .m-btnLarge.nopaddingb-- .m-btnLarge_content a, .m-btnLarge.nopaddingb-- .m-btnLarge_content span {
    padding-bottom: 18px;
  }
}

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

@media screen and (max-width: 1024px) {
  .m-citation_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-citation_picture {
  width: 24.0881459%;
  margin-left: 24.0881459%;
  padding-top: 70px;
}

@media screen and (min-width: 1600px) {
  .m-citation_picture {
    width: 317px;
  }
}

@media screen and (min-width: 1600px) {
  .m-citation_picture {
    margin-left: 317px;
  }
}

@media screen and (min-width: 1024px) {
  .m-citation_picture {
    perspective: 40px;
    -webkit-perspective: 40px;
  }
  .m-citation_picture:hover img {
    -webkit-animation: .9s ease-in-out .2s infinite alternate perspectiveCitation;
            animation: .9s ease-in-out .2s infinite alternate perspectiveCitation;
  }
}

@media screen and (max-width: 1024px) {
  .m-citation_picture {
    width: 100%;
    margin: 0 0 50px 0;
    padding-top: 0;
  }
}

.m-citation_picture img {
  width: 16.5vw;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateY(-2deg);
          transform: rotateY(-2deg);
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (min-width: 1600px) {
  .m-citation_picture img {
    width: 264px;
  }
}

@media screen and (max-width: 1024px) {
  .m-citation_picture img {
    width: 100%;
  }
}

.m-citation_text {
  position: relative;
  width: 40.88145897%;
  font-size: 40px;
  font-weight: 800;
  font-style: italic;
  line-height: 1.25;
  padding: 0.8vw 2vw 0 2vw;
}

@media screen and (min-width: 1600px) {
  .m-citation_text {
    width: 538px;
  }
}

@media screen and (min-width: 1024px) {
  .m-citation_text {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-citation_text {
    font-size: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .m-citation_text {
    width: 100%;
    font-size: 30px;
    padding: 0 10px;
  }
}

.m-citation_text p {
  position: relative;
  z-index: 0;
}

.m-citation_text p:first-of-type:before, .m-citation_text p:first-of-type:after {
  position: absolute;
  font-size: 150px;
  font-weight: 800;
  font-style: italic;
  line-height: 1;
  z-index: -1;
}

@media screen and (min-width: 1024px) {
  .m-citation_text p:first-of-type:before, .m-citation_text p:first-of-type:after {
    font-size: 9.375vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-citation_text p:first-of-type:before, .m-citation_text p:first-of-type:after {
    font-size: 150px;
  }
}

@media screen and (max-width: 1024px) {
  .m-citation_text p:first-of-type:before, .m-citation_text p:first-of-type:after {
    font-size: 80px;
    line-height: 1;
  }
}

.m-citation_text p:first-of-type:before {
  content: '\201C';
  top: -3.4vw;
  left: -4vw;
}

@media screen and (max-width: 1024px) {
  .m-citation_text p:first-of-type:before {
    top: -20px;
    left: -14px;
  }
}

.m-citation_text p:first-of-type:after {
  content: "\201D";
  bottom: -8.5vw;
  right: -1.4vw;
  line-height: 1.22;
}

@media screen and (max-width: 1024px) {
  .m-citation_text p:first-of-type:after {
    bottom: -55px;
    right: -5px;
    line-height: 1;
  }
}

.m-citation_author {
  font-size: 20px;
  font-weight: 800;
  font-style: normal;
  margin-top: 33px;
}

@media screen and (min-width: 1024px) {
  .m-citation_author {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-citation_author {
    font-size: 20px;
  }
}

.m-citation_compagny {
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  line-height: 0.87;
}

@media screen and (min-width: 1024px) {
  .m-citation_compagny {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-citation_compagny {
    font-size: 15px;
  }
}

@-webkit-keyframes perspectiveCitation {
  0% {
    -webkit-transform: rotateY(-0.6deg);
            transform: rotateY(-0.6deg);
  }
  100% {
    -webkit-transform: rotateY(0.6deg);
            transform: rotateY(0.6deg);
  }
}

@keyframes perspectiveCitation {
  0% {
    -webkit-transform: rotateY(-0.6deg);
            transform: rotateY(-0.6deg);
  }
  100% {
    -webkit-transform: rotateY(0.6deg);
            transform: rotateY(0.6deg);
  }
}

.m-slider_content {
  position: relative;
  width: 66.26139818%;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-slider_content {
    width: 872px;
  }
}

.m-slider_content:first-of-type {
  width: 49.39209726%;
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-slider_content:first-of-type {
    width: 650px;
  }
}

@media screen and (min-width: 1600px) {
  .m-slider_content:first-of-type {
    margin-left: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-slider_content:first-of-type {
    width: 100%;
    margin: 0 0 60px 0;
    padding: 0 10px;
  }
}

@media screen and (max-width: 1024px) {
  .m-slider_content {
    width: 100%;
  }
}

.m-slider h3 {
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  margin-bottom: 3.125vw;
}

@media screen and (min-width: 1024px) {
  .m-slider h3 {
    font-size: 4.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-slider h3 {
    font-size: 76px;
  }
}

@media screen and (max-width: 1024px) {
  .m-slider h3 {
    font-size: 30px;
  }
}

.m-slider_nav {
  position: absolute;
  top: -3.125vw;
  right: 0;
  height: 1vw;
}

@media screen and (max-width: 1024px) {
  .m-slider_nav {
    height: 31px;
    top: -40px;
  }
}

.m-slider_prev {
  display: inline-block;
  width: 1.875vw;
  height: 1vw;
  background: url("../dist/assets/img/arrow-grey.svg") center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.125vw;
  cursor: pointer;
  outline: 0;
}

@media screen and (max-width: 1024px) {
  .m-slider_prev {
    width: 31px;
    height: 16px;
  }
}

.m-slider_next {
  display: inline-block;
  width: 1.875vw;
  height: 1vw;
  background: url("../dist/assets/img/arrow-red.svg") center center !important;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: 0;
}

@media screen and (max-width: 1024px) {
  .m-slider_next {
    width: 31px;
    height: 16px;
  }
}

.m-portrait {
  position: relative;
}

.m-portrait_content {
  width: 26.8125vw;
  position: absolute;
  right: 0;
  top: 30%;
  z-index: 5;
  -webkit-transition: all .4s ease-in .3s;
  transition: all .4s ease-in .3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

@media screen and (min-width: 1600px) {
  .m-portrait_content {
    width: 429px;
  }
}

@media screen and (min-width: 1024px) {
  .m-portrait_content:hover img {
    -webkit-animation: .9s ease-in-out .2s infinite alternate perspectivePortrait;
            animation: .9s ease-in-out .2s infinite alternate perspectivePortrait;
  }
}

@media screen and (max-width: 1024px) {
  .m-portrait_content {
    width: 100%;
    position: relative;
    bottom: inherit;
    left: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 25px;
  }
}

.m-portrait_content.show-- {
  z-index: 3;
}

.m-portrait_content.show-- img {
  -webkit-animation: none;
          animation: none;
}

.m-portrait_content.show-- .m-portrait_details {
  opacity: 1;
  -webkit-transition: opacity .4s ease-in .3s;
  transition: opacity .4s ease-in .3s;
}

@media screen and (min-width: 1024px) {
  .m-portrait_content.show-- .m-portrait_visuel {
    width: 32vw;
    perspective: inherit;
    -webkit-perspective: inherit;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .m-portrait_content.show-- .m-portrait_visuel {
    width: 512px;
  }
}

@media screen and (min-width: 1024px) {
  .m-portrait_visuel {
    width: 16.5vw;
    perspective: 40px;
    -webkit-perspective: 40px;
    -webkit-transition: width .3s ease-in;
    transition: width .3s ease-in;
  }
}

@media screen and (min-width: 1024px) and (min-width: 1600px) {
  .m-portrait_visuel {
    width: 264px;
  }
}

.m-portrait img {
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: rotateY(-1deg);
          transform: rotateY(-1deg);
  -webkit-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

@media screen and (max-width: 1024px) {
  .m-portrait img {
    width: 100%;
  }
}

.m-portrait_details {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  padding: 2.75vw 4vw 2.75vw 2.75vw;
  -webkit-transition: opacity .3s ease-in 0s;
  transition: opacity .3s ease-in 0s;
}

@media screen and (max-width: 1024px) {
  .m-portrait_details {
    opacity: 1;
    padding: 0 30px 30px 30px;
  }
}

.m-portrait_details p {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
}

@media screen and (min-width: 1024px) {
  .m-portrait_details p {
    font-size: 0.9375vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-portrait_details p {
    font-size: 15px;
  }
}

.m-portrait_details p strong {
  font-size: 20px;
  font-weight: 800;
}

@media screen and (min-width: 1024px) {
  .m-portrait_details p strong {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-portrait_details p strong {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .m-portrait_details p strong {
    font-size: 20px;
  }
}

.m-portrait_details p.m-portrait_verbatim {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.29;
  font-style: italic;
  margin-bottom: 17px;
}

@media screen and (min-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-portrait_details p.m-portrait_verbatim {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 0;
  }
}

.m-portrait_details p.m-portrait_verbatim span {
  position: relative;
  z-index: 1;
}

.m-portrait_details p.m-portrait_verbatim:before, .m-portrait_details p.m-portrait_verbatim:after {
  position: absolute;
  font-size: 75px;
  font-weight: 800;
  font-style: italic;
  line-height: 1.22;
  z-index: 0;
}

@media screen and (min-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim:before, .m-portrait_details p.m-portrait_verbatim:after {
    font-size: 4.6875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-portrait_details p.m-portrait_verbatim:before, .m-portrait_details p.m-portrait_verbatim:after {
    font-size: 75px;
  }
}

@media screen and (max-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim:before, .m-portrait_details p.m-portrait_verbatim:after {
    font-size: 47px;
  }
}

.m-portrait_details p.m-portrait_verbatim:before {
  content: '\201C';
  top: -2vw;
  left: -2vw;
  z-index: 0;
}

@media screen and (max-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim:before {
    top: -16px;
    left: -19px;
  }
}

.m-portrait_details p.m-portrait_verbatim:after {
  content: "\201D";
  bottom: -3.5vw;
  right: 0;
  line-height: 1.22;
}

@media screen and (max-width: 1024px) {
  .m-portrait_details p.m-portrait_verbatim:after {
    bottom: -37px;
    right: -15px;
  }
}

.m-portrait_mobile {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .m-portrait_mobile {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .m-portrait_mobile {
    padding-bottom: 80px;
  }
}

@-webkit-keyframes perspectivePortrait {
  0% {
    -webkit-transform: rotateY(-0.6deg);
            transform: rotateY(-0.6deg);
  }
  100% {
    -webkit-transform: rotateY(0.6deg);
            transform: rotateY(0.6deg);
  }
}

@keyframes perspectivePortrait {
  0% {
    -webkit-transform: rotateY(-0.6deg);
            transform: rotateY(-0.6deg);
  }
  100% {
    -webkit-transform: rotateY(0.6deg);
            transform: rotateY(0.6deg);
  }
}

.m-downloadList__content {
  width: 83.13069909%;
  margin: 0 auto;
}

@media screen and (min-width: 1600px) {
  .m-downloadList__content {
    width: 1094px;
  }
}

@media screen and (max-width: 1024px) {
  .m-downloadList__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .m-downloadList__columns.multiple {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .m-downloadList__columns:not(.multiple) .m-downloadList__item {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}

.m-downloadList__item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.m-downloadList__item:not(:last-child) {
  margin-bottom: 60px;
}

.m-downloadList .item__list li:not(:last-child) {
  margin-bottom: 17px;
}

.m-downloadList .item__list li a {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  line-height: .92;
  color: #2243e6;
}

@media screen and (min-width: 1024px) {
  .m-downloadList .item__list li a {
    font-size: 1.5vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-downloadList .item__list li a {
    font-size: 24px;
  }
}

@media screen and (max-width: 1024px) {
  .m-downloadList .item__list li a {
    font-size: 19px;
    line-height: 1.1;
  }
}

.m-downloadList .item__list li a:after {
  position: relative;
  top: 5px;
  content: '';
  display: inline-block;
  width: 17px;
  height: 27px;
  margin-left: 20px;
  background-image: url("../dist/assets/img/btn-dwld-red.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 1599px) {
  .m-downloadList .item__list li a:after {
    margin-left: 12px;
  }
}

@media screen and (max-width: 1399px) {
  .m-downloadList .item__list li a:after {
    width: 12px;
    height: 19px;
    margin-left: 8px;
  }
}

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

@media screen and (max-width: 1024px) {
  .m-downloadList__button {
    text-align: left;
  }
}

.m-downloadList h1, .m-downloadList h2, .m-downloadList h3, .m-downloadList h4, .m-downloadList h5, .m-downloadList h6 {
  font-size: 30px;
  margin-bottom: 17px;
  line-height: 1.33;
  font-weight: 800;
}

@media screen and (min-width: 1024px) {
  .m-downloadList h1, .m-downloadList h2, .m-downloadList h3, .m-downloadList h4, .m-downloadList h5, .m-downloadList h6 {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-downloadList h1, .m-downloadList h2, .m-downloadList h3, .m-downloadList h4, .m-downloadList h5, .m-downloadList h6 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .m-downloadList h1, .m-downloadList h2, .m-downloadList h3, .m-downloadList h4, .m-downloadList h5, .m-downloadList h6 {
    font-size: 25px;
    line-height: 1.2;
  }
}

@media screen and (min-width: 1024px) {
  .multiple + .m-downloadList__button .download-link {
    margin-top: 24px;
  }
}

.m-downloadList .download-link {
  position: relative;
  color: #000000;
  font-weight: 900;
  -webkit-transition: color .8s ease-in, background .3s ease-in;
  transition: color .8s ease-in, background .3s ease-in;
  display: inline-block;
  margin-top: 52px;
  line-height: 1.55;
  padding: 11px 20px 13px;
}

.m-downloadList .download-link:after {
  position: relative;
  top: 5px;
  content: '';
  display: inline-block;
  width: 17px;
  height: 27px;
  margin-left: 20px;
  background-image: url("../dist/assets/img/btn-dwld-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  .m-downloadList .download-link:after {
    width: 12px;
    height: 19px;
    margin-left: 14px;
  }
}

.m-msgFort + .m-downloadList {
  margin-top: -58px;
}

.m-newsHighlight {
  padding-bottom: 110px;
}

@media screen and (min-width: 1024px) {
  .m-newsHighlight_main {
    width: 650px;
    margin-left: 110px;
  }
}

.m-newsHighlight_title {
  position: relative;
  text-align: right;
  margin-right: -1vw;
  font-size: 50px;
  font-weight: 300;
  line-height: .86;
}

@media screen and (max-width: 1023px) {
  .m-newsHighlight_title {
    font-size: 23px;
  }
}

.m-newsHighlight_title-highlighted {
  padding: 0 5px;
}

.m-newsHighlight_image > a {
  display: block;
  overflow: hidden;
  height: 365px;
}

@media only screen and (max-width: 40em) {
  .m-newsHighlight_image > a {
    height: 155px;
    width: 100%;
    max-width: 320px;
  }
}

.m-newsHighlight_image > a > img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.m-newsHighlight_date {
  font-size: 15px;
  font-weight: 800;
  line-height: .87;
  padding: 20px 0;
}

@media only screen and (max-width: 40em) {
  .m-newsHighlight_date {
    padding: 12px 0;
    font-size: 14px;
    line-height: 0.93;
  }
}

.m-newsHighlight_text {
  margin: 0 auto;
  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;
}

.m-newsHighlight_text > p {
  width: 872px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
}

@media only screen and (max-width: 40em) {
  .m-newsHighlight_text > p {
    font-size: 15px;
    font-weight: 300;
    margin-top: 12px;
    margin-left: 32px;
    line-height: 1.67;
  }
}

.m-pillars {
  padding-bottom: 110px;
}

.m-pillars_title {
  margin-bottom: 95px;
  width: 650px;
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
}

@media only screen and (max-width: 40em) {
  .m-pillars_title {
    font-size: 30px;
    line-height: 1.1;
    width: 100%;
    margin-bottom: 80px;
  }
}

.m-pillars_main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (max-width: 40em) {
  .m-pillars_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-left: 32px;
  }
}

.m-pillars_picture {
  overflow: hidden;
  margin-bottom: 80px;
}

@media only screen and (max-width: 40em) {
  .m-pillars_picture {
    margin-bottom: 45px;
  }
}

.m-pillars_item {
  -ms-flex-preferred-size: calc(87% / 3);
      flex-basis: calc(87% / 3);
}

@media only screen and (max-width: 40em) {
  .m-pillars_item {
    width: 100%;
    margin-bottom: 80px;
  }
}

.m-pillars_item > p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 24px;
}

@media only screen and (max-width: 40em) {
  .m-pillars_item > p {
    font-size: 15px;
    line-height: 1.67;
    margin-bottom: 32px;
  }
}

.m-pillars_item > a {
  font-size: 24px;
  font-weight: 700;
  line-height: 0.92;
  color: #285642;
  text-decoration: underline;
  text-underline-offset: 5px;
}

@media only screen and (max-width: 40em) {
  .m-pillars_item > a {
    font-size: 19px;
    line-height: 0.95;
    text-underline-offset: 8px;
  }
}

.m-casesCarrousel a {
  display: block;
  height: 100%;
}

.m-casesCarrousel_title {
  max-width: 650px;
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  margin-bottom: 70px;
}

@media screen and (min-width: 1024px) {
  .m-casesCarrousel_title {
    font-size: 4.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .m-casesCarrousel_title {
    font-size: 76px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_title {
    font-size: 30px;
    margin-bottom: 40px;
  }
}

.m-casesCarrousel_content {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.m-casesCarrousel_content:first-of-type {
  width: 49.39209726%;
  margin-left: 8.5106383%;
}

@media screen and (min-width: 1600px) {
  .m-casesCarrousel_content:first-of-type {
    width: 650px;
  }
}

@media screen and (min-width: 1600px) {
  .m-casesCarrousel_content:first-of-type {
    margin-left: 112px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_content:first-of-type {
    width: 100%;
    margin: 0 0 60px 0;
    padding: 0 10px;
  }
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_content {
    width: 100%;
  }
}

.m-casesCarrousel_nav {
  position: absolute;
  top: -5.125vw;
  right: 0;
  height: 1vw;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_nav {
    height: 31px;
    top: -30px;
  }
}

.m-casesCarrousel_prev {
  display: inline-block;
  width: 1.875vw;
  height: 1vw;
  background: url("../dist/assets/img/arrow-red.svg") center center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.125vw;
  cursor: pointer;
  outline: 0;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_prev {
    width: 31px;
    height: 16px;
  }
}

.m-casesCarrousel_next {
  display: inline-block;
  width: 1.875vw;
  height: 1vw;
  background: url("../dist/assets/img/arrow-red.svg") center center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  outline: 0;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_next {
    width: 31px;
    height: 16px;
  }
}

.m-casesCarrousel_item {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.m-casesCarrousel_item:hover > div, .m-casesCarrousel_item:active > div {
  opacity: 1;
  visibility: visible;
}

.m-casesCarrousel_filter {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  width: 100%;
  visibility: hidden;
}

.m-casesCarrousel_item, .m-casesCarrousel_filter {
  height: 740px;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_item, .m-casesCarrousel_filter {
    height: 50vw;
  }
}

.m-casesCarrousel_text {
  position: absolute;
  left: 110px;
  bottom: 45px;
  color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_text {
    left: 32px;
    bottom: 24px;
  }
}

.m-casesCarrousel_text > span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_text > span {
    font-size: 10px;
    font-weight: 400;
  }
}

.m-casesCarrousel_text > span#campaign {
  font-size: 24px;
  font-weight: 800;
  font-style: italic;
  line-height: 1.29;
  margin-bottom: 24px;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_text > span#campaign {
    font-size: 12px;
    margin-bottom: 8px;
  }
}

.m-casesCarrousel_text > span#client {
  line-height: 0.6;
  font-weight: 700;
}

.m-casesCarrousel_text > span#agency {
  line-height: 1.8;
}

@media screen and (max-width: 1024px) {
  .m-casesCarrousel_text > span#agency {
    font-size: 8px;
  }
}

.m-keyFigures {
  padding-bottom: 110px;
}

@media screen and (min-width: 1024px) {
  .m-keyFigures {
    padding-left: 86px;
  }
}

.m-keyFigures_intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
  .m-keyFigures_intro {
    margin-left: 110px;
  }
}

@media only screen and (max-width: 40em) {
  .m-keyFigures_intro {
    margin-bottom: 0;
  }
}

.m-keyFigures_title {
  width: 650px;
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 1.52px;
}

@media only screen and (max-width: 40em) {
  .m-keyFigures_title {
    max-width: 90%;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
  }
}

.m-keyFigures_text {
  margin-left: 110px;
  margin-top: 42px;
  width: 872px;
  font-size: 20px;
  line-height: 1.55;
  max-width: 80%;
}

@media only screen and (max-width: 40em) {
  .m-keyFigures_text {
    margin-left: 24px;
    margin-top: 24px;
    width: 90%;
    font-size: 15px;
    line-height: 1.67;
    max-width: none;
  }
}

.m-keyFigures_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
  .m-keyFigures_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.m-keyFigures_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 42px;
  margin: 32px 0;
}

@media screen and (min-width: 1024px) {
  .m-keyFigures_item {
    padding-top: 76px;
    margin: 46px 0;
    margin-right: 123px;
  }
}

.m-keyFigures_item_number {
  min-width: 450px;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 24px;
  font-size: 100px;
  font-weight: 800;
  line-height: 0.43;
  color: #ffffff;
}

@media only screen and (max-width: 40em) {
  .m-keyFigures_item_number {
    font-size: 59px;
    font-weight: 800;
    line-height: .42;
    letter-spacing: normal;
  }
}

.m-keyFigures_item_text {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.5;
  color: #000000;
}

@media only screen and (max-width: 40em) {
  .m-keyFigures_item_text {
    font-size: 29px;
    font-weight: 300;
    line-height: .86;
    letter-spacing: normal;
  }
}

.m-internalLink {
  padding-bottom: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-internalLink_text {
  max-width: 890px;
  position: relative;
  display: inline-block;
  font-size: 2em;
  font-weight: 800;
  text-decoration: none;
}

@media only screen and (max-width: 40em) {
  .m-internalLink_text {
    font-size: 23px;
    line-height: 1.3;
    font-weight: 300;
    padding-left: 14px;
  }
}

@media screen and (min-width: 1024px) {
  .m-internalLink_text {
    font-size: 50px;
    font-weight: 300;
  }
}

.m-timeline {
  padding-bottom: 110px;
  position: relative;
}

.m-timeline_title {
  width: 60%;
  margin-left: 110px;
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 1.52px;
  margin-bottom: 200px;
}

@media only screen and (max-width: 40em) {
  .m-timeline_title {
    margin: 0;
    width: 90%;
    font-size: 30px;
    line-height: 1.1;
  }
}

.m-timeline_main {
  width: 105%;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media only screen and (max-width: 40em) {
  .m-timeline_main {
    height: 110px;
    overflow-x: auto;
    padding-bottom: 20px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.m-timeline_item {
  max-width: 350px;
  height: 30px;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
}

.m-timeline_item:last-child {
  margin-right: 300px;
}

.m-timeline_item:last-child:after {
  right: -50%;
  width: 100%;
}

@media only screen and (max-width: 40em) {
  .m-timeline_item {
    max-width: 175px;
  }
  .m-timeline_item:last-child {
    margin-right: 0;
  }
}

.m-timeline_item::before, .m-timeline_item::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #285642;
  height: 7px;
  width: 50%;
}

@media only screen and (max-width: 40em) {
  .m-timeline_item::before, .m-timeline_item::after {
    height: 4px;
    -webkit-transform: translateY(43px);
            transform: translateY(43px);
  }
}

.m-timeline_item::before {
  left: 0;
}

.m-timeline_item::after {
  right: 0;
}

.m-timeline_item span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 40em) {
  .m-timeline_item span {
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
}

.m-timeline_item span::before, .m-timeline_item span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}

.m-timeline_item span::after {
  content: attr(data-info);
  font-size: 50px;
  font-weight: 300;
  height: 52px;
  top: -36px;
  left: -175px;
  white-space: nowrap;
  text-indent: 10px;
  line-height: 30px;
  visibility: hidden;
}

@media only screen and (max-width: 40em) {
  .m-timeline_item span::after {
    text-indent: 5px;
    font-size: 24px;
    height: 40px;
    top: -25px;
    left: -88px;
  }
}

.m-timeline_item span::before {
  content: attr(data-year);
  font-size: 85px;
  font-weight: 800;
  top: -131px;
  left: -40px;
  -webkit-text-stroke: 3px #285642;
  color: white;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .m-timeline_item span::before {
    text-shadow: -1px -1px 0 #285642, 1px -1px 0 #285642, -1px 1px 0 #285642, 1px 1px 0 #285642;
  }
}

@media only screen and (max-width: 40em) {
  .m-timeline_item span::before {
    font-size: 42px;
    height: 110px;
    -webkit-text-stroke: 2px #285642;
    top: -64px;
    left: -16px;
  }
}

.m-timeline_item span.active::before {
  font-size: 100px;
  top: -140px;
  left: -40px;
  -webkit-text-stroke: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .m-timeline_item span.active::before {
    text-shadow: none;
  }
}

@media only screen and (max-width: 40em) {
  .m-timeline_item span.active::before {
    font-size: 58px;
    top: -78px;
    left: -11px;
  }
}

.m-timeline_item span.active::after {
  visibility: visible;
}

.m-timeline_item .other_span {
  width: 30px;
  height: 30px;
  background-color: #285642;
  position: relative;
  left: 35%;
  z-index: -1;
}

@media only screen and (max-width: 40em) {
  .m-timeline_item .other_span {
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
}

.m-timeline_description {
  font-size: 20px;
  line-height: 1.55;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media only screen and (max-width: 40em) {
  .m-timeline_description {
    margin-top: 30px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    font-size: 15px;
    line-height: 1.67;
    padding-left: 32px;
  }
}

.m-timeline_description p {
  width: 75%;
  display: none;
}

.m-timeline_description p.active {
  display: block;
}

.m-timeline_overlay {
  display: block;
  content: "";
  position: absolute;
  width: 105%;
  left: 0;
  height: 280px;
  background: -webkit-gradient(linear, right top, left top, color-stop(10%, white), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 10%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 80%);
  z-index: 5;
  pointer-events: none;
}

@media only screen and (max-width: 40em) {
  .m-timeline_overlay {
    height: 110px;
    width: 110%;
    background: -webkit-gradient(linear, right top, left top, color-stop(10%, white), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)));
    background: linear-gradient(270deg, white 10%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 60%);
  }
}

.m-socialFeed {
  padding-bottom: 110px;
}

@media screen and (min-width: 769px) {
  .m-socialFeed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.m-socialFeed_container {
  width: 100%;
  height: 100%;
}

.m-socialFeed_content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_content {
    padding-top: 120px;
  }
}

.m-socialFeed_withImage {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
}

.m-socialFeed_withImage .m-socialFeed_author {
  margin-top: 32px;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_withImage .m-socialFeed_author {
    margin-top: 0;
  }
}

.m-socialFeed_withImage .m-socialFeed_text {
  visibility: hidden;
}

.m-socialFeed_withImage .m-socialFeed_icon[data-network="linkedin"] {
  background-image: url("../dist/assets/img/rs-linkedin-white.svg");
}

.m-socialFeed_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_group {
    border: 1px solid #d9d9d9;
  }
  .m-socialFeed_group:first-of-type {
    border-bottom: none;
  }
}

@media screen and (min-width: 769px) {
  .m-socialFeed_group {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    font-family: Arial, Helvetica, sans-serif;
  -webkit-font-family: Arial, Helvetica, sans-serif;
    border-top: 1px solid #d9d9d9;
  }
  .m-socialFeed_group:first-of-type {
    border-left: 1px solid #d9d9d9;
  }
}

.m-socialFeed_post {
  background-size: cover;
  background-position: center;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_post {
    height: 315px;
    gap: 0;
    max-width: 100%;
    border-bottom: 1px solid #d9d9d9;
  }
  .m-socialFeed_post:last-of-type {
    border-bottom: none;
  }
}

@media screen and (min-width: 769px) {
  .m-socialFeed_post {
    gap: 40px;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
}

@media screen and (min-width: 769px) {
  .m-socialFeed_post-small {
    height: 325px;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
    gap: 10px;
  }
}

@media screen and (min-width: 769px) {
  .m-socialFeed_post-big {
    height: 500px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.m-socialFeed_author {
  font-size: 13px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_author {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    text-align: right;
  }
}

@media screen and (min-width: 769px) {
  .m-socialFeed_author {
    margin-top: 64px;
  }
}

@media screen and (min-width: 1024px) {
  .m-socialFeed_author {
    font-size: 16px;
  }
}

.m-socialFeed_text {
  margin-top: 120px;
  height: 110px;
  font-weight: 500;
  line-height: 1.38;
  overflow-wrap: break-word;
  min-height: 125px;
}

@media only screen and (max-width: 768px) {
  .m-socialFeed_text {
    margin-bottom: 14px;
  }
}

@media screen and (min-width: 769px), (max-width: 1023px) {
  .m-socialFeed_text {
    font-size: 14px;
    line-height: 1.11;
    margin-top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .m-socialFeed_text {
    font-size: 18px;
  }
}

.m-socialFeed_icon {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 25px;
  height: 25px;
}

.m-socialFeed_icon[data-network="twitter"] {
  background-image: url("../dist/assets/img/rs-twitter-black.svg");
}

.m-socialFeed_icon[data-network="linkedin"] {
  background-image: url("../dist/assets/img/rs-linkedin-black.svg");
}

.c-wysiwyg h1, .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
  font-size: 30px;
  margin-bottom: 9px;
  line-height: 1.33;
  font-weight: 800;
}

@media screen and (min-width: 1024px) {
  .c-wysiwyg h1, .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-wysiwyg h1, .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .c-wysiwyg h1, .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
    font-size: 25px;
    line-height: 1.2;
  }
}

.c-wysiwyg p {
  font-size: 20px;
  margin-bottom: 9px;
  line-height: 1.55;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .c-wysiwyg p {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-wysiwyg p {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .c-wysiwyg p {
    font-size: 15px;
    line-height: 1.67;
  }
}

.c-wysiwyg a {
  position: relative;
  color: #000000;
  padding: 2px 4px;
  font-weight: 900;
  -webkit-transition: color .8s ease-in, background .3s ease-in;
  transition: color .8s ease-in, background .3s ease-in;
}

.c-wysiwyg a.download-link {
  display: inline-block;
  margin-top: 58px;
  padding: 11px 20px 13px;
}

@media screen and (max-width: 1024px) {
  .c-wysiwyg a.download-link {
    margin-top: 30px;
  }
}

.c-wysiwyg a.download-link:after {
  position: relative;
  top: 5px;
  content: '';
  display: inline-block;
  width: 17px;
  height: 27px;
  margin-left: 20px;
  background-image: url("../dist/assets/img/btn-dwld-white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  .c-wysiwyg a.download-link:after {
    width: 12px;
    height: 19px;
    margin-left: 14px;
  }
}

.c-wysiwyg ul {
  list-style: none;
  padding-left: 24px;
}

.c-wysiwyg ul li {
  font-size: 20px;
  line-height: 1.55;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .c-wysiwyg ul li {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .c-wysiwyg ul li {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .c-wysiwyg ul li {
    font-size: 15px;
    line-height: 1.67;
  }
}

.c-wysiwyg ul li:not(:last-child) {
  margin-bottom: 9px;
}

.c-wysiwyg ul li:before {
  position: relative;
  top: 9px;
  float: left;
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000000;
  margin-left: -24px;
}

body.image-theme-csr {
  background-image: url("assets/img/background-theme-rse.png");
  background-size: 100%;
}

@media screen and (max-width: 1024px) {
  body.image-theme-csr {
    background-size: auto;
    background-position: top;
  }
}

body.image-theme-csr:not(.sticky--) .c-header {
  background: transparent;
}

body.image-theme-csr:not(.sticky--) .m-rubrique {
  background: transparent;
}

body.image-theme-csr:not(.sticky--) .m-rubrique:before {
  background: transparent;
}

body.tpl-red {
  background-color: #2243e6;
}

.tpl-voilet {
  background-color: #aa3bc5 !important;
}
.tpl-blue1 {
  background-color: #65b8f6 !important;
}
body.tpl-red .btn-simple {
  color: #ff778a;
}

body.tpl-red .btn-valider svg {
  fill: #2243e6;
}

body.tpl-red .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-red.svg");
}

body.tpl-red .c-header {
  background: #2243e6;
}
body.tpl-red1{
  background: #60AE86 !important;
}

body.tpl-cyan .c-contact_toggle .cls-1 {
  fill: #ffffff;
}


body.tpl-cyan .c-contact_toggle .cls-2 {
  fill: #37bef0;
}

body.tpl-cyan .m-rubrique {
  background: #37bef0;

}

body.tpl-cyan .m-rubrique:before {
  background: #37bef0;
}

body.tpl-cyan .m-rubrique.color-- {
  background: transparent;
}

body.tpl-cyan .m-rubrique.color-- .m-rubrique_item {
  color: #37bef0;
}

body.tpl-cyan .m-rubrique.color-- .m-rubrique_item:after {
  background: #37bef0;
}

body.tpl-cyan .m-rubrique.color-- .m-rubrique_item span:after {
  background: #37bef0;
}

body.tpl-cyan .m-rubrique.red-- {
  background: transparent;
}

body.tpl-cyan .m-title_chapitre h2 {
  color: #37bef0;
}

/* fjklasdjf */
body.tpl-red .m-rubrique {
  background: #2243e6;

}

body.tpl-red .m-rubrique:before {
  background: #2243e6;
}

body.tpl-red .m-rubrique.color-- {
  background: transparent;
}

body.tpl-red .m-rubrique.color-- .m-rubrique_item {
  color: #2243e6;
}

body.tpl-red .m-rubrique.color-- .m-rubrique_item:after {
  background: #2243e6;
}

body.tpl-red .m-rubrique.color-- .m-rubrique_item span:after {
  background: #2243e6;
}

body.tpl-red .m-rubrique.red-- {
  background: transparent;
}

body.tpl-red .m-title_chapitre h2 {
  color: #2243e6;
}

body.tpl-red .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #2243e6), color-stop(35%, #2243e6)) no-repeat;
  background: transparent linear-gradient(#2243e6 65%, #2243e6 35%) no-repeat;
}

body.tpl-red .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #ff778a), color-stop(35%, #ff778a)) no-repeat;
  background: transparent linear-gradient(#ff778a 65%, #ff778a 35%) no-repeat;
}

body.tpl-red .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #2243e6), color-stop(35%, #2243e6)) no-repeat;
  background: transparent linear-gradient(#2243e6 65%, #2243e6 35%) no-repeat;
}

body.tpl-red .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #ff778a), color-stop(35%, #ff778a)) no-repeat;
  background: transparent linear-gradient(#ff778a 65%, #ff778a 35%) no-repeat;
}

body.tpl-red .m-msgFort_content {
  background: #2243e6;
}

body.tpl-red .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #2243e6)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #2243e6 35%) no-repeat;
}

body.tpl-red .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #2243e6)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #2243e6 35%) no-repeat;
}

body.tpl-red .m-btnLarge_content {
  background: #2243e6;
}

body.tpl-red .m-btnLarge_content:before, body.tpl-red .m-btnLarge_content:after {
  background: #2243e6;
}

body.tpl-red .m-citation_text p:first-of-type:before, body.tpl-red .m-citation_text p:first-of-type:after {
  color: #2243e6;
}

body.tpl-red .m-slider h3 {
  color: #2243e6;
}

@media screen and (min-width: 1024px) {
  body.tpl-red .c-press_item:hover h2 {
    color: #2243e6;
  }
  body.tpl-red .c-press_item:hover .c-press_date {
    color: #2243e6;
  }
  body.tpl-red .c-press_item:hover .c-press_date span {
    border-color: #2243e6;
  }
}

body.tpl-red .c-filter {
  background: #2243e6;
}

@media screen and (min-width: 1024px) {
  body.tpl-red .c-documents_item:hover > div {
    color: #2243e6;
  }
}

body.tpl-red .c-documents_item:hover .hover-- {
  color: #2243e6;
}

body.tpl-red .c-more span {
  border: 1px solid #2243e6;
}

body.tpl-red .c-more span:nth-child(2) {
  background: #2243e6;
}

body.tpl-red .c-loader span {
  border: 1px solid #2243e6;
  -webkit-animation: opacity-red 2000ms infinite ease-in-out;
          animation: opacity-red 2000ms infinite ease-in-out;
}

body.tpl-red .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-red .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-red .c-results_item:hover {
    color: #2243e6;
  }
}

body.tpl-red .m-results {
  color: #2243e6;
}

@media screen and (min-width: 1024px) {
  body.tpl-red .c-findus_item:hover > div {
    color: #2243e6;
  }
}

body.tpl-red .c-findus_btn {
  color: #ff778a;
}

body.tpl-red .m-portrait_verbatim:before, body.tpl-red .m-portrait_verbatim:after {
  color: #2243e6;
}

body.tpl-red .c-galleryBack p {
  color: #ff9fac;
}

body.tpl-red .c-galleryBack p svg {
  fill: #ff9fac;
}

body.tpl-red .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #2243e6)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #2243e6 35%) no-repeat;
}

body.tpl-red .m-casesCarrousel_title {
  color: #2243e6;
}

body.tpl-red .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #2243e6)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #2243e6 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-red .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-red .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-red .m-keyFigures_title {
  color: #2243e6;
}

body.tpl-red .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #2243e6;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-red .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #2243e6, 1px -1px 0 #2243e6, -1px 1px 0 #2243e6, 1px 1px 0 #2243e6;
  }
}

body.tpl-red .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #2243e6)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #2243e6 40%) no-repeat;
}

body.tpl-red .m-pillars_title {
  color: #2243e6;
}

body.tpl-red .m-timeline_title {
  color: #2243e6;
}

body.tpl-red .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #2243e6), color-stop(40%, transparent));
  background: linear-gradient(0deg, #2243e6 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-red .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #2243e6), color-stop(40%, transparent));
    background: linear-gradient(0deg, #2243e6 50%, transparent 40%);
  }
}

body.tpl-red .m-timeline_item span.active::before {
  color: #2243e6;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-red {
    background-color: #2243e6;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-red .c-hp_infoHover p {
    background-color: #2243e6;
    -webkit-box-shadow: 8px 0px 0px 0px #2243e6, -8px 0px 0px 0px #2243e6;
            box-shadow: 8px 0px 0px 0px #2243e6, -8px 0px 0px 0px #2243e6;
    -moz-box-shadow: 8px 0px 0px 0px #2243e6, -8px 0px 0px 0px #2243e6;
  }
}

_:-ms-fullscreen, :root .tpl-red .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-red .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-red {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #2243e6;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-red {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #2243e6;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-blue {
  background-color: #303acf;
}

body.tpl-blue .btn-simple {
  color: #838bff;
}

body.tpl-blue .btn-valider svg {
  fill: #303acf;
}

body.tpl-blue .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-blue.svg");
}

body.tpl-blue .c-header {
  background: #303acf;
}

body.tpl-blue .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-blue .c-contact_toggle .cls-2 {
  fill: #303acf;
}

body.tpl-blue .m-rubrique {
  background: #303acf;
}

body.tpl-blue .m-rubrique:before {
  background: #303acf;
}

body.tpl-blue .m-rubrique.color-- {
  background: transparent;
}

body.tpl-blue .m-rubrique.color-- .m-rubrique_item {
  color: #303acf;
}

body.tpl-blue .m-rubrique.color-- .m-rubrique_item:after {
  background: #303acf;
}

body.tpl-blue .m-rubrique.color-- .m-rubrique_item span:after {
  background: #303acf;
}

body.tpl-blue .m-rubrique.red-- {
  background: transparent;
}

body.tpl-blue .m-title_chapitre h2 {
  color: #303acf;
}

body.tpl-blue .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #303acf), color-stop(35%, #303acf)) no-repeat;
  background: transparent linear-gradient(#303acf 65%, #303acf 35%) no-repeat;
}

body.tpl-blue .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #838bff), color-stop(35%, #838bff)) no-repeat;
  background: transparent linear-gradient(#838bff 65%, #838bff 35%) no-repeat;
}

body.tpl-blue .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #303acf), color-stop(35%, #303acf)) no-repeat;
  background: transparent linear-gradient(#303acf 65%, #303acf 35%) no-repeat;
}

body.tpl-blue .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #838bff), color-stop(35%, #838bff)) no-repeat;
  background: transparent linear-gradient(#838bff 65%, #838bff 35%) no-repeat;
}

body.tpl-blue .m-msgFort_content {
  background: #303acf;
}

body.tpl-blue .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #303acf)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #303acf 35%) no-repeat;
}

body.tpl-blue .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #303acf)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #303acf 35%) no-repeat;
}

body.tpl-blue .m-btnLarge_content {
  background: #303acf;
}

body.tpl-blue .m-btnLarge_content:before, body.tpl-blue .m-btnLarge_content:after {
  background: #303acf;
}

body.tpl-blue .m-citation_text p:first-of-type:before, body.tpl-blue .m-citation_text p:first-of-type:after {
  color: #303acf;
}

body.tpl-blue .m-slider h3 {
  color: #303acf;
}

@media screen and (min-width: 1024px) {
  body.tpl-blue .c-press_item:hover h2 {
    color: #303acf;
  }
  body.tpl-blue .c-press_item:hover .c-press_date {
    color: #303acf;
  }
  body.tpl-blue .c-press_item:hover .c-press_date span {
    border-color: #303acf;
  }
}

body.tpl-blue .c-filter {
  background: #303acf;
}

@media screen and (min-width: 1024px) {
  body.tpl-blue .c-documents_item:hover > div {
    color: #303acf;
  }
}

body.tpl-blue .c-documents_item:hover .hover-- {
  color: #303acf;
}

body.tpl-blue .c-more span {
  border: 1px solid #303acf;
}

body.tpl-blue .c-more span:nth-child(2) {
  background: #303acf;
}

body.tpl-blue .c-loader span {
  border: 1px solid #303acf;
  -webkit-animation: opacity-blue 2000ms infinite ease-in-out;
          animation: opacity-blue 2000ms infinite ease-in-out;
}

body.tpl-blue .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-blue .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-blue .c-results_item:hover {
    color: #303acf;
  }
}

body.tpl-blue .m-results {
  color: #303acf;
}

@media screen and (min-width: 1024px) {
  body.tpl-blue .c-findus_item:hover > div {
    color: #303acf;
  }
}

body.tpl-blue .c-findus_btn {
  color: #838bff;
}

body.tpl-blue .m-portrait_verbatim:before, body.tpl-blue .m-portrait_verbatim:after {
  color: #303acf;
}

body.tpl-blue .c-galleryBack p {
  color: #838bff;
}

body.tpl-blue .c-galleryBack p svg {
  fill: #838bff;
}

body.tpl-blue .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #303acf)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #303acf 35%) no-repeat;
}

body.tpl-blue .m-casesCarrousel_title {
  color: #303acf;
}

body.tpl-blue .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #303acf)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #303acf 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-blue .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-blue .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-blue .m-keyFigures_title {
  color: #303acf;
}

body.tpl-blue .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #303acf;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-blue .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #303acf, 1px -1px 0 #303acf, -1px 1px 0 #303acf, 1px 1px 0 #303acf;
  }
}

body.tpl-blue .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #303acf)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #303acf 40%) no-repeat;
}

body.tpl-blue .m-pillars_title {
  color: #303acf;
}

body.tpl-blue .m-timeline_title {
  color: #303acf;
}

body.tpl-blue .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #303acf), color-stop(40%, transparent));
  background: linear-gradient(0deg, #303acf 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-blue .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #303acf), color-stop(40%, transparent));
    background: linear-gradient(0deg, #303acf 50%, transparent 40%);
  }
}

body.tpl-blue .m-timeline_item span.active::before {
  color: #303acf;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-blue {
    background-color: #303acf;
  } .c-hp_slide.tpl-blue1 {
    background-color: #65b8f6;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-blue .c-hp_infoHover p {
    background-color: #303acf;
    -webkit-box-shadow: 8px 0px 0px 0px #303acf, -8px 0px 0px 0px #303acf;
            box-shadow: 8px 0px 0px 0px #303acf, -8px 0px 0px 0px #303acf;
    -moz-box-shadow: 8px 0px 0px 0px #303acf, -8px 0px 0px 0px #303acf;
  }
  .tpl-blue1 .c-hp_infoHover p {
    background-color: #2B9DD9;
    -webkit-box-shadow: 8px 0px 0px 0px #2B9DD9, -8px 0px 0px 0px #2B9DD9;
            box-shadow: 8px 0px 0px 0px #2B9DD9, -8px 0px 0px 0px #2B9DD9;
    -moz-box-shadow: 8px 0px 0px 0px #2B9DD9, -8px 0px 0px 0px #2B9DD9;
  }
  .tpl-orange1 .c-hp_infoHover p {
    background-color: #E68237;
    -webkit-box-shadow: 8px 0px 0px 0px #E68237, -8px 0px 0px 0px #E68237;
            box-shadow: 8px 0px 0px 0px #E68237, -8px 0px 0px 0px #E68237;
    -moz-box-shadow: 8px 0px 0px 0px #E68237, -8px 0px 0px 0px #E68237;
  }
  .tpl-voilet .c-hp_infoHover p {
    background-color: #aa3bc5;
    -webkit-box-shadow: 8px 0px 0px 0px #aa3bc5, -8px 0px 0px 0px #aa3bc5;
            box-shadow: 8px 0px 0px 0px #aa3bc5, -8px 0px 0px 0px #aa3bc5;
    -moz-box-shadow: 8px 0px 0px 0px #aa3bc5, -8px 0px 0px 0px #aa3bc5;
  }
}

_:-ms-fullscreen, :root .tpl-blue .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-blue .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-blue {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #303acf;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-blue {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #303acf;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-green {
  background-color: #27a875;
}

body.tpl-green .btn-simple {
  color: #56d9a6;
}

body.tpl-green .btn-valider svg {
  fill: #27a875;
}

body.tpl-green .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-green.svg");
}

body.tpl-green .c-header {
  background: #27a875;
}

body.tpl-green .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-green .c-contact_toggle .cls-2 {
  fill: #27a875;
}

body.tpl-green .m-rubrique {
  background: #27a875;
}

body.tpl-green .m-rubrique:before {
  background: #27a875;
}

body.tpl-green .m-rubrique.color-- {
  background: transparent;
}

body.tpl-green .m-rubrique.color-- .m-rubrique_item {
  color: #27a875;
}

body.tpl-green .m-rubrique.color-- .m-rubrique_item:after {
  background: #27a875;
}

body.tpl-green .m-rubrique.color-- .m-rubrique_item span:after {
  background: #27a875;
}

body.tpl-green .m-rubrique.red-- {
  background: transparent;
}

body.tpl-green .m-title_chapitre h2 {
  color: #27a875;
}

body.tpl-green .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #27a875), color-stop(35%, #27a875)) no-repeat;
  background: transparent linear-gradient(#27a875 65%, #27a875 35%) no-repeat;
}

body.tpl-green .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #56d9a6), color-stop(35%, #56d9a6)) no-repeat;
  background: transparent linear-gradient(#56d9a6 65%, #56d9a6 35%) no-repeat;
}

body.tpl-green .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #27a875), color-stop(35%, #27a875)) no-repeat;
  background: transparent linear-gradient(#27a875 65%, #27a875 35%) no-repeat;
}

body.tpl-green .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #56d9a6), color-stop(35%, #56d9a6)) no-repeat;
  background: transparent linear-gradient(#56d9a6 65%, #56d9a6 35%) no-repeat;
}

body.tpl-green .m-msgFort_content {
  background: #27a875;
}

body.tpl-green .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #27a875)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #27a875 35%) no-repeat;
}

body.tpl-green .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #27a875)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #27a875 35%) no-repeat;
}

body.tpl-green .m-btnLarge_content {
  background: #27a875;
}

body.tpl-green .m-btnLarge_content:before, body.tpl-green .m-btnLarge_content:after {
  background: #27a875;
}

body.tpl-green .m-citation_text p:first-of-type:before, body.tpl-green .m-citation_text p:first-of-type:after {
  color: #27a875;
}

body.tpl-green .m-slider h3 {
  color: #27a875;
}

@media screen and (min-width: 1024px) {
  body.tpl-green .c-press_item:hover h2 {
    color: #27a875;
  }
  body.tpl-green .c-press_item:hover .c-press_date {
    color: #27a875;
  }
  body.tpl-green .c-press_item:hover .c-press_date span {
    border-color: #27a875;
  }
}

body.tpl-green .c-filter {
  background: #27a875;
}

@media screen and (min-width: 1024px) {
  body.tpl-green .c-documents_item:hover > div {
    color: #27a875;
  }
}

body.tpl-green .c-documents_item:hover .hover-- {
  color: #27a875;
}

body.tpl-green .c-more span {
  border: 1px solid #27a875;
}

body.tpl-green .c-more span:nth-child(2) {
  background: #27a875;
}

body.tpl-green .c-loader span {
  border: 1px solid #27a875;
  -webkit-animation: opacity-green 2000ms infinite ease-in-out;
          animation: opacity-green 2000ms infinite ease-in-out;
}

body.tpl-green .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-green .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-green .c-results_item:hover {
    color: #27a875;
  }
}

body.tpl-green .m-results {
  color: #27a875;
}

@media screen and (min-width: 1024px) {
  body.tpl-green .c-findus_item:hover > div {
    color: #27a875;
  }
}

body.tpl-green .c-findus_btn {
  color: #56d9a6;
}

body.tpl-green .m-portrait_verbatim:before, body.tpl-green .m-portrait_verbatim:after {
  color: #27a875;
}

body.tpl-green .c-galleryBack p {
  color: #56d9a6;
}

body.tpl-green .c-galleryBack p svg {
  fill: #56d9a6;
}

body.tpl-green .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #27a875)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #27a875 35%) no-repeat;
}

body.tpl-green .m-casesCarrousel_title {
  color: #27a875;
}

body.tpl-green .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #27a875)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #27a875 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-green .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-green .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-green .m-keyFigures_title {
  color: #27a875;
}

body.tpl-green .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #27a875;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-green .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #27a875, 1px -1px 0 #27a875, -1px 1px 0 #27a875, 1px 1px 0 #27a875;
  }
}

body.tpl-green .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #27a875)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #27a875 40%) no-repeat;
}

body.tpl-green .m-pillars_title {
  color: #27a875;
}

body.tpl-green .m-timeline_title {
  color: #27a875;
}

body.tpl-green .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #27a875), color-stop(40%, transparent));
  background: linear-gradient(0deg, #27a875 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-green .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #27a875), color-stop(40%, transparent));
    background: linear-gradient(0deg, #27a875 50%, transparent 40%);
  }
}

body.tpl-green .m-timeline_item span.active::before {
  color: #27a875;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-green {
    background-color: #27a875;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-green .c-hp_infoHover p {
    background-color: #27a875;
    -webkit-box-shadow: 8px 0px 0px 0px #27a875, -8px 0px 0px 0px #27a875;
            box-shadow: 8px 0px 0px 0px #27a875, -8px 0px 0px 0px #27a875;
    -moz-box-shadow: 8px 0px 0px 0px #27a875, -8px 0px 0px 0px #27a875;
  }
}

_:-ms-fullscreen, :root .tpl-green .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-green .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-green {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #27a875;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-green {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #27a875;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-green-2 {
  background-color: #285642;
}

body.tpl-green-2 .btn-simple {
  color: #285642;
}

body.tpl-green-2 .btn-valider svg {
  fill: #285642;
}

body.tpl-green-2 .btn-dwld:after {
  background-image: url("assets/img/btn-dwld-green-2.html");
}

body.tpl-green-2 .c-header {
  background: #285642;
}

body.tpl-green-2 .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-green-2 .c-contact_toggle .cls-2 {
  fill: #285642;
}

body.tpl-green-2 .m-rubrique {
  background: #285642;
}

body.tpl-green-2 .m-rubrique:before {
  background: #285642;
}

body.tpl-green-2 .m-rubrique.color-- {
  background: transparent;
}

body.tpl-green-2 .m-rubrique.color-- .m-rubrique_item {
  color: #285642;
}

body.tpl-green-2 .m-rubrique.color-- .m-rubrique_item:after {
  background: #285642;
}

body.tpl-green-2 .m-rubrique.color-- .m-rubrique_item span:after {
  background: #285642;
}

body.tpl-green-2 .m-rubrique.red-- {
  background: transparent;
}

body.tpl-green-2 .m-title_chapitre h2 {
  color: #285642;
}

body.tpl-green-2 .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #285642), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(#285642 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #285642), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(#285642 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #285642), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(#285642 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #285642), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(#285642 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .m-msgFort_content {
  background: #285642;
}

body.tpl-green-2 .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .m-btnLarge_content {
  background: #285642;
}

body.tpl-green-2 .m-btnLarge_content:before, body.tpl-green-2 .m-btnLarge_content:after {
  background: #285642;
}

body.tpl-green-2 .m-citation_text p:first-of-type:before, body.tpl-green-2 .m-citation_text p:first-of-type:after {
  color: #285642;
}

body.tpl-green-2 .m-slider h3 {
  color: #285642;
}

@media screen and (min-width: 1024px) {
  body.tpl-green-2 .c-press_item:hover h2 {
    color: #285642;
  }
  body.tpl-green-2 .c-press_item:hover .c-press_date {
    color: #285642;
  }
  body.tpl-green-2 .c-press_item:hover .c-press_date span {
    border-color: #285642;
  }
}

body.tpl-green-2 .c-filter {
  background: #285642;
}

@media screen and (min-width: 1024px) {
  body.tpl-green-2 .c-documents_item:hover > div {
    color: #285642;
  }
}

body.tpl-green-2 .c-documents_item:hover .hover-- {
  color: #285642;
}

body.tpl-green-2 .c-more span {
  border: 1px solid #285642;
}

body.tpl-green-2 .c-more span:nth-child(2) {
  background: #285642;
}

body.tpl-green-2 .c-loader span {
  border: 1px solid #285642;
  -webkit-animation: opacity-green-2 2000ms infinite ease-in-out;
          animation: opacity-green-2 2000ms infinite ease-in-out;
}

body.tpl-green-2 .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-green-2 .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-green-2 .c-results_item:hover {
    color: #285642;
  }
}

body.tpl-green-2 .m-results {
  color: #285642;
}

@media screen and (min-width: 1024px) {
  body.tpl-green-2 .c-findus_item:hover > div {
    color: #285642;
  }
}

body.tpl-green-2 .c-findus_btn {
  color: #285642;
}

body.tpl-green-2 .m-portrait_verbatim:before, body.tpl-green-2 .m-portrait_verbatim:after {
  color: #285642;
}

body.tpl-green-2 .c-galleryBack p {
  color: #285642;
}

body.tpl-green-2 .c-galleryBack p svg {
  fill: #285642;
}

body.tpl-green-2 .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #285642)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #285642 35%) no-repeat;
}

body.tpl-green-2 .m-casesCarrousel_title {
  color: #285642;
}

body.tpl-green-2 .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #285642)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #285642 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-green-2 .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-green-2 .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-green-2 .m-keyFigures_title {
  color: #285642;
}

body.tpl-green-2 .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #285642;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-green-2 .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #285642, 1px -1px 0 #285642, -1px 1px 0 #285642, 1px 1px 0 #285642;
  }
}

body.tpl-green-2 .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #285642)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #285642 40%) no-repeat;
}

body.tpl-green-2 .m-pillars_title {
  color: #285642;
}

body.tpl-green-2 .m-timeline_title {
  color: #285642;
}

body.tpl-green-2 .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #285642), color-stop(40%, transparent));
  background: linear-gradient(0deg, #285642 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-green-2 .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #285642), color-stop(40%, transparent));
    background: linear-gradient(0deg, #285642 50%, transparent 40%);
  }
}

body.tpl-green-2 .m-timeline_item span.active::before {
  color: #285642;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-green-2 {
    background-color: #285642;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-green-2 .c-hp_infoHover p {
    background-color: #285642;
    -webkit-box-shadow: 8px 0px 0px 0px #285642, -8px 0px 0px 0px #285642;
            box-shadow: 8px 0px 0px 0px #285642, -8px 0px 0px 0px #285642;
    -moz-box-shadow: 8px 0px 0px 0px #285642, -8px 0px 0px 0px #285642;
  }
}

_:-ms-fullscreen, :root .tpl-green-2 .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-green-2 .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-green-2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #285642;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-green-2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #285642;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-pink {
  background-color: #f284ac;
}

body.tpl-pink .btn-simple {
  color: #fdafcc;
}

body.tpl-pink .btn-valider svg {
  fill: #f284ac;
}

body.tpl-pink .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-pink.svg");
}

body.tpl-pink .c-header {
  background: #f284ac;
}

body.tpl-pink .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-pink .c-contact_toggle .cls-2 {
  fill: #f284ac;
}

body.tpl-pink .m-rubrique {
  background: #f284ac;
}

body.tpl-pink .m-rubrique:before {
  background: #f284ac;
}

body.tpl-pink .m-rubrique.color-- {
  background: transparent;
}

body.tpl-pink .m-rubrique.color-- .m-rubrique_item {
  color: #f284ac;
}

body.tpl-pink .m-rubrique.color-- .m-rubrique_item:after {
  background: #f284ac;
}

body.tpl-pink .m-rubrique.color-- .m-rubrique_item span:after {
  background: #f284ac;
}

body.tpl-pink .m-rubrique.red-- {
  background: transparent;
}

body.tpl-pink .m-title_chapitre h2 {
  color: #f284ac;
}

body.tpl-pink .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #f284ac), color-stop(35%, #f284ac)) no-repeat;
  background: transparent linear-gradient(#f284ac 65%, #f284ac 35%) no-repeat;
}

body.tpl-pink .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #fdafcc), color-stop(35%, #fdafcc)) no-repeat;
  background: transparent linear-gradient(#fdafcc 65%, #fdafcc 35%) no-repeat;
}

body.tpl-pink .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #f284ac), color-stop(35%, #f284ac)) no-repeat;
  background: transparent linear-gradient(#f284ac 65%, #f284ac 35%) no-repeat;
}

body.tpl-pink .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #fdafcc), color-stop(35%, #fdafcc)) no-repeat;
  background: transparent linear-gradient(#fdafcc 65%, #fdafcc 35%) no-repeat;
}

body.tpl-pink .m-msgFort_content {
  background: #f284ac;
}

body.tpl-pink .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #f284ac)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #f284ac 35%) no-repeat;
}

body.tpl-pink .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #f284ac)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #f284ac 35%) no-repeat;
}

body.tpl-pink .m-btnLarge_content {
  background: #f284ac;
}

body.tpl-pink .m-btnLarge_content:before, body.tpl-pink .m-btnLarge_content:after {
  background: #f284ac;
}

body.tpl-pink .m-citation_text p:first-of-type:before, body.tpl-pink .m-citation_text p:first-of-type:after {
  color: #f284ac;
}

body.tpl-pink .m-slider h3 {
  color: #f284ac;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink .c-press_item:hover h2 {
    color: #f284ac;
  }
  body.tpl-pink .c-press_item:hover .c-press_date {
    color: #f284ac;
  }
  body.tpl-pink .c-press_item:hover .c-press_date span {
    border-color: #f284ac;
  }
}

body.tpl-pink .c-filter {
  background: #f284ac;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink .c-documents_item:hover > div {
    color: #f284ac;
  }
}

body.tpl-pink .c-documents_item:hover .hover-- {
  color: #f284ac;
}

body.tpl-pink .c-more span {
  border: 1px solid #f284ac;
}

body.tpl-pink .c-more span:nth-child(2) {
  background: #f284ac;
}

body.tpl-pink .c-loader span {
  border: 1px solid #f284ac;
  -webkit-animation: opacity-pink 2000ms infinite ease-in-out;
          animation: opacity-pink 2000ms infinite ease-in-out;
}

body.tpl-pink .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-pink .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink .c-results_item:hover {
    color: #f284ac;
  }
}

body.tpl-pink .m-results {
  color: #f284ac;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink .c-findus_item:hover > div {
    color: #f284ac;
  }
}

body.tpl-pink .c-findus_btn {
  color: #fdafcc;
}

body.tpl-pink .m-portrait_verbatim:before, body.tpl-pink .m-portrait_verbatim:after {
  color: #f284ac;
}

body.tpl-pink .c-galleryBack p {
  color: #ffc9dd;
}

body.tpl-pink .c-galleryBack p svg {
  fill: #ffc9dd;
}

body.tpl-pink .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #f284ac)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #f284ac 35%) no-repeat;
}

body.tpl-pink .m-casesCarrousel_title {
  color: #f284ac;
}

body.tpl-pink .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #f284ac)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #f284ac 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-pink .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-pink .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-pink .m-keyFigures_title {
  color: #f284ac;
}

body.tpl-pink .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #f284ac;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-pink .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #f284ac, 1px -1px 0 #f284ac, -1px 1px 0 #f284ac, 1px 1px 0 #f284ac;
  }
}

body.tpl-pink .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #f284ac)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #f284ac 40%) no-repeat;
}

body.tpl-pink .m-pillars_title {
  color: #f284ac;
}

body.tpl-pink .m-timeline_title {
  color: #f284ac;
}

body.tpl-pink .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #f284ac), color-stop(40%, transparent));
  background: linear-gradient(0deg, #f284ac 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-pink .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #f284ac), color-stop(40%, transparent));
    background: linear-gradient(0deg, #f284ac 50%, transparent 40%);
  }
}

body.tpl-pink .m-timeline_item span.active::before {
  color: #f284ac;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-pink {
    background-color: #f284ac;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-pink .c-hp_infoHover p {
    background-color: #f284ac;
    -webkit-box-shadow: 8px 0px 0px 0px #f284ac, -8px 0px 0px 0px #f284ac;
            box-shadow: 8px 0px 0px 0px #f284ac, -8px 0px 0px 0px #f284ac;
    -moz-box-shadow: 8px 0px 0px 0px #f284ac, -8px 0px 0px 0px #f284ac;
  }
}

_:-ms-fullscreen, :root .tpl-pink .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-pink .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-pink {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #f284ac;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-pink {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #f284ac;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-pink-2 {
  background-color: #FFBAAF;
}

body.tpl-pink-2 .btn-simple {
  color: #FFBAAF;
}

body.tpl-pink-2 .btn-valider svg {
  fill: #FFBAAF;
}

body.tpl-pink-2 .btn-dwld:after {
  background-image: url("assets/img/btn-dwld-pink-2.html");
}

body.tpl-pink-2 .c-header {
  background: #FFBAAF;
}

body.tpl-pink-2 .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-pink-2 .c-contact_toggle .cls-2 {
  fill: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique:before {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique.color-- {
  background: transparent;
}

body.tpl-pink-2 .m-rubrique.color-- .m-rubrique_item {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique.color-- .m-rubrique_item:after {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique.color-- .m-rubrique_item span:after {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-rubrique.red-- {
  background: transparent;
}

body.tpl-pink-2 .m-title_chapitre h2 {
  color: #FFBAAF;
}

body.tpl-pink-2 .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #FFBAAF), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(#FFBAAF 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #FFBAAF), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(#FFBAAF 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #FFBAAF), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(#FFBAAF 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #FFBAAF), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(#FFBAAF 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .m-msgFort_content {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .m-btnLarge_content {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-btnLarge_content:before, body.tpl-pink-2 .m-btnLarge_content:after {
  background: #FFBAAF;
}

body.tpl-pink-2 .m-citation_text p:first-of-type:before, body.tpl-pink-2 .m-citation_text p:first-of-type:after {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-slider h3 {
  color: #FFBAAF;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink-2 .c-press_item:hover h2 {
    color: #FFBAAF;
  }
  body.tpl-pink-2 .c-press_item:hover .c-press_date {
    color: #FFBAAF;
  }
  body.tpl-pink-2 .c-press_item:hover .c-press_date span {
    border-color: #FFBAAF;
  }
}

body.tpl-pink-2 .c-filter {
  background: #FFBAAF;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink-2 .c-documents_item:hover > div {
    color: #FFBAAF;
  }
}

body.tpl-pink-2 .c-documents_item:hover .hover-- {
  color: #FFBAAF;
}

body.tpl-pink-2 .c-more span {
  border: 1px solid #FFBAAF;
}

body.tpl-pink-2 .c-more span:nth-child(2) {
  background: #FFBAAF;
}

body.tpl-pink-2 .c-loader span {
  border: 1px solid #FFBAAF;
  -webkit-animation: opacity-pink-2 2000ms infinite ease-in-out;
          animation: opacity-pink-2 2000ms infinite ease-in-out;
}

body.tpl-pink-2 .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-pink-2 .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink-2 .c-results_item:hover {
    color: #FFBAAF;
  }
}

body.tpl-pink-2 .m-results {
  color: #FFBAAF;
}

@media screen and (min-width: 1024px) {
  body.tpl-pink-2 .c-findus_item:hover > div {
    color: #FFBAAF;
  }
}

body.tpl-pink-2 .c-findus_btn {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-portrait_verbatim:before, body.tpl-pink-2 .m-portrait_verbatim:after {
  color: #FFBAAF;
}

body.tpl-pink-2 .c-galleryBack p {
  color: #FFBAAF;
}

body.tpl-pink-2 .c-galleryBack p svg {
  fill: #FFBAAF;
}

body.tpl-pink-2 .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #FFBAAF 35%) no-repeat;
}

body.tpl-pink-2 .m-casesCarrousel_title {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #FFBAAF 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-pink-2 .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-pink-2 .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-pink-2 .m-keyFigures_title {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #FFBAAF;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-pink-2 .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #FFBAAF, 1px -1px 0 #FFBAAF, -1px 1px 0 #FFBAAF, 1px 1px 0 #FFBAAF;
  }
}

body.tpl-pink-2 .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #FFBAAF)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #FFBAAF 40%) no-repeat;
}

body.tpl-pink-2 .m-pillars_title {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-timeline_title {
  color: #FFBAAF;
}

body.tpl-pink-2 .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #FFBAAF), color-stop(40%, transparent));
  background: linear-gradient(0deg, #FFBAAF 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-pink-2 .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #FFBAAF), color-stop(40%, transparent));
    background: linear-gradient(0deg, #FFBAAF 50%, transparent 40%);
  }
}

body.tpl-pink-2 .m-timeline_item span.active::before {
  color: #FFBAAF;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-pink-2 {
    background-color: #FFBAAF;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-pink-2 .c-hp_infoHover p {
    background-color: #FFBAAF;
    -webkit-box-shadow: 8px 0px 0px 0px #FFBAAF, -8px 0px 0px 0px #FFBAAF;
            box-shadow: 8px 0px 0px 0px #FFBAAF, -8px 0px 0px 0px #FFBAAF;
    -moz-box-shadow: 8px 0px 0px 0px #FFBAAF, -8px 0px 0px 0px #FFBAAF;
  }
}

_:-ms-fullscreen, :root .tpl-pink-2 .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-pink-2 .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-pink-2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #FFBAAF;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-pink-2 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #FFBAAF;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-orange {
  background-color: #D34E4F;
}

body.tpl-orange .btn-simple {
  color: #ffa784;
}

body.tpl-orange .btn-valider svg {
  fill: #D34E4F;
}

body.tpl-orange .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-orange.svg");
}

body.tpl-orange .c-header {
  background: #D34E4F;
}

body.tpl-orange .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-orange .c-contact_toggle .cls-2 {
  fill: #D34E4F;
}

body.tpl-orange .m-rubrique {
  background: #D34E4F;
}

body.tpl-orange .m-rubrique:before {
  background: #D34E4F;
}

body.tpl-orange .m-rubrique.color-- {
  background: transparent;
}

body.tpl-orange .m-rubrique.color-- .m-rubrique_item {
  color: #D34E4F;
}

body.tpl-orange .m-rubrique.color-- .m-rubrique_item:after {
  background: #D34E4F;
}

body.tpl-orange .m-rubrique.color-- .m-rubrique_item span:after {
  background: #D34E4F;
}

body.tpl-orange .m-rubrique.red-- {
  background: transparent;
}

body.tpl-orange .m-title_chapitre h2 {
  color: #D34E4F;
}

body.tpl-orange .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #D34E4F), color-stop(35%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(#D34E4F 65%, #D34E4F 35%) no-repeat;
}

body.tpl-orange .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #ffa784), color-stop(35%, #ffa784)) no-repeat;
  background: transparent linear-gradient(#ffa784 65%, #ffa784 35%) no-repeat;
}

body.tpl-orange .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #D34E4F), color-stop(35%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(#D34E4F 65%, #D34E4F 35%) no-repeat;
}

body.tpl-orange .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #ffa784), color-stop(35%, #ffa784)) no-repeat;
  background: transparent linear-gradient(#ffa784 65%, #ffa784 35%) no-repeat;
}

body.tpl-orange .m-msgFort_content {
  background: #D34E4F;
}

body.tpl-orange .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #D34E4F 35%) no-repeat;
}

body.tpl-orange .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #D34E4F 35%) no-repeat;
}

body.tpl-orange .m-btnLarge_content {
  background: #D34E4F;
}

body.tpl-orange .m-btnLarge_content:before, body.tpl-orange .m-btnLarge_content:after {
  background: #D34E4F;
}

body.tpl-orange .m-citation_text p:first-of-type:before, body.tpl-orange .m-citation_text p:first-of-type:after {
  color: #D34E4F;
}

body.tpl-orange .m-slider h3 {
  color: #D34E4F;
}

@media screen and (min-width: 1024px) {
  body.tpl-orange .c-press_item:hover h2 {
    color: #D34E4F;
  }
  body.tpl-orange .c-press_item:hover .c-press_date {
    color: #D34E4F;
  }
  body.tpl-orange .c-press_item:hover .c-press_date span {
    border-color: #D34E4F;
  }
}

body.tpl-orange .c-filter {
  background: #D34E4F;
}

@media screen and (min-width: 1024px) {
  body.tpl-orange .c-documents_item:hover > div {
    color: #D34E4F;
  }
}

body.tpl-orange .c-documents_item:hover .hover-- {
  color: #D34E4F;
}

body.tpl-orange .c-more span {
  border: 1px solid #D34E4F;
}

body.tpl-orange .c-more span:nth-child(2) {
  background: #D34E4F;
}

body.tpl-orange .c-loader span {
  border: 1px solid #D34E4F;
  -webkit-animation: opacity-orange 2000ms infinite ease-in-out;
          animation: opacity-orange 2000ms infinite ease-in-out;
}

body.tpl-orange .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-orange .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-orange .c-results_item:hover {
    color: #D34E4F;
  }
}

body.tpl-orange .m-results {
  color: #D34E4F;
}

@media screen and (min-width: 1024px) {
  body.tpl-orange .c-findus_item:hover > div {
    color: #D34E4F;
  }
}

body.tpl-orange .c-findus_btn {
  color: #ffa784;
}

body.tpl-orange .m-portrait_verbatim:before, body.tpl-orange .m-portrait_verbatim:after {
  color: #D34E4F;
}

body.tpl-orange .c-galleryBack p {
  color: #ffa784;
}

body.tpl-orange .c-galleryBack p svg {
  fill: #ffa784;
}

body.tpl-orange .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #D34E4F 35%) no-repeat;
}

body.tpl-orange .m-casesCarrousel_title {
  color: #D34E4F;
}

body.tpl-orange .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #D34E4F 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-orange .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-orange .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-orange .m-keyFigures_title {
  color: #D34E4F;
}

body.tpl-orange .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #D34E4F;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-orange .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #D34E4F, 1px -1px 0 #D34E4F, -1px 1px 0 #D34E4F, 1px 1px 0 #D34E4F;
  }
}

body.tpl-orange .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #D34E4F)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #D34E4F 40%) no-repeat;
}

body.tpl-orange .m-pillars_title {
  color: #D34E4F;
}

body.tpl-orange .m-timeline_title {
  color: #D34E4F;
}

body.tpl-orange .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #D34E4F), color-stop(40%, transparent));
  background: linear-gradient(0deg, #D34E4F 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-orange .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #D34E4F), color-stop(40%, transparent));
    background: linear-gradient(0deg, #D34E4F 50%, transparent 40%);
  }
}

body.tpl-orange .m-timeline_item span.active::before {
  color: #D34E4F;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-orange {
    background-color: #D34E4F;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-orange .c-hp_infoHover p {
    background-color: #D34E4F;
    -webkit-box-shadow: 8px 0px 0px 0px #D34E4F, -8px 0px 0px 0px #D34E4F;
            box-shadow: 8px 0px 0px 0px #D34E4F, -8px 0px 0px 0px #D34E4F;
    -moz-box-shadow: 8px 0px 0px 0px #D34E4F, -8px 0px 0px 0px #D34E4F;
  }
}

_:-ms-fullscreen, :root .tpl-orange .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-orange .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-orange {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #D34E4F;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-orange {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #D34E4F;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-azure {
  background-color: #00adef;
}

body.tpl-azure .btn-simple {
  color: #76d9ff;
}

body.tpl-azure .btn-valider svg {
  fill: #00adef;
}

body.tpl-azure .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-azure.svg");
}

body.tpl-azure .c-header {
  background: #00adef;
}

body.tpl-azure .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-azure .c-contact_toggle .cls-2 {
  fill: #00adef;
}

body.tpl-azure .m-rubrique {
  background: #00adef;
}

body.tpl-azure .m-rubrique:before {
  background: #00adef;
}

body.tpl-azure .m-rubrique.color-- {
  background: transparent;
}

body.tpl-azure .m-rubrique.color-- .m-rubrique_item {
  color: #00adef;
}

body.tpl-azure .m-rubrique.color-- .m-rubrique_item:after {
  background: #00adef;
}

body.tpl-azure .m-rubrique.color-- .m-rubrique_item span:after {
  background: #00adef;
}

body.tpl-azure .m-rubrique.red-- {
  background: transparent;
}

body.tpl-azure .m-title_chapitre h2 {
  color: #00adef;
}

body.tpl-azure .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #00adef), color-stop(35%, #00adef)) no-repeat;
  background: transparent linear-gradient(#00adef 65%, #00adef 35%) no-repeat;
}

body.tpl-azure .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #76d9ff), color-stop(35%, #76d9ff)) no-repeat;
  background: transparent linear-gradient(#76d9ff 65%, #76d9ff 35%) no-repeat;
}

body.tpl-azure .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #00adef), color-stop(35%, #00adef)) no-repeat;
  background: transparent linear-gradient(#00adef 65%, #00adef 35%) no-repeat;
}

body.tpl-azure .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #76d9ff), color-stop(35%, #76d9ff)) no-repeat;
  background: transparent linear-gradient(#76d9ff 65%, #76d9ff 35%) no-repeat;
}

body.tpl-azure .m-msgFort_content {
  background: #00adef;
}

body.tpl-azure .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #00adef)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #00adef 35%) no-repeat;
}

body.tpl-azure .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #00adef)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #00adef 35%) no-repeat;
}

body.tpl-azure .m-btnLarge_content {
  background: #00adef;
}

body.tpl-azure .m-btnLarge_content:before, body.tpl-azure .m-btnLarge_content:after {
  background: #00adef;
}

body.tpl-azure .m-citation_text p:first-of-type:before, body.tpl-azure .m-citation_text p:first-of-type:after {
  color: #00adef;
}

body.tpl-azure .m-slider h3 {
  color: #00adef;
}

@media screen and (min-width: 1024px) {
  body.tpl-azure .c-press_item:hover h2 {
    color: #00adef;
  }
  body.tpl-azure .c-press_item:hover .c-press_date {
    color: #00adef;
  }
  body.tpl-azure .c-press_item:hover .c-press_date span {
    border-color: #00adef;
  }
}

body.tpl-azure .c-filter {
  background: #00adef;
}

@media screen and (min-width: 1024px) {
  body.tpl-azure .c-documents_item:hover > div {
    color: #00adef;
  }
}

body.tpl-azure .c-documents_item:hover .hover-- {
  color: #00adef;
}

body.tpl-azure .c-more span {
  border: 1px solid #00adef;
}

body.tpl-azure .c-more span:nth-child(2) {
  background: #00adef;
}

body.tpl-azure .c-loader span {
  border: 1px solid #00adef;
  -webkit-animation: opacity-azure 2000ms infinite ease-in-out;
          animation: opacity-azure 2000ms infinite ease-in-out;
}

body.tpl-azure .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-azure .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-azure .c-results_item:hover {
    color: #00adef;
  }
}

body.tpl-azure .m-results {
  color: #00adef;
}

@media screen and (min-width: 1024px) {
  body.tpl-azure .c-findus_item:hover > div {
    color: #00adef;
  }
}

body.tpl-azure .c-findus_btn {
  color: #76d9ff;
}

body.tpl-azure .m-portrait_verbatim:before, body.tpl-azure .m-portrait_verbatim:after {
  color: #00adef;
}

body.tpl-azure .c-galleryBack p {
  color: #76d9ff;
}

body.tpl-azure .c-galleryBack p svg {
  fill: #76d9ff;
}

body.tpl-azure .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #00adef)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #00adef 35%) no-repeat;
}

body.tpl-azure .m-casesCarrousel_title {
  color: #00adef;
}

body.tpl-azure .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #00adef)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #00adef 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-azure .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-azure .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-azure .m-keyFigures_title {
  color: #00adef;
}

body.tpl-azure .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #00adef;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-azure .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #00adef, 1px -1px 0 #00adef, -1px 1px 0 #00adef, 1px 1px 0 #00adef;
  }
}

body.tpl-azure .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #00adef)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #00adef 40%) no-repeat;
}

body.tpl-azure .m-pillars_title {
  color: #00adef;
}

body.tpl-azure .m-timeline_title {
  color: #00adef;
}

body.tpl-azure .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #00adef), color-stop(40%, transparent));
  background: linear-gradient(0deg, #00adef 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-azure .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #00adef), color-stop(40%, transparent));
    background: linear-gradient(0deg, #00adef 50%, transparent 40%);
  }
}

body.tpl-azure .m-timeline_item span.active::before {
  color: #00adef;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-azure {
    background-color: #00adef;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-azure .c-hp_infoHover p {
    background-color: #00adef;
    -webkit-box-shadow: 8px 0px 0px 0px #00adef, -8px 0px 0px 0px #00adef;
            box-shadow: 8px 0px 0px 0px #00adef, -8px 0px 0px 0px #00adef;
    -moz-box-shadow: 8px 0px 0px 0px #00adef, -8px 0px 0px 0px #00adef;
  }
}

_:-ms-fullscreen, :root .tpl-azure .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-azure .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-azure {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #00adef;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-azure {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #00adef;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-gold {
  background-color: #e0c40d;
}

body.tpl-gold .btn-simple {
  color: #efd949;
}

body.tpl-gold .btn-valider svg {
  fill: #e0c40d;
}

body.tpl-gold .btn-dwld:after {
  background-image: url("../dist/assets/img/btn-dwld-gold.svg");
}

body.tpl-gold .c-header {
  background: #e0c40d;
}

body.tpl-gold .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-gold .c-contact_toggle .cls-2 {
  fill: #e0c40d;
}

body.tpl-gold .m-rubrique {
  background: #e0c40d;
}

body.tpl-gold .m-rubrique:before {
  background: #e0c40d;
}

body.tpl-gold .m-rubrique.color-- {
  background: transparent;
}

body.tpl-gold .m-rubrique.color-- .m-rubrique_item {
  color: #e0c40d;
}

body.tpl-gold .m-rubrique.color-- .m-rubrique_item:after {
  background: #e0c40d;
}

body.tpl-gold .m-rubrique.color-- .m-rubrique_item span:after {
  background: #e0c40d;
}

body.tpl-gold .m-rubrique.red-- {
  background: transparent;
}

body.tpl-gold .m-title_chapitre h2 {
  color: #e0c40d;
}

body.tpl-gold .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #e0c40d), color-stop(35%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(#e0c40d 65%, #e0c40d 35%) no-repeat;
}

body.tpl-gold .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #efd949), color-stop(35%, #efd949)) no-repeat;
  background: transparent linear-gradient(#efd949 65%, #efd949 35%) no-repeat;
}

body.tpl-gold .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #e0c40d), color-stop(35%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(#e0c40d 65%, #e0c40d 35%) no-repeat;
}

body.tpl-gold .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #efd949), color-stop(35%, #efd949)) no-repeat;
  background: transparent linear-gradient(#efd949 65%, #efd949 35%) no-repeat;
}

body.tpl-gold .m-msgFort_content {
  background: #e0c40d;
}

body.tpl-gold .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #e0c40d 35%) no-repeat;
}

body.tpl-gold .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #e0c40d 35%) no-repeat;
}

body.tpl-gold .m-btnLarge_content {
  background: #e0c40d;
}

body.tpl-gold .m-btnLarge_content:before, body.tpl-gold .m-btnLarge_content:after {
  background: #e0c40d;
}

body.tpl-gold .m-citation_text p:first-of-type:before, body.tpl-gold .m-citation_text p:first-of-type:after {
  color: #e0c40d;
}

body.tpl-gold .m-slider h3 {
  color: #e0c40d;
}

@media screen and (min-width: 1024px) {
  body.tpl-gold .c-press_item:hover h2 {
    color: #e0c40d;
  }
  body.tpl-gold .c-press_item:hover .c-press_date {
    color: #e0c40d;
  }
  body.tpl-gold .c-press_item:hover .c-press_date span {
    border-color: #e0c40d;
  }
}

body.tpl-gold .c-filter {
  background: #e0c40d;
}

@media screen and (min-width: 1024px) {
  body.tpl-gold .c-documents_item:hover > div {
    color: #e0c40d;
  }
}

body.tpl-gold .c-documents_item:hover .hover-- {
  color: #e0c40d;
}

body.tpl-gold .c-more span {
  border: 1px solid #e0c40d;
}

body.tpl-gold .c-more span:nth-child(2) {
  background: #e0c40d;
}

body.tpl-gold .c-loader span {
  border: 1px solid #e0c40d;
  -webkit-animation: opacity-gold 2000ms infinite ease-in-out;
          animation: opacity-gold 2000ms infinite ease-in-out;
}

body.tpl-gold .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-gold .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-gold .c-results_item:hover {
    color: #e0c40d;
  }
}

body.tpl-gold .m-results {
  color: #e0c40d;
}

@media screen and (min-width: 1024px) {
  body.tpl-gold .c-findus_item:hover > div {
    color: #e0c40d;
  }
}

body.tpl-gold .c-findus_btn {
  color: #efd949;
}

body.tpl-gold .m-portrait_verbatim:before, body.tpl-gold .m-portrait_verbatim:after {
  color: #e0c40d;
}

body.tpl-gold .c-galleryBack p {
  color: #fdee88;
}

body.tpl-gold .c-galleryBack p svg {
  fill: #fdee88;
}

body.tpl-gold .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #e0c40d 35%) no-repeat;
}

body.tpl-gold .m-casesCarrousel_title {
  color: #e0c40d;
}

body.tpl-gold .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #e0c40d 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-gold .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-gold .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-gold .m-keyFigures_title {
  color: #e0c40d;
}

body.tpl-gold .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #e0c40d;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-gold .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #e0c40d, 1px -1px 0 #e0c40d, -1px 1px 0 #e0c40d, 1px 1px 0 #e0c40d;
  }
}

body.tpl-gold .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #e0c40d)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #e0c40d 40%) no-repeat;
}

body.tpl-gold .m-pillars_title {
  color: #e0c40d;
}

body.tpl-gold .m-timeline_title {
  color: #e0c40d;
}

body.tpl-gold .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #e0c40d), color-stop(40%, transparent));
  background: linear-gradient(0deg, #e0c40d 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-gold .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #e0c40d), color-stop(40%, transparent));
    background: linear-gradient(0deg, #e0c40d 50%, transparent 40%);
  }
}

body.tpl-gold .m-timeline_item span.active::before {
  color: #e0c40d;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-gold {
    background-color: #e0c40d;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-gold .c-hp_infoHover p {
    background-color: #e0c40d;
    -webkit-box-shadow: 8px 0px 0px 0px #e0c40d, -8px 0px 0px 0px #e0c40d;
            box-shadow: 8px 0px 0px 0px #e0c40d, -8px 0px 0px 0px #e0c40d;
    -moz-box-shadow: 8px 0px 0px 0px #e0c40d, -8px 0px 0px 0px #e0c40d;
  }
}

_:-ms-fullscreen, :root .tpl-gold .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-gold .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-gold {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #e0c40d;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-gold {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #e0c40d;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

body.tpl-brown {
  background-color: #C69D6A;
}

body.tpl-brown .btn-simple {
  color: #C69D6A;
}

body.tpl-brown .btn-valider svg {
  fill: #C69D6A;
}

body.tpl-brown .btn-dwld:after {
  background-image: url("assets/img/btn-dwld-brown.html");
}

body.tpl-brown .c-header {
  background: #C69D6A;
}

body.tpl-brown .c-contact_toggle .cls-1 {
  fill: #ffffff;
}

body.tpl-brown .c-contact_toggle .cls-2 {
  fill: #C69D6A;
}

body.tpl-brown .m-rubrique {
  background: #C69D6A;
}

body.tpl-brown .m-rubrique:before {
  background: #C69D6A;
}

body.tpl-brown .m-rubrique.color-- {
  background: transparent;
}

body.tpl-brown .m-rubrique.color-- .m-rubrique_item {
  color: #C69D6A;
}

body.tpl-brown .m-rubrique.color-- .m-rubrique_item:after {
  background: #C69D6A;
}

body.tpl-brown .m-rubrique.color-- .m-rubrique_item span:after {
  background: #C69D6A;
}

body.tpl-brown .m-rubrique.red-- {
  background: transparent;
}

body.tpl-brown .m-title_chapitre h2 {
  color: #C69D6A;
}

body.tpl-brown .c-wysiwyg a {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #C69D6A), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(#C69D6A 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .c-wysiwyg a:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #C69D6A), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(#C69D6A 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .download-link {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #C69D6A), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(#C69D6A 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .download-link:hover {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, #C69D6A), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(#C69D6A 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .m-msgFort_content {
  background: #C69D6A;
}

body.tpl-brown .m-exergue h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .m-video_title h3 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .m-btnLarge_content {
  background: #C69D6A;
}

body.tpl-brown .m-btnLarge_content:before, body.tpl-brown .m-btnLarge_content:after {
  background: #C69D6A;
}

body.tpl-brown .m-citation_text p:first-of-type:before, body.tpl-brown .m-citation_text p:first-of-type:after {
  color: #C69D6A;
}

body.tpl-brown .m-slider h3 {
  color: #C69D6A;
}

@media screen and (min-width: 1024px) {
  body.tpl-brown .c-press_item:hover h2 {
    color: #C69D6A;
  }
  body.tpl-brown .c-press_item:hover .c-press_date {
    color: #C69D6A;
  }
  body.tpl-brown .c-press_item:hover .c-press_date span {
    border-color: #C69D6A;
  }
}

body.tpl-brown .c-filter {
  background: #C69D6A;
}

@media screen and (min-width: 1024px) {
  body.tpl-brown .c-documents_item:hover > div {
    color: #C69D6A;
  }
}

body.tpl-brown .c-documents_item:hover .hover-- {
  color: #C69D6A;
}

body.tpl-brown .c-more span {
  border: 1px solid #C69D6A;
}

body.tpl-brown .c-more span:nth-child(2) {
  background: #C69D6A;
}

body.tpl-brown .c-loader span {
  border: 1px solid #C69D6A;
  -webkit-animation: opacity-brown 2000ms infinite ease-in-out;
          animation: opacity-brown 2000ms infinite ease-in-out;
}

body.tpl-brown .c-loader span:nth-child(2) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}

body.tpl-brown .c-loader span:nth-child(3) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

@media screen and (min-width: 1024px) {
  body.tpl-brown .c-results_item:hover {
    color: #C69D6A;
  }
}

body.tpl-brown .m-results {
  color: #C69D6A;
}

@media screen and (min-width: 1024px) {
  body.tpl-brown .c-findus_item:hover > div {
    color: #C69D6A;
  }
}

body.tpl-brown .c-findus_btn {
  color: #C69D6A;
}

body.tpl-brown .m-portrait_verbatim:before, body.tpl-brown .m-portrait_verbatim:after {
  color: #C69D6A;
}

body.tpl-brown .c-galleryBack p {
  color: #C69D6A;
}

body.tpl-brown .c-galleryBack p svg {
  fill: #C69D6A;
}

body.tpl-brown .m-newsHighlight_title-highlighted {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(35%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(transparent 65%, #C69D6A 35%) no-repeat;
}

body.tpl-brown .m-casesCarrousel_title {
  color: #C69D6A;
}

body.tpl-brown .m-internalLink_text span {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #C69D6A 40%) no-repeat;
  background-size: 0% 100%;
  -webkit-transition: background 300ms ease-in;
  transition: background 300ms ease-in;
}

body.tpl-brown .m-internalLink_text span:hover {
  background-size: 103.075% 100%;
}

@media only screen and (max-width: 768px) {
  body.tpl-brown .m-internalLink_text span {
    background-size: 103.075% 100%;
    font-weight: 300;
  }
}

body.tpl-brown .m-keyFigures_title {
  color: #C69D6A;
}

body.tpl-brown .m-keyFigures_item_number {
  -webkit-text-stroke: 3px #C69D6A;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body.tpl-brown .m-keyFigures_item_number {
    text-shadow: -1px -1px 0 #C69D6A, 1px -1px 0 #C69D6A, -1px 1px 0 #C69D6A, 1px 1px 0 #C69D6A;
  }
}

body.tpl-brown .m-keyFigures_item_text {
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(40%, #C69D6A)) no-repeat;
  background: transparent linear-gradient(transparent 60%, #C69D6A 40%) no-repeat;
}

body.tpl-brown .m-pillars_title {
  color: #C69D6A;
}

body.tpl-brown .m-timeline_title {
  color: #C69D6A;
}

body.tpl-brown .m-timeline_item span::after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #C69D6A), color-stop(40%, transparent));
  background: linear-gradient(0deg, #C69D6A 60%, transparent 40%);
}

@media only screen and (max-width: 40em) {
  body.tpl-brown .m-timeline_item span::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #C69D6A), color-stop(40%, transparent));
    background: linear-gradient(0deg, #C69D6A 50%, transparent 40%);
  }
}

body.tpl-brown .m-timeline_item span.active::before {
  color: #C69D6A;
}

@media screen and (max-width: 1024px) {
  .c-hp_slide.tpl-brown {
    background-color: #C69D6A;
  }
}

@media screen and (min-width: 1024px) {
  .tpl-brown .c-hp_infoHover p {
    background-color: #C69D6A;
    -webkit-box-shadow: 8px 0px 0px 0px #C69D6A, -8px 0px 0px 0px #C69D6A;
            box-shadow: 8px 0px 0px 0px #C69D6A, -8px 0px 0px 0px #C69D6A;
    -moz-box-shadow: 8px 0px 0px 0px #C69D6A, -8px 0px 0px 0px #C69D6A;
  }
}

_:-ms-fullscreen, :root .tpl-brown .c-hp_infoHover p {
  box-shadow: none;
  -moz-box-shadow: none;
}

@supports (-ms-ime-align: auto) {
  .tpl-brown .c-hp_infoHover p {
    -webkit-box-shadow: none;
            box-shadow: none;
    -moz-box-shadow: none;
  }
}

@-webkit-keyframes opacity-brown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #C69D6A;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

@keyframes opacity-brown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
  15% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: #C69D6A;
  }
  30% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    background: #ffffff;
  }
}

#tarteaucitronRoot * {
  font-family: "Montserrat", sans-serif !important;
  -webkit-font-family: "Montserrat", sans-serif !important;
}

#tarteaucitronRoot .denyTxt {
  color: #2243e6;
}

#tarteaucitronRoot .allowTxt {
  color: #27a875;
}

#tarteaucitronRoot .tarteaucitronServiceInputCheckbox + .tarteaucitronLabelCheckBox .tarteaucitronCheckBoxBt {
  background: #2243e6;
}

#tarteaucitronRoot .tarteaucitronServiceInputCheckbox:checked + .tarteaucitronLabelCheckBox .tarteaucitronCheckBoxBt {
  background: #27a875;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  background: #ffffff;
  left: 1.6875vw;
  right: 1.6875vw;
  width: 96.625vw;
  bottom: 1.375vw;
  z-index: 9998;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig {
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

#tarteaucitronRoot #tarteaucitronAlertBigContent {
  max-width: 1200px;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  font-size: 19px;
  line-height: 1.37;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 1.1875vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 19px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 15px;
  }
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronAlertButtons {
  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;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
  display: none;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDenyAll {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 0;
  background: #2243e6;
  margin: 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 10px 18px;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDenyAll {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDenyAll {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDenyAll {
    font-size: 15px;
  }
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 0;
  font-weight: bold;
  color: #ff778a;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 10px 0 10px 25px;
  background: url("../dist/assets/img/fleche-cookies.svg") left center no-repeat;
  background-size: 21px 17px;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    font-size: 15px;
  }
}

#tarteaucitronRoot .tarteaucitronLabelCheckBox:before {
  display: none;
}

#tarteaucitronRoot .tarteaucitronH1 {
  font-size: 76px;
  font-weight: 800;
  line-height: 1.13;
  color: #2243e6;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 4.75vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 76px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronH1 {
    font-size: 24px;
    margin: 0;
  }
}

#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2,
#tarteaucitronRoot .tarteaucitronTitle,
#tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.33;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2,
  #tarteaucitronRoot .tarteaucitronTitle,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
    font-size: 1.875vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2,
  #tarteaucitronRoot .tarteaucitronTitle,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
    font-size: 30px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronH2,
  #tarteaucitronRoot .tarteaucitronTitle,
  #tarteaucitronRoot #tarteaucitron .tarteaucitronH3 {
    font-size: 20px;
    margin: 0 0 10px 0 !important;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot .tarteaucitronTitle {
    margin: 15px 0 15px 0 !important;
    padding: 0 !important;
  }
}

#tarteaucitronRoot #tarteaucitronInfo {
  font-size: 20px;
  line-height: 1.5;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronInfo {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitronInfo {
    font-size: 20px;
  }
}

#tarteaucitronRoot #tarteaucitronBack {
  z-index: 9997;
}

#tarteaucitronRoot #tarteaucitron {
  z-index: 9999;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices {
    margin-top: 0 !important;
    padding: 25px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  width: 75%;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
    width: 100% !important;
    margin: 15px 0;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
    font-size: 16px;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {
  text-decoration: none;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  width: 20%;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
    width: 100%;
    margin: 0 0 15px 0 !important;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronContainerRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronContainerRadio {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  padding: 0 0 15px 0 !important;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
  width: 26px;
  height: 26px;
  text-indent: -9999px;
  padding: 0;
  background: url("../dist/assets/img/btn-close.svg") center center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel {
    top: 20px;
    width: 20px;
    height: 20px;
  }
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel:after {
  display: none;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo {
  color: #000000;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl {
  background: none;
  color: #000000;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
  margin: 0;
}

#tarteaucitronRoot a,
#tarteaucitronRoot #tarteaucitronPrivacyUrl {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.55;
  background: #2243e6 !important;
  color: #ffffff !important;
  padding: 0 4px !important;
  border-radius: 0;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot a,
  #tarteaucitronRoot #tarteaucitronPrivacyUrl {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot a,
  #tarteaucitronRoot #tarteaucitronPrivacyUrl {
    font-size: 20px;
  }
}

#tarteaucitronRoot a:hover,
#tarteaucitronRoot #tarteaucitronPrivacyUrl:hover {
  text-decoration: none;
  background: #ff778a !important;
}

#tarteaucitronRoot #tarteaucitronBottomButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#tarteaucitronRoot #tarteaucitronBottomButtons #tarteaucitronBottomButtonsClose {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 0;
  background: #2243e6;
  margin: 5px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  color: white;
  padding: 10px 18px;
}

@media screen and (min-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronBottomButtons #tarteaucitronBottomButtonsClose {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  #tarteaucitronRoot #tarteaucitronBottomButtons #tarteaucitronBottomButtonsClose {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  #tarteaucitronRoot #tarteaucitronBottomButtons #tarteaucitronBottomButtonsClose {
    font-size: 15px;
  }
}

.tac_activate .tac_float {
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  .tac_activate .tac_float {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .tac_activate .tac_float {
    font-size: 20px;
  }
}

.tac_activate .tac_float .tarteaucitronAllow {
  background: #27a875;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}

@media screen and (min-width: 1024px) {
  .tac_activate .tac_float .tarteaucitronAllow {
    font-size: 1.25vw;
  }
}

@media screen and (min-width: 1600px) {
  .tac_activate .tac_float .tarteaucitronAllow {
    font-size: 20px;
  }
}

.c-hp_accroche{
  transform: translateY(0vh) !important;
}

.m-trombinoscope_item img{
  min-height: 250px !important;
  width: 100% !important;
}
.findus .m-3blocs_item.c-wysiwyg {
  width: 45.088146%;
  /* margin-right: 20px; */
  padding: 0px 170px 0px 0px;
}
.findus .m-3blocs_item.c-wysiwyg h1{
  margin-bottom: 30px;
  font-size: 45px;
}
.findus .m-3blocs_item.c-wysiwyg {
    margin-left: 8.5106383%;
}
.findus .m-3blocs_item.c-wysiwyg p{
  line-height: 1.8;
  font-size: 17px;
  width: 70%;
}


.press .m-3blocs_item.c-wysiwyg {
  width: 100%;
  /* margin-right: 20px; */
  padding: 0px 100px 0px 0px;
  margin-top: 70px;
}
.press .m-3blocs_item.c-wysiwyg {
    margin-left: 8.5106383%;
}
.press .m-3blocs_item.c-wysiwyg p{
  line-height: 1.8;
  font-size: 17px;
  font-weight: bold;
}
.press .m-3blocs_item.c-wysiwyg h1 {
  font-size: 3.575vw ;
}
.row1{
  display: flex;
}
.row1 ul li{
  padding: 5px 0px;
  font-size: 15px;
}
.m-citation_compagny{
  margin-top: 2px;
  line-height: 1.5;
}


.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 27px;
  float: right;
  margin-top: 5px;
}
.switch .allow{
  margin-left: -50px;
  font-weight: bold;
  color: #4caf50;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
    height: 21px;
    width: 20px;
    left: 2px;
    bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4caf50;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.cookiesettings h1{
  font-size: 50px;
  color: #2243e6 ;
  font-weight: bold;
}
.cookiesettings .close{
  font-size: 50px;
  color: #2243e6 ;
  font-weight: bold;
}
.cookiesettings .modal-content{
  padding: 10px 20px;
}
.m-rubrique a{
  color: #fff !important;
  text-decoration:none !important;
}

.m-rubrique.sticky-- {
  left: -1.6875vw;
  width: calc(100% + 3.375vw);
  padding-left: 1.6875vw;
  padding-right: 1.6875vw;
}
.row1 .col-sm-41{
  width: 40%;
  margin-left: 10%;
}
.row1 .col-sm-81{
  width: 60%;
}
.row1 .col-sm-81 img{
  margin: auto;
}
body.tpl-red1 .c-header {
  background: #60AE86  !important;
}
body.tpl-red1 .m-red {
  background: #60AE86  !important;
}
body.tpl-red1 .m-red:before {
  background: #60AE86  !important;
}
body.tpl-yellow{
  background: #F1C943 !important;
}
body.tpl-yellow .c-header {
  background: #F1C943  !important;
}
body.tpl-yellow .m-yellow {
  background: #F1C943  !important;
}
body.tpl-yellow .m-yellow:before {
  background: #F1C943  !important;
}

body.tpl-cyan{
  background: #37bef0 !important;
}
body.tpl-cyan .c-header {
  background: #37bef0  !important;
}
body.tpl-cyan .m-yellow {
  background: #37bef0  !important;
}
body.tpl-cyan .m-yellow:before {
  background: #37bef0  !important;
}

body.tpl-press .c-wysiwyg a:hover {
  background: transparent!important;
  color: #D34E4F !important;
}

body.tpl-press .c-wysiwyg a {
  background: transparent!important;
  color: #000 !important;
  text-decoration: none !important;
}

/* @media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100% !important;
}
} */
.pressin h1{
  text-align: center;
}

@media (max-width:768px){
  /* .c-hp_slider{
    margin-top: -20px;
  } */
  .indexslide{
    display: none !important;
  }
  .tns-nav{
    display: none !important;
  }.findus .m-3blocs_item.c-wysiwyg {
    margin-left: 0.5106383%;
}
.findus .m-3blocs_item.c-wysiwyg {
    width: 100%;
    /* margin-right: 20px; */
    padding: 0px 0px 0px 0px;
}.findus .m-3blocs_item.c-wysiwyg p {
  line-height: 1.8;
  font-size: 17px;
  width: 100%;
}.findus .m-3blocs_item.c-wysiwyg h1 {
  margin-bottom: 30px;
  font-size: 35px;
}.press .m-3blocs_item.c-wysiwyg h1 {
  font-size: 6.875vw;
}
.press .m-3blocs_item.c-wysiwyg {
    margin-left: 0.5106383%;
}.press .m-3blocs_item.c-wysiwyg {
  width: 100%;
  /* margin-right: 20px; */
  padding: 0px 0px 0px 0px;
}.m-trombinoscope_item {
  width: calc(50% - 10px);
  margin-right: 0;
  margin-bottom: 25px;
}.m-trombinoscope_item img {
  min-height: 140px !important;
}.page-template-tpl-trombinoscope .m-trombinoscope_content.show-- {
    display: flex;
    opacity: 1;
    justify-content: space-evenly;
}.m-trombinoscope p {
    font-size: 11px;
}
.cookiesettings h1 {
  font-size: 25px;
  color: #2243e6;
  font-weight: bold;
}.c-wysiwyg h1, .c-wysiwyg h2, .c-wysiwyg h3, .c-wysiwyg h4, .c-wysiwyg h5, .c-wysiwyg h6 {
  font-size: 18px;
  line-height: 1.2;
}.c-hp_accroche .container {
  padding: 0px 15px !important;
  font-size: 31px !important;
}.leaders {
    width: 100% !important;
    padding: 0 3.188vw 0 3.188vw !important;
}.c-accordeon_title{
  padding-left: 0px;
}
}
@media screen and (max-width: 1024px){
.c-hp_accroche .container {
    width: calc(95% + 52px);
    padding: 0px 15px;
}.whoweleft{
  padding-left: 0px !important;
}.dataa{
  padding-left: 0px;
}.data-cont{
  padding: 0px 0px 80px 0px ;
}.switch {
  float: left;
  margin-left: 50px;
  margin-top: 15px;
}
}

.whowearee ul{
  padding-left: 0px !important;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1600px !important;
}
}

.c-contact_content .btn-form{
  float:right !important;
}


/* .slick-track,
.slick-list {
  height: 100vh;
} */

/* .slick-dotted.slick-slider {
  margin: 0;
} */

/* .slides {
  width: 100%;
  height: 100vh; }
  
  .slides .slide {
    color: #419be0;
    background: black;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
 
} */

/* .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left;}
  
  .slick-dots li {
    display: block;
  
} */

.mobile-content{
  display: none;
}

.c-hp_slide .container{
      padding: 0 1.188vw 0 6.888vw !important;
}
@media (max-width:768px){
  .sys-view{
    display: none;
  }.mobile-content{
    display: block;
  }.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}.c-hp_slide {
  width: 100vw;
  height: 100vh !important;
  -webkit-height: 100vh !important;
}.slick-list{
  min-height: 100% !important;
}.slick-track {
    position: relative;
    top: 0px !important;
}
.slick-dots {
  position: absolute;
   bottom: 235px !important;
  right: -160px !important;
  transform: rotate(90deg);
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px !important;
  z-index: 0;
}.c-contact_container {
  left: 0vw;
}.c-footer_contact {
  margin-left: 10px;
}.modal-dialog{
        margin: 0px auto !important;
}.slick-dots li button:before{
    color:#fff !important;
    opacity :.9 !important;
    font-size: 5px !important;
    line-height: 26px !important;
}.slick-dots li.slick-active button:before {
    opacity:1;
    color: #f9f9f9;
    font-size: 8px !important;
    line-height: 26px !important;
}.leaders  ul{
    padding-left:0.5rem;
}.modal-backdrop.show {
    opacity: 1 !important;
    background:#fff !important;
}.modal-content{
    border:none !important;
}
}

@media screen and (min-width: 2455px){
.c-hp_accroche {
    position: absolute;
    width: 38.951368% !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1600px){
.c-hp_accroche {
    position: absolute;
    width: 59.951368% !important;
}.c-hp_accroche {
    font-size: 4.95vw !important;
}
}
@media screen and (min-width: 1661px) and (max-width: 2454px){
.container {
    width: 100% !important;
    padding: 0 7.188vw 0 7.188vw !important;
}#tns1 > .tns-item {
    font-size: 63px !important;
}.c-hp_accroche {
    width: calc( 745px + 5.188vw*2);
}
}
.slick-slide {
  opacity:0.2;
  transition:opacity 1.5s ease-out;
}

.slick-active {
   opacity:1!important;
   transition:opacity 1.5s ease-in;
   }

.slick-cloned {
   opacity: 0.3;
}

.hc-header-text{
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
}

.hc-small-text{
  color: white;
    font-size: 10px;
}

.grey-bg{
  background-color: #ccc;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
    font-size: 14px;
}

.grey-bg-header{
  font-size: 12px;
  font-weight: 600;
}

.investment-header{
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 1.5rem;
}

.investment-text{
  font-size: 12px !important;

  .lh-lg{
    line-height: 40px !important;
  }
}


.basic-info-left{
  background-color: #dee2e5;
  padding: 15px;
  font-size: 14px;
}

.basic-info-right{
  background-color: #f8f9fa;
    padding: 15px;
    font-size: 14px;
    flex: 1;

    ul li{
      font-size: 14px;
        list-style: disc;
        line-height:  26px;
        font-weight: 500;
    }
}

.basic-bar{
  width: 100%;
    display: grid;
    grid-template-columns: 16% 84%;
    margin-bottom: 2rem;
  
}

.red-bt-border{
  border-bottom: 1.8px solid #f57591;
}

.black-bt-border {
  border-bottom: 1.8px solid #727272;
}

.basic-info-row{
  width: 100%;
  display: grid;
  grid-template-columns: 15% 85%;
}

.basic-info-bt-hr{
  border-bottom: 1.8px solid #757575;
}

@media screen and (max-width: 1024px) {
  .holding-companies{
    align-content: flex-start;
  }

    .basic-info-row{
  grid-template-columns: 30% 70%;
    }
}