@charset "UTF-8";
html, body {
  height: 100%;
}

html {
  font-family: sans-serif;
  box-sizing: border-box;
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-text-stroke: rgba(255, 255, 255, 0.01) 0.1px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
}

div {
  line-height: initial;
}

* {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  max-height: 100000px;
  border: 0;
  background: none;
  background-repeat: no-repeat !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*::before, *::after {
  margin: 0;
  padding: 0;
  background-repeat: no-repeat !important;
  box-sizing: inherit;
}

/* HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
nav, section, summary {
  display: block;
}

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

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

[hidden], template {
  display: none;
}

/* Links
   ========================================================================== */
a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  outline: 0;
  text-indent: 2px;
  line-height: normal;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0;
}

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

input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

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

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

input:focus, select:focus, textarea, div {
  outline: none !important;
}

input:required {
  box-shadow: none;
}

input::-ms-clear, textarea::-ms-clear {
  display: none;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

/* BODY HEIGHT = min VIEW PORT HEIGHT 
   http://community.sitepoint.com/t/100-min-height-viewport/6449/2 
   ========================================================================== */
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

#body_wrapper::after {
  clear: both;
  content: "";
  display: block;
  height: 1%; /*fix IE8*/
  font-size: 0;
}

* html #body_wrapper {
  height: 100%;
}

/* A RANGER 
   ========================================================================== */
p, li, h1, h2, h3, h4, h5, h6 {
  cursor: default;
}

a {
  text-decoration: none;
  display: inline-block;
}
a p, a h1, a h2, a h3, a h4, a h5, a h6 {
  cursor: inherit;
}

button p, button h1, button h2, button h3, button h4, button h5, button h6 {
  cursor: inherit;
}

a, button {
  outline: 0;
}

ul {
  list-style-type: none;
}

/* ANIMATION DEFAULT 
   ========================================================================== */
* {
  animation-fill-mode: both !important;
}

img {
  user-select: none;
}

label {
  -webkit-text-stroke: #000;
}

/* ================================================================================
    VARIABLES  
==================================================================================*/
div, time, div, a, p, input, li, h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  color: #333;
}

p, h1, h2, h3, h4, h5, h6 {
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: 0.3px;
  word-spacing: 0.5px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

p, h1, h2, h3, h4, h5, h6 {
  user-select: text;
}

a, p {
  font-size: 15px;
}

.format p, form.post-password-form p, footer .commentaire_bandeau_image p, form.quform-form .quform-element .quform-element-html .quform-spacer p, .format li, form.post-password-form li, footer .commentaire_bandeau_image li, form.quform-form .quform-element .quform-element-html .quform-spacer li, .format a, form.post-password-form a, footer .commentaire_bandeau_image a, form.quform-form .quform-element .quform-element-html .quform-spacer a, .format h1, form.post-password-form h1, footer .commentaire_bandeau_image h1, form.quform-form .quform-element .quform-element-html .quform-spacer h1, .format h2, form.post-password-form h2, footer .commentaire_bandeau_image h2, form.quform-form .quform-element .quform-element-html .quform-spacer h2, .format h3, form.post-password-form h3, footer .commentaire_bandeau_image h3, form.quform-form .quform-element .quform-element-html .quform-spacer h3, .format h4, form.post-password-form h4, footer .commentaire_bandeau_image h4, form.quform-form .quform-element .quform-element-html .quform-spacer h4, .format h5, form.post-password-form h5, footer .commentaire_bandeau_image h5, form.quform-form .quform-element .quform-element-html .quform-spacer h5, .format h6, form.post-password-form h6, footer .commentaire_bandeau_image h6, form.quform-form .quform-element .quform-element-html .quform-spacer h6 {
  color: #56565a;
}
.format p, form.post-password-form p, footer .commentaire_bandeau_image p, form.quform-form .quform-element .quform-element-html .quform-spacer p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #152326;
  letter-spacing: 0px;
  word-spacing: 0px;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 15px;
}
@media (width < 567px) {
  .format p, form.post-password-form p, footer .commentaire_bandeau_image p, form.quform-form .quform-element .quform-element-html .quform-spacer p {
    font-size: 15px;
    text-align: left !important;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
.format p span, form.post-password-form p span, footer .commentaire_bandeau_image p span, form.quform-form .quform-element .quform-element-html .quform-spacer p span {
  -webkit-text-stroke: #152326;
}
.format blockquote, form.post-password-form blockquote, footer .commentaire_bandeau_image blockquote, form.quform-form .quform-element .quform-element-html .quform-spacer blockquote {
  padding: 40px 1% 30px;
}
.format blockquote p, form.post-password-form blockquote p, footer .commentaire_bandeau_image blockquote p, form.quform-form .quform-element .quform-element-html .quform-spacer blockquote p {
  font-size: 16px;
  font-weight: 600;
  color: #152326;
  text-align: left;
  line-height: 1.8;
}
.format a, form.post-password-form a, footer .commentaire_bandeau_image a, form.quform-form .quform-element .quform-element-html .quform-spacer a {
  font-size: 16px;
  font-weight: 700;
  color: #152326;
  line-height: 1.5;
  letter-spacing: 0px;
  word-spacing: 0px;
  -webkit-text-stroke: #152326;
  text-decoration: underline;
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
}
.format a:hover, form.post-password-form a:hover, footer .commentaire_bandeau_image a:hover, form.quform-form .quform-element .quform-element-html .quform-spacer a:hover {
  color: #e30613;
}
@media (width < 567px) {
  .format a, form.post-password-form a, footer .commentaire_bandeau_image a, form.quform-form .quform-element .quform-element-html .quform-spacer a {
    font-size: 15px;
    text-align: left !important;
    line-height: 1.4;
  }
}
.format h1, form.post-password-form h1, footer .commentaire_bandeau_image h1, form.quform-form .quform-element .quform-element-html .quform-spacer h1 {
  font-size: 42px;
}
.format h2, form.post-password-form h2, footer .commentaire_bandeau_image h2, form.quform-form .quform-element .quform-element-html .quform-spacer h2 {
  font-size: 36px;
  margin-bottom: 40px !important;
}
@media (width < 567px) {
  .format h2, form.post-password-form h2, footer .commentaire_bandeau_image h2, form.quform-form .quform-element .quform-element-html .quform-spacer h2 {
    font-size: 24px;
    margin-bottom: 30px !important;
  }
}
.format h3, form.post-password-form h3, footer .commentaire_bandeau_image h3, form.quform-form .quform-element .quform-element-html .quform-spacer h3 {
  font-size: 24px;
}
@media (width < 567px) {
  .format h3, form.post-password-form h3, footer .commentaire_bandeau_image h3, form.quform-form .quform-element .quform-element-html .quform-spacer h3 {
    font-size: 20px;
  }
}
.format h4, form.post-password-form h4, footer .commentaire_bandeau_image h4, form.quform-form .quform-element .quform-element-html .quform-spacer h4 {
  font-size: 18px;
}
@media (width < 567px) {
  .format h4, form.post-password-form h4, footer .commentaire_bandeau_image h4, form.quform-form .quform-element .quform-element-html .quform-spacer h4 {
    font-size: 16px;
  }
}
.format h5, form.post-password-form h5, footer .commentaire_bandeau_image h5, form.quform-form .quform-element .quform-element-html .quform-spacer h5 {
  font-size: 14px;
}
.format h6, form.post-password-form h6, footer .commentaire_bandeau_image h6, form.quform-form .quform-element .quform-element-html .quform-spacer h6 {
  font-size: 13px;
}
.format h1, form.post-password-form h1, footer .commentaire_bandeau_image h1, form.quform-form .quform-element .quform-element-html .quform-spacer h1, .format h2, form.post-password-form h2, footer .commentaire_bandeau_image h2, form.quform-form .quform-element .quform-element-html .quform-spacer h2, .format h3, form.post-password-form h3, footer .commentaire_bandeau_image h3, form.quform-form .quform-element .quform-element-html .quform-spacer h3, .format h4, form.post-password-form h4, footer .commentaire_bandeau_image h4, form.quform-form .quform-element .quform-element-html .quform-spacer h4, .format h5, form.post-password-form h5, footer .commentaire_bandeau_image h5, form.quform-form .quform-element .quform-element-html .quform-spacer h5, .format h6, form.post-password-form h6, footer .commentaire_bandeau_image h6, form.quform-form .quform-element .quform-element-html .quform-spacer h6 {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #000000;
  line-height: 1.1;
  padding-top: 15px;
  margin-bottom: 20px;
  letter-spacing: 1.5;
  text-transform: uppercase;
}
.format h1 a, form.post-password-form h1 a, footer .commentaire_bandeau_image h1 a, form.quform-form .quform-element .quform-element-html .quform-spacer h1 a, .format h2 a, form.post-password-form h2 a, footer .commentaire_bandeau_image h2 a, form.quform-form .quform-element .quform-element-html .quform-spacer h2 a, .format h3 a, form.post-password-form h3 a, footer .commentaire_bandeau_image h3 a, form.quform-form .quform-element .quform-element-html .quform-spacer h3 a, .format h4 a, form.post-password-form h4 a, footer .commentaire_bandeau_image h4 a, form.quform-form .quform-element .quform-element-html .quform-spacer h4 a, .format h5 a, form.post-password-form h5 a, footer .commentaire_bandeau_image h5 a, form.quform-form .quform-element .quform-element-html .quform-spacer h5 a, .format h6 a, form.post-password-form h6 a, footer .commentaire_bandeau_image h6 a, form.quform-form .quform-element .quform-element-html .quform-spacer h6 a {
  font-size: inherit;
}
.format h5, form.post-password-form h5, footer .commentaire_bandeau_image h5, form.quform-form .quform-element .quform-element-html .quform-spacer h5, .format h6, form.post-password-form h6, footer .commentaire_bandeau_image h6, form.quform-form .quform-element .quform-element-html .quform-spacer h6 {
  font-weight: 700;
  text-transform: uppercase;
}
.format li, form.post-password-form li, footer .commentaire_bandeau_image li, form.quform-form .quform-element .quform-element-html .quform-spacer li {
  font-size: 16px;
  font-weight: 400;
  color: #152326;
  line-height: 1.5;
  list-style-type: none;
  margin-bottom: 5px;
  vertical-align: top;
  padding-left: 15px;
  position: relative;
  letter-spacing: 0px;
  word-spacing: 0px;
}
@media (width < 567px) {
  .format li, form.post-password-form li, footer .commentaire_bandeau_image li, form.quform-form .quform-element .quform-element-html .quform-spacer li {
    font-size: 15px;
    line-height: 1.4;
  }
}
.format ul, form.post-password-form ul, footer .commentaire_bandeau_image ul, form.quform-form .quform-element .quform-element-html .quform-spacer ul, .format ol, form.post-password-form ol, footer .commentaire_bandeau_image ol, form.quform-form .quform-element .quform-element-html .quform-spacer ol {
  padding: 0px 0px 10px 0px;
  display: table;
}
.format ul, form.post-password-form ul, footer .commentaire_bandeau_image ul, form.quform-form .quform-element .quform-element-html .quform-spacer ul {
  margin-bottom: 6px;
}
.format ul li::before, form.post-password-form ul li::before, footer .commentaire_bandeau_image ul li::before, form.quform-form .quform-element .quform-element-html .quform-spacer ul li::before {
  content: "•";
  color: #152326;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 2px;
}
.format ol, form.post-password-form ol, footer .commentaire_bandeau_image ol, form.quform-form .quform-element .quform-element-html .quform-spacer ol {
  margin-left: 0px;
  counter-reset: foo;
}
.format ol li, form.post-password-form ol li, footer .commentaire_bandeau_image ol li, form.quform-form .quform-element .quform-element-html .quform-spacer ol li {
  counter-increment: foo;
  padding-left: 35px;
  margin-bottom: 25px;
}
.format ol li::before, form.post-password-form ol li::before, footer .commentaire_bandeau_image ol li::before, form.quform-form .quform-element .quform-element-html .quform-spacer ol li::before {
  content: counter(foo) "";
  margin-right: 5px;
  background-color: #e30613;
  color: #fff;
  height: 25px;
  width: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  font-weight: 600;
  position: absolute;
  left: 0px;
  line-height: 1.4;
  top: 0px;
}
.format hr, form.post-password-form hr, footer .commentaire_bandeau_image hr, form.quform-form .quform-element .quform-element-html .quform-spacer hr {
  border-top: 0.5px inset rgba(85, 85, 85, 0.2);
  margin-top: 8px;
  margin-bottom: 25px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.format iframe, form.post-password-form iframe, footer .commentaire_bandeau_image iframe, form.quform-form .quform-element .quform-element-html .quform-spacer iframe {
  width: 100%;
  height: auto;
}
.format table, form.post-password-form table, footer .commentaire_bandeau_image table, form.quform-form .quform-element .quform-element-html .quform-spacer table {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 50px;
}
.format table thead, form.post-password-form table thead, footer .commentaire_bandeau_image table thead, form.quform-form .quform-element .quform-element-html .quform-spacer table thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.format table thead th, form.post-password-form table thead th, footer .commentaire_bandeau_image table thead th, form.quform-form .quform-element .quform-element-html .quform-spacer table thead th {
  font-size: 14px;
  font-weight: 900;
}
.format table tbody, form.post-password-form table tbody, footer .commentaire_bandeau_image table tbody, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody {
  padding-top: 50px;
}
.format table tbody tr:not(:last-child), form.post-password-form table tbody tr:not(:last-child), footer .commentaire_bandeau_image table tbody tr:not(:last-child), form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.format table tbody tr td, form.post-password-form table tbody tr td, footer .commentaire_bandeau_image table tbody tr td, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td {
  padding: 10px;
  font-size: 16px;
  font-size: 95%;
  font-weight: 400;
  color: #152326;
  letter-spacing: 0px;
  word-spacing: 0px;
  vertical-align: top;
}
.format table tbody tr td, form.post-password-form table tbody tr td, footer .commentaire_bandeau_image table tbody tr td, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td, .format table tbody tr td p, form.post-password-form table tbody tr td p, footer .commentaire_bandeau_image table tbody tr td p, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td p {
  line-height: 1.3;
}
@media (width < 567px) {
  .format table tbody tr td, form.post-password-form table tbody tr td, footer .commentaire_bandeau_image table tbody tr td, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td {
    font-size: 15px;
  }
}
.format table tbody tr td:first-child, form.post-password-form table tbody tr td:first-child, footer .commentaire_bandeau_image table tbody tr td:first-child, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td:first-child {
  padding-left: 0;
}
.format table tbody tr td:not(:last-child), form.post-password-form table tbody tr td:not(:last-child), footer .commentaire_bandeau_image table tbody tr td:not(:last-child), form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.format table tbody tr td p, form.post-password-form table tbody tr td p, footer .commentaire_bandeau_image table tbody tr td p, form.quform-form .quform-element .quform-element-html .quform-spacer table tbody tr td p {
  margin-bottom: 0;
}
.format .wp-caption, form.post-password-form .wp-caption, footer .commentaire_bandeau_image .wp-caption, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption {
  background: #f1f1f1;
  max-width: 100%;
  margin: 10px 0 15px 0px;
}
.format .wp-caption img, form.post-password-form .wp-caption img, footer .commentaire_bandeau_image .wp-caption img, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption img {
  width: 100%;
  height: auto;
}
.format .wp-caption p, form.post-password-form .wp-caption p, footer .commentaire_bandeau_image .wp-caption p, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption p {
  font-size: 11px;
  font-style: italic;
  text-align: center;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  padding: 10px 0;
  margin-top: -5px;
}
.format .wp-caption.alignleft, form.post-password-form .wp-caption.alignleft, footer .commentaire_bandeau_image .wp-caption.alignleft, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption.alignleft {
  float: left;
  width: auto;
  margin: 10px 30px 15px 0;
}
.format .wp-caption.alignright, form.post-password-form .wp-caption.alignright, footer .commentaire_bandeau_image .wp-caption.alignright, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption.alignright {
  float: right;
  width: auto;
  margin: 10px 0 15px 30px;
}
.format .wp-caption.aligncenter, form.post-password-form .wp-caption.aligncenter, footer .commentaire_bandeau_image .wp-caption.aligncenter, form.quform-form .quform-element .quform-element-html .quform-spacer .wp-caption.aligncenter {
  margin: 20px auto 30px;
  display: block;
}
.format img.aligncenter, form.post-password-form img.aligncenter, footer .commentaire_bandeau_image img.aligncenter, form.quform-form .quform-element .quform-element-html .quform-spacer img.aligncenter {
  display: block;
  margin: 0 auto;
}

.no-href {
  cursor: default;
}

.inside, .content {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
}

.bloc_container {
  height: 100%;
}

.bloc, .page.groupe-edc .banner.schema .schema-container .container .text_container p, .banner.gdpr .content .button-container button, .contact-form form button[type=submit] p, #header .search_container.small .icon, #header .buttons_menu_container .search_container .icon {
  display: inline-block;
  vertical-align: middle;
  line-height: normal !important;
  width: 100%;
}

.frame {
  display: flex;
  justify-content: center;
  align-items: center;
}
.frame img {
  width: 100%;
}

.image_container, .logo-container, .icon-container {
  position: relative;
  height: 100%;
}
.image_container img, .logo-container img, .icon-container img {
  width: 100%;
  height: auto;
}

.image {
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation: fade 1.2s;
}
.image.contain {
  background-size: contain;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.icon {
  display: inline-block;
}

svg {
  height: 100%;
  width: 100%;
}

.abs, .page.nos_produits .banner.top .image_container, .page.groupe-edc .banner.top .image_container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.preload {
  display: none !important;
}

.break-word {
  overflow-wrap: break-word;
  display: block;
}

.clearfix::before, .contact-form form::before,
.clearfix::after,
.contact-form form::after {
  content: "";
  display: block;
}

.clearfix::after, .contact-form form::after {
  clear: both;
}

*[my-parallax] {
  opacity: 0;
}

.fadeOut {
  animation-duration: 0.2s;
  animation-name: fadeOut;
}

*[back-img], *[back-asset] {
  opacity: 0;
  transition: opacity 1s;
}

.cache-left, #nav_desktop > ul > li > ul {
  position: relative;
}
.cache-left::before, #nav_desktop > ul > li > ul::before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 2000%;
  position: absolute;
  right: 100%;
  top: 0;
  background: inherit;
}

.cache-right, #nav_desktop > ul > li > ul {
  position: relative;
}
.cache-right::after, #nav_desktop > ul > li > ul::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 2000%;
  position: absolute;
  left: 100%;
  top: 0;
  background: inherit;
}

.cache-bottom-left, .cache-left-bottom {
  position: relative;
}
.cache-bottom-left::after, .cache-left-bottom::after {
  content: "";
  display: inline-block;
  height: 10000%;
  width: 2000%;
  position: absolute;
  right: 0;
  top: 100%;
  background: inherit;
}

.cache-bottom {
  position: relative;
}
.cache-bottom::after {
  content: "";
  display: inline-block;
  height: 10000%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  background: inherit;
}

.cache-bottom-right, .cache-right-bottom {
  position: relative;
}
.cache-bottom-right::after, .cache-right-bottom::after {
  content: "";
  display: inline-block;
  height: 10000%;
  width: 2000%;
  position: absolute;
  left: 0%;
  top: 100%;
  background: inherit;
}

.block {
  display: block !important;
}

.laptop-on, .l-on {
  display: none !important;
}
@media (width < 1367px) {
  .laptop-on, .l-on {
    display: inline-block !important;
  }
}

@media (width < 1367px) {
  .laptop-off, .l-off {
    display: none !important;
  }
}

.tablet-on, .t-on {
  display: none !important;
}
@media (width < 1226px) {
  .tablet-on, .t-on {
    display: inline-block !important;
  }
}

@media (width < 1226px) {
  .tablet-off, .t-off {
    display: none !important;
  }
}

.td-on {
  display: none !important;
}
@media (width < 1025px) {
  .td-on {
    display: inline-block !important;
  }
}

@media (width < 1025px) {
  .td-off {
    display: none !important;
  }
}

.tp-on {
  display: none !important;
}
@media (width < 820px) {
  .tp-on {
    display: inline-block !important;
  }
}

@media (width < 820px) {
  .tp-off {
    display: none !important;
  }
}

.mobile-on, .m-on {
  display: none !important;
}
@media (width < 567px) {
  .mobile-on, .m-on {
    display: inline-block !important;
  }
}

@media (width < 567px) {
  .mobile-off, .m-off {
    display: none !important;
  }
}

.sm-on {
  display: none !important;
}
@media (width < 374px) {
  .sm-on {
    display: inline-block !important;
  }
}

@media (width < 374px) {
  .sm-off {
    display: none !important;
  }
}

@media (width < 1226px) {
  .tablet-paddings {
    padding-left: 6% !important;
    padding-right: 6% !important;
  }
}
@media (width < 567px) {
  .tablet-paddings {
    padding-left: 6% !important;
    padding-right: 6% !important;
  }
}

@media (width < 567px) {
  .mobile-paddings {
    padding-left: 6% !important;
    padding-right: 6% !important;
  }
}

@media (width < 1226px) {
  .tablet-paddings-off {
    padding-left: 0;
    padding-right: 0;
  }
}

.paddings {
  padding: 0 70px;
}
@media (width < 1226px) {
  .paddings {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (width < 567px) {
  .paddings {
    padding-left: 6%;
    padding-right: 6%;
  }
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  width: 100%;
  background: #fff;
}
@media (width < 717px) {
  html {
    background: #152326;
  }
}

body {
  width: 100%;
  overflow-x: hidden;
  height: auto;
}
body.no_scroll header,
body.no_scroll footer,
body.no_scroll main > div {
  padding-right: 15px; /* Avoid width reflow */
}
@media (width < 1025px) {
  body.no_scroll header,
  body.no_scroll footer,
  body.no_scroll main > div {
    padding-right: 0;
  }
}

#body_wrapper {
  background: #fff;
  width: 100%;
  min-height: 100%;
  position: relative;
}
@media (width < 717px) {
  #body_wrapper {
    background: #152326;
  }
}

#main {
  position: relative;
  background: #fff;
  z-index: 10;
  margin-top: -5px;
}

.page_overlay {
  position: fixed;
  top: 150px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  display: none;
  background: #000;
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
}
.page_overlay.active {
  display: block;
  animation: fade_80 0.3s;
}
.page_overlay.remove-active {
  display: block;
  animation: fadeOut_80_hide 0.3s;
}

.banner {
  display: inline-block;
  width: 100%;
  clear: both;
  position: relative;
}

