.elementor-kit-6{--e-global-color-primary:#71AE8F;--e-global-color-secondary:#54595F;--e-global-color-text:#2D3038;--e-global-color-accent:#F2BE28;--e-global-color-891e7b7:#7A73AC;--e-global-color-30e54fa:#DB4A4C;--e-global-color-36fc5f8:#021E5F;--e-global-color-7439b5e:#1657E8;--e-global-color-e5e0d36:#564AA7;--e-global-color-c15002b:#42A572;--e-global-color-7fdba5e:#A6A7C0;--e-global-color-decf8b1:#727272;--e-global-color-6dc1418:#D9D9D9;--e-global-color-74140a9:#C0C1D5;--e-global-color-a9e90ef:#D4D4DB;--e-global-typography-primary-font-family:"Inria Sans";--e-global-typography-secondary-font-family:"Fira Sans";--e-global-typography-text-font-family:"Fira Sans";--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-de0c66e-font-family:"Fira Sans";--e-global-typography-de0c66e-font-size:15px;--e-global-typography-de0c66e-font-weight:500;--e-global-typography-de0c66e-text-transform:uppercase;--e-global-typography-de0c66e-line-height:20px;--e-global-typography-de0c66e-letter-spacing:0.7px;--e-global-typography-35d13e2-font-family:"Open Sans";--e-global-typography-35d13e2-font-size:14px;--e-global-typography-35d13e2-font-weight:600;background-image:url("https://www.endm.fr/wp-content/uploads/2025/05/logo-trait-0-75-grisBleu-1.svg");color:#2D3038;font-family:"Fira Sans", Sans-serif;font-size:15px;font-weight:400;line-height:25px;letter-spacing:0px;background-position:-170px 140px;background-repeat:no-repeat;background-size:1100px auto;--e-page-transition-entrance-animation:e-page-transition-slide-out-right;--e-page-transition-exit-animation:e-page-transition-slide-in-left;--e-page-transition-animation-duration:1000ms;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-7439b5e );font-family:"Fira Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:15px;letter-spacing:1px;color:#FFFFFF;padding:10px 14px 8px 14px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-36fc5f8 );color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFFFFF;}.elementor-kit-6 p{margin-block-end:12px;}.elementor-kit-6 a{color:var( --e-global-color-30e54fa );}.elementor-kit-6 a:hover{color:#42A572;}.elementor-kit-6 h1{font-size:40px;font-weight:500;line-height:44px;}.elementor-kit-6 h2{color:#161616;font-size:30px;font-weight:400;font-style:italic;line-height:36px;}.elementor-kit-6 h3{color:#2F2D3A;font-size:23px;font-weight:500;line-height:26px;}.elementor-kit-6 h4{color:#141414;font-size:18px;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:1271px){.elementor-kit-6{background-attachment:fixed;}}@media(max-width:1270px){.elementor-kit-6{background-position:-196px 116px;background-repeat:repeat;background-size:1000px auto;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:840px){.elementor-kit-6 h2{font-size:38px;line-height:40px;}.elementor-kit-6 h3{font-size:24px;line-height:28px;}.elementor-kit-6{background-position:0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* NO cookies Mob  */
@media only screen and (max-width: 768px) {
#cmplz-cookiebanner-container .cmplz-cookiebanner {
    display: none !important;
}
}

/* desactiv toutes les animations * sur phone/
@media (max-width: 839px)  animations Elementor */
/*
@media (max-width: 839px) {
  [data-settings*="animation"] {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
@media (max-width: 839px) {
  .elementor-widget-icon-list[data-settings*="animation"] {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
*/


