@charset "UTF-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

html, body {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**** SUPPRIME LES ESPACES IMPORTANTS DES LINE HEIGHT ******/
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  outline: none;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: "";
  content: none;
}

small, .small {
  font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after {
  clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
  font-style: italic;
}

/*********************
RESPONSIVE
*********************/
:root {
  --wp--style--global--content-size: 900px;
}

/******** COULEURS PROJET *******/
.main1 {
  background-color: rgb(250, 19, 52);
}

.main1_hover {
  background-color: rgb(35, 35, 35);
}

.main2 {
  background-color: rgb(48, 48, 48);
}

.main2_hover {
  background-color: rgb(235, 86, 113);
}

.block35,
.block35 p {
  line-height: 1.2em;
}

.block35 {
  font-family: "Montserrat";
}
.block35 p {
  margin: 5px auto;
}

/************************************************/
/********************** TITRES ******************/
/************************************************/
.heading1,
.heading2,
.heading3 {
  font-family: "Montserrat";
  font-weight: normal;
  font-style: normal;
}

.heading1,
.editor-styles-wrapper h1,
.heading1 p {
  font-size: 33px;
  line-height: 35px;
  font-weight: 500;
  padding-top: 15px;
  display: block;
  position: relative;
  color: rgb(135, 126, 127);
  z-index: 1;
  margin: 10px auto 20px auto;
  text-transform: uppercase;
  font-family: "Bebas Neue";
  position: relative;
}
.heading1 em,
.editor-styles-wrapper h1 em,
.heading1 p em {
  font-size: 50px;
  color: rgb(250, 19, 52);
  font-style: normal;
  line-height: 50px;
  display: block;
}
.heading1:before,
.editor-styles-wrapper h1:before,
.heading1 p:before {
  content: "";
  display: block;
  width: 39px;
  height: 100%;
  position: absolute;
  background-image: url(../../library/images_projet/h1_bg.png);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateX(calc(-100% - 10px));
}

.light .heading1,
.light .editor-styles-wrapper h1,
.light .heading1 p {
  color: #FFF;
}

.heading2,
.editor-styles-wrapper h2 {
  font-size: 33px;
  line-height: 35px;
  font-weight: 500;
  padding-top: 15px;
  display: block;
  position: relative;
  color: rgb(135, 126, 127);
  z-index: 1;
  margin: 10px auto 20px auto;
  text-transform: uppercase;
  font-family: "Bebas Neue";
}
.heading2 em,
.editor-styles-wrapper h2 em {
  font-size: 50px;
  color: rgb(250, 19, 52);
  font-style: normal;
  line-height: 50px;
  display: block;
}

.light .heading2,
.editor-styles-wrapper .light h2 {
  color: rgb(250, 19, 52);
}
.light .heading2 em,
.editor-styles-wrapper .light h2 em {
  color: #FFF;
}

.red .heading2,
.editor-styles-wrapper .red h2 {
  color: rgb(49, 49, 49);
}
.red .heading2 em,
.editor-styles-wrapper .red h2 em {
  color: #FFF;
}

.heading3,
.editor-styles-wrapper h3 {
  font-size: 25px;
  display: block;
  font-weight: 600;
  padding-top: 0.1em;
  line-height: 1.2em;
  margin: 0.3rem auto 0.2rem auto;
  font-family: "Bebas Neue";
  text-transform: uppercase;
  color: rgb(250, 19, 52);
}

.dark .heading3,
.editor-styles-wrapper .dark h3 {
  color: rgb(48, 48, 48);
}

.light .heading3,
.editor-styles-wrapper .light h3 {
  color: #FFF;
}

.heading4,
.editor-styles-wrapper h4 {
  font-size: 1.7em;
  display: block;
  font-weight: 500;
  padding-top: 0.7em;
  line-height: 1.2em;
  margin: 0.1em auto 0.1em auto;
  color: rgb(48, 48, 48);
}

p {
  font-weight: 400;
}
p a {
  color: inherit;
}

.style_paragraphe_sans_forme strong,
.style_paragraphe strong,
.style_paragraphe_marge strong,
.paragraphe_content strong {
  font-weight: 800;
}
.style_paragraphe_sans_forme p,
.style_paragraphe p,
.style_paragraphe_marge p,
.paragraphe_content p {
  line-height: 1.3em;
  font-size: 15px;
  font-weight: 400;
  padding: 3px 0;
}
.style_paragraphe_sans_forme a,
.style_paragraphe a,
.style_paragraphe_marge a,
.paragraphe_content a {
  transition-duration: 0.2s;
  color: rgb(250, 19, 52);
  text-decoration: none;
  font-weight: 700;
}
.style_paragraphe_sans_forme a:hover,
.style_paragraphe a:hover,
.style_paragraphe_marge a:hover,
.paragraphe_content a:hover {
  text-decoration: underline;
}

.style_paragraphe_marge {
  padding: 30px 65px !important;
}

/************************************************/
/********************** STYLES ******************/
/************************************************/
.style_quote {
  color: rgb(48, 48, 48);
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0.1rem 0;
  position: relative;
}

.style_chapeau p {
  padding: 0.3rem 0;
  line-height: 1.3em;
  font-size: 30px;
  font-weight: 300;
  color: rgb(48, 48, 48);
  font-family: "Montserrat";
}
.style_chapeau em {
  color: rgb(48, 48, 48);
  font-family: "Montserrat";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-size: 30px;
}

.style_mea {
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: 800;
  color: #FFF;
}
.style_mea strong {
  font-weight: 700;
}

.dark .style_mea {
  color: rgb(48, 48, 48);
}

.style_big_mea {
  font-size: 2em;
  line-height: 1.3em;
  font-weight: 300;
  margin-bottom: 20px;
}
.style_big_mea strong {
  font-weight: 800;
}

.style_cta {
  font-size: 1.1rem;
  color: rgb(250, 19, 52);
}
.style_cta strong {
  font-weight: bold;
}
.style_cta p {
  display: inline-block;
  border-top: 2px rgb(250, 19, 52) solid;
  padding-top: 1rem;
  margin-top: 2rem !important;
}

.style_liste_point li {
  font-size: 1.2rem;
  position: relative;
  list-style-type: none !important;
}
.style_liste_point li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgb(48, 48, 48);
  position: absolute;
  left: -15px;
  top: 0.6rem;
}

.style_liste_trait ul {
  border-left: 2px solid rgb(48, 48, 48);
  padding-left: 20px;
}
.style_liste_trait li {
  color: rgb(250, 19, 52);
  margin-bottom: 20px;
  list-style-type: none !important;
}
.style_liste_trait li em {
  font-style: normal;
  font-size: 1.3em;
  font-weight: 700;
  color: rgb(48, 48, 48);
}

.style_petit_paragraphe {
  padding: 100px 10px 10px 10px;
}
.style_petit_paragraphe h3 {
  padding: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: 1.2em;
  font-size: 1.1em;
}
.style_petit_paragraphe p {
  margin: 0 !important;
  padding: 0;
  font-size: 0.9em;
}
.style_petit_paragraphe + .col_link {
  margin-bottom: 100px;
}

.lien_pleine_colonne {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.col_link {
  margin-top: 10px;
}

/******** LISTES A PUCES ******/
.container .colonne li:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgb(83, 83, 83);
  margin-right: 5px;
  vertical-align: middle;
}

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 880px) {
  .titre_bandeau h1.heading1 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 550px) {
  .titre_bandeau h1.heading1 {
    font-size: 2rem;
  }
  h2.heading2 {
    font-size: 1.7rem;
  }
  h3.heading3 {
    font-size: 1.4rem;
  }
  h2.heading2::before {
    display: none;
    font-size: 1.2rem;
  }
  .style_liste_point li::before {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    left: auto;
    top: 0;
  }
  .style_liste_trait ul {
    border-left: none;
    padding: 0;
  }
}
/************************************************/
/********************** PROJET ******************/
/************************************************/
.style_txt_rouge {
  color: rgb(250, 19, 52);
}

/* ================ RESPONSIVE  =================== */
@media screen and (max-width: 880px) {
  h1.heading1 {
    font-size: 1.5em;
    line-height: 1em;
  }
  h2.heading2 {
    font-size: 2.4em;
  }
  h3.heading3 {
    font-size: 1.2rem;
  }
  .style_mea,
  .style_mea p,
  .style_mea_rose,
  .style_mea_rose p {
    font-size: 1em;
  }
  .style_citation_rose,
  .style_citation_rose p {
    font-size: 25px;
  }
  .style_mea_gd {
    font-size: 18px;
  }
  .style_mea_rose_gd {
    font-size: 18px;
  }
  .heading1::before, .editor-styles-wrapper h1::before, .heading1 p::before {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  h1.heading1 {
    text-align: center;
  }
  h2.heading2 {
    font-size: 2em;
    text-align: center;
  }
  .style_paragraphe_sans_forme p, .style_paragraphe p, .style_paragraphe_marge p, .paragraphe_content p {
    font-size: 13px;
    text-align: center;
  }
}
/******************************************************************
Site Name:
Author:

Stylesheet: Admin Stylesheet

If you like living on the edge, you can add some styles here to
customize the dashboard and WordPress admin area. This stylesheet
is empty, but you can just start dropping your styles here to
start customizing. All admin functions are located in lib/admin/

******************************************************************/
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
  margin-top: 1rem !important;
}

h1.editor-post-title {
  text-transform: initial !important;
  margin-top: 0 !important;
  font-size: 2.4rem !important;
  color: #000 !important;
}

#wpwrap #wpcontent #wpbody-content {
  padding-right: 20px;
}

.wp-block {
  max-width: 100%;
}

.interface-complementary-area {
  width: 450px;
}

.interface-interface-skeleton__content {
  width: calc(100vw - 570px);
}

.editor-styles-wrapper p {
  line-height: inherit !important;
}

.interface-interface-skeleton__sidebar {
  flex-grow: 1;
  width: 450px;
}
.interface-interface-skeleton__sidebar .interface-complementary-area__fill,
.interface-interface-skeleton__sidebar .editor-sidebar {
  width: 100% !important;
}
.interface-interface-skeleton__sidebar .acf-field {
  width: 90%;
}

#wpwrap #wpbody-content .block-editor .edit-post-sidebar .acf-fields {
  width: 100% !important;
}

#wpwrap #wpbody-content .block-editor .edit-post-sidebar .acf-fields > .acf-field {
  width: inherit !important;
  margin: 5px auto auto auto !important;
  padding: 10px;
  float: left !important;
  clear: none;
}

.acf-fields > .acf-tab-wrap .acf-tab-group {
  border-bottom: #ccd0d4 solid 1px !important;
  margin-bottom: 0px !important;
}

.block-editor .edit-post-sidebar .acf-fields > .acf-field > .acf-label label {
  font-size: 0.7rem;
}

.block-editor .edit-post-sidebar .acf-fields > .acf-field select {
  font-size: 0.9em;
  width: 100%;
}

