.elementor-37 .elementor-element.elementor-element-e0deef3{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-e0deef3:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-e0deef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8F3;}.elementor-37 .elementor-element.elementor-element-4984b7c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;}.elementor-37 .elementor-element.elementor-element-4984b7c.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-37 .elementor-element.elementor-element-4984b7c{left:0px;}body.rtl .elementor-37 .elementor-element.elementor-element-4984b7c{right:0px;}.elementor-37 .elementor-element.elementor-element-9ff1c72{padding:76px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-7e60f5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-37 .elementor-element.elementor-element-1cdcd6d{width:var( --container-widget-width, 4.709% );max-width:4.709%;--container-widget-width:4.709%;--container-widget-flex-grow:0;}.elementor-37 .elementor-element.elementor-element-1cdcd6d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37 .elementor-element.elementor-element-1cdcd6d img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-fa08270 .elementor-menu-toggle{margin:0 auto;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4984b7c */<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Réseau Sarea : le réseau d'entrepreneurs du Sud-Ouest</title>

<style>
/* =====================================================================
   RÉSEAU SAREA : page générique / hub (Iltze)
   DA : encre + gris/orangé du logo officiel (nœuds reliés) · rouge Pays Basque
        et vert Landes n'apparaissent qu'en petites touches, réservés à "Nos groupes".
   Fraunces (titres) + Mulish (corps)
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Mulish:wght@300;400;500;600;700;800&display=swap');

:root {
  --ink:      #241C18;
  --ink-2:    #382C24;
  --ink-60:   #5C524B;
  --ink-40:   #8A7F77;
  --paper:    #FBF8F3;
  --white:    #FFFFFF;
  --gold:     #DA7C46;   /* orange du logo officiel, couleur du réseau */
  --gold-700: #B5602F;
  --node-gray:#9A9A9A;   /* gris du logo officiel */
  --line:     #E8E0D5;

  /* touches d'identité de groupe, utilisées uniquement dans "Nos groupes" */
  --gorri: #9C2E26;   /* Sarea 64 (Pays Basque) */
  --pin:   #2F5233;   /* Sarea 40 (Landes) */

  --display: 'Fraunces', Georgia, serif;
  --body:    'Mulish', system-ui, -apple-system, sans-serif;

  --wrap: 1180px;
  --radius: 14px;
  --shadow-sm: 0 1px 2px rgba(36,28,24,.05), 0 6px 18px rgba(36,28,24,.06);
  --shadow-md: 0 4px 10px rgba(36,28,24,.08), 0 18px 44px rgba(36,28,24,.10);
  --ease: cubic-bezier(.22,.61,.36,1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--body); color: var(--ink); background: var(--paper); line-height: 1.65; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { font-family: var(--display); font-weight: 500; line-height: 1.08; letter-spacing: -0.01em; }
.wrap { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 26px; }

.eyebrow {
  font-weight: 700; font-size: .74rem; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold-700); display: inline-flex; align-items: center; gap: .6em;
}
.eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--gold); display: inline-block; }

/* Signature : liseré de couleur du réseau, dégradé gris → orange (repris du logo officiel) */
.brand-rule {
  height: 5px;
  background: linear-gradient(90deg, var(--node-gray) 0%, var(--gold) 100%);
}

.btn { display: inline-flex; align-items: center; gap: .55em; font-weight: 700; font-size: .95rem; padding: .85em 1.5em; border-radius: 999px; border: 1.5px solid transparent; cursor: pointer; transition: transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease); }
.btn-primary { background: var(--gold); color: #fff; }
.btn-primary:hover { background: var(--gold-700); transform: translateY(-2px); }
.btn-ghost { background: transparent; color: var(--ink); border-color: var(--line); }
.btn-ghost:hover { border-color: var(--gold-700); color: var(--gold-700); transform: translateY(-2px); }
.btn-light { background: #fff; color: var(--ink-2); }
.btn-light:hover { transform: translateY(-2px); background: #fdf6ec; }
.btn-outline-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }
.btn-outline-light:hover { border-color: #fff; background: rgba(255,255,255,.08); transform: translateY(-2px); }/* ---------- En-tête ---------- */
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(251,248,243,.9); backdrop-filter: saturate(140%) blur(10px); border-bottom: 1px solid var(--line); }
.header-row { display: flex; align-items: center; justify-content: space-between; height: 76px; }
.brand { display: flex; align-items: center; gap: .65em; }
.brand .icon { width: 46px; height: 46px; }
.brand .text-group { display: flex; align-items: baseline; gap: .5em; }
.brand .mark { font-family: var(--display); font-weight: 600; font-size: 1.7rem; color: var(--ink); }
.brand .sub { font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-700); }
.nav { display: flex; align-items: center; gap: 2px; }
.nav a { font-weight: 600; font-size: .92rem; color: var(--ink-60); padding: .5em .85em; border-radius: 8px; transition: color .2s var(--ease), background .2s var(--ease); }
.nav a:hover { color: var(--gold-700); background: rgba(192,136,59,.08); }
.nav .btn { margin-left: .8em; }
.nav .btn-primary { color: #fff; }
.nav-toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px 0; transition: transform .3s var(--ease), opacity .3s var(--ease); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1bf2d3e */.brand .mark { font-family: var(--display); font-weight: 600; font-size: 1.7rem; color: var(--ink); }
.brand .sub { font-size: .68rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-700); }/* End custom CSS */