{"id":84996,"date":"2024-12-11T13:59:25","date_gmt":"2024-12-11T12:59:25","guid":{"rendered":"https:\/\/matuile.com\/media\/?page_id=84996"},"modified":"2025-01-07T12:06:59","modified_gmt":"2025-01-07T11:06:59","slug":"rappel","status":"publish","type":"page","link":"https:\/\/matuile.com\/media\/rappel\/","title":{"rendered":"Rappel"},"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><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\"><!-- Conteneur parent isol\u00e9 -->\n<div id=\"devis-container\">\n    <div style=\"width: 100%; max-width: 500px; padding: 43px; 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;\">\n        <!-- Titre \"Demander un D\u00e9pannage\" -->\n        <h2 style=\"font-size: 28px; font-weight: bold; color: #333; position: relative; top: -35px; margin-bottom: 30px;\">Demander un D\u00e9pannage<\/h2>\n\n        <!-- Bouton pour ouvrir le formulaire -->\n        <button id=\"devis-openFormButton\" style=\"font-size: 20px; font-weight: bold; padding: 25px 40px; background-color: #4285f4; color: white; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2); margin-top: -25px; transform: translateY(-10px);\">\n            Devis gratuit\n        <\/button>\n    <\/div>\n\n    <!-- Fen\u00eatre modale qui contient le formulaire -->\n    <div id=\"devis-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;\">\n        <div style=\"border: 2px solid #4285f4; padding: 20px; border-radius: 10px; max-width: 500px; width: 90%; max-height: 90%; overflow-y: auto; background-color: white;\">\n            <!-- Titre principal en gras, centr\u00e9 -->\n            <h2 style=\"font-size: 32px; font-weight: bold; text-align: center;\">Demander un Devis gratuit<\/h2>\n\n            <!-- Texte \"Service uniquement en France\" centr\u00e9 -->\n            <p style=\"font-size: 14px; color: #555; text-align: center;\">(Service uniquement en France)<\/p>\n\n            <!-- Le formulaire de 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\/84996#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\n            <!-- Bouton pour fermer la fen\u00eatre modale -->\n            <button id=\"devis-closeFormButton\" style=\"display: block; margin: 20px auto; padding: 10px 20px; background-color: #4285f4; color: white; border: none; border-radius: 5px; cursor: pointer;\">\n                Fermer\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- JavaScript isol\u00e9 -->\n<script>\n    (function() {\n        var openFormButton = document.getElementById('devis-openFormButton');\n        var formModal = document.getElementById('devis-formModal');\n        var closeFormButton = document.getElementById('devis-closeFormButton');\n\n        \/\/ Ouvrir la modale\n        openFormButton.onclick = function() {\n            formModal.style.display = 'flex';\n            setTimeout(function() {\n                var nameInput = document.querySelector('[name=\"your-name\"]');\n                if (nameInput) {\n                    nameInput.focus();\n                }\n            }, 300);\n        };\n\n        \/\/ Fermer la modale\n        closeFormButton.onclick = function() {\n            formModal.style.display = 'none';\n        };\n\n        \/\/ Fermer en cliquant en dehors de la modale\n        window.onclick = function(event) {\n            if (event.target === formModal) {\n                formModal.style.display = 'none';\n            }\n        };\n    })();\n<\/script>\n\n<!-- CSS Isol\u00e9 -->\n<style>\n    #devis-container .wpcf7-form-control.wpcf7-text,\n    #devis-container .wpcf7-form-control.wpcf7-tel {\n        width: 100% !important;\n    }\n\n    #devis-container select {\n        z-index: 9999 !important;\n        position: relative;\n        width: 100% !important;\n        box-sizing: border-box;\n    }\n\n    #devis-container #devis-formModal {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;\n        overflow-y: auto;\n    }\n\n    \/* R\u00e9duire l'espacement entre le label et le menu d\u00e9roulant *\/\n    #devis-container .wpcf7-form-control-wrap .wpcf7-label {\n        margin-bottom: 1px !important; \/* R\u00e9duit la marge sous le label *\/\n    }\n\n    #devis-container .wpcf7-form-control.wpcf7-select {\n        margin-top: 1px !important; \/* R\u00e9duit la marge au-dessus du menu d\u00e9roulant *\/\n    }\n\n    @media screen and (max-width: 768px) {\n        #devis-container #devis-formModal {\n            height: 100vh;\n        }\n\n        #devis-container h2 {\n            font-size: 24px;\n        }\n\n        #devis-container #devis-openFormButton {\n            font-size: 18px;\n            padding: 15px 30px;\n        }\n    }\n<\/style>\n\n<!-- JavaScript isol\u00e9 -->\n<script>\n    (function() {\n        var openFormButton = document.getElementById('devis-openFormButton');\n        var formModal = document.getElementById('devis-formModal');\n        var closeFormButton = document.getElementById('devis-closeFormButton');\n\n        \/\/ Ouvrir la modale\n        openFormButton.onclick = function() {\n            formModal.style.display = 'flex';\n            setTimeout(function() {\n                var nameInput = document.querySelector('[name=\"your-name\"]');\n                if (nameInput) {\n                    nameInput.focus();\n                }\n            }, 300);\n        };\n\n        \/\/ Fermer la modale\n        closeFormButton.onclick = function() {\n            formModal.style.display = 'none';\n        };\n\n        \/\/ Fermer en cliquant en dehors de la modale\n        window.onclick = function(event) {\n            \/\/ Si l'\u00e9v\u00e9nement se d\u00e9clenche sur la fen\u00eatre et que la cible est la modale (hors de la bo\u00eete de formulaire)\n            if (event.target === formModal) {\n                formModal.style.display = 'none';\n            }\n        };\n\n        \/\/ Fermer la modale si l'on clique en dehors du formulaire (dans la zone de fond assombri)\n        formModal.addEventListener('click', function(event) {\n            if (event.target === formModal) {\n                formModal.style.display = 'none';\n            }\n        });\n    })();\n<\/script><\/div>\n\n<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 -->\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;\">\n    <!-- Titre \"Contacter un conseiller\" -->\n    <h2 style=\"font-size: 28px; font-weight: bold; color: #333; margin-top: 0; margin-bottom: 30px;\">Contacter un conseiller<\/h2>\n\n    <!-- Bouton pour appeler -->\n    <a href=\"tel:0185090101\" id=\"callButton\" style=\"font-size: 20px; font-weight: bold; padding: 20px 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-block; margin-bottom: 15px;\"\n       onclick=\"handleCallClick(event)\">\n        01.85.09.01.01\n    <\/a>\n\n    <!-- Espace en dessous du bouton -->\n    <div style=\"height: 5px;\"><\/div>\n<\/div>\n\n<script>\nfunction handleCallClick(event) {\n    \/\/ D\u00e9tection des appareils mobiles\n    if (!navigator.userAgent.match(\/Android|iPhone|iPad|iPod|Mobile|Windows Phone\/i)) {\n        event.preventDefault(); \/\/ Bloque l'action par d\u00e9faut sur ordinateur\n        alert(\"Veuillez utiliser un t\u00e9l\u00e9phone pour appeler ce num\u00e9ro : 01 85 09 01 01\");\n    }\n}\n<\/script><\/div><\/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\"><div style=\"width: 100%; max-width: 500px; padding: 43px; 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;\">\n    <!-- Titre \"Demander \u00e0 \u00eatre appel\u00e9(e)\" --> \n    <h2 style=\"font-size: 28px; font-weight: bold; color: #333; position: relative; top: -35px; margin-bottom: 30px;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2> \n\n    <!-- Bouton pour ouvrir le formulaire -->\n<button id=\"openFormButton\" style=\"font-size: 20px; font-weight: bold; padding: 25px 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-top: -25px; transform: translateY(-10px);\">\n    \u00catre appel\u00e9(e)\n<\/button>\n\n<\/div>\n\n<!-- Fen\u00eatre modale qui contient le formulaire -->\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;\">\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;\">\n        <!-- Titre principal en gras, centr\u00e9 -->\n        <h2 style=\"font-size: 32px; font-weight: bold; text-align: center;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2>\n\n        <!-- Texte \"Rappel imm\u00e9diat gratuit\" centr\u00e9 avec une puce devant -->\n        <p style=\"font-size: 22px; font-weight: bold; color: black; text-align: center;\">\n            <span style=\"color: #32A352; font-size: 30px; margin-right: 10px;\">&#8226;<\/span> Rappel imm\u00e9diat gratuit\n        <\/p>\n\n        <!-- Texte \"Service uniquement en France\" centr\u00e9 -->\n        <p style=\"font-size: 14px; color: #555; text-align: center;\">(Service uniquement en France)<\/p>\n\n        <!-- Le formulaire de Contact Form 7 -->\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\/84996#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\n\n        <!-- Bouton pour fermer la fen\u00eatre modale -->\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;\">\n            Fermer\n        <\/button>\n    <\/div>\n<\/div>\n\n<!-- Script JavaScript pour afficher\/fermer la fen\u00eatre modale et forcer le focus -->\n<script>\n    \/\/ R\u00e9cup\u00e9rer les \u00e9l\u00e9ments du DOM\n    var openFormButton = document.getElementById('openFormButton');\n    var formModal = document.getElementById('formModal');\n    var closeFormButton = document.getElementById('closeFormButton');\n\n    \/\/ Lorsqu'on clique sur le bouton pour ouvrir le formulaire\n    openFormButton.onclick = function() {\n        formModal.style.display = 'flex'; \/\/ Afficher la fen\u00eatre modale\n        \n        \/\/ Donner le focus \u00e0 l'input du nom pour d\u00e9clencher l'affichage du clavier\n        setTimeout(function() {\n            var nameInput = document.querySelector('[name=\"your-name\"]');\n            if (nameInput) {\n                nameInput.focus(); \/\/ Focus sur le champ du nom\n            }\n        }, 300);  \/\/ D\u00e9lai pour s'assurer que le modal est bien affich\u00e9 avant de donner le focus\n    };\n\n    \/\/ Lorsqu'on clique sur le bouton pour fermer le formulaire\n    closeFormButton.onclick = function() {\n        formModal.style.display = 'none'; \/\/ Cacher la fen\u00eatre modale\n    };\n\n    \/\/ Lorsqu'on clique en dehors de la fen\u00eatre modale, la fermer\n    window.onclick = function(event) {\n        if (event.target == formModal) {\n            formModal.style.display = 'none';\n        }\n    };\n<\/script>\n\n<!-- CSS pour forcer les champs Nom et T\u00e9l\u00e9phone \u00e0 avoir la m\u00eame largeur -->\n<style>\n    \/* Appliquer la m\u00eame largeur au champ Nom et au champ T\u00e9l\u00e9phone *\/\n    .wpcf7-form-control.wpcf7-text {\n        width: 100% !important;  \/* Assurez-vous que les deux champs occupent toute la largeur de leur conteneur *\/\n    }\n\n    .wpcf7-form-control.wpcf7-tel {\n        width: 100% !important;  \/* Appliquer la m\u00eame largeur au champ T\u00e9l\u00e9phone *\/\n    }\n\n    \/* Styles pour les menus d\u00e9roulants *\/\n    select {\n        z-index: 9999 !important; \/* Assure que le menu d\u00e9roulant est au-dessus des autres \u00e9l\u00e9ments *\/\n        position: relative; \/* S'assurer que la position est bien d\u00e9finie pour que z-index fonctionne *\/\n        width: 100% !important; \/* Assurez-vous que les menus d\u00e9roulants occupent toute la largeur *\/\n        box-sizing: border-box; \/* \u00c9vite des probl\u00e8mes de largeur *\/\n    }\n\n    \/* Style pour la fen\u00eatre modale *\/\n    #formModal {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100%;  \/* Assurez-vous que la fen\u00eatre modale occupe toute la hauteur de l'\u00e9cran *\/\n        overflow-y: auto; \/* Permet le d\u00e9filement si n\u00e9cessaire *\/\n    }\n\n    \/* R\u00e9solution pour les petits \u00e9crans *\/\n    @media screen and (max-width: 768px) {\n        #formModal {\n            height: 100vh;  \/* Assurez-vous que la modale occupe toute la hauteur de l'\u00e9cran *\/\n        }\n\n        h2 {\n            font-size: 24px;  \/* R\u00e9duire la taille du titre *\/\n        }\n\n        #openFormButton {\n            font-size: 18px;  \/* R\u00e9duire la taille du bouton *\/\n            padding: 15px 30px;\n        }\n    }\n<\/style><\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div><\/div><div style=\"height:50px\" 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\">\n    <style>\n        .encarts-section {\n            padding: 20px;\n            background-color: #f4f4f4;\n        }\n        .encarts-container {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-around;\n            gap: 20px;\n        }\n        .encart-card {\n            background-color: white;\n            border-radius: 8px;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            padding: 20px;\n            max-width: 320px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n        .encart-card h2 {\n            color: #FF5722;  \/* Orange comme avant *\/\n            margin-bottom: 10px;\n            font-size: 1.5em;\n        }\n        .encart-card p {\n            color: #555;\n            margin-bottom: 20px;\n            font-size: 1em;\n            line-height: 1.6;\n            flex-grow: 1; \/* Allows the paragraph to take up space and push the button down *\/\n        }\n        .cta-button {\n            display: inline-block;\n            padding: 12px 24px;\n            background-color: #28A745;  \/* Vert vif pour un contraste \u00e9lev\u00e9 avec l'orange *\/\n            color: white;\n            text-decoration: none;\n            font-weight: bold;\n            border-radius: 5px;\n            transition: background-color 0.3s, color 0.3s, border 0.3s;\n            margin-top: 10px;  \/* Pour un meilleur espacement *\/\n        }\n        .cta-button:hover {\n            background-color: #218838;  \/* Un vert plus fonc\u00e9 au survol pour plus d'interaction *\/\n            color: white;\n            border: 2px solid #218838;  \/* Bordure verte au survol pour plus de contraste *\/\n        }\n    <\/style>\n\n    <div class=\"encarts-container\">\n        <!-- Encart 1 -->\n        <div class=\"encart-card\">\n            <h2>Votre assistance 100% gratuite et sans engagement<\/h2>\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>\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">Appelez-nous<\/a>\n        <\/div>\n\n        <!-- Encart 2 -->\n        <div class=\"encart-card\">\n            <h2>Des experts qualifi\u00e9s \u00e0 votre service<\/h2>\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>\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">Trouvez un professionnel<\/a>\n        <\/div>\n\n        <!-- Encart 3 -->\n        <div class=\"encart-card\">\n            <h2>Faites des \u00e9conomies<\/h2>\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>\n            <a href=\"tel:0185090101\" class=\"cta-button\" onclick=\"handleClick(event)\">\u00c9conomisez d\u00e8s aujourd\u2019hui<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction handleClick(event) {\n    if (!navigator.userAgent.match(\/Android|iPhone|iPad|iPod|Mobile|Windows Phone\/i)) {\n        event.preventDefault(); \/\/ Emp\u00eache le lien par d\u00e9faut\n        alert(\"Veuillez utiliser un t\u00e9l\u00e9phone pour appeler ce num\u00e9ro : 01 85 09 01 01\");\n    }\n}\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><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/><p><\/p>","protected":false},"excerpt":{"rendered":"<p>Masquer le Titre Demander un D\u00e9pannage Devis gratuit Demander un Devis gratuit (Service uniquement en France) Fermer Contacter un conseiller 01.85.09.01.01 Demander&#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-84996","page","type-page","status-publish"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Rappel - Matuile<\/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:\/\/matuile.com\/media\/rappel\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rappel - Matuile\" \/>\n<meta property=\"og:description\" content=\"Masquer le Titre Demander un D\u00e9pannage Devis gratuit Demander un Devis gratuit (Service uniquement en France) Fermer Contacter un conseiller 01.85.09.01.01 Demander...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/rappel\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-07T11:06:59+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/rappel\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/rappel\\\/\",\"name\":\"Rappel - Matuile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"datePublished\":\"2024-12-11T12:59:25+00:00\",\"dateModified\":\"2025-01-07T11:06:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/rappel\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/rappel\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/rappel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rappel\"}]},{\"@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":"Rappel - Matuile","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\/rappel\/","og_locale":"fr_FR","og_type":"article","og_title":"Rappel - Matuile","og_description":"Masquer le Titre Demander un D\u00e9pannage Devis gratuit Demander un Devis gratuit (Service uniquement en France) Fermer Contacter un conseiller 01.85.09.01.01 Demander...","og_url":"https:\/\/matuile.com\/media\/rappel\/","og_site_name":"Matuile","article_modified_time":"2025-01-07T11:06:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/rappel\/","url":"https:\/\/matuile.com\/media\/rappel\/","name":"Rappel - Matuile","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"datePublished":"2024-12-11T12:59:25+00:00","dateModified":"2025-01-07T11:06:59+00:00","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/rappel\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/rappel\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/rappel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"Rappel"}]},{"@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\/84996","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=84996"}],"version-history":[{"count":315,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/84996\/revisions"}],"predecessor-version":[{"id":86956,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/84996\/revisions\/86956"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=84996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}