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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

dd {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

/******** COULEURS PROJET *******/
.main1 {
  background-color: rgb(235, 86, 113);
}

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

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

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

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

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

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

.heading1,
.editor-styles-wrapper h1,
.heading1 p {
  font-size: 2.5rem;
  line-height: 1.2em;
  position: relative;
  padding: 0.15rem 0;
  margin: 0;
  font-weight: 800;
  color: #FFF;
}
.heading1 em,
.editor-styles-wrapper h1 em,
.heading1 p em {
  color: rgb(30, 30, 66);
  font-style: normal;
}

.dark .heading1,
.dark .editor-styles-wrapper h1,
.dark .heading1 p {
  color: rgb(235, 86, 113);
}

.heading2,
.editor-styles-wrapper h2 {
  font-size: 60px;
  line-height: 35px;
  font-weight: 800;
  padding-top: 15px;
  display: block;
  position: relative;
  color: rgb(235, 86, 113);
  z-index: 1;
  margin: 10px auto 20px auto;
  text-transform: uppercase;
  font-family: "Amatic SC";
}
.heading2 em,
.editor-styles-wrapper h2 em {
  font-size: 28px;
  font-weight: 800;
  color: rgb(30, 30, 66);
  font-family: "Rethink Sans";
  font-style: normal;
  line-height: 30px;
  text-transform: initial;
}

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

.heading3,
.editor-styles-wrapper h3 {
  font-size: 1.2rem;
  display: block;
  font-weight: 800;
  padding-top: 0.1em;
  line-height: 1.2em;
  margin: 0.3rem auto 0.2rem auto;
  font-family: "Rethink Sans";
  text-transform: uppercase;
  color: rgb(30, 30, 66);
}

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

.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(30, 30, 66);
}

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

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

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

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

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

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

.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(235, 86, 113);
}
.style_cta strong {
  font-weight: bold;
}
.style_cta p {
  display: inline-block;
  border-top: 2px rgb(235, 86, 113) 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(30, 30, 66);
  position: absolute;
  left: -15px;
  top: 0.6rem;
}

.style_liste_trait ul {
  border-left: 2px solid rgb(30, 30, 66);
  padding-left: 20px;
}
.style_liste_trait li {
  color: rgb(235, 86, 113);
  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(30, 30, 66);
}

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

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

.col_link {
  margin-top: 10px;
}

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

/* ================ RESPONSIVE DU BLOCK  =================== */
@media screen and (max-width: 880px) {
  .titre_bandeau h1.heading1 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 550px) {
  .titre_bandeau h1.heading1 {
    font-size: 2rem;
  }
  h2.heading2 {
    font-size: 1.7rem;
  }
  h3.heading3 {
    font-size: 1.4rem;
  }
  h2.heading2::before {
    display: none;
    font-size: 1.2rem;
  }
  .style_liste_point li::before {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    left: auto;
    top: 0;
  }
  .style_liste_trait ul {
    border-left: none;
    padding: 0;
  }
}
/************************************************/
/********************** PROJET ******************/
/************************************************/
.style_title {
  font-size: 2rem;
  color: rgb(235, 86, 113);
  font-weight: 700;
  padding: 0.5em 0 0.2em 0;
}
.style_title em {
  font-weight: 400;
  font-size: 1.2rem;
  color: rgb(30, 30, 66);
  font-style: normal;
}

.style_mea_rose,
.style_mea_rose p {
  t-size: 1.2em;
  line-height: 1.5em;
  font-weight: 800;
  color: rgb(235, 86, 113);
}

.style_liste_rose {
  padding: 5px 0 15px 0;
}
.style_liste_rose::before {
  content: "";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: rgb(235, 86, 113);
  vertical-align: middle;
  margin-right: 6px;
}

.style_citation_rose,
.style_citation_rose p {
  font-family: "Amatic SC";
  color: rgb(235, 86, 113);
  font-size: 32px;
  font-weight: 600;
}

.style_mea_gd {
  font-size: 25px;
  line-height: 1.3em;
  font-weight: 800;
  color: rgb(30, 30, 66);
}

.style_mea_rose_gd {
  font-size: 25px;
  line-height: 1.3em;
  font-weight: 800;
  color: rgb(235, 86, 113);
}

/* ================ RESPONSIVE  =================== */
@media screen and (max-width: 880px) {
  h1.heading1 {
    font-size: 1.5em;
  }
  h2.heading2 {
    font-size: 2.4em;
  }
  h3.heading3 {
    font-size: 1.2rem;
  }
  .style_mea,
  .style_mea p,
  .style_mea_rose,
  .style_mea_rose p {
    font-size: 1em;
  }
  .style_citation_rose,
  .style_citation_rose p {
    font-size: 25px;
  }
  .style_mea_gd {
    font-size: 18px;
  }
  .style_mea_rose_gd {
    font-size: 18px;
  }
}
@media screen and (max-width: 550px) {
  h2.heading2 {
    font-size: 2.7em;
  }
}
/******************************************************************
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: 990px) {
  html.no-js {
    margin-top: 0px !important;
    --wp-admin--admin-bar--height: 0px !important;
    scroll-padding-top: 0 !important;
  }
}
/*********************
GENERAL STYLES
*********************/
html {
  width: 100vw;
}

body {
  overflow-x: hidden !important;
}

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

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

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

.container {
  width: 100%;
}

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

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

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

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

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

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

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

.light {
  color: #FFF;
}

