.elementor-kit-175{--e-global-color-primary:#000000;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#2E8A8B;--e-global-color-accent:#E5C2C6;--e-global-color-86b4fcd:#02010100;--e-global-color-57c8da2:#000000CC;--e-global-color-000f7d9:#2E8A8B;--e-global-color-0b5091b:#E5C2C6;--e-global-color-253185a:#EFEDE9;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:23px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Poppins";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:200px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:italic;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;background-color:#FFFFFF;color:#000000;font-family:"Poppins", Sans-serif;font-weight:normal;}.elementor-kit-175 e-page-transition{background-color:var( --e-global-color-253185a );}.elementor-kit-175 p{margin-block-end:10px;}.elementor-kit-175 h4{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-175{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-b2deeae-font-size:65px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-175{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-b2deeae-font-size:48px;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================================
   COOPÉRATIVE DES AIDANTS — CSS personnalisé v3 (sans @import)
   -------------------------------------------------------------------------
   Site : dev.cooperativedesaidants.fr  |  Thème : Inspiro  |  Page accueil : id 192
   À coller dans : Elementor > Réglages du site > CSS personnalisé
   -------------------------------------------------------------------------
   IMPORTANT — POLICES :
   La règle @import a été RETIRÉE car l'éditeur CSS d'Elementor la rejette
   (triangles d'avertissement) et bloque alors toute la feuille.
   Les polices Lora et Source Sans 3 doivent être chargées AUTREMENT :
     -> Réglages du site > Identité du site / Typographie, OU
     -> via le gestionnaire de polices (voir consignes fournies à part).
   Si elles ne sont pas encore actives, le navigateur utilisera le repli
   (serif / sans-serif) sans casser la couleur ni la mise en page.
   -------------------------------------------------------------------------
   Charte :
     vert pétrole  #286C61   (couleur d'action principale)
     vert clair    #3D8478
     vert foncé    #1F564D   (survol)
     rose poudré   #EFCCC7   (accent chaleureux)
     rose texte    #5A2E27   (texte lisible sur rose)
     noir          #1A1A1A   (titres)
   -------------------------------------------------------------------------
   Ce CSS cible vos blocs réels relevés dans le HTML de la page. Il
   neutralise le turquoise #0bb4aa du thème Inspiro au profit de la charte.
   ========================================================================= */


:root {
  --coop-vert:        #286C61;
  --coop-vert-clair:  #3D8478;
  --coop-vert-fonce:  #1F564D;
  --coop-rose:        #EFCCC7;
  --coop-rose-fonce:  #E6B8B1;
  --coop-rose-texte:  #5A2E27;
  --coop-noir:        #1A1A1A;

  /* On remplace les variables de couleur du thème Inspiro */
  --inspiro-primary-color:   #286C61;
  --inspiro-secondary-color: #3D8478;
  --inspiro-tertiary-color:  #1F564D;
  --inspiro-accent-color:    #286C61;
  --wp--preset--color--secondary: #286C61;
}

/* -------------------------------------------------------------------------
   1. TYPOGRAPHIE
   ------------------------------------------------------------------------- */
body,
.elementor-widget-text-editor,
.e-paragraph-base,
.elementor-widget-text-editor p {
  font-family: 'Source Sans 3', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.e-heading-base,
.elementor-cta__title,
.elementor-slide-heading {
  font-family: 'Lora', serif !important;
  color: var(--coop-noir);
}

/* -------------------------------------------------------------------------
   2. BOUTONS — tous les .elementor-button du site
   ------------------------------------------------------------------------- */
.elementor-button,
.elementor-button-link,
.elementor-cta__button,
.elementor-slide-button {
  background-color: var(--coop-vert) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--coop-vert) !important;
  border-radius: 6px !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-weight: 500 !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.elementor-button:hover,
.elementor-button-link:hover,
.elementor-cta__button:hover,
.elementor-slide-button:hover {
  background-color: var(--coop-vert-fonce) !important;
  border-color: var(--coop-vert-fonce) !important;
  color: #ffffff !important;
}
.elementor-button .elementor-button-icon svg { fill: currentColor; }

/* Bouton secondaire « Aider autrement » (héros, id 1470d68) en contour */
.elementor-element-1470d68 .elementor-button {
  background-color: transparent !important;
  color: var(--coop-vert) !important;
  border: 1.5px solid var(--coop-vert) !important;
}
.elementor-element-1470d68 .elementor-button:hover {
  background-color: var(--coop-vert) !important;
  color: #ffffff !important;
}

/* -------------------------------------------------------------------------
   3. CARROUSEL « EN 6 MOIS » (slides) — alternance vert / rose
   -------------------------------------------------------------------------
   Bloc id 63cabc9 : 3 slides. On colore le contenu de chaque slide en
   alternance via nth-child. Les boutons internes restent verts (cf. plus
   haut) mais on les passe en blanc à texte vert sur fond rose, plein
   blanc sur fond vert pour rester lisibles.
   ------------------------------------------------------------------------- */
.elementor-element-63cabc9 .swiper-slide-contents {
  padding: 28px 24px;
  border-radius: 12px;
}
.elementor-element-63cabc9 .swiper-slide:nth-child(odd) .swiper-slide-contents {
  background-color: var(--coop-vert);
}
.elementor-element-63cabc9 .swiper-slide:nth-child(even) .swiper-slide-contents {
  background-color: var(--coop-rose);
}
/* Texte sur slide vert */
.elementor-element-63cabc9 .swiper-slide:nth-child(odd) .elementor-slide-heading,
.elementor-element-63cabc9 .swiper-slide:nth-child(odd) .elementor-slide-description {
  color: #ffffff !important;
}
/* Texte sur slide rose */
.elementor-element-63cabc9 .swiper-slide:nth-child(even) .elementor-slide-heading,
.elementor-element-63cabc9 .swiper-slide:nth-child(even) .elementor-slide-description {
  color: var(--coop-rose-texte) !important;
}
/* Bouton interne du slide : blanc à texte vert pour ressortir */
.elementor-element-63cabc9 .elementor-slide-button {
  background-color: #ffffff !important;
  color: var(--coop-vert) !important;
  border-color: #ffffff !important;
}
/* Flèches et puces du carrousel à la charte */
.elementor-element-63cabc9 .elementor-swiper-button,
.elementor-element-63cabc9 .swiper-pagination-bullet-active {
  color: var(--coop-vert) !important;
  background-color: var(--coop-vert);
}

/* -------------------------------------------------------------------------
   4. BLOC « HORIZON 2030 » (2.5M / 22.2M / 550 000)
   -------------------------------------------------------------------------
   Conteneur parent id 129bbec. Icônes et grands chiffres à la charte.
   ------------------------------------------------------------------------- */
.elementor-element-129bbec .elementor-heading-title {
  color: var(--coop-vert) !important;
}
.elementor-element-129bbec .elementor-icon svg {
  fill: var(--coop-vert-clair) !important;
}
.elementor-element-129bbec .e-heading-base {   /* titre « HORIZON 2030 » */
  color: var(--coop-noir) !important;
}

/* -------------------------------------------------------------------------
   5. CARTES PROJETS (galerie d'images, bloc id 53a6c907)
   -------------------------------------------------------------------------
   On transforme chaque vignette de galerie en carte : coins arrondis,
   filet vert, légende en bandeau. Survol : léger soulèvement.
   ------------------------------------------------------------------------- */
.elementor-element-53a6c907 .gallery-item {
  background: #ffffff;
  border: 0.5px solid rgba(40,108,97,.2);
  border-radius: 12px;
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.elementor-element-53a6c907 .gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(40,108,97,.12);
}
.elementor-element-53a6c907 .gallery-icon img {
  border-radius: 12px 12px 0 0;
  display: block;
}
.elementor-element-53a6c907 .gallery-caption {
  display: block;
  background: var(--coop-vert);
  color: #ffffff !important;
  font-family: 'Lora', serif;
  font-size: 14px;
  letter-spacing: .04em;
  padding: 10px 12px;
  margin: 0;
  text-align: center;
}

/* -------------------------------------------------------------------------
   6. TÉMOIGNAGES (carrousel Pro, bloc id f87a2e5) — fond blanc, filet rose
   ------------------------------------------------------------------------- */
.elementor-element-f87a2e5 .elementor-testimonial {
  background: #ffffff !important;
  border: 1px solid var(--coop-rose) !important;
  border-left: 4px solid var(--coop-rose) !important;
  border-radius: 12px !important;
  padding: 22px 24px !important;
}
.elementor-element-f87a2e5 .elementor-testimonial__text {
  font-family: 'Lora', serif !important;
  font-style: italic;
  color: var(--coop-noir) !important;
  line-height: 1.65;
}
.elementor-element-f87a2e5 .elementor-testimonial__name {
  color: var(--coop-vert) !important;
  font-weight: 600 !important;
}
.elementor-element-f87a2e5 .elementor-testimonial__title {
  color: var(--coop-rose-texte) !important;
}
/* Flèches/puces du carrousel témoignages */
.elementor-element-f87a2e5 .swiper-pagination-bullet-active {
  background-color: var(--coop-vert) !important;
}
.elementor-element-f87a2e5 .elementor-swiper-button { color: var(--coop-vert) !important; }

/* -------------------------------------------------------------------------
   7. BLOC CTA « Tu veux rejoindre... » (id 5258cb2)
   ------------------------------------------------------------------------- */
.elementor-element-5258cb2 .elementor-cta__bg-overlay {
  background-color: rgba(31,86,77,.78) !important;  /* voile vert foncé */
}
.elementor-element-5258cb2 .elementor-cta__title,
.elementor-element-5258cb2 .elementor-cta__description {
  color: #ffffff !important;
}

/* -------------------------------------------------------------------------
   8. EN-TÊTE & PIED DE PAGE
   ------------------------------------------------------------------------- */
/* Liens du menu : survol/actif en vert pétrole */
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active,
.elementor-nav-menu .elementor-sub-item:hover {
  color: var(--coop-vert) !important;
}
/* Icônes sociales du pied de page */
.elementor-social-icon {
  background-color: var(--coop-vert) !important;
}
.elementor-social-icon:hover {
  background-color: var(--coop-vert-fonce) !important;
}
/* Titres soulignés du footer « Contactez nous » / « Rejoignez... » */
.elementor-550 .elementor-heading-title u {
  text-decoration-color: var(--coop-rose);
}

/* -------------------------------------------------------------------------
   9. LIENS dans le corps de texte
   ------------------------------------------------------------------------- */
.elementor-widget-text-editor a {
  color: var(--coop-vert);
  text-decoration: underline;
}
.elementor-widget-text-editor a:hover {
  color: var(--coop-vert-fonce);
}

/* -------------------------------------------------------------------------
   10. SÉPARATEURS « montagnes » (shape dividers)
   -------------------------------------------------------------------------
   Ils prennent la couleur de fond du conteneur suivant. Si vous voulez
   les teinter en vert, décommentez :
   ------------------------------------------------------------------------- */
/* .elementor-shape-fill { fill: var(--coop-vert) !important; } *//* End custom CSS */