{"id":148,"date":"2026-08-26T10:56:30","date_gmt":"2026-08-26T08:56:30","guid":{"rendered":"https:\/\/emmacrochette.com\/?page_id=148"},"modified":"2026-08-26T11:01:14","modified_gmt":"2026-08-26T09:01:14","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/emmacrochette.com\/?page_id=148","title":{"rendered":"A propos"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   PAGE \u00c0 PROPOS - EMMA CROCHETTE\n========================================================= *\/\n\n.emma-about {\n    --emma-purple: #7432c8;\n    --emma-purple-dark: #6224b4;\n    --emma-purple-soft: #f5ecfd;\n    --emma-purple-soft-2: #faf6ff;\n    --emma-purple-border: #e3cef5;\n    --emma-text: #222222;\n\n    width: 100%;\n    max-width: 1200px;\n\n    margin: 0 auto;\n    padding: 55px 25px 0;\n\n    color: var(--emma-text);\n\n    box-sizing: border-box;\n}\n\n.emma-about *,\n.emma-about *::before,\n.emma-about *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.emma-hero {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.85fr)\n        minmax(0, 1.15fr);\n\n    gap: 55px;\n\n    align-items: center;\n\n    margin-bottom: 50px;\n}\n\n\n\/* TEXTE HERO *\/\n\n.emma-hero-text {\n    padding-left: 10px;\n}\n\n.emma-thread {\n    position: relative;\n\n    width: 185px;\n    height: 28px;\n\n    margin-bottom: 6px;\n}\n\n.emma-thread::before {\n    content: \"\u2661\";\n\n    position: absolute;\n\n    left: 0;\n    top: -9px;\n\n    color: var(--emma-purple);\n\n    font-family: Georgia, serif;\n    font-size: 21px;\n}\n\n.emma-thread::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 11px;\n    left: 32px;\n\n    width: 145px;\n\n    border-top:\n        2px dashed #b983df;\n}\n\n\n.emma-hero-text h1 {\n    margin:\n        0\n        0\n        27px;\n\n    color: var(--emma-purple);\n\n    font-size:\n        clamp(46px, 5vw, 66px);\n\n    line-height: .9;\n\n    letter-spacing: -2px;\n\n    font-weight: 800;\n}\n\n\n.emma-hero-text p {\n    max-width: 450px;\n\n    margin: 0;\n\n    font-size: 16px;\n\n    line-height: 1.85;\n}\n\n\n.emma-hero-text strong {\n    color: var(--emma-purple);\n\n    font-weight: 700;\n}\n\n\n\/* PETIT BADGE *\/\n\n.emma-welcome {\n    display: inline-flex;\n\n    align-items: center;\n\n    gap: 7px;\n\n    margin-top: 28px;\n\n    padding:\n        12px\n        25px;\n\n    background:\n        var(--emma-purple-soft);\n\n    color:\n        var(--emma-purple);\n\n    border:\n        1px solid\n        #ddc3f2;\n\n    border-radius: 50px;\n\n    font-size: 15px;\n\n    font-weight: 700;\n\n    transition:\n        transform .2s ease,\n        background .2s ease;\n}\n\n.emma-welcome span {\n    font-family: Georgia, serif;\n\n    font-size: 18px;\n}\n\n.emma-welcome:hover {\n    transform: translateY(-2px);\n\n    background: #eee0fb;\n}\n\n\n\/* =========================================================\n   IMAGE HERO\n========================================================= *\/\n\n.emma-hero-image {\n    position: relative;\n}\n\n\n.emma-hero-image::before {\n    content: \"\";\n\n    position: absolute;\n\n    z-index: -1;\n\n    width: 80%;\n    height: 80%;\n\n    right: -15px;\n    bottom: -16px;\n\n    background:\n        #f1e5fb;\n\n    border-radius: 30px;\n\n    opacity: .7;\n}\n\n\n.emma-hero-image img {\n    display: block;\n\n    width: 100%;\n    height: 395px;\n\n    object-fit: cover;\n\n    object-position:\n        center center;\n\n    background: white;\n\n    border:\n        5px solid white;\n\n    border-radius: 28px;\n\n    box-shadow:\n        0 16px 40px\n        rgba(55, 25, 80, .16);\n}\n\n\n\/* =========================================================\n   CARTES\n========================================================= *\/\n\n.emma-features {\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 18px;\n\n    margin-bottom: 52px;\n}\n\n\n.emma-feature {\n    display: grid;\n\n    grid-template-columns:\n        58px\n        minmax(0, 1fr);\n\n    gap: 18px;\n\n    align-items: center;\n\n    min-height: 132px;\n\n    margin: 0;\n\n    padding:\n        24px\n        25px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #fdfaff 0%,\n            #f7efff 100%\n        );\n\n    border:\n        1px solid\n        var(--emma-purple-border);\n\n    border-radius: 19px;\n\n    box-shadow:\n        0 7px 20px\n        rgba(77, 29, 124, .035);\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease,\n        border-color .2s ease;\n}\n\n\n.emma-feature:hover {\n    transform:\n        translateY(-4px);\n\n    border-color:\n        #d1adef;\n\n    box-shadow:\n        0 13px 30px\n        rgba(77, 29, 124, .09);\n}\n\n\n\/* ICONES *\/\n\n.emma-feature-icon {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 50px;\n    height: 50px;\n\n    background:\n        #efe1fb;\n\n    color:\n        var(--emma-purple);\n\n    border-radius: 50%;\n\n    font-family:\n        Georgia,\n        \"Times New Roman\",\n        serif;\n\n    font-size: 29px;\n\n    line-height: 1;\n}\n\n\n\/* CONTENU CARTES *\/\n\n.emma-feature-content h2 {\n    margin:\n        0\n        0\n        7px;\n\n    color:\n        var(--emma-purple);\n\n    font-size: 18px;\n\n    line-height: 1.2;\n\n    font-weight: 700;\n}\n\n\n.emma-feature-content p {\n    margin: 0;\n\n    color: #333;\n\n    font-size: 14px;\n\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   TEXTE CENTRAL\n========================================================= *\/\n\n.emma-description {\n    max-width: 940px;\n\n    margin: 0 auto;\n\n    padding:\n        0\n        20px;\n\n    text-align: center;\n}\n\n\n.emma-description > p {\n    margin:\n        0\n        0\n        16px;\n\n    font-size: 16px;\n\n    line-height: 1.75;\n}\n\n\n.emma-description strong {\n    color:\n        var(--emma-purple);\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   PHRASE SIGNATURE\n========================================================= *\/\n\n.emma-signature {\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 18px;\n\n    max-width: 800px;\n\n    margin:\n        38px auto\n        42px;\n}\n\n\n.emma-signature p {\n    max-width: 690px;\n\n    margin: 0;\n\n    color:\n        var(--emma-purple);\n\n    font-size: 20px;\n\n    line-height: 1.55;\n\n    font-style: italic;\n\n    font-weight: 700;\n}\n\n\n.emma-signature-heart {\n    flex: 0 0 auto;\n\n    color:\n        #bd89df;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size: 24px;\n}\n\n\n\/* =========================================================\n   BAS DE PAGE\n========================================================= *\/\n\n.emma-footer-deco {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        1fr\n        auto\n        1fr;\n\n    align-items: center;\n\n    gap: 28px;\n\n    min-height: 160px;\n\n    margin-top: 20px;\n\n    padding:\n        50px\n        70px\n        42px;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(250, 246, 255, .55)\n            0%,\n            #eee0fb\n            100%\n        );\n\n    border-radius:\n        50% 50% 0 0 \/\n        22% 22% 0 0;\n}\n\n\n\/* petites d\u00e9corations *\/\n\n.emma-footer-deco::before {\n    content: \"\u2726\";\n\n    position: absolute;\n\n    left: 55px;\n    bottom: 27px;\n\n    color:\n        #bd89df;\n\n    font-size: 23px;\n\n    transform:\n        rotate(-12deg);\n}\n\n\n.emma-footer-deco::after {\n    content: \"\u2661\";\n\n    position: absolute;\n\n    right: 58px;\n    top: 42px;\n\n    color:\n        #bd89df;\n\n    font-family:\n        Georgia,\n        serif;\n\n    font-size: 24px;\n\n    transform:\n        rotate(10deg);\n}\n\n\n\/* LIGNES *\/\n\n.emma-footer-line {\n    width: 100%;\n\n    border-top:\n        1px dashed\n        #c59be3;\n}\n\n\n\/* TEXTE CENTRAL *\/\n\n.emma-footer-message {\n    min-width: 190px;\n\n    padding:\n        20px\n        28px;\n\n    text-align: center;\n\n    color:\n        var(--emma-purple);\n\n    border:\n        1px dashed\n        #c190e3;\n\n    border-radius: 50%;\n}\n\n\n.emma-footer-message p {\n    margin: 5px 0 0;\n\n    font-size: 14px;\n\n    line-height: 1.5;\n\n    font-style: italic;\n}\n\n\n.emma-footer-heart {\n    font-family:\n        Georgia,\n        serif;\n\n    font-size: 21px;\n}\n\n\n\/* =========================================================\n   TABLETTE\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .emma-about {\n        padding:\n            40px\n            22px\n            0;\n    }\n\n\n    .emma-hero {\n        grid-template-columns: 1fr;\n\n        gap: 35px;\n    }\n\n\n    .emma-hero-text {\n        padding-left: 0;\n    }\n\n\n    .emma-hero-text p {\n        max-width: 650px;\n    }\n\n\n    .emma-hero-image img {\n        height: 390px;\n    }\n\n\n    .emma-features {\n        grid-template-columns: 1fr;\n    }\n\n\n    .emma-feature {\n        min-height: 115px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .emma-about {\n        padding:\n            30px\n            15px\n            0;\n    }\n\n\n    .emma-hero {\n        gap: 28px;\n\n        margin-bottom: 35px;\n    }\n\n\n    .emma-hero-text h1 {\n        font-size: 46px;\n\n        letter-spacing: -1px;\n    }\n\n\n    .emma-hero-text p {\n        font-size: 15px;\n    }\n\n\n    .emma-welcome {\n        margin-top: 22px;\n\n        padding:\n            10px\n            19px;\n\n        font-size: 14px;\n    }\n\n\n    .emma-hero-image img {\n        height: 270px;\n\n        border-radius: 20px;\n    }\n\n\n    .emma-hero-image::before {\n        display: none;\n    }\n\n\n    .emma-features {\n        gap: 13px;\n\n        margin-bottom: 40px;\n    }\n\n\n    .emma-feature {\n        grid-template-columns:\n            48px\n            1fr;\n\n        gap: 14px;\n\n        min-height: 105px;\n\n        padding:\n            18px\n            17px;\n    }\n\n\n    .emma-feature-icon {\n        width: 44px;\n        height: 44px;\n\n        font-size: 25px;\n    }\n\n\n    .emma-feature-content h2 {\n        font-size: 16px;\n    }\n\n\n    .emma-feature-content p {\n        font-size: 13px;\n    }\n\n\n    .emma-description {\n        padding: 0;\n    }\n\n\n    .emma-description > p {\n        font-size: 14px;\n    }\n\n\n    .emma-signature {\n        gap: 8px;\n\n        margin:\n            30px auto\n            35px;\n    }\n\n\n    .emma-signature p {\n        font-size: 17px;\n    }\n\n\n    .emma-signature-heart {\n        font-size: 18px;\n    }\n\n\n    .emma-footer-deco {\n        grid-template-columns: 45px auto 45px;\n\n        gap: 10px;\n\n        min-height: 140px;\n\n        padding:\n            40px\n            18px\n            32px;\n    }\n\n\n    .emma-footer-message {\n        min-width: 170px;\n\n        padding:\n            17px\n            18px;\n    }\n\n\n    .emma-footer-message p {\n        font-size: 13px;\n    }\n\n\n    .emma-footer-deco::before,\n    .emma-footer-deco::after {\n        display: none;\n    }\n\n}\n<\/style>\n\n<div class=\"emma-about\">\n\n    <!-- HERO -->\n    <section class=\"emma-hero\">\n\n        <div class=\"emma-hero-text\">\n\n            <div class=\"emma-thread\"><\/div>\n\n            <h1>\n                \u00c0 propos<br>\n                d\u2019Emma\n            <\/h1>\n\n            <p>\n                Je m\u2019appelle Emma, j\u2019ai 22 ans et \u00e9tant\n                <strong>passionn\u00e9e de crochet<\/strong>\n                j\u2019ai ouvert ma micro entreprise en\n                <strong>octobre 2024<\/strong>.\n            <\/p>\n\n            <div class=\"emma-welcome\">\n                <span>\u2661<\/span>\n                Bienvenue dans mon univers !\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"emma-hero-image\">\n\n            <img decoding=\"async\" src=\"https:\/\/emmacrochette.com\/wp-content\/uploads\/2026\/08\/emma.jpg\" alt=\"Emma entour\u00e9e de ses cr\u00e9ations au crochet\">\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CARTES -->\n    <section class=\"emma-features\">\n\n        <article class=\"emma-feature\">\n\n            <div class=\"emma-feature-icon\">\n                \u2661\n            <\/div>\n\n            <div class=\"emma-feature-content\">\n\n                <h2>Fait main avec amour<\/h2>\n\n                <p>\n                    Chaque cr\u00e9ation est r\u00e9alis\u00e9e \u00e0 la main\n                    avec soin et passion.\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n\n        <article class=\"emma-feature\">\n\n            <div class=\"emma-feature-icon\">\n                \u2726\n            <\/div>\n\n            <div class=\"emma-feature-content\">\n\n                <h2>Personnalisable<\/h2>\n\n                <p>\n                    Je r\u00e9alise vos peluches sur mesure\n                    selon vos envies.\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n\n        <article class=\"emma-feature\">\n\n            <div class=\"emma-feature-icon\">\n                \u2301\n            <\/div>\n\n            <div class=\"emma-feature-content\">\n\n                <h2>Cr\u00e9ations vari\u00e9es<\/h2>\n\n                <p>\n                    Doudous, porte-cl\u00e9, d\u00eenette\u2026\n                    Il y en a pour tous les go\u00fbts !\n                <\/p>\n\n            <\/div>\n\n        <\/article>\n\n    <\/section>\n\n\n    <!-- PRESENTATION -->\n    <section class=\"emma-description\">\n\n        <p>\n            Je croch\u00e8te des\n            <strong>doudous, des portes-cl\u00e9, de la d\u00eenette<\/strong>\n            et je fais aussi vos\n            <strong>peluches personnalis\u00e9es.<\/strong>\n        <\/p>\n\n        <p>\n            Ici vous pourrez commander directement et\n            pr\u00e9-commander la ou les peluches qui vous font de l\u2019\u0153il,\n            m\u00eame si elles ne sont pas en stock.\n        <\/p>\n\n\n        <div class=\"emma-signature\">\n\n            <span class=\"emma-signature-heart\">\u2661<\/span>\n\n            <p>\n                En attendant de cr\u00e9er votre doudou pr\u00e9f\u00e9r\u00e9,\n                je file \u00e0 mon crochet pour mettre au monde\n                un nouveau doudou !\n            <\/p>\n\n            <span class=\"emma-signature-heart\">\u2661<\/span>\n\n        <\/div>\n\n    <\/section>\n\n\n   \n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 propos d\u2019Emma Je m\u2019appelle Emma, j\u2019ai 22 ans et \u00e9tant passionn\u00e9e de crochet j\u2019ai ouvert ma micro entreprise en octobre 2024. \u2661 Bienvenue dans mon univers ! \u2661 Fait main avec amour Chaque cr\u00e9ation est r\u00e9alis\u00e9e \u00e0 la main avec soin et passion. \u2726 Personnalisable Je r\u00e9alise vos peluches sur mesure selon vos envies. [&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-148","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emmacrochette.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=148"}],"version-history":[{"count":13,"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/emmacrochette.com\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/emmacrochette.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}