{"id":1129,"date":"2026-03-11T07:30:55","date_gmt":"2026-03-11T07:30:55","guid":{"rendered":"https:\/\/gourmarines.org\/?page_id=1129"},"modified":"2026-03-13T12:39:12","modified_gmt":"2026-03-13T12:39:12","slug":"new-mission","status":"publish","type":"page","link":"https:\/\/gourmarines.org\/index.php\/new-mission\/","title":{"rendered":"Notre Mission"},"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    \/* Resets *\/\n    .gmx-wrapper * { box-sizing: border-box; }\n    .gmx-wrapper h1, .gmx-wrapper h2, .gmx-wrapper h3, .gmx-wrapper h4, .gmx-wrapper p {\n        margin-top: 0; padding: 0; font-family: inherit;\n    }\n    .gmx-wrapper a { text-decoration: none; box-shadow: none; }\n\n    .gmx-wrapper .container {\n        max-width: 1080px;\n        margin: 0 auto; padding: 0 24px; width: 100%;\n    }\n\n    \/* Typography *\/\n    .gmx-wrapper .text-center { text-align: center; }\n    \n    .gmx-wrapper .section-tag {\n        background-color: rgba(255, 90, 130, 0.1);\n        color: var(--primary-dark);\n        padding: 8px 24px;\n        border-radius: 30px;\n        font-size: 14px;\n        font-weight: 800;\n        display: inline-block;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    .gmx-wrapper .section-title {\n        font-size: 50px;\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    }\n\n    .gmx-wrapper h2.handwriting {\n        font-family: 'Miniver', cursive;\n        color: var(--secondary);\n        font-size: 38px;\n        margin-bottom: -10px;\n        transform: rotate(-2deg);\n    }\n\n    .gmx-wrapper .section-desc {\n        font-size: 20px;\n        color: var(--text-light);\n        margin-bottom: 32px;\n        line-height: 1.8;\n    }\n\n    \/* Buttons *\/\n    .gmx-wrapper .btn {\n        display: inline-flex; align-items: center; justify-content: center;\n        padding: 16px 36px; border-radius: 50px; font-weight: 600;\n        transition: var(--transition); font-size: 18px; cursor: pointer; border: none;\n        position: relative; overflow: hidden; z-index: 1;\n    }\n    .gmx-wrapper .btn-primary {\n        background: var(--primary); color: white;\n        box-shadow: 0 10px 25px rgba(255, 90, 130, 0.3);\n    }\n    .gmx-wrapper .btn-primary:hover {\n        transform: translateY(-4px); box-shadow: 0 15px 35px rgba(255, 90, 130, 0.4); color: white;\n    }\n    .gmx-wrapper .btn-white {\n        background: white; color: var(--primary-dark);\n        box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n    }\n    .gmx-wrapper .btn-white:hover {\n        transform: translateY(-4px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); color: var(--primary-dark);\n    }\n    .gmx-wrapper .btn-outline {\n        background: transparent; color: white; border: 2px solid white;\n    }\n    .gmx-wrapper .btn-outline:hover {\n        background: white; color: var(--primary); transform: translateY(-4px);\n    }\n\n    \/* Layout Components *\/\n    .gmx-wrapper .text-hero {\n        position: relative;\n        padding: 180px 0 120px;\n        background-color: var(--bg-white);\n        border-bottom-left-radius: 80px;\n        border-bottom-right-radius: 80px;\n        overflow: hidden;\n        text-align: center;\n    }\n\n    .gmx-wrapper .blob-1 {\n        position: absolute; top: -10%; left: -5%;\n        width: 400px; height: 400px;\n        background: radial-gradient(circle, rgba(255, 179, 71, 0.3) 0%, transparent 70%);\n        z-index: 0;\n    }\n    .gmx-wrapper .blob-2 {\n        position: absolute; bottom: -10%; right: -5%;\n        width: 500px; height: 500px;\n        background: radial-gradient(circle, rgba(255, 90, 130, 0.2) 0%, transparent 70%);\n        z-index: 0;\n    }\n    .gmx-wrapper .hero-content {\n        position: relative; z-index: 2;\n        max-width: 900px; margin: 0 auto;\n    }\n\n    .gmx-wrapper .focus-text-box {\n        background: white;\n        padding: 80px;\n        border-radius: var(--radius-xl);\n        box-shadow: 0 30px 60px rgba(0,0,0,0.04);\n        margin-top: -60px;\n        position: relative;\n        z-index: 5;\n        border-top: 6px solid var(--primary);\n    }\n    \n    .gmx-wrapper .focus-text-box p {\n        font-size: 22px;\n        color: var(--text-dark);\n        line-height: 1.8;\n        font-weight: 300;\n    }\n    .gmx-wrapper .focus-text-box strong {\n        font-weight: 600;\n        color: var(--primary-dark);\n    }\n\n    .gmx-wrapper .action-cards-container {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-top: 60px;\n    }\n    .gmx-wrapper .text-card {\n        background: var(--bg-white);\n        padding: 50px 40px;\n        border-radius: var(--radius-lg);\n        box-shadow: 0 15px 40px rgba(0,0,0,0.03);\n        transition: var(--transition);\n        border: 1px solid rgba(255,90,130,0.05);\n    }\n    .gmx-wrapper .text-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 25px 50px rgba(255,90,130,0.1);\n        border-color: rgba(255,90,130,0.2);\n    }\n    .gmx-wrapper .card-emoji {\n        font-size: 48px;\n        margin-bottom: 24px;\n        display: inline-block;\n        background: var(--bg-light);\n        width: 90px; height: 90px;\n        line-height: 90px;\n        text-align: center;\n        border-radius: 50%;\n    }\n    .gmx-wrapper .text-card h3 {\n        font-size: 24px;\n        margin-bottom: 16px;\n        color: var(--text-dark);\n    }\n\n    .gmx-wrapper .typographic-split {\n        display: flex;\n        align-items: stretch;\n        background: var(--text-dark);\n        border-radius: var(--radius-xl);\n        margin: 120px 24px;\n        overflow: hidden;\n        color: white;\n    }\n    .gmx-wrapper .split-left {\n        flex: 1;\n        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n        padding: 80px 60px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .gmx-wrapper .split-right {\n        flex: 1.2;\n        padding: 80px 60px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .gmx-wrapper .split-left h2 {\n        font-size: 48px; line-height: 1.1; margin-bottom: 20px;\n    }\n    .gmx-wrapper .split-right p {\n        font-size: 20px; color: rgba(255,255,255,0.8); margin-bottom: 24px; line-height: 1.7;\n    }\n\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; top: -100px; right: -100px;\n        width: 400px; height: 400px;\n        background: var(--primary); filter: blur(100px); opacity: 0.3; border-radius: 50%;\n    }\n\n    .gmx-wrapper .cta-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }\n    .gmx-wrapper .cta-content h2 { font-size: 56px; margin-bottom: 24px; color: white; line-height: 1.1; }\n    .gmx-wrapper .cta-content p { font-size: 22px; color: rgba(255,255,255,0.7); margin-bottom: 40px; }\n\n    \/* Animations *\/\n    .gmx-wrapper .reveal {\n        opacity: 0; transform: translateY(40px); visibility: hidden;\n        transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n    .gmx-wrapper .reveal.active {\n        opacity: 1; transform: translateY(0); visibility: visible;\n    }\n    .gmx-wrapper .delay-1 { transition-delay: 0.1s; }\n    .gmx-wrapper .delay-2 { transition-delay: 0.2s; }\n\n    \/* Responsive *\/\n    @media (max-width: 1024px) {\n        .gmx-wrapper .section-title { font-size: 42px; }\n        .gmx-wrapper .action-cards-container { grid-template-columns: repeat(2, 1fr); }\n        .gmx-wrapper .typographic-split { flex-direction: column; }\n    }\n    @media (max-width: 768px) {\n        .gmx-wrapper .text-hero { padding: 140px 0 100px; border-radius: 0 0 40px 40px; }\n        .gmx-wrapper .focus-text-box { padding: 40px 24px; margin-top: -40px; }\n        .gmx-wrapper .focus-text-box p { font-size: 18px; }\n        .gmx-wrapper .section-title { font-size: 34px; }\n        .gmx-wrapper .action-cards-container { grid-template-columns: 1fr; }\n        .gmx-wrapper .cta-content h2 { font-size: 40px; }\n    }\n<\/style>\n\n<div class=\"gmx-wrapper\">\n\n    <!-- Hero Section -->\n    <section class=\"text-hero\">\n        <div class=\"blob-1\"><\/div>\n        <div class=\"blob-2\"><\/div>\n        <div class=\"container hero-content\">\n            <h2 class=\"handwriting reveal active\">D\u00e9couvrez qui nous sommes<\/h2>\n            <h1 class=\"reveal active\" style=\"font-size: 68px; font-weight: 800; color: var(--text-dark); margin-bottom: 24px; line-height: 1.1; transition-delay: 0.1s;\">\n                Notre engagement pour <br>l&rsquo;enfance <span>extraordinaire<\/span>\n            <\/h1>\n            <p class=\"reveal active\" style=\"font-size: 22px; color: var(--text-light); max-width: 700px; margin: 0 auto; transition-delay: 0.2s;\">\n                Chaque action que nous menons est pens\u00e9e pour redonner espoir, renforcer la r\u00e9silience et illuminer le quotidien.\n            <\/p>\n            <div class=\"reveal active\" style=\"margin-top: 40px; transition-delay: 0.3s;\">\n                <a href=\"https:\/\/gourmarines.org\/index.php\/1126-2\/\" class=\"btn btn-primary\">D\u00e9couvrir nos actions<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Mission Intro Block -->\n    <section class=\"container reveal delay-2\">\n        <div class=\"focus-text-box\">\n            <div class=\"text-center mb-2\">\n                <span class=\"section-tag\" style=\"background: rgba(255, 179, 71, 0.15); color: #D98815;\">Notre Raison d&rsquo;\u00catre<\/span>\n            <\/div>\n            <p class=\"text-center\">\n                <strong>Les Gourmandises de Marine<\/strong> est une association caritative fran\u00e7aise engag\u00e9e depuis plusieurs ann\u00e9es \u00e0 offrir un accompagnement profond\u00e9ment bienveillant aux enfants en situation de handicap et atteints de maladies graves, ainsi qu&rsquo;\u00e0 leurs familles.\n            <\/p>\n            <p class=\"text-center\" style=\"margin-top: 20px;\">\n                Notre objectif fondamental est d&rsquo;am\u00e9liorer concr\u00e8tement et visiblement leur quotidien. Nous refusons que la maladie ou le handicap vole l&rsquo;insouciance de l&rsquo;enfance.\n            <\/p>\n            <div class=\"text-center\" style=\"margin-top: 40px;\">\n                <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-primary\">Contactez-nous pour faire un don<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Action Cards -->\n    <section class=\"container\" style=\"padding: 120px 0;\">\n        <div class=\"text-center reveal\">\n            <span class=\"section-tag\">Ce que nous faisons<\/span>\n            <h2 class=\"section-title\">Un accompagnement <span>concret<\/span><\/h2>\n            <p class=\"section-desc\" style=\"max-width: 800px; margin: 0 auto;\">\n                Pour soulager le quotidien des familles, nous avons structur\u00e9 nos interventions autour de besoins vitaux port\u00e9s par des b\u00e9n\u00e9voles d\u00e9vou\u00e9s.\n            <\/p>\n        <\/div>\n\n        <div class=\"action-cards-container\">\n            <div class=\"text-card reveal delay-1\">\n                <div class=\"card-emoji\">\u2728<\/div>\n                <h3>R\u00e9aliser les R\u00eaves<\/h3>\n                <p style=\"color: var(--text-light); font-size: 17px; line-height: 1.7;\">\n                    Nous exau\u00e7ons les v\u0153ux les plus chers des enfants pour offrir une parenth\u00e8se d&rsquo;\u00e9vasion vitale.\n                <\/p>\n            <\/div>\n            <div class=\"text-card reveal delay-2\">\n                <div class=\"card-emoji\">\ud83e\uddbd<\/div>\n                <h3>Aide Mat\u00e9rielle<\/h3>\n                <p style=\"color: var(--text-light); font-size: 17px; line-height: 1.7;\">\n                    Nous finan\u00e7ons les frais m\u00e9dicaux et investissons dans des \u00e9quipements adapt\u00e9s indispensables.\n                <\/p>\n            <\/div>\n            <div class=\"text-card reveal delay-3\">\n                <div class=\"card-emoji\">\ud83c\udfa8<\/div>\n                <h3>Ateliers &#038; Sorties<\/h3>\n                <p style=\"color: var(--text-light); font-size: 17px; line-height: 1.7;\">\n                    Des ateliers cr\u00e9atifs et sorties culturelles accessibles pour stimuler l&rsquo;\u00e9veil et la joie.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"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    <!-- Split Text Section -->\n    <section class=\"typographic-split reveal\">\n        <div class=\"split-left\">\n            <h2 class=\"handwriting\" style=\"color: white; font-size: 32px; opacity: 0.9;\">Au-del\u00e0 du soin<\/h2>\n            <h2 style=\"color: white;\">Inclusion &#038;<br>R\u00e9seau Solidaire<\/h2>\n            <div style=\"width: 60px; height: 4px; background: var(--secondary); margin-top: 10px; border-radius: 2px;\"><\/div>\n        <\/div>\n        <div class=\"split-right\">\n            <p>\n                Nos initiatives visent non seulement \u00e0 procurer un confort imm\u00e9diat, mais portent \u00e9galement une ambition plus grande : <strong>combattre l&rsquo;isolement<\/strong>.\n            <\/p>\n            <p>\n                Nous cr\u00e9ons un v\u00e9ritable maillage de solidarit\u00e9, permettant \u00e0 ces enfants extraordinaires de vivre leur enfance pleinement.\n            <\/p>\n            <div style=\"margin-top: 20px;\">\n                <a href=\"https:\/\/gourmarines.org\/index.php\/contact-us\/\" class=\"btn btn-white\">Devenir B\u00e9n\u00e9vole<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Final CTA -->\n    <section style=\"padding-bottom: 60px;\">\n        <div class=\"container\">\n            <div class=\"cta-final reveal\">\n                <div class=\"cta-bg-shape\"><\/div>\n                <div class=\"cta-content\">\n                    <h2>Rejoignez notre aventure humaine<\/h2>\n                    <p>Votre g\u00e9n\u00e9rosit\u00e9 permet de financer les \u00e9quipements et de r\u00e9aliser les r\u00eaves les plus chers.<\/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\">Nous contacter<\/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","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez qui nous sommes Notre engagement pour l&rsquo;enfance extraordinaire Chaque action que nous menons est pens\u00e9e pour redonner espoir, renforcer la r\u00e9silience et illuminer le quotidien. D\u00e9couvrir nos actions Notre Raison d&rsquo;\u00catre Les Gourmandises de Marine est une association caritative fran\u00e7aise engag\u00e9e depuis plusieurs ann\u00e9es \u00e0 offrir un accompagnement profond\u00e9ment bienveillant aux enfants en situation [&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-1129","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1129","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=1129"}],"version-history":[{"count":3,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1129\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/pages\/1129\/revisions\/1174"}],"wp:attachment":[{"href":"https:\/\/gourmarines.org\/index.php\/wp-json\/wp\/v2\/media?parent=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}