templates/fr/patient-self-testing.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Apprenez à surveiller vous-même votre RIN | CoaguChek{% endblock %}
  4. {% block description %}L’autosurveillance de votre taux d’anticoagulation avec le CoaguChek INRange donne des résultats justes et fiables du RIN en moins d’une minute.{% endblock %}
  6. {% block main %}
  7.     <section class="bg-patient text-white position-relative roche-header">
  8.         <div class="container-fluid">
  9.             <div class="row align-items-center">
  10.                 <div class="col-lg-4 offset-lg-2 py-5 px-0 order-2 order-lg-1">
  11.                     <div class="container">
  12.                         <h1>Surveillez vous-même votre RIN avec assurance</h1>
  13.                         <p class="mb-0">Ce que vous devez savoir sur l’autosurveillance du temps de coagulation à l’aide de l’appareil CoaguChek<sup>®</sup>.</p>
  14.                     </div>
  15.                 </div>
  16.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  17.                     <img src="{{ asset('build/images/patient/03-Self-Testing/000-Heroimage_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/000-Heroimage_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/000-Heroimage_2x.png') }} 2x" alt="Une fille qui fait un câlin à mère sur un canapé" class="w-100" />
  18.                 </div>
  19.             </div>
  20.         </div>
  21.     </section>
  23.     <section id="inr-self-testing" class="roche-section__medium">
  24.         <div class="container">
  26.             <h2  class="text-patient mb-5">À qui convient l’autosurveillance du RIN?</h2>
  28.             <div class="row d-flex align-items-center mb-3">
  29.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  30.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_Testing.svg') }}" alt="Icône de test">
  31.                 </div>
  32.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  33.                     <p class="mb-0">L’autosurveillance convient aux patients qui suivent un traitement anticoagulant à long terme (habituellement à vie) par un antagoniste de la vitamine K (comme la warfarine). Si on vous a prescrit un ACOD ou un NACO, l’autosurveillance n’est pas une option.</p>
  34.                 </div>
  35.             </div>
  37.             <div class="row d-flex align-items-center mb-3 pt-4">
  38.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  39.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_Dexterity.svg') }}" alt="Icône de dextérité">
  40.                 </div>
  41.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  42.                     <p class="mb-0">Pour pouvoir pratiquer l’autosurveillance, vous devez avoir une certaine dextérité manuelle et vous exercer à faire les tests. Un membre de la famille ou un proche aidant peut vous aider à accomplir cette tâche.</p>
  43.                 </div>
  44.             </div>
  46.             <div class="row d-flex align-items-center mb-5 pt-4">
  47.                 <div class="col-12 col-lg-1 d-flex justify-content-center pb-3">
  48.                     <img src="{{ asset('build/images/patient/03-Self-Testing/Icon_FirstStep.svg') }}" alt="Icône première étape">
  49.                 </div>
  50.                 <div class="col-12 col-lg-11 text-center text-lg-start">
  51.                     <p class="mb-0">Vous devez d’abord informer votre médecin de votre intérêt à surveiller vous-même vos valeurs de coagulation.</p>
  52.                 </div>
  53.             </div>
  55.             <div class="d-flex justify-content-center justify-content-lg-start mb-5">
  56.                 <a href="{{ path('patient-anticoagulation') }}" class="btn btn-patient text-white">Anticoagulants</a>
  57.             </div>
  59.             <p class="mb-0"><small>ACOD : anticoagulant direct par voie orale; NACO : nouvel anticoagulant oral</small></p>
  60.             
  61.         </div>
  62.     </section>
  64.     <section class="bg-soft roche-section__medium" id="how-inr-self-testing-works">
  65.         <div class="container">
  66.             <div class="row">
  67.                 <div class="col-12 col-lg-6">
  68.                     <h2 class="text-patient">Comment aborder la question de l’autosurveillance avec votre médecin?</h2>
  69.                     <p>N’hésitez pas à parler d’autosurveillance avec votre médecin. Expliquez-lui à quel point cette option vous faciliterait la vie. Par exemple, les prises de sang pour les tests vous stressent et vous trouvez les visites médicales fréquentes contraignantes? Ou vous aimeriez peut-être manger ce qui vous plaît sans avoir peur des conséquences? Il existe de nombreuses raisons d’adopter l’autosurveillance.</p>
  70.                     <p>Si vous décidez de commencer l’autosurveillance, demandez à votre médecin de vous remettre une ordonnance pour pouvoir vous procurer l’appareil de lecture CoaguChek<sup>®</sup>, en vente dans les pharmacies.</p>
  71.                 </div>
  72.                 <div class="col-12 col-lg-6 pt-5 pt-lg-0">
  73.                     <h2 class="text-patient">Comment fonctionne l’autosurveillance du RIN?</h2>
  74.                     <p>Le terme « autosurveillance » désigne exactement ce qu’il en est. <strong>Vous</strong> devenez le responsable de vos tests de coagulation et prenez ainsi votre traitement anticoagulant en main.</p>
  75.                     <p>L’autosurveillance vous permet de connaître vos résultats de coagulation n’importe quand, n’importe où. Un autre avantage : vous apprenez à mieux connaître votre corps. Vous en viendrez à savoir comment vous réagissez au stress, à des changements dans votre alimentation et aux variations de climat. Et si jamais vous n’êtes pas sûr que votre temps de coagulation se situe dans les valeurs cibles, il vous suffit de faire un deuxième test pour le vérifier.</p>
  76.                     <p>La mesure fréquente du RIN peut en fait augmenter le temps passé dans l’intervalle cible et entraîner une diminution du nombre d’événements potentiellement mortels<sup>1,2</sup>.</p>
  77.                 </div>
  79.             </div>
  81.         </div>
  82.         
  83.     </section>
  85.     <section id="self-testing-cc" class="roche-section__medium">
  86.         <div class="container">
  87.             <h2 class="text-patient">L’autosurveillance par CoaguChek<sup>®</sup>, étape par étape</h2>
  88.             <p class="mb-5">CoaguChek<sup>®</sup> est un appareil de lecture de la coagulation portatif qui fournit une mesure exacte et fiable du RIN en moins d’une minute à partir d’une seule goutte de sang.</p>
  90.             <div class="row">
  91.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3">
  92.                     <img src="{{ asset('build/images/patient/03-Self-Testing/01-Step1_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/01-Step1_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/01-Step1_2x.png') }} 2x" alt="Une personne qui insert une bandelette-test dans un appareil CoaguChek">
  93.                 </div>
  94.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  95.                     <div>
  96.                         <h3 class="text-patient mb-0">ÉTAPE 1 :</h3>
  97.                         <p class="mb-0">Insérez la bandelette-test dans l’appareil et confirmez que la puce d’étalonnage correspond à la bandelette.</p>
  98.                     </div>                    
  99.                 </div>            
  100.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  101.                     <img src="{{ asset('build/images/patient/03-Self-Testing/02-Step2_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/02-Step2_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/02-Step2_2x.png') }} 2x" alt="Une personne qui prélève une goutte de sang au bout d'un doigt à l'aide de la lancette CoaguChek Softclix">
  102.                 </div>
  103.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  104.                     <div>
  105.                         <h3 class="text-patient mb-0">ÉTAPE 2 :</h3>
  106.                         <p class="mb-0">Après une phase de réchauffement, prélevez une goutte de sang au bout d’un doigt pratiquement sans douleur à l’aide de la lancette CoaguChek<sup>®</sup> Softclix<sup>®</sup>.</p>
  107.                     </div>                
  108.                 </div>
  109.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  110.                     <img src="{{ asset('build/images/patient/03-Self-Testing/03-Step3_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/03-Step3_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/03-Step3_2x.png') }} 2x" alt="Une personne qui dépose une goutte de sang sur une bandelette-test CoaguChek">
  111.                 </div>    
  112.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  113.                     <div>
  114.                         <h3 class="text-patient mb-0">ÉTAPE 3 :</h3>
  115.                         <p class="mb-0">Déposez la goutte de sang sur la bandelette dans les 15&nbsp;secondes suivantes.</p>
  116.                     </div>
  117.                 </div>
  118.                 <div class="col-12 col-lg-2 d-flex justify-content-center pb-3 pt-5 pt-lg-0">
  119.                     <img src="{{ asset('build/images/patient/03-Self-Testing/04-Step4_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/04-Step4_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/04-Step4_2x.png') }} 2x" alt="Affichage du niveau de coagulation sur un appareil CoaguChek">
  120.                 </div>    
  121.                 <div class="col-12 col-lg-4 d-flex align-items-lg-center text-center text-lg-start">
  122.                     <div>
  123.                         <h3 class="text-patient mb-0">ÉTAPE 4 :</h3>
  124.                         <p class="mb-0">Obtenez votre résultat de coagulation en une minute seulement.</p>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </section>
  131.     <section class="roche-section__medium bg-patient text-white">
  132.         <div class="container">
  133.             <div class="row">
  134.                 <div class="col-12 col-lg-6 order-1 order-lg-1">
  135.                     <h2>CoaguChek<sup>®</sup> INRange</h2>
  136.                     <p>Regardez la courte vidéo ci-dessous pour apprendre comment utiliser l’appareil CoaguChek<sup>®</sup> INRange afin de connaître votre RIN.</p>
  137.                 </div>
  138.                 <div class="col-12 col-lg-6 order-3 order-lg-2 pt-5 pt-lg-0">
  139.                     <h2>CoaguChek<sup>®</sup> XS</h2>
  140.                     <p>Regardez la courte vidéo ci-dessous pour apprendre comment utiliser l’appareil CoaguChek<sup>®</sup> XS afin de connaître votre RIN.</p>
  141.                 </div>
  142.                 <div class="col-12 col-lg-6 order-2 order-lg-3">
  143.                     <div class="ratio ratio-16x9 mt-3">
  144.                         <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" id="html5_video_eany7cgzpzu">
  145.                             <source src="{{ asset('build/videos/coaguchek-inrange-handling-video-fr.mp4') }}" type="video/mp4">
  146.                         </video>
  147.                     </div>                    
  148.                 </div>
  149.                 <div class="col-12 col-lg-6 order-4">
  150.                     <div class="ratio ratio-16x9 mt-3">
  151.                         <video poster="{{ asset('build/images/video-thumb-roche.png') }}" controls="" id="html5_video_eany7cgzpzu">
  152.                             <source src="{{ asset('build/videos/coaguchek_xs_handling_video-fr.mp4') }}" type="video/mp4">
  153.                         </video>
  154.                     </div>                    
  155.                 </div>        
  156.             </div>
  157.         </div>
  158.     </section>
  159.  
  161.     <section class="roche-section__medium bg-soft">
  162.         <div class="container">
  163.             <div class="row align-items-center">
  164.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  165.                     <img class="img-fluid" src="{{ asset('build/images/patient/00-Homepage/03-CareCentre_1x.png') }}" srcset="{{ asset('build/images/patient/00-Homepage/03-CareCentre_1x.png') }} 1x, {{ asset('build/images/patient/00-Homepage/03-CareCentre_2x.png') }} 2x" alt="Une femme au téléphone qui lit les instructions de son médicament">
  166.                 </div>
  167.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  168.                     <h2 class="text-patient">Avez-vous des questions sur l’autosurveillance?</h2>
  169.                     Le <a href="{{ path('patient-contact') }}" class="text-patient">Centre d’assistance Roche – CoaguChek<sup>®</sup></a> est là pour répondre à vos questions.</p> 
  170.                     <p>Appelez-nous sans frais au <a href="tel:18774262482" class="text-patient text-decoration-none">1-877-426-2482</a>, du lundi au vendredi, de 8 h à 17 h (HNE).</p>
  171.                     <a class="btn btn-patient text-white" href="{{ path('patient-contact') }}">Communiquer avec nous</a>
  172.                 </div>
  173.             </div>
  174.         </div>
  176.     </section>
  179.     <section class="roche-section__medium text-center" id="patient-experiences">
  180.         <div class="container">
  181.             <h2 class="text-patient mb-5">Expériences de patients</h2>
  183.             <div class="row roche-blockquotes">
  184.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  185.                     <blockquote>
  186.                         <h3 class="text-patient mb-3">Le résultat instantané, c’était magique, absolument magique.</h3>
  187.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/05_Catherine_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/05_Catherine_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/05_Catherine_2x.png') }} 2x" alt="Une patiente nommée Catherine"></p>
  188.                         <p>Née avec un trouble touchant ses valvules cardiaques, <span class="text-patient"><strong>Katherine</strong></span> a passé beaucoup de temps dans les hôpitaux. Avec sa mère, elle explique comment CoaguChek<sup>®</sup> lui a redonné son autonomie et lui permet de vivre la vie dont elle a toujours rêvé.</p>
  189.                         <p>Voyez comment l’autosurveillance à l’aide de CoaguChek<sup>®</sup> peut vous aider à conserver votre autonomie.</p>
  190.                         <a href="{{ path('patient-remaining-independent-freedom') }}" class="btn btn-patient text-white">Découvrez la liberté que procure l’autosurveillance</a>
  191.                     </blockquote>
  192.                 </div>
  194.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  195.                     <blockquote>
  196.                         <h3 class="text-patient mb-3" >Il existe<br>des options. </h3>
  197.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/06-Bob_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/06-Bob_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/06-Bob_2x.png') }} 2x" alt="Un patient nommé Bob"></p>
  198.                         <p>Après un remplacement valvulaire aortique, <span class="text-patient"><strong>Bob</strong></span> a commencé un traitement anticoagulant à vie. Lorsqu’il a entendu parler d’autosurveillance, cette option l’a immédiatement intéressé. L’autosurveillance a finalement donné à ce fervent voyageur la commodité et la tranquillité d’esprit qu’il souhaitait.</p>
  199.                         <button type="button" class="btn btn-patient text-white" data-bs-toggle="modal" data-bs-target="#videoModalBob">Visionner la vidéo</button>
  200.                     </blockquote>
  201.                     <!-- Video Modal -->
  202.                     <div class="modal fade video-modal" id="videoModalBob" tabindex="-1" role="dialog" aria-hidden="true">
  203.                         <div class="modal-dialog modal-dialog-centered" role="document">
  204.                             <div class="modal-content">
  205.                                 <div class="modal-body">
  206.                                     <div class="text-end">
  207.                                         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  208.                                     </div>
  209.                                     <video poster="{{ asset('build/images/video-thumb-coaguchek.png') }}" controls="" class="w-100 video-popup" id="html5_video_eany7cgzpzu">
  210.                                         <source src="{{ asset('build/videos/bob-coaguchek.mp4') }}" type="video/mp4">
  211.                                     </video>
  212.                                 </div>
  213.                             </div>
  214.                         </div>
  215.                     </div>
  216.                 </div>
  218.                 <div class="col-12 col-lg-4 pt-5 pt-lg-0">
  219.                     <blockquote>
  220.                         <h3 class="text-patient mb-3">Je connais maintenant beaucoup<br>mieux mon corps.</h3>
  221.                         <p><img src="{{ asset('build/images/patient/03-Self-Testing/07-Heiki_1x.png') }}" srcset="{{ asset('build/images/patient/03-Self-Testing/07-Heiki_1x.png') }} 1x, {{ asset('build/images/patient/03-Self-Testing/07-Heiki_2x.png') }} 2x" alt="Une patiente nommée Heike"></p>
  222.                         <p>À 22 ans, <span class="text-patient"><strong>Heike</strong></span> a reçu une valvule cardiaque mécanique avec laquelle elle a rapidement appris à vivre. Elle n’a cependant commencé à se sentir libre et indépendante qu’une fois qu’elle a pu mesurer elle-même son état de coagulation.</p>
  223.                         <a href="{{ path('patient-remaining-independent-nutrition') }}#heike" class="btn btn-patient text-white">Lire la suite</a>
  224.                     </blockquote>
  225.                 </div>
  226.             </div>
  227.         </div>
  228.     </section>
  230.     <section class="roche-section__medium bg-soft">
  231.         <div class="container">
  232.             <div class="row align-items-center">
  233.                 <div class="col-12 col-lg-6">
  234.                     <h2 class="text-patient">Vous avez d’autres questions sur l’autosurveillance à l’aide de CoaguChek<sup>®</sup>?</h2>
  235.                     <p>Consultez notre FAQ pour trouver des réponses.</p> 
  236.                     <a class="btn btn-patient text-white" href="{{ path('patient-faq') }}">FAQ</a>
  237.                 </div>
  238.                 <div class="col-12 col-lg-6">
  239.                     <img class="img-fluid" src="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }}" srcset="{{ asset('build/images/patient/02-Anticoagulation/03-Questions_1x.png') }} 1x, {{ asset('build/images/patient/02-Anticoagulation/03-Questions_2x.png') }} 2x" alt="faq">
  240.                 </div>                
  241.             </div>
  242.         </div>
  244.     </section>
  246.     <section class="py-5">
  247.         <div class="container">
  248.             <p class="mb-0">
  249.                 <small><strong>Références :</strong><br>
  250.                 1. Bauman ME <em>et al.</em> EMPoWARed: Edmonton pediatric warfarin self-management study. <em>Thromb Res.</em> 2015;136(5):887-893.<br>
  251.                 2. Heneghan C <em>et al.</em> Self-monitoring of oral anticoagulation: systematic review and meta-analysis of individual patient data. <em>Lancet.</em> 2012;379:322-334.</small>
  252.             </p>
  253.         </div>
  255.     </section>
  257.     {# Included in CD, not in maquette: See how self-testing with CoaguChek<sup>®</sup> can help you maintain your independence.
  258.     The freedom of self-testing #}
  260. {% endblock %}