#wpwrap #wpbody-content .block-editor .edit-post-sidebar .acf-switch span {
  font-size: 9px;
}

.block-editor .animate,
.block-editor .animateL,
.block-editor .animateR,
.block-editor .animateB,
.block-editor .animateT,
.block-editor .animateC,
.block-editor .animateS,
.block-editor .animateF {
  opacity: 1;
}

.components-search-control input[type=search].components-search-control__input {
  box-sizing: border-box;
}

.kadence-inner-column-inner .wp_block {
  margin: auto;
}

.editor-styles-wrapper .wp-block {
  margin: auto;
}

.editor-styles-wrapper .is-root-container .acf-block-preview a {
  pointer-events: none;
}

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 990px) {
  html.no-js {
    margin-top: 0px !important;
    --wp-admin--admin-bar--height: 0px !important;
    scroll-padding-top: 0 !important;
  }
}
/*********************
GENERAL STYLES
*********************/
html {
  width: 100vw;
}

body {
  overflow-x: hidden !important;
}

html.overflow,
body.overflow {
  overflow: hidden;
}

body.logged-in.admin-bar {
  padding-top: 0px;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container {
  width: 100%;
}

.scontainer {
  margin: auto;
  max-width: 750px;
}

.mcontainer {
  margin: auto;
  max-width: 900px;
}

.lcontainer {
  margin: auto;
  max-width: 1180px;
}

.xlcontainer {
  margin: auto;
  max-width: 1600px;
}

.fwcontainer {
  margin: auto;
  max-width: 94%;
}

.fwnmcontainer {
  margin: auto;
  max-width: 100%;
}

.scontainer,
.mcontainer,
.lcontainer,
.xlcontainer {
  padding-left: 10px;
  padding-right: 10px;
}

.light {
  color: #FFF;
}

.dark {
  color: rgb(49, 49, 49);
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.wrap {
  width: 100%;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.vpad1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vpad2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.vpad3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.vpad4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.vpad5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.vpad6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.vpad7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.vpad8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pad1 {
  padding: 1rem;
}

.pad2 {
  padding: 2rem;
}

.pad3 {
  padding: 3rem;
}

.pad4 {
  padding: 4rem;
}

.pad5 {
  padding: 5rem;
}

.pad6 {
  padding: 6rem;
}

.pad7 {
  padding: 7rem;
}

.pad8 {
  padding: 8rem;
}

.t_pad0 {
  padding-top: 0;
}

.t_pad1 {
  padding-top: 1rem;
}

.t_pad2 {
  padding-top: 2rem;
}

.t_pad3 {
  padding-top: 3rem;
}

.t_pad4 {
  padding-top: 4rem;
}

.t_pad5 {
  padding-top: 5rem;
}

.t_pad6 {
  padding-top: 6rem;
}

.t_pad7 {
  padding-top: 7rem;
}

.t_pad8 {
  padding-top: 8rem;
}

.t_pad9 {
  padding-top: 8rem;
}

.t_pad10 {
  padding-top: 10rem;
}

.t_pad15 {
  padding-top: 15rem;
}

.t_pad20 {
  padding-top: 20rem;
}

.t_pad25 {
  padding-top: 25rem;
}

.t_pad30 {
  padding-top: 30rem;
}

.r_pad0 {
  padding-right: 0;
}

.r_pad1 {
  padding-right: 1rem;
}

.r_pad2 {
  padding-right: 2rem;
}

.r_pad3 {
  padding-right: 3rem;
}

.r_pad4 {
  padding-right: 4rem;
}

.r_pad5 {
  padding-right: 5rem;
}

.r_pad6 {
  padding-right: 6rem;
}

.r_pad7 {
  padding-right: 7rem;
}

.r_pad8 {
  padding-right: 8rem;
}

.b_pad0 {
  padding-bottom: 0;
}

.b_pad1 {
  padding-bottom: 1rem;
}

.b_pad2 {
  padding-bottom: 2rem;
}

.b_pad3 {
  padding-bottom: 3rem;
}

.b_pad4 {
  padding-bottom: 4rem;
}

.b_pad5 {
  padding-bottom: 5rem;
}

.b_pad6 {
  padding-bottom: 6rem;
}

.b_pad7 {
  padding-bottom: 7rem;
}

.b_pad8 {
  padding-bottom: 8rem;
}

.b_pad9 {
  padding-bottom: 9rem;
}

.b_pad10 {
  padding-bottom: 10rem;
}

.b_pad15 {
  padding-bottom: 15rem;
}

.b_pad20 {
  padding-bottom: 20rem;
}

.b_pad25 {
  padding-bottom: 25rem;
}

.b_pad30 {
  padding-bottom: 30rem;
}

.l_pad0 {
  padding-left: 0;
}

.l_pad1 {
  padding-left: 1rem;
}

.l_pad2 {
  padding-left: 2rem;
}

.l_pad3 {
  padding-left: 3rem;
}

.l_pad4 {
  padding-left: 4rem;
}

.l_pad5 {
  padding-left: 5rem;
}

.l_pad6 {
  padding-left: 6rem;
}

.l_pad7 {
  padding-left: 7rem;
}

.l_pad8 {
  padding-left: 8rem;
}

.t_mar0 {
  margin-top: auto;
}

.t_mar1 {
  margin-top: 1rem;
}

.t_mar2 {
  margin-top: 2rem;
}

.t_mar3 {
  margin-top: 3rem;
}

.t_mar4 {
  margin-top: 4rem;
}

.t_mar5 {
  margin-top: 5rem;
}

.t_mar6 {
  margin-top: 6rem;
}

.t_mar7 {
  margin-top: 7rem;
}

.t_mar8 {
  margin-top: 8rem;
}

.r_mar0 {
  margin-right: auto;
}

.r_mar1 {
  margin-right: 1rem;
}

.r_mar2 {
  margin-right: 2rem;
}

.r_mar3 {
  margin-right: 3rem;
}

.r_mar4 {
  margin-right: 4rem;
}

.r_mar5 {
  margin-right: 5rem;
}

.r_mar6 {
  margin-right: 6rem;
}

.r_mar7 {
  margin-right: 7rem;
}

.r_mar8 {
  margin-right: 8rem;
}

.b_mar0 {
  margin-bottom: auto;
}

.b_mar1 {
  margin-bottom: 1rem;
}

.b_mar2 {
  margin-bottom: 2rem;
}

.b_mar3 {
  margin-bottom: 3rem;
}

.b_mar4 {
  margin-bottom: 4rem;
}

.b_mar5 {
  margin-bottom: 5rem;
}

.b_mar6 {
  margin-bottom: 6rem;
}

.b_mar7 {
  margin-bottom: 7rem;
}

.b_mar8 {
  margin-bottom: 8rem;
}

.l_mar0 {
  margin-left: auto;
}

.l_mar1 {
  margin-left: 1rem;
}

.l_mar2 {
  margin-left: 2rem;
}

.l_mar3 {
  margin-left: 3rem;
}

.l_mar4 {
  margin-left: 4rem;
}

.l_mar5 {
  margin-left: 5rem;
}

.l_mar6 {
  margin-left: 6rem;
}

.l_mar7 {
  margin-left: 7rem;
}

.l_mar8 {
  margin-left: 8rem;
}

.bg_centre {
  background-position: center;
}

.bg_hautgauche {
  background-position: top left;
}

.bg_haut {
  background-position: top;
}

.bg_hautdroite {
  background-position: top right;
}

.bg_droite {
  background-position: right;
}

.bg_basdroite {
  background-position: bottom right;
}

.bg_bas {
  background-position: bottom;
}

.bg_basgauche {
  background-position: bottom left;
}

.bg_gauche {
  background-position: left;
}

.bg_auto {
  background-size: auto;
}

.bg_cover {
  background-size: cover;
}

.bg_contain {
  background-size: contain;
}

.repeat {
  background-repeat: repeat !important;
}

.no-repeat {
  background-repeat: no-repeat !important;
}

.repeatx {
  background-repeat: repeat-x !important;
}

.repeaty {
  background-repeat: repeat-y !important;
}

.relative {
  position: relative;
}

.zindex {
  z-index: 1;
}

.zindex5 {
  z-index: 5;
}

.zindex10 {
  z-index: 10;
}

.zindex20 {
  z-index: 20;
}

.zindex30 {
  z-index: 30;
}

.zindex40 {
  z-index: 40;
}

.zindex50 {
  z-index: 50;
}

.imgFullWidth {
  width: 100%;
  display: block;
}

.imgFullWidth img {
  display: block;
  width: 100%;
}

.font100 {
  font-weight: 100;
}

.font200 {
  font-weight: 200;
}

.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800 {
  font-weight: 800;
}

.font900 {
  font-weight: 900;
}

.grid_1 {
  display: grid;
  grid-template-columns: 1fr;
}

.grid_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid_3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid_4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid_5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid_6 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid {
  display: grid;
}

.gg0 {
  grid-gap: 0;
}

.gg1 {
  grid-gap: 1rem;
}

.gg2 {
  grid-gap: 2rem;
}

.gg3 {
  grid-gap: 3rem;
}

.gg4 {
  grid-gap: 4rem;
}

.gg5 {
  grid-gap: 5rem;
}

.gg6 {
  grid-gap: 6rem;
}

.col_gg0 {
  gap: 0rem;
}

.col_gg1 {
  gap: 0.5rem;
}

.col_gg2 {
  gap: 1rem;
}

.col_gg3 {
  gap: 1.5rem;
}

.col_gg4 {
  gap: 2rem;
}

.col_gg5 {
  gap: 2.5rem;
}

.col_gg6 {
  gap: 3rem;
}

.col_gg7 {
  gap: 3.5rem;
}

.col_gg8 {
  gap: 4rem;
}

.col_gg9 {
  gap: 4.5rem;
}

.col_gg10 {
  gap: 5rem;
}

.col_gg11 {
  gap: 5.5rem;
}

.col_gg12 {
  gap: 6rem;
}

.grid_span0 {
  display: none;
}

.grid_span1 {
  grid-column: span 1;
}

.grid_span2 {
  grid-column: span 2;
}

.grid_span3 {
  grid-column: span 3;
}

.grid_span4 {
  grid-column: span 4;
}

.grid_span5 {
  grid-column: span 5;
}

.grid_span6 {
  grid-column: span 6;
}

.grid_span7 {
  grid-column: span 7;
}

.grid_span8 {
  grid-column: span 8;
}

.grid_span9 {
  grid-column: span 9;
}

.grid_span10 {
  grid-column: span 10;
}

.grid_span11 {
  grid-column: span 11;
}

.grid_span12 {
  grid-column: span 12;
}

.grid_span13 {
  grid-column: span 13;
}

.grid_span14 {
  grid-column: span 14;
}

.grid_span15 {
  grid-column: span 15;
}

.grid_span16 {
  grid-column: span 16;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

.order4 {
  order: 4;
}

.order5 {
  order: 5;
}

.order6 {
  order: 6;
}

.order7 {
  order: 7;
}

.order8 {
  order: 8;
}

.order9 {
  order: 9;
}

.order10 {
  order: 10;
}

.order11 {
  order: 11;
}

.order12 {
  order: 12;
}

.order13 {
  order: 13;
}

.order14 {
  order: 14;
}

.order15 {
  order: 15;
}

.order16 {
  order: 16;
}

.order17 {
  order: 17;
}

.order18 {
  order: 18;
}

.order19 {
  order: 19;
}

.order20 {
  order: 20;
}

.v_center {
  align-items: center;
}

.v_top {
  align-items: flex-start;
}

.v_bottom {
  align-items: flex-end;
}

.flex_2 {
  display: flex;
  flex-wrap: wrap;
}
.flex_2 > * {
  width: calc(50% - 1rem);
}

.flex_3 {
  display: flex;
  flex-wrap: wrap;
}
.flex_3 > * {
  width: calc(33.333% - 1rem);
}

.flex_4 {
  display: flex;
  flex-wrap: wrap;
}
.flex_4 > * {
  width: calc(25% - 1rem);
}

.uppercase {
  text-transform: uppercase;
}

figure {
  display: block;
  margin: auto;
  margin-bottom: 0 !important;
}

.fw {
  display: block;
  width: 100%;
  height: auto;
}
.fw img,
.fw figure {
  display: block;
  width: 100%;
  height: auto;
}

.ninety_perc,
.eighty_perc,
.seventy_perc,
.sixty_perc,
.fifty_perc {
  display: block;
  margin: 1rem auto;
}

.ninety_perc {
  width: 90%;
}

.eighty_perc {
  width: 80%;
}

.seventy_perc {
  width: 70%;
}

.sixty_perc {
  width: 60%;
}

.fifty_perc {
  width: 50%;
}

.object-fit,
.object-fit > img {
  object-fit: cover;
  object-position: center;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}

.li_show li {
  list-style-position: inside;
  list-style: disc;
}

.triggeredOpac {
  opacity: 0;
  transition: 0.5s;
}

.triggeredOpac.OpacActive {
  opacity: 1;
}

.trigger {
  position: fixed;
  height: 1px;
  width: 30px;
  top: 70%;
  right: 0;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
}

.cover {
  background-size: cover;
  background-position: center;
}

.bg_fixed {
  background-attachment: fixed;
}

.bot_trigger {
  position: fixed;
  bottom: 0;
}

p img.alignleft {
  float: left;
  margin-right: 10px;
}

p img.alignright {
  float: right;
  margin-left: 10px;
}

.bg_parallax {
  overflow: hidden;
}

.zone_parallax {
  position: absolute;
  top: -70%;
  left: 0;
  width: 100%;
  height: 200%;
  min-height: 50vh;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.mobile {
  display: none;
}

.show {
  display: block;
}

.pos-init .kt-row-column-wrap {
  position: initial;
}

.animate,
.animateL,
.animateR,
.animateB,
.animateT,
.animateC,
.animateS,
.animateF {
  transition: 0.5s;
  opacity: 0;
}

.animate {
  transform: translate(0, 100px);
}

.animateL {
  transform: translate(-100px, 0);
}

.animateR {
  transform: translate(100px, 0);
}

.animateB {
  transform: translate(0, 100px);
}

.animateT {
  transform: translate(0, -100px);
}

.animateC {
  transform: translate(0, 0);
}

.animateS {
  transform: scale(0, 0);
}

.animateF {
  transform: translate(0, 0);
  opacity: 0;
}

.active .animate.anim,
.active .animateL.anim,
.active .animateR.anim,
.active .animateF.anim,
.animate.anim,
.animateL.anim,
.animateR.anim,
.animateF.anim {
  transform: translate(0, 0);
  opacity: 1;
}

.active .animateS.anim,
.animateS.anim {
  transform: scale(1);
  opacity: 1;
}

.cascade > .kt-row-column-wrap > .wp-block-kadence-column {
  transform: translateY(50px);
  transition: 0.5s;
  opacity: 0;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1) {
  transition-delay: 0.3s;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
  transition-delay: 0.4s;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3) {
  transition-delay: 0.5s;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(4) {
  transition-delay: 0.6s;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(5) {
  transition-delay: 0.7s;
}
.cascade > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(6) {
  transition-delay: 0.8s;
}
.cascade.anim > .kt-row-column-wrap > .wp-block-kadence-column {
  transform: translateY(0px);
  opacity: 1;
}

.block-editor .cascade > .kt-row-column-wrap > .wp-block-kadence-column {
  transform: translateY(0px);
  opacity: 1;
}
.block-editor .animate {
  transform: translateY(0px);
  opacity: 1;
}

.acf-block-preview .animate,
.acf-block-preview .animateL,
.acf-block-preview .animateR,
.acf-block-preview .animateB,
.acf-block-preview .animateT,
.acf-block-preview .animateC,
.acf-block-preview .animateS {
  transition: 0s;
  opacity: 1;
  transform: translate(0, 0);
}

.delay1 {
  transition-delay: 0.1s;
}

.delay2 {
  transition-delay: 0.2s;
}

.delay3 {
  transition-delay: 0.3s;
}

.delay4 {
  transition-delay: 0.4s;
}

.delay5 {
  transition-delay: 0.5s;
}

.delay6 {
  transition-delay: 0.6s;
}

.delay7 {
  transition-delay: 0.7s;
}

.delay8 {
  transition-delay: 0.8s;
}

.delay9 {
  transition-delay: 0.9s;
}

.delay10 {
  transition-delay: 1s;
}

.delay11 {
  transition-delay: 1.1s;
}

.delay12 {
  transition-delay: 1.2s;
}

.delay13 {
  transition-delay: 1.3s;
}

.delay14 {
  transition-delay: 1.4s;
}

.delay15 {
  transition-delay: 1.5s;
}

.delay16 {
  transition-delay: 1.6s;
}

.delay17 {
  transition-delay: 1.7s;
}

.delay18 {
  transition-delay: 1.8s;
}

.animation_duration_1 {
  transition-duration: 0.1s !important;
}

.animation_duration_2 {
  transition-duration: 0.2s !important;
}

.animation_duration_3 {
  transition-duration: 0.3s !important;
}

.animation_duration_4 {
  transition-duration: 0.4s !important;
}

.animation_duration_5 {
  transition-duration: 0.5s !important;
}

.animation_duration_6 {
  transition-duration: 0.6s !important;
}

.animation_duration_7 {
  transition-duration: 0.7s !important;
}

.animation_duration_8 {
  transition-duration: 0.8s !important;
}

.animation_duration_9 {
  transition-duration: 0.9s !important;
}

.animation_duration_10 {
  transition-duration: 1s !important;
}
@keyframes animLeft {
  0% {
    transform: translate(-100px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animRight {
  0% {
    transform: translate(100px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animBottom {
  0% {
    transform: translate(0, -100px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes animScale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  90% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/*********** RESPONSIVE BASE ************/
@media screen and (min-width: 990px) {
  .block_col_desktop_grid_span0 {
    display: none !important;
  }
  .block_col_desktop_grid_span1 {
    grid-column: span 1;
  }
  .block_col_desktop_grid_span2 {
    grid-column: span 2;
  }
  .block_col_desktop_grid_span3 {
    grid-column: span 3;
  }
  .block_col_desktop_grid_span4 {
    grid-column: span 4;
  }
  .block_col_desktop_grid_span5 {
    grid-column: span 5;
  }
  .block_col_desktop_grid_span6 {
    grid-column: span 6;
  }
  .block_col_desktop_grid_span7 {
    grid-column: span 7;
  }
  .block_col_desktop_grid_span8 {
    grid-column: span 8;
  }
  .block_col_desktop_grid_span9 {
    grid-column: span 9;
  }
  .block_col_desktop_grid_span10 {
    grid-column: span 10;
  }
  .block_col_desktop_grid_span11 {
    grid-column: span 11;
  }
  .block_col_desktop_grid_span12 {
    grid-column: span 12;
  }
  .grid_col_desktop_col1 {
    grid-template-columns: 1fr;
  }
  .grid_col_desktop_col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_col_desktop_col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_col_desktop_col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_col_desktop_col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid_col_desktop_col6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid_col_desktop_col7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid_col_desktop_col8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .desktop_order1 {
    order: 1;
  }
  .desktop_order2 {
    order: 2;
  }
  .desktop_order3 {
    order: 3;
  }
  .desktop_order4 {
    order: 4;
  }
  .desktop_order5 {
    order: 5;
  }
  .desktop_order6 {
    order: 6;
  }
  .desktop_order7 {
    order: 7;
  }
  .desktop_order8 {
    order: 8;
  }
  .desktop_order9 {
    order: 9;
  }
  .desktop_order10 {
    order: 10;
  }
  .desktop_order11 {
    order: 11;
  }
  .desktop_order12 {
    order: 12;
  }
  .desktop_order13 {
    order: 13;
  }
  .desktop_order14 {
    order: 14;
  }
  .desktop_order15 {
    order: 15;
  }
  .desktop_order16 {
    order: 16;
  }
  .desktop_order17 {
    order: 17;
  }
  .desktop_order18 {
    order: 18;
  }
  .desktop_order19 {
    order: 19;
  }
  .desktop_order20 {
    order: 20;
  }
}
@media screen and (max-width: 990px) {
  .block_col_tabW_grid_span0 {
    display: none !important;
  }
  .block_col_tabW_grid_span1 {
    grid-column: span 1;
  }
  .block_col_tabW_grid_span2 {
    grid-column: span 2;
  }
  .block_col_tabW_grid_span3 {
    grid-column: span 3;
  }
  .block_col_tabW_grid_span4 {
    grid-column: span 4;
  }
  .block_col_tabW_grid_span5 {
    grid-column: span 5;
  }
  .block_col_tabW_grid_span6 {
    grid-column: span 6;
  }
  .block_col_tabW_grid_span7 {
    grid-column: span 7;
  }
  .block_col_tabW_grid_span8 {
    grid-column: span 8;
  }
  .block_col_tabW_grid_span9 {
    grid-column: span 9;
  }
  .block_col_tabW_grid_span10 {
    grid-column: span 10;
  }
  .block_col_tabW_grid_span11 {
    grid-column: span 11;
  }
  .block_col_tabW_grid_span12 {
    grid-column: span 12;
  }
  .grid_col_tabW_col1 {
    grid-template-columns: 1fr;
  }
  .grid_col_tabW_col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_col_tabW_col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_col_tabW_col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_col_tabW_col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid_col_tabW_col6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid_col_tabW_col7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid_col_tabW_col8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .tabW_order1 {
    order: 1;
  }
  .tabW_order2 {
    order: 2;
  }
  .tabW_order3 {
    order: 3;
  }
  .tabW_order4 {
    order: 4;
  }
  .tabW_order5 {
    order: 5;
  }
  .tabW_order6 {
    order: 6;
  }
  .tabW_order7 {
    order: 7;
  }
  .tabW_order8 {
    order: 8;
  }
  .tabW_order9 {
    order: 9;
  }
  .tabW_order10 {
    order: 10;
  }
  .tabW_order11 {
    order: 11;
  }
  .tabW_order12 {
    order: 12;
  }
  .tabW_order13 {
    order: 13;
  }
  .tabW_order14 {
    order: 14;
  }
  .tabW_order15 {
    order: 15;
  }
  .tabW_order16 {
    order: 16;
  }
  .tabW_order17 {
    order: 17;
  }
  .tabW_order18 {
    order: 18;
  }
  .tabW_order19 {
    order: 19;
  }
  .tabW_order20 {
    order: 20;
  }
}
@media screen and (max-width: 880px) {
  .block_col_tabH_grid_span0 {
    display: none !important;
  }
  .block_col_tabH_grid_span1 {
    grid-column: span 1;
  }
  .block_col_tabH_grid_span2 {
    grid-column: span 2;
  }
  .block_col_tabH_grid_span3 {
    grid-column: span 3;
  }
  .block_col_tabH_grid_span4 {
    grid-column: span 4;
  }
  .block_col_tabH_grid_span5 {
    grid-column: span 5;
  }
  .block_col_tabH_grid_span6 {
    grid-column: span 6;
  }
  .block_col_tabH_grid_span7 {
    grid-column: span 7;
  }
  .block_col_tabH_grid_span8 {
    grid-column: span 8;
  }
  .block_col_tabH_grid_span9 {
    grid-column: span 9;
  }
  .block_col_tabH_grid_span10 {
    grid-column: span 10;
  }
  .block_col_tabH_grid_span11 {
    grid-column: span 11;
  }
  .block_col_tabH_grid_span12 {
    grid-column: span 12;
  }
  .grid_col_tabH_col1 {
    grid-template-columns: 1fr;
  }
  .grid_col_tabH_col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_col_tabH_col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_col_tabH_col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_col_tabH_col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid_col_tabH_col6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid_col_tabH_col7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid_col_tabH_col8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .tabH_order1 {
    order: 1;
  }
  .tabH_order2 {
    order: 2;
  }
  .tabH_order3 {
    order: 3;
  }
  .tabH_order4 {
    order: 4;
  }
  .tabH_order5 {
    order: 5;
  }
  .tabH_order6 {
    order: 6;
  }
  .tabH_order7 {
    order: 7;
  }
  .tabH_order8 {
    order: 8;
  }
  .tabH_order9 {
    order: 9;
  }
  .tabH_order10 {
    order: 10;
  }
  .tabH_order11 {
    order: 11;
  }
  .tabH_order12 {
    order: 12;
  }
  .tabH_order13 {
    order: 13;
  }
  .tabH_order14 {
    order: 14;
  }
  .tabH_order15 {
    order: 15;
  }
  .tabH_order16 {
    order: 16;
  }
  .tabH_order17 {
    order: 17;
  }
  .tabH_order18 {
    order: 18;
  }
  .tabH_order19 {
    order: 19;
  }
  .tabH_order20 {
    order: 20;
  }
  .gg0 {
    grid-gap: 0;
  }
  .gg1 {
    grid-gap: 1rem;
  }
  .gg2 {
    grid-gap: 1.1rem;
  }
  .gg3 {
    grid-gap: 1.2rem;
  }
  .gg4 {
    grid-gap: 1.3rem;
  }
  .gg5 {
    grid-gap: 1.4rem;
  }
  .gg6 {
    grid-gap: 1.5rem;
  }
  .col_gg0 {
    column-gap: 0rem;
    row-gap: 0rem;
  }
  .col_gg1 {
    column-gap: 4px;
    row-gap: 0.2rem;
  }
  .col_gg2 {
    column-gap: 6px;
    row-gap: 0.4rem;
  }
  .col_gg3 {
    column-gap: 6px;
    row-gap: 0.6rem;
  }
  .col_gg4 {
    column-gap: 6px;
    row-gap: 0.8rem;
  }
  .col_gg5 {
    column-gap: 6px;
    row-gap: 1rem;
  }
  .col_gg6 {
    column-gap: 6px;
    row-gap: 1.1rem;
  }
  .col_gg7 {
    column-gap: 8px;
    row-gap: 1.2rem;
  }
  .col_gg8 {
    column-gap: 8px;
    row-gap: 1.3rem;
  }
  .col_gg9 {
    column-gap: 8px;
    row-gap: 1.4rem;
  }
  .col_gg10 {
    column-gap: 8px;
    row-gap: 1.5rem;
  }
  .col_gg11 {
    column-gap: 8px;
    row-gap: 1.6rem;
  }
  .col_gg12 {
    column-gap: 8px;
    row-gap: 1.7rem;
  }
  .col_gg4,
  .grid_4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 550px) {
  .block_col_mobile_grid_span0 {
    display: none !important;
  }
  .block_col_mobile_grid_span1 {
    grid-column: span 1;
  }
  .block_col_mobile_grid_span2 {
    grid-column: span 2;
  }
  .block_col_mobile_grid_span3 {
    grid-column: span 3;
  }
  .block_col_mobile_grid_span4 {
    grid-column: span 4;
  }
  .block_col_mobile_grid_span5 {
    grid-column: span 5;
  }
  .block_col_mobile_grid_span6 {
    grid-column: span 6;
  }
  .block_col_mobile_grid_span7 {
    grid-column: span 7;
  }
  .block_col_mobile_grid_span8 {
    grid-column: span 8;
  }
  .block_col_mobile_grid_span9 {
    grid-column: span 9;
  }
  .block_col_mobile_grid_span10 {
    grid-column: span 10;
  }
  .block_col_mobile_grid_span11 {
    grid-column: span 11;
  }
  .block_col_mobile_grid_span12 {
    grid-column: span 12;
  }
  .grid_col_mobile_col1 {
    grid-template-columns: 1fr;
  }
  .grid_col_mobile_col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_col_mobile_col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_col_mobile_col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_col_mobile_col5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid_col_mobile_col6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid_col_mobile_col7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid_col_mobile_col8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .mobile_order1 {
    order: 1;
  }
  .mobile_order2 {
    order: 2;
  }
  .mobile_order3 {
    order: 3;
  }
  .mobile_order4 {
    order: 4;
  }
  .mobile_order5 {
    order: 5;
  }
  .mobile_order6 {
    order: 6;
  }
  .mobile_order7 {
    order: 7;
  }
  .mobile_order8 {
    order: 8;
  }
  .mobile_order9 {
    order: 9;
  }
  .mobile_order10 {
    order: 10;
  }
  .mobile_order11 {
    order: 11;
  }
  .mobile_order12 {
    order: 12;
  }
  .mobile_order13 {
    order: 13;
  }
  .mobile_order14 {
    order: 14;
  }
  .mobile_order15 {
    order: 15;
  }
  .mobile_order16 {
    order: 16;
  }
  .mobile_order17 {
    order: 17;
  }
  .mobile_order18 {
    order: 18;
  }
  .mobile_order19 {
    order: 19;
  }
  .mobile_order20 {
    order: 20;
  }
  .grid_3 {
    grid-template-columns: 1fr;
  }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
}

/********** MENU BURGER ********/
#burgerMenu {
  width: 40px;
  height: 40px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 200;
  top: 0;
  right: 0;
}

#burgerMenu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background: rgb(250, 19, 52);
  opacity: 1;
  left: 5px;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#burgerMenu span:nth-child(1) {
  top: 11px;
}

#burgerMenu span:nth-child(2) {
  top: 19px;
}

#burgerMenu span:nth-child(3) {
  top: 27px;
}

#burgerMenu.open span:nth-child(1) {
  top: 18px;
  transform: rotate(135deg);
}

#burgerMenu.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#burgerMenu.open span:nth-child(3) {
  top: 18px;
  transform: rotate(-135deg);
}

.header_links {
  display: none;
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 500;
  transition: 0.3s;
}

.fixed .header_links {
  top: 4px;
}

.logo_mobile {
  display: none;
  position: relative;
  left: 10px;
  top: 0px;
  z-index: 500;
  width: 190px;
  height: 50px;
  padding: 5px 5px 0 5px;
  background-color: transparent;
}

.txt_menu,
.txt_close {
  display: none;
}

/***** MENU ****/
#main_header {
  color: rgb(250, 19, 52);
  background-color: rgba(250, 19, 52, 0);
  position: absolute;
  padding: 5px 0;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 500;
  transition: 0.3s;
}
#main_header.header_fixed_option {
  position: fixed;
}
#main_header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  width: 100%;
  z-index: 10;
}

.logo {
  position: relative;
  display: flex;
  align-content: center;
  padding: 15px 5px 25px 5px;
  justify-content: center;
}

.logo_container {
  padding: 0;
  display: block;
}

.main_logo {
  display: none;
  height: 95px;
  margin: auto;
  transition: 0.3s;
  display: flex;
}

.secondaray_header .main_logo,
.secondaray_header .main_logo_bis {
  display: none;
  height: 50px;
  margin: auto;
  transition: 0.3s;
}
.secondaray_header .main_logo.show,
.secondaray_header .main_logo_bis.show {
  display: block;
}

/*************** MENU SECONDAIRE *************/
.secondaray_header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateY(-110%);
  transition: 0.5s;
}
.secondaray_header.fixed {
  top: 10px;
  transform: translateY(0%);
}

.trigger {
  position: fixed;
  top: 0;
  left: 0;
}

/*************** MENU CENTRAL *************/
#menu_centre {
  border-top: 2px solid #4d557a;
}

.main_nav {
  height: 100%;
  font-family: "Bebas Neue";
}
.main_nav nav ul.nav {
  display: flex;
  justify-content: center;
  margin: 0 auto !important;
  transition: 0.3s;
  border-top: 1px solid #FFF;
  padding-top: 10px;
}
.main_nav nav ul.nav > li {
  position: relative;
  margin: auto 10px;
  transition: 0.3s;
}
.main_nav nav ul.nav > li.menu-item-has-children > a:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  vertical-align: middle;
  transform: scaleY(0.8) translateY(-2px);
  background-image: url(../../library/images/menu_down_v_blanc.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.main_nav nav ul.nav > li > a {
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.main_nav nav ul.nav > li > a span {
  position: relative;
}
.main_nav nav ul.nav > li > a:hover span {
  color: rgb(35, 35, 35);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a {
  color: rgb(48, 48, 48);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a {
  position: relative;
}
.main_nav nav ul.nav > li.current-menu-ancestor .current-menu-item a {
  color: rgb(48, 48, 48);
  font-weight: 700;
}

/********* SOUS MENU : HORITONAL *******/
.sous_menu_horitontal .sub-menu {
  transition: 0.1s;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  transform: translate(0, 0);
  margin: auto;
  padding: 0;
  display: flex;
}
.sous_menu_horitontal .sub-menu li {
  margin: 0px auto;
  transition: 0.3s;
  display: block;
}
.sous_menu_horitontal .sub-menu li a {
  color: rgb(49, 49, 49);
  display: block;
  padding: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-decoration: none;
}
.sous_menu_horitontal .sub-menu li:hover {
  background-color: rgb(48, 48, 48);
}
.sous_menu_horitontal .sub-menu li:hover a {
  color: rgb(250, 19, 52);
}

/********* SOUS MENU : VERTICAL *******/
.sous_menu_vertical .sub-menu {
  transition: 0.2s;
  opacity: 0;
  pointer-events: none;
  width: 240px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin: auto;
  padding: 0px 0;
  border-radius: 0px;
  margin-top: 0px;
}
.sous_menu_vertical .sub-menu li {
  margin: 0px auto;
  transition: 0.3s;
  display: block;
  background-color: rgb(35, 35, 35);
  margin-bottom: 2px;
}
.sous_menu_vertical .sub-menu li a {
  color: rgb(250, 19, 52);
  display: block;
  padding: 4px 10px 3px 10px;
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}
.sous_menu_vertical .sub-menu li a::first-letter {
  text-transform: uppercase;
}
.sous_menu_vertical .sub-menu li a span {
  font-size: 14px;
  padding: 0;
  font-weight: 700;
}
.sous_menu_vertical .sub-menu li:hover {
  background-color: rgb(250, 19, 52);
}
.sous_menu_vertical .sub-menu li:hover a {
  color: rgb(35, 35, 35);
}

.main_nav nav ul.nav > li:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
}

.main_nav nav ul.nav > li.current-menu-ancestor > a span,
.main_nav nav ul.nav > li.current-menu-item > a span,
.main_nav nav ul.nav > li.current-menu-ancestor .current-menu-item a {
  color: rgb(35, 35, 35);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a span span::before,
.main_nav nav ul.nav > li.current-menu-item > a span span::before,
.main_nav nav ul.nav > li.current-menu-ancestor .current-menu-item a span::before {
  display: none !important;
}

/*************** MENU FIXED *************/
#main_header.fixed {
  padding: 0;
}
#main_header.fixed .logo img {
  height: 45px;
}

/*************** MENU MOBILE *************/
.menu_mobile {
  font-family: "Bebas Neue";
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(250, 19, 52, 0.95);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 400;
  top: 0;
  left: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  transition: 0.4s;
  transform: translateY(-101vh);
  overflow-y: scroll;
}
.menu_mobile.open {
  transform: translateY(0);
}
.menu_mobile nav {
  width: 90%;
  margin: auto;
}
.menu_mobile nav ul.menu-header {
  padding-left: 20px;
  col-count: 2;
}
.menu_mobile nav ul.menu-header li.current-menu-item a,
.menu_mobile nav ul.menu-header li.current-terrains-ancestor a {
  color: rgb(48, 48, 48);
}
.menu_mobile nav ul.menu-header .sub-menu {
  margin: auto;
  padding-left: 0px;
  margin-left: 20px;
  padding-bottom: 0.5em;
  position: relative;
  border-left: 2px solid rgba(48, 48, 48, 0.5);
  padding-bottom: 0;
  margin-bottom: 20px;
}
.menu_mobile nav ul.menu-header .sub-menu li {
  margin: 0px auto;
  position: relative;
  display: flex;
  align-items: center;
  list-style-type: none;
  padding-left: 10px;
}
.menu_mobile nav ul.menu-header .sub-menu a {
  font-size: 0.9em;
  line-height: 1em;
  font-weight: 300;
  position: relative;
}
.menu_mobile nav ul.menu-header a {
  color: #FFF;
  font-size: 2em;
  display: block;
  text-decoration: none;
  text-transform: initial;
  font-weight: 300;
}
.menu_mobile nav ul.menu-header a span {
  display: inline-block;
  padding: 0.26em 0.3em 0.13em 0.3em;
}
.menu_mobile nav ul.menu-header > li > a {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.2em;
}
.menu_mobile nav ul.menu-header .btn-boutique {
  display: inline-block;
}
.menu_mobile.scrolled {
  padding-top: 80px;
}
.menu_mobile li.btn-adherents a span {
  background-color: rgb(48, 48, 48);
  border-radius: 0 10px 0 0;
  margin-top: 5px;
}

/* ================ MENU FULL BURGER  =================== */
.header_burger .logo {
  display: block;
}
.header_burger .header_links {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 990px) {
  .header_links {
    display: block;
  }
  .logo {
    padding: 4px 5px 6px 5px;
    left: 0 !important;
  }
  .main_logo {
    height: 30px;
    margin: 0 5px;
  }
  body.logged-in.admin-bar .secondaray_header.fixed {
    top: 0px;
  }
  .menu_mobile .grid_2 .mobile_baseline .baseline {
    font-size: 2.5em;
    padding-left: 50px;
  }
  .header_content {
    display: none;
  }
  .logo_mobile {
    display: block;
  }
  .secondaray_header {
    transform: translateY(0);
  }
  .showArrow.arrow_outside .tns-controls button:first-child {
    left: 0 !important;
  }
  .showArrow.arrow_outside .tns-controls button:last-child {
    right: 0 !important;
  }
  .slider_all_around {
    overflow: hidden;
  }
}
@media screen and (max-width: 880px) {
  .menu_mobile nav ul {
    font-size: 1.5em;
  }
  .menu_mobile .grid_2 {
    grid-template-cols: 1fr;
  }
  .menu_mobile .grid_2 .mobile_baseline {
    display: none;
  }
  .menu_mobile nav ul.menu-header > li > a {
    font-size: 1em;
  }
  .menu_mobile nav ul.menu-header .sub-menu a {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 550px) {
  .menu_mobile nav ul {
    font-size: 1.2em;
  }
  .secondaray_header .main_logo,
  .secondaray_header .main_logo_bis {
    height: 40px;
  }
  .menu_mobile nav ul.menu-header {
    padding: 0;
    margin: auto;
  }
}
/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
#burgerMenu {
  top: 6px;
  right: 9px;
  position: absolute;
}
#burgerMenu span {
  background: #FFF;
  transition: 0.2s;
}
#burgerMenu:hover span {
  background-color: rgb(250, 19, 52);
}

.header_shadow,
.header_shadow2 {
  position: fixed;
  width: 0px;
  height: 100vh;
  right: 50px;
  z-index: 3;
  background: RGB(250, 19, 52);
  background: linear-gradient(90deg, rgba(250, 19, 52, 0) 0%, rgba(250, 19, 52, 0.7) 100%);
}

.main_logo_bis {
  display: none;
}

.header_burger .header_links {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  width: 60px;
  height: 100vh;
  transform: translate(0);
}
.header_burger .logo {
  margin: initial;
  display: flex;
  width: calc(100% - 60px);
  max-width: 1200px;
  align-self: flex-end;
  justify-content: flex-start;
  opacity: 0;
}
.header_burger .main_logo {
  height: 110px;
  margin: auto;
  flex-shrink: 1;
  transition: 0.3s;
}

.header_overlay_1 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #EFEFEF;
  z-index: 490;
  transform: scaleX(0);
  transform-origin: left;
  top: 0;
  left: 0;
}

.header_overlay_2 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(250, 19, 52);
  z-index: 495;
  transform: scaleX(0);
  transform-origin: left;
  top: 0;
  left: 0;
}

.header_overlay_3 {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fa1334;
  z-index: 480;
  transform: scaleX(0);
  transform-origin: left;
  top: 0;
  left: 0;
}
.header_overlay_3 .inner_overlay {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
}
.header_overlay_3:before {
  content: "";
  z-index: 2;
  display: block;
  width: 30vw;
  max-width: 450px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../images_projet/vague_corner.png);
  background-size: contain;
  background-position: bottom left;
  background-repeat: no-repeat;
  opacity: 0.7;
}

#main_header.header {
  position: fixed;
  width: 55px;
  height: 100%;
  left: auto;
  top: 0;
  right: 0px;
  padding-left: 50px;
  display: flex;
  justify-content: space-between;
  background-color: #0C0C0C;
  border-right: 1px solid #333;
  z-index: 500;
  transition: 0.3s;
  overflow: hidden;
}
#main_header.header:hover {
  background-color: rgb(250, 19, 52);
}
#main_header.header .header_content {
  padding: 0;
}
#main_header.header.open {
  width: 700px;
  border-left: 20px solid rgb(250, 19, 52);
}
#main_header.header.open .mini-logo {
  opacity: 0;
}
#main_header.header.open:hover {
  background-color: #0C0C0C;
}
#main_header.header .header_content {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
#main_header.header .mini-logo {
  position: absolute;
  bottom: 20px;
  left: -43px;
  width: 40px;
  height: auto;
  transition: 0.3s;
  transition-delay: 0s;
  transition-delay: 0.2s;
}
#main_header.header .mini-logo img {
  display: block;
  width: 100%;
}

