@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: 1250px;
}

/******** COULEURS PROJET *******/
.main1 {
  background-color: rgb(243, 174, 31);
}

.main1_hover {
  background-color: rgb(255, 236, 1);
}

.main2 {
  background-color: rgb(244, 207, 189);
}

.main2_hover {
  background-color: rgb(44, 44, 44);
}

/* ================ RESPONSIVE SPECIAL AU PROJET  =================== */
@media screen and (max-width: 1600px) {
  :root {
    --wp--style--global--content-size: 90vw;
  }
}
.block35,
.block35 p {
  line-height: 1.2em;
}

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

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

.heading1,
.editor-styles-wrapper h1,
.heading1 p {
  font-size: 40px;
  line-height: 1.3em;
  position: relative;
  padding: 0.15rem 0;
  margin: 0;
  color: rgb(243, 174, 31);
}
.heading1 em,
.editor-styles-wrapper h1 em,
.heading1 p em {
  display: block;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 15px;
  font-style: normal;
  color: rgb(94, 94, 94);
}

.dark .heading1,
.dark .editor-styles-wrapper h1,
.dark .heading1 p {
  color: rgb(243, 174, 31);
}

.heading2,
.editor-styles-wrapper h2 {
  font-size: 40px;
  line-height: 1.3em;
  position: relative;
  padding: 0.15rem 0;
  margin: 0;
  color: rgb(243, 174, 31);
}
.heading2 em,
.editor-styles-wrapper h2 em {
  display: block;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 15px;
  font-style: normal;
  color: rgb(94, 94, 94);
}

.light .heading2,
.editor-styles-wrapper .light h2 {
  color: rgb(255, 236, 1);
}
.light .heading2 em,
.editor-styles-wrapper .light h2 em {
  color: #FFF;
}
.light .heading2::before,
.editor-styles-wrapper .light h2::before {
  border-left: 2px solid rgb(244, 207, 189);
  border-top: 2px solid rgb(244, 207, 189);
}
.light .heading2::after,
.editor-styles-wrapper .light h2::after {
  border-right: 2px solid rgb(244, 207, 189);
}

.heading3,
.editor-styles-wrapper h3 {
  font-size: 1.2rem;
  display: block;
  font-weight: 600;
  padding-top: 0.1em;
  line-height: 1.2em;
  margin: 0.3rem auto 0.5rem auto;
  font-family: "Montserrat";
  text-transform: uppercase;
}

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

.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(244, 207, 189);
}

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: 700;
}
.style_paragraphe_sans_forme p,
.style_paragraphe p,
.style_paragraphe_marge p,
.paragraphe_content p {
  line-height: 1.3em;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0;
}
.style_paragraphe_sans_forme a,
.style_paragraphe a,
.style_paragraphe_marge a,
.paragraphe_content a {
  transition-duration: 0.2s;
  color: rgb(243, 174, 31);
  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_sans_forme.light a,
.style_paragraphe.light a,
.style_paragraphe_marge.light a,
.paragraphe_content.light a {
  color: rgb(255, 236, 1);
}

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

/************************************************/
/********************** STYLES ******************/
/************************************************/
.style_quote {
  color: rgb(244, 207, 189);
  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(244, 207, 189);
  font-family: "Montserrat";
}
.style_chapeau em {
  color: rgb(244, 207, 189);
  font-family: "Montserrat";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-size: 30px;
}

.style_mea {
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
  color: rgb(58, 58, 58);
  padding: 0 5px;
}
.style_mea strong {
  font-weight: 700;
}

.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(243, 174, 31);
}
.style_cta strong {
  font-weight: bold;
}
.style_cta p {
  display: inline-block;
  border-top: 2px rgb(243, 174, 31) 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(244, 207, 189);
  position: absolute;
  left: -15px;
  top: 0.6rem;
}

.style_liste_trait ul {
  border-left: 2px solid rgb(244, 207, 189);
  padding-left: 20px;
}
.style_liste_trait li {
  color: rgb(243, 174, 31);
  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(244, 207, 189);
}

