{"id":63,"date":"2026-01-04T14:21:44","date_gmt":"2026-01-04T13:21:44","guid":{"rendered":"https:\/\/lepontdepierre.com\/?page_id=63"},"modified":"2026-01-05T02:07:06","modified_gmt":"2026-01-05T01:07:06","slug":"qui-suis-je","status":"publish","type":"page","link":"https:\/\/lepontdepierre.com\/index.php\/qui-suis-je\/","title":{"rendered":"Qui suis-je ?"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<style>\n:root {\n    --color-primary: #5D4E3C;\n    --color-secondary: #8B7355;\n    --color-accent: #A89279;\n    --color-dark: #3A2F23;\n    --color-cream: #E8E3D8;\n    --color-warm-white: #F2EFE8;\n    --color-stone: #9B9388;\n    --font-display: 'Cinzel', serif;\n    --font-body: 'Crimson Text', serif;\n}\n\n.pierre-qui-suis-je .hero {\n    position: relative;\n    height: 70vh;\n    min-height: 500px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.pierre-qui-suis-je .hero-image-wrapper {\n    position: absolute;\n    width: 100%;\n    height: 120%;\n    top: -10%;\n    left: 0;\n}\n\n.pierre-qui-suis-je .hero-bg-image {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transform: scale(1.1);\n    transition: transform 0.05s ease-out;\n    will-change: transform;\n}\n\n.pierre-qui-suis-je .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(58, 47, 35, 0.8) 0%, rgba(93, 78, 60, 0.7) 50%, rgba(139, 115, 85, 0.6) 100%);\n    z-index: 1;\n}\n\n.pierre-qui-suis-je .hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    color: white;\n    padding: 2rem;\n}\n\n.pierre-qui-suis-je .hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(3rem, 8vw, 5rem);\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 1rem;\n    text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);\n}\n\n.pierre-qui-suis-je .hero-subtitle {\n    font-family: var(--font-body);\n    font-size: clamp(1.3rem, 3vw, 2rem);\n    font-style: italic;\n    letter-spacing: 0.08em;\n    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.pierre-qui-suis-je .story-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 6rem 2rem;\n}\n\n.pierre-qui-suis-je .intro-section {\n    max-width: 900px;\n    margin: 0 auto 6rem;\n    text-align: center;\n}\n\n.pierre-qui-suis-je .intro-icon {\n    font-size: 3rem;\n    color: var(--color-secondary);\n    margin-bottom: 2rem;\n}\n\n.pierre-qui-suis-je .intro-text {\n    font-size: 1.4rem;\n    line-height: 2;\n    color: var(--color-dark);\n    font-style: italic;\n    margin-bottom: 2rem;\n}\n\n.pierre-qui-suis-je .intro-text::first-letter {\n    font-family: var(--font-display);\n    font-size: 4em;\n    line-height: 0.8;\n    float: left;\n    margin: 0.1em 0.15em 0 0;\n    color: var(--color-primary);\n    font-weight: 600;\n}\n\n.pierre-qui-suis-je .timeline {\n    position: relative;\n    padding: 4rem 0;\n}\n\n.pierre-qui-suis-je .timeline::before {\n    content: '';\n    position: absolute;\n    left: 50%;\n    top: 0;\n    bottom: 0;\n    width: 3px;\n    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-accent) 100%);\n    transform: translateX(-50%);\n}\n\n.pierre-qui-suis-je .timeline-item {\n    position: relative;\n    margin-bottom: 5rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n}\n\n.pierre-qui-suis-je .timeline-item:nth-child(even) .timeline-content {\n    order: 2;\n}\n\n.pierre-qui-suis-je .timeline-item:nth-child(even) .timeline-image {\n    order: 1;\n}\n\n.pierre-qui-suis-je .timeline-dot {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 20px;\n    height: 20px;\n    background: var(--color-primary);\n    border: 4px solid var(--color-warm-white);\n    border-radius: 50%;\n    z-index: 2;\n    box-shadow: 0 0 0 4px var(--color-secondary);\n}\n\n.pierre-qui-suis-je .timeline-content {\n    background: white;\n    padding: 3rem;\n    border: 2px solid var(--color-stone);\n    box-shadow: 0 8px 24px rgba(47, 36, 22, 0.1);\n}\n\n.pierre-qui-suis-je .timeline-title {\n    font-family: var(--font-display);\n    font-size: 2rem;\n    color: var(--color-primary);\n    margin-bottom: 1rem;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n}\n\n.pierre-qui-suis-je .timeline-text {\n    font-size: 1.15rem;\n    line-height: 1.9;\n    color: var(--color-dark);\n}\n\n.pierre-qui-suis-je .timeline-image {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    border: 3px solid var(--color-stone);\n    box-shadow: 0 12px 40px rgba(47, 36, 22, 0.15);\n}\n\n.pierre-qui-suis-je .philosophy {\n    background: var(--color-cream);\n    padding: 8rem 2rem;\n    margin-top: 4rem;\n}\n\n.pierre-qui-suis-je .philosophy-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 5rem;\n    align-items: center;\n}\n\n.pierre-qui-suis-je .philosophy-title {\n    font-family: var(--font-display);\n    font-size: 3rem;\n    color: var(--color-primary);\n    margin-bottom: 2rem;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n}\n\n.pierre-qui-suis-je .philosophy-text {\n    font-size: 1.2rem;\n    line-height: 2;\n    color: var(--color-dark);\n    margin-bottom: 2rem;\n}\n\n.pierre-qui-suis-je .philosophy-quote {\n    background: white;\n    padding: 2.5rem;\n    border-left: 5px solid var(--color-secondary);\n    font-family: var(--font-body);\n    font-size: 1.4rem;\n    font-style: italic;\n    color: var(--color-secondary);\n    line-height: 1.8;\n    margin-top: 3rem;\n}\n\n.pierre-qui-suis-je .philosophy-image {\n    width: 100%;\n    height: auto;\n    border: 3px solid var(--color-stone);\n    box-shadow: 0 20px 60px rgba(47, 36, 22, 0.2);\n}\n\n.pierre-qui-suis-je .values {\n    padding: 8rem 2rem;\n}\n\n.pierre-qui-suis-je .values-title {\n    font-family: var(--font-display);\n    font-size: 3rem;\n    color: var(--color-primary);\n    text-align: center;\n    margin-bottom: 1rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    position: relative;\n    padding-bottom: 2rem;\n}\n\n.pierre-qui-suis-je .values-title::after {\n    content: '\u269c \u2756 \u269c';\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 0.4em;\n    color: var(--color-secondary);\n    letter-spacing: 0.5em;\n}\n\n.pierre-qui-suis-je .values-subtitle {\n    text-align: center;\n    font-size: 1.2rem;\n    color: var(--color-accent);\n    margin-bottom: 5rem;\n    font-style: italic;\n}\n\n.pierre-qui-suis-je .values-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 3rem;\n}\n\n.pierre-qui-suis-je .value-card {\n    background: white;\n    padding: 3rem 2rem;\n    text-align: center;\n    border: 2px solid var(--color-stone);\n    transition: all 0.3s ease;\n}\n\n.pierre-qui-suis-je .value-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 40px rgba(47, 36, 22, 0.15);\n    border-color: var(--color-secondary);\n}\n\n.pierre-qui-suis-je .value-icon {\n    font-size: 3rem;\n    margin-bottom: 1.5rem;\n}\n\n.pierre-qui-suis-je .value-title {\n    font-family: var(--font-display);\n    font-size: 1.5rem;\n    color: var(--color-primary);\n    margin-bottom: 1rem;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n}\n\n.pierre-qui-suis-je .value-text {\n    font-size: 1.05rem;\n    line-height: 1.8;\n    color: var(--color-dark);\n}\n\n.pierre-qui-suis-je .cta {\n    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);\n    padding: 6rem 2rem;\n    text-align: center;\n    color: white;\n}\n\n.pierre-qui-suis-je .cta-title {\n    font-family: var(--font-display);\n    font-size: 3rem;\n    margin-bottom: 1.5rem;\n    letter-spacing: 0.1em;\n}\n\n.pierre-qui-suis-je .cta-text {\n    font-size: 1.3rem;\n    margin-bottom: 3rem;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.8;\n}\n\n.pierre-qui-suis-je .cta-button {\n    display: inline-block;\n    padding: 1.3rem 3.5rem;\n    background: white;\n    color: var(--color-primary);\n    text-decoration: none;\n    font-family: var(--font-display);\n    font-weight: 600;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    border: 3px solid white;\n    transition: all 0.4s ease;\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n}\n\n.pierre-qui-suis-je .cta-button:hover {\n    background: transparent;\n    color: white;\n    transform: translateY(-3px);\n    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);\n}\n\n@media (max-width: 968px) {\n    .pierre-qui-suis-je .timeline::before { left: 30px; }\n    .pierre-qui-suis-je .timeline-item {\n        grid-template-columns: 1fr;\n        margin-left: 60px;\n    }\n    .pierre-qui-suis-je .timeline-item:nth-child(even) .timeline-content { order: 1; }\n    .pierre-qui-suis-je .timeline-item:nth-child(even) .timeline-image { order: 2; }\n    .pierre-qui-suis-je .timeline-dot { left: 30px; }\n    .pierre-qui-suis-je .philosophy-container { grid-template-columns: 1fr; }\n    .pierre-qui-suis-je .values-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<!-- HTML \u00e0 mettre dans un bloc HTML personnalis\u00e9 Gutenberg -->\n<div class=\"pierre-qui-suis-je\">\n    <div class=\"hero\">\n        <div class=\"hero-image-wrapper\">\n            <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-4-janv.-2026-14_48_31.png\" alt=\"Artisan au travail\" class=\"hero-bg-image\" id=\"heroImage\">\n        <\/div>\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Qui suis-je ?<\/h1>\n            <p class=\"hero-subtitle\">L&rsquo;histoire d&rsquo;un artisan passionn\u00e9<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"story-wrapper\">\n        <div class=\"intro-section\">\n            <div class=\"intro-icon\">\u2726<\/div>\n            <p class=\"intro-text\">\n                Dans mon atelier normand, chaque matin commence par le m\u00eame rituel : choisir le cuir qui portera \n                la cr\u00e9ation du jour. C&rsquo;est dans ce geste simple que r\u00e9side toute ma philosophie : prendre le temps, \n                respecter la mati\u00e8re, honorer le savoir-faire ancestral qui m&rsquo;a \u00e9t\u00e9 transmis.\n            <\/p>\n        <\/div>\n\n        <div class=\"timeline\">\n            <div class=\"timeline-item\">\n                <div class=\"timeline-dot\"><\/div>\n                <div class=\"timeline-content\">\n                    <h2 class=\"timeline-title\">Les D\u00e9buts<\/h2>\n                    <p class=\"timeline-text\">\n                        Ma passion pour la maroquinerie est n\u00e9e d&rsquo;une rencontre fortuite avec un ma\u00eetre artisan \n                        lors d&rsquo;un salon de l&rsquo;artisanat. Fascin\u00e9 par la pr\u00e9cision de ses gestes et la beaut\u00e9 des \n                        pi\u00e8ces qu&rsquo;il cr\u00e9ait, j&rsquo;ai su imm\u00e9diatement que je voulais apprendre cet art mill\u00e9naire.\n                    <\/p>\n                <\/div>\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_dk53l0dk53l0dk53.png\" alt=\"D\u00e9buts\" class=\"timeline-image\">\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-dot\"><\/div>\n                <div class=\"timeline-content\">\n                    <h2 class=\"timeline-title\">L&rsquo;Apprentissage<\/h2>\n                    <p class=\"timeline-text\">\n                        Pendant cinq ann\u00e9es, j&rsquo;ai perfectionn\u00e9 mon art aupr\u00e8s de ma\u00eetres maroquiniers traditionnels. \n                        J&rsquo;ai appris les points de couture main, la s\u00e9lection du cuir, les techniques de teinture naturelle. \n                        Chaque jour \u00e9tait une le\u00e7on d&rsquo;humilit\u00e9 et de patience.\n                    <\/p>\n                <\/div>\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_wgfc63wgfc63wgfc.png\" alt=\"Apprentissage\" class=\"timeline-image\">\n            <\/div>\n\n            <div class=\"timeline-item\">\n                <div class=\"timeline-dot\"><\/div>\n                <div class=\"timeline-content\">\n                    <h2 class=\"timeline-title\">L&rsquo;Atelier<\/h2>\n                    <p class=\"timeline-text\">\n                        En Normandie, j&rsquo;ai trouv\u00e9 l&rsquo;endroit id\u00e9al pour \u00e9tablir mon atelier. Un lieu calme, \n                        empreint d&rsquo;histoire, o\u00f9 je peux cr\u00e9er dans la s\u00e9r\u00e9nit\u00e9. Chaque pi\u00e8ce qui sort de cet \n                        atelier porte en elle l&rsquo;\u00e2me de ce lieu et ma passion pour l&rsquo;artisanat authentique.\n                    <\/p>\n                <\/div>\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_fxzzqffxzzqffxzz.png\" alt=\"Atelier\" class=\"timeline-image\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <section class=\"philosophy\">\n        <div class=\"philosophy-container\">\n            <div class=\"philosophy-content\">\n                <h2 class=\"philosophy-title\">Ma Philosophie<\/h2>\n                <p class=\"philosophy-text\">\n                    Pour moi, la maroquinerie n&rsquo;est pas qu&rsquo;un m\u00e9tier, c&rsquo;est un art de vivre. Chaque pi\u00e8ce \n                    que je cr\u00e9e est pens\u00e9e pour traverser le temps, pour accompagner son propri\u00e9taire pendant \n                    des ann\u00e9es, voire des d\u00e9cennies.\n                <\/p>\n                <p class=\"philosophy-text\">\n                    Je crois fermement que le v\u00e9ritable luxe r\u00e9side dans la durabilit\u00e9 et l&rsquo;authenticit\u00e9, \n                    pas dans l&rsquo;\u00e9ph\u00e9m\u00e8re et l&rsquo;ostentation. C&rsquo;est pourquoi je s\u00e9lectionne m\u00e9ticuleusement \n                    chaque peau de cuir, privil\u00e9giant toujours la qualit\u00e9 \u00e0 la quantit\u00e9.\n                <\/p>\n                <div class=\"philosophy-quote\">\n                    \u00ab\u00a0Une pi\u00e8ce bien faite ne se d\u00e9mode jamais. Elle se patine, s&#8217;embellit avec le temps, \n                    et raconte l&rsquo;histoire de celui qui la porte.\u00a0\u00bb\n                <\/div>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_43v7jb43v7jb43v7.png\" alt=\"Philosophie\" class=\"philosophy-image\">\n        <\/div>\n    <\/section>\n\n    <section class=\"values\">\n        <h2 class=\"values-title\">Mes Valeurs<\/h2>\n        <p class=\"values-subtitle\">Ce qui guide mon travail au quotidien<\/p>\n        \n        <div class=\"values-grid\">\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\u2692<\/div>\n                <h3 class=\"value-title\">Artisanat<\/h3>\n                <p class=\"value-text\">\n                    Chaque pi\u00e8ce est enti\u00e8rement fa\u00e7onn\u00e9e \u00e0 la main, avec les techniques traditionnelles \n                    transmises de g\u00e9n\u00e9ration en g\u00e9n\u00e9ration.\n                <\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\u23f3<\/div>\n                <h3 class=\"value-title\">Durabilit\u00e9<\/h3>\n                <p class=\"value-text\">\n                    Je cr\u00e9e des objets con\u00e7us pour durer toute une vie, qui se bonifient avec l&rsquo;usage \n                    et peuvent se transmettre.\n                <\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\u2728<\/div>\n                <h3 class=\"value-title\">Authenticit\u00e9<\/h3>\n                <p class=\"value-text\">\n                    Pas de production de masse, chaque cr\u00e9ation est unique et porte la marque \n                    de mon savoir-faire artisanal.\n                <\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\ud83c\udf3f<\/div>\n                <h3 class=\"value-title\">Respect<\/h3>\n                <p class=\"value-text\">\n                    Respect de la mati\u00e8re premi\u00e8re, du temps n\u00e9cessaire \u00e0 la cr\u00e9ation, \n                    et de l&rsquo;h\u00e9ritage artisanal que je perp\u00e9tue.\n                <\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\ud83c\udfa8<\/div>\n                <h3 class=\"value-title\">Personnalisation<\/h3>\n                <p class=\"value-text\">\n                    Chaque client est unique. J&rsquo;\u00e9coute vos besoins et cr\u00e9e des pi\u00e8ces \n                    sur mesure qui vous ressemblent.\n                <\/p>\n            <\/div>\n\n            <div class=\"value-card\">\n                <div class=\"value-icon\">\ud83d\udc9a<\/div>\n                <h3 class=\"value-title\">Passion<\/h3>\n                <p class=\"value-text\">\n                    Mon amour pour ce m\u00e9tier transpara\u00eet dans chaque point de couture, \n                    chaque finition, chaque d\u00e9tail.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"cta\">\n        <h2 class=\"cta-title\">Travaillons Ensemble<\/h2>\n        <p class=\"cta-text\">\n            Vous avez un projet en t\u00eate ? Vous recherchez une pi\u00e8ce unique qui vous accompagnera \n            pendant des ann\u00e9es ? Contactez-moi et donnons vie ensemble \u00e0 vos id\u00e9es.\n        <\/p>\n        <a href=\"\/contact\" class=\"cta-button\">Me Contacter<\/a>\n    <\/section>\n<\/div>\n<\/div>\n\n\n\n<!-- JavaScript \u00e0 mettre \u00e0 la fin (ou dans un bloc HTML s\u00e9par\u00e9) -->\n<script>\n(function() {\n    const heroImage = document.getElementById('heroImage');\n    const heroSection = document.querySelector('.pierre-qui-suis-je .hero');\n    \n    if (heroImage && heroSection) {\n        window.addEventListener('scroll', function() {\n            const scrolled = window.pageYOffset;\n            const heroHeight = heroSection.offsetHeight;\n            \n            if (scrolled < heroHeight) {\n                const parallaxSpeed = 0.5;\n                heroImage.style.transform = 'translateY(' + (scrolled * parallaxSpeed) + 'px) scale(1.1)';\n            }\n        });\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Qui suis-je ? L&rsquo;histoire d&rsquo;un artisan passionn\u00e9 \u2726 Dans mon atelier normand, chaque matin commence par le m\u00eame rituel : choisir le cuir qui portera la cr\u00e9ation du jour. C&rsquo;est dans ce geste simple que r\u00e9side toute ma philosophie : prendre le temps, respecter la mati\u00e8re, honorer le savoir-faire ancestral qui m&rsquo;a \u00e9t\u00e9 transmis. Les [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_fullwidth.php","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":7,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}