#main_nav {
  align-self: flex-end;
  width: calc(100% - 60px);
  max-width: 1200px;
  font-weight: 400;
  top: 30px;
  right: 0;
  opacity: 0;
}
#main_nav ul.nav a {
  color: #FFF;
  font-size: 40px;
  font-weight: 700;
  padding: 17px;
  display: block;
  font-family: "Bebas Neue";
  transition: 0.3s;
}
#main_nav ul.nav a:hover {
  background-color: rgb(250, 19, 52);
}
#main_nav ul.nav li {
  padding: 0;
}
#main_nav ul.nav span {
  opacity: 0;
}
#main_nav ul.nav .menu-item-has-children {
  display: flex;
  width: 100%;
}
#main_nav ul.nav .menu-item-has-children ul.sub-menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  height: auto;
  flex-grow: 1;
  justify-content: space-between;
}
#main_nav ul.nav .menu-item-has-children > a {
  writing-mode: sideways-lr;
  text-orientation: mixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(49, 49, 49);
  color: #000;
  flex-shrink: 1;
  font-size: 30px;
}
#main_nav ul.nav .menu-item-has-children > a:hover {
  color: #FFF;
}

/* ================ RESPONSIVE PROJET  =================== */
@media screen and (max-width: 880px) {
  #burgerMenu {
    width: 32px;
  }
  #burgerMenu span {
    width: 100%;
  }
  .header_burger .header_links {
    width: 40px;
  }
  #main_header.header {
    width: 40px;
    padding-left: 0;
  }
  #main_header.header .mini-logo {
    width: 30px;
    left: 7px;
  }
  .header_shadow, .header_shadow2 {
    right: 38px;
  }
  #main_header.header.open {
    width: 100vw;
  }
  .header_overlay_1,
  .header_overlay_2,
  .header_overlay_3 {
    display: none;
  }
  #main_nav,
  .header_burger .logo {
    width: calc(100% - 20px);
  }
}
@media screen and (max-width: 550px) {
  #main_nav ul.nav a {
    font-size: 25px;
    padding: 8px 16px;
    line-height: 1.2em;
  }
}
@media screen and (max-height: 680px) {
  .header_burger .logo {
    padding-bottom: 12px;
  }
  .header_burger .main_logo {
    height: 60px;
  }
  #main_nav ul.nav a {
    font-size: 25px;
    padding: 8px 16px;
    line-height: 1.2em;
  }
  #main_nav ul.nav .menu-item-has-children > a {
    font-size: 22px;
    padding: 10px 11px;
  }
}
#main_footer {
  color: #FFF;
  width: 100vw;
  position: relative;
  background-color: rgb(135, 126, 127);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.footer_content .container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0rem;
}
.footer_content .container .footer_logo {
  display: block;
  width: 200px;
  margin: 10px auto 10px auto;
}
.footer_content .container .footer_adresse {
  font-size: 1.3em;
  padding: 0.5rem 0;
}
.footer_content .container .footer_tel {
  color: rgb(48, 48, 48);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0.3em 0;
}