.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.2rem;
    line-height: 22px;
  }
  h2.heading2 em {
    font-size: 18px;
  }
  h3.heading3 {
    font-size: 1.4rem;
  }
  .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;
  }
  .style_mea {
    padding: 0 10px;
    font-size: 18px;
    line-height: 28px;
  }
}
/************************************************/
/********************** PROJET ******************/
/************************************************/
.style_title {
  font-size: 2rem;
  color: rgb(243, 174, 31);
  font-weight: 700;
  padding: 0.5em 0 0.2em 0;
}
.style_title em {
  font-weight: 400;
  font-size: 1.2rem;
  color: rgb(58, 58, 58);
  font-style: normal;
}

.style_custom1 {
  font-weight: 400;
  font-style: italic;
  color: rgb(243, 174, 31);
}
.style_custom1 p {
  font-size: 18px;
  line-height: 1.4em;
}

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

#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: 1170px) {
  html.no-js {
    margin-top: 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(58, 58, 58);
}

.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: 1170px) {
  .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: 1170px) {
  .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(243, 174, 31);
  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(243, 174, 31);
  background-color: rgba(243, 174, 31, 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: center;
  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: 75px;
  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: "Montserrat";
}
.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(255, 236, 1);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a {
  color: rgb(243, 174, 31);
}
.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(255, 236, 1);
  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(58, 58, 58);
  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(244, 207, 189);
}
.sous_menu_horitontal .sub-menu li:hover a {
  color: rgb(243, 174, 31);
}

