{"id":1122,"date":"2026-03-11T06:54:15","date_gmt":"2026-03-11T06:54:15","guid":{"rendered":"https:\/\/gourmarines.org\/?page_id=1122"},"modified":"2026-03-13T12:35:09","modified_gmt":"2026-03-13T12:35:09","slug":"1122-2","status":"publish","type":"page","link":"https:\/\/gourmarines.org\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Miniver&family=Outfit:wght@300;400;600;800&display=swap');\n\n    \/* Scoped Variables *\/\n    .gmx-wrapper {\n        --primary: #FF5A82; \n        --primary-light: #FF8BA6;\n        --primary-dark: #E03E65;\n        --secondary: #FFB347; \n        --text-dark: #2B2B44;\n        --text-light: #6C6C8A;\n        --bg-light: #FFFAFB;\n        --bg-white: #FFFFFF;\n        --radius-lg: 32px;\n        --radius-xl: 48px;\n        --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        \n        font-family: 'Outfit', sans-serif;\n        color: var(--text-dark);\n        background-color: var(--bg-light);\n        line-height: 1.6;\n        overflow-x: hidden;\n        font-size: 16px;\n    }\n\n    \/* Scoped Reset to protect from WordPress Theme *\/\n    .gmx-wrapper * {\n        box-sizing: border-box;\n    }\n    \n    .gmx-wrapper h1, .gmx-wrapper h2, .gmx-wrapper h3, .gmx-wrapper h4, .gmx-wrapper p {\n        margin-top: 0;\n        padding: 0;\n        font-family: inherit;\n    }\n\n    .gmx-wrapper a {\n        text-decoration: none;\n        box-shadow: none;\n    }\n\n    .gmx-wrapper img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n        margin: 0;\n        border: none;\n        border-radius: 0;\n    }\n\n    .gmx-wrapper .container {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 0 24px;\n        width: 100%;\n    }\n\n    \/* Typography & Utilities *\/\n    .gmx-wrapper .text-center { text-align: center; }\n    .gmx-wrapper .mb-1 { margin-bottom: 8px; }\n    .gmx-wrapper .mb-2 { margin-bottom: 24px; }\n    .gmx-wrapper .mb-3 { margin-bottom: 40px; }\n    .gmx-wrapper .mb-4 { margin-bottom: 64px; }\n    \n    .gmx-wrapper .section-tag {\n        background-color: rgba(255, 90, 130, 0.1);\n        color: var(--primary-dark);\n        padding: 8px 20px;\n        border-radius: 30px;\n        font-size: 15px;\n        font-weight: 600;\n        display: inline-block;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1.5px;\n    }\n\n    .gmx-wrapper .section-title {\n        font-size: 56px;\n        font-weight: 800;\n        margin-bottom: 24px;\n        line-height: 1.15;\n        color: var(--text-dark);\n    }\n\n    .gmx-wrapper .section-title span {\n        color: var(--primary);\n        position: relative;\n        display: inline-block;\n    }\n\n    .gmx-wrapper .section-title span::after {\n        content: '';\n        position: absolute;\n        width: 100%;\n        height: 30%;\n        background-color: var(--secondary);\n        opacity: 0.3;\n        bottom: 5px;\n        left: 0;\n        z-index: -1;\n        border-radius: 10px;\n    }\n\n    .gmx-wrapper h2.handwriting {\n        font-family: 'Miniver', cursive;\n        color: var(--primary);\n        font-size: 40px;\n        margin-bottom: -15px;\n        transform: rotate(-3deg);\n    }\n\n    .gmx-wrapper .section-desc {\n        font-size: 19px;\n        color: var(--text-light);\n        margin-bottom: 32px;\n        line-height: 1.8;\n        max-width: 700px;\n    }\n\n    \/* Buttons *\/\n    .gmx-wrapper .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 18px 40px;\n        border-radius: 50px;\n        font-weight: 600;\n        transition: var(--transition);\n        font-size: 18px;\n        cursor: pointer;\n        border: none;\n        position: relative;\n        overflow: hidden;\n        z-index: 1;\n    }\n\n    .gmx-wrapper .btn::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(255,255,255,0.2);\n        z-index: -1;\n        transform: scaleX(0);\n        transform-origin: right;\n        transition: transform 0.4s ease-out;\n        border-radius: 50px;\n    }\n\n    .gmx-wrapper .btn:hover::before {\n        transform: scaleX(1);\n        transform-origin: left;\n    }\n\n    .gmx-wrapper .btn-primary {\n        background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n        color: white;\n        box-shadow: 0 15px 30px rgba(255, 90, 130, 0.3);\n    }\n\n    .gmx-wrapper .btn-primary:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(255, 90, 130, 0.4);\n        color: white;\n    }\n\n    .gmx-wrapper .btn-white {\n        background: white;\n        color: var(--primary-dark);\n        box-shadow: 0 15px 30px rgba(0,0,0,0.06);\n    }\n\n    .gmx-wrapper .btn-white:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n        color: var(--primary-dark);\n    }\n\n    .gmx-wrapper .btn-outline {\n        background: transparent;\n        color: white;\n        border: 2px solid white;\n    }\n\n    .gmx-wrapper .btn-outline:hover {\n        background: white;\n        color: var(--primary);\n        transform: translateY(-5px);\n    }\n\n    \/* Section Layouts *\/\n    .gmx-wrapper section {\n        padding: 120px 0;\n        position: relative;\n        margin: 0;\n    }\n\n    .gmx-wrapper .bg-white-panel {\n        background-color: var(--bg-white);\n        border-radius: var(--radius-xl);\n        margin: 40px 24px;\n        padding: 100px 0;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.02);\n    }\n\n    \/* 1. Hero Section *\/\n    .gmx-wrapper .hero {\n        min-height: 100vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        background-image: url('https:\/\/gourmarines.org\/wp-content\/uploads\/2026\/03\/imgi-2-pexels-photo-7403042-1-1.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed;\n        padding: 0;\n        margin-top: 0;\n    }\n\n    .gmx-wrapper .hero-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, rgba(255, 130, 160, 0.65) 0%, rgba(210, 80, 120, 0.35) 100%);\n        mix-blend-mode: multiply;\n        z-index: 1;\n    }\n\n    .gmx-wrapper .hero-content {\n        position: relative;\n        z-index: 2;\n        color: white;\n        text-align: center;\n        max-width: 900px;\n        padding: 40px 20px;\n    }\n\n    .gmx-wrapper .hero h1 {\n        font-size: 88px;\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 24px;\n        color: white;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.15);\n        letter-spacing: -1px;\n    }\n\n    .gmx-wrapper .hero p {\n        font-size: 26px;\n        font-weight: 300;\n        margin-bottom: 48px;\n        color: white;\n        opacity: 0.95;\n        text-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n\n    .gmx-wrapper .hero-buttons {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    \/* 2. Introduction Section *\/\n    .gmx-wrapper .intro-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n\n    .gmx-wrapper .image-card {\n        position: relative;\n        border-radius: var(--radius-xl);\n        overflow: hidden;\n        box-shadow: 0 30px 60px rgba(0,0,0,0.08);\n        transform: rotate(2deg);\n        transition: var(--transition);\n    }\n    \n    .gmx-wrapper .image-card-bg {\n        position: absolute;\n        inset: -15px -15px -15px 30px;\n        background: var(--secondary);\n        border-radius: var(--radius-xl);\n        z-index: -1;\n        transform: rotate(-4deg);\n        opacity: 0.2;\n    }\n\n    .gmx-wrapper .image-card:hover {\n        transform: rotate(0deg) scale(1.02);\n    }\n\n    .gmx-wrapper .image-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* 3. Nos Actions \/ Services grid *\/\n    .gmx-wrapper .actions-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n        gap: 40px;\n    }\n\n    .gmx-wrapper .action-card {\n        background: var(--bg-white);\n        padding: 50px 40px;\n        border-radius: var(--radius-lg);\n        transition: var(--transition);\n        border: 1px solid rgba(255, 90, 130, 0.08);\n        position: relative;\n        z-index: 1;\n        overflow: hidden;\n    }\n\n    .gmx-wrapper .action-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, var(--primary), var(--secondary));\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: var(--transition);\n    }\n\n    .gmx-wrapper .action-card:hover {\n        transform: translateY(-15px);\n        box-shadow: 0 30px 60px rgba(255, 90, 130, 0.1);\n    }\n\n    .gmx-wrapper .action-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .gmx-wrapper .action-icon {\n        width: 90px;\n        height: 90px;\n        background: var(--bg-light);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 30px;\n        font-size: 40px;\n        color: var(--primary);\n        box-shadow: inset 0 0 0 2px rgba(255, 90, 130, 0.2);\n        transition: var(--transition);\n    }\n\n    .gmx-wrapper .action-card:hover .action-icon {\n        background: var(--primary);\n        color: white;\n        box-shadow: 0 15px 30px rgba(255, 90, 130, 0.3);\n    }\n\n    .gmx-wrapper .action-card h3 {\n        font-size: 26px;\n        margin-bottom: 16px;\n        color: var(--text-dark);\n    }\n\n    .gmx-wrapper .action-card p {\n        color: var(--text-light);\n        font-size: 18px;\n        margin-bottom: 0;\n    }\n\n    \/* 5. \u00c9quipements & Ateliers (Split Layout) *\/\n    .gmx-wrapper .split-section {\n        display: flex;\n        flex-direction: column;\n        gap: 120px;\n    }\n\n    .gmx-wrapper .split-row {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n\n    .gmx-wrapper .split-row.reverse {\n        direction: rtl;\n    }\n    .gmx-wrapper .split-row.reverse > * {\n        direction: ltr;\n    }\n\n    .gmx-wrapper .info-list {\n        margin-top: 30px;\n    }\n\n    .gmx-wrapper .info-item {\n        display: flex;\n        gap: 24px;\n        margin-bottom: 30px;\n        background: var(--bg-white);\n        padding: 24px;\n        border-radius: 20px;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.02);\n        transition: var(--transition);\n    }\n\n    .gmx-wrapper .info-item:hover {\n        transform: translateX(10px);\n        box-shadow: 0 15px 40px rgba(255, 90, 130, 0.08);\n    }\n\n    .gmx-wrapper .split-row.reverse .info-item:hover {\n        transform: translateX(-10px);\n    }\n\n    .gmx-wrapper .info-icon {\n        min-width: 50px;\n        height: 50px;\n        background: rgba(255, 179, 71, 0.15);\n        color: var(--secondary);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 24px;\n    }\n\n    .gmx-wrapper .info-content h4 {\n        font-size: 21px;\n        margin-bottom: 8px;\n        color: var(--text-dark);\n    }\n\n    .gmx-wrapper .info-content p {\n        color: var(--text-light);\n        font-size: 16px;\n        margin-bottom: 0;\n    }\n\n    \/* 7. Stats \/ Impact Numeric *\/\n    .gmx-wrapper .stats-wrapper {\n        background: linear-gradient(135deg, #FF5A82, #FFB347);\n        border-radius: var(--radius-xl);\n        padding: 80px 40px;\n        color: white;\n        box-shadow: 0 30px 60px rgba(255, 90, 130, 0.2);\n        position: relative;\n        overflow: hidden;\n        margin: 0 24px;\n    }\n\n    .gmx-wrapper .stats-wrapper::after {\n        content: '';\n        position: absolute;\n        top: -50%; left: -50%; width: 200%; height: 200%;\n        background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\n        animation: pulseBg 15s infinite linear;\n    }\n\n    @keyframes pulseBg {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n\n    .gmx-wrapper .stats-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 40px;\n        position: relative;\n        z-index: 2;\n        text-align: center;\n    }\n\n    .gmx-wrapper .stat-num {\n        font-size: 64px;\n        font-weight: 800;\n        margin-bottom: 10px;\n        font-family: 'Outfit', sans-serif;\n        color: white;\n    }\n    \n    .gmx-wrapper .stat-text {\n        font-size: 19px;\n        font-weight: 600;\n        opacity: 0.9;\n        color: white;\n    }\n\n    \/* 8. The Team \/ Experts *\/\n    .gmx-wrapper .team-box {\n        text-align: center;\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .gmx-wrapper .expert-tags {\n        display: flex;\n        justify-content: center;\n        gap: 15px;\n        flex-wrap: wrap;\n        margin-top: 40px;\n    }\n\n    .gmx-wrapper .expert-tag {\n        background: white;\n        border: 2px solid rgba(255, 90, 130, 0.1);\n        color: var(--text-dark);\n        padding: 12px 24px;\n        border-radius: 50px;\n        font-weight: 600;\n        box-shadow: 0 5px 15px rgba(0,0,0,0.03);\n        transition: var(--transition);\n    }\n\n    .gmx-wrapper .expert-tag:hover {\n        background: var(--primary);\n        color: white;\n        border-color: var(--primary);\n        transform: translateY(-5px);\n    }\n\n    \/* 9. Partenaires *\/\n    .gmx-wrapper .partners-wrap {\n        border-top: 1px solid rgba(0,0,0,0.05);\n        padding-top: 100px;\n        text-align: center;\n    }\n\n    .gmx-wrapper .partners-logo {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 60px;\n        flex-wrap: wrap;\n        margin-top: 50px;\n    }\n\n    .gmx-wrapper .p-logo {\n        font-size: 29px;\n        font-weight: 800;\n        color: var(--text-light);\n        opacity: 0.5;\n        transition: var(--transition);\n        cursor: default;\n    }\n\n    .gmx-wrapper .p-logo:hover {\n        opacity: 1;\n        color: var(--primary);\n        transform: scale(1.05);\n    }\n\n    \/* 10. CTA Final *\/\n    .gmx-wrapper .cta-final {\n        margin: 40px 24px 0px; \n        background-color: var(--text-dark);\n        border-radius: var(--radius-xl);\n        padding: 100px 40px;\n        text-align: center;\n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .gmx-wrapper .cta-bg-shape {\n        position: absolute;\n        top: -100px; right: -100px;\n        width: 400px; height: 400px;\n        background: var(--primary);\n        filter: blur(100px);\n        opacity: 0.3;\n        border-radius: 50%;\n    }\n    \n    .gmx-wrapper .cta-bg-shape-2 {\n        position: absolute;\n        bottom: -100px; left: -100px;\n        width: 300px; height: 300px;\n        background: var(--secondary);\n        filter: blur(100px);\n        opacity: 0.2;\n        border-radius: 50%;\n    }\n\n    .gmx-wrapper .cta-content {\n        position: relative;\n        z-index: 2;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .gmx-wrapper .cta-content h2 {\n        font-size: 56px;\n        margin-bottom: 24px;\n        line-height: 1.1;\n        color: white;\n    }\n\n    .gmx-wrapper .cta-content p {\n        font-size: 22px;\n        color: rgba(255,255,255,0.7);\n        margin-bottom: 40px;\n    }\n\n    \/* Animations *\/\n    .gmx-wrapper .reveal {\n        opacity: 0;\n        transform: translateY(50px);\n        visibility: hidden;\n        transition: all 0.9s cubic-bezier(0.25, 1, 0.5, 1);\n        will-change: transform, opacity;\n    }\n\n    .gmx-wrapper .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n        visibility: visible;\n    }\n\n    .gmx-wrapper .delay-1 { transition-delay: 0.1s; }\n    .gmx-wrapper .delay-2 { transition-delay: 0.2s; }\n    .gmx-wrapper .delay-3 { transition-delay: 0.3s; }\n    .gmx-wrapper .delay-4 { transition-delay: 0.4s; }\n\n    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .gmx-wrapper .hero h1 { font-size: 72px; }\n        .gmx-wrapper .section-title { font-size: 48px; }\n        .gmx-wrapper .intro-grid, .gmx-wrapper .split-row { gap: 40px; }\n        .gmx-wrapper .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 60px 40px; }\n    }\n\n    @media (max-width: 768px) {\n        .gmx-wrapper section { padding: 80px 0; }\n        .gmx-wrapper .bg-white-panel { margin: 20px 10px; padding: 60px 0; }\n        .gmx-wrapper .hero { min-height: 90vh; }\n        .gmx-wrapper .hero h1 { font-size: 51px; }\n        .gmx-wrapper .hero p { font-size: 19px; margin-bottom: 30px; }\n        .gmx-wrapper .section-title { font-size: 37px; }\n        .gmx-wrapper .intro-grid { grid-template-columns: 1fr; text-align: center; }\n        .gmx-wrapper .intro-grid .section-desc { margin: 0 auto 30px; }\n        .gmx-wrapper .split-row { grid-template-columns: 1fr; }\n        .gmx-wrapper .split-row.reverse > * { direction: inherit; }\n        .gmx-wrapper .stats-grid { grid-template-columns: 1fr; gap: 40px; }\n        .gmx-wrapper .cta-content h2 { font-size: 40px; }\n        .gmx-wrapper .btn { width: 100%; max-width: 300px; margin-bottom: 15px; }\n    }\n<\/style>\n\n<div class=\"gmx-wrapper\">\n\n    <!-- 1. Hero Section -->\n    <section class=\"hero\" id=\"accueil\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"container hero-content\">\n            <h2 class=\"handwriting reveal\">Pour le sourire des enfants<\/h2>\n            <h1 class=\"reveal delay-1\">Les Gourmandises de Marine<\/h1>\n            <p class=\"reveal delay-2\">Am\u00e9liorer concr\u00e8tement le quotidien des enfants extraordinaires en situation de handicap et de maladies graves.<\/p>\n            <div class=\"hero-buttons reveal delay-3\">\n                <a href=\"https:\/\/gourmarines.org\/index.php\/new-mission\/\" class=\"btn btn-primary\">D\u00e9couvrir l&rsquo;Association<\/a>\n                <a href=\"https:\/\/gourmarines.org\/index.php\/1126-2\/\" class=\"btn btn-outline\">Nos Actions<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 2. Introduction \/ Notre Mission -->\n    <section id=\"mission\" class=\"bg-white-panel\">\n        <div class=\"container intro-grid\">\n            <div class=\"intro-content reveal\">\n                <span class=\"section-tag\">Qui sommes-nous ?<\/span>\n                <h2 class=\"section-title\">Une association solidaire, <br>engag\u00e9e pour <span>l&rsquo;enfance<\/span><\/h2>\n                <p class=\"section-desc\">Les Gourmandises de Marine est une association caritative fran\u00e7aise engag\u00e9e depuis plusieurs ann\u00e9es \u00e0 offrir un accompagnement bienveillant aux enfants en situation de handicap et atteints de maladies graves, ainsi qu&rsquo;\u00e0 leurs familles.<\/p>\n                <p class=\"section-desc\">Chaque action est pens\u00e9e pour redonner espoir, renforcer la r\u00e9silience et permettre \u00e0 ces enfants extraordinaires de vivre leur enfance pleinement.<\/p>\n                <a href=\"https:\/\/gourmarines.org\/index.php\/new-mission\/\" class=\"btn btn-primary\">En savoir plus sur nous<\/a>\n            <\/div>\n            <div class=\"image-card-wrapper reveal delay-2\">\n                <div class=\"image-card\">\n                    <div class=\"image-card-bg\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/gourmarines.org\/wp-content\/uploads\/2026\/03\/imgi_14_imgi-5-pexels-photo-7698232-7698232-scaled-rjzq1kk1jhzmwouk2mobgqbx2kllekcxxomgmzj134.jpg\" alt=\"Moment de joie et soin\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- 3. Que Faisons Nous (Nos Actions Cl\u00e9s) -->\n    <section id=\"actions\">\n        <div class=\"container text-center reveal\">\n            <span class=\"section-tag\">Nos Objectifs<\/span>\n            <h2 class=\"section-title\">Comment nous <span>agissons<\/span><\/h2>\n            <p class=\"section-desc\" style=\"margin: 0 auto 60px;\">Notre mission est d&rsquo;am\u00e9liorer concr\u00e8tement leur quotidien gr\u00e2ce \u00e0 des actions cibl\u00e9es et bienveillantes.<\/p>\n        <\/div>\n\n        <div class=\"container actions-grid\">\n            <div class=\"action-card reveal delay-1\">\n                <div class=\"action-icon\">\u2728<\/div>\n                <h3>R\u00e9aliser les V\u0153ux<\/h3>\n                <p>Nous exau\u00e7ons les v\u0153ux les plus chers des enfants pour apporter magie et \u00e9vasion dans leur quotidien m\u00e9dicalis\u00e9.<\/p>\n            <\/div>\n            <div class=\"action-card reveal delay-2\">\n                <div class=\"action-icon\">\ud83e\ude7a<\/div>\n                <h3>Frais M\u00e9dicaux<\/h3>\n                <p>Nous participons au financement des frais m\u00e9dicaux non pris en charge par les assurances habituelles.<\/p>\n            <\/div>\n            <div class=\"action-card reveal delay-3\">\n                <div class=\"action-icon\">\ud83e\uddbd<\/div>\n                <h3>\u00c9quipements Adapt\u00e9s<\/h3>\n                <p>Financement de fauteuils roulants sp\u00e9cialis\u00e9s, d&rsquo;aides techniques et de th\u00e9rapies compl\u00e9mentaires essentielles.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- NEW DONATE CTA FOR ACTIONS -->\n        <div class=\"container text-center reveal\" style=\"margin-top: 60px;\">\n            <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-primary\">Contactez-nous pour faire un don<\/a>\n        <\/div>\n    <\/section>\n\n    <!-- 4. Nos Services (\u00c9v\u00e9nements, Ateliers, Sorties) -->\n    <section id=\"services\" class=\"bg-white-panel\">\n        <div class=\"container split-section\">\n            \n            <!-- Row 1: Sorties & Ateliers -->\n            <div class=\"split-row\">\n                <div class=\"image-card reveal\">\n                    <img decoding=\"async\" src=\"https:\/\/gourmarines.org\/wp-content\/uploads\/2026\/03\/imgi-40-pexels-photo-7698654-1-1.jpg\" alt=\"Atelier cr\u00e9atif\">\n                <\/div>\n                <div class=\"split-content reveal delay-2\">\n                    <span class=\"section-tag\">Cr\u00e9ativit\u00e9 &#038; \u00c9vasion<\/span>\n                    <h2 class=\"section-title\">Des moments de joie <span>partag\u00e9s<\/span><\/h2>\n                    <p class=\"section-desc\">Nous concevons et mettons en \u0153uvre des \u00e9v\u00e9nements et ateliers adapt\u00e9s aux besoins sp\u00e9cifiques de chaque enfant.<\/p>\n                    \n                    <div class=\"info-list\">\n                        <div class=\"info-item\">\n                            <div class=\"info-icon\">\ud83c\udfa8<\/div>\n                            <div class=\"info-content\">\n                                <h4>Ateliers Cr\u00e9atifs<\/h4>\n                                <p>Ils favorisent l&rsquo;expression et l&rsquo;\u00e9veil par l&rsquo;art th\u00e9rapie, la peinture et les activit\u00e9s manuelles.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"info-item\">\n                            <div class=\"info-icon\">\ud83c\udfdb\ufe0f<\/div>\n                            <div class=\"info-content\">\n                                <h4>Sorties Culturelles<\/h4>\n                                <p>Des visites accessibles organis\u00e9es dans des mus\u00e9es ou lieux d&rsquo;art pour s&rsquo;\u00e9vader du quotidien clinique.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- NEW GALLERY LINK -->\n                    <a href=\"https:\/\/gourmarines.org\/index.php\/1131-2\/\" class=\"btn btn-white\">Voir notre galerie<\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Row 2: Inclusion Sociale (Reverse) -->\n            <div class=\"split-row reverse\">\n                <div class=\"image-card reveal\">\n                    <img decoding=\"async\" src=\"https:\/\/gourmarines.org\/wp-content\/uploads\/2026\/03\/imgi_13_imgi-41-pexels-photo-6191136-1-1.jpg\" alt=\"Inclusion sociale et partage\">\n                <\/div>\n                <div class=\"split-content reveal delay-2\">\n                    <span class=\"section-tag\">Sensibilisation<\/span>\n                    <h2 class=\"section-title\">Promouvoir <span>l&rsquo;inclusion<\/span><\/h2>\n                    <p class=\"section-desc\">Ces initiatives visent non seulement \u00e0 procurer un plaisir imm\u00e9diat, mais \u00e9galement \u00e0 promouvoir l&rsquo;inclusion sociale et combattre l&rsquo;isolement.<\/p>\n                    \n                    <div class=\"info-list\">\n                        <div class=\"info-item\">\n                            <div class=\"info-icon\">\ud83e\udd1d<\/div>\n                            <div class=\"info-content\">\n                                <h4>Rencontres Interg\u00e9n\u00e9rationnelles<\/h4>\n                                <p>Des sessions sp\u00e9ciales pour renforcer les liens familiaux et cr\u00e9er une dynamique d&rsquo;entraide mutuelle.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"info-item\">\n                            <div class=\"info-icon\">\ud83d\udce2<\/div>\n                            <div class=\"info-content\">\n                                <h4>Sensibilisation du Public<\/h4>\n                                <p>\u00c9veiller les consciences sur les r\u00e9alit\u00e9s du handicap et de la maladie grave chez l&rsquo;enfant.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- NEW CONTACT LINK -->\n                    <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-white\">Nous contacter<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- 6. Notre Mission Detailed -->\n    <section class=\"bg-white-panel\" id=\"mission-detail\" style=\"margin: 40px 24px; padding: 100px 0;\">\n        <div class=\"container split-row\">\n            <div class=\"split-content reveal\">\n                <span class=\"section-tag\">Notre Raison d&rsquo;\u00catre<\/span>\n                <h2 class=\"section-title\">Notre <span>Mission<\/span><\/h2>\n                <div class=\"section-desc\" style=\"max-width: 100%; color: var(--text-dark);\">\n                    <p class=\"mb-2\"><strong>Les Gourmandises de Marine<\/strong> est une association caritative fran\u00e7aise engag\u00e9e depuis plusieurs ann\u00e9es \u00e0 offrir un accompagnement bienveillant aux enfants en situation de handicap et atteints de maladies graves, ainsi qu&rsquo;\u00e0 leurs familles.<\/p>\n                    <p class=\"mb-2\">Notre objectif principal est d&rsquo;am\u00e9liorer concr\u00e8tement leur quotidien en r\u00e9alisant leurs v\u0153ux les plus chers, en finan\u00e7ant des frais m\u00e9dicaux non pris en charge par l&rsquo;assurance, des \u00e9quipements adapt\u00e9s et en organisant des moments de joie.<\/p>\n                    <!-- DONATE CTA IN MISSION -->\n                    <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-primary\" style=\"margin-top: 20px;\">Contactez-nous pour faire un don<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"reveal delay-2\" style=\"position: relative;\">\n                <div class=\"image-card\">\n                    <div class=\"image-card-bg\"><\/div>\n                    <img decoding=\"async\" src=\"https:\/\/gourmarines.org\/wp-content\/uploads\/2026\/03\/imgi-4-pexels-photo-6288104-1.jpg\" alt=\"Notre Mission\" style=\"border-radius: var(--radius-xl); box-shadow: 0 20px 50px rgba(0,0,0,0.1);\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final Call To Action -->\n    <section id=\"contact\" style=\"padding-top: 0;\">\n        <div class=\"container\">\n            <div class=\"cta-final reveal\">\n                <div class=\"cta-bg-shape\"><\/div>\n                <div class=\"cta-bg-shape-2\"><\/div>\n                <div class=\"cta-content\">\n                    <h2>Rejoignez cette formidable aventure humaine<\/h2>\n                    <p>Votre g\u00e9n\u00e9rosit\u00e9 permet de financer les \u00e9quipements, de r\u00e9aliser les r\u00eaves et d&rsquo;offrir des moments de pur bonheur.<\/p>\n                    <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\n                        <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-white\">Contactez-nous pour faire un don<\/a>\n                        <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-outline\">Devenir B\u00e9n\u00e9vole<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        const reveals = document.querySelectorAll('.gmx-wrapper .reveal');\n        const revealOnScroll = () => {\n            const windowHeight = window.innerHeight;\n            const elementVisible = 100;\n            reveals.forEach((reveal) => {\n                const elementTop = reveal.getBoundingClientRect().top;\n                if (elementTop < windowHeight - elementVisible) {\n                    reveal.classList.add('active');\n                }\n            });\n        };\n        window.addEventListener('scroll', revealOnScroll);\n        revealOnScroll();\n    });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pour le sourire des enfants Les Gourmandises de Marine Am\u00e9liorer concr\u00e8tement le quotidien des enfants extraordinaires en situation de handicap et de maladies graves. D\u00e9couvrir l&rsquo;Association Nos Actions Qui sommes-nous ? Une association solidaire, engag\u00e9e pour l&rsquo;enfance Les Gourmandises de Marine est une association caritative fran\u00e7aise engag\u00e9e depuis plusieurs ann\u00e9es \u00e0 offrir un accompagnement bienveillant [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"on","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-1122","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/comments?post=1122"}],"version-history":[{"count":7,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1122\/revisions"}],"predecessor-version":[{"id":1172,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1122\/revisions\/1172"}],"wp:attachment":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/media?parent=1122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}