{"id":12,"date":"2025-02-11T10:49:54","date_gmt":"2025-02-11T09:49:54","guid":{"rendered":"https:\/\/mdelectricite-reseau.com\/?page_id=12"},"modified":"2025-02-16T17:12:35","modified_gmt":"2025-02-16T16:12:35","slug":"electricien-dans-linstallations-electriques-depannages-en-courant-fort-et-faible-electricite-generales-installations-electriques-certifie-borne-de-recharge-voiture-electrique-intervent","status":"publish","type":"page","link":"https:\/\/mdelectricite-reseau.com\/","title":{"rendered":"\u00c9lectricien dans l’installations \u00e9lectriques & d\u00e9pannages en courant fort et faible , \u00e9lectricit\u00e9 g\u00e9n\u00e9rales , installations \u00e9lectriques : certifi\u00e9 borne de recharge voiture \u00e9lectrique , interventions en journ\u00e9e , d\u00e9pannages dans tous locaux."},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u00c9lectricien Professionnel<\/title>\r\n <style>\r\n \/* Reset et styles de base *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);\r\n color: #27272a;\r\n line-height: 1.5;\r\n position: relative;\r\n overflow-x: hidden;\r\n background-image: url('https:\/\/mdelectricite-reseau.com\/wp-content\/uploads\/2025\/02\/Hoogte_stopcontact_1.jpg'); \/* Image par d\u00e9faut *\/\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n \r\n\r\n \/* Slider d'images en arri\u00e8re-plan *\/\r\n .background-slider {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: hidden;\r\n z-index: -1;\r\n }\r\n\r\n .background-slider img {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n opacity: 0;\r\n transition: opacity 1s ease-in-out;\r\n }\r\n\r\n .background-slider img.active {\r\n opacity: 1;\r\n }\r\n\r\n .container {\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n padding: 3rem 1rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 2rem;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n max-width: 1200px;\r\n margin: 2rem auto;\r\n animation: fadeIn 0.6s ease-out;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .tag {\r\n display: inline-block;\r\n background-color: #fef3c7;\r\n color: #92400e;\r\n padding: 0.375rem 1rem;\r\n border-radius: 9999px;\r\n font-size: 0.875rem;\r\n font-weight: 500;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n h1 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n .hero p {\r\n max-width: 48rem;\r\n margin: 0 auto;\r\n color: #52525b;\r\n font-size: 1rem;\r\n font-weight: normal;\r\n }\r\n\r\n \/* Services Carousel *\/\r\n .services-carousel {\r\n position: relative;\r\n margin: 2rem 0;\r\n padding: 0 3rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .services-container {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n gap: 1rem;\r\n padding: 1rem 0;\r\n -webkit-overflow-scrolling: touch;\r\n scroll-snap-type: x mandatory;\r\n scroll-padding: 10px;\r\n }\r\n\r\n .service-slide {\r\n width: 300px;\r\n height: 175px;\r\n background: white;\r\n padding: 1.5rem;\r\n border-radius: 0.75rem;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n flex: 0 0 auto;\r\n scroll-snap-align: start;\r\n }\r\n\r\n .service-slide h3 {\r\n font-size: 1.125rem;\r\n font-weight: 600;\r\n margin-bottom: 0.5rem;\r\n color: #27272a;\r\n }\r\n\r\n .service-slide p {\r\n color: #52525b;\r\n font-size: 0.875rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .price {\r\n color: #059669;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Fl\u00e8ches du Slider avec SVG *\/\r\n .services-btn {\r\n background-color: rgba(0, 0, 0, 0.5);\r\n color: white;\r\n padding: 1rem;\r\n border: none;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .services-btn.prev {\r\n left: 10px;\r\n }\r\n\r\n .services-btn.next {\r\n right: 10px;\r\n }\r\n\r\n \/* SVG pour les fl\u00e8ches *\/\r\n .services-btn svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white;\r\n }\r\n\r\n \/* Pagination des points *\/\r\n .pagination {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 1rem;\r\n }\r\n\r\n .pagination .dot {\r\n width: 12px;\r\n height: 12px;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background-color: #ddd;\r\n cursor: pointer;\r\n }\r\n\r\n .pagination .active {\r\n background-color: #059669;\r\n }\r\n\r\n \/* Responsiveness *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2rem;\r\n }\r\n\r\n .services-container {\r\n padding: 0;\r\n }\r\n\r\n .service-slide {\r\n width: 80%;\r\n margin: 0 auto;\r\n }\r\n\r\n .services-btn {\r\n display: block;\r\n font-size: 1.5rem;\r\n width: 50px;\r\n height: 50px;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .services-btn.prev {\r\n left: 5px; \/* Proche du carrousel *\/\r\n }\r\n \r\n .services-btn.next {\r\n right: 5px; \/* Proche du carrousel *\/\r\n }\r\n }\r\n\r\n \/* Pour les tr\u00e8s petits \u00e9crans *\/\r\n @media (max-width: 480px) {\r\n .service-slide {\r\n width: 100%;\r\n height: auto;\r\n }\r\n }\r\n \r\n html, body {\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n .services-btn.prev {\r\n left: -40px; \/* Augmente la distance \u00e0 gauche *\/\r\n }\r\n \r\n .services-btn.next {\r\n right: -40px; \/* Augmente la distance \u00e0 droite *\/\r\n }\r\n \r\n @media (min-width: 768px) {\r\n .services-btn.prev {\r\n left: -25px;\r\n }\r\n \r\n .services-btn.next {\r\n right: -25px;\r\n }\r\n }\r\n \r\n .services-container {\r\n overflow-x: hidden;\r\n scrollbar-width: none; \/* Cache la barre de d\u00e9filement sur Firefox *\/\r\n -ms-overflow-style: none; \/* Cache la barre de d\u00e9filement sur Edge et IE *\/\r\n }\r\n \r\n .services-container::-webkit-scrollbar {\r\n display: none; \/* Cache la barre de d\u00e9filement sur Chrome et Safari *\/\r\n }\r\n \r\n \/* Section Contact *\/\r\n .contact-section {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n background: rgba(255, 255, 255, 0.9);\r\n padding: 2rem;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n max-width: 1200px;\r\n margin: 2rem auto;\r\n animation: fadeIn 0.6s ease-out;\r\n }\r\n\r\n .contact-section h2 {\r\n font-size: 2rem;\r\n color: #27272a;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .contact-section p {\r\n color: #52525b;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Slider d'images en arri\u00e8re-plan -->\r\n <div class=\"background-slider\">\r\n <img decoding=\"async\" src=\"https:\/\/mdelectricite-reseau.com\/wp-content\/uploads\/2025\/02\/Hoogte_stopcontact_1.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/mdelectricite-reseau.com\/wp-content\/uploads\/2025\/02\/eclairage-interieur.jpg\">\r\n <img decoding=\"async\" src=\"https:\/\/mdelectricite-reseau.com\/wp-content\/uploads\/2025\/02\/pexels-photo-257736.webp\">\r\n <img decoding=\"async\" src=\"https:\/\/mdelectricite-reseau.com\/wp-content\/uploads\/2025\/02\/bornes-recharge-vehicules-electriques-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <!-- Hero Section -->\r\n <div class=\"hero\">\r\n <span class=\"tag\">Expert en installations \u00e9lectriques<\/span>\r\n <h1>\u00c9lectricien Professionnel<\/h1>\r\n <p>\r\n Sp\u00e9cialis\u00e9 dans les installations \u00e9lectriques & d\u00e9pannages en courant fort et faible. \r\n Certification pour bornes de recharge de voitures \u00e9lectriques. \r\n Interventions en journ\u00e9e et d\u00e9pannages dans tous locaux.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Services Carousel -->\r\n <div class=\"services-carousel\">\r\n <button class=\"services-btn prev\" aria-label=\"Services pr\u00e9c\u00e9dents\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15 18l-6-6 6-6\" \/><\/svg>\r\n <\/button>\r\n <div class=\"services-container\">\r\n <!-- Service 1 -->\r\n <div class=\"service-slide\">\r\n <h3>D\u00e9placement de prises et interrupteurs \u00e9lectriques<\/h3>\r\n <p>Pour vos extensions et am\u00e9nagements locaux et habitations branchement tableaux et armoire \u00e9lectriques.<\/p>\r\n <div class=\"price\">\u00c0 partir de 35,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 2 -->\r\n <div class=\"service-slide\">\r\n <h3>Installation d'\u00e9clairages<\/h3>\r\n <p>Remplacements de luminaires pour les particuliers et entreprises d\u00e9pannages et mise en service.<\/p>\r\n <div class=\"price\">\u00c0 partir de 20,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 3 -->\r\n <div class=\"service-slide\">\r\n <h3>Installation d'\u00e9clairages ext\u00e9rieurs<\/h3>\r\n <p>Pose et remplacements \u00e9clairages ext\u00e9rieurs.<\/p>\r\n <div class=\"price\">\u00c0 partir de 50,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 4 -->\r\n <div class=\"service-slide\">\r\n <h3>Installation de fils de terre<\/h3>\r\n <p>Mise \u00e0 la terre de l'installation.<\/p>\r\n <div class=\"price\">\u00c0 partir de 20,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 5 -->\r\n <div class=\"service-slide\">\r\n <h3>Installation de prises et interrupteurs \u00e9lectriques<\/h3>\r\n <p>Installations et fixation d'appareillage \u00e9lectrique branchement tableau \u00e9lectrique mise en conformit\u00e9.<\/p>\r\n <div class=\"price\">\u00c0 partir de 35,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 6 -->\r\n <div class=\"service-slide\">\r\n <h3>Installation de syst\u00e8mes de s\u00e9curit\u00e9<\/h3>\r\n <p>Neuf et r\u00e9novation tertiaires.<\/p>\r\n <div class=\"price\">\u00c0 partir de 50,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 7 -->\r\n <div class=\"service-slide\">\r\n <h3>Modification d'installations \u00e9lectriques<\/h3>\r\n <p>\u00c9tudes de plans d'installation pour vos locaux et habitations.<\/p>\r\n <div class=\"price\">\u00c0 partir de 45,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 8 -->\r\n <div class=\"service-slide\">\r\n <h3>Pose de chargeurs pour v\u00e9hicules \u00e9lectriques<\/h3>\r\n <p>Pose bornes de recharge et raccordement.<\/p>\r\n <div class=\"price\">\u00c0 partir de 150,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 9 -->\r\n <div class=\"service-slide\">\r\n <h3>Pose de ventilateurs<\/h3>\r\n <p>Remplacement ou modernisation de panneaux \u00e9lectriques.<\/p>\r\n <div class=\"price\">\u00c0 partir de 100,00 \u20ac<\/div>\r\n <\/div>\r\n <!-- Service 10 -->\r\n <div class=\"service-slide\">\r\n <h3>Restauration \u00e9lectrique<\/h3>\r\n <p>R\u00e9paration de prises et interrupteurs \u00e9lectriques. Remplacements d\u00e9pannages.<\/p>\r\n <div class=\"price\">\u00c0 partir de 30,00 \u20ac<\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"services-btn next\" aria-label=\"Services suivants\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 18l6-6-6-6\" \/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Pagination pour mobile -->\r\n <div class=\"pagination\">\r\n <span class=\"dot active\" data-index=\"0\"><\/span>\r\n <span class=\"dot\" data-index=\"1\"><\/span>\r\n <span class=\"dot\" data-index=\"2\"><\/span>\r\n <span class=\"dot\" data-index=\"3\"><\/span>\r\n <span class=\"dot\" data-index=\"4\"><\/span>\r\n <span class=\"dot\" data-index=\"5\"><\/span>\r\n <span class=\"dot\" data-index=\"6\"><\/span>\r\n <span class=\"dot\" data-index=\"7\"><\/span>\r\n <span class=\"dot\" data-index=\"8\"><\/span>\r\n <span class=\"dot\" data-index=\"9\"><\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-section\">\r\n <h1>Contactez-moi<\/h1>\r\n <p>Besoin d'un devis ou d'un renseignement ?<\/p>\r\n <p> Email : <span style=\"font-weight: bold;\"> mdelectricite.contact@gmail.com <\/span> <\/p>\r\n <p> T\u00e9l\u00e9phone : <span style=\"font-weight: bold;\"> 06 95 63 95 98 <\/span> <\/p>\r\n <p> Localisation : <span style=\"font-weight: bold;\"> La Bastide Bordeaux <\/span> <\/p>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ === Slider d'images en arri\u00e8re-plan ===\r\n const images = document.querySelectorAll(\".background-slider img\");\r\n let currentIndex = 0;\r\n\r\n function changeBackgroundImage() {\r\n images[currentIndex].classList.remove(\"active\");\r\n currentIndex = (currentIndex + 1) % images.length;\r\n images[currentIndex].classList.add(\"active\");\r\n }\r\n\r\n setInterval(changeBackgroundImage, 4000);\r\n\r\n \/\/ === Services Carousel ===\r\n const servicesContainer = document.querySelector('.services-container');\r\n const prevServiceBtn = document.querySelector('.services-btn.prev');\r\n const nextServiceBtn = document.querySelector('.services-btn.next');\r\n const paginationDots = document.querySelectorAll('.pagination .dot');\r\n const serviceSlides = document.querySelectorAll('.service-slide');\r\n const slideWidth = serviceSlides[0].offsetWidth;\r\n const totalSlides = serviceSlides.length;\r\n let currentSlideIndex = 0;\r\n\r\n \/\/ Mettre \u00e0 jour les points de pagination\r\n function updatePagination() {\r\n paginationDots.forEach(dot => dot.classList.remove('active'));\r\n paginationDots[currentSlideIndex].classList.add('active');\r\n }\r\n\r\n \/\/ Fonction pour d\u00e9placer le carrousel\r\n function scrollToSlide(index) {\r\n index = Math.max(0, Math.min(index, totalSlides - 1));\r\n currentSlideIndex = index;\r\n servicesContainer.scrollTo({ left: slideWidth * index, behavior: 'smooth' });\r\n updatePagination();\r\n }\r\n\r\n \/\/ Fl\u00e8che pr\u00e9c\u00e9dente\r\n prevServiceBtn.addEventListener('click', () => scrollToSlide(currentSlideIndex - 1));\r\n\r\n \/\/ Fl\u00e8che suivante\r\n nextServiceBtn.addEventListener('click', () => scrollToSlide(currentSlideIndex + 1));\r\n\r\n \/\/ Clic sur les points de pagination\r\n paginationDots.forEach((dot, index) => {\r\n dot.addEventListener('click', () => scrollToSlide(index));\r\n });\r\n\r\n \/\/ D\u00e9tection du scroll manuel pour mettre \u00e0 jour la pagination\r\n servicesContainer.addEventListener('scroll', () => {\r\n let newIndex = Math.round(servicesContainer.scrollLeft \/ slideWidth);\r\n if (newIndex !== currentSlideIndex) {\r\n currentSlideIndex = newIndex;\r\n updatePagination();\r\n }\r\n });\r\n\r\n \/\/ === Ajout du d\u00e9filement tactile avec inertie ===\r\n let startX = 0;\r\n let scrollLeft = 0;\r\n let isDragging = false;\r\n let velocity = 0;\r\n let animationFrame;\r\n\r\n servicesContainer.addEventListener('touchstart', (e) => {\r\n isDragging = true;\r\n startX = e.touches[0].pageX;\r\n scrollLeft = servicesContainer.scrollLeft;\r\n velocity = 0;\r\n cancelAnimationFrame(animationFrame);\r\n });\r\n\r\n servicesContainer.addEventListener('touchmove', (e) => {\r\n if (!isDragging) return;\r\n const x = e.touches[0].pageX;\r\n const walk = (x - startX) * 3; \/\/ Sensibilit\u00e9 augment\u00e9e\r\n servicesContainer.scrollLeft = scrollLeft - walk;\r\n velocity = (walk - scrollLeft) * 0.1; \/\/ Calcul de l'inertie\r\n });\r\n\r\n servicesContainer.addEventListener('touchend', () => {\r\n isDragging = false;\r\n\r\n \/\/ Effet d'inertie\r\n function inertiaScroll() {\r\n if (Math.abs(velocity) > 0.5) {\r\n servicesContainer.scrollLeft -= velocity;\r\n velocity *= 0.9; \/\/ R\u00e9duction progressive\r\n animationFrame = requestAnimationFrame(inertiaScroll);\r\n } else {\r\n cancelAnimationFrame(animationFrame);\r\n let newIndex = Math.round(servicesContainer.scrollLeft \/ slideWidth);\r\n scrollToSlide(newIndex);\r\n }\r\n }\r\n\r\n requestAnimationFrame(inertiaScroll);\r\n });\r\n\r\n<\/script>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c9lectricien Professionnel Expert en installations \u00e9lectriques \u00c9lectricien Professionnel Sp\u00e9cialis\u00e9 dans les installations \u00e9lectriques & d\u00e9pannages en courant fort et faible. Certification pour bornes de recharge de voitures \u00e9lectriques. Interventions en journ\u00e9e et d\u00e9pannages dans tous locaux. D\u00e9placement de prises et interrupteurs \u00e9lectriques Pour vos extensions et am\u00e9nagements locaux et habitations branchement tableaux et armoire \u00e9lectriques. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":97,"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":274,"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/274"}],"wp:attachment":[{"href":"https:\/\/mdelectricite-reseau.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}