.banner_content {
  max-width: 1300px;
  padding: 0 70px;
  margin: 0 auto;
  height: 100%;
  transition: max-width 1s;
  position: relative;
}
@media (width < 1226px) {
  .banner_content {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (width < 567px) {
  .banner_content {
    padding-left: 6%;
    padding-right: 6%;
  }
}

.col {
  width: 50%;
  position: relative;
  height: 100%;
  float: left;
}
.col.left {
  float: left;
}
.col.right {
  float: right;
}

.col-left {
  display: inline-block;
  position: relative;
  width: 36.5%;
  float: left;
}

.col-right {
  display: inline-block;
  position: relative;
  width: 63.5%;
  float: right;
}

@keyframes fade_left_menu_l1 {
  0% {
    opacity: 0;
    letter-spacing: 2px;
  }
  10% {
    opacity: 0;
  }
  10% {
    transform: translate3d(50px, 0px, 0px);
  }
  20% {
    opacity: 0;
  }
  55% {
    transform: translate3d(0px, 0px, 0px);
  }
  80% {
    letter-spacing: 1px;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_left_menu_l2_p {
  0% {
    opacity: 0;
  }
  10% {
    transform: translate3d(50px, 0px, 0px);
  }
  55% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_left_menu_l3_p {
  0% {
    opacity: 0;
  }
  10% {
    transform: translate3d(50px, 0px, 0px);
  }
  55% {
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_scale {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  10% {
    opacity: 0;
  }
  50% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_scale_80 {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  10% {
    opacity: 0;
  }
  70% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_scale_90 {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  10% {
    opacity: 0;
  }
  70% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_scale_95 {
  0% {
    opacity: 0;
    transform: scale(0.95);
  }
  10% {
    opacity: 0;
  }
  70% {
    transform: scale(1);
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_95 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}
@keyframes fade_90 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
  }
}
@keyframes fade_80 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes fade_70 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes fade_60 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut_hide {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes fadeOut_60_hide {
  0% {
    opacity: 0.6;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes fadeOut_70_hide {
  0% {
    opacity: 0.7;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes fadeOut_80_hide {
  0% {
    opacity: 0.8;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes fadeOut_90_hide {
  0% {
    opacity: 0.9;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes fadeOut_95_hide {
  0% {
    opacity: 0.95;
  }
  99% {
    opacity: 0;
    height: 100%;
  }
  100% {
    height: 0;
  }
}
@keyframes grow {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes scale {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale_50 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale_75 {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale_90 {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale_95 {
  0% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes move_left {
  0% {
    transform: translate3d(100px, 0px, 0px);
  }
  100% {
    transform: translate3d(0px, 0px, 0px);
  }
}
@keyframes move_up_15 {
  0% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes move_up_10 {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes move_up_5 {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes fade_move {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
*[when-visible=fade],
*[when-visible=fade_late],
*[when-visible=scale],
*[when-visible=up],
*[when-visible=down],
*[when-visible=left],
*[when-visible=right],
*[when-visible=width],
*[when-visible=discover] {
  opacity: 0;
}

.not-visible {
  opacity: 0;
}

.fade-in-when-visible {
  animation-duration: 0.8s;
  animation-name: fade;
}

@keyframes scale_wv {
  0% {
    transform: scale(0.75);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.scale-in-when-visible {
  animation-duration: 0.9s;
  animation-name: scale_wv;
}

@keyframes up_wv {
  0% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
.up-when-visible {
  animation-duration: 2s;
  animation-name: up_wv;
}

@keyframes down_wv {
  0% {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
.down-when-visible {
  animation-duration: 2s;
  animation-name: down_wv;
}

@keyframes left_wv {
  0% {
    opacity: 0;
    transform: translate3d(10px, 0px, 0);
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
.left-when-visible {
  animation-duration: 2s;
  animation-name: left_wv;
}

@keyframes right_wv {
  0% {
    opacity: 0;
    transform: translate3d(-10px, 0px, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
.right-when-visible {
  animation-duration: 2s;
  animation-name: right_wv;
}

@keyframes width_wv {
  0% {
    opacity: 0;
    width: 0;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}
.width-when-visible {
  animation-duration: 1s;
  animation-name: width_wv;
}

@keyframes discover_wv {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0%, 0, 0);
  }
}
.discover-when-visible {
  animation-duration: 1s;
  animation-name: discover_wv;
}

#loading_bar {
  height: 3px;
  width: 0%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  transition: width 2s;
  background: rgba(227, 6, 19, 0.9);
}
@media (width < 1226px) {
  #loading_bar {
    background: rgba(255, 255, 255, 0.3);
  }
}

.loader {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  height: 100%;
}
.loader .loader-content {
  height: 100%;
  width: 100%;
  animation: fade 2s;
}
@keyframes loader_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader .loader-circle, .loader .loader-line-mask {
  position: absolute;
  left: calc(50% - 60px);
  top: calc(50% - 35px);
  height: 120px;
}
.loader .loader-circle {
  width: 120px;
  border-radius: 50%;
}
.loader .loader-line-mask {
  width: 60px;
  overflow: hidden;
  transform-origin: 60px 60px;
  animation: loader_rotate 1.2s infinite linear;
}
.loader .loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
}

.loader-white .loader-circle, .loader-white .loader-line-mask {
  top: calc(50% - 60px);
}
.loader-white .loader-circle {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.loader-white .loader-line-mask {
  mask-image: -webkit-linear-gradient(top, #000000, rgba(255, 255, 255, 0.08));
}
.loader-white .loader-line-mask .loader-line {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.loader-grey {
  height: 500px;
}
.loader-grey .loader-circle, .loader-grey .loader-line-mask {
  top: calc(50% - 60px);
}
.loader-grey .loader-circle {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.loader-grey .loader-line-mask {
  mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0.05));
}
.loader-grey .loader-line-mask .loader-line {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.spinner {
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  overflow: visible;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
#wpadminbar {
  background: rgba(35, 40, 45, 0.95) !important;
  width: auto !important;
  min-width: 0px !important;
  padding-right: 10px;
  border-bottom-right-radius: 13px;
  z-index: 99999999 !important;
}
#wpadminbar:hover {
  background: rgba(35, 40, 45, 0.95) !important;
}
#wpadminbar #wp-admin-bar-root-default > li a::before {
  transition: none !important;
}
#wpadminbar #wp-admin-bar-root-default > li.hover a {
  color: #eee !important;
}
#wpadminbar #wp-admin-bar-root-default > li.hover a::before {
  color: rgba(240, 245, 250, 0.6) !important;
}
#wpadminbar #wp-admin-bar-root-default > li a:hover, #wpadminbar #wp-admin-bar-root-default > li a:hover::before {
  color: #00b9eb !important;
}
#wpadminbar #wp-toolbar, #wpadminbar #wp-admin-bar-root-default {
  height: 100%;
}
#wpadminbar .ab-sub-wrapper,
#wpadminbar #wp-admin-bar-new_draft,
#wpadminbar #wp-admin-bar-top-secondary {
  display: none !important;
}
#wpadminbar .ab-sub-wrapper,
#wpadminbar #wp-admin-bar-all-in-one-seo-pack,
#wpadminbar #wp-admin-bar-search {
  display: none;
}
#wpadminbar #wp-admin-bar-site-name a::before {
  top: 3px !important;
}
@media (width < 567px) {
  #wpadminbar #wp-admin-bar-site-name a::before {
    top: 7px !important;
  }
}
#wpadminbar #wp-admin-bar-my-log-out {
  margin-left: 7px;
}
#wpadminbar #wp-admin-bar-my-log-out a.ab-item {
  position: relative;
}
#wpadminbar #wp-admin-bar-my-log-out a.ab-item img {
  display: none;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 0px;
}
#wpadminbar #wp-admin-bar-my-log-out a.ab-item::before {
  top: 3px;
  left: 2px;
  content: "\f242" !important;
  transform: scale(0.9);
}

.date.container {
  z-index: 100;
}
.date.container .clearfix, .date.container .contact-form form, .contact-form .date.container form {
  *zoom: 1;
}
.date.container .clearfix:before, .date.container .contact-form form:before, .contact-form .date.container form:before,
.date.container .clearfix:after,
.date.container .contact-form form:after,
.contact-form .date.container form:after {
  display: table;
  content: "";
  line-height: 0;
}
.date.container .clearfix:after, .date.container .contact-form form:after, .contact-form .date.container form:after {
  clear: both;
}
.date.container .hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.date.container .input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.date.container .date-picker-date-time {
  position: absolute;
}
.date.container .date-range .date-picker-date-time {
  position: inherit;
}
.date.container [date-picker-wrapper] {
  position: absolute;
  min-width: 220px;
  z-index: 1000;
  display: block;
  font-size: 14px;
  background: #fff;
}
.date.container [date-time-append] [date-picker-wrapper] [date-picker] {
  margin-top: -30px;
}
.date.container [date-time-append] [date-picker] {
  position: relative;
  margin-right: -1000px;
  margin-bottom: -1000px;
}
.date.container [date-range] [date-picker] .after.before {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #499dcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f6ab4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f6ab4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f6ab4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff2f6ab4", GradientType=0);
  border-color: #2f6ab4 #2f6ab4 #1f4677;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f6ab4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.date.container [date-range] [date-picker] .after.before:hover,
.date.container [date-range] [date-picker] .after.before:active,
.date.container [date-range] [date-picker] .after.before.active,
.date.container [date-range] [date-picker] .after.before.disabled,
.date.container [date-range] [date-picker] .after.before[disabled] {
  color: #ffffff;
  background-color: #2f6ab4;
  *background-color: #2a5ea0;
}
.date.container [date-range] [date-picker] .after.before:active,
.date.container [date-range] [date-picker] .after.before.active {
  background-color: #24528c \9 ;
}
.date.container [date-picker].hidden {
  display: none;
}
.date.container [date-picker] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  /* GENERAL */
  padding: 4px;
  /* SPECIFIC */
}
.date.container [date-picker] table {
  margin: 0;
}
.date.container [date-picker] td,
.date.container [date-picker] th {
  padding: 4px 5px;
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}
.date.container [date-picker] .switch {
  width: 145px;
}
.date.container [date-picker] span {
  display: block;
  width: 23%;
  height: 26px;
  line-height: 25px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.date.container [date-picker] span:hover {
  background: #eeeeee;
}
.date.container [date-picker] span.disabled,
.date.container [date-picker] span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.date.container [date-picker] .active,
.date.container [date-picker] .now {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.date.container [date-picker] .active:hover,
.date.container [date-picker] .now:hover,
.date.container [date-picker] .active:active,
.date.container [date-picker] .now:active,
.date.container [date-picker] .active.active,
.date.container [date-picker] .now.active,
.date.container [date-picker] .active.disabled,
.date.container [date-picker] .now.disabled,
.date.container [date-picker] .active[disabled],
.date.container [date-picker] .now[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.date.container [date-picker] .active:active,
.date.container [date-picker] .now:active,
.date.container [date-picker] .active.active,
.date.container [date-picker] .now.active {
  background-color: #003399 \9 ;
}
.date.container [date-picker] .now {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ee735b;
  background-image: -moz-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#ee905b));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: -o-linear-gradient(top, #ee5f5b, #ee905b);
  background-image: linear-gradient(to bottom, #ee5f5b, #ee905b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffee905b", GradientType=0);
  border-color: #ee905b #ee905b #e56218;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ee905b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.date.container [date-picker] .now:hover,
.date.container [date-picker] .now:active,
.date.container [date-picker] .now.active,
.date.container [date-picker] .now.disabled,
.date.container [date-picker] .now[disabled] {
  color: #ffffff;
  background-color: #ee905b;
  *background-color: #ec8044;
}
.date.container [date-picker] .now:active,
.date.container [date-picker] .now.active {
  background-color: #e9712d \9 ;
}
.date.container [date-picker] .disabled {
  background: none;
  color: #999999 !important;
  cursor: default;
}
.date.container [date-picker] [ng-switch-when=year] span,
.date.container [date-picker] [ng-switch-when=month] span,
.date.container [date-picker] [ng-switch-when=minutes] span {
  height: 54px;
  line-height: 54px;
}
.date.container [date-picker] [ng-switch-when=date] td {
  padding: 0;
}
.date.container [date-picker] [ng-switch-when=date] span {
  width: 100%;
  height: 26px;
  line-height: 26px;
}
.date.container [date-picker] th:hover,
.date.container [date-picker] [ng-switch-when=date] td span:hover {
  background: #eeeeee;
  cursor: pointer;
}

/*
 * jQuery FlexSlider v2.3.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Ville Ristimäki (@villeristi)
 * 
 */
/* ====================================================================================================================
 * DJO CUSTOM
 * ====================================================================================================================*/
ul.slides, li.slide {
  height: 100%;
}

ul.slides li.slide {
  user-select: none;
}

ul.slides li.slide:not(.flex-active-slide) {
  opacity: 0;
}

ul.slides li.slide:not(.flex-active-slide) .bloc *, ul.slides li.slide:not(.flex-active-slide) .page.groupe-edc .banner.schema .schema-container .container .text_container p *, .page.groupe-edc .banner.schema .schema-container .container .text_container ul.slides li.slide:not(.flex-active-slide) p *, ul.slides li.slide:not(.flex-active-slide) .banner.gdpr .content .button-container button *, .banner.gdpr .content .button-container ul.slides li.slide:not(.flex-active-slide) button *, ul.slides li.slide:not(.flex-active-slide) .contact-form form button[type=submit] p *, .contact-form form button[type=submit] ul.slides li.slide:not(.flex-active-slide) p *, ul.slides li.slide:not(.flex-active-slide) #header .search_container.small .icon *, #header .search_container.small ul.slides li.slide:not(.flex-active-slide) .icon *, ul.slides li.slide:not(.flex-active-slide) #header .buttons_menu_container .search_container .icon *, #header .buttons_menu_container .search_container ul.slides li.slide:not(.flex-active-slide) .icon * {
  display: none;
}

ol.flex-control-paging {
  left: 72px;
  bottom: 40px;
  width: 100%;
  z-index: 70;
  text-align: center;
}
@media (width < 1226px) {
  ol.flex-control-paging {
    text-align: left;
    left: calc(6% - 10px);
    bottom: 18px;
  }
}
ol.flex-control-paging li {
  height: 25px;
  width: 22px;
  display: inline-block;
}
ol.flex-control-paging li a {
  height: 100%;
  width: 100%;
  display: inline-block;
  position: relative;
}
ol.flex-control-paging li a::after {
  content: "";
  border-radius: 20px;
  border: 1px solid #fff;
  background: #fff;
  position: absolute;
  left: 9px;
  top: 9px;
  width: 13px;
  height: 13px;
}
ol.flex-control-paging li a.flex-active {
  cursor: default;
}
ol.flex-control-paging li a.flex-active::after, ol.flex-control-paging li a:hover::after {
  border: 1px solid #000;
  background: #000000;
}

.flex-viewport {
  height: 100% !important;
}

ol.flex-control-nav {
  list-style-type: none;
  position: absolute;
}

.flex-control-paging li a {
  cursor: pointer;
  user-select: none;
  transition: background 0.1s;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.ps {
  position: relative;
  -ms-touch-action: none;
}

.ps__rail-y {
  left: auto !important;
  right: 0px !important;
  width: 8px !important;
}
.ps__rail-y:hover {
  cursor: pointer;
}
.ps__rail-y .ps__thumb-y {
  right: 0px !important;
  width: 8px !important;
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
form.quform-form {
  max-width: 900px;
}
form.quform-form .quform-group-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  color: #999999;
  margin-bottom: 15px;
}
form.quform-form .quform-element-group {
  margin-bottom: 20px !important;
}
form.quform-form .quform-spacer .quform-label {
  margin-bottom: 10px;
}
form.quform-form .quform-spacer {
  padding-bottom: 0;
}
form.quform-form .quform-spacer .quform-label {
  display: none;
  margin-bottom: 10px;
}
form.quform-form .quform-spacer .quform-inner .quform-input {
  /**************  PLACEHOLDER   ***************/
}
form.quform-form .quform-spacer .quform-inner .quform-input input, form.quform-form .quform-spacer .quform-inner .quform-input textarea {
  font-size: 16px;
  font-weight: 700;
  padding-left: 0px;
  color: #000;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
form.quform-form .quform-spacer .quform-inner .quform-input input:focus, form.quform-form .quform-spacer .quform-inner .quform-input textarea:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
form.quform-form .quform-spacer .quform-inner .quform-input input {
  height: 50px;
  background-position: 95% 50% !important;
}
form.quform-form .quform-spacer .quform-inner .quform-input textarea {
  height: 120px;
  resize: none !important;
}
form.quform-form .quform-spacer .quform-inner .quform-input input::placeholder, form.quform-form .quform-spacer .quform-inner .quform-input textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8) !important;
  text-align: left;
  letter-spacing: 0.5px;
}
@media (width < 1025px) {
  form.quform-form .quform-spacer .quform-inner .quform-input input::placeholder, form.quform-form .quform-spacer .quform-inner .quform-input textarea::placeholder {
    font-size: 16px;
  }
}
@media (width < 567px) {
  form.quform-form .quform-spacer .quform-inner .quform-input input::placeholder, form.quform-form .quform-spacer .quform-inner .quform-input textarea::placeholder {
    font-size: 16px;
  }
}
form.quform-form .quform-spacer .quform-inner .quform-input input:focus::placeholder, form.quform-form .quform-spacer .quform-inner .quform-input textarea:focus::placeholder {
  opacity: 0.4 !important;
}
form.quform-form .quform-element {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  animation-fill-mode: both !important;
}
form.quform-form .quform-element:nth-child(1) {
  animation-delay: -0.01s;
  animation-duration: 0.6s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(2) {
  animation-delay: 0.03s;
  animation-duration: 0.7s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(3) {
  animation-delay: 0.07s;
  animation-duration: 0.8s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(4) {
  animation-delay: 0.11s;
  animation-duration: 0.9s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(5) {
  animation-delay: 0.15s;
  animation-duration: 1s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(6) {
  animation-delay: 0.19s;
  animation-duration: 1.1s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(7) {
  animation-delay: 0.23s;
  animation-duration: 1.2s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(8) {
  animation-delay: 0.27s;
  animation-duration: 1.3s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(9) {
  animation-delay: 0.31s;
  animation-duration: 1.4s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(10) {
  animation-delay: 0.35s;
  animation-duration: 1.5s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(11) {
  animation-delay: 0.39s;
  animation-duration: 1.6s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(12) {
  animation-delay: 0.43s;
  animation-duration: 1.7s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(13) {
  animation-delay: 0.47s;
  animation-duration: 1.8s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(14) {
  animation-delay: 0.51s;
  animation-duration: 1.9s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(15) {
  animation-delay: 0.55s;
  animation-duration: 2s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(16) {
  animation-delay: 0.59s;
  animation-duration: 2.1s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(17) {
  animation-delay: 0.63s;
  animation-duration: 2.2s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(18) {
  animation-delay: 0.67s;
  animation-duration: 2.3s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(19) {
  animation-delay: 0.71s;
  animation-duration: 2.4s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element:nth-child(20) {
  animation-delay: 0.75s;
  animation-duration: 2.5s;
  animation-name: fade_scale_95;
}
form.quform-form .quform-element.quform-element-file .quform-upload-button:hover {
  background: rgb(127.6266094421, 3.3733905579, 10.6824034335);
}
form.quform-form .quform-element.quform-element-checkbox {
  margin-bottom: 0px;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer {
  margin-bottom: 0;
  padding-bottom: 0;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-label {
  display: none !important;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox {
  padding: 0px 0;
  margin-bottom: 0px;
  width: 100%;
  display: inline-block;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox input:checked + label::before {
  border: 1px solid #e30613;
  background: #e30613;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox input:checked + label::after {
  opacity: 1;
  transform: scale(1);
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox input {
  display: none;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label {
  padding-left: 35px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
  transform: translateY(-2px);
  line-height: 1.2;
  user-select: none;
  position: relative;
  display: inline-block;
  font-size: 16px;
}
@media (width < 1025px) {
  form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label {
    font-size: 16px;
  }
}
@media (width < 567px) {
  form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label {
    font-size: 16px;
  }
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.6);
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10.5px;
  left: 6.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  opacity: 0;
  transition: transform 0.1s;
  transform: scale(0);
  background: white;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox .quform-input-checkbox label .quform-option-text a {
  text-decoration: underline !important;
  -webkit-text-stroke: blue;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox p.quform-description {
  display: none !important;
  margin-top: -21px;
  padding: 3px 0 0px 40px;
  z-index: -1;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox p.quform-description, form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox p.quform-description a {
  font-size: 1rem;
  color: #333 !important;
  line-height: 1.4;
  font-style: normal;
  text-align: left;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox p.quform-description a {
  color: #00497f;
  display: inline;
  text-decoration: underline !important;
  -webkit-text-stroke: blue;
  z-index: 10;
  position: relative;
}
form.quform-form .quform-element.quform-element-checkbox .quform-spacer .quform-inner-checkbox p.quform-description a:hover {
  color: #fff;
}
form.quform-form .quform-edit-form {
  display: none !important;
}
form.quform-form .quform-edit-form .quform-edit-form-link {
  background: #fff;
}
form.quform-form .quform-element.quform-has-error {
  transition: margin 0.5s;
}
form.quform-form .quform-element.quform-has-error .quform-error {
  margin-top: -4px;
  background: #e30613;
  padding: 3px 0;
}
form.quform-form .quform-element.quform-has-error .quform-error .quform-error-inner {
  background: #e30613;
  color: #fff;
  font-size: 12px;
  padding-left: 17px;
}

form.quform-form .quform-element .quform-element-html {
  padding-top: 0px;
  margin-bottom: 0;
  float: none !important;
}
form.quform-form .quform-element .quform-element-html .quform-spacer {
  float: right;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #e30613;
}
form.quform-form .quform-element .quform-element-html .quform-spacer a {
  display: inline;
}

form.quform-form .quform-element .quform-element-file {
  margin-top: 10px;
  display: inline-block;
  padding-right: 15px;
}
form.quform-form .quform-element .quform-element-file .quform-upload-button {
  height: 40px;
  width: 100%;
  background: transparent;
  transition: background 1s;
  text-align: left;
  padding-left: 50px;
}
form.quform-form .quform-element .quform-element-file .quform-upload-button:hover {
  background: white;
}
form.quform-form .quform-element .quform-element-file .quform-upload-button .quform-upload-button-icon {
  width: 20px;
  display: inline-block;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 11px;
}
form.quform-form .quform-element .quform-element-file .quform-upload-button .quform-upload-button-text {
  display: inline-block;
  padding-top: 4px;
  font-size: 13px;
}
form.quform-form .quform-element .quform-element-file .quform-upload-button input {
  height: 100%;
}

.quform-upload-progress-wrap {
  animation: fade 0.5s;
  margin: 0px 0 !important;
}
.quform-upload-progress-wrap .quform-upload-progress-bar-wrap .quform-upload-progress-bar {
  background: #e30613 !important;
  height: 2px;
  transition: width 1s;
}

.quform-element-submit {
  margin-top: 0 !important;
}
.quform-element-submit .quform-button-submit {
  float: left !important;
}
.quform-element-submit .quform-button-submit button.quform-submit {
  color: #fff;
  text-transform: uppercase;
  padding: 12px 25px;
  text-align: center;
  background: #e30613;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0px;
  user-select: none;
  transition: background 0s !important;
}
.quform-element-submit .quform-button-submit button.quform-submit:hover {
  background: rgb(207.1253218884, 5.4746781116, 17.3364806867);
}
.quform-element-tree {
  display: none !important;
}

div.quform-element-select {
  transition: margin-top 0.5s;
  text-align: left;
  position: relative;
  z-index: 99999999 !important;
}
div.quform-element-select label {
  margin-top: 15px;
}
div.quform-element-select * {
  color: #000;
}
div.quform-element-select.focus-submitted {
  margin-top: 40px;
}

@keyframes plyr-progress {
  to {
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr video,
.plyr audio,
.plyr iframe {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: var(--plyr-badge-background, hsl(216, 15%, 34%));
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0;
}
.plyr__controls:empty {
  display: none;
}

.plyr [data-plyr=captions],
.plyr [data-plyr=pip],
.plyr [data-plyr=airplay],
.plyr [data-plyr=fullscreen] {
  display: none;
}

.plyr--captions-enabled [data-plyr=captions],
.plyr--pip-supported [data-plyr=pip],
.plyr--airplay-supported [data-plyr=airplay],
.plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: "";
  height: 0;
  position: absolute;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
  display: flex;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
  padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
  right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
  position: relative;
  width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
  left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
  background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(34.68, 39.576, 46.92, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  display: block;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none; /* stylelint-disable-line */
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2));
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time::before {
  content: "⁄";
  margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: calc(768px - 1px)) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr__tooltip {
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr__progress {
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}
.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none; /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(34.68, 39.576, 46.92, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6));
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type=range] {
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6)));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1));
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(34.68, 39.576, 46.92, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, rgba(193.4175, 199.8435, 209.4825, 0.6));
}

.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
  border: 0;
  border-radius: 100%;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(34.68, 39.576, 46.92, 0.15), 0 0 0 1px rgba(34.68, 39.576, 46.92, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: hsl(216, 15%, 16%);
  border-radius: 2px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px)/2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image_container {
  background: hsl(216, 15%, 79%);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image_container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

:root {
  --plyr-color-main: $touche1;
}

.plyr__controls__item.plyr__volume {
  display: none !important;
}

.plyr--full-ui input[type=range] {
  color: #e30613;
}

.plyr__control--overlaid {
  background: rgba(0, 0, 0, 0.8);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #000;
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.5);
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #000;
}

.plyr__video-wrapper video.fullscreen {
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100% !important;
}

.fil-ariane {
  margin-bottom: 12px;
  font-size: 12px;
}
.fil-ariane * {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.fil-ariane a:hover {
  -webkit-text-stroke: #000;
  text-decoration: underline;
}

@keyframes tel_email_container {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(calc(100% - 55px));
  }
}
.tel-email-container {
  background: #e30613;
  z-index: 101;
  display: inline-block;
  box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.4);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 8px 30px 8px 60px;
  animation-fill-mode: none !important;
  position: fixed;
  right: 0px;
  top: 200px;
  transition: transform 2s;
  transform: translate3d(411px, 0, 0);
  transform: translateX(calc(100% - 55px));
}
@media (width < 1025px) {
  .tel-email-container {
    transition: transform 1s;
    transform: translate3d(416px, 0, 0);
    transform: translateX(calc(100% - 50px));
    top: 130px;
  }
}
@media (width < 567px) {
  .tel-email-container {
    padding: 8px 30px 8px 50px;
    transform: translate3d(285px, 0, 0);
    transform: translateX(calc(100% - 35px));
    top: 117px;
  }
}
.tel-email-container .icons-container {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 9px;
  width: 40px;
  height: 40px;
}
@media (width < 1025px) {
  .tel-email-container .icons-container {
    width: 35px;
    height: 35px;
    left: 8px;
  }
}
@media (width < 567px) {
  .tel-email-container .icons-container {
    width: 25px;
    height: 25px;
    left: 6px;
  }
}
.tel-email-container .icons-container .icon {
  width: 100%;
  height: 40px;
  display: inline-block;
}
@media (width < 1025px) {
  .tel-email-container .icons-container .icon {
    height: 35px;
  }
}
@media (width < 567px) {
  .tel-email-container .icons-container .icon {
    height: 25px;
  }
}
.tel-email-container .icons-container .icon * {
  fill: #fff;
}
.tel-email-container.hover {
  transition: transform 0.9s;
  transform: translateX(0%);
}
@media (width < 567px) {
  .tel-email-container.hover {
    transform: translateX(90px);
  }
}
@media (width < 374px) {
  .tel-email-container.hover {
    transform: translateX(40px);
  }
}
.tel-email-container.hover .texts-container {
  transition: opacity 1.5s !important;
  opacity: 1 !important;
}
.tel-email-container .text_container {
  padding: 3px 0px 3px 0px;
  position: relative;
}
@media (width < 567px) {
  .tel-email-container .text_container {
    padding: 3px 0px 3px 0px;
  }
}
.tel-email-container .text_container .text * {
  color: #fff;
}
.tel-email-container .text_container .text.ligne1 {
  margin-bottom: 15px;
}
@media (width < 567px) {
  .tel-email-container .text_container .text p {
    font-size: 13px;
    line-height: 1.3;
  }
}
.tel-email-container .text_container .text a {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
}
.tel-email-container .text_container .text a:hover {
  -webkit-text-stroke: #fff;
  text-decoration: underline;
}
@media (width < 1025px) {
  .tel-email-container .text_container .text a {
    -webkit-text-stroke: #fff;
    text-decoration: underline;
  }
}
@media (width < 567px) {
  .tel-email-container .text_container .text a {
    font-size: 16px;
    line-height: 1.5;
  }
}

a.link {
  border: 1px solid #e30613;
  transition: border 0.5s;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  letter-spacing: 0px;
  background: #e30613;
  padding: 10px 20px;
}
a.link:hover, a.link:focus {
  background: #fff;
  color: #e30613;
}

.banner.call-to-action {
  padding: 60px 0 65px;
  text-align: center;
  background: #00497f;
  background: #1e497b;
  position: relative;
  margin-top: -6px;
}
@media (width < 820px) {
  .banner.call-to-action {
    padding: 60px 0 60px;
  }
}
@media (width < 567px) {
  .banner.call-to-action {
    padding: 40px 0 40px;
  }
}
.banner.call-to-action .text_container {
  margin-bottom: 25px;
}
.banner.call-to-action .text_container * {
  color: #fff;
  font-weight: 900;
  font-size: 36px;
}
@media (width < 567px) {
  .banner.call-to-action .text_container * {
    font-size: 18px;
  }
}
.banner.call-to-action a {
  border: 1px solid #e30613;
  transition: border 0.5s;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  letter-spacing: 0px;
  background: #e30613;
  padding: 10px 20px;
}
@media (width < 567px) {
  .banner.call-to-action a {
    font-size: 11px;
  }
}
.banner.call-to-action a:hover, .banner.call-to-action a:focus {
  background: #fff;
  color: #e30613;
}

footer {
  overflow-y: hidden;
  background: #fff;
  margin-top: -6px;
}
@media (width < 717px) {
  footer {
    background: #fff;
  }
}
footer #footer_top {
  background: #152326;
  padding: 60px 0 50px;
}
@media (width < 1226px) {
  footer #footer_top {
    padding: 60px 0 50px;
  }
}
@media (width < 717px) {
  footer #footer_top {
    padding: 20px 0 0px;
  }
}
footer #footer_bottom {
  background: #fff;
  text-align: center;
  height: 20px;
}
@media (width < 717px) {
  footer #footer_bottom {
    background: #fff;
    display: none;
  }
  footer #footer_bottom .banner_content {
    padding: 0;
  }
}
@media (width < 1226px) {
  footer .banner_content {
    padding: 0 6%;
  }
}
@media (width < 717px) {
  footer .banner_content {
    padding: 0 6%;
  }
}
footer .section_title {
  color: #e30613;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  user-select: none;
}
footer .menu-footer {
  float: left;
}
@media (width < 717px) {
  footer .menu-footer {
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
  }
}
@media (width < 567px) {
  footer .menu-footer {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    float: none;
    margin-top: 10px;
    margin-bottom: 30px;
  }
}
footer .menu-footer .section_title span {
  color: #00497f;
}
footer .menu-footer ul.ul-gdpr li a {
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(1) {
  animation-delay: 0.03s;
  animation-duration: 0.6s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(2) {
  animation-delay: 0.11s;
  animation-duration: 0.7s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(3) {
  animation-delay: 0.19s;
  animation-duration: 0.8s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(4) {
  animation-delay: 0.27s;
  animation-duration: 0.9s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(5) {
  animation-delay: 0.35s;
  animation-duration: 1s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(6) {
  animation-delay: 0.43s;
  animation-duration: 1.1s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(7) {
  animation-delay: 0.51s;
  animation-duration: 1.2s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(8) {
  animation-delay: 0.59s;
  animation-duration: 1.3s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(9) {
  animation-delay: 0.67s;
  animation-duration: 1.4s;
  animation-name: fade;
}
footer .menu-footer > ul > li:nth-child(10) {
  animation-delay: 0.75s;
  animation-duration: 1.5s;
  animation-name: fade;
}
footer .menu-footer > ul > li:last-child a {
  border-bottom: none;
}
footer .menu-footer > ul > li:hover a, footer .menu-footer > ul > li:focus a {
  -webkit-text-stroke: #e30613;
  text-decoration: underline;
}
footer .menu-footer > ul > li.current-menu-item a, footer .menu-footer > ul > li.current-menu-ancestor a, footer .menu-footer > ul > li:hover a, footer .menu-footer > ul > li:focus a {
  color: white;
}
footer .menu-footer > ul > li.current-menu-item a, footer .menu-footer > ul > li.current-menu-ancestor a {
  font-weight: 700;
}
footer .menu-footer > ul > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 4px 0px;
  width: 200px;
  color: rgba(255, 255, 255, 0.9);
}
@media (width < 1025px) {
  footer .menu-footer > ul > li > a {
    margin-bottom: 2px;
  }
}
@media (width < 717px) {
  footer .menu-footer > ul > li > a {
    width: 100%;
    font-size: 12px;
    -webkit-text-stroke: #e30613;
  }
}
footer .menu-footer > ul > li > ul {
  display: none;
}

footer .col_right {
  height: 100%;
  display: inline-block;
  float: right;
  width: 25%;
  max-width: 275px;
  padding-top: 30px;
}
@media (width < 567px) {
  footer .col_right {
    display: inline-block !important;
    width: 100%;
    float: none;
    padding-top: 10px;
  }
}

footer .commentaire_bandeau_image {
  display: inline-block;
  width: 50%;
  float: right;
  clear: right;
  padding: 15px 0 15px;
}
@media (width < 567px) {
  footer .commentaire_bandeau_image {
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
}
footer .commentaire_bandeau_image * {
  font-size: 13px !important;
  color: #fff !important;
  margin-bottom: 0 !important;
}

footer .extra_buttons_container {
  width: auto;
}
footer .extra_buttons_container.tp-off {
  display: inline-block !important;
}
@media (width < 820px) {
  footer .extra_buttons_container.tp-off {
    display: none !important;
  }
}
@media (width < 567px) {
  footer .extra_buttons_container.tp-off {
    display: inline-block !important;
  }
}
@media (width < 567px) {
  footer .extra_buttons_container {
    width: 100%;
    float: left;
    margin-bottom: 30px;
  }
}
footer .extra_buttons_container span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 500;
  -webkit-text-stroke: #000;
}
@media (width < 717px) {
  footer .extra_buttons_container span {
    font-size: 12px;
  }
}
footer .extra_buttons_container a.espace_personnel {
  display: inline-block;
  position: relative;
  padding: 5px 20px;
  padding-left: 20px;
  width: 100%;
  margin-bottom: 5px;
}
footer .extra_buttons_container a.espace_personnel::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0%;
  left: 0px;
  background: #00497f;
}
footer .extra_buttons_container a.espace_personnel:hover span, footer .extra_buttons_container a.espace_personnel:focus span {
  text-decoration: underline;
  color: white;
}
footer .extra_buttons_container a.demande_de_caution {
  display: inline-block;
  position: relative;
  padding: 5px 20px;
  padding-left: 20px;
  width: 100%;
}
footer .extra_buttons_container a.demande_de_caution::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0%;
  left: 0px;
  background: #2d9cb7;
}
footer .extra_buttons_container a.demande_de_caution:hover span, footer .extra_buttons_container a.demande_de_caution:focus span {
  text-decoration: underline;
  color: white;
}

footer .bloc-coordonnees {
  width: 250px;
  position: absolute;
  top: -45px;
  left: calc(50% - 125px);
  text-align: center;
}
@media (width < 717px) {
  footer .bloc-coordonnees {
    width: 100%;
    margin-bottom: 24px;
    position: relative;
    text-align: left;
    top: 0;
    left: 0;
  }
}
footer .bloc-coordonnees .logo-container {
  height: 70px;
  width: 105px;
}
@media (width < 1226px) {
  footer .bloc-coordonnees .logo-container {
    margin: 0 auto;
    float: none;
  }
}
@media (width < 717px) {
  footer .bloc-coordonnees .logo-container {
    display: inline-block;
    height: 60px;
    width: 80px;
  }
}
footer .bloc-coordonnees .logo-container .logo-image {
  height: 100%;
  width: 100%;
  background-size: contain;
}
footer .bloc-coordonnees .logo-container .logo-image .st0 {
  fill: #FFFFFF;
}
footer .bloc-coordonnees .logo-container .logo-image .st1 {
  fill: #BBC6DB;
}
footer .bloc-coordonnees .logo-container .logo-image .st2 {
  fill: #D73832;
}
footer .bloc-coordonnees .logo-container .logo-image .st3 {
  fill: #E28164;
}
footer .bloc-coordonnees p, footer .bloc-coordonnees a {
  font-size: 16px;
  color: #fff;
  line-height: 1.7;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  user-select: text;
}
@media (width < 717px) {
  footer .bloc-coordonnees p, footer .bloc-coordonnees a {
    font-size: 13.5px;
    letter-spacing: 0;
  }
}
footer .bloc-coordonnees span {
  display: block;
  color: #fff;
}
footer .bloc-coordonnees span a {
  padding-left: 5px;
}
footer .bloc-coordonnees span[itemprop=address] {
  margin-bottom: 7px;
}
footer .bloc-coordonnees span[itemprop=address] p {
  color: #fff;
}
footer .bloc-coordonnees .petit-trait {
  width: 20px;
  margin: 14px auto 0;
  height: 2px;
  position: relative;
  overflow: hidden;
}
@media (width < 820px) {
  footer .bloc-coordonnees .petit-trait {
    width: 25px;
  }
}
@media (width < 717px) {
  footer .bloc-coordonnees .petit-trait {
    display: none;
  }
}
footer .bloc-coordonnees .petit-trait span {
  display: inline-block;
  background: rgba(255, 255, 255, 0.7);
}
footer .bloc-coordonnees a {
  position: relative;
}
footer .bloc-coordonnees a:hover, footer .bloc-coordonnees:focus {
  -webkit-text-stroke: #e30613;
  text-decoration: underline;
}

.ecusson-container {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: absolute;
  left: calc(50% - 20px);
  top: -20px;
}
.ecusson-container .ecusson .st0 {
  fill: #E20613;
}
.ecusson-container .ecusson .st1 {
  fill: #ED7556;
}

footer .social_icons {
  margin-top: 30px;
  margin-bottom: 25px;
  margin-left: 5px;
  display: inline-block;
  user-select: none;
}
footer .social_icons .section_title {
  color: green;
}
@media (width < 567px) {
  footer .social_icons {
    margin-top: 0;
    float: none;
    clear: both;
    margin-top: 15px;
    margin-bottom: 30px;
    margin-left: -10px;
  }
}
footer .social_icons ul {
  user-select: none;
}
footer .social_icons ul li {
  display: inline-block;
}
footer .social_icons ul li:nth-child(1) {
  animation-delay: 0.01s;
  animation-duration: 0.6s;
}
footer .social_icons ul li:nth-child(2) {
  animation-delay: 0.07s;
  animation-duration: 0.7s;
}
footer .social_icons ul li:nth-child(3) {
  animation-delay: 0.13s;
  animation-duration: 0.8s;
}
footer .social_icons ul li:nth-child(4) {
  animation-delay: 0.19s;
  animation-duration: 0.9s;
}
footer .social_icons ul li:nth-child(5) {
  animation-delay: 0.25s;
  animation-duration: 1s;
}
footer .social_icons ul li:nth-child(6) {
  animation-delay: 0.31s;
  animation-duration: 1.1s;
}
footer .social_icons ul li:nth-child(7) {
  animation-delay: 0.37s;
  animation-duration: 1.2s;
}
footer .social_icons ul li:nth-child(8) {
  animation-delay: 0.43s;
  animation-duration: 1.3s;
}
footer .social_icons ul li:nth-child(9) {
  animation-delay: 0.49s;
  animation-duration: 1.4s;
}
footer .social_icons ul li:nth-child(10) {
  animation-delay: 0.55s;
  animation-duration: 1.5s;
}
footer .social_icons ul li a.icon_container {
  margin-left: 10px;
}
footer .social_icons ul li a.icon_container .title {
  display: none;
  color: #fff;
  font-size: 15px;
}
footer .social_icons ul li a.icon_container .fan_count {
  display: inline-block;
  font-size: 11px;
  padding-top: 6px;
  user-select: none;
  transition: color 1s;
  font-weight: 700;
  transform: translateX(-4px);
  color: rgba(255, 255, 255, 0.3);
}
footer .social_icons ul li a.icon_container .icon {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
footer .social_icons ul li a.icon_container .icon svg {
  width: 100%;
  height: 100%;
}
footer .social_icons ul li a.icon_container .icon.facebook svg {
  transform: scale(1);
}
footer .social_icons ul li a.icon_container .icon.youtube svg {
  transform: scale(0.95) translate3d(-0.5px, 1px, 0);
}
footer .social_icons ul li a.icon_container .icon.vimeo svg {
  transform: scale(1.2) translate3d(-0.5px, 1px, 0);
}
footer .social_icons ul li a.icon_container .icon.linkedin svg {
  transform: scale(0.8) translate3d(0px, 0px, 0);
}
footer .social_icons ul li a.icon_container .icon.twitter svg {
  transform: scale(0.55) translate3d(0px, 0px, 0);
}
footer .social_icons ul li a.icon_container .icon.instagram svg {
  transform: scale(0.6) translate3d(0px, 0px, 0);
}
footer .social_icons ul li a.icon_container .icon.email svg {
  transform: scale(0.4) translate3d(0px, 0px, 0);
}
footer .social_icons ul li a.icon_container .st0, footer .social_icons ul li a.icon_container .st1 {
  fill: #FFF;
  transition: fill 0.3s;
}
footer .social_icons ul li a.icon_container:hover .icon, footer .social_icons ul li a.icon_container:focus .icon {
  background: black;
}

footer .copyright-line {
  display: inline-block;
  text-align: center;
  margin-left: -7px;
}
@media (width < 1226px) {
  footer .copyright-line {
    width: auto;
  }
}
@media (width < 717px) {
  footer .copyright-line {
    width: 100%;
    text-align: center;
    margin-left: 0px;
  }
}
footer .copyright-line p, footer .copyright-line a, footer .copyright-line span {
  font-size: 11px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.6px;
  transition: color 0.6s;
}
footer .copyright-line a {
  padding: 15px 15px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
@media (width < 1226px) {
  footer .copyright-line a {
    padding: 15px 10px;
  }
}
@media (width < 717px) {
  footer .copyright-line a {
    padding: 4px 15px;
  }
  footer .copyright-line a:first-child, footer .copyright-line a:last-child {
    display: block;
  }
}
footer .copyright-line a:hover, footer .copyright-line a:focus {
  color: #eee;
}
footer .copyright-line a:first-child {
  border-bottom: none;
}
footer .copyright-line a:first-child:before {
  display: none;
}
@media (width < 717px) {
  footer .copyright-line a:nth-last-child(1):before {
    display: none;
  }
}
footer .copyright-line a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -4px;
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.15);
}
@media (width < 717px) {
  footer .copyright-line a::before {
    display: none;
  }
}
footer .copyright-line p {
  display: inline;
}

#header_behind {
  height: 150px;
  background: rgba(255, 255, 255, 0.95);
  position: relative;
}
@media (width < 1226px) {
  #header_behind {
    height: 68px;
  }
}
@media (width < 567px) {
  #header_behind {
    height: 68px;
  }
}
#header_behind.page {
  background: #fff;
}

#header {
  height: 150px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  transition: transform 0.6s, box-shadow 0.6s;
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.3);
}
@media (width < 1226px) {
  #header {
    height: 68px;
  }
}
@media (width < 567px) {
  #header {
    height: 68px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.25);
  }
}
#header.page {
  border-bottom: none;
  background: none;
  box-shadow: none;
}
#header .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: inline-block;
  height: 150px;
  display: none !important;
}
@media (width < 1226px) {
  #header .background {
    height: 68px;
  }
}
@media (width < 567px) {
  #header .background {
    height: 68px;
  }
}
#header > .banner_content {
  height: 150px;
  margin: 0 auto;
  transition: padding 0.6s;
}
@media (width < 1270px) {
  #header > .banner_content {
    margin: 0;
    padding: 0 40px;
    transition: 0.5s;
  }
}
@media (width < 1326px) {
  #header > .banner_content {
    height: 68px;
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (width < 1226px) {
  #header > .banner_content {
    padding-left: 6%;
    padding-right: 6%;
  }
}
@media (width < 567px) {
  #header > .banner_content {
    height: 68px;
    padding-left: 6%;
    padding-right: 6%;
  }
}
#header .logo-container {
  float: left;
  width: 150px;
  height: 150px;
  position: relative;
  transition: box-shadow 0.3s;
  display: inline-block;
}
@media (width < 1226px) {
  #header .logo-container {
    height: 68px;
    width: 90px;
  }
}
@media (width < 567px) {
  #header .logo-container {
    height: 68px;
    width: 70px;
  }
}
#header .logo-container .logo-image {
  height: 100%;
  width: 100%;
  transition: transform 0.5s;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#header .logo-container .logo-image .st0 {
  fill: #D73832;
}
#header .logo-container .logo-image .st1 {
  fill: #004A7C;
}
#header .logo-container .logo-image .st2 {
  fill: #889EBF;
}
#header .logo-container .logo-image .st3 {
  fill: #E28164;
}
#header .logo-container .logo-texte {
  font-size: 11px;
  float: left;
  display: inline-block;
  width: 190px;
  color: #2b6698;
  margin-left: 20px;
  margin-top: 45px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0px 10px 17px;
  user-select: none;
}
@media (width < 1025px) {
  #header .logo-container .logo-texte {
    display: none;
  }
}

#nav_desktop {
  display: inline-block;
  margin-top: 11px;
  height: 79px;
  margin-left: 5%;
  float: left;
  clear: right;
  transition: transform 0.6s;
  transform: translate3d(0px, 0, 0);
}
@media (width < 1226px) {
  #nav_desktop {
    display: none;
  }
}
#nav_desktop > ul {
  list-style-type: none;
  height: 100%;
  user-select: none;
}
#nav_desktop > ul > li {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  margin-left: -5px;
  user-select: none;
  position: relative;
}
#nav_desktop > ul > li.current-menu-item > a, #nav_desktop > ul > li.current-menu-ancestor > a, #nav_desktop > ul > li.current_page_ancestor > a, #nav_desktop > ul > li.selected > a {
  color: #e30613;
  font-weight: 900;
}
#nav_desktop > ul > li:hover > a {
  color: #e30613;
}
#nav_desktop > ul > li > a {
  display: block;
  padding: 0px 10px 0px;
  font-size: 14.5px;
  font-size: 13.5px;
  letter-spacing: 0px;
  color: rgba(227, 6, 19, 0.9);
  font-weight: 700;
  text-transform: uppercase;
  height: 100%;
  user-select: none;
}
#nav_desktop > ul > li > a:hover {
  color: #e30613;
}
#nav_desktop.page > ul > li > a {
  color: #fff;
}
#nav_desktop > ul > li:not(.btn) > a::before {
  content: "";
  width: 0px;
  opacity: 0;
  transition: width 0.2s, opacity 0.5s, background 0.3s;
  height: 8px;
  position: absolute;
  display: inline-block;
  background: #e30613;
  left: 11px;
  bottom: 1px;
}
#nav_desktop > ul > li:not(.btn):hover > a::before,
#nav_desktop > ul > li:not(.btn).current-menu-ancestor > a::before,
#nav_desktop > ul > li:not(.btn).current-menu-parent > a::before,
#nav_desktop > ul > li:not(.btn).current-menu-item > a::before,
#nav_desktop > ul > li.selected > a::before {
  opacity: 1;
  width: calc(100% - 20px);
}

#nav_desktop > ul > li:hover > ul {
  display: block !important;
}
#nav_desktop > ul > li > ul {
  position: absolute;
  left: 0px;
  top: 79px;
  margin-left: -28px;
  margin-top: 0px;
  display: none !important;
  z-index: 10;
  padding: 0 60px 60px 40px;
}
#nav_desktop > ul > li > ul > li {
  display: inline-block;
  float: left;
  line-height: 1;
  transition: border 1s;
  position: relative;
}
#nav_desktop > ul > li > ul > li:first-child {
  border: none !important;
}
#nav_desktop > ul > li > ul > li:first-child a {
  padding-top: 20px;
}
#nav_desktop > ul > li > ul > li:last-child a {
  padding-bottom: 20px;
}
#nav_desktop > ul > li > ul > li.current-menu-item a, #nav_desktop > ul > li > ul > li:hover a {
  background: rgb(39.9671052632, 138.5526315789, 162.5328947368);
  color: #fff;
}
#nav_desktop > ul > li > ul > li.current-menu-item, #nav_desktop > ul > li > ul > li.current-menu-item + li, #nav_desktop > ul > li > ul > li:hover, #nav_desktop > ul > li > ul > li:hover + li {
  transition: border 0.5s;
}
#nav_desktop > ul > li > ul > li.current-menu-item > a {
  color: #fff;
  font-weight: 700;
}
#nav_desktop > ul > li > ul > li.current-menu-item > a::after {
  display: none;
}
#nav_desktop > ul > li > ul > li > a {
  background: #2d9cb7;
  line-height: 1.6;
  font-size: 13px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
  width: 290px;
  padding: 12px 30px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
}
#nav_desktop > ul > li > ul > li > a:hover::before {
  background-image: url("../assets/images/fleche-orange.svg");
}
#nav_desktop > ul > li > ul > li > a:hover::after {
  opacity: 1;
  transform: translate3d(1px, 0, 0);
}
#nav_desktop > ul > li > ul > li.menu-item-has-children.current-menu-item ul {
  display: block;
}
#nav_desktop > ul > li > ul > li > ul {
  display: block;
  position: absolute;
  top: 100px;
  left: 0px;
  height: 100px;
  display: none !important;
  background: #e2e2e2;
  width: 40000px;
}
#nav_desktop > ul > li > ul > li > ul > li {
  display: inline-block;
  float: left;
  height: 100%;
}
#nav_desktop > ul > li > ul > li > ul > li:first-child a {
  padding-left: 0;
}
#nav_desktop > ul > li > ul > li > ul > li a {
  padding-top: 42px;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #333333;
}
#nav_desktop > ul > li > ul > li > ul > li a:hover {
  color: #2d2d2d;
}

#header a.mandarin {
  float: right;
  margin-top: 25px;
  padding: 15px;
  padding-right: 5px;
  color: #00497f;
  font-weight: 700;
  position: relative;
  transition: transform 0.6s, opacity 0.6s;
}
#header a.mandarin:hover, #header a.mandarin:focus {
  color: #e30613;
}
@media (width < 1226px) {
  #header a.mandarin {
    display: none;
  }
}

#header .buttons_menu_container {
  height: 40px;
  margin-top: 20px;
  display: inline-block;
  float: right;
  transition: opacity 0.6s;
}
@media (width < 1226px) {
  #header .buttons_menu_container {
    display: none;
  }
}
#header .buttons_menu_container .search_container {
  height: 100%;
  display: inline-block;
  float: right;
  border: 1px solid #00497f;
  position: relative;
  padding: 5px 20px 5px;
  padding-left: 42px;
}
#header .buttons_menu_container .search_container:hover, #header .buttons_menu_container .search_container:focus {
  background: #000;
  border: 1px solid black;
}
#header .buttons_menu_container .search_container:hover span, #header .buttons_menu_container .search_container:focus span {
  color: #fff;
  font-weight: 700;
}
#header .buttons_menu_container .search_container:hover path, #header .buttons_menu_container .search_container:focus path {
  fill: #fff !important;
}
#header .buttons_menu_container .search_container span {
  font-weight: 900;
  color: #00497f;
  font-size: 15px;
}
#header .buttons_menu_container .search_container .icon {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 9px;
}
#header .buttons_menu_container .search_container .icon svg {
  transform: scale(0.9);
}
#header .buttons_menu_container .search_container .icon svg path {
  fill: #00497f;
}
#header .buttons_menu_container a.espace_personnel {
  height: 100%;
  display: inline-block;
  position: relative;
  float: right;
  background: #00497f;
  padding: 11px 20px;
  padding-left: 45px;
  margin-left: 20px;
}
#header .buttons_menu_container a.espace_personnel:hover, #header .buttons_menu_container a.espace_personnel:focus {
  background: rgb(0, 43.6850393701, 76);
  color: #fff;
}
#header .buttons_menu_container a.espace_personnel .icon-container {
  transition: opacity 1s;
  position: absolute;
  top: 6px;
  left: 8px;
}
#header .buttons_menu_container a.espace_personnel .icon-container .icon {
  border: 1px solid white;
  transition: transform 0.3s;
  transform: scale(1);
  border-radius: 50%;
  overflow: hidden;
  width: 27px;
  height: 27px;
}
#header .buttons_menu_container a.espace_personnel .icon-container .icon svg {
  transform: scale(0.85);
}
#header .buttons_menu_container a.espace_personnel .icon-container .icon .st0 {
  fill: #fff;
}
#header .buttons_menu_container a.espace_personnel span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}
#header .buttons_menu_container a.demande_de_caution {
  height: 100%;
  display: inline-block;
  position: relative;
  float: right;
  background: #2d9cb7;
  padding: 11px 20px;
  padding-left: 45px;
  margin-left: 20px;
  z-index: 10;
}
#header .buttons_menu_container a.demande_de_caution:hover, #header .buttons_menu_container a.demande_de_caution:focus {
  background: rgb(36.9473684211, 128.0842105263, 150.2526315789);
  color: #fff;
}
#header .buttons_menu_container a.demande_de_caution .icon-container {
  transition: opacity 1s;
  position: absolute;
  top: 3px;
  left: 4px;
}
#header .buttons_menu_container a.demande_de_caution .icon-container .icon {
  transition: transform 0.3s;
  transform: scale(1);
  border-radius: 50%;
  overflow: hidden;
  width: 34px;
  height: 34px;
}
#header .buttons_menu_container a.demande_de_caution .icon-container .icon svg {
  transform: scale(0.85);
}
#header .buttons_menu_container a.demande_de_caution .icon-container .icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}
#header .buttons_menu_container a.demande_de_caution span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

