/*  Theme Name:   blankslate enfant
Description:  Thème blank
Author:       Gestimark  
Author URI:   https://gestimark.com/
Template:     blankslate 
Version:      0.1.0 */


html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* cache le scroll horizontal */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.accordion-opened-by-search .aagb__accordion_head {
  background-color: #fffae6;
  border-color: #ffa500;
}

mark {
  background-color: #ffeb3b;
  color: black;
  padding: 0 3px;
  border-radius: 2px;
}

.search-results article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  margin-bottom: 2em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.search-results article img {
  border-radius: 4px;
}

.bsearch_highlight {
  background: #ffeb3b;
}

body {
  margin: 0;
}

html {
  max-width: 2560px;
  height: 100%;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  font-size: 18px;
  font-family: "Quicksand", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Logo */
.gtm-logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #fff;
  border-radius: 0 0 40px 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
}

.gtm-logo img {
  padding: 10px 40px;
  z-index: 100000;
  position: relative;
  width: 180px !important;
}

/* ---------------------------------------------------------------------------------------------------------------------
Titres, texte, liens, listes 
--------------------------------------------------------------------------------------------------------------------- */

/* -------------------- Titres -------------------- */

h1 {
  font-size: clamp(1.4rem, 5vw, 80px);
  margin-bottom: 15px;
  line-height: 1;
}

h1.search-title {
  margin: 150px 10px 70px 10px !important;
  position: relative;
  font-size: clamp(1.7rem, 5vw, 2.5rem);
  text-align: center;
  text-transform: uppercase;
  color: #5B283E;
  padding: 0 20px;
}

h1.search-title::before {
  content: url(/wp-content/uploads/2025/01/sourire.svg);
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 65px;
}

h2 {
  position: relative;
  font-size: clamp(1.7rem, 5vw, 2.5rem);
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  color: #5B283E;
}

h2.gtm-titre-sourire {
  margin: 40px auto 70px auto;
  max-width: 1000px;
}

h2.gtm-titre-sourire::before {
  content: url(/wp-content/uploads/2025/01/sourire.svg);
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 65px;
}

.gtm-image-texte h2 {
  text-align: left;
}

h3 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  margin-bottom: 15px !important;
  color: #5B283E;
}

.gtm-3-colonnes h3 {
  text-align: center;
  font-size: clamp(1.5rem, 4vw, 2rem);
}

h4 {
  font-size: clamp(1.3rem, 2vw, 1.4rem);
  margin-bottom: 15px !important;
  color: #5B283E;
}

h4.wp-block-heading {
  -webkit-margin-before: 30px !important;
          margin-block-start: 30px !important;
}

h5 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  margin-bottom: 15px !important;
}

h6 {
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.gtm-11-choses {
  margin-top: 70px;
  margin-bottom: 100px !important;
}

@media screen and (min-width: 576px) {
  h2.gtm-titre-sourire {
    margin: 70px auto 70px auto;
  }

  .gtm-11-choses {
    margin-top: 70px;
  }
}

@media screen and (min-width: 768px) {
  h2.gtm-titre-sourire {
    margin: 100px auto 70px auto;
  }

  .gtm-11-choses {
    margin-top: 100px;
  }
}

@media screen and (min-width: 1200px) {
  h2.gtm-titre-sourire {
    margin: 150px auto 70px auto !important;
  }

  .gtm-11-choses {
    margin-top: 150px;
  }
}

/* -------------------- Textes -------------------- */


p {
  font-size: 1.2rem;
  margin-bottom: 15px !important;
  font-weight: 500;
}

li {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 10px;
}

/* Liens */
a {
  text-decoration: none !important;
  cursor: pointer;
  color: #BCBE00;
  font-size: clamp(1.2rem, 1vw, 1.2rem);
  position: relative;
  margin-bottom: 15px !important;
}

a:hover {
  color: #9fa000;
}

.gtm-bouton a,
.search-content a:not(.search-content h2 a),
#mc_embed_signup .button,
button#zf_button_236471,
input.wpcf7-form-control.wpcf7-submit.has-spinner {
  border-radius: 99px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: #fff !important;
  border: 2px solid #BCBE00 !important;
  background-color: #BCBE00 !important;
  line-height: 1.2 !important;
  padding: 8px 20px !important;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
  -webkit-user-select: none !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  font-weight: 700 !important;
  margin-left: 0 !important;
  font-size: clamp(1.2rem, 1vw, 1.2rem) !important;
}

.gtm-bouton a:hover,
.search-content a:hover:not(.search-content h2 a),
#mc_embed_signup .button:hover,
button#zf_button_236471:hover {
  background-color: transparent !important;
  color: #BCBE00 !important;
}

a.wp-block-button__link.wp-element-button {
  margin-top: 30px;
}