/*----- pop-up cercle ----*/
@media only screen and (min-width: 839px) {
.chat-mask-wrapper {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
}
@media only screen and (max-width: 840px) {
.chat-mask-wrapper {
  width: 320px;
  height: 320px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
}

.chat-mask-inner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}



/*------- container reveal  -------*/
/* WRAPPER – masque externe */
.reveal-wrapper {
  overflow: hidden;
  width: 100%;
  display: block;
}
/* ÉDITION ELEMENTOR – pour voir le contenu dans l’admin */
body.elementor-editor-active .reveal-element-de-gauche, body.elementor-editor-active .reveal-wrapper .reveal-element-centre-rond {
  clip-path: none !important;
  -webkit-clip-path: none !important;
  opacity: 1 !important;
}
/* --- de GAUCHE --- */
/* ÉLÉMENT INTÉRIEUR – contenu à révéler */
.reveal-element-de-gauche {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: none;
}
/* --- du CENTRE en CERCLE --- */
/* ÉLÉMENT INTÉRIEUR – contenu à révéler (cercle centré de rayon 0) */
.reveal-element-centre-rond {
  clip-path: circle(0% at 50% 50%);
  -webkit-clip-path: circle(0% at 50% 50%);
  opacity: 0;
  transition: none;
}

/* -------- Anim Universel Mots ------*/
/*--- css anim base ---*/
body:not(.elementor-editor-active) .anim-texte {
  visibility: hidden;
}
.anim-texte .char-anim,
.anim-texte .mot-anim {
  display: inline-block;
}
/*--- css pour MOT mask wrapper ---*/
/* ok mask pour MOT */
.anim-texte-wrapper {
  overflow: hidden;
  display: block; /* ou flex selon besoin */
    line-height: 0;
}
/* test wrapper */
.anim-texte-wrapper {
  border: 0px solid red;
}


/*---------- Base -----------*/
/* -- color Titre Links ---  */
.titre-violet {
    color:var( --e-global-color-891e7b7 );
}
.titre-violet:hover {
    color:var( --e-global-color-primary );
}
.titre-vert {
    color:var( --e-global-color-primary );
}

/* liste fin saut 15px*/
ul,ol {
    margin-bottom: 15px;
    margin-left: -20px;
}
/* bold */
b, strong {
    font-weight: 500;
    color: #2f2d3a;
}

/*------- H1 anim GSAP -------*/
/* Front-end uniquement (visiteurs) pour vos H1 animés */
body:not(.elementor-editor-active) .titre-anim .elementor-heading-title {
  visibility: hidden;
}

/* Prépare les spans injectés (.mot-anim) */
.titre-anim .mot-anim {
  display: inline-block;
}
/* H2 anim mot GSAP  */
/* Front-end uniquement (pas dans l'éditeur) */
body:not(.elementor-editor-active) .titre-anim .elementor-heading-title,
body:not(.elementor-editor-active) .titre-anim-h2 .elementor-heading-title {
  visibility: hidden;
}
/* Les spans mot à mot restent inline pour l'animation */
.titre-anim .mot-anim,
.titre-anim-h2 .mot-anim {
  display: inline-block;
}
/* desactive sur mobile  */
@media (max-width: 839px) {
  .titre-anim .elementor-heading-title,
  .titre-anim-h2 .elementor-heading-title {
    visibility: visible !important;
  }
}

/*-------nav scroll one page-------*/
/* Cible le texte à l'intérieur du lien */
.elementor-icon-list-item a.active,
.elementor-icon-list-item a.active .elementor-icon-list-text {
  color: #000 !important;
  /* Rouge */
}
/* Cible le SVG directement dans le lien actif */
.elementor-icon-list-item a.active .elementor-icon-list-icon svg {
  fill: #DB4A4C !important;

}



/* --- H2 anim lettre ---- */
/* Cacher le texte sauf dans l'éditeur */
body:not(.elementor-editor-active) .titre-anim-h2-lettre .elementor-divider__text {
  visibility: hidden;
}
/* Préparer les spans pour animation lettre par lettre */
.titre-anim-h2-lettre .char-anim {
  display: inline-block;
}/* End custom CSS */