#header .headroom_btns_container {
  margin-top: 10px;
  height: 38px;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 80px;
  right: 0;
  transform: translate3d(60px, 0px, 0);
  transition: opacity 0.6s, transform 0.6s;
}
@media (width < 1226px) {
  #header .headroom_btns_container {
    display: none;
  }
}
#header .headroom_btns_container a {
  opacity: 0;
  padding: 10px 11px;
  transform: translate3d(0px, 40px, 0);
  text-align: center;
  transition: opacity 0.6s, transform 0.6s;
}
#header .headroom_btns_container a span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
#header .headroom_btns_container a.espace_personnel {
  height: 100%;
  display: inline-block;
  position: relative;
  background: #00497f;
  float: left;
  margin-right: 1px;
}
#header .headroom_btns_container a.espace_personnel:hover, #header .headroom_btns_container a.espace_personnel:focus {
  background: rgb(0, 43.6850393701, 76);
  color: #fff;
}
#header .headroom_btns_container a.demande_de_caution {
  height: 100%;
  display: inline-block;
  position: relative;
  background: #2d9cb7;
  float: left;
  transition: opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;
}
#header .headroom_btns_container a.demande_de_caution:hover, #header .headroom_btns_container a.demande_de_caution:focus {
  background: rgb(36.9473684211, 128.0842105263, 150.2526315789);
  color: #fff;
}

#header .search_container.small {
  width: 35px;
  height: 35px;
  position: absolute;
  transition: transform 0.6s;
  transform: scale(0);
  bottom: 22px;
  right: -40px;
}
@media (width < 1226px) {
  #header .search_container.small {
    display: none;
  }
}
#header .search_container.small:hover .icon {
  background: #e30613;
}
#header .search_container.small:hover .icon path {
  fill: #fff;
}
#header .search_container.small .icon {
  width: 35px;
  height: 35px;
  margin-bottom: 0px;
  border-radius: 50%;
}
#header .search_container.small .icon svg {
  transform: scale(0.55);
}
#header .search_container.small .icon svg path {
  fill: #e30613;
}

header#header > .background {
  background: #fff;
}

header#header.page > .background {
  background: none;
}

header#header.headroom {
  will-change: transform;
}
header#header.headroom .background {
  transition: opacity 0.6s;
}
header#header.headroom.headroom--top .background {
  opacity: 0 !important;
  transition: opacity 0.6s;
}
header#header.headroom.headroom--pinned .background {
  transition: opacity 0.6s;
  opacity: 0.96;
}
header#header.headroom.headroom--pinned:not(.headroom--top), header#header.headroom.headroom--not-top, header#header.headroom.headroom--unpinned:not(.stop-animation), header#header.headroom.lightbox_is_opened {
  transform: translateY(-70px);
}
@media (width < 1226px) {
  header#header.headroom.headroom--pinned:not(.headroom--top), header#header.headroom.headroom--not-top, header#header.headroom.headroom--unpinned:not(.stop-animation), header#header.headroom.lightbox_is_opened {
    transform: translateY(-68px);
  }
}
@media (width < 567px) {
  header#header.headroom.headroom--pinned:not(.headroom--top), header#header.headroom.headroom--not-top, header#header.headroom.headroom--unpinned:not(.stop-animation), header#header.headroom.lightbox_is_opened {
    transform: translateY(-68px);
  }
}
header#header.headroom.headroom--pinned:not(.headroom--top) #nav_desktop, header#header.headroom.headroom--not-top #nav_desktop, header#header.headroom.headroom--unpinned:not(.stop-animation) #nav_desktop, header#header.headroom.lightbox_is_opened #nav_desktop {
  transform: translate3d(-80px, 0, 0);
}
header#header.headroom.headroom--pinned:not(.headroom--top) .logo-image, header#header.headroom.headroom--not-top .logo-image, header#header.headroom.headroom--unpinned:not(.stop-animation) .logo-image, header#header.headroom.lightbox_is_opened .logo-image {
  transform: translate3d(-32px, 35px, 0) scale(0.6);
}
@media (width < 1226px) {
  header#header.headroom.headroom--pinned:not(.headroom--top) .logo-image, header#header.headroom.headroom--not-top .logo-image, header#header.headroom.headroom--unpinned:not(.stop-animation) .logo-image, header#header.headroom.lightbox_is_opened .logo-image {
    transform: translate3d(-28px, 15px, 0) scale(0.6);
  }
}
header#header.headroom.headroom--pinned:not(.headroom--top) .search_container.small, header#header.headroom.headroom--not-top .search_container.small, header#header.headroom.headroom--unpinned:not(.stop-animation) .search_container.small, header#header.headroom.lightbox_is_opened .search_container.small {
  transform: scale(1);
}
header#header.headroom.headroom--pinned:not(.headroom--top) .buttons_menu_container, header#header.headroom.headroom--not-top .buttons_menu_container, header#header.headroom.headroom--unpinned:not(.stop-animation) .buttons_menu_container, header#header.headroom.lightbox_is_opened .buttons_menu_container {
  opacity: 0;
}
header#header.headroom.headroom--pinned:not(.headroom--top) .headroom_btns_container, header#header.headroom.headroom--not-top .headroom_btns_container, header#header.headroom.headroom--unpinned:not(.stop-animation) .headroom_btns_container, header#header.headroom.lightbox_is_opened .headroom_btns_container {
  transform: translate3d(0px, 0, 0);
}
header#header.headroom.headroom--pinned:not(.headroom--top) .headroom_btns_container a, header#header.headroom.headroom--not-top .headroom_btns_container a, header#header.headroom.headroom--unpinned:not(.stop-animation) .headroom_btns_container a, header#header.headroom.lightbox_is_opened .headroom_btns_container a {
  opacity: 1;
  transform: translate3d(0px, 0, 0);
}
header#header.headroom.headroom--pinned:not(.headroom--top) a.mandarin, header#header.headroom.headroom--not-top a.mandarin, header#header.headroom.headroom--unpinned:not(.stop-animation) a.mandarin, header#header.headroom.lightbox_is_opened a.mandarin {
  opacity: 0;
  transform: translate3d(0px, -50px, 0);
}
#calling_button.headroom {
  will-change: transform;
  animation-fill-mode: both;
}
#calling_button.headroom.headroom--pinned {
  animation-duration: 0.6s;
  animation-name: slideDown_mobile;
}
#calling_button.headroom.headroom--unpinned {
  animation-duration: 0.6s;
  animation-name: slideUp_mobile;
}

/* NAV TABLET
====================*/
#hamburger_container {
  position: fixed;
  background: #e30613;
  animation: fade 1s;
  width: 150px;
  height: 150px;
  z-index: 1010;
  right: 0;
  top: 0;
  margin-right: -200px;
}
@media (width < 1226px) {
  #hamburger_container {
    display: inline-block;
    margin-right: 0;
    width: 68px;
    height: 68px;
  }
}
@media (width < 567px) {
  #hamburger_container {
    width: 68px;
    height: 68px;
  }
}

@keyframes open_menu {
  0% {
    transform: translate3d(100%, 0px, 0px);
  }
  100% {
    transform: translate3d(0, 0px, 0px);
  }
}
#nav_mobile_container {
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s, opacity 0.3s, width 1s;
  z-index: 990;
  height: 100%;
  top: 0px;
  right: -1px;
  overflow: hidden;
  position: fixed;
  display: none;
  user-select: none;
}
#nav_mobile_container.opened {
  display: block;
  animation: open_menu 0.3s;
}
@media (width < 1226px) {
  #nav_mobile_container {
    width: 320px;
  }
}
@media (width < 567px) {
  #nav_mobile_container {
    width: 100%;
    max-width: 320px;
  }
}

#nav_mobile {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 20px);
  background: #f1edea;
}
#nav_mobile > ul {
  margin-top: 68px;
}
@media (width < 1025px) {
  #nav_mobile > ul {
    margin-top: 68px;
  }
}
@media (width < 567px) {
  #nav_mobile > ul {
    margin-top: 68px;
  }
}
#nav_mobile > ul img {
  display: none;
}
#nav_mobile > ul li:first-child {
  padding-top: 5px;
}
#nav_mobile > ul li:first-child a {
  border: none !important;
}
#nav_mobile > ul li:nth-child(1) a {
  animation-delay: 0.01s;
  animation-duration: 0.6s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(2) a {
  animation-delay: 0.07s;
  animation-duration: 0.7s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(3) a {
  animation-delay: 0.13s;
  animation-duration: 0.8s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(4) a {
  animation-delay: 0.19s;
  animation-duration: 0.9s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(5) a {
  animation-delay: 0.25s;
  animation-duration: 1s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(6) a {
  animation-delay: 0.31s;
  animation-duration: 1.1s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(7) a {
  animation-delay: 0.37s;
  animation-duration: 1.2s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(8) a {
  animation-delay: 0.43s;
  animation-duration: 1.3s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(9) a {
  animation-delay: 0.49s;
  animation-duration: 1.4s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li:nth-child(10) a {
  animation-delay: 0.55s;
  animation-duration: 1.5s;
  animation-name: fade_scale_95;
}
#nav_mobile > ul li a {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Raleway", sans-serif;
  line-height: 1.5;
  position: relative;
  padding: 20px 0 20px 30px;
  text-transform: uppercase;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  transition: border 0.6s;
}
#nav_mobile > ul > li {
  background: #fff;
}
#nav_mobile > ul > li:hover, #nav_mobile > ul > li.current-menu-item, #nav_mobile > ul > li.current-menu-ancestor, #nav_mobile > ul > li.current-menu-parent {
  background: rgb(239.7, 239.7, 239.7);
}
#nav_mobile > ul > li:hover > a, #nav_mobile > ul > li:hover + li > a, #nav_mobile > ul > li.current-menu-item > a, #nav_mobile > ul > li.current-menu-item + li > a, #nav_mobile > ul > li.current-menu-ancestor > a, #nav_mobile > ul > li.current-menu-ancestor + li > a, #nav_mobile > ul > li.current-menu-parent > a, #nav_mobile > ul > li.current-menu-parent + li > a {
  border-top: 1px solid rgba(0, 0, 0, 0);
}
#nav_mobile > ul > li > a {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #152326;
}
#nav_mobile > ul li.menu-item-has-children > a::after {
  content: "›";
  position: absolute;
  font-size: 18px;
  font-weight: 400;
  height: 100%;
  box-sizing: inherit;
  color: #e30613;
  width: 40px;
  top: 0px;
  right: 41px;
  padding-left: 25px;
  padding-top: 14px;
}
#nav_mobile > ul > li.menu-item-object-custom > a[target=_blank]::after {
  content: "››";
  position: absolute;
  letter-spacing: 0;
  font-size: 28px;
  font-weight: 300;
  height: 100%;
  box-sizing: inherit;
  color: #aaa;
  width: 62px;
  top: -5px;
  right: 0px;
  padding-left: 25px;
  padding-top: 4px;
}
#nav_mobile > ul > li.btn {
  margin-top: 18px;
  height: 50px;
  transform: translate3d(0, 0, 0);
  float: right;
  margin-left: 20px;
  margin-right: 10px;
  background: #e30613;
}
#nav_mobile > ul > li.btn:hover {
  background: #00497f;
}
#nav_mobile > ul > li.btn::after {
  content: "›";
  color: #fff;
  font-size: 30px;
  position: absolute;
  padding-left: 15px;
  line-height: 1.1;
  top: 7px;
  right: 0;
  height: 35px;
  width: 45px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#nav_mobile > ul > li.btn::after svg {
  margin-top: 1px;
  transform: scale(0.35);
}
#nav_mobile > ul > li.btn::after svg * {
  fill: #fff;
}
#nav_mobile > ul > li.btn a {
  font-size: 12px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #fff;
  line-height: 1;
  padding: 20px 70px 25px 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#nav_mobile > ul > li ul {
  z-index: 1012;
  top: 150px;
}
@media (width < 1226px) {
  #nav_mobile > ul > li ul {
    top: 68px;
  }
}
@media (width < 567px) {
  #nav_mobile > ul > li ul {
    top: 68px;
  }
}
#nav_mobile > ul > li ul li > a {
  color: #eee;
  display: block;
  opacity: 0.1;
  transition: opacity 0.35s;
}
#nav_mobile > ul > li ul.opened {
  transform: translate3d(7.4%, 0px, 0px);
}
#nav_mobile > ul > li ul.opened > li > a {
  opacity: 1;
}
#nav_mobile > ul > li:nth-child(1) > ul > li {
  background: #2d9cb7;
}
#nav_mobile > ul > li:nth-child(1) > ul > li p {
  padding-top: 16px;
  padding-bottom: 16px;
  min-height: auto;
}
#nav_mobile > ul > li:nth-child(1) > ul > li.current-menu-item a, #nav_mobile > ul > li:nth-child(1) > ul > li:hover a {
  background: rgb(39.9671052632, 138.5526315789, 162.5328947368);
  color: #fff;
}
#nav_mobile > ul > li > ul > li {
  background: #00497f;
}
#nav_mobile > ul > li > ul {
  background: rgb(0, 43.6850393701, 76);
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  width: 108.1%;
  position: absolute;
  right: 1px;
  transform: translate3d(108%, 0px, 0px);
  transition: transform 0.3s;
}
#nav_mobile > ul > li > ul > li.current-menu-item, #nav_mobile > ul > li > ul > li:hover {
  background: rgb(0, 55.411023622, 96.4);
}
#nav_mobile > ul > li > ul > li.current-menu-item > a, #nav_mobile > ul > li > ul > li.current-menu-item + li > a, #nav_mobile > ul > li > ul > li:hover > a, #nav_mobile > ul > li > ul > li:hover + li > a {
  border-top: 1px solid rgba(255, 255, 255, 0);
}
#nav_mobile > ul > li > ul li.menu-item-has-children > a::after {
  color: #fff;
  right: 45px;
}

#nav_mobile > ul > li > ul > li:nth-child(1) > ul > li {
  background: #346d7e;
}
#nav_mobile > ul > li > ul > li:nth-child(2) > ul > li {
  background: #2c9db6;
}
#nav_mobile > ul > li > ul > li:nth-child(3) > ul > li {
  background: #73a99a;
}
#nav_mobile > ul > li > ul > li:nth-child(4) > ul > li {
  background: #638129;
}
#nav_mobile > ul > li > ul > li:nth-child(5) > ul > li {
  background: #005c29;
}
#nav_mobile > ul > li > ul > li > ul > li {
  background: rgb(66.8440944882, 151.2787401575, 156.5559055118);
  padding-right: 70px;
}
#nav_mobile > ul > li > ul > li > ul {
  transition: transform 0.3s;
  background: rgb(0, 43.6850393701, 76);
  top: 0;
  position: absolute;
  height: 100%;
  width: 108.1%;
  transform: translate3d(108%, 0px, 0px);
}
#nav_mobile > ul > li > ul > li > ul.active {
  transform: translate3d(0%, 0px, 0px);
}
#nav_mobile > ul > li > ul > li > ul li:hover, #nav_mobile > ul > li > ul > li > ul li.current-menu-item {
  background: rgb(57.6881889764, 130.557480315, 135.1118110236);
}

.btn-home {
  z-index: 1012;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  height: 70px;
  width: 68px;
  background: rgb(255, 255, 255);
}
.btn-home svg {
  transform: scale(0.4);
}
.btn-home path {
  fill: #e30613;
  fill-rule: evenodd;
}
@media (width < 1226px) {
  .btn-home {
    height: 68px;
  }
}
@media (width < 567px) {
  .btn-home {
    height: 68px;
  }
}

.bar-top {
  display: block;
  height: 68px;
  line-height: 68px;
  position: absolute;
  transform: translate3d(0px, 0px, 0px);
  transition: transform 0.3s;
  top: 0px;
  right: 0px;
  width: 100%;
  padding-right: 68px;
}
.bar-top p {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  padding-left: 30px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5 !important;
}
.bar-top::after {
  content: none;
}
.bar-top.l1 {
  background: #e30613;
  z-index: 1011;
}
.bar-top.l2 {
  background: rgb(0, 43.6850393701, 76);
  z-index: 1013;
}
.bar-top.l3 {
  background: rgb(0, 43.6850393701, 76);
  z-index: 1015;
}
.bar-top.l2, .bar-top.l3 {
  transform: translate3d(100%, 0px, 0px);
}
.bar-top.l2.opened, .bar-top.l3.opened {
  transform: translate3d(0px, 0px, 0px);
}
@media (width < 567px) {
  .bar-top {
    height: 68px;
    line-height: 68px;
    padding-right: 68px;
  }
}

#nav_mobile .icon-search-container {
  position: absolute;
  top: 0;
  height: 68px;
  width: 68px;
  background: #00497f;
  z-index: 1012;
  left: 0;
  left: 68px;
  animation: fade 1s;
}
#nav_mobile .icon-search-container .icon {
  margin-top: 5px;
  width: 40px;
  height: 40px;
  transition: transform 0.5s, background 0.6s;
}
#nav_mobile .icon-search-container .icon svg {
  transform: scale(0.55);
}
#nav_mobile .icon-search-container .icon path {
  fill: #fff;
}

#nav_mobile a.espace_personnel_mobile {
  display: inline-block;
  position: relative;
  background: #00497f;
  padding: 20px 0 20px 30px;
  padding-left: 55px;
  width: 100%;
  animation: fade 1s;
}
#nav_mobile a.espace_personnel_mobile:hover, #nav_mobile a.espace_personnel_mobile:focus {
  background: rgb(0, 43.6850393701, 76);
  color: #fff;
}
#nav_mobile a.espace_personnel_mobile .icon-container {
  transition: opacity 1s;
  position: absolute;
  top: 15px;
  left: 12px;
}
#nav_mobile a.espace_personnel_mobile .icon-container .icon {
  border: 1.5px solid white;
  transition: transform 0.3s;
  transform: scale(1);
  border-radius: 50%;
  overflow: hidden;
  width: 28px;
  height: 28px;
}
#nav_mobile a.espace_personnel_mobile .icon-container .icon svg {
  transform: scale(0.85);
}
#nav_mobile a.espace_personnel_mobile .icon-container .icon .st0 {
  fill: #fff;
}
#nav_mobile a.espace_personnel_mobile span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

#nav_mobile a.demande_de_caution_mobile {
  display: inline-block;
  position: relative;
  float: right;
  background: #2d9cb7;
  padding: 20px 0 20px 30px;
  padding-left: 55px;
  width: 100%;
  animation: fade 1s;
}
#nav_mobile a.demande_de_caution_mobile:hover, #nav_mobile a.demande_de_caution_mobile:focus {
  background: rgb(34.9342105263, 121.1052631579, 142.0657894737);
  color: #fff;
}
#nav_mobile a.demande_de_caution_mobile .icon-container {
  transition: opacity 1s;
  position: absolute;
  top: 12px;
  left: 9px;
}
#nav_mobile a.demande_de_caution_mobile .icon-container .icon {
  transition: transform 0.3s;
  transform: scale(1);
  border-radius: 50%;
  overflow: hidden;
  width: 34px;
  height: 34px;
}
#nav_mobile a.demande_de_caution_mobile .icon-container .icon svg {
  transform: scale(0.85);
}
#nav_mobile a.demande_de_caution_mobile .icon-container .icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}
#nav_mobile a.demande_de_caution_mobile span {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

form.post-password-form {
  padding-top: 100px;
  padding-bottom: 100px;
  animation: fade 2s;
}
form.post-password-form p.intro-text {
  padding-bottom: 20px;
  user-select: none;
}
form.post-password-form input[name=post_password] {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  height: 40px;
  width: 140px;
}
form.post-password-form input[name=post_password]:focus {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
form.post-password-form input[type=submit] {
  margin-left: 20px;
  background: #bbb;
  color: rgb(255, 255, 255);
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 5px;
}
form.post-password-form input[type=submit]:hover {
  background: #00497f;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 14px 14px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.9;
}

.hamburger-box {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.1s !important;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transform: translate3d(0px, -3px, 0px);
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  opacity: 0;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  background: #fff;
  transform: rotate(45deg) translate3d(1px, 0px, 0px);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  background: #fff;
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner {
  background: rgba(0, 0, 0, 0) !important;
  transform: rotate(0deg);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner, .hamburger--squeeze.is-active.back-arrow .hamburger-inner::before, .hamburger--squeeze.is-active.back-arrow .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform, background;
  transition-duration: 0.1s !important;
  transition-timing-function: ease-out;
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, transform 0.1s 0.14s ease, opacity 0s ease;
  opacity: 1;
  top: -3px;
  transform: translate3d(-0.9px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s 0.14s ease, opacity 0.1s ease;
  bottom: -5px;
  transform: translate3d(-0.9px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger {
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 14px 14px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.1s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.9;
}

.hamburger-box {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.1s !important;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transform: translate3d(0px, -3px, 0px);
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, opacity 0.1s ease;
  opacity: 0;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  background: #fff;
  transform: rotate(45deg) translate3d(1px, 0px, 0px);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  background: #fff;
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner {
  background: rgba(0, 0, 0, 0) !important;
  transform: rotate(0deg);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner, .hamburger--squeeze.is-active.back-arrow .hamburger-inner::before, .hamburger--squeeze.is-active.back-arrow .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform, background;
  transition-duration: 0.1s !important;
  transition-timing-function: ease-out;
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner::before {
  transition: top 0.1s 0.14s ease, transform 0.1s 0.14s ease, opacity 0s ease;
  opacity: 1;
  top: -3px;
  transform: translate3d(-0.9px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--squeeze.is-active.back-arrow .hamburger-inner::after {
  transition: bottom 0.1s 0.14s ease, transform 0.1s 0.14s ease, opacity 0.1s ease;
  bottom: -5px;
  transform: translate3d(-0.9px, 0, 0) rotate(45deg) scale(0.7, 1);
}

@keyframes show_sub_banner {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0px, 0);
  }
}
#nav_sub_banner {
  position: absolute;
  background: #f1edea;
  top: 150px;
  left: 0;
  right: 0;
  z-index: -1;
  animation: show_sub_banner 0.5s;
  box-shadow: -20px 20px 40px 0px rgba(0, 0, 0, 0.15);
}
#nav_sub_banner:after {
  content: "";
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1) inset;
  display: block;
  width: 100%;
  position: absolute;
  height: 20px;
  top: 0;
  left: 0;
  z-index: 100;
}
#nav_sub_banner.visible {
  display: inline-block;
}
@media (width < 1025px) {
  #nav_sub_banner {
    display: none !important;
  }
}
#nav_sub_banner .banner_content {
  position: static;
}
#nav_sub_banner .content {
  position: static;
}
#nav_sub_banner #nav_sub {
  height: 100%;
}
#nav_sub_banner #nav_sub > ul {
  height: 100%;
}
#nav_sub_banner #nav_sub > ul > li {
  height: 100%;
  width: 100%;
}
#nav_sub_banner #nav_sub > ul > li > a {
  height: 100%;
  display: inline-block;
  width: 40%;
  float: left;
  color: #fff;
  display: none;
}
#nav_sub_banner #nav_sub > ul > li:not(.menu-item-has-children) {
  display: none;
}
#nav_sub_banner #nav_sub > ul > li.menu-item-has-children.visible {
  display: inline-block;
}
#nav_sub_banner #nav_sub > ul > li > a > span {
  padding-top: 50px;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  position: relative;
}
#nav_sub_banner #nav_sub > ul > li > a > span:after {
  content: "";
  display: inline-block;
  width: 35px;
  height: 2px;
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 0;
}
#nav_sub_banner #nav_sub img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
}
#nav_sub_banner #nav_sub > ul > li > ul {
  display: inline-block;
  text-align: left;
  margin-top: 0px;
  width: 100%;
  z-index: 10;
  padding: 0px 0px 0px 50px;
  animation: fade 0.1s;
}
#nav_sub_banner #nav_sub > ul > li > ul {
  position: relative;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:not(.btn) > a::before {
  content: "";
  width: 0px;
  opacity: 0;
  transition: width 0.2s, opacity 0.5s, background 0.3s;
  height: 8px;
  position: absolute;
  display: inline-block;
  background: #e30613;
  left: 20px;
  bottom: -1px;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:not(.btn):hover > a::before,
#nav_sub_banner #nav_sub > ul > li > ul > li:not(.btn).current-menu-parent > a::before,
#nav_sub_banner #nav_sub > ul > li > ul > li:not(.btn).current-menu-item > a::before,
#nav_sub_banner #nav_sub > ul > li > ul > li.selected > a::before {
  opacity: 1;
  width: calc(100% - 40px);
}
#nav_sub_banner #nav_sub > ul > li > ul > li {
  display: inline-block;
  transition: border 1s;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:hover, #nav_sub_banner #nav_sub > ul > li > ul > li:hover + li {
  transition: border 0.5s;
}
#nav_sub_banner #nav_sub > ul > li > ul > li.current-menu-item > a {
  font-weight: 900;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(1) > a {
  color: #346d7e;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(2) > a {
  color: #2c9db6;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(3) > a {
  color: #73a99a;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(4) > a {
  color: #638129;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(5) > a {
  color: #005c29;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(6) > a {
  color: #f1edea;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(7) > a {
  color: #e1d7bc;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(1) > a::before {
  background-color: #346d7e;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(2) > a::before {
  background-color: #2c9db6;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(3) > a::before {
  background-color: #73a99a;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(4) > a::before {
  background-color: #638129;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(5) > a::before {
  background-color: #005c29;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(6) > a::before {
  background-color: #f1edea;
}
#nav_sub_banner #nav_sub > ul > li > ul > li:nth-child(7) > a::before {
  background-color: #e1d7bc;
}
#nav_sub_banner #nav_sub > ul > li > ul > li > a {
  display: block;
  padding: 30px 20px;
  font-size: 16px;
  letter-spacing: 0px;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  animation: fade 1s;
}
#nav_sub_banner #nav_sub > ul > li > ul > li.menu-item-has-children.current-menu-item ul {
  display: block;
}
#nav_sub_banner #nav_sub > ul > li > ul > li > ul {
  display: none !important;
}

