{"id":8420,"date":"2022-04-11T22:15:50","date_gmt":"2022-04-11T20:15:50","guid":{"rendered":"https:\/\/fourdata.io\/solutions\/"},"modified":"2026-03-25T18:04:27","modified_gmt":"2026-03-25T17:04:27","slug":"solutions","status":"publish","type":"page","link":"https:\/\/fourdata.io\/fr\/solutions\/","title":{"rendered":"Solutions"},"content":{"rendered":"<div id=\"fd-s-4e5a080eb2\" 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 SOLUTIONS \u2014 BLOC 1 : HERO\r\n   Design inspir\u00e9 du site fourdata.io\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-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  background: #002b49;\r\n  min-height: 88vh;\r\n  display: flex;\r\n  align-items: center;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Grille de fond type r\u00e9seau IoT *\/\r\n.fd-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\/* Lignes d\u00e9coratives type circuit *\/\r\n.fd-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-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-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-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-breadcrumb a:hover { color: #3BB7ED; }\r\n\r\n.fd-breadcrumb span { color: rgba(255,255,255,0.25); }\r\n\r\n.fd-hero-text 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-hero-text h1 em {\r\n  font-style: normal;\r\n  color: #3BB7ED;\r\n  position: relative;\r\n}\r\n\r\n.fd-hero-text 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-hero-desc {\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-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.fd-hero-ctas {\r\n  display: flex;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.fd-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: #002b49;\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-btn-primary:hover {\r\n  background: #2aa3d6;\r\n  border-color: #2aa3d6;\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-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-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-btn-outline svg, .fd-btn-primary svg {\r\n  width: 16px; height: 16px;\r\n  fill: currentColor;\r\n}\r\n\r\n\/* Visuel hero \u2014 sch\u00e9ma anim\u00e9 du parcours donn\u00e9es *\/\r\n.fd-hero-visual {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0;\r\n}\r\n\r\n.fd-data-flow {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0;\r\n  padding: 20px;\r\n}\r\n\r\n.fd-flow-node {\r\n  width: 200px;\r\n  background: rgba(59,183,237,0.06);\r\n  border: 1px solid rgba(59,183,237,0.2);\r\n  border-radius: 12px;\r\n  padding: 20px;\r\n  text-align: center;\r\n  position: relative;\r\n  backdrop-filter: blur(4px);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.fd-flow-node:hover {\r\n  border-color: rgba(59,183,237,0.5);\r\n  background: rgba(59,183,237,0.1);\r\n  transform: scale(1.03);\r\n}\r\n\r\n.fd-flow-icon {\r\n  width: 48px; height: 48px;\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  margin: 0 auto 10px;\r\n}\r\n\r\n.fd-flow-icon svg {\r\n  width: 24px; height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-flow-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 4px;\r\n}\r\n\r\n.fd-flow-sub {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 11px;\r\n  color: rgba(255,255,255,0.45);\r\n}\r\n\r\n.fd-flow-connector {\r\n  width: 2px;\r\n  height: 28px;\r\n  background: linear-gradient(to bottom, rgba(59,183,237,0.4), rgba(59,183,237,0.15));\r\n  position: relative;\r\n}\r\n\r\n.fd-flow-connector::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -3px;\r\n  left: -3px;\r\n  width: 8px; height: 8px;\r\n  border-radius: 50%;\r\n  background: #3BB7ED;\r\n  box-shadow: 0 0 8px rgba(59,183,237,0.6);\r\n  animation: fd-dot-pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes fd-dot-pulse {\r\n  0%, 100% { opacity: 0.4; transform: scale(0.8); }\r\n  50% { opacity: 1; transform: scale(1.2); }\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.fd-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-scroll-bounce 2.5s ease-in-out infinite;\r\n}\r\n\r\n.fd-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-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-hero-inner { grid-template-columns: 1fr; text-align: center; }\r\n  .fd-hero-text h1 { font-size: 38px; }\r\n  .fd-hero-ctas { justify-content: center; }\r\n  .fd-breadcrumb { justify-content: center; }\r\n  .fd-hero-visual { margin-top: 20px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-hero { min-height: auto; }\r\n  .fd-hero-inner { padding: 70px 24px 60px; gap: 32px; }\r\n  .fd-hero-text h1 { font-size: 30px; }\r\n  .fd-hero-desc { font-size: 15px; }\r\n  .fd-hero-ctas { flex-direction: column; }\r\n  .fd-btn-primary, .fd-btn-outline { width: 100%; justify-content: center; }\r\n  .fd-flow-node { width: 160px; padding: 14px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-hero\">\r\n  <div class=\"fd-hero-inner\">\r\n    <div class=\"fd-hero-text\">\r\n      <nav class=\"fd-breadcrumb\">\r\n        <a href=\"\/fr\/\">Accueil<\/a>\r\n        <span>\u203a<\/span>\r\n        <a href=\"\/fr\/solutions\/\" style=\"color:#3BB7ED;\">Solutions<\/a>\r\n      <\/nav>\r\n      <h1>Des solutions compl\u00e8tes pour la <em>surveillance<\/em> de vos stockages \u00e0 distance<\/h1>\r\n      <p class=\"fd-hero-desc\">Four Data con\u00e7oit et d\u00e9ploie un \u00e9cosyst\u00e8me IoT d\u00e9di\u00e9 \u00e0 la t\u00e9l\u00e9m\u00e9trie de cuves et r\u00e9servoirs. Des capteurs connect\u00e9s aux plateformes de supervision, en passant par l&rsquo;accompagnement terrain, chaque brique technologique s&rsquo;int\u00e8gre dans une cha\u00eene de valeur coh\u00e9rente.<\/p>\r\n      <p class=\"fd-hero-sub\">Distributeur de carburants, gestionnaire de d\u00e9p\u00f4t p\u00e9trolier ou industriel exploitant des sites class\u00e9s : Four Data vous fournit les capteurs adapt\u00e9s, les logiciels pour exploiter vos donn\u00e9es et les services pour r\u00e9ussir chaque \u00e9tape de votre projet.<\/p>\r\n      <div class=\"fd-hero-ctas\">\r\n        <a href=\"https:\/\/fourdata.io\/fr\/contacter\/\" class=\"fd-btn-primary\">\r\n          Demander une d\u00e9monstration\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=\"https:\/\/fourdata.io\/fr\/#awb-oc__5622\" class=\"fd-btn-outline\">\r\n          Catalogue produits\r\n          <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-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"><\/path><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"fd-hero-visual\">\r\n      <div class=\"fd-data-flow\">\r\n        <div class=\"fd-flow-node\">\r\n          <div class=\"fd-flow-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-flow-label\">Capteurs<\/div>\r\n          <div class=\"fd-flow-sub\">Ultrason \u00b7 Pression \u00b7 ATEX<\/div>\r\n        <\/div>\r\n        <div class=\"fd-flow-connector\"><\/div>\r\n        <div class=\"fd-flow-node\">\r\n          <div class=\"fd-flow-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n          <div class=\"fd-flow-label\">R\u00e9seau IoT<\/div>\r\n          <div class=\"fd-flow-sub\">LTE-M \u00b7 Sigfox \u00b7 LoRaWAN<\/div>\r\n        <\/div>\r\n        <div class=\"fd-flow-connector\"><\/div>\r\n        <div class=\"fd-flow-node\">\r\n          <div class=\"fd-flow-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM5 15h14v2H5zm0-4h14v2H5zm0-4h14v2H5z\"><\/path><\/svg><\/div>\r\n          <div class=\"fd-flow-label\">DESK &amp; SENS<\/div>\r\n          <div class=\"fd-flow-sub\">Dashboard \u00b7 App mobile<\/div>\r\n        <\/div>\r\n        <div class=\"fd-flow-connector\"><\/div>\r\n        <div class=\"fd-flow-node\">\r\n          <div class=\"fd-flow-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"><\/path><\/svg><\/div>\r\n          <div class=\"fd-flow-label\">Utilisateur<\/div>\r\n          <div class=\"fd-flow-sub\">Temps r\u00e9el \u00b7 Alertes \u00b7 API<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"fd-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 SOLUTIONS \u2014 BLOC 2 : CAPTEURS\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-capteurs {\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-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* Section header pattern *\/\r\n.fd-sh {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-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-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-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 intro \u2014 texte + visuel *\/\r\n.fd-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-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-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 16px;\r\n}\r\n\r\n\/* Check list avec ic\u00f4nes cyan *\/\r\n.fd-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-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-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\/* Cards grille avec bordure top *\/\r\n.fd-cards-6 {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n.fd-card-top {\r\n  background: #ffffff;\r\n  border: 1px solid #e8edf2;\r\n  border-top: 3px solid #3BB7ED;\r\n  border-radius: 0 0 12px 12px;\r\n  padding: 28px 24px;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-card-top: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-card-top-icon {\r\n  width: 48px; height: 48px;\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-bottom: 16px;\r\n}\r\n\r\n.fd-card-top-icon svg {\r\n  width: 24px; height: 24px;\r\n  fill: #3BB7ED;\r\n}\r\n\r\n.fd-card-top h4 {\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 8px;\r\n}\r\n\r\n.fd-card-top p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #5a6a78;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n\/* Tableau comparatif avanc\u00e9 *\/\r\n.fd-table-header {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 24px;\r\n  text-align: center;\r\n}\r\n\r\n.fd-table-wrap {\r\n  overflow-x: auto;\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 20px rgba(0,43,73,0.06);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.fd-table {\r\n  width: 100%;\r\n  border-collapse: collapse;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n}\r\n\r\n.fd-table thead th {\r\n  background: #002b49;\r\n  color: #ffffff;\r\n  font-weight: 600;\r\n  padding: 16px 24px;\r\n  text-align: left;\r\n  white-space: nowrap;\r\n}\r\n\r\n.fd-table thead th:first-child { border-radius: 12px 0 0 0; }\r\n.fd-table thead th:last-child { border-radius: 0 12px 0 0; }\r\n\r\n.fd-table thead th.fd-th-highlight {\r\n  background: #3BB7ED;\r\n  color: #ffffff;\r\n}\r\n\r\n.fd-table tbody tr { border-bottom: 1px solid #f0f2f5; }\r\n.fd-table tbody tr:nth-child(even) { background: #f8fafb; }\r\n.fd-table tbody tr:hover { background: #eef7fc; }\r\n\r\n.fd-table tbody td {\r\n  padding: 14px 24px;\r\n  color: #5a6a78;\r\n  vertical-align: middle;\r\n}\r\n\r\n.fd-table tbody td:first-child {\r\n  font-weight: 600;\r\n  color: #002b49;\r\n}\r\n\r\n.fd-badge-sm {\r\n  display: inline-block;\r\n  padding: 3px 10px;\r\n  border-radius: 20px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n.fd-badge-atex {\r\n  background: #FFF3E0;\r\n  color: #E65100;\r\n}\r\n\r\n.fd-badge-ip {\r\n  background: #E8F5E9;\r\n  color: #2E7D32;\r\n}\r\n\r\n\/* CTA inline *\/\r\n.fd-cta-center {\r\n  text-align: center;\r\n}\r\n\r\n.fd-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-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-link-arrow:hover { color: #2aa3d6; }\r\n.fd-link-arrow:hover svg { transform: translateX(4px); }\r\n\r\n@media (max-width: 991px) {\r\n  .fd-zz { grid-template-columns: 1fr; }\r\n  .fd-cards-6 { grid-template-columns: repeat(2, 1fr); }\r\n  .fd-sh h2 { font-size: 30px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-capteurs { padding: 64px 0; }\r\n  .fd-container { padding: 0 24px; }\r\n  .fd-cards-6 { grid-template-columns: 1fr; }\r\n  .fd-sh h2 { font-size: 26px; }\r\n\r\n  .fd-table thead { display: none; }\r\n  .fd-table tbody tr {\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: #fff;\r\n    border: 1px solid #e8edf2;\r\n    border-radius: 10px;\r\n    margin-bottom: 12px;\r\n    padding: 16px;\r\n  }\r\n  .fd-table tbody tr:nth-child(even) { background: #fff; }\r\n  .fd-table tbody td {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 6px 0;\r\n    border-bottom: 1px solid #f0f2f5;\r\n  }\r\n  .fd-table tbody td:last-child { border-bottom: none; }\r\n  .fd-table tbody td::before {\r\n    content: attr(data-label);\r\n    font-weight: 600;\r\n    color: #002b49;\r\n    margin-right: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-capteurs\">\r\n  <div class=\"fd-container\">\r\n    <div class=\"fd-sh\">\r\n      <h2>Des capteurs IoT adapt\u00e9s \u00e0 chaque besoin<\/h2>\r\n      <p>Chaque cuve, chaque fluide et chaque environnement a ses contraintes. Four Data propose une gamme de capteurs couvrant l&rsquo;ensemble des cas d&rsquo;usage rencontr\u00e9s sur le terrain.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-zz\">\r\n      <div class=\"fd-zz-text\">\r\n        <h3>Des technologies connect\u00e9es adapt\u00e9es \u00e0 chaque environnement<\/h3>\r\n        <p>FOUR DATA s&rsquo;appuie sur plusieurs technologies de mesure et de suivi pour r\u00e9pondre \u00e0 la diversit\u00e9 des usages terrain : <strong>ultrason, pression, radar, ratiom\u00e9trique, capteur impulsion, GPS, automate connect\u00e9<\/strong>. Cette approche multi-technologique permet d&rsquo;adapter chaque solution \u00e0 la configuration du site, au produit stock\u00e9 et au niveau de supervision attendu, y compris en <strong>environnement ATEX<\/strong>.<\/p>\r\n        <ul class=\"fd-checklist\">\r\n          <li>Installation rapide, sans c\u00e2blage lourd ni alimentation externe selon les mod\u00e8les<\/li>\r\n          <li>Autonomie batterie longue dur\u00e9e<\/li>\r\n          <li>Versions compatibles <strong>ATEX<\/strong> pour les zones \u00e0 risque<\/li>\r\n          <li>Suivi de niveau, d&rsquo;\u00e9quipements, d&rsquo;impulsions et de localisation<\/li>\r\n          <li>Connectivit\u00e9 IoT basse consommation : <strong>LTE-M, LoRaWAN, Sigfox<\/strong> selon les mod\u00e8les<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div style=\"background:linear-gradient(135deg,#f0f8ff 0%,#e4f3fc 100%);border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:320px;\">\r\n        <div style=\"display:flex;flex-direction:column;gap:16px;width:100%;max-width:260px;\">\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><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.93z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">MESURE DE NIVEAU<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;\">Ultrason \u00b7 Radar \u00b7 Pression \u00b7 OCR<\/div><\/div>\r\n          <\/div>\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">SUPERVISION TERRAIN<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;\">Impulsion \u00b7 Automate connect\u00e9<\/div><\/div>\r\n          <\/div>\r\n          <div style=\"background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px rgba(0,43,73,0.06);display:flex;align-items:center;gap:14px;\">\r\n            <div style=\"width:40px;height:40px;border-radius:50%;background:rgba(59,183,237,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#3BB7ED\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n            <div><div style=\"font-family:'Inter',sans-serif;font-size:12px;font-weight:700;color:#002b49;\">CONNECTIVIT\u00c9 &amp; MOBILIT\u00c9<\/div><div style=\"font-family:'Inter',sans-serif;font-size:10px;color:#8a9bab;font-weight:600;\">GPS \u00b7 IoT \u00b7 ATEX<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-cards-6\">\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M13 13V7h-2v6H7l5 5 5-5h-4zM4 19h16v2H4z\"><\/path><\/svg><\/div>\r\n        <h4>Int\u00e9gration sur mesure<\/h4>\r\n        <p>Selon les usages : capteur autonome, automate ou architecture d\u00e9di\u00e9e<\/p>\r\n      <\/div>\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M15.67 4H14V2h-4v2H8.33C7.6 4 7 4.6 7 5.33v15.34C7 21.4 7.6 22 8.33 22h7.34c.73 0 1.33-.6 1.33-1.33V5.33C17 4.6 16.4 4 15.67 4z\"><\/path><\/svg><\/div>\r\n        <h4>+5 ans de batterie<\/h4>\r\n        <p>Autonomie longue dur\u00e9e, jusqu&rsquo;\u00e0 4 relev\u00e9s par jour<\/p>\r\n      <\/div>\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-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        <h4>Robustesse terrain<\/h4>\r\n        <p>\u00c9quipements con\u00e7us pour des conditions ext\u00e9rieures exigeantes<\/p>\r\n      <\/div>\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5 12 21.04l3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12z\"><\/path><\/svg><\/div>\r\n        <h4>Certification ATEX<\/h4>\r\n        <p>Versions compatibles pour zones \u00e0 atmosph\u00e8re explosive<\/p>\r\n      <\/div>\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3c-1.65-1.66-4.34-1.66-6 0zm-4-4l2 2c2.76-2.76 7.24-2.76 10 0l2-2C15.14 9.14 8.87 9.14 5 13z\"><\/path><\/svg><\/div>\r\n        <h4>Multi-r\u00e9seaux<\/h4>\r\n        <p>LTE-M, Sigfox, LoRaWAN selon les mod\u00e8les<\/p>\r\n      <\/div>\r\n      <div class=\"fd-card-top\">\r\n        <div class=\"fd-card-top-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 6.14V2H7v4.14C4.01 7.54 2 10.5 2 14c0 4.42 4.03 8 9 8h2c4.97 0 9-3.58 9-8 0-3.5-2.01-6.46-5-7.86z\"><\/path><\/svg><\/div>\r\n        <h4>Multi-usages<\/h4>\r\n        <p>Liquides, gaz, comptage, localisation et supervision terrain<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <h3 class=\"fd-table-header\">Tableau comparatif des capteurs<\/h3>\r\n    <div class=\"fd-table-wrap\">\r\n      <table class=\"fd-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>Caract\u00e9ristique<\/th>\r\n            <th>NOVA US<\/th>\r\n            <th class=\"fd-th-highlight\">NOVA RADAR<\/th>\r\n            <th>NOVA PRESSURE<\/th>\r\n          <\/tr>\r\n        <\/thead>\r\n        <tbody>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Technologie<\/td>\r\n            <td data-label=\"NOVA US\">Ultrasons<\/td>\r\n            <td data-label=\"NOVA RADAR\">Radar<\/td>\r\n            <td data-label=\"NOVA PRESSURE\">Pression<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">R\u00e9seaux<\/td>\r\n            <td data-label=\"NOVA US\">LTE-M \/ Sigfox<\/td>\r\n            <td data-label=\"NOVA RADAR\">LTE-M \/ LoRaWAN<\/td>\r\n            <td data-label=\"NOVA PRESSURE\">Sigfox \/ LTE-M<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Fluides compatibles<\/td>\r\n            <td data-label=\"NOVA US\">Fioul, GNR, AdBlue, eau<\/td>\r\n            <td data-label=\"NOVA RADAR\">Pellets, fioul, GNR, etc.<\/td>\r\n            <td data-label=\"NOVA PRESSURE\">GPL, gaz liqu\u00e9fi\u00e9<\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">\u00c9tanch\u00e9it\u00e9<\/td>\r\n            <td data-label=\"NOVA US\"><span class=\"fd-badge-sm fd-badge-ip\">IP67<\/span><\/td>\r\n            <td data-label=\"NOVA RADAR\"><span class=\"fd-badge-sm fd-badge-ip\">IP68<\/span><\/td>\r\n            <td data-label=\"NOVA PRESSURE\"><span class=\"fd-badge-sm fd-badge-ip\">IP68<\/span><\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Zone ATEX<\/td>\r\n            <td data-label=\"NOVA US\">\u2014<\/td>\r\n            <td data-label=\"NOVA RADAR\"><span class=\"fd-badge-sm fd-badge-atex\">ATEX Zone 22 (II 3 D \u2013 Ex ic IIIC T85\u00b0C)<\/span><\/td>\r\n            <td data-label=\"NOVA PRESSURE\"><span class=\"fd-badge-sm fd-badge-atex\">ATEX Ex ia IIB T3<\/span><\/td>\r\n          <\/tr>\r\n          <tr>\r\n            <td data-label=\"Caract\u00e9ristique\">Autonomie batterie<\/td>\r\n            <td data-label=\"NOVA US\">+ de 5 ans<\/td>\r\n            <td data-label=\"NOVA RADAR\">+ de 5 ans<\/td>\r\n            <td data-label=\"NOVA PRESSURE\">+ de 5 ans<\/td>\r\n          <\/tr>\r\n        <\/tbody>\r\n      <\/table>\r\n    <\/div>\r\n\r\n    <div class=\"fd-cta-center\">\r\n      <a href=\"\/fr\/solutions\/capteurs\/\" class=\"fd-link-arrow\">\r\n        D\u00e9couvrir notre gamme de capteurs\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 SOLUTIONS \u2014 BLOC 3 : PLATEFORMES\r\n   Fond gris clair, section split DESK \/ SENS\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-platforms {\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-platforms-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n  margin-top: 56px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Card plateforme \u2014 glass effect *\/\r\n.fd-plat-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  overflow: hidden;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.fd-plat-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 40px rgba(0,43,73,0.1);\r\n}\r\n\r\n.fd-plat-card-header {\r\n  padding: 32px 32px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.fd-plat-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 14px;\r\n  border-radius: 6px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fd-plat-badge-desk {\r\n  background: rgba(59,183,237,0.1);\r\n  color: #3BB7ED;\r\n}\r\n\r\n.fd-plat-badge-sens {\r\n  background: rgba(76,175,80,0.1);\r\n  color: #4CAF50;\r\n}\r\n\r\n.fd-plat-badge-tag {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: #8a9bab;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Mockup inside card *\/\r\n.fd-plat-mockup {\r\n  margin: 24px 32px;\r\n  background: linear-gradient(135deg, #f0f4f8 0%, #e4eaf0 100%);\r\n  border-radius: 10px;\r\n  padding: 0;\r\n  min-height: 160px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.fd-plat-mockup img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  border-radius: 10px;\r\n}\r\n\r\n.fd-mock-desktop {\r\n  width: 220px;\r\n  background: #002b49;\r\n  border-radius: 6px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.15);\r\n}\r\n\r\n.fd-mock-topbar {\r\n  background: #001d33;\r\n  padding: 5px 10px;\r\n  display: flex;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-mdot { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.2); }\r\n\r\n.fd-mock-body-inner {\r\n  padding: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-mline {\r\n  height: 3px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.2);\r\n}\r\n\r\n.fd-mline.w50 { width: 50%; }\r\n.fd-mline.w70 { width: 70%; }\r\n.fd-mline.w40 { width: 40%; }\r\n.fd-mline.w90 { width: 90%; }\r\n\r\n.fd-mgrid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 3px;\r\n  margin-top: 3px;\r\n}\r\n\r\n.fd-mcell {\r\n  height: 16px;\r\n  border-radius: 2px;\r\n  background: rgba(59,183,237,0.07);\r\n}\r\n\r\n.fd-mock-mobile {\r\n  width: 80px;\r\n  background: #002b49;\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 16px rgba(0,0,0,0.15);\r\n}\r\n\r\n.fd-mock-mob-notch {\r\n  background: #001d33;\r\n  height: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-mock-mob-pill { width: 24px; height: 3px; border-radius: 2px; background: rgba(255,255,255,0.15); }\r\n\r\n.fd-mock-mob-body {\r\n  padding: 6px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.fd-mock-gauge-sm {\r\n  width: 36px; height: 36px;\r\n  border-radius: 50%;\r\n  border: 2px solid #4CAF50;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.fd-mock-gauge-sm span {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  color: #4CAF50;\r\n}\r\n\r\n\/* Feature list *\/\r\n.fd-plat-card-body {\r\n  padding: 0 32px 32px;\r\n}\r\n\r\n.fd-plat-card-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-plat-card-features {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-plat-card-features 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: 20px;\r\n  position: relative;\r\n}\r\n\r\n.fd-plat-card-features li::before {\r\n  content: '\u2192';\r\n  position: absolute;\r\n  left: 0;\r\n  color: #3BB7ED;\r\n  font-weight: 700;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-platforms-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-platforms { padding: 64px 0; }\r\n  .fd-plat-card-header { padding: 24px 24px 0; }\r\n  .fd-plat-mockup { margin: 16px 24px; }\r\n  .fd-plat-card-body { padding: 0 24px 24px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-platforms\">\r\n  <div class=\"fd-container\">\r\n    <div class=\"fd-sh\">\r\n      <h2>Des plateformes intuitives pour piloter vos donn\u00e9es<\/h2>\r\n      <p>Les donn\u00e9es collect\u00e9es par les capteurs sont centralis\u00e9es sur deux plateformes compl\u00e9mentaires : DESK pour les professionnels et SENS pour les clients finaux.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-platforms-grid\">\r\n      <!-- DESK -->\r\n      <div class=\"fd-plat-card\">\r\n        <div class=\"fd-plat-card-header\">\r\n          <span class=\"fd-plat-badge fd-plat-badge-desk\">DESK<\/span>\r\n          <span class=\"fd-plat-badge-tag\">Plateforme professionnelle<\/span>\r\n        <\/div>\r\n        <div class=\"fd-plat-mockup\">\r\n          <img decoding=\"async\" src=\"https:\/\/fourdata.io\/wp-content\/uploads\/2026\/03\/DESK-presentation-1.gif\" alt=\"Plateforme DESK - tableau de bord\">\r\n        <\/div>\r\n        <div class=\"fd-plat-card-body\">\r\n          <h3 class=\"fd-plat-card-title\">Gestion centralis\u00e9e du parc<\/h3>\r\n          <ul class=\"fd-plat-card-features\">\r\n            <li>Tableau de bord en temps r\u00e9el avec carte interactive<\/li>\r\n            <li>Gestion multi-\u00e9quipements : cuves, citernes, compteurs, GPS, silos<\/li>\r\n            <li>Alertes param\u00e9trables par seuil, variation ou non-variation<\/li>\r\n            <li>CRM int\u00e9gr\u00e9 pour g\u00e9rer vos clients et espaces SENS<\/li>\r\n            <li>Acc\u00e8s API et compatibilit\u00e9 PTV GROUP<\/li>\r\n          <\/ul>\r\n          <a href=\"\/fr\/solutions\/plateformes\/\" class=\"fd-link-arrow\">D\u00e9couvrir la plateforme DESK <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><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- SENS -->\r\n      <div class=\"fd-plat-card\">\r\n        <div class=\"fd-plat-card-header\">\r\n          <span class=\"fd-plat-badge fd-plat-badge-sens\">SENS<\/span>\r\n          <span class=\"fd-plat-badge-tag\">Application client<\/span>\r\n        <\/div>\r\n        <div class=\"fd-plat-mockup\">\r\n          <img decoding=\"async\" src=\"https:\/\/fourdata.io\/wp-content\/uploads\/2026\/03\/SEns-gif-page-solution-1.gif\" alt=\"Application SENS - suivi mobile\">\r\n        <\/div>\r\n        <div class=\"fd-plat-card-body\">\r\n          <h3 class=\"fd-plat-card-title\">Suivi autonome pour vos clients<\/h3>\r\n          <ul class=\"fd-plat-card-features\">\r\n            <li>Visualisation du niveau de cuve avec widgets personnalisables<\/li>\r\n            <li>Alertes push, SMS, email ou badge, \u00e0 la fr\u00e9quence souhait\u00e9e<\/li>\r\n            <li>Multi-espaces pour naviguer entre diff\u00e9rents fournisseurs<\/li>\r\n            <li>Module Order : commande automatique selon le niveau<\/li>\r\n            <li>Marque blanche : votre logo dans l&rsquo;espace client<\/li>\r\n          <\/ul>\r\n          <a href=\"\/fr\/solutions\/plateformes\/\" class=\"fd-link-arrow\">D\u00e9couvrir la plateforme SENS <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><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\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 SOLUTIONS \u2014 BLOC 4 : SERVICES\r\n   3 cards feature + bandeau 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-services {\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-cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-top: 56px;\r\n}\r\n\r\n.fd-srv-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  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fd-srv-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-srv-card-top {\r\n  height: 180px;\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-srv-card-top-install {\r\n  background: linear-gradient(135deg, #e4f3fc 0%, #d0ebfa 100%);\r\n}\r\n\r\n.fd-srv-card-top-academy {\r\n  background: linear-gradient(135deg, #eef6ff 0%, #daeafe 100%);\r\n}\r\n\r\n.fd-srv-card-top-pilotage {\r\n  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);\r\n}\r\n\r\n.fd-srv-card-icon-circle {\r\n  width: 72px; height: 72px;\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  box-shadow: 0 4px 16px rgba(0,0,0,0.06);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fd-srv-card-icon-circle svg {\r\n  width: 32px; height: 32px;\r\n  fill: #002b49;\r\n}\r\n\r\n\/* Decorative pattern on card top *\/\r\n.fd-srv-card-top::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -20px; right: -20px;\r\n  width: 100px; height: 100px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.4);\r\n}\r\n\r\n.fd-srv-card-top::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -30px; left: -15px;\r\n  width: 80px; height: 80px;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.3);\r\n}\r\n\r\n.fd-srv-card-body {\r\n  padding: 28px 24px;\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.fd-srv-card-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #002b49;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.fd-srv-card-desc {\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 0 20px;\r\n  flex: 1;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-srv-cards { grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 56px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-services { padding: 64px 0; }\r\n  .fd-srv-card-top { height: 140px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-services\">\r\n  <div class=\"fd-container\">\r\n    <div class=\"fd-sh\">\r\n      <h2>Un accompagnement sur-mesure \u00e0 chaque \u00e9tape<\/h2>\r\n      <p>FOUR DATA ne se limite pas \u00e0 la fourniture d&rsquo;\u00e9quipements et de logiciels. Nos \u00e9quipes vous accompagnent \u00e0 chaque \u00e9tape du projet, de l&rsquo;installation \u00e0 la mont\u00e9e en comp\u00e9tence, jusqu&rsquo;au maintien en conditions op\u00e9rationnelles.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"fd-srv-cards\">\r\n      <div class=\"fd-srv-card\">\r\n        <div class=\"fd-srv-card-top fd-srv-card-top-install\">\r\n          <div class=\"fd-srv-card-icon-circle\">\r\n            <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>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-srv-card-body\">\r\n          <h3 class=\"fd-srv-card-title\">Service d&rsquo;installation<\/h3>\r\n          <p class=\"fd-srv-card-desc\">D\u00e9ploiement sur site par les installateurs FOUR DATA, selon la configuration des \u00e9quipements, les contraintes techniques et les sp\u00e9cificit\u00e9s de votre environnement.<\/p>\r\n          <a href=\"\/fr\/solutions\/services\/#installation\" class=\"fd-link-arrow\">En savoir plus <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><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-card\">\r\n        <div class=\"fd-srv-card-top fd-srv-card-top-academy\">\r\n          <div class=\"fd-srv-card-icon-circle\">\r\n            <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>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-srv-card-body\">\r\n          <h3 class=\"fd-srv-card-title\">Four Data Academy<\/h3>\r\n          <p class=\"fd-srv-card-desc\">Programme de formation technique sur une demi-journ\u00e9e couvrant les capteurs (choix, installation, bonnes pratiques) et les plateformes (DESK et SENS). Support post-formation inclus.<\/p>\r\n          <a href=\"\/fr\/solutions\/services\/#academy\" class=\"fd-link-arrow\">En savoir plus <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><\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-srv-card\">\r\n        <div class=\"fd-srv-card-top fd-srv-card-top-pilotage\">\r\n          <div class=\"fd-srv-card-icon-circle\">\r\n            <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>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"fd-srv-card-body\">\r\n          <h3 class=\"fd-srv-card-title\">MCO &amp; support technique<\/h3>\r\n          <p class=\"fd-srv-card-desc\">Assistance technique et maintien en conditions op\u00e9rationnelles pour garantir la continuit\u00e9, la fiabilit\u00e9 et la performance de vos installations dans la dur\u00e9e.<\/p>\r\n          <a href=\"\/fr\/solutions\/services\/#pilotage\" class=\"fd-link-arrow\">En savoir plus <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><\/a>\r\n        <\/div>\r\n      <\/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 SOLUTIONS \u2014 BLOC 5 : CHIFFRES + AVANTAGES\r\n   Dark navy section avec counters et checklist\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-stats {\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-stats::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-stats-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-stats-top {\r\n  text-align: center;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-stats-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-stats-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.fd-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 32px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.fd-stat-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-stat-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-stat-val {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 44px;\r\n  font-weight: 900;\r\n  color: #3BB7ED;\r\n  line-height: 1;\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.fd-stat-label {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* Operative benefits checklist *\/\r\n.fd-operative {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 48px;\r\n}\r\n\r\n.fd-operative-title {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0 0 24px;\r\n  flex-shrink: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.fd-operative-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 16px 40px;\r\n}\r\n\r\n.fd-operative-list li {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.8);\r\n  padding-left: 28px;\r\n  position: relative;\r\n  line-height: 1.5;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.fd-operative-list li::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; top: 2px;\r\n  width: 18px; height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(59,183,237,0.15);\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: 11px;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n}\r\n\r\n.fd-stats-eco {\r\n  text-align: center;\r\n  margin-top: 40px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.45);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n}\r\n\r\n.fd-stats-eco svg {\r\n  width: 16px; height: 16px;\r\n  fill: #4CAF50;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .fd-stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n  .fd-operative { flex-direction: column; gap: 16px; }\r\n  .fd-operative-list { grid-template-columns: 1fr; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-stats { padding: 56px 0; }\r\n  .fd-stats-inner { padding: 0 24px; }\r\n  .fd-stats-grid { grid-template-columns: 1fr 1fr; gap: 16px; }\r\n  .fd-stat-val { font-size: 32px; }\r\n  .fd-stat-card { padding: 20px 16px; }\r\n  .fd-stats-top h2 { font-size: 26px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-stats\">\r\n  <div class=\"fd-stats-inner\">\r\n    <div class=\"fd-stats-top\">\r\n      <h2>Pourquoi choisir 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-stats-grid\">\r\n      <div class=\"fd-stat-card\">\r\n        <div class=\"fd-stat-val\">-29%<\/div>\r\n        <p class=\"fd-stat-label\">de charges logistiques<\/p>\r\n      <\/div>\r\n      <div class=\"fd-stat-card\">\r\n        <div class=\"fd-stat-val\">+5 ans<\/div>\r\n        <p class=\"fd-stat-label\">d&rsquo;autonomie batterie<\/p>\r\n      <\/div>\r\n      <div class=\"fd-stat-card\">\r\n        <div class=\"fd-stat-val\">80 000+<\/div>\r\n        <p class=\"fd-stat-label\">capteurs d\u00e9ploy\u00e9s<\/p>\r\n      <\/div>\r\n      <div class=\"fd-stat-card\">\r\n        <div class=\"fd-stat-val\">1 222 \u20ac<\/div>\r\n        <p class=\"fd-stat-label\">profit annuel HT par cuve<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"fd-operative\">\r\n      <span class=\"fd-operative-title\">Avantages op\u00e9rationnels<\/span>\r\n      <ul class=\"fd-operative-list\">\r\n        <li>R\u00e9duction des livraisons en urgence<\/li>\r\n        <li>Optimisation des tourn\u00e9es de r\u00e9approvisionnement<\/li>\r\n        <li>Meilleure anticipation des stocks<\/li>\r\n        <li>Moins de d\u00e9placements inutiles<\/li>\r\n        <li>Transparence accrue pour vos clients<\/li>\r\n        <li>Fid\u00e9lisation renforc\u00e9e<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <br>\r\n    <p class=\"fd-stats-eco\">\r\n      <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 8zM6 4h2c2.96 0 5.38 2.31 5.56 5.22L6 4z\"><\/path><\/svg>\r\n      Moins de kilom\u00e8tres parcourus, moins d&rsquo;\u00e9missions de CO2 : chaque cuve connect\u00e9e participe \u00e0 une logistique plus responsable.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var obs = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(e) {\r\n      if (e.isIntersecting) {\r\n        e.target.querySelectorAll('.fd-stat-val').forEach(function(el) {\r\n          var txt = el.textContent;\r\n          var num = parseInt(txt.replace(\/[^0-9]\/g, ''));\r\n          if (!num) return;\r\n          var current = 0;\r\n          var step = Math.ceil(num \/ 50);\r\n          var timer = setInterval(function() {\r\n            current += step;\r\n            if (current >= num) { el.textContent = txt; clearInterval(timer); }\r\n            else { el.textContent = txt.replace(String(num), String(current)).replace(\/(\\d)(?=(\\d{3})+(?!\\d))\/g, '$1 '); }\r\n          }, 30);\r\n        });\r\n        obs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.3 });\r\n  var s = document.querySelector('.fd-stats');\r\n  if (s) obs.observe(s);\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 SOLUTIONS \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-faq {\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-faq-inner {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.fd-faq-h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #002b49;\r\n  text-align: center;\r\n  margin: 0 0 48px;\r\n}\r\n\r\n.fd-faq-h2::after {\r\n  content: '';\r\n  display: block;\r\n  width: 48px;\r\n  height: 3px;\r\n  background: #3BB7ED;\r\n  border-radius: 2px;\r\n  margin: 16px auto 0;\r\n}\r\n\r\n.fd-faq-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0;\r\n}\r\n\r\n.fd-faq-item {\r\n  border-bottom: 1px solid #e0e5ea;\r\n}\r\n\r\n.fd-faq-item:first-child {\r\n  border-top: 1px solid #e0e5ea;\r\n}\r\n\r\n.fd-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 0;\r\n  cursor: pointer;\r\n  user-select: none;\r\n}\r\n\r\n.fd-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  transition: color 0.3s ease;\r\n}\r\n\r\n.fd-faq-q:hover .fd-faq-q-text { color: #3BB7ED; }\r\n\r\n.fd-faq-toggle {\r\n  width: 28px; height: 28px;\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.3s ease;\r\n}\r\n\r\n.fd-faq-toggle svg {\r\n  width: 14px; height: 14px;\r\n  fill: #3BB7ED;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.fd-faq-item.fd-open .fd-faq-toggle {\r\n  background: #3BB7ED;\r\n}\r\n\r\n.fd-faq-item.fd-open .fd-faq-toggle svg {\r\n  fill: #ffffff;\r\n  transform: rotate(45deg);\r\n}\r\n\r\n.fd-faq-a {\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.4s ease;\r\n}\r\n\r\n.fd-faq-item.fd-open .fd-faq-a {\r\n  max-height: 400px;\r\n}\r\n\r\n.fd-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 0 22px;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-faq { padding: 64px 0; }\r\n  .fd-faq-inner { padding: 0 24px; }\r\n  .fd-faq-h2 { font-size: 26px; }\r\n  .fd-faq-q-text { font-size: 15px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-faq\">\r\n  <div class=\"fd-faq-inner\">\r\n    <h2 class=\"fd-faq-h2\">Questions fr\u00e9quentes sur les solutions Four Data<\/h2>\r\n\r\n    <div class=\"fd-faq-list\">\r\n      <div class=\"fd-faq-item fd-open\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">\u00c0 quels secteurs d&rsquo;activit\u00e9 les solutions Four Data sont-elles destin\u00e9es ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">Four Data s&rsquo;adresse aux distributeurs de carburants et combustibles, aux gestionnaires de d\u00e9p\u00f4ts p\u00e9troliers, aux entreprises industrielles exploitant des sites ICPE ou Seveso, aux collectivit\u00e9s et plus largement \u00e0 tout professionnel ayant besoin de surveiller des niveaux de liquides \u00e0 distance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">Puis-je commencer avec un seul capteur ou faut-il \u00e9quiper tout mon parc d&rsquo;un coup ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">Vous pouvez tout \u00e0 fait d\u00e9marrer avec un seul capteur pour tester la solution sur un p\u00e9rim\u00e8tre restreint, puis \u00e9tendre progressivement l&rsquo;\u00e9quipement \u00e0 l&rsquo;ensemble de votre parc.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">Combien de temps faut-il pour \u00eatre op\u00e9rationnel apr\u00e8s la commande ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">L&rsquo;installation d&rsquo;un capteur prend quelques minutes gr\u00e2ce au kit pr\u00eat \u00e0 l&#8217;emploi et au tunnel de configuration en ligne. Les donn\u00e9es sont visibles sur les plateformes DESK et SENS d\u00e8s l&rsquo;activation du capteur.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">Mes clients auront-ils acc\u00e8s aux m\u00eames donn\u00e9es que moi ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">Non. Vous utilisez DESK (vue globale, API, gestion multi-clients) tandis que vos clients acc\u00e8dent uniquement \u00e0 SENS, une application limit\u00e9e \u00e0 la visualisation de leurs propres cuves.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">Les solutions Four Data sont-elles compatibles avec mes \u00e9quipements existants ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">Les capteurs s&rsquo;adaptent \u00e0 la grande majorit\u00e9 des cuves gr\u00e2ce \u00e0 une large gamme d&#8217;embouts adaptateurs (BSP 1\/4&Prime; \u00e0 2&Prime;1\/2, bouchons IBC, pi\u00e8ces r\u00e9ductrices PVC 32mm, etc.).<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"fd-faq-item\">\r\n        <div class=\"fd-faq-q\" onclick=\"fdFaq(this)\">\r\n          <span class=\"fd-faq-q-text\">Quel est le retour sur investissement attendu ?<\/span>\r\n          <span class=\"fd-faq-toggle\"><svg viewBox=\"0 0 24 24\"><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"><\/path><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"fd-faq-a\">\r\n          <p class=\"fd-faq-a-text\">Profit annuel de 750 EUR HT \u00e0 plus de 1 200 EUR HT par cuve connect\u00e9e. Charges logistiques r\u00e9duites de 29%. Suppression des commandes en urgence et optimisation des tourn\u00e9es de livraison.<\/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    {\"@type\": \"Question\", \"name\": \"\u00c0 quels secteurs d'activit\u00e9 les solutions Four Data sont-elles destin\u00e9es ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Four Data s'adresse aux distributeurs de carburants et combustibles, aux gestionnaires de d\u00e9p\u00f4ts p\u00e9troliers, aux entreprises industrielles exploitant des sites ICPE ou Seveso, aux collectivit\u00e9s et plus largement \u00e0 tout professionnel ayant besoin de surveiller des niveaux de liquides \u00e0 distance.\"}},\r\n    {\"@type\": \"Question\", \"name\": \"Puis-je commencer avec un seul capteur ou faut-il \u00e9quiper tout mon parc d'un coup ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Vous pouvez tout \u00e0 fait d\u00e9marrer avec un seul capteur pour tester la solution sur un p\u00e9rim\u00e8tre restreint, puis \u00e9tendre progressivement l'\u00e9quipement \u00e0 l'ensemble de votre parc.\"}},\r\n    {\"@type\": \"Question\", \"name\": \"Combien de temps faut-il pour \u00eatre op\u00e9rationnel apr\u00e8s la commande ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"L'installation d'un capteur prend quelques minutes gr\u00e2ce au kit pr\u00eat \u00e0 l'emploi et au tunnel de configuration en ligne. Les donn\u00e9es sont visibles sur les plateformes DESK et SENS d\u00e8s l'activation du capteur.\"}},\r\n    {\"@type\": \"Question\", \"name\": \"Mes clients auront-ils acc\u00e8s aux m\u00eames donn\u00e9es que moi ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Non. Vous utilisez DESK (vue globale, API, gestion multi-clients) tandis que vos clients acc\u00e8dent uniquement \u00e0 SENS, une application limit\u00e9e \u00e0 la visualisation de leurs propres cuves.\"}},\r\n    {\"@type\": \"Question\", \"name\": \"Les solutions Four Data sont-elles compatibles avec mes \u00e9quipements existants ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Les capteurs s'adaptent \u00e0 la grande majorit\u00e9 des cuves gr\u00e2ce \u00e0 une large gamme d'embouts adaptateurs (BSP 1\/4\\\" \u00e0 2\\\"1\/2, bouchons IBC, pi\u00e8ces r\u00e9ductrices PVC 32mm, etc.).\"}},\r\n    {\"@type\": \"Question\", \"name\": \"Quel est le retour sur investissement attendu ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Profit annuel de 750 EUR HT \u00e0 plus de 1 200 EUR HT par cuve connect\u00e9e. Charges logistiques r\u00e9duites de 29%. Suppression des commandes en urgence et optimisation des tourn\u00e9es de livraison.\"}}\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<script>\r\nfunction fdFaq(el) {\r\n  var item = el.parentElement;\r\n  var list = item.parentElement;\r\n  list.querySelectorAll('.fd-faq-item').forEach(function(i) {\r\n    if (i !== item) i.classList.remove('fd-open');\r\n  });\r\n  item.classList.toggle('fd-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 SOLUTIONS \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-cta-final {\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-cta-final::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%; left: -10%;\r\n  width: 50%; height: 200%;\r\n  background: radial-gradient(circle, rgba(59,183,237,0.06) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-cta-final::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -50%; right: -10%;\r\n  width: 50%; height: 200%;\r\n  background: radial-gradient(circle, rgba(59,183,237,0.04) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.fd-cta-final-inner {\r\n  max-width: 700px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.fd-cta-final h2 {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 36px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.fd-cta-final p {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: 16px;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.6;\r\n  margin: 0 0 36px;\r\n}\r\n\r\n.fd-cta-final-btns {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .fd-cta-final { padding: 56px 0; }\r\n  .fd-cta-final-inner { padding: 0 24px; }\r\n  .fd-cta-final h2 { font-size: 28px; }\r\n  .fd-cta-final-btns { flex-direction: column; }\r\n  .fd-cta-final-btns .fd-btn-primary,\r\n  .fd-cta-final-btns .fd-btn-outline { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fd-cta-final\">\r\n  <div class=\"fd-cta-final-inner\">\r\n    <h2>Pr\u00eat \u00e0 connecter vos cuves ?<\/h2>\r\n    <p>D\u00e9couvrez comment Four Data peut optimiser la gestion de vos stockages et r\u00e9duire vos charges logistiques de 29%.<\/p>\r\n    <div class=\"fd-cta-final-btns\">\r\n      <a href=\"https:\/\/fourdata.io\/fr\/contacter\/\" class=\"fd-btn-primary\">\r\n        Demander une d\u00e9monstration\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=\"https:\/\/fourdata.io\/fr\/contacter\/\" class=\"fd-btn-outline\">Contactez-nous<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div><\/div><script>\n(function(){\n  var w=document.getElementById(\"fd-s-4e5a080eb2\");\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":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-8420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/8420","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/comments?post=8420"}],"version-history":[{"count":5,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/8420\/revisions"}],"predecessor-version":[{"id":23871,"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/pages\/8420\/revisions\/23871"}],"wp:attachment":[{"href":"https:\/\/fourdata.io\/fr\/wp-json\/wp\/v2\/media?parent=8420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}