{"id":9,"date":"2025-12-30T01:19:17","date_gmt":"2025-12-30T00:19:17","guid":{"rendered":"https:\/\/lepontdepierre.com\/?page_id=9"},"modified":"2026-01-05T02:12:30","modified_gmt":"2026-01-05T01:12:30","slug":"9-2","status":"publish","type":"page","link":"https:\/\/lepontdepierre.com\/","title":{"rendered":"Pierre le Maroquinier \u2013 Artisan maroquinier, cr\u00e9ations en cuir"},"content":{"rendered":"\n<!-- CSS \u00e0 mettre dans Apparence > Personnaliser > CSS additionnel -->\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\/* Hero Section *\/\n.pierre-accueil .hero {\n    position: relative;\n    height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.pierre-accueil .hero-image-wrapper {\n    position: absolute;\n    width: 100%;\n    height: 120%;\n    top: -10%;\n    left: 0;\n}\n\n.pierre-accueil .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-accueil .hero::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(58, 47, 35, 0.75) 0%, rgba(93, 78, 60, 0.65) 50%, rgba(139, 115, 85, 0.55) 100%);\n    z-index: 1;\n}\n\n.pierre-accueil .hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 2rem;\n}\n\n.pierre-accueil .hero-title {\n    font-family: var(--font-display);\n    font-size: clamp(3rem, 8vw, 6rem);\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    color: var(--color-primary);\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    text-shadow: 2px 2px 4px rgba(47, 36, 22, 0.1);\n    position: relative;\n}\n\n.pierre-accueil .hero-title::before,\n.pierre-accueil .hero-title::after {\n    content: '\u269c';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--color-secondary);\n    font-size: 0.4em;\n    opacity: 0.6;\n}\n\n.pierre-accueil .hero-title::before {\n    left: -1.5em;\n}\n\n.pierre-accueil .hero-title::after {\n    right: -1.5em;\n}\n\n.pierre-accueil .hero-subtitle {\n    font-family: var(--font-body);\n    font-size: clamp(1.3rem, 3vw, 2rem);\n    font-weight: 400;\n    color: var(--color-accent);\n    margin-bottom: 3rem;\n    font-style: italic;\n    letter-spacing: 0.1em;\n}\n\n.pierre-accueil .hero-divider {\n    width: 120px;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--color-secondary), transparent);\n    margin: 2rem auto;\n    position: relative;\n}\n\n.pierre-accueil .hero-divider::before,\n.pierre-accueil .hero-divider::after {\n    content: '\u2756';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--color-secondary);\n    font-size: 0.8rem;\n}\n\n.pierre-accueil .hero-divider::before {\n    left: -25px;\n}\n\n.pierre-accueil .hero-divider::after {\n    right: -25px;\n}\n\n.pierre-accueil .scroll-indicator {\n    position: absolute;\n    bottom: 3rem;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 2;\n}\n\n.pierre-accueil .scroll-indicator::after {\n    content: '\u2193';\n    font-size: 2rem;\n    color: var(--color-accent);\n}\n\n\/* Introduction Section *\/\n.pierre-accueil .intro {\n    padding: 8rem 2rem;\n    max-width: 900px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.pierre-accueil .intro-text {\n    font-family: var(--font-body);\n    font-size: clamp(1.2rem, 2.5vw, 1.6rem);\n    line-height: 1.9;\n    color: var(--color-dark);\n    font-weight: 400;\n    margin-bottom: 2rem;\n}\n\n.pierre-accueil .intro-text::first-letter {\n    font-family: var(--font-display);\n    font-size: 3.5em;\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-accueil .intro-signature {\n    font-family: var(--font-display);\n    font-size: 1.8rem;\n    font-style: italic;\n    color: var(--color-primary);\n    margin-top: 3rem;\n    letter-spacing: 0.05em;\n}\n\n\/* Collections Section *\/\n.pierre-accueil .collections {\n    background: var(--color-cream);\n    padding: 8rem 2rem;\n}\n\n.pierre-accueil .section-title {\n    font-family: var(--font-display);\n    font-size: clamp(2.5rem, 5vw, 3.5rem);\n    font-weight: 600;\n    text-align: center;\n    color: var(--color-primary);\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 0.15em;\n    position: relative;\n    padding-bottom: 1.5rem;\n}\n\n.pierre-accueil .section-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-accueil .section-subtitle {\n    text-align: center;\n    font-family: var(--font-display);\n    font-size: 1.3rem;\n    color: var(--color-accent);\n    margin-bottom: 5rem;\n    font-style: italic;\n}\n\n\/* Product Grid *\/\n.pierre-accueil .product-grid {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n    gap: 3rem;\n    padding: 0 2rem;\n}\n\n.pierre-accueil .product-card {\n    position: relative;\n    overflow: hidden;\n    background: white;\n    border: 2px solid var(--color-stone);\n    box-shadow: 0 8px 24px rgba(47, 36, 22, 0.12), inset 0 0 0 1px rgba(139, 111, 71, 0.2);\n    transition: transform 0.5s ease, box-shadow 0.5s ease;\n}\n\n.pierre-accueil .product-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: repeating-linear-gradient(90deg, var(--color-secondary) 0px, var(--color-secondary) 8px, transparent 8px, transparent 16px);\n    opacity: 0.4;\n}\n\n.pierre-accueil .product-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 40px rgba(47, 36, 22, 0.18), inset 0 0 0 1px rgba(139, 111, 71, 0.3);\n}\n\n.pierre-accueil .product-image {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    transition: transform 0.8s ease;\n}\n\n.pierre-accueil .product-card:hover .product-image {\n    transform: scale(1.05);\n}\n\n.pierre-accueil .product-info {\n    padding: 2rem;\n    text-align: center;\n}\n\n.pierre-accueil .product-title {\n    font-family: var(--font-display);\n    font-size: 1.5rem;\n    font-weight: 600;\n    color: var(--color-primary);\n    margin-bottom: 0.5rem;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n}\n\n.pierre-accueil .product-description {\n    font-size: 0.95rem;\n    color: #666;\n    line-height: 1.6;\n}\n\n\/* Accessories Section *\/\n.pierre-accueil .accessories {\n    padding: 8rem 2rem;\n    background: var(--color-warm-white);\n}\n\n.pierre-accueil .accessories-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));\n    gap: 4rem;\n    align-items: center;\n}\n\n.pierre-accueil .accessories-image {\n    width: 100%;\n    height: auto;\n    border-radius: 12px;\n    box-shadow: 0 20px 60px rgba(44, 24, 16, 0.12);\n}\n\n.pierre-accueil .accessories-title {\n    font-family: var(--font-display);\n    font-size: 2.5rem;\n    color: var(--color-primary);\n    margin-bottom: 1.5rem;\n}\n\n.pierre-accueil .accessories-text {\n    font-size: 1.1rem;\n    line-height: 1.8;\n    color: var(--color-dark);\n    margin-bottom: 2rem;\n}\n\n.pierre-accueil .price-list {\n    background: var(--color-cream);\n    padding: 2rem;\n    border-radius: 8px;\n    border-left: 4px solid var(--color-secondary);\n}\n\n.pierre-accueil .price-item {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem 0;\n    border-bottom: 1px solid rgba(139, 69, 19, 0.1);\n    font-family: var(--font-display);\n    font-size: 1.2rem;\n}\n\n.pierre-accueil .price-item:last-child {\n    border-bottom: none;\n}\n\n.pierre-accueil .price-name {\n    color: var(--color-dark);\n    font-weight: 500;\n}\n\n.pierre-accueil .price-amount {\n    color: var(--color-primary);\n    font-weight: 600;\n}\n\n\/* Bracelets Section *\/\n.pierre-accueil .bracelets {\n    padding: 8rem 2rem;\n    background: linear-gradient(180deg, var(--color-warm-white) 0%, var(--color-cream) 100%);\n    position: relative;\n}\n\n.pierre-accueil .bracelets::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: repeating-linear-gradient(90deg, var(--color-secondary) 0px, var(--color-secondary) 15px, transparent 15px, transparent 30px);\n    opacity: 0.4;\n}\n\n.pierre-accueil .bracelets-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-accueil .bracelets-label {\n    display: inline-block;\n    background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);\n    color: white;\n    padding: 0.6rem 1.8rem;\n    font-family: var(--font-display);\n    font-size: 0.8rem;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    margin-bottom: 2rem;\n    position: relative;\n    font-weight: 600;\n    box-shadow: 0 4px 12px rgba(139, 111, 71, 0.3);\n}\n\n.pierre-accueil .bracelets-label::before,\n.pierre-accueil .bracelets-label::after {\n    content: '\u2726';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 0.6rem;\n}\n\n.pierre-accueil .bracelets-label::before {\n    left: 0.5rem;\n}\n\n.pierre-accueil .bracelets-label::after {\n    right: 0.5rem;\n}\n\n.pierre-accueil .bracelets-title {\n    font-family: var(--font-display);\n    font-size: 3rem;\n    color: var(--color-primary);\n    margin-bottom: 1.5rem;\n    line-height: 1.2;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n}\n\n.pierre-accueil .bracelets-description {\n    font-size: 1.15rem;\n    line-height: 1.9;\n    color: var(--color-dark);\n    margin-bottom: 2.5rem;\n}\n\n.pierre-accueil .bracelets-features {\n    margin-bottom: 2.5rem;\n}\n\n.pierre-accueil .feature-item {\n    display: flex;\n    gap: 1.5rem;\n    margin-bottom: 1.5rem;\n    align-items: flex-start;\n}\n\n.pierre-accueil .feature-icon {\n    color: var(--color-secondary);\n    font-size: 1.5rem;\n    margin-top: 0.2rem;\n}\n\n.pierre-accueil .feature-text h4 {\n    font-family: var(--font-display);\n    font-size: 1.1rem;\n    color: var(--color-primary);\n    margin-bottom: 0.3rem;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n}\n\n.pierre-accueil .feature-text p {\n    font-size: 0.95rem;\n    color: #666;\n    line-height: 1.6;\n}\n\n.pierre-accueil .bracelets-price {\n    display: flex;\n    align-items: baseline;\n    gap: 1rem;\n    padding: 1.5rem 2rem;\n    background: white;\n    border: 2px solid var(--color-stone);\n    border-left: 4px solid var(--color-secondary);\n    box-shadow: 0 4px 12px rgba(47, 36, 22, 0.1);\n}\n\n.pierre-accueil .price-label {\n    font-family: var(--font-body);\n    font-size: 1rem;\n    color: var(--color-dark);\n    font-style: italic;\n}\n\n.pierre-accueil .price-value {\n    font-family: var(--font-display);\n    font-size: 2.5rem;\n    color: var(--color-primary);\n    font-weight: 600;\n}\n\n.pierre-accueil .bracelets-image {\n    width: 100%;\n    height: auto;\n    border: 3px solid var(--color-stone);\n    box-shadow: 0 20px 50px rgba(47, 36, 22, 0.2), inset 0 0 0 1px rgba(139, 111, 71, 0.2);\n}\n\n.pierre-accueil .bracelets-image-wrapper {\n    position: relative;\n}\n\n.pierre-accueil .bracelets-badge {\n    position: absolute;\n    top: -15px;\n    right: -15px;\n    background: var(--color-primary);\n    color: white;\n    padding: 1rem 2rem;\n    font-family: var(--font-display);\n    font-size: 0.9rem;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    font-weight: 600;\n    transform: rotate(3deg);\n    box-shadow: 0 8px 20px rgba(47, 36, 22, 0.3);\n    border: 2px solid var(--color-dark);\n}\n\n.pierre-accueil .bracelets-badge::before {\n    content: '\u269c';\n    position: absolute;\n    left: 0.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 0.7rem;\n}\n\n.pierre-accueil .bracelets-badge::after {\n    content: '\u269c';\n    position: absolute;\n    right: 0.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 0.7rem;\n}\n\n\/* Signature Belt Section *\/\n.pierre-accueil .signature {\n    padding: 8rem 2rem;\n    background: linear-gradient(180deg, var(--color-cream) 0%, #E8DCC8 100%);\n}\n\n.pierre-accueil .signature-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-accueil .signature-label {\n    display: inline-block;\n    background: var(--color-primary);\n    color: white;\n    padding: 0.5rem 1.5rem;\n    border-radius: 20px;\n    font-size: 0.85rem;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    margin-bottom: 2rem;\n}\n\n.pierre-accueil .signature-heading {\n    font-family: var(--font-display);\n    font-size: 3.5rem;\n    color: var(--color-primary);\n    margin-bottom: 1.5rem;\n    line-height: 1.2;\n}\n\n.pierre-accueil .signature-description {\n    font-size: 1.15rem;\n    line-height: 1.9;\n    color: var(--color-dark);\n    margin-bottom: 2.5rem;\n}\n\n.pierre-accueil .signature-features {\n    list-style: none;\n    margin-bottom: 2rem;\n}\n\n.pierre-accueil .signature-features li {\n    padding: 0.8rem 0;\n    padding-left: 2rem;\n    position: relative;\n    color: var(--color-dark);\n}\n\n.pierre-accueil .signature-features li::before {\n    content: '\u2713';\n    position: absolute;\n    left: 0;\n    color: var(--color-secondary);\n    font-weight: bold;\n    font-size: 1.2rem;\n}\n\n.pierre-accueil .signature-image {\n    width: 100%;\n    height: auto;\n    border-radius: 12px;\n    box-shadow: 0 30px 80px rgba(44, 24, 16, 0.2);\n}\n\n\/* CTA Section *\/\n.pierre-accueil .cta {\n    padding: 8rem 2rem;\n    text-align: center;\n    background: var(--color-warm-white);\n}\n\n.pierre-accueil .cta-title {\n    font-family: var(--font-display);\n    font-size: clamp(2rem, 4vw, 3.5rem);\n    color: var(--color-primary);\n    margin-bottom: 2rem;\n}\n\n.pierre-accueil .cta-text {\n    font-size: 1.2rem;\n    color: var(--color-dark);\n    margin-bottom: 3rem;\n    max-width: 700px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.pierre-accueil .cta-button {\n    display: inline-block;\n    padding: 1.2rem 3rem;\n    background: var(--color-primary);\n    color: white;\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: 2px solid var(--color-primary);\n    position: relative;\n    transition: all 0.4s ease;\n    box-shadow: 0 8px 20px rgba(47, 36, 22, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1);\n}\n\n.pierre-accueil .cta-button::before {\n    content: '\u269c';\n    position: absolute;\n    left: 1rem;\n    opacity: 0;\n    transition: all 0.3s ease;\n}\n\n.pierre-accueil .cta-button::after {\n    content: '\u269c';\n    position: absolute;\n    right: 1rem;\n    opacity: 0;\n    transition: all 0.3s ease;\n}\n\n.pierre-accueil .cta-button:hover {\n    background: var(--color-dark);\n    border-color: var(--color-dark);\n    transform: translateY(-3px);\n    box-shadow: 0 12px 30px rgba(47, 36, 22, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);\n    padding-left: 3.5rem;\n    padding-right: 3.5rem;\n}\n\n.pierre-accueil .cta-button:hover::before,\n.pierre-accueil .cta-button:hover::after {\n    opacity: 1;\n}\n\n\/* Responsive *\/\n@media (max-width: 968px) {\n    .pierre-accueil .signature-container,\n    .pierre-accueil .accessories-grid,\n    .pierre-accueil .bracelets-container {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n    }\n    .pierre-accueil .product-grid {\n        grid-template-columns: 1fr;\n    }\n    .pierre-accueil .bracelets-image-wrapper {\n        order: -1;\n    }\n    .pierre-accueil .bracelets-badge {\n        top: 10px;\n        right: 10px;\n    }\n    .pierre-accueil .hero-title::before,\n    .pierre-accueil .hero-title::after {\n        display: none;\n    }\n}\n\n@media (max-width: 640px) {\n    .pierre-accueil .bracelets-badge {\n        padding: 0.8rem 1.5rem;\n        font-size: 0.8rem;\n    }\n    .pierre-accueil .price-value {\n        font-size: 2rem;\n    }\n}\n<\/style>\n\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n\n<!-- HTML \u00e0 mettre dans un bloc HTML personnalis\u00e9 Gutenberg -->\n<div class=\"pierre-accueil\">\n    <!-- Hero Section -->\n    <section 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 travaillant le cuir\" class=\"hero-bg-image\" id=\"heroImageAccueil\">\n        <\/div>\n        <div class=\"hero-content\">\n            <h1 class=\"hero-title\">Pierre Mauduit<\/h1>\n            <div class=\"hero-divider\"><\/div>\n            <p class=\"hero-subtitle\">Maroquinier d&rsquo;Art<\/p>\n        <\/div>\n        <div class=\"scroll-indicator\"><\/div>\n    <\/section>\n\n    <!-- Introduction -->\n    <section class=\"intro\">\n        <p class=\"intro-text\">\n            Chaque pi\u00e8ce est fa\u00e7onn\u00e9e \u00e0 la main avec une attention m\u00e9ticuleuse aux d\u00e9tails, \n            alliant tradition artisanale et design intemporel. Du cuir soigneusement s\u00e9lectionn\u00e9 \n            aux finitions minutieuses, chaque cr\u00e9ation raconte une histoire de savoir-faire et de passion.\n        <\/p>\n        <p class=\"intro-signature\">\u2014 Pierre Mauduit<\/p>\n    <\/section>\n\n    <!-- Sacoches Collection -->\n    <section class=\"collections\">\n        <h2 class=\"section-title\">Les Sacoches<\/h2>\n        <p class=\"section-subtitle\">\u00c9l\u00e9gance &#038; Fonctionnalit\u00e9<\/p>\n        \n        <div class=\"product-grid\">\n            <div class=\"product-card\">\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_dk53l0dk53l0dk53.png\" alt=\"Collection de Sacoches\" class=\"product-image\">\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">Collection Duo<\/h3>\n                    <p class=\"product-description\">Deux tailles compl\u00e9mentaires pour tous vos besoins quotidiens<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"product-card\">\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_b44ty0b44ty0b44t.png\" alt=\"Sacoche Compacte\" class=\"product-image\">\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">La Compacte<\/h3>\n                    <p class=\"product-description\">\u00c9l\u00e9gance minimaliste pour l&rsquo;essentiel<\/p>\n                <\/div>\n            <\/div>\n            \n            <div class=\"product-card\">\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_cssym8cssym8cssy.png\" alt=\"Sacoche Artisanale\" class=\"product-image\">\n                <div class=\"product-info\">\n                    <h3 class=\"product-title\">L&rsquo;Artisanale<\/h3>\n                    <p class=\"product-description\">Courbes douces et finitions soign\u00e9es<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Small Accessories -->\n    <section class=\"accessories\">\n        <div class=\"accessories-grid\">\n            <div>\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_wgfc63wgfc63wgfc.png\" alt=\"Porte-monnaie\" class=\"accessories-image\">\n            <\/div>\n            <div class=\"accessories-content\">\n                <h2 class=\"accessories-title\">Petite Maroquinerie<\/h2>\n                <p class=\"accessories-text\">\n                    Des accessoires essentiels con\u00e7us avec le m\u00eame soin que nos pi\u00e8ces ma\u00eetresses. \n                    Disponibles en plusieurs couleurs et finitions pour s&rsquo;adapter \u00e0 votre style personnel.\n                <\/p>\n                <div class=\"price-list\">\n                    <div class=\"price-item\">\n                        <span class=\"price-name\">Porte-monnaie \u00ab\u00a0Bib\u00a0\u00bb<\/span>\n                        <span class=\"price-amount\">10\u20ac<\/span>\n                    <\/div>\n                    <div class=\"price-item\">\n                        <span class=\"price-name\">Porte-monnaie \u00ab\u00a0Grand-P\u00e8re\u00a0\u00bb<\/span>\n                        <span class=\"price-amount\">12\u20ac<\/span>\n                    <\/div>\n                    <div class=\"price-item\">\n                        <span class=\"price-name\">Mini cartable<\/span>\n                        <span class=\"price-amount\">18\u20ac<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Bracelets Section -->\n    <section class=\"bracelets\">\n        <div class=\"bracelets-container\">\n            <div class=\"bracelets-content\">\n                <span class=\"bracelets-label\">Id\u00e9e Cadeau<\/span>\n                <h2 class=\"bracelets-title\">Bracelets Personnalis\u00e9s<\/h2>\n                <p class=\"bracelets-description\">\n                    Offrez un cadeau unique et intemporel avec nos bracelets en cuir grav\u00e9s \u00e0 la main. \n                    Chaque bracelet est une pi\u00e8ce artisanale qui raconte une histoire personnelle.\n                <\/p>\n                <div class=\"bracelets-features\">\n                    <div class=\"feature-item\">\n                        <span class=\"feature-icon\">\u2726<\/span>\n                        <div class=\"feature-text\">\n                            <h4>Gravure Personnalis\u00e9e<\/h4>\n                            <p>Noms, dates, mots ou symboles m\u00e9di\u00e9vaux grav\u00e9s \u00e0 la main<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <span class=\"feature-icon\">\u2726<\/span>\n                        <div class=\"feature-text\">\n                            <h4>Cuir V\u00e9ritable<\/h4>\n                            <p>Cuir de haute qualit\u00e9 qui se patine avec le temps<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"feature-item\">\n                        <span class=\"feature-icon\">\u2726<\/span>\n                        <div class=\"feature-text\">\n                            <h4>Multiples Couleurs<\/h4>\n                            <p>Large palette de teintes pour tous les styles<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bracelets-price\">\n                    <span class=\"price-label\">\u00c0 partir de<\/span>\n                    <span class=\"price-value\">15\u20ac<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"bracelets-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_fxzzqffxzzqffxzz.png\" alt=\"Bracelets en cuir personnalis\u00e9s\" class=\"bracelets-image\">\n                <div class=\"bracelets-badge\">\n                    <span>Fait Main<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Signature Belt -->\n    <section class=\"signature\">\n        <div class=\"signature-container\">\n            <div class=\"signature-content\">\n                <span class=\"signature-label\">Pi\u00e8ce Signature<\/span>\n                <h2 class=\"signature-heading\">La Ceinture Signature<\/h2>\n                <p class=\"signature-description\">\n                    Une pi\u00e8ce embl\u00e9matique qui incarne l&rsquo;excellence du travail artisanal. \n                    Fabriqu\u00e9e \u00e0 partir de cuir pleine fleur de premi\u00e8re qualit\u00e9, cette ceinture \n                    est con\u00e7ue pour durer toute une vie.\n                <\/p>\n                <ul class=\"signature-features\">\n                    <li>Cuir pleine fleur s\u00e9lectionn\u00e9 avec soin<\/li>\n                    <li>Boucle en laiton massif patin\u00e9<\/li>\n                    <li>Couture main au point sellier<\/li>\n                    <li>Patine naturelle avec le temps<\/li>\n                <\/ul>\n            <\/div>\n            <div class=\"signature-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/lepontdepierre.com\/wp-content\/uploads\/2025\/12\/Gemini_Generated_Image_43v7jb43v7jb43v7.png\" alt=\"Ceinture Signature\" class=\"signature-image\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Call to Action -->\n    <section class=\"cta\">\n        <h2 class=\"cta-title\">Cr\u00e9ations sur Mesure<\/h2>\n        <p class=\"cta-text\">\n            Vous avez un projet particulier ? Chaque cr\u00e9ation peut \u00eatre personnalis\u00e9e selon vos besoins \n            et vos pr\u00e9f\u00e9rences. Discutons ensemble de votre vision.\n        <\/p>\n        <a href=\"\/contact\" class=\"cta-button\">Me Contacter<\/a>\n    <\/section>\n<\/div>\n\n<\/div>\n\n\n\n<script>\n(function() {\n    const heroImage = document.getElementById('heroImageAccueil');\n    const heroSection = document.querySelector('.pierre-accueil .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>Pierre Mauduit Maroquinier d&rsquo;Art Chaque pi\u00e8ce est fa\u00e7onn\u00e9e \u00e0 la main avec une attention m\u00e9ticuleuse aux d\u00e9tails, alliant tradition artisanale et design intemporel. Du cuir soigneusement s\u00e9lectionn\u00e9 aux finitions minutieuses, chaque cr\u00e9ation raconte une histoire de savoir-faire et de passion. \u2014 Pierre Mauduit Les Sacoches \u00c9l\u00e9gance &#038; Fonctionnalit\u00e9 Collection Duo Deux tailles compl\u00e9mentaires pour tous [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":30,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/154"}],"wp:attachment":[{"href":"https:\/\/lepontdepierre.com\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}