{"id":53,"date":"2026-09-17T13:58:02","date_gmt":"2026-09-17T13:58:02","guid":{"rendered":"https:\/\/deprat.fr\/?page_id=53"},"modified":"2026-09-18T06:53:11","modified_gmt":"2026-09-18T06:53:11","slug":"elementor-53","status":"publish","type":"page","link":"https:\/\/deprat.fr\/","title":{"rendered":"Elementor #53"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f716f0a e-con-full e-flex e-con e-parent\" data-id=\"f716f0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6927c29 elementor-widget elementor-widget-html\" data-id=\"6927c29\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    html,\r\n    body {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        width: 100% !important;\r\n        min-height: 100% !important;\r\n        overflow-x: hidden !important;\r\n    }\r\n\r\n    body {\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       PAGE - BORD \u00c0 BORD\r\n    ======================================== *\/\r\n\r\n    .maintenance-page {\r\n        position: relative;\r\n\r\n        width: 100vw !important;\r\n        max-width: 100vw !important;\r\n        min-height: 100vh !important;\r\n\r\n        margin-left: calc(50% - 50vw) !important;\r\n        margin-right: calc(50% - 50vw) !important;\r\n\r\n        padding: 40px !important;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        background:\r\n            radial-gradient(\r\n                circle at 15% 25%,\r\n                rgba(255, 255, 255, 0.12),\r\n                transparent 35%\r\n            ),\r\n            linear-gradient(\r\n                135deg,\r\n                #0a3a8b 0%,\r\n                #082f73 50%,\r\n                #041d48 100%\r\n            );\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       CONTENU\r\n    ======================================== *\/\r\n\r\n    .maintenance-content {\r\n        width: 100%;\r\n        max-width: 1100px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        gap: 80px;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       IMAGE\r\n    ======================================== *\/\r\n\r\n    .maintenance-image {\r\n        width: 50%;\r\n\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n        perspective: 1000px;\r\n\r\n        \/* Illustration l\u00e9g\u00e8rement descendue *\/\r\n        transform: translateY(40px);\r\n    }\r\n\r\n\r\n    .maintenance-image img {\r\n        display: block;\r\n\r\n        width: 100%;\r\n        max-width: 500px;\r\n        max-height: 500px;\r\n\r\n        object-fit: contain;\r\n\r\n        transition: transform 0.15s ease-out;\r\n\r\n        will-change: transform;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       TEXTE\r\n    ======================================== *\/\r\n\r\n    .maintenance-text {\r\n        width: 50%;\r\n\r\n        color: #ffffff !important;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       LOGO\r\n    ======================================== *\/\r\n\r\n    .maintenance-logo {\r\n        display: block;\r\n\r\n        width: 160px;\r\n        max-width: 100%;\r\n        height: auto;\r\n\r\n        margin: 0 0 30px 0 !important;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       TITRE\r\n    ======================================== *\/\r\n\r\n    .maintenance-text h1 {\r\n        margin: 0 0 22px 0 !important;\r\n\r\n        font-size: clamp(40px, 5vw, 64px) !important;\r\n        line-height: 1.05 !important;\r\n        font-weight: 700 !important;\r\n\r\n        color: #ffffff !important;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       TEXTE\r\n    ======================================== *\/\r\n\r\n    .maintenance-text p {\r\n        margin: 0 0 25px 0 !important;\r\n\r\n        max-width: 520px;\r\n\r\n        font-size: 18px !important;\r\n        line-height: 1.6 !important;\r\n\r\n        color: #ffffff !important;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       FORMULAIRE CONTACT FORM 7\r\n    ======================================== *\/\r\n\r\n    .maintenance-form {\r\n        width: 100%;\r\n\r\n        \/* Formulaire r\u00e9duit *\/\r\n        max-width: 400px;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       LABEL\r\n    ======================================== *\/\r\n\r\n    .maintenance-form label {\r\n        display: block;\r\n\r\n        margin: 0 !important;\r\n\r\n        color: #ffffff !important;\r\n\r\n        font-size: 16px;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       CHAMP EMAIL\r\n    ======================================== *\/\r\n\r\n    .maintenance-form input[type=\"email\"] {\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        height: 48px;\r\n\r\n        margin-top: 8px !important;\r\n\r\n        padding: 0 18px;\r\n\r\n        border: none !important;\r\n        border-radius: 8px !important;\r\n\r\n        background: #ffffff !important;\r\n\r\n        color: #222222 !important;\r\n\r\n        font-family: Arial, sans-serif;\r\n        font-size: 16px;\r\n\r\n        outline: none;\r\n    }\r\n\r\n\r\n    .maintenance-form input[type=\"email\"]::placeholder {\r\n        color: #777777;\r\n    }\r\n\r\n\r\n    .maintenance-form input[type=\"email\"]:focus {\r\n        outline: none;\r\n\r\n        box-shadow:\r\n            0 0 0 3px rgba(255, 255, 255, 0.20);\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       BOUTON\r\n    ======================================== *\/\r\n\r\n    .maintenance-form input[type=\"submit\"] {\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        height: 48px;\r\n\r\n        margin-top: 12px !important;\r\n\r\n        padding: 0 20px;\r\n\r\n        border: none !important;\r\n        border-radius: 8px !important;\r\n\r\n        background: #ffffff !important;\r\n\r\n        color: #0a3a8b !important;\r\n\r\n        font-family: Arial, sans-serif;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            background 0.2s ease,\r\n            transform 0.2s ease;\r\n    }\r\n\r\n\r\n    .maintenance-form input[type=\"submit\"]:hover {\r\n        background: #f2f2f2 !important;\r\n\r\n        color: #0a3a8b !important;\r\n\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n\r\n    .maintenance-form input[type=\"submit\"]:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       MESSAGE D'ERREUR CONTACT FORM 7\r\n    ======================================== *\/\r\n\r\n    .maintenance-form .wpcf7-not-valid-tip {\r\n        color: #ffffff !important;\r\n\r\n        font-size: 14px;\r\n\r\n        margin-top: 5px;\r\n    }\r\n\r\n\r\n    .maintenance-form .wpcf7-response-output {\r\n        margin: 15px 0 0 0 !important;\r\n\r\n        padding: 10px !important;\r\n\r\n        border: 1px solid rgba(255,255,255,0.5) !important;\r\n\r\n        border-radius: 6px;\r\n\r\n        color: #ffffff !important;\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n\r\n    \/* ========================================\r\n       MOBILE\r\n    ======================================== *\/\r\n\r\n    @media (max-width: 800px) {\r\n\r\n        .maintenance-page {\r\n            width: 100vw !important;\r\n            max-width: 100vw !important;\r\n\r\n            min-height: 100vh !important;\r\n\r\n            padding: 40px 20px !important;\r\n        }\r\n\r\n\r\n        .maintenance-content {\r\n            flex-direction: column;\r\n\r\n            gap: 35px;\r\n\r\n            text-align: center;\r\n        }\r\n\r\n\r\n        .maintenance-image,\r\n        .maintenance-text {\r\n            width: 100%;\r\n        }\r\n\r\n\r\n        .maintenance-image {\r\n            \/* Pas de d\u00e9calage sur mobile *\/\r\n            transform: none !important;\r\n        }\r\n\r\n\r\n        .maintenance-image img {\r\n            max-width: 320px;\r\n            max-height: 280px;\r\n\r\n            transform: none !important;\r\n        }\r\n\r\n\r\n        .maintenance-logo {\r\n            width: 140px;\r\n\r\n            margin-left: auto !important;\r\n            margin-right: auto !important;\r\n\r\n            margin-bottom: 25px !important;\r\n        }\r\n\r\n\r\n        .maintenance-text h1 {\r\n            font-size: 40px !important;\r\n        }\r\n\r\n\r\n        .maintenance-text p {\r\n            margin-left: auto !important;\r\n            margin-right: auto !important;\r\n        }\r\n\r\n\r\n        .maintenance-form {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n\r\n            text-align: left;\r\n\r\n            max-width: 400px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<!-- ========================================\r\n     PAGE MAINTENANCE\r\n======================================== -->\r\n\r\n<div class=\"maintenance-page\">\r\n\r\n\r\n    <div class=\"maintenance-content\">\r\n\r\n\r\n        <!-- ==================================\r\n             IMAGE\r\n        =================================== -->\r\n\r\n        <div class=\"maintenance-image\">\r\n\r\n            <img decoding=\"async\"\r\n                id=\"maintenanceIllustration\"\r\n                src=\"https:\/\/deprat.fr\/wp-content\/uploads\/2026\/09\/Plan-de-travail-1-3-scaled.png\"\r\n                alt=\"Site en maintenance\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ==================================\r\n             CONTENU\r\n        =================================== -->\r\n\r\n        <div class=\"maintenance-text\">\r\n\r\n\r\n            <!-- LOGO -->\r\n\r\n            <img decoding=\"async\"\r\n                class=\"maintenance-logo\"\r\n                src=\"https:\/\/deprat.fr\/wp-content\/uploads\/2026\/09\/Plan-de-travail-1-2.png\"\r\n                alt=\"Deprat\"\r\n            >\r\n\r\n\r\n            <!-- TITRE -->\r\n\r\n            <h1>\r\n                Site en maintenance\r\n            <\/h1>\r\n\r\n\r\n            <!-- TEXTE -->\r\n\r\n            <p>\r\n                Notre site fait actuellement peau neuve afin de vous offrir\r\n                une exp\u00e9rience encore plus agr\u00e9able.\r\n                <br><br>\r\n                En attendant, t\u00e9l\u00e9chargez gratuitement notre catalogue directement.\r\n            <\/p>\r\n\r\n\r\n            <!-- ==================================\r\n                 CONTACT FORM 7\r\n            =================================== -->\r\n\r\n            <div class=\"maintenance-form\">\r\n\r\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f89-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"89\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/53#wpcf7-f89-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"89\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f89-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom de votre soci\u00e9t\u00e9\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre e-mail\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<div class=\"wpcf7-turnstile cf-turnstile\" data-sitekey=\"0x4AAAAAAE7cPJmzGFDXx6Ta\" data-response-field-name=\"_wpcf7_turnstile_response\"><\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Obtenir le catalogue\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ========================================\r\n     EFFET SOURIS SUR L'ILLUSTRATION\r\n======================================== -->\r\n\r\n<script>\r\n\r\n    const illustration =\r\n        document.getElementById(\"maintenanceIllustration\");\r\n\r\n\r\n    document.addEventListener(\"mousemove\", function(e) {\r\n\r\n        \/* Pas d'effet sur mobile *\/\r\n\r\n        if (window.innerWidth <= 800) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* Position de la souris *\/\r\n\r\n        const mouseX =\r\n            e.clientX \/ window.innerWidth;\r\n\r\n        const mouseY =\r\n            e.clientY \/ window.innerHeight;\r\n\r\n\r\n        \/* Mouvement *\/\r\n\r\n        const moveX =\r\n            (mouseX - 0.5) * 24;\r\n\r\n        const moveY =\r\n            (mouseY - 0.5) * 24;\r\n\r\n\r\n        \/* Rotation l\u00e9g\u00e8re *\/\r\n\r\n        const rotateX =\r\n            (mouseY - 0.5) * -4;\r\n\r\n        const rotateY =\r\n            (mouseX - 0.5) * 4;\r\n\r\n\r\n        \/* Application *\/\r\n\r\n        illustration.style.transform =\r\n            `translate(${moveX}px, ${moveY}px)\r\n             rotateX(${rotateX}deg)\r\n             rotateY(${rotateY}deg)`;\r\n\r\n    });\r\n\r\n<\/script>\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>Site en maintenance Notre site fait actuellement peau neuve afin de vous offrir une exp\u00e9rience encore plus agr\u00e9able. En attendant, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":37,"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":113,"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/113"}],"wp:attachment":[{"href":"https:\/\/deprat.fr\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}