{"id":8,"date":"2026-03-09T20:21:49","date_gmt":"2026-03-09T20:21:49","guid":{"rendered":"http:\/\/aupbmme.cluster121.hosting.ovh.net\/?page_id=8"},"modified":"2026-04-02T17:45:47","modified_gmt":"2026-04-02T17:45:47","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/reseau-lde.fr\/","title":{"rendered":"LDE collectif"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-772f809 e-flex e-con-boxed e-con e-parent\" data-id=\"772f809\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b017ec3 elementor-widget elementor-widget-html\" data-id=\"b017ec3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Questrial&family=Montserrat:wght@800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* --- CONFIGURATION G\u00c9N\u00c9RALE --- *\/\nhtml { scroll-behavior: smooth; }\n\n#hero, #lde, #fonction, #pourquoi, #membres, #rejoindre, #contact {\n    scroll-margin-top: 100px;\n}\n\n:root {\n    --lde-green: #044F4F;\n    --lde-yellow: #F7C322;\n}\n\n\/* --- LE HEADER \u00c9PUR\u00c9 --- *\/\n#lde-dynamic-header {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 110px;\n    background: transparent; \n    display: flex;\n    align-items: center;\n    z-index: 10000;\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n    padding: 0 5%;\n    box-sizing: border-box;\n}\n\n\/* --- \u00c9TAT AU SCROLL --- *\/\n#lde-dynamic-header.scrolled {\n    height: 80px;\n    background: rgba(255, 255, 255, 0.95);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);\n}\n\n.header-inner {\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\/* --- LOGO --- *\/\n.logo-container img {\n    height: 60px;\n    width: auto;\n    transition: all 0.5s ease;\n    mix-blend-mode: multiply; \n}\n\n.scrolled .logo-container img {\n    height: 45px;\n}\n\n\/* --- NAVIGATION (QUESTRIAL EN GRAS) --- *\/\n.nav-links {\n    display: flex;\n    gap: 35px;\n    align-items: center;\n}\n\n.nav-links a {\n    text-decoration: none;\n    font-family: 'Questrial', sans-serif;\n    font-size: 14px;\n    font-weight: 800; \/* Cat\u00e9gories en gras *\/\n    letter-spacing: 0.5px;\n    color: var(--lde-green);\n    transition: all 0.3s ease;\n    opacity: 0.8;\n}\n\n.nav-links a:hover {\n    opacity: 1;\n    transform: translateY(-1px);\n    color: var(--lde-yellow) !important;\n}\n\n\/* --- BOUTON CONTACT --- *\/\n.btn-header-contact {\n    background: var(--lde-green);\n    color: #ffffff !important;\n    padding: 14px 30px;\n    border-radius: 100px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 800;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-decoration: none !important;\n    transition: all 0.4s ease;\n    box-shadow: 0 10px 20px rgba(4, 79, 79, 0.15);\n}\n\n.btn-header-contact:hover {\n    background: var(--lde-yellow);\n    color: var(--lde-green) !important;\n    transform: scale(1.05) translateY(-2px);\n    box-shadow: 0 15px 30px rgba(247, 195, 34, 0.3);\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 1024px) {\n    .nav-links { display: none; }\n}\n<\/style>\n\n<header id=\"lde-dynamic-header\">\n    <div class=\"header-inner\">\n        <a href=\"#hero\" class=\"logo-container\">\n            <img decoding=\"async\" src=\"https:\/\/reseau-lde.fr\/wp-content\/uploads\/2026\/03\/Logo.jpg\" alt=\"LDE\">\n        <\/a>\n\n        <nav class=\"nav-links\">\n            <a href=\"#hero\">Accueil<\/a>\n            <a href=\"#lde\">Qui sommes-nous ?<\/a>\n            <a href=\"#fonction\">Fonctionnement<\/a>\n            <a href=\"#pourquoi\">Avantages<\/a>\n            <a href=\"#membres\">Nos membres<\/a>\n            <a href=\"#rejoindre\">Adh\u00e9sion<\/a>\n        <\/nav>\n\n        <a href=\"#contact\" class=\"btn-header-contact\">\n            Contact\n        <\/a>\n    <\/div>\n<\/header>\n\n<script>\nwindow.onscroll = function() {\n    var header = document.getElementById(\"lde-dynamic-header\");\n    if (window.pageYOffset > 40) {\n        header.classList.add(\"scrolled\");\n    } else {\n        header.classList.remove(\"scrolled\");\n    }\n};\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f31f302 elementor-widget elementor-widget-html\" data-id=\"f31f302\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"hero\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@400;700&family=Montserrat:wght@400;600;800&display=swap');\n\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n        --lde-gray: #f8f8f8;\n    }\n\n    @keyframes blurReveal {\n        0% { filter: blur(15px); opacity: 0; }\n        100% { filter: blur(0); opacity: 1; }\n    }\n\n    .hero-wrapper {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 40px 8% 60px 8%;\n        background: var(--lde-white);\n        font-family: 'Montserrat', sans-serif;\n        min-height: 85vh;\n        gap: 40px;\n        animation: blurReveal 2.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n    }\n\n    \/* --- TITRE --- *\/\n    .hero-content { flex: 1.3; max-width: 700px; z-index: 10; }\n    \n    .hero-title {\n        color: var(--lde-green);\n        font-size: 3.2rem;\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 25px;\n        opacity: 0;\n        transform: translateY(20px);\n        animation: revealTitle 1s cubic-bezier(0.2, 1, 0.3, 1) forwards 0.8s;\n    }\n\n    .hero-title span.highlight { color: var(--lde-yellow); position: relative; }\n    .hero-title span.highlight::after {\n        content: ''; position: absolute; bottom: 5px; left: 0; height: 8px;\n        background: rgba(247, 195, 34, 0.25); z-index: -1; width: 100%; \n        transform: scaleX(0); transform-origin: left; animation: growUnderline 1.2s ease forwards 2s;\n    }\n\n    @keyframes growUnderline { to { transform: scaleX(1); } }\n\n    .vignoble-tag {\n        display: block; font-family: 'Caveat', cursive; font-size: 2.8rem;\n        color: var(--lde-green); margin-top: 10px;\n    }\n\n    @keyframes revealTitle { to { opacity: 1; transform: translateY(0); } }\n\n    .hero-subtitle { font-size: 1.15rem; color: var(--lde-green); line-height: 1.7; margin-bottom: 35px; }\n\n    .hero-btn {\n        display: inline-block; background: transparent; color: var(--lde-green);\n        padding: 15px 45px; border: 2px solid var(--lde-green); border-radius: 100px;\n        text-decoration: none; font-weight: 700; font-size: 0.85rem; letter-spacing: 1.5px;\n        transition: all 0.3s ease;\n    }\n    .hero-btn:hover { background: var(--lde-green); color: var(--lde-white); transform: translateY(-3px); }\n\n    \/* --- SCH\u00c9MA INTERACTIF --- *\/\n    .network-column { flex: 0.8; display: flex; flex-direction: column; align-items: center; position: relative; }\n    .network-visual { position: relative; width: 100%; height: 420px; display: flex; justify-content: center; align-items: center; }\n\n    \/* On cache la liste mobile par d\u00e9faut *\/\n    .mobile-cities-list { display: none; }\n\n    .signal {\n        position: absolute; width: 90px; height: 90px; border: 1px solid var(--lde-green);\n        border-radius: 50%; opacity: 0; animation: signal-out 6s infinite cubic-bezier(0.165, 0.84, 0.44, 1);\n        pointer-events: none;\n    }\n    .signal-2 { animation-delay: 3s; }\n\n    @keyframes signal-out {\n        0% { transform: scale(1); opacity: 0.2; }\n        100% { transform: scale(3.5); opacity: 0; }\n    }\n\n    .core-node {\n        position: absolute; width: 90px; height: 90px; background: var(--lde-green);\n        color: var(--lde-yellow); border-radius: 50%; display: flex; align-items: center;\n        justify-content: center; font-weight: 800; z-index: 30; cursor: pointer; transition: all 0.4s ease;\n    }\n\n    .city-node {\n        position: absolute; background: var(--lde-gray); border: 1px solid #e0e0e0;\n        padding: 6px 14px; border-radius: 6px; font-size: 0.75rem; font-weight: 700;\n        color: var(--lde-green); z-index: 30; transition: all 0.3s ease; cursor: pointer;\n    }\n\n    \/* Positions Desktop *\/\n    .v-rez { top: 10%; left: 5%; }\n    .v-seb { top: 0%; left: 45%; }\n    .v-bg  { top: 22%; right: -5%; } \n    .v-hg  { top: 50%; right: -15%; }\n    .v-val { bottom: 10%; right: 10%; }\n    .v-cli { bottom: 0%; left: 45%; }\n    .v-ver { bottom: 15%; left: 5%; }\n    .v-lor { top: 45%; left: -10%; }\n\n    .line-dotted { stroke: var(--lde-green); stroke-width: 1.5; stroke-dasharray: 5 5; opacity: 0.15; transition: 0.4s; }\n    .line-active { stroke: var(--lde-yellow) !important; stroke-width: 3 !important; opacity: 1 !important; filter: drop-shadow(0 0 5px var(--lde-yellow)); stroke-dasharray: 10 4 !important; animation: flow 0.8s linear infinite; }\n    @keyframes flow { to { stroke-dashoffset: -20; } }\n\n    .badge-10-ans { font-family: 'Caveat', cursive; color: var(--lde-green); font-size: 1.8rem; margin-top: 25px; font-weight: 700; animation: floatBadge 4s ease-in-out infinite; }\n    @keyframes floatBadge { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-8px) rotate(1deg); } }\n\n    \/* --- RESPONSIVE TABLETTE --- *\/\n    @media (max-width: 1100px) {\n        .hero-title { font-size: 2.5rem; }\n        .vignoble-tag { font-size: 2.2rem; }\n        .network-visual { transform: scale(0.85); } \/* On r\u00e9duit un peu le sch\u00e9ma *\/\n    }\n\n    \/* --- RESPONSIVE SMARTPHONE (SUPPRESSION DU SCH\u00c9MA COMPLEXE) --- *\/\n    @media (max-width: 850px) {\n        .hero-wrapper { flex-direction: column; text-align: center; padding-top: 120px; }\n        .hero-content { order: 1; }\n        .network-column { order: 2; width: 100%; margin-top: 40px; }\n        \n        \/* On cache le sch\u00e9ma SVG et les n\u0153uds volants *\/\n        .network-visual { display: none; }\n        \n        \/* On affiche une alternative \u00e9l\u00e9gante : Liste de jetons *\/\n        .mobile-cities-list {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px;\n            max-width: 90% ;\n            margin: 0 auto;\n        }\n        \n        .mobile-city-tag {\n            background: var(--lde-gray);\n            border: 1px solid #e0e0e0;\n            padding: 8px 15px;\n            border-radius: 50px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            color: var(--lde-green);\n        }\n\n        .badge-10-ans { font-size: 1.5rem; }\n    }\n<\/style>\n\n<div class=\"hero-wrapper\">\n    <div class=\"hero-content\">\n        <h1 class=\"hero-title\">\n            D\u00e9veloppez votre <span class=\"highlight\">r\u00e9seau<\/span> et votre <span class=\"highlight\">chiffre d\u2019affaires<\/span> \n            <span class=\"vignoble-tag\">dans le vignoble nantais<\/span>\n        <\/h1>\n        <p class=\"hero-subtitle\">\n            Depuis 2016, <strong>Loire D\u00e9veloppement Entreprises<\/strong> rassemble des entrepreneurs engag\u00e9s dans une d\u00e9marche d\u2019entraide et de <strong>recommandations<\/strong>.\n        <\/p>\n        <a href=\"#contact\" class=\"hero-btn\">D\u00c9COUVRIR LE R\u00c9SEAU<\/a>\n    <\/div>\n\n    <div class=\"network-column\">\n        <div class=\"network-visual\">\n            <div class=\"signal\"><\/div>\n            <div class=\"signal signal-2\"><\/div>\n            <div class=\"core-node\" onmouseover=\"activateAll()\" onmouseout=\"deactivateAll()\">LDE<\/div>\n            \n            <div class=\"city-node v-rez\" onmouseover=\"activateLine('l-rez')\" onmouseout=\"deactivateLine('l-rez')\">Rez\u00e9<\/div>\n            <div class=\"city-node v-seb\" onmouseover=\"activateLine('l-seb')\" onmouseout=\"deactivateLine('l-seb')\">St-S\u00e9bastien<\/div>\n            <div class=\"city-node v-bg\"  onmouseover=\"activateLine('l-bg')\"  onmouseout=\"deactivateLine('l-bg')\">Basse-Goulaine<\/div>\n            <div class=\"city-node v-hg\"  onmouseover=\"activateLine('l-hg')\"  onmouseout=\"deactivateLine('l-hg')\">Haute-Goulaine<\/div>\n            <div class=\"city-node v-val\" onmouseover=\"activateLine('l-val')\" onmouseout=\"deactivateLine('l-val')\">Vallet<\/div>\n            <div class=\"city-node v-cli\" onmouseover=\"activateLine('l-cli')\" onmouseout=\"deactivateLine('l-cli')\">Clisson<\/div>\n            <div class=\"city-node v-ver\" onmouseover=\"activateLine('l-ver')\" onmouseout=\"deactivateLine('l-ver')\">Vertou<\/div>\n            <div class=\"city-node v-lor\" onmouseover=\"activateLine('l-lor')\" onmouseout=\"deactivateLine('l-lor')\">Le Loroux-B.<\/div>\n\n            <svg style=\"position:absolute; width:100%; height:100%; pointer-events:none;\">\n                <line id=\"l-rez\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"15%\" y2=\"15%\" \/>\n                <line id=\"l-seb\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"50%\" y2=\"5%\" \/>\n                <line id=\"l-bg\"  class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"92%\" y2=\"25%\" \/>\n                <line id=\"l-hg\"  class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"105%\" y2=\"52%\" \/>\n                <line id=\"l-val\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"85%\" y2=\"85%\" \/>\n                <line id=\"l-cli\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"50%\" y2=\"95%\" \/>\n                <line id=\"l-ver\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"15%\" y2=\"80%\" \/>\n                <line id=\"l-lor\" class=\"line-dotted\" x1=\"50%\" y1=\"50%\" x2=\"5%\"  y2=\"48%\" \/>\n            <\/svg>\n        <\/div>\n\n        <div class=\"mobile-cities-list\">\n            <div class=\"mobile-city-tag\">Rez\u00e9<\/div>\n            <div class=\"mobile-city-tag\">Vertou<\/div>\n            <div class=\"mobile-city-tag\">Clisson<\/div>\n            <div class=\"mobile-city-tag\">Vallet<\/div>\n            <div class=\"mobile-city-tag\">St-S\u00e9bastien<\/div>\n            <div class=\"mobile-city-tag\">Goulaine<\/div>\n            <div class=\"mobile-city-tag\">Le Loroux<\/div>\n        <\/div>\n\n        <div class=\"badge-10-ans\">Un r\u00e9seau actif depuis 10 ans !<\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function activateLine(id) { document.getElementById(id).classList.add('line-active'); }\n    function deactivateLine(id) { document.getElementById(id).classList.remove('line-active'); }\n    function activateAll() { document.querySelectorAll('.line-dotted').forEach(l => l.classList.add('line-active')); }\n    function deactivateAll() { document.querySelectorAll('.line-dotted').forEach(l => l.classList.remove('line-active')); }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8569704 e-flex e-con-boxed e-con e-parent\" data-id=\"8569704\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5f4aa8 elementor-widget elementor-widget-html\" data-id=\"e5f4aa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n    }\n\n    \/* --- CONTENEUR GLOBAL AVEC APPARITION --- *\/\n    .challenges-outer {\n        padding: 60px 20px;\n        background: var(--lde-white);\n        opacity: 0;\n        transform: translateY(40px);\n        transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n\n    .challenges-outer.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .challenges-section {\n        background-color: var(--lde-green);\n        padding: 80px 6%;\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-white);\n        border-radius: 60px;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 30px 60px rgba(4, 79, 79, 0.2);\n    }\n\n    \/* --- TITRE ET SOUS-TITRE ALIGN\u00c9S --- *\/\n    .challenges-header {\n        text-align: left;\n        max-width: 1200px;\n        margin: 0 auto 50px auto;\n        position: relative;\n        z-index: 5;\n    }\n\n    .challenges-header h2 {\n        font-size: 2.8rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        line-height: 1.1;\n        margin-bottom: 20px;\n    }\n\n    .underline-yellow {\n        position: relative;\n        display: inline-block;\n    }\n\n    .underline-yellow::after {\n        content: '';\n        position: absolute;\n        bottom: 5px;\n        left: 0;\n        width: 0;\n        height: 10px;\n        background: var(--lde-yellow);\n        opacity: 0.6;\n        z-index: -1;\n        transition: width 1s ease 0.6s;\n    }\n\n    .challenges-outer.is-visible .underline-yellow::after { width: 100%; }\n\n    .challenges-header p {\n        font-size: 1.1rem;\n        color: rgba(255, 255, 255, 0.8);\n        max-width: 650px;\n        margin: 0;\n        border-left: 4px solid var(--lde-yellow);\n        padding-left: 20px;\n    }\n\n    \/* --- GRILLE DE 3 CARTES ALIGN\u00c9ES --- *\/\n    .challenges-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n        position: relative;\n        z-index: 5;\n    }\n\n    .challenge-card {\n        background: var(--lde-white);\n        padding: 45px 35px;\n        border-radius: 35px;\n        color: var(--lde-green);\n        text-align: center;\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        height: 100%; \/* Aligne la hauteur de toutes les cartes *\/\n    }\n\n    .challenge-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n    }\n\n    .icon-svg {\n        width: 50px;\n        height: 50px;\n        margin-bottom: 20px;\n        stroke: var(--lde-green);\n        fill: none;\n        stroke-width: 1.5;\n        transition: stroke 0.3s;\n    }\n\n    .challenge-card:hover .icon-svg { stroke: var(--lde-yellow); }\n\n    .challenge-card h3 {\n        font-weight: 800;\n        font-size: 1.2rem;\n        margin-bottom: 15px;\n        line-height: 1.3;\n    }\n\n    .challenge-card p {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        color: #444;\n        margin: 0;\n    }\n\n    \/* --- LUCIOLES --- *\/\n    .firefly {\n        position: absolute;\n        background: var(--lde-yellow);\n        border-radius: 50%;\n        filter: blur(2px);\n        opacity: 0.3;\n        animation: drift infinite ease-in-out;\n    }\n\n    @keyframes drift {\n        0%, 100% { transform: translate(0,0); }\n        50% { transform: translate(20px, -20px); }\n    }\n\n    @media (max-width: 1024px) {\n        .challenges-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 768px) {\n        .challenges-grid { grid-template-columns: 1fr; }\n        .challenges-header h2 { font-size: 2.2rem; }\n    }\n<\/style>\n\n<div class=\"challenges-outer\" id=\"scrollTrigger\">\n    <section class=\"challenges-section\">\n        \n        <div class=\"firefly\" style=\"width:4px; height:4px; top:15%; left:10%; animation-duration: 7s;\"><\/div>\n        <div class=\"firefly\" style=\"width:6px; height:6px; bottom:20%; right:15%; animation-duration: 10s;\"><\/div>\n        <div class=\"firefly\" style=\"width:3px; height:3px; top:40%; right:40%; animation-duration: 8s;\"><\/div>\n\n        <div class=\"challenges-header\">\n            <h2>Briser les barri\u00e8res de votre <span class=\"underline-yellow\">croissance<\/span><\/h2>\n            <p>Le succ\u00e8s ne se construit pas seul. Voici les freins que nous transformons ensemble en leviers de r\u00e9ussite.<\/p>\n        <\/div>\n\n        <div class=\"challenges-grid\">\n            <div class=\"challenge-card\">\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M12 12v9m-4-4h8\"\/><\/svg>\n                <h3>L\u2019isolement de l\u2019entrepreneur<\/h3>\n                <p>Prendre des d\u00e9cisions seul, sans \u00e9change avec des pairs qui comprennent vos enjeux quotidiens.<\/p>\n            <\/div>\n\n            <div class=\"challenge-card\">\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><path d=\"M12 2v2m0 16v2M2 12h2m16 0h2\"\/><\/svg>\n                <h3>Un r\u00e9seau professionnel fig\u00e9<\/h3>\n                <p>Des contacts qui stagnent et limitent l'acc\u00e8s \u00e0 de nouvelles opportunit\u00e9s de d\u00e9veloppement business.<\/p>\n            <\/div>\n\n            <div class=\"challenge-card\">\n                <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><polyline points=\"9 11 12 14 22 4\" stroke-width=\"2\" stroke=\"#F7C322\" opacity=\"0.6\"\/><\/svg>\n                <h3>Rencontres peu efficaces<\/h3>\n                <p>Des \u00e9v\u00e9nements chronophages qui ne d\u00e9bouchent pas sur des relations d'affaires concr\u00e8tes et durables.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n            }\n        });\n    }, { threshold: 0.15 });\n\n    observer.observe(document.querySelector('#scrollTrigger'));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a5699e e-flex e-con-boxed e-con e-parent\" data-id=\"9a5699e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e07d88 elementor-widget elementor-widget-html\" data-id=\"4e07d88\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lde\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n        --lde-bg-back: #FFFEF5; \n    }\n\n    .about-section {\n        padding: 80px 8%;\n        background: var(--lde-white);\n        font-family: 'Montserrat', sans-serif;\n    }\n\n    \/* --- TITRE --- *\/\n    .about-header { margin-bottom: 50px; }\n    \n    .about-title {\n        font-size: 3.5rem;\n        font-weight: 900;\n        line-height: 1.1;\n        color: var(--lde-green);\n        text-transform: uppercase;\n        position: relative;\n    }\n\n    .underline-style {\n        position: relative;\n        display: inline-block;\n        z-index: 1;\n    }\n\n    .underline-style::after {\n        content: '';\n        position: absolute;\n        bottom: 8px;\n        left: -5%;\n        width: 0;\n        height: 12px;\n        background: var(--lde-yellow);\n        z-index: -1;\n        opacity: 0.6;\n        transform: skewX(-15deg);\n        transition: width 1.2s cubic-bezier(0.2, 1, 0.3, 1) 0.5s;\n    }\n\n    .reveal.active .underline-style::after {\n        width: 110%;\n    }\n\n    \/* --- TEXTE AVEC GRAS --- *\/\n    .about-text {\n        max-width: 950px;\n        font-size: 1.1rem;\n        line-height: 1.8;\n        color: #333;\n        margin-bottom: 70px;\n        border-left: 4px solid var(--lde-yellow);\n        padding-left: 25px;\n    }\n\n    \/* --- GRILLE ET CARTES (Passage \u00e0 5 colonnes) --- *\/\n    .values-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n\n    .flip-card {\n        height: 340px;\n        perspective: 1000px;\n        cursor: pointer;\n    }\n\n    .float-anim { animation: floatSoft 6s ease-in-out infinite; }\n    @keyframes floatSoft {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-12px); }\n    }\n\n    .flip-card-inner {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        transform-style: preserve-3d;\n    }\n\n    .flip-card.is-flipped .flip-card-inner { transform: rotateY(180deg); }\n\n    .flip-card-front, .flip-card-back {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        backface-visibility: hidden;\n        border-radius: 20px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 20px; \/* L\u00e9g\u00e8re r\u00e9duction pour le format 5 colonnes *\/\n        transition: 0.4s;\n    }\n\n    .flip-card-front {\n        background: var(--lde-white);\n        border: 1.5px solid #eee;\n        color: var(--lde-green);\n    }\n\n    .flip-card-front h3 {\n        font-family: 'Caveat', cursive;\n        font-size: 2rem;\n        font-weight: 700;\n        color: var(--lde-green);\n        margin-top: 10px;\n        transition: all 0.3s ease;\n    }\n\n    .val-icon { \n        width: 55px; \n        height: 55px; \n        stroke: var(--lde-yellow); \n        fill: none; \n        stroke-width: 1.5;\n        transition: all 0.4s ease;\n    }\n\n    .flip-card:hover .flip-card-front h3 {\n        color: var(--lde-yellow); \n        text-shadow: 0 0 5px rgba(247, 195, 34, 0.2);\n    }\n\n    .flip-card:hover .val-icon { transform: scale(1.05); }\n\n    .click-hint { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; color: var(--lde-green); margin-top: 10px; opacity: 0.4; font-family: 'Montserrat', sans-serif; }\n\n    .flip-card-back {\n        transform: rotateY(180deg);\n        background: var(--lde-bg-back);\n        border: 1.5px solid var(--lde-green);\n        color: var(--lde-green);\n    }\n\n    .flip-card-back p { font-size: 0.95rem; line-height: 1.5; text-align: center; }\n    .flip-card-back b { color: var(--lde-yellow); font-weight: 800; }\n\n    \/* --- BOUTON --- *\/\n    .btn-rejoindre {\n        display: inline-block;\n        padding: 16px 45px;\n        border-radius: 100px;\n        background: var(--lde-green);\n        color: var(--lde-white);\n        text-decoration: none;\n        font-weight: 800;\n        text-transform: uppercase;\n        transition: 0.3s;\n        box-shadow: 0 10px 20px rgba(4, 79, 79, 0.1);\n        font-family: 'Montserrat', sans-serif;\n    }\n    .btn-rejoindre:hover { background: var(--lde-yellow); color: var(--lde-green); transform: translateY(-3px); }\n\n    \/* --- ANIMATION D'APPARITION --- *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    @media (max-width: 1400px) { .values-grid { grid-template-columns: repeat(3, 1fr); } }\n    @media (max-width: 992px) { .values-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 768px) { .about-title { font-size: 2.5rem; } .values-grid { grid-template-columns: 1fr; } }\n<\/style>\n\n<section class=\"about-section\" id=\"aboutSection\">\n    <div class=\"about-header reveal\">\n        <h2 class=\"about-title\">QUI SOMMES-<span class=\"underline-style\">NOUS<\/span> ?<\/h2>\n    <\/div>\n\n    <div class=\"about-text reveal\" style=\"transition-delay: 0.2s;\">\n        <p><strong>Un collectif d\u2019entrepreneurs locaux engag\u00e9s et solidaires<\/strong><\/p>\n        <p>Cr\u00e9\u00e9 en 2016, <b>Loire D\u00e9veloppement Entreprises (LDE)<\/b> est un r\u00e9seau d\u2019entrepreneurs du <b>vignoble nantais<\/b> qui ont choisi de d\u00e9velopper leur activit\u00e9 gr\u00e2ce \u00e0 la <b>recommandation<\/b> et \u00e0 la <b>confiance<\/b>.<\/p>\n        <p>Le r\u00e9seau repose sur un principe simple : des professionnels issus de <b>m\u00e9tiers compl\u00e9mentaires<\/b> se r\u00e9unissent r\u00e9guli\u00e8rement pour mieux se conna\u00eetre, <b>partager leurs contacts<\/b> et cr\u00e9er des <b>opportunit\u00e9s d\u2019affaires<\/b> pour chacun.<\/p>\n        <p>Au fil des ann\u00e9es, LDE est devenu un <b>collectif solide<\/b> o\u00f9 l\u2019entraide, l\u2019engagement et la convivialit\u00e9 sont au c\u0153ur des \u00e9changes.<\/p>\n        <p>En <b>2026<\/b>, le r\u00e9seau c\u00e9l\u00e8bre <b>10 ann\u00e9es de collaboration<\/b> et de d\u00e9veloppement entre entrepreneurs locaux.<\/p>\n    <\/div>\n\n    <div class=\"values-grid\">\n        <div class=\"flip-card float-anim reveal\" style=\"animation-delay: 0s; transition-delay: 0.4s;\" onclick=\"this.classList.toggle('is-flipped')\">\n            <div class=\"flip-card-inner\">\n                <div class=\"flip-card-front\">\n                    <svg class=\"val-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n                    <h3>Confiance<\/h3>\n                    <div class=\"click-hint\">cliquer<\/div>\n                <\/div>\n                <div class=\"flip-card-back\">\n                    <p>Les relations entre membres reposent sur la <b>transparence<\/b> et la fiabilit\u00e9. Cette confiance permet de recommander les entreprises du r\u00e9seau en toute <b>s\u00e9r\u00e9nit\u00e9<\/b>.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flip-card float-anim reveal\" style=\"animation-delay: 0.8s; transition-delay: 0.5s;\" onclick=\"this.classList.toggle('is-flipped')\">\n            <div class=\"flip-card-inner\">\n                <div class=\"flip-card-front\">\n                    <svg class=\"val-icon\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><\/svg>\n                    <h3>Entraide<\/h3>\n                    <div class=\"click-hint\">cliquer<\/div>\n                <\/div>\n                <div class=\"flip-card-back\">\n                    <p>Chaque membre s\u2019engage \u00e0 <b>soutenir<\/b> les autres entrepreneurs du collectif en partageant son <b>r\u00e9seau<\/b> et ses opportunit\u00e9s.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flip-card float-anim reveal\" style=\"animation-delay: 0.4s; transition-delay: 0.6s;\" onclick=\"this.classList.toggle('is-flipped')\">\n            <div class=\"flip-card-inner\">\n                <div class=\"flip-card-front\">\n                    <svg class=\"val-icon\" viewBox=\"0 0 24 24\">\n                        <path d=\"M18 10V8a3 3 0 0 0-3-3l-1 .01V4a2 2 0 0 0-4 0v1.01L9 5a3 3 0 0 0-3 3v8c0 2.21 1.79 4 4 4h4a4 4 0 0 0 4-4v-6z\"\/>\n                        <path d=\"M9 10h6\"\/>\n                    <\/svg>\n                    <h3>Engagement<\/h3>\n                    <div class=\"click-hint\">cliquer<\/div>\n                <\/div>\n                <div class=\"flip-card-back\">\n                    <p>La <b>participation active<\/b> aux rencontres et aux \u00e9changes est <b>essentielle<\/b> au bon fonctionnement du r\u00e9seau.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flip-card float-anim reveal\" style=\"animation-delay: 1.2s; transition-delay: 0.7s;\" onclick=\"this.classList.toggle('is-flipped')\">\n            <div class=\"flip-card-inner\">\n                <div class=\"flip-card-front\">\n                    <svg class=\"val-icon\" viewBox=\"0 0 24 24\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"\/><\/svg>\n                    <h3>Convivialit\u00e9<\/h3>\n                    <div class=\"click-hint\">cliquer<\/div>\n                <\/div>\n                <div class=\"flip-card-back\">\n                    <p>Les rencontres se d\u00e9roulent dans un cadre <b>professionnel<\/b> mais chaleureux, favorisant des relations <b>durables<\/b> entre entrepreneurs.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"flip-card float-anim reveal\" style=\"animation-delay: 0.6s; transition-delay: 0.8s;\" onclick=\"this.classList.toggle('is-flipped')\">\n            <div class=\"flip-card-inner\">\n                <div class=\"flip-card-front\">\n                    <svg class=\"val-icon\" viewBox=\"0 0 24 24\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n                    <h3>Bienveillance<\/h3>\n                    <div class=\"click-hint\">cliquer<\/div>\n                <\/div>\n                <div class=\"flip-card-back\">\n                    <p>Nous cultivons un \u00e9tat d'esprit <b>positif<\/b> et constructif, o\u00f9 l'\u00e9coute et le <b>respect mutuel<\/b> permettent \u00e0 chacun de progresser.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"reveal\" style=\"text-align: center; margin-top: 40px; transition-delay: 0.9s;\">\n        <a href=\"#contact\" class=\"btn-rejoindre\">Nous rejoindre<\/a>\n    <\/div>\n<\/section>\n\n<script>\n    const observerAbout = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('active');\n            }\n        });\n    }, { threshold: 0.15 });\n\n    document.querySelectorAll('.reveal').forEach(el => {\n        observerAbout.observe(el);\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-259881e e-flex e-con-boxed e-con e-parent\" data-id=\"259881e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14707cd elementor-widget elementor-widget-html\" data-id=\"14707cd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"fonction\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n    }\n\n    \/* --- SECTION --- *\/\n    .how-section {\n        padding: 40px 8% 80px 8%;\n        background: var(--lde-white);\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-green);\n        opacity: 0;\n        transform: translateY(40px);\n        transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n\n    .how-section.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* --- TITRE DE SECTION --- *\/\n    .how-title {\n        font-size: 3.5rem;\n        font-weight: 900;\n        line-height: 1.1;\n        text-transform: uppercase;\n        margin-bottom: 50px;\n    }\n\n    .underline-style {\n        position: relative;\n        display: inline-block;\n        z-index: 1;\n    }\n\n    .underline-style::after {\n        content: '';\n        position: absolute;\n        bottom: 8px;\n        left: -5%;\n        width: 0;\n        height: 12px;\n        background: var(--lde-yellow);\n        z-index: -1;\n        opacity: 0.6;\n        transform: skewX(-15deg);\n        transition: width 1s cubic-bezier(0.19, 1, 0.22, 1) 0.8s; \n    }\n\n    .how-section.is-visible .underline-style::after { width: 110%; }\n\n    \/* --- BLOC MATINALE VERT --- *\/\n    .matinale-box {\n        background: var(--lde-green);\n        color: var(--lde-white);\n        border-radius: 40px;\n        padding: 60px;\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        margin-bottom: 40px;\n        position: relative;\n        border: 2px solid transparent;\n        transition: all 0.5s ease;\n    }\n\n    .matinale-box:hover {\n        border-color: var(--lde-yellow);\n        box-shadow: 0 15px 40px rgba(4, 79, 79, 0.2); \n    }\n\n    \/* --- ENCART BLANC (Badge) --- *\/\n    .schedule-badge {\n        display: inline-block;\n        background: var(--lde-white);\n        color: var(--lde-green);\n        padding: 30px 45px;\n        border-radius: 25px;\n        font-weight: 700;\n        margin-bottom: 35px;\n        transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        border-left: 6px solid var(--lde-yellow);\n    }\n\n    .schedule-badge:hover {\n        transform: scale(1.02) translateY(-5px);\n        box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n    }\n\n    .matinale-list { \n        list-style: none; \n        padding: 0; \n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 15px; \n    }\n    \n    .matinale-list li { \n        display: flex; \n        align-items: center; \n        font-weight: 600; \n        font-size: 0.95rem; \n        color: rgba(255,255,255,0.9);\n        transition: all 0.3s ease;\n    }\n    \n    .matinale-list li::before { \n        content: '\u2192'; \n        color: var(--lde-yellow); \n        margin-right: 12px; \n        font-weight: 900;\n    }\n\n    .matinale-list li:hover {\n        color: var(--lde-white);\n        transform: translateX(8px);\n    }\n\n    .clock-container {\n        width: 130px;\n        height: 130px;\n        opacity: 0.3;\n        transition: all 0.6s ease;\n    }\n\n    .matinale-box:hover .clock-container {\n        opacity: 1;\n        transform: rotate(10deg);\n    }\n\n    \/* --- GRILLE 3 ENCARTS --- *\/\n    .steps-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n\n    .step-mini-card {\n        background: rgba(4, 79, 79, 0.03);\n        padding: 35px 30px;\n        border-radius: 20px;\n        border: 1px solid rgba(4, 79, 79, 0.1);\n        transition: all 0.4s ease;\n    }\n\n    .step-mini-card:hover {\n        transform: translateY(-10px);\n        background: var(--lde-white);\n        border-color: var(--lde-yellow);\n    }\n\n    .step-mini-card h4 {\n        font-size: 1.15rem;\n        font-weight: 800;\n        margin-bottom: 15px;\n        position: relative;\n    }\n\n    \/* --- MARQUEE --- *\/\n    .events-marquee-wrapper {\n        background: var(--lde-white);\n        border: 2px dashed rgba(247, 195, 34, 0.4);\n        border-radius: 28px;\n        padding: 40px 0;\n        text-align: center;\n        overflow: hidden;\n        margin-bottom: 60px;\n    }\n\n    .marquee-content { display: flex; width: max-content; animation: marqueeScroll 30s linear infinite; }\n    .event-tag {\n        background: rgba(4, 79, 79, 0.04);\n        color: var(--lde-green);\n        padding: 12px 35px;\n        border-radius: 100px;\n        font-weight: 800;\n        margin: 0 15px;\n        white-space: nowrap;\n    }\n\n    @keyframes marqueeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n    .btn-contact {\n        display: inline-block;\n        background: var(--lde-green);\n        color: var(--lde-white);\n        padding: 18px 50px;\n        border-radius: 100px;\n        text-decoration: none;\n        font-weight: 800;\n        text-transform: uppercase;\n        transition: 0.3s;\n        border: 2px solid var(--lde-green);\n    }\n\n    .btn-contact:hover {\n        background: var(--lde-yellow);\n        color: var(--lde-green);\n        transform: translateY(-5px);\n    }\n\n    @media (max-width: 1024px) { \n        .matinale-box { flex-direction: column; padding: 40px; } \n        .matinale-list { grid-template-columns: 1fr; }\n        .clock-container { display: none; }\n    }\n<\/style>\n\n<section class=\"how-section\" id=\"howScroll\">\n    <div class=\"how-header\">\n        <h2 class=\"how-title\">Comment \u00e7a <br><span class=\"underline-style\">fonctionne<\/span> ?<\/h2>\n    <\/div>\n\n    <div class=\"matinale-box\">\n        <div class=\"matinale-content\">\n            <div style=\"margin-bottom: 30px; line-height: 1;\">\n                <span style=\"font-family: 'Caveat', cursive; font-size: 3.5rem; color: var(--lde-yellow); display: block; margin-bottom: -5px;\">Les matinales<\/span>\n                <span style=\"font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 900; text-transform: uppercase; letter-spacing: 6px; opacity: 0.9;\">Hebdomadaires<\/span>\n            <\/div>\n\n            <div class=\"schedule-badge\">\n                <div style=\"text-transform: uppercase; font-size: 0.75rem; letter-spacing: 2px; margin-bottom: 12px; opacity: 0.6; font-weight: 900;\">Prochain rendez-vous<\/div>\n                \n                <div style=\"font-size: 1.6rem; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: 800;\">\n                    Tous les mercredis <span style=\"color: var(--lde-yellow);\">\u2022<\/span> 7h30 \u2014 9h00\n                <\/div>\n                \n                <div style=\"font-size: 1.3rem; color: var(--lde-green); border-top: 1px solid rgba(4, 79, 79, 0.1); padding-top: 15px;\">\n                    <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lde-yellow)\" stroke-width=\"2.5\" style=\"vertical-align: middle; margin-right: 8px;\">\n                        <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\n                        <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\n                    <\/svg>\n                    <b>Cowork Notre Dame<\/b><br>\n                    <span style=\"font-size: 1.1rem; opacity: 0.7; font-weight: 500; margin-left: 34px;\">au Loroux Bottereau<\/span>\n                <\/div>\n            <\/div>\n\n            <p style=\"font-weight: 800; font-size: 0.9rem; margin-bottom: 25px; color: var(--lde-yellow); text-transform: uppercase; letter-spacing: 1.5px;\">Ces rencontres permettent de :<\/p>\n            \n            <ul class=\"matinale-list\">\n                <li>cr\u00e9er du lien<\/li>\n                <li>partager un moment convivial & bienveillant<\/li>\n                <li>pr\u00e9senter son activit\u00e9<\/li>\n                <li>partager des opportunit\u00e9s<\/li>\n                <li>\u00e9changer des recommandations<\/li>\n                <li>suivre l\u2019actualit\u00e9 des membres<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"clock-container\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--lde-yellow)\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n            <\/svg>\n        <\/div>\n    <\/div>\n\n    <div class=\"steps-grid\">\n        <div class=\"step-mini-card\">\n            <h4>Une activit\u00e9 par membre<\/h4>\n            <p>Une seule entreprise repr\u00e9sente chaque m\u00e9tier au sein du r\u00e9seau pour garantir l\u2019absence de concurrence interne.<\/p>\n        <\/div>\n        <div class=\"step-mini-card\">\n            <h4>Les recommandations<\/h4>\n            <p>Les membres partagent leur r\u00e9seau pour g\u00e9n\u00e9rer des opportunit\u00e9s commerciales concr\u00e8tes.<\/p>\n        <\/div>\n        <div class=\"step-mini-card\">\n            <h4>Les rencontres individuelles<\/h4>\n            <p>Des t\u00eates-\u00e0-t\u00eates r\u00e9guliers permettent de mieux identifier les synergies possibles.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"events-marquee-wrapper\">\n        <h4 style=\"font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--lde-green); margin-bottom: 25px;\">Les \u00e9v\u00e9nements du r\u00e9seau<\/h4>\n        <div class=\"marquee-content\">\n            <div class=\"event-tag\">D\u00e9jeuners business<\/div>\n            <div class=\"event-tag\">Soir\u00e9e de No\u00ebl<\/div>\n            <div class=\"event-tag\">LDE Autrement<\/div>\n            <div class=\"event-tag\">Activit\u00e9s LDE Moov<\/div>\n            <div class=\"event-tag\">D\u00e9jeuners business<\/div>\n            <div class=\"event-tag\">Soir\u00e9e de No\u00ebl<\/div>\n            <div class=\"event-tag\">LDE Autrement<\/div>\n            <div class=\"event-tag\">Activit\u00e9s LDE Moov<\/div>\n        <\/div>\n    <\/div>\n\n    <div style=\"text-align: center;\">\n        <a href=\"#contact\" class=\"btn-contact\">Nous contacter<\/a>\n    <\/div>\n<\/section>\n\n<script>\n    const observerHow = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n            }\n        });\n    }, { threshold: 0.1 });\n    observerHow.observe(document.querySelector('#howScroll'));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab4753 elementor-widget elementor-widget-html\" data-id=\"1ab4753\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pourquoi\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n    }\n\n    .why-section {\n        padding: 100px 8%;\n        background: var(--lde-green);\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-white);\n        position: relative;\n        overflow: hidden;\n        border-radius: 60px;\n        margin: 40px 20px;\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 1s ease-out;\n    }\n\n    .why-section.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* --- LUCOLES EN MOUVEMENT AMPLE --- *\/\n    .fireflies-container {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        pointer-events: none;\n    }\n\n    .firefly-ball {\n        position: absolute;\n        background: var(--lde-yellow);\n        border-radius: 50%;\n        filter: blur(4px);\n        opacity: 0.3;\n        animation: drift infinite ease-in-out;\n    }\n\n    @keyframes drift {\n        0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.2; }\n        33% { transform: translate(100px, 50px) scale(1.5); opacity: 0.5; }\n        66% { transform: translate(-50px, 100px) scale(0.8); opacity: 0.3; }\n    }\n\n    \/* --- TITRE EN LONGUEUR --- *\/\n    .why-header { position: relative; z-index: 2; margin-bottom: 60px; width: 100%; }\n    \n    .why-title {\n        font-size: 3.5rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        margin: 0;\n        white-space: nowrap; \/* Force le titre en longueur *\/\n    }\n\n    .underline-why {\n        position: relative;\n        display: inline-block;\n    }\n\n    .underline-why::after {\n        content: '';\n        position: absolute;\n        bottom: 5px;\n        left: 0;\n        width: 0;\n        height: 10px;\n        background: var(--lde-yellow);\n        opacity: 0.6;\n        z-index: -1;\n        transition: width 1s ease 0.5s;\n    }\n\n    .why-section.is-visible .underline-why::after { width: 100%; }\n\n    .why-intro {\n        max-width: 100%; \/* Elargi pour suivre le titre *\/\n        font-size: 1.15rem;\n        margin-top: 25px;\n        border-left: 4px solid var(--lde-yellow);\n        padding-left: 20px;\n        line-height: 1.6;\n    }\n\n    \/* --- GRILLE : 2 PAR LIGNE EN PLEIN \u00c9CRAN --- *\/\n    .why-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr); \/* 2 colonnes obligatoires *\/\n        grid-template-rows: repeat(2, auto);    \/* 2 lignes *\/\n        gap: 30px;\n        position: relative;\n        z-index: 2;\n        max-width: 1200px;\n        margin: 40px auto 0 auto;\n    }\n\n    .benefit-card {\n        background: var(--lde-white);\n        padding: 35px; \/* Taille r\u00e9duite pour meilleur alignement *\/\n        border-radius: 30px;\n        color: var(--lde-green);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        min-height: 220px; \/* Assure une uniformit\u00e9 *\/\n    }\n\n    .benefit-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 15px 35px rgba(0,0,0,0.2);\n    }\n\n    .benefit-icon {\n        width: 40px;\n        height: 40px;\n        stroke: var(--lde-green);\n        margin-bottom: 15px;\n        fill: none;\n        stroke-width: 1.5;\n    }\n\n    .benefit-card h4 {\n        font-size: 1.2rem;\n        font-weight: 800;\n        margin: 0 0 12px 0;\n        position: relative;\n    }\n\n    .benefit-card h4::after {\n        content: '';\n        position: absolute;\n        bottom: -2px; left: 0;\n        width: 0; height: 6px;\n        background: var(--lde-yellow);\n        opacity: 0.3;\n        transition: width 0.3s ease;\n    }\n\n    .benefit-card:hover h4::after { width: 100%; }\n\n    .benefit-card p { font-size: 0.9rem; line-height: 1.5; color: #444; margin: 0; }\n\n    \/* --- BOUTON --- *\/\n    .why-footer { text-align: center; margin-top: 60px; position: relative; z-index: 2; }\n\n    .btn-modern {\n        display: inline-block;\n        background: var(--lde-yellow);\n        color: var(--lde-green);\n        padding: 18px 45px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        border: 2px solid var(--lde-yellow);\n    }\n\n    .btn-modern:hover {\n        background: transparent;\n        color: var(--lde-yellow);\n        transform: scale(1.05);\n        box-shadow: 0 0 25px rgba(247, 195, 34, 0.4);\n    }\n\n    \/* Adaptabilit\u00e9 mobile *\/\n    @media (max-width: 992px) {\n        .why-title { font-size: 2.5rem; white-space: normal; }\n        .why-grid { grid-template-columns: 1fr; } \/* Repasse en 1 colonne sur tablette\/mobile *\/\n    }\n<\/style>\n\n<section class=\"why-section\" id=\"whyTarget\">\n    <div class=\"fireflies-container\">\n        <div class=\"firefly-ball\" style=\"width:6px; height:6px; top:15%; left:15%; animation-duration: 8s;\"><\/div>\n        <div class=\"firefly-ball\" style=\"width:10px; height:10px; bottom:20%; right:10%; animation-duration: 12s;\"><\/div>\n        <div class=\"firefly-ball\" style=\"width:4px; height:4px; top:45%; left:65%; animation-duration: 10s;\"><\/div>\n        <div class=\"firefly-ball\" style=\"width:8px; height:8px; top:70%; left:20%; animation-duration: 9s;\"><\/div>\n        <div class=\"firefly-ball\" style=\"width:5px; height:5px; top:10%; left:80%; animation-duration: 11s;\"><\/div>\n        <div class=\"firefly-ball\" style=\"width:7px; height:7px; bottom:40%; left:50%; animation-duration: 13s;\"><\/div>\n    <\/div>\n\n    <div class=\"why-header\">\n        <h2 class=\"why-title\">POURQUOI <span class=\"underline-why\">REJOINDRE LDE<\/span> <span style=\"color:var(--lde-yellow)\">?<\/span><\/h2>\n        <div class=\"why-intro\">\n            Rejoindre <strong>Loire D\u00e9veloppement Entreprises<\/strong>, c\u2019est int\u00e9grer un collectif d\u2019entrepreneurs qui partagent la volont\u00e9 de d\u00e9velopper leur activit\u00e9 ensemble.\n        <\/div>\n    <\/div>\n\n    <div class=\"why-grid\">\n        <div class=\"benefit-card\">\n            <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9a3.5 3.5 0 1 0 0 6\"\/><line x1=\"8\" y1=\"11\" x2=\"16\" y2=\"11\"\/><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"\/><\/svg>\n            <h4>D\u00e9velopper son chiffre d\u2019affaires<\/h4>\n            <p>Les recommandations entre membres permettent de g\u00e9n\u00e9rer des opportunit\u00e9s commerciales <b>concr\u00e8tes et qualifi\u00e9es<\/b>.<\/p>\n        <\/div>\n\n        <div class=\"benefit-card\">\n            <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <h4>\u00c9largir son r\u00e9seau professionnel<\/h4>\n            <p>Le collectif r\u00e9unit des entrepreneurs issus de secteurs vari\u00e9s, facilitant les <b>connexions et les collaborations<\/b>.<\/p>\n        <\/div>\n\n        <div class=\"benefit-card\">\n            <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n            <h4>Gagner en visibilit\u00e9<\/h4>\n            <p>Chaque membre pr\u00e9sente r\u00e9guli\u00e8rement son activit\u00e9 et b\u00e9n\u00e9ficie de la <b>force du r\u00e9seau<\/b> pour \u00eatre recommand\u00e9.<\/p>\n        <\/div>\n\n        <div class=\"benefit-card\">\n            <svg class=\"benefit-icon\" viewBox=\"0 0 24 24\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n            <h4>Rompre l\u2019isolement<\/h4>\n            <p>Les rencontres r\u00e9guli\u00e8res permettent d\u2019\u00e9changer avec d\u2019autres dirigeants confront\u00e9s aux <b>m\u00eames enjeux<\/b>.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"why-footer\">\n        <a href=\"#contact\" class=\"btn-modern\">Pr\u00eat \u00e0 nous rejoindre ?<\/a>\n    <\/div>\n<\/section>\n\n<script>\n    const observerWhy = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n            }\n        });\n    }, { threshold: 0.1 });\n    observerWhy.observe(document.querySelector('#whyTarget'));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c436531 e-flex e-con-boxed e-con e-parent\" data-id=\"c436531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78ee89a elementor-widget elementor-widget-html\" data-id=\"78ee89a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&family=Montserrat:wght@400;600;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n    }\n\n    .stats-section {\n        padding: 60px 8%;\n        background: var(--lde-green);\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-white);\n        position: relative;\n        overflow: hidden;\n        border-radius: 60px;\n        margin: 40px 20px;\n        text-align: center;\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 1s ease-out;\n    }\n\n    .stats-section.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* --- TITRE --- *\/\n    .stats-header { position: relative; z-index: 2; margin-bottom: 60px; }\n    \n    .stats-title {\n        font-size: 3rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        display: inline-block;\n        line-height: 1.1;\n    }\n\n    .underline-stats {\n        position: relative;\n        display: inline-block;\n    }\n\n    .underline-stats::after {\n        content: '';\n        position: absolute;\n        bottom: 8px;\n        left: 0;\n        width: 0;\n        height: 10px;\n        background: var(--lde-yellow);\n        opacity: 0.6;\n        z-index: -1;\n        transition: width 1.2s ease 0.5s;\n    }\n\n    .stats-section.active .underline-stats::after { width: 100%; }\n\n    \/* --- GRILLE --- *\/\n    .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        position: relative;\n        z-index: 2;\n    }\n\n    .stat-card {\n        padding: 30px;\n        border-radius: 30px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s ease;\n    }\n\n    .stat-card:hover {\n        background: rgba(255, 255, 255, 0.05);\n        border-color: var(--lde-yellow);\n    }\n\n    \/* POLICE DES CHIFFRES AJUST\u00c9E (600) *\/\n    .stat-number {\n        font-size: 3.5rem;\n        font-weight: 600; \/* Plus \u00e9pais mais reste \u00e9l\u00e9gant *\/\n        color: var(--lde-yellow);\n        margin-bottom: 10px;\n        display: block;\n        line-height: 1;\n    }\n\n    .stat-label {\n        font-size: 1rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        color: rgba(255, 255, 255, 0.8);\n    }\n\n    .stat-sublabel {\n        font-family: 'Caveat', cursive;\n        font-size: 1.5rem;\n        color: var(--lde-yellow);\n        display: block;\n        margin-top: 10px;\n        opacity: 0;\n        transition: opacity 1s ease 1.5s; \/* Appara\u00eet apr\u00e8s la fin du d\u00e9compte *\/\n    }\n\n    .stats-section.active .stat-sublabel { opacity: 0.9; }\n\n    @media (max-width: 992px) {\n        .stats-grid { grid-template-columns: 1fr; }\n        .stats-title { font-size: 2.2rem; }\n    }\n<\/style>\n\n<section class=\"stats-section\" id=\"statsTrigger\">\n    <div class=\"stats-header\">\n        <h2 class=\"stats-title\">LE R\u00c9SEAU EN <span class=\"underline-stats\">QUELQUES CHIFFRES<\/span><\/h2>\n    <\/div>\n\n    <div class=\"stats-grid\">\n        <div class=\"stat-card\">\n            <span class=\"stat-number\" data-target=\"16\">0<\/span>\n            <span class=\"stat-label\">Entrepreneurs membres<\/span>\n            <span class=\"stat-sublabel\">Actuellement<\/span>\n        <\/div>\n\n        <div class=\"stat-card\">\n            <span class=\"stat-number\" data-target=\"10\">0<\/span>\n            <span class=\"stat-label\">Ann\u00e9es d'existence<\/span>\n            <span class=\"stat-sublabel\">Depuis 2016<\/span>\n        <\/div>\n\n        <div class=\"stat-card\">\n            <span class=\"stat-number\" data-target=\"125000\">0<\/span>\n            <span class=\"stat-label\">Chiffre d'affaires g\u00e9n\u00e9r\u00e9<\/span>\n            <span class=\"stat-sublabel\">En 2025 \u2022 Recommandations<\/span>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const statsSection = document.getElementById('statsTrigger');\n        const stats = document.querySelectorAll('.stat-number');\n        let started = false;\n\n        const startCounting = () => {\n            stats.forEach(stat => {\n                const target = parseInt(stat.getAttribute('data-target'));\n                const duration = 5000; \/\/ RALENTISSEMENT : 5 secondes (effet tr\u00e8s fluide)\n                const startTime = performance.now();\n\n                const updateCount = (currentTime) => {\n                    const elapsed = currentTime - startTime;\n                    const progress = Math.min(elapsed \/ duration, 1);\n                    \n                    \/\/ Utilisation d'une fonction d'acc\u00e9l\u00e9ration \"EaseOutCubic\" pour un stop tr\u00e8s doux\n                    const easeProgress = 1 - Math.pow(1 - progress, 3);\n                    const currentCount = Math.floor(easeProgress * target);\n\n                    if (target > 1000) {\n                        stat.innerText = currentCount.toLocaleString('fr-FR') + ' \u20ac';\n                    } else {\n                        stat.innerText = currentCount;\n                    }\n\n                    if (progress < 1) {\n                        requestAnimationFrame(updateCount);\n                    } else {\n                        stat.innerText = target > 1000 ? target.toLocaleString('fr-FR') + ' \u20ac' : target;\n                    }\n                };\n                requestAnimationFrame(updateCount);\n            });\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting && !started) {\n                    statsSection.classList.add('active');\n                    startCounting();\n                    started = true;\n                }\n            });\n        }, { threshold: 0.2 });\n\n        observer.observe(statsSection);\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9134a69 e-flex e-con-boxed e-con e-parent\" data-id=\"9134a69\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc28d6f elementor-widget elementor-widget-html\" data-id=\"dc28d6f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"membres\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@600&family=Montserrat:wght@300;400;600;800;900&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n        --lde-glass: rgba(255, 255, 255, 0.98);\n    }\n\n    .members-section {\n        padding: 100px 5%;\n        background: var(--lde-white);\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-green);\n    }\n\n    \/* --- TITRE --- *\/\n    .members-header { margin-bottom: 60px; text-align: center; }\n    \n    .members-title {\n        font-size: 3.2rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: -1px;\n        margin-bottom: 15px;\n    }\n    \n    .underline-members {\n        position: relative;\n        display: inline-block;\n        z-index: 1;\n    }\n    \n    .underline-members::after {\n        content: '';\n        position: absolute;\n        bottom: 8px; left: -2%; width: 0; height: 12px;\n        background: var(--lde-yellow);\n        opacity: 0.5;\n        z-index: -1;\n        transition: width 1s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;\n    }\n    \n    .members-section.active .underline-members::after { width: 104%; }\n\n    .members-subtitle {\n        font-weight: 400;\n        font-size: 0.9rem;\n        letter-spacing: 1px;\n        text-transform: none;\n        opacity: 0.8;\n        color: #555;\n    }\n\n    \/* --- GRILLE --- *\/\n    .members-wall {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 25px;\n        perspective: 1200px;\n    }\n\n    .member-card:last-child { grid-column: 3 \/ 4; }\n\n    .member-card {\n        position: relative;\n        height: 360px;\n        border-radius: 24px;\n        overflow: hidden;\n        cursor: pointer;\n        box-shadow: 0 10px 30px rgba(4, 79, 79, 0.05);\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.4s ease;\n    }\n\n    .member-card.reveal { opacity: 1; transform: translateY(0); }\n\n    .member-card:hover {\n        transform: scale(1.03) translateY(-5px) !important;\n        box-shadow: 0 20px 40px rgba(4, 79, 79, 0.15);\n        z-index: 10;\n    }\n\n    .member-img {\n        width: 100%; height: 100%;\n        object-fit: cover;\n        filter: grayscale(100%) contrast(1.1);\n        transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n\n    .member-card:hover .member-img { filter: grayscale(0%); transform: scale(1.08); }\n\n    \/* --- INFOS --- *\/\n    .member-glass-info {\n        position: absolute;\n        bottom: 15px; left: 15px; right: 15px;\n        background: var(--lde-glass);\n        backdrop-filter: blur(12px);\n        padding: 20px;\n        border-radius: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.6);\n        transition: all 0.4s ease;\n    }\n\n    .member-name { \n        font-weight: 800; \n        font-size: 0.95rem; \n        color: var(--lde-green); \n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        display: block; \n    }\n\n    .member-metier { \n        font-family: 'Caveat', cursive; \n        font-size: 1.4rem; \n        color: var(--lde-yellow); \n        display: block; \n        margin-top: -2px;\n    }\n\n    .member-hidden-content {\n        max-height: 0; opacity: 0; overflow: hidden;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .member-card:hover .member-hidden-content { \n        max-height: 120px;\n        opacity: 1; \n        margin-top: 15px;\n        padding-top: 15px;\n        border-top: 1px solid rgba(4, 79, 79, 0.08);\n    }\n\n    .member-desc {\n        font-size: 0.8rem;\n        line-height: 1.5;\n        color: #555;\n        font-weight: 400;\n        margin-bottom: 15px;\n    }\n\n    .social-mini { display: flex; gap: 15px; }\n    .social-mini a { color: var(--lde-green); font-size: 0.9rem; opacity: 0.6; transition: 0.3s; }\n    .social-mini a:hover { color: var(--lde-yellow); opacity: 1; transform: translateY(-2px); }\n\n    \/* --- BOUTON AJUST\u00c9 --- *\/\n    .members-footer { \n        text-align: center; \n        margin-top: 50px; \n    }\n\n    .btn-join {\n        display: inline-block;\n        background: var(--lde-green);\n        color: var(--lde-white);\n        padding: 20px 55px; \/* L\u00e9g\u00e8re r\u00e9duction du padding pour \u00e9quilibrer la taille *\/\n        border-radius: 100px;\n        text-decoration: none;\n        font-family: 'Montserrat', sans-serif;\n        font-weight: 800;\n        text-transform: uppercase;\n        font-size: 0.95rem; \/* Taille cible demand\u00e9e *\/\n        letter-spacing: 2px;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s cubic-bezier(0.2, 1, 0.3, 1);\n        box-shadow: 0 15px 35px rgba(4, 79, 79, 0.2);\n    }\n\n    .btn-join::before {\n        content: '';\n        position: absolute;\n        top: 0; left: -100%; width: 100%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n        transition: 0.6s;\n    }\n\n    .btn-join:hover {\n        background: var(--lde-yellow);\n        color: var(--lde-green);\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(247, 195, 34, 0.3);\n    }\n\n    .btn-join:hover::before { left: 100%; }\n\n    @media (max-width: 1200px) { .members-wall { grid-template-columns: repeat(3, 1fr); } .member-card:last-child { grid-column: 2 \/ 3; } }\n    @media (max-width: 768px) { \n        .members-wall { grid-template-columns: repeat(2, 1fr); } \n        .member-card:last-child { grid-column: auto; }\n        .members-title { font-size: 2.5rem; }\n    }\n<\/style>\n\n<section class=\"members-section\" id=\"membersWall\">\n    <div class=\"members-header\">\n        <h2 class=\"members-title\">NOS <span class=\"underline-members\">MEMBRES<\/span><\/h2>\n        <p class=\"members-subtitle\">D\u00e9couvrez les experts qui font vivre le r\u00e9seau LDE<\/p>\n    <\/div>\n\n    <div class=\"members-wall\">\n        <script>\n            const membersData = [\n                { name: \"Julien Morel\", job: \"Expert-Comptable\", desc: \"Optimisation fiscale et pilotage strat\u00e9gique de votre rentabilit\u00e9.\", img: \"https:\/\/i.pravatar.cc\/400?u=1\" },\n                { name: \"Sophie Bernard\", job: \"Architecte\", desc: \"Conception d'espaces professionnels innovants et durables.\", img: \"https:\/\/i.pravatar.cc\/400?u=2\" },\n                { name: \"Thomas Petit\", job: \"Agent Immobilier\", desc: \"Expert en immobilier d'entreprise dans le Vignoble Nantais.\", img: \"https:\/\/i.pravatar.cc\/400?u=3\" },\n                { name: \"L\u00e9a Dubois\", job: \"Web Designer\", desc: \"Cr\u00e9ation d'identit\u00e9s visuelles et sites web \u00e0 fort impact.\", img: \"https:\/\/i.pravatar.cc\/400?u=4\" },\n                { name: \"Marc Lefebvre\", job: \"Paysagiste\", desc: \"Am\u00e9nagement et entretien d'espaces verts pour entreprises.\", img: \"https:\/\/i.pravatar.cc\/400?u=5\" },\n                { name: \"Chlo\u00e9 Martin\", job: \"Photographe\", desc: \"Mise en valeur de votre image de marque par l'image.\", img: \"https:\/\/i.pravatar.cc\/400?u=6\" },\n                { name: \"Antoine Garcia\", job: \"Avocat d'Affaires\", desc: \"S\u00e9curisation juridique de vos contrats et de votre croissance.\", img: \"https:\/\/i.pravatar.cc\/400?u=7\" },\n                { name: \"Julie Rousseau\", job: \"Coach Pro\", desc: \"Accompagnement du dirigeant et coh\u00e9sion d'\u00e9quipes.\", img: \"https:\/\/i.pravatar.cc\/400?u=8\" },\n                { name: \"Nicolas Simon\", job: \"Plombier\", desc: \"Maintenance et d\u00e9pannage rapide pour locaux professionnels.\", img: \"https:\/\/i.pravatar.cc\/400?u=9\" },\n                { name: \"Emma Leroy\", job: \"D\u00e9coratrice\", desc: \"Am\u00e9nagement d'int\u00e9rieur pour bureaux et commerces locaux.\", img: \"https:\/\/i.pravatar.cc\/400?u=10\" },\n                { name: \"David Laurent\", job: \"Electricien\", desc: \"Installation de syst\u00e8mes connect\u00e9s et \u00e9conomies d'\u00e9nergie.\", img: \"https:\/\/i.pravatar.cc\/400?u=11\" },\n                { name: \"Sarah Bonnet\", job: \"Community Manager\", desc: \"Gestion de vos r\u00e9seaux sociaux pour booster votre visibilit\u00e9.\", img: \"https:\/\/i.pravatar.cc\/400?u=12\" },\n                { name: \"Paul Fournier\", job: \"Menuisier\", desc: \"Fabrication sur-mesure de mobiliers et agencements bois.\", img: \"https:\/\/i.pravatar.cc\/400?u=13\" },\n                { name: \"Clara Mercier\", job: \"Fleuriste\", desc: \"Abonnements floraux et d\u00e9coration d'\u00e9v\u00e9nements pro.\", img: \"https:\/\/i.pravatar.cc\/400?u=14\" },\n                { name: \"Hugo Girard\", job: \"Imprimeur\", desc: \"Supports de communication print de haute qualit\u00e9.\", img: \"https:\/\/i.pravatar.cc\/400?u=15\" },\n                { name: \"In\u00e8s Legrand\", job: \"Traiteur\", desc: \"Gastronomie \u00e9v\u00e9nementielle pour s\u00e9minaires et cocktails.\", img: \"https:\/\/i.pravatar.cc\/400?u=16\" }\n            ];\n\n            const container = document.querySelector('.members-wall');\n            membersData.forEach(m => {\n                container.innerHTML += `\n                <div class=\"member-card\">\n                    <img decoding=\"async\" src=\"${m.img}\" class=\"member-img\">\n                    <div class=\"member-glass-info\">\n                        <span class=\"member-name\">${m.name}<\/span>\n                        <span class=\"member-metier\">${m.job}<\/span>\n                        <div class=\"member-hidden-content\">\n                            <p class=\"member-desc\">${m.desc}<\/p>\n                            <div class=\"social-mini\">\n                                <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                                <a href=\"#\"><i class=\"fas fa-link\"><\/i><\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>`;\n            });\n        <\/script>\n    <\/div>\n\n    <div class=\"members-footer\">\n        <a href=\"#contact\" class=\"btn-join\">Envie de nous rencontrer ?<\/a>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const wall = document.getElementById('membersWall');\n        const cards = document.querySelectorAll('.member-card');\n\n        const observer = new IntersectionObserver((entries) => {\n            if (entries[0].isIntersecting) {\n                wall.classList.add('active');\n                cards.forEach((card, index) => {\n                    setTimeout(() => {\n                        card.classList.add('reveal');\n                    }, index * 80);\n                });\n                observer.unobserve(wall);\n            }\n        }, { threshold: 0.1 });\n\n        observer.observe(wall);\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9fc6f8 elementor-widget elementor-widget-html\" data-id=\"d9fc6f8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"rejoindre\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Caveat:wght@700&family=Montserrat:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n        --lde-bg-soft: #f4f7f7; \n    }\n\n    .join-section {\n        padding: 100px 5%;\n        background: var(--lde-white);\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-green);\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n\n    .join-section.is-visible { opacity: 1; transform: translateY(0); }\n\n    \/* --- TITRE --- *\/\n    .join-header { margin-bottom: 50px; text-align: left; }\n    .join-title { font-size: 3.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: -1.5px; margin-bottom: 0; }\n    .underline-join { position: relative; display: inline-block; }\n    .underline-join::after { content: ''; position: absolute; bottom: 5px; left: 0; width: 0; height: 12px; background: var(--lde-yellow); opacity: 0.5; z-index: -1; transition: width 1s ease 0.6s; }\n    .join-section.is-visible .underline-join::after { width: 100%; }\n\n    \/* --- LAYOUT DEUX BLOCS --- *\/\n    .membership-layout {\n        display: grid;\n        grid-template-columns: 1.5fr 1fr;\n        gap: 40px;\n        margin: 60px 0;\n    }\n\n    .box-join {\n        padding: 50px;\n        border-radius: 20px;\n        height: 100%;\n    }\n\n    \/* BLOC GAUCHE : CONDITIONS AVEC ANIMATION AU SURVOL *\/\n    .conditions-box { background: var(--lde-bg-soft); border-left: 6px solid var(--lde-yellow); }\n    .conditions-box h3 { text-transform: uppercase; font-weight: 900; font-size: 1.4rem; margin-bottom: 30px; letter-spacing: 1px; }\n    \n    .list-conditions { list-style: none; padding: 0; }\n    .list-conditions li { \n        margin-bottom: 15px; \n        padding: 15px 15px 15px 40px; \n        position: relative; \n        font-size: 1rem; \n        line-height: 1.5; \n        font-weight: 500;\n        border-radius: 12px;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        cursor: default;\n    }\n\n    .list-conditions li:hover {\n        background: var(--lde-white);\n        transform: translateX(10px);\n        box-shadow: 0 5px 15px rgba(4, 79, 79, 0.05);\n    }\n\n    .list-conditions li::before { \n        content: '\u2713'; \n        position: absolute; \n        left: 15px; \n        color: var(--lde-yellow); \n        font-weight: 900; \n        font-size: 1.2rem;\n        transition: transform 0.3s ease;\n    }\n\n    .list-conditions li:hover::before {\n        transform: scale(1.3) rotate(10deg);\n    }\n\n    .list-conditions b { font-weight: 800; }\n\n    \/* BLOC DROITE : COTISATION *\/\n    .price-box { \n        background: var(--lde-green); \n        color: var(--lde-white); \n        text-align: center; \n        display: flex; \n        flex-direction: column; \n        justify-content: center;\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n    .price-box:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(4, 79, 79, 0.3); }\n    .price-box h3 { text-transform: uppercase; font-weight: 700; font-size: 1.1rem; opacity: 0.8; margin-bottom: 20px; }\n    .price-tag { font-size: 4rem; font-weight: 900; color: var(--lde-yellow); line-height: 1; }\n    .price-period { font-size: 1rem; opacity: 0.7; margin-top: 10px; font-weight: 300; }\n\n    \/* --- BLOC INVITATION --- *\/\n    .invite-banner {\n        background: #fff9e6;\n        border: 2px dashed var(--lde-yellow);\n        padding: 40px;\n        border-radius: 30px;\n        text-align: center;\n        margin-top: 40px;\n        transition: 0.3s;\n    }\n    .invite-banner:hover { border-style: solid; background: #fffcf0; }\n    .invite-banner p { font-size: 1.2rem; font-weight: 600; margin: 0; }\n    .invite-banner b { color: var(--lde-green); font-weight: 900; }\n\n    \/* --- ENCART 10 ANS INTERACTIF --- *\/\n    .anniversary-note {\n        margin: 60px auto 0;\n        text-align: center;\n        padding: 50px 40px;\n        background: linear-gradient(135deg, var(--lde-bg-soft) 0%, #edf2f2 100%);\n        border: 1px solid rgba(4, 79, 79, 0.1);\n        border-radius: 30px;\n        max-width: 800px;\n        position: relative;\n        overflow: hidden;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .anniversary-note::before {\n        content: '';\n        position: absolute;\n        top: -50%; left: -50%; width: 200%; height: 200%;\n        background: radial-gradient(circle, rgba(247, 195, 34, 0.15) 0%, transparent 70%);\n        opacity: 0;\n        transition: opacity 0.5s;\n        pointer-events: none;\n    }\n\n    .anniversary-note:hover {\n        border-color: var(--lde-yellow);\n        transform: scale(1.02);\n        box-shadow: 0 20px 40px rgba(247, 195, 34, 0.1);\n    }\n\n    .anniversary-note:hover::before { opacity: 1; }\n\n    .anniversary-note span { \n        font-family: 'Caveat', cursive; \n        font-size: 2.5rem; \n        color: var(--lde-yellow); \n        display: block;\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .anniversary-note:hover span { transform: translateY(-5px) rotate(-2deg); }\n\n    .anniversary-note p { \n        font-size: 0.95rem; \n        font-style: italic; \n        color: #555; \n        margin-top: 15px;\n        transition: color 0.3s;\n    }\n    \n    .anniversary-note:hover p { color: var(--lde-green); }\n\n    .btn-container { text-align: center; margin-top: 50px; }\n    .btn-contact {\n        display: inline-block;\n        background: var(--lde-green);\n        color: var(--lde-white);\n        padding: 18px 50px;\n        border-radius: 100px;\n        text-decoration: none;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n        transition: 0.4s;\n    }\n    .btn-contact:hover { background: var(--lde-yellow); color: var(--lde-green); transform: translateY(-5px); }\n\n    @media (max-width: 992px) {\n        .membership-layout { grid-template-columns: 1fr; }\n        .join-title { font-size: 2.5rem; }\n    }\n<\/style>\n\n<section class=\"join-section\" id=\"joinBlock\">\n    <div class=\"join-header\">\n        <h2 class=\"join-title\">COMMENT NOUS <span class=\"underline-join\">REJOINDRE<\/span> ?<\/h2>\n    <\/div>\n\n    <div class=\"membership-layout\">\n        <div class=\"box-join conditions-box\">\n            <h3>Les conditions<\/h3>\n            <ul class=\"list-conditions\">\n                <li>Activit\u00e9 <b>unique au sein du r\u00e9seau<\/b> (exclusivit\u00e9 m\u00e9tier garantie pour \u00e9viter toute concurrence directe).<\/li>\n                <li>Participation r\u00e9guli\u00e8re aux matinales le mercredi matin au <b>Loroux Bottereau<\/b>.<\/li>\n                <li>Engagement sinc\u00e8re \u00e0 <b>contribuer activement<\/b> \u00e0 la vie du r\u00e9seau et aux \u00e9changes entre membres.<\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"box-join price-box\">\n            <h3>Montant de la cotisation<\/h3>\n            <div class=\"price-tag\">350 \u20ac<\/div>\n            <div class=\"price-period\">par an<\/div>\n            <p style=\"margin-top: 20px; font-size: 0.85rem; opacity: 0.8; font-weight: 400; padding: 0 20px;\">\n                Tarif appliqu\u00e9 \u00e0 compter de votre date d'adh\u00e9sion (syst\u00e8me d'ann\u00e9e glissante).\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"invite-banner\">\n        <p>Envie de d\u00e9couvrir l'ambiance avant de vous lancer ? <br> \n        <b>Faites-vous inviter \u00e0 l'une de nos prochaines matinales !<\/b><\/p>\n    <\/div>\n\n    <div class=\"btn-container\">\n        <a href=\"#contact\" class=\"btn-contact\">Demander une invitation<\/a>\n    <\/div>\n\n    <div class=\"anniversary-note\">\n        <span>Le Week-end Myst\u00e8re des 10 ans<\/span>\n        <p>Pour c\u00e9l\u00e9brer une d\u00e9cennie de croissance partag\u00e9e, le LDE pr\u00e9pare une aventure inoubliable dans un lieu tenu secret... Surprise garantie pour tous les membres !<\/p>\n    <\/div>\n<\/section>\n\n<script>\n    const observerJoin = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                entry.target.classList.add('is-visible');\n            }\n        });\n    }, { threshold: 0.15 });\n\n    observerJoin.observe(document.getElementById('joinBlock'));\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8362b5 e-flex e-con-boxed e-con e-parent\" data-id=\"c8362b5\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-398b3f8 e-con-full e-flex e-con e-child\" data-id=\"398b3f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d156ecd elementor-widget elementor-widget-html\" data-id=\"d156ecd\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contactBlock\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n    :root {\n        --lde-green: #044F4F;\n        --lde-yellow: #F7C322;\n        --lde-white: #FFFFFF;\n    }\n\n    .contact-left-aligned {\n        font-family: 'Montserrat', sans-serif;\n        color: var(--lde-green);\n        padding: 40px 5% 40px 0; \/* Alignement parfait \u00e0 gauche *\/\n        text-align: left;\n    }\n\n    \/* --- TITRE \"CONTACT\" AVEC VAGUE D'OR ANIM\u00c9E --- *\/\n    .contact-title-group {\n        position: relative;\n        display: inline-block;\n        margin-bottom: 35px;\n    }\n\n    .contact-label {\n        font-size: 3.5rem;\n        font-weight: 900;\n        text-transform: uppercase;\n        letter-spacing: -2px; \/* Look \u00e9ditorial serr\u00e9 *\/\n        line-height: 1;\n        margin: 0;\n        display: inline-block;\n        color: var(--lde-green);\n    }\n\n    \/* Vague d'or artisanale (SVG) *\/\n    .golden-wave {\n        position: absolute;\n        bottom: -15px; \/* Position sous le texte *\/\n        left: 0;\n        width: 110%; \/* L'\u00e9l\u00e9gance d\u00e9passe l\u00e9g\u00e8rement *\/\n        height: auto;\n        opacity: 0.8;\n    }\n\n    \/* Animation du trac\u00e9 (se dessine) *\/\n    .golden-wave path {\n        stroke-dasharray: 500;\n        stroke-dashoffset: 500;\n        transition: stroke-dashoffset 2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;\n    }\n\n    \/* D\u00e9clenchement de l'animation quand la section est visible *\/\n    #contactBlock.is-visible .golden-wave path {\n        stroke-dashoffset: 0;\n    }\n\n    \/* --- INTRO ALIGN\u00c9E AVEC TRAIT FIN --- *\/\n    .contact-intro-aligned {\n        border-left: 2px solid var(--lde-yellow); \/* Trait fin et vertical *\/\n        padding-left: 25px; \/* Espace minimal pour aligner *\/\n        margin-bottom: 50px;\n        margin-top: 10px;\n        margin-left: -2px; \/* Correction de l'alignement visuel *\/\n    }\n\n    .contact-intro-aligned p {\n        font-size: 1.1rem;\n        font-weight: 400;\n        line-height: 1.7;\n        color: #444;\n        margin: 0;\n    }\n\n    \/* --- \u00c9TAPES (Alignement Horizontal Propre) --- *\/\n    .contact-objects {\n        margin-top: 40px;\n    }\n\n    .contact-objects h4 {\n        font-weight: 300; \/* Ultra-fin moderne *\/\n        font-size: 0.95rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 25px;\n        opacity: 0.7;\n        margin-left: 0; \/* Alignement strict *\/\n    }\n\n    .object-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .object-item {\n        font-size: 0.95rem;\n        font-weight: 600;\n        margin-bottom: 18px;\n        display: flex;\n        align-items: center;\n        transition: all 0.3s ease;\n        cursor: default;\n        margin-left: 0; \/* Alignement strict *\/\n    }\n\n    \/* Puce barre horizontale fine *\/\n    .object-item::before {\n        content: \"\";\n        width: 15px;\n        height: 2px;\n        background: var(--lde-yellow);\n        margin-right: 15px;\n        transition: width 0.4s ease;\n    }\n\n    .object-item:hover::before {\n        width: 25px; \/* Animation s'allonge *\/\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n        .contact-left-aligned { padding-right: 0; }\n        .contact-label { font-size: 2.8rem; }\n    }\n    @media (max-width: 768px) {\n        .contact-left-aligned { margin-bottom: 50px; }\n    }\n<\/style>\n\n<div class=\"contact-left-aligned\">\n    <div class=\"contact-title-group\">\n        <h2 class=\"contact-label\">Contact<\/h2>\n        <svg class=\"golden-wave\" viewBox=\"0 0 478 51\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M2.5 48.5C54.8333 34.6667 176.6 8.9 240.5 17.5C304.4 26.1 411.333 42.1667 475.5 48.5\" stroke=\"#F7C322\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <\/svg>\n    <\/div>\n    \n    <div class=\"contact-intro-aligned\">\n        <p>\n            Vous souhaitez d\u00e9couvrir le r\u00e9seau ou obtenir plus d\u2019informations ?<br><br>\n            Remplissez le formulaire, nous vous r\u00e9pondrons dans les meilleurs d\u00e9lais.\n        <\/p>\n    <\/div>\n\n    <div class=\"contact-objects\">\n        <h4>Objet de votre demande<\/h4>\n        <ul class=\"object-list\">\n            <li class=\"object-item\">Demande d\u2019invitation \u00e0 une matinale<\/li>\n            <li class=\"object-item\">Demande d\u2019adh\u00e9sion<\/li>\n            <li class=\"object-item\">Demande d\u2019informations<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16c0759 e-con-full e-flex e-con e-child\" data-id=\"16c0759\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7947bea elementor-widget elementor-widget-shortcode\" data-id=\"7947bea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style id=\"wpforms-css-vars-152\">\n\t\t\t\t#wpforms-152 {\n\t\t\t\t--wpforms-field-border-size: 2px;\n--wpforms-field-border-radius: 8px;\n--wpforms-field-border-color: #f7c322;\n--wpforms-field-border-color-spare: #f7c322;\n--wpforms-field-text-color: #044f4f;\n--wpforms-label-color: #044f4f;\n--wpforms-label-sublabel-color: #7f7f7f;\n--wpforms-label-error-color: #ff0000;\n--wpforms-button-border-size: 2px;\n--wpforms-button-border-radius: 8px;\n--wpforms-button-background-color: #044f4f;\n--wpforms-button-border-color: #F7C322;\n--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-page-break-color: #dddddd;\n--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><style id=\"wpforms-css-vars-152-custom-css\">\n\t\t\t\t#wpforms-152 {\n\t\t\t\t\t\/* --- PERSONNALISATION WPFORMS DA LDE --- *\/\r\n\r\n\/* 1. Conteneur global et Labels *\/\r\n.wpforms-container .wpforms-field-label {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 700 !important;\r\n    color: #044F4F !important; \/* Vert LDE *\/\r\n    text-transform: uppercase !important;\r\n    font-size: 13px !important;\r\n    letter-spacing: 0.5px !important;\r\n}\r\n\r\n\/* 2. Champs de saisie (Inputs, Select, Textarea) *\/\r\n.wpforms-container input[type=\"text\"],\r\n.wpforms-container input[type=\"email\"],\r\n.wpforms-container input[type=\"tel\"],\r\n.wpforms-container select,\r\n.wpforms-container textarea {\r\n    background-color: #FFFFFF !important;\r\n    border: 1px solid #E0E0E0 !important;\r\n    border-radius: 10px !important;\r\n    padding: 12px 15px !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    color: #333 !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: none !important;\r\n}\r\n\r\n\/* 3. Effet au clic (Focus) *\/\r\n.wpforms-container input:focus,\r\n.wpforms-container select:focus,\r\n.wpforms-container textarea:focus {\r\n    border-color: #F7C322 !important; \/* Jaune LDE *\/\r\n    outline: none !important;\r\n    box-shadow: 0 0 8px rgba(247, 195, 34, 0.2) !important;\r\n}\r\n\r\n\/* 4. Bouton Envoyer (Style Pilule LDE) *\/\r\n.wpforms-container .wpforms-submit {\r\n    background-color: #044F4F !important; \/* Vert LDE *\/\r\n    color: #FFFFFF !important;\r\n    border: 2px solid #044F4F !important;\r\n    border-radius: 100px !important;\r\n    padding: 15px 40px !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-weight: 800 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1.5px !important;\r\n    transition: all 0.4s ease !important;\r\n    cursor: pointer !important;\r\n    display: block !important;\r\n    margin-top: 10px !important;\r\n}\r\n\r\n\/* 5. Survol du bouton *\/\r\n.wpforms-container .wpforms-submit:hover {\r\n    background-color: #F7C322 !important; \/* Jaune LDE *\/\r\n    border-color: #F7C322 !important;\r\n    color: #044F4F !important;\r\n    transform: translateY(-3px) !important;\r\n    box-shadow: 0 10px 20px rgba(247, 195, 34, 0.3) !important;\r\n}\r\n\r\n\/* 6. Messages d'erreur et confirmation *\/\r\n.wpforms-error-container {\r\n    color: #d9534f !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.wpforms-confirmation-container-full {\r\n    background-color: #F4F7F7 !important;\r\n    border: 1px solid #044F4F !important;\r\n    border-radius: 20px !important;\r\n    color: #044F4F !important;\r\n    font-family: 'Montserrat', sans-serif !important;\r\n}\n\t\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-152\"><form id=\"wpforms-form-152\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"152\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/8\" data-token=\"1f9aec59ee8f64c26420baa27f6e099e\" data-token-time=\"1775569748\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-152-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><fieldset><legend class=\"wpforms-field-label\">Nom <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/legend><div class=\"wpforms-field-row wpforms-field-medium\"><div class=\"wpforms-field-row-block wpforms-first wpforms-one-half\"><input type=\"text\" id=\"wpforms-152-field_1\" class=\"wpforms-field-name-first wpforms-field-required\" name=\"wpforms[fields][1][first]\" aria-errormessage=\"wpforms-152-field_1-error\" required><label for=\"wpforms-152-field_1\" class=\"wpforms-field-sublabel after\">First<\/label><\/div><div class=\"wpforms-field-row-block wpforms-one-half\"><input type=\"text\" id=\"wpforms-152-field_1-last\" class=\"wpforms-field-name-last wpforms-field-required\" name=\"wpforms[fields][1][last]\" aria-errormessage=\"wpforms-152-field_1-last-error\" required><label for=\"wpforms-152-field_1-last\" class=\"wpforms-field-sublabel after\">Last<\/label><\/div><\/div><\/fieldset><\/div><div id=\"wpforms-152-field_2-container\" class=\"wpforms-field wpforms-field-text\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-152-field_2\">Entreprise <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-152-field_2\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][2]\" aria-errormessage=\"wpforms-152-field_2-error\" required><\/div>\t\t<div id=\"wpforms-152-field_3-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"3\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-152-field_3\" >Entreprise Email Message<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-152-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-152-field_4-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-152-field_4\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-152-field_4\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][4]\" spellcheck=\"false\" aria-errormessage=\"wpforms-152-field_4-error\" required><\/div><div id=\"wpforms-152-field_6-container\" class=\"wpforms-field wpforms-field-number\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-152-field_6\">T\u00e9l\u00e9phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"number\" id=\"wpforms-152-field_6\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][6]\" step=\"any\" aria-errormessage=\"wpforms-152-field_6-error\" required><\/div><div id=\"wpforms-152-field_5-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-152-field_5\">Message <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-152-field_5\" class=\"wpforms-field-medium wpforms-field-required\" name=\"wpforms[fields][5]\" aria-errormessage=\"wpforms-152-field_5-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-152-field_3-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-152-field_3-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-152-field_3-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"152\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-152\" class=\"wpforms-submit\" data-alt-text=\"Envoi...\" data-submit-text=\"Envoyer ma demande\" aria-live=\"assertive\" value=\"wpforms-submit\">Envoyer ma demande<\/button><img decoding=\"async\" src=\"https:\/\/reseau-lde.fr\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container --><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil Qui sommes-nous ? Fonctionnement Avantages Nos membres Adh\u00e9sion Contact D\u00e9veloppez votre r\u00e9seau et votre chiffre d\u2019affaires dans le vignoble nantais Depuis 2016, Loire D\u00e9veloppement Entreprises rassemble des entrepreneurs engag\u00e9s dans une d\u00e9marche d\u2019entraide et de recommandations. D\u00c9COUVRIR LE R\u00c9SEAU LDE Rez\u00e9 St-S\u00e9bastien Basse-Goulaine Haute-Goulaine Vallet Clisson Vertou Le Loroux-B. Rez\u00e9 Vertou Clisson Vallet St-S\u00e9bastien [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":168,"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/reseau-lde.fr\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}