/********* 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(255, 236, 1);
  margin-bottom: 2px;
}
.sous_menu_vertical .sub-menu li a {
  color: rgb(58, 58, 58);
  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(243, 174, 31);
}
.sous_menu_vertical .sub-menu li:hover a {
  color: rgb(255, 236, 1);
}

.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(243, 174, 31);
}
.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;
}

.main_nav nav ul.nav > li.current-menu-ancestor .current-menu-item a {
  color: rgb(255, 236, 1);
  background-color: rgb(243, 174, 31);
}

.main_nav nav ul.nav > li.current-menu-ancestor > a span,
.main_nav nav#menu_header ul.nav > li.current-menu-item > a span {
  color: rgb(255, 236, 1);
}

.main_nav nav ul.nav > li.menu-item-has-children.current-menu-ancestor > a:after {
  background-image: url(../../library/images/menu_down_v_blanc.svg) !important;
}

.secondaray_header .main_nav nav ul.nav > li.current-menu-ancestor > a > span,
.secondaray_header .main_nav nav#menu_header ul.nav > li.current-menu-item > a span {
  color: rgb(243, 174, 31);
}

.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children a::after {
  background-image: url(../../library/images/menu_down_v_brown.svg) !important;
}

.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li.current-menu-item {
  background-color: rgb(243, 174, 31) !important;
}

.secondaray_header .main_nav nav ul.nav > li.current-menu-ancestor {
  color: rgb(255, 236, 1);
}
.secondaray_header .main_nav nav ul.nav > li.current-menu-ancestor li.current-menu-item a span {
  color: rgb(255, 236, 1);
}

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

/*************** MENU MOBILE *************/
.menu_mobile {
  font-family: "Montserrat";
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(243, 174, 31, 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(244, 207, 189);
}
.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(244, 207, 189, 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(244, 207, 189);
  border-radius: 0 10px 0 0;
  margin-top: 5px;
}

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

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 1170px) {
  .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 =================== */
/* ========================================================= */
/* ========================================================= */
.header_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: #575965;
  background: linear-gradient(180deg, rgba(174, 153, 112, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 5;
  flex: none;
}

.col_small_logo {
  width: 230px;
  display: none;
}

.header_droite {
  margin-top: 35px;
  align-content: center;
  width: 230px;
  position: absolute;
  right: 3vw;
  top: 0;
  text-align: right;
}

.secondaray_header.fixed {
  background-color: rgb(255, 236, 1);
  top: 0;
}

.secondaray_header {
  z-index: 10;
}
.secondaray_header .logo {
  padding: 10px 0;
  width: 230px;
  justify-content: start;
}
.secondaray_header .logo .main_logo {
  height: 80px;
}
.secondaray_header .header_droite {
  margin-top: -3px;
  position: relative;
}
.secondaray_header .main_nav nav ul.nav {
  border-top: 0;
  padding-top: 0;
}
.secondaray_header .main_nav nav ul.nav > li > a {
  color: rgb(58, 58, 58);
  font-size: 14px;
  padding: 30px 10px 30px 10px;
}
.secondaray_header .main_nav nav ul.nav > li > a span {
  opacity: 0.3s;
}
.secondaray_header .main_nav nav ul.nav > li:hover a span {
  color: rgb(243, 174, 31);
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children a::after {
  background-image: url(../../library/images/menu_down_v.svg);
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  pointer-events: auto;
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu {
  pointer-events: none;
  width: 240px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin: auto;
  margin-top: auto;
  padding: 11px 0 0px 0;
  border-radius: 0px;
  margin-top: -1px;
  transition: 0.3s;
  opacity: 0;
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li {
  background-color: rgb(255, 236, 1);
  padding: 4px 10px;
  margin-bottom: 2px;
  transition: 0.3s;
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li a {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: rgb(243, 174, 31);
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li:hover {
  background-color: rgb(243, 174, 31);
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li:hover a span {
  color: rgb(255, 236, 1);
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu:hover {
  pointer-events: auto;
}
.secondaray_header .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu:hover a {
  color: rgb(255, 236, 1);
}

.language-switcher {
  position: relative;
  display: inline-block;
  font-family: sans-serif;
  color: white;
  margin-right: 30px;
  font-size: 14px;
}
.language-switcher .current-lang {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 700;
}
.language-switcher .arrow {
  margin-top: -3px;
}
.language-switcher .arrow svg {
  display: block;
  width: 14px;
  height: 14px;
  transition: 0.2s;
  stroke: #FFFFFF;
  stroke-width: 2;
}
.language-switcher .lang-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 4px;
  z-index: 1000;
}
.language-switcher .lang-options li a {
  display: block;
  padding: 6px 12px 4px 12px;
  background: rgb(243, 174, 31);
  color: #FFF;
  transform: translateX(-11px);
  transition: 0.2s;
}
.language-switcher .lang-options li a:hover {
  background-color: rgb(255, 236, 1);
  color: rgb(243, 174, 31);
}

.language-switcher:hover .arrow svg {
  transform: rotate(180deg);
}
.language-switcher:hover .lang-options {
  display: block;
}

.header_droite {
  display: flex;
  align-items: center;
  justify-content: end;
}

.secondaray_header .language-switcher {
  color: rgb(243, 174, 31);
}
.secondaray_header .language-switcher .arrow svg {
  stroke: rgb(243, 174, 31);
}

/* ================ RESPONSIVE PROJET  =================== */
@media screen and (max-width: 1400px) {
  .secondaray_header .logo {
    width: auto;
  }
}
@media screen and (max-width: 1180px) {
  #main_header {
    position: fixed;
    background-color: rgb(255, 236, 1);
  }
  #main_header .logo_mobile {
    height: 46px;
    width: auto;
    margin: auto 0;
    padding: 0;
  }
  #main_header .logo_mobile a {
    display: block;
    height: 100%;
  }
  #main_header .logo_mobile a img {
    display: block;
    height: 100%;
  }
  #main_header .menu_mobile.open {
    padding-top: 20vh;
  }
  .secondaray_header {
    display: none;
  }
  .header_overlay {
    display: none;
  }
}
#main_footer {
  color: #FFF;
  width: 100vw;
  position: relative;
  background-color: rgb(243, 174, 31);
  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(244, 207, 189);
  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(243, 174, 31);
  background-color: #FFF;
  border-radius: 50%;
  transition: 0.3s;
  font-size: 23px;
}
.footer_socials a:hover {
  color: rgb(243, 174, 31);
  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(243, 174, 31);
}

.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 !important;
  text-decoration: underline;
}
.footer_mentions a:hover {
  color: rgb(255, 236, 1) !important;
}

/* ================ 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: rgb(243, 174, 31);
  padding: 20px 10px 10px 10px;
  text-align: center;
  color: #FFF;
  background-image: url(../../library/images_projet/footer.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
#main_footer::before {
  content: "";
  display: block;
  width: 200px;
  height: 50px;
  background-image: url(../../library/images_projet/footer-brick.svg);
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0px;
  top: 8px;
  transform: translateY(-100%);
}
#main_footer::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 330px;
  height: 80%;
  background-image: url(../../library/images_projet/footer2.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
#main_footer .footer_logo {
  width: 260px;
  margin-bottom: 0px;
}
#main_footer .footer_adresse {
  font-size: 1em;
}
#main_footer .footer_tel {
  text-align: center;
  padding: 20px 4px;
  font-size: 1.1em;
}
#main_footer .footer_tel a {
  color: rgb(244, 207, 189);
  font-weight: 400;
}
#main_footer .footer_content .container.footergrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#main_footer .footer_content .colg .footer_line {
  display: block;
  width: 340px;
  height: 340px;
  border-right: 1px solid #FFF;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-radius: 100% 0% 0 0;
  position: relative;
}
#main_footer .footer_content .colg .footer_line:before {
  content: "";
  width: 0px;
  border-left: 1px solid #FFF;
  height: 400px;
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0;
  transform: translateY(100%);
}
#main_footer .footer_content_text p {
  font-weight: 600;
  padding-bottom: 10px;
}
#main_footer .footer_content_text a {
  margin-top: 10px;
  display: block;
}
#main_footer .footer_content_text a em {
  font-size: 1.3em;
  font-weight: 800;
  font-style: normal;
  color: #FFF;
}
#main_footer .footer_content_text a + br {
  display: none;
}
#main_footer .footer_content_text a strong {
  font-size: 1.5em;
  text-decoration: none;
  font-weight: 800;
  color: rgb(244, 207, 189);
}
#main_footer .footer_socials {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
#main_footer .footer_socials a {
  background-color: rgb(244, 207, 189);
  color: #FFF;
  width: 34px;
  height: 34px;
  padding: 4px;
}
#main_footer .footer_socials a svg {
  height: 20px;
  fill: rgb(243, 174, 31);
  display: block;
}
#main_footer .footer_socials a:hover {
  background-color: rgb(255, 236, 1);
}
#main_footer .footer_socials a.social_tripadvisor {
  padding: 0;
}
#main_footer .footer_socials a.social_tripadvisor svg {
  height: auto !important;
  width: 40px !important;
}
#main_footer .footer_socials a.social_tripadvisor svg path {
  fill: rgb(243, 174, 31);
}
#main_footer .footer_plan img {
  max-width: 380px;
}
#main_footer .footer_mentions {
  margin-top: 10px;
  padding-top: 0px;
}
#main_footer .footer_mentions p {
  color: #FFF;
  font-weight: 700 !important;
}
#main_footer .footer_mentions a {
  color: #FFF;
  transition: 0.3s;
  text-decoration: none;
}
#main_footer .footer_mentions a:hover {
  color: rgb(255, 236, 1) !important;
  text-decoration: underline;
}
#main_footer .footer_originals {
  margin: 20px auto 0 auto;
  max-width: 340px;
  display: block;
  border-bottom: 1px solid #FFF;
  padding-bottom: 20px;
}
#main_footer .footer_originals img {
  max-width: 240px;
}

@media screen and (max-width: 1180px) {
  #main_footer {
    padding-top: 40px;
  }
  #main_footer .footer_content .colg .footer_line {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 880px) {
  #main_footer .footer_content .colg .footer_line {
    display: none;
  }
  .footer_plan {
    display: none;
  }
  #main_footer .footer_mentions {
    font-size: 12px;
  }
}
#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 {
  transition: 0.3s;
  color: rgb(58, 58, 58);
  font-family: "Montserrat";
}

.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: "Montserrat";
}
.btn .link_icon {
  display: inline-block;
  margin-right: 8px;
  transform: translate(-4px, 1px);
}

.btn1 {
  padding: 12px 25px 14px 25px;
  color: #FFF;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  font-size: 1em;
  background-color: rgb(243, 174, 31);
}
.btn1:hover {
  color: rgb(243, 174, 31);
  background-color: rgb(255, 236, 1);
}

.btn2 {
  padding: 12px 25px 14px 25px;
  color: rgb(243, 174, 31);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  font-size: 14px;
  background-color: #FFF;
}
.btn2:hover {
  color: rgb(255, 236, 1);
  background-color: rgb(243, 174, 31);
}

.btn3 {
  padding: 12px 25px 13px 25px;
  color: rgb(243, 174, 31);
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  font-size: 14px;
  background-color: rgb(255, 236, 1);
}
.btn3:hover {
  color: rgb(243, 174, 31);
  background-color: #FFF;
}

.btn4 {
  padding: 12px 25px 14px 25px;
  color: rgb(243, 174, 31);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  font-size: 14px;
  border: 1px solid rgb(243, 174, 31);
}
.btn4:hover {
  color: rgb(255, 236, 1);
  background-color: rgb(243, 174, 31);
}

.btn5 {
  padding: 12px 25px 14px 25px;
  color: rgb(244, 207, 189);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Montserrat";
  font-size: 14px;
  border: 1px solid rgb(244, 207, 189);
}
.btn5:hover {
  color: rgb(243, 174, 31);
  background-color: #FFF;
  border: 1px solid #FFF;
}

/* ================ FIL D'ARIANE =================== */
.ariane {
  background-color: #FFF;
  padding: 20px 0;
  z-index: 2;
  text-align: right;
}
.ariane #breadcrumbs {
  font-size: 13px;
  font-weight: 500;
  color: rgb(112, 112, 112);
}
.ariane #breadcrumbs .breadcrumb_last {
  color: rgb(94, 94, 94);
  font-weight: 700;
}