.gtm-bouton-prune a {
  border-radius: 99px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  border: 2px solid #BCBE00;
  background-color: #BCBE00;
  line-height: 1.2;
  padding: 8px 20px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.gtm-bouton-jpa .wp-block-button__link,
.gtm-form-jpa input.wpcf7-form-control.wpcf7-submit.has-spinner {
  border-radius: 99px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: #fff !important;
  border: 2px solid #d6c932 !important;
  background-color: #d6c932 !important;
  line-height: 1.2 !important;
  padding: 8px 20px !important;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
  -webkit-user-select: none !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  font-weight: 700 !important;
  margin-left: 0 !important;
  font-size: clamp(1.2rem, 1vw, 1.2rem) !important;
  text-decoration: none !important;
}

.gtm-bouton-jpa .wp-block-button__link:hover {
  background-color: transparent !important;
  color: #d6c932 !important;
}

.gtm-bouton-joindre a {
  border-radius: 99px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: #5B283E !important;
  border: 2px solid #fff !important;
  background-color: #fff !important;
  line-height: 1.2 !important;
  padding: 8px 20px !important;
  -moz-user-select: none !important;
   -ms-user-select: none !important;
       user-select: none !important;
  -webkit-user-select: none !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer !important;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
  font-weight: 700 !important;
  margin-left: 0 !important;
  font-size: clamp(1.2rem, 1vw, 1.2rem) !important;
}

.gtm-bouton-joindre a:hover {
  background-color: transparent !important;
  color: #fff !important;
}

.gtm-lien-externe-blanc a.wp-block-button__link.wp-element-button,
.gtm-lien-externe-vert a.wp-block-button__link.wp-element-button {
  padding: 8px 50px 8px 20px !important;
}

.gtm-lien-externe-blanc a::after {
  content: url(/wp-content/uploads/2025/04/fleche-lien-externe-blanc.svg);
  position: absolute;
  right: 20px;
  top: 0;
  width: 20px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
}

.gtm-lien-externe-vert a::after {
  content: url(/wp-content/uploads/2025/04/fleche-lien-externe.svg);
  position: absolute;
  right: 20px;
  width: 20px;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
}

.gtm-lien-externe-blanc a:hover::after {
  content: url(/wp-content/uploads/2025/04/fleche-lien-externe.svg);
  position: absolute;
  right: 20px;
  width: 20px;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
}

.gtm-lien-externe-vert a:hover::after {
  content: url(/wp-content/uploads/2025/04/fleche-lien-externe-blanc.svg);
  position: absolute;
  right: 20px;
  width: 20px;
  -webkit-transition: all .2s ease-in-out !important;
  -o-transition: all .2s ease-in-out !important;
  transition: all .2s ease-in-out !important;
}

.gtm-lien-externe-blanc a {
  padding-right: 50px;
  padding-top: 7px;
}

.gtm-lien-externe-vert a {
  padding-right: 50px;
  padding-top: 7px;
  position: relative;
}


#mc_embed_signup .button {
  height: 45.92px !important;
}

/* Padding et margin */
.gtm-padding {
  padding: 20px 20px;
}

.gtm-padding-liste {
  padding: 20px 40px;
}

.gtm-padding-top {
  padding-top: 0;
}

.gtm-padding-h {
  padding: 0 20px;
}

.gtm-margin {
  margin: 0 20px;
}

.gtm-no-margin {
  margin: 0 !important;
}

.wp-block-columns.gtm-margin-top-plus.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
  margin-top: 20px !important;
}

.gtm-align-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gtm-align-right h3.wp-block-heading {
  text-align: left !important;
}

.has-text-align-right {
    text-align: left;
}

:where(.wp-block-columns) {
  margin-bottom: 100px;
}

hr {
  color: #5B283E;
}

@media screen and (min-width: 576px) {
  .gtm-padding {
    padding: 20px 40px;
  }

  .gtm-padding-h {
    padding: 0 40px;
  }

  .gtm-padding-liste {
    padding: 20px 60px;
  }

  .gtm-padding-top {
    padding-top: 30px;
  }

  .gtm-margin {
    margin: 0 40px;
  }
}

@media screen and (min-width: 1200px) { 
  .gtm-align-right p,
  .gtm-align-right h3 {
    text-align: right;
  }

  .gtm-align-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

/* Hero */
.gtm-hero {
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 20px 20px;
  overflow-y: visible;
  min-height: 450px;
}

.gtm-hero img {
  border-radius: 40px;
}

.has-background-gradient {
  border-radius: 40px;
}

.gtm-hero-haut {
  height: 0;
}

.gtm-hero::before {
  content: url(/wp-content/uploads/2025/01/symbole.svg);
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 48%);
      -ms-transform: translate(-50%, 48%);
          transform: translate(-50%, 48%);
  width: 185px;
  z-index: -1;
}

.gtm-hero h1 {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  left: 10%;
}

.wp-block-spacer {
    height: 75px !important;
}

@media screen and (min-width: 576px) {
  .gtm-hero {
    margin: 20px 40px;
  }

  .gtm-hero::before {
    width: 40%;
  }

  .gtm-hero h1::before {
    content: url(/wp-content/uploads/2025/01/tige-fleur-blc.svg);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    width: clamp(1.5rem, 3.5vw, 69px);
    left: -40px;
  }
}

@media screen and (min-width: 768px) {
  .gtm-hero::before {
    width: 30%;
  }
}

@media screen and (min-width: 992px) {
  .gtm-hero h1::before {
    left: -50px;
  }

  .gtm-hero h1 {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    left: 50%;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%);
  }
}

