R\u00e9paration Imprimante Paris<\/title>\n <style>\n \/* Styles pour ajuster la largeur des champs du formulaire *\/\n .wpcf7-form-control {\n width: 100%; \/* Prend toute la largeur disponible *\/\n max-width: 100%; \/* Assure qu'il n'y a pas de limitation de largeur *\/\n }\n\n \/* Pour garantir que \"Nom\" et \"T\u00e9l\u00e9phone\" soient align\u00e9s de mani\u00e8re \u00e9gale *\/\n .wpcf7-form-control-wrap {\n display: flex;\n flex-direction: column;\n margin-bottom: 15px;\n }\n\n .wpcf7-form-control-wrap input {\n width: 100%;\n }\n\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding-top: 0px; \/* Espace pour le menu fixe *\/\n }\n\n \/* Styles pour le menu (exemple) *\/\n .menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: #333;\n color: white;\n text-align: center;\n padding: 10px;\n z-index: 1000; \/* Le menu restera au-dessus du contenu *\/\n }\n\n .banner {\n display: flex;\n align-items: flex-start; \/* Aligne les \u00e9l\u00e9ments au d\u00e9but pour que les deux sections commencent au m\u00eame niveau *\/\n gap: 50px;\n max-width: 1500px; \/* Largeur maximale de la banni\u00e8re *\/\n margin: 100px auto; \/* Centre le contenu *\/\n padding: 20px;\n border-radius: 8px;\n justify-content: center; \/* Centre le contenu dans la banni\u00e8re *\/\n margin-left: 30px; \/* D\u00e9place le bloc encore plus vers la droite *\/\n }\n.banner {\n margin-top: 0; \/* \u00c9limine la marge en haut *\/\n margin-left: 30px; \/* Conserve la marge \u00e0 gauche *\/\n margin-right: auto; \/* Centrage horizontal *\/\n margin-bottom: 20px; \/* Ajoutez une petite marge en bas si n\u00e9cessaire *\/\n}\n .image {\n flex: 1.5; \/* Ajuste l'espace occup\u00e9 par l'image *\/\n display: flex;\n justify-content: center; \/* Centre l'image horizontalement *\/\n align-items: center; \/* Centre l'image verticalement *\/\n }\n\n .image img {\n width: 640px; \/* Ajuste la largeur de l'image *\/\n height: 360px; \/* Ajuste la hauteur de l'image *\/\n object-fit: cover; \/* Ajuste l'image \u00e0 l'int\u00e9rieur de la zone *\/\n border-radius: 8px;\n }\n\n .text-section {\n flex: 1; \/* Laisse l'espace pour le texte *\/\n padding: 20px;\n background-color: #fff; \/* Fond blanc pour la section texte *\/\n margin-top: -40px; \/* Remonte la section texte pour aligner avec l'image *\/\n margin-left: 25px; \/* Ajoute de l'espace entre l'image et le texte *\/\n }\n\n .title {\n font-size: 35px;\n font-weight: bold;\n margin-top: 5px; \/* Remplace X par la valeur souhait\u00e9e pour d\u00e9placer le titre vers le bas *\/\n margin-bottom: 10px;\n white-space: nowrap; \/* Emp\u00eache le retour \u00e0 la ligne *\/\n }\n\n .price {\n font-size: 22px;\n font-weight: bold;\n color: #000;\n margin-bottom: 10px;\n background-color: #FFEB3B; \/* Fond jaune pour le prix *\/\n padding: 5px;\n display: inline-block;\n }\n\n .stars {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n }\n\n .stars img {\n width: 20px;\n height: 20px;\n margin-right: 2px;\n }\n\n .rating, .reviews {\n margin-left: 10px;\n font-weight: bold;\n color: #000;\n }\n\n .reviews {\n margin-left: 5px;\n }\n\n .reviews a {\n text-decoration: none;\n color: #000; \/* Texte noir *\/\n }\n\n .reviews a:hover {\n text-decoration: underline;\n }\n\n .description {\n font-size: 16px;\n margin-bottom: 20px;\n margin-top: 22px; \/* Ajout\u00e9 pour abaisser les phrases *\/\n }\n\n .description p {\n position: relative;\n padding-left: 30px;\n margin: 0;\n line-height: 1.5;\n }\n\n .description p::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: -2px;\n color: green;\n font-weight: bold;\n font-size: 20px;\n }\n\n .button {\n padding: 15px 28px; \/* Augmente la hauteur du bouton *\/\n background-color: #FF5722;\n color: white;\n text-decoration: none;\n font-weight: bold;\n border-radius: 5px;\n margin-top: 36px; \/* Ajoute un petit espace en haut du bouton *\/\n display: flex; \/* Utilisation de flexbox *\/\n justify-content: center; \/* Centre horizontalement *\/\n align-items: center; \/* Centre verticalement *\/\n font-size: 18px; \/* Augmente la taille de la police du bouton \u00e0 18px *\/\n overflow: hidden; \/* Assure que le texte ne d\u00e9borde pas *\/\n text-align: center; \/* Centre le texte \u00e0 l'int\u00e9rieur *\/\n border: 2px solid transparent; \/* Ajoute une bordure pour la transition *\/\n transition: all 0.3s ease; \/* Ajoute une transition fluide *\/\n }\n\n .button:hover {\n background-color: #fff; \/* Fond blanc au survol *\/\n color: #FF5722; \/* Texte en orange *\/\n border-color: #FF5722; \/* Bordure orange *\/\n }\n\n \/* Styles du modal (pop-up) *\/\n .modal {\n display: none; \/* Masquer le modal par d\u00e9faut *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1001;\n }\n\n .modal-content {\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n width: 90%;\n max-width: 600px;\n text-align: center;\n max-height: 80vh; \/* Limite la hauteur maximale du modal *\/\n overflow-y: auto; \/* Ajoute l'ascenseur si n\u00e9cessaire *\/\n }\n\n .modal .close {\n color: #aaa;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 10px;\n right: 25px;\n }\n\n .modal .close:hover,\n .modal .close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n }\n@media (max-width: 768px) {\n .banner {\n flex-direction: column; \/* Colonne pour organiser les \u00e9l\u00e9ments sur mobile *\/\n gap: 10px;\n padding: 10px;\n margin: 0 auto; \/* Centrer la banni\u00e8re horizontalement *\/\n align-items: center; \/* Centre tous les \u00e9l\u00e9ments *\/\n }\n\n .image img {\n width: 100%; \/* L'image occupe toute la largeur sur mobile *\/\n height: auto; \/* Maintient les proportions *\/\n max-width: 400px; \/* Limite la taille sur des \u00e9crans tr\u00e8s petits *\/\n }\n\n .text-section {\n padding: 10px;\n margin: 0; \/* Supprime les marges *\/\n font-size: 16px; \/* Taille de texte adapt\u00e9e au mobile *\/\n text-align: center; \/* Centre le texte *\/\n }\n\n .title {\n font-size: 24px; \/* R\u00e9duction de la taille du titre *\/\n margin: 10px 0; \/* Espacement harmonieux en haut et en bas *\/\n }\n\n .price {\n font-size: 18px; \/* Taille r\u00e9duite pour le prix *\/\n margin: 10px 0;\n }\n\n .stars {\n justify-content: center; \/* Centre les \u00e9toiles *\/\n margin-bottom: 10px;\n }\n\n .stars img {\n width: 16px; \/* Taille adapt\u00e9e des \u00e9toiles *\/\n height: 16px;\n }\n\n .button {\n padding: 12px 24px;\n font-size: 16px; \/* Texte lisible sur mobile *\/\n text-align: center; \/* Centre le texte dans le bouton *\/\n width: 80%; \/* Largeur adapt\u00e9e *\/\n max-width: 300px; \/* Taille maximale *\/\n margin: 30px auto; \/* Centr\u00e9 avec un espace en haut et en bas *\/\n }\n}\n\n\n <\/style>\n<\/head>\n<body>\n\n <div class=\"banner\">\n \n <div class=\"image\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png\" alt=\"R\u00e9paration Imprimante\">\n <\/div>\n\n \n <div class=\"text-section\">\n <div class=\"title\">R\u00e9paration Imprimante Paris<\/div>\n <div class=\"price\">\u00c0 partir de 39 \u20ac<\/div>\n \n <div class=\"stars\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 1\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 2\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 3\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 4\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 5\">\n <span class=\"rating\">5\/5<\/span>\n <span class=\"reviews\">\n – <a href=\"https:\/\/www.google.fr\/search?sa=X&sca_esv=a132f53bdbf2e8af&sca_upv=1&tbm=lcl&q=Matuile+Avis&rflfq=1&num=20&stick=H4sIAAAAAAAAAONgkxIxNDExNTAwMjUztDAxMjcwMTIwM9rAyPiKkcc3saQ0MydVwbEss3gRKwoXAAbTyw85AAAA&rldimm=14450025618427042062&hl=fr-FR&ved=2ahUKEwjRwc6w7Lf_AhXFKd4KHeAwCU8QvS56BAgCEAE&sa=X&ved=2ahUKEwjRwc6w7Lf_AhXFKd4KHeAwCU8QqR8wG3oECAQQKw\" target=\"_blank\" rel=\"noopener\">20 avis<\/a>\n <\/span>\n <\/div>\n <div class=\"description\">\n <p>Trouvez le meilleur prix gr\u00e2ce \u00e0 notre comparateur.<\/p>\n <p>Informaticiens agr\u00e9\u00e9s et certifi\u00e9s.<\/p>\n <p>Intervention imm\u00e9diate ou sur rendez-vous.<\/p>\n <\/div>\n <a href=\"javascript:void(0);\" class=\"button\" onclick=\"openModal()\">Obtenez un devis gratuit en 5 min<\/a>\n <\/div>\n <\/div>\n\n \n <div id=\"myModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close\" onclick=\"closeModal()\">×<\/span>\n <h2><strong>Demander un devis gratuit<\/strong><\/h2>\n \n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f84444-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"84444\">\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\/86028#wpcf7-f84444-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=\"84444\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f84444-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-348\"><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-348\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-733\"><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-733\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-671\"><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-671\" \/><\/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 <\/div>\n\n <script>\n \/\/ Ouvre le modal\n function openModal() {\n document.getElementById(\"myModal\").style.display = \"flex\";\n }\n\n \/\/ Ferme le modal\n function closeModal() {\n document.getElementById(\"myModal\").style.display = \"none\";\n }\n\n \/\/ Ferme le modal si l'utilisateur clique en dehors de la bo\u00eete\n window.onclick = function(event) {\n if (event.target == document.getElementById(\"myModal\")) {\n closeModal();\n }\n }\n \/\/ S\u00e9lection des \u00e9l\u00e9ments\n const modal = document.getElementById(\"myModal\");\n const closeBtn = document.querySelector(\".modal .close\");\n\n \/\/ Ouvrir le modal (exemple de bouton ou d\u00e9clencheur)\n function openModal() {\n modal.style.display = \"flex\";\n }\n\n \/\/ Fermer le modal\n function closeModal() {\n modal.style.display = \"none\";\n }\n\n \/\/ Gestion de la fermeture en cliquant sur le bouton \"fermer\"\n closeBtn.addEventListener(\"click\", closeModal);\n\n \/\/ Fermer le modal en cliquant en dehors de celui-ci\n window.addEventListener(\"click\", function(event) {\n if (event.target === modal) { \/\/ V\u00e9rifie si le clic est en dehors du modal\n closeModal();\n }\n });\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>Contacter un Conseiller<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 20px;\r\n background-color: transparent; \/* Retire l'arri\u00e8re-plan *\/\r\n }\r\n\r\n .square-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .square-item {\r\n background-color: #fff; \/* Blanc pour les carr\u00e9s *\/\r\n color: #000; \/* Noir pour le texte *\/\r\n text-align: center;\r\n padding: 10px; \/* R\u00e9duit le padding pour diminuer la hauteur *\/\r\n border-radius: 10px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); \/* L\u00e9g\u00e8re ombre pour donner un effet flottant *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start; \/* Remont\u00e9 vers le haut *\/\r\n align-items: center;\r\n height: 176px; \/* Hauteur r\u00e9duite de 20 % par rapport \u00e0 220px *\/\r\n }\r\n\r\n .square-item img {\r\n width: 120px; \/* Largeur fixe pour toutes les images *\/\r\n height: 85px; \/* Hauteur fixe pour uniformiser les images *\/\r\n border-radius: 8px;\r\n object-fit: cover; \/* Assure que l'image soit bien contenue et remplisse son cadre *\/\r\n margin-top: 0; \/* Supprime l'espace entre le titre et l'image *\/\r\n }\r\n\r\n \/* Cibler uniquement la premi\u00e8re image pour la remonter *\/\r\n .square-item:first-child img {\r\n margin-top: -10px; \/* Ajuste la position de la premi\u00e8re image vers le haut *\/\r\n }\r\n\r\n .square-item img:last-child {\r\n width: 130px; \/* Agrandir l\u00e9g\u00e8rement la derni\u00e8re image *\/\r\n height: auto; \/* Ajustement automatique de la hauteur *\/\r\n }\r\n\r\n .text-block {\r\n height: 40px; \/* Hauteur du texte uniforme *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 5px; \/* Espace suppl\u00e9mentaire pour la premi\u00e8re image *\/\r\n }\r\n\r\n \/* Banni\u00e8re mobile *\/\r\n @media (max-width: 768px) {\r\n \/* Adapter les carr\u00e9s en colonne pour les petits \u00e9crans *\/\r\n .square-container {\r\n grid-template-columns: 1fr; \/* Les carr\u00e9s se mettent l'un apr\u00e8s l'autre *\/\r\n margin-top: -20px; \/* Remonter la banni\u00e8re sur mobile *\/\r\n }\r\n\r\n \/* Ajuster uniquement la hauteur de l'image du premier carr\u00e9 sur mobile *\/\r\n .square-item:first-child img {\r\n margin-top: 10px; \/* Augmente ou r\u00e9duit la valeur pour ajuster la hauteur *\/\r\n }\r\n}\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"square-container\">\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Informaticiens partout en France<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/09\/Partout-en-France-scaled.webp\" alt=\"Partout en France\">\r\n <\/div>\r\n\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Prise en charge imm\u00e9diate<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/09\/preuve-incontestable-scaled.webp\" alt=\"Preuve incontestable\">\r\n <\/div>\r\n\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Nous comparons, vous gagnez<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/10\/intervention-informaticien-au-meilleur-prix-avec-le-comparateur-matuile.png\" alt=\"Comparateur de prix\">\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html><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>Bouton T\u00e9l\u00e9phone<\/title>\r\n\r\n <style>\r\n \/* Cache le bouton sur les \u00e9crans de moins de 768px (tablettes et t\u00e9l\u00e9phones) *\/\r\n @media (max-width: 768px) {\r\n .fixed-phone-button {\r\n display: none !important; \/* Utilisation de !important pour forcer le masquage sur mobile *\/\r\n }\r\n }\r\n\r\n .fixed-phone-button {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n background-color: #D86031;\r\n color: #ffffff;\r\n padding: 15px 20px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n z-index: 1000;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n text-align: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .fixed-phone-button img {\r\n margin-right: 0px;\r\n height: 20px;\r\n width: 20px;\r\n max-width: none;\r\n max-height: none;\r\n transition: content 0.3s ease;\r\n }\r\n\r\n .phone-number {\r\n font-size: 1.0em;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .additional-text {\r\n font-size: 0.7em;\r\n color: #ffffff;\r\n margin: 0;\r\n font-weight: normal;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .fixed-phone-button:hover {\r\n background-color: #ffffff;\r\n color: #D86031;\r\n border: 2px solid #D86031;\r\n }\r\n\r\n .fixed-phone-button:hover img {\r\n content: url('https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png');\r\n }\r\n\r\n .fixed-phone-button:hover .additional-text {\r\n color: #D86031;\r\n }\r\n\r\n .fixed-phone-button.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .fixed-phone-button:focus,\r\n .fixed-phone-button:active {\r\n outline: none;\r\n color: #ffffff;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <a href=\"tel:0185090101\" class=\"fixed-phone-button\" id=\"phoneButton\">\r\n <div class=\"phone-number\">\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"Ic\u00f4ne T\u00e9l\u00e9phone\">\r\n 01 85 09 01 01\r\n <\/div>\r\n <div class=\"additional-text\">Assistance Matuile 24\/7<\/div>\r\n <\/a>\r\n\r\n <script>\r\n window.addEventListener('scroll', function() {\r\n var button = document.getElementById('phoneButton');\r\n if (window.scrollY > 100) {\r\n button.classList.add('show');\r\n } else {\r\n button.classList.add('show'); \/\/ Le bouton reste visible en haut de la page\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><!DOCTYPE html> \r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Contacter un Conseiller<\/title>\r\n<style>\r\n \/* Style pour mobile *\/\r\n @media (max-width: 768px) {\r\n .contact-section {\r\n position: fixed;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 38px 0; \/* Ajustement du padding pour r\u00e9duire la hauteur *\/\r\n background-color: #fff;\r\n border-radius: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n border-top: 1px solid #00008B; \/* Trait horizontal bleu fonc\u00e9 *\/\r\n }\r\n\r\n .contact-content {\r\n width: 100%;\r\n padding: 0; \/* Pas de padding pour garder le contenu en place *\/\r\n text-align: center;\r\n position: relative; \/* N\u00e9cessaire pour le positionnement absolu du texte *\/\r\n }\r\n .mobile-text {\r\n display: block;\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin-left: 20px; \/* Mis \u00e0 jour *\/\r\n position: absolute; \/* Utilisation du positionnement absolu *\/\r\n bottom: -35px; \/* Ajustez cette valeur pour d\u00e9placer le texte vers le haut ou le bas *\/\r\n }\r\n \/* Bouton T\u00e9l\u00e9phoner pour mobile : Ic\u00f4ne seule et centr\u00e9e *\/\r\n .contact-button-call {\r\n position: fixed;\r\n bottom: 14px; \/* Positionnement du bouton *\/\r\n right: 80px;\r\n width: 53px;\r\n height: 53px;\r\n border-radius: 50%;\r\n background-color: #28a745; \/* Changement de couleur en vert voyant *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .contact-button-call .phone-icon {\r\n margin-right: 0;\r\n width: 24px; \/* Ajustement de la taille de l'ic\u00f4ne *\/\r\n height: 24px;\r\n }\r\n \/* Masquer le texte du t\u00e9l\u00e9phone sur mobile *\/\r\n .contact-button-call .phone-text {\r\n display: none;\r\n }\r\n .contact-button-chat {\r\n display: none;\r\n }\r\n }\r\n \/* Styles \u00e0 neutraliser pour la version ordinateur *\/\r\n @media (min-width: 769px) {\r\n .contact-section {\r\n display: none; \/* Masquer compl\u00e8tement la section pour la version ordinateur *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"contact-section\">\r\n <div class=\"contact-content\">\r\n\r\n<h2 class=\"mobile-text\">Un conseiller est disponible<\/h2> \r\n <!-\r\n \r\n<a href=\"tel:0185090101\" class=\"contact-button-call\">\r\n<svg class=\"phone-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\"> \r\n<path d=\"M22 16.92v3.83c0 .71-.58 1.29-1.29 1.29-10.37 0-18.77-8.4-18.77-18.77 0-.71.58-1.29 1.29-1.29h3.83c.71 0 1.29.58 1.29 1.29 0 1.31.2 2.58.57 3.78.14.45.04.96-.3 1.3L6.23 9.68c1.66 3.02 4.28 5.64 7.3 7.3l1.11-1.11c.34-.34.85-.44 1.3-.3 1.2.38 2.47.57 3.78.57.71 0 1.29.58 1.29 1.29z\"\/> \r\n <\/sv\r\n<\/svg> \r\n<\/a> \r\n<\/div>\r\n <\/div\r\n<\/div>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fb\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-e\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b92\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"scrip\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.cr\r\n\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n s.async = 1; \r\n d.getElementsByTagName(\"\r\n \r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n s.async = 1; \r\n d.getElementsByTagName(\"head\")[0].appendChild(s); \r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/\r\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 \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 \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 \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 \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 \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-8f761849 wp-block-columns-is-layout-flex\" style=\"background-color:#f4f4f4\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\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 \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 \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 \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 \r\n 01.85.09.01.01\r\n <\/a>\r\n\r\n \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\">\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 \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 \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 \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 \r\n <h2 style=\"font-size: 32px; font-weight: bold; text-align: center;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2>\r\n\r\n \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;\">•<\/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 \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\/86028#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.6\" \/><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 \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\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\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><h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:700\">Obtenez le meilleur prix !<\/h2><h3 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:700\">Faites jouer la concurrence pour la r\u00e9paration de votre imprimante \u00e0 Paris.<\/h3><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Lorsque votre <strong><a href=\"https:\/\/matuile.com\/media\/imprimante-definition-informatique\/\">imprimante<\/a><\/strong> tombe en panne, nous simplifions les d\u00e9marches pour que vous puissiez retrouver rapidement une solution efficace. Voici comment cela fonctionne :<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">1. R\u00e9ception de votre demande<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Vous commencez par remplir notre formulaire en ligne d\u00e9di\u00e9 \u00e0 la r\u00e9paration d’imprimantes. Quelques minutes suffisent pour nous d\u00e9crire votre probl\u00e8me (impression de mauvaise qualit\u00e9, bourrage papier, panne \u00e9lectrique, etc.). D\u00e8s validation, nous recevons instantan\u00e9ment votre demande.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">2. Analyse pr\u00e9cise du probl\u00e8me<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nos \u00e9quipes techniques prennent le temps d\u2019examiner les informations fournies dans votre demande de devis. Cela nous permet de bien comprendre la nature de la panne et de d\u00e9terminer les besoins sp\u00e9cifiques pour la <strong>r\u00e9paration de votre imprimante<\/strong> (Brother, Canon, Dell, hp, Epson, Lexmark, Ricoh, xerox, Sharp, etc…)<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">3. Mise en concurrence des techniciens \u00e0 Paris<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nous sollicitons notre r\u00e9seau de techniciens sp\u00e9cialis\u00e9s dans la <strong>r\u00e9paration d’imprimantes<\/strong>, disponibles \u00e0 <strong>Paris<\/strong> et en <strong>r\u00e9gion parisienne<\/strong>. En soumettant votre demande \u00e0 plusieurs experts ind\u00e9pendants, nous nous assurons d\u2019obtenir les meilleures solutions et interventions possibles.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">4. S\u00e9lection du meilleur prix pour vous<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nous comparons les devis obtenus en tenant compte :<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\">du co\u00fbt de la r\u00e9paration,<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\">des d\u00e9lais d\u2019intervention,<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\">et de la qualit\u00e9 du service propos\u00e9.<\/li><\/ul><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Notre objectif est simple : vous proposer <strong>la solution la plus adapt\u00e9e au meilleur tarif<\/strong> pour la r\u00e9paration de votre <strong>imprimante \u00e0 Paris<\/strong>.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">5. Vous avez un retour rapide avec un devis personnalis\u00e9<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Une fois le meilleur devis s\u00e9lectionn\u00e9, nous vous recontactons rapidement pour vous pr\u00e9senter une solution claire, d\u00e9taill\u00e9e et sans engagement. Vous savez exactement <strong>combien co\u00fbtera la r\u00e9paration<\/strong>, <strong>le d\u00e9lai n\u00e9cessaire<\/strong>, et <strong>les \u00e9tapes \u00e0 suivre<\/strong>.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Pourquoi choisir notre service de r\u00e9paration d’imprimante \u00e0 Paris ?<\/h2><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Gain de temps<\/strong> : Plus besoin de chercher un r\u00e9parateur fiable, nous nous en occupons pour vous.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Meilleur prix garanti<\/strong> : Gr\u00e2ce \u00e0 la mise en concurrence, vous obtenez une offre avantageuse.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Techniciens qualifi\u00e9s<\/strong> : Nous travaillons avec des experts certifi\u00e9s, habitu\u00e9s \u00e0 r\u00e9parer toutes marques d\u2019imprimantes (HP, Canon, Epson, Brother, etc.).<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Intervention rapide<\/strong> : Disponibilit\u00e9 imm\u00e9diate \u00e0 Paris et en r\u00e9gion parisienne pour la r\u00e9paration de votre imprimante.<\/li><\/ul><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">En quelques \u00e9tapes simples, nous vous aidons \u00e0 <strong>r\u00e9parer votre imprimante<\/strong> rapidement \u00e0 <strong>Paris<\/strong>, au meilleur prix et sans tracas. Remplissez d\u00e8s maintenant la demande de devis pour recevoir votre devis personnalis\u00e9 !<\/p><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>","protected":false},"excerpt":{"rendered":"<p>R\u00e9paration Imprimante Paris R\u00e9paration Imprimante Paris \u00c0 partir de 39 \u20ac 5\/5 – 20 avis Trouvez le meilleur prix gr\u00e2ce \u00e0 notre…<\/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-86028","page","type-page","status-publish"],"acf":[],"yoast_head":"\n<title>R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac<\/title>\n<meta name=\"description\" content=\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\" \/>\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\/reparation-imprimante-paris\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac\" \/>\n<meta property=\"og:description\" content=\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-17T21:15:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\",\"name\":\"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"datePublished\":\"2024-12-17T20:46:45+00:00\",\"dateModified\":\"2024-12-17T21:15:20+00:00\",\"description\":\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"width\":2560,\"height\":1706,\"caption\":\"Main gant\u00e9e retirant le toner d'une imprimante pour proc\u00e9der \u00e0 sa r\u00e9paration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9paration imprimante Paris\"}]},{\"@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_head_json":{"title":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","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\/reparation-imprimante-paris\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","og_description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","og_url":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","og_site_name":"Matuile","article_modified_time":"2024-12-17T21:15:20+00:00","og_image":[{"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","url":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","name":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","datePublished":"2024-12-17T20:46:45+00:00","dateModified":"2024-12-17T21:15:20+00:00","description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/reparation-imprimante-paris\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","width":2560,"height":1706,"caption":"Main gant\u00e9e retirant le toner d'une imprimante pour proc\u00e9der \u00e0 sa r\u00e9paration"},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"R\u00e9paration imprimante Paris"}]},{"@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\/86028","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=86028"}],"version-history":[{"count":11,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86028\/revisions"}],"predecessor-version":[{"id":86047,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86028\/revisions\/86047"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=86028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":86028,"date":"2024-12-17T21:46:45","date_gmt":"2024-12-17T20:46:45","guid":{"rendered":"https:\/\/matuile.com\/media\/?page_id=86028"},"modified":"2024-12-17T22:15:20","modified_gmt":"2024-12-17T21:15:20","slug":"reparation-imprimante-paris","status":"publish","type":"page","link":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","title":{"rendered":"R\u00e9paration imprimante Paris"},"content":{"rendered":"\n\n\n \n \n R\u00e9paration Imprimante Paris<\/title>\n <style>\n \/* Styles pour ajuster la largeur des champs du formulaire *\/\n .wpcf7-form-control {\n width: 100%; \/* Prend toute la largeur disponible *\/\n max-width: 100%; \/* Assure qu'il n'y a pas de limitation de largeur *\/\n }\n\n \/* Pour garantir que \"Nom\" et \"T\u00e9l\u00e9phone\" soient align\u00e9s de mani\u00e8re \u00e9gale *\/\n .wpcf7-form-control-wrap {\n display: flex;\n flex-direction: column;\n margin-bottom: 15px;\n }\n\n .wpcf7-form-control-wrap input {\n width: 100%;\n }\n\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding-top: 0px; \/* Espace pour le menu fixe *\/\n }\n\n \/* Styles pour le menu (exemple) *\/\n .menu {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: #333;\n color: white;\n text-align: center;\n padding: 10px;\n z-index: 1000; \/* Le menu restera au-dessus du contenu *\/\n }\n\n .banner {\n display: flex;\n align-items: flex-start; \/* Aligne les \u00e9l\u00e9ments au d\u00e9but pour que les deux sections commencent au m\u00eame niveau *\/\n gap: 50px;\n max-width: 1500px; \/* Largeur maximale de la banni\u00e8re *\/\n margin: 100px auto; \/* Centre le contenu *\/\n padding: 20px;\n border-radius: 8px;\n justify-content: center; \/* Centre le contenu dans la banni\u00e8re *\/\n margin-left: 30px; \/* D\u00e9place le bloc encore plus vers la droite *\/\n }\n.banner {\n margin-top: 0; \/* \u00c9limine la marge en haut *\/\n margin-left: 30px; \/* Conserve la marge \u00e0 gauche *\/\n margin-right: auto; \/* Centrage horizontal *\/\n margin-bottom: 20px; \/* Ajoutez une petite marge en bas si n\u00e9cessaire *\/\n}\n .image {\n flex: 1.5; \/* Ajuste l'espace occup\u00e9 par l'image *\/\n display: flex;\n justify-content: center; \/* Centre l'image horizontalement *\/\n align-items: center; \/* Centre l'image verticalement *\/\n }\n\n .image img {\n width: 640px; \/* Ajuste la largeur de l'image *\/\n height: 360px; \/* Ajuste la hauteur de l'image *\/\n object-fit: cover; \/* Ajuste l'image \u00e0 l'int\u00e9rieur de la zone *\/\n border-radius: 8px;\n }\n\n .text-section {\n flex: 1; \/* Laisse l'espace pour le texte *\/\n padding: 20px;\n background-color: #fff; \/* Fond blanc pour la section texte *\/\n margin-top: -40px; \/* Remonte la section texte pour aligner avec l'image *\/\n margin-left: 25px; \/* Ajoute de l'espace entre l'image et le texte *\/\n }\n\n .title {\n font-size: 35px;\n font-weight: bold;\n margin-top: 5px; \/* Remplace X par la valeur souhait\u00e9e pour d\u00e9placer le titre vers le bas *\/\n margin-bottom: 10px;\n white-space: nowrap; \/* Emp\u00eache le retour \u00e0 la ligne *\/\n }\n\n .price {\n font-size: 22px;\n font-weight: bold;\n color: #000;\n margin-bottom: 10px;\n background-color: #FFEB3B; \/* Fond jaune pour le prix *\/\n padding: 5px;\n display: inline-block;\n }\n\n .stars {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n }\n\n .stars img {\n width: 20px;\n height: 20px;\n margin-right: 2px;\n }\n\n .rating, .reviews {\n margin-left: 10px;\n font-weight: bold;\n color: #000;\n }\n\n .reviews {\n margin-left: 5px;\n }\n\n .reviews a {\n text-decoration: none;\n color: #000; \/* Texte noir *\/\n }\n\n .reviews a:hover {\n text-decoration: underline;\n }\n\n .description {\n font-size: 16px;\n margin-bottom: 20px;\n margin-top: 22px; \/* Ajout\u00e9 pour abaisser les phrases *\/\n }\n\n .description p {\n position: relative;\n padding-left: 30px;\n margin: 0;\n line-height: 1.5;\n }\n\n .description p::before {\n content: \"\u2713\";\n position: absolute;\n left: 0;\n top: -2px;\n color: green;\n font-weight: bold;\n font-size: 20px;\n }\n\n .button {\n padding: 15px 28px; \/* Augmente la hauteur du bouton *\/\n background-color: #FF5722;\n color: white;\n text-decoration: none;\n font-weight: bold;\n border-radius: 5px;\n margin-top: 36px; \/* Ajoute un petit espace en haut du bouton *\/\n display: flex; \/* Utilisation de flexbox *\/\n justify-content: center; \/* Centre horizontalement *\/\n align-items: center; \/* Centre verticalement *\/\n font-size: 18px; \/* Augmente la taille de la police du bouton \u00e0 18px *\/\n overflow: hidden; \/* Assure que le texte ne d\u00e9borde pas *\/\n text-align: center; \/* Centre le texte \u00e0 l'int\u00e9rieur *\/\n border: 2px solid transparent; \/* Ajoute une bordure pour la transition *\/\n transition: all 0.3s ease; \/* Ajoute une transition fluide *\/\n }\n\n .button:hover {\n background-color: #fff; \/* Fond blanc au survol *\/\n color: #FF5722; \/* Texte en orange *\/\n border-color: #FF5722; \/* Bordure orange *\/\n }\n\n \/* Styles du modal (pop-up) *\/\n .modal {\n display: none; \/* Masquer le modal par d\u00e9faut *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n z-index: 1001;\n }\n\n .modal-content {\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n width: 90%;\n max-width: 600px;\n text-align: center;\n max-height: 80vh; \/* Limite la hauteur maximale du modal *\/\n overflow-y: auto; \/* Ajoute l'ascenseur si n\u00e9cessaire *\/\n }\n\n .modal .close {\n color: #aaa;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 10px;\n right: 25px;\n }\n\n .modal .close:hover,\n .modal .close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n }\n@media (max-width: 768px) {\n .banner {\n flex-direction: column; \/* Colonne pour organiser les \u00e9l\u00e9ments sur mobile *\/\n gap: 10px;\n padding: 10px;\n margin: 0 auto; \/* Centrer la banni\u00e8re horizontalement *\/\n align-items: center; \/* Centre tous les \u00e9l\u00e9ments *\/\n }\n\n .image img {\n width: 100%; \/* L'image occupe toute la largeur sur mobile *\/\n height: auto; \/* Maintient les proportions *\/\n max-width: 400px; \/* Limite la taille sur des \u00e9crans tr\u00e8s petits *\/\n }\n\n .text-section {\n padding: 10px;\n margin: 0; \/* Supprime les marges *\/\n font-size: 16px; \/* Taille de texte adapt\u00e9e au mobile *\/\n text-align: center; \/* Centre le texte *\/\n }\n\n .title {\n font-size: 24px; \/* R\u00e9duction de la taille du titre *\/\n margin: 10px 0; \/* Espacement harmonieux en haut et en bas *\/\n }\n\n .price {\n font-size: 18px; \/* Taille r\u00e9duite pour le prix *\/\n margin: 10px 0;\n }\n\n .stars {\n justify-content: center; \/* Centre les \u00e9toiles *\/\n margin-bottom: 10px;\n }\n\n .stars img {\n width: 16px; \/* Taille adapt\u00e9e des \u00e9toiles *\/\n height: 16px;\n }\n\n .button {\n padding: 12px 24px;\n font-size: 16px; \/* Texte lisible sur mobile *\/\n text-align: center; \/* Centre le texte dans le bouton *\/\n width: 80%; \/* Largeur adapt\u00e9e *\/\n max-width: 300px; \/* Taille maximale *\/\n margin: 30px auto; \/* Centr\u00e9 avec un espace en haut et en bas *\/\n }\n}\n\n\n <\/style>\n<\/head>\n<body>\n\n <div class=\"banner\">\n \n <div class=\"image\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png\" alt=\"R\u00e9paration Imprimante\">\n <\/div>\n\n \n <div class=\"text-section\">\n <div class=\"title\">R\u00e9paration Imprimante Paris<\/div>\n <div class=\"price\">\u00c0 partir de 39 \u20ac<\/div>\n \n <div class=\"stars\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 1\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 2\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 3\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 4\">\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/02\/favori-google-chrome-scaled.jpeg\" alt=\"star 5\">\n <span class=\"rating\">5\/5<\/span>\n <span class=\"reviews\">\n – <a href=\"https:\/\/www.google.fr\/search?sa=X&sca_esv=a132f53bdbf2e8af&sca_upv=1&tbm=lcl&q=Matuile+Avis&rflfq=1&num=20&stick=H4sIAAAAAAAAAONgkxIxNDExNTAwMjUztDAxMjcwMTIwM9rAyPiKkcc3saQ0MydVwbEss3gRKwoXAAbTyw85AAAA&rldimm=14450025618427042062&hl=fr-FR&ved=2ahUKEwjRwc6w7Lf_AhXFKd4KHeAwCU8QvS56BAgCEAE&sa=X&ved=2ahUKEwjRwc6w7Lf_AhXFKd4KHeAwCU8QqR8wG3oECAQQKw\" target=\"_blank\" rel=\"noopener\">20 avis<\/a>\n <\/span>\n <\/div>\n <div class=\"description\">\n <p>Trouvez le meilleur prix gr\u00e2ce \u00e0 notre comparateur.<\/p>\n <p>Informaticiens agr\u00e9\u00e9s et certifi\u00e9s.<\/p>\n <p>Intervention imm\u00e9diate ou sur rendez-vous.<\/p>\n <\/div>\n <a href=\"javascript:void(0);\" class=\"button\" onclick=\"openModal()\">Obtenez un devis gratuit en 5 min<\/a>\n <\/div>\n <\/div>\n\n \n <div id=\"myModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close\" onclick=\"closeModal()\">×<\/span>\n <h2><strong>Demander un devis gratuit<\/strong><\/h2>\n \n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f84444-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"84444\">\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\/86028#wpcf7-f84444-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=\"84444\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f84444-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-348\"><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-348\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-733\"><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-733\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-671\"><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-671\" \/><\/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 <\/div>\n\n <script>\n \/\/ Ouvre le modal\n function openModal() {\n document.getElementById(\"myModal\").style.display = \"flex\";\n }\n\n \/\/ Ferme le modal\n function closeModal() {\n document.getElementById(\"myModal\").style.display = \"none\";\n }\n\n \/\/ Ferme le modal si l'utilisateur clique en dehors de la bo\u00eete\n window.onclick = function(event) {\n if (event.target == document.getElementById(\"myModal\")) {\n closeModal();\n }\n }\n \/\/ S\u00e9lection des \u00e9l\u00e9ments\n const modal = document.getElementById(\"myModal\");\n const closeBtn = document.querySelector(\".modal .close\");\n\n \/\/ Ouvrir le modal (exemple de bouton ou d\u00e9clencheur)\n function openModal() {\n modal.style.display = \"flex\";\n }\n\n \/\/ Fermer le modal\n function closeModal() {\n modal.style.display = \"none\";\n }\n\n \/\/ Gestion de la fermeture en cliquant sur le bouton \"fermer\"\n closeBtn.addEventListener(\"click\", closeModal);\n\n \/\/ Fermer le modal en cliquant en dehors de celui-ci\n window.addEventListener(\"click\", function(event) {\n if (event.target === modal) { \/\/ V\u00e9rifie si le clic est en dehors du modal\n closeModal();\n }\n });\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>Contacter un Conseiller<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 20px;\r\n background-color: transparent; \/* Retire l'arri\u00e8re-plan *\/\r\n }\r\n\r\n .square-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .square-item {\r\n background-color: #fff; \/* Blanc pour les carr\u00e9s *\/\r\n color: #000; \/* Noir pour le texte *\/\r\n text-align: center;\r\n padding: 10px; \/* R\u00e9duit le padding pour diminuer la hauteur *\/\r\n border-radius: 10px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); \/* L\u00e9g\u00e8re ombre pour donner un effet flottant *\/\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start; \/* Remont\u00e9 vers le haut *\/\r\n align-items: center;\r\n height: 176px; \/* Hauteur r\u00e9duite de 20 % par rapport \u00e0 220px *\/\r\n }\r\n\r\n .square-item img {\r\n width: 120px; \/* Largeur fixe pour toutes les images *\/\r\n height: 85px; \/* Hauteur fixe pour uniformiser les images *\/\r\n border-radius: 8px;\r\n object-fit: cover; \/* Assure que l'image soit bien contenue et remplisse son cadre *\/\r\n margin-top: 0; \/* Supprime l'espace entre le titre et l'image *\/\r\n }\r\n\r\n \/* Cibler uniquement la premi\u00e8re image pour la remonter *\/\r\n .square-item:first-child img {\r\n margin-top: -10px; \/* Ajuste la position de la premi\u00e8re image vers le haut *\/\r\n }\r\n\r\n .square-item img:last-child {\r\n width: 130px; \/* Agrandir l\u00e9g\u00e8rement la derni\u00e8re image *\/\r\n height: auto; \/* Ajustement automatique de la hauteur *\/\r\n }\r\n\r\n .text-block {\r\n height: 40px; \/* Hauteur du texte uniforme *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 5px; \/* Espace suppl\u00e9mentaire pour la premi\u00e8re image *\/\r\n }\r\n\r\n \/* Banni\u00e8re mobile *\/\r\n @media (max-width: 768px) {\r\n \/* Adapter les carr\u00e9s en colonne pour les petits \u00e9crans *\/\r\n .square-container {\r\n grid-template-columns: 1fr; \/* Les carr\u00e9s se mettent l'un apr\u00e8s l'autre *\/\r\n margin-top: -20px; \/* Remonter la banni\u00e8re sur mobile *\/\r\n }\r\n\r\n \/* Ajuster uniquement la hauteur de l'image du premier carr\u00e9 sur mobile *\/\r\n .square-item:first-child img {\r\n margin-top: 10px; \/* Augmente ou r\u00e9duit la valeur pour ajuster la hauteur *\/\r\n }\r\n}\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"square-container\">\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Informaticiens partout en France<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/09\/Partout-en-France-scaled.webp\" alt=\"Partout en France\">\r\n <\/div>\r\n\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Prise en charge imm\u00e9diate<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/09\/preuve-incontestable-scaled.webp\" alt=\"Preuve incontestable\">\r\n <\/div>\r\n\r\n \r\n <div class=\"square-item\">\r\n <div class=\"text-block\">Nous comparons, vous gagnez<\/div>\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/10\/intervention-informaticien-au-meilleur-prix-avec-le-comparateur-matuile.png\" alt=\"Comparateur de prix\">\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html><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>Bouton T\u00e9l\u00e9phone<\/title>\r\n\r\n <style>\r\n \/* Cache le bouton sur les \u00e9crans de moins de 768px (tablettes et t\u00e9l\u00e9phones) *\/\r\n @media (max-width: 768px) {\r\n .fixed-phone-button {\r\n display: none !important; \/* Utilisation de !important pour forcer le masquage sur mobile *\/\r\n }\r\n }\r\n\r\n .fixed-phone-button {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n background-color: #D86031;\r\n color: #ffffff;\r\n padding: 15px 20px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n z-index: 1000;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: background-color 0.3s ease, color 0.3s ease;\r\n text-align: center;\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .fixed-phone-button img {\r\n margin-right: 0px;\r\n height: 20px;\r\n width: 20px;\r\n max-width: none;\r\n max-height: none;\r\n transition: content 0.3s ease;\r\n }\r\n\r\n .phone-number {\r\n font-size: 1.0em;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .additional-text {\r\n font-size: 0.7em;\r\n color: #ffffff;\r\n margin: 0;\r\n font-weight: normal;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .fixed-phone-button:hover {\r\n background-color: #ffffff;\r\n color: #D86031;\r\n border: 2px solid #D86031;\r\n }\r\n\r\n .fixed-phone-button:hover img {\r\n content: url('https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_orange.png');\r\n }\r\n\r\n .fixed-phone-button:hover .additional-text {\r\n color: #D86031;\r\n }\r\n\r\n .fixed-phone-button.show {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n .fixed-phone-button:focus,\r\n .fixed-phone-button:active {\r\n outline: none;\r\n color: #ffffff;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <a href=\"tel:0185090101\" class=\"fixed-phone-button\" id=\"phoneButton\">\r\n <div class=\"phone-number\">\r\n <img decoding=\"async\" src=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/08\/icone_telephone_blanc.png\" alt=\"Ic\u00f4ne T\u00e9l\u00e9phone\">\r\n 01 85 09 01 01\r\n <\/div>\r\n <div class=\"additional-text\">Assistance Matuile 24\/7<\/div>\r\n <\/a>\r\n\r\n <script>\r\n window.addEventListener('scroll', function() {\r\n var button = document.getElementById('phoneButton');\r\n if (window.scrollY > 100) {\r\n button.classList.add('show');\r\n } else {\r\n button.classList.add('show'); \/\/ Le bouton reste visible en haut de la page\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html><!DOCTYPE html> \r\n<html lang=\"fr\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Contacter un Conseiller<\/title>\r\n<style>\r\n \/* Style pour mobile *\/\r\n @media (max-width: 768px) {\r\n .contact-section {\r\n position: fixed;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n width: 100%;\r\n padding: 38px 0; \/* Ajustement du padding pour r\u00e9duire la hauteur *\/\r\n background-color: #fff;\r\n border-radius: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n border-top: 1px solid #00008B; \/* Trait horizontal bleu fonc\u00e9 *\/\r\n }\r\n\r\n .contact-content {\r\n width: 100%;\r\n padding: 0; \/* Pas de padding pour garder le contenu en place *\/\r\n text-align: center;\r\n position: relative; \/* N\u00e9cessaire pour le positionnement absolu du texte *\/\r\n }\r\n .mobile-text {\r\n display: block;\r\n font-size: 16px;\r\n font-weight: bold;\r\n margin-left: 20px; \/* Mis \u00e0 jour *\/\r\n position: absolute; \/* Utilisation du positionnement absolu *\/\r\n bottom: -35px; \/* Ajustez cette valeur pour d\u00e9placer le texte vers le haut ou le bas *\/\r\n }\r\n \/* Bouton T\u00e9l\u00e9phoner pour mobile : Ic\u00f4ne seule et centr\u00e9e *\/\r\n .contact-button-call {\r\n position: fixed;\r\n bottom: 14px; \/* Positionnement du bouton *\/\r\n right: 80px;\r\n width: 53px;\r\n height: 53px;\r\n border-radius: 50%;\r\n background-color: #28a745; \/* Changement de couleur en vert voyant *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .contact-button-call .phone-icon {\r\n margin-right: 0;\r\n width: 24px; \/* Ajustement de la taille de l'ic\u00f4ne *\/\r\n height: 24px;\r\n }\r\n \/* Masquer le texte du t\u00e9l\u00e9phone sur mobile *\/\r\n .contact-button-call .phone-text {\r\n display: none;\r\n }\r\n .contact-button-chat {\r\n display: none;\r\n }\r\n }\r\n \/* Styles \u00e0 neutraliser pour la version ordinateur *\/\r\n @media (min-width: 769px) {\r\n .contact-section {\r\n display: none; \/* Masquer compl\u00e8tement la section pour la version ordinateur *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"contact-section\">\r\n <div class=\"contact-content\">\r\n\r\n<h2 class=\"mobile-text\">Un conseiller est disponible<\/h2> \r\n <!-\r\n \r\n<a href=\"tel:0185090101\" class=\"contact-button-call\">\r\n<svg class=\"phone-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"white\"> \r\n<path d=\"M22 16.92v3.83c0 .71-.58 1.29-1.29 1.29-10.37 0-18.77-8.4-18.77-18.77 0-.71.58-1.29 1.29-1.29h3.83c.71 0 1.29.58 1.29 1.29 0 1.31.2 2.58.57 3.78.14.45.04.96-.3 1.3L6.23 9.68c1.66 3.02 4.28 5.64 7.3 7.3l1.11-1.11c.34-.34.85-.44 1.3-.3 1.2.38 2.47.57 3.78.57.71 0 1.29.58 1.29 1.29z\"\/> \r\n <\/sv\r\n<\/svg> \r\n<\/a> \r\n<\/div>\r\n <\/div\r\n<\/div>\r\n\r\n\r\n<script type=\"text\/javascript\">\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fb\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-e\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b92\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"scrip\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.cr\r\n\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n s.async = 1; \r\n d.getElementsByTagName(\"\r\n \r\n window.$crisp = []; \r\n window.CRISP_WEBSITE_ID = \"1b925c65-ec1f-4cd0-afe7-b9fbea9056b5\"; \r\n (function(){ \r\n d = document; \r\n s = d.createElement(\"script\"); \r\n s.src = \"https:\/\/client.crisp.chat\/l.js\"; \r\n s.async = 1; \r\n d.getElementsByTagName(\"head\")[0].appendChild(s); \r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/\r\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 \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 \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 \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 \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 \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-8f761849 wp-block-columns-is-layout-flex\" style=\"background-color:#f4f4f4\"><div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\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 \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 \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 \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 \r\n 01.85.09.01.01\r\n <\/a>\r\n\r\n \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\">\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 \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 \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 \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 \r\n <h2 style=\"font-size: 32px; font-weight: bold; text-align: center;\">Demander \u00e0 \u00eatre appel\u00e9(e)<\/h2>\r\n\r\n \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;\">•<\/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 \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\/86028#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.6\" \/><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 \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\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\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><h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"font-style:normal;font-weight:700\">Obtenez le meilleur prix !<\/h2><h3 class=\"wp-block-heading has-text-align-center\" style=\"font-style:normal;font-weight:700\">Faites jouer la concurrence pour la r\u00e9paration de votre imprimante \u00e0 Paris.<\/h3><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Lorsque votre <strong><a href=\"https:\/\/matuile.com\/media\/imprimante-definition-informatique\/\">imprimante<\/a><\/strong> tombe en panne, nous simplifions les d\u00e9marches pour que vous puissiez retrouver rapidement une solution efficace. Voici comment cela fonctionne :<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">1. R\u00e9ception de votre demande<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Vous commencez par remplir notre formulaire en ligne d\u00e9di\u00e9 \u00e0 la r\u00e9paration d’imprimantes. Quelques minutes suffisent pour nous d\u00e9crire votre probl\u00e8me (impression de mauvaise qualit\u00e9, bourrage papier, panne \u00e9lectrique, etc.). D\u00e8s validation, nous recevons instantan\u00e9ment votre demande.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">2. Analyse pr\u00e9cise du probl\u00e8me<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nos \u00e9quipes techniques prennent le temps d\u2019examiner les informations fournies dans votre demande de devis. Cela nous permet de bien comprendre la nature de la panne et de d\u00e9terminer les besoins sp\u00e9cifiques pour la <strong>r\u00e9paration de votre imprimante<\/strong> (Brother, Canon, Dell, hp, Epson, Lexmark, Ricoh, xerox, Sharp, etc…)<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">3. Mise en concurrence des techniciens \u00e0 Paris<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nous sollicitons notre r\u00e9seau de techniciens sp\u00e9cialis\u00e9s dans la <strong>r\u00e9paration d’imprimantes<\/strong>, disponibles \u00e0 <strong>Paris<\/strong> et en <strong>r\u00e9gion parisienne<\/strong>. En soumettant votre demande \u00e0 plusieurs experts ind\u00e9pendants, nous nous assurons d\u2019obtenir les meilleures solutions et interventions possibles.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">4. S\u00e9lection du meilleur prix pour vous<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Nous comparons les devis obtenus en tenant compte :<\/p><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\">du co\u00fbt de la r\u00e9paration,<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\">des d\u00e9lais d\u2019intervention,<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\">et de la qualit\u00e9 du service propos\u00e9.<\/li><\/ul><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Notre objectif est simple : vous proposer <strong>la solution la plus adapt\u00e9e au meilleur tarif<\/strong> pour la r\u00e9paration de votre <strong>imprimante \u00e0 Paris<\/strong>.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">5. Vous avez un retour rapide avec un devis personnalis\u00e9<\/h3><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">Une fois le meilleur devis s\u00e9lectionn\u00e9, nous vous recontactons rapidement pour vous pr\u00e9senter une solution claire, d\u00e9taill\u00e9e et sans engagement. Vous savez exactement <strong>combien co\u00fbtera la r\u00e9paration<\/strong>, <strong>le d\u00e9lai n\u00e9cessaire<\/strong>, et <strong>les \u00e9tapes \u00e0 suivre<\/strong>.<\/p><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h2 class=\"wp-block-heading\" style=\"font-style:normal;font-weight:700\">Pourquoi choisir notre service de r\u00e9paration d’imprimante \u00e0 Paris ?<\/h2><ul class=\"wp-block-list\"><li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Gain de temps<\/strong> : Plus besoin de chercher un r\u00e9parateur fiable, nous nous en occupons pour vous.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Meilleur prix garanti<\/strong> : Gr\u00e2ce \u00e0 la mise en concurrence, vous obtenez une offre avantageuse.<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Techniciens qualifi\u00e9s<\/strong> : Nous travaillons avec des experts certifi\u00e9s, habitu\u00e9s \u00e0 r\u00e9parer toutes marques d\u2019imprimantes (HP, Canon, Epson, Brother, etc.).<\/li>\n\n<li style=\"font-size:16px;font-style:normal;font-weight:100\"><strong>Intervention rapide<\/strong> : Disponibilit\u00e9 imm\u00e9diate \u00e0 Paris et en r\u00e9gion parisienne pour la r\u00e9paration de votre imprimante.<\/li><\/ul><div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"wp-block-paragraph\" style=\"font-size:16px;font-style:normal;font-weight:100\">En quelques \u00e9tapes simples, nous vous aidons \u00e0 <strong>r\u00e9parer votre imprimante<\/strong> rapidement \u00e0 <strong>Paris<\/strong>, au meilleur prix et sans tracas. Remplissez d\u00e8s maintenant la demande de devis pour recevoir votre devis personnalis\u00e9 !<\/p><div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>","protected":false},"excerpt":{"rendered":"<p>R\u00e9paration Imprimante Paris R\u00e9paration Imprimante Paris \u00c0 partir de 39 \u20ac 5\/5 – 20 avis Trouvez le meilleur prix gr\u00e2ce \u00e0 notre…<\/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-86028","page","type-page","status-publish"],"acf":[],"yoast_head":"\n<title>R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac<\/title>\n<meta name=\"description\" content=\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\" \/>\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\/reparation-imprimante-paris\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac\" \/>\n<meta property=\"og:description\" content=\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/\" \/>\n<meta property=\"og:site_name\" content=\"Matuile\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-17T21:15:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\",\"name\":\"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"datePublished\":\"2024-12-17T20:46:45+00:00\",\"dateModified\":\"2024-12-17T21:15:20+00:00\",\"description\":\"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#primaryimage\",\"url\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"contentUrl\":\"https:\\\/\\\/matuile.com\\\/media\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/reparation-imprimante-2560x1706-1.png\",\"width\":2560,\"height\":1706,\"caption\":\"Main gant\u00e9e retirant le toner d'une imprimante pour proc\u00e9der \u00e0 sa r\u00e9paration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/matuile.com\\\/media\\\/reparation-imprimante-paris\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/matuile.com\\\/media\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9paration imprimante Paris\"}]},{\"@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_head_json":{"title":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","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\/reparation-imprimante-paris\/","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","og_description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","og_url":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","og_site_name":"Matuile","article_modified_time":"2024-12-17T21:15:20+00:00","og_image":[{"url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","url":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/","name":"R\u00e9paration Imprimante Paris : \u00c0 partir de 39 \u20ac","isPartOf":{"@id":"https:\/\/matuile.com\/media\/#website"},"primaryImageOfPage":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage"},"image":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage"},"thumbnailUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","datePublished":"2024-12-17T20:46:45+00:00","dateModified":"2024-12-17T21:15:20+00:00","description":"R\u00e9paration Imprimante Paris : Obtenez rapidement un devis personnalis\u00e9 gr\u00e2ce \u00e0 nos techniciens qualifi\u00e9s. Meilleur prix garanti gr\u00e2ce \u00e0 la...","breadcrumb":{"@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/matuile.com\/media\/reparation-imprimante-paris\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#primaryimage","url":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","contentUrl":"https:\/\/matuile.com\/media\/wp-content\/uploads\/2024\/04\/reparation-imprimante-2560x1706-1.png","width":2560,"height":1706,"caption":"Main gant\u00e9e retirant le toner d'une imprimante pour proc\u00e9der \u00e0 sa r\u00e9paration"},{"@type":"BreadcrumbList","@id":"https:\/\/matuile.com\/media\/reparation-imprimante-paris\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/matuile.com\/media\/"},{"@type":"ListItem","position":2,"name":"R\u00e9paration imprimante Paris"}]},{"@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\/86028","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=86028"}],"version-history":[{"count":11,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86028\/revisions"}],"predecessor-version":[{"id":86047,"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/pages\/86028\/revisions\/86047"}],"wp:attachment":[{"href":"https:\/\/matuile.com\/media\/wp-json\/wp\/v2\/media?parent=86028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}