.home .ariane {
  display: none;
}

/* ================ ACTUALITES =================== */
.single {
  font-family: "Tilt Warp";
}

.post_entry_content {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  color: rgb(94, 94, 94);
  font-size: 1.2em;
  border-bottom: 1px solid rgb(94, 94, 94);
  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(244, 207, 189);
  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(243, 174, 31);
  background-image: url(../../library/images/arrow-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 5px solid rgb(243, 174, 31);
  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(243, 174, 31) !important;
  border-color: rgb(243, 174, 31) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: rgb(243, 174, 31) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid rgb(243, 174, 31) !important;
  color: rgb(243, 174, 31) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid rgb(243, 174, 31) !important;
  padding: 6px !important;
}

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

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(243, 174, 31) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: rgb(243, 174, 31) !important;
}

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

#CybotCookiebotDialog a {
  color: rgb(243, 174, 31) !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(243, 174, 31) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: rgb(243, 174, 31) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: rgb(243, 174, 31) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: rgb(243, 174, 31) !important;
  border-color: rgb(243, 174, 31) !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(244, 207, 189);
  font-family: "Tilt Warp";
  font-weight: 400 !important;
  margin-bottom: 2px;
}

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

.gfield_consent_label {
  color: rgb(94, 94, 94) !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(243, 174, 31) !important;
  color: white !important;
  transition: 0.2s !important;
  border: 1px solid rgb(243, 174, 31) !important;
  margin: 0;
  font-family: "Tilt Warp";
  border-radius: 20px !important;
}
.gform_footer .gform_button:hover {
  background-color: transparent !important;
  color: rgb(243, 174, 31) !important;
}