@media screen and (min-width: 1200px) {
  .gtm-hero::before {
    width: 350px;
  }
}

@media screen and (min-width: 1300px) {
  .gtm-hero h1::before {
    left: -60px;
  }
}

@media screen and (min-width: 1475px) { 
  .wp-block-spacer {
      height: 150px !important;
  }
}

@media screen and (min-width: 1600px) {
  .gtm-hero h1::before {
    left: -80px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    ACCUEIL
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

h3.wp-block-heading.gtm-titre-hero-accueil {
  -webkit-margin-before: 30px !important;
          margin-block-start: 30px !important;
}

/* Cartes vertes */
.gtm-3-colonnes {
  margin: 20px 20px;
}

.gtm-3-colonnes ul {
  color: #fff;
  font-weight: 500;
}

.gtm-carte-verte {
  background-color: #BCBE00;
  border-radius: 30px;
  padding: 35px 20px 20px 20px;
}

.gtm-carte-verte p {
  color: #fff;
  text-align: center;
  font-weight: 600;
}

.gtm-puce-bourgogne {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 99px;
  background-color: #5B283E;
  color: #fff;
  font-weight: 700;
  margin-bottom: 40px;
  -ms-grid-column-align: center;
      justify-self: center;
}

.gtm-titre-puce-bourgogne {
  text-align: right;
}

.gtm-grosse-puce-bourgogne {
  width: 100px;
  height: 100px;
}

.gtm-puces-vertes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background-color: #BCBE00;
  font-weight: 700;
  margin-bottom: 40px;
  -ms-grid-column-align: center;
      justify-self: center;
  color: #fff;
  margin-bottom: 0 !important;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.gtm-gap-15 {
  gap: 15px;
  padding-top: 20px;
}

.gtm-centre {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ajout de l'image dans le bloc vert page équipe */
.gtm-vert-before {
  position: relative;
}

.gtm-vert-2-before {
  position: relative;
}

.gtm-vert-before::before {
  content: url(/wp-content/uploads/2025/01/petale-blanc.svg);
  position: absolute;
  bottom: -5px;
  right: 0px;
  width: 180px;
}

.gtm-vert-2-before::before {
  content: url(/wp-content/uploads/2025/01/petale-blanc-2.svg);
  position: absolute;
  right: 0;
  width: 280px;
  top: 0;
}

@media screen and (min-width: 576px) {
  .gtm-vert-before::before {
    width: 300px;
  }

  .gtm-blocs-equipe .wp-block-column.gtm-equipe.is-layout-flow.wp-block-column-is-layout-flow {
    -ms-flex-preferred-size: 47% !important;
        flex-basis: 47% !important;
  }
}

@media screen and (min-width: 768px) {
  .gtm-3-colonnes {
    margin: 20px 40px;
  }

  /* Équipe */
  .gtm-equipe {
    max-width: 48% !important;
  }

  .gtm-prune-before {
    position: relative;
  }

  .gtm-prune-before::before {
    content: url(/wp-content/uploads/2025/01/sourires-entrelaces-blanc.svg);
    position: absolute;
    bottom: -5px;
    right: 0px;
    width: 300px;
  }
}

@media screen and (min-width: 782px) {

  /* Équipe */
  .gtm-prune-before::before {
    display: none;
  }

  .gtm-blocs-equipe .wp-block-column.gtm-equipe.is-layout-flow.wp-block-column-is-layout-flow {
    -ms-flex-preferred-size: 47% !important;
        flex-basis: 47% !important;
  }
}

@media screen and (min-width: 1200px) {

  /* Équipe */
  .gtm-prune-before::before {
    display: block;
    width: 250px;
  }
}

@media screen and (min-width: 1400px) {
  .gtm-vert-before::before .gtm-prune-before::before {
    width: 290px;
  }
}

/* blocs */
.gtm-membres {
  margin-top: 100px;
}

.gtm-membres p {
  font-weight: 500 !important;
}

.gtm-membre-actif {
  background-color: #bcbe0057;
  padding: 20px 40px 50px 40px;
}

.gtm-bloc-vert {
  background-color: #bcbe0057;
  padding: 40px;
}

.gtm-bloc-lime {
  background-color: #BCBE00;
  padding: 40px;
}

h3.wp-block-heading.gtm-title-membre.gtm-bloc-vert {
  margin-bottom: 0;
}

.gtm-bloc-vert a {
  color: #fff;
  font-weight: 900;
}

.gtm-bloc-vert a:hover {
  color: #5B283E;
  background-color: transparent;
}

.gtm-membre-actif h3::after {
  content: url(/wp-content/uploads/2025/04/cercle-bordeau.svg);
  width: 40px;
  display: inline-block;
  padding-left: 15px;
}

.gtm-membre-actif h4,
.gtm-bloc-vert h4 {
  color: #fff;
}

.gtm-membre-actif a,
.gtm-vert a {
  color: #fff;
  text-decoration: underline !important;
}

.gtm-membre-sympathisant {
  background-color: #fafafa;
  padding: 20px 40px 50px 40px;
}

.gtm-gris {
  background-color: #fafafa;
  padding: 40px;
}

.gtm-prune {
  background-color: #5B283E;
  padding: 40px;
}

.gtm-title-membre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.gtm-membre-sympathisant h3,
.gtm-prune h3 {
  color: #BCBE00;
}

.gtm-membre-sympathisant h3::after {
  content: url(/wp-content/uploads/2025/04/cercle-lime.svg);
  width: 40px;
  display: inline-block;
  padding-left: 15px;
}

.gtm-action {
  max-width: 1024px;
  margin: 100px auto !important;
  padding: 20px 20px;
}

.gtm-droits-obligations {
  text-align: center;
}

p.gtm-action,
.gtm-action a {
  font-size: 30px;
  margin-bottom: 100px !important;
}

.gtm-ordre-inverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.gtm-background {
  height: 100%;
  border-radius: 40px;
}

.gtm-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.gtm-valeurs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1300px;
  margin: auto;
}

.gtm-valeur {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fafafa;
  border-radius: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 220px;
  max-width: 250px;
  padding: 10px 10px 30px 10px;
  height: 300px !important;
}

.gtm-valeur img {
  padding: 30px;
  width: 150px !important;
}

.gtm-partenaires {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
}

.gtm-partenaire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fafafa;
  border-radius: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 220px;
  max-width: 500px;
  padding: 10px 10px 30px 10px;
}

.gtm-partenaire img {
  padding: 30px;
  width: 350px !important;
}

.gtm-bg-alerte {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

@media screen and (min-width: 782px) {
  .gtm-membre-actif h3::after {
    width: 60px;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
  }

  .gtm-membre-sympathisant h3::after {
    width: 60px;
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
  }

  .gtm-valeurs {
    -ms-flex-preferred-size: 47% !important;
        flex-basis: 47% !important;
  }
}

@media screen and (min-width: 992px) {
  .gtm-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 782px) {
  .gtm-partenaires {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1200px) { 
  .gtm-bg-alerte {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row !important;
              flex-direction: row !important;
  }

  .gtm-ordre-inverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media screen and (min-width: 1200px) {
  .gtm-membres {
    margin-top: 150px;
  }

  /* Équipe */
  .gtm-equipe {
    max-width: 24% !important;
  }
}

/* Blocs liens autres services */

@media only screen and (max-width: 781px) and (min-width: 576px) {
  .gtm-autres-services {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }

  .gtm-autres-services.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    -ms-flex-preferred-size: 47% !important;
        flex-basis: 47% !important;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    JOURNAL COEUR VAILLANT
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-journaux {
  max-width: 1200px;
  margin: auto;
}

.gtm-journaux p {
  text-align: center;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    ACCORDÉONS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.gtm-accordeon {
  max-width: 1200px;
  margin: 100px 20px;
  background-color: #fafafa;
  border-radius: 40px;
  padding: 30px;
}

.gtm-accordeon-jpa {
  max-width: 1200px;
  margin: 100px 20px;
  background-color: #357b77;
  border-radius: 40px;
  padding: 30px;
}

.gtm-accordeon .aagb__accordion_head.aab_right_icon.aagb__accordion_head--keyboard {
  background-color: #fafafa !important;
}

.gtm-accordeon-jpa .aagb__accordion_component h5 {
  color: #fff;
}

.gtm-accordeon-jpa .aagb__accordion_head.aab_right_icon.aagb__accordion_head--keyboard {
  background-color: #357b77 !important;
}

.gtm-accordeon .aagb_accordion_45bfaefa_0>.aagb__accordion_container.aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0px !important;
  border-style: none !important;
}

.gtm-accordeon-jpa .aagb_accordion_45bfaefa_0>.aagb__accordion_container.aagb__accordion_active {
  border-color: transparent !important;
  border-width: 0px !important;
  border-style: none !important;
}

.gtm-accordeon-municipalites,
.wp-block-columns {
  gap: 24px !important;
  margin-bottom: 0;
}

.wp-block-columns.gtm-membres {
  gap: 0 !important;
}

h3.wp-block-heading {
  font-size: clamp(1.5rem, 2vw, 1.5rem);
}

.aagb__accordion_head.aab_right_icon {
  background-color: transparent !important;
}

/* Couleur du texte et listes jpa, ainsi que des liens*/
.gtm-accordeon-jpa .aagb__accordion_component p,
.gtm-accordeon-jpa .aagb__accordion_component li {
  color: #fff;
}

.gtm-accordeon-jpa .aagb__accordion_component a {
  color: #fff;
  text-decoration: underline !important;
}

.gtm-accordeon-jpa a.wp-block-button__link.wp-element-button {
  text-decoration: none !important;
}

/* .gtm-accordeon-jpa .gtm-bouton-jpa .wp-block-button__link, .gtm-form-jpa input.wpcf7-form-control.wpcf7-submit.has-spinner {
  color: #357b77 !important;
  border: 2px solid #fff !important;
  background-color: #fff !important;
  text-decoration: none !important;
} */

.gtm-accordeon-jpa .gtm-bouton-jpa .wp-block-button__link:hover,
.gtm-form-jpa input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  color: #fff !important;
  background-color: transparent !important;
}

/* design du titre de l'accordéon */
h4.aagb__accordion_title,
h5.aagb__accordion_title {
  font-size: clamp(1.5rem, 4vw, 2rem) !important;
  font-weight: 900 !important;
  margin-bottom: 0 !important;
  color: #5B283E !important;
}

.gtm-accordeon-jpa h4.aagb__accordion_title,
.gtm-accordeon-jpa h5.aagb__accordion_title {
  font-size: clamp(1.5rem, 4vw, 2rem) !important;
  font-weight: 900 !important;
  margin-bottom: 0 !important;
  color: #fff !important;
}

/* design du + */
span.aagb__icon.dashicons.dashicons-plus-alt2::before {
  color: #5B283E !important;
}

.gtm-accordeon .dashicons-minus:before {
  color: #5B283E !important;
}

.gtm-accordeon-jpa span.aagb__icon.dashicons.dashicons-plus-alt2::before {
  color: #fff !important;
}

.gtm-accordeon-jpa .dashicons-minus:before {
  color: #fff;
}

/* dépublier l'espace du sous-titre */
p.aagb__accordion_subheading {
  display: none;
}

/* retirer le contour quand l'accordéon est fermé*/
.wp-block-aab-accordion-item.aagb__accordion_container.panel {
  border: 0px solid #cccccc !important;
}

/* retirer le contour quand l'accordéon est ouvert */
.wp-block-aab-accordion-item.aagb__accordion_container.panel.gtm-accordeon-item.aagb__accordion_active {
  border-color: transparent !important;
}

/* retirer la ligne de séparation entre le titre et la description */
.aagb__accordion_body.aagb__accordion_body--show {
  border-top: 0px !important;
}

/* accordéon Jeunes proches aidants */
.gtm-accordeon-jpa .aagb__accordion_component.aagb__accordion_component p {
  color: #fff;
}

@media screen and (min-width: 576px) {
  .gtm-accordeon {
    margin: 100px 40px;
  }

  .gtm-accordeon-jpa {
    margin: 100px 40px;
  }
}

@media screen and (min-width: 1280px) {
  .gtm-accordeon {
    margin: 100px auto;
  }

  .gtm-accordeon-jpa {
    margin: 100px auto;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    FOOTER
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.gtm-logo-footer {
  background-color: #5B283E;
  border-radius: 40px 40px 0 0;
  padding: 30px;
  margin: 60px 20px 0px 20px;
}

.gtm-footer {
  background-color: #5B283E;
  border-radius: 0 0 40px 40px;
  padding: 30px;
  margin: 0 20px;
}

.gtm-footer h3,
.gtm-footer h4,
.gtm-footer p {
  color: #fff;
}

.gtm-logo-footer img {
  width: 250px !important;
}

.gtm-footer a:hover {
  color: #fff;
}

.gtm-facebook a::before {
  content: url(/wp-content/uploads/2025/01/icone-facebook.svg);
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  -webkit-transform: translateY(7px);
      -ms-transform: translateY(7px);
          transform: translateY(7px);
}

.gtm-facebook a:hover::before {
  content: url(/wp-content/uploads/2025/01/icone-facebook-hover.svg);
}

.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-1.wp-block-columns-is-layout-flex {
  margin-bottom: 0;
}

@media screen and (min-width: 576px) {
  .gtm-logo-footer {
    margin: 60px 40px 0px 40px;
  }

  .gtm-footer {
    margin: 0 40px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    COPYRIGHT
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.gtm-copyright-content {
    padding: 20px;
    margin-top: 40px !important;
}

.gtm-container-copyright {
  gap: 0;
}

.gtm-flinks {
  margin-top: 15px;
}

.gtm-flinks {
  text-align: center;
}

.gtm-flinks a {
  margin-top: 15px !important;
  color: #5B283E !important;
  font-size: clamp(.9rem, 1vw, .9rem) !important;
  font-weight: 900;
}

.gtm-copyright {
  text-align: center;
  padding-left: 35px;
  padding-right: 35px;
  color: #5B283E;
  font-size: 16px !important;
  margin-bottom: 0 !important;
  margin-top: 0;
}

a.gtm-lien-gestimark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}

.gtm-copy-anim-logo {
  margin: 10px auto 5px auto;
  max-width: 150px;
  gap: 10px;
}

.gtm-copy-anim-logo .gtm-lien-gestimark img.gtm-creation-de {
  padding-right: 10px;
  width: 100px;
  height: auto;
}

.gtm-g-gestimark img {
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.gtm-g-gestimark img:hover {
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.gtm-copy-anim-logo img {
  width: 35px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

@media screen and (min-width: 576px) { 
  .gtm-copyright-content {
      padding: 20px 40px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    RECHERCHE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* Menu */

.bsearchform {
    max-width: 85%;
    margin: 0 auto;
}

.bsearchform select,
.bsearchform input[type="search"] {
    padding: .2em .1em .2em .5em !important;
    font-size: .8rem !important;
    border-radius: 99px !important;
    -webkit-transform: translateY(-1px)!important;
        -ms-transform: translateY(-1px)!important;
            transform: translateY(-1px)!important;
    height: 24.4px !important;
}

.gtm-recherche a {
  content: url(/wp-content/uploads/2025/01/icone-loupe.svg);
  display: inline-block;
  width: 30px;
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}

.gtm-recherche a:hover {
  content: url(/wp-content/uploads/2025/01/icone-loupe-hover.svg);
}

input.bsearch-field.search-field:focus-visible {
    outline: #fff;
}

/* page résultats de recherche */

.search h1 {
  font-size: clamp(1.7rem, 5vw, 2.5rem);
  margin-bottom: 15px;
  margin-top: 100px;
  text-transform: uppercase;
  color: #5B283E;
}

.search h1,
.search-results, .nav-links {
  padding: 20px;
}

.search-results article h2 {
  margin: 0;
  text-align: left;
}

.search-results article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.nav-links {
    text-align: center;
}

a.page-numbers {
    padding: 0 10px;
}

span.page-numbers.current {
    font-weight: 500;
    font-size: 1.5rem;
    padding: 0 10px;
}

@media screen and (min-width: 576px) {
  .search h1,
  .search-results, .nav-links {
    padding: 20px 40px;
  }
}

@media screen and (min-width: 992px) {
  .search-results article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (min-width: 1475px) { 
  .bsearchform {
    max-width: 100%;
  }

  .bsearch-form-container {
    text-align: center;
    margin: 0;
    -webkit-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
            transform: translateY(-7px);
  }

  .search h1 {
    margin-top: 130px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    ÉTAPES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h2.gtm-etape-1,
h2.gtm-etape-3 {
  text-align: left;
  max-width: 95%;
  padding-left: 5%;
}

h2.gtm-etape-2 {
  text-align: left;
  max-width: 95%;
}

.gtm-etape-1::before {
  content: "1.";
  font-family: "Leckerli One", cursive;
  font-size: 100px;
  -webkit-transform: translate(-30px, -40px);
      -ms-transform: translate(-30px, -40px);
          transform: translate(-30px, -40px);
  position: absolute;
  color: #ebebeb;
  z-index: -1;
}

.gtm-etape-2::before {
  content: "2.";
  font-family: "Leckerli One", cursive;
  font-size: 100px;
  -webkit-transform: translate(-10px, -40px);
      -ms-transform: translate(-10px, -40px);
          transform: translate(-10px, -40px);
  position: absolute;
  color: #ebebeb;
  z-index: -1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.gtm-etape-3::before {
  content: "3.";
  font-family: "Leckerli One", cursive;
  font-size: 100px;
  -webkit-transform: translate(-30px, -40px);
      -ms-transform: translate(-30px, -40px);
          transform: translate(-30px, -40px);
  position: absolute;
  color: #ebebeb;
  z-index: -1;
}

@media screen and (min-width: 591px) {

  .gtm-etape-1::before,
  .gtm-etape-2::before,
  .gtm-etape-3::before {
    font-size: 150px;
    -webkit-transform: translate(-30px, -60px);
        -ms-transform: translate(-30px, -60px);
            transform: translate(-30px, -60px);
  }
}

@media screen and (min-width: 782px) {
  
  
  h2.gtm-etape-2 {
    max-width: 100%;
  }

  .gtm-etape-1::before {
    font-size: 200px;
    left: 0;
    -webkit-transform: translate(0px, -90px);
        -ms-transform: translate(0px, -90px);
            transform: translate(0px, -90px);
  }

  .gtm-etape-2::before {
    right: 0;
    -webkit-transform: translate(110px, -90px);
        -ms-transform: translate(110px, -90px);
            transform: translate(110px, -90px);
    font-size: 200px;
  }

  .gtm-etape-3::before {
    font-size: 200px;
    left: 0;
    -webkit-transform: translate(0px, -90px);
        -ms-transform: translate(0px, -90px);
            transform: translate(0px, -90px);
  }
}

@media screen and (min-width: 1024px) {
  .gtm-col-droite {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }

  .gtm-container-col-gauche {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .gtm-container-col-droite {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }

  .gtm-col-gauche {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
  }
}

@media screen and (min-width: 1200px) { 
  h2.gtm-etape-1,
  h2.gtm-etape-3 {
    text-align: right;
    padding-left: 0;
  }
}

@media screen and (min-width: 2035px) {
  .gtm-etape-2::before {
    right: 0;
    -webkit-transform: translate(0px, -90px);
        -ms-transform: translate(0px, -90px);
            transform: translate(0px, -90px);
    font-size: 200px;
  }
}

/* Images en background */
.gtm-bg {
  height: 100%;
  min-height: 300px;
  border-radius: 40px;
  background-position: center;
}

.gtm-dossier-clsc {
  background-position: 29% 50%;
}

.gtm-fillette {
  background-position: 0% 50%;
}

.gtm-bg-soutien-juridique {
  background-position-x: 20%;
}

.gtm-soin {
  background-position-y: top;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    BLOGUE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
  margin: 0 20px;
}

/* cacher les informations date, auteur, article suivant et étiquettes */
.type-post header,
span.cat-links,
.footer,
.entry-footer {
  display: none;
}

h2.wp-block-post-title {
  text-transform: none;
  text-align: left;
  -webkit-margin-before: 30px !important;
          margin-block-start: 30px !important;
}

/* image teaser */
.wp-block-group {
  padding: 0 !important;
}

.wp-block-post-featured-image :where(img) {
  border-radius: 40px;
}

.type-post .entry-content a img {
  display: none;
}

/* Signature */
.gtm-signature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

@media screen and (min-width: 601px) {
  .columns-3 {
    grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;
  }

  .wp-block-group {
    padding: 0 !important;
  }
}

@media screen and (min-width: 768px) {
  .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow {
    margin: 0 40px;
  }

  .columns-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (min-width: 992px) { 
  .columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media screen and (min-width: 1200px) {
  .wp-container-core-post-template-is-layout-1 {
    grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    INFOLETTRE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#mc_embed_signup form {
  margin: 0 !important;
}

.gtm-footer label,
.asterisk,
.indicates-required {
  color: #fff !important;
}

#mc_embed_signup .indicates-required {
  text-align: left !important;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    YOUTUBE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

figure.wp-block-embed.wp-block-embed-youtube.is-type-video.is-provider-youtube.epyt-figure {
  display: none;
}


.gtm-flex-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

@media screen and (min-width: 782px) {
  .gtm-flex-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    JEUNE PROCHE AIDANCE
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-jpa-hero {
  min-height: 450px;
  margin: 20px 20px;
}

.gtm-titre-jpa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.gtm-bloc-titre {
  max-width: 85%;
}

.gtm-titre-logo-jpa h2 {
  background-color: #ffffff;
  margin-top: 100px !important;
  margin-bottom: 170px !important;
}

.gtm-titre-logo-jpa h2::before {
  content: url(/wp-content/uploads/2025/03/logo-jpa-seul.svg);
  position: absolute;
  bottom: -50%;
  left: 50%;
  display: inline-block;
  width: 300px;
  z-index: -1;
  -webkit-transform: translate(-50%, 11.5%);
      -ms-transform: translate(-50%, 11.5%);
          transform: translate(-50%, 11.5%);
}

h3.wp-block-heading.gtm-titre-jpa {
  background-color: #91145A;
  color: #fff;
  padding: 5px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px !important;
  margin-bottom: 20px;
}

h3.wp-block-heading.gtm-titre-jpa-2 {
  background-color: #91145A;
  color: #fff;
  padding: 5px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px !important;
  margin-bottom: 20px;
  -ms-grid-column-align: center;
      justify-self: center;
}

h3.wp-block-heading.gtm-titre-jpa-2.gtm-margin-plus {
  margin-top: 70px !important;
}

.gtm-jpa-bloc-entete {
  position: relative;
}

:root :where(.is-layout-flow)>* {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}

.gtm-esp-none {
  display: none;
}

.gtm-jpa-texte {
  position: relative;
  gap: 50px !important;
}

.gtm-affiches {
  max-width: 60%;
  margin: 0 auto;
}

@media screen and (min-width: 471px) {
  .gtm-titre-logo-jpa h2::before {
    -webkit-transform: translate(-50%, 23%);
        -ms-transform: translate(-50%, 23%);
            transform: translate(-50%, 23%);
  }
}

@media screen and (min-width: 576px) {
  .gtm-jpa-hero {
    margin: 20px 20px;
  }

  .gtm-jpa-logo-hero::after {
    width: 200px;
    bottom: -88px;
    left: -40px;
  }

  .gtm-max-width {
    max-width: 560px;
  }
}

@media screen and (min-width: 700px) {
  .gtm-titre-logo-jpa h2::before {
    -webkit-transform: translate(-50%, 22%);
        -ms-transform: translate(-50%, 22%);
            transform: translate(-50%, 22%);
  }
}

@media screen and (min-width: 782px) {
  .gtm-esp-none {
    display: block;
  }

  .gtm-jpa-forme-rose::after {
    content: url(/wp-content/uploads/2025/03/pointilles-verts.png);
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: -1;
  }

  .gtm-jpa-forme-rose-2::after {
    content: url(/wp-content/uploads/2025/04/pointilles-verts-2.png);
    position: absolute;
    left: 0;
    bottom: -72px;
    z-index: -1;
  }

  .gtm-jpa-forme-rose-3::after {
    content: url(/wp-content/uploads/2025/04/pointilles-verts-3.png);
    position: absolute;
    right: 0;
    bottom: -72px;
    z-index: -1;
  }
}

@media screen and (min-width: 800px) {
  .gtm-titre-logo-jpa h2::before {
    -webkit-transform: translate(-50%, 21%);
        -ms-transform: translate(-50%, 21%);
            transform: translate(-50%, 21%);
  }
}

@media screen and (min-width: 850px) {
  .gtm-titre-logo-jpa h2::before {
    -webkit-transform: translate(-50%, 20%);
        -ms-transform: translate(-50%, 20%);
            transform: translate(-50%, 20%);
  }
}

@media screen and (min-width: 900px) {
  .gtm-titre-logo-jpa h2::before {
    -webkit-transform: translate(-50%, 19%);
        -ms-transform: translate(-50%, 19%);
            transform: translate(-50%, 19%);
  }
}


/* ---------- icônes ---------- */
.gtm-telephone,
.gtm-courriel,
.gtm-messenger,
.gtm-tiktok,
.gtm-insta,
.gtm-facebook-jpa {
  position: relative;
}

.gtm-telephone p,
.gtm-courriel p,
.gtm-messenger p,
.gtm-tiktok p,
.gtm-insta p,
.gtm-facebook-jpa p {
  margin-left: 50px;
}

.gtm-telephone p::before {
  content: url(/wp-content/uploads/2025/04/telephone-intelligent.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-5px, -9px);
      -ms-transform: translate(-5px, -9px);
          transform: translate(-5px, -9px);
  display: inline-block;
  width: 50px;
}

.gtm-courriel p::before {
  content: url(/wp-content/uploads/2025/04/courriel.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-5px, -9px);
      -ms-transform: translate(-5px, -9px);
          transform: translate(-5px, -9px);
  display: inline-block;
  width: 50px;
}

.gtm-messenger p::before {
  content: url(/wp-content/uploads/2025/04/messenger.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-5px, -9px);
      -ms-transform: translate(-5px, -9px);
          transform: translate(-5px, -9px);
  display: inline-block;
  width: 50px;
}

.gtm-tiktok p::before {
  content: url(/wp-content/uploads/2025/04/tiktok-jpa.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-2px, -5px);
      -ms-transform: translate(-2px, -5px);
          transform: translate(-2px, -5px);
  display: inline-block;
  width: 40px;
}

.gtm-insta p::before {
  content: url(/wp-content/uploads/2025/04/instagram-jpa.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-2px, -5px);
      -ms-transform: translate(-2px, -5px);
          transform: translate(-2px, -5px);
  display: inline-block;
  width: 40px;
}

.gtm-facebook-jpa p::before {
  content: url(/wp-content/uploads/2025/04/facebook-jpa.svg);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(-2px, -5px);
      -ms-transform: translate(-2px, -5px);
          transform: translate(-2px, -5px);
  display: inline-block;
  width: 40px;
}

.gtm-jpa-contact {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gtm-h3-jpa {
  text-align: center;
}

@media screen and (min-width: 500px) {

  .wp-block-column.gtm-tiktok.is-layout-flow.wp-block-column-is-layout-flow,
  .wp-block-column.gtm-insta.is-layout-flow.wp-block-column-is-layout-flow,
  .wp-block-column.gtm-facebook-jpa.is-layout-flow.wp-block-column-is-layout-flow {
    -ms-flex-preferred-size: 47% !important;
        flex-basis: 47% !important;
  }
}

@media screen and (min-width: 782px) {
  .gtm-reseaux {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 592px;
    margin: 0 auto;
  }

  .wp-block-column.gtm-insta.is-layout-flow.wp-block-column-is-layout-flow,
  .wp-block-column.gtm-facebook-jpa.is-layout-flow.wp-block-column-is-layout-flow {
    -ms-flex-preferred-size: 33% !important;
        flex-basis: 33% !important;
  }

  .wp-block-column.gtm-tiktok.is-layout-flow.wp-block-column-is-layout-flow {
    -ms-flex-preferred-size: 25% !important;
        flex-basis: 25% !important;
  }
}

@media screen and (min-width: 1121px) {
  .gtm-jpa-contact {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    FORMULAIRES DE CONTACT
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-form {
  margin: 0 auto;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 25px;
  margin-top: 5px;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  margin-top: 5px;
}

.wpcf7-list-item {
  width: 100%;
  padding: 0 0 0 1em;
  margin: 0;
}

@media screen and (min-width: 1800px) { 
  .gtm-form {
    max-width: 80%;
    margin: 0 auto;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    FORMULAIRE ZOHO
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-zoho-activites {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gtm-bouton-je-minscris {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0 !important;
}

.gtm-container-boutons .wp-block-buttons {
  padding-top: 0;
  padding-bottom: 0;
}

.gtm-container-boutons .wp-block-buttons .wp-element-button {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 782px) {
  .gtm-container-boutons .wp-block-buttons {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .gtm-container-boutons .wp-block-buttons .wp-element-button {
    margin-bottom: 15px !important;
  }

  .gtm-bouton-je-minscris {
    margin-top: 20px !important;
  }

  .gtm-bouton-je-minscris {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }

  .gtm-bouton-ecrivez {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    COOKIES
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.cky-cookie-des-table li,
.cky-cookie-des-table p {
  font-size: 14px;
  font-weight: 500;
}

.cky-btn {
  border-radius: 99px !important;
}

.cky-accordion-header .cky-always-active {
  color: #5B283E !important;
}

button.cky-show-desc-btn {
  color: #BCBE00 !important;
  font-weight: 600 !important;
}

@media screen and (min-width: 782px) {
  .gtm-sticky {
    position: sticky;
    top: 120px;
  }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    CRÉDITS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.gtm-logo-gestimark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.gtm-logo-gestimark img {
  width: 300px;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    OUPS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.error404 {
    padding: 20px;
}

.error404 h1 {
    margin-top: 150px;
}

@media screen and (min-width: 576px) { 
  .error404 {
      padding: 20px 40px;
  }
}