var/cache/dev/twig/73/736eb755332aff25707de9e25f70893d.php line 52

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* ./accueil/accueil.html.twig */
  16. class __TwigTemplate_9cafab7d008a1b1ffd02b87f9c3d73ae extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'stylesheets' => [$this, 'block_stylesheets'],
  29.             'javascripts' => [$this, 'block_javascripts'],
  30.             'meta' => [$this, 'block_meta'],
  31.             'body' => [$this, 'block_body'],
  32.             'content' => [$this, 'block_content'],
  33.         ];
  34.     }
  36.     protected function doGetParent(array $context)
  37.     {
  38.         // line 1
  39.         return "base.html.twig";
  40.     }
  42.     protected function doDisplay(array $context, array $blocks = [])
  43.     {
  44.         $macros = $this->macros;
  45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  46.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./accueil/accueil.html.twig"));
  48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  49.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./accueil/accueil.html.twig"));
  51.         $this->parent = $this->loadTemplate("base.html.twig", "./accueil/accueil.html.twig", 1);
  52.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  53.         
  54.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  56.         
  57.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  59.     }
  61.     // line 3
  62.     public function block_stylesheets($context, array $blocks = [])
  63.     {
  64.         $macros = $this->macros;
  65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  66.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  69.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  71.         // line 4
  72.         $this->displayParentBlock("stylesheets", $context, $blocks);
  73.         echo "
  75. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick.css\" />
  76. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick-theme.css\" />
  77. <link rel=\"stylesheet\" href=\"/assets/css/accueil.css\">
  78. ";
  79.         
  80.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  82.         
  83.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  85.     }
  87.     // line 12
  88.     public function block_javascripts($context, array $blocks = [])
  89.     {
  90.         $macros = $this->macros;
  91.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  92.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  94.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  95.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  97.         // line 13
  98.         $this->displayParentBlock("javascripts", $context, $blocks);
  99.         echo "
  101.  <script type=\"text/javascript\" src=\"/assets/lib/slick-1.8.1/slick.js\"></script>
  102.  <script type=\"text/javascript\" src=\"/assets/js/acceuil.js\"></script>
  104.  <script>
  106.  var mailRelance=\"\";
  107.    function initMap() {
  108.   
  110.     geocoder = new google.maps.Geocoder();
  112.   
  113. }
  115. \$(document).ready(function () {
  116.      ";
  117.         // line 30
  118.         if (array_key_exists("token", $context)) {
  119.             // line 31
  120.             echo "        token = \"";
  121.             echo twig_escape_filter($this->env, (isset($context["token"]) || array_key_exists("token", $context) ? $context["token"] : (function () { throw new RuntimeError('Variable "token" does not exist.', 31, $this->source); })()), "html", null, true);
  122.             echo "\";
  123.     ";
  124.         } else {
  125.             // line 33
  126.             echo "        token = -1;
  127.     ";
  128.         }
  129.         // line 35
  130.         echo "
  131.      ";
  132.         // line 36
  133.         if (array_key_exists("mailConfirmation", $context)) {
  134.             // line 37
  135.             echo "        mailRelance = \"";
  136.             echo twig_escape_filter($this->env, (isset($context["mailConfirmation"]) || array_key_exists("mailConfirmation", $context) ? $context["mailConfirmation"] : (function () { throw new RuntimeError('Variable "mailConfirmation" does not exist.', 37, $this->source); })()), "html", null, true);
  137.             echo "\";
  138.     ";
  139.         } else {
  140.             // line 39
  141.             echo "        mailRelance = -1;
  142.     ";
  143.         }
  144.         // line 41
  145.         echo "
  148.     ";
  149.         // line 44
  150.         if (array_key_exists("tokenEmail", $context)) {
  151.             // line 45
  152.             echo "        tokenEmail = \"";
  153.             echo twig_escape_filter($this->env, (isset($context["tokenEmail"]) || array_key_exists("tokenEmail", $context) ? $context["tokenEmail"] : (function () { throw new RuntimeError('Variable "tokenEmail" does not exist.', 45, $this->source); })()), "html", null, true);
  154.             echo "\";
  155.     ";
  156.         } else {
  157.             // line 47
  158.             echo "        tokenEmail = -1;
  159.     ";
  160.         }
  161.         // line 49
  162.         echo "    
  163.     if (token != -1){
  164.         \$('#changePassword').modal('show');
  165.     }
  166.     
  167.     if (tokenEmail != -1){
  168.         \$.ajax({
  169.             url: BASE_API + 'valider/mail/token',
  170.             type: \"POST\",
  171.             contentType: \"application/json\",
  172.             dataType: \"json\",
  173.             data: JSON.stringify({
  174.                 \"token\": tokenEmail,
  175.                 \"mail\": mailRelance,
  176.             }),
  177.             async: true,
  178.             success: function (data) {
  179.                if (data.message == 'ok'){
  180.                    \$('#mailValider').modal('show');
  181.                } 
  182.                if (data.message == 'nok'){
  183.                     \$('#recommancerValidMail').modal('show');
  184.                }
  185.             }
  186.         });
  187.         
  188.     }
  191.   var tabs = \$('#myTab button');
  192.     var counter = 0;
  193.    var timer = window.setInterval(activateTab, 3000); 
  195.      function activateTab(){
  196.       // remove active class from all the tabs
  197.        tabs.removeClass('active');
  198.        var currentLink = tabs[counter];
  199.        \$('.tab-pane').removeClass('active').removeClass('show')
  200.        currentLink.classList.add('active');
  201.        \$(currentLink.getAttribute('data-bs-target')).addClass('active').addClass('show');
  202.        if(counter  < tabs.length - 1)
  203.          counter= counter + 1;
  204.        else 
  205.          counter = 0;
  206.     }
  208.   
  210.     \$('#tabsAvantageContainer').hover(function(ev){
  211.         clearInterval(timer);
  212.     }, function(ev){
  213.         timer = setInterval(activateTab, 3000);
  214.     });
  216.     
  217. });
  220. \$(function(){
  221.     
  223.    
  224. });
  227. function relanceConfirmMail(){
  228.     \$.ajax({
  229.         url: BASE_API + 'relance/valide/mail/token',
  230.         type: \"POST\",
  231.         contentType: \"application/json\",
  232.         dataType: \"json\",
  233.         data: JSON.stringify({
  234.             \"mail\": mailRelance,
  235.         }),
  236.         async: true,
  237.         success: function (data) {
  238.             \$('#recommancerValidMail').modal('hide');
  239.             \$('#ValidMailRelance').modal('show');
  240.         }
  241.     });
  242. }
  244.     function geolocaliser(){
  245.         if (navigator.geolocation) {
  246.             navigator.geolocation.getCurrentPosition(function(position) {
  247.                 var pos = {
  248.                     lat: position.coords.latitude,
  249.                     lng: position.coords.longitude
  250.                 };
  251.                 latitude = position.coords.latitude;
  252.                 longitude = position.coords.longitude;
  253.                 var geocoder = new google.maps.Geocoder;
  254.                 geocoder.geocode({'location': pos}, function(results, status) {
  255.                     if (status === 'OK') {
  256.                         if (results[0]) {
  257.                         street = results[0].formatted_address;
  258.                         \$(\"#searchByCityId\").val(street);
  259.                         } 
  260.                     } 
  261.                 });
  262.             }, function() {
  263.             // handleLocationError(true, infoWindow, map.getCenter());
  264.             });
  265.         }
  266.     }
  269.     function goToSearch(){
  270.         ville = \$('#searchByCityId').val();
  271.         nom = \$(\"#searchByNameId\").val();
  272.         geocoder.geocode( { 'address': ville}, function(results, status) {
  273.             if (status == 'OK') {
  274.                 lat = results[0].geometry.location.lat()
  275.                 long = results[0].geometry.location.lng()
  276.                 if (nom != \"\"){
  277.                         document.location.href=\"/search?name=\"+nom+\"&latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  278.                 } else {
  279.                      document.location.href=\"/search?latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  280.                 }
  281.             } else {
  282.                  if (nom != \"\"){
  283.                     document.location.href=\"/search?name=\"+nom;
  284.                 } else {
  285.                     document.location.href=\"/search?address=\"+ville;
  286.                 }
  287.             }
  289.         });
  290.     }
  292. </script>
  295. ";
  296.         
  297.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  299.         
  300.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  302.     }
  304.     // line 183
  305.     public function block_meta($context, array $blocks = [])
  306.     {
  307.         $macros = $this->macros;
  308.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  309.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  311.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  312.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  314.         // line 184
  315.         echo "        <title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  316.         <meta name=\"description\" content=\"Trouvez l'audioprothésiste proche de chez vous et prenez RDV directement en centre auditif pour contrôler votre audition - Essai et test auditif gratuit.\">
  317. ";
  318.         
  319.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  321.         
  322.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  324.     }
  326.     // line 189
  327.     public function block_body($context, array $blocks = [])
  328.     {
  329.         $macros = $this->macros;
  330.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  331.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  333.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  334.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  336.         // line 190
  337.         echo "  ";
  338.         $this->displayParentBlock("body", $context, $blocks);
  339.         echo "
  341.     <div class=\"backgroundheader\">
  342. </div>
  343. ";
  344.         
  345.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  347.         
  348.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  350.     }
  352.     // line 196
  353.     public function block_content($context, array $blocks = [])
  354.     {
  355.         $macros = $this->macros;
  356.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  357.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  359.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  360.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  362.         // line 202
  363.         echo "
  364. <style>
  365. video#bgvid { 
  366. height: 100vh;
  367.   width: 100vw;
  368.   object-fit: cover;
  369.   position: fixed;
  370.   left: 50%;
  371.   top: 50%;
  372.     transform: translate(-50%, -50%); 
  373.   z-index: 999999;
  374.   transition: opacity 2s ease-out;
  375.  opacity: 1;
  376.  background:#fff;
  378. }
  380. video#bgvid.end { 
  382.   z-index: -1;
  383.   transition: opacity 2s ease-out;
  384.       opacity: 0;
  388. }
  390. video#bgvid.nostart { 
  392.   z-index: -1;
  393.       opacity: 0;
  394. display:none;
  397. }
  399. </style>
  400. <script type='text/javascript'>
  401.     document.getElementById('bgvid').addEventListener('loadstart', function(e) {
  402.         if (getCookie('animationIn') == '1'){
  403.             \$(\"#bgvid\").prop('class','nostart');
  404.         }
  405.     
  406.     })
  408.     document.getElementById('bgvid').addEventListener('ended', function(e) {
  410.         \$(\"#bgvid\").prop('class','end');
  411.         setCookie('animationIn', '1', 1);
  412.     })
  414. </script>
  415.   ";
  416.         // line 254
  417.         $this->displayParentBlock("content", $context, $blocks);
  418.         echo "
  421.  <!-- Titre -->
  422.     <section class=\"header_home\">
  423.         <div class=\" row container\">
  424.             <div class=\"col-md-6 order-first\">
  425.                 <h1 class=\"Home_title\">Prenez rendez-vous avec un
  426.                 audioprothésiste proche de
  427.                 chez vous.</h1>
  428.                 <h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup> réseau national
  429.                 d'audioprothésiste de France.</h2>
  430.             </div>
  431.             
  432.         
  433.             <div class=\"col-md-6  order-3 order-md-2 casque-col\">
  434.                 <div class=\"casquecontain\">
  435.                     ";
  436.         // line 271
  437.         $this->loadTemplate("/casque.html.twig", "./accueil/accueil.html.twig", 271)->display($context);
  438.         // line 272
  439.         echo "                    <div class=\"casque-int\">
  440.                     <p class=\"Casque-title\">Testez votre audition</p>
  441.                     <p class=\"Casque-subtitle\">en seulement 3 min !</p>
  442.                     
  443.                     <a class=\"btn-search btn btn-vert-inverse btn-outline-light\"  href='/test-auditif-en-ligne/test' >Je commence</a>
  444.                     </div>
  445.                 </div>
  446.                 
  447.             </div>
  448.             <div class=\"col-md-6 order-2 order-md-3\">
  449.                 <div class=\"card card_search\">
  450.                         <form onsubmit=\" goToSearch(); return false;\">
  451.                             <div class=\"input-group\">
  452.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  453.                                 <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  454.                                     placeholder=\"Nom du spécialiste\">
  455.                             </div>
  456.                            <div class=\"centered-ou\">
  457.                                 <div class=\"line\"></div>
  458.                                 <p>ou</p>
  459.                                 <div class=\"line\"></div>
  460.                             </div>
  461.                             <div class=\"input-group\">
  462.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  463.                                 <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  464.                                 <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  465.                             </div>
  466.                             <div class=\"accueil_btn\">
  467.                                 <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  468.                             </div>
  469.                         </form>
  470.                 </div>
  471.             </div>
  472.             <div class=\"col-md-6  order-last father\">
  473.                 <video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  474.                         <source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  475.                 </video>
  476.                 
  477.             
  478.             </div>
  480.         </div>
  481.     </section>
  483.     <!-- Form Card 
  484.     <section class=\"container\">
  485.         <div class=\"col-md-6\">
  486.             <div class=\"card card_search\">
  487.                     <form onsubmit=\" goToSearch(); return false;\">
  488.                         <div class=\"input-group\">
  489.                             <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  490.                             <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  491.                                 placeholder=\"Audioprothésiste ou Centre auditif\">
  492.                         </div>
  493.                         <div class=\"input-group\">
  494.                             <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  495.                             <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  496.                             <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  497.                         </div>
  498.                         <div class=\"accueil_btn\">
  499.                             <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  500.                         </div>
  501.                     </form>
  502.             </div>
  503.         </div>
  505.     </section>-->
  507.     <!-- Icon section -->
  508.     <section class=\"icon_section\">
  509.         <div class=\"container\">
  510.             <div class=\"icon_div\">
  511.                 <div>
  512.                     <div class=\"icon_background\">
  513.                         <a class=\"icon_link \" href=\"/search\"> 
  514.                             <img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\" />
  515.                         </a>
  516.                     </div>
  517.                     <p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  518.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  519.                 </div>
  520.                 <div>
  521.                     <div class=\"icon_background\">
  522.                         <a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\"> 
  523.                             <img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  524.                         </a>
  525.                     </div>
  526.                     <p class=\"icon_title\">Le parcours de soin auditif</p>
  527.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  528.                 </div>
  529.                 <div>
  530.                  <a class=\"icon_link \" href=\"/test-auditif-en-ligne\"> 
  531.                     <div class=\"icon_background\">
  532.                         <img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\" />
  533.                     </div>
  534.                 </a>
  535.                     <p class=\"icon_title\">Test auditif en ligne</p>
  536.                     <a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  537.                 </div>
  538.                 <div>
  539.                 <a class=\"icon_link \" href=\"#\"> 
  540.                     <div class=\"icon_background\">
  541.                         <img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\" />
  542.                     </div>
  543.                 </a>
  544.                     <p class=\"icon_title\">1<sup>er</sup> réseau national <br> d’audioprothésistes certifiés</p>
  545.                     <a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  546.                 </div>
  547.               
  548.                 <div>
  549.                     <a class=\"icon_link \" href=\"/actualite-de-l-audition\"> 
  550.                         <div class=\"icon_background\">
  551.                             <img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\" />
  552.                         </div>
  553.                     </a>
  554.                     <p class=\"icon_title\">Actualité de l'audition</p>
  555.                     <a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  556.                 </div>
  557.             </div>
  558.         </div>
  560.     </section>
  562.     <!-- Tableau -->
  563.     <section class=\"tab_section\">
  564.         <div class=\"container\">
  565.             <h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  566.             <div class=\"card\"  style=\"min-height: 540px;\">
  567.                 <div id=\"tabsAvantageContainer\">
  568.                     <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  569.                         <li class=\"nav-item\" role=\"presentation\">
  570.                             <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\"
  571.                                 type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  572.                                 facilitée</button>
  573.                         </li>
  574.                         <li class=\"nav-item\" role=\"presentation\">
  575.                             <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\"
  576.                                 type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  577.                                 avantageux</button>
  578.                         </li>
  579.                         <li class=\"nav-item\" role=\"presentation\">
  580.                             <button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\"
  581.                                 type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  582.                                 ligne</button>
  583.                         </li>
  584.                         <li class=\"nav-item\" role=\"presentation\">
  585.                             <button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\"
  586.                                 type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  587.                                 national</button>
  588.                         </li>
  589.                         <li class=\"nav-item\" role=\"presentation\">
  590.                             <button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\"
  591.                                 type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  592.                                 complet</button>
  593.                         </li>
  594.                         <li class=\"nav-item\" role=\"presentation\">
  595.                             <button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\"
  596.                                 type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  597.                                 l'audition</button>
  598.                         </li>
  599.                     </ul>
  600.                     <div class=\"tab-content\" id=\"myTabContent\">
  601.                         <div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">                            
  602.                             <div class=\"row inner-tabs align-items-start\">
  603.                                 <div class=\"col-md-8\">    
  604.                                     <div class=\"align_title_img\">
  605.                                         <div class=\"align_img\">
  606.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  607.                                         </div>
  608.                                             <h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  609.                                     </div>
  610.                                     <div class=\"align_list_logo\">
  611.                                         <ul class=\"liste_tab\">
  612.                                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  613.                                                 seulement quelques clics.</li>
  614.                                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  615.                                                 que vous soyez.</li>
  616.                                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  617.                                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  618.                                                 choix. Plus besoin d'appeler
  619.                                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  620.                                                 disponibilités! </strong> 
  621.                                             </li>
  622.                                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  623.                                                 email
  624.                                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  625.                                             </li>                
  626.                                         </ul>
  627.                                     </div>
  628.                                 </div>
  629.                                 <div class=\"col-md-4\">
  630.                                     <div class=\"align_logo\">
  631.                                         <img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\" /> <br>
  632.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  633.                                     </div>
  634.                                 </div>
  635.                             </div>
  636.                         </div>
  637.                         <div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  638.                             <div class=\"row inner-tabs align-items-start\">
  639.                                 <div class=\"col-md-8\">
  640.                                     <div class=\"align_title_img\">
  641.                                         <div class=\"align_img\">
  642.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  643.                                         </div>
  644.                                             <h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  645.                                     </div>
  646.                                     <div class=\"align_list_logo\">
  647.                                         <ul class=\"liste_tab\">
  648.                                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  649.                                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  650.                                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  651.                                         </ul>
  652.                                         
  653.                                     </div>
  654.                                 </div>
  655.                                 <div class=\"col-md-4\">
  656.                                     <div class=\"align_logo\">
  657.                                         <img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\" /><br>
  658.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  659.                                     </div>
  660.                                 </div>
  661.                             </div>
  662.                         </div>
  663.                         <div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  664.                             <div class=\"row inner-tabs align-items-start\">
  665.                                 <div class=\"col-md-8\">                        
  666.                                     <div class=\"align_title_img\">
  667.                                         <div class=\"align_img\">
  668.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  669.                                         </div>
  670.                                             <h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  671.                                     </div>
  672.                                     <div class=\"align_list_logo\">
  673.                                         <ul class=\"liste_tab\">
  674.                                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  675.                                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  676.                                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  677.                                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  678.                                             <li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation <strong>tonale</strong> et une évaluation <strong>vocale.</strong></li>                               
  679.                                         </ul>
  680.                                         
  681.                                     </div>
  682.                                 </div>
  683.                                 <div class=\"col-md-4\">
  684.                                     <div class=\"align_logo\">
  685.                                         <img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\" /><br>
  686.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  687.                                     </div>
  688.                                 </div>
  689.                             </div>
  690.                         </div>
  691.                         <div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  692.                             <div class=\"row inner-tabs align-items-start\">
  693.                                 <div class=\"col-md-8\">
  694.                                     <div class=\"align_title_img\">
  695.                                         <div class=\"align_img\">
  696.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  697.                                         </div>
  698.                                             <h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  699.                                     </div>
  700.                                     <div class=\"align_list_logo\">
  701.                                         <ul class=\"liste_tab\">
  702.                                         <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  703.                                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  704.                                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  705.                                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  706.                                         </ul>
  707.                                     </div>
  708.                                 </div>
  709.                                 <div class=\"col-md-4\">
  710.                                     <div class=\"align_logo\">
  711.                                         <img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\" /><br>
  712.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  713.                                     </div>
  714.                                 </div>
  715.                             </div>
  716.                         </div>
  717.                         <div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  718.                             <div class=\"row inner-tabs align-items-start\">
  719.                                 <div class=\"col-md-8\">
  720.                                     <div class=\"align_title_img\">
  721.                                         <div class=\"align_img\">
  722.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  723.                                         </div>
  724.                                             <h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  725.                                     </div>
  726.                                     <div class=\"align_list_logo\">
  727.                                         <ul class=\"liste_tab\">
  728.                                         <li class=\"puce_tab\">Consultez <strong>l'historique de votre dossier</strong> de santé auditive avec l'ensemble de vos documents,
  729.                                                                 vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  730.                                             <li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est <strong>automatiquement transféré</strong> sans que
  731.                                                                 vous n'ayez aucune démarche à faire.
  732.                                             </li>
  733.                                             <li class=\"puce_tab\">Vos données de santé sont enregistrées de manière <strong>hautement sécurisée</strong> et
  734.                                                                 agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  735.                                             <li class=\"puce_tab\">Bénéficiez de conseils pour <strong>préserver votre capital auditif</strong> et adopter les bons gestes.
  736.                                         </ul>
  737.                                     </div>
  738.                                 </div>
  739.                                 <div class=\"col-md-4\">
  740.                                     <div class=\"align_logo\">
  741.                                         <img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\" /><br>
  742.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  743.                                     </div>
  744.                                 </div>
  745.                             </div>
  746.                         </div>
  747.                         <div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  748.                             <div class=\"row inner-tabs align-items-start\">
  749.                                 <div class=\"col-md-8\">
  750.                                     <div class=\"align_title_img\">
  751.                                         <div class=\"align_img\">
  752.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  753.                                         </div>
  754.                                             <h4 class=\"Tableau_title\">La référence de l’audition</h4>
  755.                                     </div>
  756.                                     <div class=\"align_list_logo\">
  757.                                         <ul class=\"liste_tab\">
  758.                                             <li class=\"puce_tab\">Retrouvez <strong>toute l'actualité</strong> de l'audition, les <strong>dernières innovations</strong> et les réformes du secteur.</li>
  759.                                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  760.                                         </ul>
  761.                                     </div>
  762.                                 </div>
  763.                                 <div class=\"col-md-4\">
  764.                                     <div class=\"align_logo\">
  765.                                         <img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\" /> <br>
  766.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  767.                                     </div>
  768.                                 </div>
  769.                             </div>
  770.                         </div>
  771.                     </div>
  772.                 </div>
  773.             </div>
  774.         </div>
  775.     </section>
  778.     <!--Tableau Mobile-->
  779.     <section class=\"tab_section_mobile\">
  780.         <h2 class=\"Tableau_title\">Les avantages du réseau 
  781.         My Audio</h2>
  782.         <div class=\"accordion\" id=\"accordionExample\">
  783.             <div class=\"accordion-item\">
  784.                 <h2 class=\"accordion-header\" id=\"headingOne\">
  785.                     <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\"
  786.                         data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  787.                         <div class=\"align_img\">
  788.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  789.                         </div> Prise de RDV facilitée
  790.                     </button>
  791.                 </h2>
  792.                 <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\"
  793.                     data-bs-parent=\"#accordionExample\">
  794.                     <div class=\"accordion-body\">
  795.                         <ul class=\"liste_tab\">
  796.                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  797.                                 seulement quelques clics.</li>
  798.                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  799.                                 que vous soyez.</li>
  800.                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  801.                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  802.                                 choix. Plus besoin d'appeler
  803.                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  804.                                 disponibilités! </strong> 
  805.                             </li>
  806.                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  807.                                 email
  808.                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  809.                             </li>               
  810.                         </ul>
  811.                         <div class=\"align_logo\">
  812.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  813.                         </div>
  814.                     </div>
  815.                 </div>
  816.             </div>
  817.             <div class=\"accordion-item\">
  818.                 <h2 class=\"accordion-header\" id=\"headingTwo\">
  819.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  820.                         data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  821.                         <div class=\"align_img\">
  822.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  823.                         </div> Tarifs avantages
  824.                     </button>
  825.                 </h2>
  826.                 <div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\"
  827.                     data-bs-parent=\"#accordionExample\">
  828.                     <div class=\"accordion-body\">
  829.                           <ul class=\"liste_tab\">
  830.                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  831.                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  832.                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  833.                         </ul>
  834.                        
  835.                         <div class=\"align_logo\">
  836.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  837.                         </div>
  838.                     </div>
  839.                 </div>
  840.             </div>
  841.             <div class=\"accordion-item\">
  842.                 <h2 class=\"accordion-header\" id=\"headingThree\">
  843.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  844.                         data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  845.                         <div class=\"align_img\">
  846.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  847.                         </div> Test auditif gratuit
  848.                     </button>
  849.                 </h2>
  850.                 <div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\"
  851.                     data-bs-parent=\"#accordionExample\">
  852.                     <div class=\"accordion-body\">
  853.                         <ul class=\"liste_tab\">
  854.                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  855.                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  856.                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  857.                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  858.                             <li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation <strong>tonale</strong> et une évaluation <strong>vocale.</strong></li>                               
  859.                         </ul>
  860.                       
  861.                         <div class=\"align_logo\">
  862.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  863.                         </div>
  864.                     </div>
  865.                 </div>
  866.             </div>
  867.             <div class=\"accordion-item\">
  868.                 <h2 class=\"accordion-header\" id=\"headingFour\">
  869.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  870.                         data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  871.                         <div class=\"align_img\">
  872.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  873.                         </div> Réseau de santé national
  874.                     </button>
  875.                 </h2>
  876.                 <div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\"
  877.                     data-bs-parent=\"#accordionExample\">
  878.                     <div class=\"accordion-body\">
  879.                          <ul class=\"liste_tab\">
  880.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  881.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  882.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  883.                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  884.                         </ul>
  885.                         
  886.                         <div class=\"align_logo\">
  887.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  888.                         </div>
  889.                     </div>
  890.                 </div>
  891.             </div>
  892.             <div class=\"accordion-item\">
  893.                 <h2 class=\"accordion-header\" id=\"headingFive\">
  894.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  895.                         data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  896.                         <div class=\"align_img\">
  897.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  898.                         </div> Suivi de votre audition
  899.                     </button>
  900.                 </h2>
  901.                 <div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\"
  902.                     data-bs-parent=\"#accordionExample\">
  903.                     <div class=\"accordion-body\">
  904.                          <ul class=\"liste_tab\">
  905.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  906.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  907.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  908.                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  909.                         </ul>
  910.                         
  911.                         <div class=\"align_logo\">
  912.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  913.                         </div>
  914.                     </div>
  915.                 </div>
  916.             </div>
  917.              <div class=\"accordion-item\">
  918.                 <h2 class=\"accordion-header\" id=\"headingSix\">
  919.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  920.                         data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  921.                         <div class=\"align_img\">
  922.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  923.                         </div> La référence de l’audition
  924.                     </button>
  925.                 </h2>
  926.                 <div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\"
  927.                     data-bs-parent=\"#accordionExample\">
  928.                     <div class=\"accordion-body\">
  929.                         <ul class=\"liste_tab\">
  930.                             <li class=\"puce_tab\">Retrouvez <strong>toute l'actualité</strong> de l'audition, les <strong>dernières innovations</strong> et les réformes du secteur.</li>
  931.                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  932.                         </ul>
  933.                         
  934.                         <div class=\"align_logo\">
  935.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\" >Prendre RDV</a>
  936.                         </div>
  937.                     </div>
  938.                 </div>
  939.             </div>
  940.         </div>
  941.     </section> 
  945.     <!-- Carousel & card-->
  946.     ";
  947.         // line 779
  948.         if ((twig_length_filter($this->env, (isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 779, $this->source); })())) > 0)) {
  949.             // line 780
  950.             echo "    <section class=\"title-news\">
  951.         <div class=\"container\">
  952.             <div>
  953.                 <h2 class=\"Tableau_title\" ><a href=\"/actualite-de-l-audition\" style=\"text-decoration:none ; color:#434343; font-weight: bold ;\" >Actualité de l'audition</a> </h2>
  954.             </div>
  955.         </div>
  956.     </section>
  958.     <section class=\"news_card\">
  959.         <div class=\"container\">
  960.             <div class=\"carousel\"> 
  962.                  ";
  963.             // line 792
  964.             $context['_parent'] = $context;
  965.             $context['_seq'] = twig_ensure_traversable((isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 792, $this->source); })()));
  966.             foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
  967.                 // line 793
  968.                 echo "                <div class=\"card_section petitecard\">                    
  969.                     <div class=\"card_article\">
  970.                         <div class=\"header-card\">
  971.                             <img class=\"card-img-top petite\" src=\"";
  972.                 // line 796
  973.                 echo twig_escape_filter($this->env, (isset($context["BASE_API"]) || array_key_exists("BASE_API", $context) ? $context["BASE_API"] : (function () { throw new RuntimeError('Variable "BASE_API" does not exist.', 796, $this->source); })()), "html", null, true);
  974.                 echo "article/image/";
  975.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 796), "html", null, true);
  976.                 echo "\" alt=\"Card image cap\">
  977.                             <div class=\"card-body\">
  978.                                 <p class=\"card_ontitle\">";
  979.                 // line 798
  980.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "categoryTitle", [], "any", false, false, false, 798), "html", null, true);
  981.                 echo "</p>
  982.                                 <h2 class=\"card-title\">";
  983.                 // line 799
  984.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "title", [], "any", false, false, false, 799), "html", null, true);
  985.                 echo "</h2>
  986.                                 <p class=\"card_date\"><span class=\"material-icons\">
  987.                                         today
  988.                                     </span> ";
  989.                 // line 802
  990.                 echo twig_escape_filter($this->env, $this->extensions['Twig\Extra\Intl\IntlExtension']->formatDateTime($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "date", [], "any", false, false, false, 802), "medium", "medium", "d MMMM Y", null, "gregorian", "fr"), "html", null, true);
  991.                 echo "</p>
  992.                                 <p class=\"card-text\">";
  993.                 // line 803
  994.                 echo twig_get_attribute($this->env, $this->source, $context["article"], "description", [], "any", false, false, false, 803);
  995.                 echo "</p>
  996.                             </div>
  997.                         </div>
  998.                         <div class=\"card-footer\">
  999.                             <a  class=\"btn btn-vert btn-outline-light me-2\" href=\"/actualite-de-l-audition/";
  1000.                 // line 807
  1001.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 807), "html", null, true);
  1002.                 echo "\">VOIR
  1003.                                 PLUS</a>
  1004.                         </div>
  1005.                             
  1006.                     </div>
  1007.                 </div>
  1008.                ";
  1009.             }
  1010.             $_parent = $context['_parent'];
  1011.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
  1012.             $context = array_intersect_key($context, $_parent) + $_parent;
  1013.             // line 814
  1014.             echo "
  1015.             </div>
  1016.         </div>
  1017.        
  1018.     </section>
  1019.     ";
  1020.         }
  1021.         // line 820
  1022.         echo "
  1023.     <!-- Stats -->
  1024.     <section class=\"number_stat\" id=\"number_stat\">
  1025.         <div class=\"container\">
  1026.             <div class=\"row stats_home justify-content-evenly\">
  1027.                 <div class=\"col-6 col-md-2\">
  1028.                     <h3 class=\"compteurPartenaire\">...</h3>
  1029.                     <h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  1030.                 </div>
  1031.                 <div class=\"col-6 col-md-2\">
  1032.                     <h3 class=\"compteurTest\">...</h3>
  1033.                     <h5>TEST AUDITIFS RÉALISÉS</h5>
  1034.                 </div>
  1035.                 <div class=\"col-6 col-md-2\">
  1036.                     <h3 class=\"compteurAdherent\">...</h3>
  1037.                     <h5>ADHÉRENTS AU RÉSEAU</h5>
  1038.                 </div>
  1039.                 <div class=\"col-6 col-md-2\">
  1040.                     <h3><span class=\"compteurSatisfaction\">...</span>%</h3>
  1041.                     <h5>SATISFACTION</h5>
  1042.                 </div>
  1043.                 <div class=\"col-6 col-md-2\">
  1044.                     <h3><span class=\"compteurAudioReference\">...</span></h3>
  1045.                     <h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  1046.                 </div>
  1047.             </div>
  1049.         </div>
  1050.     </section>
  1052.     <!-- playstore -->
  1053.     <section class=\"linear_store_section\">
  1054.         <div class=\"container\">
  1055.             <div class=\" row align-items-center store_section\">
  1056.                 <div class=\"col-md-4\">
  1057.                     <h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android </h5>
  1058.                     <p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  1059.                      <div class=\"logos-phone-wraper\">
  1060.                     <div>
  1061.                     <a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  1062.                     <img src=\"../assets/img/googleplay.png\" />
  1063.                     </a>
  1064.                     </div>
  1065.                     <div>
  1066.                     <a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  1067.                     <img src=\"../assets/img/logo_app_store.png\" />
  1068.                     </a>
  1069.                     </div>
  1070.                     </div>
  1071.                 </div>
  1072.                 <div class=\"col-md-3\">
  1073.                     <img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  1074.                 </div>
  1075.                 <div class=\"col-md-4\">
  1076.                     <p>Disponible sur Apple et Android</p>
  1077.                     <p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  1078.                 </div>
  1079.             </div>
  1080.         </div>
  1081.     </section>
  1082.     <script src=\"/assets/js/script.js\"></script>
  1083.     <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  1090. ";
  1091.         
  1092.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1094.         
  1095.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1097.     }
  1099.     public function getTemplateName()
  1100.     {
  1101.         return "./accueil/accueil.html.twig";
  1102.     }
  1104.     public function isTraitable()
  1105.     {
  1106.         return false;
  1107.     }
  1109.     public function getDebugInfo()
  1110.     {
  1111.         return array (  1022 => 820,  1014 => 814,  1001 => 807,  994 => 803,  990 => 802,  984 => 799,  980 => 798,  973 => 796,  968 => 793,  964 => 792,  950 => 780,  948 => 779,  439 => 272,  437 => 271,  417 => 254,  363 => 202,  353 => 196,  337 => 190,  327 => 189,  315 => 184,  305 => 183,  162 => 49,  158 => 47,  152 => 45,  150 => 44,  145 => 41,  141 => 39,  135 => 37,  133 => 36,  130 => 35,  126 => 33,  120 => 31,  118 => 30,  98 => 13,  88 => 12,  72 => 4,  62 => 3,  39 => 1,);
  1112.     }
  1114.     public function getSourceContext()
  1115.     {
  1116.         return new Source("{% extends \"base.html.twig\" %}
  1118. {% block stylesheets %}
  1119. {{ parent() }}
  1121. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick.css\" />
  1122. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick-theme.css\" />
  1123. <link rel=\"stylesheet\" href=\"/assets/css/accueil.css\">
  1124. {% endblock %}
  1127. {% block javascripts %}
  1128. {{ parent() }}
  1130.  <script type=\"text/javascript\" src=\"/assets/lib/slick-1.8.1/slick.js\"></script>
  1131.  <script type=\"text/javascript\" src=\"/assets/js/acceuil.js\"></script>
  1133.  <script>
  1135.  var mailRelance=\"\";
  1136.    function initMap() {
  1137.   
  1139.     geocoder = new google.maps.Geocoder();
  1141.   
  1142. }
  1144. \$(document).ready(function () {
  1145.      {% if token is defined %}
  1146.         token = \"{{token}}\";
  1147.     {% else %}
  1148.         token = -1;
  1149.     {% endif %}
  1151.      {% if mailConfirmation is defined %}
  1152.         mailRelance = \"{{mailConfirmation}}\";
  1153.     {% else %}
  1154.         mailRelance = -1;
  1155.     {% endif %}
  1159.     {% if tokenEmail is defined %}
  1160.         tokenEmail = \"{{tokenEmail}}\";
  1161.     {% else %}
  1162.         tokenEmail = -1;
  1163.     {% endif %}
  1164.     
  1165.     if (token != -1){
  1166.         \$('#changePassword').modal('show');
  1167.     }
  1168.     
  1169.     if (tokenEmail != -1){
  1170.         \$.ajax({
  1171.             url: BASE_API + 'valider/mail/token',
  1172.             type: \"POST\",
  1173.             contentType: \"application/json\",
  1174.             dataType: \"json\",
  1175.             data: JSON.stringify({
  1176.                 \"token\": tokenEmail,
  1177.                 \"mail\": mailRelance,
  1178.             }),
  1179.             async: true,
  1180.             success: function (data) {
  1181.                if (data.message == 'ok'){
  1182.                    \$('#mailValider').modal('show');
  1183.                } 
  1184.                if (data.message == 'nok'){
  1185.                     \$('#recommancerValidMail').modal('show');
  1186.                }
  1187.             }
  1188.         });
  1189.         
  1190.     }
  1193.   var tabs = \$('#myTab button');
  1194.     var counter = 0;
  1195.    var timer = window.setInterval(activateTab, 3000); 
  1197.      function activateTab(){
  1198.       // remove active class from all the tabs
  1199.        tabs.removeClass('active');
  1200.        var currentLink = tabs[counter];
  1201.        \$('.tab-pane').removeClass('active').removeClass('show')
  1202.        currentLink.classList.add('active');
  1203.        \$(currentLink.getAttribute('data-bs-target')).addClass('active').addClass('show');
  1204.        if(counter  < tabs.length - 1)
  1205.          counter= counter + 1;
  1206.        else 
  1207.          counter = 0;
  1208.     }
  1210.   
  1212.     \$('#tabsAvantageContainer').hover(function(ev){
  1213.         clearInterval(timer);
  1214.     }, function(ev){
  1215.         timer = setInterval(activateTab, 3000);
  1216.     });
  1218.     
  1219. });
  1222. \$(function(){
  1223.     
  1225.    
  1226. });
  1229. function relanceConfirmMail(){
  1230.     \$.ajax({
  1231.         url: BASE_API + 'relance/valide/mail/token',
  1232.         type: \"POST\",
  1233.         contentType: \"application/json\",
  1234.         dataType: \"json\",
  1235.         data: JSON.stringify({
  1236.             \"mail\": mailRelance,
  1237.         }),
  1238.         async: true,
  1239.         success: function (data) {
  1240.             \$('#recommancerValidMail').modal('hide');
  1241.             \$('#ValidMailRelance').modal('show');
  1242.         }
  1243.     });
  1244. }
  1246.     function geolocaliser(){
  1247.         if (navigator.geolocation) {
  1248.             navigator.geolocation.getCurrentPosition(function(position) {
  1249.                 var pos = {
  1250.                     lat: position.coords.latitude,
  1251.                     lng: position.coords.longitude
  1252.                 };
  1253.                 latitude = position.coords.latitude;
  1254.                 longitude = position.coords.longitude;
  1255.                 var geocoder = new google.maps.Geocoder;
  1256.                 geocoder.geocode({'location': pos}, function(results, status) {
  1257.                     if (status === 'OK') {
  1258.                         if (results[0]) {
  1259.                         street = results[0].formatted_address;
  1260.                         \$(\"#searchByCityId\").val(street);
  1261.                         } 
  1262.                     } 
  1263.                 });
  1264.             }, function() {
  1265.             // handleLocationError(true, infoWindow, map.getCenter());
  1266.             });
  1267.         }
  1268.     }
  1271.     function goToSearch(){
  1272.         ville = \$('#searchByCityId').val();
  1273.         nom = \$(\"#searchByNameId\").val();
  1274.         geocoder.geocode( { 'address': ville}, function(results, status) {
  1275.             if (status == 'OK') {
  1276.                 lat = results[0].geometry.location.lat()
  1277.                 long = results[0].geometry.location.lng()
  1278.                 if (nom != \"\"){
  1279.                         document.location.href=\"/search?name=\"+nom+\"&latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  1280.                 } else {
  1281.                      document.location.href=\"/search?latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  1282.                 }
  1283.             } else {
  1284.                  if (nom != \"\"){
  1285.                     document.location.href=\"/search?name=\"+nom;
  1286.                 } else {
  1287.                     document.location.href=\"/search?address=\"+ville;
  1288.                 }
  1289.             }
  1291.         });
  1292.     }
  1294. </script>
  1297. {% endblock %}
  1298. {% block meta %}
  1299.         <title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  1300.         <meta name=\"description\" content=\"Trouvez l'audioprothésiste proche de chez vous et prenez RDV directement en centre auditif pour contrôler votre audition - Essai et test auditif gratuit.\">
  1301. {% endblock %}
  1302.    
  1304. {% block body %}
  1305.   {{ parent() }}
  1307.     <div class=\"backgroundheader\">
  1308. </div>
  1309. {% endblock %}
  1311. {% block content %}
  1312. {#  <video playsinline autoplay muted  id=\"bgvid\">
  1313.     <source src=\"/assets/videos/accueil.webm\" type=\"video/webm\">
  1314.     <source src=\"/assets/videos/accueil.mp4\" type=\"video/mp4\">
  1315. </video>
  1316. #}
  1318. <style>
  1319. video#bgvid { 
  1320. height: 100vh;
  1321.   width: 100vw;
  1322.   object-fit: cover;
  1323.   position: fixed;
  1324.   left: 50%;
  1325.   top: 50%;
  1326.     transform: translate(-50%, -50%); 
  1327.   z-index: 999999;
  1328.   transition: opacity 2s ease-out;
  1329.  opacity: 1;
  1330.  background:#fff;
  1332. }
  1334. video#bgvid.end { 
  1336.   z-index: -1;
  1337.   transition: opacity 2s ease-out;
  1338.       opacity: 0;
  1342. }
  1344. video#bgvid.nostart { 
  1346.   z-index: -1;
  1347.       opacity: 0;
  1348. display:none;
  1351. }
  1353. </style>
  1354. <script type='text/javascript'>
  1355.     document.getElementById('bgvid').addEventListener('loadstart', function(e) {
  1356.         if (getCookie('animationIn') == '1'){
  1357.             \$(\"#bgvid\").prop('class','nostart');
  1358.         }
  1359.     
  1360.     })
  1362.     document.getElementById('bgvid').addEventListener('ended', function(e) {
  1364.         \$(\"#bgvid\").prop('class','end');
  1365.         setCookie('animationIn', '1', 1);
  1366.     })
  1368. </script>
  1369.   {{ parent() }}
  1372.  <!-- Titre -->
  1373.     <section class=\"header_home\">
  1374.         <div class=\" row container\">
  1375.             <div class=\"col-md-6 order-first\">
  1376.                 <h1 class=\"Home_title\">Prenez rendez-vous avec un
  1377.                 audioprothésiste proche de
  1378.                 chez vous.</h1>
  1379.                 <h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup> réseau national
  1380.                 d'audioprothésiste de France.</h2>
  1381.             </div>
  1382.             
  1383.         
  1384.             <div class=\"col-md-6  order-3 order-md-2 casque-col\">
  1385.                 <div class=\"casquecontain\">
  1386.                     {% include \"/casque.html.twig\" %}
  1387.                     <div class=\"casque-int\">
  1388.                     <p class=\"Casque-title\">Testez votre audition</p>
  1389.                     <p class=\"Casque-subtitle\">en seulement 3 min !</p>
  1390.                     
  1391.                     <a class=\"btn-search btn btn-vert-inverse btn-outline-light\"  href='/test-auditif-en-ligne/test' >Je commence</a>
  1392.                     </div>
  1393.                 </div>
  1394.                 
  1395.             </div>
  1396.             <div class=\"col-md-6 order-2 order-md-3\">
  1397.                 <div class=\"card card_search\">
  1398.                         <form onsubmit=\" goToSearch(); return false;\">
  1399.                             <div class=\"input-group\">
  1400.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  1401.                                 <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  1402.                                     placeholder=\"Nom du spécialiste\">
  1403.                             </div>
  1404.                            <div class=\"centered-ou\">
  1405.                                 <div class=\"line\"></div>
  1406.                                 <p>ou</p>
  1407.                                 <div class=\"line\"></div>
  1408.                             </div>
  1409.                             <div class=\"input-group\">
  1410.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  1411.                                 <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1412.                                 <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  1413.                             </div>
  1414.                             <div class=\"accueil_btn\">
  1415.                                 <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  1416.                             </div>
  1417.                         </form>
  1418.                 </div>
  1419.             </div>
  1420.             <div class=\"col-md-6  order-last father\">
  1421.                 <video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  1422.                         <source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  1423.                 </video>
  1424.                 
  1425.             
  1426.             </div>
  1428.         </div>
  1429.     </section>
  1431.     <!-- Form Card 
  1432.     <section class=\"container\">
  1433.         <div class=\"col-md-6\">
  1434.             <div class=\"card card_search\">
  1435.                     <form onsubmit=\" goToSearch(); return false;\">
  1436.                         <div class=\"input-group\">
  1437.                             <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  1438.                             <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  1439.                                 placeholder=\"Audioprothésiste ou Centre auditif\">
  1440.                         </div>
  1441.                         <div class=\"input-group\">
  1442.                             <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  1443.                             <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1444.                             <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  1445.                         </div>
  1446.                         <div class=\"accueil_btn\">
  1447.                             <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  1448.                         </div>
  1449.                     </form>
  1450.             </div>
  1451.         </div>
  1453.     </section>-->
  1455.     <!-- Icon section -->
  1456.     <section class=\"icon_section\">
  1457.         <div class=\"container\">
  1458.             <div class=\"icon_div\">
  1459.                 <div>
  1460.                     <div class=\"icon_background\">
  1461.                         <a class=\"icon_link \" href=\"/search\"> 
  1462.                             <img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\" />
  1463.                         </a>
  1464.                     </div>
  1465.                     <p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  1466.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  1467.                 </div>
  1468.                 <div>
  1469.                     <div class=\"icon_background\">
  1470.                         <a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\"> 
  1471.                             <img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  1472.                         </a>
  1473.                     </div>
  1474.                     <p class=\"icon_title\">Le parcours de soin auditif</p>
  1475.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  1476.                 </div>
  1477.                 <div>
  1478.                  <a class=\"icon_link \" href=\"/test-auditif-en-ligne\"> 
  1479.                     <div class=\"icon_background\">
  1480.                         <img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\" />
  1481.                     </div>
  1482.                 </a>
  1483.                     <p class=\"icon_title\">Test auditif en ligne</p>
  1484.                     <a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  1485.                 </div>
  1486.                 <div>
  1487.                 <a class=\"icon_link \" href=\"#\"> 
  1488.                     <div class=\"icon_background\">
  1489.                         <img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\" />
  1490.                     </div>
  1491.                 </a>
  1492.                     <p class=\"icon_title\">1<sup>er</sup> réseau national <br> d’audioprothésistes certifiés</p>
  1493.                     <a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  1494.                 </div>
  1495.               
  1496.                 <div>
  1497.                     <a class=\"icon_link \" href=\"/actualite-de-l-audition\"> 
  1498.                         <div class=\"icon_background\">
  1499.                             <img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\" />
  1500.                         </div>
  1501.                     </a>
  1502.                     <p class=\"icon_title\">Actualité de l'audition</p>
  1503.                     <a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  1504.                 </div>
  1505.             </div>
  1506.         </div>
  1508.     </section>
  1510.     <!-- Tableau -->
  1511.     <section class=\"tab_section\">
  1512.         <div class=\"container\">
  1513.             <h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  1514.             <div class=\"card\"  style=\"min-height: 540px;\">
  1515.                 <div id=\"tabsAvantageContainer\">
  1516.                     <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  1517.                         <li class=\"nav-item\" role=\"presentation\">
  1518.                             <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\"
  1519.                                 type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  1520.                                 facilitée</button>
  1521.                         </li>
  1522.                         <li class=\"nav-item\" role=\"presentation\">
  1523.                             <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\"
  1524.                                 type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  1525.                                 avantageux</button>
  1526.                         </li>
  1527.                         <li class=\"nav-item\" role=\"presentation\">
  1528.                             <button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\"
  1529.                                 type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  1530.                                 ligne</button>
  1531.                         </li>
  1532.                         <li class=\"nav-item\" role=\"presentation\">
  1533.                             <button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\"
  1534.                                 type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  1535.                                 national</button>
  1536.                         </li>
  1537.                         <li class=\"nav-item\" role=\"presentation\">
  1538.                             <button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\"
  1539.                                 type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  1540.                                 complet</button>
  1541.                         </li>
  1542.                         <li class=\"nav-item\" role=\"presentation\">
  1543.                             <button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\"
  1544.                                 type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  1545.                                 l'audition</button>
  1546.                         </li>
  1547.                     </ul>
  1548.                     <div class=\"tab-content\" id=\"myTabContent\">
  1549.                         <div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">                            
  1550.                             <div class=\"row inner-tabs align-items-start\">
  1551.                                 <div class=\"col-md-8\">    
  1552.                                     <div class=\"align_title_img\">
  1553.                                         <div class=\"align_img\">
  1554.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  1555.                                         </div>
  1556.                                             <h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  1557.                                     </div>
  1558.                                     <div class=\"align_list_logo\">
  1559.                                         <ul class=\"liste_tab\">
  1560.                                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  1561.                                                 seulement quelques clics.</li>
  1562.                                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  1563.                                                 que vous soyez.</li>
  1564.                                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  1565.                                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  1566.                                                 choix. Plus besoin d'appeler
  1567.                                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  1568.                                                 disponibilités! </strong> 
  1569.                                             </li>
  1570.                                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  1571.                                                 email
  1572.                                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  1573.                                             </li>                
  1574.                                         </ul>
  1575.                                     </div>
  1576.                                 </div>
  1577.                                 <div class=\"col-md-4\">
  1578.                                     <div class=\"align_logo\">
  1579.                                         <img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\" /> <br>
  1580.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1581.                                     </div>
  1582.                                 </div>
  1583.                             </div>
  1584.                         </div>
  1585.                         <div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  1586.                             <div class=\"row inner-tabs align-items-start\">
  1587.                                 <div class=\"col-md-8\">
  1588.                                     <div class=\"align_title_img\">
  1589.                                         <div class=\"align_img\">
  1590.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  1591.                                         </div>
  1592.                                             <h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  1593.                                     </div>
  1594.                                     <div class=\"align_list_logo\">
  1595.                                         <ul class=\"liste_tab\">
  1596.                                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  1597.                                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  1598.                                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  1599.                                         </ul>
  1600.                                         
  1601.                                     </div>
  1602.                                 </div>
  1603.                                 <div class=\"col-md-4\">
  1604.                                     <div class=\"align_logo\">
  1605.                                         <img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\" /><br>
  1606.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1607.                                     </div>
  1608.                                 </div>
  1609.                             </div>
  1610.                         </div>
  1611.                         <div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  1612.                             <div class=\"row inner-tabs align-items-start\">
  1613.                                 <div class=\"col-md-8\">                        
  1614.                                     <div class=\"align_title_img\">
  1615.                                         <div class=\"align_img\">
  1616.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  1617.                                         </div>
  1618.                                             <h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  1619.                                     </div>
  1620.                                     <div class=\"align_list_logo\">
  1621.                                         <ul class=\"liste_tab\">
  1622.                                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  1623.                                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  1624.                                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  1625.                                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  1626.                                             <li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation <strong>tonale</strong> et une évaluation <strong>vocale.</strong></li>                               
  1627.                                         </ul>
  1628.                                         
  1629.                                     </div>
  1630.                                 </div>
  1631.                                 <div class=\"col-md-4\">
  1632.                                     <div class=\"align_logo\">
  1633.                                         <img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\" /><br>
  1634.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1635.                                     </div>
  1636.                                 </div>
  1637.                             </div>
  1638.                         </div>
  1639.                         <div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  1640.                             <div class=\"row inner-tabs align-items-start\">
  1641.                                 <div class=\"col-md-8\">
  1642.                                     <div class=\"align_title_img\">
  1643.                                         <div class=\"align_img\">
  1644.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  1645.                                         </div>
  1646.                                             <h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  1647.                                     </div>
  1648.                                     <div class=\"align_list_logo\">
  1649.                                         <ul class=\"liste_tab\">
  1650.                                         <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1651.                                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1652.                                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1653.                                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  1654.                                         </ul>
  1655.                                     </div>
  1656.                                 </div>
  1657.                                 <div class=\"col-md-4\">
  1658.                                     <div class=\"align_logo\">
  1659.                                         <img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\" /><br>
  1660.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1661.                                     </div>
  1662.                                 </div>
  1663.                             </div>
  1664.                         </div>
  1665.                         <div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  1666.                             <div class=\"row inner-tabs align-items-start\">
  1667.                                 <div class=\"col-md-8\">
  1668.                                     <div class=\"align_title_img\">
  1669.                                         <div class=\"align_img\">
  1670.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  1671.                                         </div>
  1672.                                             <h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  1673.                                     </div>
  1674.                                     <div class=\"align_list_logo\">
  1675.                                         <ul class=\"liste_tab\">
  1676.                                         <li class=\"puce_tab\">Consultez <strong>l'historique de votre dossier</strong> de santé auditive avec l'ensemble de vos documents,
  1677.                                                                 vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  1678.                                             <li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est <strong>automatiquement transféré</strong> sans que
  1679.                                                                 vous n'ayez aucune démarche à faire.
  1680.                                             </li>
  1681.                                             <li class=\"puce_tab\">Vos données de santé sont enregistrées de manière <strong>hautement sécurisée</strong> et
  1682.                                                                 agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  1683.                                             <li class=\"puce_tab\">Bénéficiez de conseils pour <strong>préserver votre capital auditif</strong> et adopter les bons gestes.
  1684.                                         </ul>
  1685.                                     </div>
  1686.                                 </div>
  1687.                                 <div class=\"col-md-4\">
  1688.                                     <div class=\"align_logo\">
  1689.                                         <img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\" /><br>
  1690.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1691.                                     </div>
  1692.                                 </div>
  1693.                             </div>
  1694.                         </div>
  1695.                         <div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  1696.                             <div class=\"row inner-tabs align-items-start\">
  1697.                                 <div class=\"col-md-8\">
  1698.                                     <div class=\"align_title_img\">
  1699.                                         <div class=\"align_img\">
  1700.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  1701.                                         </div>
  1702.                                             <h4 class=\"Tableau_title\">La référence de l’audition</h4>
  1703.                                     </div>
  1704.                                     <div class=\"align_list_logo\">
  1705.                                         <ul class=\"liste_tab\">
  1706.                                             <li class=\"puce_tab\">Retrouvez <strong>toute l'actualité</strong> de l'audition, les <strong>dernières innovations</strong> et les réformes du secteur.</li>
  1707.                                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  1708.                                         </ul>
  1709.                                     </div>
  1710.                                 </div>
  1711.                                 <div class=\"col-md-4\">
  1712.                                     <div class=\"align_logo\">
  1713.                                         <img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\" /> <br>
  1714.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1715.                                     </div>
  1716.                                 </div>
  1717.                             </div>
  1718.                         </div>
  1719.                     </div>
  1720.                 </div>
  1721.             </div>
  1722.         </div>
  1723.     </section>
  1726.     <!--Tableau Mobile-->
  1727.     <section class=\"tab_section_mobile\">
  1728.         <h2 class=\"Tableau_title\">Les avantages du réseau 
  1729.         My Audio</h2>
  1730.         <div class=\"accordion\" id=\"accordionExample\">
  1731.             <div class=\"accordion-item\">
  1732.                 <h2 class=\"accordion-header\" id=\"headingOne\">
  1733.                     <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\"
  1734.                         data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  1735.                         <div class=\"align_img\">
  1736.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  1737.                         </div> Prise de RDV facilitée
  1738.                     </button>
  1739.                 </h2>
  1740.                 <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\"
  1741.                     data-bs-parent=\"#accordionExample\">
  1742.                     <div class=\"accordion-body\">
  1743.                         <ul class=\"liste_tab\">
  1744.                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  1745.                                 seulement quelques clics.</li>
  1746.                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  1747.                                 que vous soyez.</li>
  1748.                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  1749.                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  1750.                                 choix. Plus besoin d'appeler
  1751.                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  1752.                                 disponibilités! </strong> 
  1753.                             </li>
  1754.                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  1755.                                 email
  1756.                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  1757.                             </li>               
  1758.                         </ul>
  1759.                         <div class=\"align_logo\">
  1760.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1761.                         </div>
  1762.                     </div>
  1763.                 </div>
  1764.             </div>
  1765.             <div class=\"accordion-item\">
  1766.                 <h2 class=\"accordion-header\" id=\"headingTwo\">
  1767.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1768.                         data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  1769.                         <div class=\"align_img\">
  1770.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  1771.                         </div> Tarifs avantages
  1772.                     </button>
  1773.                 </h2>
  1774.                 <div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\"
  1775.                     data-bs-parent=\"#accordionExample\">
  1776.                     <div class=\"accordion-body\">
  1777.                           <ul class=\"liste_tab\">
  1778.                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  1779.                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  1780.                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  1781.                         </ul>
  1782.                        
  1783.                         <div class=\"align_logo\">
  1784.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1785.                         </div>
  1786.                     </div>
  1787.                 </div>
  1788.             </div>
  1789.             <div class=\"accordion-item\">
  1790.                 <h2 class=\"accordion-header\" id=\"headingThree\">
  1791.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1792.                         data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  1793.                         <div class=\"align_img\">
  1794.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  1795.                         </div> Test auditif gratuit
  1796.                     </button>
  1797.                 </h2>
  1798.                 <div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\"
  1799.                     data-bs-parent=\"#accordionExample\">
  1800.                     <div class=\"accordion-body\">
  1801.                         <ul class=\"liste_tab\">
  1802.                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  1803.                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  1804.                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  1805.                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  1806.                             <li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation <strong>tonale</strong> et une évaluation <strong>vocale.</strong></li>                               
  1807.                         </ul>
  1808.                       
  1809.                         <div class=\"align_logo\">
  1810.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1811.                         </div>
  1812.                     </div>
  1813.                 </div>
  1814.             </div>
  1815.             <div class=\"accordion-item\">
  1816.                 <h2 class=\"accordion-header\" id=\"headingFour\">
  1817.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1818.                         data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  1819.                         <div class=\"align_img\">
  1820.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  1821.                         </div> Réseau de santé national
  1822.                     </button>
  1823.                 </h2>
  1824.                 <div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\"
  1825.                     data-bs-parent=\"#accordionExample\">
  1826.                     <div class=\"accordion-body\">
  1827.                          <ul class=\"liste_tab\">
  1828.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1829.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1830.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1831.                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  1832.                         </ul>
  1833.                         
  1834.                         <div class=\"align_logo\">
  1835.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1836.                         </div>
  1837.                     </div>
  1838.                 </div>
  1839.             </div>
  1840.             <div class=\"accordion-item\">
  1841.                 <h2 class=\"accordion-header\" id=\"headingFive\">
  1842.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1843.                         data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  1844.                         <div class=\"align_img\">
  1845.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  1846.                         </div> Suivi de votre audition
  1847.                     </button>
  1848.                 </h2>
  1849.                 <div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\"
  1850.                     data-bs-parent=\"#accordionExample\">
  1851.                     <div class=\"accordion-body\">
  1852.                          <ul class=\"liste_tab\">
  1853.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1854.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1855.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1856.                             <li class=\"puce_tab\">Accédez aux <strong>informations pertinentes</strong> sur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>            
  1857.                         </ul>
  1858.                         
  1859.                         <div class=\"align_logo\">
  1860.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1861.                         </div>
  1862.                     </div>
  1863.                 </div>
  1864.             </div>
  1865.              <div class=\"accordion-item\">
  1866.                 <h2 class=\"accordion-header\" id=\"headingSix\">
  1867.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1868.                         data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  1869.                         <div class=\"align_img\">
  1870.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  1871.                         </div> La référence de l’audition
  1872.                     </button>
  1873.                 </h2>
  1874.                 <div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\"
  1875.                     data-bs-parent=\"#accordionExample\">
  1876.                     <div class=\"accordion-body\">
  1877.                         <ul class=\"liste_tab\">
  1878.                             <li class=\"puce_tab\">Retrouvez <strong>toute l'actualité</strong> de l'audition, les <strong>dernières innovations</strong> et les réformes du secteur.</li>
  1879.                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  1880.                         </ul>
  1881.                         
  1882.                         <div class=\"align_logo\">
  1883.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\" >Prendre RDV</a>
  1884.                         </div>
  1885.                     </div>
  1886.                 </div>
  1887.             </div>
  1888.         </div>
  1889.     </section> 
  1893.     <!-- Carousel & card-->
  1894.     {% if articles | length > 0 %}
  1895.     <section class=\"title-news\">
  1896.         <div class=\"container\">
  1897.             <div>
  1898.                 <h2 class=\"Tableau_title\" ><a href=\"/actualite-de-l-audition\" style=\"text-decoration:none ; color:#434343; font-weight: bold ;\" >Actualité de l'audition</a> </h2>
  1899.             </div>
  1900.         </div>
  1901.     </section>
  1903.     <section class=\"news_card\">
  1904.         <div class=\"container\">
  1905.             <div class=\"carousel\"> 
  1907.                  {% for article in articles %}
  1908.                 <div class=\"card_section petitecard\">                    
  1909.                     <div class=\"card_article\">
  1910.                         <div class=\"header-card\">
  1911.                             <img class=\"card-img-top petite\" src=\"{{BASE_API}}article/image/{{article.slug}}\" alt=\"Card image cap\">
  1912.                             <div class=\"card-body\">
  1913.                                 <p class=\"card_ontitle\">{{article.categoryTitle}}</p>
  1914.                                 <h2 class=\"card-title\">{{article.title}}</h2>
  1915.                                 <p class=\"card_date\"><span class=\"material-icons\">
  1916.                                         today
  1917.                                     </span> {{article.date |format_datetime(pattern=\"d MMMM Y\",locale='fr')}}</p>
  1918.                                 <p class=\"card-text\">{{article.description |raw}}</p>
  1919.                             </div>
  1920.                         </div>
  1921.                         <div class=\"card-footer\">
  1922.                             <a  class=\"btn btn-vert btn-outline-light me-2\" href=\"/actualite-de-l-audition/{{article.slug}}\">VOIR
  1923.                                 PLUS</a>
  1924.                         </div>
  1925.                             
  1926.                     </div>
  1927.                 </div>
  1928.                {% endfor %}
  1930.             </div>
  1931.         </div>
  1932.        
  1933.     </section>
  1934.     {% endif %}
  1936.     <!-- Stats -->
  1937.     <section class=\"number_stat\" id=\"number_stat\">
  1938.         <div class=\"container\">
  1939.             <div class=\"row stats_home justify-content-evenly\">
  1940.                 <div class=\"col-6 col-md-2\">
  1941.                     <h3 class=\"compteurPartenaire\">...</h3>
  1942.                     <h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  1943.                 </div>
  1944.                 <div class=\"col-6 col-md-2\">
  1945.                     <h3 class=\"compteurTest\">...</h3>
  1946.                     <h5>TEST AUDITIFS RÉALISÉS</h5>
  1947.                 </div>
  1948.                 <div class=\"col-6 col-md-2\">
  1949.                     <h3 class=\"compteurAdherent\">...</h3>
  1950.                     <h5>ADHÉRENTS AU RÉSEAU</h5>
  1951.                 </div>
  1952.                 <div class=\"col-6 col-md-2\">
  1953.                     <h3><span class=\"compteurSatisfaction\">...</span>%</h3>
  1954.                     <h5>SATISFACTION</h5>
  1955.                 </div>
  1956.                 <div class=\"col-6 col-md-2\">
  1957.                     <h3><span class=\"compteurAudioReference\">...</span></h3>
  1958.                     <h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  1959.                 </div>
  1960.             </div>
  1962.         </div>
  1963.     </section>
  1965.     <!-- playstore -->
  1966.     <section class=\"linear_store_section\">
  1967.         <div class=\"container\">
  1968.             <div class=\" row align-items-center store_section\">
  1969.                 <div class=\"col-md-4\">
  1970.                     <h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android </h5>
  1971.                     <p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  1972.                      <div class=\"logos-phone-wraper\">
  1973.                     <div>
  1974.                     <a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  1975.                     <img src=\"../assets/img/googleplay.png\" />
  1976.                     </a>
  1977.                     </div>
  1978.                     <div>
  1979.                     <a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  1980.                     <img src=\"../assets/img/logo_app_store.png\" />
  1981.                     </a>
  1982.                     </div>
  1983.                     </div>
  1984.                 </div>
  1985.                 <div class=\"col-md-3\">
  1986.                     <img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  1987.                 </div>
  1988.                 <div class=\"col-md-4\">
  1989.                     <p>Disponible sur Apple et Android</p>
  1990.                     <p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  1991.                 </div>
  1992.             </div>
  1993.         </div>
  1994.     </section>
  1995.     <script src=\"/assets/js/script.js\"></script>
  1996.     <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  2003. {% endblock %}", "./accueil/accueil.html.twig", "/var/www/my-audio-site/templates/accueil/accueil.html.twig");
  2004.     }
  2005. }