{"id":86447,"date":"2024-12-23T15:07:18","date_gmt":"2024-12-23T14:07:18","guid":{"rendered":"https:\/\/matuile.com\/media\/?page_id=86447"},"modified":"2024-12-23T15:07:45","modified_gmt":"2024-12-23T14:07:45","slug":"devis-depannage-informatique","status":"publish","type":"page","link":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/","title":{"rendered":"Demander un D\u00e9pannage informatique"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    \n    \n    <title>Masquer le Titre<\/title>\n    <style>\n        body {\n            background-color: transparent;\n            margin: 0;\n            padding: 0;\n        }\n        h1 {\n            display: none; \/* Masque compl\u00e8tement le titre et l'espace qu'il occupe *\/\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Le reste du contenu de la page -->\n<\/body>\n<\/html><!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>Formulaire Uniformis\u00e9<\/title>\n    <style>\n        \/* Uniformiser la largeur des champs Contact Form 7 *\/\n        .wpcf7-form input[type=\"text\"],\n        .wpcf7-form input[type=\"email\"],\n        .wpcf7-form input[type=\"tel\"],\n        .wpcf7-form textarea,\n        .wpcf7-form select {\n            width: 100% !important; \/* Tous les champs occupent 100% de la largeur *\/\n            box-sizing: border-box; \/* Inclut padding et bordure dans la largeur *\/\n            padding: 10px; \/* Espacement int\u00e9rieur *\/\n            margin-bottom: 15px; \/* Espacement entre les champs *\/\n            border: 1px solid #ccc; \/* Bordure standard *\/\n            border-radius: 4px; \/* Coins l\u00e9g\u00e8rement arrondis *\/\n            font-size: 14px; \/* Taille de police uniforme *\/\n        }\n\n        \/* Ajuster le bouton de soumission *\/\n        .wpcf7-form input[type=\"submit\"] {\n            width: 100% !important; \/* Bouton aussi large que les autres champs *\/\n            box-sizing: border-box;\n            background-color: #4CAF50;\n            color: white;\n            font-size: 14px;\n            padding: 10px;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n        }\n\n        .wpcf7-form input[type=\"submit\"]:hover {\n            background-color: #45a049;\n        }\n\n        \/* Ajuster les labels pour un meilleur alignement *\/\n        .wpcf7-form label {\n            display: block;\n            font-weight: bold;\n            margin-bottom: 5px;\n        }\n\n        \/* Centrer le formulaire pour une meilleure pr\u00e9sentation *\/\n        .form-container {\n            max-width: 600px;\n            margin: 50px auto;\n            padding: 20px;\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n\n        \/* Titre du formulaire en vert et plus gros *\/\n        .form-container h2 {\n            text-align: center;\n            font-size: 32px; \/* Taille du texte plus grande *\/\n            font-weight: bold; \/* Texte en gras *\/\n            color: #34a853; \/* Couleur du texte en vert *\/\n            margin-bottom: 10px;\n        }\n\n        \/* Phrase centr\u00e9e sous le titre *\/\n        .form-container .subtitle {\n            text-align: center; \/* Centrer le texte *\/\n            font-size: 16px; \/* Taille de police *\/\n            font-weight: bold; \/* Texte en gras *\/\n            margin-bottom: 20px; \/* Espacement en dessous *\/\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"form-container\">\n        <h2>Demander un D\u00e9pannage<\/h2>\n        <p class=\"subtitle\">(Devis gratuit et sans engagement)<\/p>\n        \n        <!-- Formulaire Contact Form 7 -->\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f86430-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"86430\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/media\/wp-json\/wp\/v2\/pages\/86447#wpcf7-f86430-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=\"86430\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f86430-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-848\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"tel-848\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<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=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-601\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Adresse\" value=\"\" type=\"text\" name=\"text-601\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-899\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Code postal\" value=\"\" type=\"text\" name=\"text-899\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-777\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ville\" value=\"\" type=\"text\" name=\"text-777\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"select-417\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-417\"><option value=\"\">Quand souhaitez-vous l&#039;intervention ?<\/option><option value=\"Imm\u00e9diatement\">Imm\u00e9diatement<\/option><option value=\"Le plus t\u00f4t possible\">Le plus t\u00f4t possible<\/option><option value=\"\u00c0 d\u00e9terminer\">\u00c0 d\u00e9terminer<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Votre besoin...\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Demander un Devis\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n<\/body>\n<\/html><!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<\/head>\n<body>\n    <script>\n        \/\/ S\u00e9lectionner le titre H1 existant\n        var titreH1 = document.querySelector('h1');\n\n        \/\/ V\u00e9rifier si un titre H1 existe sur la page\n        if (titreH1) {\n            titreH1.style.fontWeight = 'bold';\n        }\n    <\/script>\n\n<\/body>\n<\/html><!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>Masquer le Titre<\/title>\r\n    <style>\r\n        body {\r\n            background-color: transparent;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        h1 {\r\n            display: none; \/* Masque compl\u00e8tement le titre et l'espace qu'il occupe *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h1>Mon Titre<\/h1>\r\n    <!-- Le reste du contenu de la page -->\r\n<\/body>\r\n<\/html><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:700\">Pourquoi nous faire confiance ?<\/h2><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"encarts-section\">\r\n    <style>\r\n        .encarts-section {\r\n            padding: 20px;\r\n            background-color: #f4f4f4;\r\n        }\r\n        .encarts-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: space-around;\r\n            gap: 20px;\r\n        }\r\n        .encart-card {\r\n            background-color: white;\r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n            padding: 20px;\r\n            max-width: 320px;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n        .encart-card h2 {\r\n            color: #FF5722;  \/* Orange comme avant *\/\r\n            margin-bottom: 10px;\r\n            font-size: 1.5em;\r\n        }\r\n        .encart-card p {\r\n            color: #555;\r\n            margin-bottom: 20px;\r\n            font-size: 1em;\r\n            line-height: 1.6;\r\n            flex-grow: 1; \/* Allows the paragraph to take up space and push the button down *\/\r\n        }\r\n        .cta-button {\r\n            display: inline-block;\r\n            padding: 12px 24px;\r\n            background-color: #28A745;  \/* Vert vif pour un contraste \u00e9lev\u00e9 avec l'orange *\/\r\n            color: white;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            border-radius: 5px;\r\n            transition: background-color 0.3s, color 0.3s, border 0.3s;\r\n            margin-top: 10px;  \/* Pour un meilleur espacement *\/\r\n        }\r\n        .cta-button:hover {\r\n            background-color: #218838;  \/* Un vert plus fonc\u00e9 au survol pour plus d'interaction *\/\r\n            color: white;\r\n            border: 2px solid #218838;  \/* Bordure verte au survol pour plus de contraste *\/\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"encarts-container\">\r\n        <!-- Encart 1 -->\r\n        <div class=\"encart-card\">\r\n            <h2>Votre assistance 100% gratuite et sans engagement<\/h2>\r\n            <p>Besoin d\u2019aide ? Notre service d\u2019assistance est l\u00e0 pour vous, sans frais ni contraintes. Faites appel \u00e0 nous en toute simplicit\u00e9 et b\u00e9n\u00e9ficiez d\u2019une aide personnalis\u00e9e.<\/p>\r\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">Appelez-nous<\/a>\r\n        <\/div>\r\n\r\n        <!-- Encart 2 -->\r\n        <div class=\"encart-card\">\r\n            <h2>Des experts qualifi\u00e9s \u00e0 votre service<\/h2>\r\n            <p>Nous vous mettons en relation avec des experts de confiance, s\u00e9lectionn\u00e9s pour leur savoir-faire et leur s\u00e9rieux. Une solution rapide et efficace en cas d\u2019urgence.<\/p>\r\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">Trouvez un professionnel<\/a>\r\n        <\/div>\r\n\r\n        <!-- Encart 3 -->\r\n        <div class=\"encart-card\">\r\n            <h2>Faites des \u00e9conomies<\/h2>\r\n            <p>Gr\u00e2ce \u00e0 notre connaissance des prix du march\u00e9, nous vous orientons vers le meilleur choix sans exploser votre budget. Pas de mauvaises surprises, juste des \u00e9conomies !<\/p>\r\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">\u00c9conomisez d\u00e8s aujourd\u2019hui<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction handleClick(event) {\r\n    if (!navigator.userAgent.match(\/Android|iPhone|iPad|iPod|Mobile|Windows Phone\/i)) {\r\n        event.preventDefault(); \/\/ Emp\u00eache le lien par d\u00e9faut\r\n        alert(\"Veuillez utiliser un t\u00e9l\u00e9phone pour appeler ce num\u00e9ro : 01 85 09 01 01\");\r\n    }\r\n}\r\n<\/script><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:700\">Avis clients<\/h2><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?a48cae7387b950923e86836e68f\"><\/div><!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    \r\n    \r\n    <title>Masquer le Titre<\/title>\r\n    <style>\r\n        body {\r\n            background-color: transparent;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n        h1 {\r\n            display: none; \/* Masque compl\u00e8tement le titre et l'espace qu'il occupe *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Le reste du contenu de la page -->\r\n<\/body>\r\n<\/html><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading has-text-align-center has-large-font-size\" style=\"font-style:normal;font-weight:700\">Assistance 24\/7<\/h2><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\" style=\"background-color:#f4f4f4\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- Cadre centr\u00e9 avec un titre et un bouton pour appeler -->\r\n<div style=\"width: 100%; max-width: 500px; padding: 40px; border: 3px solid #ffffff; border-radius: 10px; margin: 10px auto; background-color: #ffffff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); text-align: center; box-sizing: border-box;\">\r\n    <!-- Titre \"Contacter un conseiller\" -->\r\n    <h2 style=\"font-size: 28px; font-weight: bold; color: #333; margin-top: 0; margin-bottom: 30px;\">Contacter un conseiller<\/h2>\r\n\r\n    <!-- Bouton pour appeler -->\r\n    <a href=\"tel:0185090101\" id=\"callButton\" style=\"font-size: 20px; font-weight: bold; padding: 15px 40px; background-color: #d86031; color: white; border: 3px solid transparent; border-radius: 8px; text-decoration: none; cursor: pointer; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px;\"\r\n       onclick=\"handleCallClick(event)\">\r\n        <!-- Ic\u00f4ne du t\u00e9l\u00e9phone -->\r\n        <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"T\u00e9l\u00e9phone\" style=\"width: 24px; height: 24px; display: inline-block;\">\r\n        <!-- Num\u00e9ro de t\u00e9l\u00e9phone -->\r\n        01.85.09.01.01\r\n    <\/a>\r\n\r\n    <!-- Espace en dessous du bouton -->\r\n    <div style=\"height: 5px;\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction handleCallClick(event) {\r\n    \/\/ D\u00e9tection des appareils mobiles\r\n    if (!navigator.userAgent.match(\/Android|iPhone|iPad|iPod|Mobile|Windows Phone\/i)) {\r\n        event.preventDefault(); \/\/ Bloque l'action par d\u00e9faut sur ordinateur\r\n        alert(\"Veuillez utiliser un t\u00e9l\u00e9phone pour appeler ce num\u00e9ro : 01 85 09 01 01\");\r\n    }\r\n}\r\n<\/script><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><!-- Bloc parent unique pour isoler le code -->\r\n<div class=\"rappel-modal\" style=\"width: 100%; max-width: 500px; padding: 5px; border: 3px solid #ffffff; border-radius: 10px; margin: 13px auto; background-color: #ffffff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); text-align: center; box-sizing: border-box;\">\r\n    <!-- Titre -->\r\n    <h2 style=\"font-size: 28px; font-weight: bold; color: #333; margin-bottom: 30px;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2>\r\n\r\n    <!-- Bouton pour ouvrir le formulaire -->\r\n<button id=\"openFormButton\" style=\"font-size: 20px; font-weight: bold; padding: 20px 40px; background-color: #32A352; color: white; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); margin-bottom: 52px;\">\r\n    \u00catre appel\u00e9(e)\r\n<\/button>\r\n\r\n    <!-- Fen\u00eatre modale contenant le formulaire -->\r\n    <div id=\"formModal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; z-index: 1000;\">\r\n        <div style=\"border: 2px solid #32A352; padding: 20px; border-radius: 10px; max-width: 500px; width: 90%; max-height: 90%; overflow-y: auto; background-color: white;\">\r\n            <!-- Titre de la modale -->\r\n            <h2 style=\"font-size: 32px; font-weight: bold; text-align: center;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2>\r\n\r\n            <!-- Texte sous le titre -->\r\n            <p style=\"font-size: 22px; font-weight: bold; color: black; text-align: center;\">\r\n                <span style=\"color: #32A352; font-size: 30px; margin-right: 10px;\">&#8226;<\/span> Rappel imm\u00e9diat gratuit\r\n            <\/p>\r\n            <p style=\"font-size: 14px; color: #555; text-align: center;\">(Service uniquement en France)<\/p>\r\n\r\n            <!-- Formulaire Contact Form 7 -->\r\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f84639-o2\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"84639\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/media\/wp-json\/wp\/v2\/pages\/86447#wpcf7-f84639-o2\" 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=\"84639\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f84639-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nom\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-191\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"T\u00e9l\u00e9phone\" value=\"\" type=\"tel\" name=\"tel-191\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<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=\"Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Quand souhaitez-vous \u00eatre rappel\u00e9(e) ?<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-633\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"checkbox-633[]\" value=\"Maintenant\" \/><span class=\"wpcf7-list-item-label\">Maintenant<\/span><\/label><\/span><\/span><\/span> <\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"checkbox-633\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"checkbox-633[]\" value=\"Plus tard\" \/><span class=\"wpcf7-list-item-label\">Plus tard<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-863\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"select-863\"><option value=\"Lundi\">Lundi<\/option><option value=\"Mardi\">Mardi<\/option><option value=\"Mercredi\">Mercredi<\/option><option value=\"Jeudi\">Jeudi<\/option><option value=\"Vendredi\">Vendredi<\/option><option value=\"Samedi\">Samedi<\/option><option value=\"Dimanche\">Dimanche<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-493\"><select class=\"wpcf7-form-control wpcf7-select\" aria-invalid=\"false\" name=\"select-493\"><option value=\"00:00\">00:00<\/option><option value=\"01:00\">01:00<\/option><option value=\"02:00\">02:00<\/option><option value=\"03:00\">03:00<\/option><option value=\"04:00\">04:00<\/option><option value=\"05:00\">05:00<\/option><option value=\"06:00\">06:00<\/option><option value=\"07:00\">07:00<\/option><option value=\"08:00\">08:00<\/option><option value=\"09:00\">09:00<\/option><option value=\"10:00\">10:00<\/option><option value=\"11:00\">11:00<\/option><option value=\"12:00\">12:00<\/option><option value=\"13:00\">13:00<\/option><option value=\"14:00\">14:00<\/option><option value=\"15:00\">15:00<\/option><option value=\"16:00\">16:00<\/option><option value=\"17:00\">17:00<\/option><option value=\"18:00\">18:00<\/option><option value=\"19:00\">19:00<\/option><option value=\"20:00\">20:00<\/option><option value=\"21:00\">21:00<\/option><option value=\"22:00\">22:00<\/option><option value=\"23:00\">23:00<\/option><\/select><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u00catre rappel\u00e9(e)\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n            <!-- Bouton pour fermer la fen\u00eatre modale -->\r\n            <button id=\"closeFormButton\" style=\"display: block; margin: 20px auto; padding: 10px 20px; background-color: #32A352; color: white; border: none; border-radius: 5px; cursor: pointer;\">\r\n                Fermer\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Script JavaScript pour l'interaction -->\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        \/\/ S\u00e9lecteurs limit\u00e9s au bloc parent \".rappel-modal\"\r\n        var openFormButton = document.querySelector('.rappel-modal #openFormButton');\r\n        var formModal = document.querySelector('.rappel-modal #formModal');\r\n        var closeFormButton = document.querySelector('.rappel-modal #closeFormButton');\r\n\r\n        \/\/ Ouvrir la fen\u00eatre modale\r\n        openFormButton.addEventListener('click', function () {\r\n            formModal.style.display = 'flex';\r\n            setTimeout(function () {\r\n                var nameInput = document.querySelector('.rappel-modal [name=\"your-name\"]');\r\n                if (nameInput) nameInput.focus();\r\n            }, 300);\r\n        });\r\n\r\n        \/\/ Fermer la fen\u00eatre modale\r\n        closeFormButton.addEventListener('click', function () {\r\n            formModal.style.display = 'none';\r\n        });\r\n\r\n        \/\/ Fermer la fen\u00eatre modale en cliquant en dehors\r\n        window.addEventListener('click', function (event) {\r\n            if (event.target === formModal) {\r\n                formModal.style.display = 'none';\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<!-- Styles CSS pour isoler votre bloc -->\r\n<style>\r\n    .rappel-modal .wpcf7-form-control.wpcf7-text,\r\n    .rappel-modal .wpcf7-form-control.wpcf7-tel {\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .rappel-modal select {\r\n        width: 100% !important;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        z-index: 10;\r\n    }\r\n\r\n    .rappel-modal #formModal {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: 100%;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    @media screen and (max-width: 768px) {\r\n        .rappel-modal h2 {\r\n            font-size: 24px;\r\n        }\r\n\r\n        .rappel-modal #openFormButton {\r\n            font-size: 18px;\r\n            padding: 15px 30px;\r\n        }\r\n    }\r\n<\/style><\/div><\/div><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Masquer le Titre Formulaire Uniformis\u00e9 Demander un D\u00e9pannage (Devis gratuit et sans engagement) Masquer le Titre Mon Titre Pourquoi nous faire confiance&#8230;<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-86447","page","type-page","status-publish"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Demander un D\u00e9pannage informatique<\/title>\n<meta name=\"description\" content=\"Besoin d&#039;un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/matuile.com\/media\/devis-depannage-informatique\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demander un D\u00e9pannage informatique\" \/>\n<meta property=\"og:description\" content=\"Besoin d&#039;un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/devis-depannage-informatique\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T14:07:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/\",\"name\":\"Demander un D\u00e9pannage informatique\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/icone_telephone_blanc.png\",\"datePublished\":\"2024-12-23T14:07:18+00:00\",\"dateModified\":\"2024-12-23T14:07:45+00:00\",\"description\":\"Besoin d'un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/icone_telephone_blanc.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/08\\\/icone_telephone_blanc.png\",\"width\":71,\"height\":97},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/devis-depannage-informatique\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demander un D\u00e9pannage informatique\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"name\":\"Matuile Blog\",\"description\":\"La solution \u00e0 votre urgence\",\"publisher\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\"},\"alternateName\":\"Matuile\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/matuile.com\\\/media\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#organization\",\"name\":\"Matuile\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/Matuile.png\",\"width\":700,\"height\":700,\"caption\":\"Matuile\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Demander un D\u00e9pannage informatique","description":"Besoin d'un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...","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:\/\/matuile.com\/media\/devis-depannage-informatique\/","og_locale":"fr_FR","og_type":"article","og_title":"Demander un D\u00e9pannage informatique","og_description":"Besoin d'un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...","og_url":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/","og_site_name":"Matuile","article_modified_time":"2024-12-23T14:07:45+00:00","og_image":[{"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/","url":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/","name":"Demander un D\u00e9pannage informatique","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png","datePublished":"2024-12-23T14:07:18+00:00","dateModified":"2024-12-23T14:07:45+00:00","description":"Besoin d'un d\u00e9pannage informatique rapide et efficace ? Remplissez notre formulaire de demande de d\u00e9pannage informatique pour obtenir un...","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/devis-depannage-informatique\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png","width":71,"height":97},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/devis-depannage-informatique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"Demander un D\u00e9pannage informatique"}]},{"@type":"WebSite","@id":"https:\/\/matuile.com\/media\/#website","url":"https:\/\/matuile.com\/media\/","name":"Matuile Blog","description":"La solution \u00e0 votre urgence","publisher":{"@id":"https:\/\/matuile.com\/media\/#organization"},"alternateName":"Matuile","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/matuile.com\/media\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/matuile.com\/media\/#organization","name":"Matuile","url":"https:\/\/matuile.com\/media\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2023\/04\/Matuile.png","width":700,"height":700,"caption":"Matuile"},"image":{"@id":"https:\/\/matuile.com\/media\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/comments?post=86447"}],"version-history":[{"count":42,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86447\/revisions"}],"predecessor-version":[{"id":86489,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86447\/revisions\/86489"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=86447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}