.footer_socials {
  padding: 0px 0 5px 0;
  display: flex;
  justify-content: flex-end;
}
.footer_socials a {
  display: flex;
  margin-left: 15px;
  width: 41px;
  height: 41px;
  justify-content: center;
  align-items: center;
  color: rgb(250, 19, 52);
  background-color: #FFF;
  border-radius: 50%;
  transition: 0.3s;
  font-size: 23px;
}
.footer_socials a:hover {
  color: rgb(250, 19, 52);
  background-color: #000;
}

.footer_link {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.footer_link a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_link a:hover span.btn {
  background-color: rgb(250, 19, 52);
}

.footer_mentions {
  text-align: center;
  color: #FFF;
  font-size: 1rem;
  padding-top: 45px;
  padding-bottom: 30px;
  position: relative;
  opacity: 0.8;
}
.footer_mentions a {
  color: #FFF;
  text-decoration: underline;
}
.footer_mentions a:hover {
  color: rgb(35, 35, 35);
}

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 880px) {
  #main_footer .footer_content .container .footer_logo {
    width: 150px;
    margin: auto;
  }
  #main_footer .footer_content .container .footer_link {
    height: 140px;
  }
}
@media screen and (max-width: 550px) {
  #main_footer .footer_content .container {
    grid-template-columns: 1fr;
  }
  #main_footer .footer_content .container .footer_mentions {
    text-align: center;
  }
}
/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
#main_footer {
  background-color: #000;
  padding: 50px 10px 10px 10px;
  text-align: center;
  color: #FFF;
  overflow: hidden;
  background-image: url(../images_projet/btn-fond2.svg);
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}
#main_footer .footer_logo {
  width: 180px;
  margin-bottom: 20px;
}
#main_footer .footer_adresse {
  font-size: 1em;
}
#main_footer .footer_adresse p {
  font-size: 0.9em;
  font-weight: 600;
  color: rgb(48, 48, 48);
}
#main_footer .footer_adresse a {
  color: rgb(250, 19, 52);
  text-decoration: underline;
  display: inline-block;
  margin: 8px auto;
}
#main_footer .footer_adresse a:hover {
  color: rgb(48, 48, 48);
}
#main_footer .footer_tel {
  text-align: center;
  padding: 20px 4px;
  font-size: 1.1em;
  text-decoration: underline;
}
#main_footer .footer_tel a {
  color: rgb(48, 48, 48);
  font-weight: 400;
}
#main_footer .footer_content .container.footergrid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
#main_footer .footer_socials {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: rgb(250, 19, 52);
  display: flex;
  font-size: 0.9em;
  flex-wrap: wrap;
}
#main_footer .footer_socials p {
  display: block;
  margin: 30px auto 15px auto;
  width: 100%;
  font-weight: 600;
}
#main_footer .footer_socials a {
  background-color: rgb(250, 19, 52);
  color: rgb(242, 242, 242);
  width: 34px;
  height: 34px;
  padding: 4px;
  border-radius: 50%;
  transform: translateY(-2px);
  margin: auto 8px;
}
#main_footer .footer_socials a svg {
  height: 20px;
  fill: rgb(242, 242, 242);
  display: block;
  transition: 0.3s;
}
#main_footer .footer_socials a:hover {
  background-color: #FFF;
}
#main_footer .footer_socials a:hover svg {
  fill: rgb(250, 19, 52);
}
#main_footer .footer_mentions {
  margin-top: 20px;
  padding-top: 10px;
  font-size: 0.8em;
  padding-bottom: 15px;
  color: #FFF;
}
#main_footer .footer_mentions p {
  color: #FFF;
  font-weight: 400;
}
#main_footer .footer_mentions a {
  color: #FFF;
  transition: 0.3s;
  text-decoration: none;
}
#main_footer .footer_mentions a:hover {
  color: rgb(250, 19, 52);
  text-decoration: underline;
}

