{"id":29781,"date":"2026-03-21T20:45:13","date_gmt":"2026-03-21T20:45:13","guid":{"rendered":"https:\/\/velveas2026.devonlinehub.com\/?page_id=29781"},"modified":"2026-03-26T18:28:21","modified_gmt":"2026-03-26T18:28:21","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/velveas2026.devonlinehub.com\/en\/a-propos\/","title":{"rendered":"a propos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29781\" class=\"elementor elementor-29781\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-f821d08 e-flex e-con-boxed e-con e-parent\" data-id=\"f821d08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-585bf80 elementor-widget elementor-widget-html\" data-id=\"585bf80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 1 Hero<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-hover: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 1 \u2014 HERO BANNER\n           Elementor: Section Full Width, Height 100vh\n           ============================================ *\/\n        .hero-section {\n            position: relative;\n            width: 100%;\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background: var(--deep-rose);\n        }\n\n        \/* Background image placeholder\n           Elementor: Section > Style > Background > Image + Overlay *\/\n        .hero-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background:\n                linear-gradient(135deg, rgba(164, 77, 92, 0.85) 0%, rgba(164, 77, 92, 0.6) 50%, rgba(200, 169, 110, 0.3) 100%),\n                url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1440 900\"><rect fill=\"%23A44D5C\" width=\"1440\" height=\"900\"\/><\/svg>');\n            background-size: cover;\n            background-position: center;\n        }\n\n        \/* Decorative floating elements\n           Elementor: Use \"Floating Effects\" or custom CSS on shape dividers *\/\n        .hero-bg::before {\n            content: '';\n            position: absolute;\n            top: -100px;\n            right: -100px;\n            width: 400px;\n            height: 400px;\n            border-radius: 50%;\n            background: rgba(200, 169, 110, 0.08);\n            animation: float 8s ease-in-out infinite;\n        }\n\n        .hero-bg::after {\n            content: '';\n            position: absolute;\n            bottom: -80px;\n            left: -80px;\n            width: 300px;\n            height: 300px;\n            border-radius: 50%;\n            background: rgba(253, 220, 227, 0.08);\n            animation: float 10s ease-in-out infinite reverse;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-30px) rotate(5deg); }\n        }\n\n        \/* Content wrapper\n           Elementor: Inner Section with max-width *\/\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            max-width: 900px;\n            padding: 40px 30px;\n        }\n\n        \/* Gold decorative line above logo\n           Elementor: Divider widget, gold color, 60px width *\/\n        .hero-content::before {\n            content: '';\n            display: block;\n            width: 60px;\n            height: 2px;\n            background: var(--gold);\n            margin: 0 auto 30px;\n        }\n\n        \/* Logo \/ Brand emblem\n           Elementor: Image widget, use your favicon\/logo image *\/\n        .hero-logo {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 40px;\n            border-radius: 50%;\n            overflow: hidden;\n        }\n\n        .hero-logo img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Brand name\n           Elementor: Heading H2, Cormorant Garamond, white, spacing 12px *\/\n        .hero-brand {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 18px;\n            font-weight: 500;\n            color: var(--gold);\n            letter-spacing: 12px;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n        }\n\n        .hero-brand-sub {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 13px;\n            font-weight: 400;\n            color: rgba(255, 255, 255, 0.5);\n            letter-spacing: 6px;\n            text-transform: uppercase;\n            margin-bottom: 50px;\n        }\n\n        \/* Main headline\n           Elementor: Heading H1, Cormorant Garamond 56px, white *\/\n        .hero-title {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 56px;\n            font-weight: 300;\n            color: var(--white);\n            line-height: 1.2;\n            margin-bottom: 10px;\n            letter-spacing: 1px;\n        }\n\n        .hero-title em {\n            font-style: italic;\n            color: var(--gold);\n            font-weight: 400;\n        }\n\n        \/* Gold separator\n           Elementor: Divider widget, gold, diamond style *\/\n        .hero-separator {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n            margin: 30px auto;\n            width: 200px;\n        }\n\n        .hero-separator .line {\n            flex: 1;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--gold), transparent);\n        }\n\n        .hero-separator .diamond {\n            width: 8px;\n            height: 8px;\n            background: var(--gold);\n            transform: rotate(45deg);\n            flex-shrink: 0;\n        }\n\n        \/* Subtitle text\n           Elementor: Text Editor widget, Montserrat 18px, white 80% opacity *\/\n        .hero-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 18px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.85);\n            line-height: 1.8;\n            max-width: 650px;\n            margin: 0 auto 45px;\n            letter-spacing: 0.5px;\n        }\n\n        \/* CTA Button\n           Elementor: Button widget, bg white, text deep-rose, rounded 50px *\/\n        .hero-cta {\n            display: inline-block;\n            padding: 16px 48px;\n            background: var(--white);\n            color: var(--deep-rose);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 600;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 50px;\n            transition: all 0.4s ease;\n            border: 2px solid var(--white);\n        }\n\n        .hero-cta:hover {\n            background: transparent;\n            color: var(--white);\n            border-color: var(--gold);\n            transform: translateY(-2px);\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        }\n\n        \/* Scroll indicator\n           Elementor: HTML widget with custom CSS animation *\/\n        .scroll-indicator {\n            position: absolute;\n            bottom: 40px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 2;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 8px;\n            animation: bounce 2s ease-in-out infinite;\n        }\n\n        .scroll-indicator span {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 10px;\n            color: rgba(255, 255, 255, 0.5);\n            letter-spacing: 3px;\n            text-transform: uppercase;\n        }\n\n        .scroll-indicator .chevron {\n            width: 24px;\n            height: 24px;\n            border-right: 1.5px solid var(--gold);\n            border-bottom: 1.5px solid var(--gold);\n            transform: rotate(45deg);\n        }\n\n        @keyframes bounce {\n            0%, 100% { transform: translateX(-50%) translateY(0); }\n            50% { transform: translateX(-50%) translateY(10px); }\n        }\n\n        \/* Decorative corner accents\n           Elementor: Absolute positioned HTML widget *\/\n        .corner-accent {\n            position: absolute;\n            z-index: 2;\n            width: 80px;\n            height: 80px;\n            border-color: rgba(200, 169, 110, 0.2);\n            border-style: solid;\n        }\n\n        .corner-accent.top-left {\n            top: 40px;\n            left: 40px;\n            border-width: 1px 0 0 1px;\n        }\n\n        .corner-accent.top-right {\n            top: 40px;\n            right: 40px;\n            border-width: 1px 1px 0 0;\n        }\n\n        .corner-accent.bottom-left {\n            bottom: 40px;\n            left: 40px;\n            border-width: 0 0 1px 1px;\n        }\n\n        .corner-accent.bottom-right {\n            bottom: 40px;\n            right: 40px;\n            border-width: 0 1px 1px 0;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           Elementor: Use responsive mode to adjust\n           ============================================ *\/\n        @media (max-width: 768px) {\n            .hero-title {\n                font-size: 36px;\n            }\n\n            .hero-subtitle {\n                font-size: 15px;\n                padding: 0 15px;\n            }\n\n            .hero-brand {\n                letter-spacing: 8px;\n                font-size: 15px;\n            }\n\n            .hero-cta {\n                padding: 14px 36px;\n                font-size: 12px;\n            }\n\n            .corner-accent {\n                width: 40px;\n                height: 40px;\n            }\n\n            .corner-accent.top-left,\n            .corner-accent.top-right {\n                top: 20px;\n            }\n\n            .corner-accent.bottom-left,\n            .corner-accent.bottom-right {\n                bottom: 20px;\n            }\n\n            .corner-accent.top-left,\n            .corner-accent.bottom-left {\n                left: 20px;\n            }\n\n            .corner-accent.top-right,\n            .corner-accent.bottom-right {\n                right: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 1 \u2014 HERO BANNER\n\n         ELEMENTOR INSTRUCTIONS:\n         - New Section > Full Width > Height: Fit to Screen (100vh)\n         - Background: Upload your hero image (woman with natural beauty\/skincare)\n         - Background Overlay: #A44D5C at 75% opacity, blend mode: Normal\n         - Content: centered, max-width 900px\n         ============================================ -->\n    <section class=\"hero-section\">\n\n        <!-- Background with overlay -->\n        <div class=\"hero-bg\"><\/div>\n\n        <!-- Decorative corner frames -->\n        <div class=\"corner-accent top-left\"><\/div>\n        <div class=\"corner-accent top-right\"><\/div>\n        <div class=\"corner-accent bottom-left\"><\/div>\n        <div class=\"corner-accent bottom-right\"><\/div>\n\n        <!-- Main content -->\n        <div class=\"hero-content\">\n\n            <!-- Logo emblem \u2014 your VELVEAS favicon -->\n            <div class=\"hero-logo\">\n                <img decoding=\"async\" src=\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\" alt=\"VELV\u00c9AS Paris\">\n            <\/div>\n\n            <!-- Brand name -->\n            <p class=\"hero-brand\">VELV\u00c9AS<\/p>\n            <p class=\"hero-brand-sub\">Paris<\/p>\n\n            <!-- Main headline -->\n            <h1 class=\"hero-title\">\n                R\u00e9v\u00e9ler Votre<br>\n                <em>Beaut\u00e9 Authentique<\/em>\n            <\/h1>\n\n            <!-- Decorative separator -->\n            <div class=\"hero-separator\">\n                <div class=\"line\"><\/div>\n                <div class=\"diamond\"><\/div>\n                <div class=\"line\"><\/div>\n            <\/div>\n\n            <!-- Subtitle -->\n            <p class=\"hero-subtitle\">\n                Cosm\u00e9tiques naturels con\u00e7us \u00e0 Paris, pour c\u00e9l\u00e9brer\n                chaque singularit\u00e9 et accompagner votre qu\u00eate d'authenticit\u00e9.\n            <\/p>\n\n            <!-- CTA Button -->\n            <a href=\"#notre-histoire\" class=\"hero-cta\">D\u00e9couvrir Notre Histoire<\/a>\n\n        <\/div>\n\n        <!-- Scroll indicator -->\n        <div class=\"scroll-indicator\">\n            <span>D\u00e9filer<\/span>\n            <div class=\"chevron\"><\/div>\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-20cf67f e-flex e-con-boxed e-con e-parent\" data-id=\"20cf67f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd4348 elementor-widget elementor-widget-html\" data-id=\"bcd4348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 2 Notre Histoire<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-hover: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n            --soft-pink: #FEF0F3;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 2 \u2014 NOTRE HISTOIRE\n           Elementor: Section Boxed, bg #FFFFFF\n           SEO: Uses semantic HTML (article, h2, p)\n           ============================================ *\/\n        .histoire-section {\n            background: var(--white);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Subtle decorative background shape\n           Elementor: Shape Divider or background overlay *\/\n        .histoire-section::before {\n            content: '';\n            position: absolute;\n            top: -200px;\n            right: -200px;\n            width: 500px;\n            height: 500px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            opacity: 0.5;\n        }\n\n        .histoire-section::after {\n            content: '';\n            position: absolute;\n            bottom: -150px;\n            left: -150px;\n            width: 400px;\n            height: 400px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            opacity: 0.4;\n        }\n\n        \/* Main container\n           Elementor: Inner Section, max-width 1200px, centered *\/\n        .histoire-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Section label (above heading)\n           Elementor: Heading widget, small text, gold, letter-spacing *\/\n        .section-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            text-align: center;\n            margin-bottom: 15px;\n        }\n\n        \/* Main heading \u2014 SEO: H2 tag\n           Elementor: Heading H2, Cormorant Garamond, centered *\/\n        .histoire-container h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 400;\n            color: var(--dark);\n            text-align: center;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .histoire-container h2 em {\n            font-style: italic;\n            color: var(--deep-rose);\n        }\n\n        \/* Gold centered separator\n           Elementor: Divider widget, center, 80px, gold *\/\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 0 auto 60px;\n            width: 120px;\n        }\n\n        .separator-center .line {\n            flex: 1;\n            height: 1px;\n            background: var(--gold);\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--gold);\n            flex-shrink: 0;\n        }\n\n        \/* Two-column layout\n           Elementor: Inner Section, 2 columns (50\/50) *\/\n        .histoire-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* Image column\n           Elementor: Image widget with custom border-radius *\/\n        .histoire-image {\n            position: relative;\n        }\n\n        .histoire-image .image-main {\n            width: 100%;\n            height: 500px;\n            border-radius: 20px;\n            overflow: hidden;\n            position: relative;\n            box-shadow: 0 20px 60px rgba(164, 77, 92, 0.15);\n        }\n\n        \/* Image placeholder \u2014 replace with your actual image\n           Elementor: Upload your image here *\/\n        .histoire-image .image-main .placeholder {\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, var(--pink-bg) 0%, var(--soft-pink) 50%, #f5d5dc 100%);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .placeholder-icon {\n            width: 60px;\n            height: 60px;\n            border: 2px solid var(--deep-rose);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            opacity: 0.4;\n        }\n\n        .placeholder-icon svg {\n            width: 28px;\n            height: 28px;\n            fill: none;\n            stroke: var(--deep-rose);\n            stroke-width: 1.5;\n        }\n\n        .placeholder-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            color: var(--deep-rose);\n            opacity: 0.4;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        \/* Decorative gold frame behind image\n           Elementor: Absolute positioned div or border on image *\/\n        .histoire-image::before {\n            content: '';\n            position: absolute;\n            top: -15px;\n            left: -15px;\n            width: 200px;\n            height: 200px;\n            border-top: 2px solid var(--gold);\n            border-left: 2px solid var(--gold);\n            border-radius: 20px 0 0 0;\n            opacity: 0.4;\n        }\n\n        .histoire-image::after {\n            content: '';\n            position: absolute;\n            bottom: -15px;\n            right: -15px;\n            width: 200px;\n            height: 200px;\n            border-bottom: 2px solid var(--gold);\n            border-right: 2px solid var(--gold);\n            border-radius: 0 0 20px 0;\n            opacity: 0.4;\n        }\n\n        \/* Small floating accent card\n           Elementor: Absolute positioned inner section *\/\n        .histoire-image .accent-card {\n            position: absolute;\n            bottom: -20px;\n            right: -20px;\n            background: var(--deep-rose);\n            padding: 20px 25px;\n            border-radius: 15px;\n            z-index: 3;\n            box-shadow: 0 10px 30px rgba(164, 77, 92, 0.3);\n        }\n\n        .accent-card .number {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 36px;\n            font-weight: 700;\n            color: var(--gold);\n            line-height: 1;\n        }\n\n        .accent-card .label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            color: rgba(255, 255, 255, 0.85);\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            margin-top: 4px;\n        }\n\n        \/* Text column\n           Elementor: Column with text widgets *\/\n        .histoire-text {\n            padding: 10px 0;\n        }\n\n        \/* Subheading\n           Elementor: Heading H3, Cormorant Garamond *\/\n        .histoire-text h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 28px;\n            font-weight: 500;\n            color: var(--dark);\n            margin-bottom: 25px;\n            line-height: 1.3;\n        }\n\n        .histoire-text h3 span {\n            color: var(--deep-rose);\n        }\n\n        \/* Body text \u2014 SEO: descriptive paragraphs\n           Elementor: Text Editor widget *\/\n        .histoire-text p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            font-weight: 400;\n            color: #555;\n            line-height: 1.9;\n            margin-bottom: 20px;\n        }\n\n        \/* Highlighted quote block\n           Elementor: Blockquote or Text Editor with left border *\/\n        .histoire-text blockquote {\n            border-left: 3px solid var(--gold);\n            padding: 15px 0 15px 25px;\n            margin: 30px 0;\n            background: var(--soft-pink);\n            border-radius: 0 12px 12px 0;\n        }\n\n        .histoire-text blockquote p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 20px;\n            font-weight: 500;\n            font-style: italic;\n            color: var(--deep-rose);\n            line-height: 1.6;\n            margin-bottom: 0;\n        }\n\n        \/* Key values \/ highlights\n           Elementor: Icon List widget or Icon Box *\/\n        .histoire-highlights {\n            display: flex;\n            gap: 30px;\n            margin-top: 35px;\n        }\n\n        .highlight-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n        }\n\n        .highlight-icon {\n            width: 40px;\n            height: 40px;\n            min-width: 40px;\n            background: var(--soft-pink);\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .highlight-icon svg {\n            width: 20px;\n            height: 20px;\n            fill: none;\n            stroke: var(--deep-rose);\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .highlight-info strong {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--dark);\n            display: block;\n            margin-bottom: 3px;\n        }\n\n        .highlight-info span {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            color: #888;\n            line-height: 1.5;\n        }\n\n        \/* CTA link\n           Elementor: Button widget, outline style *\/\n        .histoire-cta {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-top: 35px;\n            padding: 14px 35px;\n            background: var(--deep-rose);\n            color: var(--white);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 50px;\n            transition: all 0.4s ease;\n            border: 2px solid var(--deep-rose);\n        }\n\n        .histoire-cta:hover {\n            background: transparent;\n            color: var(--deep-rose);\n            transform: translateX(5px);\n        }\n\n        .histoire-cta svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            transition: transform 0.3s ease;\n        }\n\n        .histoire-cta:hover svg {\n            transform: translateX(5px);\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .histoire-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .histoire-image .image-main {\n                height: 350px;\n            }\n\n            .histoire-container h2 {\n                font-size: 36px;\n            }\n\n            .histoire-highlights {\n                flex-direction: column;\n                gap: 20px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .histoire-section {\n                padding: 60px 0;\n            }\n\n            .histoire-container {\n                padding: 0 20px;\n            }\n\n            .histoire-container h2 {\n                font-size: 30px;\n            }\n\n            .histoire-image::before,\n            .histoire-image::after {\n                display: none;\n            }\n\n            .histoire-image .accent-card {\n                right: 10px;\n                bottom: -15px;\n            }\n        }\n    <\/style>\n\n    <!-- SEO: Schema.org structured data for About page -->\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"Organization\",\n        \"name\": \"VELV\u00c9AS\",\n        \"url\": \"https:\/\/velveas2026.devonlinehub.com\",\n        \"logo\": \"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\",\n        \"description\": \"VELV\u00c9AS est une marque parisienne de cosm\u00e9tiques naturels d\u00e9di\u00e9e \u00e0 r\u00e9v\u00e9ler la beaut\u00e9 authentique de chaque personne. Nos soins visage et maquillage sont formul\u00e9s aux actifs d'origine naturelle.\",\n        \"foundingLocation\": {\n            \"@type\": \"Place\",\n            \"address\": {\n                \"@type\": \"PostalAddress\",\n                \"addressLocality\": \"Paris\",\n                \"addressCountry\": \"FR\"\n            }\n        },\n        \"sameAs\": [\n            \"https:\/\/www.instagram.com\/velveas\",\n            \"https:\/\/www.facebook.com\/velveas\",\n            \"https:\/\/www.tiktok.com\/@velveas\"\n        ],\n        \"brand\": {\n            \"@type\": \"Brand\",\n            \"name\": \"VELV\u00c9AS\",\n            \"slogan\": \"R\u00e9v\u00e9ler Votre Beaut\u00e9 Authentique\"\n        },\n        \"knowsAbout\": [\"cosm\u00e9tiques naturels\", \"soins visage\", \"maquillage naturel\", \"beaut\u00e9 authentique\", \"skincare Paris\"]\n    }\n    <\/script>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 2 \u2014 NOTRE HISTOIRE\n\n         ELEMENTOR SETUP:\n         - Section: Boxed, background #FFFFFF\n         - Padding: 100px top\/bottom\n         - Inner Section: max-width 1200px\n         - 2 columns: 50% \/ 50%, gap 60px\n         - Column 1: Image + decorative elements\n         - Column 2: Text content\n\n         SEO NOTES:\n         - H2 for main heading (one per section)\n         - H3 for subheading\n         - Semantic <article> wrapper\n         - Schema.org Organization markup included\n         - Natural keyword integration: cosm\u00e9tiques naturels,\n           soins visage, beaut\u00e9 authentique, Paris\n         ============================================ -->\n    <section class=\"histoire-section\" id=\"notre-histoire\" aria-label=\"Notre Histoire\">\n\n        <div class=\"histoire-container\">\n\n            <!-- Section label + H2 heading -->\n            <p class=\"section-label\">\u00c0 Propos de Velv\u00e9as<\/p>\n            <h2>Notre <em>Histoire<\/em><\/h2>\n            <div class=\"separator-center\">\n                <div class=\"line\"><\/div>\n                <div class=\"dot\"><\/div>\n                <div class=\"line\"><\/div>\n            <\/div>\n\n            <!-- Two-column layout -->\n            <article class=\"histoire-grid\">\n\n                <!-- LEFT: Image column -->\n                <div class=\"histoire-image\">\n                    <div class=\"image-main\">\n                        <!-- REPLACE THIS with your actual image in Elementor\n                             Recommended: lifestyle photo, skincare routine,\n                             natural beauty, warm tones, Parisian atmosphere -->\n                        <img decoding=\"async\" src=\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/image.png\"\n                             alt=\"Swatches maquillage sur diff\u00e9rentes carnations de peau - palette cosm\u00e9tiques naturels VELVEAS inclusivit\u00e9 beaut\u00e9\"\n                             title=\"VELVEAS - Maquillage pour toutes les carnations\"\n                             width=\"1024\"\n                             height=\"1024\"\n                             loading=\"lazy\"\n                             style=\"width:100%; height:100%; object-fit:cover;\"\n                        >\n                    <\/div>\n\n                    <!-- Floating accent card -->\n                    <div class=\"accent-card\">\n                        <div class=\"number\">12<\/div>\n                        <div class=\"label\">Produits naturels<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- RIGHT: Text column -->\n                <div class=\"histoire-text\">\n\n                    <h3>Une marque n\u00e9e de la conviction que <span>chaque beaut\u00e9 est unique<\/span><\/h3>\n\n                    <p>\n                        Chez <strong>Velv\u00e9as<\/strong>, nous croyons que chaque personne, peu importe son parcours, m\u00e9rite de s'\u00e9panouir et de se sentir en harmonie avec qui elle est vraiment. Nous accompagnons chacun sur ce chemin d'acceptation de soi, en cr\u00e9ant un espace qui valorise la singularit\u00e9 de tous.\n                    <\/p>\n\n                    <p>\n                        Nous ne nous limitons pas \u00e0 des standards pr\u00e9d\u00e9finis, mais nous embrassons toutes les diversit\u00e9s et toutes les beaut\u00e9s. Nos <strong>cosm\u00e9tiques naturels<\/strong> sont con\u00e7us \u00e0 Paris avec des actifs d'origine naturelle pour prendre soin de chaque type de peau.\n                    <\/p>\n\n                    <blockquote>\n                        <p>Notre engagement est simple : encourager chaque personne \u00e0 se sentir bien dans sa peau et \u00e0 vivre pleinement selon ses propres valeurs.<\/p>\n                    <\/blockquote>\n\n                    <!-- Key highlights -->\n                    <div class=\"histoire-highlights\">\n                        <div class=\"highlight-item\">\n                            <div class=\"highlight-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"highlight-info\">\n                                <strong>Actifs Naturels<\/strong>\n                                <span>Formules aux ingr\u00e9dients d'origine naturelle<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"highlight-item\">\n                            <div class=\"highlight-icon\">\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                                <\/svg>\n                            <\/div>\n                            <div class=\"highlight-info\">\n                                <strong>Con\u00e7u \u00e0 Paris<\/strong>\n                                <span>Savoir-faire et \u00e9l\u00e9gance parisienne<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- CTA Button -->\n                    <a href=\"\/categorie-produit\/collection-velveas\/\" class=\"histoire-cta\" aria-label=\"D\u00e9couvrir les collections VELV\u00c9AS\">\n                        Nos Collections\n                        <svg viewBox=\"0 0 24 24\">\n                            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n                            <polyline points=\"12 5 19 12 12 19\"\/>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-10fadc7 e-flex e-con-boxed e-con e-parent\" data-id=\"10fadc7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50f23f5 elementor-widget elementor-widget-html\" data-id=\"50f23f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 3 Mot du Fondateur<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-hover: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n            --soft-pink: #FEF0F3;\n            --warm-pink: #F9C8D0;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 3 \u2014 MOT DU FONDATEUR\n           Elementor: Section Full Width, bg #FDDCE3\n           SEO: blockquote, cite, figure semantic tags\n           ============================================ *\/\n        .fondateur-section {\n            background: var(--pink-bg);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Decorative large quote mark background\n           Elementor: HTML widget, absolute position, low opacity *\/\n        .fondateur-section::before {\n            content: '\\201C';\n            position: absolute;\n            top: 40px;\n            left: 50%;\n            transform: translateX(-50%);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 350px;\n            color: var(--gold);\n            opacity: 0.07;\n            line-height: 1;\n            pointer-events: none;\n        }\n\n        \/* Subtle decorative circles *\/\n        .fondateur-section::after {\n            content: '';\n            position: absolute;\n            bottom: -100px;\n            right: -100px;\n            width: 300px;\n            height: 300px;\n            border: 1px solid var(--gold);\n            border-radius: 50%;\n            opacity: 0.08;\n        }\n\n        \/* Container\n           Elementor: Inner Section, max-width 900px, centered *\/\n        .fondateur-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n            text-align: center;\n        }\n\n        \/* Section label\n           Elementor: Heading widget, small gold text *\/\n        .section-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        \/* Main heading \u2014 SEO: H2\n           Elementor: Heading H2, Cormorant Garamond *\/\n        .fondateur-container h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 400;\n            color: var(--dark);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .fondateur-container h2 em {\n            font-style: italic;\n            color: var(--deep-rose);\n        }\n\n        \/* Separator *\/\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 0 auto 60px;\n            width: 120px;\n        }\n\n        .separator-center .line {\n            flex: 1;\n            height: 1px;\n            background: var(--gold);\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--gold);\n            flex-shrink: 0;\n        }\n\n        \/* Quote card\n           Elementor: Inner Section with white bg, shadow, padding, border-radius *\/\n        .quote-card {\n            background: var(--white);\n            border-radius: 24px;\n            padding: 60px 50px;\n            box-shadow: 0 15px 50px rgba(164, 77, 92, 0.08);\n            position: relative;\n        }\n\n        \/* Gold accent top bar\n           Elementor: Border or shape divider *\/\n        .quote-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, var(--gold), var(--deep-rose));\n            border-radius: 0 0 3px 3px;\n        }\n\n        \/* Founder photo\n           Elementor: Image widget, border-radius 50%, gold border *\/\n        .founder-photo {\n            width: 110px;\n            height: 110px;\n            border-radius: 50%;\n            margin: 0 auto 30px;\n            border: 3px solid var(--gold);\n            padding: 4px;\n            background: var(--white);\n        }\n\n        .founder-photo img {\n            width: 100%;\n            height: 100%;\n            border-radius: 50%;\n            object-fit: cover;\n        }\n\n        \/* Placeholder if no founder photo *\/\n        .founder-photo .photo-placeholder {\n            width: 100%;\n            height: 100%;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--pink-bg), var(--warm-pink));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .founder-photo .photo-placeholder span {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 36px;\n            font-weight: 400;\n            color: var(--deep-rose);\n        }\n\n        \/* Gold opening quote icon\n           Elementor: Icon widget, gold color *\/\n        .quote-icon {\n            width: 50px;\n            height: 50px;\n            margin: 0 auto 25px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .quote-icon svg {\n            width: 40px;\n            height: 40px;\n            fill: var(--gold);\n            opacity: 0.6;\n        }\n\n        \/* Blockquote \u2014 SEO: semantic <blockquote> + <cite>\n           Elementor: Text Editor widget, italic serif *\/\n        .founder-quote {\n            border: none;\n            margin: 0 0 30px;\n            padding: 0;\n        }\n\n        .founder-quote p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 24px;\n            font-weight: 400;\n            font-style: italic;\n            color: var(--dark);\n            line-height: 1.7;\n            margin-bottom: 0;\n        }\n\n        .founder-quote p strong {\n            color: var(--deep-rose);\n            font-weight: 600;\n        }\n\n        \/* Gold separator below quote *\/\n        .quote-separator {\n            width: 60px;\n            height: 2px;\n            background: var(--gold);\n            margin: 30px auto;\n        }\n\n        \/* Founder info\n           Elementor: Heading + Text Editor widgets *\/\n        .founder-info {\n            margin-bottom: 0;\n        }\n\n        .founder-name {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 22px;\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 5px;\n        }\n\n        .founder-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 500;\n            color: var(--deep-rose);\n            letter-spacing: 3px;\n            text-transform: uppercase;\n        }\n\n        \/* Bottom engagement text below the card\n           Elementor: Text Editor widget *\/\n        .fondateur-closing {\n            margin-top: 50px;\n            max-width: 700px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .fondateur-closing p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            font-weight: 400;\n            color: #666;\n            line-height: 1.8;\n        }\n\n        .fondateur-closing p strong {\n            color: var(--deep-rose);\n            font-weight: 600;\n        }\n\n        \/* Signature-style decorative element\n           Elementor: Image or HTML widget *\/\n        .signature {\n            margin-top: 25px;\n            opacity: 0.15;\n        }\n\n        .signature svg {\n            width: 120px;\n            height: 40px;\n            stroke: var(--deep-rose);\n            fill: none;\n            stroke-width: 1.5;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 768px) {\n            .fondateur-section {\n                padding: 60px 0;\n            }\n\n            .fondateur-container {\n                padding: 0 20px;\n            }\n\n            .fondateur-container h2 {\n                font-size: 32px;\n            }\n\n            .quote-card {\n                padding: 40px 25px;\n                border-radius: 18px;\n            }\n\n            .founder-quote p {\n                font-size: 20px;\n            }\n\n            .fondateur-section::before {\n                font-size: 200px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 3 \u2014 MOT DU FONDATEUR\n\n         ELEMENTOR SETUP:\n         - Section: Full Width, background #FDDCE3\n         - Padding: 100px top\/bottom\n         - Inner Section: max-width 900px, centered\n         - White card with border-radius 24px, shadow\n\n         SEO NOTES:\n         - H2 heading for section\n         - Semantic <blockquote> with <cite>\n         - <figure> wrapper for quote attribution\n         - Natural keywords: marque beaut\u00e9, singularit\u00e9,\n           cosm\u00e9tiques, mission, beaut\u00e9 authentique\n         ============================================ -->\n    <section class=\"fondateur-section\" id=\"mot-du-fondateur\" aria-label=\"Mot du Fondateur\">\n\n        <div class=\"fondateur-container\">\n\n            <!-- Section label + H2 -->\n            <p class=\"section-label\">Un message personnel<\/p>\n            <h2>Mot du <em>Fondateur<\/em><\/h2>\n            <div class=\"separator-center\">\n                <div class=\"line\"><\/div>\n                <div class=\"dot\"><\/div>\n                <div class=\"line\"><\/div>\n            <\/div>\n\n            <!-- White quote card -->\n            <figure class=\"quote-card\">\n\n                <!-- Founder photo \u2014 replace with actual photo -->\n                <div class=\"founder-photo\">\n                    <!-- Option 1: With image\n                    <img decoding=\"async\" src=\"YOUR_FOUNDER_PHOTO_URL\" alt=\"Fondateur VELV\u00c9AS Paris\" title=\"Fondateur de VELV\u00c9AS\"> -->\n\n                    <!-- Option 2: Placeholder initials (remove when you have a photo) -->\n                    <div class=\"photo-placeholder\">\n                        <span>V<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Quote icon -->\n                <div class=\"quote-icon\">\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/>\n                        <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/>\n                    <\/svg>\n                <\/div>\n\n                <!-- The quote \u2014 SEO: blockquote + cite -->\n                <blockquote class=\"founder-quote\">\n                    <p>\n                        Velv\u00e9as, c'est bien plus qu'une simple <strong>marque de beaut\u00e9<\/strong>. C'est un reflet de qui vous \u00eates. Nous croyons profond\u00e9ment que chaque personne est unique, et notre mission est de mettre en lumi\u00e8re cette <strong>singularit\u00e9<\/strong> qui vous d\u00e9finit.\n                    <\/p>\n                <\/blockquote>\n\n                <!-- Separator -->\n                <div class=\"quote-separator\"><\/div>\n\n                <!-- Founder attribution -->\n                <figcaption class=\"founder-info\">\n                    <cite class=\"founder-name\">Le Fondateur<\/cite>\n                    <p class=\"founder-title\">Cr\u00e9ateur de Velv\u00e9as Paris<\/p>\n                <\/figcaption>\n\n            <\/figure>\n\n            <!-- Closing text below the card -->\n            <div class=\"fondateur-closing\">\n                <p>\n                    <strong>Velv\u00e9as<\/strong> n'est pas seulement une marque, c'est une vision, un engagement, et un accompagnement vers une meilleure version de soi. Nous sommes l\u00e0 pour c\u00e9l\u00e9brer chaque personne, chaque diff\u00e9rence, et tout ce qui fait de nous ce que nous sommes.\n                <\/p>\n\n                <!-- Decorative signature -->\n                <div class=\"signature\">\n                    <svg viewBox=\"0 0 120 40\">\n                        <path d=\"M5 30 Q15 5 30 20 Q45 35 55 15 Q60 5 70 20 Q80 35 90 15 Q100 5 115 25\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-73c45a9 e-flex e-con-boxed e-con e-parent\" data-id=\"73c45a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f6b4cf elementor-widget elementor-widget-html\" data-id=\"5f6b4cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 4 Notre Mission<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-hover: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n            --soft-pink: #FEF0F3;\n            --warm-pink: #F9C8D0;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 4 \u2014 NOTRE MISSION\n           Elementor: Section Full Width, bg #FFFFFF\n           SEO: H2, semantic list of missions\n           ============================================ *\/\n        .mission-section {\n            background: var(--white);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Decorative background elements *\/\n        .mission-section::before {\n            content: '';\n            position: absolute;\n            top: -150px;\n            left: -150px;\n            width: 400px;\n            height: 400px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            opacity: 0.4;\n        }\n\n        .mission-section::after {\n            content: '';\n            position: absolute;\n            bottom: -100px;\n            right: -100px;\n            width: 350px;\n            height: 350px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            opacity: 0.3;\n        }\n\n        \/* Container\n           Elementor: Inner Section, max-width 1200px *\/\n        .mission-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Header area *\/\n        .mission-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        .mission-header h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 400;\n            color: var(--dark);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .mission-header h2 em {\n            font-style: italic;\n            color: var(--deep-rose);\n        }\n\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 0 auto 20px;\n            width: 120px;\n        }\n\n        .separator-center .line {\n            flex: 1;\n            height: 1px;\n            background: var(--gold);\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--gold);\n            flex-shrink: 0;\n        }\n\n        .mission-intro {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 400;\n            color: #666;\n            line-height: 1.7;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* Mission cards grid \u2014 7 cards\n           Elementor: Inner Section, 3 columns per row\n           Row 1: 3 cards | Row 2: 3 cards | Row 3: 1 card centered *\/\n        .mission-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n        }\n\n        \/* Individual mission card\n           Elementor: Column with Icon Box widget *\/\n        .mission-card {\n            background: var(--white);\n            border: 1px solid rgba(253, 220, 227, 0.8);\n            border-radius: 20px;\n            padding: 40px 30px;\n            text-align: center;\n            transition: all 0.4s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Gold top accent on hover\n           Elementor: Custom CSS on hover *\/\n        .mission-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, var(--gold), var(--deep-rose));\n            transform: scaleX(0);\n            transition: transform 0.4s ease;\n        }\n\n        .mission-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(164, 77, 92, 0.1);\n            border-color: transparent;\n        }\n\n        .mission-card:hover::before {\n            transform: scaleX(1);\n        }\n\n        \/* Card number\n           Elementor: Heading widget, gold, small *\/\n        .card-number {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 2px;\n            margin-bottom: 18px;\n        }\n\n        \/* Card icon\n           Elementor: Icon widget, deep-rose bg circle *\/\n        .card-icon {\n            width: 65px;\n            height: 65px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 22px;\n            transition: all 0.4s ease;\n        }\n\n        .mission-card:hover .card-icon {\n            background: var(--deep-rose);\n        }\n\n        .card-icon svg {\n            width: 28px;\n            height: 28px;\n            fill: none;\n            stroke: var(--deep-rose);\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: stroke 0.4s ease;\n        }\n\n        .mission-card:hover .card-icon svg {\n            stroke: var(--white);\n        }\n\n        \/* Card title \u2014 SEO: H3\n           Elementor: Heading H3 *\/\n        .mission-card h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 22px;\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 12px;\n            line-height: 1.3;\n        }\n\n        \/* Card description\n           Elementor: Text Editor widget *\/\n        .mission-card p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 400;\n            color: #777;\n            line-height: 1.7;\n        }\n\n        \/* Last card centered (7th card)\n           Elementor: Center the last column *\/\n        .mission-card.card-featured {\n            grid-column: 2 \/ 3;\n            background: var(--pink-bg);\n            border-color: transparent;\n        }\n\n        .mission-card.card-featured .card-icon {\n            background: var(--deep-rose);\n        }\n\n        .mission-card.card-featured .card-icon svg {\n            stroke: var(--white);\n        }\n\n        .mission-card.card-featured:hover {\n            background: var(--white);\n        }\n\n        .mission-card.card-featured:hover .card-icon {\n            background: var(--gold);\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .mission-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .mission-card.card-featured {\n                grid-column: 1 \/ -1;\n                max-width: 400px;\n                margin: 0 auto;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .mission-section {\n                padding: 60px 0;\n            }\n\n            .mission-container {\n                padding: 0 20px;\n            }\n\n            .mission-header h2 {\n                font-size: 32px;\n            }\n\n            .mission-grid {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n\n            .mission-card {\n                padding: 30px 25px;\n            }\n\n            .mission-card.card-featured {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 4 \u2014 NOTRE MISSION\n\n         ELEMENTOR SETUP:\n         - Section: Full Width, background #FFFFFF\n         - Padding: 100px top\/bottom\n         - Inner Section: max-width 1200px\n         - Grid: 3 columns x 2 rows + 1 centered\n         - Each card: Icon Box widget with custom styling\n\n         SEO NOTES:\n         - H2 for section heading\n         - H3 for each mission card title\n         - Semantic <article> for each card\n         - Keywords: expression personnelle, authenticit\u00e9,\n           transparence, bien-\u00eatre, acceptation de soi,\n           confiance, harmonie, cosm\u00e9tiques naturels\n         ============================================ -->\n    <section class=\"mission-section\" id=\"notre-mission\" aria-label=\"Notre Mission\">\n\n        <div class=\"mission-container\">\n\n            <!-- Section header -->\n            <header class=\"mission-header\">\n                <p class=\"section-label\">Ce qui nous guide<\/p>\n                <h2>Notre <em>Mission<\/em><\/h2>\n                <div class=\"separator-center\">\n                    <div class=\"line\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"line\"><\/div>\n                <\/div>\n                <p class=\"mission-intro\">\n                    Sept engagements qui d\u00e9finissent notre approche de la beaut\u00e9 naturelle et accompagnent chaque personne vers une meilleure version d'elle-m\u00eame.\n                <\/p>\n            <\/header>\n\n            <!-- Mission cards grid -->\n            <div class=\"mission-grid\" role=\"list\">\n\n                <!-- Card 1: Expression personnelle -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">01<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"\/>\n                            <path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/>\n                            <line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/>\n                            <line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Expression Personnelle<\/h3>\n                    <p>Offrir un espace d'expression personnelle, o\u00f9 chacun peut \u00eatre soi-m\u00eame sans se soucier du regard des autres.<\/p>\n                <\/article>\n\n                <!-- Card 2: Authenticit\u00e9 -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">02<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Authenticit\u00e9 & Singularit\u00e9<\/h3>\n                    <p>Encourager l'authenticit\u00e9 et la singularit\u00e9, pour que chacun se sente fier de ce qui le rend unique.<\/p>\n                <\/article>\n\n                <!-- Card 3: Transparence -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">03<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Transparence Totale<\/h3>\n                    <p>Respecter les choix individuels et garantir une transparence totale dans nos actions et nos formulations.<\/p>\n                <\/article>\n\n                <!-- Card 4: Accompagnement -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">04<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n                            <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Accompagnement Bien-\u00catre<\/h3>\n                    <p>Accompagner chacun dans sa d\u00e9marche de bien-\u00eatre, en offrant un soutien adapt\u00e9 aux besoins et valeurs personnelles.<\/p>\n                <\/article>\n\n                <!-- Card 5: Acceptation -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">05<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Acceptation de Soi<\/h3>\n                    <p>Valoriser l'acceptation de soi et c\u00e9l\u00e9brer tout ce qui fait de chaque personne un \u00eatre unique et pr\u00e9cieux.<\/p>\n                <\/article>\n\n                <!-- Card 6: Confiance -->\n                <article class=\"mission-card\" role=\"listitem\">\n                    <div class=\"card-number\">06<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9\"\/>\n                            <path d=\"M13.73 21a2 2 0 0 1-3.46 0\"\/>\n                            <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"4\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Confiance & Bien-\u00catre<\/h3>\n                    <p>Cr\u00e9er des exp\u00e9riences qui encouragent la confiance et le bien-\u00eatre personnel, en offrant une \u00e9coute et des conseils sans compromis.<\/p>\n                <\/article>\n\n                <!-- Card 7: Harmonie (featured \/ centered) -->\n                <article class=\"mission-card card-featured\" role=\"listitem\">\n                    <div class=\"card-number\">07<\/div>\n                    <div class=\"card-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n                            <path d=\"M2 17l10 5 10-5\"\/>\n                            <path d=\"M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Harmonie & Valeurs<\/h3>\n                    <p>Soutenir le choix individuel et promouvoir une vie en harmonie avec ses propres valeurs. Car la beaut\u00e9 commence par le respect de soi.<\/p>\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-fd0bdf1 e-flex e-con-boxed e-con e-parent\" data-id=\"fd0bdf1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a3d783 elementor-widget elementor-widget-html\" data-id=\"9a3d783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 5 Nos Valeurs<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-dark: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n            --soft-pink: #FEF0F3;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 5 \u2014 NOS VALEURS\n           Elementor: Section Full Width, bg #A44D5C\n           SEO: H2, H3, semantic structure\n           ============================================ *\/\n        .valeurs-section {\n            background: linear-gradient(135deg, var(--deep-rose) 0%, var(--deep-rose-dark) 100%);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Decorative background pattern *\/\n        .valeurs-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background:\n                radial-gradient(circle at 10% 20%, rgba(200, 169, 110, 0.06) 0%, transparent 50%),\n                radial-gradient(circle at 90% 80%, rgba(253, 220, 227, 0.06) 0%, transparent 50%),\n                radial-gradient(circle at 50% 50%, rgba(200, 169, 110, 0.03) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        \/* Large decorative number watermark *\/\n        .valeurs-section::after {\n            content: 'V';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 400px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.02);\n            pointer-events: none;\n        }\n\n        \/* Container *\/\n        .valeurs-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Header *\/\n        .valeurs-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .section-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        .valeurs-header h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 400;\n            color: var(--white);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .valeurs-header h2 em {\n            font-style: italic;\n            color: var(--gold);\n        }\n\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 0 auto 25px;\n            width: 120px;\n        }\n\n        .separator-center .line {\n            flex: 1;\n            height: 1px;\n            background: rgba(200, 169, 110, 0.5);\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--gold);\n            flex-shrink: 0;\n        }\n\n        .valeurs-intro {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.7;\n            max-width: 550px;\n            margin: 0 auto;\n        }\n\n        \/* 3 pillars grid\n           Elementor: Inner Section, 3 columns equal *\/\n        .valeurs-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 40px;\n        }\n\n        \/* Individual pillar card\n           Elementor: Column with custom styling *\/\n        .valeur-pillar {\n            text-align: center;\n            padding: 50px 35px;\n            border-radius: 24px;\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(200, 169, 110, 0.15);\n            transition: all 0.5s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .valeur-pillar:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(200, 169, 110, 0.35);\n            transform: translateY(-5px);\n        }\n\n        \/* Subtle glow on hover *\/\n        .valeur-pillar::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80%;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, var(--gold), transparent);\n            opacity: 0;\n            transition: opacity 0.5s ease;\n        }\n\n        .valeur-pillar:hover::after {\n            opacity: 1;\n        }\n\n        \/* Big number\n           Elementor: Heading widget, gold, large *\/\n        .pillar-number {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 72px;\n            font-weight: 300;\n            color: var(--gold);\n            line-height: 1;\n            margin-bottom: 20px;\n            opacity: 0.7;\n            transition: opacity 0.4s ease;\n        }\n\n        .valeur-pillar:hover .pillar-number {\n            opacity: 1;\n        }\n\n        \/* Icon circle *\/\n        .pillar-icon {\n            width: 70px;\n            height: 70px;\n            border-radius: 50%;\n            border: 1.5px solid rgba(200, 169, 110, 0.4);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 25px;\n            transition: all 0.4s ease;\n        }\n\n        .valeur-pillar:hover .pillar-icon {\n            background: rgba(200, 169, 110, 0.15);\n            border-color: var(--gold);\n        }\n\n        .pillar-icon svg {\n            width: 30px;\n            height: 30px;\n            fill: none;\n            stroke: var(--gold);\n            stroke-width: 1.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* Pillar title \u2014 SEO: H3\n           Elementor: Heading H3, white *\/\n        .valeur-pillar h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 26px;\n            font-weight: 500;\n            color: var(--white);\n            margin-bottom: 8px;\n            letter-spacing: 1px;\n        }\n\n        \/* Pillar subtitle *\/\n        .pillar-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n        }\n\n        \/* Pillar description *\/\n        .valeur-pillar p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.8;\n        }\n\n        \/* Small gold separator in card *\/\n        .pillar-sep {\n            width: 40px;\n            height: 1px;\n            background: var(--gold);\n            margin: 20px auto;\n            opacity: 0.5;\n        }\n\n        \/* Bottom tagline\n           Elementor: Text Editor, centered *\/\n        .valeurs-tagline {\n            text-align: center;\n            margin-top: 60px;\n            padding-top: 40px;\n            border-top: 1px solid rgba(200, 169, 110, 0.1);\n        }\n\n        .valeurs-tagline p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 22px;\n            font-weight: 400;\n            font-style: italic;\n            color: rgba(255, 255, 255, 0.6);\n            max-width: 600px;\n            margin: 0 auto;\n            line-height: 1.6;\n        }\n\n        .valeurs-tagline p strong {\n            color: var(--gold);\n            font-weight: 500;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .valeurs-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n                max-width: 500px;\n                margin: 0 auto;\n            }\n\n            .valeur-pillar {\n                padding: 40px 30px;\n            }\n\n            .pillar-number {\n                font-size: 56px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .valeurs-section {\n                padding: 60px 0;\n            }\n\n            .valeurs-container {\n                padding: 0 20px;\n            }\n\n            .valeurs-header h2 {\n                font-size: 32px;\n            }\n\n            .valeurs-section::after {\n                font-size: 200px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 5 \u2014 NOS VALEURS\n\n         ELEMENTOR SETUP:\n         - Section: Full Width\n         - Background: gradient #A44D5C \u2192 #8B3E4D\n         - Padding: 100px top\/bottom\n         - Inner Section: max-width 1200px\n         - 3 columns equal width, gap 40px\n\n         SEO NOTES:\n         - H2 section heading\n         - H3 for each value pillar\n         - Keywords: naturalit\u00e9, cosm\u00e9tiques naturels,\n           inclusivit\u00e9, beaut\u00e9 diverse, excellence,\n           savoir-faire parisien, actifs naturels\n         ============================================ -->\n    <section class=\"valeurs-section\" id=\"nos-valeurs\" aria-label=\"Nos Valeurs\">\n\n        <div class=\"valeurs-container\">\n\n            <!-- Section header -->\n            <header class=\"valeurs-header\">\n                <p class=\"section-label\">Les piliers de notre marque<\/p>\n                <h2>Nos <em>Valeurs<\/em><\/h2>\n                <div class=\"separator-center\">\n                    <div class=\"line\"><\/div>\n                    <div class=\"dot\"><\/div>\n                    <div class=\"line\"><\/div>\n                <\/div>\n                <p class=\"valeurs-intro\">\n                    Trois engagements fondamentaux qui guident chaque formulation, chaque choix et chaque interaction chez Velv\u00e9as.\n                <\/p>\n            <\/header>\n\n            <!-- 3 Value pillars -->\n            <div class=\"valeurs-grid\" role=\"list\">\n\n                <!-- Pillar 1: Naturalit\u00e9 -->\n                <article class=\"valeur-pillar\" role=\"listitem\">\n                    <div class=\"pillar-number\">01<\/div>\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 22c4-4 8-7.5 8-12a8 8 0 1 0-16 0c0 4.5 4 8 8 12z\"\/>\n                            <path d=\"M12 12c-1.5-2-4-3-6-2\"\/>\n                            <path d=\"M12 12c1-2 3.5-3.5 6-3\"\/>\n                            <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"12\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Naturalit\u00e9<\/h3>\n                    <div class=\"pillar-subtitle\">Ingr\u00e9dients d'origine naturelle<\/div>\n                    <div class=\"pillar-sep\"><\/div>\n                    <p>Nos cosm\u00e9tiques sont formul\u00e9s \u00e0 partir d'actifs d'origine naturelle \u2014 acide hyaluronique, huile de jojoba, beurre de karit\u00e9, vitamine E \u2014 soigneusement s\u00e9lectionn\u00e9s pour leur efficacit\u00e9 et leur respect de votre peau.<\/p>\n                <\/article>\n\n                <!-- Pillar 2: Inclusivit\u00e9 -->\n                <article class=\"valeur-pillar\" role=\"listitem\">\n                    <div class=\"pillar-number\">02<\/div>\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n                            <path d=\"M2 12h20\"\/>\n                            <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Inclusivit\u00e9<\/h3>\n                    <div class=\"pillar-subtitle\">La beaut\u00e9 pour chaque personne<\/div>\n                    <div class=\"pillar-sep\"><\/div>\n                    <p>Nous embrassons toutes les diversit\u00e9s et toutes les beaut\u00e9s. Nos soins et notre maquillage sont con\u00e7us pour sublimer chaque type de peau, chaque carnation, sans distinction ni standard pr\u00e9d\u00e9fini.<\/p>\n                <\/article>\n\n                <!-- Pillar 3: Excellence -->\n                <article class=\"valeur-pillar\" role=\"listitem\">\n                    <div class=\"pillar-number\">03<\/div>\n                    <div class=\"pillar-icon\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Excellence<\/h3>\n                    <div class=\"pillar-subtitle\">Savoir-faire parisien<\/div>\n                    <div class=\"pillar-sep\"><\/div>\n                    <p>Chaque produit Velv\u00e9as incarne l'exigence et l'\u00e9l\u00e9gance du savoir-faire parisien. De la formulation aux textures, nous ne faisons aucun compromis sur la qualit\u00e9 pour vous offrir des r\u00e9sultats visibles.<\/p>\n                <\/article>\n\n            <\/div>\n\n            <!-- Bottom tagline -->\n            <div class=\"valeurs-tagline\">\n                <p>La beaut\u00e9 selon Velv\u00e9as, c'est <strong>oser \u00eatre soi<\/strong> avec des produits qui respectent votre peau et vos valeurs.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-64f6fdd e-flex e-con-boxed e-con e-parent\" data-id=\"64f6fdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97d8976 elementor-widget elementor-widget-html\" data-id=\"97d8976\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>VELV\u00c9AS - Section 6 CTA Banner<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --pink-bg: #FDDCE3;\n            --deep-rose: #A44D5C;\n            --deep-rose-hover: #8B3E4D;\n            --gold: #C8A96E;\n            --dark: #2C2C2C;\n            --white: #FFFFFF;\n            --soft-pink: #FEF0F3;\n            --warm-pink: #F9C8D0;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--pink-bg);\n        }\n\n        \/* ============================================\n           SECTION 6 \u2014 CTA BANNER\n           Elementor: Section Full Width, bg #FDDCE3\n           SEO: Final call-to-action with internal links\n           ============================================ *\/\n        .cta-section {\n            background: var(--warm-pink);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        \/* Decorative background elements *\/\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: -200px;\n            right: -200px;\n            width: 500px;\n            height: 500px;\n            border-radius: 50%;\n            border: 1px solid rgba(200, 169, 110, 0.1);\n            pointer-events: none;\n        }\n\n        .cta-section::after {\n            content: '';\n            position: absolute;\n            bottom: -150px;\n            left: -150px;\n            width: 400px;\n            height: 400px;\n            border-radius: 50%;\n            border: 1px solid rgba(164, 77, 92, 0.08);\n            pointer-events: none;\n        }\n\n        \/* Container *\/\n        .cta-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n            text-align: center;\n        }\n\n        \/* Logo emblem *\/\n        .cta-logo {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            overflow: hidden;\n            margin: 0 auto 35px;\n            box-shadow: 0 8px 25px rgba(164, 77, 92, 0.15);\n        }\n\n        .cta-logo img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Section label *\/\n        .section-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--gold);\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        \/* Main heading \u2014 SEO: H2\n           Elementor: Heading H2, Cormorant Garamond *\/\n        .cta-container h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 400;\n            color: var(--dark);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .cta-container h2 em {\n            font-style: italic;\n            color: var(--deep-rose);\n        }\n\n        \/* Separator *\/\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 0 auto 30px;\n            width: 120px;\n        }\n\n        .separator-center .line {\n            flex: 1;\n            height: 1px;\n            background: var(--gold);\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: var(--gold);\n            flex-shrink: 0;\n        }\n\n        \/* Subtitle text *\/\n        .cta-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 400;\n            color: #666;\n            line-height: 1.7;\n            max-width: 600px;\n            margin: 0 auto 45px;\n        }\n\n        \/* Buttons container\n           Elementor: Button Group or two Button widgets inline *\/\n        .cta-buttons {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            flex-wrap: wrap;\n            margin-bottom: 50px;\n        }\n\n        \/* Primary CTA \u2014 filled deep rose\n           Elementor: Button widget, bg #A44D5C, white text *\/\n        .btn-primary {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 16px 40px;\n            background: var(--deep-rose);\n            color: var(--white);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 50px;\n            border: 2px solid var(--deep-rose);\n            transition: all 0.4s ease;\n            box-shadow: 0 8px 25px rgba(164, 77, 92, 0.25);\n        }\n\n        .btn-primary:hover {\n            background: var(--gold);\n            border-color: var(--gold);\n            color: var(--white);\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(164, 77, 92, 0.35);\n        }\n\n        .btn-primary svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: transform 0.3s ease;\n        }\n\n        .btn-primary:hover svg {\n            transform: translateX(4px);\n        }\n\n        \/* Secondary CTA \u2014 outlined\n           Elementor: Button widget, outline style, border #A44D5C *\/\n        .btn-secondary {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 16px 40px;\n            background: transparent;\n            color: var(--deep-rose);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            text-decoration: none;\n            border-radius: 50px;\n            border: 2px solid var(--deep-rose);\n            transition: all 0.4s ease;\n        }\n\n        .btn-secondary:hover {\n            background: var(--gold);\n            border-color: var(--gold);\n            color: var(--white);\n            transform: translateY(-3px);\n            box-shadow: 0 12px 35px rgba(164, 77, 92, 0.25);\n        }\n\n        .btn-secondary svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: transform 0.3s ease;\n        }\n\n        .btn-secondary:hover svg {\n            transform: translateX(4px);\n        }\n\n        \/* Trust badges\n           Elementor: Icon List or columns with icons *\/\n        .trust-badges {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 50px;\n            flex-wrap: wrap;\n            padding-top: 40px;\n            border-top: 1px solid rgba(164, 77, 92, 0.1);\n        }\n\n        .trust-item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .trust-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            background: var(--white);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 12px rgba(164, 77, 92, 0.08);\n        }\n\n        .trust-icon svg {\n            width: 18px;\n            height: 18px;\n            fill: none;\n            stroke: var(--deep-rose);\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .trust-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 500;\n            color: var(--dark);\n            letter-spacing: 0.5px;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 768px) {\n            .cta-section {\n                padding: 60px 0;\n            }\n\n            .cta-container {\n                padding: 0 20px;\n            }\n\n            .cta-container h2 {\n                font-size: 32px;\n            }\n\n            .cta-buttons {\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            .btn-primary,\n            .btn-secondary {\n                width: 100%;\n                justify-content: center;\n                padding: 16px 30px;\n            }\n\n            .trust-badges {\n                flex-direction: column;\n                gap: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- ============================================\n         SECTION 6 \u2014 CTA BANNER\n\n         ELEMENTOR SETUP:\n         - Section: Full Width, background #F9C8D0\n         - Padding: 100px top\/bottom\n         - Inner Section: max-width 900px, centered\n         - Two buttons side by side\n         - Trust badges row below\n\n         SEO NOTES:\n         - H2 heading with keywords\n         - Internal links to category pages (soins-visage, maquillage)\n         - aria-labels on buttons for accessibility\n         - Trust signals for E-E-A-T\n         ============================================ -->\n    <section class=\"cta-section\" id=\"decouvrir\" aria-label=\"D\u00e9couvrir nos collections\">\n\n        <div class=\"cta-container\">\n\n            <!-- Logo -->\n            <div class=\"cta-logo\">\n                <img decoding=\"async\" src=\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\"\n                     alt=\"VELV\u00c9AS Paris\"\n                     width=\"80\"\n                     height=\"80\"\n                     loading=\"lazy\">\n            <\/div>\n\n            <!-- Heading -->\n            <p class=\"section-label\">Votre rituel beaut\u00e9 commence ici<\/p>\n            <h2>D\u00e9couvrez Nos <em>Collections<\/em><\/h2>\n            <div class=\"separator-center\">\n                <div class=\"line\"><\/div>\n                <div class=\"dot\"><\/div>\n                <div class=\"line\"><\/div>\n            <\/div>\n\n            <!-- Subtitle -->\n            <p class=\"cta-subtitle\">\n                Des soins visage aux actifs naturels et un maquillage enrichi en skincare, con\u00e7us \u00e0 Paris pour r\u00e9v\u00e9ler votre beaut\u00e9 authentique.\n            <\/p>\n\n            <!-- CTA Buttons \u2014 SEO: internal links to category pages -->\n            <div class=\"cta-buttons\">\n                <a href=\"\/categorie-produit\/soins-visage\/\"\n                   class=\"btn-primary\"\n                   aria-label=\"D\u00e9couvrir les soins visage VELV\u00c9AS\">\n                    Soins Visage\n                    <svg viewBox=\"0 0 24 24\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n                        <polyline points=\"12 5 19 12 12 19\"\/>\n                    <\/svg>\n                <\/a>\n                <a href=\"\/categorie-produit\/maquillage\/\"\n                   class=\"btn-secondary\"\n                   aria-label=\"D\u00e9couvrir le maquillage VELV\u00c9AS\">\n                    Maquillage\n                    <svg viewBox=\"0 0 24 24\">\n                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n                        <polyline points=\"12 5 19 12 12 19\"\/>\n                    <\/svg>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>VELV\u00c9AS &#8211; Section 1 Hero VELV\u00c9AS Paris R\u00e9v\u00e9ler Votre Beaut\u00e9 Authentique Cosm\u00e9tiques naturels con\u00e7us \u00e0 Paris, pour c\u00e9l\u00e9brer chaque singularit\u00e9<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-29781","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels &amp; Soins de Luxe<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez l&#039;histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/velveas2026.devonlinehub.com\/en\/a-propos\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels &amp; Soins de Luxe\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez l&#039;histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/velveas2026.devonlinehub.com\/en\/a-propos\/\" \/>\n<meta property=\"og:site_name\" content=\"Velveas\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Velvas-Paris\/61580039374395\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T18:28:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"AboutPage\"],\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/\",\"name\":\"\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels & Soins de Luxe\",\"isPartOf\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\",\"datePublished\":\"2026-03-21T20:45:13+00:00\",\"dateModified\":\"2026-03-26T18:28:21+00:00\",\"description\":\"D\u00e9couvrez l'histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.\",\"breadcrumb\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\",\"contentUrl\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/velveas2026.devonlinehub.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"a propos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#website\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/\",\"name\":\"Velv\u00e9as\",\"description\":\"La signature d\u2019une beaut\u00e9 raffin\u00e9e. Des formules premium pour sublimer votre peau et votre regard.\",\"publisher\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/velveas2026.devonlinehub.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#organization\",\"name\":\"Velv\u00e9as\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/logo-officiel.svg\",\"contentUrl\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/logo-officiel.svg\",\"width\":597,\"height\":222,\"caption\":\"Velv\u00e9as\"},\"image\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Velvas-Paris\/61580039374395\/\",\"https:\/\/www.instagram.com\/velveas\/\",\"https:\/\/www.snapchat.com\/@velveasparis\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels & Soins de Luxe","description":"D\u00e9couvrez l'histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/velveas2026.devonlinehub.com\/en\/a-propos\/","og_locale":"en_GB","og_type":"article","og_title":"\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels & Soins de Luxe","og_description":"D\u00e9couvrez l'histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.","og_url":"https:\/\/velveas2026.devonlinehub.com\/en\/a-propos\/","og_site_name":"Velveas","article_publisher":"https:\/\/www.facebook.com\/people\/Velvas-Paris\/61580039374395\/","article_modified_time":"2026-03-26T18:28:21+00:00","og_image":[{"url":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","AboutPage"],"@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/","url":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/","name":"\u00c0 propos de Velv\u00e9as Paris | Cosm\u00e9tiques Naturels & Soins de Luxe","isPartOf":{"@id":"https:\/\/velveas2026.devonlinehub.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage"},"image":{"@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage"},"thumbnailUrl":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png","datePublished":"2026-03-21T20:45:13+00:00","dateModified":"2026-03-26T18:28:21+00:00","description":"D\u00e9couvrez l'histoire de Velv\u00e9as Paris, marque fran\u00e7aise de cosm\u00e9tiques naturels et soins visage de luxe. Des formules sans parab\u00e8nes ni sulfates pour une beaut\u00e9 naturelle et \u00e9clatante.","breadcrumb":{"@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/velveas2026.devonlinehub.com\/a-propos\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#primaryimage","url":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png","contentUrl":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png"},{"@type":"BreadcrumbList","@id":"https:\/\/velveas2026.devonlinehub.com\/a-propos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/velveas2026.devonlinehub.com\/"},{"@type":"ListItem","position":2,"name":"a propos"}]},{"@type":"WebSite","@id":"https:\/\/velveas2026.devonlinehub.com\/#website","url":"https:\/\/velveas2026.devonlinehub.com\/","name":"Velv\u00e9as","description":"La signature d\u2019une beaut\u00e9 raffin\u00e9e. Des formules premium pour sublimer votre peau et votre regard.","publisher":{"@id":"https:\/\/velveas2026.devonlinehub.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/velveas2026.devonlinehub.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/velveas2026.devonlinehub.com\/#organization","name":"Velv\u00e9as","url":"https:\/\/velveas2026.devonlinehub.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/velveas2026.devonlinehub.com\/#\/schema\/logo\/image\/","url":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/logo-officiel.svg","contentUrl":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/logo-officiel.svg","width":597,"height":222,"caption":"Velv\u00e9as"},"image":{"@id":"https:\/\/velveas2026.devonlinehub.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Velvas-Paris\/61580039374395\/","https:\/\/www.instagram.com\/velveas\/","https:\/\/www.snapchat.com\/@velveasparis"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages\/29781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/comments?post=29781"}],"version-history":[{"count":34,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages\/29781\/revisions"}],"predecessor-version":[{"id":30705,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages\/29781\/revisions\/30705"}],"wp:attachment":[{"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/media?parent=29781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}