.dark {
  color: rgb(30, 30, 66);
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.wrap {
  width: 100%;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

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

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

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

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

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

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

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

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

.pad1 {
  padding: 1rem;
}

.pad2 {
  padding: 2rem;
}

.pad3 {
  padding: 3rem;
}

.pad4 {
  padding: 4rem;
}

.pad5 {
  padding: 5rem;
}

.pad6 {
  padding: 6rem;
}

.pad7 {
  padding: 7rem;
}

.pad8 {
  padding: 8rem;
}

.t_pad0 {
  padding-top: 0;
}

.t_pad1 {
  padding-top: 1rem;
}

.t_pad2 {
  padding-top: 2rem;
}

.t_pad3 {
  padding-top: 3rem;
}

.t_pad4 {
  padding-top: 4rem;
}

.t_pad5 {
  padding-top: 5rem;
}

.t_pad6 {
  padding-top: 6rem;
}

.t_pad7 {
  padding-top: 7rem;
}

.t_pad8 {
  padding-top: 8rem;
}

.t_pad9 {
  padding-top: 8rem;
}

.t_pad10 {
  padding-top: 10rem;
}

.t_pad15 {
  padding-top: 15rem;
}

.t_pad20 {
  padding-top: 20rem;
}

.t_pad25 {
  padding-top: 25rem;
}

.t_pad30 {
  padding-top: 30rem;
}

.r_pad0 {
  padding-right: 0;
}

.r_pad1 {
  padding-right: 1rem;
}

.r_pad2 {
  padding-right: 2rem;
}

.r_pad3 {
  padding-right: 3rem;
}

.r_pad4 {
  padding-right: 4rem;
}

.r_pad5 {
  padding-right: 5rem;
}

.r_pad6 {
  padding-right: 6rem;
}

.r_pad7 {
  padding-right: 7rem;
}

.r_pad8 {
  padding-right: 8rem;
}

.b_pad0 {
  padding-bottom: 0;
}

.b_pad1 {
  padding-bottom: 1rem;
}

.b_pad2 {
  padding-bottom: 2rem;
}

.b_pad3 {
  padding-bottom: 3rem;
}

.b_pad4 {
  padding-bottom: 4rem;
}

.b_pad5 {
  padding-bottom: 5rem;
}

.b_pad6 {
  padding-bottom: 6rem;
}

.b_pad7 {
  padding-bottom: 7rem;
}

.b_pad8 {
  padding-bottom: 8rem;
}

.b_pad9 {
  padding-bottom: 9rem;
}

.b_pad10 {
  padding-bottom: 10rem;
}

.b_pad15 {
  padding-bottom: 15rem;
}

.b_pad20 {
  padding-bottom: 20rem;
}

.b_pad25 {
  padding-bottom: 25rem;
}

.b_pad30 {
  padding-bottom: 30rem;
}

.l_pad0 {
  padding-left: 0;
}

.l_pad1 {
  padding-left: 1rem;
}

.l_pad2 {
  padding-left: 2rem;
}

.l_pad3 {
  padding-left: 3rem;
}

.l_pad4 {
  padding-left: 4rem;
}

.l_pad5 {
  padding-left: 5rem;
}

.l_pad6 {
  padding-left: 6rem;
}

.l_pad7 {
  padding-left: 7rem;
}

.l_pad8 {
  padding-left: 8rem;
}

.t_mar0 {
  margin-top: auto;
}

.t_mar1 {
  margin-top: 1rem;
}

.t_mar2 {
  margin-top: 2rem;
}

.t_mar3 {
  margin-top: 3rem;
}

.t_mar4 {
  margin-top: 4rem;
}

.t_mar5 {
  margin-top: 5rem;
}

.t_mar6 {
  margin-top: 6rem;
}

.t_mar7 {
  margin-top: 7rem;
}

.t_mar8 {
  margin-top: 8rem;
}

.r_mar0 {
  margin-right: auto;
}

.r_mar1 {
  margin-right: 1rem;
}

.r_mar2 {
  margin-right: 2rem;
}

.r_mar3 {
  margin-right: 3rem;
}

.r_mar4 {
  margin-right: 4rem;
}

.r_mar5 {
  margin-right: 5rem;
}

.r_mar6 {
  margin-right: 6rem;
}

.r_mar7 {
  margin-right: 7rem;
}

.r_mar8 {
  margin-right: 8rem;
}

.b_mar0 {
  margin-bottom: auto;
}

.b_mar1 {
  margin-bottom: 1rem;
}

.b_mar2 {
  margin-bottom: 2rem;
}

.b_mar3 {
  margin-bottom: 3rem;
}

.b_mar4 {
  margin-bottom: 4rem;
}

.b_mar5 {
  margin-bottom: 5rem;
}

.b_mar6 {
  margin-bottom: 6rem;
}

.b_mar7 {
  margin-bottom: 7rem;
}

.b_mar8 {
  margin-bottom: 8rem;
}

.l_mar0 {
  margin-left: auto;
}

.l_mar1 {
  margin-left: 1rem;
}

.l_mar2 {
  margin-left: 2rem;
}

.l_mar3 {
  margin-left: 3rem;
}

.l_mar4 {
  margin-left: 4rem;
}

.l_mar5 {
  margin-left: 5rem;
}

.l_mar6 {
  margin-left: 6rem;
}

.l_mar7 {
  margin-left: 7rem;
}

.l_mar8 {
  margin-left: 8rem;
}

.bg_centre {
  background-position: center;
}

.bg_hautgauche {
  background-position: top left;
}

.bg_haut {
  background-position: top;
}

.bg_hautdroite {
  background-position: top right;
}

.bg_droite {
  background-position: right;
}

.bg_basdroite {
  background-position: bottom right;
}

.bg_bas {
  background-position: bottom;
}

.bg_basgauche {
  background-position: bottom left;
}

.bg_gauche {
  background-position: left;
}

.bg_auto {
  background-size: auto;
}

.bg_cover {
  background-size: cover;
}

.bg_contain {
  background-size: contain;
}

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

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

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

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

.relative {
  position: relative;
}

.zindex {
  z-index: 1;
}

.zindex5 {
  z-index: 5;
}

.zindex10 {
  z-index: 10;
}

.zindex20 {
  z-index: 20;
}

.zindex30 {
  z-index: 30;
}

.zindex40 {
  z-index: 40;
}

.zindex50 {
  z-index: 50;
}

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

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

.font100 {
  font-weight: 100;
}

.font200 {
  font-weight: 200;
}

.font300 {
  font-weight: 300;
}

.font400 {
  font-weight: 400;
}

.font500 {
  font-weight: 500;
}

.font600 {
  font-weight: 600;
}

.font700 {
  font-weight: 700;
}

.font800 {
  font-weight: 800;
}

.font900 {
  font-weight: 900;
}

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

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

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

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

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

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

.grid {
  display: grid;
}

.gg0 {
  grid-gap: 0;
}

.gg1 {
  grid-gap: 1rem;
}

.gg2 {
  grid-gap: 2rem;
}

.gg3 {
  grid-gap: 3rem;
}

.gg4 {
  grid-gap: 4rem;
}

.gg5 {
  grid-gap: 5rem;
}

.gg6 {
  grid-gap: 6rem;
}

.col_gg0 {
  gap: 0rem;
}

.col_gg1 {
  gap: 0.5rem;
}

.col_gg2 {
  gap: 1rem;
}

.col_gg3 {
  gap: 1.5rem;
}

.col_gg4 {
  gap: 2rem;
}

.col_gg5 {
  gap: 2.5rem;
}

.col_gg6 {
  gap: 3rem;
}

.col_gg7 {
  gap: 3.5rem;
}

.col_gg8 {
  gap: 4rem;
}

.col_gg9 {
  gap: 4.5rem;
}

.col_gg10 {
  gap: 5rem;
}

.col_gg11 {
  gap: 5.5rem;
}

.col_gg12 {
  gap: 6rem;
}

.grid_span0 {
  display: none;
}

.grid_span1 {
  grid-column: span 1;
}

.grid_span2 {
  grid-column: span 2;
}

.grid_span3 {
  grid-column: span 3;
}

.grid_span4 {
  grid-column: span 4;
}

.grid_span5 {
  grid-column: span 5;
}

.grid_span6 {
  grid-column: span 6;
}

.grid_span7 {
  grid-column: span 7;
}

.grid_span8 {
  grid-column: span 8;
}

.grid_span9 {
  grid-column: span 9;
}

.grid_span10 {
  grid-column: span 10;
}

.grid_span11 {
  grid-column: span 11;
}

.grid_span12 {
  grid-column: span 12;
}

.grid_span13 {
  grid-column: span 13;
}

.grid_span14 {
  grid-column: span 14;
}

.grid_span15 {
  grid-column: span 15;
}

.grid_span16 {
  grid-column: span 16;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

.order4 {
  order: 4;
}

.order5 {
  order: 5;
}

.order6 {
  order: 6;
}

.order7 {
  order: 7;
}

.order8 {
  order: 8;
}

.order9 {
  order: 9;
}

.order10 {
  order: 10;
}

.order11 {
  order: 11;
}

.order12 {
  order: 12;
}

.order13 {
  order: 13;
}

.order14 {
  order: 14;
}

.order15 {
  order: 15;
}

.order16 {
  order: 16;
}

.order17 {
  order: 17;
}

.order18 {
  order: 18;
}

.order19 {
  order: 19;
}

.order20 {
  order: 20;
}

.v_center {
  align-items: center;
}

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

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

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

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

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

.uppercase {
  text-transform: uppercase;
}

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

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

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

.ninety_perc {
  width: 90%;
}

.eighty_perc {
  width: 80%;
}

.seventy_perc {
  width: 70%;
}

.sixty_perc {
  width: 60%;
}

.fifty_perc {
  width: 50%;
}

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

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

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

.triggeredOpac.OpacActive {
  opacity: 1;
}

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

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

.bg_fixed {
  background-attachment: fixed;
}

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

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

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

.bg_parallax {
  overflow: hidden;
}

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

.mobile {
  display: none;
}

.show {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.delay1 {
  transition-delay: 0.1s;
}

.delay2 {
  transition-delay: 0.2s;
}

.delay3 {
  transition-delay: 0.3s;
}

.delay4 {
  transition-delay: 0.4s;
}

.delay5 {
  transition-delay: 0.5s;
}

.delay6 {
  transition-delay: 0.6s;
}

.delay7 {
  transition-delay: 0.7s;
}

.delay8 {
  transition-delay: 0.8s;
}

.delay9 {
  transition-delay: 0.9s;
}

.delay10 {
  transition-delay: 1s;
}

.delay11 {
  transition-delay: 1.1s;
}

.delay12 {
  transition-delay: 1.2s;
}

.delay13 {
  transition-delay: 1.3s;
}

.delay14 {
  transition-delay: 1.4s;
}

.delay15 {
  transition-delay: 1.5s;
}

.delay16 {
  transition-delay: 1.6s;
}

.delay17 {
  transition-delay: 1.7s;
}

.delay18 {
  transition-delay: 1.8s;
}

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

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

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

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

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

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

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

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

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

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

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

#burgerMenu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background: rgb(235, 86, 113);
  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(235, 86, 113);
  background-color: rgba(235, 86, 113, 0);
  position: absolute;
  padding: 5px 0;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 500;
  transition: 0.3s;
}
#main_header.header_fixed_option {
  position: fixed;
}
#main_header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

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

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

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

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

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

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

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

.main_nav {
  height: 100%;
  font-family: "Amatic SC";
}
.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(30, 30, 66);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a {
  color: rgb(30, 30, 66);
}
.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(30, 30, 66);
  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(30, 30, 66);
  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(30, 30, 66);
}
.sous_menu_horitontal .sub-menu li:hover a {
  color: rgb(235, 86, 113);
}

/********* 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(30, 30, 66);
  margin-bottom: 2px;
}
.sous_menu_vertical .sub-menu li a {
  color: rgb(235, 86, 113);
  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(235, 86, 113);
}
.sous_menu_vertical .sub-menu li:hover a {
  color: rgb(30, 30, 66);
}

.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(30, 30, 66);
}
.main_nav nav ul.nav > li.current-menu-ancestor > a span span::before,
.main_nav nav ul.nav > li.current-menu-item > a span span::before,
.main_nav nav ul.nav > li.current-menu-ancestor .current-menu-item a span::before {
  display: none !important;
}

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

/*************** MENU MOBILE *************/
.menu_mobile {
  font-family: "Amatic SC";
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: rgba(235, 86, 113, 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(30, 30, 66);
}
.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(30, 30, 66, 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(30, 30, 66);
  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: 990px) {
  .header_links {
    display: block;
  }
  .logo {
    padding: 4px 5px 6px 5px;
    left: 0 !important;
  }
  .main_logo {
    height: 30px;
    margin: 0 5px;
  }
  body.logged-in.admin-bar .secondaray_header.fixed {
    top: 0px;
  }
  .menu_mobile .grid_2 .mobile_baseline .baseline {
    font-size: 2.5em;
    padding-left: 50px;
  }
  .header_content {
    display: none;
  }
  .logo_mobile {
    display: block;
  }
  .secondaray_header {
    transform: translateY(0);
  }
  .showArrow.arrow_outside .tns-controls button:first-child {
    left: 0 !important;
  }
  .showArrow.arrow_outside .tns-controls button:last-child {
    right: 0 !important;
  }
  .slider_all_around {
    overflow: hidden;
  }
}
@media screen and (max-width: 880px) {
  .menu_mobile nav ul {
    font-size: 1.5em;
  }
  .menu_mobile .grid_2 {
    grid-template-cols: 1fr;
  }
  .menu_mobile .grid_2 .mobile_baseline {
    display: none;
  }
  .menu_mobile nav ul.menu-header > li > a {
    font-size: 1em;
  }
  .menu_mobile nav ul.menu-header .sub-menu a {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 550px) {
  .menu_mobile nav ul {
    font-size: 1.2em;
  }
  .secondaray_header .main_logo,
  .secondaray_header .main_logo_bis {
    height: 40px;
  }
  .menu_mobile nav ul.menu-header {
    padding: 0;
    margin: auto;
  }
}
/* ========================================================= */
/* ========================================================= */
/* ================ SPECIFIQUE AU PROJET =================== */
/* ========================================================= */
/* ========================================================= */
#main_header {
  width: 100%;
  background-color: rgb(235, 86, 113);
  background-image: url(../../library/images_projet/header_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
  position: fixed;
}
#main_header .secondaray_header {
  display: none;
}
#main_header .logo {
  transition: 0.3s;
}
#main_header .menu-menu-header-fr-container {
  flex-grow: 1;
}
#main_header .menu_center {
  display: flex;
  width: 100%;
  align-items: center;
}
#main_header .menu_center .main_nav {
  flex-grow: 1;
}
#main_header .menu_center .main_nav nav {
  display: flex;
}
#main_header .menu_center .main_nav nav ul.nav {
  border: none;
  justify-content: space-around;
  padding-top: 0;
}
#main_header .menu_center .main_nav nav ul.nav > li:hover > a {
  color: rgb(30, 30, 66);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 73px;
  background-image: url(../../library/images_projet/header_a_bg30.png);
}
#main_header .menu_center .main_nav nav ul.nav > li > a {
  font-family: "Rethink Sans";
  text-transform: initial;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 15px 15px 0 0;
  border: 3px solid rgba(235, 86, 113, 0);
  font-size: 16px;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children {
  position: relative;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu {
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  background-color: rgba(244, 242, 246, 0.9);
  border-radius: 0 0 10px 10px;
  padding-bottom: 15px;
  transition: 0s;
  border: 3px solid #d3cfd9;
  border-top: none;
  margin: 0;
  left: 0;
  right: 0;
  transform: none;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li {
  margin-bottom: 0;
  background-color: transparent;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li a {
  color: rgb(30, 30, 66);
  padding: 4px 10px 9px 10px;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li a span {
  font-size: 16px;
  font-weight: 400;
  padding: 5px 0;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li:hover {
  background-color: transparent;
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li:hover a {
  color: rgb(235, 86, 113);
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children ul.sub-menu li a {
  font-family: "Rethink Sans";
}
#main_header .menu_center .main_nav nav ul.nav > li.menu-item-has-children:hover > a {
  border: 3px solid #d3cfd9;
  border-bottom: none;
  background-color: rgba(244, 242, 246, 0.9);
  background-image: url(../../library/images_projet/header_a_bg.png);
}

body.bodyscrolled #main_header {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
body.bodyscrolled #main_header .logo {
  padding: 5px;
}
body.bodyscrolled #main_header .logo .main_logo {
  height: 65px;
}

.logo_mobile {
  padding: 0 0 5px 0;
  margin: auto;
  width: auto;
}
.logo_mobile a img {
  height: 100%;
}

.menu_mobile #main_menu_mobile {
  font-size: 1.2em;
}
.menu_mobile #main_menu_mobile .sub-menu a {
  font-family: "Rethink Sans";
  font-size: 14px;
  font-weight: 400;
}

#burgerMenu span {
  background-color: rgb(30, 30, 66);
}

/* ================ RESPONSIVE PROJET  =================== */
#main_footer {
  color: #FFF;
  width: 100vw;
  position: relative;
  background-color: rgb(244, 242, 246);
  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(30, 30, 66);
  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(235, 86, 113);
  background-color: #FFF;
  border-radius: 50%;
  transition: 0.3s;
  font-size: 23px;
}
.footer_socials a:hover {
  color: rgb(235, 86, 113);
  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(235, 86, 113);
}

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

