{"id":29831,"date":"2026-03-21T21:29:05","date_gmt":"2026-03-21T21:29:05","guid":{"rendered":"https:\/\/velveas2026.devonlinehub.com\/?page_id=29831"},"modified":"2026-03-26T18:29:32","modified_gmt":"2026-03-26T18:29:32","slug":"notre-engagement","status":"publish","type":"page","link":"https:\/\/velveas2026.devonlinehub.com\/en\/notre-engagement\/","title":{"rendered":"notre engagement"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29831\" class=\"elementor elementor-29831\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-4f54bef e-flex e-con-boxed e-con e-parent\" data-id=\"4f54bef\" 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-f8c619a elementor-widget elementor-widget-html\" data-id=\"f8c619a\" 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 - Notre Engagement 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            --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           ENGAGEMENT \u2014 SECTION 1 HERO\n           ============================================ *\/\n        .engagement-hero {\n            position: relative;\n            width: 100%;\n            min-height: 55vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            background: linear-gradient(135deg, var(--deep-rose) 0%, var(--deep-rose-hover) 100%);\n        }\n\n        \/* Decorative background *\/\n        .engagement-hero::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 15% 30%, rgba(200, 169, 110, 0.08) 0%, transparent 50%),\n                radial-gradient(circle at 85% 70%, rgba(253, 220, 227, 0.06) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        \/* Floating leaf shapes *\/\n        .leaf {\n            position: absolute;\n            border-radius: 0 50% 50% 50%;\n            background: rgba(200, 169, 110, 0.04);\n            pointer-events: none;\n        }\n\n        .leaf-1 {\n            width: 180px;\n            height: 180px;\n            top: -40px;\n            right: 10%;\n            transform: rotate(45deg);\n            animation: leafFloat 10s ease-in-out infinite;\n        }\n\n        .leaf-2 {\n            width: 120px;\n            height: 120px;\n            bottom: -30px;\n            left: 8%;\n            transform: rotate(135deg);\n            animation: leafFloat 8s ease-in-out infinite reverse;\n        }\n\n        .leaf-3 {\n            width: 80px;\n            height: 80px;\n            top: 40%;\n            right: 5%;\n            transform: rotate(225deg);\n            animation: leafFloat 12s ease-in-out infinite;\n        }\n\n        @keyframes leafFloat {\n            0%, 100% { transform: rotate(45deg) translateY(0); }\n            50% { transform: rotate(45deg) translateY(-15px); }\n        }\n\n        \/* Corner accents *\/\n        .corner {\n            position: absolute;\n            z-index: 2;\n            width: 60px;\n            height: 60px;\n            border-color: rgba(200, 169, 110, 0.15);\n            border-style: solid;\n        }\n\n        .corner.tl { top: 30px; left: 30px; border-width: 1px 0 0 1px; }\n        .corner.tr { top: 30px; right: 30px; border-width: 1px 1px 0 0; }\n        .corner.bl { bottom: 30px; left: 30px; border-width: 0 0 1px 1px; }\n        .corner.br { bottom: 30px; right: 30px; border-width: 0 1px 1px 0; }\n\n        \/* Content *\/\n        .hero-content {\n            position: relative;\n            z-index: 2;\n            text-align: center;\n            max-width: 800px;\n            padding: 40px 30px;\n        }\n\n        \/* Logo *\/\n        .hero-logo {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            overflow: hidden;\n            margin: 0 auto 30px;\n        }\n\n        .hero-logo img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* Breadcrumb *\/\n        .breadcrumb {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 400;\n            color: rgba(255, 255, 255, 0.5);\n            letter-spacing: 1px;\n            margin-bottom: 25px;\n        }\n\n        .breadcrumb a {\n            color: rgba(255, 255, 255, 0.5);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n\n        .breadcrumb a:hover {\n            color: var(--gold);\n        }\n\n        .breadcrumb span {\n            color: var(--gold);\n        }\n\n        \/* 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        \/* H1 *\/\n        .hero-content h1 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 52px;\n            font-weight: 400;\n            color: var(--white);\n            line-height: 1.2;\n            margin-bottom: 10px;\n        }\n\n        .hero-content h1 em {\n            font-style: italic;\n            color: var(--gold);\n        }\n\n        \/* Separator *\/\n        .separator-center {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            margin: 25px auto;\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        \/* Subtitle *\/\n        .hero-subtitle {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.75);\n            line-height: 1.7;\n            max-width: 600px;\n            margin: 0 auto 35px;\n        }\n\n        \/* 4 engagement pills *\/\n        .engagement-pills {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            flex-wrap: wrap;\n        }\n\n        .pill {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 10px 22px;\n            border-radius: 50px;\n            border: 1px solid rgba(255, 255, 255, 0.15);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            font-weight: 500;\n            color: rgba(255, 255, 255, 0.8);\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        .pill:hover {\n            background: rgba(200, 169, 110, 0.15);\n            border-color: var(--gold);\n            color: var(--gold);\n        }\n\n        .pill svg {\n            width: 16px;\n            height: 16px;\n            fill: none;\n            stroke: var(--gold);\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* Scroll indicator *\/\n        .scroll-down {\n            position: absolute;\n            bottom: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 6px;\n            animation: bounce 2s ease-in-out infinite;\n        }\n\n        .scroll-down span {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 10px;\n            color: rgba(255, 255, 255, 0.4);\n            letter-spacing: 3px;\n            text-transform: uppercase;\n        }\n\n        .scroll-down .chevron {\n            width: 20px;\n            height: 20px;\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(8px); }\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 768px) {\n            .engagement-hero {\n                min-height: 50vh;\n            }\n\n            .hero-content h1 {\n                font-size: 34px;\n            }\n\n            .hero-subtitle {\n                font-size: 14px;\n            }\n\n            .engagement-pills {\n                gap: 8px;\n            }\n\n            .pill {\n                padding: 8px 16px;\n                font-size: 11px;\n            }\n\n            .corner {\n                width: 35px;\n                height: 35px;\n            }\n\n            .corner.tl, .corner.tr { top: 15px; }\n            .corner.bl, .corner.br { bottom: 15px; }\n            .corner.tl, .corner.bl { left: 15px; }\n            .corner.tr, .corner.br { right: 15px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"engagement-hero\" aria-label=\"Notre Engagement VELV\u00c9AS\">\n\n        <!-- Decorative leaves -->\n        <div class=\"leaf leaf-1\"><\/div>\n        <div class=\"leaf leaf-2\"><\/div>\n        <div class=\"leaf leaf-3\"><\/div>\n\n        <!-- Corner accents -->\n        <div class=\"corner tl\"><\/div>\n        <div class=\"corner tr\"><\/div>\n        <div class=\"corner bl\"><\/div>\n        <div class=\"corner br\"><\/div>\n\n        <!-- Content -->\n        <div class=\"hero-content\">\n\n            <!-- Logo -->\n            <div class=\"hero-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=\"eager\">\n            <\/div>\n\n            <!-- Breadcrumb -->\n            <nav class=\"breadcrumb\" aria-label=\"Fil d'Ariane\">\n                <a href=\"\/en\/\">Home<\/a> &nbsp;\/&nbsp; <span>Notre Engagement<\/span>\n            <\/nav>\n\n            <!-- Label + H1 -->\n            <p class=\"section-label\">Ce en quoi nous croyons<\/p>\n            <h1>Our <em>Engagement<\/em><\/h1>\n\n            <!-- Separator -->\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=\"hero-subtitle\">\n                Chez Velv\u00e9as, chaque produit porte une promesse : celle de respecter votre peau, votre singularit\u00e9 et notre plan\u00e8te. D\u00e9couvrez les engagements qui guident chacune de nos actions.\n            <\/p>\n\n            <!-- Navigation pills -->\n            <nav class=\"engagement-pills\" aria-label=\"Nos engagements\" style=\"margin-bottom: 60px;\">\n                <a href=\"#naturel\" class=\"pill\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 22c4-4 8-7.5 8-12a8 8 0 1 0-16 0c0 4.5 4 8 8 12z\"\/><line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"12\"\/><\/svg>\n                    100% Naturel\n                <\/a>\n                <a href=\"#inclusivite\" class=\"pill\">\n                    <svg viewbox=\"0 0 24 24\"><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\"\/><\/svg>\n                    Inclusivit\u00e9\n                <\/a>\n                <a href=\"#environnement\" class=\"pill\">\n                    <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><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\"\/><\/svg>\n                    \u00c9co-Responsable\n                <\/a>\n                <a href=\"#transparence\" class=\"pill\">\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n                    Transparence\n                <\/a>\n            <\/nav>\n\n        <\/div>\n\n        <!-- Scroll indicator -->\n        <div class=\"scroll-down\">\n            <span>SCROLL<\/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-907f88b e-flex e-con-boxed e-con e-parent\" data-id=\"907f88b\" 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-c355a29 elementor-widget elementor-widget-html\" data-id=\"c355a29\" 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 - Engagement Section 2 Nos Engagements<\/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&amp;family=Montserrat:wght@300;400;500;600&amp;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 2 \u2014 NOS 4 ENGAGEMENTS\n           Elementor: Section Boxed, bg #FFFFFF\n           ============================================ *\/\n        .engagements-section {\n            background: var(--white);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .engagements-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.4;\n        }\n\n        .engagements-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        .section-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: #A44D5C;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        .section-header h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 500;\n            color: #2C2C2C;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .section-header h2 em {\n            font-style: italic;\n            color: #A44D5C;\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: #C8A96E;\n        }\n\n        .separator-center .dot {\n            width: 6px;\n            height: 6px;\n            border-radius: 50%;\n            background: #C8A96E;\n            flex-shrink: 0;\n        }\n\n        .section-intro {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 400;\n            color: #555555;\n            line-height: 1.7;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* ============================================\n           4 ENGAGEMENT CARDS \u2014 2x2 grid\n           Elementor: Inner Section, 2 columns x 2 rows\n           ============================================ *\/\n        .engagements-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n        }\n\n        .engagement-card {\n            background: var(--white);\n            border: 1px solid var(--warm-pink);\n            border-radius: 24px;\n            padding: 50px 40px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s ease;\n        }\n\n        .engagement-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 50px rgba(164, 77, 92, 0.1);\n            border-color: transparent;\n        }\n\n        \/* Colored top bar *\/\n        .engagement-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 4px;\n            background: linear-gradient(90deg, var(--gold), var(--deep-rose));\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .engagement-card:hover::before {\n            opacity: 1;\n        }\n\n        \/* Large background number *\/\n        .card-bg-number {\n            position: absolute;\n            top: 20px;\n            right: 25px;\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 100px;\n            font-weight: 700;\n            color: var(--soft-pink);\n            line-height: 1;\n            pointer-events: none;\n            transition: color 0.4s ease;\n        }\n\n        .engagement-card:hover .card-bg-number {\n            color: var(--warm-pink);\n        }\n\n        \/* Card header *\/\n        .card-header {\n            display: flex;\n            align-items: center;\n            gap: 18px;\n            margin-bottom: 25px;\n            position: relative;\n            z-index: 2;\n        }\n\n        .card-icon {\n            width: 60px;\n            height: 60px;\n            min-width: 60px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.4s ease;\n        }\n\n        .card-icon svg {\n            width: 28px;\n            height: 28px;\n            fill: none;\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            transition: stroke 0.4s ease;\n        }\n\n        \/* Card 1 \u2014 Naturel *\/\n        .card-naturel .card-icon {\n            background: #E8F5E9;\n        }\n        .card-naturel .card-icon svg {\n            stroke: #4CAF50;\n        }\n        .card-naturel:hover .card-icon {\n            background: #4CAF50;\n        }\n        .card-naturel:hover .card-icon svg {\n            stroke: var(--white);\n        }\n\n        \/* Card 2 \u2014 Inclusivit\u00e9 *\/\n        .card-inclusivite .card-icon {\n            background: var(--soft-pink);\n        }\n        .card-inclusivite .card-icon svg {\n            stroke: var(--deep-rose);\n        }\n        .card-inclusivite:hover .card-icon {\n            background: var(--deep-rose);\n        }\n        .card-inclusivite:hover .card-icon svg {\n            stroke: var(--white);\n        }\n\n        \/* Card 3 \u2014 \u00c9co *\/\n        .card-eco .card-icon {\n            background: #E0F2F1;\n        }\n        .card-eco .card-icon svg {\n            stroke: #00897B;\n        }\n        .card-eco:hover .card-icon {\n            background: #00897B;\n        }\n        .card-eco:hover .card-icon svg {\n            stroke: var(--white);\n        }\n\n        \/* Card 4 \u2014 Transparence *\/\n        .card-transparence .card-icon {\n            background: #FFF3E0;\n        }\n        .card-transparence .card-icon svg {\n            stroke: var(--gold);\n        }\n        .card-transparence:hover .card-icon {\n            background: var(--gold);\n        }\n        .card-transparence:hover .card-icon svg {\n            stroke: var(--white);\n        }\n\n        \/* Card title \u2014 SEO: H3 *\/\n        .card-header h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 26px;\n            font-weight: 600;\n            color: var(--dark);\n            line-height: 1.2;\n        }\n\n        \/* Card body *\/\n        .card-body {\n            position: relative;\n            z-index: 2;\n        }\n\n        .card-body p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 400;\n            color: #666;\n            line-height: 1.8;\n            margin-bottom: 20px;\n        }\n\n        .card-body p strong {\n            color: var(--dark);\n            font-weight: 600;\n        }\n\n        \/* Key points list *\/\n        .key-points {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n\n        .key-points li {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            color: #555;\n            line-height: 1.6;\n            padding: 8px 0 8px 22px;\n            position: relative;\n            border-bottom: 1px solid var(--soft-pink);\n        }\n\n        .key-points li:last-child {\n            border-bottom: none;\n        }\n\n        .key-points li::before {\n            content: '\u2713';\n            position: absolute;\n            left: 0;\n            top: 8px;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--gold);\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .engagements-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .engagements-section {\n                padding: 60px 0;\n            }\n\n            .engagements-container {\n                padding: 0 20px;\n            }\n\n            .section-header h2 {\n                font-size: 32px;\n            }\n\n            .engagement-card {\n                padding: 35px 25px;\n            }\n\n            .card-bg-number {\n                font-size: 70px;\n            }\n\n            .card-header h3 {\n                font-size: 22px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"engagements-section\" id=\"nos-engagements\" aria-label=\"Nos Engagements\">\n\n        <div class=\"engagements-container\">\n\n            <!-- Header -->\n            <header class=\"section-header\">\n                <p class=\"section-label\" style=\"color:#A44D5C !important; font-family:'Montserrat',sans-serif; font-size:12px; font-weight:600; letter-spacing:4px; text-transform:uppercase; margin-bottom:15px;\">Nos promesses envers vous<\/p>\n                <h2 style=\"color:#2C2C2C !important; font-family:'Cormorant Garamond',serif; font-size:48px; font-weight:500; margin-bottom:15px; line-height:1.2;\">4 Engagements <em style=\"color:#A44D5C !important; font-style:italic;\">Fondamentaux<\/em><\/h2>\n                <div class=\"separator-center\">\n                    <div class=\"line\" style=\"background:#C8A96E !important;\"><\/div>\n                    <div class=\"dot\" style=\"background:#C8A96E !important;\"><\/div>\n                    <div class=\"line\" style=\"background:#C8A96E !important;\"><\/div>\n                <\/div>\n                <p class=\"section-intro\" style=\"color:#555555 !important; font-family:'Montserrat',sans-serif; font-size:16px; line-height:1.7; max-width:600px; margin:0 auto;\">\n                    Chaque produit Velv\u00e9as est le fruit d'une conviction profonde : la beaut\u00e9 doit \u00eatre naturelle, accessible, responsable et transparente.\n                <\/p>\n            <\/header>\n\n            <!-- 4 Cards Grid -->\n            <div class=\"engagements-grid\" role=\"list\">\n\n                <!-- Card 1: 100% Naturel -->\n                <article class=\"engagement-card card-naturel\" id=\"naturel\" role=\"listitem\">\n                    <span class=\"card-bg-number\">01<\/span>\n                    <div class=\"card-header\">\n                        <div class=\"card-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>Des Formules 100% Naturelles<\/h3>\n                    <\/div>\n                    <div class=\"card-body\">\n                        <p>Nous s\u00e9lectionnons avec soin chaque ingr\u00e9dient pour offrir \u00e0 votre peau le meilleur de la nature. Nos formules sont \u00e9labor\u00e9es \u00e0 partir d'<strong>actifs d'origine naturelle<\/strong>, sans compromis sur l'efficacit\u00e9 ni sur la s\u00e9curit\u00e9.<\/p>\n                        <ul class=\"key-points\">\n                            <li>Acide hyaluronique naturel pour une hydratation intense<\/li>\n                            <li>Huile de jojoba bio, beurre de karit\u00e9 et vitamine E<\/li>\n                            <li>Sans parab\u00e8ne, sans sulfate, sans silicone<\/li>\n                            <li>Formules test\u00e9es dermatologiquement<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <!-- Card 2: Inclusivit\u00e9 -->\n                <article class=\"engagement-card card-inclusivite\" id=\"inclusivite\" role=\"listitem\">\n                    <span class=\"card-bg-number\">02<\/span>\n                    <div class=\"card-header\">\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>Une Beaut\u00e9 Inclusive<\/h3>\n                    <\/div>\n                    <div class=\"card-body\">\n                        <p>Chez Velv\u00e9as, il n'existe pas de standard unique de beaut\u00e9. Nous embrassons <strong>toutes les diversit\u00e9s<\/strong> et concevons des produits qui subliment chaque personne telle qu'elle est, sans distinction de carnation, d'\u00e2ge ou de genre.<\/p>\n                        <ul class=\"key-points\">\n                            <li>Produits adapt\u00e9s \u00e0 tous les types et carnations de peau<\/li>\n                            <li>Aucun retouche irr\u00e9aliste dans nos visuels<\/li>\n                            <li>C\u00e9l\u00e9bration de la singularit\u00e9 de chaque individu<\/li>\n                            <li>Gamme pens\u00e9e pour r\u00e9pondre \u00e0 des besoins vari\u00e9s<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <!-- Card 3: \u00c9co-Responsable -->\n                <article class=\"engagement-card card-eco\" id=\"environnement\" role=\"listitem\">\n                    <span class=\"card-bg-number\">03<\/span>\n                    <div class=\"card-header\">\n                        <div class=\"card-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>\u00c9co-Responsabilit\u00e9<\/h3>\n                    <\/div>\n                    <div class=\"card-body\">\n                        <p>Nous avons conscience de notre impact sur la plan\u00e8te. C'est pourquoi nous nous engageons \u00e0 <strong>r\u00e9duire notre empreinte \u00e9cologique<\/strong> \u00e0 chaque \u00e9tape, de la formulation au packaging, en passant par la logistique.<\/p>\n                        <ul class=\"key-points\">\n                            <li>Emballages recyclables et \u00e9co-con\u00e7us<\/li>\n                            <li>Z\u00e9ro cruaut\u00e9 animale, non test\u00e9 sur les animaux<\/li>\n                            <li>Processus de fabrication respectueux des normes environnementales<\/li>\n                            <li>R\u00e9duction progressive des plastiques \u00e0 usage unique<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/article>\n\n                <!-- Card 4: Transparence -->\n                <article class=\"engagement-card card-transparence\" id=\"transparence\" role=\"listitem\">\n                    <span class=\"card-bg-number\">04<\/span>\n                    <div class=\"card-header\">\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                    <\/div>\n                    <div class=\"card-body\">\n                        <p>Nous croyons que la confiance se construit par l'honn\u00eatet\u00e9. Velv\u00e9as s'engage \u00e0 une <strong>transparence totale<\/strong> sur la composition de ses produits, ses prix et ses pratiques, pour que vous puissiez faire des choix \u00e9clair\u00e9s.<\/p>\n                        <ul class=\"key-points\">\n                            <li>Liste compl\u00e8te des ingr\u00e9dients (INCI) accessible sur chaque fiche produit<\/li>\n                            <li>Prix justes, sans surco\u00fbt marketing artificiel<\/li>\n                            <li>Protection de vos donn\u00e9es conform\u00e9ment au RGPD<\/li>\n                            <li>Service client disponible et \u00e0 l'\u00e9coute<\/li>\n                        <\/ul>\n                    <\/div>\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<div class=\"elementor-element elementor-element-f4f986d elementor-widget elementor-widget-html\" data-id=\"f4f986d\" 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 - Engagement Section 3 Ingr\u00e9dients Naturels<\/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&amp;family=Montserrat:wght@300;400;500;600&amp;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 INGR\u00c9DIENTS NATURELS\n           Elementor: Section Full Width, bg #FDDCE3\n           ============================================ *\/\n        .naturel-section {\n            background: var(--pink-bg);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .naturel-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        .section-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: #A44D5C;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n        }\n\n        .section-header h2 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 48px;\n            font-weight: 500;\n            color: #2C2C2C;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .section-header h2 em {\n            font-style: italic;\n            color: #A44D5C;\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        .section-intro {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 400;\n            color: #3D3D3D;\n            line-height: 1.7;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        \/* ============================================\n           INGREDIENTS SHOWCASE\n           Two-column: image left, text right\n           Then: 5 ingredient cards in a row\n           ============================================ *\/\n        .naturel-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 60px;\n            align-items: center;\n            margin-bottom: 70px;\n        }\n\n        \/* Image side *\/\n        .naturel-image {\n            position: relative;\n        }\n\n        .naturel-image .image-wrapper {\n            width: 100%;\n            height: 450px;\n            border-radius: 24px;\n            overflow: hidden;\n            background: linear-gradient(135deg, var(--warm-pink) 0%, var(--soft-pink) 100%);\n            box-shadow: 0 20px 50px rgba(164, 77, 92, 0.12);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 15px;\n        }\n\n        .image-wrapper .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.3;\n        }\n\n        .image-wrapper .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        .image-wrapper .placeholder-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            color: var(--deep-rose);\n            opacity: 0.3;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n        }\n\n        \/* Gold frame accent *\/\n        .naturel-image::before {\n            content: '';\n            position: absolute;\n            top: -12px;\n            right: -12px;\n            width: 180px;\n            height: 180px;\n            border-top: 2px solid var(--gold);\n            border-right: 2px solid var(--gold);\n            border-radius: 0 24px 0 0;\n            opacity: 0.3;\n        }\n\n        \/* Floating badge *\/\n        .naturel-badge {\n            position: absolute;\n            bottom: -15px;\n            left: -15px;\n            background: var(--white);\n            border-radius: 16px;\n            padding: 18px 22px;\n            box-shadow: 0 10px 30px rgba(164, 77, 92, 0.12);\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            z-index: 3;\n        }\n\n        .badge-icon {\n            width: 45px;\n            height: 45px;\n            min-width: 45px;\n            border-radius: 12px;\n            background: #E8F5E9;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .badge-icon svg {\n            width: 22px;\n            height: 22px;\n            fill: none;\n            stroke: #4CAF50;\n            stroke-width: 2;\n            stroke-linecap: round;\n        }\n\n        .badge-text strong {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--dark);\n            display: block;\n        }\n\n        .badge-text span {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 11px;\n            color: #555;\n        }\n\n        \/* Text side *\/\n        .naturel-text h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 30px;\n            font-weight: 500;\n            color: var(--dark);\n            margin-bottom: 20px;\n            line-height: 1.3;\n        }\n\n        .naturel-text h3 span {\n            color: var(--deep-rose);\n        }\n\n        .naturel-text p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            font-weight: 400;\n            color: #3D3D3D;\n            line-height: 1.8;\n            margin-bottom: 18px;\n        }\n\n        .naturel-text p strong {\n            color: var(--dark);\n        }\n\n        \/* Promise list *\/\n        .promise-list {\n            list-style: none;\n            margin: 25px 0 0;\n            padding: 0;\n        }\n\n        .promise-list li {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            color: #2C2C2C;\n            padding: 10px 0;\n            border-bottom: 1px solid var(--soft-pink);\n        }\n\n        .promise-list li:last-child {\n            border-bottom: none;\n        }\n\n        .promise-icon {\n            width: 28px;\n            height: 28px;\n            min-width: 28px;\n            border-radius: 50%;\n            background: var(--soft-pink);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .promise-icon svg {\n            width: 14px;\n            height: 14px;\n            fill: none;\n            stroke: var(--deep-rose);\n            stroke-width: 2.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* ============================================\n           5 INGREDIENT CARDS\n           Elementor: 5 columns, Icon Box widgets\n           ============================================ *\/\n        .ingredients-row {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 20px;\n        }\n\n        .ingredient-card {\n            background: var(--white);\n            border-radius: 20px;\n            padding: 30px 20px;\n            text-align: center;\n            box-shadow: 0 4px 15px rgba(164, 77, 92, 0.06);\n            transition: all 0.4s ease;\n            border: 1px solid transparent;\n        }\n\n        .ingredient-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 12px 30px rgba(164, 77, 92, 0.1);\n            border-color: var(--gold);\n        }\n\n        .ingredient-emoji {\n            font-size: 36px;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .ingredient-card h4 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 18px;\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 8px;\n        }\n\n        .ingredient-card p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 12px;\n            color: #555;\n            line-height: 1.6;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .naturel-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n\n            .naturel-image .image-wrapper {\n                height: 300px;\n            }\n\n            .ingredients-row {\n                grid-template-columns: repeat(3, 1fr);\n            }\n\n            .ingredient-card:nth-child(4),\n            .ingredient-card:nth-child(5) {\n                grid-column: auto;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .naturel-section {\n                padding: 60px 0;\n            }\n\n            .naturel-container {\n                padding: 0 20px;\n            }\n\n            .section-header h2 {\n                font-size: 32px;\n            }\n\n            .ingredients-row {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 15px;\n            }\n\n            .ingredient-card {\n                padding: 25px 15px;\n            }\n\n            .ingredient-card:last-child {\n                grid-column: 1 \/ -1;\n            }\n\n            .naturel-image::before {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"naturel-section\" id=\"ingredients-naturels\" aria-label=\"Nos Ingr\u00e9dients Naturels\">\n\n        <div class=\"naturel-container\">\n\n            <!-- Header -->\n            <header class=\"section-header\">\n                <p class=\"section-label\" style=\"color:#A44D5C !important;\">La nature au c\u0153ur de nos formules<\/p>\n                <h2 style=\"color:#2C2C2C !important; font-weight:500;\">Des Ingr\u00e9dients <em style=\"color:#A44D5C !important;\">d'Exception<\/em><\/h2>\n                <div class=\"separator-center\">\n                    <div class=\"line\" style=\"background:#C8A96E !important;\"><\/div>\n                    <div class=\"dot\" style=\"background:#C8A96E !important;\"><\/div>\n                    <div class=\"line\" style=\"background:#C8A96E !important;\"><\/div>\n                <\/div>\n                <div style=\"color:#2C2C2C !important; font-family:'Montserrat',sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:1.7 !important; max-width:600px; margin:0 auto; text-align:center;\">\n                    <span style=\"color:#2C2C2C !important;\">Nous s\u00e9lectionnons chaque actif avec rigueur pour vous offrir des soins efficaces, s\u00fbrs et respectueux de votre peau.<\/span>\n                <\/div>\n            <\/header>\n\n            <!-- Two-column: image + text -->\n            <div class=\"naturel-grid\">\n\n                <!-- Image -->\n                <div class=\"naturel-image\">\n                    <div class=\"image-wrapper\">\n                        <!-- REMPLACER par votre image dans Elementor\n                             Id\u00e9ale: flat lay d'ingr\u00e9dients naturels,\n                             fleurs, huiles, beurre de karit\u00e9 sur fond clair -->\n                        <img decoding=\"async\" src=\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/image-nosstre-engagament.png\"\n                             alt=\"Huile naturelle vers\u00e9e dans la main avec pipette dor\u00e9e entour\u00e9e de fleurs blanches et v\u00e9g\u00e9tation, soins naturels VELVEAS\"\n                             title=\"VELVEAS Nature et Soins aux actifs naturels\"\n                             width=\"1024\"\n                             height=\"1024\"\n                             loading=\"lazy\"\n                             style=\"width:100%; height:auto;\">\n                    <\/div>\n\n                    <!-- Floating badge -->\n                    <div class=\"naturel-badge\">\n                        <div class=\"badge-icon\">\n                            <svg viewbox=\"0 0 24 24\">\n                                <polyline points=\"20 6 9 17 4 12\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"badge-text\">\n                            <strong>Sans Parab\u00e8ne<\/strong>\n                            <span>Test\u00e9 dermatologiquement<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Text -->\n                <div class=\"naturel-text\">\n                    <h3>Ce que nous mettons dans vos soins, et ce que nous <span>n'y mettons jamais<\/span><\/h3>\n\n                    <p>Chaque produit Velv\u00e9as est formul\u00e9 \u00e0 partir d'<strong>actifs d'origine naturelle<\/strong> reconnus pour leur efficacit\u00e9. Nous travaillons avec des laboratoires experts pour garantir des textures sensorielles et des r\u00e9sultats visibles, sans jamais compromettre la s\u00e9curit\u00e9 de votre peau.<\/p>\n\n                    <p>Notre approche est claire : int\u00e9grer le meilleur de la nature et exclure tout ce qui pourrait nuire \u00e0 votre sant\u00e9 ou \u00e0 l'environnement.<\/p>\n\n                    <ul class=\"promise-list\">\n                        <li>\n                            <div class=\"promise-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            Sans parab\u00e8ne, sans sulfate, sans silicone\n                        <\/li>\n                        <li>\n                            <div class=\"promise-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            Sans colorants artificiels ni parfums synth\u00e9tiques agressifs\n                        <\/li>\n                        <li>\n                            <div class=\"promise-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            Non test\u00e9 sur les animaux, certifi\u00e9 Cruelty Free\n                        <\/li>\n                        <li>\n                            <div class=\"promise-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            Formules test\u00e9es sous contr\u00f4le dermatologique\n                        <\/li>\n                        <li>\n                            <div class=\"promise-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            Liste INCI compl\u00e8te sur chaque fiche produit\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n\n            <!-- 5 Ingredient highlight cards -->\n            <div class=\"ingredients-row\" role=\"list\">\n\n                <article class=\"ingredient-card\" role=\"listitem\">\n                    <span class=\"ingredient-emoji\">\ud83d\udca7<\/span>\n                    <h4>Acide Hyaluronique<\/h4>\n                    <p>Hydratation intense, repulpe la peau et comble les ridules<\/p>\n                <\/article>\n\n                <article class=\"ingredient-card\" role=\"listitem\">\n                    <span class=\"ingredient-emoji\">\ud83c\udf3f<\/span>\n                    <h4>Huile de Jojoba<\/h4>\n                    <p>R\u00e9gule le s\u00e9bum, nourrit et prot\u00e8ge le film hydrolipidique<\/p>\n                <\/article>\n\n                <article class=\"ingredient-card\" role=\"listitem\">\n                    <span class=\"ingredient-emoji\">\ud83e\uddc8<\/span>\n                    <h4>Beurre de Karit\u00e9<\/h4>\n                    <p>Nutrition profonde, r\u00e9pare et adoucit les peaux s\u00e8ches<\/p>\n                <\/article>\n\n                <article class=\"ingredient-card\" role=\"listitem\">\n                    <span class=\"ingredient-emoji\">\ud83c\udf39<\/span>\n                    <h4>Huile de Rose<\/h4>\n                    <p>\u00c9clat naturel, propri\u00e9t\u00e9s anti-oxydantes et r\u00e9g\u00e9n\u00e9rantes<\/p>\n                <\/article>\n\n                <article class=\"ingredient-card\" role=\"listitem\">\n                    <span class=\"ingredient-emoji\">\u2728<\/span>\n                    <h4>Vitamine E<\/h4>\n                    <p>Antioxydant puissant, prot\u00e8ge contre le vieillissement cutan\u00e9<\/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<div class=\"elementor-element elementor-element-526ddff elementor-widget elementor-widget-html\" data-id=\"526ddff\" 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 - Engagement Section 5 \u00c9co-Responsable & Transparence<\/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 5 \u2014 \u00c9CO-RESPONSABLE & TRANSPARENCE\n           Elementor: Section Full Width, bg deep-rose\n           ============================================ *\/\n        .eco-section {\n            background: linear-gradient(135deg, var(--deep-rose) 0%, var(--deep-rose-hover) 100%);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .eco-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 20% 30%, rgba(200, 169, 110, 0.06) 0%, transparent 50%),\n                radial-gradient(circle at 80% 70%, rgba(253, 220, 227, 0.05) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        .eco-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Header *\/\n        .section-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        .section-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        .section-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 20px;\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        .section-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: 600px;\n            margin: 0 auto;\n        }\n\n        \/* ============================================\n           TWO BLOCKS SIDE BY SIDE\n           Elementor: 2 columns\n           ============================================ *\/\n        .eco-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n\n        .eco-block {\n            background: rgba(255, 255, 255, 0.06);\n            border: 1px solid rgba(200, 169, 110, 0.15);\n            border-radius: 24px;\n            padding: 45px 35px;\n            transition: all 0.4s ease;\n        }\n\n        .eco-block:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: rgba(200, 169, 110, 0.3);\n            transform: translateY(-3px);\n        }\n\n        \/* Block header *\/\n        .block-header {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 25px;\n        }\n\n        .block-icon {\n            width: 55px;\n            height: 55px;\n            min-width: 55px;\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            transition: all 0.4s ease;\n        }\n\n        .eco-block:hover .block-icon {\n            background: rgba(200, 169, 110, 0.15);\n            border-color: var(--gold);\n        }\n\n        .block-icon svg {\n            width: 24px;\n            height: 24px;\n            fill: none;\n            stroke: var(--gold);\n            stroke-width: 1.8;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .block-header h3 {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 26px;\n            font-weight: 500;\n            color: var(--white);\n        }\n\n        \/* Block text *\/\n        .eco-block p {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 300;\n            color: rgba(255, 255, 255, 0.75);\n            line-height: 1.8;\n            margin-bottom: 25px;\n        }\n\n        .eco-block p strong {\n            color: var(--white);\n            font-weight: 500;\n        }\n\n        \/* Commitment list *\/\n        .commit-list {\n            list-style: none;\n            margin: 0;\n            padding: 0;\n        }\n\n        .commit-list li {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            padding: 12px 0;\n            border-top: 1px solid rgba(200, 169, 110, 0.1);\n        }\n\n        .commit-list li:first-child {\n            border-top: none;\n            padding-top: 0;\n        }\n\n        .commit-check {\n            width: 24px;\n            height: 24px;\n            min-width: 24px;\n            border-radius: 50%;\n            background: rgba(200, 169, 110, 0.15);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 1px;\n        }\n\n        .commit-check svg {\n            width: 12px;\n            height: 12px;\n            fill: none;\n            stroke: var(--gold);\n            stroke-width: 2.5;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        .commit-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            color: rgba(255, 255, 255, 0.7);\n            line-height: 1.6;\n        }\n\n        .commit-text strong {\n            color: var(--white);\n            font-weight: 500;\n        }\n\n        \/* ============================================\n           BOTTOM QUOTE \/ PROMISE\n           Elementor: Text Editor centered\n           ============================================ *\/\n        .eco-promise {\n            text-align: center;\n            padding: 40px 0 0;\n            border-top: 1px solid rgba(200, 169, 110, 0.1);\n        }\n\n        .eco-promise .quote-icon {\n            width: 40px;\n            height: 40px;\n            margin: 0 auto 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .eco-promise .quote-icon svg {\n            width: 30px;\n            height: 30px;\n            fill: var(--gold);\n            opacity: 0.4;\n        }\n\n        .eco-promise blockquote {\n            border: none;\n            padding: 0;\n            margin: 0;\n        }\n\n        .eco-promise blockquote p {\n            font-family: 'Cormorant Garamond', serif;\n            font-size: 24px;\n            font-weight: 400;\n            font-style: italic;\n            color: rgba(255, 255, 255, 0.8);\n            line-height: 1.6;\n            max-width: 650px;\n            margin: 0 auto;\n        }\n\n        .eco-promise blockquote p strong {\n            color: var(--gold);\n            font-weight: 500;\n        }\n\n        \/* ============================================\n           RESPONSIVE\n           ============================================ *\/\n        @media (max-width: 968px) {\n            .eco-grid {\n                grid-template-columns: 1fr;\n                gap: 25px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .eco-section {\n                padding: 60px 0;\n            }\n\n            .eco-container {\n                padding: 0 20px;\n            }\n\n            .section-header h2 {\n                font-size: 32px;\n            }\n\n            .eco-block {\n                padding: 30px 25px;\n            }\n\n            .block-header h3 {\n                font-size: 22px;\n            }\n\n            .eco-promise blockquote p {\n                font-size: 20px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"eco-section\" id=\"eco-transparence\" aria-label=\"\u00c9co-Responsabilit\u00e9 et Transparence\">\n\n        <div class=\"eco-container\">\n\n            <!-- Header -->\n            <header class=\"section-header\">\n                <p class=\"section-label\">Notre responsabilit\u00e9<\/p>\n                <h2>\u00c9co-Responsabilit\u00e9 & <em>Transparence<\/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=\"section-intro\">\n                    Prendre soin de votre peau ne devrait jamais se faire au d\u00e9triment de la plan\u00e8te. Nous agissons chaque jour pour r\u00e9duire notre impact et m\u00e9riter votre confiance.\n                <\/p>\n            <\/header>\n\n            <!-- Two blocks -->\n            <div class=\"eco-grid\">\n\n                <!-- Block 1: \u00c9co-Responsable -->\n                <article class=\"eco-block\">\n                    <div class=\"block-header\">\n                        <div class=\"block-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>\u00c9co-Responsabilit\u00e9<\/h3>\n                    <\/div>\n\n                    <p>Nous avons conscience de l'impact que peut avoir une marque cosm\u00e9tique sur l'environnement. C'est pourquoi nous avons fait le choix d'<strong>int\u00e9grer une d\u00e9marche responsable<\/strong> \u00e0 chaque \u00e9tape de notre cha\u00eene de production, de la s\u00e9lection des ingr\u00e9dients jusqu'\u00e0 l'exp\u00e9dition de vos commandes.<\/p>\n\n                    <ul class=\"commit-list\">\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Emballages recyclables<\/strong> con\u00e7us pour minimiser les d\u00e9chets tout en prot\u00e9geant vos produits<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Z\u00e9ro cruaut\u00e9 animale<\/strong> sur l'ensemble de notre gamme, aucun test r\u00e9alis\u00e9 sur les animaux<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Fabrication responsable<\/strong> dans le respect des normes environnementales en vigueur<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>R\u00e9duction du plastique<\/strong> avec un objectif de suppression progressive des plastiques \u00e0 usage unique<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/article>\n\n                <!-- Block 2: Transparence -->\n                <article class=\"eco-block\">\n                    <div class=\"block-header\">\n                        <div class=\"block-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                    <\/div>\n\n                    <p>La confiance se construit par l'honn\u00eatet\u00e9. Nous refusons les pratiques opaques qui sont trop courantes dans l'industrie cosm\u00e9tique. Chez Velv\u00e9as, vous savez exactement <strong>ce que contiennent vos produits<\/strong>, comment ils sont fabriqu\u00e9s et pourquoi nous les avons cr\u00e9\u00e9s.<\/p>\n\n                    <ul class=\"commit-list\">\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Liste INCI compl\u00e8te<\/strong> accessible sur chaque fiche produit pour que vous sachiez tout ce qui touche votre peau<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Prix justes et honn\u00eates<\/strong> sans surco\u00fbt marketing artificiel ni fausse promotion<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Protection de vos donn\u00e9es<\/strong> conform\u00e9ment au RGPD, au PIPEDA et au CCPA<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"commit-check\"><svg viewbox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n                            <span class=\"commit-text\"><strong>Service client disponible<\/strong> et \u00e0 l'\u00e9coute pour r\u00e9pondre \u00e0 toutes vos questions sur nos formulations<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/article>\n\n            <\/div>\n\n            <!-- Bottom promise -->\n            <div class=\"eco-promise\">\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                <blockquote>\n                    <p>Nous ne pr\u00e9tendons pas \u00eatre parfaits, mais nous nous engageons \u00e0 faire <strong>mieux chaque jour<\/strong>. Pour vous, pour votre peau et pour la plan\u00e8te que nous partageons tous.<\/p>\n                <\/blockquote>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01fab22 elementor-widget elementor-widget-html\" data-id=\"01fab22\" 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 - Engagement Section 6 CTA<\/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 #F9C8D0\n           ============================================ *\/\n        .cta-section {\n            background: var(--warm-pink);\n            padding: 100px 0;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-section::before {\n            content: '';\n            position: absolute;\n            top: -150px;\n            right: -150px;\n            width: 400px;\n            height: 400px;\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: -100px;\n            left: -100px;\n            width: 300px;\n            height: 300px;\n            border-radius: 50%;\n            border: 1px solid rgba(164, 77, 92, 0.08);\n            pointer-events: none;\n        }\n\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 *\/\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        \/* 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        \/* H2 *\/\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 *\/\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: 550px;\n            margin: 0 auto 45px;\n        }\n\n        \/* Buttons *\/\n        .cta-buttons {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\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        .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        \/* ============================================\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            }\n        }\n    <\/style>\n<\/head>\n<body>\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\">Passez \u00e0 l'action<\/p>\n            <h2>D\u00e9couvrez des Soins qui <em>Respectent<\/em> Vos Valeurs<\/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                Naturels, inclusifs, responsables et transparents. Nos produits sont con\u00e7us \u00e0 Paris avec la conviction que la beaut\u00e9 doit \u00eatre bonne pour vous et pour la plan\u00e8te.\n            <\/p>\n\n            <!-- CTA Buttons -->\n            <div class=\"cta-buttons\">\n                <a href=\"\/en\/product-category\/soins-visage\/\"\n                   class=\"btn-primary\"\n                   aria-label=\"D\u00e9couvrir les soins visage VELV\u00c9AS\">\n                    Facial care\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=\"\/en\/product-category\/maquillage\/\"\n                   class=\"btn-secondary\"\n                   aria-label=\"D\u00e9couvrir le maquillage VELV\u00c9AS\">\n                    Make-up\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>","protected":false},"excerpt":{"rendered":"<p>VELV\u00c9AS &#8211; Notre Engagement Section 1 Hero Accueil &nbsp;\/&nbsp; Notre Engagement Ce en quoi nous croyons Notre Engagement Chez Velv\u00e9as,<\/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-29831","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>notre engagement - Velveas<\/title>\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\/notre-engagement\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"notre engagement - Velveas\" \/>\n<meta property=\"og:description\" content=\"VELV\u00c9AS &#8211; Notre Engagement Section 1 Hero Accueil &nbsp;\/&nbsp; Notre Engagement Ce en quoi nous croyons Notre Engagement Chez Velv\u00e9as,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/velveas2026.devonlinehub.com\/en\/notre-engagement\/\" \/>\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:29:32+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=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/\",\"url\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/\",\"name\":\"notre engagement - Velveas\",\"isPartOf\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png\",\"datePublished\":\"2026-03-21T21:29:05+00:00\",\"dateModified\":\"2026-03-26T18:29:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#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\/notre-engagement\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/velveas2026.devonlinehub.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"notre engagement\"}]},{\"@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":"notre engagement - Velveas","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\/notre-engagement\/","og_locale":"en_GB","og_type":"article","og_title":"notre engagement - Velveas","og_description":"VELV\u00c9AS &#8211; Notre Engagement Section 1 Hero Accueil &nbsp;\/&nbsp; Notre Engagement Ce en quoi nous croyons Notre Engagement Chez Velv\u00e9as,","og_url":"https:\/\/velveas2026.devonlinehub.com\/en\/notre-engagement\/","og_site_name":"Velveas","article_publisher":"https:\/\/www.facebook.com\/people\/Velvas-Paris\/61580039374395\/","article_modified_time":"2026-03-26T18:29:32+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":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/","url":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/","name":"notre engagement - Velveas","isPartOf":{"@id":"https:\/\/velveas2026.devonlinehub.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#primaryimage"},"image":{"@id":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#primaryimage"},"thumbnailUrl":"https:\/\/velveas2026.devonlinehub.com\/wp-content\/uploads\/2026\/03\/cropped-Favicon.png","datePublished":"2026-03-21T21:29:05+00:00","dateModified":"2026-03-26T18:29:32+00:00","breadcrumb":{"@id":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/velveas2026.devonlinehub.com\/notre-engagement\/#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\/notre-engagement\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/velveas2026.devonlinehub.com\/"},{"@type":"ListItem","position":2,"name":"notre engagement"}]},{"@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\/29831","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=29831"}],"version-history":[{"count":43,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages\/29831\/revisions"}],"predecessor-version":[{"id":30708,"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/pages\/29831\/revisions\/30708"}],"wp:attachment":[{"href":"https:\/\/velveas2026.devonlinehub.com\/en\/wp-json\/wp\/v2\/media?parent=29831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}