{"id":249,"date":"2026-02-13T14:13:17","date_gmt":"2026-02-13T13:13:17","guid":{"rendered":"https:\/\/formulaire.arret-travail-france.com\/?page_id=249"},"modified":"2026-02-14T15:14:31","modified_gmt":"2026-02-14T14:14:31","slug":"paiement","status":"publish","type":"page","link":"https:\/\/medatec-france.com\/index.php\/paiement\/","title":{"rendered":"paiement"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"249\" class=\"elementor elementor-249\">\n\t\t\t\t<div class=\"elementor-element elementor-element-510e887 e-flex e-con-boxed e-con e-parent\" data-id=\"510e887\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56e4a49 elementor-widget elementor-widget-html\" data-id=\"56e4a49\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Arr\u00eat Maladie - Paiement 23\u20ac | Global Performance Development<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            min-height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .payment-container {\r\n            max-width: 600px;\r\n            width: 100%;\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n            overflow: hidden;\r\n            animation: slideUp 0.5s ease;\r\n        }\r\n        \r\n        @keyframes slideUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n        \r\n        .payment-header {\r\n            background: linear-gradient(135deg, #1a3a5f 0%, #2c5282 100%);\r\n            color: white;\r\n            padding: 30px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .payment-header i {\r\n            font-size: 50px;\r\n            margin-bottom: 15px;\r\n            color: #00b4d8;\r\n        }\r\n        \r\n        .payment-header h1 {\r\n            font-size: 24px;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .payment-header p {\r\n            font-size: 14px;\r\n            opacity: 0.9;\r\n        }\r\n        \r\n        .payment-body {\r\n            padding: 30px;\r\n        }\r\n        \r\n        .amount-box {\r\n            background: #f7fafc;\r\n            border-radius: 15px;\r\n            padding: 20px;\r\n            text-align: center;\r\n            margin-bottom: 25px;\r\n            border: 2px dashed #cbd5e0;\r\n        }\r\n        \r\n        .amount-label {\r\n            font-size: 14px;\r\n            color: #718096;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .amount-value {\r\n            font-size: 48px;\r\n            font-weight: 700;\r\n            color: #1a3a5f;\r\n        }\r\n        \r\n        .amount-currency {\r\n            font-size: 24px;\r\n            color: #718096;\r\n            margin-left: 5px;\r\n        }\r\n        \r\n        .info-box {\r\n            background: #ebf8ff;\r\n            border-left: 4px solid #00b4d8;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            margin-bottom: 25px;\r\n            font-size: 14px;\r\n            color: #2c5282;\r\n        }\r\n        \r\n        .info-box i {\r\n            color: #00b4d8;\r\n            margin-right: 8px;\r\n        }\r\n        \r\n        .payment-section {\r\n            background: #f8fafc;\r\n            border-radius: 15px;\r\n            padding: 20px;\r\n            margin-bottom: 20px;\r\n            border: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .payment-section h3 {\r\n            font-size: 16px;\r\n            color: #2d3748;\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .payment-section h3 i {\r\n            color: #00b4d8;\r\n        }\r\n        \r\n        \/* Zone du shortcode *\/\r\n        .wpedon-shortcode-container {\r\n            background: white;\r\n            border-radius: 10px;\r\n            padding: 15px;\r\n            border: 2px dashed #cbd5e0;\r\n            text-align: center;\r\n        }\r\n        \r\n        .wpedon-placeholder {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .wpedon-placeholder i {\r\n            font-size: 48px;\r\n            color: #1a3a5f;\r\n        }\r\n        \r\n        .wpedon-placeholder .note {\r\n            background: #fef3c7;\r\n            border-left: 4px solid #f59e0b;\r\n            padding: 12px;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            color: #92400e;\r\n            width: 100%;\r\n        }\r\n        \r\n        .security-badge {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n            padding-top: 20px;\r\n            border-top: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .security-badge i {\r\n            color: #48bb78;\r\n            font-size: 20px;\r\n        }\r\n        \r\n        .security-badge span {\r\n            font-size: 12px;\r\n            color: #718096;\r\n        }\r\n        \r\n        .contact-info {\r\n            text-align: center;\r\n            margin-top: 20px;\r\n            padding: 15px;\r\n            background: #f8fafc;\r\n            border-radius: 10px;\r\n            font-size: 13px;\r\n            color: #4a5568;\r\n        }\r\n        \r\n        .contact-info i {\r\n            color: #00b4d8;\r\n            margin-right: 5px;\r\n        }\r\n        \r\n        .divider {\r\n            display: flex;\r\n            align-items: center;\r\n            text-align: center;\r\n            color: #cbd5e0;\r\n            margin: 15px 0;\r\n        }\r\n        \r\n        .divider::before,\r\n        .divider::after {\r\n            content: '';\r\n            flex: 1;\r\n            border-bottom: 1px solid #e2e8f0;\r\n        }\r\n        \r\n        .divider span {\r\n            padding: 0 10px;\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            color: #a0aec0;\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .payment-body {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .amount-value {\r\n                font-size: 36px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n   <div class=\"payment-container\">\r\n        <div class=\"payment-header\">\r\n            <i class=\"fas fa-file-medical\"><\/i>\r\n            <h1>Paiement Arr\u00eat Maladie<\/h1>\r\n            <p>Formulaire de paiement s\u00e9curis\u00e9<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"payment-body\">\r\n            <!-- Montant -->\r\n            <div class=\"amount-box\">\r\n                <div class=\"amount-label\">Montant \u00e0 payer<\/div>\r\n                <div class=\"amount-value\">23<span class=\"amount-currency\">\u20ac<\/span><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Informations importantes -->\r\n            <div class=\"info-box\">\r\n                <i class=\"fas fa-info-circle\"><\/i>\r\n                Ce paiement concerne le traitement de votre dossier d'arr\u00eat maladie.\r\n                Une confirmation vous sera envoy\u00e9e par email apr\u00e8s le paiement.\r\n            <\/div>\r\n            \r\n          \r\n                <!-- Version pour l'aper\u00e7u HTML (sera remplac\u00e9 par WordPress) -->\r\n                <div class=\"wpedon-shortcode-container\">\r\n                    <div class=\"wpedon-placeholder\">\r\n                        <i class=\"fab fa-paypal\"><\/i>\r\n                        <i class=\"fas fa-credit-card\" style=\"margin-left: -15px;\"><\/i>\r\n                        <div style=\"font-weight: bold; color: #1a3a5f; font-size: 18px; margin: 10px 0;\">\r\n                            \u26a1 Interface de paiement \r\n                        <\/div>\r\n                        \r\n                <code style=\"background: #e2e8f0; padding: 3px 6px; border-radius: 4px;\">[wpedon id=246]<\/code> \r\n                        <\/div>\r\n           \r\n                        <!-- Bouton de d\u00e9monstration visuelle (optionnel) -->\r\n                        <div style=\"margin-top: 15px; width: 100%;\">\r\n                            <div style=\"background: #f0f9ff; border-radius: 8px; padding: 15px; border: 1px solid #bae6fd;\">\r\n                                <div style=\"display: flex; justify-content: center; gap: 20px; margin-bottom: 10px;\">\r\n                                    <i class=\"fab fa-cc-visa\" style=\"font-size: 32px; color: #1a1e2b;\"><\/i>\r\n                                    <i class=\"fab fa-cc-mastercard\" style=\"font-size: 32px; color: #f79e1b;\"><\/i>\r\n                                    <i class=\"fab fa-cc-amex\" style=\"font-size: 32px; color: #006fcf;\"><\/i>\r\n                                    <i class=\"fab fa-cc-paypal\" style=\"font-size: 32px; color: #003087;\"><\/i>\r\n                                <\/div>\r\n                                <div style=\"background: #1a3a5f; color: white; padding: 12px; border-radius: 6px; font-weight: bold;\">\r\n                                    <i class=\"fab fa-paypal\"><\/i> Payer avec PayPal ou carte bancaire\r\n                                <\/div>\r\n                                <div style=\"margin-top: 8px; font-size: 12px; color: #64748b;\">\r\n                                    \u2713 Paiement 100% s\u00e9curis\u00e9 - SSL crypt\u00e9\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n              \r\n               \r\n            \r\n            <!-- Badges de s\u00e9curit\u00e9 -->\r\n            <div class=\"security-badge\">\r\n                <i class=\"fas fa-shield-alt\"><\/i>\r\n                <span>Paiement 100% s\u00e9curis\u00e9<\/span>\r\n                <i class=\"fas fa-lock\"><\/i>\r\n                <span>Cryptage SSL<\/span>\r\n            <\/div>\r\n            \r\n            <!-- Informations de contact -->\r\n            <div class=\"contact-info\">\r\n             Assistance : contact@villio-france-fr.com\r\n                <i class=\"fas fa-envelope\"> <\/i>             <\/div>\r\n           \r\n            <div class=\"divider\">\r\n                <span>ou<\/span>\r\n            <\/div>\r\n            \r\n            <!-- Lien de retour -->\r\n            <div style=\"text-align: center;\">\r\n                <a href=\"#\" style=\"color: #718096; text-decoration: none; font-size: 13px;\">\r\n                    <i class=\"fas fa-arrow-left\"><\/i> Retour \u00e0 la page pr\u00e9c\u00e9dente\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <script>\r\n        \/\/ Ajouter une petite interaction pour guider l'utilisateur\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            console.log('Page de paiement arr\u00eat maladie - 23\u20ac');\r\n            console.log('Shortcode \u00e0 utiliser: [wpedon id=246]');\r\n        });\r\n    <\/script>\r\n<\/body>\r\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>Arr\u00eat Maladie &#8211; Paiement 23\u20ac | Global Performance Development Paiement Arr\u00eat Maladie Formulaire de paiement s\u00e9curis\u00e9 Montant \u00e0 payer 23\u20ac [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-249","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/pages\/249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/comments?post=249"}],"version-history":[{"count":25,"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/pages\/249\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/pages\/249\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/medatec-france.com\/index.php\/wp-json\/wp\/v2\/media?parent=249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}