/* ================ 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(244, 242, 246);
  padding: 80px 10px 10px 10px;
  text-align: center;
  color: #FFF;
  overflow: hidden;
  background-image: url(../images_projet/fond-footer.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#main_footer .footer_logo {
  width: 225px;
  margin-bottom: 10px;
}
#main_footer .footer_adresse {
  font-size: 1em;
}
#main_footer .footer_adresse p {
  font-size: 0.9em;
  font-weight: 600;
  color: rgb(30, 30, 66);
}
#main_footer .footer_adresse a {
  color: rgb(235, 86, 113);
  text-decoration: underline;
  display: inline-block;
  margin: 8px auto;
}
#main_footer .footer_adresse a:hover {
  color: rgb(30, 30, 66);
}
#main_footer .footer_tel {
  text-align: center;
  padding: 20px 4px;
  font-size: 1.1em;
  text-decoration: underline;
}
#main_footer .footer_tel a {
  color: rgb(30, 30, 66);
  font-weight: 400;
}
#main_footer .footer_content .container.footergrid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
#main_footer .footer_socials {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: rgb(235, 86, 113);
  font-size: 0.9em;
}
#main_footer .footer_socials a {
  background-color: rgb(235, 86, 113);
  color: rgb(242, 242, 242);
  width: 34px;
  height: 34px;
  padding: 4px;
  border-radius: 6px;
  transform: translateY(-2px);
  margin-left: 8px;
}
#main_footer .footer_socials a svg {
  height: 20px;
  fill: rgb(242, 242, 242);
  display: block;
}
#main_footer .footer_socials a:hover {
  background-color: rgb(30, 30, 66);
}
#main_footer .footer_mentions {
  margin-top: 10px;
  padding-top: 20px;
  font-size: 0.9em;
}
#main_footer .footer_mentions p {
  color: rgb(30, 30, 66);
  font-weight: 400;
}
#main_footer .footer_mentions a {
  color: rgb(30, 30, 66);
  transition: 0.3s;
  text-decoration: none;
}
#main_footer .footer_mentions a:hover {
  color: rgb(30, 30, 66);
  text-decoration: underline;
}
#main_footer .footer_logos_links {
  max-width: 480px;
  padding: 50px 0 40px 0;
  justify-content: space-around;
}
#main_footer .footer_logos_links a {
  display: block;
  margin: auto;
}
#main_footer .footer_logos_links a img {
  height: 65px;
  display: block;
}

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

a {
  text-decoration: none;
}

body {
  overflow-x: hidden;
}

#inner-content {
  padding-top: 140px;
  transition: 0.3s;
  color: rgb(30, 30, 66);
  font-family: "Amatic SC";
}

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

.btn1 {
  padding: 10px 50px;
  border-radius: 10px;
  color: rgb(30, 30, 66);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Amatic SC";
  font-size: 2em;
  background-color: rgb(235, 86, 113);
  background-image: url(../../library/images_projet/Texture-BTN.png);
  background-position: 50% 50%;
  background-size: 100%;
  text-transform: uppercase;
}
.btn1:hover {
  color: rgb(235, 86, 113);
  background-color: rgb(30, 30, 66);
  background-position: 40% 30%;
  background-size: 110%;
}

.btn2 {
  padding: 10px 50px;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Amatic SC";
  font-size: 1.8em;
  background-color: rgb(30, 30, 66);
  background-image: url(../../library/images_projet/Texture-BTN.png);
  background-position: 50% 50%;
  background-size: 100%;
  text-transform: uppercase;
}
.btn2:hover {
  color: rgb(30, 30, 66);
  background-color: rgb(235, 86, 113);
  background-position: 40% 30%;
  background-size: 110%;
}

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

.btn4 {
  padding: 12px 30px 10px 25px;
  border-radius: 0 25px 0 0;
  color: rgb(235, 86, 113);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Amatic SC";
  font-size: 14px;
  border: 1px solid rgb(235, 86, 113);
}
.btn4:hover {
  color: rgb(30, 30, 66);
  background-color: rgb(235, 86, 113);
}

.btn5 {
  padding: 12px 30px 10px 25px;
  border-radius: 0 25px 0 0;
  color: rgb(30, 30, 66);
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Amatic SC";
  font-size: 14px;
  border: 1px solid rgb(30, 30, 66);
}
.btn5:hover {
  color: rgb(235, 86, 113);
  background-color: #FFF;
  border: 1px solid #FFF;
}

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

.home .ariane {
  display: none;
}

/* ================ ACTUALITES =================== */
.single {
  font-family: "Amatic SC";
}