@media screen and (max-width: 880px) {
  #main_footer .footer_logos_links a img {
    width: 100px;
  }
}
@media screen and (max-width: 550px) {
  #main_footer .footer_logos_links a img {
    width: 80px;
  }
  #main_footer .footer_mentions {
    font-size: 0.7em;
  }
}
#main_footer,
#main_header,
.secondary_header,
.block_bandeau,
.block_colonnes,
.wrap_content,
.menu_mobile,
.ariane,
#inner-content {
  font-size: 1.1em;
  font-weight: 500;
  width: 100%;
  line-height: 1.35em;
}

a {
  text-decoration: none;
}

body {
  overflow-x: hidden;
}

#inner-content {
  padding-top: 140px;
  transition: 0.3s;
  color: rgb(49, 49, 49);
  font-family: "Bebas Neue";
  min-height: 100vh;
}

.video_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 1;
}
.video_bg video {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  transform: translate(0%, -25%);
}

.zone_layer {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zone_layer svg {
  display: block;
  width: 100%;
  min-height: 100%;
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.default_img {
  display: block;
}

img.original_size {
  max-width: 100%;
}

/* ================ BOUTONS / COULEUR =================== */
.btn {
  transition: 0.3s;
  font-weight: 600;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  border-radius: 0px;
  font-size: 14px;
  text-align: center;
  font-family: "Bebas Neue";
}
.btn .link_icon {
  display: inline-block;
  margin-right: 8px;
  transform: translate(-4px, 1px);
}

.btn1 {
  padding: 15px 50px 13px 50px;
  min-width: 200px;
  color: #FFF;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Bebas Neue";
  font-size: 1.3em;
  background-color: rgb(250, 19, 52);
  background-image: url(../../library/images_projet/btn-fond.svg);
  background-repeat: no-repeat;
  background-position: -17px 10px;
  background-size: 20%;
  text-transform: uppercase;
  overflow: hidden;
}
.btn1:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../library/images_projet/rond-rouge.svg);
  background-size: contain;
  position: absolute;
  right: -32px;
  top: 50%;
  transition: 0.3s;
  transition-delay: 0.2s;
  transform: translate(0, -50%);
}
.btn1:hover {
  color: rgb(250, 19, 52);
  background-color: #9f9f9f;
  background-position: 120% 0%;
  background-size: 100%;
  border-radius: 35px;
}
.btn1:hover::after {
  right: 10px;
}

