/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                              GENERAL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------
						RESET
------------------------------------------------------- */
html {
  max-width: 2560px;
  height: 100%;
  margin: 0 auto;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  font-size: 20px;
  font-family: 'Muli', sans-serif;
}

body {
  min-height: 100%;
}

body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}


.gtm-wrapper {
  min-height: 100vh;
  position: relative;
  padding-bottom: 240px;
}

.gtm-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}

/* -----------------------------------------------------
                MODULES
------------------------------------------------------- */

/* -------------- padding -------------*/

*[class^="gtm-pos"] .moduletable{
  padding: 2rem 8vw 10px 8vw;
}

/* -------------- Centrer le module -------------*/

/* centrer verticalement et horizentalement */
.gtm-center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* centrer verticalement et verticalement */
.gtm-center-v {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* centrer verticalement et horizontalement */
.gtm-center-h {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* -------------- Flexbox dans un module simple  -------------*/

.gtm-flex-2 .gtm-custom, .gtm-flex-3 .gtm-custom, .gtm-flex-4 .gtm-custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10%;
}

/* 2 colonnes */
  
  .gtm-flex-2 .gtm-custom div {
      width: 50%;
}

  /* 3 colonnes */
      
  .gtm-flex-3 .gtm-custom div {
      width: 33.33%;
  }

  /* 4 colonnes */
      
  .gtm-flex-4 .gtm-custom div {
      width: 25%;
  }


/* -----------------------------------------------------
              ARTICLE
------------------------------------------------------- */

/* padding */

.gtm-article {
  padding: 0 8vw 0px 8vw;
}

.gtm-article .item-page, .com-content-category-blog.blog {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* centrer le contenu de l'article */

.gtm-article-center {
  text-align: center;
  max-width: 1200px;
  margin: auto;
}


/* -----------------------------------------------------
                    FORMULAIRES
------------------------------------------------------- */


/* dimensions du formulaire */

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

/* design du titre */

.gtm-form form h2 {
  margin-bottom: 25px;
}

/* design du bouton envoyer */

.gtm-form .formResponsive button[type="submit"] {
  display: inline-block;
  color: #fff;
  background-color: green;
  line-height: 1.3rem;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px 0px;
  border: none;
  border-radius: 0px;
  transition: background-color .2s ease-in-out;
  font-family: 'Comfortaa', sans-serif;
}

.gtm-form .formResponsive button[type="submit"]:hover {
  background-color: darkgreen;
}

/* design du formulaire */

.formControls {
  display: block;
}

.formControls input, .formControls textarea {
  width: 100%;
  padding: 10px !important;
}

.formResponsive input, .formResponsive textarea {
  box-sizing: border-box !important;
  height: auto !important;
}

.rsform-input-box {
  width: 100%;
  padding: 0 !important;
}

.formResponsive input:focus {
  border: 2px solid #005FCC !important;
  outline: 0;
  box-shadow: none !important;
}

.formResponsive textarea:focus {
  border: 2px solid #005FCC !important;
  outline: 0;
  box-shadow: none !important;
}


/* -----------------------------------------------------
                        IMAGES
------------------------------------------------------- */

.gtm-pos img {
  width: 100%;
  height: auto;
}

.gtm-partenaires img {
  width: 300px;
  padding-bottom: 50px;
}

/* -----------------------------------------------------
                        TITRES
------------------------------------------------------- */


h1 {
  font-size: 1.9em;
  margin: 0px 0px 40px 0px;
  font-weight: 300;
  font-style: normal;
  color: #2E4993;
  line-height: 1.3em;
  padding-top: 30px;
}

h2.gtm-style-h1 {
  font-size: 2.2em;
  margin: 0px 0px 15px 0px;
  font-weight: 300;
  font-style: normal;
  font-family: 'Muli', sans-serif;
  color: #2E4993;
  line-height: 1.3em;
  padding-top: 30px;
}

h2 {
  font-size: 1.8em;
  margin: 0 0 15px 3px;
  font-family: 'Architects Daughter', cursive;
  font-style: normal;
  color: #2E4993;
  line-height: 1.3em;
}

h3 {
  margin-top: 1.8em;
  margin: 0 0 15px 0px;
  font-size: 2.1em;
  font-weight: 400;
  font-style: italic;
  color: #2E4993;
  line-height: 1.05em;
}

h4 {
  margin: 50px 0 25px 0px;
  font-style: normal;
  font-family: 'Architects Daughter', cursive;
  font-size: 1.5em;
  color: #2E4993;
  line-height: 1.05em;
  text-align: left;
}

h5 {
  margin: 0 0 25px 0px;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
  color: #2E4993;
  line-height: 1.05em;
}

h6 {
  margin: 0 0 25px 0px;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
  color: #2E4993;
  line-height: 1.3em;
}

.h6-special {
  font-size: 1.2rem;
}


/* -----------------------------------------------------
                        TEXTES
------------------------------------------------------- */

p {
  margin: 0px 0px 20px 0px;
  text-transform: inherit;
  font-size: 1em;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  line-height: 1.55em;
  font-style: normal;
  color: rgba(52, 52, 52, 1);
}

blockquote {
    font-family: serif;
    /* font-size: 1.3rem; */
    color: #656566;
    text-align: center;
    border-left: 5px solid #2E4993;
    margin-top: 50px;
}

blockquote h4 {
  font-size: 1.3em;
  text-align: left;
  padding-left: 30px;
}

blockquote h6 {
  text-align: left;
  padding-left: 30px;
}

sup {
  line-height: 0px;
}

/* -----------------------------------------------------
                    LIENS ET BOUTONS
------------------------------------------------------- */

/*** ------ Liens ------- ***/

/* lien v1 */
a {
  text-decoration: none;
  font-size: 1em;
  color: #2E4993;
  font-weight: 400;
  transition: color .2s ease;
}

a:active, a:hover {
  color: #3fa2d4;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

/* lien spécial */

a.gtm-lien-spe {
    color: #3fa2d4;
  transition: color .2s ease-in-out;
} 

a.gtm-lien-spe:hover {
    color: #2E4993;
} 


/*** ------ Boutons standards ------- ***/

/* bouton 1 */
a.gtm-bouton, .item-content .readmore a, .formResponsive button[type="submit"], .btn.btn-primary {
  display: inline-block;
  color: #fff;
  background-color: #2E4993 !important;
  font-weight: 400;
  /* letter-spacing: 1px; */
  padding: 15px 25px;
  margin: 10px;
  border-radius: 10px 0 !important;
  transition: background-color .2s ease-in-out;
  width: fit-content;
  margin-bottom: 50px;
  text-align: center;
}

.moduletable.gtm-boutons-corpo a:last-child {
  margin-bottom: 0;
}

a.gtm-bouton:hover, .item-content .readmore a, .formResponsive button[type="submit"], .btn.btn-primary {
  background-color: #548DD2 !important;
  font-size: 20px;
}

.gtm-no-padding.gtm-hero-text-accueil.gtm-no-text-accueil a {
  margin-bottom: 10px;
}

.gtm-no-padding.gtm-hero-text-accueil.gtm-no-text-accueil a:first-child {
  margin-top: 30px;
}



/* bouton 2 */
a.gtm-bouton2 {
  display: inline-block;
  color: #fff;
  background-color: #548CD3 !important;
  font-weight: 400;
  /* letter-spacing: 1px; */
  padding: 15px 25px;
  margin: 10px;
  border-radius: 10px 0 !important;
  transition: background-color .2s ease-in-out;
  width: fit-content;
  margin-bottom: 50px;
}

a.gtm-bouton2:hover {
  background-color: #2f4893 !important;
  color: #fff;
}

/* bouton 3 */
a.gtm-bouton3 {
  display: inline-block;
  color: #fff;
  background-color: blue;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px;
  transition: background-color .2s ease-in-out;
}

a.gtm-bouton3:hover {
  background-color: darkblue;
}

/*** ------ Boutons contours ------- ***/

/* bouton 1 */
a.gtm-bouton-contour {
  display: inline-block;
  color: red;
  background-color: transparent;
  border: 2px solid red;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px;
  transition: background-color .2s ease-in-out,
              border .2s ease-in-out,
              color .2s ease-in-out;
}

a.gtm-bouton-contour:hover {
  background-color: darkred;
  border: 2px solid darkred;
  color: #fff;
}

/* bouton 2 */
a.gtm-bouton-contour2 {
  display: inline-block;
  color: green;
  background-color: transparent;
  border: 2px solid green;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px;
  transition: background-color .2s ease-in-out,
              border .2s ease-in-out,
              color .2s ease-in-out;
}

a.gtm-bouton-contour2:hover {
  background-color: darkgreen;
  border: 2px solid darkgreen;
  color: #fff;
}

/* bouton 3 */
a.gtm-bouton-contour3 {
  display: inline-block;
  color: blue;
  background-color: transparent;
  border: 2px solid blue;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px;
  transition: background-color .2s ease-in-out,
              border .2s ease-in-out,
              color .2s ease-in-out;
}

a.gtm-bouton-contour3:hover {
  background-color: darkblue;
  border: 2px solid darkblue;
  color: #fff;
}


/* -----------------------------------------------------
                    LISTES
------------------------------------------------------- */

/* listes à puce et numérotés */
   
ol li {
  margin-left: 35px;
}

ul  {
  padding-left: 25px;
  margin-bottom: 25px;
  color: rgba(52, 52, 52, 1);
}

ul li::marker {
  font-size: 1rem;
  color: rgba(52, 52, 52, 1);
}

ol {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 15px;
  display: inline-block;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  line-height: 1.6em;
  color: #363636;
}

/* listes avec picto */

ul.gtm-list-pict {
  margin-top: 15px;
  margin-bottom: 25px;
  /* padding-left: 25px; */
}

ul.gtm-list-pict:nth-child(1) {
  margin-bottom: 0;
}

ul.gtm-list-pict:nth-child(2) {
  margin-top: 0;
  margin-bottom: 50px;
}

ul.gtm-list-pict li {
  list-style: none;
  padding-bottom: 5px;
  background: url(/images/picto-liste.png) no-repeat 0 6px;
  background-size: 15px;
  padding-left: 22px;
}

ul.gtm-list-pict-2 li {
  list-style: none;
  padding-bottom: 5px;
  background: url(/images/picto-liste-2.png) no-repeat 0 6px;
  background-size: 13px;
  padding-left: 22px;
}

.gtm-liste {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.gtm-liste div {
  width: 100%;
}

.gtm-liste img {
  max-width: 500px;
  margin: 0 auto;
  display: block;
}

.gtm-sous-liste {
  color: #2E4993;
  font-size: 1rem;
}

/* listes à émojis */

ul.gtm-list-emojis {
  margin-top: 15px;
  margin-bottom: 25px;
  padding-left: 25px;
}

ul.gtm-list-emojis li {
  list-style: none;
  padding-bottom: 5px;
}

ul.gtm-list-emojis li::before {
  padding-right: 5px;
}

ul.gtm-list-emojis li:nth-child(1):before {
  content: "😀 ";
}

ul.gtm-list-emojis li:nth-child(2):before {
  content: "😁 ";
}

ul.gtm-list-emojis li:nth-child(3):before {
  content: "😂 ";
}

ul.gtm-list-emojis li:nth-child(4):before {
  content: "😍 ";
}

ul.gtm-list-emojis li:nth-child(5):before {
  content: "😎 ";
}

ul.gtm-list-emojis li:nth-child(6):before {
  content: "🤩 ";
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                 ELEMENTS DE MISE EN PAGE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* -----------------------------------------------------------
                    SUPRESSION DE PADDING
------------------------------------------------------------ */

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

.gtm-reset-padding {
  padding: 20px 30px 30px 30px !important;
}

/* -----------------------------------------------------------
                    AJOUT DE PADDING
------------------------------------------------------------ */

.gtm-padding-plus {
  padding: 10px 10px 10px 10px !important;
}

.gtm-padding-plus-t {
  padding-top: 10px !important;
}

.gtm-padding-plus-r {
  padding-right: 10px !important;
}

.gtm-padding-plus-b {
  padding-bottom: 60px !important;
}

.gtm-padding-plus-l {
  padding-left: 60px !important;
}

/* -----------------------------------------------------------
                    AJOUT DE MARGIN
------------------------------------------------------------ */

.gtm-margin-plus {
  margin: 40px 40px 40px 40px !important;
}

.gtm-margin-plus-t {
  margin-top: 40px !important;
}

.gtm-margin-plus-r {
  margin-right: 40px !important;
}

.gtm-margin-plus-b {
  margin-bottom: 40px !important;
}

.gtm-margin-plus-l {
  margin-left: 40px !important;
}


/* -----------------------------------------------------------
                    BOX SHADOW
------------------------------------------------------------ */

.gtm-shadow {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* -----------------------------------------------------------
                    DÉGRADÉS DE COULEUR
------------------------------------------------------------ */

.gtm-gradient {
  background: rgb(241,158,31);
  background: linear-gradient(0deg, rgba(241,158,31,1) 0%, rgba(239,82,69,1) 100%);
}


/* -----------------------------------------------------------
                    IMAGE BACKGROUND
------------------------------------------------------------ */

.gtm-img-bg .gtm-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 300px;
}


/* -----------------------------------------------------------
                    OVERLAY
------------------------------------------------------------ */

.gtm-overlay .gtm-custom {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
} 

.gtm-overlay .gtm-custom h1,h2,h3,h4,h5,h6,p,a,span,blockquote {
  position: relative;
  z-index: 3;
}
.gtm-overlay .gtm-custom img {
  position: relative;
  z-index: 3;
}

.gtm-overlay .gtm-custom::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(241,158,31, .5);
}

/* -----------------------------------------------------------
                    CLIP-PATH
------------------------------------------------------------ */

.gtm-clip {
  clip-path: polygon(100% 0, 100% 100%, 0 96%, 0 0);
}

.gtm-clip-contentgtm-form .gtm-custom {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 91%);
}

/* -----------------------------------------------------------
                  BORDER-RADIUS
------------------------------------------------------------ */

/*classe*/

.gtm-border-radius {
  border-radius: 50px;
}

/*image*/

.gtm-border-radius .gtm-custom img {
  border-radius: 50px;
}



/* -----------------------------------------------------------
                    VIDEOS
------------------------------------------------------------ */


.gtm-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.gtm-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* -----------------------------------------------------------
                    SCROLL TO TOP
------------------------------------------------------------ */

.gtm-scroll-top {
  width: 50px;
  height: 50px;
  background-color: #E48424;
  border-radius: 50%;
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 100000;
  padding: 10px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: .3s ease-in-out;
}

.gtm-scroll-top.active {
  visibility: visible;
  opacity: 1;
}

.gtm-scroll-top:active {
  background-color: #65646A;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-box-over-23 {
  align-items: center;
  background: url(/images/aquarelle-hero-accueil.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.gtm-hero-text-accueil .gtm-custom p {
    font-size: 1.1rem;
    padding: 10px 30px;
    color: #2E4993;
    text-align: center;
}

.gtm-hero-text-accueil .gtm-custom span {
    font-family: 'Architects Daughter', cursive;
    font-size: 1.3rem;
    color: #2E4993;
    text-transform: uppercase;
}

.gtm-hero-logo-accueil .gtm-custom {
  text-align: center;
}

.gtm-hero-logo-corpo {
  padding-top: 65px !important;
}

.gtm-hero-logo-corpo img {
  width: 90%;
}

/* ----------------- Header Credits ---------------- */

.gtm-hero-bg-credits {
  position: relative;
  top: 0;
  left: 0;
}

.gtm-hero-bg-credits .gtm-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(82,122,5);
  background: linear-gradient(0deg, rgba(82,122,5,0.19091386554621848) 0%, rgba(32,47,2,1) 100%);
  opacity: .6;
  z-index: 1;
}

.gtm-hero-bg-credits .gtm-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-position: center 100%;  
  background-repeat: no-repeat;
  min-height: 30vh;
  color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}


.gtm-hero-bg-credits .gtm-custom > * {
  position: relative;
  z-index: 3;
}

.gtm-hero-bg-credits .gtm-custom h1 {
  font-size: 3rem;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        ACCUEIL
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* --------- Appel à l'action ------------ */

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

.gtm-action img {
  width: 250px;
}

/* --------- Article et vidéo ------------ */

.gtm-accueil-art {
  text-align: center;
}

.gtm-box-video-accueil {
  max-width: 800px;
  margin: auto;
}

/* --------- DONS ------------ */

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

img.gtm-logo-zeffy {
  width: 200px;
  height: auto;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        Plan Scolaire
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


/* -------- WIDGET BOX --------*/

.uk-first-column {
  color: #3fa2d4;
}

.uk-first-column:active {
  color: #3071a9;
}

/* ne pas afficher le h3 dans l'accordéon */
.uk-position-relative h3 {
  display: none;
}

/* bordure autour des sliders */
a.uk-accordion-title.uk-position-relative {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
}

.uk-accordion {
  margin-right: 25px;
  width: 100%;
}

.uk-position-relative p {
  padding: 0 15px;
  font-size: 1.2rem;
}

.uk-position-relative a {
  font-size: 1.2rem;
}

ul.uk-accordion {
  padding-bottom: 30px;
}

/* augmenter l'espace dans les blocs de l'accordéon */
.uk-flex-middle {
  align-items: center;
  padding: 10px 0;
}

.uk-flex-middle:hover {
  background: #eee;
  color: #1f496e !important;
  text-decoration: none;
}

/* diminuer l'espace entre les blocs de l'accordéon */
.uk-accordion>:nth-child(n+2) {
  margin-top: 5px;
}

/* centrer le + dans l'accordéon */
.uk-accordion-title::before {
  margin: 10px;
}

.widgetsbox li {
  list-style-type: none;
}

.gtm-primaire-titre {
  padding: 3rem 60px 10px 60px;
}

.gtm-regulier, .gtm-enrichi {
  padding-top: 0 !important;
}

.gtm-enrichi .com-content-article__body img {
  display: none !important;
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page les classes
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.paginationjs-pages li {
  list-style-type: none;
}

.swiper-wrapper {
  display: flex !important;
  flex-direction: column;
  gap: 2%;
}

.ytf-grid .ytfBlock .ytfThumb {
  height: auto !important;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page s'impliquer dans la communauté
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/
.gtm-bleu {
  font-family: 'Architects Daughter', cursive;
  color: #2E4993;
  font-size: 22px;
}

.gtm-implication {
  margin-top: 50px;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page intégrer les valeurs au mode de vie
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-curriculum div.gtm-custom div {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
/* 
.gtm-curriculum ul {
  width: 100%;
} */

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page Résumé du programme enrichi
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


.gtm-enrichi-1 {
  background: url(/images/tache-rose.png);
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: 75% 50%;
}

.gtm-plus img {
  width: 200px;
}

.gtm-enrichi-2 {
  background: url(/images/tache-jaune.png);
  background-repeat: no-repeat;
  background-size: 300px;
  background-position: 90% 0;
}

.gtm-enrichi p {
  position: relative;
}

.gtm-p-special-1 {
  color: #2F4893;
  margin-bottom: 30px;
}

.gtm-p-special-2 {
  font-family: 'Architects Daughter', cursive;
  font-size: 1.6rem;
  text-align: right;
  color: #2F4893;
  width: 220px;
  margin: auto 0 auto auto;
  margin-bottom: 30px;
}

.gtm-p-special-2:before {
  content: url(/images/picto-plus.png);
  padding-right: 15px;
  display: block;
  position: absolute;
  left: -50px;
  top: 25%;
}

.gtm-plus {
  padding-top: 0 !important;
}

.gtm-education {
  padding: 2rem 8vw 10px 8vw;
}

.gtm-education img {
  margin: 30px 0 50px 0;
}

.gtm-art, .gtm-joie {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2%;
  padding: 2rem 0 10px 0;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page Rythme des saisons et des fêtes
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-saisons div.com-content-article__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.com-content-article__body div:last-child {
  width: 100%;
}

.gtm-images {
  padding: 2rem 0 0 0;
}

.gtm-image-fetes img {
  display: block;
  margin: 0 auto;
  max-width: 800px;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page Origines de la pédagogie
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


.gtm-steiner {
  display: flex;
  flex-direction: column;
}

.gtm-div-30 img {
  max-width: 300px;
  margin: 0 auto;
  display: block;
}
 

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        page INSCRIPTION
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* chiffres en before */
.gtm-1, .gtm-2, .gtm-3, .gtm-4 {
  margin-left: 75px;
}

.gtm-1::before {
  content: "1 ";
  display: block;
  font-size: 100px;
  font-family: 'Architects Daughter', cursive;
  padding: 0 50px 50px 0;
  color: #2F4893;
  position: absolute;
  top: 25px;
  left: -75px;
}

.gtm-2::before {
  content: "2 ";
  display: block;
  font-size: 100px;
  font-family: 'Architects Daughter', cursive;
  padding: 0 50px 50px 0;
  color: #2F4893;
  position: absolute;
  top: 25px;
  left: -75px;
}

.gtm-3::before {
  content: "3 ";
  display: block;
  font-size: 100px;
  font-family: 'Architects Daughter', cursive;
  padding: 0 50px 50px 0;
  color: #2F4893;
  position: absolute;
  top: 25px;
  left: -75px;
}

.gtm-4::before {
  content: "4 ";
  display: block;
  font-size: 100px;
  font-family: 'Architects Daughter', cursive;
  padding: 0 50px 50px 0;
  color: #2F4893;
  position: absolute;
  top: 25px;
  left: -75px;
}

.gtm-autobus {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}

.gtm-autobus img {
  padding-bottom: 30px;
  width: 75%;
  display: block;
  margin: 0 auto;
  background-image: url(/images/tache-jaune-or.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        INSCRIPTION
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-aquarelle-1 {
  background: url(/images/tache-jaune.png);
  background-repeat: no-repeat;
}

.gtm-aquarelle-verte-corpo {
    background-size: 83%;
    background-position: -10px;
}

.gtm-aquarelle-2 {
  background: url(/images/tache-verte.png);
  background-repeat: no-repeat;
}

.gtm-aquarelle-3 {
  background: url(/images/tache-mauve.svg);
  background-repeat: no-repeat;
  background-position: 270% 70%;
}

.gtm-aquarelle-4 {
  background: url(/images/tache-turquoise.svg);
  background-repeat: no-repeat;
}

.gtm-aquarelle-jaune-corpo {
  background-position: 90% 70%;
  background-size: 100%;
}

.gtm-aquarelle-turquoise-corpo {
  background-position: 0% 30%;
  background-size: 100%;
}

.gtm-aquarelle-mauve-corpo {
  background-size: 100%;
  background-position: 10%;
}

/* ---------- page campagne de financement annuelle ---------- */
/* .gtm-carte-1 .gtm-custom {
  background-color: #2F4793;
  border-radius: 50px;
  padding: 20px;
}

.gtm-carte-2 .gtm-custom {
  background-color: #548DD2;
  border-radius: 50px;
  padding: 20px;
}

.gtm-carte p {
  color: #fff;
} */

.gtm-chiffres {
  display: block;
  font-size: 1.6rem;
  margin: 20px 0;
  line-height: 2rem;
}

/*  accueil corpo */

.gtm-appels-corpo h2 a {
  font-size: 1.5rem;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        FAQ
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.com-content-article__body div:first-child {
  margin-bottom: 50px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
  background-color: #fff;
  transition: background-color 200ms,border 200ms;
  width: 100%;
}

.gtm-faq .blog-item{
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px;
  border-radius: 50px;
  margin-bottom: 30px;
}

.gtm-faq .blog-item h2 {
  font-size: 1.8em;
}

.gtm-faq .blog-item:nth-child(3n+1) {
  background-image: linear-gradient(    to bottom,    rgba(255, 255, 255, 0.5),    rgba(255, 255, 255, 0.5)  ), url(/images/aquarelle-1.webp);
}

.gtm-faq .blog-item:nth-child(3n+2) {
  background-image: linear-gradient(    to bottom,    rgba(255, 255, 255, 0.5),    rgba(255, 255, 255, 0.5)  ), url(/images/aquarelle-2.webp);
}

.gtm-faq .blog-item:nth-child(3n+3) {
  background-image: linear-gradient(    to bottom,    rgba(255, 255, 255, 0.5),    rgba(255, 255, 255, 0.5)  ), url(/images/aquarelle-3.webp);
}


/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        CONTACT
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-communiquer {
  margin-bottom: 50px;
}

.gtm-aquarelle-2-contact {
  background-position: 50%;
}

i {
  color: #2E4993;
  margin: 0.6em 0.5em 0.6em 0.5em;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        COMPTE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


.gtm-article .gtm-compte {
  padding-top: 30px;
  padding-bottom: 60px;
  max-width: 1200px;
  margin: auto;
}


/* -----------------------------------------------------
                        CONNEXION
------------------------------------------------------- */

.com-users-login.login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 150px);
}

.login-image {
  max-width: 270px;
}

.com-users-login.login form.com-users-login__form {
  padding: 20px 30px;
  margin: 15px auto 25px auto;
}

.gtm-compte .control-group {
  margin-bottom: 15px;
}

.com-users-login.login input {
  padding: 10px;
  background-color: #ffffff !important;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
/* 
.btn.btn-primary {
  display: inline-block;
  font-family: 'Comfortaa', sans-serif;
    color: #fff;
  background-color: #40acf4;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
    padding: 5px 10px;
  margin: 15px 0px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer;
}

.btn.btn-primary:hover {
  background-color: #2b73a2;
}

.btn.btn-secondary {
  display: inline-block;
    color: #000;
  background-color: #cfcfcf;
  line-height: 1rem;
  font-weight: 400;
    padding: 1px 10px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer;
} */

.form-control-feedback {
  font-size: 16px;
  color: red;
  padding-left: 5px;
}

/* -----------------------------------------------------
                        PROFIL
------------------------------------------------------- */

.com-users-profile.profile ul.com-users-profile__edit {
  padding-left: 0px;
}

.com-users-profile.profile ul.com-users-profile__edit.btn-toolbar li  {
  list-style: none;
}

.com-users-profile__core {
  margin-bottom: 35px;
}

.com-users-profile.profile legend {
  font-size: 1.7rem;
  margin-bottom: 20px;
}

.com-users-profile.profile .dl-horizontal dt {
  font-size: 1.1rem;
  color: rgb(62, 62, 62);
}

.com-users-profile.profile .dl-horizontal dd {
  color: #939393;
  padding-left: 10px;
  margin-bottom: 10px;
}

/* -----------------------------------------------------
              MODIFICATION PROFIL
------------------------------------------------------- */

.com-users-profile__edit.profile-edit legend {
  font-size: 1.7rem;
  margin-bottom: 20px;
}

.com-users-profile__edit.profile-edit .control-group {
  margin-bottom: 20px;
}

.btn.btn-danger {
  display: inline-block;
    color: #fff;
  background-color: #e94848;
  line-height: 1rem;
  font-weight: 400;
    padding: 1px 10px;
  transition: background-color .2s ease-in-out;
  border: none;
  cursor: pointer;
}

.btn.btn-danger:hover {
  background-color: #9c3636;
}

/* -----------------------------------------------------
                  DECONNEXION
------------------------------------------------------- */

.com-users-logout.logout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 150px);
}

.com-users-logout__description.logout-description {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.com-users-logout.logout .com-users-logout__image {
  max-width: 270px;
}

.gtm-scroll-top {
width: 50px;
height: 50px;
background-color: #548DD2;
border-radius: 50%;
position: fixed;
bottom: 50px;
right: 20px;
padding: 10px;
cursor: pointer;
visibility: hidden;
opacity: 0;
transition: .3s ease-in-out;
}

.gtm-scroll-top.active {
visibility: visible;
opacity: 1;
}

.gtm-scroll-top:active {
background-color: #65646A;
}

/* -----------------------------------------------------
            RESEAUX SOCIAUX BW SOCIAL SHARE
------------------------------------------------------- */
.bw-social-share {
  position: fixed;
  bottom: 50%;
  right: 0;
  width: 45px;
  transform: translate(-7px, 100px);
  z-index: 100;
}

.bw-social-share .rrssb-buttons {
  height: 45px !important;
}

.rrssb-buttons.large-format, .rrssb-buttons.large-format li {
  height: inherit;
}

.bw-social-share .rrssb-buttons li {
  margin-bottom: 3px;
}

ul.rrssb-buttons.bw-social-share-buttons.rrssb-1.small-format {
  display: flex;
}

.rrssb-buttons li.rrssb-facebook a,
.rrssb-buttons li.rrssb-twitter a, 
.rrssb-buttons li.rrssb-email a, 
.rrssb-buttons li.rrssb-linkedin a, 
.rrssb-buttons li.rrssb-whatsapp a {
  background-color: #548DD2;
  width: 45px !important;
}

.rrssb-buttons li.rrssb-facebook a {
  border-radius: 40% 0 0 0;
}

/* .rrssb-buttons li.rrssb-whatsapp a {
  border-radius: 0 0 40% 0;
} */

.rrssb-buttons li.rrssb-facebook a:hover,
.rrssb-buttons li.rrssb-twitter a:hover, 
.rrssb-buttons li.rrssb-email a:hover, 
.rrssb-buttons li.rrssb-linkedin a:hover, 
.rrssb-buttons li.rrssb-whatsapp a:hover {
  background-color: #2E4993;
}

.rrssb-buttons li a .rrssb-text {
  display: none;
}

.rrssb-buttons li a .rrssb-icon {
  left: 50%;
}

.rrssb-buttons.large-format li a .rrssb-icon {
  width: 20px;
  left: 45%;
}

li.rrssb-facebook,
li.rrssb-twitter, 
li.rrssb-email, 
li.rrssb-linkedin, 
li.rrssb-whatsapp {
  width: 45px !important;
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path, 
.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,
.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,
.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,
.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {
  fill: #fff;
}

.rrssb-buttons li a .rrssb-icon svg {
  height: 17px !important;
  width: 17px !important;
}

.rrssb-buttons.tiny-format li a .rrssb-icon {
  line-height: 35px !important;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                           POLITIQUE DE CONFIDENTIALITÉ ET DE COOKIES
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* animation sur le bouton */
@keyframes cookie {
  0% {  
    visibility: hidden;
    transform: translateY(125%);
  }
  100% {
    visibility: visible;
    transform: translateY(0);
  }
}

div.cc-checkboxes-container a.cc-btn.cc-allow, .cc-color-override--1636066295 .cc-btn.cc-allowall, span.cc-message span.cc-cookie-settings-toggle, .cc-color-override--1636066295 .cc-highlight .cc-btn.cc-deny {
  margin-bottom: 5px;
}

.cc-right {
  right: 0;
}

@media (max-width: 639px) {
  .cc-window.cc-banner .cc-compliance {
      gap: 2%;
  }
}

@media screen and (min-width: 601px) {
  /* cookies */
  .cc-color-override--1434348464.cc-revoke.cc-revoke {
    border: 1px solid #548DD2;
    background-color: #548DD2;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(125%, 145%);  
    border-radius: 5px 0 0 5px;
    -webkit-animation: cookie 0.25s 2.28s both;
    animation: cookie 0.25s 2.28s both;
}

@keyframes cookie {
  0% {  
    visibility: hidden;
  }
  100% {
    visibility: visible;
    transform: translate(0%, 145%); 
  }
}
}

/* diminuer la largeur pour pouvoir mettre les cookies à côté */
div#ampz_inline_mobile {
  width: 75%;
}

/* hauteur de la fenêtre */
div.cc-window.cc-banner {
  padding: 1em;
}

/* x pour fermer la fenêtre */
.cc-close {
  top: 1.5em;
  right: 1em;
  font-size: .5em;
}

/* placer les éléments dans la barre */
.cc-compliance {
  order: 2;
}

div.cc-checkboxes-container {
  order: 1;
}

/* cacher la flèche et les liens vers la politique de cookie et de confidentialité */
span.cc-cookie-settings-toggler, a.cc-link.cc-privacy, a.cc-link.cc-cookie {
  display: none;
}
 
/* espace sous le bouton paramètres */
.cc-window .cc-message {
  margin-bottom: 0em;
}

/* espace sous le paragraphe pour plus d'informations */
div.cc-window.cc-floating div.cc-settings-label {
  margin-bottom: 20px;
}

/* espace entre la boite à cocher et le texte */
a.cc-link label {
  padding-left: 5px;
}

/* couleur du crochet et du x des cookies */
div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:after, div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:before, div.cc-checkbox-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after {
  background-color: #fff;
  border-color: #333333;
}

/* centrer du crochet et du x des cookies */
div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:after {
  left: 4px;
  top: -1px;
}

/* couleur du x */
div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:disabled+span:after {
  color: #333333;
}

/* couleur du crochet */
div.cc-checkboxes-container.cc-checkboxes-filled input.cc-cookie-checkbox:checked+span:after {
  border-color: #333333;
}

/* enlever le background dans les cases à cocher */
input.cc-cookie-checkbox+span:after {
  border-color: #fff #fff #fff #fff;
  background-image: linear-gradient(135deg,#fff 0,#FFF 100%);
}

/* design du bouton paramètres */
span.cc-message span.cc-cookie-settings-toggle {
  padding: 0.4em 0.8em;
}

/* design du bouton accepter */
div.cc-checkboxes-container a.cc-btn.cc-allow {
  width: 100%;
  margin-top: 10px;
  padding: 0.4em 0.8em;
  border-radius: 10px 0;
}

/* design du bouton accepter tout */
.cc-color-override-1434348464 .cc-btn.cc-allowall {
  color: rgb(255, 255, 255);
  border-color: rgb(84, 141, 210);
  background-color: rgb(84, 141, 210);
  border-radius: 10px 0;
}

/* design du bouton refuser */
.cc-color-override-1434348464 .cc-highlight .cc-btn.cc-deny {
  border-radius: 10px 0;
}

/* design des boutons accepter tous les cookies et refuser */
a.cc-btn.cc-allowall, a.cc-btn.cc-deny {
  margin-right: 0 !important;
  width: 100%;
}

/* image de cookie */
.cc-revoke.cc-bottom.cc-right.cc-color-override-1434348464 {
  content: url(/images/cookie.svg);
  padding: 11px;
  border-top: 1px solid #548dd2;
  border-bottom: 0px solid #548dd2;
  border-left: 1px solid #548dd2;
  border-right: 1px solid #548dd2;
  border-radius: 0;
  width: 45px;
  height: 40px;
  background-color: #548dd2;
  margin-right: 5px;
  border-radius: 0 0 40% 0;
  right: 0;
  bottom: 50%;
  transform: translateY(140px);
}

.cc-revoke.cc-bottom.cc-right.cc-color-override-1434348464:hover {
  border-top: 1px solid #2E4993;
  border-bottom: 0px solid #2E4993;
  border-left: 1px solid #2E4993;
  border-right: 1px solid #2E4993;
  background-color: #2E4993;
}

/* police */
.cc-revoke, .cc-window { 
  font-family: 'Muli', sans-serif;
}

/* grosseur de la police nous utilisons les cookies */
div.cc-settings-label {
  font-size: 16px;
  padding-top: 2px;
}

.cc-window.cc-floating.cc-type-opt-in.cc-theme-block.cc-allowall-button.cc-opacity-95.cc-bottom.cc-right.cc-color-override-529715467 {
  border-left: 5px solid #f05245;
}

span.cc-message span.cc-cookie-settings-toggle {
  display: block;
  width: 110px;
  border-radius: 10px 0;
}

div.cc-window.cc-floating {
  width: 100%;
  max-width: none;
  transform: translateY(16px);
}

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

  .cc-window.cc-floating .cc-compliance {
    gap: 0.2em;
  }

  a.cc-btn.cc-allowall, a.cc-btn.cc-deny {
    width: 48%;
  }

  .cc-checkbox-container {
    width: 32%;
  }

  div.cc-checkbox-container {
    align-items: flex-start;
    width: 23%;
  }

  div.cc-checkboxes-container a.cc-btn.cc-allow {
    width: 22%;
    margin-top: 0;
    transform: translateY(-2px);
  }

  div.cc-checkboxes-container {
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  div.cc-window.cc-floating {
    padding: 3em 5.5em;
  }
}

@media screen and (min-width: 992px) {
  div.cc-window.cc-floating {
    padding: 3em 8.5em;
  }
}

@media screen and (min-width: 1200px) {
  div.cc-window.cc-floating {
    padding: 3em 11.5em;
  }

  .cc-revoke.cc-bottom.cc-right.cc-color-override-1434348464 {
    margin-right: 0;
    transform: translateY(130px);
  }
}

@media screen and (min-width: 1400px) {
  div.cc-window.cc-floating {
    padding: 3em 19.5em;
  }
}

@media screen and (min-width: 1700px) {
  div.cc-window.cc-floating {
    padding: 3em 25.5em;
  }
}

@media screen and (min-width: 2000px) {
  div.cc-window.cc-floating {
    padding: 3em 32.5em;
  }
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        AMPZ
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.ampz_support_author {
  display: none !important;
}

#ampz_inline_mobile {
  background-color: transparent !important;
}

.gtm-recherche .visually-hidden.finder {
  display: none;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        COPYRIGHT
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

@font-face {
  font-family: 'sciflysans, sans-serif';
  src: url('/templates/gtm_template4/typographies/scifly-sans-webfont.woff2') format('woff2'),
       url('/templates/gtm_template4/typographies/scifly-sans-webfont.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}


.gtm-row-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 275px;
}

.gtm-copyright1 {
  /* background-color: #9d9d9d; */
  text-align: center;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  margin-top: 50px;
}

.gtm-ks {
  margin-top: 15px;
  color: #ffffff;
  font-size: 16px !important;
}

h6.gtm-flinks a, h6.gtm-flinks a:visited, h6.gtm-flinks a:hover {
  color: #000;
}

.gtm-copyright  {
  padding-top: 15px;
  color: #000;
  font-size: 16px !important;
}

img.gtm-logo-csbf {
  max-width: 200px;
}

.gtm-copy-anim-logo {
  margin: 0px auto 30px auto;
  max-width: 400px;
}

.gtm-copy-anim-logo .gtm-lien-gestimark {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 75px !important;
}

a.gtm-lien-gestimark span {
  font-family: 'sciflysans, sans-serif';
  color: #000;
  letter-spacing: 1px;
  font-size: 1.2rem;
  padding-right: 10px;
}

.gtm-copy-anim-logo .gtm-lien-gestimark img {
  width: 50px;
  transform-origin: center;
  transition: all .2s ease-in-out;
}

.gtm-copy-anim-logo:hover .gtm-lien-gestimark img {
  transform: rotate(-30deg);
}

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

.gtm-credits .com-content-article__body {
  text-align: center;
}

.gtm-credits .com-content-article__body img.gtm-logo-gestimark-credit {
  width: 100%;
  max-width: 500px !important;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ba-gallery {
  margin-bottom: 100px;
}

.ba-image img {
  border-radius: 50px;
}

.ba-caption-content p {
  background: #548DD2;
  width: fit-content;
  padding: 5px 15px;
  border-radius: 15px 0;
  margin-left: calc(50% - 87px) !important;
}

.header-icons {
  padding: 0 !important;
}

.ba-gallery .category-filter {
  margin-top: 0px !important;
}

.ba-gallery select.ba-select-filter {
  background-color: #548DD2 !important;
  border: 1px solid #548DD2 !important;
  color: #fff !important;
  padding: 0 15px !important;
  border-radius: 10px 0 !important;
}

.ba-gallery .category-filter a.ba-filter {
  border-radius: 10px 0 !important;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        RECHERCHE
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-article .gtm-finder {
  padding-top: 30px;
  padding-bottom: 60px;
  max-width: 800px;
  margin: auto;
}

.gtm-recherche {
  position: relative;
  margin-top: 60px;
  text-align: center;
}

.gtm-recherche .awesomplete {
  padding-right: 10px;
}

.gtm-recherche input {
  min-width: 170px;
  padding: 10px 5px;
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.mod-finder__search.input-group .btn.btn-primary {
  padding-top: 6px;
  padding-bottom: 5px;
  /* border: 1px solid #40acf4;
  transition: border .2s ease-in-out */
}

/* .mod-finder__search.input-group .btn.btn-primary:hover {
  border: 1px solid #2b73a2;
} */

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        OUPS !
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-oups {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(/images/gtm/gestimark-oups.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  text-align: center;
  z-index: 0;
}

.gtm-oups::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(195,34,178);
  background: linear-gradient(180deg, rgba(195,34,178,0.5662640056022409) 0%, rgba(51,45,253,0.9164040616246498) 100%);
}

.gtm-oups h3 {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  color: #fff;
}

.gtm-oups .gtm-custom  {
  padding-left: 60px;
  padding-right: 60px;
}

.gtm-oups .gtm-custom p {
  position: relative;
  z-index: 2;
  max-width: 800px;
  color: #fff;
}

.gtm-oups .gtm-custom a {
  line-height: 1.2;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        MERCI !
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.gtm-merci {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(/images/gtm/gestimark-merci.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;
  text-align: center;
  z-index: 0;
}

.gtm-merci::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.15730042016806722) 0%, rgba(0,0,0,1) 100%);
  opacity: .8;
}

.gtm-merci h3 {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  color: #fff;
}

.gtm-merci .gtm-custom  {
  padding-left: 60px;
  padding-right: 60px;
}

.gtm-merci .gtm-custom p {
  position: relative;
  z-index: 2;
  max-width: 800px;
  color: #fff;
}

.gtm-oups .gtm-custom a {
  line-height: 1.2;
}
 
/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        Opengraph
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

ul.fields-container {
  display: none;
}



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        BLOG
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* ------------ Blog style Masonry --------------- */


.blog-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 25px;
}


.blog .blog-item .item-content {
  display: flex;
  flex-direction: column;
}

.fields-container {
  order: 1;
  padding-left: 0;
} 


.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  display: block;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}

.blog-items[class^=masonry-] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  display: flex;
  margin-bottom: 1em;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.com-content-category-blog__items.blog-items.masonry-3 img {
  border-radius: 50px;
}

@media (min-width: 768px) {

  .blog-items.masonry-4 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }

  /* .blog .blog-item {
    padding: 40px 40px 0px 40px;
  } */

}


@media (min-width: 1200px) {
  .blog-items.masonry-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .blog-items.masonry-3 {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
  .blog-items.masonry-4 {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}



/* ------------ Blog style flexbox --------------- */



/* .blog-items {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 50px;
}

.blog-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 30px 0;
  padding-top: 25px;
  border-top: 4px solid #f8f6e7;
}

.blog-items[class^=masonry-], .blog-items[class*=" masonry-"] {
  gap: 4%;
}

.blog-items.masonry-2 .blog-item {
  width: 100%;
}
.blog-items.masonry-3 .blog-item {
  width: 100%;
}

.blog-items.masonry-4 .blog-item {
  width: 100%;
}


.blog-item img {
  margin-bottom: 1.5rem;
  width: 100%;
}


.blog-item .btn.btn-secondary {
  position: relative;
  font-family: 'Caveat Brush', cursive;
  padding: 30px;
  font-size: 1.5rem;
  line-height: 0;
  color: #fff;
  z-index: 3;
  background-color: transparent;
}

.blog-item .btn.btn-secondary::after {
  content: url(/images/ya_elements/button-bg.svg);
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: all .5s ease-in-out;
}

.blog-item .btn.btn-secondary::before {
  content: url(/images/ya_elements/button-bg-2.svg);
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.blog-item .btn.btn-secondary:hover::after {
  opacity: 0;
}

.blog-item .btn.btn-secondary:hover::before {
  opacity: 1;
}


@media (min-width: 768px) {

  .blog-items.masonry-2 .blog-item {
    width: 46%;
  }
  .blog-items.masonry-3 .blog-item {
    width: 46%;
  }

  .blog-items.masonry-4 .blog-item {
    width: 46%;
  }
}


@media (min-width: 1200px) {

  .blog-items.masonry-2 .blog-item {
    width: 46%;
  }
  .blog-items.masonry-3 .blog-item {
    width: 29%;
  }

  .blog-items.masonry-4 .blog-item {
    width: 21%;
  }
} */


/* ------------ Navigation entre les articles --------------- */

.gtm-article .pagenavigation .pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10%;
  list-style: none;
}

.gtm-article .pagenavigation .pagination a {
  display: inline-block;
  color: #fff;
  background-color: red;
  line-height: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 10px 15px;
  margin: 25px 15px 30px;
  transition: background-color .2s ease-in-out;
}

.gtm-article .pagenavigation .pagination a:hover {
  background-color: darkred;
}


.gtm-article .pagenavigation .pagination .visually-hidden, .gtm-article .pagenavigation .pagination .icon-chevron-right {
  display: none;
}



/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                      SITEMAP
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

.osmap-sitemap {
margin-top: 180px;
}

*[id^="osmap-ul-uid-"] {
display: block !important;
}





/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

MEDIA-QUERIES

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media (max-width: 1200px) {
  .ba-gallery select.ba-select-filter {
      background-color: #fff;
      border: 1px solid #f3f3f3;
      color: #999;
      display: block !important;
      font-size: 16px;
      height: 50px;
      width: 100%;
  }
}
@media screen and (min-width: 375px) {
  .gtm-p-special-2 {
    width: 250px;
  }

  .gtm-p-special-2:before {
    top: 0;
  }
}

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

  .gtm-p-special-2 {
    width: 500px;
  }

  .gtm-p-special-2:before {
    left: -25px;
    top: -15px;
  }

  .gtm-enrichi-1 {
    background-size: 470px !important;
  }

  .gtm-enrichi-2 {
    background-size: 525px !important;
  }

  .gtm-autobus {
    flex-wrap: nowrap;
    align-items: center;
  }
  
  .gtm-autobus img {
    width: 50%;
    height: 50%;
    padding-right: 30px;
    padding-bottom: 0;
    background-size: 90%;
  }

  .gtm-aquarelle-turquoise-corpo {
    background-size: 77%;
  }

  .gtm-aquarelle-jaune-corpo {
    background-size: 65%;
  }

  .gtm-aquarelle-mauve-corpo {
    background-size: 72%;
  }

  .gtm-aquarelle-verte-corpo {
      background-size: 60%;
  }

  .gtm-enrichi-2 {
    background-size: 400px;
  }

  .gtm-div-30 {
    padding-bottom: 50px;
  }
}

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


  .gtm-aquarelle-verte-corpo {
    background-size: 47%;
  }
}

@media screen and (min-width: 768px) {
  span#gtm-form-corpo {
    margin-top: 100px;
  }
  p {
    font-size: 1.3em;
  }

  a.gtm-bouton:hover, .item-content .readmore a, .formResponsive button[type="submit"], .btn.btn-primary {
    background-color: #548DD2 !important;
    font-size: 26px;
  }
  
  .gtm-appels-corpo h2 a {
    font-size: 1.7rem;
  }

  .gtm-aquarelle-turquoise-corpo {
    background-size: 54%;
  }

  .gtm-aquarelle-jaune-corpo {
    background-size: 47%;
  }

  .gtm-aquarelle-mauve-corpo {
    background-size: 56%;
  }

  .gtm-aquarelle-verte-corpo {
    background-size: 27%;
  }

  .gtm-p-special-2 p {
    width: 475px;
  }

  .gtm-p-special-2:before {
    left: -50px;
    top: -25px;
  }

  .rrssb-buttons.tiny-format li a .rrssb-icon {
    line-height: 25px !important;
  }

  /* page les classes */

  .swiper-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ytfBlock.swiper-slide {
    display: flex !important;
    flex-direction: column;
  }

  .ytf-grid.ytf-sm .ytfBlock, .ytf-grid.ytf-xs .ytfBlock {
    width: 48% !important;
    display: block;
    margin: 0 0 10px;
  }

  .ytf-grid .ytf-sidebar .ytfBlock {
    width: 48%;
  }

  .ytf-grid.ytf-sm .ytfBlock .ytfThumb {
    width: 100%;
    float: left;
    height: auto;
  }

  .ytf-grid.ytf-sm .ytfBlock .ytfMeta {
    margin-left: 0;
    width: 100%;
  }
}
/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        Tablette
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

/* -----------------------------------------------------
                        MODULES
------------------------------------------------------- */

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

  .gtm-pos-m .moduletable {
    padding-right: 30px;
  }
  
  .gtm-pos-r .moduletable{
    padding-left: 8vw;
  }

  .gtm-pos-sl .moduletable {
    padding-right: 30px;
  }

  .gtm-pos-lm .moduletable {
    padding-left: 30px;
  }

  .gtm-pos-rm .moduletable {
    padding-right: 30px;
  }

  .gtm-pos-sr .moduletable {
    padding-left: 30px;
  }

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/

  .gtm-hero-text-accueil .gtm-custom p {
    font-size: 1.3rem;
    /* text-align: left; */
  }

  .gtm-hero-text-accueil .gtm-custom span {
      font-size: 2rem;
  }

  .gtm-autobus img {
    width: 40%;
  }

  .gtm-bleu {
    font-size: 29px;
  }

}

@media screen and (min-width: 992px) {
  .gtm-hero-logo-corpo {
    padding-top: 0 !important;
  }

  .gtm-no-accueil img {
    width: 100% !important;
    padding-left: 8vw;
  }

  .gtm-autobus img {
    width: 230px;
  }

  ul.gtm-list-pict:nth-child(2) {
    margin-top: 15px;
    margin-bottom: 50px;
  }
/* 
  .gtm-liste ul:first-child {
    padding-right: 15px;
    margin-bottom: 50px;
  } */

  .gtm-liste ul:last-child {
    margin-top: 15px;
  }

  .gtm-aquarelle-turquoise-corpo {
    background-size: 46%;
  }

  .gtm-aquarelle-jaune-corpo {
    background-size: 33%;
  }

  .gtm-aquarelle-mauve-corpo {
    background-size: 42%;
  }

  .gtm-aquarelle-verte-corpo {
    background-size: 23%;
  }

  /* page les classes */
    .ytf-grid .ytf-sidebar .ytfBlock {
      width:30% !important;
      margin-right: 0 !important;
  }
 
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        DESKTOP
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


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

  .gtm-header-main {
    background-color: transparent !important;
  }

  li.menu-item.nav-item.gtmFada.plus.item-101.default.current.active {
    position: relative;
    width: 50px;
    background-image: url(/images/logo-image-bleu-pale.png);
    background-size: cover;
    background-color: transparent;
  }

  li.menu-item.nav-item.gtmFada.plus.item-101.default.current.active img.gtm-logo-menu {
    display: none;
  }

  .gtm-logo-menu {
    width: 100%;
  }


  .gtm-wrapper {
    padding-bottom: 165px;
  }

  .gtm-row-copyright {
    height: 165px;
  }

  .gtm-align-droite {
    text-align: right;
  }

/* -----------------------------------------------------
                        ARTICLE
------------------------------------------------------- */

.gtm-article {
  padding: 0rem 60px 0px 60px;
}


/* -----------------------------------------------------
                        MODULES
------------------------------------------------------- */

*[class^="gtm-pos"] .moduletable{
  padding: 3rem 60px 10px 60px;
}

.gtm-pos-simple-l .moduletable {
  padding-right: 30px;
}
.gtm-pos-simple-r .moduletable {
  padding-left: 30px;
}

.gtm-pos-l .moduletable{
  padding-left: 60px;
  padding-right: 0px;
}

.gtm-pos-m .moduletable {
  padding-left: 30px;
  padding-right: 30px;
}

.gtm-pos-r .moduletable{
  padding-left: 0px;
  padding-right: 60px;
}

.gtm-pos-sl .moduletable {
  padding-left: 60px;
  padding-right: 0px;
}

.gtm-pos-lm .moduletable {
  padding-left: 40px;
  padding-right: 20px;
}

.gtm-pos-rm .moduletable {
  padding-left: 20px;
  padding-right: 40px;
}

.gtm-pos-sr .moduletable {
  padding-left: 0px;
  padding-right: 60px;
}
/* -----------------------------------------------------------
                    CLIP-PATH
------------------------------------------------------------ */

.gtm-clip {
  clip-path: polygon(100% 0, 100% 100%, 0 92%, 0 0);
}


.gtm-clip-img .gtm-custom {
  clip-path: polygon(0 0, 100% 0, 93% 100%, 0 91%);
}
/* -----------------------------------------------------
                        RESEAUX SOCIAUX
------------------------------------------------------- */

/* ----- Position du social share en desktop ----- */

  /* .gtm-ms1.ms1 {
    top: 55%;
    right: 0;
    left: auto;
    transform: translateY(-50%);
  } */

  /* ----- Alignement vertical ----- */

  .rrssb-buttons {
    flex-direction: column;
  }

  .rrssb-buttons.tiny-format li a .rrssb-icon {
    line-height: 20px !important;
  }

  /* ----- Ne pas toucher ----- */

  .bw-social-share .rrssb-buttons {
    min-height: 42px;
  }
  .bw-social-share .rrssb-buttons li {
    height: 42px;
    padding-bottom: 3px;
    margin-bottom: 3px;
  }
  .bw-social-share {
    padding: 15px 5px 10px 5px;
  }

/* -----------------------------------------------------
                        OUPS
------------------------------------------------------- */

  .gtm-oups h3 {
    position: relative;
    z-index: 2;
    font-size: 4rem;
    color: #fff;
  }
  .gtm-oups .gtm-custom p {
    position: relative;
    z-index: 2;
    max-width: 800px;
    font-size: 30px;
    color: #fff;
  }

/* -----------------------------------------------------
                        MERCI
------------------------------------------------------- */

.gtm-merci h3 {
  position: relative;
  z-index: 2;
  font-size: 4rem;
  color: #fff;
}
.gtm-merci .gtm-custom p {
  position: relative;
  z-index: 2;
  max-width: 800px;
  font-size: 30px;
  color: #fff;
}

/* -----------------------------------------------------
                        FORMULAIRE
------------------------------------------------------- */


.gtm-form {
  max-width: 70%;
}

.formResponsive .formControls label {
  min-height: 18px;
  margin: 3px 5px 3px 0;
  padding: 0;
  font-size: 0.8em;
}



/* -----------------------------------------------------
                        RECHERCHE
------------------------------------------------------- */

.gtm-recherche {
  margin-top: 0px;
}



/* -----------------------------------------------------
                        SCROLL TOP TOP
------------------------------------------------------- */

.gtm-scroll-top {
  bottom: 20px;
}

.gtm-aquarelle-turquoise-corpo {
  background-size: 95%;
}

.gtm-aquarelle-jaune-corpo {
  background-size: 78%;
}

.gtm-aquarelle-mauve-corpo {
  background-size: 77%;
}

.gtm-aquarelle-mauve-corpo {
  background-size: 93%;
}

.gtm-aquarelle-verte-corpo {
  background-size: 63%;
}

/** //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------------------------------
                                                        HEADER
--------------------------------------------------------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// **/


.gtm-hero-text-accueil .gtm-custom p {
    font-size: 2rem;
}

.gtm-hero-text-accueil .gtm-custom span {
    font-size: 2.3rem;
}

/* --------------- Header Credits --------------------- */


  .gtm-hero-bg-credits .gtm-custom {
    min-height: 40vh;
  }

  .gtm-hero-bg-credits .gtm-custom h1 {
    font-size: 5rem;
  }

  .gtm-enrichi p {
    text-align: left;
  }

  .gtm-enrichi p:before {
    display: none;
  }

  .gtm-plus .gtm-custom {
    text-align: right;
  }

  .gtm-enrichi-1 {
    background: none;
  }

  .gtm-enrichi-2 {
    background: none;
  } 

  .gtm-p-special-1, .gtm-p-special-2 {
    text-align: left;
    margin: auto 0 auto 0;
  }

  .gtm-art div {
    width: 59%;
  }

  .gtm-art img {
    width: 39%;
  }

  .gtm-art {
    flex-direction: row-reverse;
  }
  .gtm-joie div {
    width: 59%;
  }

  .gtm-joie img {
    width: 39%;
  }

  .gtm-steiner {
    display: flex;
    flex-direction: row;
    gap: 4%;
  }

  .gtm-div-70 {
    width: 68%;;
  }

  .gtm-div-30 {
    width: 28%;;
  }

  /* page saisons et fêtes */

  .gtm-saisons div.com-content-article__body {
    flex-direction: row;
    gap: 2%;
  }

  .gtm-saisons div.com-content-article__body div:first-child {
    width: 59%;
  }

  .gtm-saisons div.com-content-article__body div:last-child {
    width: 39%;
  }
/* 
  .gtm-liste ul {
    width: 32%;
  }

  .gtm-liste div {
    width: 32%;
  } */

  .gtm-liste-int {
    display: flex;
  }

  /* page intégrer les valeurs au mode de vie */

  .gtm-curriculum div.gtm-custom div {
    flex-wrap: nowrap;
  }

  .gtm-curriculum ul {
    width: 50%;
  }

/* page s'impliquer dans la communauté */
  .gtm-2::before {
    right: 330px;
    top: 0;
  }

  .gtm-3-special::before {
    right: 875px !important;
  }

  .gtm-bouton-droite {
    display: block !important;
    margin: 10px 0 10px auto !important;
  }

  /* page résumé */
  /* .gtm-enrichi p {
    text-align: right;
  } */

  .gtm-education {
    margin: 3rem 60px 10px 60px;
    padding: 2rem 0 10px 0;
  }
}
@media screen and (min-width: 1201px) {

  .gtm-header-main {
    background-color: #548CD3 !important;
  }
}

@media screen and (min-width: 1450px) {
  .gtm-1::before {
    transform: translateY(-20px);
  }
}

@media screen and (min-width: 1600px) {
  .gtm-aquarelle-turquoise-corpo {
    background-size: 588px;
  }

  .gtm-aquarelle-jaune-corpo {
    background-size: 39%;
  }

  .gtm-aquarelle-mauve-corpo {
    background-size: 50%;
  }

  .gtm-aquarelle-verte-corpo {
    background-size: 27%;
  }
}

@media screen and (min-width: 1685px) {
  .gtm-1::before {
    top: 0px;
  }
}