.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: 40px;
}
body.error404 #inner-content .section404 p {
  font-size: 18px;
  padding: 10px 0;
  font-family: "Rethink Sans";
}
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(235, 86, 113);
  background-image: url(../../library/images/arrow-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 5px solid rgb(235, 86, 113);
  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(235, 86, 113) !important;
  border-color: rgb(235, 86, 113) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: rgb(235, 86, 113) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid rgb(235, 86, 113) !important;
  color: rgb(235, 86, 113) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid rgb(235, 86, 113) !important;
  padding: 6px !important;
}

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

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(235, 86, 113) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: rgb(235, 86, 113) !important;
}

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

#CybotCookiebotDialog a {
  color: rgb(235, 86, 113) !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(235, 86, 113) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: rgb(235, 86, 113) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  border-color: rgb(235, 86, 113) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: rgb(235, 86, 113) !important;
  border-color: rgb(235, 86, 113) !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(30, 30, 66);
  font-family: "Amatic SC";
  font-weight: 400 !important;
  margin-bottom: 2px;
}

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select,
.gform_wrapper option {
  color: rgb(30, 30, 66) !important;
  border-radius: 0px !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(30, 30, 66) !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(235, 86, 113) !important;
  color: white !important;
  transition: 0.2s !important;
  border: 1px solid rgb(235, 86, 113) !important;
  margin: 0;
  font-family: "Amatic SC";
  border-radius: 20px !important;
}
.gform_footer .gform_button:hover {
  background-color: transparent !important;
  color: rgb(235, 86, 113) !important;
}

