{"id":23400,"date":"2026-03-20T10:58:01","date_gmt":"2026-03-20T09:58:01","guid":{"rendered":"https:\/\/fourdata.io\/?page_id=23400"},"modified":"2026-03-26T11:49:00","modified_gmt":"2026-03-26T10:49:00","slug":"services","status":"publish","type":"page","link":"https:\/\/fourdata.io\/fr\/solutions\/services\/","title":{"rendered":"Services &#8211; Four Data"},"content":{"rendered":"<div id=\"fd-s-85587cce4d\" class=\"fd-blocks-root fd-section-block fd-shadow-wrap\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 1 : HERO\r\n   Design align\u00e9 sur la page Solutions\r\n   Couleurs : #3BB7ED (cyan) \/ #002b49 (navy)\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-srv-hero {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  min-height: 88vh;\r\n  background: #002b49;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Radial glow accents *\/\r\n.fd-srv-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(circle at 15% 85%, rgba(59,183,237,0.12) 0%, transparent 40%),\r\n    radial-gradient(circle at 85% 15%, rgba(59,183,237,0.08) 0%, transparent 40%),\r\n    radial-gradient(circle at 50% 50%, rgba(59,183,237,0.04) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Grid pattern overlay *\/\r\n.fd-srv-hero::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background-image:\r\n    linear-gradient(rgba(59,183,237,0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(59,183,237,0.04) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-srv-hero-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 100px 40px 80px;\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: 55% 45%;\r\n  gap: 48px;\r\n  align-items: center;\r\n}\r\n\r\n\/* Breadcrumb *\/\r\n.fd-srv-breadcrumb {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  margin-bottom: 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-srv-breadcrumb a {\r\n  color: rgba(255,255,255,0.45);\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.fd-srv-breadcrumb a:hover { color: #3BB7ED; }\r\n\r\n.fd-srv-breadcrumb span { color: rgba(255,255,255,0.25); }\r\n\r\n.fd-srv-hero h1 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 48px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  line-height: 1.12;\r\n  margin: 0 0 24px;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.fd-srv-hero h1 em {\r\n  font-style: normal;\r\n  color: #3BB7ED;\r\n  position: relative;\r\n}\r\n\r\n.fd-srv-hero h1 em::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -2px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #3BB7ED, transparent);\r\n  border-radius: 2px;\r\n}\r\n\r\n.fd-srv-hero-p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 17px;\r\n  color: rgba(255,255,255,0.75);\r\n  line-height: 1.75;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.fd-srv-hero-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.5);\r\n  line-height: 1.7;\r\n  margin: 0 0 36px;\r\n}\r\n\r\n\/* Hero CTAs *\/\r\n.fd-srv-hero-ctas {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.fd-srv-btn-primary {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  background: #3BB7ED;\r\n  border: 2px solid #3BB7ED;\r\n  border-radius: 6px;\r\n  padding: 14px 28px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  letter-spacing: 0.2px;\r\n}\r\n\r\n.fd-srv-btn-primary:hover {\r\n  background: #2aa3d6;\r\n  border-color: #2aa3d6;\r\n  color: #ffffff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(59,183,237,0.35);\r\n}\r\n\r\n.fd-srv-hero .fd-srv-btn-primary:hover {\r\n  background: #ffffff;\r\n  border-color: #3BB7ED;\r\n  color: #122236;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px rgba(59,183,237,0.35);\r\n}\r\n\r\n.fd-srv-btn-outline {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  background: transparent;\r\n  border: 2px solid rgba(255,255,255,0.35);\r\n  border-radius: 6px;\r\n  padding: 14px 28px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-srv-btn-outline:hover {\r\n  border-color: #3BB7ED;\r\n  color: #3BB7ED;\r\n  background: rgba(59,183,237,0.06);\r\n}\r\n\r\n.fd-srv-btn-primary svg, .fd-srv-btn-outline svg {\r\n  width: 16px; height: 16px;\r\n  fill: currentColor;\r\n}\r\n\r\n\/* Hero visual \u2014 3 piliers cards *\/\r\n.fd-srv-hero-visual {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  padding: 20px;\r\n}\r\n\r\n.fd-srv-pillar-card {\r\n  background: rgba(59,183,237,0.06);\r\n  border: 1px solid rgba(59,183,237,0.2);\r\n  border-radius: 14px;\r\n  padding: 22px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n  backdrop-filter: blur(4px);\r\n  -webkit-backdrop-filter: blur(4px);\r\n  transition: all 0.4s ease;\r\n  cursor: default;\r\n}\r\n\r\n.fd-srv-pillar-card:hover {\r\n  border-color: rgba(59,183,237,0.5);\r\n  background: rgba(59,183,237,0.1);\r\n  transform: translateX(6px);\r\n}\r\n\r\n.fd-srv-pillar-icon {\r\n  width: 52px; height: 52px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.15);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fd-srv-pillar-icon svg {\r\n  width: 24px; height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-srv-pillar-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.fd-srv-pillar-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.45);\r\n  line-height: 1.4;\r\n}\r\n\r\n.fd-srv-pillar-num {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #3BB7ED;\r\n  background: rgba(59,183,237,0.1);\r\n  padding: 3px 10px;\r\n  border-radius: 20px;\r\n  margin-left: auto;\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.fd-srv-scroll-hint {\r\n  position: absolute;\r\n  bottom: 28px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.3);\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  animation: fd-srv-scroll-bounce 2.5s ease-in-out infinite;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-srv-scroll-hint svg {\r\n  width: 20px; height: 20px;\r\n  stroke: rgba(255,255,255,0.3);\r\n  fill: none;\r\n  stroke-width: 2;\r\n}\r\n\r\n@keyframes fd-srv-scroll-bounce {\r\n  0%, 100% { transform: translateX(-50%) translateY(0); }\r\n  50% { transform: translateX(-50%) translateY(6px); }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-srv-hero-inner { grid-template-columns: 1fr; text-align: center; }\r\n  .fd-srv-hero h1 { font-size: 38px; }\r\n  .fd-srv-hero-ctas { justify-content: center; }\r\n  .fd-srv-breadcrumb { justify-content: center; }\r\n  .fd-srv-hero-visual { margin-top: 20px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-srv-hero { min-height: auto; }\r\n  .fd-srv-hero-inner { padding: 70px 24px 60px; gap: 32px; }\r\n  .fd-srv-hero h1 { font-size: 30px; }\r\n  .fd-srv-hero-p { font-size: 15px; }\r\n  .fd-srv-hero-ctas { flex-direction: column; }\r\n  .fd-srv-btn-primary, .fd-srv-btn-outline { width: 100%; justify-content: center; }\r\n  .fd-srv-pillar-card { padding: 16px 18px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-srv-hero\">\r\n  <div class=\"fd-srv-hero-inner\">\r\n    <div class=\"fd-srv-hero-text\">\r\n      <nav class=\"fd-srv-breadcrumb\">\r\n        <a href=\"\/fr\/\">Accueil<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"\/fr\/solutions\/\">Solutions<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"\/fr\/services\/\" style=\"color:#3BB7ED;\">Services<\/a>\r\n      <\/nav>\r\n      <h1>Un accompagnement complet pour <em>r\u00e9ussir votre projet IoT<\/em><\/h1>\r\n      <p class=\"fd-srv-hero-p\">Fournir un capteur et un acc\u00e8s logiciel ne suffit pas. La r\u00e9ussite d&rsquo;un projet de t\u00e9l\u00e9m\u00e9trie repose sur la qualit\u00e9 de l&rsquo;accompagnement \u00e0 chaque \u00e9tape : avant, pendant et apr\u00e8s le d\u00e9ploiement.<\/p>\r\n      <p class=\"fd-srv-hero-sub\">Four Data a structur\u00e9 son offre de services autour de trois piliers compl\u00e9mentaires : installation, formation et pilotage de site.<\/p>\r\n      <div class=\"fd-srv-hero-ctas\">\r\n        <a href=\"\/fr\/contact\/\" class=\"fd-srv-btn-primary\">\r\n          Contactez notre \u00e9quipe\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\r\n        <\/a>\r\n        <a href=\"#installation\" class=\"fd-srv-btn-outline\">\r\n          D\u00e9couvrir nos services\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"><\/path><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fd-srv-hero-visual\">\r\n      <a href=\"#installation\" class=\"fd-srv-pillar-card\" style=\"text-decoration:none;\">\r\n        <div class=\"fd-srv-pillar-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"><\/path><\/svg><\/div>\r\n        <div>\r\n          <div class=\"fd-srv-pillar-label\">Installation<\/div>\r\n          <div class=\"fd-srv-pillar-sub\">Mise en service rapide et fiable, kit pr\u00eat \u00e0 l&#8217;emploi<\/div>\r\n        <\/div>\r\n        <span class=\"fd-srv-pillar-num\">01<\/span>\r\n      <\/a>\r\n      <a href=\"#academy\" class=\"fd-srv-pillar-card\" style=\"text-decoration:none;\">\r\n        <div class=\"fd-srv-pillar-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"><\/path><\/svg><\/div>\r\n        <div>\r\n          <div class=\"fd-srv-pillar-label\">Four Data Academy<\/div>\r\n          <div class=\"fd-srv-pillar-sub\">Formation technique capteurs &amp; plateformes<\/div>\r\n        <\/div>\r\n        <span class=\"fd-srv-pillar-num\">02<\/span>\r\n      <\/a>\r\n      <a href=\"#pilotage\" class=\"fd-srv-pillar-card\" style=\"text-decoration:none;\">\r\n        <div class=\"fd-srv-pillar-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"><\/path><\/svg><\/div>\r\n        <div>\r\n          <div class=\"fd-srv-pillar-label\">Pilotage de site<\/div>\r\n          <div class=\"fd-srv-pillar-sub\">Supervision compl\u00e8te de vos d\u00e9p\u00f4ts et installations<\/div>\r\n        <\/div>\r\n        <span class=\"fd-srv-pillar-num\">03<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"fd-srv-scroll-hint\">\r\n    Explorer\r\n    <svg viewBox=\"0 0 24 24\"><polyline points=\"6,9 12,15 18,9\"><\/polyline><\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 2 : INSTALLATION\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-install-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-srv-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* Section header \u2014 aligned with solutions *\/\r\n.fd-srv-sh {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-srv-sh h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  letter-spacing: -0.3px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.fd-srv-sh h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 3px;\r\n  background: #3BB7ED;\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-srv-sh p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  line-height: 1.7;\r\n  max-width: 760px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n\/* Zigzag layout \u2014 text + visual *\/\r\n.fd-srv-zz {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.fd-srv-zz-text h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.fd-srv-zz-text p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 24px;\r\n}\r\n\r\n\/* Adapter cards grid \u2014 3x2 *\/\r\n.fd-adapters-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.fd-adapter-item {\r\n  background: #ffffff;\r\n  border: 1px solid #e8edf2;\r\n  border-top: 3px solid #3BB7ED;\r\n  border-radius: 0 0 10px 10px;\r\n  padding: 18px 14px;\r\n  text-align: center;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-adapter-item:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 32px rgba(0,43,73,0.08);\r\n  border-top-color: #2aa3d6;\r\n}\r\n\r\n.fd-adapter-icon {\r\n  width: 40px; height: 40px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, rgba(59,183,237,0.12), rgba(59,183,237,0.04));\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 10px;\r\n}\r\n\r\n.fd-adapter-icon svg {\r\n  width: 20px; height: 20px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-adapter-name {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #002b49;\r\n  line-height: 1.35;\r\n}\r\n\r\n\/* Kit visual \u2014 illustration style solutions *\/\r\n.fd-kit-visual {\r\n  background: linear-gradient(135deg, #f0f8ff 0%, #e4f3fc 100%);\r\n  border-radius: 16px;\r\n  padding: 36px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 340px;\r\n  gap: 16px;\r\n}\r\n\r\n.fd-kit-visual-card {\r\n  width: 100%;\r\n  max-width: 260px;\r\n  background: #ffffff;\r\n  border-radius: 10px;\r\n  padding: 16px;\r\n  box-shadow: 0 2px 12px rgba(0,43,73,0.06);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-kit-visual-card:hover {\r\n  transform: translateX(4px);\r\n  box-shadow: 0 4px 20px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-kit-visual-card-icon {\r\n  width: 40px; height: 40px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.12);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fd-kit-visual-card-icon svg {\r\n  width: 20px; height: 20px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-kit-visual-card-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n}\r\n\r\n.fd-kit-visual-card-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 10px;\r\n  color: #8a9bab;\r\n}\r\n\r\n.fd-kit-note {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #8a94a0;\r\n  margin-top: 18px;\r\n  font-style: italic;\r\n}\r\n\r\n\/* Stepper \u2014 Tunnel d'installation *\/\r\n.fd-srv-sub-header {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 8px;\r\n  text-align: center;\r\n  line-height: 1.3;\r\n}\r\n\r\n.fd-srv-sub-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.6;\r\n  margin: 0 0 40px;\r\n  text-align: center;\r\n  max-width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.fd-stepper {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  position: relative;\r\n  margin-bottom: 72px;\r\n}\r\n\r\n\/* Connecting line *\/\r\n.fd-stepper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 60px;\r\n  right: 60px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, #3BB7ED 0%, rgba(59,183,237,0.3) 100%);\r\n  z-index: 0;\r\n  border-radius: 2px;\r\n}\r\n\r\n.fd-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-step-circle {\r\n  width: 56px; height: 56px;\r\n  border-radius: 50%;\r\n  background: linear-gradient(135deg, #3BB7ED 0%, #2a9fd4 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n  box-shadow: 0 4px 16px rgba(59,183,237,0.35);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-step:hover .fd-step-circle {\r\n  transform: scale(1.08);\r\n  box-shadow: 0 6px 24px rgba(59,183,237,0.45);\r\n}\r\n\r\n.fd-step-circle span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-step-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  text-align: center;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fd-step-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #5a6a78;\r\n  text-align: center;\r\n  line-height: 1.55;\r\n  max-width: 200px;\r\n}\r\n\r\n\/* Proc\u00e9dures sp\u00e9cifiques \u2014 tabs *\/\r\n.fd-proc-tabs {\r\n  display: flex;\r\n  gap: 0;\r\n  margin-bottom: 0;\r\n  border-bottom: 2px solid #e8ecf1;\r\n}\r\n\r\n.fd-proc-tab {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: #8a94a0;\r\n  padding: 14px 28px;\r\n  cursor: pointer;\r\n  border-bottom: 3px solid transparent;\r\n  margin-bottom: -2px;\r\n  transition: all 0.3s ease;\r\n  background: none;\r\n  border-top: none;\r\n  border-left: none;\r\n  border-right: none;\r\n}\r\n\r\n.fd-proc-tab.fd-tab-active {\r\n  color: #3BB7ED;\r\n  border-bottom-color: #3BB7ED;\r\n}\r\n\r\n.fd-proc-tab:hover {\r\n  color: #002b49;\r\n}\r\n\r\n.fd-proc-panels {\r\n  padding: 28px 0;\r\n}\r\n\r\n.fd-proc-panel {\r\n  display: none;\r\n}\r\n\r\n.fd-proc-panel.fd-panel-active {\r\n  display: block;\r\n  animation: fdFadeIn 0.35s ease;\r\n}\r\n\r\n@keyframes fdFadeIn {\r\n  from { opacity: 0; transform: translateY(6px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.fd-proc-panel p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0;\r\n}\r\n\r\n.fd-proc-panel p strong {\r\n  color: #002b49;\r\n}\r\n\r\n\/* CTA area *\/\r\n.fd-srv-cta-area {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  margin-top: 56px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.fd-srv-link-arrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 600;\r\n  color: #3BB7ED;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-srv-link-arrow svg {\r\n  width: 18px; height: 18px;\r\n  fill: #3BB7ED;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-srv-link-arrow:hover { color: #2aa3d6; }\r\n.fd-srv-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n@media (max-width: 991px) {\r\n  .fd-srv-zz { grid-template-columns: 1fr; }\r\n  .fd-stepper { grid-template-columns: repeat(2, 1fr); gap: 36px; }\r\n  .fd-stepper::before { display: none; }\r\n  .fd-srv-sh h2 { font-size: 30px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-install-section { padding: 64px 0; }\r\n  .fd-srv-container { padding: 0 24px; }\r\n  .fd-srv-sh h2 { font-size: 26px; }\r\n  .fd-adapters-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .fd-stepper { grid-template-columns: 1fr; gap: 28px; }\r\n  .fd-proc-tabs { flex-direction: column; border-bottom: none; gap: 4px; }\r\n  .fd-proc-tab { text-align: left; border-bottom: none; border-left: 3px solid #e8ecf1; padding: 10px 18px; margin-bottom: 0; }\r\n  .fd-proc-tab.fd-tab-active { border-left-color: #3BB7ED; border-bottom-color: transparent; }\r\n  .fd-srv-cta-area { flex-direction: column; }\r\n  .fd-srv-btn-primary, .fd-srv-link-arrow { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-install-section\" id=\"installation\">\r\n  <div class=\"fd-srv-container\">\r\n    <div class=\"fd-srv-sh\">\r\n      <h2>Installation : une mise en service simple et rapide<\/h2>\r\n      <p>Le d\u00e9ploiement des solutions FOUR DATA s&rsquo;adapte \u00e0 une grande vari\u00e9t\u00e9 d&rsquo;\u00e9quipements et de contextes d&rsquo;installation. Cuves, citernes, compteurs, bennes, silos, PAV ou \u00e9quipements mobiles : chaque configuration peut n\u00e9cessiter des accessoires, des interfaces ou des proc\u00e9dures sp\u00e9cifiques pour assurer une int\u00e9gration fiable sur le terrain.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Kit d'installation \u2014 zigzag layout -->\r\n    <div class=\"fd-srv-zz\">\r\n      <div class=\"fd-srv-zz-text\">\r\n        <h3>Solutions de montage adapt\u00e9es<\/h3>\r\n        <p>FOUR DATA dispose d&rsquo;un large catalogue de solutions de montage pour adapter ses capteurs \u00e0 diff\u00e9rentes configurations terrain. Embouts, supports et accessoires sp\u00e9cifiques permettent de r\u00e9pondre aux contraintes d&rsquo;installation selon le type d&rsquo;\u00e9quipement, son implantation et son environnement.<\/p>\r\n        <div class=\"fd-adapters-grid\">\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Pi\u00e8ce r\u00e9ductrice PVC 32mm<\/div>\r\n          <\/div>\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Bouchon IBC 6 pouces<\/div>\r\n          <\/div>\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Adaptateur 3\/4&Prime; vers capteur<\/div>\r\n          <\/div>\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Adaptateur 1&Prime; vers capteur<\/div>\r\n          <\/div>\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Pi\u00e8ce \u00e9largissante 2&Prime;1\/2<\/div>\r\n          <\/div>\r\n          <div class=\"fd-adapter-item\">\r\n            <div class=\"fd-adapter-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n            <div class=\"fd-adapter-name\">Adaptateurs BSP sp\u00e9cifiques<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"fd-kit-note\">L&rsquo;installation peut \u00eatre r\u00e9alis\u00e9e en autonomie par vos \u00e9quipes ou par un technicien Four Data.<\/p>\r\n      <\/div>\r\n      <div class=\"fd-kit-visual\">\r\n        <div class=\"fd-kit-visual-card\">\r\n          <div class=\"fd-kit-visual-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2zm-5 12H9v-2h6v2zm5-7H4V4h16v3z\"><\/path><\/svg><\/div>\r\n          <div>\r\n            <div class=\"fd-kit-visual-card-label\">Kit complet<\/div>\r\n            <div class=\"fd-kit-visual-card-sub\">Capteur + adaptateurs + guide<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-kit-visual-card\">\r\n          <div class=\"fd-kit-visual-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"><\/path><\/svg><\/div>\r\n          <div>\r\n            <div class=\"fd-kit-visual-card-label\">Installation rapide<\/div>\r\n            <div class=\"fd-kit-visual-card-sub\">Quelques minutes, sans c\u00e2blage<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-kit-visual-card\">\r\n          <div class=\"fd-kit-visual-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"><\/path><\/svg><\/div>\r\n          <div>\r\n            <div class=\"fd-kit-visual-card-label\">Pr\u00eat \u00e0 l&#8217;emploi<\/div>\r\n            <div class=\"fd-kit-visual-card-sub\">Donn\u00e9es en temps r\u00e9el<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tunnel d'installation -->\r\n    <h3 class=\"fd-srv-sub-header\">Tunnel d&rsquo;installation en ligne<\/h3>\r\n    <p class=\"fd-srv-sub-desc\">La configuration logicielle s&rsquo;effectue via <a href=\"https:\/\/installation.fourdata.io\" style=\"color:#3BB7ED;text-decoration:underline;\">un tunnel en ligne<\/a> en 4 \u00e9tapes :<\/p>\r\n\r\n    <div class=\"fd-stepper\">\r\n      <div class=\"fd-step\">\r\n        <div class=\"fd-step-circle\"><span>1<\/span><\/div>\r\n        <div class=\"fd-step-title\">Attribution du contact<\/div>\r\n        <p class=\"fd-step-desc\">Associez le capteur \u00e0 un client existant ou cr\u00e9ez un nouveau compte. Association automatique si m\u00eame adresse email.<\/p>\r\n      <\/div>\r\n      <div class=\"fd-step\">\r\n        <div class=\"fd-step-circle\"><span>2<\/span><\/div>\r\n        <div class=\"fd-step-title\">Choix du capteur<\/div>\r\n        <p class=\"fd-step-desc\">Saisissez le num\u00e9ro d&rsquo;identification unique. V\u00e9rification automatique de la disponibilit\u00e9.<\/p>\r\n      <\/div>\r\n      <div class=\"fd-step\">\r\n        <div class=\"fd-step-circle\"><span>3<\/span><\/div>\r\n        <div class=\"fd-step-title\">Type d&rsquo;\u00e9quipement<\/div>\r\n        <p class=\"fd-step-desc\">Indiquez la typologie : cuve, citerne de gaz, chaudi\u00e8re, compteur, tracking GPS, etc.<\/p>\r\n      <\/div>\r\n      <div class=\"fd-step\">\r\n        <div class=\"fd-step-circle\"><span>4<\/span><\/div>\r\n        <div class=\"fd-step-title\">Configuration<\/div>\r\n        <p class=\"fd-step-desc\">S\u00e9lectionnez le mod\u00e8le dans le r\u00e9f\u00e9rentiel Four Data ou param\u00e9trez manuellement les dimensions.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Proc\u00e9dures sp\u00e9cifiques -->\r\n    <h3 class=\"fd-srv-sub-header\" style=\"text-align:left;\">Proc\u00e9dures sp\u00e9cifiques<\/h3>\r\n    <div class=\"fd-proc-tabs\">\r\n      <button class=\"fd-proc-tab fd-tab-active\" onclick=\"fdSwitchTab(this, 0)\">Tubage<\/button>\r\n      <button class=\"fd-proc-tab\" onclick=\"fdSwitchTab(this, 1)\">V\u00e9rification<\/button>\r\n      <button class=\"fd-proc-tab\" onclick=\"fdSwitchTab(this, 2)\">\u00c9change<\/button>\r\n    <\/div>\r\n    <div class=\"fd-proc-panels\">\r\n      <div class=\"fd-proc-panel fd-panel-active\">\r\n        <p><strong>Tubage de cuve<\/strong> : un tube PVC de 32mm est ins\u00e9r\u00e9 dans la cuve pour canaliser l&rsquo;onde ultrasonore et contourner les obstacles. Pour les cuves pr\u00e9sentant des contraintes sp\u00e9cifiques (chemin\u00e9e longue, obstacles internes), Four Data fournit \u00e9galement des proc\u00e9dures de tubage adapt\u00e9es.<\/p>\r\n      <\/div>\r\n      <div class=\"fd-proc-panel\">\r\n        <p><strong>V\u00e9rification post-installation<\/strong> : validez le bon fonctionnement via l&rsquo;onglet \u00ab V\u00e9rifier les donn\u00e9es du capteur \u00bb sur DESK (10 derniers relev\u00e9s instantan\u00e9ment).<\/p>\r\n      <\/div>\r\n      <div class=\"fd-proc-panel\">\r\n        <p><strong>\u00c9change de capteur<\/strong> : deux options sont disponibles. Vous pouvez conserver l&rsquo;historique ou supprimer les anciennes donn\u00e9es en conservant les param\u00e9trages.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-srv-cta-area\">\r\n      <a href=\"\/fr\/contact\/\" class=\"fd-srv-btn-primary\">Planifier une installation<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction fdSwitchTab(el, index) {\r\n  var tabs = el.parentElement.querySelectorAll('.fd-proc-tab');\r\n  var panels = el.parentElement.nextElementSibling.querySelectorAll('.fd-proc-panel');\r\n  tabs.forEach(function(t) { t.classList.remove('fd-tab-active'); });\r\n  panels.forEach(function(p) { p.classList.remove('fd-panel-active'); });\r\n  el.classList.add('fd-tab-active');\r\n  if (panels[index]) panels[index].classList.add('fd-panel-active');\r\n}\r\n<\/script>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 3 : ACADEMY\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-academy-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #f5f7fa;\r\n  padding: 96px 0;\r\n}\r\n\r\n\/* Timeline 3 phases *\/\r\n.fd-timeline {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n  position: relative;\r\n  margin-bottom: 72px;\r\n  padding-left: 48px;\r\n}\r\n\r\n.fd-timeline::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 22px;\r\n  width: 3px;\r\n  background: linear-gradient(180deg, #c0c8d0 0%, #3BB7ED 50%, #122236 100%);\r\n  border-radius: 2px;\r\n}\r\n\r\n.fd-tl-phase {\r\n  position: relative;\r\n  padding-bottom: 32px;\r\n}\r\n\r\n.fd-tl-phase:last-child {\r\n  padding-bottom: 0;\r\n}\r\n\r\n.fd-tl-circle {\r\n  position: absolute;\r\n  left: -48px;\r\n  top: 4px;\r\n  width: 40px; height: 40px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-tl-phase:hover .fd-tl-circle {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.fd-tl-circle span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-tl-circle-grey { background: #9E9E9E; }\r\n.fd-tl-circle-cyan { background: #3BB7ED; box-shadow: 0 4px 16px rgba(59,183,237,0.35); }\r\n.fd-tl-circle-green { background: #122236; box-shadow: 0 4px 16px rgba(18,34,54,0.3); }\r\n\r\n.fd-tl-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 4px 24px rgba(0,43,73,0.06);\r\n  padding: 28px;\r\n  transition: all 0.35s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-tl-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 40px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-tl-card-grey { border-left: 4px solid #9E9E9E; }\r\n.fd-tl-card-cyan { border-left: 4px solid #3BB7ED; }\r\n.fd-tl-card-green { border-left: 4px solid #122236; }\r\n\r\n.fd-tl-card-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.fd-tl-badge {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  padding: 4px 12px;\r\n  border-radius: 100px;\r\n  background: rgba(59,183,237,0.1);\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-tl-card-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.65;\r\n  margin: 0;\r\n}\r\n\r\n\/* Jour J \u2014 deux volets *\/\r\n.fd-tl-two-cols {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px;\r\n  margin-top: 18px;\r\n}\r\n\r\n.fd-volet {\r\n  background: #f5f7fa;\r\n  border-radius: 12px;\r\n  padding: 22px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-volet:hover {\r\n  background: #eef2f7;\r\n}\r\n\r\n.fd-volet-cyan { border-top: 3px solid #3BB7ED; }\r\n.fd-volet-dark { border-top: 3px solid #002b49; }\r\n\r\n.fd-volet h4 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-volet-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-volet-list li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #5a6a78;\r\n  line-height: 1.55;\r\n  padding-left: 20px;\r\n  position: relative;\r\n}\r\n\r\n.fd-volet-list li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 1px;\r\n  width: 14px; height: 14px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.1);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%233BB7ED'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n  background-size: 9px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fd-volet-dark .fd-volet-list li::before {\r\n  background-color: rgba(0,43,73,0.08);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23002b49'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n\/* Rentabilit\u00e9 bandeau dark *\/\r\n.fd-rentab-band {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #002b49;\r\n  padding: 80px 0;\r\n  margin-top: 0;\r\n  margin-bottom: 56px;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-rentab-band::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(circle at 10% 50%, rgba(59,183,237,0.08) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 50%, rgba(59,183,237,0.05) 0%, transparent 40%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-rentab-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-rentab-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  text-align: center;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-rentab-subtitle {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.6);\r\n  text-align: center;\r\n  margin: 0 0 48px;\r\n}\r\n\r\n.fd-rentab-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fd-rentab-card {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 12px;\r\n  padding: 32px 24px;\r\n  text-align: center;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-rentab-card:hover {\r\n  background: rgba(59,183,237,0.06);\r\n  border-color: rgba(59,183,237,0.2);\r\n}\r\n\r\n.fd-rentab-card-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: rgba(255,255,255,0.45);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.8px;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.fd-rentab-card-value {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 44px;\r\n  font-weight: 900;\r\n  color: #3BB7ED;\r\n  margin: 0 0 8px;\r\n  letter-spacing: -0.02em;\r\n  line-height: 1;\r\n}\r\n\r\n.fd-rentab-card-details {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.6);\r\n  line-height: 1.6;\r\n}\r\n\r\n.fd-rentab-counters {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.fd-rentab-counter {\r\n  text-align: center;\r\n  padding: 16px;\r\n  background: rgba(255,255,255,0.03);\r\n  border-radius: 10px;\r\n}\r\n\r\n.fd-rentab-counter-val {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-rentab-counter-val span {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-rentab-counter-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.5);\r\n  margin-top: 4px;\r\n}\r\n\r\n.fd-rentab-eco {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  text-align: center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n}\r\n\r\n.fd-rentab-eco svg {\r\n  width: 16px; height: 16px;\r\n  fill: #122236;\r\n}\r\n\r\n\/* CTA Academy *\/\r\n.fd-academy-cta-area {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-tl-two-cols { grid-template-columns: 1fr; }\r\n  .fd-rentab-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }\r\n  .fd-rentab-counters { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-academy-section { padding: 64px 0; }\r\n  .fd-timeline { padding-left: 36px; }\r\n  .fd-timeline::before { left: 16px; }\r\n  .fd-tl-circle { left: -36px; width: 32px; height: 32px; }\r\n  .fd-tl-circle span { font-size: 13px; }\r\n  .fd-rentab-band { padding: 56px 0; }\r\n  .fd-rentab-inner { padding: 0 24px; }\r\n  .fd-rentab-title { font-size: 26px; }\r\n  .fd-rentab-card-value { font-size: 32px; }\r\n  .fd-academy-cta-area { flex-direction: column; }\r\n  .fd-srv-btn-primary, .fd-srv-link-arrow { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-academy-section\" id=\"academy\">\r\n  <div class=\"fd-srv-container\">\r\n    <div class=\"fd-srv-sh\">\r\n      <h2>Four Data Academy : la formation technique pour vos \u00e9quipes<\/h2>\r\n      <p>La technologie la plus performante ne produit de r\u00e9sultats que si les \u00e9quipes qui l&rsquo;utilisent la ma\u00eetrisent. C&rsquo;est la raison d&rsquo;\u00eatre de la Four Data Academy.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Timeline -->\r\n    <div class=\"fd-timeline\">\r\n      <!-- Phase 1 \u2014 Avant -->\r\n      <div class=\"fd-tl-phase\">\r\n        <div class=\"fd-tl-circle fd-tl-circle-grey\"><span>1<\/span><\/div>\r\n        <div class=\"fd-tl-card fd-tl-card-grey\">\r\n          <div class=\"fd-tl-card-title\">Pr\u00e9paration<\/div>\r\n          <p class=\"fd-tl-card-text\">En amont de la formation : r\u00e9ception du kit d&rsquo;installation complet et des guides associ\u00e9s.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Phase 2 \u2014 Jour J -->\r\n      <div class=\"fd-tl-phase\">\r\n        <div class=\"fd-tl-circle fd-tl-circle-cyan\"><span>2<\/span><\/div>\r\n        <div class=\"fd-tl-card fd-tl-card-cyan\">\r\n          <div class=\"fd-tl-card-title\">\r\n            Le jour de la formation\r\n            <span class=\"fd-tl-badge\">Demi-journ\u00e9e<\/span>\r\n          <\/div>\r\n          <div class=\"fd-tl-two-cols\">\r\n            <div class=\"fd-volet fd-volet-cyan\">\r\n              <h4>Volet Capteurs<\/h4>\r\n              <ul class=\"fd-volet-list\">\r\n                <li>D\u00e9couverte de la gamme compl\u00e8te : Nova US, Nova Radar, Nova Pression\u2026<\/li>\r\n                <li>Identification des particularit\u00e9s de chaque produit<\/li>\r\n                <li>Choix du capteur adapt\u00e9 en fonction du cas d&rsquo;usage<\/li>\r\n                <li>Installation physique : positionnement, fixation, raccordement, tubage<\/li>\r\n                <li>Bonnes pratiques terrain : erreurs fr\u00e9quentes \u00e0 \u00e9viter<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <div class=\"fd-volet fd-volet-dark\">\r\n              <h4>Volet Plateformes<\/h4>\r\n              <ul class=\"fd-volet-list\">\r\n                <li>Prise en main compl\u00e8te de DESK : navigation, alertes, gestion clients, API, exports<\/li>\r\n                <li>D\u00e9couverte de SENS : parcours utilisateur client, widgets, alertes, multi-espaces<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Phase 3 \u2014 Apr\u00e8s -->\r\n      <div class=\"fd-tl-phase\">\r\n        <div class=\"fd-tl-circle fd-tl-circle-green\"><span>3<\/span><\/div>\r\n        <div class=\"fd-tl-card fd-tl-card-green\">\r\n          <div class=\"fd-tl-card-title\">Suivi personnalis\u00e9<\/div>\r\n          <p class=\"fd-tl-card-text\">Apr\u00e8s la formation : support continu et rendez-vous individuels avec l&rsquo;\u00e9quipe technique pour assurer une mont\u00e9e en comp\u00e9tences durable.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bandeau rentabilit\u00e9 -->\r\n  <div class=\"fd-rentab-band\">\r\n    <div class=\"fd-rentab-inner\">\r\n      <h3 class=\"fd-rentab-title\">G\u00e9n\u00e9rer de la rentabilit\u00e9 avec la cuve connect\u00e9e<\/h3>\r\n      <p class=\"fd-rentab-subtitle\">Des r\u00e9sultats mesurables, prouv\u00e9s par nos clients sur le terrain<\/p>\r\n      <div class=\"fd-rentab-grid\">\r\n        <div class=\"fd-rentab-card\">\r\n          <div class=\"fd-rentab-card-label\">Cas 1 Client standard<\/div>\r\n          <div class=\"fd-rentab-card-value\">752 \u20ac<\/div>\r\n          <p class=\"fd-rentab-card-details\">Profit annuel HT<br>3 livraisons\/an (vs 7)<br>0 urgence (vs 3)<\/p>\r\n        <\/div>\r\n        <div class=\"fd-rentab-card\">\r\n          <div class=\"fd-rentab-card-label\">Cas 2 Client moyen volume<\/div>\r\n          <div class=\"fd-rentab-card-value\">987 \u20ac<\/div>\r\n          <p class=\"fd-rentab-card-details\">Profit annuel HT<br>3 livraisons\/an (vs 6)<br>0 urgence (vs 2)<\/p>\r\n        <\/div>\r\n        <div class=\"fd-rentab-card\">\r\n          <div class=\"fd-rentab-card-label\">Cas 3 Client gros volume<\/div>\r\n          <div class=\"fd-rentab-card-value\">1 222 \u20ac<\/div>\r\n          <p class=\"fd-rentab-card-details\">Profit annuel HT<br>3 livraisons\/an (vs 5)<br>0 urgence (vs 1)<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-rentab-counters\">\r\n        <div class=\"fd-rentab-counter\">\r\n          <div class=\"fd-rentab-counter-val\">De <span>7<\/span> \u00e0 <span>3<\/span><\/div>\r\n          <div class=\"fd-rentab-counter-label\">livraisons par an<\/div>\r\n        <\/div>\r\n        <div class=\"fd-rentab-counter\">\r\n          <div class=\"fd-rentab-counter-val\">De <span>3<\/span> \u00e0 <span>0<\/span><\/div>\r\n          <div class=\"fd-rentab-counter-label\">urgences par an<\/div>\r\n        <\/div>\r\n        <div class=\"fd-rentab-counter\">\r\n          <div class=\"fd-rentab-counter-val\"><span>-29%<\/span><\/div>\r\n          <div class=\"fd-rentab-counter-label\">charges logistiques<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"fd-rentab-eco\">\r\n        Chaque cuve connect\u00e9e contribue aussi \u00e0 la r\u00e9duction des \u00e9missions de CO2\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"fd-srv-container\">\r\n    <div class=\"fd-academy-cta-area\">\r\n      <a href=\"\/fr\/contact\/\" class=\"fd-srv-btn-primary\">S&rsquo;inscrire \u00e0 la prochaine session Academy<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 4 : PILOTAGE DE SITE\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-pilot-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n}\r\n\r\n\/* Pain points \u2014 cards with visual header *\/\r\n.fd-pain-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n  margin-bottom: 72px;\r\n}\r\n\r\n.fd-pain-card {\r\n  background: #ffffff;\r\n  border: 1px solid #e8edf2;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-pain-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 16px 48px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-pain-card-header {\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #e0f0ff 0%, #b2d8f5 100%);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-pain-card-header::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20px; right: -20px;\r\n  width: 80px; height: 80px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.4);\r\n}\r\n\r\n.fd-pain-card-header::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -25px; left: -10px;\r\n  width: 60px; height: 60px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.3);\r\n}\r\n\r\n.fd-pain-card-icon {\r\n  width: 44px; height: 44px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.8);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 1;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.06);\r\n}\r\n\r\n.fd-pain-card-icon svg {\r\n  width: 22px; height: 22px;\r\n  fill: #002b49;\r\n}\r\n\r\n.fd-pain-card-body {\r\n  padding: 22px 24px;\r\n}\r\n\r\n.fd-pain-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 6px;\r\n}\r\n\r\n.fd-pain-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Solution section \u2014 zigzag *\/\r\n.fd-pilot-solution {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 72px;\r\n}\r\n\r\n.fd-pilot-solution-text h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.fd-pilot-solution-text > p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 28px;\r\n}\r\n\r\n\/* Checklist style solutions *\/\r\n.fd-srv-checklist {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.fd-srv-checklist li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #5a6a78;\r\n  line-height: 1.5;\r\n  padding-left: 32px;\r\n  position: relative;\r\n}\r\n\r\n.fd-srv-checklist li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 1px;\r\n  width: 22px; height: 22px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.1);\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%233BB7ED'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'\/%3E%3C\/svg%3E\");\r\n  background-size: 13px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n\/* Visual panel style solutions *\/\r\n.fd-pilot-visual-panel {\r\n  background: linear-gradient(135deg, #f0f8ff 0%, #e4f3fc 100%);\r\n  border-radius: 16px;\r\n  padding: 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 360px;\r\n  gap: 16px;\r\n}\r\n\r\n.fd-pilot-visual-stat {\r\n  background: #ffffff;\r\n  border-radius: 10px;\r\n  padding: 16px 24px;\r\n  box-shadow: 0 2px 12px rgba(0,43,73,0.06);\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  width: 100%;\r\n  max-width: 280px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-pilot-visual-stat:hover {\r\n  transform: translateX(4px);\r\n  box-shadow: 0 4px 20px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-pilot-visual-stat-num {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  color: #3BB7ED;\r\n  line-height: 1;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.fd-pilot-visual-stat-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  color: #002b49;\r\n  line-height: 1.3;\r\n}\r\n\r\n\/* Fid\u00e9lisation \u2014 2 colonnes *\/\r\n.fd-pilot-fid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 56px;\r\n  align-items: center;\r\n  margin-bottom: 56px;\r\n  padding: 40px;\r\n  background: #f5f7fa;\r\n  border-radius: 20px;\r\n}\r\n\r\n.fd-pilot-fid-text h3 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.fd-pilot-fid-text p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  margin: 0 0 20px;\r\n}\r\n\r\n.fd-pilot-highlight-box {\r\n  display: inline-block;\r\n  background: rgba(59,183,237,0.1);\r\n  padding: 6px 16px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 3px 4px 3px 0;\r\n}\r\n\r\n.fd-pilot-fid-visual {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Mobile mockup \u2014 improved *\/\r\n.fd-pilot-mockup {\r\n  width: 200px;\r\n  background: #002b49;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 16px 56px rgba(0,43,73,0.2);\r\n  border: 2px solid rgba(59,183,237,0.15);\r\n}\r\n\r\n.fd-pilot-notch {\r\n  background: #001d33;\r\n  height: 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-pilot-notch-pill {\r\n  width: 40px; height: 4px; border-radius: 2px;\r\n  background: rgba(255,255,255,0.15);\r\n}\r\n\r\n.fd-pilot-body {\r\n  padding: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.fd-pilot-body-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  text-align: center;\r\n}\r\n\r\n.fd-pilot-gauge-wrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 6px 0;\r\n}\r\n\r\n.fd-pilot-gauge {\r\n  width: 60px; height: 60px;\r\n  border-radius: 50%;\r\n  border: 3px solid #FF9800;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255,152,0,0.04);\r\n}\r\n\r\n.fd-pilot-gauge span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  font-weight: 800;\r\n  color: #FF9800;\r\n}\r\n\r\n.fd-pilot-order-btn {\r\n  background: #4CAF50;\r\n  border-radius: 6px;\r\n  padding: 10px;\r\n  text-align: center;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.fd-pilot-widget {\r\n  background: rgba(255,255,255,0.06);\r\n  border-radius: 6px;\r\n  padding: 8px 10px;\r\n}\r\n\r\n.fd-pilot-widget-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 7px;\r\n  font-weight: 600;\r\n  color: rgba(255,255,255,0.7);\r\n}\r\n\r\n.fd-pilot-widget-line {\r\n  height: 3px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.3);\r\n  margin-top: 5px;\r\n  width: 35%;\r\n}\r\n\r\n\/* CTA *\/\r\n.fd-pilot-cta-area {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-pain-grid { grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto; }\r\n  .fd-pilot-solution { grid-template-columns: 1fr; }\r\n  .fd-pilot-fid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-pilot-section { padding: 64px 0; }\r\n  .fd-pilot-fid { padding: 24px; }\r\n  .fd-pilot-cta-area { flex-direction: column; }\r\n  .fd-srv-btn-primary { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-pilot-section\" id=\"pilotage\">\r\n  <div class=\"fd-srv-container\">\r\n    <div class=\"fd-srv-sh\">\r\n      <h2>Pilotage de site : la gestion intelligente de vos d\u00e9p\u00f4ts et installations<\/h2>\r\n      <p>ICPE, Seveso, d\u00e9p\u00f4ts p\u00e9troliers : une solution de t\u00e9l\u00e9m\u00e9trie d\u00e9di\u00e9e pour transformer la surveillance de vos installations.<\/p>\r\n    <\/div>\r\n\r\n    <!-- Pain points -->\r\n    <div class=\"fd-pain-grid\">\r\n      <div class=\"fd-pain-card\">\r\n        <div class=\"fd-pain-card-header\">\r\n          <div class=\"fd-pain-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"fd-pain-card-body\">\r\n          <h3 class=\"fd-pain-title\">Suivi manuel complexe et risqu\u00e9<\/h3>\r\n          <p class=\"fd-pain-desc\">V\u00e9rification physique, relev\u00e9s espac\u00e9s, zones d&rsquo;ombre sur l&rsquo;\u00e9tat r\u00e9el des stocks<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-pain-card\">\r\n        <div class=\"fd-pain-card-header\">\r\n          <div class=\"fd-pain-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"fd-pain-card-body\">\r\n          <h3 class=\"fd-pain-title\">Communication difficile entre \u00e9quipes<\/h3>\r\n          <p class=\"fd-pain-desc\">Donn\u00e9es fragment\u00e9es, mises \u00e0 jour tardives, coordination complexe<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-pain-card\">\r\n        <div class=\"fd-pain-card-header\">\r\n          <div class=\"fd-pain-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"fd-pain-card-body\">\r\n          <h3 class=\"fd-pain-title\">R\u00e9approvisionnements chronophages<\/h3>\r\n          <p class=\"fd-pain-desc\">Commandes tardives, ruptures de stock, urgences co\u00fbteuses<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-pain-card\">\r\n        <div class=\"fd-pain-card-header\">\r\n          <div class=\"fd-pain-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z\"><\/path><\/svg><\/div>\r\n        <\/div>\r\n        <div class=\"fd-pain-card-body\">\r\n          <h3 class=\"fd-pain-title\">Conformit\u00e9 r\u00e9glementaire ICPE\/Seveso<\/h3>\r\n          <p class=\"fd-pain-desc\">Obligations de surveillance des stocks de mati\u00e8res dangereuses, tra\u00e7abilit\u00e9 exig\u00e9e<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- La solution \u2014 zigzag layout -->\r\n    <div class=\"fd-pilot-solution\">\r\n      <div class=\"fd-pilot-solution-text\">\r\n        <h3>La solution automate connect\u00e9 pour vos d\u00e9p\u00f4ts<\/h3>\r\n        <p>FOUR DATA propose des solutions d&rsquo;automates connect\u00e9s pour centraliser les informations critiques du site, superviser les \u00e9quipements terrain et faciliter l&rsquo;exploitation des donn\u00e9es sur DESK.<\/p>\r\n        <ul class=\"fd-srv-checklist\">\r\n          <li>Centralisation des donn\u00e9es d&rsquo;exploitation : mesures, \u00e9tats et alarmes accessibles sur une m\u00eame interface<\/li>\r\n          <li>Supervision des \u00e9quipements du site : meilleure visibilit\u00e9 sur les points critiques et les \u00e9v\u00e9nements terrain<\/li>\r\n          <li>Int\u00e9gration selon les besoins du d\u00e9p\u00f4t : connexion aux \u00e9quipements et architectures existantes<\/li>\r\n          <li>Appui au pilotage op\u00e9rationnel : circulation plus fluide de l&rsquo;information entre \u00e9quipes et outils m\u00e9tier<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div class=\"fd-pilot-visual-panel\" style=\"gap:20px;align-items:stretch;\">\r\n        <div style=\"background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,43,73,0.06);width:100%;max-width:320px;\">\r\n          <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:10px;\"><span style=\"font-size:1.5rem;\">\ud83d\udca1<\/span><strong style=\"font-family:'Inter',sans-serif;font-size:15px;color:#002b49;\">Supervision centralis\u00e9e<\/strong><\/div>\r\n          <p style=\"font-family:'Inter',sans-serif;font-size:13px;color:#5a6a78;margin:0;line-height:1.6;\">\u00c9tats, alarmes et mesures<\/p>\r\n        <\/div>\r\n        <div style=\"background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,43,73,0.06);width:100%;max-width:320px;\">\r\n          <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:10px;\"><strong style=\"font-family:'Inter',sans-serif;font-size:15px;color:#002b49;\">Connexion multi-\u00e9quipements<\/strong><\/div>\r\n          <p style=\"font-family:'Inter',sans-serif;font-size:13px;color:#5a6a78;margin:0;line-height:1.6;\">Capteurs, automatismes, interfaces<\/p>\r\n        <\/div>\r\n        <div style=\"background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 12px rgba(0,43,73,0.06);width:100%;max-width:320px;\">\r\n          <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:10px;\"><strong style=\"font-family:'Inter',sans-serif;font-size:15px;color:#002b49;\">Vision site en temps r\u00e9el<\/strong><\/div>\r\n          <p style=\"font-family:'Inter',sans-serif;font-size:13px;color:#5a6a78;margin:0;line-height:1.6;\">Donn\u00e9es exploitables sur DESK<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Fid\u00e9lisation -->\r\n    <div class=\"fd-pilot-fid\">\r\n      <div class=\"fd-pilot-fid-text\">\r\n        <h3>Fid\u00e9lisation de vos clients strat\u00e9giques<\/h3>\r\n        <p>\u00c9quipez les cuves de vos clients gros volumes (+30 m3\/an) avec des jauges connect\u00e9es. Vos clients acc\u00e8dent \u00e0 SENS pour le suivi autonome. Le module Order propose automatiquement une commande au client lorsque le niveau atteint un seuil d\u00e9fini.<\/p>\r\n        <div>\r\n          <span class=\"fd-pilot-highlight-box\">-29% de charges logistiques<\/span>\r\n          <span class=\"fd-pilot-highlight-box\">R\u00e9duction du churn client<\/span>\r\n          <span class=\"fd-pilot-highlight-box\">Satisfaction client renforc\u00e9e<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"fd-pilot-fid-visual\">\r\n        <div class=\"fd-pilot-mockup\">\r\n          <div class=\"fd-pilot-notch\"><div class=\"fd-pilot-notch-pill\"><\/div><\/div>\r\n          <div class=\"fd-pilot-body\">\r\n            <div class=\"fd-pilot-body-title\">Ma cuve GNR<\/div>\r\n            <div class=\"fd-pilot-gauge-wrap\">\r\n              <div class=\"fd-pilot-gauge\"><span>22%<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"fd-pilot-order-btn\">Commander un r\u00e9approvisionnement<\/div>\r\n            <div class=\"fd-pilot-widget\">\r\n              <div class=\"fd-pilot-widget-label\">Autonomie estim\u00e9e : 12 jours<\/div>\r\n              <div class=\"fd-pilot-widget-line\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-pilot-cta-area\">\r\n      <a href=\"#\" class=\"fd-srv-btn-primary\">D\u00e9couvrir notre offre pilotage de site<\/a>\r\n      <a href=\"\/fr\/solutions\/telemetrie-icpe-seveso\/\" class=\"fd-srv-link-arrow\">\r\n        Voir la page T\u00e9l\u00e9m\u00e9trie ICPE\/Seveso\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 5 : R\u00c9ASSURANCE\r\n   Align\u00e9 sur le style Solutions \u2014 stats + avantages\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-srv-reassure {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #002b49;\r\n  padding: 80px 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-srv-reassure::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background:\r\n    radial-gradient(circle at 10% 50%, rgba(59,183,237,0.08) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 50%, rgba(59,183,237,0.05) 0%, transparent 40%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-srv-reassure-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-srv-reassure-top {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-srv-reassure-top h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-srv-reassure-top p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: rgba(255,255,255,0.6);\r\n}\r\n\r\n\/* Stats grid \u2014 5 items *\/\r\n.fd-srv-reassure-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.fd-srv-reassure-item {\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  border-radius: 12px;\r\n  padding: 28px 16px;\r\n  text-align: center;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-srv-reassure-item:hover {\r\n  background: rgba(59,183,237,0.06);\r\n  border-color: rgba(59,183,237,0.2);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.fd-srv-reassure-icon {\r\n  width: 52px; height: 52px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.1);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-srv-reassure-item:hover .fd-srv-reassure-icon {\r\n  background: rgba(59,183,237,0.18);\r\n  box-shadow: 0 4px 20px rgba(59,183,237,0.15);\r\n}\r\n\r\n.fd-srv-reassure-icon svg {\r\n  width: 24px; height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-srv-reassure-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 6px;\r\n}\r\n\r\n.fd-srv-reassure-desc {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  color: rgba(255,255,255,0.5);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Big stat *\/\r\n.fd-srv-reassure-stat {\r\n  text-align: center;\r\n  padding: 32px 0 0;\r\n  border-top: 1px solid rgba(255,255,255,0.06);\r\n}\r\n\r\n.fd-srv-reassure-stat-value {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 72px;\r\n  font-weight: 900;\r\n  color: #3BB7ED;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n.fd-srv-reassure-stat-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 18px;\r\n  color: rgba(255,255,255,0.7);\r\n  margin-top: 8px;\r\n  font-weight: 500;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-srv-reassure-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-srv-reassure { padding: 56px 0; }\r\n  .fd-srv-reassure-inner { padding: 0 24px; }\r\n  .fd-srv-reassure-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n  .fd-srv-reassure-top h2 { font-size: 26px; }\r\n  .fd-srv-reassure-stat-value { font-size: 52px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-srv-reassure\">\r\n  <div class=\"fd-srv-reassure-inner\">\r\n    <div class=\"fd-srv-reassure-top\">\r\n      <h2>Pourquoi faire confiance \u00e0 Four Data ?<\/h2>\r\n      <p>Des r\u00e9sultats mesurables, prouv\u00e9s par nos clients sur le terrain<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-srv-reassure-grid\">\r\n      <div class=\"fd-srv-reassure-item\">\r\n        <div class=\"fd-srv-reassure-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"><\/path><\/svg><\/div>\r\n        <div class=\"fd-srv-reassure-title\">Expertise terrain<\/div>\r\n        <p class=\"fd-srv-reassure-desc\">Milliers de capteurs d\u00e9ploy\u00e9s en conditions r\u00e9elles<\/p>\r\n      <\/div>\r\n      <div class=\"fd-srv-reassure-item\">\r\n        <div class=\"fd-srv-reassure-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"><\/path><\/svg><\/div>\r\n        <div class=\"fd-srv-reassure-title\">Support r\u00e9actif<\/div>\r\n        <p class=\"fd-srv-reassure-desc\">support@fourdata.io<br>+33 3 732 750 32<\/p>\r\n      <\/div>\r\n      <div class=\"fd-srv-reassure-item\">\r\n        <div class=\"fd-srv-reassure-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z\"><\/path><\/svg><\/div>\r\n        <div class=\"fd-srv-reassure-title\">Formation incluse<\/div>\r\n        <p class=\"fd-srv-reassure-desc\">Four Data Academy avec suivi post-formation<\/p>\r\n      <\/div>\r\n      <div class=\"fd-srv-reassure-item\">\r\n        <div class=\"fd-srv-reassure-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z\"><\/path><\/svg><\/div>\r\n        <div class=\"fd-srv-reassure-title\">Solution cl\u00e9 en main<\/div>\r\n        <p class=\"fd-srv-reassure-desc\">Du capteur \u00e0 la plateforme, tout est int\u00e9gr\u00e9<\/p>\r\n      <\/div>\r\n      <div class=\"fd-srv-reassure-item\">\r\n        <div class=\"fd-srv-reassure-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.71c.75.74 1.62 1.36 2.59 1.82C10.8 21.7 12.37 22 14 22c4.56 0 8.34-3.34 9.07-7.71.13-.77-.49-1.29-1.18-1.29-.53 0-1 .37-1.1.89C20.29 17.08 17.45 20 14 20c-1.22 0-2.37-.3-3.38-.85-.42-.23-.8-.5-1.15-.82L17 8z\"><\/path><path d=\"M6 4h2c2.96 0 5.38 2.31 5.56 5.22L6 4z\"><\/path><\/svg><\/div>\r\n        <div class=\"fd-srv-reassure-title\">Impact positif<\/div>\r\n        <p class=\"fd-srv-reassure-desc\">R\u00e9duction des d\u00e9placements et \u00e9missions CO2<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-srv-reassure-stat\">\r\n      <div class=\"fd-srv-reassure-stat-value\">-29%<\/div>\r\n      <div class=\"fd-srv-reassure-stat-label\">de charges logistiques<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 6 : FAQ\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-srv-faq-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #f5f7fa;\r\n  padding: 96px 0;\r\n}\r\n\r\n.fd-srv-faq-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-srv-faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.fd-srv-faq-item {\r\n  background: #ffffff;\r\n  border-radius: 14px;\r\n  box-shadow: 0 2px 12px rgba(0,43,73,0.04);\r\n  overflow: hidden;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.fd-srv-faq-item:hover {\r\n  box-shadow: 0 4px 20px rgba(0,43,73,0.07);\r\n}\r\n\r\n.fd-srv-faq-q {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 16px;\r\n  padding: 22px 28px;\r\n  cursor: pointer;\r\n  user-select: none;\r\n  transition: background 0.2s ease;\r\n}\r\n\r\n.fd-srv-faq-q:hover { background: #fafbfc; }\r\n\r\n.fd-srv-faq-q-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #002b49;\r\n  line-height: 1.4;\r\n  flex: 1;\r\n}\r\n\r\n.fd-srv-faq-toggle {\r\n  width: 32px; height: 32px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.08);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: all 0.35s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n\r\n.fd-srv-faq-toggle span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 400;\r\n  color: #3BB7ED;\r\n  line-height: 1;\r\n  display: block;\r\n  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n\r\n.fd-srv-faq-item.fd-srv-open .fd-srv-faq-toggle {\r\n  background: #3BB7ED;\r\n}\r\n\r\n.fd-srv-faq-item.fd-srv-open .fd-srv-faq-toggle span {\r\n  color: #ffffff;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.fd-srv-faq-answer {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n\r\n.fd-srv-faq-item.fd-srv-open .fd-srv-faq-answer {\r\n  max-height: 400px;\r\n}\r\n\r\n.fd-srv-faq-a-text {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 15px;\r\n  color: #5a6a78;\r\n  line-height: 1.75;\r\n  padding: 0 28px 24px 28px;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-srv-faq-section { padding: 64px 0; }\r\n  .fd-srv-faq-inner { padding: 0 24px; }\r\n  .fd-srv-faq-q { padding: 18px 22px; }\r\n  .fd-srv-faq-q-text { font-size: 15px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-srv-faq-section\">\r\n  <div class=\"fd-srv-faq-inner\">\r\n    <div class=\"fd-srv-sh\" style=\"margin-bottom:40px;\">\r\n      <h2>Questions fr\u00e9quentes sur les services Four Data<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fd-srv-faq-list\">\r\n      <div class=\"fd-srv-faq-item fd-srv-open\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">Faut-il faire intervenir un technicien pour installer les capteurs ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">Non. L&rsquo;installation est con\u00e7ue pour \u00eatre r\u00e9alis\u00e9e en autonomie gr\u00e2ce au kit fourni et au tunnel en ligne. Four Data peut toutefois organiser une intervention sur site.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">La formation Four Data Academy est-elle obligatoire ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">Non mais fortement recommand\u00e9e. La demi-journ\u00e9e couvre l&rsquo;installation physique et la prise en main des plateformes. Les \u00e9quipes form\u00e9es atteignent leur autonomie significativement plus vite.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">La formation est-elle dispens\u00e9e \u00e0 distance ou en pr\u00e9sentiel ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">Les deux formats sont possibles. Support post-formation syst\u00e9matiquement propos\u00e9, incluant des rendez-vous individuels avec l&rsquo;\u00e9quipe technique.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">Que faire si ma cuve a une chemin\u00e9e longue ou un obstacle dans le champ de mesure ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">Proc\u00e9dure de tubage avec tube PVC 32mm pour canaliser l&rsquo;onde ultrasonore. Documentation compl\u00e8te dans le kit de formation Academy.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">Comment fonctionne le service de pilotage de site pour un d\u00e9p\u00f4t p\u00e9trolier ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">\u00c9quipement complet avec capteurs adapt\u00e9s (dont ATEX), centralisation DESK, alertes automatiques, vision journali\u00e8re sans v\u00e9rification manuelle, planification logistique optimis\u00e9e via PTV GROUP.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">Le pilotage de site est-il compatible avec les exigences r\u00e9glementaires ICPE\/Seveso ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">Oui. Capteurs TEK898 certifi\u00e9s ATEX (Ex ia IIB T3). Tra\u00e7abilit\u00e9 compl\u00e8te des donn\u00e9es (horodatage, historique mesures et alertes).<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-faq-item\">\r\n        <div class=\"fd-srv-faq-q\" onclick=\"fdToggleSrvFaq(this)\">\r\n          <span class=\"fd-srv-faq-q-text\">Que se passe-t-il en cas de panne ou de dysfonctionnement d&rsquo;un capteur ?<\/span>\r\n          <span class=\"fd-srv-faq-toggle\"><span>+<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"fd-srv-faq-answer\">\r\n          <p class=\"fd-srv-faq-a-text\">DESK signale automatiquement les capteurs hors ligne et batteries faibles. \u00c9change de capteur possible en conservant l&rsquo;historique et les param\u00e9trages. Support technique joignable par email et t\u00e9l\u00e9phone.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Faut-il faire intervenir un technicien pour installer les capteurs ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Non. L'installation est con\u00e7ue pour \u00eatre r\u00e9alis\u00e9e en autonomie gr\u00e2ce au kit fourni et au tunnel en ligne. Four Data peut toutefois organiser une intervention sur site.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"La formation Four Data Academy est-elle obligatoire ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Non mais fortement recommand\u00e9e. La demi-journ\u00e9e couvre l'installation physique et la prise en main des plateformes. Les \u00e9quipes form\u00e9es atteignent leur autonomie significativement plus vite.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"La formation est-elle dispens\u00e9e \u00e0 distance ou en pr\u00e9sentiel ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Les deux formats sont possibles. Support post-formation syst\u00e9matiquement propos\u00e9, incluant des rendez-vous individuels avec l'\u00e9quipe technique.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Que faire si ma cuve a une chemin\u00e9e longue ou un obstacle dans le champ de mesure ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Proc\u00e9dure de tubage avec tube PVC 32mm pour canaliser l'onde ultrasonore. Documentation compl\u00e8te dans le kit de formation Academy.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Comment fonctionne le service de pilotage de site pour un d\u00e9p\u00f4t p\u00e9trolier ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"\u00c9quipement complet avec capteurs adapt\u00e9s (dont ATEX), centralisation DESK, alertes automatiques, vision journali\u00e8re sans v\u00e9rification manuelle, planification logistique optimis\u00e9e via PTV GROUP.\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Le pilotage de site est-il compatible avec les exigences r\u00e9glementaires ICPE\/Seveso ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Oui. Capteurs TEK898 certifi\u00e9s ATEX (Ex ia IIB T3). Tra\u00e7abilit\u00e9 compl\u00e8te des donn\u00e9es (horodatage, historique mesures et alertes).\" }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Que se passe-t-il en cas de panne ou de dysfonctionnement d'un capteur ?\",\r\n      \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"DESK signale automatiquement les capteurs hors ligne et batteries faibles. \u00c9change de capteur possible en conservant l'historique et les param\u00e9trages. Support technique joignable par email et t\u00e9l\u00e9phone.\" }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<script>\r\nfunction fdToggleSrvFaq(el) {\r\n  var item = el.parentElement;\r\n  var list = item.parentElement;\r\n  var items = list.querySelectorAll('.fd-srv-faq-item');\r\n  items.forEach(function(i) {\r\n    if (i !== item) i.classList.remove('fd-srv-open');\r\n  });\r\n  item.classList.toggle('fd-srv-open');\r\n}\r\n<\/script>\r\n\r\n\r\n\r\n<style>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   FOUR DATA \u2014 PAGE SERVICES \u2014 BLOC 7 : CTA FINAL\r\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n.fd-srv-cta-section {\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  background: #ffffff;\r\n  padding: 96px 0;\r\n  border-top: 1px solid #edf0f3;\r\n}\r\n\r\n.fd-srv-cta-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  text-align: center;\r\n}\r\n\r\n.fd-srv-cta-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  margin: 0 0 16px;\r\n  letter-spacing: -0.3px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.fd-srv-cta-title::after {\r\n  content: '';\r\n  display: block;\r\n  width: 56px;\r\n  height: 3px;\r\n  background: #3BB7ED;\r\n  border-radius: 2px;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n.fd-srv-cta-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: #5a6a78;\r\n  line-height: 1.7;\r\n  margin: 24px 0 36px;\r\n  max-width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.fd-srv-cta-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  background: #3BB7ED;\r\n  border: 2px solid #3BB7ED;\r\n  border-radius: 8px;\r\n  padding: 16px 40px;\r\n  text-decoration: none;\r\n  transition: all 0.35s cubic-bezier(0.4,0,0.2,1);\r\n  box-shadow: 0 6px 24px rgba(59,183,237,0.3);\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.fd-srv-cta-btn:hover {\r\n  background: #2aa3d6;\r\n  border-color: #2aa3d6;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 10px 36px rgba(59,183,237,0.4);\r\n}\r\n\r\n.fd-srv-cta-btn svg {\r\n  width: 18px; height: 18px;\r\n  fill: currentColor;\r\n}\r\n\r\n.fd-srv-cta-contact {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: #8a94a0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 24px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.fd-srv-cta-contact a {\r\n  color: #5a6a78;\r\n  text-decoration: none;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  transition: color 0.3s ease;\r\n  font-weight: 500;\r\n}\r\n\r\n.fd-srv-cta-contact a:hover {\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-srv-cta-contact svg {\r\n  width: 16px; height: 16px;\r\n  fill: currentColor;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-srv-cta-section { padding: 64px 0; }\r\n  .fd-srv-cta-inner { padding: 0 24px; }\r\n  .fd-srv-cta-title { font-size: 28px; }\r\n  .fd-srv-cta-btn { width: 100%; justify-content: center; }\r\n  .fd-srv-cta-contact { flex-direction: column; gap: 12px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-srv-cta-section\">\r\n  <div class=\"fd-srv-cta-inner\">\r\n    <h2 class=\"fd-srv-cta-title\">Besoin d&rsquo;un accompagnement ?<\/h2>\r\n    <p class=\"fd-srv-cta-sub\">Notre \u00e9quipe est \u00e0 votre disposition pour planifier une installation, organiser une formation ou mettre en place le pilotage de votre site.<\/p>\r\n    <a href=\"\/fr\/contact\/\" class=\"fd-srv-cta-btn\">\r\n      Contactez notre \u00e9quipe\r\n      <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"><\/path><\/svg>\r\n    <\/a>\r\n    <div class=\"fd-srv-cta-contact\">\r\n      <a href=\"mailto:support@fourdata.io\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"><\/path><\/svg>\r\n        support@fourdata.io\r\n      <\/a>\r\n      <a href=\"tel:+33373275032\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1z\"><\/path><\/svg>\r\n        +33 3 732 750 32\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/div><script>\n(function(){\n  var w=document.getElementById(\"fd-s-85587cce4d\");\n  if(!w||!w.attachShadow)return;\n  var html=w.innerHTML;\n  w.innerHTML=\"\";\n  var s=w.attachShadow({mode:\"open\"});\n  s.innerHTML=html;\n  s.querySelectorAll(\"style\").forEach(function(st){\n    st.textContent=st.textContent.replace(\/:root\\b\/g,\":host\");\n  });\n  function autoH(){\n    var c=s.firstElementChild;\n    if(c){w.style.minHeight=c.scrollHeight+\"px\";}\n  }\n  autoH();\n  if(window.ResizeObserver&&s.firstElementChild){\n    new ResizeObserver(autoH).observe(s.firstElementChild);\n  }\n  window.addEventListener(\"load\",autoH);\n\n  \/* FAQ: <details> works natively in Shadow DOM *\/\n  \/* Links: <a> navigates parent page from Shadow DOM *\/\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":8420,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-23400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/comments?post=23400"}],"version-history":[{"count":5,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23400\/revisions"}],"predecessor-version":[{"id":23722,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/23400\/revisions\/23722"}],"up":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/8420"}],"wp:attachment":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/media?parent=23400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}