.btn2 {
  padding: 15px 50px 13px 50px;
  min-width: 200px;
  color: #FFF;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Bebas Neue";
  font-size: 1.3em;
  background-color: rgb(49, 49, 49);
  background-image: url(../../library/images_projet/btn-fond.svg);
  background-repeat: no-repeat;
  background-position: -17px 10px;
  background-size: 20%;
  text-transform: uppercase;
  overflow: hidden;
}
.btn2:after {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(../../library/images_projet/rond-rouge.svg);
  background-size: contain;
  position: absolute;
  right: -32px;
  top: 50%;
  transition: 0.3s;
  transition-delay: 0.2s;
  transform: translate(0, -50%);
}
.btn2:hover {
  color: rgb(250, 19, 52);
  background-color: #9f9f9f;
  background-position: 120% 0%;
  background-size: 100%;
  border-radius: 35px;
}
.btn2:hover::after {
  right: 10px;
}

.btn3 {
  padding: 10px 50px;
  border-radius: 10px;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  position: relative;
  font-weight: 800;
  font-family: "Montserrat";
  font-size: 13px;
  background-color: rgb(48, 48, 48);
  background-image: url(../../library/images_projet/Texture-BTN.png);
  background-position: 50% 50%;
  background-size: 100%;
  line-height: 1.3em;
}
.btn3:hover {
  color: rgb(48, 48, 48);
  background-color: rgb(250, 19, 52);
  background-position: 40% 30%;
  background-size: 110%;
}

.btn4 {
  padding: 12px 30px 10px 25px;
  border-radius: 0 25px 0 0;
  color: rgb(250, 19, 52);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Bebas Neue";
  font-size: 14px;
  border: 1px solid rgb(250, 19, 52);
}
.btn4:hover {
  color: rgb(35, 35, 35);
  background-color: rgb(250, 19, 52);
}

.btn5 {
  padding: 12px 30px 10px 25px;
  border-radius: 0 25px 0 0;
  color: rgb(48, 48, 48);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Bebas Neue";
  font-size: 14px;
  border: 1px solid rgb(48, 48, 48);
}
.btn5:hover {
  color: rgb(250, 19, 52);
  background-color: #FFF;
  border: 1px solid #FFF;
}

/* ================ FIL D'ARIANE =================== */
.ariane {
  padding: 10px 0;
  z-index: 2;
  text-align: left;
}
.ariane #breadcrumbs {
  font-size: 13px;
  font-weight: 500;
  color: rgb(48, 48, 48);
  font-family: "Montserrat";
}
.ariane #breadcrumbs .breadcrumb_last {
  font-weight: 700;
}

.home .ariane {
  display: none;
}

/* ================ ACTUALITES =================== */
.single {
  font-family: "Bebas Neue";
}

.post_entry_content {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  color: rgb(49, 49, 49);
  font-size: 1.2em;
  border-bottom: 1px solid rgb(49, 49, 49);
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.post_entry_content svg {
  margin-right: 10px;
}

.single_actu_cta {
  border-top: 1px solid rgb(242, 242, 242);
}

/* ================ 404 =================== */
body.error404 #inner-content {
  background-position: center;
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
}
body.error404 #inner-content .overlay_404 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
body.error404 #inner-content .section404 {
  position: relative;
  z-index: 5;
  padding: 20px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
}
body.error404 #inner-content .section404 h1 {
  margin-bottom: 20px;
  font-size: 1.8em;
  line-height: 1.2em;
  position: relative;
  color: rgb(48, 48, 48);
  font-weight: 600;
  text-transform: inherit;
  padding: 0.15rem 0;
}
body.error404 #inner-content .section404 h1 em {
  font-style: normal;
  color: #FFF;
  padding-bottom: 0.1em;
  font-weight: 800;
}
body.error404 #inner-content a.btn {
  margin-top: 20px;
  text-decoration: none;
}