.gform_heading {
  display: none;
}

.gfield_required,
.gfield_contains_required {
  position: relative;
}

.gfield_required::before,
.gfield_contains_required .ginput_container::before,
.gfield_contains_required .name_first::before {
  content: "*";
  display: block;
  position: absolute;
  top: 2px;
  left: -11px;
  color: rgb(243, 174, 31);
  font-size: 0.9em;
  font-weight: bold;
}

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

.gform_wrapper .gfield_required {
  display: none !important;
}

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

/********************** LIEN VERS PAGE ******************/
/********************** TEXTE ICONE ******************/
.texte-icone {
  padding-left: 20px;
  border-left: 1px solid rgb(112, 112, 112);
  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 KADENCE ET FORM **************/
/************************************************/
/************************************************/
.bandeau .kt-row-column-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0;
}
.bandeau .kt-row-column-wrap .wp-block-kadence-column {
  width: 100%;
}
.bandeau .kt-row-column-wrap .bandeau_titre {
  max-width: 460px;
  width: 80% !important;
  margin: auto auto 0 auto;
  border-radius: 230px 230px 0 0;
  border-top: 25px solid rgb(255, 255, 255);
  border-right: 25px solid rgb(255, 255, 255);
  border-left: 25px solid rgb(255, 255, 255);
  transform: translateY(20px);
  z-index: 2;
}
.bandeau .kt-row-column-wrap .bandeau_titre .kt-inside-inner-col {
  border-radius: 230px 230px 0 0;
  border-top: 2px solid rgb(243, 174, 31);
  border-right: 2px solid rgb(243, 174, 31);
  border-left: 2px solid rgb(243, 174, 31);
  background-color: rgb(255, 255, 255);
  padding: 50px 20px 20px 20px;
  justify-content: center;
  min-height: 200px;
}
.bandeau .kt-row-column-wrap .bandeau_titre .kt-inside-inner-col p {
  font-size: 18px;
  font-weight: 600;
  margin-top: 5px;
}
.bandeau .kt-row-column-wrap .bandeau_titre .kt-inside-inner-col h1 {
  color: rgb(243, 174, 31);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 35px;
  padding-top: 10px;
  margin-bottom: 5px;
  line-height: 1.2em;
}
.bandeau .kt-row-column-wrap .bandeau_titre .kt-inside-inner-col h1 em {
  font-style: normal;
  font-size: 22px;
  font-weight: 500;
  color: rgb(58, 58, 58);
  text-transform: none;
  line-height: 1em;
}