#nav_sub_3_banner {
  position: absolute;
  background: #f1edea;
  top: 229px;
  left: 0;
  right: 0;
  z-index: -1;
}
#nav_sub_3_banner:after {
  content: "";
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1) inset;
  display: block;
  width: 100%;
  position: absolute;
  height: 20px;
  top: 0;
  left: 0;
  z-index: 100;
}
#nav_sub_3_banner.visible {
  display: inline-block;
}
@media (width < 1025px) {
  #nav_sub_3_banner {
    display: none !important;
  }
}
#nav_sub_3_banner #nav_sub3 {
  height: 100%;
}
#nav_sub_3_banner #nav_sub3 > ul {
  height: 100%;
}
#nav_sub_3_banner #nav_sub3 > ul > li > a {
  display: none;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > a {
  display: none !important;
}
#nav_sub_3_banner #nav_sub3 > ul > li:not(.menu-item-has-children) {
  display: none;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li[visible=true] {
  display: inline-block;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(1) > ul {
  background: #346d7e;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(2) > ul {
  background: #2c9db6;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(3) > ul {
  background: #73a99a;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(4) > ul {
  background: #638129;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(5) > ul {
  background: #005c29;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(6) > ul {
  background: #f1edea;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li:nth-child(7) > ul {
  background: #e1d7bc;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  box-shadow: 20px 5px 20px rgba(0, 0, 0, 0.2);
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil {
  width: 150px;
  display: inline-block;
  float: left;
  text-align: center;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a {
  display: inline-block;
  height: auto;
  width: 100%;
  padding: 30px 0px 0;
  text-align: center;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a .image_container {
  width: 100px;
  height: 100px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a .image_container img {
  width: 74%;
  margin-top: 11px;
  height: auto;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a .text_container {
  height: 80px;
  display: flex;
  align-items: center;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a .text_container span {
  color: #fff;
  display: block;
  width: 100%;
  font-weight: 900;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-accueil a:hover span {
  color: #ee7656;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-reste {
  width: calc(100% - 180px);
  display: inline-block;
  float: right;
  column-count: 3;
  padding-right: 10%;
  padding-top: 20px;
  padding-bottom: 20px;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-reste li a {
  position: relative;
  padding-left: 25px;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-reste li a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../assets/images/fleche-blanche.svg");
  position: absolute;
  top: 12.5px;
  left: 0;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul .col-reste li a:hover::before {
  background-image: url("../assets/images/fleche-orange.svg");
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul li {
  height: 100%;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul li a {
  padding: 13px 30px;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
#nav_sub_3_banner #nav_sub3 > ul > li > ul > li > ul li a:hover {
  color: #ee7656;
}

@keyframes show_rappel_conseil {
  0% {
    opacity: 0;
    transform: translate(120%, -50%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50%);
  }
}
.rappel_conseil {
  background: #00497f;
  color: #fff;
  position: fixed;
  right: 0;
  bottom: calc(25% - 100px);
  z-index: 11;
  font-size: 18px;
  padding: 20px 15px;
  text-align: left;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  max-width: 115px;
  user-select: none;
  letter-spacing: 0;
  animation: show_rappel_conseil 1s ease 1.1s both;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
}
@media (width < 567px) {
  .rappel_conseil {
    padding: 15px 10px;
    font-size: 15px;
    max-width: 110px;
    bottom: 6%;
  }
}
.rappel_conseil:hover, .rappel_conseil:focus {
  background: rgb(0, 43.6850393701, 76);
}

.lightbox-callback-all-container {
  display: none;
}
.lightbox-callback-all-container.active {
  display: block;
}

.page_overlay.callback {
  position: fixed;
  display: block;
  background: #fff !important;
  opacity: 0.95;
  z-index: 1500;
}
.page_overlay.callback.ng-enter {
  opacity: 0;
  transition: opacity 0.2s;
}
.page_overlay.callback.ng-enter.ng-enter-active {
  opacity: 0.95;
}
.page_overlay.callback.ng-leave {
  opacity: 0.95;
  transition: opacity 0.35s;
}
.page_overlay.callback.ng-leave.ng-leave-active {
  opacity: 0;
}

.lightbox_container.callback {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  overflow-y: auto;
  width: 100%;
  cursor: pointer;
}
@media (width < 1226px) {
  .lightbox_container.callback {
    width: calc(100% + 25px);
  }
}

.lightbox.callback {
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -300px;
  z-index: 2000;
  display: inline-block;
  width: 600px;
  min-height: 400px;
  background: #fff;
  margin-bottom: 120px;
  transition: top 1s;
  cursor: default;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
}
.lightbox.callback.ng-enter {
  transition: transform 0.5s, opacity 0.3s;
  transform: scale(0.85);
  opacity: 0;
}
.lightbox.callback.ng-enter-active {
  transform: scale(1);
  opacity: 1;
}
@media (width < 1226px) {
  .lightbox.callback {
    margin-bottom: 70px;
  }
}
@media (width < 567px) {
  .lightbox.callback {
    top: 5%;
    width: calc(90% - 23px);
    left: 5%;
    margin-left: 0;
    margin-bottom: 70px;
  }
}
.lightbox.callback .inside {
  display: inline-block;
  padding: 55px 9% 80px;
  min-height: 300px;
}
@media (width < 1226px) {
  .lightbox.callback .inside {
    padding: 45px 8% 60px;
  }
}
@media (width < 567px) {
  .lightbox.callback .inside {
    padding: 45px 7% 20px;
  }
}
.lightbox.callback .section_title {
  font-size: 23px;
  margin-bottom: 35px;
  letter-spacing: 0px;
  color: #000;
  text-align: center;
  line-height: 1.2;
  animation: fade 1.5s;
}
.lightbox.callback .section_title span {
  margin-left: 0px;
  font-size: 13px;
  font-weight: 300;
  text-transform: none;
  display: block;
  text-transform: uppercase;
  transform: translate3d(0, -1px, 0);
  position: relative;
}
@media (width < 567px) {
  .lightbox.callback .section_title span {
    margin-top: 10px;
    font-size: 15px;
    margin-left: 18px;
    display: block;
    margin-bottom: 25px;
  }
}
@media (width < 1025px) {
  .lightbox.callback .section_title {
    font-size: 25px;
  }
}
@media (width < 567px) {
  .lightbox.callback .section_title {
    font-size: 19px;
    text-align: left;
    padding-right: 50px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}
.lightbox.callback .champs-requis {
  text-align: right;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}
.lightbox.callback .champs-requis p {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
.lightbox.callback .champs-requis p span {
  font-size: 1.5em;
  font-weight: 700;
  color: #e30613;
}
.lightbox.callback form {
  width: 100%;
  max-width: 750px;
  margin-top: 15px;
  min-height: 180px;
  margin-bottom: 0px;
  animation: fade 1.5s;
}
@media (width < 1226px) {
  .lightbox.callback form {
    margin-top: 30px;
    max-width: 100%;
  }
}
.lightbox.callback form.ng-pristine .container input, .lightbox.callback form.ng-pristine .container textarea, .lightbox.callback form.ng-pristine .container select {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
@media (width < 567px) {
  .lightbox.callback form {
    margin-top: 20px;
  }
}
.lightbox.callback form .container {
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
  position: relative;
}
.lightbox.callback form .container.focus-submitted {
  z-index: 100;
}
.lightbox.callback form .container label {
  font-size: 15px;
  padding-top: 9px;
  padding-right: 10px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  width: 150px;
  display: inline-block;
  float: left;
  text-align: right;
}
.lightbox.callback form .container label span.required {
  color: #e30613;
  font-size: 1.2em;
}
@media (width < 567px) {
  .lightbox.callback form .container label {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
  }
}
.lightbox.callback form .container .input_container {
  position: relative;
  display: inline-block;
  width: calc(100% - 150px) !important;
  float: left;
}
@media (width < 567px) {
  .lightbox.callback form .container .input_container {
    width: 100% !important;
  }
}
.lightbox.callback form .container input, .lightbox.callback form .container textarea {
  position: relative;
  user-select: text;
  display: inline-block;
  width: 100%;
}
.lightbox.callback form .container input, .lightbox.callback form .container textarea, .lightbox.callback form .container select,
.lightbox.callback form .container .selectize-input .item, .lightbox.callback form .container .selectize-dropdown .option, .lightbox.callback form .container .attacher-vos-docs {
  font-size: 16px;
  font-weight: 400;
  color: black;
  letter-spacing: 0px;
}
@media (width < 1226px) {
  .lightbox.callback form .container input, .lightbox.callback form .container textarea, .lightbox.callback form .container select,
  .lightbox.callback form .container .selectize-input .item, .lightbox.callback form .container .selectize-dropdown .option, .lightbox.callback form .container .attacher-vos-docs {
    font-size: 16px;
  }
}
@media (width < 567px) {
  .lightbox.callback form .container input, .lightbox.callback form .container textarea, .lightbox.callback form .container select,
  .lightbox.callback form .container .selectize-input .item, .lightbox.callback form .container .selectize-dropdown .option, .lightbox.callback form .container .attacher-vos-docs {
    font-size: 15px;
  }
}
.lightbox.callback form .container input, .lightbox.callback form .container textarea, .lightbox.callback form .container select, .lightbox.callback form .container .selectize-input {
  width: 100%;
  padding: 0;
  z-index: 10;
  padding: 0 10px;
  transition: border 0.5s;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.lightbox.callback form .container input:focus, .lightbox.callback form .container textarea:focus, .lightbox.callback form .container select:focus, .lightbox.callback form .container .selectize-input:focus {
  border: 1px solid #777;
}
.lightbox.callback form .container input, .lightbox.callback form .container select, .lightbox.callback form .container .selectize-input, .lightbox.callback form .container .attacher-vos-docs {
  height: 40px;
  line-height: 40px;
}
.lightbox.callback form .container input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-text-fill-color: #000 !important;
  border: 1px solid #aaa !important;
}
.lightbox.callback form .container input:-webkit-autofill:focus {
  border: 1px solid #777 !important;
}
.lightbox.callback form .container.left {
  width: 48%;
  float: left;
}
.lightbox.callback form .container.right {
  width: 48%;
  float: right;
}
.lightbox.callback form .container.full {
  width: 100%;
  float: left;
}
.lightbox.callback form .container.clear {
  clear: both;
}
@media (width < 567px) {
  .lightbox.callback form .container {
    width: 100% !important;
    float: none !important;
    clear: both;
  }
}
.lightbox.callback form textarea {
  resize: none !important;
  padding-top: 20px !important;
  box-shadow: none;
  min-height: 60px;
  height: auto;
  line-height: 1.5;
  transition: border 0.5s, height 1s !important;
  max-height: 500px;
}
.lightbox.callback form button[type=submit] {
  width: 100%;
  background: #00497f;
  text-transform: uppercase;
  margin-top: 10px;
  padding-top: 1px;
  height: 60px;
  position: relative;
}
@media (width < 567px) {
  .lightbox.callback form button[type=submit] {
    width: 100%;
  }
}
.lightbox.callback form button[type=submit] p {
  font-size: 13.5px;
  color: #fff;
  letter-spacing: 2px;
  line-height: 1;
  font-weight: 700;
  display: inline-block;
  user-select: none;
}
.lightbox.callback form button[type=submit]:hover, .lightbox.callback form button[type=submit]:focus {
  background: rgb(0, 43.6850393701, 76);
}
.lightbox.callback form button[type=submit].wait {
  transition: background 0.2s;
  background: rgb(76.5, 76.5, 76.5);
}
.lightbox.callback form button[type=submit].wait .icon.envoyer,
.lightbox.callback form button[type=submit].wait p.envoyer {
  display: none;
}
.lightbox.callback form button[type=submit].wait p.wait {
  animation: fade 1s;
}
.lightbox.callback form button[type=submit].sent {
  height: auto;
  padding: 10px 0;
  transition: background 0.2s;
  background: green !important;
}
.lightbox.callback form button[type=submit].sent p {
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: normal;
  padding: 5px 10px;
  line-height: 1.2;
}
@media (width < 567px) {
  .lightbox.callback form button[type=submit].sent p {
    font-size: 16px;
  }
}
.lightbox.callback form button[type=submit].sent p.wait {
  display: none;
}
.lightbox.callback form button[type=submit].sent p.sent {
  animation: fade 1s;
}
.lightbox.callback form button[type=submit] .waiting.spinner {
  position: absolute;
  top: 16px;
  left: 16px;
}
.lightbox.callback .close-btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  position: absolute;
  z-index: 1100;
  top: -23px;
  right: -23px;
  cursor: pointer;
  background: #e30613;
  border-radius: 50%;
}
.lightbox.callback .close-btn .icon {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  margin-top: 0px;
}
.lightbox.callback .close-btn .icon .st0 {
  stroke: #fff;
  fill: none;
  stroke-width: 5.5;
  stroke-miterlimit: 10;
}
@media (width < 567px) {
  .lightbox.callback .close-btn {
    top: -1px;
    right: -1px;
    border-radius: 0%;
  }
}
.lightbox.callback .close-btn:hover {
  background: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.lightbox.callback .close-btn:hover .st0 {
  fill: none;
  stroke-width: 4.5;
  stroke-miterlimit: 10;
}
.lightbox.callback .response_box-container {
  position: relative;
  overflow: hidden;
  height: 40px;
}
.lightbox.callback .response_box-container.ng-enter {
  transition: opacity 1.5s, height 1s;
  height: 0;
  opacity: 0;
}
.lightbox.callback .response_box-container.ng-enter.ng-enter-active {
  opacity: 1;
  height: 40px;
}
.lightbox.callback .response_box-container.ng-leave {
  transition: opacity 2.5s, height 2.5s;
  height: 40px;
  opacity: 1;
}
.lightbox.callback .response_box-container.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0px;
}
.lightbox.callback .response_box-container .response_box {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  width: 100%;
  letter-spacing: 0px;
  font-style: italic;
}
.lightbox.callback .response_box-container .response_box.please-wait {
  color: #333;
}
.lightbox.callback .response_box-container .response_box.success {
  color: green;
}
.lightbox.callback .response_box-container .response_box.error {
  color: red;
}

.lightbox.callback .container.select {
  position: relative;
  z-index: 10;
}
.lightbox.callback .container.select .col_label.hours {
  width: 150px;
  display: inline-block;
  float: left;
}
@media (width < 567px) {
  .lightbox.callback .container.select .col_label.hours {
    width: 100%;
  }
}
.lightbox.callback .container.select .col_label.hours label {
  font-size: 15px;
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 0 !important;
  margin-bottom: 15px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  text-align: right;
  user-select: text !important;
  text-decoration: none !important;
}
@media (width < 567px) {
  .lightbox.callback .container.select .col_label.hours label {
    text-align: left;
  }
}
.lightbox.callback .container.select.hours .selectize-control {
  margin-top: 0px;
}
.lightbox.callback .container.select .selectize-control {
  height: 40px;
  width: 100%;
  display: inline-block;
}
@media (width < 567px) {
  .lightbox.callback .container.select .selectize-control {
    float: none;
    width: 100%;
  }
}
.lightbox.callback .container.select .selectize-control .selectize-input {
  height: 100%;
  padding: 0;
  position: relative;
}
.lightbox.callback .container.select .selectize-control .selectize-input .item {
  user-select: none;
  padding: 11px 50px 11px 10px;
  color: #000;
  cursor: pointer;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 1.25;
}
.lightbox.callback .container.select .selectize-control .selectize-input .item:hover {
  color: #00497f;
}
.lightbox.callback .container.select .selectize-control .selectize-input input {
  background: none !important;
  border: none !important;
  color: #000;
  width: 100% !important;
  cursor: pointer;
  height: 40px !important;
}
.lightbox.callback .container.select .selectize-control .selectize-input input::placeholder {
  transition: color 0.3s;
  color: rgba(0, 0, 0, 0.9) !important;
}
.lightbox.callback .container.select .selectize-control .selectize-input input:hover::placeholder {
  color: black !important;
}
.lightbox.callback .container.select .selectize-control .selectize-input input:focus::placeholder {
  opacity: 0.35 !important;
}
.lightbox.callback .container.select .selectize-control .selectize-input.has-items input {
  display: none !important;
}
.lightbox.callback .container.select .selectize-control .selectize-input::after {
  content: "";
  height: 16px;
  width: 16px;
  border: none;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 10px;
  background: url("../assets/images/select-dropdown.svg");
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown {
  border-radius: 0px;
  margin-top: 0;
  width: 100%;
  position: absolute;
  z-index: 10;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content {
  padding: 0px 0px;
  background: #fff;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .create {
  display: none;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  color: #000 !important;
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0;
  background: #fff;
  line-height: 1.5;
  padding: 6px 40px 6px 12px;
}
@media (width < 567px) {
  .lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
    padding: 9px 20px 9px 15px;
  }
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:first-child {
  padding-top: 10px;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-child {
  padding-bottom: 10px;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option.selected, .lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover {
  background: rgb(229.5, 229.5, 229.5);
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(1) {
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(2) {
  animation-delay: 0.02s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(3) {
  animation-delay: 0.04s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(4) {
  animation-delay: 0.06s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(5) {
  animation-delay: 0.08s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(6) {
  animation-delay: 0.1s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(7) {
  animation-delay: 0.12s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(8) {
  animation-delay: 0.14s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(9) {
  animation-delay: 0.16s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(10) {
  animation-delay: 0.18s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(11) {
  animation-delay: 0.2s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(12) {
  animation-delay: 0.22s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(13) {
  animation-delay: 0.24s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(14) {
  animation-delay: 0.26s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(15) {
  animation-delay: 0.28s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(16) {
  animation-delay: 0.3s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(17) {
  animation-delay: 0.32s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(18) {
  animation-delay: 0.34s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(19) {
  animation-delay: 0.36s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.lightbox.callback .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(20) {
  animation-delay: 0.38s;
  animation-duration: 0.3s;
  animation-name: fade;
}

.lightbox.callback .checkbox_container {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 10px 0;
}
.lightbox.callback .checkbox_container .col_label {
  width: 150px;
  display: inline-block;
  float: left;
}
@media (width < 567px) {
  .lightbox.callback .checkbox_container .col_label {
    width: 100% !important;
  }
}
.lightbox.callback .checkbox_container .col_label label {
  font-size: 15px;
  padding-top: 14px;
  padding-right: 10px;
  padding-left: 0 !important;
  margin-bottom: 15px;
  letter-spacing: 0px;
  color: #000;
  font-weight: 700;
  text-align: right;
  user-select: text !important;
  text-decoration: none !important;
}
@media (width < 567px) {
  .lightbox.callback .checkbox_container .col_label label {
    text-align: left;
  }
}
@media (width < 1025px) {
  .lightbox.callback .checkbox_container {
    width: 70%;
  }
}
@media (width < 820px) {
  .lightbox.callback .checkbox_container {
    width: 100%;
  }
}
.lightbox.callback .checkbox_container ul {
  display: inline-block;
  width: calc(100% - 150px);
  float: left;
  padding-left: 5px;
}
.lightbox.callback .checkbox_container ul li {
  display: inline-block;
  width: 100%;
}
.lightbox.callback .checkbox_container ul li:first-child {
  border-top: none;
}
.lightbox.callback .checkbox_container ul li:nth-child(1) {
  animation-delay: 0s;
}
.lightbox.callback .checkbox_container ul li:nth-child(2) {
  animation-delay: 0.04s;
}
.lightbox.callback .checkbox_container ul li:nth-child(3) {
  animation-delay: 0.08s;
}
.lightbox.callback .checkbox_container ul li:nth-child(4) {
  animation-delay: 0.12s;
}
.lightbox.callback .checkbox_container ul li:nth-child(5) {
  animation-delay: 0.16s;
}
.lightbox.callback .checkbox_container ul li:nth-child(6) {
  animation-delay: 0.2s;
}
.lightbox.callback .checkbox_container ul li:nth-child(7) {
  animation-delay: 0.24s;
}
.lightbox.callback .checkbox_container ul li:nth-child(8) {
  animation-delay: 0.28s;
}
.lightbox.callback .checkbox_container ul li:nth-child(9) {
  animation-delay: 0.32s;
}
.lightbox.callback .checkbox_container ul li:nth-child(10) {
  animation-delay: 0.36s;
}
.lightbox.callback .checkbox_container label {
  float: left;
  display: inline-block;
  position: relative;
  width: 100%;
  padding-top: 1px;
  padding-left: 24px;
  user-select: none;
  font-size: 14px;
}
.lightbox.callback .checkbox_container label:hover {
  color: #000 !important;
}
.lightbox.callback .checkbox_container li:hover input:not([disabled=disabled]) + label {
  color: #00497f;
  transition: color 0s;
}
.lightbox.callback .checkbox_container input:not([disabled=disabled]) + label {
  cursor: pointer;
}
.lightbox.callback .checkbox_container input[type=radio],
.lightbox.callback .checkbox_container input[type=checkbox] {
  display: none;
}
.lightbox.callback .checkbox_container input[type=radio] + label .case,
.lightbox.callback .checkbox_container input[type=checkbox] + label .case {
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 1px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px;
  background: #fff;
}
.lightbox.callback .checkbox_container input[type=radio] + label span,
.lightbox.callback .checkbox_container input[type=checkbox] + label span {
  background: #fff;
  background: #fff;
  display: block;
  height: 100%;
  transition: opacity 0.05s;
  border-radius: 50%;
  opacity: 0;
}
.lightbox.callback .checkbox_container input[type=radio]:checked + label .case,
.lightbox.callback .checkbox_container input[type=checkbox]:checked + label .case {
  border-radius: 50%;
  background: #e30613;
  border: none;
}
.lightbox.callback .checkbox_container input[type=radio]:checked + label span,
.lightbox.callback .checkbox_container input[type=checkbox]:checked + label span {
  opacity: 1;
}

@keyframes show_tooltip {
  0% {
    z-index: 1;
    transform: translateY(30px);
  }
  50% {
    z-index: 1;
    transform: translateY(-1px);
  }
  51% {
    z-index: 20;
  }
  100% {
    z-index: 20;
    transform: translateY(0px);
  }
}
@keyframes show_tooltip_triangle {
  0% {
    transform: translateY(-20px);
  }
  20% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.lightbox.callback form.ng-submitted input.focus-submitted + .tooltip,
.lightbox.callback form.ng-submitted div.container.select.focus-submitted .tooltip,
.lightbox.callback form.ng-submitted div.radio-container.focus-submitted .tooltip,
.lightbox.callback form.ng-submitted div#gdpr_container.focus-submitted .tooltip,
.lightbox.callback form.ng-submitted textarea.focus-submitted + .tooltip {
  display: inline-block;
}

.lightbox.callback form .tooltip {
  position: absolute;
  top: -45px;
  left: 10px;
  will-change: transform, opacity;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.09) !important;
  transform: translate3d(0, 0, 0);
  display: none;
  animation: show_tooltip 0.25s;
}
.lightbox.callback form .tooltip span {
  padding: 15px 19px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  animation: fade 0.2s;
  cursor: default;
}
.lightbox.callback form .tooltip span::first-letter {
  text-transform: uppercase;
}
.lightbox.callback form .tooltip > div::after {
  content: "";
  transform: translate3d(0, 0, 0);
  animation: show_tooltip_triangle 0.3s;
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid green;
}
.lightbox.callback form .tooltip .files-missing,
.lightbox.callback form .tooltip [ng-message=required] {
  background: rgb(201, 77.76, 77.04);
}
.lightbox.callback form .tooltip .files-missing::after,
.lightbox.callback form .tooltip [ng-message=required]::after {
  border-left-color: rgb(201, 77.76, 77.04);
}
.lightbox.callback form .tooltip [ng-message=pattern] {
  background: rgb(224.4, 176.9, 92.65);
}
.lightbox.callback form .tooltip [ng-message=pattern]::after {
  border-left-color: rgb(224.4, 176.9, 92.65);
}

.lightbox.callback form .container.input .icon {
  height: 100%;
}
.lightbox.callback form .container .icon {
  position: absolute;
  z-index: 20;
  top: 0.5px;
  will-change: opacity, transform;
}
.lightbox.callback form .container .icon.ng-enter {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.25s 0.05s, transform 0.2s 0.05s;
}
.lightbox.callback form .container .icon.ng-enter.ng-enter-active {
  transform: scale(1);
  opacity: 1;
}
.lightbox.callback form .container .icon-checked {
  width: 14px;
  left: 8px;
}
.lightbox.callback form .container .icon-checked .st0 {
  fill: green;
}
.lightbox.callback form .container .icon-circle {
  width: 9px;
  left: 8px;
}
.lightbox.callback form .container .icon-circle .st0 {
  fill: rgb(251.94, 166.19, 9.265);
}
.lightbox.callback form .container .icon-cross {
  width: 10px;
  left: 8px;
}
.lightbox.callback form .container .icon-cross .st0 {
  fill: none;
  stroke: rgb(233.4, 31.104, 30.816);
  stroke-width: 9;
  stroke-miterlimit: 10;
}
.lightbox.callback form .container.textarea .icon-checked {
  top: 22.5px;
}
.lightbox.callback form .container.textarea .icon-circle, .lightbox.callback form .container.textarea .icon-cross {
  top: 22.5px;
}
.lightbox.callback form input.prefill, .lightbox.callback form input.ng-invalid.cross-has-shown, .lightbox.callback form input.ng-invalid-pattern.ng-dirty.blured, .lightbox.callback form input.ng-invalid-pattern.ng-dirty.blured, .lightbox.callback form input.ng-valid.blured.ng-dirty, .lightbox.callback form input[disabled=disabled] {
  padding-left: 25px !important;
}
.lightbox.callback form textarea.ng-valid:not(.ng-empty), .lightbox.callback form textarea.cross-has-shown {
  padding-left: 25px !important;
}
.lightbox.callback form .not-required-textarea textarea[ng-required=false] {
  padding-left: 0 !important;
}
.lightbox.callback form .not-required-textarea .icon-checked {
  display: none !important;
}
.lightbox.callback form.ng-submitted input.ng-invalid-pattern, .lightbox.callback form.ng-submitted textarea.ng-invalid-pattern {
  padding-left: 25px !important;
}
.lightbox.callback form.ng-submitted input[type=tel].ng-valid, .lightbox.callback form.ng-submitted input[type=email].ng-valid, .lightbox.callback form.ng-submitted textarea[type=tel].ng-valid, .lightbox.callback form.ng-submitted textarea[type=email].ng-valid {
  padding-left: 25px !important;
}

/**************  PLACEHOLDER ADJUST   ***************/
.lightbox.callback input::placeholder, .lightbox.callback textarea::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  text-align: left;
  font-size: 16px;
  transition: opacity 0.3s;
}
@media (width < 1226px) {
  .lightbox.callback input::placeholder, .lightbox.callback textarea::placeholder {
    font-size: 16px;
  }
}
@media (width < 567px) {
  .lightbox.callback input::placeholder, .lightbox.callback textarea::placeholder {
    font-size: 15px;
  }
}
.lightbox.callback input:focus::placeholder, .lightbox.callback textarea:focus::placeholder {
  opacity: 0.35;
}

.lightbox-promo-all-container {
  display: none;
}
.lightbox-promo-all-container.active {
  display: block;
}

.page_overlay.promo {
  position: fixed;
  display: block;
  background: #fff !important;
  opacity: 0.95;
  z-index: 1500;
}
.page_overlay.promo.ng-enter {
  opacity: 0;
  transition: opacity 0.4s;
}
.page_overlay.promo.ng-enter.ng-enter-active {
  opacity: 0.95;
}
.page_overlay.promo.ng-leave {
  opacity: 0.95;
  transition: opacity 0.35s;
}
.page_overlay.promo.ng-leave.ng-leave-active {
  opacity: 0;
}

.lightbox_container.promo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  overflow-y: hidden;
  width: 100%;
  cursor: default;
}
.lightbox_container.promo.ng-enter {
  transition: transform 1s, opacity 0.6s;
  transform: scale(0.85);
  opacity: 0;
}
.lightbox_container.promo.ng-enter-active {
  transform: scale(1);
  opacity: 1;
}
.lightbox.promo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2000;
  display: inline-block;
  width: 1000px;
  transition: top 1s;
  cursor: default;
  transform: translate(-50%, -50%);
}
@media (width < 1226px) {
  .lightbox.promo {
    width: 82%;
  }
}
@media (width < 820px) {
  .lightbox.promo {
    width: 80%;
  }
}
@media (width < 740px) {
  .lightbox.promo {
    width: 84%;
  }
}
.lightbox.promo .inside {
  display: inline-block;
  height: 390px;
  box-shadow: 1px 1px 400px rgba(255, 255, 255, 0.4);
}
@media (width < 820px) {
  .lightbox.promo .inside {
    height: 70vh;
  }
}
@media (width < 567px) {
  .lightbox.promo .inside {
    height: 65vh;
    max-height: 380px;
  }
}
.lightbox.promo .close-btn {
  display: inline-block;
  width: 46px;
  height: 46px;
  position: absolute;
  z-index: 1100;
  top: -23px;
  right: -23px;
  cursor: pointer;
  background: #e30613;
  border-radius: 50%;
}
.lightbox.promo .close-btn .icon {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  margin-top: 0px;
}
.lightbox.promo .close-btn .icon .st0 {
  stroke: #fff;
  fill: none;
  stroke-width: 5.5;
  stroke-miterlimit: 10;
}
@media (width < 1226px) {
  .lightbox.promo .close-btn {
    top: -1px;
    right: -1px;
    border-radius: 0%;
  }
}
.lightbox.promo .close-btn:hover {
  background: rgb(177.313304721, 4.686695279, 14.8412017167);
}
.lightbox.promo .close-btn:hover .st0 {
  fill: none;
  stroke-width: 4.5;
  stroke-miterlimit: 10;
}

.lightbox.promo #slider_promo .overlay {
  opacity: 0;
  transition: opacity 0.5s ease 0.5s;
}
.lightbox.promo #slider_promo .image_container {
  opacity: 0;
  transition: opacity 1s;
  width: 45%;
  position: relative;
  height: 100%;
}
@media (width < 820px) {
  .lightbox.promo #slider_promo .image_container {
    width: 100%;
    height: 45%;
  }
}
@media (width < 567px) {
  .lightbox.promo #slider_promo .image_container {
    height: 35%;
    display: none !important;
  }
}
.lightbox.promo #slider_promo .texts_container {
  padding: 50px 15%;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (width < 567px) {
  .lightbox.promo #slider_promo .texts_container {
    padding: 50px 7% !important;
  }
}
.lightbox.promo #slider_promo .texts_container.has_image {
  width: 55%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 50px 4.5%;
  padding-right: 8%;
}
@media (width < 820px) {
  .lightbox.promo #slider_promo .texts_container.has_image {
    top: auto;
    height: 55%;
    width: 100%;
    padding-right: 4.5%;
  }
}
@media (width < 567px) {
  .lightbox.promo #slider_promo .texts_container.has_image {
    height: 100%;
  }
}
.lightbox.promo #slider_promo .texts_container * {
  color: #fff;
}
.lightbox.promo #slider_promo .texts_container .surtitle {
  opacity: 0;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
  animation-delay: 0.2s;
}
@media (width < 740px) {
  .lightbox.promo #slider_promo .texts_container .surtitle {
    line-height: 1.2;
    font-size: 11px;
  }
}
.lightbox.promo #slider_promo .texts_container .title {
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 20px;
  font-size: 34px;
  opacity: 0;
  transition: opacity 0.5s;
}
@media (width < 1226px) {
  .lightbox.promo #slider_promo .texts_container .title {
    font-size: 32px;
  }
}
@media (width < 740px) {
  .lightbox.promo #slider_promo .texts_container .title {
    font-size: 22px;
    margin-bottom: 13px;
  }
}
.lightbox.promo #slider_promo .texts_container .text {
  opacity: 0;
  animation-delay: 0.4s;
}
.lightbox.promo #slider_promo .texts_container .text p, .lightbox.promo #slider_promo .texts_container .text li {
  font-weight: 500;
  color: #fff;
  line-height: 1.5;
}
.lightbox.promo #slider_promo .texts_container .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  display: none !important;
}
@media (width < 820px) {
  .lightbox.promo #slider_promo .texts_container .trait {
    width: 50px;
    height: 6px;
  }
}
.lightbox.promo #slider_promo .texts_container .trait span {
  animation-delay: 0s;
  display: inline-block;
  background: #e30613;
}
.lightbox.promo #slider_promo .texts_container .link {
  margin-top: 30px;
  background: #e30613;
  padding: 10px 15px;
  position: relative;
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}
@media (width < 740px) {
  .lightbox.promo #slider_promo .texts_container .link {
    margin-top: 20px;
  }
}
.lightbox.promo #slider_promo .texts_container .link span {
  font-size: 13px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #e30613;
  color: #fff;
  padding-top: 18px;
  text-transform: uppercase;
}
.lightbox.promo #slider_promo .texts_container .link i {
  margin: 0 5px;
  font-size: 10px;
}
.lightbox.promo #slider_promo .texts_container .link:hover, .lightbox.promo #slider_promo .texts_container .link:focus {
  background: rgb(202.1566523605, 5.3433476395, 16.9206008584);
}
.lightbox.promo #slider_promo .texts_container .link:hover::after, .lightbox.promo #slider_promo .texts_container .link:focus::after {
  opacity: 1;
  width: 100%;
}
.lightbox.promo #slider_promo ul li.active {
  z-index: 10;
}
.lightbox.promo #slider_promo ul li.active .overlay {
  opacity: 1;
  transition: opacity 0.5s ease 0s;
}
.lightbox.promo #slider_promo ul li.active .image_container {
  opacity: 1;
}
.lightbox.promo #slider_promo ul li.active .side-btn {
  opacity: 1;
}
.lightbox.promo #slider_promo ul li.active .date {
  opacity: 1;
  transition: opacity 1s;
  transition-delay: 0.4s;
}
.lightbox.promo #slider_promo ul li.active .surtitle {
  animation-fill-mode: both !important;
  animation: show_slider_title 1s ease 0.6s;
}
@keyframes show_slider_surtitle {
  0% {
    opacity: 0;
    transform: translate3d(0, -3px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
.lightbox.promo #slider_promo ul li.active .title {
  animation-fill-mode: both !important;
  animation: show_slider_title 1s ease 0.4s;
}
@keyframes show_slider_title {
  0% {
    opacity: 0;
    transform: translate3d(0, -3px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
.lightbox.promo #slider_promo ul li.active .text {
  animation-fill-mode: both !important;
  animation: show_slider_text 1s ease 0.6s;
}
@keyframes show_slider_text {
  0% {
    opacity: 0;
    transform: translate3d(0, -3px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
.lightbox.promo #slider_promo ul li.active .link {
  animation-fill-mode: both !important;
  animation: show_slider_link 1s ease 0.6s;
}
@keyframes show_slider_link {
  0% {
    opacity: 0;
    transform: translate3d(0, -3px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
  }
}
.lightbox.promo #slider_promo ul li.active .bloc-savoir-plus-ticket {
  display: inline-block;
  transition: opacity 0.7s;
  animation: show_savoir_plus_ticket 0.8s;
  animation-delay: 0.3s;
}
.lightbox.promo #slider_promo ul li.active .ticket {
  animation: show_savoir_plus_ticket 0.8s;
  animation-delay: 0.2s;
}

.lightbox.promo .side-btn {
  animation: fade 2s;
  position: absolute;
  height: 100%;
  width: 80px;
  top: 0;
  bottom: 0;
  cursor: pointer;
  font-size: 60px;
  opacity: 0;
  display: none;
}
@media (width < 820px) {
  .lightbox.promo .side-btn {
    width: 5%;
    font-size: 50px;
  }
}
@media (width < 740px) {
  .lightbox.promo .side-btn {
    width: 5%;
    font-size: 30px;
  }
}
.lightbox.promo .side-btn i {
  font-weight: 300;
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.5s;
}
@media (width < 820px) {
  .lightbox.promo .side-btn i {
    color: #000;
  }
}
.lightbox.promo .side-btn.active {
  display: inline-block;
}
.lightbox.promo .side-btn.left {
  left: 0px;
}
@media (width < 820px) {
  .lightbox.promo .side-btn.left {
    left: -50px;
  }
}
@media (width < 567px) {
  .lightbox.promo .side-btn.left {
    left: -24px;
  }
}
.lightbox.promo .side-btn.right {
  right: 0px;
}
@media (width < 820px) {
  .lightbox.promo .side-btn.right {
    right: -50px;
  }
}
@media (width < 567px) {
  .lightbox.promo .side-btn.right {
    right: -24px;
  }
}
.lightbox.promo .side-btn:hover i {
  opacity: 1;
}

.lightbox-search-all-container {
  display: none;
}
.lightbox-search-all-container.active {
  display: block;
}

.page_overlay.search {
  position: fixed;
  display: block;
  background: #fff;
  opacity: 0.95;
  z-index: 1999;
}
.page_overlay.search.ng-enter {
  opacity: 0;
  transition: opacity 0.3s;
}
.page_overlay.search.ng-enter.ng-enter-active {
  opacity: 0.95;
}
.page_overlay.search.ng-leave {
  opacity: 0.95;
  transition: opacity 0.35s;
}
.page_overlay.search.ng-leave.ng-leave-active {
  opacity: 0;
}

.lightbox-container.search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  overflow-y: auto;
  width: 100%;
  cursor: pointer;
}
@media (width < 1226px) {
  .lightbox-container.search {
    width: calc(100% + 25px);
  }
}

.lightbox.search {
  position: absolute;
  top: 120px;
  left: calc(50% + 17px);
  margin-left: -400px;
  z-index: 2000;
  display: inline-block;
  max-width: 800px;
  min-height: 600px;
  width: 100%;
  overflow: hidden;
  transition: margin-top 1s;
  cursor: default;
  transform-origin: center 20%;
}
.lightbox.search.ng-enter {
  transition: transform 0.5s, opacity 0.3s;
  transform: scale(0.9);
  opacity: 0;
}
.lightbox.search.ng-enter-active {
  transform: scale(1);
  opacity: 1;
}
@media (width < 1226px) {
  .lightbox.search {
    top: 100px;
    width: calc(100% - 13px);
    left: 0%;
    margin-left: 0;
    max-width: 1290px;
  }
}
@media (width < 567px) {
  .lightbox.search {
    top: 80px;
    width: calc(100% - 18px);
  }
}
.lightbox.search .banner_content {
  padding: 0 62px;
}
@media (width < 567px) {
  .lightbox.search .banner_content {
    padding: 0 7% 0 6%;
  }
}
.lightbox.search .inside {
  display: inline-block;
  min-height: 300px;
  padding-top: 50px;
  margin-bottom: 120px;
  overflow: hidden;
}
@media (width < 567px) {
  .lightbox.search .inside {
    margin-bottom: 70px;
  }
}
.lightbox.search .nombre-de-resultats {
  margin-bottom: 15px;
  margin-left: 3px;
  position: absolute;
  top: 10px;
  left: 0;
}
.lightbox.search .nombre-de-resultats.ng-enter {
  transition: opacity 0.5s;
  opacity: 0;
}
.lightbox.search .nombre-de-resultats.ng-enter.ng-enter-active {
  opacity: 1;
}
.lightbox.search .nombre-de-resultats p {
  font-size: 11.5px;
  letter-spacing: 0.8px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 700;
  display: inline-block;
}
.lightbox.search .nombre-de-resultats p.nombre {
  margin-right: 5px;
}
.lightbox.search ul {
  display: inline-block;
  width: 100%;
  padding-top: 50px;
}
.lightbox.search li {
  display: inline-block;
  width: 100%;
}
.lightbox.search li:last-child {
  border-top: none;
}
.lightbox.search li.ng-enter {
  transition: opacity 1s;
  opacity: 0;
}
.lightbox.search li.ng-enter:nth-child(1) {
  transition-delay: 0.02s;
}
.lightbox.search li.ng-enter:nth-child(2) {
  transition-delay: 0.04s;
}
.lightbox.search li.ng-enter:nth-child(3) {
  transition-delay: 0.06s;
}
.lightbox.search li.ng-enter:nth-child(4) {
  transition-delay: 0.08s;
}
.lightbox.search li.ng-enter:nth-child(5) {
  transition-delay: 0.1s;
}
.lightbox.search li.ng-enter:nth-child(6) {
  transition-delay: 0.12s;
}
.lightbox.search li.ng-enter:nth-child(7) {
  transition-delay: 0.14s;
}
.lightbox.search li.ng-enter:nth-child(8) {
  transition-delay: 0.16s;
}
.lightbox.search li.ng-enter:nth-child(9) {
  transition-delay: 0.18s;
}
.lightbox.search li.ng-enter:nth-child(10) {
  transition-delay: 0.2s;
}
.lightbox.search li.ng-enter:nth-child(11) {
  transition-delay: 0.22s;
}
.lightbox.search li.ng-enter:nth-child(12) {
  transition-delay: 0.24s;
}
.lightbox.search li.ng-enter:nth-child(13) {
  transition-delay: 0.26s;
}
.lightbox.search li.ng-enter:nth-child(14) {
  transition-delay: 0.28s;
}
.lightbox.search li.ng-enter:nth-child(15) {
  transition-delay: 0.3s;
}
.lightbox.search li.ng-enter:nth-child(16) {
  transition-delay: 0.32s;
}
.lightbox.search li.ng-enter:nth-child(17) {
  transition-delay: 0.34s;
}
.lightbox.search li.ng-enter:nth-child(18) {
  transition-delay: 0.36s;
}
.lightbox.search li.ng-enter:nth-child(19) {
  transition-delay: 0.38s;
}
.lightbox.search li.ng-enter:nth-child(20) {
  transition-delay: 0.4s;
}
.lightbox.search li.ng-enter:nth-child(21) {
  transition-delay: 0.42s;
}
.lightbox.search li.ng-enter:nth-child(22) {
  transition-delay: 0.44s;
}
.lightbox.search li.ng-enter:nth-child(23) {
  transition-delay: 0.46s;
}
.lightbox.search li.ng-enter:nth-child(24) {
  transition-delay: 0.48s;
}
.lightbox.search li.ng-enter:nth-child(25) {
  transition-delay: 0.5s;
}
.lightbox.search li.ng-enter:nth-child(26) {
  transition-delay: 0.52s;
}
.lightbox.search li.ng-enter:nth-child(27) {
  transition-delay: 0.54s;
}
.lightbox.search li.ng-enter:nth-child(28) {
  transition-delay: 0.56s;
}
.lightbox.search li.ng-enter:nth-child(29) {
  transition-delay: 0.58s;
}
.lightbox.search li.ng-enter:nth-child(30) {
  transition-delay: 0.6s;
}
.lightbox.search li.ng-enter:nth-child(31) {
  transition-delay: 0.62s;
}
.lightbox.search li.ng-enter:nth-child(32) {
  transition-delay: 0.64s;
}
.lightbox.search li.ng-enter:nth-child(33) {
  transition-delay: 0.66s;
}
.lightbox.search li.ng-enter:nth-child(34) {
  transition-delay: 0.68s;
}
.lightbox.search li.ng-enter:nth-child(35) {
  transition-delay: 0.7s;
}
.lightbox.search li.ng-enter:nth-child(36) {
  transition-delay: 0.72s;
}
.lightbox.search li.ng-enter:nth-child(37) {
  transition-delay: 0.74s;
}
.lightbox.search li.ng-enter:nth-child(38) {
  transition-delay: 0.76s;
}
.lightbox.search li.ng-enter:nth-child(39) {
  transition-delay: 0.78s;
}
.lightbox.search li.ng-enter:nth-child(40) {
  transition-delay: 0.8s;
}
.lightbox.search li.ng-enter:nth-child(41) {
  transition-delay: 0.82s;
}
.lightbox.search li.ng-enter:nth-child(42) {
  transition-delay: 0.84s;
}
.lightbox.search li.ng-enter:nth-child(43) {
  transition-delay: 0.86s;
}
.lightbox.search li.ng-enter:nth-child(44) {
  transition-delay: 0.88s;
}
.lightbox.search li.ng-enter:nth-child(45) {
  transition-delay: 0.9s;
}
.lightbox.search li.ng-enter:nth-child(46) {
  transition-delay: 0.92s;
}
.lightbox.search li.ng-enter:nth-child(47) {
  transition-delay: 0.94s;
}
.lightbox.search li.ng-enter:nth-child(48) {
  transition-delay: 0.96s;
}
.lightbox.search li.ng-enter:nth-child(49) {
  transition-delay: 0.98s;
}
.lightbox.search li.ng-enter:nth-child(50) {
  transition-delay: 1s;
}
.lightbox.search li.ng-enter.ng-enter-active {
  opacity: 1;
}
.lightbox.search li:hover .date {
  color: rgba(0, 0, 0, 0.7);
}
.lightbox.search li:hover .type {
  color: rgba(0, 0, 0, 0.7);
}
.lightbox.search li:hover .titre {
  color: black;
}
.lightbox.search li:hover a {
  transition: border 1s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.lightbox.search li a {
  padding: 25px 0 12px;
  display: inline-block;
  height: 100%;
  width: 100%;
  transition: border 0.3s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.lightbox.search li a span {
  display: inline-block;
  float: left;
}
.lightbox.search li .date {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  padding-top: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  width: 105px;
  height: 20px;
  transition: color 0.5s;
  display: none;
}
@media (width < 567px) {
  .lightbox.search li .date {
    width: 90px;
  }
}
.lightbox.search li .type {
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 11px;
  transition: color 0.5s;
  font-weight: 700;
  color: #e30613;
  width: 90px;
}
.lightbox.search li .titre {
  width: calc(100% - 105px);
  transition: color 1s;
  font-size: 20px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
}
@media (width < 567px) {
  .lightbox.search li .titre {
    font-size: 19px;
  }
}

.close-btn.search {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 1100;
  top: -6px;
  right: 0px;
  cursor: pointer;
  animation: fade 4s;
}
.close-btn.search .icon {
  float: right;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  margin-top: 28px;
}
.close-btn.search .icon .st0 {
  stroke: #e30613;
  fill: none;
  stroke-width: 3.5;
  stroke-miterlimit: 10;
}
.close-btn.search:hover {
  transition: background 1.8s;
}
.close-btn.search:hover .st0 {
  fill: none;
  stroke-width: 4.5;
  stroke-miterlimit: 10;
}

/*    SEARCH FIELD
==================================================================================*/
.lightbox.search .search-field {
  height: 60px;
  display: inline-block;
  width: 99%;
  position: relative;
  z-index: 99;
  animation: fade 2s;
  /**************  PLACEHOLDER   ***************/
}
@media (width < 567px) {
  .lightbox.search .search-field {
    width: 100%;
    height: 65px;
  }
}
.lightbox.search .search-field input {
  height: 100%;
  color: black;
  width: 100%;
  user-select: text;
  font-size: 26px;
  letter-spacing: 1px;
  padding-left: 40px;
  font-weight: 400;
  transition: border 0.5s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (width < 567px) {
  .lightbox.search .search-field input {
    font-size: 20px;
  }
}
.lightbox.search .search-field input:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
}
.lightbox.search .search-field .icon-magnifying {
  position: absolute;
  left: -10px;
  top: 10px;
  width: 40px;
  height: 40px;
  transition: transform 0.5s;
}
.lightbox.search .search-field .icon-magnifying svg {
  transform: scale(0.55);
  transition: transform 0.5s;
}
.lightbox.search .search-field .icon-magnifying path {
  fill: #e30613;
  fill-rule: evenodd;
  clip-rule: evenodd;
}
.lightbox.search .search-field input::placeholder {
  font-size: 26px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.75);
  text-align: left;
  transition: opacity 0.4s;
}
@media (width < 567px) {
  .lightbox.search .search-field input::placeholder {
    font-size: 20px;
  }
}
.lightbox.search .search-field input:focus::placeholder {
  opacity: 0.5;
}

.page-accueil {
  background: #fff;
}

.page-accueil .banner.bandeau_image {
  padding: 0 0 60px;
}
@media (width < 567px) {
  .page-accueil .banner.bandeau_image {
    padding: 0 0 40px;
  }
}
.page-accueil .banner.bandeau_image a {
  display: inline-block;
  width: 100%;
}
.page-accueil .banner.bandeau_image img {
  width: 100%;
  height: auto;
}

.page-accueil .banner.video .video_container {
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: fade 1s ease 0.3s both;
}
.page-accueil .banner.video .video_container video {
  display: none;
  position: relative;
  width: auto;
}
.page-accueil .banner.video .video_container video.visible {
  display: inline-block;
  animation: fade 1s ease 0.3s both;
}
@keyframes show_derniere_minute {
  0% {
    opacity: 0;
    transform: translate3d(0, -80px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.page-accueil .banner.solutions {
  padding: 60px 0;
}
@media (width < 820px) {
  .page-accueil .banner.solutions {
    padding: 60px 0 20px;
  }
}
@media (width < 567px) {
  .page-accueil .banner.solutions {
    padding: 40px 0 10px;
  }
}
.page-accueil .banner.solutions .col_texts {
  width: 43%;
  float: left;
  padding-top: 120px;
}
@media (width < 820px) {
  .page-accueil .banner.solutions .col_texts {
    width: 100%;
    padding-top: 0;
    margin-bottom: 15px;
  }
}
.page-accueil .banner.solutions .col_texts .col_title {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 48px;
}
@media (width < 1226px) {
  .page-accueil .banner.solutions .col_texts .col_title {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page-accueil .banner.solutions .col_texts .col_title {
    font-size: 25px;
  }
}
.page-accueil .banner.solutions .col_texts .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page-accueil .banner.solutions .col_texts .trait {
    height: 6px;
    width: 50px;
  }
}
.page-accueil .banner.solutions .col_texts .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page-accueil .banner.solutions .col_texts .text_container {
  margin-bottom: 25px;
  animation: fade 2s ease 0.2s;
}
.page-accueil .banner.solutions .col_image {
  width: 47%;
  float: right;
  position: relative;
  height: 650px;
}
@media (width < 820px) {
  .page-accueil .banner.solutions .col_image {
    width: 100%;
    height: 250px;
    display: none;
  }
}

.page-accueil .banner.nos_produits {
  padding: 60px 0 70px;
}
@media (width < 820px) {
  .page-accueil .banner.nos_produits {
    padding: 10px 0 70px;
  }
}
.page-accueil .banner.nos_produits .col_image {
  width: 45%;
  float: left;
  position: relative;
}
@media (width < 740px) {
  .page-accueil .banner.nos_produits .col_image {
    width: 100%;
    margin-bottom: 25px;
    display: none !important;
  }
}
.page-accueil .banner.nos_produits .col_image img {
  width: 100%;
  height: auto;
}
.page-accueil .banner.nos_produits .col_texts {
  width: 47%;
  float: right;
  padding-top: 80px;
}
@media (width < 820px) {
  .page-accueil .banner.nos_produits .col_texts {
    padding-top: 20px;
  }
}
@media (width < 740px) {
  .page-accueil .banner.nos_produits .col_texts {
    padding-top: 0;
    width: 100%;
  }
}
.page-accueil .banner.nos_produits .col_texts .col_title {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 48px;
}
@media (width < 1226px) {
  .page-accueil .banner.nos_produits .col_texts .col_title {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page-accueil .banner.nos_produits .col_texts .col_title {
    font-size: 25px;
  }
}
.page-accueil .banner.nos_produits .col_texts .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page-accueil .banner.nos_produits .col_texts .trait {
    height: 6px;
    width: 50px;
  }
}
.page-accueil .banner.nos_produits .col_texts .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page-accueil .banner.nos_produits .col_texts .text_container {
  margin-bottom: 25px;
}
.page-accueil .banner.nos_produits .col_texts ul.produits {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.page-accueil .banner.nos_produits .col_texts ul.produits > li {
  width: 50%;
  display: inline-block;
  float: left;
  margin-bottom: 10px;
}
@media (width < 820px) {
  .page-accueil .banner.nos_produits .col_texts ul.produits > li {
    width: 100%;
  }
}
.page-accueil .banner.nos_produits .col_texts ul.produits > li .icon_container {
  width: 60px;
  float: left;
  margin-right: 10px;
}
.page-accueil .banner.nos_produits .col_texts ul.produits > li .title {
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 20px;
  font-size: 14px;
}

.page-accueil .derniere_minute_container {
  width: 750px;
  animation-name: show_derniere_minute;
  animation-duration: 2s;
  animation-delay: 0.3s;
  background: #fff;
  z-index: 10;
  position: absolute;
  left: calc(50% - 375px);
  top: 25px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
}
@media (width < 1025px) {
  .page-accueil .derniere_minute_container {
    top: 15px;
  }
}
@media (width < 820px) {
  .page-accueil .derniere_minute_container {
    width: 100%;
    left: 0;
    top: 0px;
  }
}
.page-accueil .derniere_minute_container .derniere_minute {
  position: absolute;
  top: 0;
  left: 0;
  background: #e30613;
  font-weight: 700;
  padding: 5px 20px;
  color: #fff;
  user-select: none;
  width: 162px;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (width < 567px) {
  .page-accueil .derniere_minute_container .derniere_minute {
    width: 120px;
    font-size: 11px;
    padding: 8px 13px;
  }
}
.page-accueil .derniere_minute_container .annonce {
  font-weight: 500;
  font-size: 16px;
  padding: 7px 20px;
  float: right;
  width: calc(100% - 162px);
  line-height: 1.2;
  display: flex;
  align-items: center;
  letter-spacing: 0;
}
@media (width < 567px) {
  .page-accueil .derniere_minute_container .annonce {
    font-size: 11px;
    line-height: 1.1;
    padding: 7px 13px;
    width: calc(100% - 120px);
  }
}

.page-accueil .banner.commentaire_bandeau_image {
  padding: 0 0 70px;
}

.contact-form {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}
@media (width < 1226px) {
  .contact-form {
    margin-bottom: 0px;
    padding: 0;
  }
}
.contact-form .titre {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 50px;
  clear: both;
  float: left;
}
.contact-form .titre.grand {
  font-weight: 400;
}
@media (width < 567px) {
  .contact-form .titre {
    font-size: 28px;
  }
}
.contact-form .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
  clear: both;
}
@media (width < 820px) {
  .contact-form .trait {
    height: 6px;
    width: 50px;
  }
}
.contact-form .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.contact-form p {
  font-size: 16px;
  clear: both;
}
.contact-form p.maj {
  text-transform: uppercase;
}
.contact-form p.bold {
  font-weight: 700;
}
.contact-form p.telechargez {
  margin-bottom: 20px;
}
.contact-form form {
  width: 100%;
  min-height: 280px;
  margin-top: 0px;
  margin-bottom: 45px;
  clear: both;
}
@media (width < 1226px) {
  .contact-form form {
    max-width: none;
  }
}
.contact-form form .large-container-one {
  width: calc(100% + 30px);
  display: inline-block;
}
@media (width < 567px) {
  .contact-form form .large-container-one {
    width: 100%;
  }
}
.contact-form form .large-container-one .container {
  width: 25% !important;
  padding-right: 20px;
}
@media (width < 1025px) {
  .contact-form form .large-container-one .container {
    width: 50% !important;
  }
}
@media (width < 567px) {
  .contact-form form .large-container-one .container {
    padding-right: 0px;
    width: 100% !important;
  }
}
.contact-form form .large-container-one.carriere .container {
  width: 20% !important;
  padding-right: 20px;
}
@media (width < 1025px) {
  .contact-form form .large-container-one.carriere .container {
    width: 50% !important;
  }
}
@media (width < 567px) {
  .contact-form form .large-container-one.carriere .container {
    padding-right: 0px;
    width: 100% !important;
  }
}
.contact-form form .container {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  transition: margin 0.5s;
  float: left;
}
@media (width < 567px) {
  .contact-form form .container {
    margin-bottom: 10px;
  }
}
.contact-form form .container:nth-child(1) {
  animation-delay: 0.01s;
}
.contact-form form .container:nth-child(2) {
  animation-delay: 0.07s;
}
.contact-form form .container:nth-child(3) {
  animation-delay: 0.13s;
}
.contact-form form .container:nth-child(4) {
  animation-delay: 0.19s;
}
.contact-form form .container:nth-child(5) {
  animation-delay: 0.25s;
}
.contact-form form .container:nth-child(6) {
  animation-delay: 0.31s;
}
.contact-form form .container:nth-child(7) {
  animation-delay: 0.37s;
}
.contact-form form .container:nth-child(8) {
  animation-delay: 0.43s;
}
.contact-form form .container:nth-child(9) {
  animation-delay: 0.49s;
}
.contact-form form .container:nth-child(10) {
  animation-delay: 0.55s;
}
.contact-form form .container:nth-child(11) {
  animation-delay: 0.61s;
}
.contact-form form .container:nth-child(12) {
  animation-delay: 0.67s;
}
.contact-form form .container:nth-child(13) {
  animation-delay: 0.73s;
}
.contact-form form .container:nth-child(14) {
  animation-delay: 0.79s;
}
.contact-form form .container:nth-child(15) {
  animation-delay: 0.85s;
}
.contact-form form .container:nth-child(16) {
  animation-delay: 0.91s;
}
.contact-form form .container:nth-child(17) {
  animation-delay: 0.97s;
}
.contact-form form .container:nth-child(18) {
  animation-delay: 1.03s;
}
.contact-form form .container:nth-child(19) {
  animation-delay: 1.09s;
}
.contact-form form .container:nth-child(20) {
  animation-delay: 1.15s;
}
.contact-form form .container.focus-submitted.make-room {
  margin-top: 30px;
}
.contact-form form .container label {
  font-size: 14px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  color: #a28f71;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 20px;
  display: none !important;
}
.contact-form form .container input, .contact-form form .container textarea {
  position: relative;
  user-select: text;
}
.contact-form form .container input, .contact-form form .container textarea, .contact-form form .container select,
.contact-form form .container .selectize-input .item, .contact-form form .container .selectize-dropdown .option {
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  color: #000000;
  letter-spacing: 1px;
}
.contact-form form .container .selectize-input .item {
  padding-top: 15px;
}
.contact-form form .container .option {
  font-size: 14.5px;
  font-weight: 400;
  color: #00497f;
  padding: 17px 21px;
}
.contact-form form .container input, .contact-form form .container textarea, .contact-form form .container select, .contact-form form .container .selectize-input {
  width: 100%;
  z-index: 10;
  padding: 0 0px;
  transition: border 0.5s, box-shadow 0.15s, padding-left 0.3s;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9) !important;
  background: #fff !important;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0);
  position: relative;
}
.contact-form form .container input.ng-pristine, .contact-form form .container textarea.ng-pristine, .contact-form form .container select.ng-pristine, .contact-form form .container .selectize-input.ng-pristine {
  border-bottom: 1px solid #000 !important;
}
.contact-form form .container input.focus, .contact-form form .container input:focus, .contact-form form .container textarea.focus, .contact-form form .container textarea:focus, .contact-form form .container select.focus, .contact-form form .container select:focus, .contact-form form .container .selectize-input.focus, .contact-form form .container .selectize-input:focus {
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0) !important;
}
.contact-form form .container input, .contact-form form .container select, .contact-form form .container .selectize-input {
  height: 45px;
  line-height: 45px;
}
@media (width < 567px) {
  .contact-form form .container input, .contact-form form .container select, .contact-form form .container .selectize-input {
    height: 50px;
    line-height: 50px;
  }
}
.contact-form form .container input {
  font-size: 16px;
  will-change: box-shadow, background, padding-left;
}
@media (width < 1025px) {
  .contact-form form .container input {
    font-size: 15px;
  }
}
@media (width < 567px) {
  .contact-form form .container input {
    font-size: 14px;
  }
}
.contact-form form .container input:-webkit-autofill, .contact-form form .container textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset, 1px 1px 4px 0px rgba(0, 0, 0, 0) !important;
  -webkit-text-fill-color: #000000 !important;
  border: 1px solid #fff;
  transition: border 0s;
}
.contact-form form .container input[type=number]::-webkit-inner-spin-button,
.contact-form form .container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (width < 567px) {
  .contact-form form .container {
    width: 100% !important;
    float: none !important;
    clear: both;
  }
}
.contact-form form legend {
  font-weight: 700;
  font-family: "Playfair Display", serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
  clear: both;
  float: left;
  width: 100%;
  position: relative;
}
.contact-form form legend::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 8px;
  left: -39px;
  height: 1px;
  width: 21px;
  transition: opacity 0.5s, width 0.2s;
  background: #e30613;
}
@media (width < 820px) {
  .contact-form form legend::before {
    display: none;
  }
}
.contact-form form textarea {
  font-size: 16px;
  resize: none !important;
  padding-top: 20px !important;
  padding-right: 24px !important;
  text-align: justify;
  line-height: 1.5;
  height: auto;
  will-change: box-shadow, background, height, padding-left;
  transition: border 0.3s, height 0.5s, min-height 0.5s, padding-left 0.3s !important;
  max-height: 500px;
  min-height: 80px;
}
.contact-form form textarea:focus {
  min-height: 90px;
}
@media (width < 1025px) {
  .contact-form form textarea {
    font-size: 15px;
  }
}
@media (width < 567px) {
  .contact-form form textarea {
    font-size: 14px;
    text-align: left;
  }
}
.contact-form form .container.message {
  margin-bottom: 15px;
}
.contact-form form .container.message.carriere {
  margin-bottom: 45px;
}
.contact-form form .champs-requis {
  text-align: right;
  margin-bottom: 0px;
  float: right;
  clear: both;
}
.contact-form form .champs-requis p {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #e30613;
}
@media (width < 567px) {
  .contact-form form .champs-requis {
    display: none;
  }
}
.contact-form form button[type=submit] {
  height: 47px;
  line-height: 45px;
  padding: 0 0 0 0px;
  background: #e30613;
  text-align: left;
  margin-top: 0px;
  overflow: hidden;
  position: relative;
  transition: border 0.5s;
  border: 1px solid rgba(227, 6, 19, 0);
  display: block;
}
@media (width < 567px) {
  .contact-form form button[type=submit] {
    float: none;
  }
}
.contact-form form button[type=submit] p {
  font-size: 16px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  padding: 0px 30px;
  text-transform: uppercase;
  user-select: none;
  color: #fff;
  letter-spacing: 1px;
  text-align: left;
  display: inline-block;
}
@media (width < 1025px) {
  .contact-form form button[type=submit] p {
    font-size: 15px;
  }
}
@media (width < 567px) {
  .contact-form form button[type=submit] p {
    font-size: 14px;
  }
}
.contact-form form button[type=submit] .icon {
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  user-select: none;
  position: absolute;
  top: 10px;
  right: 0;
}
.contact-form form button[type=submit] .icon::before {
  content: "›";
  height: 29px;
  display: inline-block;
  line-height: 1.05;
  padding: 0 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.contact-form form button[type=submit]:not(.sent):hover, .contact-form form button[type=submit]:not(.sent):focus {
  background: #fff;
  border: 1px solid #e30613;
}
.contact-form form button[type=submit]:not(.sent):hover p, .contact-form form button[type=submit]:not(.sent):focus p {
  color: #e30613;
}
.contact-form form button[type=submit].wait {
  transition: background 0.2s;
  background: rgb(76.5, 76.5, 76.5);
}
.contact-form form button[type=submit].wait .icon.envoyer,
.contact-form form button[type=submit].wait p.envoyer {
  display: none;
}
.contact-form form button[type=submit].wait p.wait {
  animation: fade 1s;
}
.contact-form form button[type=submit].sent {
  transition: background 0.2s;
  background: green !important;
}
.contact-form form button[type=submit].sent p.wait {
  display: none;
}
.contact-form form button[type=submit].sent p.sent {
  animation: fade 1s;
}
.contact-form form button[type=submit] .waiting.spinner {
  transform: translate3d(-14px, 8px, 0);
}
.contact-form form .mention-legale {
  padding-top: 40px;
}
.contact-form form .mention-legale a, .contact-form form .mention-legale p {
  font-size: 10px;
}

.contact-form .container.select {
  height: auto;
  transition: margin-top 0.5s;
  height: 45px;
  line-height: 45px;
}
.contact-form .container.select label {
  display: inline-block !important;
  font-weight: 300;
  color: #000;
  width: 300px;
  margin-top: 15px;
  margin-right: 0px;
  letter-spacing: 0;
  font-size: 16px;
}
@media (width < 567px) {
  .contact-form .container.select label {
    margin-bottom: 0;
  }
}
@media (width < 567px) {
  .contact-form .container.select#select_container_2 {
    height: auto;
    margin-bottom: 50px;
  }
}
.contact-form .container.select.subject .selectize-control {
  width: calc(100% - 300px);
  max-width: 580px;
}
@media (width < 820px) {
  .contact-form .container.select.subject .selectize-control {
    width: 100%;
  }
}
.contact-form .container.select.schedule .selectize-control {
  width: 200px;
  max-width: 580px;
}
@media (width < 820px) {
  .contact-form .container.select.schedule .selectize-control {
    width: 100%;
  }
}
.contact-form .container.select.gender .selectize-control {
  width: 100%;
}
.contact-form .container.select.focus-submitted.make-room {
  margin-top: 40px;
}
.contact-form .container.select .selectize-control {
  display: inline-block;
}
@media (width < 567px) {
  .contact-form .container.select .selectize-control {
    float: none;
    width: 100%;
  }
}
.contact-form .container.select .selectize-control .selectize-input {
  height: 100%;
  padding: 0;
  position: relative;
}
.contact-form .container.select .selectize-control .selectize-input .item {
  user-select: none;
  padding: 11px 50px 11px 0px;
  color: #000;
  cursor: pointer;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 1.25;
  font-size: 16px;
}
.contact-form .container.select .selectize-control .selectize-input .item:hover {
  color: #e30613;
}
.contact-form .container.select .selectize-control .selectize-input input {
  background: none !important;
  border: none !important;
  color: #000;
  width: 100% !important;
  cursor: pointer;
  height: 45px !important;
}
.contact-form .container.select .selectize-control .selectize-input input::placeholder {
  transition: color 0.3s;
  color: rgba(0, 0, 0, 0.9) !important;
}
.contact-form .container.select .selectize-control .selectize-input input:hover::placeholder {
  color: black !important;
}
.contact-form .container.select .selectize-control .selectize-input input:focus::placeholder {
  opacity: 0.35 !important;
}
.contact-form .container.select .selectize-control .selectize-input.has-items input {
  display: none !important;
}
.contact-form .container.select .selectize-control .selectize-input::after {
  content: "";
  height: 16px;
  width: 16px;
  border: none;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 1px;
  background: url("../assets/images/select-dropdown.svg");
}
.contact-form .container.select .selectize-control .selectize-dropdown {
  border-radius: 0px;
  margin-top: 0;
  position: absolute;
  box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1);
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content {
  padding: 0px 0px;
  background: #fff;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .create {
  display: none;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  color: #000 !important;
  cursor: pointer;
  font-size: 15px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
  background: #fff;
  line-height: 1.5;
  padding: 6px 40px 6px 15px;
}
@media (width < 567px) {
  .contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
    padding: 9px 20px 9px 15px;
  }
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:first-child {
  padding-top: 10px;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-child {
  padding-bottom: 10px;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option.selected, .contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:hover {
  background: rgb(229.5, 229.5, 229.5);
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(1) {
  animation-delay: 0s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(2) {
  animation-delay: 0.02s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(3) {
  animation-delay: 0.04s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(4) {
  animation-delay: 0.06s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(5) {
  animation-delay: 0.08s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(6) {
  animation-delay: 0.1s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(7) {
  animation-delay: 0.12s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(8) {
  animation-delay: 0.14s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(9) {
  animation-delay: 0.16s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(10) {
  animation-delay: 0.18s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(11) {
  animation-delay: 0.2s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(12) {
  animation-delay: 0.22s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(13) {
  animation-delay: 0.24s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(14) {
  animation-delay: 0.26s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(15) {
  animation-delay: 0.28s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(16) {
  animation-delay: 0.3s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(17) {
  animation-delay: 0.32s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(18) {
  animation-delay: 0.34s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(19) {
  animation-delay: 0.36s;
  animation-duration: 0.3s;
  animation-name: fade;
}
.contact-form .container.select .selectize-control .selectize-dropdown .selectize-dropdown-content .option:nth-child(20) {
  animation-delay: 0.38s;
  animation-duration: 0.3s;
  animation-name: fade;
}

.contact-form .checkbox-container,
.contact-form .radio-container {
  width: 60%;
  margin: 0 auto;
  position: relative;
}
@media (width < 1025px) {
  .contact-form .checkbox-container,
  .contact-form .radio-container {
    width: 70%;
  }
}
@media (width < 820px) {
  .contact-form .checkbox-container,
  .contact-form .radio-container {
    width: 100%;
  }
}
.contact-form .checkbox-container ul li,
.contact-form .radio-container ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-form .checkbox-container ul li:first-child,
.contact-form .radio-container ul li:first-child {
  border-top: none;
}
.contact-form .checkbox-container ul li:nth-child(1),
.contact-form .radio-container ul li:nth-child(1) {
  animation-delay: 0s;
}
.contact-form .checkbox-container ul li:nth-child(2),
.contact-form .radio-container ul li:nth-child(2) {
  animation-delay: 0.04s;
}
.contact-form .checkbox-container ul li:nth-child(3),
.contact-form .radio-container ul li:nth-child(3) {
  animation-delay: 0.08s;
}
.contact-form .checkbox-container ul li:nth-child(4),
.contact-form .radio-container ul li:nth-child(4) {
  animation-delay: 0.12s;
}
.contact-form .checkbox-container ul li:nth-child(5),
.contact-form .radio-container ul li:nth-child(5) {
  animation-delay: 0.16s;
}
.contact-form .checkbox-container ul li:nth-child(6),
.contact-form .radio-container ul li:nth-child(6) {
  animation-delay: 0.2s;
}
.contact-form .checkbox-container ul li:nth-child(7),
.contact-form .radio-container ul li:nth-child(7) {
  animation-delay: 0.24s;
}
.contact-form .checkbox-container ul li:nth-child(8),
.contact-form .radio-container ul li:nth-child(8) {
  animation-delay: 0.28s;
}
.contact-form .checkbox-container ul li:nth-child(9),
.contact-form .radio-container ul li:nth-child(9) {
  animation-delay: 0.32s;
}
.contact-form .checkbox-container ul li:nth-child(10),
.contact-form .radio-container ul li:nth-child(10) {
  animation-delay: 0.36s;
}
.contact-form .checkbox-container label,
.contact-form .radio-container label {
  padding: 8px 70px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 100%;
  user-select: none;
  font-size: 15px;
}
@media (width < 567px) {
  .contact-form .checkbox-container label,
  .contact-form .radio-container label {
    font-size: 13px;
    padding: 10px 70px 10px 0px;
  }
}
.contact-form .checkbox-container input[type=radio],
.contact-form .checkbox-container input[type=checkbox],
.contact-form .radio-container input[type=radio],
.contact-form .radio-container input[type=checkbox] {
  display: none;
}
.contact-form .checkbox-container input[type=radio] + label .case,
.contact-form .checkbox-container input[type=checkbox] + label .case,
.contact-form .radio-container input[type=radio] + label .case,
.contact-form .radio-container input[type=checkbox] + label .case {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0px !important;
  top: 6.5px;
  border: 1px solid black;
  padding: 6.5px;
  background: #fff;
}
.contact-form .checkbox-container input[type=radio] + label .case span,
.contact-form .checkbox-container input[type=checkbox] + label .case span,
.contact-form .radio-container input[type=radio] + label .case span,
.contact-form .radio-container input[type=checkbox] + label .case span {
  background: #fff;
  display: block;
  height: 100%;
  transition: opacity 0.05s;
  border-radius: 50%;
  opacity: 0;
}
.contact-form .checkbox-container input[type=radio]:checked + label .case,
.contact-form .checkbox-container input[type=checkbox]:checked + label .case,
.contact-form .radio-container input[type=radio]:checked + label .case,
.contact-form .radio-container input[type=checkbox]:checked + label .case {
  background: #e30613;
  border: 1px solid #e30613;
}
.contact-form .checkbox-container input[type=radio]:checked + label .case span,
.contact-form .checkbox-container input[type=checkbox]:checked + label .case span,
.contact-form .radio-container input[type=radio]:checked + label .case span,
.contact-form .radio-container input[type=checkbox]:checked + label .case span {
  opacity: 1;
}

.contact-form .radio-container {
  width: 100%;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 0px;
  animation-delay: 0.4s;
  transition: margin 0.5s;
}
.contact-form .radio-container.focus-submitted.make-room {
  margin-top: 40px;
}
.contact-form .radio-container p {
  display: inline-block;
  user-select: none;
  padding-right: 20px;
  margin-bottom: 5px;
}
.contact-form .radio-container ul {
  display: inline-block;
}
.contact-form .radio-container ul li {
  display: inline-block;
  border-top: none;
}
.contact-form .radio-container ul li label {
  width: auto;
  padding: 8px 30px 8px;
  color: #fff;
  background: #e30613;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid #e30613;
}
.contact-form .radio-container ul li label .case {
  display: none;
  left: 0px !important;
}
@media (width < 1226px) {
  .contact-form .radio-container ul li label .case {
    left: auto !important;
  }
}
.contact-form .radio-container ul li label:hover {
  background: #fff;
  color: #e30613;
}
.contact-form .radio-container ul li input.ng-valid-parse + label {
  background: #fff;
  color: #e30613;
}

#radio_container_1 {
  display: inline-block;
  width: auto;
  float: left;
  padding-top: 10px;
  margin-right: 20px;
}

.numero-client.container {
  animation-delay: 0s !important;
  display: inline-block;
  width: 210px !important;
  transform: translate3d(0, 5px, 0);
  float: left;
  visibility: hidden;
  display: none !important;
}
.numero-client.container.visible {
  visibility: visible;
  animation: fade 1s;
  display: inline-block !important;
}
@media (width < 1025px) {
  .numero-client.container {
    transform: translate3d(0, -25px, 0);
  }
}

.large-container-files {
  width: calc(80% + 30px);
  display: inline-block;
  margin-bottom: 20px;
}
@media (width < 1025px) {
  .large-container-files {
    width: calc(100% + 30px);
  }
}
@media (width < 820px) {
  .large-container-files {
    width: 100%;
  }
}

.contact-form .container.files {
  margin-bottom: 40px;
  display: inline-block;
  width: 50%;
  position: relative;
  min-height: 10px;
}
@media (width < 820px) {
  .contact-form .container.files {
    width: 100%;
    margin-top: 20px;
  }
}
.contact-form .container.files input {
  height: 70px;
  width: 100%;
  line-height: 2;
  transition: all 0.3s ease-in-out;
}
@media (width < 567px) {
  .contact-form .container.files input {
    height: 41px;
  }
}
.contact-form .container.files input.file::-webkit-file-upload-button {
  visibility: hidden;
}
.contact-form .container.files input[type=file] {
  display: none;
}
.contact-form .container.files label, .contact-form .container.files .attacher-vos-docs {
  display: inline-block;
  width: calc(50% - 4px);
  color: #000;
  font-weight: 400;
  padding-right: 0px;
  user-select: none;
  padding-top: 15px;
}
@media (width < 1025px) {
  .contact-form .container.files label, .contact-form .container.files .attacher-vos-docs {
    padding-right: 0px;
    font-size: 15px;
  }
}
@media (width < 820px) {
  .contact-form .container.files label, .contact-form .container.files .attacher-vos-docs {
    padding-bottom: 10px;
    width: calc(100% - 20px);
  }
}
@media (width < 567px) {
  .contact-form .container.files label, .contact-form .container.files .attacher-vos-docs {
    font-size: 14px;
  }
}
.contact-form .container.files .icon-container {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #e30613;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  top: 15px;
  text-align: center;
  transform: scale(1.1);
  transition: transform 0.3s;
  animation: fadeIn 0.5s;
}
@media (width < 1226px) {
  .contact-form .container.files .icon-container {
    top: 3px;
  }
}
@media (width < 567px) {
  .contact-form .container.files .icon-container {
    top: 5px;
    width: 34px;
    height: 34px;
  }
}
.contact-form .container.files .icon-container .icon-plus {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-top: 11px;
}
@media (width < 567px) {
  .contact-form .container.files .icon-container .icon-plus {
    margin-top: 9px;
  }
}
.contact-form .container.files .icon-container svg {
  transition: transform 0.3s;
  transform: scale(0.6);
}
.contact-form .container.files .icon-container .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.contact-form .container.files .choisir-un-fichier {
  display: inline-block;
  background: #e30613;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 10px;
  border: 1px solid #e30613;
  cursor: pointer;
}
@media (width < 1025px) {
  .contact-form .container.files .choisir-un-fichier {
    margin-right: 20px;
  }
}
.contact-form .container.files .choisir-un-fichier:hover, .contact-form .container.files .choisir-un-fichier:focus {
  background: #fff;
  color: #e30613;
  border: 1px solid #e30613;
}
.contact-form .container.files.adding-disabled .attacher-vos-docs {
  cursor: default;
}
.contact-form .container.files.adding-disabled .icon-container {
  cursor: default;
  transform: scale(0);
}
.contact-form .container.files.disabled .attacher-vos-docs {
  user-select: none;
}
.contact-form .container.files.disabled button {
  cursor: default;
}
.contact-form .container.files:not(.disabled) label, .contact-form .container.files:not(.disabled) .attacher-vos-docs {
  cursor: pointer;
}
.contact-form .container.files:not(.disabled) label:hover .icon-container, .contact-form .container.files:not(.disabled) .attacher-vos-docs:hover .icon-container {
  background: rgb(152.4699570815, 4.0300429185, 12.7618025751);
  transform: scale(1);
}
.contact-form .container.files:not(.disabled) .icon-container {
  cursor: pointer;
}
.contact-form .container.files:not(.disabled) .icon-container:hover {
  background: rgb(152.4699570815, 4.0300429185, 12.7618025751);
  transform: scale(1);
}
.contact-form .container.files:not(.disabled) .ul-fichiers li {
  cursor: pointer;
}
.contact-form .container.files:not(.disabled) .ul-fichiers li:hover .icon-bin {
  transform: scale(1);
  transition: background 0.4s, transform 0.5s;
  background: rgb(216.75, 38.25, 38.25);
}
.contact-form .container.files:not(.disabled) .ul-fichiers li:hover p {
  color: #000;
}
.contact-form .container.files:not(.disabled) .ul-fichiers p {
  cursor: pointer;
}
.contact-form .container.files .ul-fichiers {
  margin-bottom: 5px;
  width: calc(50% - 30px);
}
@media (width < 820px) {
  .contact-form .container.files .ul-fichiers {
    width: calc(100% - 0px);
  }
}
.contact-form .container.files .ul-fichiers li {
  display: inline-block;
  width: calc(100% - 0px);
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -4px;
}
@media (width < 1226px) {
  .contact-form .container.files .ul-fichiers li {
    width: calc(100% - 10px);
  }
}
.contact-form .container.files .ul-fichiers li.ng-enter {
  transition: opacity 0.7s;
  opacity: 0;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(1) {
  transition-delay: 0s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(2) {
  transition-delay: 0.04s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(3) {
  transition-delay: 0.08s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(4) {
  transition-delay: 0.12s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(5) {
  transition-delay: 0.16s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(6) {
  transition-delay: 0.2s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(7) {
  transition-delay: 0.24s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(8) {
  transition-delay: 0.28s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(9) {
  transition-delay: 0.32s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(10) {
  transition-delay: 0.36s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(11) {
  transition-delay: 0.4s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(12) {
  transition-delay: 0.44s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(13) {
  transition-delay: 0.48s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(14) {
  transition-delay: 0.52s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(15) {
  transition-delay: 0.56s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(16) {
  transition-delay: 0.6s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(17) {
  transition-delay: 0.64s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(18) {
  transition-delay: 0.68s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(19) {
  transition-delay: 0.72s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(20) {
  transition-delay: 0.76s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(21) {
  transition-delay: 0.8s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(22) {
  transition-delay: 0.84s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(23) {
  transition-delay: 0.88s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(24) {
  transition-delay: 0.92s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(25) {
  transition-delay: 0.96s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(26) {
  transition-delay: 1s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(27) {
  transition-delay: 1.04s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(28) {
  transition-delay: 1.08s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(29) {
  transition-delay: 1.12s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(30) {
  transition-delay: 1.16s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(31) {
  transition-delay: 1.2s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(32) {
  transition-delay: 1.24s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(33) {
  transition-delay: 1.28s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(34) {
  transition-delay: 1.32s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(35) {
  transition-delay: 1.36s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(36) {
  transition-delay: 1.4s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(37) {
  transition-delay: 1.44s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(38) {
  transition-delay: 1.48s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(39) {
  transition-delay: 1.52s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(40) {
  transition-delay: 1.56s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(41) {
  transition-delay: 1.6s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(42) {
  transition-delay: 1.64s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(43) {
  transition-delay: 1.68s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(44) {
  transition-delay: 1.72s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(45) {
  transition-delay: 1.76s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(46) {
  transition-delay: 1.8s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(47) {
  transition-delay: 1.84s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(48) {
  transition-delay: 1.88s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(49) {
  transition-delay: 1.92s;
}
.contact-form .container.files .ul-fichiers li.ng-enter:nth-child(50) {
  transition-delay: 1.96s;
}
.contact-form .container.files .ul-fichiers li.ng-enter.ng-enter-active {
  opacity: 1;
}
.contact-form .container.files .ul-fichiers p {
  padding: 0;
  text-align: left;
  transition: color 0.5s;
  padding: 0px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: 300;
  line-height: 1.6;
  user-select: none;
}
.contact-form .container.files .ul-fichiers .fichier-nom {
  float: left;
  width: calc(100% - 130px);
  overflow: hidden;
  position: relative;
}
.contact-form .container.files .ul-fichiers .fichier-taille {
  float: right;
}
.contact-form .container.files .ul-fichiers button {
  float: right;
  padding: 0 0 0 20px;
}
.contact-form .container.files .ul-fichiers button .icon-bin {
  transform: scale(0.8);
  margin-top: -3px;
  background: #bbb;
  transition: background 0.3s, transform 0.5s;
  width: 23px;
  height: 24px;
  border-radius: 50%;
}
@media (width < 1025px) {
  .contact-form .container.files .ul-fichiers button .icon-bin {
    background: rgb(216.75, 38.25, 38.25);
    transform: scale(0.84);
  }
}
.contact-form .container.files .ul-fichiers button .icon-bin svg {
  transform: scale(0.4);
}
.contact-form .container.files .ul-fichiers button .icon-bin .st0 {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 5;
  stroke-miterlimit: 10;
}

.contact-form #progress_bar {
  width: calc(50% - 20px);
  border-bottom: 1px solid black;
  height: 1px;
  margin-bottom: 5px;
  transition: width 1.5s;
}
@media (width < 820px) {
  .contact-form #progress_bar {
    width: 100%;
  }
}
.contact-form #progress_bar .actual-progress {
  height: 100%;
  background: #2a8128;
  width: 0%;
  transition: width 0.3s;
}

.contact-form .response_box-container {
  position: relative;
  height: 50px;
  padding-top: 50px;
}
.contact-form .response_box-container.ng-enter {
  transition: opacity 1.5s, height 1s;
  height: 0;
  opacity: 0;
}
.contact-form .response_box-container.ng-enter.ng-enter-active {
  opacity: 1;
  height: 50px;
}
.contact-form .response_box-container.ng-leave {
  transition: opacity 2.5s, height 2.5s;
  height: 50px;
  opacity: 1;
}
.contact-form .response_box-container.ng-leave.ng-leave-active {
  opacity: 0;
  height: 0px;
}
.contact-form .response_box-container .response_box {
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 0;
  font-size: 14px;
  width: 100%;
  letter-spacing: 0px;
  font-style: italic;
}
.contact-form .response_box-container .response_box.please-wait {
  color: #333;
}
.contact-form .response_box-container .response_box.success {
  color: green;
}
.contact-form .response_box-container .response_box.error {
  color: red;
}

@keyframes show_tooltip {
  0% {
    z-index: 1;
    transform: translateY(30px);
  }
  50% {
    z-index: 1;
    transform: translateY(-1px);
  }
  51% {
    z-index: 20;
  }
  100% {
    z-index: 20;
    transform: translateY(0px);
  }
}
@keyframes show_tooltip_triangle {
  0% {
    transform: translateY(-20px);
  }
  20% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.contact-form form.ng-submitted input.focus-submitted + .tooltip,
.contact-form form.ng-submitted div.container.select.focus-submitted .tooltip,
.contact-form form.ng-submitted div.radio-container.focus-submitted .tooltip,
.contact-form form.ng-submitted div#gdpr_container.focus-submitted .tooltip,
.contact-form form.ng-submitted textarea.focus-submitted + .tooltip {
  display: inline-block;
}

.contact-form form .tooltip {
  position: absolute;
  top: -45px;
  left: 0px;
  will-change: transform, opacity;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.09) !important;
  transform: translate3d(0, 0, 0);
  display: none;
  animation: show_tooltip 0.25s;
}
.contact-form form .tooltip.sujet {
  top: -30px;
}
.contact-form form .tooltip span {
  padding: 15px 19px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  animation: fade 0.2s;
  cursor: default;
}
.contact-form form .tooltip span::first-letter {
  text-transform: uppercase;
}
.contact-form form .tooltip > div::after {
  content: "";
  transform: translate3d(0, 0, 0);
  animation: show_tooltip_triangle 0.3s;
  position: absolute;
  left: 0;
  bottom: -9px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid green;
}
.contact-form form .tooltip .files-missing,
.contact-form form .tooltip [ng-message=required] {
  background: rgb(217.6, 26.4, 36.6);
}
.contact-form form .tooltip .files-missing::after,
.contact-form form .tooltip [ng-message=required]::after {
  border-left-color: rgb(217.6, 26.4, 36.6);
}
.contact-form form .tooltip [ng-message=pattern] {
  background: rgb(237, 172, 54.5);
}
.contact-form form .tooltip [ng-message=pattern]::after {
  border-left-color: rgb(237, 172, 54.5);
}

.contact-form form.ng-submitted input.ng-invalid,
.contact-form form.ng-submitted textarea.ng-invalid {
  border-bottom: 1px solid rgb(217.6, 26.4, 36.6) !important;
}
.contact-form form.ng-submitted input.ng-invalid-pattern,
.contact-form form.ng-submitted textarea.ng-invalid-pattern {
  border-bottom: 1px solid rgb(237, 172, 54.5) !important;
}

.contact-form form .container.input .icon {
  height: 100%;
}
.contact-form form .container .icon {
  position: absolute;
  z-index: 20;
  top: 0.5px;
  will-change: opacity, transform;
}
.contact-form form .container .icon.ng-enter {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.25s 0.05s, transform 0.2s 0.05s;
}
.contact-form form .container .icon.ng-enter.ng-enter-active {
  transform: scale(1);
  opacity: 1;
}
.contact-form form .container .icon-checked {
  width: 14px;
  left: 0px;
}
.contact-form form .container .icon-checked .st0 {
  fill: green;
}
.contact-form form .container .icon-circle {
  width: 9px;
  left: 0px;
}
.contact-form form .container .icon-circle .st0 {
  fill: rgb(253.2, 165.7, 5.45);
}
.contact-form form .container .icon-cross {
  width: 10px;
  left: 0px;
}
.contact-form form .container .icon-cross .st0 {
  fill: none;
  stroke: rgb(240.04, 10.56, 14.64);
  stroke-width: 9;
  stroke-miterlimit: 10;
}
.contact-form form .container.textarea .icon-checked {
  top: 22.5px;
}
.contact-form form .container.textarea .icon-circle, .contact-form form .container.textarea .icon-cross {
  top: 21.5px;
}
.contact-form form input.prefill, .contact-form form input.ng-invalid.cross-has-shown, .contact-form form input.ng-invalid-pattern.ng-dirty.blured, .contact-form form input.ng-invalid-pattern.ng-dirty.blured, .contact-form form input.ng-valid.blured.ng-dirty, .contact-form form input[disabled=disabled] {
  padding-left: 24px !important;
}
.contact-form form textarea.ng-valid:not(.ng-empty), .contact-form form textarea.cross-has-shown {
  padding-left: 24px !important;
}
.contact-form form .not-required-textarea textarea[ng-required=false] {
  padding-left: 0 !important;
}
.contact-form form .not-required-textarea .icon-checked {
  display: none !important;
}
.contact-form form.ng-submitted input.ng-invalid-pattern, .contact-form form.ng-submitted textarea.ng-invalid-pattern {
  padding-left: 24px !important;
}
.contact-form form.ng-submitted input[type=tel].ng-valid, .contact-form form.ng-submitted input[type=email].ng-valid, .contact-form form.ng-submitted textarea[type=tel].ng-valid, .contact-form form.ng-submitted textarea[type=email].ng-valid {
  padding-left: 24px !important;
}

.contact-form form[disabled=disabled] .container input, .contact-form form[disabled=disabled] .container textarea {
  color: rgba(0, 0, 0, 0.25) !important;
  user-select: none;
  cursor: default;
  padding-left: 24px !important;
}
.contact-form form[disabled=disabled] .container input:disabled:-webkit-autofill, .contact-form form[disabled=disabled] .container textarea:disabled:-webkit-autofill {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.25) !important;
}

/**************  PLACEHOLDER   ***************/
.contact-form input::placeholder, .contact-form textarea::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8) !important;
  text-align: left;
  letter-spacing: 0.5px;
}
@media (width < 1025px) {
  .contact-form input::placeholder, .contact-form textarea::placeholder {
    font-size: 15px;
  }
}
@media (width < 567px) {
  .contact-form input::placeholder, .contact-form textarea::placeholder {
    font-size: 14px;
  }
}
.contact-form input:focus::placeholder, .contact-form textarea:focus::placeholder {
  opacity: 0.35 !important;
}

div.gdpr-container {
  width: 100%;
  display: inline-block;
  margin: 30px auto 20px !important;
  position: relative;
}
@media (width < 1025px) {
  div.gdpr-container {
    width: 70%;
  }
}
@media (width < 820px) {
  div.gdpr-container {
    width: 100%;
  }
}
@media (width < 567px) {
  div.gdpr-container {
    min-height: 60px;
  }
}
div.gdpr-container label[for=gdpr] {
  width: 100%;
  display: inline-block !important;
  padding: 15px 70px;
}
div.gdpr-container .tooltip.gdpr {
  left: 35px;
  top: -55px;
}
div.gdpr-container p.note {
  position: absolute;
  top: 0px;
  left: 35px;
  user-select: none;
  font-family: "Raleway", sans-serif;
}
@media (width < 567px) {
  div.gdpr-container p.note {
    font-size: 12px;
  }
}
div.gdpr-container p.note a {
  -webkit-text-stroke: #fff;
  text-decoration: underline;
}
@media (width < 567px) {
  div.gdpr-container p.note a {
    font-size: 12px;
  }
}
div.gdpr-container a:hover {
  color: #e30613;
}
div.gdpr-container input[type=checkbox] {
  display: none;
}
div.gdpr-container input[type=checkbox] + label .case {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 2px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  padding: 6.5px;
  background: #fff;
}
@media (width < 567px) {
  div.gdpr-container input[type=checkbox] + label .case {
    top: calc(50% - 17px);
  }
}
div.gdpr-container input[type=checkbox] + label .case span {
  background: #fff;
  display: block;
  height: 100%;
  transition: opacity 0.05s;
  border-radius: 50%;
  opacity: 0;
}
div.gdpr-container input[type=checkbox]:checked + label .case {
  border: 1px solid #e30613;
  background: #e30613;
}
div.gdpr-container input[type=checkbox]:checked + label .case span {
  opacity: 1;
}

.page.contact {
  background: #fff;
}

.page.contact .banner.top {
  transition: height 1s;
}

.page.contact .banner.top .bloc_container {
  transition: line-height 1s;
}

.page.contact .banner.top {
  position: relative;
  overflow: hidden;
  height: auto;
  padding: 20px 0 0px;
}
@media (width < 1226px) {
  .page.contact .banner.top .banner_content .bloc, .page.contact .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.contact .banner.top .banner_content p, .page.contact .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.contact .banner.top .banner_content button, .page.contact .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.contact .banner.top .banner_content .icon, .page.contact .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .page.contact .banner.top .banner_content .icon, .page.contact .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.contact .banner.top .banner_content p {
    padding: 25px 0 0 0;
  }
}
.page.contact .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.contact .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.contact .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.page.contact .banner.top .banner_content .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.contact .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.contact .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}

.page.contact .banner.medium {
  overflow: visible;
  padding-top: 0;
  animation: none;
  margin-top: -5px;
  padding: 0px 0 50px;
}
.page.contact .banner.medium .banner_content .content {
  position: relative;
}

.banner.googlemap {
  padding: 0px 0 90px;
}
.banner.googlemap .titre {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 10px;
}
@media (width < 1226px) {
  .banner.googlemap .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .banner.googlemap .titre {
    font-size: 25px;
  }
}
.banner.googlemap .adresse {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 16px;
}
@media (width < 567px) {
  .banner.googlemap .adresse {
    font-size: 14px;
  }
}
.banner.googlemap .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
@media (width < 820px) {
  .banner.googlemap .trait {
    width: 50px;
    height: 6px;
  }
}
.banner.googlemap .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
@media (width < 1025px) {
  .banner.googlemap .mapouter {
    height: 400px;
  }
  .banner.googlemap .mapouter .gmap_canvas, .banner.googlemap .mapouter iframe {
    height: 100%;
  }
}
@media (width < 820px) {
  .banner.googlemap .mapouter {
    height: 350px;
  }
  .banner.googlemap .mapouter .gmap_canvas, .banner.googlemap .mapouter iframe {
    height: 100%;
  }
}
@media (width < 567px) {
  .banner.googlemap .mapouter {
    height: 250px;
  }
  .banner.googlemap .mapouter .gmap_canvas, .banner.googlemap .mapouter iframe {
    height: 100%;
  }
}

.page.demande_en_ligne .banner.top {
  position: relative;
  height: auto;
  padding: 65px 0 30px;
}
.page.demande_en_ligne .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 38px;
}
@media (width < 1226px) {
  .page.demande_en_ligne .banner.top .banner_content .titre {
    font-size: 33px;
  }
}
@media (width < 567px) {
  .page.demande_en_ligne .banner.top .banner_content .titre {
    font-size: 23px;
  }
}
.page.demande_en_ligne .banner.top .banner_content .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.demande_en_ligne .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.demande_en_ligne .banner.top .banner_content .trait span {
  animation: discover_wv 1s ease 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.demande_en_ligne .banner.top .banner_content .texte {
  max-width: 700px;
  font-weight: 600;
  font-weight: 400;
  line-height: 1.5;
  animation: fade 2s ease 0.2s;
}

.page.demande_en_ligne .banner.medium {
  position: relative;
  height: auto;
  padding: 20px 0 150px;
}
.page.demande_en_ligne .banner.medium ul {
  display: inline-block;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 40px;
}
.page.demande_en_ligne .banner.medium ul li {
  width: 25%;
  float: left;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  animation: fade 1s ease 0.6s;
}
.page.demande_en_ligne .banner.medium ul li:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (width < 820px) {
  .page.demande_en_ligne .banner.medium ul li {
    width: 50%;
    border-right: 1px solid transparent !important;
  }
  .page.demande_en_ligne .banner.medium ul li:nth-child(1), .page.demande_en_ligne .banner.medium ul li:nth-child(3) {
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
}
@media (width < 567px) {
  .page.demande_en_ligne .banner.medium ul li {
    width: 100%;
    border-right: 1px solid transparent !important;
  }
}
.page.demande_en_ligne .banner.medium ul li .title_container {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.page.demande_en_ligne .banner.medium ul li .title_container .icon {
  width: 65px;
  height: 65px;
  display: inline-block;
  float: left;
}
@media (width < 1025px) {
  .page.demande_en_ligne .banner.medium ul li .title_container .icon {
    width: 40px;
    height: 40px;
  }
}
@media (width < 820px) {
  .page.demande_en_ligne .banner.medium ul li .title_container .icon {
    width: 50px;
    height: 50px;
  }
}
.page.demande_en_ligne .banner.medium ul li .title_container .icon img {
  width: 100%;
  height: auto;
}
.page.demande_en_ligne .banner.medium ul li .title_container .title {
  display: inline-flex;
  float: left;
  height: 65px;
  padding-left: 10px;
  width: calc(100% - 65px);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  align-items: center;
}
.page.demande_en_ligne .banner.medium ul li .title_container .title span {
  display: inline-block;
}
@media (width < 1025px) {
  .page.demande_en_ligne .banner.medium ul li .title_container .title {
    height: 40px;
    width: calc(100% - 40px);
    font-size: 13px;
  }
}
@media (width < 820px) {
  .page.demande_en_ligne .banner.medium ul li .title_container .title {
    font-size: 15px;
    height: 50px;
    width: calc(100% - 50px);
  }
}
.page.demande_en_ligne .banner.medium ul li .text_container {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
  font-size: 15px;
}
.page.demande_en_ligne .banner.medium ul li a.link {
  border: 1px solid #e30613;
  background: #e30613;
  color: #fff;
  padding: 20px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.page.demande_en_ligne .banner.medium ul li a.link:hover, .page.demande_en_ligne .banner.medium ul li a.link:focus {
  background: #fff;
  color: #e30613;
}
@media (width < 1025px) {
  .page.demande_en_ligne .banner.medium ul li a.link {
    font-size: 13px;
  }
}
@media (width < 567px) {
  .page.demande_en_ligne .banner.medium ul li a.link {
    font-size: 13px;
  }
}
.page.demande_en_ligne .banner.medium .video_container {
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: fade 1s ease 0.3s both;
}
.page.demande_en_ligne .banner.medium .video_container video {
  display: none;
  position: relative;
  width: auto;
}
.page.demande_en_ligne .banner.medium .video_container video.visible {
  display: inline-block;
  animation: fade 1s ease 0.3s both;
}

.page.metier-enfant.energie .banner.top {
  height: auto;
  transition: height 1s;
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.top {
    height: auto;
  }
}
@media (width < 1226px) {
  .page.metier-enfant.energie .banner.top {
    height: auto;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.top {
    height: auto;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.top {
    height: auto;
  }
}
.page.metier-enfant.energie .banner.top .bloc_container {
  line-height: auto;
  transition: line-height 1s;
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.top .bloc_container {
    line-height: auto;
  }
}
@media (width < 1226px) {
  .page.metier-enfant.energie .banner.top .bloc_container {
    line-height: auto-0px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.top .bloc_container {
    line-height: auto-0px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.top .bloc_container {
    line-height: 1;
  }
}

.page.metier-enfant.energie .banner.produit {
  padding: 0;
  background: #fff;
}
.page.metier-enfant.energie .banner.produit .top-container {
  width: 100%;
  position: relative;
  height: 350px;
  background: #fff !important;
}
.page.metier-enfant.energie .banner.produit .top-container .texts_container {
  padding: 40px 0px 105px;
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container {
    padding: 40px 0px 20px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container {
    padding: 25px 0px 25px 0px;
  }
}
.page.metier-enfant.energie .banner.produit .top-container .texts_container .titre-container {
  padding-top: 25px;
  width: 50%;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container .titre-container {
    padding-top: 5px;
    width: 100%;
  }
}
.page.metier-enfant.energie .banner.produit .top-container .texts_container .titre {
  font-weight: 700;
  font-size: 45px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container .titre {
    font-size: 38px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container .titre {
    font-size: 30px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.produit .top-container .texts_container .titre {
    font-size: 26px;
  }
}
.page.metier-enfant.energie .banner.produit .top-container .image_container {
  width: 53%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.produit .top-container .image_container .image {
    background-position: 50%;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.produit .top-container .image_container {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.produit .top-container .image_container {
    height: 200px;
  }
}

.page.metier-enfant.energie .banner.offres {
  padding: 40px 0 0;
  background-color: #fff;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres {
    padding: 10px 0;
    padding-bottom: 10px !important;
  }
}
.page.metier-enfant.energie .banner.offres .section_title {
  text-transform: uppercase;
  color: #fff;
  padding: 11px 30px 10px;
  margin-bottom: 30px;
  font-size: 36px;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.offres .section_title {
    font-size: 32px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.offres .section_title {
    font-size: 26px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .section_title {
    font-size: 22px;
  }
}
.page.metier-enfant.energie .banner.offres .content-container {
  position: relative;
}
.page.metier-enfant.energie .banner.offres .content ul {
  width: 50%;
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.offres .content ul {
    width: 100%;
    display: inline-block;
  }
}
.page.metier-enfant.energie .banner.offres .content ul > li {
  width: 100%;
  height: auto;
  float: left;
  display: inline-block;
  padding: 0 30px 10px 0;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(3) {
  clear: both;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .content ul > li {
    width: 100%;
    height: 100%;
    padding: 0 20px 20px 0;
  }
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(1) {
  animation-delay: 0s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(1) .titre {
  animation-delay: 0.3s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(1) .texte {
  animation-delay: 0.4s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(2) {
  animation-delay: 0.1s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(2) .titre {
  animation-delay: 0.4s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(2) .texte {
  animation-delay: 0.5s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(3) {
  animation-delay: 0.2s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(3) .titre {
  animation-delay: 0.5s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(3) .texte {
  animation-delay: 0.6s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(4) {
  animation-delay: 0.3s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(4) .titre {
  animation-delay: 0.6s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(4) .texte {
  animation-delay: 0.7s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(5) {
  animation-delay: 0.4s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(5) .titre {
  animation-delay: 0.7s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(5) .texte {
  animation-delay: 0.8s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(6) {
  animation-delay: 0.5s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(6) .titre {
  animation-delay: 0.8s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(6) .texte {
  animation-delay: 0.9s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(7) {
  animation-delay: 0.6s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(7) .titre {
  animation-delay: 0.9s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(7) .texte {
  animation-delay: 1s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(8) {
  animation-delay: 0.7s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(8) .titre {
  animation-delay: 1s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(8) .texte {
  animation-delay: 1.1s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(9) {
  animation-delay: 0.8s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(9) .titre {
  animation-delay: 1.1s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(9) .texte {
  animation-delay: 1.2s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(10) {
  animation-delay: 0.9s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(10) .titre {
  animation-delay: 1.2s;
}
.page.metier-enfant.energie .banner.offres .content ul > li:nth-child(10) .texte {
  animation-delay: 1.3s;
}
.page.metier-enfant.energie .banner.offres .content ul > li .texts_container .offre {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0px;
  text-align: left;
  padding: 5px 0px;
  margin-bottom: 10px;
  line-height: 1.3;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .content ul > li .texts_container .offre {
    font-size: 13px;
  }
}
.page.metier-enfant.energie .banner.offres .content ul > li .texts_container .titre {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 4px;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .content ul > li .texts_container .titre {
    display: none;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .content ul > li .texts_container .format p, .page.metier-enfant.energie .banner.offres .content ul > li .texts_container form.quform-form .quform-element .quform-element-html .quform-spacer p, form.quform-form .quform-element .quform-element-html .page.metier-enfant.energie .banner.offres .content ul > li .texts_container .quform-spacer p, .page.metier-enfant.energie .banner.offres .content ul > li .texts_container footer .commentaire_bandeau_image p, footer .page.metier-enfant.energie .banner.offres .content ul > li .texts_container .commentaire_bandeau_image p, .page.metier-enfant.energie .banner.offres .content ul > li .texts_container form.post-password-form p {
    font-size: 12px;
    margin: 0;
  }
}
.page.metier-enfant.energie .banner.offres .image_container {
  width: 50%;
  display: inline-block;
  position: absolute;
  top: 30px;
  right: 0;
  height: 400px;
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.offres .image_container {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
    display: block;
    height: 300px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.offres .image_container {
    width: 80%;
    height: 250px;
  }
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.offres .image_container .image {
    background-position: 50% 50%;
  }
}

.page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) {
  padding: 45px 0;
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) {
    padding: 5px 0 45px;
  }
}
.page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  padding: 15px 20px;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
    font-size: 19px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
    text-align: left;
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.page.metier-enfant.energie .banner:not(.call-to-action):not(.top):not(.produit) .content .titre {
  text-transform: uppercase;
}

.page.metier-enfant.energie .banner.form .titre-top {
  background: #e30613;
  color: #fff;
  text-transform: uppercase;
  font-size: 36px;
  margin-bottom: 60px;
  padding: 10px 20px;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.form .titre-top {
    font-size: 32px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .titre-top {
    font-size: 26px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .titre-top {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.page.metier-enfant.energie .banner.form .texts-btns-container {
  background: #ccdadf;
  padding: 25px 25px 40px;
  margin-bottom: 10px;
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .texts-btns-container {
    padding: 25px 25px 20px;
  }
}
.page.metier-enfant.energie .banner.form .texts-btns-container .text_container {
  margin-bottom: 40px;
  line-height: 1.2;
}
.page.metier-enfant.energie .banner.form .texts-btns-container .text_container * {
  font-size: 16px;
}
.page.metier-enfant.energie .banner.form .texts-btns-container .btns-container {
  text-align: center;
}
.page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button {
  background: #e30613;
  border: 1px solid #e30613;
  font-weight: 700;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  padding-top: 1px;
  height: 50px;
  width: 350px;
  user-select: none;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button {
    font-size: 22px;
    width: 300px;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button {
    font-size: 18px;
    width: 250px;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button {
    font-size: 18px;
    margin-bottom: 15px;
    width: 100%;
  }
}
.page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button:hover, .page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button.active {
  background: #fff;
  color: #e30613;
}
.page.metier-enfant.energie .banner.form .texts-btns-container .btns-container button:first-child {
  margin-right: 20px;
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .contact-form .large-container-one {
    width: 100% !important;
  }
}
.page.metier-enfant.energie .banner.form .contact-form .large-container-one .email.container {
  clear: both;
}
@media (width < 1025px) {
  .page.metier-enfant.energie .banner.form .contact-form .large-container-one .email.container {
    clear: none;
  }
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.form .contact-form .large-container-one .container {
    width: 30% !important;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .contact-form .large-container-one .container {
    width: 50% !important;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .contact-form .large-container-one .container {
    width: 100% !important;
  }
}
.page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile {
  width: calc(100% + 50px);
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile {
    width: 100% !important;
  }
}
.page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container {
  width: calc(50% - 25px);
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container {
    width: calc(60% - 25px) !important;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container {
    width: calc(100% - 25px) !important;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container {
    width: 100% !important;
  }
}
.page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.code-postal {
  clear: both;
}
.page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.code-postal, .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.ville {
  padding-right: 20px;
  width: 25%;
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.code-postal, .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.ville {
    width: 30% !important;
  }
}
@media (width < 820px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.code-postal, .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.ville {
    width: 50% !important;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.code-postal, .page.metier-enfant.energie .banner.form .contact-form.particuliers .container-domicile .container.ville {
    width: 100% !important;
    padding-right: 0;
  }
}
.page.metier-enfant.energie .banner.form .contact-form.particuliers .champs-requis {
  float: left !important;
}
.page.metier-enfant.energie .banner.form .contact-form.pro .container.entreprise, .page.metier-enfant.energie .banner.form .contact-form.pro .container.address, .page.metier-enfant.energie .banner.form .contact-form.pro .container.ville {
  width: calc(50% + 20px);
  padding-right: 20px;
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.form .contact-form.pro .container.entreprise, .page.metier-enfant.energie .banner.form .contact-form.pro .container.address, .page.metier-enfant.energie .banner.form .contact-form.pro .container.ville {
    width: calc(60% + 20px) !important;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .contact-form.pro .container.entreprise, .page.metier-enfant.energie .banner.form .contact-form.pro .container.address, .page.metier-enfant.energie .banner.form .contact-form.pro .container.ville {
    width: 100% !important;
    padding-right: 0;
  }
}
.page.metier-enfant.energie .banner.form .contact-form.pro .container.numero-siret, .page.metier-enfant.energie .banner.form .contact-form.pro .container.code-postal {
  width: 25%;
}
@media (width < 1367px) {
  .page.metier-enfant.energie .banner.form .contact-form.pro .container.numero-siret, .page.metier-enfant.energie .banner.form .contact-form.pro .container.code-postal {
    width: 30% !important;
  }
}
@media (width < 567px) {
  .page.metier-enfant.energie .banner.form .contact-form.pro .container.numero-siret, .page.metier-enfant.energie .banner.form .contact-form.pro .container.code-postal {
    width: 100% !important;
    padding-right: 0;
  }
}

.page.metier-enfant.energie .banner.faq {
  padding-bottom: 20px !important;
}

.page.gdpr .banner.top {
  background: #fff;
  transition: height 1s;
  height: auto;
}

.page.gdpr .banner.top {
  position: relative;
}
.page.gdpr .banner.top .image {
  background-position: 50% 50%;
  filter: brightness(80%);
}
@media (width < 567px) {
  .page.gdpr .banner.top .image {
    background-position: 50% 50%;
  }
}
.page.gdpr .banner.top .bloc, .page.gdpr .banner.top .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.gdpr .banner.top p, .page.gdpr .banner.top .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.gdpr .banner.top button, .page.gdpr .banner.top #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.gdpr .banner.top .icon, .page.gdpr .banner.top #header .search_container.small .icon, #header .search_container.small .page.gdpr .banner.top .icon, .page.gdpr .banner.top .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.gdpr .banner.top p {
  padding: 60px 20% 0 0;
}
@media (width < 1226px) {
  .page.gdpr .banner.top .bloc, .page.gdpr .banner.top .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.gdpr .banner.top p, .page.gdpr .banner.top .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.gdpr .banner.top button, .page.gdpr .banner.top #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.gdpr .banner.top .icon, .page.gdpr .banner.top #header .search_container.small .icon, #header .search_container.small .page.gdpr .banner.top .icon, .page.gdpr .banner.top .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.gdpr .banner.top p {
    padding: 60px 20% 0 0;
  }
}
@media (width < 567px) {
  .page.gdpr .banner.top .bloc, .page.gdpr .banner.top .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.gdpr .banner.top p, .page.gdpr .banner.top .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.gdpr .banner.top button, .page.gdpr .banner.top #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.gdpr .banner.top .icon, .page.gdpr .banner.top #header .search_container.small .icon, #header .search_container.small .page.gdpr .banner.top .icon, .page.gdpr .banner.top .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.gdpr .banner.top p {
    padding: 60px 20% 0 0;
  }
}
.page.gdpr .banner.top .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.gdpr .banner.top .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.gdpr .banner.top .titre {
    font-size: 25px;
  }
}
.page.gdpr .banner.top .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.gdpr .banner.top .trait {
    height: 6px;
    width: 50px;
  }
}
.page.gdpr .banner.top .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}

.page.gdpr .banner.medium {
  padding: 40px 0 150px;
  background: #fff;
}
@media (width < 1367px) {
  .page.gdpr .banner.medium {
    padding: 90px 0 120px;
  }
}
@media (width < 1025px) {
  .page.gdpr .banner.medium {
    padding: 70px 0 100px;
  }
}
@media (width < 820px) {
  .page.gdpr .banner.medium {
    padding: 60px 0 80px;
  }
}
@media (width < 567px) {
  .page.gdpr .banner.medium {
    padding: 50px 0 150px;
  }
}
.page.gdpr .banner.medium .content {
  animation: fade 2s;
}
.banner.gdpr {
  background: #fff;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  bottom: -0.5px;
  left: 0;
  right: 0;
  z-index: 1000;
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 1s, transform 0.5s;
  transition-delay: 0.1s;
}
.banner.gdpr.active {
  opacity: 1;
  transition: opacity 1.5s, transform 1.9s;
  transform: translateY(0px);
  transition-delay: 0s;
}
.banner.gdpr.active a, .banner.gdpr.active p, .banner.gdpr.active button {
  opacity: 1 !important;
}
.banner.gdpr.active p {
  transition-duration: 1s !important;
  transition-delay: 0.6s !important;
}
.banner.gdpr.active a {
  transition-duration: 1s !important;
  transition-delay: 0.8s !important;
}
.banner.gdpr.active button {
  transition-duration: 1s !important;
  transition-delay: 0.8s !important;
  transform: scale(1) !important;
}
.banner.gdpr p, .banner.gdpr a, .banner.gdpr button {
  font-size: 12px;
}
@media (width < 820px) {
  .banner.gdpr p, .banner.gdpr a, .banner.gdpr button {
    font-size: 11px;
  }
}
@media (width < 567px) {
  .banner.gdpr p, .banner.gdpr a, .banner.gdpr button {
    font-size: 10px;
  }
}
.banner.gdpr .content {
  text-align: right;
  margin-bottom: 1px;
  display: flex;
  align-items: center;
}
.banner.gdpr .content .text_container {
  display: inline-block;
  text-align: right;
  padding: 10px 20px 10px 30px;
  width: calc(100% - 200px);
  float: left;
}
@media (width < 567px) {
  .banner.gdpr .content .text_container {
    text-align: left;
    width: calc(100% - 80px);
    padding: 10px 15px 10px 0px;
  }
}
.banner.gdpr .content .text_container p, .banner.gdpr .content .text_container a {
  display: inline-block;
  font-family: "Raleway", sans-serif;
  line-height: 1.2;
  line-height: 1.4;
  opacity: 0;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.9);
}
.banner.gdpr .content .text_container p {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-delay: 0.1s;
}
.banner.gdpr .content .text_container a {
  transition: opacity 0.2s;
  margin-left: 4px;
  transition-duration: 0.3s;
  transition-delay: 0.05s;
  transition: opacity 0.2s, color 0.1s;
  -webkit-text-stroke: #fff;
  text-decoration: underline;
}
.banner.gdpr .content .text_container a:hover, .banner.gdpr .content .text_container a:focus {
  transition: color 0s !important;
  color: #fff;
}
@media (width < 567px) {
  .banner.gdpr .content .text_container a {
    margin-left: 0;
  }
}
.banner.gdpr .content .button-container {
  display: inline-block;
  width: 200px;
  float: right;
}
@media (width < 567px) {
  .banner.gdpr .content .button-container {
    width: 80px;
  }
}
.banner.gdpr .content .button-container button {
  vertical-align: initial !important;
  height: 35px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  transition: transform, opacity;
  opacity: 0;
  transform: scale(0);
  transition-duration: 0.3s;
  transition-delay: 0s;
  letter-spacing: 0.5px;
  background: #e30613;
  color: #fff;
  padding: 0px 13px 0;
  width: 48%;
  font-size: 11px;
  float: left;
  margin-left: 2%;
}
.banner.gdpr .content .button-container button:hover, .banner.gdpr .content .button-container button:focus {
  background: #fff;
  color: #e30613;
}
@media (width < 820px) {
  .banner.gdpr .content .button-container button {
    padding: 2px 11px 0px;
  }
}
@media (width < 567px) {
  .banner.gdpr .content .button-container button {
    width: 100%;
    margin-top: 3px;
    font-size: 10px;
    height: 30px;
  }
}

.page.groupe-edc {
  background: #fff;
}

.page.groupe-edc .banner.top {
  background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: #f1edea;
  height: 550px;
  transition: height 1s;
}
@media (width < 1367px) {
  .page.groupe-edc .banner.top {
    height: 600px;
  }
}
@media (width < 1226px) {
  .page.groupe-edc .banner.top {
    height: 525px;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top {
    height: auto;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.top {
    height: auto;
  }
}
.page.groupe-edc .banner.top .bloc_container {
  line-height: 550px;
  transition: line-height 1s;
}
@media (width < 1367px) {
  .page.groupe-edc .banner.top .bloc_container {
    line-height: 600px;
  }
}
@media (width < 1226px) {
  .page.groupe-edc .banner.top .bloc_container {
    line-height: 525px;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .bloc_container {
    line-height: auto-0px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.top .bloc_container {
    line-height: 1;
  }
}

.page.groupe-edc .banner.top {
  overflow: hidden;
}
.page.groupe-edc .banner.top .image_container {
  width: 50%;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.top .image_container {
    width: 45%;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .image_container {
    position: relative;
    width: 100%;
    height: 300px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.top .image_container {
    height: 212px;
  }
}
.page.groupe-edc .banner.top .image_container .image {
  background-position: 50% 50%;
  transition: filter 1s;
}
@media (width < 1226px) {
  .page.groupe-edc .banner.top .image_container .image {
    opacity: 1;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .image_container .image {
    background-position: 50% 10%;
  }
}
.page.groupe-edc .banner.top #slider_home_top {
  height: 100%;
}
.page.groupe-edc .banner.top .gradient {
  display: inline-block;
  width: 350px;
  height: calc(100% + 4px);
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  background: linear-gradient(to right, rgba(241, 237, 234, 0), #f1edea);
}
@media (width < 1025px) {
  .page.groupe-edc .banner.top .gradient {
    right: 55%;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .gradient {
    display: none;
  }
}
.page.groupe-edc .banner.top .bloc_container {
  width: 50%;
  float: right;
  position: relative;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.top .bloc_container {
    width: 55%;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .bloc_container {
    width: 100%;
  }
}
.page.groupe-edc .banner.top .bloc_container .textes {
  padding-top: 120px;
  padding-left: 50px;
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .bloc_container .textes {
    padding: 40px 0 40px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.top .bloc_container .textes {
    padding: 40px 0 40px;
  }
}
.page.groupe-edc .banner.top .bloc_container .textes .titre {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 20px;
  font-size: 40px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.top .bloc_container .textes .titre {
    font-size: 30px;
  }
}
.page.groupe-edc .banner.top .bloc_container .textes .sous-titre {
  text-transform: uppercase;
  font-size: 45px;
  line-height: 1.25;
  font-weight: 300;
  margin-bottom: 20px;
  animation-delay: 0.3s;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.top .bloc_container .textes .sous-titre {
    font-size: 38px;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .bloc_container .textes .sous-titre {
    font-size: 30px;
  }
  .page.groupe-edc .banner.top .bloc_container .textes .sous-titre br {
    display: none;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.top .bloc_container .textes .sous-titre {
    font-size: 25px;
  }
}
.page.groupe-edc .banner.top .bloc_container .textes .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.groupe-edc .banner.top .bloc_container .textes .trait {
    width: 50px;
    height: 6px;
  }
}
.page.groupe-edc .banner.top .bloc_container .textes .trait span {
  animation-delay: 0s;
  display: inline-block;
  background: #e30613;
}

.page.groupe-edc .banner.medium {
  padding: 40px 0 60px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.medium {
    padding: 40px 0 40px;
  }
}
.page.groupe-edc .banner.medium .fil-ariane {
  margin-bottom: 20px;
  font-size: 12px;
}
.page.groupe-edc .banner.medium .fil-ariane * {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.page.groupe-edc .banner.medium .fil-ariane a:hover {
  -webkit-text-stroke: #000;
  text-decoration: underline;
}
.page.groupe-edc .banner.medium .introduction-container {
  margin-bottom: 40px;
}
.page.groupe-edc .banner.medium .introduction-container .section_title {
  line-height: 1.5;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.page.groupe-edc .banner.medium .introduction-container .texte {
  max-width: 900px;
}
.page.groupe-edc .banner.medium .introduction-container .texte p, .page.groupe-edc .banner.medium .introduction-container .texte a {
  line-height: 1.4;
}
.page.groupe-edc .banner.medium .col {
  width: 50%;
  padding-left: 100px;
  padding-top: 25px;
  margin-bottom: 20px;
}
@media (width < 820px) {
  .page.groupe-edc .banner.medium .col {
    padding-left: 0px;
    padding-top: 18px;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.medium .col {
    padding-top: 20px;
  }
}
.page.groupe-edc .banner.medium .col .icon-container {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
}
.page.groupe-edc .banner.medium .col .icon-container .icon {
  width: 100%;
  height: 100%;
}
.page.groupe-edc .banner.medium .col .icon-container * {
  fill: #a28f71;
}
@media (width < 820px) {
  .page.groupe-edc .banner.medium .col .icon-container {
    width: 60px;
    height: 60px;
  }
}
.page.groupe-edc .banner.medium .col .section_title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
}
@media (width < 820px) {
  .page.groupe-edc .banner.medium .col .section_title {
    padding-left: 75px;
    margin-bottom: 35px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.medium .col .section_title {
    font-size: 17px;
  }
}
.page.groupe-edc .banner.medium .col-left {
  clear: left;
}
@media (width < 820px) {
  .page.groupe-edc .banner.medium .col-right {
    margin-bottom: 50px;
  }
}
.page.groupe-edc .banner.medium .col-right .texte {
  margin-bottom: 10px;
  animation-delay: 0.2s;
}
.page.groupe-edc .banner.medium .col-right .texte p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
@media (width < 567px) {
  .page.groupe-edc .banner.medium .col-right .texte p {
    font-size: 14px;
  }
}

.page.groupe-edc .banner.schema {
  padding: 50px 0 100px;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.schema {
    padding: 40px 0 100px;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema {
    padding: 30px 0 100px;
  }
}
.page.groupe-edc .banner.schema .section_title {
  font-weight: 900;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 80px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .section_title {
    font-size: 14px;
  }
}
.page.groupe-edc .banner.schema .schema-container {
  height: 330px;
  display: inline-block;
  width: 100%;
  position: relative;
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container {
    height: 300px;
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container {
    text-align: center;
    height: auto;
    display: flex;
    justify-content: space-between;
  }
}
.page.groupe-edc .banner.schema .schema-container .centre {
  width: 350px;
  height: 300px;
  position: absolute;
  top: 0;
  left: calc(50% - 175px);
}
@media (width < 1025px) {
  .page.groupe-edc .banner.schema .schema-container .centre {
    width: 300px;
    left: calc(50% - 150px);
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container .centre {
    width: 200px;
    left: calc(50% - 100px);
  }
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .centre {
    display: none;
  }
}
.page.groupe-edc .banner.schema .schema-container .centre .texte {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 20px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 90px;
  color: #00497f;
  width: 100%;
  animation-delay: 0.3s;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.schema .schema-container .centre .texte {
    font-size: 19px;
    bottom: 95px;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container .centre .texte {
    font-size: 18px;
    bottom: 107px;
  }
}
.page.groupe-edc .banner.schema .schema-container .container {
  width: 168px;
  position: absolute;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .container {
    position: relative;
    margin-bottom: 20px;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 48%;
  }
}
.page.groupe-edc .banner.schema .schema-container .container .image_container {
  height: 140px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .container .image_container {
    height: 80px !important;
  }
}
.page.groupe-edc .banner.schema .schema-container .container .text_container {
  height: 170px;
  background: #e30613;
  text-align: center;
  display: inline-block;
  width: 100%;
  display: flex;
  align-items: center;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .container .text_container {
    height: 90px;
  }
}
.page.groupe-edc .banner.schema .schema-container .container .text_container p {
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  padding: 25px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .container .text_container p {
    padding: 15px 15px;
    font-size: 11px;
  }
}
.page.groupe-edc .banner.schema .schema-container .container.one {
  left: 13%;
  top: 0;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.schema .schema-container .container.one {
    left: 6%;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container .container.one {
    left: 0%;
  }
}
.page.groupe-edc .banner.schema .schema-container .container.two {
  right: 13%;
  top: 0;
}
@media (width < 1025px) {
  .page.groupe-edc .banner.schema .schema-container .container.two {
    right: 6%;
  }
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container .container.two {
    right: 0%;
  }
}
.page.groupe-edc .banner.schema .schema-container .container.three {
  top: 325px;
  left: calc(50% - 84px);
}
@media (width < 820px) {
  .page.groupe-edc .banner.schema .schema-container .container.three {
    top: 280px;
  }
}
.page.groupe-edc .banner.schema .schema-container .container.three .image_container {
  height: 120px;
  margin-bottom: 10px;
}
@media (width < 567px) {
  .page.groupe-edc .banner.schema .schema-container .container.three .image_container {
    margin-top: 10px;
    height: 60px !important;
  }
}
.page.groupe-edc .banner.schema .schema-container .container.three:hover .text_container {
  background: #fff;
  border: 1px solid rgba(227, 6, 19, 0.5);
}
.page.groupe-edc .banner.schema .schema-container .container.three:hover .text_container p {
  color: #e30613;
}

.page.mandarin .banner.bienvenue {
  padding: 70px 0 30px;
}
.page.mandarin .banner.bienvenue .content {
  background: #00497f;
  padding: 25px 30px;
}
.page.mandarin .banner.bienvenue .content * {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
}
@media (width < 567px) {
  .page.mandarin .banner.bienvenue .content * {
    font-size: 16px;
  }
}

.page.mandarin .banner.introduction {
  padding: 30px 0 30px;
}
.page.mandarin .banner.introduction .col_image {
  width: 45%;
  float: left;
  margin-bottom: 20px;
}
@media (width < 567px) {
  .page.mandarin .banner.introduction .col_image {
    width: 100%;
    float: none;
  }
}
.page.mandarin .banner.introduction .col_image img {
  width: 100%;
  height: auto;
}
.page.mandarin .banner.introduction .col_texts {
  width: 50%;
  float: right;
}
@media (width < 567px) {
  .page.mandarin .banner.introduction .col_texts {
    width: 100%;
    float: none;
  }
}
.page.mandarin .banner.introduction .col_texts .col_title {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.mandarin .banner.introduction .col_texts .col_title {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.introduction .col_texts .col_title {
    font-size: 25px;
  }
}
.page.mandarin .banner.introduction .col_texts .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.mandarin .banner.introduction .col_texts .trait {
    height: 6px;
    width: 50px;
  }
}
.page.mandarin .banner.introduction .col_texts .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}

.page.mandarin .banner.nos_cautions {
  padding: 20px 0 60px;
}
.page.mandarin .banner.nos_cautions .bloc_titre .title {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.mandarin .banner.nos_cautions .bloc_titre .title {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .bloc_titre .title {
    font-size: 25px;
  }
}
.page.mandarin .banner.nos_cautions .bloc_titre .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.mandarin .banner.nos_cautions .bloc_titre .trait {
    height: 6px;
    width: 50px;
  }
}
.page.mandarin .banner.nos_cautions .bloc_titre .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .col_left, .page.mandarin .banner.nos_cautions .col_right {
    width: 100% !important;
    float: none;
  }
}
.page.mandarin .banner.nos_cautions .col_left {
  width: 50%;
  float: left;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li {
  width: 50%;
  float: left;
  position: relative;
  padding-right: 30px;
  margin-bottom: 25px;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(1) {
  animation-delay: 0s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(1) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(1) .texte {
  animation-delay: 0.05s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(2) {
  animation-delay: 0.1s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(2) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(2) .texte {
  animation-delay: 0.2s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(3) {
  animation-delay: 0.2s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(3) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(3) .texte {
  animation-delay: 0.35s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(4) {
  animation-delay: 0.3s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(4) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(4) .texte {
  animation-delay: 0.5s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(5) {
  animation-delay: 0.4s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(5) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(5) .texte {
  animation-delay: 0.65s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(6) {
  animation-delay: 0.5s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(6) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(6) .texte {
  animation-delay: 0.8s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(7) {
  animation-delay: 0.6s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(7) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(7) .texte {
  animation-delay: 0.95s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(8) {
  animation-delay: 0.7s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(8) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(8) .texte {
  animation-delay: 1.1s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(9) {
  animation-delay: 0.8s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(9) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(9) .texte {
  animation-delay: 1.25s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(10) {
  animation-delay: 0.9s;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(10) .titre, .page.mandarin .banner.nos_cautions .col_left ul.produits li:nth-child(10) .texte {
  animation-delay: 1.4s;
}
@media (width < 1025px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li {
    width: 100%;
  }
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li .icon-container {
  width: 75px;
  height: 75px;
  margin-bottom: 20px;
}
@media (width < 1025px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .icon-container {
    width: 55px;
    height: 55px;
  }
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .titre {
  width: 90%;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
@media (width < 1025px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .titre {
    padding-bottom: 10px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .titre {
    font-size: 15px;
    font-weight: 700;
    width: 100%;
  }
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .texte {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .texte {
    font-size: 12px;
    font-weight: 500;
  }
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .lien {
  display: inline-block;
  text-align: center;
  padding: 9px 15px;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #e30613;
  transition: border 0.5s;
  letter-spacing: 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
}
.page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .lien:hover, .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .lien:focus {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}
@media (width < 1025px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .lien {
    font-size: 14px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .col_left ul.produits li .texts_container .lien {
    font-size: 12px;
    padding: 5px 10px;
  }
}
.page.mandarin .banner.nos_cautions .col_right {
  width: 45%;
  float: right;
  background: #F1EDEA;
  padding-bottom: 90px;
}
.page.mandarin .banner.nos_cautions .col_right .texts_container {
  padding: 30px;
}
.page.mandarin .banner.nos_cautions .col_right .texts_container .title {
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 28px;
}
@media (width < 1226px) {
  .page.mandarin .banner.nos_cautions .col_right .texts_container .title {
    font-size: 25px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.nos_cautions .col_right .texts_container .title {
    font-size: 18px;
  }
}
.page.mandarin .banner.nos_cautions .col_right .texts_container .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.mandarin .banner.nos_cautions .col_right .texts_container .trait {
    height: 6px;
    width: 50px;
  }
}
.page.mandarin .banner.nos_cautions .col_right .texts_container .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.mandarin .banner.nos_cautions .col_right .texts_container .text * {
  font-weight: 700;
  line-height: 1.3;
}

.page.mandarin .banner.tarification {
  padding: 20px 0 50px;
}
.page.mandarin .banner.tarification .bloc_titre .title {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.1;
  position: relative;
  z-index: 4;
  margin-bottom: 15px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.mandarin .banner.tarification .bloc_titre .title {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.mandarin .banner.tarification .bloc_titre .title {
    font-size: 25px;
  }
}
.page.mandarin .banner.tarification .bloc_titre .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.mandarin .banner.tarification .bloc_titre .trait {
    height: 6px;
    width: 50px;
  }
}
.page.mandarin .banner.tarification .bloc_titre .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.mandarin .banner.tarification .icon_and_list_container {
  padding: 20px 0;
  display: inline-block;
  width: 100%;
}
.page.mandarin .banner.tarification .icon_and_list_container .icon {
  width: 90px;
  float: left;
  display: inline-block;
  margin-right: 20px;
}
@media (width < 567px) {
  .page.mandarin .banner.tarification .icon_and_list_container .icon {
    width: 70px;
    margin-right: 15px;
  }
}
.page.mandarin .banner.tarification .icon_and_list_container .icon img {
  width: 100%;
  height: auto;
}
.page.mandarin .banner.tarification .icon_and_list_container ul.liste {
  float: left;
  display: inline-block;
  padding-top: 13px;
}
@media (width < 567px) {
  .page.mandarin .banner.tarification .icon_and_list_container ul.liste {
    padding-top: 7px;
  }
}
.page.mandarin .banner.tarification .icon_and_list_container ul.liste li {
  text-transform: uppercase;
  position: relative;
  padding-left: 10px;
  padding-left: 20px;
  line-height: 1.8;
  font-size: 18px;
}
.page.mandarin .banner.tarification .icon_and_list_container ul.liste li::before {
  content: "●";
  color: #e30613;
  position: absolute;
  left: 0;
  top: 0px;
}
@media (width < 567px) {
  .page.mandarin .banner.tarification .icon_and_list_container ul.liste li {
    font-size: 16px;
  }
}
.page.mandarin .banner.tarification .telecharger_container {
  display: inline-block;
  width: 100%;
}
.page.mandarin .banner.tarification .telecharger_container .title {
  padding: 5px;
  font-size: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
}
.page.mandarin .banner.tarification .telecharger_container ul.fiches li {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
}
@media (width < 567px) {
  .page.mandarin .banner.tarification .telecharger_container ul.fiches li {
    float: none;
  }
}

.page.mandarin .banner.promo {
  padding: 20px 0 60px;
}
.page.mandarin .banner.promo .content {
  background: #00497f;
}
.page.mandarin .banner.promo .image_container {
  width: 300px;
  border: 1px solid #00497f;
  float: left;
}
@media (width < 567px) {
  .page.mandarin .banner.promo .image_container {
    width: 100%;
  }
}
.page.mandarin .banner.promo .image_container img {
  width: 100%;
  height: auto;
}
.page.mandarin .banner.promo .col_text {
  padding: 25px;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 300px);
  display: flex;
  align-items: center;
  height: 100%;
}
@media (width < 567px) {
  .page.mandarin .banner.promo .col_text {
    float: none;
    position: relative;
    width: 100%;
  }
}
.page.mandarin .banner.promo .col_text .texts_container .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
  color: #fff;
}
@media (width < 567px) {
  .page.mandarin .banner.promo .col_text .texts_container .title {
    font-size: 24px;
  }
}
.page.mandarin .banner.promo .col_text .texts_container .text {
  margin-top: 8px;
  color: #fff;
}
.page.mandarin .banner.promo .col_text .texts_container .link {
  margin-top: 24px;
}

.page.nos_produits .banner.top {
  height: 500px;
  transition: height 1s;
}
@media (width < 1367px) {
  .page.nos_produits .banner.top {
    height: 500px;
  }
}
@media (width < 1226px) {
  .page.nos_produits .banner.top {
    height: 500px;
  }
}
@media (width < 1025px) {
  .page.nos_produits .banner.top {
    height: auto;
  }
}
.page.nos_produits .banner.top .bloc_container {
  line-height: 500px;
  transition: line-height 1s;
}
@media (width < 1367px) {
  .page.nos_produits .banner.top .bloc_container {
    line-height: 500px;
  }
}
@media (width < 1226px) {
  .page.nos_produits .banner.top .bloc_container {
    line-height: 500px;
  }
}
@media (width < 1025px) {
  .page.nos_produits .banner.top .bloc_container {
    line-height: auto;
  }
}

.page.nos_produits .banner.top {
  position: relative;
  overflow: hidden;
}
.page.nos_produits .banner.top .image_container {
  opacity: 0.85;
  filter: saturate(100%) contrast(105%);
}
.page.nos_produits .banner.top .image_container .image {
  background-position: 50% 50%;
  transition: filter 1s;
  width: 50%;
  transform: scaleX(-1);
  background-position: 50% 50%;
  background-size: cover;
}
@media (width < 567px) {
  .page.nos_produits .banner.top .image_container .image {
    height: 0px;
  }
}
.page.nos_produits .banner.top .gradient {
  display: inline-block;
  width: 350px;
  height: calc(100% + 4px);
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  background: linear-gradient(to right, rgba(241, 237, 234, 0), #f1edea);
}
@media (width < 567px) {
  .page.nos_produits .banner.top .gradient {
    display: none;
  }
}
.page.nos_produits .banner.top .banner_content .bloc_container {
  width: 50%;
  float: right;
  position: relative;
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .bloc_container {
    width: 100%;
  }
}
.page.nos_produits .banner.top .banner_content .bloc_container .textes {
  padding-top: 100px;
  padding-left: 50px;
}
@media (width < 820px) {
  .page.nos_produits .banner.top .banner_content .bloc_container .textes {
    padding-top: 50px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .bloc_container .textes {
    padding: 40px 0 0px;
  }
}
.page.nos_produits .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  color: #fff;
  position: relative;
  z-index: 4;
  margin-bottom: 5px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.nos_produits .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.page.nos_produits .banner.top .banner_content .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
@media (width < 820px) {
  .page.nos_produits .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.nos_produits .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #000;
}
.page.nos_produits .banner.top .banner_content .icon-container {
  width: 100px;
  height: 100px;
  border: 1.5px solid white;
  border-radius: 50%;
  margin-bottom: 25px;
}
.page.nos_produits .banner.top .banner_content .icon-container .icon {
  transform: scale(0.7);
  animation: fade 0.5s;
}
@media (width < 820px) {
  .page.nos_produits .banner.top .banner_content .icon-container {
    width: 70px;
    height: 70px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .icon-container {
    width: 70px;
    height: 70px;
  }
}
.page.nos_produits .banner.top .banner_content .nos_produits {
  font-size: 45px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  animation-delay: 0.2s;
}
@media (width < 820px) {
  .page.nos_produits .banner.top .banner_content .nos_produits {
    font-size: 36px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .nos_produits {
    font-size: 32px;
  }
}
.page.nos_produits .banner.top .banner_content .texte {
  animation-delay: 0.4s;
  margin-bottom: 50px;
}
.page.nos_produits .banner.top .banner_content .texte p {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
@media (width < 820px) {
  .page.nos_produits .banner.top .banner_content .texte p {
    font-size: 15px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.top .banner_content .texte p {
    font-size: 14px;
  }
}

.page.nos_produits .banner.nos-services {
  padding: 50px 0 30px;
  background: #f1edea;
  margin-top: -5px;
}
.page.nos_produits .banner.nos-services .section_title-container {
  text-align: center;
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services .section_title-container {
    display: none;
  }
}
.page.nos_produits .banner.nos-services .section_title-container .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 15px;
  animation-delay: 0.3s;
}
.page.nos_produits .banner.nos-services .section_title-container .trait {
  width: 100px;
  height: 8px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.nos_produits .banner.nos-services .section_title-container .trait {
    height: 6px;
    width: 50px;
  }
}
.page.nos_produits .banner.nos-services .section_title-container .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #000;
}
.page.nos_produits .banner.nos-services ul.bloc-services {
  display: flex;
  justify-content: space-evenly;
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services ul.bloc-services {
    flex-direction: column;
  }
}
.page.nos_produits .banner.nos-services ul.bloc-services .margin-right {
  margin-right: 30px;
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services ul.bloc-services .margin-right {
    margin-right: auto;
  }
}
.page.nos_produits .banner.nos-services ul.bloc-services li {
  width: 35%;
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services ul.bloc-services li {
    width: 80%;
    margin: 0 auto;
  }
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(1) .icon-container {
  animation-delay: 0s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(1) button p {
  animation-delay: 0.3s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(2) .icon-container {
  animation-delay: 0.1s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(2) button p {
  animation-delay: 0.4s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(3) .icon-container {
  animation-delay: 0.2s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(3) button p {
  animation-delay: 0.5s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(4) .icon-container {
  animation-delay: 0.3s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(4) button p {
  animation-delay: 0.6s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(5) .icon-container {
  animation-delay: 0.4s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(5) button p {
  animation-delay: 0.7s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(6) .icon-container {
  animation-delay: 0.5s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(6) button p {
  animation-delay: 0.8s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(7) .icon-container {
  animation-delay: 0.6s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(7) button p {
  animation-delay: 0.9s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(8) .icon-container {
  animation-delay: 0.7s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(8) button p {
  animation-delay: 1s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(9) .icon-container {
  animation-delay: 0.8s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(9) button p {
  animation-delay: 1.1s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(10) .icon-container {
  animation-delay: 0.9s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li:nth-child(10) button p {
  animation-delay: 1.2s;
}
.page.nos_produits .banner.nos-services ul.bloc-services li .icon-container {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #fff;
  margin-bottom: 20px;
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services ul.bloc-services li .icon-container {
    display: none;
  }
}
.page.nos_produits .banner.nos-services ul.bloc-services li .icon-container .icon {
  transform: scale(1.1);
}
.page.nos_produits .banner.nos-services ul.bloc-services li #service1 {
  background-color: #e30613;
}
.page.nos_produits .banner.nos-services ul.bloc-services li button {
  width: 100%;
  height: 50px;
  position: relative;
}
.page.nos_produits .banner.nos-services ul.bloc-services li button p {
  display: inline-block;
  width: 100%;
  padding: 9px 0;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #e30613;
  transition: border 0.5s;
  letter-spacing: 0px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
}
@media (width < 1226px) {
  .page.nos_produits .banner.nos-services ul.bloc-services li button p {
    font-size: 17px;
  }
}
@media (width < 1025px) {
  .page.nos_produits .banner.nos-services ul.bloc-services li button p {
    font-size: 14px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.nos-services ul.bloc-services li button p {
    font-size: 12px;
    padding: 5px 0;
  }
}
.page.nos_produits .banner.nos-services ul.bloc-services li button .icon-triangle-container {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -59px;
  z-index: 100;
  left: calc(50% - 15px);
  transition: opacity 0s, transform 0.3s;
  transform: rotate(90deg) translate3d(-5px, 0px, 0);
  opacity: 0;
}
.page.nos_produits .banner.nos-services ul.bloc-services li button .icon-triangle-container * {
  fill: #e30613;
}
.page.nos_produits .banner.nos-services ul.bloc-services li button:hover .icon-triangle-container, .page.nos_produits .banner.nos-services ul.bloc-services li button:focus .icon-triangle-container {
  opacity: 1;
  display: inline-block;
  transition: opacity 0s, transform 0.3s;
  transform: rotate(90deg) translate3d(0, 0px, 0);
}
.page.nos_produits .banner.nos-services ul.bloc-services li button:hover p, .page.nos_produits .banner.nos-services ul.bloc-services li button:focus p {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}

.page.nos_produits .banner.services {
  padding: 65px 0 55px;
  background-color: #fff;
}
.page.nos_produits .banner.services#service3 {
  padding: 45px 0 120px;
}
@media (width < 567px) {
  .page.nos_produits .banner.services {
    padding: 40px 0 0px;
  }
  .page.nos_produits .banner.services .banner_content {
    padding: 0;
  }
}
.page.nos_produits .banner.services .content .titre-service h3 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .titre-service h3 {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .titre-service h3 {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
  }
}
.page.nos_produits .banner.services .content .col {
  width: 50%;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col {
    width: 100%;
  }
}
.page.nos_produits .banner.services .content .col-left {
  padding-right: 30px;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left {
    padding-right: 0;
  }
}
.page.nos_produits .banner.services .content .col-left.large {
  padding-right: 0px;
  width: 100% !important;
}
.page.nos_produits .banner.services .content .col-left.large > ul {
  display: flex;
  justify-content: space-evenly;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left.large > ul {
    display: inline-block;
    width: 95% !important;
  }
}
.page.nos_produits .banner.services .content .col-left.large > ul > li {
  width: 25%;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left.large > ul > li {
    width: 50%;
  }
}
.page.nos_produits .banner.services .content .col-left:not(.large) > ul > li:nth-child(3) {
  clear: both;
}
.page.nos_produits .banner.services .content .col-left > .texte {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-bottom: 45px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left > .texte {
    margin-bottom: 30px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left > .texte {
    display: none;
  }
}
.page.nos_produits .banner.services .content .col-left .image_container {
  display: none;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left .image_container {
    display: block;
    width: 100%;
    height: 140px;
    overflow: hidden;
    margin-bottom: 10px;
  }
}
.page.nos_produits .banner.services .content .col-left ul li {
  width: 50%;
  float: left;
  position: relative;
  padding-bottom: 45px;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(1) {
  animation-delay: 0s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(1) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(1) .texte {
  animation-delay: 0.05s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(2) {
  animation-delay: 0.1s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(2) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(2) .texte {
  animation-delay: 0.2s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(3) {
  animation-delay: 0.2s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(3) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(3) .texte {
  animation-delay: 0.35s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(4) {
  animation-delay: 0.3s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(4) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(4) .texte {
  animation-delay: 0.5s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(5) {
  animation-delay: 0.4s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(5) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(5) .texte {
  animation-delay: 0.65s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(6) {
  animation-delay: 0.5s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(6) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(6) .texte {
  animation-delay: 0.8s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(7) {
  animation-delay: 0.6s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(7) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(7) .texte {
  animation-delay: 0.95s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(8) {
  animation-delay: 0.7s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(8) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(8) .texte {
  animation-delay: 1.1s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(9) {
  animation-delay: 0.8s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(9) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(9) .texte {
  animation-delay: 1.25s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(10) {
  animation-delay: 0.9s;
}
.page.nos_produits .banner.services .content .col-left ul li:nth-child(10) .titre, .page.nos_produits .banner.services .content .col-left ul li:nth-child(10) .texte {
  animation-delay: 1.4s;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left ul li {
    width: 100%;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li {
    padding-bottom: 0;
  }
  .page.nos_produits .banner.services .content .col-left ul li:last-child .inside {
    border: none;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .inside {
    display: inline-block;
    width: 80%;
    padding: 20px 0%;
    margin: 0 10%;
    border-bottom: 1px solid #e30613;
  }
}
.page.nos_produits .banner.services .content .col-left ul li .icon-container {
  width: 75px;
  height: 75px;
  position: absolute;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left ul li .icon-container {
    width: 55px;
    height: 55px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .icon-container {
    width: 26px;
    height: 26px;
    top: 23px;
  }
}
.page.nos_produits .banner.services .content .col-left ul li .texts_container {
  padding: 0 10px 0 90px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container {
    padding-left: 70px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container {
    padding: 8px 0 0 35px;
  }
}
.page.nos_produits .banner.services .content .col-left ul li .texts_container .titre {
  width: 90%;
  font-size: 20px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container .titre {
    padding-bottom: 10px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container .titre {
    font-size: 14px;
    font-weight: 700;
    width: 100%;
  }
}
.page.nos_produits .banner.services .content .col-left ul li .texts_container .texte {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container .texte {
    font-size: 11px;
    font-weight: 500;
  }
}
.page.nos_produits .banner.services .content .col-left ul li .texts_container .lien {
  display: inline-block;
  text-align: center;
  padding: 9px 15px;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #e30613;
  transition: border 0.5s;
  letter-spacing: 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
}
.page.nos_produits .banner.services .content .col-left ul li .texts_container .lien:hover, .page.nos_produits .banner.services .content .col-left ul li .texts_container .lien:focus {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container .lien {
    font-size: 14px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-left ul li .texts_container .lien {
    font-size: 12px;
    padding: 5px 10px;
  }
}
.page.nos_produits .banner.services .content .col-right .image_container {
  margin-bottom: 35px;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-right .image_container {
    display: none;
  }
}
.page.nos_produits .banner.services .content .col-right .video_container {
  width: 100%;
}
.page.nos_produits .banner.services .content .col-right .video_container video {
  display: none;
  position: relative;
}
.page.nos_produits .banner.services .content .col-right .video_container video.visible {
  display: inline-block;
  animation: fade 1s ease 0.3s both;
}
.page.nos_produits .banner.services .content .col-right .encart {
  position: relative;
  width: 100%;
  background: #ccdadf;
  padding: 35px 40px 35px 100px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-right .encart {
    padding: 35px 35px 30px 80px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-right .encart {
    padding: 20px 20px 20px 65px;
  }
}
.page.nos_produits .banner.services .content .col-right .encart .titre-encart {
  font-size: 25px;
  font-weight: 900;
  margin-bottom: 25px;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-right .encart .titre-encart {
    font-size: 20px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-right .encart .titre-encart {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.page.nos_produits .banner.services .content .col-right .encart .texte p {
  font-size: 14px;
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-right .encart .texte p {
    font-size: 11px;
  }
}
.page.nos_produits .banner.services .content .col-right .encart .icon-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
  margin: 30px 0 0 35px;
}
.page.nos_produits .banner.services .content .col-right .encart .icon-container * {
  fill: #000;
}
@media (width < 1025px) {
  .page.nos_produits .banner.services .content .col-right .encart .icon-container {
    margin-left: 20px;
  }
}
@media (width < 567px) {
  .page.nos_produits .banner.services .content .col-right .encart .icon-container {
    width: 20px;
    margin: 10px 0 0 25px;
  }
}

.page.nous-rejoindre .banner.top {
  transition: height 1s;
}

.page.nous-rejoindre .banner.top .bloc_container {
  transition: line-height 1s;
}

.page.nous-rejoindre .banner.top {
  position: relative;
  height: auto;
  padding: 20px 0 50px;
}
@media (width < 1226px) {
  .page.nous-rejoindre .banner.top .banner_content .bloc, .page.nous-rejoindre .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.nous-rejoindre .banner.top .banner_content .icon, .page.nous-rejoindre .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .page.nous-rejoindre .banner.top .banner_content .icon, .page.nous-rejoindre .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.nous-rejoindre .banner.top .banner_content p, .page.nous-rejoindre .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.nous-rejoindre .banner.top .banner_content button, .page.nous-rejoindre .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.nous-rejoindre .banner.top .banner_content p {
    padding: 25px 0 0 0;
  }
}
.page.nous-rejoindre .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.nous-rejoindre .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.nous-rejoindre .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.page.nous-rejoindre .banner.top .banner_content .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.nous-rejoindre .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.nous-rejoindre .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.nous-rejoindre .banner.top .banner_content .texte {
  font-weight: 600;
}

.page.nous-rejoindre .banner.offres {
  padding: 0 0 50px;
}
.page.nous-rejoindre .banner.offres .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 7px;
  animation-delay: 0.3s;
}
@media (width < 567px) {
  .page.nous-rejoindre .banner.offres .section_title {
    font-size: 28px;
  }
}
.page.nous-rejoindre .banner.offres .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 45px;
}
@media (width < 820px) {
  .page.nous-rejoindre .banner.offres .trait {
    height: 6px;
    width: 50px;
  }
}
.page.nous-rejoindre .banner.offres .trait span {
  animation-delay: 0.4s;
  display: inline-block;
  background: #e30613;
}
.page.nous-rejoindre .banner.offres .content > ul > li {
  display: inline-block;
  float: left;
  margin-bottom: 60px;
  width: 50%;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(3) {
  clear: left;
}
@media (width < 567px) {
  .page.nous-rejoindre .banner.offres .content > ul > li {
    width: 100%;
    margin-bottom: 40px;
  }
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(1) {
  animation-delay: 0s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(1) a {
  animation-delay: 0.25s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(2) {
  animation-delay: 0.15s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(2) a {
  animation-delay: 0.4s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(3) {
  animation-delay: 0.3s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(3) a {
  animation-delay: 0.55s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(4) {
  animation-delay: 0.45s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(4) a {
  animation-delay: 0.7s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(5) {
  animation-delay: 0.6s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(5) a {
  animation-delay: 0.85s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(6) {
  animation-delay: 0.75s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(6) a {
  animation-delay: 1s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(7) {
  animation-delay: 0.9s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(7) a {
  animation-delay: 1.15s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(8) {
  animation-delay: 1.05s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(8) a {
  animation-delay: 1.3s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(9) {
  animation-delay: 1.2s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(9) a {
  animation-delay: 1.45s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(10) {
  animation-delay: 1.35s;
}
.page.nous-rejoindre .banner.offres .content > ul > li:nth-child(10) a {
  animation-delay: 1.6s;
}
.page.nous-rejoindre .banner.offres .content > ul .texts_container {
  margin-right: 80px;
}
@media (width < 567px) {
  .page.nous-rejoindre .banner.offres .content > ul .texts_container {
    width: 100%;
  }
}
.page.nous-rejoindre .banner.offres .content > ul .texts_container .nom {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.page.nous-rejoindre .banner.offres .content > ul .texts_container .description {
  animation-delay: 0.4s;
  line-height: 1.2;
  margin-bottom: 25px;
}
.page.nous-rejoindre .banner.offres .content > ul .texts_container .en-savoir-plus {
  display: inline-block;
  color: #fff;
  border: 1px solid #e30613;
  transition: border 0.5s;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  animation-duration: 0.8s;
  letter-spacing: 0px;
  user-select: none;
  background: #e30613;
  padding: 12px 15px;
}
@media (width < 567px) {
  .page.nous-rejoindre .banner.offres .content > ul .texts_container .en-savoir-plus {
    height: 38px;
    font-size: 11px;
  }
}
.page.nous-rejoindre .banner.offres .content > ul .texts_container .en-savoir-plus:hover {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}

.page.parrainez .banner.intro {
  padding: 70px 0 30px;
}
.page.parrainez .banner.intro .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.parrainez .banner.intro .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.parrainez .banner.intro .titre {
    font-size: 25px;
  }
}
.page.parrainez .banner.intro .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.parrainez .banner.intro .trait {
    height: 6px;
    width: 50px;
  }
}
.page.parrainez .banner.intro .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.parrainez .banner.intro .text_container {
  max-width: 900px;
}
.page.parrainez .banner.intro .text_container .link {
  float: right;
}

.page.parrainez .banner.main {
  padding: 20px 0 40px;
}
.page.parrainez .banner.main ul.paragraphs {
  max-width: 900px;
  background: rgb(247.35, 247.35, 247.35);
  padding: 45px 40px;
  padding-bottom: 15px;
  animation: fade 1s;
}
@media (width < 567px) {
  .page.parrainez .banner.main ul.paragraphs {
    width: 116%;
    margin-left: -8%;
  }
}
.page.parrainez .banner.main ul.paragraphs > li {
  margin-bottom: 35px;
}
.page.parrainez .banner.main ul.paragraphs > li .title {
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 13px;
}
.page.parrainez .banner.main ul.paragraphs > li a {
  color: #e30613;
}
.page.parrainez .banner.main ul.paragraphs > li a:hover {
  text-decoration: none;
}

.page.parrainez .banner.form {
  padding: 40px 0 100px;
}
.page.parrainez .banner.form .title_container {
  margin-bottom: 10px;
}
.page.parrainez .banner.form .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 30px;
}
@media (width < 1226px) {
  .page.parrainez .banner.form .titre {
    font-size: 26px;
  }
}
@media (width < 567px) {
  .page.parrainez .banner.form .titre {
    font-size: 22px;
  }
}
.page.parrainez .banner.form .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.parrainez .banner.form .trait {
    height: 6px;
    width: 50px;
  }
}
.page.parrainez .banner.form .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.partenaires {
  background: #fff;
}

.page.partenaires .banner.top {
  transition: height 1s;
}

.page.partenaires .banner.top .bloc_container {
  transition: line-height 1s;
}

.page.partenaires .banner.top {
  position: relative;
  height: auto;
  padding: 20px 0 0px;
}
@media (width < 1226px) {
  .page.partenaires .banner.top .banner_content .bloc, .page.partenaires .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.partenaires .banner.top .banner_content .icon, .page.partenaires .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .page.partenaires .banner.top .banner_content .icon, .page.partenaires .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.partenaires .banner.top .banner_content p, .page.partenaires .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.partenaires .banner.top .banner_content button, .page.partenaires .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.partenaires .banner.top .banner_content p {
    padding: 25px 0 0 0;
  }
}
.page.partenaires .banner.top .banner_content .fil-ariane {
  margin-bottom: 12px;
  font-size: 12px;
}
.page.partenaires .banner.top .banner_content .fil-ariane * {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.page.partenaires .banner.top .banner_content .fil-ariane a:hover {
  -webkit-text-stroke: #000;
  text-decoration: underline;
}
.page.partenaires .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.partenaires .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.partenaires .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.page.partenaires .banner.top .banner_content .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .page.partenaires .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.partenaires .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.partenaires .banner.top .banner_content .texte {
  font-weight: 600;
}

.page.partenaires .banner.buralistes {
  padding: 0;
}
.page.partenaires .banner.buralistes .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 55px;
  animation-delay: 0.3s;
  position: relative;
}
.page.partenaires .banner.buralistes .section_title .image_container {
  position: absolute;
  left: 600px;
  top: 8px;
  width: 240px;
  height: 80px;
}
@media (width < 820px) {
  .page.partenaires .banner.buralistes .section_title .image_container {
    display: none;
  }
}
.page.partenaires .banner.buralistes .section_title .image_container .image {
  background-position: 50% 0%;
}
@media (width < 567px) {
  .page.partenaires .banner.buralistes .section_title {
    font-size: 28px;
  }
}
.page.partenaires .banner.buralistes .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
@media (width < 820px) {
  .page.partenaires .banner.buralistes .trait {
    height: 6px;
    width: 50px;
  }
}
.page.partenaires .banner.buralistes .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.partenaires .banner.buralistes .content > ul {
  width: 90%;
}
.page.partenaires .banner.buralistes .content > ul > li {
  display: inline-block;
  margin-bottom: 50px;
  width: 100%;
}
.page.partenaires .banner.buralistes .content > ul > li:nth-child(1) {
  animation-delay: 0.25s;
}
.page.partenaires .banner.buralistes .content > ul > li:nth-child(1) a {
  animation-delay: 0.35s;
}
.page.partenaires .banner.buralistes .content > ul > li:nth-child(2) {
  animation-delay: 0.3s;
}
.page.partenaires .banner.buralistes .content > ul > li:nth-child(2) a {
  animation-delay: 0.4s;
}
.page.partenaires .banner.buralistes .content > ul .image_container {
  float: left;
  width: 180px;
}
@media (width < 567px) {
  .page.partenaires .banner.buralistes .content > ul .image_container {
    margin-bottom: 30px;
  }
}
.page.partenaires .banner.buralistes .content > ul .texts_container {
  float: right;
  width: calc(100% - 180px);
  padding-left: 60px;
}
@media (width < 567px) {
  .page.partenaires .banner.buralistes .content > ul .texts_container {
    width: 100%;
    padding-left: 0;
  }
}
.page.partenaires .banner.buralistes .content > ul .texts_container .nom {
  margin-bottom: 13px;
  font-size: 18px;
  font-weight: 700;
}
.page.partenaires .banner.buralistes .content > ul .texts_container .description {
  margin-bottom: 10px;
  animation-delay: 0.4s;
}
.page.partenaires .banner.buralistes .content > ul .texts_container .en-savoir-plus {
  display: inline-block;
  color: #fff;
  border: 1px solid #e30613;
  transition: border 0.5s;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  animation-duration: 0.8s;
  letter-spacing: 0px;
  user-select: none;
  background: #e30613;
  padding: 12px 15px;
}
@media (width < 567px) {
  .page.partenaires .banner.buralistes .content > ul .texts_container .en-savoir-plus {
    height: 38px;
    font-size: 11px;
  }
}
.page.partenaires .banner.buralistes .content > ul .texts_container .en-savoir-plus:hover {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}

.page.partenaires .banner.autres-liens {
  padding: 0px 0 70px;
}
.page.partenaires .banner.autres-liens .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 5px;
  margin-top: 55px;
}
@media (width < 567px) {
  .page.partenaires .banner.autres-liens .section_title {
    font-size: 28px;
  }
}
.page.partenaires .banner.autres-liens .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}
@media (width < 820px) {
  .page.partenaires .banner.autres-liens .trait {
    height: 6px;
    width: 50px;
  }
}
.page.partenaires .banner.autres-liens .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.page.partenaires .banner.autres-liens ul {
  width: 850px;
  margin-top: 40px;
}
@media (width < 1025px) {
  .page.partenaires .banner.autres-liens ul {
    width: 100%;
  }
}
@media (width < 567px) {
  .page.partenaires .banner.autres-liens ul {
    width: calc(100% + 10px);
  }
}
.page.partenaires .banner.autres-liens ul li {
  display: inline-block;
  width: 250px;
  height: 125px;
  margin: 0 20px 20px 0;
}
.page.partenaires .banner.autres-liens ul li:nth-child(1) {
  animation-delay: 0s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(2) {
  animation-delay: 0.1s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(3) {
  animation-delay: 0.2s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(4) {
  animation-delay: 0.3s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(5) {
  animation-delay: 0.4s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(6) {
  animation-delay: 0.5s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(7) {
  animation-delay: 0.6s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(8) {
  animation-delay: 0.7s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(9) {
  animation-delay: 0.8s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(10) {
  animation-delay: 0.9s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(11) {
  animation-delay: 1s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(12) {
  animation-delay: 1.1s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(13) {
  animation-delay: 1.2s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(14) {
  animation-delay: 1.3s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(15) {
  animation-delay: 1.4s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(16) {
  animation-delay: 1.5s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(17) {
  animation-delay: 1.6s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(18) {
  animation-delay: 1.7s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(19) {
  animation-delay: 1.8s;
}
.page.partenaires .banner.autres-liens ul li:nth-child(20) {
  animation-delay: 1.9s;
}
@media (width < 567px) {
  .page.partenaires .banner.autres-liens ul li {
    width: 50%;
    margin: 0;
    display: inline-block;
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
  }
}
.page.partenaires .banner.autres-liens ul li .inside {
  background-color: #eeeeee;
}
.page.partenaires .banner.autres-liens ul li .image_container {
  width: 100%;
  text-align: center;
}
.page.partenaires .banner.autres-liens ul li .image_container .image {
  width: 60%;
  left: 20%;
  height: 80%;
  top: 10%;
}

.page.produit .banner.top {
  height: auto;
  transition: height 1s;
}
@media (width < 1367px) {
  .page.produit .banner.top {
    height: auto;
  }
}
@media (width < 1226px) {
  .page.produit .banner.top {
    height: auto;
  }
}
@media (width < 820px) {
  .page.produit .banner.top {
    height: auto;
  }
}
@media (width < 567px) {
  .page.produit .banner.top {
    height: auto;
  }
}
.page.produit .banner.top .bloc_container {
  line-height: auto;
  transition: line-height 1s;
}
@media (width < 1367px) {
  .page.produit .banner.top .bloc_container {
    line-height: auto;
  }
}
@media (width < 1226px) {
  .page.produit .banner.top .bloc_container {
    line-height: auto-0px;
  }
}
@media (width < 820px) {
  .page.produit .banner.top .bloc_container {
    line-height: auto-0px;
  }
}
@media (width < 567px) {
  .page.produit .banner.top .bloc_container {
    line-height: 1;
  }
}

.page.produit .banner.top {
  padding: 20px 0 0 0;
  background: #fff;
}
.page.produit .banner.top .fil-ariane {
  margin-bottom: 12px;
  font-size: 12px;
}
.page.produit .banner.top .fil-ariane * {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}
.page.produit .banner.top .fil-ariane a:hover {
  -webkit-text-stroke: #000;
  text-decoration: underline;
}
.page.produit .banner.top .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 5px;
  font-size: 40px;
}
@media (width < 1226px) {
  .page.produit .banner.top .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.produit .banner.top .titre {
    font-size: 25px;
  }
}
.page.produit .banner.top .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
@media (width < 820px) {
  .page.produit .banner.top .trait {
    height: 6px;
    width: 50px;
  }
}
.page.produit .banner.top .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #000;
}

.page.produit .banner.produit {
  padding: 0;
  background: #fff;
}
@media (width < 1226px) {
  .page.produit .banner.produit .banner_content:not(.energie) {
    padding: 0;
  }
}
.page.produit .banner.produit .top-container {
  width: 100%;
  position: relative;
}
.page.produit .banner.produit .top-container .texts_container {
  padding: 80px 40px 105px;
}
@media (width < 567px) {
  .page.produit .banner.produit .top-container .texts_container {
    padding: 25px 0px 25px 10px;
  }
}
.page.produit .banner.produit .top-container .texts_container .icon-container {
  float: left;
  height: 100px;
  width: 100px;
  border: 3px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  margin-bottom: 15px;
  margin-right: 30px;
}
.page.produit .banner.produit .top-container .texts_container .icon-container .icon {
  transform: scale(0.9);
  animation: fade 0.5s;
}
@media (width < 567px) {
  .page.produit .banner.produit .top-container .texts_container .icon-container {
    margin-right: 15px;
    height: 50px;
    width: 50px;
    border-width: 1px;
  }
}
.page.produit .banner.produit .top-container .texts_container .titre-container {
  padding-top: 25px;
  width: 50%;
}
@media (width < 567px) {
  .page.produit .banner.produit .top-container .texts_container .titre-container {
    padding-top: 5px;
  }
}
.page.produit .banner.produit .top-container .texts_container .titre {
  color: #fff;
  font-weight: 300;
  font-size: 45px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media (width < 567px) {
  .page.produit .banner.produit .top-container .texts_container .titre {
    font-size: 18px;
  }
}
.page.produit .banner.produit .top-container .image_container {
  width: 50%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
@media (width < 1025px) {
  .page.produit .banner.produit .top-container .image_container .image {
    background-position: 0%;
  }
}
.page.produit .banner.produit .video_container {
  margin-top: 15px;
  width: 100%;
  position: relative;
  overflow: hidden;
  animation: fade 1s ease 0.3s both;
}
.page.produit .banner.produit .video_container video {
  display: none;
  position: relative;
  width: auto;
}
.page.produit .banner.produit .video_container video.visible {
  display: inline-block;
  animation: fade 1s ease 0.3s both;
}

.page.produit .banner.offres {
  padding: 50px 0;
  background-color: #fff;
}
@media (width < 567px) {
  .page.produit .banner.offres {
    padding: 25px 0;
  }
}
.page.produit .banner.offres .content > ul > li {
  width: 50%;
  float: left;
  display: inline-block;
  padding: 0 30px 50px 0;
}
.page.produit .banner.offres .content > ul > li:nth-child(3) {
  clear: both;
}
@media (width < 567px) {
  .page.produit .banner.offres .content > ul > li {
    width: 100%;
    height: 100%;
    padding: 0 20px 20px 0;
  }
}
.page.produit .banner.offres .content > ul > li:nth-child(1) {
  animation-delay: 0s;
}
.page.produit .banner.offres .content > ul > li:nth-child(1) .titre {
  animation-delay: 0.3s;
}
.page.produit .banner.offres .content > ul > li:nth-child(1) .texte {
  animation-delay: 0.4s;
}
.page.produit .banner.offres .content > ul > li:nth-child(2) {
  animation-delay: 0.1s;
}
.page.produit .banner.offres .content > ul > li:nth-child(2) .titre {
  animation-delay: 0.4s;
}
.page.produit .banner.offres .content > ul > li:nth-child(2) .texte {
  animation-delay: 0.5s;
}
.page.produit .banner.offres .content > ul > li:nth-child(3) {
  animation-delay: 0.2s;
}
.page.produit .banner.offres .content > ul > li:nth-child(3) .titre {
  animation-delay: 0.5s;
}
.page.produit .banner.offres .content > ul > li:nth-child(3) .texte {
  animation-delay: 0.6s;
}
.page.produit .banner.offres .content > ul > li:nth-child(4) {
  animation-delay: 0.3s;
}
.page.produit .banner.offres .content > ul > li:nth-child(4) .titre {
  animation-delay: 0.6s;
}
.page.produit .banner.offres .content > ul > li:nth-child(4) .texte {
  animation-delay: 0.7s;
}
.page.produit .banner.offres .content > ul > li:nth-child(5) {
  animation-delay: 0.4s;
}
.page.produit .banner.offres .content > ul > li:nth-child(5) .titre {
  animation-delay: 0.7s;
}
.page.produit .banner.offres .content > ul > li:nth-child(5) .texte {
  animation-delay: 0.8s;
}
.page.produit .banner.offres .content > ul > li:nth-child(6) {
  animation-delay: 0.5s;
}
.page.produit .banner.offres .content > ul > li:nth-child(6) .titre {
  animation-delay: 0.8s;
}
.page.produit .banner.offres .content > ul > li:nth-child(6) .texte {
  animation-delay: 0.9s;
}
.page.produit .banner.offres .content > ul > li:nth-child(7) {
  animation-delay: 0.6s;
}
.page.produit .banner.offres .content > ul > li:nth-child(7) .titre {
  animation-delay: 0.9s;
}
.page.produit .banner.offres .content > ul > li:nth-child(7) .texte {
  animation-delay: 1s;
}
.page.produit .banner.offres .content > ul > li:nth-child(8) {
  animation-delay: 0.7s;
}
.page.produit .banner.offres .content > ul > li:nth-child(8) .titre {
  animation-delay: 1s;
}
.page.produit .banner.offres .content > ul > li:nth-child(8) .texte {
  animation-delay: 1.1s;
}
.page.produit .banner.offres .content > ul > li:nth-child(9) {
  animation-delay: 0.8s;
}
.page.produit .banner.offres .content > ul > li:nth-child(9) .titre {
  animation-delay: 1.1s;
}
.page.produit .banner.offres .content > ul > li:nth-child(9) .texte {
  animation-delay: 1.2s;
}
.page.produit .banner.offres .content > ul > li:nth-child(10) {
  animation-delay: 0.9s;
}
.page.produit .banner.offres .content > ul > li:nth-child(10) .titre {
  animation-delay: 1.2s;
}
.page.produit .banner.offres .content > ul > li:nth-child(10) .texte {
  animation-delay: 1.3s;
}
.page.produit .banner.offres .content > ul > li .texts_container .offre {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.7px;
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 20px;
  line-height: 1.3;
}
@media (width < 567px) {
  .page.produit .banner.offres .content > ul > li .texts_container .offre {
    font-size: 13px;
  }
}
.page.produit .banner.offres .content > ul > li .texts_container .titre {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 4px;
}
@media (width < 567px) {
  .page.produit .banner.offres .content > ul > li .texts_container .titre {
    display: none;
  }
}
@media (width < 567px) {
  .page.produit .banner.offres .content > ul > li .texts_container .format p, .page.produit .banner.offres .content > ul > li .texts_container form.quform-form .quform-element .quform-element-html .quform-spacer p, form.quform-form .quform-element .quform-element-html .page.produit .banner.offres .content > ul > li .texts_container .quform-spacer p, .page.produit .banner.offres .content > ul > li .texts_container footer .commentaire_bandeau_image p, footer .page.produit .banner.offres .content > ul > li .texts_container .commentaire_bandeau_image p, .page.produit .banner.offres .content > ul > li .texts_container form.post-password-form p {
    font-size: 13px;
    margin: 0;
  }
}

.page.produit .banner.choix {
  padding: 30px 0 20px;
  background: #f1edea;
}
.page.produit .banner.choix ul.bloc-services {
  display: flex;
  justify-content: space-evenly;
}
@media (width < 567px) {
  .page.produit .banner.choix ul.bloc-services {
    flex-direction: column;
  }
}
.page.produit .banner.choix ul.bloc-services .margin-right {
  margin-right: 30px;
}
@media (width < 567px) {
  .page.produit .banner.choix ul.bloc-services .margin-right {
    margin-right: auto;
  }
}
.page.produit .banner.choix ul.bloc-services li {
  width: 25%;
}
@media (width < 567px) {
  .page.produit .banner.choix ul.bloc-services li {
    width: 80%;
    margin: 0 auto;
  }
}
.page.produit .banner.choix ul.bloc-services li:nth-child(1) .icon-container {
  animation-delay: 0s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(1) button p {
  animation-delay: 0.3s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(2) .icon-container {
  animation-delay: 0.1s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(2) button p {
  animation-delay: 0.4s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(3) .icon-container {
  animation-delay: 0.2s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(3) button p {
  animation-delay: 0.5s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(4) .icon-container {
  animation-delay: 0.3s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(4) button p {
  animation-delay: 0.6s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(5) .icon-container {
  animation-delay: 0.4s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(5) button p {
  animation-delay: 0.7s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(6) .icon-container {
  animation-delay: 0.5s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(6) button p {
  animation-delay: 0.8s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(7) .icon-container {
  animation-delay: 0.6s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(7) button p {
  animation-delay: 0.9s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(8) .icon-container {
  animation-delay: 0.7s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(8) button p {
  animation-delay: 1s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(9) .icon-container {
  animation-delay: 0.8s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(9) button p {
  animation-delay: 1.1s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(10) .icon-container {
  animation-delay: 0.9s;
}
.page.produit .banner.choix ul.bloc-services li:nth-child(10) button p {
  animation-delay: 1.2s;
}
.page.produit .banner.choix ul.bloc-services li .icon-container {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #fff;
  margin-bottom: 20px;
}
@media (width < 567px) {
  .page.produit .banner.choix ul.bloc-services li .icon-container {
    display: none;
  }
}
.page.produit .banner.choix ul.bloc-services li .icon-container .icon {
  transform: scale(1.1);
}
.page.produit .banner.choix ul.bloc-services li button {
  width: 100%;
  height: 50px;
  position: relative;
}
.page.produit .banner.choix ul.bloc-services li button p {
  display: inline-block;
  width: 100%;
  padding: 9px 0;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #e30613;
  transition: border 0.5s;
  letter-spacing: 0px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
}
@media (width < 1025px) {
  .page.produit .banner.choix ul.bloc-services li button p {
    font-size: 14px;
  }
}
@media (width < 567px) {
  .page.produit .banner.choix ul.bloc-services li button p {
    font-size: 12px;
    padding: 5px 0;
  }
}
.page.produit .banner.choix ul.bloc-services li button .icon-triangle-container {
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: -73px;
  z-index: 100;
  left: calc(50% - 15px);
  transition: opacity 0s, transform 0.3s;
  transform: rotate(90deg) translate3d(-5px, 0px, 0);
  opacity: 0;
}
.page.produit .banner.choix ul.bloc-services li button .icon-triangle-container * {
  fill: #e30613;
}
.page.produit .banner.choix ul.bloc-services li button .icon-triangle-container .icon {
  width: 100%;
  height: 100%;
}
.page.produit .banner.choix ul.bloc-services li button:hover .icon-triangle-container, .page.produit .banner.choix ul.bloc-services li button:focus .icon-triangle-container {
  opacity: 1;
  display: inline-block;
  transition: opacity 0s, transform 0.3s;
  transform: rotate(90deg) translate3d(0, 0px, 0);
}
.page.produit .banner.choix ul.bloc-services li button:hover p, .page.produit .banner.choix ul.bloc-services li button:focus p {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}

.page.produit .banner:not(.call-to-action):not(.top):not(.produit) {
  padding: 45px 0;
}
.page.produit .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 45px;
}
@media (width < 1025px) {
  .page.produit .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media (width < 567px) {
  .page.produit .banner:not(.call-to-action):not(.top):not(.produit) .content .titre-service h3 {
    text-align: left;
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.page.produit .banner:not(.call-to-action):not(.top):not(.produit) .content .titre {
  text-transform: uppercase;
}

.page.produit .banner.avantages {
  background-color: #fff;
  padding-top: 55px;
}
.page.produit .banner.avantages .texts_container {
  width: 47%;
  float: left;
}
@media (width < 820px) {
  .page.produit .banner.avantages .texts_container {
    width: 100%;
  }
}
.page.produit .banner.avantages .texts_container .titre {
  font-weight: 700;
  font-size: 20px;
}
@media (width < 567px) {
  .page.produit .banner.avantages .texts_container .titre {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
  }
}
.page.produit .banner.avantages .content > .texts_container > ul > li {
  margin-bottom: 40px;
}
.page.produit .banner.avantages .content > .texts_container > ul > li .titre {
  margin-bottom: 5px;
}
@media (width < 567px) {
  .page.produit .banner.avantages .content > .texts_container > ul > li {
    margin-bottom: 20px;
  }
  .page.produit .banner.avantages .content > .texts_container > ul > li .texte {
    font-size: 12px;
  }
}
.page.produit .banner.avantages .image_container {
  width: 70%;
  width: 53%;
  float: right;
  display: inline-block;
  height: 440px;
}
@media (width < 820px) {
  .page.produit .banner.avantages .image_container {
    position: relative;
    width: 100%;
    height: 300px;
  }
}
@media (width < 567px) {
  .page.produit .banner.avantages .image_container {
    height: 150px;
  }
}
.page.produit .banner.avantages .image_container .image {
  left: 50px;
  width: 130%;
  background-position: 0% 50%;
}
@media (width < 1367px) {
  .page.produit .banner.avantages .image_container .image {
    width: 121%;
  }
}
@media (width < 1025px) {
  .page.produit .banner.avantages .image_container .image {
    width: 116%;
  }
}
@media (width < 820px) {
  .page.produit .banner.avantages .image_container .image {
    width: 100%;
    /* width: 100%;
    height: auto; */
    position: static;
    margin-top: 20px;
    background-position: 50% 50%;
    margin-bottom: 20px;
  }
}

.page.produit .banner.dossier {
  background-color: #fff;
  padding-top: 20px !important;
  padding-bottom: 20px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .banner_content {
    padding: 0;
  }
}
@media (width < 567px) {
  .page.produit .banner.dossier .titre-service {
    margin-left: 20px;
  }
}
.page.produit .banner.dossier .titre {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  width: 65%;
  padding: 17px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .titre {
    font-size: 13px;
    width: 100%;
  }
}
.page.produit .banner.dossier .texts_container {
  background-color: #ccdadf;
  padding: 35px 25px 20px;
  margin-bottom: 45px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .texts_container {
    padding-top: 20px;
  }
}
.page.produit .banner.dossier .texts_container .texte {
  padding-bottom: 30px;
}
.page.produit .banner.dossier .en-ligne {
  margin-bottom: 45px;
}
.page.produit .banner.dossier .en-ligne .texts_container {
  margin-bottom: 0px;
}
.page.produit .banner.dossier .en-ligne .texts_container .texte {
  font-weight: 700;
  padding-right: 140px;
  line-height: 1.4;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .texts_container .texte {
    font-weight: 600;
    font-size: 12px;
    text-align: justify;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.page.produit .banner.dossier .en-ligne .texts_container .links {
  display: flex;
  justify-content: flex-end;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .texts_container .links {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}
.page.produit .banner.dossier .en-ligne .texts_container .links a {
  text-align: center;
  width: 25%;
  min-width: 310px;
  height: 100%;
  padding: 10px;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #fff;
  transition: border 0.5s;
  letter-spacing: 0.5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
}
.page.produit .banner.dossier .en-ligne .texts_container .links a:hover {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .texts_container .links a {
    width: 100%;
    min-width: 100%;
    font-size: 11px;
    margin: 10px 0 0 0;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers {
  background-color: #ccdadf;
  padding: 25px 0;
  margin-top: 5px;
  margin-bottom: 50px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers {
    width: 100%;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers .titre {
  width: 100%;
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers .titre {
    font-size: 13px;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers .texte {
  padding-left: 30px;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers .texte > p {
  font-size: 14px;
  display: inline-block;
  line-height: 1.5;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers .texte > p {
    font-size: 12px;
    font-weight: 500;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul {
  padding: 15px 0px;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(1) {
  animation-delay: 0s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(2) {
  animation-delay: 0.05s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(3) {
  animation-delay: 0.1s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(4) {
  animation-delay: 0.15s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(5) {
  animation-delay: 0.2s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(6) {
  animation-delay: 0.25s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(7) {
  animation-delay: 0.3s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(8) {
  animation-delay: 0.35s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(9) {
  animation-delay: 0.4s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li:nth-child(10) {
  animation-delay: 0.45s;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a {
  padding: 12px 30px 10px;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .icon-container {
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .icon-container {
    width: 18px;
    height: 18px;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .icon-container .icon {
  width: 100%;
  height: 100%;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .texts-container {
  padding-left: 30px;
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .texts-container .nom-fichier {
  font-size: 18px;
  font-weight: 700;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .texts-container .nom-fichier {
    font-size: 16px;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .texts-container p {
  font-size: 14px;
  line-height: 1.5;
}
@media (width < 567px) {
  .page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a .texts-container p {
    font-size: 12px;
    font-weight: 500;
  }
}
.page.produit .banner.dossier .en-ligne .bloc2_fichiers ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.page.produit .banner.dossier .avancement .texte {
  font-weight: 700;
  padding-right: 140px;
  line-height: 1.4;
}
@media (width < 567px) {
  .page.produit .banner.dossier .avancement .texte {
    font-weight: 600;
    font-size: 12px;
    text-align: justify;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.page.produit .banner.dossier .avancement .texts_container {
  padding: 30px 25px 25px;
}
.page.produit .banner.dossier .avancement .links {
  display: flex;
  justify-content: flex-end;
}
@media (width < 567px) {
  .page.produit .banner.dossier .avancement .links {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}
.page.produit .banner.dossier .avancement .links a {
  text-align: center;
  width: 25%;
  min-width: 310px;
  height: 100%;
  padding: 10px;
  user-select: none;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  border: 1px solid #fff;
  transition: border 0.5s;
  letter-spacing: 0.5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
  margin-left: 70px;
}
.page.produit .banner.dossier .avancement .links a:hover {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}
@media (width < 567px) {
  .page.produit .banner.dossier .avancement .links a {
    min-width: 100%;
    width: 100%;
    font-size: 11px;
    margin: 10px 0 0 0;
  }
}
.page.produit .banner.dossier .courrier {
  width: 100%;
  display: inline-block;
  margin-bottom: 30px;
}
.page.produit .banner.dossier .col {
  width: 49%;
  background-color: #ccdadf;
  padding: 25px 0;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col {
    width: 100%;
  }
}
.page.produit .banner.dossier .col .titre {
  width: 100%;
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 10px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col .titre {
    font-size: 13px;
  }
}
.page.produit .banner.dossier .col-left {
  padding: 25px 0 10px;
}
.page.produit .banner.dossier .col-left.full-width {
  width: 100%;
}
.page.produit .banner.dossier .col-left .texte {
  padding: 5px 50px 5px 20px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col-left .texte {
    text-align: justify;
    padding-right: 20px;
    padding-bottom: 10px;
  }
}
.page.produit .banner.dossier .col-left .texte ol {
  margin-top: 30px;
}
.page.produit .banner.dossier .col-right.fichiers > p {
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  padding-left: 30px;
}
.page.produit .banner.dossier .col-right.fichiers ul {
  padding: 15px 0px;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(1) {
  animation-delay: 0s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(2) {
  animation-delay: 0.05s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(3) {
  animation-delay: 0.1s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(4) {
  animation-delay: 0.15s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(5) {
  animation-delay: 0.2s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(6) {
  animation-delay: 0.25s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(7) {
  animation-delay: 0.3s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(8) {
  animation-delay: 0.35s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(9) {
  animation-delay: 0.4s;
}
.page.produit .banner.dossier .col-right.fichiers ul li:nth-child(10) {
  animation-delay: 0.45s;
}
.page.produit .banner.dossier .col-right.fichiers ul li a {
  padding: 12px 30px 10px;
}
.page.produit .banner.dossier .col-right.fichiers ul li a .icon-container {
  position: absolute;
  top: 0px;
  left: 0;
  width: 20px;
  height: 20px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col-right.fichiers ul li a .icon-container {
    width: 18px;
    height: 18px;
  }
}
.page.produit .banner.dossier .col-right.fichiers ul li a .icon-container .icon {
  width: 100%;
  height: 100%;
}
.page.produit .banner.dossier .col-right.fichiers ul li a .texts-container {
  padding-left: 30px;
}
.page.produit .banner.dossier .col-right.fichiers ul li a .texts-container .nom-fichier {
  font-size: 18px;
  font-weight: 700;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col-right.fichiers ul li a .texts-container .nom-fichier {
    font-size: 16px;
  }
}
.page.produit .banner.dossier .col-right.fichiers ul li a .texts-container p {
  font-size: 14px;
}
@media (width < 567px) {
  .page.produit .banner.dossier .col-right.fichiers ul li a .texts-container p {
    font-size: 12px;
    font-weight: 500;
  }
}
.page.produit .banner.dossier .col-right.fichiers ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.page.produit .banner.faq {
  background-color: #fff;
  padding-top: 20px !important;
  padding-bottom: 100px !important;
}
.page.produit .banner.faq .titre-service h3 {
  margin-bottom: 25px !important;
}
.page.produit .banner.faq ul li {
  position: relative;
}
.page.produit .banner.faq ul li:nth-child(1) {
  animation-delay: 0s;
}
.page.produit .banner.faq ul li:nth-child(2) {
  animation-delay: 0.05s;
}
.page.produit .banner.faq ul li:nth-child(3) {
  animation-delay: 0.1s;
}
.page.produit .banner.faq ul li:nth-child(4) {
  animation-delay: 0.15s;
}
.page.produit .banner.faq ul li:nth-child(5) {
  animation-delay: 0.2s;
}
.page.produit .banner.faq ul li:nth-child(6) {
  animation-delay: 0.25s;
}
.page.produit .banner.faq ul li:nth-child(7) {
  animation-delay: 0.3s;
}
.page.produit .banner.faq ul li:nth-child(8) {
  animation-delay: 0.35s;
}
.page.produit .banner.faq ul li:nth-child(9) {
  animation-delay: 0.4s;
}
.page.produit .banner.faq ul li:nth-child(10) {
  animation-delay: 0.45s;
}
.page.produit .banner.faq ul li .titre-container .icon-container {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 9px;
  left: 0;
  transition: transform 0.3s;
}
.page.produit .banner.faq ul li .titre-container .icon-container * {
  fill: #e30613;
}
@media (width < 567px) {
  .page.produit .banner.faq ul li .titre-container .icon-container {
    width: 20px;
    height: 20px;
  }
}
.page.produit .banner.faq ul li .titre-container .icon-container .icon {
  width: 100%;
  height: 100%;
}
.page.produit .banner.faq ul li .titre-container .titre {
  cursor: pointer;
  padding: 10px 40px;
  text-transform: none;
  font-size: 20px;
  font-weight: 700;
  user-select: none;
  text-transform: none !important;
}
@media (width < 567px) {
  .page.produit .banner.faq ul li .titre-container .titre {
    padding-right: 4%;
    font-size: 16px;
    padding-left: 29px;
  }
}
.page.produit .banner.faq ul li .titre-container:hover .titre {
  color: #e30613;
}
.page.produit .banner.faq ul li .contenu-container {
  padding-left: 40px;
  display: none;
  margin: 0px 0 15px 0;
  font-weight: 500;
}
@media (width < 567px) {
  .page.produit .banner.faq ul li .contenu-container {
    font-size: 13px;
    padding-left: 29px;
  }
}
.page.produit .banner.faq ul li .contenu-container .texte {
  opacity: 0;
  line-height: 1.35;
  animation: fadeOut 0.5s;
}
.page.produit .banner.faq ul li .contenu-container .texte p {
  margin-bottom: 0;
}
.page.produit .banner.faq ul li.opened .icon-container {
  transform: rotate(90deg);
}
.page.produit .banner.faq ul li.opened .titre {
  color: #e30613;
  transition: color 0.3s;
}
.page.produit .banner.faq ul li.opened .contenu-container .texte {
  animation: fade 1s;
}

.page.produit .banner.temoignages {
  background-color: #fff;
  padding-bottom: 120px !important;
}
.page.produit .banner.temoignages ul > li .libelle {
  width: 25%;
  float: left;
}
@media (width < 820px) {
  .page.produit .banner.temoignages ul > li .libelle {
    width: 30%;
  }
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .libelle {
    width: 100%;
  }
}
.page.produit .banner.temoignages ul > li .libelle .image_container {
  width: 100%;
  height: 280px;
  margin-bottom: 10px;
  position: relative;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .libelle .image_container {
    /* width: 100%;
    height: 150px;
    margin: 10px auto; */
    display: none;
  }
}
.page.produit .banner.temoignages ul > li .libelle .image_container .image {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
.page.produit .banner.temoignages ul > li .libelle .texts_container {
  padding: 20px 25px;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .libelle .texts_container {
    margin-bottom: 20px;
  }
}
.page.produit .banner.temoignages ul > li .libelle .texts_container p {
  color: #fff;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .libelle .texts_container p {
    font-size: 14px;
  }
}
.page.produit .banner.temoignages ul > li .libelle .texts_container .nom {
  font-weight: 700;
}
.page.produit .banner.temoignages ul > li .besoin-solution {
  width: 75%;
  float: left;
  padding-left: 30px;
}
@media (width < 820px) {
  .page.produit .banner.temoignages ul > li .besoin-solution {
    width: 70%;
  }
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .besoin-solution {
    width: 100%;
    padding-left: 0;
  }
}
.page.produit .banner.temoignages ul > li .besoin-solution .besoin {
  margin-bottom: 40px;
}
.page.produit .banner.temoignages ul > li .besoin-solution .solution {
  animation-delay: 0.2s;
}
.page.produit .banner.temoignages ul > li .besoin-solution .titre-container {
  position: relative;
}
.page.produit .banner.temoignages ul > li .besoin-solution .titre-container .icon-container {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}
.page.produit .banner.temoignages ul > li .besoin-solution .titre-container .icon-container * {
  fill: #a28f71;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .besoin-solution .titre-container .icon-container {
    width: 16px;
    height: 16px;
    left: 2px;
  }
}
.page.produit .banner.temoignages ul > li .besoin-solution .titre-container .icon-container .icon {
  width: 100%;
  height: 100%;
}
.page.produit .banner.temoignages ul > li .besoin-solution .titre-container .titre {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 5px 40px;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .besoin-solution .titre-container .titre {
    font-size: 16px;
    padding-left: 25px;
  }
}
.page.produit .banner.temoignages ul > li .besoin-solution .contenu-container {
  padding-left: 40px;
}
@media (width < 567px) {
  .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container {
    padding: 0 25px;
    text-align: justify !important;
  }
}
.page.produit .banner.temoignages ul > li .besoin-solution .contenu-container .format p, .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container form.quform-form .quform-element .quform-element-html .quform-spacer p, form.quform-form .quform-element .quform-element-html .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container .quform-spacer p, .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container footer .commentaire_bandeau_image p, footer .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container .commentaire_bandeau_image p, .page.produit .banner.temoignages ul > li .besoin-solution .contenu-container form.post-password-form p {
  line-height: 1.5;
  margin-bottom: 0;
}

.single.carrieres .banner.top {
  transition: height 1s;
}

.single.carrieres .banner.top .bloc_container {
  transition: line-height 1s;
}

.single.carrieres .banner.top {
  position: relative;
  height: auto;
  padding: 50px 0 0px;
}
.single.carrieres .banner.top .banner_content .bloc, .single.carrieres .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .single.carrieres .banner.top .banner_content .icon, .single.carrieres .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .single.carrieres .banner.top .banner_content .icon, .single.carrieres .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .single.carrieres .banner.top .banner_content p, .single.carrieres .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .single.carrieres .banner.top .banner_content button, .single.carrieres .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .single.carrieres .banner.top .banner_content p {
  float: left;
  width: 80%;
}
@media (width < 1226px) {
  .single.carrieres .banner.top .banner_content .bloc, .single.carrieres .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .single.carrieres .banner.top .banner_content .icon, .single.carrieres .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .single.carrieres .banner.top .banner_content .icon, .single.carrieres .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .single.carrieres .banner.top .banner_content p, .single.carrieres .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .single.carrieres .banner.top .banner_content button, .single.carrieres .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .single.carrieres .banner.top .banner_content p {
    padding: 25px 0 0 0;
  }
}
.single.carrieres .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 10px;
  font-size: 40px;
}
@media (width < 1226px) {
  .single.carrieres .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .single.carrieres .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.single.carrieres .banner.top .banner_content .trait {
  width: 100px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .single.carrieres .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.single.carrieres .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.single.carrieres .banner.top .banner_content .en-savoir-plus {
  float: right;
  margin-top: 8px;
  display: inline-block;
}
@media (width < 820px) {
  .single.carrieres .banner.top .banner_content .en-savoir-plus {
    display: none;
  }
}
.single.carrieres .banner.top .banner_content .en-savoir-plus p {
  user-select: none;
  animation-duration: 0.8s;
  border: 1px solid #e30613;
  transition: border 0.5s;
  letter-spacing: 0px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  background: #e30613;
  padding: 12px 15px;
}
@media (width < 1226px) {
  .single.carrieres .banner.top .banner_content .en-savoir-plus {
    margin: 25px 0 0 0;
  }
}
@media (width < 820px) {
  .single.carrieres .banner.top .banner_content .en-savoir-plus {
    float: none;
  }
}
@media (width < 567px) {
  .single.carrieres .banner.top .banner_content .en-savoir-plus {
    height: 38px;
    font-size: 11px;
    margin: 0 auto 20px;
  }
}
.single.carrieres .banner.top .banner_content .en-savoir-plus:hover p {
  border: 1px solid rgba(227, 6, 19, 0.8) !important;
  background: #fff !important;
  color: #e30613;
}

.single.carrieres .banner.description {
  padding: 0;
}
.single.carrieres .banner.description .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 15px;
  animation-delay: 0.3s;
}
@media (width < 567px) {
  .single.carrieres .banner.description .section_title {
    font-size: 28px;
  }
}
.single.carrieres .banner.description .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .single.carrieres .banner.description .trait {
    height: 6px;
    width: 50px;
  }
}
.single.carrieres .banner.description .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}
.single.carrieres .banner.description .post-titre {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 25px;
}
.single.carrieres .banner.description .post-description {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 25px;
}
.single.carrieres .banner.description .vos-missions {
  margin-bottom: 20px;
  font-size: 16px;
}
.single.carrieres .banner.description .content > ul {
  width: 90%;
}
.single.carrieres .banner.description .content > ul > li {
  display: inline-block;
  width: 100%;
  padding-left: 35px;
  margin-bottom: 5px;
  position: relative;
}
.single.carrieres .banner.description .content > ul > li .icon-container {
  position: absolute;
  top: 15px;
  left: 0;
  width: 21px;
  height: 21px;
}
.single.carrieres .banner.description .content > ul > li .icon-container * {
  fill: #a28f71;
}
.single.carrieres .banner.description .content > ul > li .icon-container .icon {
  width: 100%;
  height: 100%;
}
.single.carrieres .banner.description .content > ul > li .titre {
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 5px;
}
.single.carrieres .banner.description .content > ul > li:nth-child(1) {
  animation-delay: 0.25s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(1) a {
  animation-delay: 0.35s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(2) {
  animation-delay: 0.3s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(2) a {
  animation-delay: 0.4s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(3) {
  animation-delay: 0.35s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(3) a {
  animation-delay: 0.45s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(4) {
  animation-delay: 0.4s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(4) a {
  animation-delay: 0.5s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(5) {
  animation-delay: 0.45s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(5) a {
  animation-delay: 0.55s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(6) {
  animation-delay: 0.5s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(6) a {
  animation-delay: 0.6s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(7) {
  animation-delay: 0.55s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(7) a {
  animation-delay: 0.65s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(8) {
  animation-delay: 0.6s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(8) a {
  animation-delay: 0.7s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(9) {
  animation-delay: 0.65s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(9) a {
  animation-delay: 0.75s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(10) {
  animation-delay: 0.7s;
}
.single.carrieres .banner.description .content > ul > li:nth-child(10) a {
  animation-delay: 0.8s;
}
.single.carrieres .banner.description .content > ul > li ul li {
  margin-bottom: 0;
  line-height: 1.3;
  padding-left: 12px;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(1) {
  animation-delay: 0.25s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(2) {
  animation-delay: 0.3s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(3) {
  animation-delay: 0.35s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(4) {
  animation-delay: 0.4s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(5) {
  animation-delay: 0.45s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(6) {
  animation-delay: 0.5s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(7) {
  animation-delay: 0.55s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(8) {
  animation-delay: 0.6s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(9) {
  animation-delay: 0.65s;
}
.single.carrieres .banner.description .content > ul > li ul li:nth-child(10) {
  animation-delay: 0.7s;
}

.single.carrieres .banner.postuler {
  padding: 50px 0 90px;
}
.single.carrieres .banner.postuler .section_title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 15px;
  animation-delay: 0.3s;
}
@media (width < 567px) {
  .single.carrieres .banner.postuler .section_title {
    font-size: 28px;
  }
}
.single.carrieres .banner.postuler .trait {
  width: 100px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}
@media (width < 820px) {
  .single.carrieres .banner.postuler .trait {
    height: 6px;
    width: 50px;
  }
}
.single.carrieres .banner.postuler .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}

.page.telechargements .banner.top {
  position: relative;
  overflow: hidden;
  height: auto;
  padding: 20px 0 0px;
}
@media (width < 1226px) {
  .page.telechargements .banner.top .banner_content .bloc, .page.telechargements .banner.top .banner_content #header .buttons_menu_container .search_container .icon, #header .buttons_menu_container .search_container .page.telechargements .banner.top .banner_content .icon, .page.telechargements .banner.top .banner_content #header .search_container.small .icon, #header .search_container.small .page.telechargements .banner.top .banner_content .icon, .page.telechargements .banner.top .banner_content .contact-form form button[type=submit] p, .contact-form form button[type=submit] .page.telechargements .banner.top .banner_content p, .page.telechargements .banner.top .banner_content .banner.gdpr .content .button-container button, .banner.gdpr .content .button-container .page.telechargements .banner.top .banner_content button, .page.telechargements .banner.top .banner_content .page.groupe-edc .banner.schema .schema-container .container .text_container p, .page.groupe-edc .banner.schema .schema-container .container .text_container .page.telechargements .banner.top .banner_content p {
    padding: 25px 0 0 0;
  }
}
.page.telechargements .banner.top .banner_content .titre {
  animation: fade 2s;
  font-weight: 900;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  line-height: 1.35;
  position: relative;
  z-index: 4;
  margin-bottom: 0px;
  font-size: 40px;
  margin-top: 35px;
  display: inline-block;
  width: 100%;
}
@media (width < 1226px) {
  .page.telechargements .banner.top .banner_content .titre {
    font-size: 35px;
  }
}
@media (width < 567px) {
  .page.telechargements .banner.top .banner_content .titre {
    font-size: 25px;
  }
}
.page.telechargements .banner.top .banner_content .trait {
  width: 104px;
  height: 8px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
@media (width < 820px) {
  .page.telechargements .banner.top .banner_content .trait {
    height: 6px;
    width: 50px;
  }
}
.page.telechargements .banner.top .banner_content .trait span {
  animation-delay: 0.2s;
  display: inline-block;
  background: #e30613;
}

.page.telechargements .banner.telechargements {
  padding: 30px 0 80px;
}
@media (width < 567px) {
  .page.telechargements .banner.telechargements {
    padding: 15px 0 60px;
  }
}
.page.telechargements .banner.telechargements .col_left {
  width: 20%;
  position: relative;
  float: none;
  display: unset;
}
@media (width < 567px) {
  .page.telechargements .banner.telechargements .col_left {
    display: none;
  }
}
.page.telechargements .banner.telechargements .col_left nav {
  position: sticky;
  top: 180px;
  left: 0;
  height: auto;
  display: inline-block;
  max-width: 250px;
}
.page.telechargements .banner.telechargements .col_left nav .nav_title {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  color: #e30613;
  margin-bottom: 10px;
}
.page.telechargements .banner.telechargements .col_left nav > ul > li a {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 12px 0;
  display: inline-block;
  transition: opacity 0.5s;
  opacity: 0.5;
  width: 100%;
  text-transform: uppercase;
  line-height: 1.1;
  color: #e30613;
}
.page.telechargements .banner.telechargements .col_left nav > ul > li a.active {
  opacity: 1;
}
.page.telechargements .banner.telechargements .col_left nav > ul > li a:hover {
  transition: opacity 0s;
  opacity: 1;
  color: #e30613;
}
.page.telechargements .banner.telechargements .col_right {
  width: 70%;
  float: right;
  margin-top: -15px;
  display: inline-block;
}
@media (width < 567px) {
  .page.telechargements .banner.telechargements .col_right {
    width: 100%;
  }
}
.page.telechargements .banner.telechargements .col_right ul.flexible > li.flex-downloads {
  margin-bottom: 40px;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .section_title {
  padding-top: 0 !important;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #e30613;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 35px;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  width: 100%;
}
@media (width < 567px) {
  .page.telechargements .banner.telechargements .col_right ul.flexible .section_title {
    font-size: 24px;
  }
}
.page.telechargements .banner.telechargements .col_right ul.flexible .section_title span {
  background: #fff;
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .section_title::before {
  content: "";
  height: 0.7px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 16px;
  background: #e30613;
}
@media (width < 567px) {
  .page.telechargements .banner.telechargements .col_right ul.flexible .section_title::before {
    top: 15px;
    display: none !important;
  }
}
.page.telechargements .banner.telechargements .col_right ul.flexible .file_name {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .download {
  float: left;
  margin-top: 10px;
  border: 1px solid #e30613;
  transition: border 0.5s;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  letter-spacing: 0px;
  background: #e30613;
  padding: 9px 13px;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .download i {
  margin-right: 5px;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .download:hover, .page.telechargements .banner.telechargements .col_right ul.flexible .download:focus {
  background: #fff;
  color: #e30613;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .description {
  clear: both;
}
.page.telechargements .banner.telechargements .col_right ul.flexible .description p {
  margin-bottom: 0px;
}
/*# sourceMappingURL=application.css.map */