/********************** SCROLLTOP ******************/
.scrolltop {
  display: block;
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  z-index: 100;
  background-color: rgb(250, 19, 52);
  background-image: url(../../library/images/arrow-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 5px solid rgb(250, 19, 52);
  transform: rotate(90deg);
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.scrolltop.scrolltopVisible {
  opacity: 1;
  pointer-events: all;
}
.scrolltop:hover {
  opacity: 0.5;
}

/* ================ COOKIE =================== */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: rgb(250, 19, 52) !important;
  border-color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid rgb(250, 19, 52) !important;
  color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid rgb(250, 19, 52) !important;
  padding: 6px !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #CCC !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialog * {
  font-size: 0.98em !important;
}

#CybotCookiebotDialog a {
  color: rgb(250, 19, 52) !important;
}

#CybotCookiebotDialog {
  bottom: 20px !important;
  left: 20px !important;
  transform: initial !important;
  top: auto !important;
  max-width: 500px !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
  padding: 10px !important;
}

#CybotCookiebotDialogHeader {
  display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: rgb(250, 19, 52) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: rgb(250, 19, 52) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: rgb(250, 19, 52) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: rgb(250, 19, 52) !important;
  border-color: rgb(250, 19, 52) !important;
}

/* ================ FORMULAIRES =================== */
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
  border: none;
}
.gform_wrapper.gravity-theme input[type=color]:focus, .gform_wrapper.gravity-theme input[type=date]:focus, .gform_wrapper.gravity-theme input[type=datetime-local]:focus, .gform_wrapper.gravity-theme input[type=datetime]:focus, .gform_wrapper.gravity-theme input[type=email]:focus, .gform_wrapper.gravity-theme input[type=month]:focus, .gform_wrapper.gravity-theme input[type=number]:focus, .gform_wrapper.gravity-theme input[type=password]:focus, .gform_wrapper.gravity-theme input[type=search]:focus, .gform_wrapper.gravity-theme input[type=tel]:focus, .gform_wrapper.gravity-theme input[type=text]:focus, .gform_wrapper.gravity-theme input[type=time]:focus, .gform_wrapper.gravity-theme input[type=url]:focus, .gform_wrapper.gravity-theme input[type=week]:focus, .gform_wrapper.gravity-theme select:focus, .gform_wrapper.gravity-theme textarea:focus {
  outline: none;
}

.gform_wrapper.gravity-theme .gfield_label {
  color: rgb(48, 48, 48);
  font-family: "Bebas Neue";
  font-weight: 400 !important;
  margin-bottom: 2px;
}

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper option {
  color: rgb(49, 49, 49) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  border: 1px solid rgb(49, 49, 49) !important;
  font-size: 1rem !important;
}
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder,
.gform_wrapper select::placeholder,
.gform_wrapper option::placeholder {
  color: rgb(49, 49, 49) !important;
  opacity: 1;
}

.gfield_consent_label {
  color: rgb(49, 49, 49) !important;
  margin-bottom: 2px !important;
}

.gform_wrapper.gravity-theme textarea {
  border: none;
}

.gform_footer {
  justify-content: flex-end !important;
  display: flex;
}

.gform_footer .gform_button {
  padding: 0.9em 2.5em 0.6em 2.5em !important;
  font-size: 1.2em;
  text-transform: uppercase;
  display: inline-block;
  background-color: rgb(250, 19, 52) !important;
  color: white !important;
  transition: 0.2s !important;
  border: 1px solid rgb(250, 19, 52) !important;
  margin: 0;
  font-family: "Bebas Neue";
  border-radius: 20px !important;
}
.gform_footer .gform_button:hover {
  background-color: transparent !important;
  color: rgb(250, 19, 52) !important;
}

.gform_heading {
  display: none;
}

.gfield_required,
.gfield_contains_required {
  position: relative;
}
.gfield_required span.gfield_required_text,
.gfield_contains_required span.gfield_required_text {
  display: block;
}
.gfield_contains_required .name_first {
  position: relative;
}
.gfield_contains_required .name_first::before {
  right: 0;
}

.gfield_required.gfield_required_custom::before {
  right: auto;
  left: -12px;
  font-size: 1.5em;
}

.gform_wrapper input[type=checkbox] {
  margin-right: 5px;
}

.gform_button {
  margin: auto;
}

/********************** CARTE GMAP ******************/
.map_container .map {
  height: 100%;
}

/********************** LIEN VERS PAGE ******************/
/********************** TEXTE ICONE ******************/
.texte-icone {
  padding-left: 20px;
  border-left: 1px solid rgb(135, 126, 127);
  position: relative;
  margin: 20px auto 20px 60px;
}
.texte-icone h2 {
  padding: 0;
  margin: auto auto 0 0;
  font-size: 25px;
  font-weight: 600;
}
.texte-icone .texte_icon {
  position: absolute;
  width: 40px;
  left: -60px;
  font-size: 30px;
}

/* ================================================== */
/* ================KADENCE BLOCK  =================== */
/* ================================================== */
.kt-inside-inner-col {
  min-height: 100%;
}

.kb-theme-content-width {
  padding-left: 10px;
  padding-right: 10px;
}

.kb-row-layout-wrap {
  overflow: hidden;
}

/************************************************/
/************************************************/
/********************** PROJET ******************/
/************************************************/
/************************************************/
#inner-content {
  padding-top: 0;
}

.home_bandeau {
  height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.home_bandeau .home_bandeau_video {
  overflow: hidden;
}
.home_bandeau .home_bandeau_video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.home_bandeau .home_bandeau_intro {
  display: flex;
  align-items: flex-end;
  padding: 20px 3vw 15vh;
}
.home_bandeau .home_bandeau_intro .home_bandeau_intro_content {
  max-width: 500px;
}
.home_bandeau .home_bandeau_intro .home_bandeau_intro_img {
  max-width: 230px;
  display: block;
  margin-bottom: 15px;
}
.home_bandeau .home_bandeau_intro .home_bandeau_intro_txt p {
  font-family: "Montserrat";
  color: #FFF;
  font-weight: 600;
  padding-left: 5px;
  padding-right: 5px;
}

.pagelink_style1 a {
  padding: 250px 20px;
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  background-color: #2d2d2d;
}
.pagelink_style1 a figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.pagelink_style1 a figure img {
  object-fit: cover;
  filter: grayscale(1);
  transition: 0.3s;
  opacity: 0.4;
}
.pagelink_style1 a .pagelink_content {
  text-align: center;
  max-width: 400px;
  margin: auto;
  z-index: 1;
  position: relative;
  transition: 0.3s;
  color: #FFF !important;
}
.pagelink_style1 a .pagelink_content h3 {
  font-family: "Bebas Neue";
  font-size: 50px;
  color: #FFF;
}
.pagelink_style1 a .pagelink_content p {
  font-family: "Montserrat";
}
.pagelink_style1 a:hover figure img {
  filter: grayscale(0);
  opacity: 1;
}
.pagelink_style1 a:hover .pagelink_content h3 {
  color: rgb(250, 19, 52);
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.pagelink_style1 a:hover .pagelink_content p {
  opacity: 0;
}

.lien_vers_page {
  align-self: stretch;
  display: flex;
  height: 100%;
}

.ariane {
  background-color: rgb(250, 19, 52);
}
.ariane #breadcrumbs {
  color: #FFF;
}

/* ================ RESPONSIVE DU PROJET  =================== */
@media screen and (max-width: 990px) {
  .home_bandeau {
    grid-template-columns: 2fr;
  }
  .home_bandeau .home_bandeau_intro {
    padding: 20px 20px 20px 20px;
  }
  .home_bandeau .home_bandeau_intro {
    text-align: center;
    justify-content: center;
  }
  .home_bandeau .home_bandeau_intro .home_bandeau_intro_img {
    max-width: 130px;
    margin: 5px auto 15px auto;
  }
  .home_bandeau .home_bandeau_intro .home_bandeau_intro_txt p {
    font-size: 0.8em;
    line-height: 1.2em;
  }
}
@media screen and (max-width: 880px) {
  #inner-content {
    padding-right: 40px;
  }
}
@media screen and (max-width: 550px) {
  .ariane {
    padding: 5px 0;
  }
  .ariane #breadcrumbs {
    font-size: 11px;
  }
  .col_link {
    text-align: center;
  }
  .btn1,
  .btn2 {
    font-size: 15px;
    padding: 10px 30px 10px 30px;
  }
}
.archive_bandeau {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  text-align: left;
  position: relative;
}

.archive .block_bandeau h1,
.archive_bandeau h1 {
  line-height: 1.2em;
  position: relative;
  color: #FFF;
  font-weight: 600;
  text-transform: inherit;
  padding: 0.15rem 0;
}
.archive .block_bandeau h1 em,
.archive_bandeau h1 em {
  font-size: 1.3em;
  display: block;
  font-style: normal;
  color: #FFF;
  padding-bottom: 0.1em;
  font-weight: 800;
}
.archive .block_bandeau h1 p,
.archive_bandeau h1 p {
  font-size: 100px;
}
.archive .block_bandeau h1::before,
.archive .block_bandeau h1 p::before,
.archive_bandeau h1::before,
.archive_bandeau h1 p::before {
  display: none !important;
}
.archive .block_bandeau .published_date,
.archive_bandeau .published_date {
  color: #FFF;
  font-weight: 700;
  font-size: 0.8rem;
}

.actualites_archive,
.mise_en_avant_darticles,
.agenda_archive {
  padding: 0rem 0 0 0;
}
.actualites_archive + .col_link,
.mise_en_avant_darticles + .col_link,
.agenda_archive + .col_link {
  margin-top: 30px;
}
.actualites_archive a,
.mise_en_avant_darticles a,
.agenda_archive a {
  text-decoration: none;
}
.actualites_archive article,
.mise_en_avant_darticles article,
.agenda_archive article {
  text-align: left;
  padding-bottom: 60px;
  position: relative;
}
.actualites_archive article figure,
.mise_en_avant_darticles article figure,
.agenda_archive article figure {
  position: relative;
  overflow: hidden;
  margin: auto;
  height: 230px;
}
.actualites_archive article figure img,
.mise_en_avant_darticles article figure img,
.agenda_archive article figure img {
  transition: 0.3s;
  position: relative;
}
.actualites_archive article .read_more,
.mise_en_avant_darticles article .read_more,
.agenda_archive article .read_more {
  width: 100%;
  margin: 20px auto 10px auto;
  position: absolute;
  bottom: 0;
}
.actualites_archive article:hover .read_more,
.mise_en_avant_darticles article:hover .read_more,
.agenda_archive article:hover .read_more {
  text-decoration: none;
  background-color: rgb(250, 19, 52);
  color: #FFF;
  border: 2px solid rgb(250, 19, 52);
}
.actualites_archive article:hover figure img,
.mise_en_avant_darticles article:hover figure img,
.agenda_archive article:hover figure img {
  transform: scale(1.03);
}
.actualites_archive article:hover .post_title, .actualites_archive article:hover .post_excerpt,
.mise_en_avant_darticles article:hover .post_title,
.mise_en_avant_darticles article:hover .post_excerpt,
.agenda_archive article:hover .post_title,
.agenda_archive article:hover .post_excerpt {
  color: rgb(250, 19, 52);
}