.kadence-blocks-gallery-item__caption {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 50px 20px 20px 20px !important;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0) 60%);
}
.kadence-blocks-gallery-item__caption strong {
  text-align: left;
  font-family: "Tilt Warp";
  font-size: 1.8em;
  line-height: 1.3em;
  font-weight: normal;
  font-style: italic;
}
.kadence-blocks-gallery-item__caption em {
  font-family: "Montserrat";
  font-style: normal;
  font-size: 1.4em;
  font-weight: normal;
  padding-right: 30px;
  text-align: right;
}

.splide__arrows {
  position: absolute;
  bottom: 25px;
  right: 26px;
  display: flex;
  height: 30px;
  width: 60px;
}
.splide__arrows .splide__arrow {
  position: relative;
  background: transparent;
  opacity: 1;
  background-image: url(../../library/images/arrow-white3.svg) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center !important;
  width: 30px;
  display: inline-block;
  transform-origin: center;
}
.splide__arrows .splide__arrow.splide__arrow--next {
  transform: rotate(180deg) translateY(50%);
  margin-left: 15px;
}
.splide__arrows .splide__arrow svg {
  display: none;
}
.splide__arrows .splide__arrow:hover {
  background: transparent;
  opacity: 0.5;
}

.splide__pagination {
  display: none !important;
}

.wp-block-kadence-posts article .entry-header h3 {
  flex: none;
  display: block;
  text-align: left;
  width: 100%;
}
.wp-block-kadence-posts article:hover a.post-thumbnail {
  border-radius: 0 150px 0 0;
}
.wp-block-kadence-posts article:hover a.post-thumbnail img {
  transform: scale(1.04);
}
.wp-block-kadence-posts article:hover .entry-header a {
  color: rgb(243, 174, 31);
}
.wp-block-kadence-posts a.post-thumbnail {
  margin-bottom: 0 !important;
  overflow: hidden;
  transition: 0.3s;
}
.wp-block-kadence-posts a.post-thumbnail img {
  transition: 0.3s;
}
.wp-block-kadence-posts .entry-header {
  flex-direction: column-reverse;
  display: flex;
}
.wp-block-kadence-posts .entry-header .entry-meta {
  margin: 5px 0 !important;
}
.wp-block-kadence-posts .entry-header .entry-meta time {
  color: rgb(243, 174, 31);
}
.wp-block-kadence-posts .entry-header h3 {
  padding-top: 0;
  margin-top: 0;
}
.wp-block-kadence-posts .entry-header h3 a {
  font-size: 17px;
  line-height: 1.2em;
  color: rgb(58, 58, 58);
  text-transform: none;
  font-weight: 700;
  transition: 0.3s;
}

.gform-theme--foundation .gform_fields {
  row-gap: 15px;
}

.gform_footer .gform_button {
  padding: 12px 30px 10px 25px !important;
  border-radius: 0 35px 0 0 !important;
  color: rgb(243, 174, 31) !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  position: relative !important;
  font-weight: bold !important;
  font-family: "Tilt Warp" !important;
  font-size: 14px !important;
  background-color: #FFF !important;
}
.gform_footer .gform_button:hover {
  color: rgb(255, 236, 1) !important;
  background-color: rgb(243, 174, 31) !important;
}

.gfield_contains_required legend::before,
.gfield_contains_required label::before {
  content: "*";
  display: block;
  position: absolute;
  top: 2px;
  left: -11px;
  color: rgb(243, 174, 31);
  font-size: 1em;
  font-weight: bold;
}

.gfield_contains_required .name_first::before,
.gfield_contains_required .ginput_container::before {
  display: none !important;
}

.gfield_contains_required legend {
  position: relative;
  display: block;
}