.gform_heading {
  display: none;
}

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

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

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

.gform_button {
  margin: auto;
}

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

/********************** LIEN VERS PAGE ******************/
/********************** TEXTE ICONE ******************/
.texte-icone {
  padding-left: 20px;
  border-left: 1px solid rgb(244, 242, 246);
  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 ******************/
/************************************************/
/************************************************/
.kt-row-layout-overlay {
  height: calc(100% + 1px) !important;
}

.home_bandeau .kt-row-column-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.home_bandeau .kt-row-column-wrap .wp-block-kadence-column {
  width: 100%;
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta {
  max-width: 460px;
  width: 80%;
  margin: auto auto 0 auto;
  border-radius: 230px 230px 0 0;
  border-top: 25px solid rgba(255, 255, 255, 0.9);
  border-right: 25px solid rgba(255, 255, 255, 0.9);
  border-left: 25px solid rgba(255, 255, 255, 0.9);
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col {
  border-radius: 230px 230px 0 0;
  border-top: 2px solid rgb(235, 86, 113);
  border-right: 2px solid rgb(235, 86, 113);
  border-left: 2px solid rgb(235, 86, 113);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px 20px 10px 20px;
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col p {
  font-size: 18px;
  font-weight: 600;
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col h1 {
  color: rgb(235, 86, 113);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 35px;
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col h1::after {
  content: "";
  background-image: url(../../library/images_projet/hotel-trois-etoiles.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 30px;
  display: block;
  margin: 10px auto;
}
.home_bandeau .kt-row-column-wrap .home_bandeau_cta .kt-inside-inner-col h1 em {
  font-style: normal;
  font-size: 22px;
  font-weight: 500;
}

.linkup .col_link {
  margin: 0;
}
.linkup a {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  margin: 0;
}

.lien_vers_page {
  position: relative;
}
.lien_vers_page:hover .link_footer .link_footer_text {
  background-color: rgb(235, 86, 113);
}
.lien_vers_page:hover .pagelink_img_content img {
  transform: scale(1.05);
  opacity: 0.8;
}
.lien_vers_page .pagelink_img_content {
  overflow: hidden;
  border-radius: 10px;
  background-color: rgb(235, 86, 113);
}
.lien_vers_page .pagelink_img_content img {
  transition: 0.3s;
}
.lien_vers_page .link_footer .link_footer_text {
  padding: 10px 30px 10px 25px;
  border-radius: 10px;
  color: #FFF;
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: "Amatic SC";
  text-align: center;
  font-size: 2em;
  background-color: rgb(30, 30, 66);
  background-image: url(../../library/images_projet/Texture-BTN.png);
  background-position: 50% 50%;
  background-size: 100%;
  transition: 0.3s;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  margin: 0;
}

.ptsmhelp {
  position: fixed;
  z-index: 500;
  top: 25vh;
  right: 0;
  background-color: rgb(30, 30, 66);
  border-radius: 10px 0 0 10px;
  background-image: url(../../library/images_projet/help_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s;
  width: 180px;
}
.ptsmhelp .ptsmhelp_title {
  color: #FFF;
  padding: 15px 20px 0px 10px;
  font-size: 22px;
  font-weight: bold;
  font-family: "Amatic SC";
  display: flex;
  flex-direction: row;
  justify-content: left;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s;
}
.ptsmhelp .ptsmhelp_title:hover {
  color: rgb(235, 86, 113);
}
.ptsmhelp .ptsmhelp_title img {
  margin: auto 16px auto 0;
  transition: 0.3s;
  transform-origin: center;
  transform: scale(0);
  width: 0;
}
.ptsmhelp .ptsmhelp_title .ptsmhelp_mobile {
  display: none;
}
.ptsmhelp .ptsmhelp_cross {
  width: 30px;
}
.ptsmhelp .ptsmhelp_content {
  color: #FFF;
  padding: 10px 20px 5px 20px;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: 0.3s;
}
.ptsmhelp .ptsmhelp_content a {
  color: #FFF;
  text-decoration: underline;
  font-weight: 600;
  display: block;
  padding: 0;
  transition: 0.3s;
}
.ptsmhelp .ptsmhelp_content a:hover {
  color: rgb(235, 86, 113);
}
.ptsmhelp .ptsmhelp_content .ptsmhelp_content_line {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.8em;
  padding: 2px 0;
}
.ptsmhelp .ptsmhelp_content .ptsmhelp_content_line img {
  width: 40px;
  margin: 10px auto;
}
.ptsmhelp .ptsmhelp_content .ptsmhelp_content_line span {
  display: block;
  padding: 0;
  text-align: center;
  font-weight: 600;
}
.ptsmhelp .ptsmhelp_content .ptsmhelp_content_line span em {
  font-style: normal;
  font-size: 1.3em;
  display: block;
  font-weight: 300;
  padding-top: 7px;
}
.ptsmhelp .ptsmhelp_content .ptsmhelp_content_line span strong {
  font-size: 2em;
  display: block;
  margin-top: -2px;
  font-family: "Rethink Sans";
}
.ptsmhelp.ptsmhelp_open {
  width: auto;
}
.ptsmhelp.ptsmhelp_open .ptsmhelp_title {
  font-size: 30px;
  padding: 15px 20px 0px 20px;
}
.ptsmhelp.ptsmhelp_open .ptsmhelp_title img {
  transform: scale(1);
  width: 32px;
}
.ptsmhelp.ptsmhelp_open .ptsmhelp_content {
  opacity: 1;
  height: auto;
  padding: 10px 20px 30px 20px;
}

.compteur_prefixe,
.compteur_nombre {
  color: rgb(30, 30, 66);
  font-size: 40px;
  font-weight: 700;
}

.compteur_texte p {
  font-size: 1.1em;
  font-weight: 800;
}

.ressources_container {
  display: grid;
  grid-template-columns: 2fr 4fr;
  font-family: "Rethink Sans";
  gap: 1em;
}
.ressources_container .ressources_cat .mobile_filter {
  display: none;
}
.ressources_container .ressources_cat ul li {
  padding: 6px 10px 6px 20px;
  transition: 0.2s;
}
.ressources_container .ressources_cat ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: rgb(235, 86, 113);
  border-radius: 50%;
  display: inline-block;
  transform: translateX(-15px);
}
.ressources_container .ressources_cat ul li:hover {
  cursor: pointer;
  color: rgb(235, 86, 113);
}
.ressources_container .ressources_cat ul li.current_ressource {
  color: rgb(235, 86, 113);
}
.ressources_container .ressources_files {
  background-color: #FFF;
  border-radius: 20px;
  padding: 20px;
}
.ressources_container .ressources_files .categorie-programme {
  display: none;
}
.ressources_container .ressources_files .categorie-programme h3 {
  display: none;
}
.ressources_container .ressources_files .ressources_info {
  text-align: center;
  padding: 20px;
  opacity: 0.5;
}
.ressources_container .ressources_files .liste-ressources {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ressources_container .ressources_files .liste-ressources .ressource-item {
  text-align: center;
  color: rgb(30, 30, 66);
  line-height: 1.2em;
  padding: 20px;
  transition: 0.3s;
}
.ressources_container .ressources_files .liste-ressources .ressource-item figure img {
  width: 44px;
}
.ressources_container .ressources_files .liste-ressources .ressource-item .ressource-titre {
  font-weight: 800;
  font-size: 16px;
  transition: 0.3s;
}
.ressources_container .ressources_files .liste-ressources .ressource-item .ressource-description {
  font-size: 0.8em;
  transition: 0.3s;
}
.ressources_container .ressources_files .liste-ressources .ressource-item:hover {
  background-color: rgb(244, 242, 246);
  border-radius: 15px;
}
.ressources_container .ressources_files .liste-ressources .ressource-item:hover .ressource-titre,
.ressources_container .ressources_files .liste-ressources .ressource-item:hover .ressource-description {
  color: rgb(235, 86, 113);
}

.mobile_filter {
  background-color: rgb(235, 86, 113);
  color: #FFF;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
.mobile_filter img {
  width: 20px;
  transition: 0.3s;
}
.mobile_filter img.arrow_turn {
  transform: rotate(180deg);
}
.mobile_filter .show_cat {
  display: block;
}
.mobile_filter .hide_cat {
  display: none;
}

.gform_wrapper {
  font-family: "Rethink Sans";
}
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper label {
  position: relative;
}
.gform_wrapper .ginput_container input, .gform_wrapper textarea, .gform_wrapper select {
  border-radius: 8px !important;
}
.gform_wrapper option {
  padding: unset !important;
}

/* ================ RESPONSIVE DU PROJET  =================== */
@media screen and (max-width: 990px) {
  #inner-content {
    padding-top: 55px;
  }
}
@media screen and (max-width: 880px) {
  .ptsmhelp {
    width: 50px;
    bottom: 10vh;
    top: auto;
  }
  .ptsmhelp.ptsmhelp_open .ptsmhelp_title span {
    display: block;
  }
  .ptsmhelp.ptsmhelp_open .ptsmhelp_title .ptsmhelp_mobile {
    display: none;
  }
  .ptsmhelp.ptsmhelp_open .ptsmhelp_title img {
    width: 22px;
    margin: auto 16px auto 0;
  }
  .ptsmhelp .ptsmhelp_title {
    font-size: 21px;
  }
  .ptsmhelp .ptsmhelp_title .ptsmhelp_mobile {
    display: block;
  }
  .ptsmhelp .ptsmhelp_title span {
    display: none;
  }
  .ptsmhelp .ptsmhelp_title img {
    width: 0;
    margin: 0 3px;
  }
  .ptsmhelp .ptsmhelp_content {
    font-size: 0.8em;
  }
  .ptsmhelp .ptsmhelp_content img {
    width: 30px;
    margin: 5px auto;
  }
  .ptsmhelp .ptsmhelp_content .ptsmhelp_content_line span strong {
    font-size: 1.5em;
  }
  .lien_vers_page .link_footer .link_footer_text {
    font-size: 1.2em;
    padding: 10px 15px;
  }
  .btn1,
  .btn2 {
    font-size: 1.5em;
  }
  .ressources_container .ressources_files .liste-ressources {
    grid-template-columns: repeat(2, 1fr);
  }
  .ressources_cat {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 550px) {
  .paragraphe_content {
    text-align: center;
  }
  .btn1,
  .btn2 {
    font-size: 1.3em;
  }
  .liste-types-programme {
    margin: 0;
  }
  .ressources_container .ressources_cat .mobile_filter {
    display: flex;
  }
  .ressources_container .ressources_files .liste-ressources {
    grid-template-columns: 1fr;
  }
  .ressources_container .ressources_cat ul li {
    padding: 5px 10px 5px 20px;
  }
  .ressources_container {
    grid-template-columns: 1fr;
  }
  .ressources_container .ressources_files {
    padding: 20px 10px;
  }
  .ressources_container .ressources_files .categorie-programme h3 {
    display: block;
    text-align: center;
  }
  .ressources_container .ressources_files .liste-ressources .ressource-item figure img {
    width: 30px;
  }
  .ressources_container .ressources_files .liste-ressources .ressource-item .ressource-titre {
    font-size: 14px;
  }
  .ressources_container .ressources_files .liste-ressources .ressource-item .ressource-description {
    font-size: 0.8em;
  }
  .liste-types-programme {
    height: 0;
    overflow: hidden;
    transition: 0.4s;
    transition-delay: 0.2s;
    transform: scaleY(1);
  }
  .liste-types-programme li {
    opacity: 0;
    transition: 0.2s;
  }
  .liste-types-programme.cat_open {
    height: auto;
  }
  .liste-types-programme.cat_open li {
    opacity: 1;
    transition: 0.2s;
  }
}
.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(30, 30, 66);
  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: 60px;
  position: relative;
}
.actualites_archive article figure,
.mise_en_avant_darticles article figure,
.agenda_archive article figure {
  position: relative;
  overflow: hidden;
  margin: auto;
  height: 230px;
}
.actualites_archive article figure img,
.mise_en_avant_darticles article figure img,
.agenda_archive article figure img {
  transition: 0.3s;
  position: relative;
}
.actualites_archive article .read_more,
.mise_en_avant_darticles article .read_more,
.agenda_archive article .read_more {
  width: 100%;
  margin: 20px auto 10px auto;
  position: absolute;
  bottom: 0;
}
.actualites_archive article:hover .read_more,
.mise_en_avant_darticles article:hover .read_more,
.agenda_archive article:hover .read_more {
  text-decoration: none;
  background-color: rgb(235, 86, 113);
  color: #FFF;
  border: 2px solid rgb(235, 86, 113);
}
.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(235, 86, 113);
}

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

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

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

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

.nav-links {
  position: relative;
}
.nav-links > a,
.nav-links > span {
  color: rgb(235, 86, 113);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1em;
  padding: 0.2rem;
  display: inline-block;
  text-decoration: none;
  background-color: rgb(244, 242, 246);
  padding: 7px 10px 6px 10px;
  transition: 0.3s;
  margin: auto 2px;
}
.nav-links > a.current,
.nav-links > span.current {
  background: rgb(30, 30, 66);
  color: #FFF;
}
.nav-links > a:hover,
.nav-links > span:hover {
  background-color: rgb(235, 86, 113);
  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(30, 30, 66);
  color: #FFF;
}
.cat_filter ul li a.current, .cat_filter ul li a:hover {
  background-color: rgb(235, 86, 113);
}

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

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

@media screen and (max-width: 880px) {
  .actualites_archive.grid_3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 550px) {
  .mise_en_avant_darticles_content article .post_date,
  .actualites_archive article .post_date {
    font-size: 19px;
  }
  .list_post {
    padding: 0 10px;
  }
  .actualites_archive.grid_3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.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(30, 30, 66);
  font-weight: 300;
  text-transform: capitalize;
}

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

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