.real_filter ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0 0 0;
  margin: 5px auto 40px auto;
  font-family: "Montserrat";
}
.real_filter ul li {
  margin: 5px;
}
.real_filter ul li a {
  background-color: rgb(250, 19, 52);
  text-transform: uppercase;
  padding: 6px 12px 7px 12px;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 10px;
}
.real_filter ul li a:hover {
  background-color: rgb(35, 35, 35);
}
.real_filter ul li a.current {
  background-color: rgb(35, 35, 35);
}

.list_post > a {
  display: block;
}

/* ================ ARCHIVE =================== */
.infobulle {
  width: 200px;
  text-align: center;
}
.infobulle figure {
  height: 100px;
  width: 100%;
  display: flex;
}
.infobulle .infobulle_title {
  font-weight: 700;
  display: block;
  margin: 7px auto;
  color: rgb(250, 19, 52);
}
.infobulle .btn.btn1 {
  padding: 8px 30px 7px 30px;
  font-size: 14px;
}

button.gm-ui-hover-effect {
  border-radius: 50% !important;
  background-color: rgb(48, 48, 48) !important;
  color: #FFF !important;
  top: 3px !important;
  right: 3px !important;
}
button.gm-ui-hover-effect span {
  background-color: #FFF !important;
}

#map .gm-fullscreen-control,
#map .gm-style-cc {
  display: none;
}
#map a[rel=noopener] {
  display: none !important;
}

.nav-links {
  position: relative;
}
.nav-links > a,
.nav-links > span {
  color: rgb(235, 86, 113);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1em;
  padding: 0.2rem;
  display: inline-block;
  text-decoration: none;
  background-color: rgb(135, 126, 127);
  padding: 7px 10px 6px 10px;
  transition: 0.3s;
  margin: auto 2px;
}
.nav-links > a.current,
.nav-links > span.current {
  background: rgb(48, 48, 48);
  color: #FFF;
}
.nav-links > a:hover,
.nav-links > span:hover {
  background-color: rgb(250, 19, 52);
  color: #FFF;
}

/* ================ FILTRE CATEGORIE =================== */
.cat_filter {
  padding: 0.5rem 2rem;
}
.cat_filter ul {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
.cat_filter ul li {
  margin: 3px 3px;
}
.cat_filter ul li a {
  display: block;
  padding: 5px 12px 6px 12px;
  border-radius: 15px;
  background-color: rgb(48, 48, 48);
  color: #FFF;
}
.cat_filter ul li a.current, .cat_filter ul li a:hover {
  background-color: rgb(235, 86, 113);
}

.pagination .nav-links > a, .pagination .nav-links > span {
  background-color: rgb(242, 242, 242);
  color: rgb(250, 19, 52);
  padding: 7px 10px 7px 10px;
  border-radius: 3px;
  font-weight: 400;
  font-family: "Montserrat";
}
.pagination .nav-links > a.current, .pagination .nav-links > span.current {
  background-color: rgb(250, 19, 52);
  color: rgb(242, 242, 242);
}
/* ================ RESPONSIVE DU BLOCK  =================== */
/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
.titre_bandeau {
  padding: 128px 20px;
}

.mise_en_avant_darticles_content,
.actualites_archive {
  gap: 1em;
  font-family: "Montserrat";
}
.mise_en_avant_darticles_content article figure,
.actualites_archive article figure {
  height: 230px;
  border-radius: 8px;
  max-height: 70vh;
}
.mise_en_avant_darticles_content article .post_date,
.actualites_archive article .post_date {
  position: absolute;
  margin: -15px auto 0px auto;
  padding: 5px 50px;
  background-color: rgb(48, 48, 48);
  color: #FFF;
  border-radius: 8px;
  overflow: hidden;
  font-family: "Bebas Neue";
  font-size: 26px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}
.mise_en_avant_darticles_content article .article_content,
.actualites_archive article .article_content {
  padding: 0 0 65px 0;
  text-align: center;
  position: relative;
}
.mise_en_avant_darticles_content article .article_content .post_title,
.actualites_archive article .article_content .post_title {
  color: rgb(250, 19, 52);
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1.1em;
  text-align: center;
  margin: 45px 0px 20px 0;
  display: block;
}
.mise_en_avant_darticles_content article .article_content .post_excerpt,
.actualites_archive article .article_content .post_excerpt {
  color: rgb(48, 48, 48);
  font-weight: 300;
  font-size: 0.9em;
}
.mise_en_avant_darticles_content article .article_content .actu_resume_entry,
.actualites_archive article .article_content .actu_resume_entry {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: underline;
  color: rgb(48, 48, 48);
  font-weight: 800;
  font-size: 0.9em;
  margin-top: 20px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  transition: 0.3s;
}
.mise_en_avant_darticles_content article:hover .actu_resume_entry,
.actualites_archive article:hover .actu_resume_entry {
  color: rgb(250, 19, 52);
}

.liste_programmes {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 15vh 10px;
}
.liste_programmes article {
  grid-column-start: 2;
  grid-column-end: 9;
}
.liste_programmes article:nth-child(odd) {
  grid-column-start: 4;
  grid-column-end: 12;
}

.realisations_listing {
  overflow-x: hidden;
  padding: 20px 0 100px 0;
}

.post-type-archive-realisations .liste_programmes article > a {
  display: block;
  position: relative;
}
.post-type-archive-realisations .liste_programmes article > a figure .object-fit {
  height: 80vh;
  transition: 0.5s;
}
.post-type-archive-realisations .liste_programmes article > a .readMore {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(-100%);
  overflow: hidden;
}
.post-type-archive-realisations .liste_programmes article > a .readMore span {
  display: block;
  font-size: 40px;
  line-height: 1.2em;
  padding: 15px 5px;
  color: #FFF;
  background-color: rgb(250, 19, 52);
  writing-mode: sideways-lr;
  text-orientation: mixed;
  white-space: nowrap;
  transform: translateX(110%);
  transition: 0.4s;
  transition-delay: 0.5s;
}
.post-type-archive-realisations .liste_programmes article > a .prog_content {
  position: absolute;
  bottom: 0;
}
.post-type-archive-realisations .liste_programmes article > a .prog_content .post_title {
  color: #FFF;
  font-size: 110px;
}
.post-type-archive-realisations .liste_programmes article > a .prog_content .post_title p {
  font-weight: 400;
  line-height: 84px;
  padding: 0;
  margin: 0;
  outline: none;
  transform: translateY(15px);
}
.post-type-archive-realisations .liste_programmes article > a .post_title_bis {
  position: absolute;
  font-size: 60vh;
  color: rgb(250, 19, 52);
  top: 10px;
  line-height: 60vh;
  mix-blend-mode: multiply;
  font-weight: 800;
  white-space: nowrap;
  transition: 15s;
  transform: translateX(-6%);
}
.post-type-archive-realisations .liste_programmes article > a:hover .post_title_bis {
  transform: translateX(-30%);
}
.post-type-archive-realisations .liste_programmes article > a:hover figure .object-fit {
  transform: scale(1.02);
  filter: grayscale(1);
}
.post-type-archive-realisations .liste_programmes article > a:hover .readMore span {
  transform: translateX(0);
}

.real_filter {
  padding-bottom: 30px;
}
.real_filter ul li a {
  border-radius: 0;
}

.actualites_list_page {
  background-image: url(../images_projet/bg_login.jpg);
}
.actualites_list_page .actualites_archive {
  padding-top: 30px;
}
.actualites_list_page .actualites_archive .list_post a {
  background-color: #FFF;
}
.actualites_list_page .actualites_archive .list_post a figure {
  border-radius: 0;
}
.actualites_list_page .actualites_archive .list_post a .post_date {
  font-family: "Montserrat";
  font-size: 15px;
  border-radius: 0;
  padding: 2px 30px;
  font-weight: 300;
}
.actualites_list_page .actualites_archive .list_post a .post_title {
  font-family: "Bebas Neue";
  font-weight: 400;
  font-size: 26px;
  margin: 36px 0px 10px 0;
  padding: 0px 20px;
}

@media screen and (max-width: 880px) {
  .titre_bandeau {
    padding: 100px 20px;
  }
  .post-type-archive-realisations .liste_programmes article > a figure .object-fit {
    height: 70vh;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content .post_title {
    font-size: 65px;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content .post_title p {
    line-height: 60px;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content {
    bottom: 10px;
  }
  .post-type-archive-realisations .liste_programmes article > a .post_title_bis {
    font-size: 50vh;
  }
  .archive .block_bandeau h1 p, .archive_bandeau h1 p {
    font-size: 70px;
  }
}
@media screen and (max-width: 550px) {
  .titre_bandeau {
    padding: 50px 20px;
  }
  .post-type-archive-realisations .liste_programmes article > a figure .object-fit {
    height: 60vh;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content .post_title {
    font-size: 30px;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content .post_title p {
    line-height: 30px;
  }
  .post-type-archive-realisations .liste_programmes article > a .prog_content {
    bottom: 15px;
  }
  .post-type-archive-realisations .liste_programmes article > a .post_title_bis {
    font-size: 40vh;
  }
  .archive .block_bandeau h1 p, .archive_bandeau h1 p {
    font-size: 40px;
  }
  .liste_programmes article {
    grid-column-start: 2;
    grid-column-end: 10;
  }
  .liste_programmes article:nth-child(2n+1) {
    grid-column-start: 3;
    grid-column-end: 12;
  }
  .real_filter {
    padding-bottom: 0;
  }
  .real_filter ul li a {
    font-size: 10px;
  }
}
.bandeaux.bandeau_simple {
  text-align: center;
}
.bandeaux.bandeau_simple .container .colonnes {
  min-height: auto;
}

/* ================  FLECHE GO TO CONTENT  =================== */
.goToContent {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url(../../library/images/arrow-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%) rotate(-90deg);
  z-index: 5;
  opacity: 0.5;
  transition: 0.3s;
}
.goToContent:hover {
  opacity: 1;
}

/* ================  DATE  =================== */
.bandeau .post_date {
  display: inline-block;
  padding: 0.5rem;
  font-size: 0.9em;
  background-color: rgb(48, 48, 48);
  font-weight: 300;
  text-transform: capitalize;
}

.bandeau .post_cartouche {
  text-align: center;
  margin-top: 10px;
}
.bandeau .post_cartouche span {
  background-color: rgb(48, 48, 48);
  display: inline-block;
  color: #FFF;
  padding: 7px 15px 6px 15px;
  font-size: 1.2em;
  font-weight: 500;
}

/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
/* ================ RESPONSIVE DU BLOCK  =================== */