{"id":11,"date":"2026-10-09T22:38:30","date_gmt":"2026-10-09T22:38:30","guid":{"rendered":"https:\/\/bubble.bvr.services\/?page_id=11"},"modified":"2026-10-10T17:03:23","modified_gmt":"2026-10-10T17:03:23","slug":"bubble-care-app","status":"publish","type":"page","link":"https:\/\/bubble.bvr.services\/index.php\/bubble-care-app\/","title":{"rendered":"Bubble &#038; Care App"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==================================================\n   BUBBLE \u2014 CHARTE GRAPHIQUE ET ANIMATIONS\n   Palette officielle :\n   #B4D9B9 | #21A62A | #37A63E | #7EBF83 | #F2F2F2\n================================================== *\/\n\n#bubble-solution {\n  --bubble-light: #B4D9B9;\n  --bubble-green: #21A62A;\n  --bubble-green-medium: #37A63E;\n  --bubble-green-soft: #7EBF83;\n  --bubble-green-dark: #176B22;\n  --bubble-green-darker: #145A1D;\n  --bubble-grey: #F2F2F2;\n  --bubble-white: #FFFFFF;\n  --bubble-text: #26352A;\n}\n\n\/* ==================================================\n   1. PREMIER BLOC \u2014 BLANC PUR, SANS ANIMATION DE FOND\n================================================== *\/\n\n#bubble-solution .bs-intro {\n  background: #FFFFFF !important;\n}\n\n\/* ==================================================\n   2. DISTINCTIONS \u2014 BOUTONS VERT FONC\u00c9\n================================================== *\/\n\n#bubble-solution .bs-recognitions .bs-disclosure summary {\n  background-color: #176B22 !important;\n  color: #FFFFFF !important;\n  border-color: #176B22 !important;\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#bubble-solution .bs-recognitions .bs-disclosure summary:hover {\n  background-color: #145A1D !important;\n  color: #FFFFFF !important;\n  border-color: #145A1D !important;\n  box-shadow: 0 4px 12px rgba(23, 107, 34, 0.2);\n}\n\n\/* ==================================================\n   3. SECTION DES SIX SOLUTIONS\n================================================== *\/\n\n#bubble-solution .bs-solutions-section {\n  background-color: #F2F2F2;\n}\n\n#bubble-solution .bs-solution-card {\n  background-color: #FFFFFF;\n  border: 1px solid #B4D9B9;\n  border-top: 4px solid #21A62A;\n  border-radius: 16px;\n  box-shadow: 0 3px 12px rgba(33, 166, 42, 0.05);\n  transition:\n    transform 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n#bubble-solution .bs-solution-card:hover {\n  border-color: #21A62A;\n  box-shadow: 0 10px 24px rgba(33, 166, 42, 0.12);\n  transform: translateY(-4px);\n}\n\n#bubble-solution .bs-card-number {\n  background-color: #21A62A;\n  color: #FFFFFF;\n  border: 1px solid #21A62A;\n  transition:\n    background-color 0.3s ease,\n    transform 0.3s ease;\n}\n\n#bubble-solution .bs-solution-card:hover .bs-card-number {\n  background-color: #176B22;\n  transform: scale(1.05);\n}\n\n#bubble-solution .bs-solution-answer strong {\n  color: #21A62A;\n}\n\n#bubble-solution .bs-example {\n  background-color: #F2F8F2;\n  border-left: 3px solid #21A62A;\n}\n\n\/* Barre de d\u00e9filement des six solutions *\/\n#bubble-solution .bs-cards {\n  scrollbar-color: #21A62A #F2F2F2;\n}\n\n\/* ==================================================\n   4. BOUTONS D'OUVERTURE DES INTERFACES\n================================================== *\/\n\n#bubble-solution .bs-expand-button {\n  background-color: #FFFFFF;\n  color: #26352A;\n  border: 1px solid #B4D9B9;\n  border-radius: 10px;\n  transition:\n    background-color 0.3s ease,\n    color 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n\/* Au survol, le bouton devient vert *\/\n#bubble-solution .bs-expand-button:hover {\n  background-color: #21A62A;\n  color: #FFFFFF;\n  border-color: #21A62A;\n  box-shadow: 0 5px 14px rgba(33, 166, 42, 0.18);\n  transform: translateY(-2px);\n}\n\n#bubble-solution .bs-expand-icon {\n  color: #21A62A;\n  transition: color 0.3s ease;\n}\n\n#bubble-solution .bs-expand-button:hover .bs-expand-icon {\n  color: #FFFFFF;\n}\n\n\/* ==================================================\n   5. INTERFACES PARTICULIERS ET PROFESSIONNELS\n   Fond blanc au repos, vert au survol\n================================================== *\/\n\n\/* Conteneurs des interfaces *\/\n#bubble-solution .bs-interface-panel {\n  background-color: #FFFFFF !important;\n  border: 1px solid #B4D9B9;\n  border-top: 3px solid #7EBF83;\n  border-radius: 14px;\n  box-shadow: 0 3px 12px rgba(33, 166, 42, 0.04);\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n\/* Animation verte au survol de chaque interface *\/\n#bubble-solution .bs-interface-panel:hover {\n  background-color: #21A62A !important;\n  border-color: #176B22;\n  box-shadow: 0 10px 24px rgba(23, 107, 34, 0.16);\n  transform: translateY(-4px);\n}\n\n\/* Si les interfaces sont pr\u00e9sent\u00e9es sous forme de boutons *\/\n#bubble-solution .bs-interface-panel .bs-expand-button {\n  background-color: #F2F8F2;\n  border-color: #B4D9B9;\n}\n\n#bubble-solution .bs-interface-panel .bs-expand-button:hover {\n  background-color: #176B22;\n  color: #FFFFFF;\n  border-color: #176B22;\n}\n\n\/* Les captures d'\u00e9cran restent toujours sur fond blanc *\/\n#bubble-solution .bs-interface-image {\n  background-color: #FFFFFF !important;\n  transition: none;\n}\n\n\/* ==================================================\n   6. OFFRES PARTICULIERS ET PROFESSIONNELS\n   Blanc au repos, vert au survol\n================================================== *\/\n\n#bubble-solution .bs-offer {\n  background: #FFFFFF !important;\n  color: #26352A;\n  border: 1px solid #B4D9B9;\n  border-top: 4px solid #21A62A;\n  border-radius: 16px;\n  box-shadow: 0 3px 12px rgba(33, 166, 42, 0.05);\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    box-shadow 0.3s ease,\n    transform 0.3s ease;\n}\n\n\/* Le bloc complet devient vert au survol *\/\n#bubble-solution .bs-offer:hover {\n  background: #21A62A !important;\n  border-color: #176B22;\n  box-shadow: 0 12px 28px rgba(23, 107, 34, 0.18);\n  transform: translateY(-4px);\n}\n\n\/* Texte blanc au survol pour le contraste *\/\n#bubble-solution .bs-offer:hover h2,\n#bubble-solution .bs-offer:hover h3,\n#bubble-solution .bs-offer:hover p,\n#bubble-solution .bs-offer:hover strong,\n#bubble-solution .bs-offer:hover li,\n#bubble-solution .bs-offer:hover .bs-feature-list {\n  color: #FFFFFF !important;\n}\n\n\/* Boutons des offres *\/\n#bubble-solution .bs-offer .bs-expand-button {\n  background-color: #176B22;\n  color: #FFFFFF;\n  border-color: #176B22;\n}\n\n#bubble-solution .bs-offer .bs-expand-button:hover {\n  background-color: #145A1D;\n  color: #FFFFFF;\n  border-color: #145A1D;\n}\n\n\/* Ic\u00f4nes des boutons *\/\n#bubble-solution .bs-offer .bs-expand-icon {\n  color: #FFFFFF;\n}\n\n\/* Note Premium *\/\n#bubble-solution .bs-premium-note {\n  background-color: #F2F8F2;\n  border-left: 3px solid #21A62A;\n}\n\n\/* Garder les contenus d\u00e9pli\u00e9s et les captures sur fond blanc *\/\n#bubble-solution .bs-offer .bs-expand-panel,\n#bubble-solution .bs-offer .bs-interface-panel,\n#bubble-solution .bs-offer .bs-interface-image {\n  background-color: #FFFFFF !important;\n  color: #26352A;\n}\n\n\/* ==================================================\n   7. DERNIER BLOC \u2014 VERT FONC\u00c9\n================================================== *\/\n\n#bubble-solution .bs-availability {\n  background: #176B22 !important;\n  border: 1px solid #176B22 !important;\n  color: #FFFFFF !important;\n}\n\n#bubble-solution .bs-availability h2,\n#bubble-solution .bs-availability h3,\n#bubble-solution .bs-availability p,\n#bubble-solution .bs-availability strong,\n#bubble-solution .bs-availability .bs-coming-soon {\n  color: #FFFFFF !important;\n}\n\n#bubble-solution .bs-coming-soon {\n  background: transparent !important;\n  color: #FFFFFF !important;\n  border: 1px solid #B4D9B9 !important;\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n}\n\n#bubble-solution .bs-coming-soon:hover {\n  background-color: #21A62A !important;\n  border-color: #21A62A !important;\n}\n\n\/* ==================================================\n   8. ANIMATIONS ET ACCESSIBILIT\u00c9 SUR MOBILE\n================================================== *\/\n\n@media (max-width: 700px) {\n  #bubble-solution .bs-solution-card:hover,\n  #bubble-solution .bs-offer:hover,\n  #bubble-solution .bs-interface-panel:hover {\n    transform: none;\n  }\n}\n\n\/* R\u00e9duire les animations si l'utilisateur le demande *\/\n@media (prefers-reduced-motion: reduce) {\n  #bubble-solution .bs-solution-card,\n  #bubble-solution .bs-card-number,\n  #bubble-solution .bs-expand-button,\n  #bubble-solution .bs-interface-panel,\n  #bubble-solution .bs-offer,\n  #bubble-solution .bs-coming-soon,\n  #bubble-solution .bs-recognitions .bs-disclosure summary {\n    transition: none !important;\n    transform: none !important;\n  }\n}\n\n\/* CORRECTION : BOUTONS DES INTERFACES AU SURVOL *\/\n#bubble-solution .bs-interface-panel .bs-expand-button:hover,\n#bubble-solution .bs-interface-panel .bs-expand-button:focus,\n#bubble-solution .bs-interface-panel .bs-expand-button:focus-visible {\n  background: #21A62A !important;\n  background-color: #21A62A !important;\n  color: #FFFFFF !important;\n  border-color: #21A62A !important;\n  opacity: 1 !important;\n}\n\n\/* Garder le texte visible en blanc *\/\n#bubble-solution .bs-interface-panel .bs-expand-button:hover *,\n#bubble-solution .bs-interface-panel .bs-expand-button:focus *,\n#bubble-solution .bs-interface-panel .bs-expand-button:focus-visible * {\n  color: #FFFFFF !important;\n  fill: #FFFFFF !important;\n}\n\n\/* Ic\u00f4ne plus\/moins en blanc au survol *\/\n#bubble-solution .bs-interface-panel .bs-expand-button:hover .bs-expand-icon,\n#bubble-solution .bs-interface-panel .bs-expand-button:focus .bs-expand-icon {\n  color: #FFFFFF !important;\n}\n\n\/* CORRECTION RENFORC\u00c9E DES BOUTONS D'INTERFACE *\/\n#bubble-solution button.bs-expand-button:hover,\n#bubble-solution button.bs-expand-button:focus,\n#bubble-solution button.bs-expand-button:active,\n#bubble-solution .bs-expand-button:hover,\n#bubble-solution .bs-expand-button:focus,\n#bubble-solution .bs-expand-button:active {\n  background: #21A62A !important;\n  background-color: #21A62A !important;\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n  border-color: #21A62A !important;\n  opacity: 1 !important;\n  box-shadow: 0 5px 14px rgba(33, 166, 42, 0.22) !important;\n}\n\n\/* Forcer la couleur de tous les \u00e9l\u00e9ments internes *\/\n#bubble-solution button.bs-expand-button:hover *,\n#bubble-solution button.bs-expand-button:focus *,\n#bubble-solution .bs-expand-button:hover *,\n#bubble-solution .bs-expand-button:focus * {\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n  fill: #FFFFFF !important;\n  opacity: 1 !important;\n}\n\n\/* Garder l'ic\u00f4ne visible *\/\n#bubble-solution .bs-expand-button:hover .bs-expand-icon,\n#bubble-solution .bs-expand-button:focus .bs-expand-icon {\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n}\n\n\/* \u00c9viter qu'un pseudo-\u00e9l\u00e9ment masque le fond vert *\/\n#bubble-solution .bs-expand-button:hover::before,\n#bubble-solution .bs-expand-button:hover::after {\n  background-color: transparent !important;\n  color: #FFFFFF !important;\n}\n\n\/* BUBBLE \u2014 CHIFFRES 01 \u00c0 06 BLANCS AU SURVOL *\/\n#bubble-solution .bs-solutions-section .bs-cards .bs-solution-card:hover .bs-card-number {\n  background: #21A62A !important;\n  background-color: #21A62A !important;\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n  border-color: #21A62A !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  text-shadow: none !important;\n}\n\n\/* Neutraliser les effets de survol qui pourraient masquer les chiffres *\/\n#bubble-solution .bs-solutions-section .bs-cards .bs-solution-card:hover .bs-card-number::before,\n#bubble-solution .bs-solutions-section .bs-cards .bs-solution-card:hover .bs-card-number::after {\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n}\n\n\/* Conserver les chiffres lisibles au clavier *\/\n#bubble-solution .bs-solutions-section .bs-cards .bs-solution-card:focus-within .bs-card-number {\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n  background-color: #21A62A !important;\n}\n\n\/* CORRECTION : IMAGES ET CONTENU DES VOLETS D\u00c9PLI\u00c9S *\/\n#bubble-solution .bs-expand-panel,\n#bubble-solution .bs-interface-panel,\n#bubble-solution .bs-interface-image {\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n}\n\n\/* Les images restent visibles sur fond blanc *\/\n#bubble-solution .bs-interface-image img,\n#bubble-solution .bs-expand-panel img,\n#bubble-solution .bs-interface-panel img {\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n}\n\n\/* Le survol du volet ne doit pas masquer les images *\/\n#bubble-solution .bs-interface-panel:hover .bs-interface-image,\n#bubble-solution .bs-interface-panel:hover img,\n#bubble-solution .bs-expand-panel:hover img {\n  background: #FFFFFF !important;\n  background-color: #FFFFFF !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n}\n\n\/* Pr\u00e9server le fond vert des boutons au survol *\/\n#bubble-solution .bs-expand-button:hover {\n  background: #21A62A !important;\n  background-color: #21A62A !important;\n  color: #FFFFFF !important;\n  -webkit-text-fill-color: #FFFFFF !important;\n}\n\n\/* FOND BLANC PERMANENT POUR LES IMAGES DES INTERFACES *\/\n#bubble-solution .bs-expand-panel,\n#bubble-solution .bs-interface-panel,\n#bubble-solution .bs-interface-image {\n  background-color: #FFFFFF !important;\n  background-image: none !important;\n}\n\n\/* Les images conservent leur fond blanc d'origine *\/\n#bubble-solution .bs-interface-image img,\n#bubble-solution .bs-expand-panel img,\n#bubble-solution .bs-interface-panel img {\n  background-color: #FFFFFF !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n}\n\n\/* Le survol ne modifie pas le fond des zones contenant les images *\/\n#bubble-solution .bs-interface-panel:hover,\n#bubble-solution .bs-interface-panel:hover .bs-interface-image,\n#bubble-solution .bs-expand-panel:hover {\n  background-color: #FFFFFF !important;\n}\n\n<style>\n\/* OFFRES : CONTOUR VERT FIXE, SANS EFFET DE SURVOL *\/\n#bubble-solution .bs-offers > .bs-offer,\n#bubble-solution .bs-offers > .bs-offer:hover,\n#bubble-solution .bs-offers > .bs-offer:focus-within {\n  border: 2px solid #176B22 !important;\n  background: #FFFFFF !important;\n  box-shadow: none !important;\n  transform: none !important;\n  filter: none !important;\n  opacity: 1 !important;\n}\n\n\/* BOUTONS DE D\u00c9COUVERTE : TEXTE TOUJOURS VISIBLE *\/\n#bubble-solution .bs-offers .bs-expand-button,\n#bubble-solution .bs-offers .bs-expand-button:hover,\n#bubble-solution .bs-offers .bs-expand-button:focus,\n#bubble-solution .bs-offers .bs-expand-button:focus-visible {\n  color: #292D2A !important;\n  -webkit-text-fill-color: #292D2A !important;\n  background: transparent !important;\n  border-color: #E5E9E5 !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  box-shadow: none !important;\n  transform: none !important;\n  filter: none !important;\n}\n\n\/* TEXTE ET IC\u00d4NE DES BOUTONS *\/\n#bubble-solution .bs-offers .bs-expand-button span,\n#bubble-solution .bs-offers .bs-expand-button:hover span,\n#bubble-solution .bs-offers .bs-expand-button .bs-expand-icon {\n  color: #292D2A !important;\n  -webkit-text-fill-color: #292D2A !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n\/* AUCUNE TRANSITION SUR LES OFFRES *\/\n#bubble-solution .bs-offers > .bs-offer,\n#bubble-solution .bs-offers .bs-expand-button {\n  transition: none !important;\n}\n<\/style>\n\n<div id=\"bubble-solution\">\n\n  <style>\n    #bubble-solution {\n      --bs-green: #279b38;\n      --bs-green-light: #eaf5eb;\n      --bs-text: #292d2a;\n      --bs-muted: #666d67;\n      --bs-border: #e5e9e5;\n      --bs-bg: #f7f8f7;\n      color: var(--bs-text);\n      font-family: inherit;\n      font-size: 16px;\n      line-height: 1.7;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    #bubble-solution * {\n      box-sizing: border-box;\n    }\n\n    #bubble-solution h1,\n    #bubble-solution h2,\n    #bubble-solution h3,\n    #bubble-solution p {\n      margin-top: 0;\n    }\n\n    #bubble-solution h1,\n    #bubble-solution h2,\n    #bubble-solution h3 {\n      color: var(--bs-text);\n      line-height: 1.25;\n      letter-spacing: -0.025em;\n    }\n\n    #bubble-solution h1 {\n      font-size: clamp(2rem, 5vw, 3.3rem);\n      margin-bottom: 20px;\n    }\n\n    #bubble-solution h2 {\n      font-size: clamp(1.55rem, 3.5vw, 2.2rem);\n      margin-bottom: 16px;\n    }\n\n    #bubble-solution h3 {\n      font-size: 1.12rem;\n      margin-bottom: 10px;\n    }\n\n    #bubble-solution p {\n      margin-bottom: 16px;\n    }\n\n    #bubble-solution .bs-container {\n      width: min(1120px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    #bubble-solution .bs-section {\n      padding: 64px 0;\n    }\n\n    #bubble-solution .bs-section-small {\n      padding: 36px 0;\n    }\n\n    #bubble-solution .bs-intro {\n      padding: 58px 0 38px;\n    }\n\n    #bubble-solution .bs-eyebrow {\n      color: var(--bs-green);\n      font-size: 0.82rem;\n      font-weight: 700;\n      letter-spacing: 0.07em;\n      text-transform: uppercase;\n      margin-bottom: 12px;\n    }\n\n    #bubble-solution .bs-lead {\n      font-size: clamp(1.05rem, 2vw, 1.2rem);\n      color: #444b45;\n      max-width: 850px;\n    }\n\n    #bubble-solution .bs-muted {\n      color: var(--bs-muted);\n    }\n\n    #bubble-solution .bs-section-heading {\n      max-width: 760px;\n      margin-bottom: 28px;\n    }\n\n    #bubble-solution .bs-section-heading p {\n      color: var(--bs-muted);\n      margin-bottom: 0;\n    }\n\n    #bubble-solution .bs-accent {\n      color: var(--bs-green);\n    }\n\n    \/* Reconnaissances *\/\n\n    #bubble-solution .bs-recognitions {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n      margin-top: 26px;\n    }\n\n    #bubble-solution .bs-disclosure {\n      border: 1px solid var(--bs-border);\n      border-radius: 12px;\n      background: #fff;\n      overflow: hidden;\n    }\n\n    #bubble-solution .bs-disclosure summary {\n      list-style: none;\n      cursor: pointer;\n      padding: 17px 18px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 14px;\n      font-weight: 650;\n      line-height: 1.45;\n    }\n\n    #bubble-solution .bs-disclosure summary::-webkit-details-marker {\n      display: none;\n    }\n\n    #bubble-solution .bs-disclosure summary::after {\n      content: \"+\";\n      flex: 0 0 auto;\n      color: var(--bs-green);\n      font-size: 1.45rem;\n      font-weight: 400;\n      line-height: 1;\n    }\n\n    #bubble-solution .bs-disclosure[open] summary::after {\n      content: \"\u2212\";\n    }\n\n    #bubble-solution .bs-disclosure-body {\n      padding: 0 18px 18px;\n      color: var(--bs-muted);\n      font-size: 0.96rem;\n    }\n\n    #bubble-solution .bs-disclosure-body p:last-child {\n      margin-bottom: 0;\n    }\n\n    \/* Vid\u00e9o *\/\n\n    #bubble-solution .bs-video-section {\n      padding: 20px 0 54px;\n    }\n\n    #bubble-solution .bs-video {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      border-radius: 14px;\n      overflow: hidden;\n      background: #f2f2f2;\n    }\n\n    #bubble-solution .bs-video iframe {\n      display: block;\n      width: 100%;\n      height: 100%;\n      border: 0;\n    }\n\n    \/* Six solutions d\u00e9filantes *\/\n\n    #bubble-solution .bs-solutions-section {\n      background: var(--bs-bg);\n      padding: 58px 0 62px;\n    }\n\n    #bubble-solution .bs-scroll-hint {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: var(--bs-green);\n      font-size: 0.92rem;\n      font-weight: 600;\n      margin: 20px 0 18px;\n    }\n\n    #bubble-solution .bs-scroll-arrow {\n      display: inline-flex;\n      align-items: center;\n      animation: bs-arrow-move 1.15s ease-in-out infinite;\n      font-size: 1.55rem;\n      line-height: 1;\n    }\n\n    @keyframes bs-arrow-move {\n      0%, 100% { transform: translateX(0); }\n      50% { transform: translateX(7px); }\n    }\n\n    #bubble-solution .bs-cards {\n      display: flex;\n      gap: 16px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-snap-type: x mandatory;\n      scroll-behavior: smooth;\n      padding: 4px 2px 18px;\n      -webkit-overflow-scrolling: touch;\n      scrollbar-width: thin;\n      scrollbar-color: #b9d8bd transparent;\n    }\n\n    #bubble-solution .bs-cards:focus-visible {\n      outline: 2px solid var(--bs-green);\n      outline-offset: 4px;\n    }\n\n    #bubble-solution .bs-solution-card {\n      flex: 0 0 300px;\n      min-height: 340px;\n      scroll-snap-align: start;\n      background: #fff;\n      border: 1px solid var(--bs-border);\n      border-radius: 13px;\n      padding: 23px;\n      display: flex;\n      flex-direction: column;\n    }\n\n    #bubble-solution .bs-card-number {\n      display: inline-flex;\n      width: 36px;\n      height: 36px;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      background: var(--bs-green-light);\n      color: var(--bs-green);\n      font-weight: 750;\n      margin-bottom: 19px;\n    }\n\n    #bubble-solution .bs-solution-card p {\n      color: var(--bs-muted);\n      font-size: 0.95rem;\n      margin-bottom: 12px;\n    }\n\n    #bubble-solution .bs-solution-card .bs-solution-answer {\n      border-top: 1px solid var(--bs-border);\n      padding-top: 14px;\n      margin-top: auto;\n      color: var(--bs-text);\n    }\n\n    #bubble-solution .bs-solution-answer strong {\n      color: var(--bs-green);\n    }\n\n    \/* Rep\u00e8re local *\/\n\n    #bubble-solution .bs-landmark {\n      display: grid;\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\n      gap: 36px;\n      align-items: start;\n    }\n\n    #bubble-solution .bs-landmark-examples {\n      display: grid;\n      gap: 10px;\n      margin-top: 20px;\n    }\n\n    #bubble-solution .bs-example {\n      border-left: 3px solid #b4d9b9;\n      padding: 10px 14px;\n      background: var(--bs-bg);\n      border-radius: 0 8px 8px 0;\n      font-size: 0.95rem;\n    }\n\n    #bubble-solution .bs-example strong {\n      font-weight: 650;\n    }\n\n    #bubble-solution .bs-note {\n      color: var(--bs-muted);\n      font-size: 0.9rem;\n    }\n\n    \/* Interfaces : contenu cach\u00e9 jusqu'au clic *\/\n\n    #bubble-solution .bs-interface-list {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #bubble-solution .bs-expand-button {\n      appearance: none;\n      border: 1px solid var(--bs-border);\n      background: #fff;\n      color: var(--bs-text);\n      border-radius: 10px;\n      padding: 17px 18px;\n      width: 100%;\n      text-align: left;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n      font: inherit;\n      font-weight: 650;\n      cursor: pointer;\n      transition: border-color 0.2s ease, background 0.2s ease;\n    }\n\n    #bubble-solution .bs-expand-button:hover {\n      border-color: #b4d9b9;\n      background: #fcfdfc;\n    }\n\n    #bubble-solution .bs-expand-button:focus-visible {\n      outline: 2px solid var(--bs-green);\n      outline-offset: 3px;\n    }\n\n    #bubble-solution .bs-expand-icon {\n      flex: 0 0 auto;\n      color: var(--bs-green);\n      font-size: 1.3rem;\n      font-weight: 400;\n      transition: transform 0.2s ease;\n    }\n\n    #bubble-solution .bs-expand-button[aria-expanded=\"true\"] .bs-expand-icon {\n      transform: rotate(45deg);\n    }\n\n    #bubble-solution .bs-expand-panel {\n      padding-top: 18px;\n    }\n\n    #bubble-solution .bs-expand-panel[hidden] {\n      display: none !important;\n    }\n\n    #bubble-solution .bs-interface-panel {\n      border: 1px solid var(--bs-border);\n      border-radius: 12px;\n      padding: 20px;\n      background: #fff;\n    }\n\n    #bubble-solution .bs-interface-panel p {\n      color: var(--bs-muted);\n      font-size: 0.95rem;\n    }\n\n    #bubble-solution .bs-interface-image {\n      display: block;\n      width: 100%;\n      height: auto;\n      background: #fff;\n      border-radius: 8px;\n      margin-top: 16px;\n    }\n\n    \/* Offres *\/\n\n    #bubble-solution .bs-offers {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px;\n    }\n\n    #bubble-solution .bs-offer {\n      border: 1px solid var(--bs-border);\n      border-radius: 12px;\n      background: #fff;\n      padding: 23px;\n    }\n\n    #bubble-solution .bs-offer p {\n      color: var(--bs-muted);\n      font-size: 0.95rem;\n    }\n\n    #bubble-solution .bs-offer .bs-expand-button {\n      margin-top: 8px;\n      padding: 13px 0 0;\n      border: 0;\n      border-radius: 0;\n      border-top: 1px solid var(--bs-border);\n      background: transparent;\n      font-size: 0.95rem;\n    }\n\n    #bubble-solution .bs-offer .bs-expand-button:hover {\n      background: transparent;\n    }\n\n    #bubble-solution .bs-offer .bs-expand-panel {\n      padding-top: 15px;\n    }\n\n    #bubble-solution .bs-feature-list {\n      padding-left: 19px;\n      margin: 0;\n    }\n\n    #bubble-solution .bs-feature-list li {\n      padding-left: 3px;\n      margin-bottom: 9px;\n    }\n\n    #bubble-solution .bs-feature-list li:last-child {\n      margin-bottom: 0;\n    }\n\n    #bubble-solution .bs-premium-note {\n      margin-top: 15px;\n      padding: 12px 14px;\n      border-radius: 8px;\n      background: var(--bs-bg);\n      color: var(--bs-muted);\n      font-size: 0.9rem;\n    }\n\n    \/* Disponibilit\u00e9 *\/\n\n    #bubble-solution .bs-availability {\n      text-align: center;\n      padding: 50px 24px;\n      background: var(--bs-bg);\n      border-radius: 14px;\n    }\n\n    #bubble-solution .bs-availability h2 {\n      margin-bottom: 12px;\n    }\n\n    #bubble-solution .bs-availability p {\n      max-width: 620px;\n      margin: 0 auto 20px;\n      color: var(--bs-muted);\n    }\n\n    #bubble-solution .bs-coming-soon {\n      display: inline-block;\n      border: 1px solid #c9e1cc;\n      border-radius: 8px;\n      background: #fff;\n      color: var(--bs-green);\n      font-size: 0.95rem;\n      font-weight: 650;\n      padding: 11px 18px;\n    }\n\n    @media (max-width: 700px) {\n      #bubble-solution .bs-container {\n        width: min(100% - 32px, 1120px);\n      }\n\n      #bubble-solution .bs-section {\n        padding: 42px 0;\n      }\n\n      #bubble-solution .bs-intro {\n        padding: 38px 0 28px;\n      }\n\n      #bubble-solution .bs-video-section {\n        padding: 12px 0 38px;\n      }\n\n      #bubble-solution .bs-solutions-section {\n        padding: 40px 0;\n      }\n\n      #bubble-solution .bs-recognitions,\n      #bubble-solution .bs-interface-list,\n      #bubble-solution .bs-offers,\n      #bubble-solution .bs-landmark {\n        grid-template-columns: 1fr;\n      }\n\n      #bubble-solution .bs-solution-card {\n        flex-basis: 84%;\n        min-height: 320px;\n        padding: 20px;\n      }\n\n      #bubble-solution .bs-scroll-hint {\n        font-size: 0.86rem;\n      }\n\n      #bubble-solution .bs-interface-panel,\n      #bubble-solution .bs-offer {\n        padding: 18px;\n      }\n\n      #bubble-solution .bs-availability {\n        padding: 34px 18px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #bubble-solution .bs-scroll-arrow {\n        animation: none;\n      }\n\n      #bubble-solution .bs-cards {\n        scroll-behavior: auto;\n      }\n\n      #bubble-solution * {\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <!-- INTRODUCTION -->\n\n  <section class=\"bs-intro\">\n    <div class=\"bs-container\">\n      <div class=\"bs-eyebrow\">La solution Bubble &amp; Care<\/div>\n\n      <h1>Faciliter l\u2019acc\u00e8s \u00e0 l\u2019information de sant\u00e9, au quotidien.<\/h1>\n\n      <p class=\"bs-lead\">\n        Bubble est le premier annuaire num\u00e9rique de sant\u00e9 collaboratif con\u00e7u pour les r\u00e9alit\u00e9s africaines. Il permet aux citoyens de trouver rapidement une pharmacie, un cabinet m\u00e9dical et un h\u00f4pital gr\u00e2ce \u00e0 des informations fiables, r\u00e9guli\u00e8rement mises \u00e0 jour par les professionnels eux-m\u00eames et enrichies de rep\u00e8res d\u2019orientation locale facilitant leur acc\u00e8s.\n      <\/p>\n\n      <p>\n        Au-del\u00e0 de la recherche, Bubble &amp; Care ambitionne de simplifier certaines d\u00e9marches du quotidien li\u00e9es \u00e0 la sant\u00e9, \u00e0 l\u2019organisation des ordonnances et au suivi des rendez-vous m\u00e9dicaux.\n      <\/p>\n\n      <div class=\"bs-recognitions\" aria-label=\"Parcours et reconnaissances du projet\">\n\n        <details class=\"bs-disclosure\">\n          <summary>James Dyson Award France 2024<\/summary>\n          <div class=\"bs-disclosure-body\">\n            <p>\n              En 2024, Bubble a \u00e9t\u00e9 s\u00e9lectionn\u00e9 parmi les projets du James Dyson Award France. Cette \u00e9tape a contribu\u00e9 \u00e0 faire \u00e9voluer le projet et \u00e0 approfondir sa r\u00e9flexion autour de besoins concrets rencontr\u00e9s par les utilisateurs.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"bs-disclosure\">\n          <summary>FrancoTech 2026<\/summary>\n          <div class=\"bs-disclosure-body\">\n            <p>\n              Les exp\u00e9riences et s\u00e9jours en Afrique en 2026 ont nourri une nouvelle phase d\u2019adaptation du projet aux r\u00e9alit\u00e9s locales. Bubble est ainsi devenu Bubble &amp; Care, un projet pr\u00e9s\u00e9lectionn\u00e9 pour la finale de FrancoTech 2026.\n            <\/p>\n          <\/div>\n        <\/details>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- VIDEO -->\n\n  <section class=\"bs-video-section\">\n    <div class=\"bs-container\">\n      <div class=\"bs-video\">\n        <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/j_6vdwPGWDY\" title=\"Pr\u00e9sentation de Bubble &amp; Care\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\">\n        <\/iframe>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SIX PROBLEMATIQUES ET SOLUTIONS -->\n\n  <section class=\"bs-solutions-section\">\n    <div class=\"bs-container\">\n\n      <div class=\"bs-section-heading\">\n        <div class=\"bs-eyebrow\">Pourquoi Bubble &amp; Care ?<\/div>\n        <h2>Six difficult\u00e9s du quotidien, six pistes de solution.<\/h2>\n        <p>\n          Trouver la bonne information, localiser un \u00e9tablissement ou mieux organiser son suivi de sant\u00e9 : d\u00e9couvrez comment Bubble &amp; Care entend r\u00e9pondre \u00e0 ces besoins.\n        <\/p>\n      <\/div>\n\n      <div class=\"bs-scroll-hint\">\n        <span>Faites d\u00e9filer pour d\u00e9couvrir les 6 solutions<\/span>\n        <span class=\"bs-scroll-arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/div>\n\n      <div class=\"bs-cards\" tabindex=\"0\" role=\"region\" aria-label=\"Les six solutions Bubble &amp; Care. Faites d\u00e9filer horizontalement.\">\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">01<\/div>\n          <h3>Une recherche des \u00e9tablissements de sant\u00e9 peu intuitive<\/h3>\n          <p>\n            Il n\u2019est pas toujours facile de conna\u00eetre le nom d\u2019un \u00e9tablissement ou la sp\u00e9cialit\u00e9 \u00e0 rechercher. Le besoin s\u2019exprime souvent avec des mots simples : b\u00e9b\u00e9, pied, main, fi\u00e8vre ou maternit\u00e9.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> une recherche pens\u00e9e autour des mots du quotidien et des besoins exprim\u00e9s, pour orienter l\u2019utilisateur vers une pharmacie, un cabinet m\u00e9dical ou un h\u00f4pital.\n          <\/p>\n        <\/article>\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">02<\/div>\n          <h3>Un acc\u00e8s limit\u00e9 \u00e0 une information fiable<\/h3>\n          <p>\n            Les coordonn\u00e9es, horaires et services des pharmacies et des \u00e9tablissements de sant\u00e9 peuvent \u00eatre dispers\u00e9s, incomplets ou obsol\u00e8tes.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> un annuaire collaboratif qui centralise les informations et permet aux \u00e9tablissements de les actualiser eux-m\u00eames.\n          <\/p>\n        <\/article>\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">03<\/div>\n          <h3>Des difficult\u00e9s \u00e0 localiser les \u00e9tablissements<\/h3>\n          <p>\n            Une adresse \u00e9crite ne suffit pas toujours pour trouver facilement un \u00e9tablissement, notamment lorsque les rep\u00e8res habituels sont plus connus que les noms de rues.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> un rep\u00e8re d\u2019orientation locale qui compl\u00e8te l\u2019adresse avec un lieu connu. La g\u00e9olocalisation GPS est envisag\u00e9e dans l\u2019offre Premium.\n          <\/p>\n        <\/article>\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">04<\/div>\n          <h3>Une faible visibilit\u00e9 num\u00e9rique des \u00e9tablissements<\/h3>\n          <p>\n            Les professionnels de sant\u00e9 n\u2019ont pas toujours un outil simple pour pr\u00e9senter leurs services et maintenir leurs informations \u00e0 jour en ligne.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> un espace professionnel s\u00e9curis\u00e9 pour cr\u00e9er, g\u00e9rer et actualiser la fiche de son \u00e9tablissement.\n          <\/p>\n        <\/article>\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">05<\/div>\n          <h3>La perte ou la d\u00e9t\u00e9rioration des ordonnances m\u00e9dicales<\/h3>\n          <p>\n            Une ordonnance papier peut \u00eatre perdue, ab\u00eem\u00e9e ou difficile \u00e0 retrouver au moment o\u00f9 elle est n\u00e9cessaire.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> les \u00e9tablissements de sant\u00e9 pourront transmettre des ordonnances aux patients via la plateforme. Le stockage num\u00e9rique s\u00e9curis\u00e9 pendant un an est envisag\u00e9 en Premium.\n          <\/p>\n        <\/article>\n\n        <article class=\"bs-solution-card\">\n          <div class=\"bs-card-number\">06<\/div>\n          <h3>L\u2019oubli des rendez-vous m\u00e9dicaux<\/h3>\n          <p>\n            Entre les consultations, les examens et les rendez-vous des diff\u00e9rents membres de la famille, il peut \u00eatre difficile de tout garder en m\u00e9moire.\n          <\/p>\n          <p class=\"bs-solution-answer\">\n            <strong>La r\u00e9ponse Bubble :<\/strong> l\u2019offre Premium pr\u00e9voit l\u2019enregistrement des rendez-vous et des rappels automatiques, avec une organisation par membre de la famille.\n          <\/p>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- REPERE D'ORIENTATION LOCALE -->\n\n  <section class=\"bs-section\">\n    <div class=\"bs-container\">\n      <div class=\"bs-landmark\">\n\n        <div>\n          <div class=\"bs-eyebrow\">Une approche adapt\u00e9e aux r\u00e9alit\u00e9s locales<\/div>\n          <h2>Une adresse ne suffit pas toujours. Un rep\u00e8re peut tout changer.<\/h2>\n        <\/div>\n\n        <div>\n          <p>\n            Dans de nombreuses villes africaines, les habitants s\u2019orientent aussi gr\u00e2ce aux lieux qu\u2019ils connaissent : un march\u00e9, un rond-point, une station-service, une \u00e9cole, un monument ou un commerce.\n          <\/p>\n\n          <p>\n            Bubble &amp; Care int\u00e8gre un <strong>rep\u00e8re d\u2019orientation locale<\/strong> \u00e0 la fiche de l\u2019\u00e9tablissement. Il vient compl\u00e9ter l\u2019adresse pour aider les utilisateurs \u00e0 mieux comprendre o\u00f9 se rendre.\n          <\/p>\n\n          <div class=\"bs-landmark-examples\">\n            <div class=\"bs-example\">\u00ab En face de Bralico \u00bb<\/div>\n            <div class=\"bs-example\">\u00ab Derri\u00e8re le march\u00e9 Total \u00bb<\/div>\n            <div class=\"bs-example\">\u00ab 12 sur la 16e Rue \u00bb<\/div>\n          <\/div>\n\n          <p class=\"bs-note\" style=\"margin-top:16px;\">\n            L\u2019objectif : rendre l\u2019information plus concr\u00e8te et faciliter l\u2019orientation, m\u00eame lorsque les adresses sont impr\u00e9cises ou peu standardis\u00e9es.\n          <\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTERFACES DE L'APPLICATION : CLIQUER POUR AFFICHER -->\n\n  <section class=\"bs-section\" style=\"background:#fafbfa;\">\n    <div class=\"bs-container\">\n\n      <div class=\"bs-section-heading\">\n        <div class=\"bs-eyebrow\">L\u2019application<\/div>\n        <h2>Deux espaces, des besoins diff\u00e9rents.<\/h2>\n        <p>\n          D\u00e9couvrez les interfaces de Bubble &amp; Care en ouvrant uniquement celle qui vous int\u00e9resse.\n        <\/p>\n      <\/div>\n\n      <div class=\"bs-interface-list\">\n\n        <div>\n          <button class=\"bs-expand-button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bs-interface-professionnels\">\n            <span>D\u00e9couvrir l\u2019interface Professionnels<\/span>\n            <span class=\"bs-expand-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n\n          <div class=\"bs-expand-panel\" id=\"bs-interface-professionnels\" hidden=\"\">\n            <div class=\"bs-interface-panel\">\n              <h3>Un espace d\u00e9di\u00e9 aux \u00e9tablissements de sant\u00e9<\/h3>\n              <p>\n                Les pharmacies, cabinets m\u00e9dicaux et h\u00f4pitaux pourront g\u00e9rer leur fiche, actualiser leurs coordonn\u00e9es, leurs horaires, leurs services et leur rep\u00e8re d\u2019orientation locale. La plateforme pr\u00e9voit \u00e9galement la transmission d\u2019ordonnances aux patients.\n              <\/p>\n              <img decoding=\"async\" class=\"bs-interface-image\" src=\"https:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/1.png\" alt=\"Aper\u00e7u de l\u2019interface professionnelle de Bubble &amp; Care\" loading=\"lazy\">\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div>\n          <button class=\"bs-expand-button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bs-interface-particuliers\">\n            <span>D\u00e9couvrir l\u2019interface Particuliers<\/span>\n            <span class=\"bs-expand-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n\n          <div class=\"bs-expand-panel\" id=\"bs-interface-particuliers\" hidden=\"\">\n            <div class=\"bs-interface-panel\">\n              <h3>Un acc\u00e8s plus simple \u00e0 l\u2019information de sant\u00e9<\/h3>\n              <p>\n                L\u2019espace particuliers est pens\u00e9 pour aider chacun \u00e0 rechercher des \u00e9tablissements de sant\u00e9 et \u00e0 retrouver les informations utiles pour pr\u00e9parer ses d\u00e9marches.\n              <\/p>\n             <img decoding=\"async\" class=\"bs-interface-image\" src=\" http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/2-1.jpg\"\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- OFFRES : CLIQUER POUR AFFICHER LES DETAILS -->\n\n  <section class=\"bs-section\">\n    <div class=\"bs-container\">\n\n      <div class=\"bs-section-heading\">\n        <div class=\"bs-eyebrow\">Les offres<\/div>\n        <h2>Bubble &amp; Care, pour les particuliers comme pour les professionnels.<\/h2>\n        <p>\n          Chaque espace r\u00e9pond \u00e0 des usages sp\u00e9cifiques. Ouvrez une offre pour en d\u00e9couvrir les fonctionnalit\u00e9s envisag\u00e9es.\n        <\/p>\n      <\/div>\n\n      <div class=\"bs-offers\">\n\n        <!-- OFFRE PARTICULIERS -->\n\n        <article class=\"bs-offer\">\n          <h3>Pour les particuliers<\/h3>\n          <p>\n            Rechercher plus facilement les \u00e9tablissements de sant\u00e9 et, \u00e0 terme, mieux organiser les informations de sant\u00e9 de sa famille.\n          <\/p>\n\n          <button class=\"bs-expand-button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bs-offre-particuliers\">\n            <span>D\u00e9couvrir l\u2019offre Particuliers<\/span>\n            <span class=\"bs-expand-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n\n          <div class=\"bs-expand-panel\" id=\"bs-offre-particuliers\" hidden=\"\">\n            <ul class=\"bs-feature-list\">\n              <li>Recherche de pharmacies, cabinets m\u00e9dicaux et h\u00f4pitaux.<\/li>\n              <li>Consultation des coordonn\u00e9es, horaires, services et rep\u00e8res d\u2019orientation locale renseign\u00e9s sur les fiches.<\/li>\n              <li>Acc\u00e8s aux informations des \u00e9tablissements mises \u00e0 jour par les professionnels.<\/li>\n            <\/ul>\n\n            <div class=\"bs-premium-note\">\n              <strong>Fonctionnalit\u00e9s Premium envisag\u00e9es :<\/strong>\n              <ul class=\"bs-feature-list\" style=\"margin-top:10px;\">\n                <li>Stockage num\u00e9rique s\u00e9curis\u00e9 des ordonnances pendant un an, avec classement par membre de la famille.<\/li>\n                <li>Enregistrement des rendez-vous m\u00e9dicaux et rappels automatiques.<\/li>\n                <li>G\u00e9olocalisation GPS pour trouver les \u00e9tablissements \u00e0 proximit\u00e9.<\/li>\n              <\/ul>\n              <p style=\"margin:12px 0 0;\">\n                Ces fonctionnalit\u00e9s sont envisag\u00e9es pour une \u00e9volution future de l\u2019offre Premium et ne sont pas pr\u00e9sent\u00e9es comme d\u00e9j\u00e0 disponibles.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <!-- OFFRE PROFESSIONNELS -->\n\n        <article class=\"bs-offer\">\n          <h3>Pour les professionnels<\/h3>\n          <p>\n            Donner aux \u00e9tablissements de sant\u00e9 un espace pour pr\u00e9senter leurs services et g\u00e9rer leurs informations de mani\u00e8re autonome.\n          <\/p>\n\n          <button class=\"bs-expand-button\" type=\"button\" aria-expanded=\"false\" aria-controls=\"bs-offre-professionnels\">\n            <span>D\u00e9couvrir l\u2019offre Professionnels<\/span>\n            <span class=\"bs-expand-icon\" aria-hidden=\"true\">+<\/span>\n          <\/button>\n\n          <div class=\"bs-expand-panel\" id=\"bs-offre-professionnels\" hidden=\"\">\n            <ul class=\"bs-feature-list\">\n              <li>Cr\u00e9ation et gestion de la fiche de l\u2019\u00e9tablissement.<\/li>\n              <li>Mise \u00e0 jour des horaires, coordonn\u00e9es, adresse, site internet et services propos\u00e9s.<\/li>\n              <li>Ajout d\u2019un rep\u00e8re d\u2019orientation locale pour faciliter l\u2019acc\u00e8s \u00e0 l\u2019\u00e9tablissement.<\/li>\n              <li>Meilleure visibilit\u00e9 num\u00e9rique aupr\u00e8s des personnes qui recherchent un service de sant\u00e9.<\/li>\n              <li>Possibilit\u00e9 pr\u00e9vue de transmettre des ordonnances aux patients via la plateforme.<\/li>\n<div class=\"bs-premium-note\">\n  <strong>Fonctionnalit\u00e9s Premium envisag\u00e9es pour les professionnels :<\/strong>\n  <ul class=\"bs-feature-list\" style=\"margin-top:10px;\">\n    <li>\n      <strong>Transmission num\u00e9rique des ordonnances :<\/strong>\n      transmettre les ordonnances aux patients via la plateforme.\n    <\/li>\n    <li>\n      <strong>Gestion du planning et prise de rendez-vous en ligne :<\/strong>\n      publier les disponibilit\u00e9s de l\u2019\u00e9tablissement ou du professionnel de sant\u00e9 afin que les patients puissent consulter les cr\u00e9neaux propos\u00e9s et r\u00e9server directement leur rendez-vous.\n    <\/li>\n  <\/ul>\n  <p style=\"margin:12px 0 0;\">\n    Ces fonctionnalit\u00e9s Premium sont envisag\u00e9es pour une \u00e9volution future de Bubble &amp; Care et ne sont pas pr\u00e9sent\u00e9es comme d\u00e9j\u00e0 disponibles.\n  <\/p>\n<\/div>\n            <\/ul>\n\n            <p class=\"bs-note\" style=\"margin-top:15px;\">\n              L\u2019espace professionnel est con\u00e7u pour faciliter la gestion des informations de l\u2019\u00e9tablissement et leur actualisation.\n            <\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DISPONIBILITE -->\n\n  <section class=\"bs-section-small\">\n    <div class=\"bs-container\">\n      <div class=\"bs-availability\">\n        <h2>Bient\u00f4t disponible sur Google Play<\/h2>\n        <p>\n          Bubble &amp; Care est en cours de d\u00e9veloppement.\n        <\/p>\n        <span class=\"bs-coming-soon\">Bient\u00f4t disponible sur Android<\/span>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- INTERACTIONS : OUVRIR \/ FERMER LES SECTIONS -->\n\n  <script>\n    (function () {\n      var root = document.getElementById('bubble-solution');\n      if (!root || root.dataset.bsInitialized === 'true') return;\n\n      root.dataset.bsInitialized = 'true';\n\n      var buttons = root.querySelectorAll('.bs-expand-button');\n\n      buttons.forEach(function (button) {\n        button.addEventListener('click', function () {\n          var panelId = button.getAttribute('aria-controls');\n          var panel = root.querySelector('#' + panelId);\n\n          if (!panel) return;\n\n          var isExpanded = button.getAttribute('aria-expanded') === 'true';\n\n          button.setAttribute('aria-expanded', String(!isExpanded));\n          panel.hidden = isExpanded;\n        });\n      });\n    })();\n  <\/script>\n\n<\/div>\n\n<style>\n\/* Correction du survol des blocs Particuliers et Professionnels *\/\n#bubble-solution .bs-offers > .bs-offer,\n#bubble-solution .bs-offers > .bs-offer:hover,\n#bubble-solution .bs-offers > .bs-offer:focus-within {\n  background: #FFFFFF !important;\n  color: #292D2A !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n  filter: none !important;\n  -webkit-filter: none !important;\n}\n\n\/* Maintenir le texte visible *\/\n#bubble-solution .bs-offers > .bs-offer:hover h3,\n#bubble-solution .bs-offers > .bs-offer:hover p,\n#bubble-solution .bs-offers > .bs-offer:hover li,\n#bubble-solution .bs-offers > .bs-offer:hover strong,\n#bubble-solution .bs-offers > .bs-offer:hover .bs-expand-button {\n  color: #292D2A !important;\n  -webkit-text-fill-color: #292D2A !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n\/* Conserver le contour vert fonc\u00e9 *\/\n#bubble-solution .bs-offers > .bs-offer {\n  border: 2px solid #176B22 !important;\n  border-radius: 14px !important;\n}\n\n\/* Pr\u00e9server l'affichage du contenu d\u00e9pli\u00e9 *\/\n#bubble-solution .bs-offers .bs-expand-panel:not([hidden]) {\n  display: block;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n#bubble-solution .bs-expand-panel[hidden] {\n  display: none !important;\n}\n<\/style>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\/* PIED DE PAGE BUBBLE & CARE *\/\n#bubble-footer {\n  background: #F2F2F2;\n  color: #35443A;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n  padding: 40px 22px 18px;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n#bubble-footer * {\n  box-sizing: border-box;\n}\n\n#bubble-footer .bf-container {\n  max-width: 1120px;\n  margin: 0 auto;\n}\n\n#bubble-footer .bf-main {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr;\n  gap: 36px;\n  padding-bottom: 28px;\n}\n\n\/* LOGO ET IDENTIT\u00c9 *\/\n#bubble-footer .bf-brand {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 15px;\n}\n\n#bubble-footer .bf-logo {\n  display: block;\n  width: 48px !important;\n  height: 48px !important;\n  min-width: 48px;\n  max-width: 48px !important;\n  min-height: 48px;\n  max-height: 48px !important;\n  object-fit: contain;\n  flex-shrink: 0;\n  border-radius: 7px;\n}\n\n#bubble-footer .bf-brand h2 {\n  color: #23432B;\n  font-size: 21px;\n  line-height: 1.2;\n  margin: 0 0 4px;\n}\n\n#bubble-footer .bf-brand p {\n  font-size: 13px;\n  margin: 0;\n}\n\n#bubble-footer p {\n  margin: 0 0 12px;\n  font-size: 14px;\n}\n\n\/* TITRES ET LIENS *\/\n#bubble-footer h3 {\n  color: #23432B;\n  font-size: 16px;\n  margin: 0 0 14px;\n}\n\n#bubble-footer .bf-links {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n#bubble-footer .bf-links li {\n  margin: 0 0 9px;\n  padding: 0;\n}\n\n#bubble-footer .bf-links a {\n  color: #35443A;\n  font-size: 14px;\n  text-decoration: none;\n}\n\n#bubble-footer .bf-links a:hover {\n  color: #21A62A;\n  text-decoration: underline;\n}\n\n\/* COPYRIGHT *\/\n#bubble-footer .bf-bottom {\n  border-top: 1px solid #B4D9B9;\n  padding-top: 17px;\n  text-align: center;\n}\n\n#bubble-footer .bf-bottom p {\n  font-size: 12px;\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* AFFICHAGE SUR MOBILE *\/\n@media (max-width: 700px) {\n  #bubble-footer {\n    padding: 32px 20px 18px;\n  }\n\n  #bubble-footer .bf-main {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  #bubble-footer .bf-logo {\n    width: 48px !important;\n    height: 48px !important;\n    max-width: 48px !important;\n    max-height: 48px !important;\n  }\n\n  #bubble-footer .bf-bottom p {\n    font-size: 11px;\n  }\n}\n<\/style>\n\n<footer id=\"bubble-footer\">\n  <div class=\"bf-container\">\n\n    <div class=\"bf-main\">\n\n      <!-- IDENTIT\u00c9 DE BUBBLE & CARE -->\n      <div class=\"bf-identity\">\n\n        <div class=\"bf-brand\">\n          <img decoding=\"async\"\n            class=\"bf-logo\"\n            src=\"http:\/\/bubble.bvr.services\/wp-content\/uploads\/2026\/10\/Plan-de-travail-1.png\"\n            alt=\"Logo Bubble &amp; Care\"\n            loading=\"lazy\"\n            style=\"width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain;display:block;flex-shrink:0;\"\n          >\n\n          <div>\n            <h2>Bubble &amp; Care<\/h2>\n            <p>La sant\u00e9, plus proche de vous.<\/p>\n          <\/div>\n        <\/div>\n\n        <p>\n          Une solution con\u00e7ue pour faciliter la recherche\n          et le rep\u00e9rage des \u00e9tablissements de sant\u00e9.\n        <\/p>\n\n      <\/div>\n\n      <!-- NAVIGATION DU SITE -->\n      <div>\n        <h3>D\u00e9couvrir<\/h3>\n\n        <ul class=\"bf-links\">\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/notre-histoire\/\">\n              Notre histoire\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/bubble-care-app\/\">\n              Bubble &amp; Care App\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/contact\/\">\n              Contact\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- INFORMATIONS L\u00c9GALES -->\n      <div>\n        <h3>Informations l\u00e9gales<\/h3>\n\n        <ul class=\"bf-links\">\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/mentions-legales\/\">\n              Mentions l\u00e9gales\n            <\/a>\n          <\/li>\n\n          <li>\n            <a href=\"https:\/\/bubble.bvr.services\/index.php\/politique-de-confidentialite\/\">\n              Politique de confidentialit\u00e9\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <!-- COPYRIGHT -->\n    <div class=\"bf-bottom\">\n      <p>\n        Copyright \u00a9 2026 Bouger.Vivre.R\u00e9aliser |\n        Powered by Bouger.Vivre.R\u00e9aliser\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>La solution Bubble &amp; Care Faciliter l\u2019acc\u00e8s \u00e0 l\u2019information de sant\u00e9, au quotidien. Bubble est le premier annuaire num\u00e9rique de sant\u00e9 collaboratif con\u00e7u pour les r\u00e9alit\u00e9s africaines. Il permet aux citoyens de trouver rapidement une pharmacie, un cabinet m\u00e9dical et un h\u00f4pital gr\u00e2ce \u00e0 des informations fiables, r\u00e9guli\u00e8rement mises \u00e0 jour par les professionnels eux-m\u00eames&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":19,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/bubble.bvr.services\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}