{"id":22,"date":"2025-06-26T14:11:28","date_gmt":"2025-06-26T14:11:28","guid":{"rendered":"https:\/\/expertdiag.ma\/?page_id=22"},"modified":"2026-02-15T17:28:19","modified_gmt":"2026-02-15T17:28:19","slug":"home","status":"publish","type":"page","link":"https:\/\/expertdiag.ma\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afba18c e-flex e-con-boxed e-con e-parent\" data-id=\"afba18c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68da7a4 hfe-nav-menu__align-left hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-navigation-menu\" data-id=\"68da7a4\" data-element_type=\"widget\" data-settings=\"{&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:34,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;220&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none\" data-layout=\"horizontal\" data-last-item=\"cta\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\"  class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-fas-align-justify&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-close-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-far-window-close&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-full-width=\"yes\">\n\t\t\t\t\t<ul id=\"menu-1-68da7a4\" class=\"hfe-nav-menu\"><li id=\"menu-item-26\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/\" class = \"hfe-menu-item\">Accueil<\/a><\/li>\n<li id=\"menu-item-27\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a rel=\"httpsexpertdiagmapage_id195preview_id195preview_nonceddbb586af7previewtrue\" href=\"https:\/\/expertdiag.ma\/?page_id=195\" class = \"hfe-menu-item\">Services<\/a><\/li>\n<li id=\"menu-item-28\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=99\" class = \"hfe-menu-item\">\u00c0 propos<\/a><\/li>\n<li id=\"menu-item-31\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=257\" class = \"hfe-menu-item\">contact<\/a><\/li>\n<li id=\"menu-item-30\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=244\" class = \"hfe-menu-item\">Avis clients<\/a><\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\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<div class=\"elementor-element elementor-element-c544ea5 e-flex e-con-boxed e-con e-parent\" data-id=\"c544ea5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-329dce5 elementor-widget elementor-widget-html\" data-id=\"329dce5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"parallax-slider\">\r\n  <div class=\"slider-container\">\r\n    <div class=\"slide active\" style=\"background-image: url('https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-19-a-17.22.58_0313e6a0.jpg');\" aria-label=\"Diagnostic 1\">\r\n      <div class=\"overlay\"><\/div>\r\n      <div class=\"slide-content\">\r\n        <h1>Expertise automobile de pointe<\/h1>\r\n        <p>Des diagnostics pr\u00e9cis pour des d\u00e9cisions \u00e9clair\u00e9es.<\/p>\r\n        <a href=\"https:\/\/expertdiag.ma\/?page_id=257\" class=\"btn-cta\">Obtenez votre diagnostic<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"slide\" style=\"background-image: url('https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-19-a-17.22.59_90214450.jpg');\" aria-label=\"Diagnostic 2\">\r\n      <div class=\"overlay\"><\/div>\r\n      <div class=\"slide-content\">\r\n        <h1>Votre s\u00e9curit\u00e9, notre engagement<\/h1>\r\n        <p>Analyse compl\u00e8te pour un achat automobile sans surprise.<\/p>\r\n        <a href=\"https:\/\/expertdiag.ma\/?page_id=257\" class=\"btn-cta\">Contactez nos experts<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dots\">\r\n      <span class=\"dot active\" data-slide=\"0\" aria-label=\"Slide 1\"><\/span>\r\n      <span class=\"dot\" data-slide=\"1\" aria-label=\"Slide 2\"><\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ====================== BASE ====================== *\/\r\n.parallax-slider {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 40px 0;\r\n  background: #fff;\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\n.slider-container {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1150px;\r\n  height: clamp(280px, 35vw, 460px);\r\n  overflow: hidden;\r\n  border-radius: 18px;\r\n  perspective: 1200px; \/* Perspective pour effet 3D *\/\r\n}\r\n\r\n.slide {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background-position: center center;\r\n  background-size: cover;\r\n  transition: opacity 1.2s ease, transform 0.2s ease-out;\r\n  opacity: 0;\r\n  border-radius: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  color: #fff;\r\n  pointer-events: none;\r\n}\r\n\r\n.slide.active {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n.overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(8,86,72,0.4) 0%, rgba(8,86,72,0.2) 60%, rgba(0,0,0,0.15) 100%);\r\n  border-radius: 18px;\r\n  z-index: 1;\r\n}\r\n\r\n.slide-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 700px;\r\n  padding: 40px 50px;\r\n  background: rgba(0,0,0,0.25);\r\n  border-radius: 16px;\r\n  animation: fadeUpText 0.8s ease forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: transform 0.2s ease-out;\r\n}\r\n\r\n.slide.active .slide-content {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@keyframes fadeUpText {\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.slide-content h1 {\r\n  font-size: clamp(1.6rem, 3vw, 3rem);\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  letter-spacing: 0.03em;\r\n  color: #fff;\r\n  text-shadow: 0 0 12px rgba(0,0,0,0.7);\r\n}\r\n\r\n.slide-content p {\r\n  font-size: clamp(0.95rem, 2vw, 1.25rem);\r\n  margin-bottom: 20px;\r\n  color: #f0f9f7;\r\n  text-shadow: 0 0 8px rgba(0,0,0,0.5);\r\n}\r\n\r\n.btn-cta {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #0a6d58, #0f855f);\r\n  color: #fff;\r\n  padding: clamp(12px, 2vw, 18px) clamp(28px, 4vw, 44px);\r\n  font-size: clamp(0.95rem, 1.5vw, 1.2rem);\r\n  font-weight: 700;\r\n  border-radius: 12px;\r\n  text-decoration: none;\r\n  box-shadow: 0 8px 20px rgba(10,109,88,0.6);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.btn-cta:hover,\r\n.btn-cta:focus {\r\n  transform: scale(1.05);\r\n  box-shadow: 0 12px 28px rgba(10,109,88,0.85);\r\n  outline: none;\r\n}\r\n\r\n\/* ====================== DOTS ====================== *\/\r\n.dots {\r\n  position: absolute;\r\n  bottom: 15px;\r\n  width: 100%;\r\n  text-align: center;\r\n  z-index: 10;\r\n}\r\n\r\n.dot {\r\n  display: inline-block;\r\n  width: 12px;\r\n  height: 12px;\r\n  margin: 0 6px;\r\n  background: rgba(255, 255, 255, 0.35);\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: background 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n\r\n.dot.active,\r\n.dot:hover {\r\n  background: #0b7e6a;\r\n  box-shadow: 0 0 10px #0b7e6a;\r\n}\r\n\r\n\/* ====================== RESPONSIVE ====================== *\/\r\n@media (max-width: 992px) {\r\n  .slider-container { height: clamp(240px, 35vw, 360px); }\r\n  .slide-content { max-width: 90%; padding: 30px 35px; }\r\n  .slide-content h1 { font-size: clamp(1.4rem, 4vw, 2.2rem); }\r\n  .slide-content p { font-size: clamp(0.9rem, 2.5vw, 1.1rem); }\r\n  .btn-cta { padding: 12px 36px; font-size: 1rem; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .slider-container { height: clamp(200px, 40vw, 280px); }\r\n  .slide-content { padding: 22px 24px; }\r\n  .slide-content h1 { font-size: clamp(1.2rem, 5vw, 1.6rem); }\r\n  .slide-content p { font-size: clamp(0.8rem, 3vw, 0.95rem); }\r\n  .btn-cta { padding: 10px 28px; font-size: 0.95rem; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(() => {\r\n  const slides = document.querySelectorAll('.parallax-slider .slide');\r\n  const dots = document.querySelectorAll('.parallax-slider .dot');\r\n  let currentIndex = 0;\r\n  let intervalId;\r\n  const slideCount = slides.length;\r\n\r\n  function updateSlides() {\r\n    slides.forEach((slide, i) => {\r\n      slide.classList.toggle('active', i === currentIndex);\r\n    });\r\n    dots.forEach((dot, i) => {\r\n      dot.classList.toggle('active', i === currentIndex);\r\n    });\r\n  }\r\n\r\n  function goToSlide(index) {\r\n    currentIndex = index % slideCount;\r\n    updateSlides();\r\n  }\r\n\r\n  function nextSlide() { goToSlide(currentIndex + 1); }\r\n\r\n  dots.forEach(dot => {\r\n    dot.addEventListener('click', () => {\r\n      goToSlide(parseInt(dot.dataset.slide));\r\n      resetInterval();\r\n    });\r\n  });\r\n\r\n  function resetInterval() {\r\n    clearInterval(intervalId);\r\n    intervalId = setInterval(nextSlide, 6000);\r\n  }\r\n\r\n  const sliderContainer = document.querySelector('.parallax-slider .slider-container');\r\n  sliderContainer.addEventListener('mouseenter', () => clearInterval(intervalId));\r\n  sliderContainer.addEventListener('mouseleave', resetInterval);\r\n\r\n  goToSlide(0);\r\n  intervalId = setInterval(nextSlide, 6000);\r\n\r\n  \/\/ ====================== EFFET 3D MOBILE ======================\r\n  if (window.DeviceOrientationEvent) {\r\n    window.addEventListener(\"deviceorientation\", (event) => {\r\n      const gamma = event.gamma || 0; \/\/ gauche\/droite\r\n      const beta = event.beta || 0;   \/\/ haut\/bas\r\n      slides.forEach(slide => {\r\n        if(slide.classList.contains('active')) {\r\n          const overlay = slide.querySelector('.overlay');\r\n          const content = slide.querySelector('.slide-content');\r\n          overlay.style.transform = `translateX(${gamma\/20}px) translateY(${beta\/20}px)`;\r\n          content.style.transform = `translateX(${-gamma\/30}px) translateY(${-beta\/30}px)`;\r\n        }\r\n      });\r\n    }, true);\r\n  }\r\n\r\n  \/\/ Pour desktop : effet sur la souris\r\n  sliderContainer.addEventListener(\"mousemove\", (e) => {\r\n    const rect = sliderContainer.getBoundingClientRect();\r\n    const x = (e.clientX - rect.left - rect.width\/2)\/20;\r\n    const y = (e.clientY - rect.top - rect.height\/2)\/20;\r\n    slides.forEach(slide => {\r\n      if(slide.classList.contains('active')) {\r\n        slide.querySelector('.overlay').style.transform = `translateX(${x}px) translateY(${y}px)`;\r\n        slide.querySelector('.slide-content').style.transform = `translateX(${-x\/2}px) translateY(${-y\/2}px)`;\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a169146 elementor-widget elementor-widget-html\" data-id=\"a169146\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"expert-location\">\r\n  <h2>\ud83d\udccd Un expert ExpertDiag pr\u00e8s de chez vous<\/h2>\r\n  <p>Entrez votre ville pour v\u00e9rifier la disponibilit\u00e9 d\u2019un expert automobile<\/p>\r\n\r\n  <input type=\"text\" id=\"city\" placeholder=\"Ex : Casablanca, Rabat, Marrakech\">\r\n  <button onclick=\"checkExpert()\">V\u00e9rifier<\/button>\r\n\r\n  <div id=\"location-result\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n.expert-location {\r\n  max-width: 500px;\r\n  width: 90%;\r\n  margin: 20px auto;\r\n  padding: 25px;\r\n  border-radius: 14px;\r\n  background: #ffffff;\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n  font-family: Arial, sans-serif;\r\n  text-align: center;\r\n}\r\n\r\n.expert-location h2 {\r\n  font-size: 1.6rem;\r\n  margin-bottom: 10px;\r\n  color: #222; \/* texte visible sur fond clair *\/\r\n}\r\n\r\n.expert-location input {\r\n  width: 80%;\r\n  max-width: 350px;\r\n  padding: 12px;\r\n  border-radius: 8px;\r\n  border: 1px solid #ccc;\r\n  font-size: 1rem;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.expert-location button {\r\n  padding: 12px 20px;\r\n  border: none;\r\n  border-radius: 25px;\r\n  background: #25D366; \/* vert WhatsApp *\/\r\n  color: #fff;\r\n  font-size: 1rem;\r\n  cursor: pointer;\r\n}\r\n\r\n#location-result {\r\n  margin-top: 18px;\r\n  font-weight: bold;\r\n  font-size: 1rem;\r\n}\r\n\r\n\/* Responsive pour mobile *\/\r\n@media (max-width: 480px) {\r\n  .expert-location input {\r\n    width: 95%;\r\n  }\r\n  .expert-location button {\r\n    width: 95%;\r\n    margin-top: 10px;\r\n  }\r\n  .expert-location h2 {\r\n    font-size: 1.3rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction checkExpert() {\r\n  const cityInput = document.getElementById(\"city\").value.trim().toLowerCase();\r\n  const res = document.getElementById(\"location-result\");\r\n\r\n  const availableCities = [\r\n    \"rabat\", \"sal\u00e9\", \"t\u00e9mara\", \"tanger\", \"asilah\", \"t\u00e9touan\",\r\n    \"larache\", \"marrakech\", \"casablanca\", \"deroua berrechid\",\r\n    \"mohammedia\", \"bouznika\", \"agadir\", \"mekn\u00e8s\", \"f\u00e8s\"\r\n  ];\r\n\r\n  if (!cityInput) {\r\n    res.innerHTML = \"\u2757 Veuillez entrer votre ville.\";\r\n    return;\r\n  }\r\n\r\n  if (availableCities.includes(cityInput)) {\r\n    res.innerHTML =\r\n      \"\u2705 Un expert ExpertDiag peut intervenir \u00e0 <b>\" +\r\n      cityInput.charAt(0).toUpperCase() + cityInput.slice(1) +\r\n      \"<\/b> sous 24h.\" +\r\n      `<br><br><a href=\"https:\/\/wa.me\/212660115965?text=Bonjour,+je+souhaite+prendre+un+rendez-vous+pour+une+expertise+\u00e0+${encodeURIComponent(cityInput)}\" target=\"_blank\" style=\"display:inline-block; background:#25D366; color:white; padding:10px 18px; border-radius:25px; text-decoration:none; font-weight:bold;\">\ud83d\udcac Prendre RDV WhatsApp<\/a>`;\r\n  } else {\r\n    res.innerHTML = \"\u274c D\u00e9sol\u00e9, nous n\u2019avons pas de disponibilit\u00e9 dans cette ville pour le moment.\";\r\n  }\r\n}\r\n<\/script>\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<div class=\"elementor-element elementor-element-5b39745 e-flex e-con-boxed e-con e-parent\" data-id=\"5b39745\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da19438 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"da19438\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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\" \/>\r\n  <title>ExpertDiag - Pourquoi nous choisir & RDV<\/title>\r\n  <style>\r\n    body {\r\n      margin: 0;\r\n      padding-left: 10px;\r\n      padding-right: 10px;\r\n      box-sizing: border-box;\r\n      background: #f9fdfb;\r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n      color: #085648;\r\n    }\r\n\r\n    \/* === Section Pourquoi nous choisir === *\/\r\n    #pourquoi-nous-choisir {\r\n      background: #f9fdfb;\r\n      padding: 60px 20px 40px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .container {\r\n      max-width: 1000px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .titre-bloc {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n      margin-bottom: 25px;\r\n    }\r\n\r\n    .titre-bloc .barre {\r\n      width: 5px;\r\n      height: 40px;\r\n      background-color: #085648;\r\n      border-radius: 3px;\r\n    }\r\n\r\n    .titre-bloc h2 {\r\n      font-size: 2.4rem;\r\n      font-weight: bold;\r\n      margin: 0;\r\n      opacity: 0;\r\n      transform: translateX(-20px);\r\n      transition: all 0.6s ease;\r\n      color: #085648;\r\n    }\r\n\r\n    .intro {\r\n      font-size: 1.1rem;\r\n      margin-bottom: 40px;\r\n      max-width: 600px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      text-align: center;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s ease;\r\n    }\r\n\r\n    .cartes-container {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 30px;\r\n    }\r\n\r\n    .carte {\r\n      flex: 1 1 280px;\r\n      background: white;\r\n      border-radius: 12px;\r\n      padding: 25px;\r\n      border: 2px solid transparent;\r\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.4s ease;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .carte:hover {\r\n      transform: scale(1.05);\r\n      background: #eafff3;\r\n      border-color: #0b6b53;\r\n      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);\r\n    }\r\n\r\n    .icon-wrapper {\r\n      width: 60px;\r\n      height: 60px;\r\n      background: #d4f1e4;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin: 0 auto 15px auto;\r\n      color: #085648;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .carte:hover .icon-wrapper {\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .carte h3 {\r\n      margin-bottom: 10px;\r\n      text-align: center;\r\n      color: #085648;\r\n      font-size: 1.2rem;\r\n      font-weight: 600;\r\n    }\r\n\r\n    .carte p {\r\n      text-align: center;\r\n      color: #085648;\r\n    }\r\n\r\n    @media (max-width: 700px) {\r\n      .cartes-container {\r\n        flex-direction: column;\r\n        gap: 20px;\r\n      }\r\n\r\n      .titre-bloc {\r\n        justify-content: center;\r\n      }\r\n\r\n      .titre-bloc h2 {\r\n        text-align: center;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 400px) {\r\n      .carte {\r\n        flex-basis: 100% !important;\r\n        padding: 15px;\r\n      }\r\n      .icon-wrapper svg {\r\n        width: 24px !important;\r\n        height: 24px !important;\r\n      }\r\n    }\r\n\r\n    #pourquoi-nous-choisir.visible .titre-bloc h2,\r\n    #pourquoi-nous-choisir.visible .intro,\r\n    #pourquoi-nous-choisir.visible .carte {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n\r\n    #pourquoi-nous-choisir.visible .carte {\r\n      transform: translateY(0);\r\n    }\r\n\r\n    .carte:nth-child(1) { transition-delay: 0.3s; }\r\n    .carte:nth-child(2) { transition-delay: 0.5s; }\r\n    .carte:nth-child(3) { transition-delay: 0.7s; }\r\n\r\n    \/* === Section Prendre RDV === *\/\r\n    #prendre-rdv {\r\n      background: #085648;\r\n      padding: 30px 20px 30px;\r\n      text-align: center;\r\n      color: white;\r\n      overflow: hidden;\r\n    }\r\n\r\n    #prendre-rdv h2 {\r\n      font-size: 2rem;\r\n      margin-bottom: 12px;\r\n      font-weight: bold;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.7s ease;\r\n    }\r\n\r\n    #prendre-rdv p {\r\n      font-size: 1rem;\r\n      margin-bottom: 20px;\r\n      max-width: 600px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      transition: all 0.8s ease;\r\n    }\r\n\r\n    #prendre-rdv.visible h2,\r\n    #prendre-rdv.visible p {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    \/* Bouton compact, simple et cr\u00e9atif *\/\r\n    #prendre-rdv a {\r\n      display: inline-block;\r\n      padding: 8px 20px;\r\n      background: white;\r\n      color: #085648;\r\n      font-weight: 600;\r\n      border-radius: 20px;\r\n      text-decoration: none;\r\n      font-size: 1rem;\r\n      box-shadow: 0 3px 6px rgba(0,0,0,0.15);\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n      min-width: 140px;\r\n    }\r\n\r\n    #prendre-rdv a:hover {\r\n      background: #d4f1e4;\r\n      color: #044632;\r\n      box-shadow: 0 5px 10px rgba(0,0,0,0.25);\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #prendre-rdv a::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 50%;\r\n      left: -50%;\r\n      width: 200%;\r\n      height: 100%;\r\n      background: rgba(255, 255, 255, 0.15);\r\n      transform: skewX(-25deg) translateX(-100%);\r\n      transition: transform 0.5s ease;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    #prendre-rdv a:hover::after {\r\n      transform: skewX(-25deg) translateX(100%);\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"pourquoi-nous-choisir\">\r\n  <div class=\"container\">\r\n    <div class=\"titre-bloc\">\r\n      <div class=\"barre\"><\/div>\r\n      <h2>Pourquoi nous choisir ?<\/h2>\r\n    <\/div>\r\n    <p class=\"intro\">\r\n      Chez <strong>ExpertDiag<\/strong>, nous garantissons un service fiable, pr\u00e9cis et transparent pour votre diagnostic automobile.\r\n    <\/p>\r\n    <div class=\"cartes-container\">\r\n      <div class=\"carte\">\r\n        <div class=\"icon-wrapper\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\">\r\n            <circle cx=\"11\" cy=\"11\" r=\"7\"\/>\r\n            <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Diagnostic pr\u00e9cis<\/h3>\r\n        <p>Des contr\u00f4les approfondis r\u00e9alis\u00e9s avec les technologies les plus avanc\u00e9es pour une \u00e9valuation fiable.<\/p>\r\n      <\/div>\r\n      <div class=\"carte\">\r\n        <div class=\"icon-wrapper\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\">\r\n            <polyline points=\"20 6 9 17 4 12\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Expertise certifi\u00e9e<\/h3>\r\n        <p>Nos techniciens sont form\u00e9s et certifi\u00e9s pour garantir une expertise professionnelle et reconnue.<\/p>\r\n      <\/div>\r\n      <div class=\"carte\">\r\n        <div class=\"icon-wrapper\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n               stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <polyline points=\"12 6 12 12 16 14\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Rapidit\u00e9 & transparence<\/h3>\r\n        <p>Un diagnostic rapide avec un rapport clair, transparent et compr\u00e9hensible, sans surprise.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"prendre-rdv\">\r\n  <h2>Besoin d\u2019un diagnostic fiable ?<\/h2>\r\n  <p>Prenez rendez-vous d\u00e8s maintenant avec un expert automobile certifi\u00e9.<\/p>\r\n  <a href=\"https:\/\/wa.me\/212660115965?text=Bonjour,%20je%20voudrais%20prendre%20rendez-vous%20pour%20un%20diagnostic.\" target=\"_blank\" rel=\"noopener noreferrer\">\ud83d\udcc5 Prendre rendez-vous<\/a>\r\n<\/section>\r\n\r\n<script>\r\n  function revealPourquoiNousChoisir() {\r\n    const section = document.getElementById('pourquoi-nous-choisir');\r\n    const rect = section.getBoundingClientRect();\r\n    if (rect.top < window.innerHeight * 0.85) {\r\n      section.classList.add('visible');\r\n      window.removeEventListener('scroll', revealPourquoiNousChoisir);\r\n    }\r\n  }\r\n\r\n  function revealRDV() {\r\n    const section = document.getElementById('prendre-rdv');\r\n    const rect = section.getBoundingClientRect();\r\n    if (rect.top < window.innerHeight * 0.85) {\r\n      section.classList.add('visible');\r\n      window.removeEventListener('scroll', revealRDV);\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', revealPourquoiNousChoisir);\r\n  window.addEventListener('load', () => {\r\n    revealPourquoiNousChoisir();\r\n    revealRDV();\r\n  });\r\n  window.addEventListener('scroll', revealRDV);\r\n<\/script>\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<div class=\"elementor-element elementor-element-231edb8 e-flex e-con-boxed e-con e-parent\" data-id=\"231edb8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36cf36c elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"36cf36c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .bandeau-sticky {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 9999;\r\n    background: #ffffff;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid #d6e7e2;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  .texte-wrapper {\r\n    white-space: nowrap;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    animation: scrollText 20s linear infinite;\r\n    padding: 28px 20px;\r\n  }\r\n\r\n  .texte-bordure {\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 70px;\r\n    color: #ffffff; \/* Pour effet stroke *\/\r\n    -webkit-text-stroke: 1.2px #085648; \/* Bordure verte *\/\r\n    transition: all 0.4s ease;\r\n    display: inline-block;\r\n    padding: 0 10px;\r\n  }\r\n\r\n  .texte-bordure:hover {\r\n    color: #085648; \/* Couleur int\u00e9rieure devient verte au survol *\/\r\n    -webkit-text-stroke: 0px transparent;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .cta-sticky {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-left: 30px;\r\n    padding: 8px 20px;\r\n    background-color: #085648;\r\n    color: #ffffff;\r\n    border-radius: 40px;\r\n    font-family: 'Raleway', sans-serif;\r\n    font-size: 16px;\r\n    text-decoration: none;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .cta-sticky:hover {\r\n    background-color: #33a392;\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Ic\u00f4ne WhatsApp dans le bouton *\/\r\n  .cta-sticky svg {\r\n    width: 22px;\r\n    height: 22px;\r\n    margin-right: 8px;\r\n    fill: #ffffff;\r\n  }\r\n\r\n  @keyframes scrollText {\r\n    0% { transform: translateX(100%); }\r\n    100% { transform: translateX(-100%); }\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .texte-bordure {\r\n      font-size: 20px;\r\n      -webkit-text-stroke: 1px #085648;\r\n    }\r\n\r\n    .cta-sticky {\r\n      font-size: 14px;\r\n      padding: 6px 16px;\r\n      margin-left: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- HTML -->\r\n<div class=\"bandeau-sticky\">\r\n  <div class=\"texte-wrapper\">\r\n    <span class=\"texte-bordure\"> \ud83d\ude97 Diagnostic auto avant achat \u2013 Fiabilit\u00e9, rapidit\u00e9, transparence \ud83d\ude97<\/span>\r\n\r\n    <!-- Pour WhatsApp, d\u00e9commente cette ligne et commente la suivante -->\r\n    <a href=\"https:\/\/wa.me\/212660115965\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cta-sticky\" aria-label=\"Contactez-nous sur WhatsApp\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n        <path d=\"M20.52 3.48A11.8 11.8 0 0012.03.13a11.94 11.94 0 00-9.43 18.85L1 23l4.18-1.1a11.86 11.86 0 0016.34-18.32zm-8.48 17.67a9.11 9.11 0 01-4.64-1.28l-.33-.2-2.79.73.74-2.72-.22-.35a9.04 9.04 0 0113.45-12.04 9.02 9.02 0 01-6.01 15.06zm5.11-7.45c-.28-.14-1.65-.81-1.9-.9s-.43-.14-.61.14-.7.9-.86 1.08-.32.21-.6.07a8.18 8.18 0 01-2.4-1.48 9.15 9.15 0 01-1.69-2.09c-.18-.3 0-.46.13-.59s.3-.32.46-.48a1.97 1.97 0 00.3-.5.4.4 0 00-.04-.44c-.07-.14-.61-1.48-.84-2a.57.57 0 00-.5-.38h-.44a1.56 1.56 0 00-1.12.53 4.79 4.79 0 00-1.44 3.42 6.22 6.22 0 001.6 3.39 11.52 11.52 0 006.13 6.13 6.16 6.16 0 003.4 1.6 4.82 4.82 0 003.42-1.44 1.51 1.51 0 00.54-1.11v-.42a.56.56 0 00-.4-.5z\"\/>\r\n      <\/svg>\r\n      WhatsApp\r\n    <\/a>\r\n\r\n    <!-- Pour page contact, d\u00e9commente cette ligne et commente la pr\u00e9c\u00e9dente -->\r\n    <!--\r\n    <a href=\"\/contact\" class=\"cta-sticky\" aria-label=\"Aller \u00e0 la page Contact\">\r\n      R\u00e9servez maintenant\r\n    <\/a>\r\n    -->\r\n  <\/div>\r\n<\/div>\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<div class=\"elementor-element elementor-element-873d881 e-flex e-con-boxed e-con e-parent\" data-id=\"873d881\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da71684 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"da71684\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* Animation slide-from-left + fade-in *\/\r\n  .carousel-title {\r\n    color: #0b7a36 !important;\r\n    font-weight: 900;\r\n    font-size: 3rem;\r\n    text-align: center;\r\n    margin: 40px 0 30px;\r\n    letter-spacing: 3px;\r\n    opacity: 0;\r\n    transform: translateX(-50px);\r\n    animation: slideFadeIn 1s forwards ease-out;\r\n  }\r\n\r\n  @keyframes slideFadeIn {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  \/* Style du carrousel *\/\r\n  .carousel-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto 40px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 15px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.15);\r\n    background: #fff;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n  }\r\n\r\n  .carousel-slides {\r\n    display: flex;\r\n    transition: transform 0.7s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .carousel-slide {\r\n    min-width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .carousel-slide img {\r\n    width: 100%;\r\n    max-height: 320px;\r\n    object-fit: contain;\r\n    border-radius: 12px;\r\n    transition: transform 0.4s ease;\r\n    cursor: pointer;\r\n  }\r\n  .carousel-slide:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  .carousel-slide h3 {\r\n    color: #0b4d33;\r\n    margin: 15px 0 12px;\r\n    font-weight: 700;\r\n    font-size: 1.7rem;\r\n  }\r\n\r\n  .carousel-slide p {\r\n    color: #333;\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* Navigation boutons *\/\r\n  .carousel-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background-color: rgba(255, 255, 255, 0.6);\r\n    border: none;\r\n    color: #0b4d33;\r\n    font-size: 30px;\r\n    padding: 8px 12px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    opacity: 0.8;\r\n    transition: opacity 0.3s ease;\r\n    user-select: none;\r\n    z-index: 10;\r\n    box-shadow: 0 0 8px rgba(0,0,0,0.2);\r\n  }\r\n  .carousel-btn:hover {\r\n    opacity: 1;\r\n  }\r\n  .carousel-btn.prev {\r\n    left: 15px;\r\n  }\r\n  .carousel-btn.next {\r\n    right: 15px;\r\n  }\r\n\r\n  \/* Dots *\/\r\n  .carousel-dots {\r\n    text-align: center;\r\n    padding: 15px 0 25px;\r\n    background: #f2fdf8;\r\n  }\r\n  .carousel-dot {\r\n    display: inline-block;\r\n    width: 13px;\r\n    height: 13px;\r\n    margin: 0 6px;\r\n    background-color: #bbb;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n  .carousel-dot.active {\r\n    background-color: #0b4d33;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) {\r\n    .carousel-container {\r\n      max-width: 90%;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .carousel-slide img {\r\n      max-height: 220px;\r\n    }\r\n    .carousel-slide h3 {\r\n      font-size: 1.4rem;\r\n    }\r\n    .carousel-slide p {\r\n      font-size: 1rem;\r\n      max-width: 90%;\r\n    }\r\n    .carousel-btn {\r\n      font-size: 26px;\r\n      padding: 6px 10px;\r\n    }\r\n    .carousel-dot {\r\n      width: 12px;\r\n      height: 12px;\r\n      margin: 0 5px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .carousel-slide img {\r\n      max-height: 180px;\r\n    }\r\n    .carousel-slide h3 {\r\n      font-size: 1.2rem;\r\n    }\r\n    .carousel-slide p {\r\n      font-size: 0.9rem;\r\n      max-width: 95%;\r\n    }\r\n    .carousel-btn.prev {\r\n      left: 8px;\r\n    }\r\n    .carousel-btn.next {\r\n      right: 8px;\r\n    }\r\n    .carousel-btn {\r\n      font-size: 22px;\r\n      padding: 5px 8px;\r\n    }\r\n    .carousel-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n      margin: 0 4px;\r\n    }\r\n    .carousel-title {\r\n      font-size: 2rem;\r\n      letter-spacing: 1.5px;\r\n      margin: 30px 0 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<h2 class=\"carousel-title\">Nos savoir-faire<\/h2>\r\n\r\n<div class=\"carousel-container\" aria-label=\"Carrousel des services ExpertDiag\">\r\n  <div class=\"carousel-slides\" id=\"carouselSlides\" tabindex=\"0\">\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-19.19.06_5b37c111.jpg\" alt=\"Expertise \u00e9lectronique avanc\u00e9e\" \/>\r\n      <h3>Expertise \u00e9lectronique avanc\u00e9e<\/h3>\r\n      <p>Gr\u00e2ce \u00e0 des outils de diagnostic modernes et performants, nous analysons en profondeur les syst\u00e8mes \u00e9lectroniques de votre v\u00e9hicule : moteurs, capteurs, calculateurs, et syst\u00e8mes de s\u00e9curit\u00e9. Cette expertise permet de d\u00e9tecter toute anomalie invisible \u00e0 l\u2019\u0153il nu, garantissant un fonctionnement optimal et s\u00e9curis\u00e9 de votre automobile.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-19.23.15_5e69cf0b.jpg\" alt=\"Contr\u00f4le m\u00e9canique approfondi\" \/>\r\n      <h3>Contr\u00f4le m\u00e9canique approfondi<\/h3>\r\n      <p>Nos techniciens inspectent minutieusement chaque composant m\u00e9canique : moteur, transmission, syst\u00e8me de freinage, suspension et plus encore. Ce contr\u00f4le complet vise \u00e0 d\u00e9tecter usures, fuites ou dysfonctionnements pour assurer votre s\u00e9curit\u00e9 et la durabilit\u00e9 de votre v\u00e9hicule.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-19.41.25_c61cc5f6.jpg\" alt=\"Analyse experte de la carrosserie\" \/>\r\n      <h3>Analyse experte de la carrosserie<\/h3>\r\n      <p>Nous \u00e9valuons l\u2019\u00e9tat g\u00e9n\u00e9ral de la carrosserie, d\u00e9tectons les \u00e9ventuels chocs, r\u00e9parations ant\u00e9rieures, corrosion ou d\u00e9fauts structurels. Cette analyse approfondie vous aide \u00e0 estimer la valeur r\u00e9elle du v\u00e9hicule et \u00e0 \u00e9viter les mauvaises surprises lors de l\u2019achat.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-19.47.57_155bda70.jpg\" alt=\"Inspection d\u00e9taill\u00e9e de l\u2019int\u00e9rieur\" \/>\r\n      <h3>Inspection d\u00e9taill\u00e9e de l\u2019int\u00e9rieur<\/h3>\r\n      <p>Nous v\u00e9rifions soigneusement l\u2019habitacle, les \u00e9quipements \u00e9lectroniques, les commandes, ainsi que le confort g\u00e9n\u00e9ral \u00e0 bord. Ce contr\u00f4le garantit que toutes les fonctionnalit\u00e9s sont op\u00e9rationnelles et que l\u2019int\u00e9rieur du v\u00e9hicule est en bon \u00e9tat.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/08\/WhatsApp-Image-2025-08-07-a-16.46.45_8413c36b.jpg\" alt=\"V\u00e9rification du kilom\u00e9trage\" \/>\r\n      <h3>V\u00e9rification du kilom\u00e9trage<\/h3>\r\n      <p>Nous proc\u00e9dons \u00e0 une analyse compl\u00e8te du kilom\u00e9trage affich\u00e9, en croisant les donn\u00e9es \u00e9lectroniques et les historiques d\u2019entretien. Cette v\u00e9rification est essentielle pour s\u2019assurer que le kilom\u00e9trage est authentique, afin d\u2019\u00e9viter les fraudes et d\u2019acheter votre v\u00e9hicule en toute confiance.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"carousel-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-19.50.26_9f6ed9af.jpg\" alt=\"Rapport complet d\u2019expertise\" \/>\r\n      <h3>Rapport complet d\u2019expertise<\/h3>\r\n      <p>Apr\u00e8s chaque diagnostic, nous vous fournissons un rapport d\u00e9taill\u00e9, clair et complet qui rassemble toutes nos observations, analyses et recommandations. Ce document vous permet de prendre une d\u00e9cision d\u2019achat \u00e9clair\u00e9e, en toute transparence et s\u00e9r\u00e9nit\u00e9.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <button class=\"carousel-btn prev\" aria-label=\"Slide pr\u00e9c\u00e9dente\" id=\"prevBtn\">&#10094;<\/button>\r\n  <button class=\"carousel-btn next\" aria-label=\"Slide suivante\" id=\"nextBtn\">&#10095;<\/button>\r\n\r\n  <div class=\"carousel-dots\" id=\"carouselDots\" aria-label=\"Navigation des slides\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const slides = document.querySelectorAll('.carousel-slide');\r\n    const slidesContainer = document.getElementById('carouselSlides');\r\n    const dotsContainer = document.getElementById('carouselDots');\r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    let currentIndex = 0;\r\n    const totalSlides = slides.length;\r\n    let autoSlideInterval;\r\n\r\n    function updateSlide() {\r\n      slidesContainer.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n      Array.from(dotsContainer.children).forEach(dot => dot.classList.remove('active'));\r\n      dotsContainer.children[currentIndex].classList.add('active');\r\n    }\r\n\r\n    function goToSlide(index) {\r\n      currentIndex = (index + totalSlides) % totalSlides;\r\n      updateSlide();\r\n    }\r\n\r\n    function nextSlide() {\r\n      goToSlide(currentIndex + 1);\r\n    }\r\n\r\n    function prevSlide() {\r\n      goToSlide(currentIndex - 1);\r\n    }\r\n\r\n    \/\/ Create dots\r\n    for(let i=0; i<totalSlides; i++){\r\n      const dot = document.createElement('span');\r\n      dot.className = 'carousel-dot';\r\n      dot.setAttribute('aria-label', `Aller \u00e0 la diapositive ${i+1}`);\r\n      dot.addEventListener('click', () => {\r\n        goToSlide(i);\r\n        resetAutoSlide();\r\n      });\r\n      dotsContainer.appendChild(dot);\r\n    }\r\n\r\n    dotsContainer.children[0].classList.add('active');\r\n\r\n    nextBtn.addEventListener('click', () => {\r\n      nextSlide();\r\n      resetAutoSlide();\r\n    });\r\n\r\n    prevBtn.addEventListener('click', () => {\r\n      prevSlide();\r\n      resetAutoSlide();\r\n    });\r\n\r\n    function resetAutoSlide() {\r\n      clearInterval(autoSlideInterval);\r\n      autoSlideInterval = setInterval(nextSlide, 15000);\r\n    }\r\n\r\n    \/\/ Initialize auto sliding\r\n    autoSlideInterval = setInterval(nextSlide, 15000);\r\n\r\n    \/\/ Initial display\r\n    updateSlide();\r\n  })();\r\n<\/script>\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<div class=\"elementor-element elementor-element-514b1b8 e-flex e-con-boxed e-con e-parent\" data-id=\"514b1b8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9afbcde elementor-widget elementor-widget-html\" data-id=\"9afbcde\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Font Awesome pour les ic\u00f4nes -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" crossorigin=\"anonymous\" \/>\r\n\r\n<style>\r\n  .expertdiag-section {\r\n    max-width: 900px;\r\n    margin: 60px auto;\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    color: #2e7d32;\r\n    display: grid;\r\n    grid-template-columns: 1fr 320px 1fr;\r\n    gap: 30px 40px;\r\n    align-items: center;\r\n  }\r\n\r\n  .main-title {\r\n    grid-column: 1 \/ 4;\r\n    text-align: center;\r\n    font-size: 2.4rem;\r\n    font-weight: 900;\r\n    color: #2e7d32 !important;\r\n    position: relative;\r\n    opacity: 0;\r\n    animation: fadeInTitle 1.2s ease-out forwards;\r\n    animation-delay: 0.2s;\r\n  }\r\n\r\n  .main-title::after {\r\n    content: '';\r\n    display: block;\r\n    width: 100px;\r\n    height: 4px;\r\n    background-color: #2e7d32;\r\n    margin: 12px auto 0 auto;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .service-item {\r\n    display: flex;\r\n    gap: 15px;\r\n    align-items: flex-start;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeInUp 0.8s forwards;\r\n  }\r\n\r\n  .service-item:nth-child(1) { animation-delay: 0.4s; }\r\n  .service-item:nth-child(2) { animation-delay: 0.6s; }\r\n  .service-item:nth-child(3) { animation-delay: 0.8s; }\r\n\r\n  .service-item i {\r\n    font-size: 1.8rem;\r\n    color: #2e7d32;\r\n    margin-top: 6px;\r\n  }\r\n\r\n  .service-text h3 {\r\n    font-size: 1.2rem;\r\n    margin-bottom: 6px;\r\n    font-weight: 700;\r\n    color: #2e7d32;\r\n    border-bottom: 2px solid #2e7d32;\r\n    padding-bottom: 3px;\r\n  }\r\n\r\n  .service-text p {\r\n    margin: 0;\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    color: #444;\r\n  }\r\n\r\n  .left-column,\r\n  .right-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    justify-content: center;\r\n  }\r\n\r\n  .services-image {\r\n    justify-self: center;\r\n    animation: fadeInUp 1s ease forwards;\r\n    animation-delay: 1s;\r\n  }\r\n\r\n  .services-image img {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 16px;\r\n    background: transparent;\r\n  }\r\n\r\n  .btn-appointment {\r\n    grid-column: 1 \/ 4;\r\n    justify-self: center;\r\n    margin-top: 40px;\r\n    background-color: #2e7d32;\r\n    color: white;\r\n    font-weight: 700;\r\n    padding: 12px 26px;\r\n    font-size: 1.1rem;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n    box-shadow: 0 5px 15px rgba(46, 125, 50, 0.5);\r\n    transition: background-color 0.3s ease;\r\n    opacity: 0;\r\n    animation: fadeInUp 1s forwards;\r\n    animation-delay: 1.3s;\r\n  }\r\n\r\n  .btn-appointment:hover {\r\n    background-color: #1b4d20;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes fadeInTitle {\r\n    to {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .expertdiag-section {\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .services-image img {\r\n      max-width: 100%;\r\n    }\r\n\r\n    .left-column,\r\n    .right-column {\r\n      gap: 20px;\r\n      margin-bottom: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"expertdiag-section\" aria-label=\"Pr\u00e9sentation ExpertDiag\">\r\n  <h2 class=\"main-title\">Faites confiance \u00e0 ExpertDiag pour un diagnostic expert et transparent<\/h2>\r\n\r\n  <div class=\"left-column\">\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-bolt\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Diagnostic \u00e9lectronique complet<\/h3>\r\n        <p>Lecture des calculateurs, d\u00e9tection des d\u00e9fauts, contr\u00f4le ABS\/airbags et anomalies \u00e9lectriques.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-car-crash\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Contr\u00f4le de la carrosserie<\/h3>\r\n        <p>Analyse des r\u00e9parations, bosses, rayures et coh\u00e9rence de la peinture d\u2019origine.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-cogs\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Inspection m\u00e9canique<\/h3>\r\n        <p>Examen du moteur, courroies, bo\u00eete de vitesse et freins pour assurer votre s\u00e9curit\u00e9.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"services-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/WhatsApp-Image-2025-07-13-a-21.15.41_51a5886d.jpg\" alt=\"Illustration ExpertDiag\" \/>\r\n  <\/div>\r\n\r\n  <div class=\"right-column\">\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-chair\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Inspection de l'int\u00e9rieur<\/h3>\r\n        <p>Contr\u00f4le des si\u00e8ges, tableau de bord, climatisation et \u00e9quipements embarqu\u00e9s.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-file-alt\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Rapport expert illustr\u00e9<\/h3>\r\n        <p>Remise d\u2019un dossier complet avec photos, explications et estimation objective.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"service-item\">\r\n      <i class=\"fas fa-calendar-check\"><\/i>\r\n      <div class=\"service-text\">\r\n        <h3>Prise de rendez-vous simple<\/h3>\r\n        <p>R\u00e9servez votre service en ligne \u00e0 la date qui vous convient, en quelques clics.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a href=\"https:\/\/expertdiag.ma\/?page_id=257\" class=\"btn-appointment\" target=\"_blank\" rel=\"noopener noreferrer\">Prendre rendez-vous<\/a>\r\n<\/section>\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<div class=\"elementor-element elementor-element-99650ab e-flex e-con-boxed e-con e-parent\" data-id=\"99650ab\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8f592 elementor-widget elementor-widget-html\" data-id=\"ab8f592\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"diagnostic-widget\" style=\"max-width: 100%; max-width: 600px; margin: auto; font-family: Arial, sans-serif; color: #2e7d32;\">\r\n  <h2 style=\"text-align:center; color:#2e7d32; margin-bottom:10px;\">Diagnostic rapide et fiable<\/h2>\r\n  <p style=\"text-align:center; margin-bottom:20px;\">Remplissez le formulaire pour un diagnostic instantan\u00e9 de votre futur v\u00e9hicule.<\/p>\r\n\r\n  <form id=\"diagForm\" style=\"display:flex; flex-direction: column; gap: 12px;\">\r\n    <label for=\"brand\">Marque du v\u00e9hicule :<\/label>\r\n    <input id=\"brand\" name=\"brand\" type=\"text\" placeholder=\"Ex : Dacia, Peugeot...\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n\r\n    <label for=\"model\">Mod\u00e8le :<\/label>\r\n    <input id=\"model\" name=\"model\" type=\"text\" placeholder=\"Ex : Logan, 208...\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n\r\n    <label for=\"year\">Ann\u00e9e de fabrication :<\/label>\r\n    <input id=\"year\" name=\"year\" type=\"number\" min=\"1900\" max=\"2025\" placeholder=\"Ex : 2018\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n\r\n    <label for=\"km\">Kilom\u00e9trage actuel :<\/label>\r\n    <input id=\"km\" name=\"km\" type=\"number\" placeholder=\"Ex : 120000\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n\r\n    <label for=\"usage\">Type d\u2019usage principal :<\/label>\r\n    <select id=\"usage\" name=\"usage\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n      <option value=\"ville\">Conduite en ville<\/option>\r\n      <option value=\"autoroute\">Longs trajets<\/option>\r\n      <option value=\"mixte\">Mixte<\/option>\r\n    <\/select>\r\n\r\n    <label for=\"etat\">\u00c9tat g\u00e9n\u00e9ral :<\/label>\r\n    <select id=\"etat\" name=\"etat\" required style=\"padding:8px; border-radius:5px; border:1px solid #ccc; color:#2e7d32;\">\r\n      <option value=\"neuf\">Comme neuf<\/option>\r\n      <option value=\"bon\">Bon \u00e9tat<\/option>\r\n      <option value=\"correct\">Correct<\/option>\r\n      <option value=\"abime\">Ab\u00eem\u00e9<\/option>\r\n    <\/select>\r\n\r\n    <button type=\"submit\" style=\"margin-top:12px; background:#2e7d32; color:#fff; border:none; padding:12px; border-radius:6px; cursor:pointer; font-weight:bold;\">\r\n      Obtenir mon diagnostic\r\n    <\/button>\r\n  <\/form>\r\n\r\n  <pre id=\"result\" style=\"background:#e6f0e6; padding:15px; border-radius:8px; margin-top:20px; white-space: pre-wrap; display:none; color:#2e7d32;\"><\/pre>\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const form = document.getElementById('diagForm');\r\n    const result = document.getElementById('result');\r\n\r\n    form.addEventListener('submit', function(e){\r\n      e.preventDefault();\r\n\r\n      const brand = form.brand.value.trim() || \"votre v\u00e9hicule\";\r\n      const model = form.model.value.trim() || \"\";\r\n      const year = parseInt(form.year.value);\r\n      const km = parseInt(form.km.value);\r\n      const usage = form.usage.value;\r\n      const etat = form.etat.value;\r\n\r\n      let message = `Diagnostic rapide pour votre ${brand} ${model} (${year}):\\n\\n`;\r\n\r\n      if(isNaN(year) || year < 1900 || year > 2025){\r\n        message += \"- L'ann\u00e9e de fabrication semble incorrecte. Veuillez v\u00e9rifier.\\n\";\r\n      }\r\n      if(isNaN(km) || km < 0){\r\n        message += \"- Le kilom\u00e9trage doit \u00eatre un nombre positif.\\n\";\r\n      }\r\n\r\n      if(!isNaN(km)){\r\n        if(km > 150000){\r\n          message += \"- Kilom\u00e9trage \u00e9lev\u00e9, pr\u00e9voir une inspection approfondie.\\n\";\r\n        } else if(km > 80000){\r\n          message += \"- Kilom\u00e9trage moyen, entretien r\u00e9gulier recommand\u00e9.\\n\";\r\n        } else {\r\n          message += \"- Kilom\u00e9trage faible, voiture en bon \u00e9tat probable.\\n\";\r\n        }\r\n      }\r\n\r\n      switch(etat){\r\n        case 'abime': message += \"- \u00c9tat signal\u00e9 ab\u00eem\u00e9, attention aux r\u00e9parations co\u00fbteuses.\\n\"; break;\r\n        case 'correct': message += \"- \u00c9tat correct, v\u00e9rifiez bien les points cl\u00e9s.\\n\"; break;\r\n        case 'bon': message += \"- Bon \u00e9tat d\u00e9clar\u00e9, rassurant mais v\u00e9rification recommand\u00e9e.\\n\"; break;\r\n        case 'neuf': message += \"- V\u00e9hicule comme neuf, excellent signe.\\n\"; break;\r\n        default: message += \"- \u00c9tat non renseign\u00e9, v\u00e9rification recommand\u00e9e.\\n\";\r\n      }\r\n\r\n      switch(usage){\r\n        case 'ville': message += \"- Usage en ville : attention \u00e0 l\u2019usure des freins et embrayage.\\n\"; break;\r\n        case 'autoroute': message += \"- Usage sur autoroute : moteur souvent moins sollicit\u00e9.\\n\"; break;\r\n        case 'mixte': message += \"- Usage mixte : entretien \u00e9quilibr\u00e9 conseill\u00e9.\\n\"; break;\r\n        default: message += \"- Usage non renseign\u00e9.\\n\";\r\n      }\r\n\r\n      result.textContent = message;\r\n      result.style.display = \"block\";\r\n    });\r\n  })();\r\n<\/script>\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<div class=\"elementor-element elementor-element-2f9b7ea e-flex e-con-boxed e-con e-parent\" data-id=\"2f9b7ea\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1ddd4 elementor-widget elementor-widget-html\" data-id=\"6c1ddd4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Expertdiag \u2013 Expertise Automobile<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Roboto+Slab:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Font Awesome -->\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n  --primary: #28a745;\r\n  --primary-dark: #1e7e34;\r\n  --bg: #f5f5f5;\r\n  --text-dark: #212121;\r\n}\r\n\r\nbody {\r\n  margin:0;\r\n  font-family:'Poppins',sans-serif;\r\n  background:var(--bg);\r\n  color:var(--text-dark);\r\n}\r\n\r\n\/* HERO *\/\r\n.hero {\r\n  background: linear-gradient(135deg, var(--primary), var(--primary-dark));\r\n  color:#fff;\r\n  padding:80px 20px;\r\n  text-align:center;\r\n}\r\n.hero h1 {\r\n  font-family:'Roboto Slab', serif;\r\n  font-size:48px;\r\n  margin-bottom:15px;\r\n}\r\n.hero p {\r\n  font-size:20px;\r\n  opacity:0.95;\r\n}\r\n\r\n\/* PACKS *\/\r\n.container { max-width:1200px; margin:auto; padding:40px 20px; }\r\n.packs { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; }\r\n\r\n.pack {\r\n  background: linear-gradient(145deg, #fff, #fdfdfd);\r\n  border-radius:25px;\r\n  padding:30px;\r\n  box-shadow:0 15px 35px rgba(0,0,0,0.15);\r\n  position:relative;\r\n  transition: transform 0.5s, box-shadow 0.5s;\r\n}\r\n.pack:hover {\r\n  transform: translateY(-10px) rotate(1deg);\r\n  box-shadow:0 30px 60px rgba(0,0,0,0.25);\r\n}\r\n\r\n.pack h3 {\r\n  font-family:'Roboto Slab', serif;\r\n  font-size:24px;\r\n  margin-bottom:15px;\r\n  color:var(--primary-dark);\r\n}\r\n\r\n.price {\r\n  font-size:34px;\r\n  font-weight:700;\r\n  color:var(--primary);\r\n  margin-bottom:20px;\r\n}\r\n\r\nul { list-style:none; padding:0; margin-top:20px; }\r\nul li { margin-bottom:12px; font-size:15px; display:flex; align-items:center; }\r\nul li i { color:var(--primary); margin-right:10px; font-size:16px; }\r\n\r\n.btn { margin-top:25px; text-align:center; }\r\n.btn button {\r\n  background:var(--primary);\r\n  color:#fff;\r\n  padding:16px 36px;\r\n  border-radius:50px;\r\n  border:none;\r\n  font-weight:600;\r\n  cursor:pointer;\r\n  font-size:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  transition:0.3s;\r\n}\r\n.btn button:hover { background:var(--primary-dark); }\r\n\r\n\/* FORMULAIRE *\/\r\n.form-section {\r\n  max-width:700px;\r\n  margin:60px auto 70px;\r\n  background:#fff;\r\n  padding:40px;\r\n  border-radius:25px;\r\n  box-shadow:0 15px 35px rgba(0,0,0,0.15);\r\n}\r\n.form-section h2 {\r\n  text-align:center;\r\n  font-family:'Roboto Slab', serif;\r\n  margin-bottom:30px;\r\n  font-size:32px;\r\n  color:var(--primary-dark);\r\n}\r\n.form-section label { display:block; margin-top:15px; font-weight:600; }\r\n.form-section input, .form-section select, .form-section textarea {\r\n  width:100%;\r\n  padding:14px;\r\n  margin-top:6px;\r\n  border-radius:10px;\r\n  border:1px solid #ccc;\r\n  font-family:'Poppins',sans-serif;\r\n  font-size:15px;\r\n}\r\n.form-section button {\r\n  margin-top:25px;\r\n  background:var(--primary);\r\n  color:#fff;\r\n  padding:16px 0;\r\n  border:none;\r\n  border-radius:50px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  font-size:18px;\r\n  width:100%;\r\n  transition:0.3s;\r\n}\r\n.form-section button:hover { background:var(--primary-dark); }\r\n\r\nfooter {\r\n  background:#111;\r\n  color:#bbb;\r\n  text-align:center;\r\n  padding:25px;\r\n  font-size:14px;\r\n}\r\n\r\n@media (max-width:600px){\r\n  .hero h1{ font-size:34px; }\r\n  .packs { grid-template-columns:1fr; }\r\n  .btn button { width:100%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n<h1>R\u00e9servez votre Expertise Automobile<\/h1>\r\n<p>Des packs complets pour tous vos besoins, r\u00e9servation rapide via WhatsApp<\/p>\r\n<\/section>\r\n\r\n<!-- PACKS -->\r\n<div class=\"container\">\r\n<div class=\"packs\">\r\n\r\n<!-- Pack Normal -->\r\n<div class=\"pack\">\r\n  <h3>Pack Expertise Normale<\/h3>\r\n  <div class=\"price\" id=\"priceNormale\">350 Dhs<\/div>\r\n  <ul>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Carrosserie & Int\u00e9rieur<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Aspect moteur<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Diagnostic \u00e9lectronique standard<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Essai routier<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Freinage & suspension<\/li>\r\n  <\/ul>\r\n  <div class=\"btn\">\r\n    <button onclick=\"sendDirectWhatsApp('Pack Expertise Normale')\"><i class=\"fa-brands fa-whatsapp\"><\/i> R\u00e9server<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Pack Approfondie -->\r\n<div class=\"pack\">\r\n  <h3>Pack Expertise Approfondie<\/h3>\r\n  <div class=\"price\" id=\"priceApprofondie\">450 Dhs<\/div>\r\n  <ul>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Diagnostic \u00e9lectronique avanc\u00e9<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Lecture DATA LIVE moteur<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Analyse injecteurs & carburant<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Contr\u00f4le turbo & d\u00e9bit d\u2019air<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>D\u00e9tection des d\u00e9fauts cach\u00e9s<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Essai routier DATA LIVE<\/li>\r\n  <\/ul>\r\n  <div class=\"btn\">\r\n    <button onclick=\"sendDirectWhatsApp('Pack Expertise Approfondie')\"><i class=\"fa-brands fa-whatsapp\"><\/i> R\u00e9server<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Pack Premium Luxe -->\r\n<div class=\"pack\">\r\n  <h3>Pack Premium Luxe<\/h3>\r\n  <div class=\"price\" id=\"priceLuxe\">600 Dhs<\/div>\r\n  <ul>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Expertise compl\u00e8te pour voitures de luxe<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Tous les services du pack Approfondie<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Diagnostic \u00e9lectronique avanc\u00e9 et DATA LIVE complet<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Analyse compl\u00e8te moteur, transmission et syst\u00e8me carburant<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Contr\u00f4le turbo, suspension, freinage, direction<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Rapport d\u00e9taill\u00e9 professionnel incluant photos et notes techniques<\/li>\r\n    <li><i class=\"fa-solid fa-check\"><\/i>Essai routier avec DATA LIVE et d\u00e9tection de d\u00e9fauts cach\u00e9s<\/li>\r\n  <\/ul>\r\n  <div class=\"btn\">\r\n    <button onclick=\"sendDirectWhatsApp('Pack Premium Luxe')\"><i class=\"fa-brands fa-whatsapp\"><\/i> R\u00e9server<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- FORMULAIRE -->\r\n<div class=\"form-section\">\r\n<h2>R\u00e9servez votre expertise<\/h2>\r\n<form id=\"bookingForm\" onsubmit=\"sendWhatsAppForm(event)\">\r\n<label>Nom complet<\/label>\r\n<input type=\"text\" id=\"name\" placeholder=\"Votre nom\" required>\r\n<label>T\u00e9l\u00e9phone<\/label>\r\n<input type=\"tel\" id=\"phone\" placeholder=\"Ex: 06XXXXXXXX\" required>\r\n<label>Ville<\/label>\r\n<input type=\"text\" id=\"formCity\" placeholder=\"Votre ville\" required>\r\n<label>Pack choisi<\/label>\r\n<select id=\"formPack\" required>\r\n  <option value=\"Pack Expertise Normale\">Pack Expertise Normale<\/option>\r\n  <option value=\"Pack Expertise Approfondie\">Pack Expertise Approfondie<\/option>\r\n  <option value=\"Pack Premium Luxe\">Pack Premium Luxe<\/option>\r\n<\/select>\r\n<label>Message (optionnel)<\/label>\r\n<textarea id=\"message\" placeholder=\"Votre message...\"><\/textarea>\r\n<button type=\"submit\"><i class=\"fa-brands fa-whatsapp\"><\/i> R\u00e9server via WhatsApp<\/button>\r\n<\/form>\r\n<\/div>\r\n\r\n<footer><\/footer>\r\n\r\n<script>\r\nconst whatsappNumber = \"212660115965\";\r\n\r\n\/* Tarifs par ville *\/\r\nconst tarifsParVille = {\r\n  Casablanca: { normale: 350, approfondie: 450, luxe: 600 },\r\n  Rabat: { normale: 360, approfondie: 460, luxe: 620 },\r\n  Marrakech: { normale: 370, approfondie: 470, luxe: 630 },\r\n  Tanger: { normale: 355, approfondie: 455, luxe: 610 },\r\n  default: { normale: 350, approfondie: 450, luxe: 600 }\r\n};\r\n\r\n\/* Mettre \u00e0 jour les prix selon la ville *\/\r\nfunction updatePrices() {\r\n  const ville = document.getElementById('formCity').value.trim();\r\n  const tarifs = tarifsParVille[ville] || tarifsParVille['default'];\r\n  document.getElementById('priceNormale').innerText = tarifs.normale + ' Dhs';\r\n  document.getElementById('priceApprofondie').innerText = tarifs.approfondie + ' Dhs';\r\n  document.getElementById('priceLuxe').innerText = tarifs.luxe + ' Dhs';\r\n}\r\n\r\ndocument.getElementById('formCity').addEventListener('input', updatePrices);\r\n\r\n\/* Bouton WhatsApp direct *\/\r\nfunction sendDirectWhatsApp(pack){\r\n  const text = `Bonjour, je souhaite r\u00e9server l'expertise: ${pack}`;\r\n  const url = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(text)}`;\r\n  window.open(url, \"_blank\");\r\n}\r\n\r\n\/* Formulaire WhatsApp *\/\r\nfunction sendWhatsAppForm(e){\r\n  e.preventDefault();\r\n  const name = document.getElementById(\"name\").value;\r\n  const phone = document.getElementById(\"phone\").value;\r\n  const city = document.getElementById(\"formCity\").value;\r\n  const pack = document.getElementById(\"formPack\").value;\r\n  const msg = document.getElementById(\"message\").value;\r\n  const text = `Bonjour, je souhaite r\u00e9server l'expertise:\\nNom: ${name}\\nT\u00e9l\u00e9phone: ${phone}\\nVille: ${city}\\nPack: ${pack}\\nMessage: ${msg}`;\r\n  const url = `https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(text)}`;\r\n  window.open(url, \"_blank\");\r\n}\r\n<\/script>\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<div class=\"elementor-element elementor-element-4270ec5 elementor-widget elementor-widget-html\" data-id=\"4270ec5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\r\n\r\n<div class=\"expertdiag-scene\">\r\n  \r\n  <!-- Laser Scan -->\r\n  <div class=\"laser\"><\/div>\r\n  \r\n  <!-- Car -->\r\n  <i class=\"fas fa-car-side car\"><\/i>\r\n  \r\n  <!-- Check -->\r\n  <div class=\"check\">\r\n    <i class=\"fas fa-check-circle\"><\/i>\r\n    <span>Diagnostic valid\u00e9<\/span>\r\n  <\/div>\r\n  \r\n  <!-- Brand -->\r\n  <div class=\"brand\">ExpertDiag<\/div>\r\n<\/div>\r\n\r\n<style>\r\n.expertdiag-scene {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 140px;\r\n  overflow: hidden;\r\n  margin: 40px auto;\r\n  text-align: center;\r\n}\r\n\r\n\/* Car *\/\r\n.car {\r\n  font-size: 4rem;\r\n  color: #2e7d32;\r\n  position: absolute;\r\n  top: 40px;\r\n  left: -120px;\r\n  animation: carArrival 8s ease-in-out infinite;\r\n}\r\n\r\n\/* Laser *\/\r\n.laser {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #00ff6a, transparent);\r\n  top: 90px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  opacity: 0;\r\n  animation: laserScan 8s ease-in-out infinite;\r\n}\r\n\r\n\/* Check *\/\r\n.check {\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  color: #2e7d32;\r\n  font-weight: bold;\r\n  opacity: 0;\r\n  animation: showCheck 8s ease-in-out infinite;\r\n}\r\n\r\n.check i {\r\n  font-size: 1.5rem;\r\n}\r\n\r\n\/* Brand *\/\r\n.brand {\r\n  position: absolute;\r\n  bottom: 5px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-size: 1.2rem;\r\n  font-weight: bold;\r\n  color: #0b4d33;\r\n  opacity: 0;\r\n  animation: showBrand 8s ease-in-out infinite;\r\n}\r\n\r\n\/* Keyframes *\/\r\n@keyframes carArrival {\r\n  0% { left: -120px; }\r\n  25% { left: 50%; transform: translateX(-50%); }\r\n  55% { left: 50%; transform: translateX(-50%); }\r\n  100% { left: 110%; }\r\n}\r\n\r\n@keyframes laserScan {\r\n  0%,25% { width: 0; opacity: 0; }\r\n  35% { width: 220px; opacity: 1; }\r\n  55% { width: 220px; opacity: 1; }\r\n  65% { width: 0; opacity: 0; }\r\n  100% { opacity: 0; }\r\n}\r\n\r\n@keyframes showCheck {\r\n  0%,40% { opacity: 0; transform: translateX(-50%) scale(0.5); }\r\n  50% { opacity: 1; transform: translateX(-50%) scale(1); }\r\n  70% { opacity: 1; }\r\n  100% { opacity: 0; }\r\n}\r\n\r\n@keyframes showBrand {\r\n  0%,60% { opacity: 0; }\r\n  75% { opacity: 1; }\r\n  90% { opacity: 1; }\r\n  100% { opacity: 0; }\r\n}\r\n<\/style>\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<div class=\"elementor-element elementor-element-403d204 e-flex e-con-boxed e-con e-parent\" data-id=\"403d204\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9766dc elementor-widget elementor-widget-html\" data-id=\"b9766dc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* --- FOOTER MODERNE EXPERTDIAG --- *\/\r\n.footer-expertdiag {\r\n  background-color: #0b4d33;\r\n  color: #ffffff;\r\n  padding: 50px 20px;\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  animation: fadeInUp 1.2s ease-out forwards;\r\n  border-top: 5px solid #a8d5a1;\r\n  border-radius: 15px 15px 0 0;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from { opacity: 0; transform: translateY(30px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.footer-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 50px;\r\n  justify-content: space-between;\r\n}\r\n\r\n.footer-section {\r\n  flex: 1 1 280px;\r\n  min-width: 280px;\r\n}\r\n\r\n.footer-section h3 {\r\n  font-size: 1.8rem;\r\n  margin-bottom: 25px;\r\n  border-bottom: 2px solid #a8d5a1;\r\n  padding-bottom: 10px;\r\n  letter-spacing: 1px;\r\n  color: #ffffff;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.footer-section h3:hover {\r\n  color: #a8d5a1;\r\n}\r\n\r\n.footer-grid {\r\n  display: flex;\r\n  gap: 40px;\r\n}\r\n\r\n.footer-section ul {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  line-height: 2;\r\n  flex: 1;\r\n}\r\n\r\n.footer-section a {\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.footer-section a:hover {\r\n  color: #a8d5a1;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.footer-section p {\r\n  font-size: 1.1rem;\r\n  line-height: 1.6;\r\n}\r\n\r\n.footer-section strong {\r\n  color: #a8d5a1;\r\n}\r\n\r\n.footer-bottom {\r\n  text-align: center;\r\n  margin-top: 40px;\r\n  font-size: 0.9rem;\r\n  color: #cce3d2;\r\n  border-top: 1px solid #1c6b4c;\r\n  padding-top: 20px;\r\n  opacity: 0;\r\n  animation: fadeInUp 1.5s ease-out forwards;\r\n  animation-delay: 0.3s;\r\n}\r\n\r\n.footer-icon {\r\n  margin-right: 8px;\r\n  vertical-align: middle;\r\n  color: #a8d5a1;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .footer-container {\r\n    flex-direction: column;\r\n    gap: 30px;\r\n  }\r\n\r\n  .footer-grid {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .footer-section h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"footer-expertdiag\">\r\n  <div class=\"footer-container\">\r\n\r\n    <!-- Notre r\u00e9seau -->\r\n    <div class=\"footer-section\">\r\n      <h3>\ud83d\udccd Notre r\u00e9seau<\/h3>\r\n      <div class=\"footer-grid\">\r\n        <ul>\r\n          <li><a href=\"#\">Rabat<\/a><\/li>\r\n          <li><a href=\"#\">Sal\u00e9<\/a><\/li>\r\n          <li><a href=\"#\">T\u00e9mara<\/a><\/li>\r\n          <li><a href=\"#\">K\u00e9nitra<\/a><\/li>\r\n          <li><a href=\"#\">Tanger<\/a><\/li>\r\n          <li><a href=\"#\">Asilah<\/a><\/li>\r\n          <li><a href=\"#\">T\u00e9touan<\/a><\/li>\r\n          <li><a href=\"#\">Larache<\/a><\/li>\r\n          <li><a href=\"#\">Marrakech<\/a><\/li>\r\n        <\/ul>\r\n        <ul>\r\n          <li><a href=\"#\">Casablanca<\/a><\/li>\r\n          <li><a href=\"#\">Deroua Berrechid<\/a><\/li>\r\n          <li><a href=\"#\">Mohammedia<\/a><\/li>\r\n          <li><a href=\"#\">Bouznika<\/a><\/li>\r\n          <li><a href=\"#\">Agadir<\/a><\/li>\r\n          <li><a href=\"#\">Mekn\u00e8s<\/a><\/li>\r\n          <li><a href=\"#\">F\u00e8s<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Temps de travail -->\r\n    <div class=\"footer-section\">\r\n      <h3>\u23f0 Temps de travail<\/h3>\r\n      <p>\r\n        Du lundi au samedi <br>\r\n        <strong>09h00 - 19h00<\/strong> <br>\r\n        <strong>Dimanche : FERM\u00c9<\/strong>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Contact -->\r\n    <div class=\"footer-section\">\r\n      <h3>\ud83d\udcde Nous contacter<\/h3>\r\n      <p>\r\n        <span class=\"footer-icon\">\u2709\ufe0f<\/span>\r\n        <a href=\"mailto:expertdiag1@gmail.com\">expertdiag1@gmail.com<\/a><br>\r\n        <span class=\"footer-icon\">\ud83d\udcf1<\/span>\r\n        <a href=\"tel:+212660115965\">0660 115 965<\/a><br>\r\n      <\/p>\r\n      <p>\ud83d\udccd Rabat, Maroc<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    \u00a9 2025 ExpertDiag\r\n  <\/div>\r\n<\/footer>\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<div class=\"elementor-element elementor-element-a2c08da e-flex e-con-boxed e-con e-parent\" data-id=\"a2c08da\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e13fa hfe-nav-menu__align-left hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-link-redirect-child hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-navigation-menu\" data-id=\"43e13fa\" data-element_type=\"widget\" data-settings=\"{&quot;padding_horizontal_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_menu_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_space_between_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;menu_row_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;dropdown_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;dropdown_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;width_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;220&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_horizontal_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:15,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;padding_vertical_dropdown_item_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;distance_from_menu_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_size_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;toggle_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"navigation-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none\" data-layout=\"horizontal\">\n\t\t\t\t<div role=\"button\" class=\"hfe-nav-menu__toggle elementor-clickable\" tabindex=\"0\" aria-label=\"Menu Toggle\">\n\t\t\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t\t\t<div class=\"hfe-nav-menu-icon\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\"  class=\"e-font-icon-svg e-fas-align-justify\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<nav class=\"hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow\" data-toggle-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-fas-align-justify&quot; viewBox=&quot;0 0 448 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-close-icon=\"&lt;svg aria-hidden=&quot;true&quot; tabindex=&quot;0&quot; class=&quot;e-font-icon-svg e-far-window-close&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M464 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 394c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h404c3.3 0 6 2.7 6 6v340zM356.5 194.6L295.1 256l61.4 61.4c4.6 4.6 4.6 12.1 0 16.8l-22.3 22.3c-4.6 4.6-12.1 4.6-16.8 0L256 295.1l-61.4 61.4c-4.6 4.6-12.1 4.6-16.8 0l-22.3-22.3c-4.6-4.6-4.6-12.1 0-16.8l61.4-61.4-61.4-61.4c-4.6-4.6-4.6-12.1 0-16.8l22.3-22.3c4.6-4.6 12.1-4.6 16.8 0l61.4 61.4 61.4-61.4c4.6-4.6 12.1-4.6 16.8 0l22.3 22.3c4.7 4.6 4.7 12.1 0 16.8z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;\" data-full-width=\"yes\">\n\t\t\t\t\t<ul id=\"menu-1-43e13fa\" class=\"hfe-nav-menu\"><li id=\"menu-item-26\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/\" class = \"hfe-menu-item\">Accueil<\/a><\/li>\n<li id=\"menu-item-27\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a rel=\"httpsexpertdiagmapage_id195preview_id195preview_nonceddbb586af7previewtrue\" href=\"https:\/\/expertdiag.ma\/?page_id=195\" class = \"hfe-menu-item\">Services<\/a><\/li>\n<li id=\"menu-item-28\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=99\" class = \"hfe-menu-item\">\u00c0 propos<\/a><\/li>\n<li id=\"menu-item-31\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=257\" class = \"hfe-menu-item\">contact<\/a><\/li>\n<li id=\"menu-item-30\" class=\"menu-item menu-item-type-custom menu-item-object-custom parent hfe-creative-menu\"><a href=\"https:\/\/expertdiag.ma\/?page_id=244\" class = \"hfe-menu-item\">Avis clients<\/a><\/li>\n<\/ul> \n\t\t\t\t<\/nav>\n\t\t\t<\/div>\n\t\t\t\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>Menu Accueil Services \u00c0 propos contact Avis clients Expertise automobile de pointe Des diagnostics pr\u00e9cis pour des d\u00e9cisions \u00e9clair\u00e9es. Obtenez [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin_ed","author_link":"https:\/\/expertdiag.ma\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Menu Accueil Services \u00c0 propos contact Avis clients Expertise automobile de pointe Des diagnostics pr\u00e9cis pour des d\u00e9cisions \u00e9clair\u00e9es. Obtenez [&hellip;]","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":238,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}