.gform_wrapper .gform_fields input,
.gform_wrapper .gform_fields textarea {
  border: 1px solid rgb(243, 174, 31) !important;
  border-radius: 0 20px 0 0 !important;
}

.ginput_container_select select.gfield_select {
  line-height: 1.15em;
}

/************************************************/
/************************************************/
/********************** PROJET ******************/
/************************************************/
/************************************************/
.home_header {
  height: 100% !important;
  width: 100%;
  display: flex;
}
.home_header:has(a:hover) a {
  width: 25%;
}
.home_header:has(a:hover) a:hover {
  width: 50%;
}
.home_header a {
  width: 33.3333333%;
  background-size: cover;
  background-position: center;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: flex-end;
  position: relative;
}
.home_header a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: RGBA(243, 174, 31, 1);
  background: linear-gradient(180deg, rgba(243, 174, 31, 0.48) 0%, rgba(243, 174, 31, 0.9) 85%);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  z-index: 1;
}
.home_header a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: RGBA(243, 174, 31, 1);
  background: linear-gradient(180deg, rgba(243, 174, 31, 0) 50%, rgba(243, 174, 31, 0.9)) 100%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  z-index: 1;
}
.home_header a:hover {
  width: 50%;
}
.home_header a:hover::before {
  opacity: 1;
}
.home_header a:hover .header_title {
  transform: translateY(0%);
  color: rgb(255, 236, 1);
}
.home_header a:hover .header_description {
  opacity: 1;
  transform: translateY(0%);
}
.home_header a:hover .btn {
  opacity: 1;
  transform: translateY(0%);
}
.home_header a .header_title {
  max-width: 500px;
  width: auto;
  display: block;
  font-size: 50px;
  line-height: 1.05em;
  z-index: 5;
  font-family: "Tilt Warp", cursive;
  font-weight: 400;
  font-style: normal;
  color: #FFF;
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  transition-delay: 0.2s;
  transform: translateY(100%);
  margin-bottom: 10px;
}
.home_header a .header_description {
  max-width: 500px;
  display: block;
  z-index: 5;
  color: #FFF;
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.2s;
  transform: translateY(100%);
}
.home_header a .header_description p {
  font-weight: 600;
}
.home_header a .btn {
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.2s;
  transform: translateY(100%);
  z-index: 5;
}

figure.img_nm img {
  vertical-align: bottom;
}

/* ================ RESPONSIVE DU PROJET  =================== */
@media screen and (max-width: 1170px) {
  .white_frame::before, .white_frame::after {
    display: none !important;
  }
}
@media screen and (max-width: 880px) {
  .home_bandeau {
    flex-direction: column;
    height: auto;
  }
  .home_bandeau.bandeau_dans_le_contenu {
    max-height: none;
  }
  .home_bandeau .home_bandeau_slide {
    width: 100%;
    min-height: 290px;
  }
  .home_bandeau .home_bandeau_slide:hover {
    width: 100%;
  }
  .home_bandeau .home_bandeau_slide .home_bandeau_slide_link {
    align-items: start;
    padding-top: 10px;
  }
  .home_bandeau .kt-row-column-wrap .home_bandeau_cta {
    border-top-width: 12px;
    border-right-width: 12px;
    border-left-width: 12px;
  }
  .home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col h1 {
    font-size: 25px;
  }
  .home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col p {
    font-size: 13px;
  }
  .module_reservation .panel_booking-form .panel_col_droite {
    flex-direction: column-reverse;
    padding: 0;
  }
  .module_reservation .panel_booking-form .panel_sperator {
    display: none;
  }
  .module_reservation .panel_booking-form {
    flex-direction: column;
  }
  .module_reservation .panel_booking-form .panel-icon-people,
  .module_reservation .panel_booking-form .panel-icon-moon,
  .module_reservation .panel_booking-form .panel-icon-arrivee {
    width: 30px;
  }
  .panel_booking-form-param {
    padding-right: 0 !important;
  }
  .module_reservation .panel_booking-form .panel_booking-more {
    top: 208px;
  }
  .panel_booking-submit {
    margin-top: 10px !important;
  }
  .panel_body-content {
    width: 100% !important;
  }
  .module_reservation .panel_booking-form .panel_booking-form-param-label {
    font-size: 15px;
  }
  .lien_vers_page_avance .lien_page_image {
    height: 200px;
  }
  .lien_vers_page_avance .lien_vers_txt {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .lien_vers_page_avance .lien_vers_txt .lien_page_icone {
    height: 30px;
  }
  .lien_vers_page_avance .lien_vers_txt .lien_page_lien {
    font-size: 20px;
  }
  .lien_vers_page_avance.pos_down {
    flex-direction: column;
  }
}
.archive_bandeau {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  text-align: left;
  position: relative;
}
.archive_bandeau h1 {
  font-size: 1.8rem;
  line-height: 1.2em;
  position: relative;
  color: rgb(244, 207, 189);
  font-weight: 600;
  text-transform: inherit;
  padding: 0.15rem 0;
}
.archive_bandeau h1 em {
  font-size: 1.3em;
  display: block;
  font-style: normal;
  color: #FFF;
  padding-bottom: 0.1em;
  font-weight: 800;
}
.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: 10px;
  position: relative;
  margin-bottom: 20px;
}
.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(243, 174, 31);
  color: #FFF;
  border: 2px solid rgb(243, 174, 31);
}
.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(243, 174, 31);
}

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

.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(243, 174, 31);
}
.infobulle .btn.btn1 {
  padding: 8px 30px 7px 30px;
  font-size: 14px;
}

button.gm-ui-hover-effect {
  border-radius: 50% !important;
  background-color: rgb(244, 207, 189) !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(44, 44, 44);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1em;
  padding: 0.2rem;
  display: inline-block;
  text-decoration: none;
  background-color: rgb(112, 112, 112);
  padding: 7px 10px 6px 10px;
  transition: 0.3s;
  margin: auto 2px;
}
.nav-links > a.current,
.nav-links > span.current {
  background: rgb(244, 207, 189);
  color: #FFF;
}
.nav-links > a:hover,
.nav-links > span:hover {
  background-color: rgb(243, 174, 31);
  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(244, 207, 189);
  color: #FFF;
}
.cat_filter ul li a.current, .cat_filter ul li a:hover {
  background-color: rgb(44, 44, 44);
}

.pagination .nav-links > a, .pagination .nav-links > span {
  background-color: rgb(242, 242, 242);
  color: rgb(243, 174, 31);
  padding: 7px 10px 4px 10px;
  font-weight: 400;
}
.pagination .nav-links > a.current, .pagination .nav-links > span.current {
  background-color: rgb(243, 174, 31);
  color: rgb(242, 242, 242);
}
/* ================ RESPONSIVE DU BLOCK  =================== */
/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
.mise_en_avant_darticles_content,
.actualites_archive {
  gap: 1em;
  font-family: "Montserrat";
}
.mise_en_avant_darticles_content article,
.actualites_archive article {
  transition: 0.3s;
  border-radius: 0 0 0 0;
  overflow: hidden;
}
.mise_en_avant_darticles_content article figure,
.actualites_archive article figure {
  height: 390px;
  max-height: 70vh;
}
.mise_en_avant_darticles_content article .post_date,
.actualites_archive article .post_date {
  margin: 5px auto 0px auto;
  padding: 5px;
  color: rgb(243, 174, 31);
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
}
.mise_en_avant_darticles_content article .post_date span,
.actualites_archive article .post_date span {
  display: inline-block;
  position: relative;
}
.mise_en_avant_darticles_content article .article_content,
.actualites_archive article .article_content {
  padding: 0 0px 0px 0px;
}
.mise_en_avant_darticles_content article .article_content .post_title,
.actualites_archive article .article_content .post_title {
  color: rgb(58, 58, 58);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 0 5px;
  display: block;
  line-height: 1.3em;
  transition: 0.3s;
}
.mise_en_avant_darticles_content article .article_content .post_excerpt,
.actualites_archive article .article_content .post_excerpt {
  color: rgb(58, 58, 58);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.3em;
}
.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: right;
  display: none;
}
.mise_en_avant_darticles_content article:hover,
.actualites_archive article:hover {
  background-color: rgb(255, 236, 1);
  border-radius: 0 150px 0 0;
}
.mise_en_avant_darticles_content article:hover .post_title,
.actualites_archive article:hover .post_title {
  color: rgb(243, 174, 31);
}

.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(244, 207, 189);
  font-weight: 300;
  text-transform: capitalize;
}

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

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