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. }
  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.     }
  189.     
  190. \$(document).ready(function () {
  191.      ";
  192.         // line 78
  193.         if (array_key_exists("token", $context)) {
  194.             // line 79
  195.             echo "        token = \"";
  196.             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.', 79, $this->source); })()), "html", null, true);
  197.             echo "\";
  198.     ";
  199.         } else {
  200.             // line 81
  201.             echo "        token = -1;
  202.     ";
  203.         }
  204.         // line 83
  205.         echo "
  206.      ";
  207.         // line 84
  208.         if (array_key_exists("mailConfirmation", $context)) {
  209.             // line 85
  210.             echo "        mailRelance = \"";
  211.             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.', 85, $this->source); })()), "html", null, true);
  212.             echo "\";
  213.     ";
  214.         } else {
  215.             // line 87
  216.             echo "        mailRelance = -1;
  217.     ";
  218.         }
  219.         // line 89
  220.         echo "
  223.     ";
  224.         // line 92
  225.         if (array_key_exists("tokenEmail", $context)) {
  226.             // line 93
  227.             echo "        tokenEmail = \"";
  228.             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.', 93, $this->source); })()), "html", null, true);
  229.             echo "\";
  230.     ";
  231.         } else {
  232.             // line 95
  233.             echo "        tokenEmail = -1;
  234.     ";
  235.         }
  236.         // line 97
  237.         echo "    
  238.     if (token != -1){
  239.         \$('#changePassword').modal('show');
  240.     }
  241.     
  242.     if (tokenEmail != -1){
  243.         \$.ajax({
  244.             url: BASE_API + 'valider/mail/token',
  245.             type: \"POST\",
  246.             contentType: \"application/json\",
  247.             dataType: \"json\",
  248.             data: JSON.stringify({
  249.                 \"token\": tokenEmail,
  250.                 \"mail\": mailRelance,
  251.             }),
  252.             async: true,
  253.             success: function (data) {
  254.                if (data.message == 'ok'){
  255.                    \$('#mailValider').modal('show');
  256.                } 
  257.                if (data.message == 'nok'){
  258.                     \$('#recommancerValidMail').modal('show');
  259.                }
  260.             }
  261.         });
  262.         
  263.     }
  266.   var tabs = \$('#myTab button');
  267.     var counter = 0;
  268.    var timer = window.setInterval(activateTab, 3000); 
  270.      function activateTab(){
  271.       // remove active class from all the tabs
  272.        tabs.removeClass('active');
  273.        var currentLink = tabs[counter];
  274.        \$('.tab-pane').removeClass('active').removeClass('show')
  275.        currentLink.classList.add('active');
  276.        \$(currentLink.getAttribute('data-bs-target')).addClass('active').addClass('show');
  277.        if(counter  < tabs.length - 1)
  278.          counter= counter + 1;
  279.        else 
  280.          counter = 0;
  281.     }
  283.   
  285.     \$('#tabsAvantageContainer').hover(function(ev){
  286.         clearInterval(timer);
  287.     }, function(ev){
  288.         timer = setInterval(activateTab, 3000);
  289.     });
  291.     
  292. });
  295. \$(function(){
  296.     
  298.    
  299. });
  302. function relanceConfirmMail(){
  303.     \$.ajax({
  304.         url: BASE_API + 'relance/valide/mail/token',
  305.         type: \"POST\",
  306.         contentType: \"application/json\",
  307.         dataType: \"json\",
  308.         data: JSON.stringify({
  309.             \"mail\": mailRelance,
  310.         }),
  311.         async: true,
  312.         success: function (data) {
  313.             \$('#recommancerValidMail').modal('hide');
  314.             \$('#ValidMailRelance').modal('show');
  315.         }
  316.     });
  317. }
  319.     function geolocaliser(){
  320.         if (navigator.geolocation) {
  321.             navigator.geolocation.getCurrentPosition(function(position) {
  322.                 var pos = {
  323.                     lat: position.coords.latitude,
  324.                     lng: position.coords.longitude
  325.                 };
  326.                 latitude = position.coords.latitude;
  327.                 longitude = position.coords.longitude;
  328.                 var geocoder = new google.maps.Geocoder;
  329.                 geocoder.geocode({'location': pos}, function(results, status) {
  330.                     if (status === 'OK') {
  331.                         if (results[0]) {
  332.                         street = results[0].formatted_address;
  333.                         \$(\"#searchByCityId\").val(street);
  334.                         } 
  335.                     } 
  336.                 });
  337.             }, function() {
  338.             // handleLocationError(true, infoWindow, map.getCenter());
  339.             });
  340.         }
  341.     }
  344.     function goToSearch(){
  345.         ville = \$('#searchByCityId').val();
  346.         nom = \$(\"#searchByNameId\").val();
  347.         geocoder.geocode( { 'address': ville}, function(results, status) {
  348.             if (status == 'OK') {
  349.                 lat = results[0].geometry.location.lat()
  350.                 long = results[0].geometry.location.lng()
  351.                 if (nom != \"\"){
  352.                         document.location.href=\"/search?name=\"+nom+\"&latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  353.                 } else {
  354.                      document.location.href=\"/search?latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  355.                 }
  356.             } else {
  357.                  if (nom != \"\"){
  358.                     document.location.href=\"/search?name=\"+nom;
  359.                 } else {
  360.                     document.location.href=\"/search?address=\"+ville;
  361.                 }
  362.             }
  364.         });
  365.     }
  367. </script>
  370. ";
  371.         
  372.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  374.         
  375.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  377.     }
  379.     // line 231
  380.     public function block_meta($context, array $blocks = [])
  381.     {
  382.         $macros = $this->macros;
  383.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  384.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  386.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  387.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  389.         // line 232
  390.         echo "        <title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  391.         <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.\">
  392. ";
  393.         
  394.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  396.         
  397.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  399.     }
  401.     // line 237
  402.     public function block_body($context, array $blocks = [])
  403.     {
  404.         $macros = $this->macros;
  405.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  406.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  408.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  409.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  411.         // line 238
  412.         echo "  ";
  413.         $this->displayParentBlock("body", $context, $blocks);
  414.         echo "
  416.     <div class=\"backgroundheader\">
  417. </div>
  418. ";
  419.         
  420.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  422.         
  423.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  425.     }
  427.     // line 244
  428.     public function block_content($context, array $blocks = [])
  429.     {
  430.         $macros = $this->macros;
  431.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  432.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  434.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  435.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  437.         // line 250
  438.         echo "
  439. <style>
  440. video#bgvid { 
  441. height: 100vh;
  442.   width: 100vw;
  443.   object-fit: cover;
  444.   position: fixed;
  445.   left: 50%;
  446.   top: 50%;
  447.     transform: translate(-50%, -50%); 
  448.   z-index: 999999;
  449.   transition: opacity 2s ease-out;
  450.  opacity: 1;
  451.  background:#fff;
  453. }
  455. video#bgvid.end { 
  457.   z-index: -1;
  458.   transition: opacity 2s ease-out;
  459.       opacity: 0;
  463. }
  465. video#bgvid.nostart { 
  467.   z-index: -1;
  468.       opacity: 0;
  469. display:none;
  472. }
  474. </style>
  475. <script type='text/javascript'>
  476.     document.getElementById('bgvid').addEventListener('loadstart', function(e) {
  477.         if (getCookie('animationIn') == '1'){
  478.             \$(\"#bgvid\").prop('class','nostart');
  479.         }
  480.     
  481.     })
  483.     document.getElementById('bgvid').addEventListener('ended', function(e) {
  485.         \$(\"#bgvid\").prop('class','end');
  486.         setCookie('animationIn', '1', 1);
  487.     })
  489. </script>
  490.   ";
  491.         // line 302
  492.         $this->displayParentBlock("content", $context, $blocks);
  493.         echo "
  496.  <!-- Titre -->
  497.     <section class=\"header_home\">
  498.         <div class=\" row container\">
  499.             <div class=\"col-md-6 order-first\">
  500.                 <h1 class=\"Home_title\">Prenez rendez-vous avec un
  501.                 audioprothésiste proche de
  502.                 chez vous.</h1>
  503.                 <h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup> réseau national
  504.                 d'audioprothésiste de France.</h2>
  505.             </div>
  506.             
  507.         
  508.             <div class=\"col-md-6  order-3 order-md-2 casque-col\">
  509.                 <div class=\"casquecontain\">
  510.                     ";
  511.         // line 319
  512.         $this->loadTemplate("/casque.html.twig", "/accueil/accueil.html.twig", 319)->display($context);
  513.         // line 320
  514.         echo "                    <div class=\"casque-int\">
  515.                     <p class=\"Casque-title\">Testez votre audition</p>
  516.                     <p class=\"Casque-subtitle\">en seulement 3 min !</p>
  517.                     
  518.                     <a class=\"btn-search btn btn-vert-inverse btn-outline-light\"  href='/test-auditif-en-ligne/test' >Je commence</a>
  519.                     </div>
  520.                 </div>
  521.                 
  522.             </div>
  523.             <div class=\"col-md-6 order-2 order-md-3\">
  524.                 <div class=\"card card_search\">
  525.                         <form onsubmit=\" goToSearch(); return false;\">
  526.                             <div class=\"input-group\">
  527.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  528.                                 <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  529.                                     placeholder=\"Nom du spécialiste\">
  530.                             </div>
  531.                            <div class=\"centered-ou\">
  532.                                 <div class=\"line\"></div>
  533.                                 <p>ou</p>
  534.                                 <div class=\"line\"></div>
  535.                             </div>
  536.                             <div class=\"input-group\">
  537.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  538.                                 <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  539.                                 <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  540.                             </div>
  541.                             <div class=\"accueil_btn\">
  542.                                 <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  543.                             </div>
  544.                         </form>
  545.                 </div>
  546.             </div>
  547.             <div class=\"col-md-6  order-last father\">
  548.                 <video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  549.                         <source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  550.                 </video>
  551.                 
  552.             
  553.             </div>
  555.         </div>
  556.     </section>
  558.     <!-- Form Card 
  559.     <section class=\"container\">
  560.         <div class=\"col-md-6\">
  561.             <div class=\"card card_search\">
  562.                     <form onsubmit=\" goToSearch(); return false;\">
  563.                         <div class=\"input-group\">
  564.                             <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  565.                             <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  566.                                 placeholder=\"Audioprothésiste ou Centre auditif\">
  567.                         </div>
  568.                         <div class=\"input-group\">
  569.                             <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  570.                             <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  571.                             <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  572.                         </div>
  573.                         <div class=\"accueil_btn\">
  574.                             <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  575.                         </div>
  576.                     </form>
  577.             </div>
  578.         </div>
  580.     </section>-->
  582.     <!-- Icon section -->
  583.     <section class=\"icon_section\">
  584.         <div class=\"container\">
  585.             <div class=\"icon_div\">
  586.                 <div>
  587.                     <div class=\"icon_background\">
  588.                         <a class=\"icon_link \" href=\"/search\"> 
  589.                             <img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\" />
  590.                         </a>
  591.                     </div>
  592.                     <p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  593.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  594.                 </div>
  595.                 <div>
  596.                     <div class=\"icon_background\">
  597.                         <a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\"> 
  598.                             <img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  599.                         </a>
  600.                     </div>
  601.                     <p class=\"icon_title\">Le parcours de soin auditif</p>
  602.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  603.                 </div>
  604.                 <div>
  605.                  <a class=\"icon_link \" href=\"/test-auditif-en-ligne\"> 
  606.                     <div class=\"icon_background\">
  607.                         <img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\" />
  608.                     </div>
  609.                 </a>
  610.                     <p class=\"icon_title\">Test auditif en ligne</p>
  611.                     <a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  612.                 </div>
  613.                 <div>
  614.                 <a class=\"icon_link \" href=\"#\"> 
  615.                     <div class=\"icon_background\">
  616.                         <img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\" />
  617.                     </div>
  618.                 </a>
  619.                     <p class=\"icon_title\">1<sup>er</sup> réseau national <br> d’audioprothésistes certifiés</p>
  620.                     <a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  621.                 </div>
  622.               
  623.                 <div>
  624.                     <a class=\"icon_link \" href=\"/actualite-de-l-audition\"> 
  625.                         <div class=\"icon_background\">
  626.                             <img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\" />
  627.                         </div>
  628.                     </a>
  629.                     <p class=\"icon_title\">Actualité de l'audition</p>
  630.                     <a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  631.                 </div>
  632.             </div>
  633.         </div>
  635.     </section>
  637.     <!-- Tableau -->
  638.     <section class=\"tab_section\">
  639.         <div class=\"container\">
  640.             <h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  641.             <div class=\"card\"  style=\"min-height: 540px;\">
  642.                 <div id=\"tabsAvantageContainer\">
  643.                     <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  644.                         <li class=\"nav-item\" role=\"presentation\">
  645.                             <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\"
  646.                                 type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  647.                                 facilitée</button>
  648.                         </li>
  649.                         <li class=\"nav-item\" role=\"presentation\">
  650.                             <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\"
  651.                                 type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  652.                                 avantageux</button>
  653.                         </li>
  654.                         <li class=\"nav-item\" role=\"presentation\">
  655.                             <button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\"
  656.                                 type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  657.                                 ligne</button>
  658.                         </li>
  659.                         <li class=\"nav-item\" role=\"presentation\">
  660.                             <button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\"
  661.                                 type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  662.                                 national</button>
  663.                         </li>
  664.                         <li class=\"nav-item\" role=\"presentation\">
  665.                             <button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\"
  666.                                 type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  667.                                 complet</button>
  668.                         </li>
  669.                         <li class=\"nav-item\" role=\"presentation\">
  670.                             <button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\"
  671.                                 type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  672.                                 l'audition</button>
  673.                         </li>
  674.                     </ul>
  675.                     <div class=\"tab-content\" id=\"myTabContent\">
  676.                         <div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">                            
  677.                             <div class=\"row inner-tabs align-items-start\">
  678.                                 <div class=\"col-md-8\">    
  679.                                     <div class=\"align_title_img\">
  680.                                         <div class=\"align_img\">
  681.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  682.                                         </div>
  683.                                             <h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  684.                                     </div>
  685.                                     <div class=\"align_list_logo\">
  686.                                         <ul class=\"liste_tab\">
  687.                                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  688.                                                 seulement quelques clics.</li>
  689.                                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  690.                                                 que vous soyez.</li>
  691.                                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  692.                                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  693.                                                 choix. Plus besoin d'appeler
  694.                                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  695.                                                 disponibilités! </strong> 
  696.                                             </li>
  697.                                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  698.                                                 email
  699.                                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  700.                                             </li>                
  701.                                         </ul>
  702.                                     </div>
  703.                                 </div>
  704.                                 <div class=\"col-md-4\">
  705.                                     <div class=\"align_logo\">
  706.                                         <img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\" /> <br>
  707.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  708.                                     </div>
  709.                                 </div>
  710.                             </div>
  711.                         </div>
  712.                         <div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  713.                             <div class=\"row inner-tabs align-items-start\">
  714.                                 <div class=\"col-md-8\">
  715.                                     <div class=\"align_title_img\">
  716.                                         <div class=\"align_img\">
  717.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  718.                                         </div>
  719.                                             <h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  720.                                     </div>
  721.                                     <div class=\"align_list_logo\">
  722.                                         <ul class=\"liste_tab\">
  723.                                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  724.                                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  725.                                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  726.                                         </ul>
  727.                                         
  728.                                     </div>
  729.                                 </div>
  730.                                 <div class=\"col-md-4\">
  731.                                     <div class=\"align_logo\">
  732.                                         <img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\" /><br>
  733.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  734.                                     </div>
  735.                                 </div>
  736.                             </div>
  737.                         </div>
  738.                         <div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  739.                             <div class=\"row inner-tabs align-items-start\">
  740.                                 <div class=\"col-md-8\">                        
  741.                                     <div class=\"align_title_img\">
  742.                                         <div class=\"align_img\">
  743.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  744.                                         </div>
  745.                                             <h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  746.                                     </div>
  747.                                     <div class=\"align_list_logo\">
  748.                                         <ul class=\"liste_tab\">
  749.                                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  750.                                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  751.                                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  752.                                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  753.                                             <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>                               
  754.                                         </ul>
  755.                                         
  756.                                     </div>
  757.                                 </div>
  758.                                 <div class=\"col-md-4\">
  759.                                     <div class=\"align_logo\">
  760.                                         <img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\" /><br>
  761.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  762.                                     </div>
  763.                                 </div>
  764.                             </div>
  765.                         </div>
  766.                         <div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  767.                             <div class=\"row inner-tabs align-items-start\">
  768.                                 <div class=\"col-md-8\">
  769.                                     <div class=\"align_title_img\">
  770.                                         <div class=\"align_img\">
  771.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  772.                                         </div>
  773.                                             <h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  774.                                     </div>
  775.                                     <div class=\"align_list_logo\">
  776.                                         <ul class=\"liste_tab\">
  777.                                         <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  778.                                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  779.                                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  780.                                             <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>            
  781.                                         </ul>
  782.                                     </div>
  783.                                 </div>
  784.                                 <div class=\"col-md-4\">
  785.                                     <div class=\"align_logo\">
  786.                                         <img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\" /><br>
  787.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  788.                                     </div>
  789.                                 </div>
  790.                             </div>
  791.                         </div>
  792.                         <div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  793.                             <div class=\"row inner-tabs align-items-start\">
  794.                                 <div class=\"col-md-8\">
  795.                                     <div class=\"align_title_img\">
  796.                                         <div class=\"align_img\">
  797.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  798.                                         </div>
  799.                                             <h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  800.                                     </div>
  801.                                     <div class=\"align_list_logo\">
  802.                                         <ul class=\"liste_tab\">
  803.                                         <li class=\"puce_tab\">Consultez <strong>l'historique de votre dossier</strong> de santé auditive avec l'ensemble de vos documents,
  804.                                                                 vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  805.                                             <li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est <strong>automatiquement transféré</strong> sans que
  806.                                                                 vous n'ayez aucune démarche à faire.
  807.                                             </li>
  808.                                             <li class=\"puce_tab\">Vos données de santé sont enregistrées de manière <strong>hautement sécurisée</strong> et
  809.                                                                 agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  810.                                             <li class=\"puce_tab\">Bénéficiez de conseils pour <strong>préserver votre capital auditif</strong> et adopter les bons gestes.
  811.                                         </ul>
  812.                                     </div>
  813.                                 </div>
  814.                                 <div class=\"col-md-4\">
  815.                                     <div class=\"align_logo\">
  816.                                         <img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\" /><br>
  817.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  818.                                     </div>
  819.                                 </div>
  820.                             </div>
  821.                         </div>
  822.                         <div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  823.                             <div class=\"row inner-tabs align-items-start\">
  824.                                 <div class=\"col-md-8\">
  825.                                     <div class=\"align_title_img\">
  826.                                         <div class=\"align_img\">
  827.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  828.                                         </div>
  829.                                             <h4 class=\"Tableau_title\">La référence de l’audition</h4>
  830.                                     </div>
  831.                                     <div class=\"align_list_logo\">
  832.                                         <ul class=\"liste_tab\">
  833.                                             <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>
  834.                                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  835.                                         </ul>
  836.                                     </div>
  837.                                 </div>
  838.                                 <div class=\"col-md-4\">
  839.                                     <div class=\"align_logo\">
  840.                                         <img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\" /> <br>
  841.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  842.                                     </div>
  843.                                 </div>
  844.                             </div>
  845.                         </div>
  846.                     </div>
  847.                 </div>
  848.             </div>
  849.         </div>
  850.     </section>
  853.     <!--Tableau Mobile-->
  854.     <section class=\"tab_section_mobile\">
  855.         <h2 class=\"Tableau_title\">Les avantages du réseau 
  856.         My Audio</h2>
  857.         <div class=\"accordion\" id=\"accordionExample\">
  858.             <div class=\"accordion-item\">
  859.                 <h2 class=\"accordion-header\" id=\"headingOne\">
  860.                     <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\"
  861.                         data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  862.                         <div class=\"align_img\">
  863.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  864.                         </div> Prise de RDV facilitée
  865.                     </button>
  866.                 </h2>
  867.                 <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\"
  868.                     data-bs-parent=\"#accordionExample\">
  869.                     <div class=\"accordion-body\">
  870.                         <ul class=\"liste_tab\">
  871.                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  872.                                 seulement quelques clics.</li>
  873.                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  874.                                 que vous soyez.</li>
  875.                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  876.                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  877.                                 choix. Plus besoin d'appeler
  878.                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  879.                                 disponibilités! </strong> 
  880.                             </li>
  881.                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  882.                                 email
  883.                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  884.                             </li>               
  885.                         </ul>
  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=\"headingTwo\">
  894.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  895.                         data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  896.                         <div class=\"align_img\">
  897.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  898.                         </div> Tarifs avantages
  899.                     </button>
  900.                 </h2>
  901.                 <div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\"
  902.                     data-bs-parent=\"#accordionExample\">
  903.                     <div class=\"accordion-body\">
  904.                           <ul class=\"liste_tab\">
  905.                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  906.                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  907.                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  908.                         </ul>
  909.                        
  910.                         <div class=\"align_logo\">
  911.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  912.                         </div>
  913.                     </div>
  914.                 </div>
  915.             </div>
  916.             <div class=\"accordion-item\">
  917.                 <h2 class=\"accordion-header\" id=\"headingThree\">
  918.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  919.                         data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  920.                         <div class=\"align_img\">
  921.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  922.                         </div> Test auditif gratuit
  923.                     </button>
  924.                 </h2>
  925.                 <div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\"
  926.                     data-bs-parent=\"#accordionExample\">
  927.                     <div class=\"accordion-body\">
  928.                         <ul class=\"liste_tab\">
  929.                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  930.                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  931.                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  932.                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  933.                             <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>                               
  934.                         </ul>
  935.                       
  936.                         <div class=\"align_logo\">
  937.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  938.                         </div>
  939.                     </div>
  940.                 </div>
  941.             </div>
  942.             <div class=\"accordion-item\">
  943.                 <h2 class=\"accordion-header\" id=\"headingFour\">
  944.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  945.                         data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  946.                         <div class=\"align_img\">
  947.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  948.                         </div> Réseau de santé national
  949.                     </button>
  950.                 </h2>
  951.                 <div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\"
  952.                     data-bs-parent=\"#accordionExample\">
  953.                     <div class=\"accordion-body\">
  954.                          <ul class=\"liste_tab\">
  955.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  956.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  957.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  958.                             <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>            
  959.                         </ul>
  960.                         
  961.                         <div class=\"align_logo\">
  962.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  963.                         </div>
  964.                     </div>
  965.                 </div>
  966.             </div>
  967.             <div class=\"accordion-item\">
  968.                 <h2 class=\"accordion-header\" id=\"headingFive\">
  969.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  970.                         data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  971.                         <div class=\"align_img\">
  972.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  973.                         </div> Suivi de votre audition
  974.                     </button>
  975.                 </h2>
  976.                 <div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\"
  977.                     data-bs-parent=\"#accordionExample\">
  978.                     <div class=\"accordion-body\">
  979.                          <ul class=\"liste_tab\">
  980.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  981.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  982.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  983.                             <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>            
  984.                         </ul>
  985.                         
  986.                         <div class=\"align_logo\">
  987.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  988.                         </div>
  989.                     </div>
  990.                 </div>
  991.             </div>
  992.              <div class=\"accordion-item\">
  993.                 <h2 class=\"accordion-header\" id=\"headingSix\">
  994.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  995.                         data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  996.                         <div class=\"align_img\">
  997.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  998.                         </div> La référence de l’audition
  999.                     </button>
  1000.                 </h2>
  1001.                 <div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\"
  1002.                     data-bs-parent=\"#accordionExample\">
  1003.                     <div class=\"accordion-body\">
  1004.                         <ul class=\"liste_tab\">
  1005.                             <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>
  1006.                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  1007.                         </ul>
  1008.                         
  1009.                         <div class=\"align_logo\">
  1010.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\" >Prendre RDV</a>
  1011.                         </div>
  1012.                     </div>
  1013.                 </div>
  1014.             </div>
  1015.         </div>
  1016.     </section> 
  1020.     <!-- Carousel & card-->
  1021.     ";
  1022.         // line 827
  1023.         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.', 827, $this->source); })())) > 0)) {
  1024.             // line 828
  1025.             echo "    <section class=\"title-news\">
  1026.         <div class=\"container\">
  1027.             <div>
  1028.                 <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>
  1029.             </div>
  1030.         </div>
  1031.     </section>
  1033.     <section class=\"news_card\">
  1034.         <div class=\"container\">
  1035.             <div class=\"carousel\"> 
  1037.                  ";
  1038.             // line 840
  1039.             $context['_parent'] = $context;
  1040.             $context['_seq'] = twig_ensure_traversable((isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 840, $this->source); })()));
  1041.             foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
  1042.                 // line 841
  1043.                 echo "                <div class=\"card_section petitecard\">                    
  1044.                     <div class=\"card_article\">
  1045.                         <div class=\"header-card\">
  1046.                             <img class=\"card-img-top petite\" src=\"";
  1047.                 // line 844
  1048.                 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.', 844, $this->source); })()), "html", null, true);
  1049.                 echo "article/image/";
  1050.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 844), "html", null, true);
  1051.                 echo "\" alt=\"Card image cap\">
  1052.                             <div class=\"card-body\">
  1053.                                 <p class=\"card_ontitle\">";
  1054.                 // line 846
  1055.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "categoryTitle", [], "any", false, false, false, 846), "html", null, true);
  1056.                 echo "</p>
  1057.                                 <h2 class=\"card-title\">";
  1058.                 // line 847
  1059.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "title", [], "any", false, false, false, 847), "html", null, true);
  1060.                 echo "</h2>
  1061.                                 <p class=\"card_date\"><span class=\"material-icons\">
  1062.                                         today
  1063.                                     </span> ";
  1064.                 // line 850
  1065.                 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, 850), "medium", "medium", "d MMMM Y", null, "gregorian", "fr"), "html", null, true);
  1066.                 echo "</p>
  1067.                                 <p class=\"card-text\">";
  1068.                 // line 851
  1069.                 echo twig_get_attribute($this->env, $this->source, $context["article"], "description", [], "any", false, false, false, 851);
  1070.                 echo "</p>
  1071.                             </div>
  1072.                         </div>
  1073.                         <div class=\"card-footer\">
  1074.                             <a  class=\"btn btn-vert btn-outline-light me-2\" href=\"/actualite-de-l-audition/";
  1075.                 // line 855
  1076.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 855), "html", null, true);
  1077.                 echo "\">VOIR
  1078.                                 PLUS</a>
  1079.                         </div>
  1080.                             
  1081.                     </div>
  1082.                 </div>
  1083.                ";
  1084.             }
  1085.             $_parent = $context['_parent'];
  1086.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
  1087.             $context = array_intersect_key($context, $_parent) + $_parent;
  1088.             // line 862
  1089.             echo "
  1090.             </div>
  1091.         </div>
  1092.        
  1093.     </section>
  1094.     ";
  1095.         }
  1096.         // line 868
  1097.         echo "
  1098.     <!-- Stats -->
  1099.     <section class=\"number_stat\" id=\"number_stat\">
  1100.         <div class=\"container\">
  1101.             <div class=\"row stats_home justify-content-evenly\">
  1102.                 <div class=\"col-6 col-md-2\">
  1103.                     <h3 class=\"compteurPartenaire\">...</h3>
  1104.                     <h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  1105.                 </div>
  1106.                 <div class=\"col-6 col-md-2\">
  1107.                     <h3 class=\"compteurTest\">...</h3>
  1108.                     <h5>TEST AUDITIFS RÉALISÉS</h5>
  1109.                 </div>
  1110.                 <div class=\"col-6 col-md-2\">
  1111.                     <h3 class=\"compteurAdherent\">...</h3>
  1112.                     <h5>ADHÉRENTS AU RÉSEAU</h5>
  1113.                 </div>
  1114.                 <div class=\"col-6 col-md-2\">
  1115.                     <h3><span class=\"compteurSatisfaction\">...</span>%</h3>
  1116.                     <h5>SATISFACTION</h5>
  1117.                 </div>
  1118.                 <div class=\"col-6 col-md-2\">
  1119.                     <h3><span class=\"compteurAudioReference\">...</span></h3>
  1120.                     <h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  1121.                 </div>
  1122.             </div>
  1124.         </div>
  1125.     </section>
  1127.     <!-- playstore -->
  1128.     <section class=\"linear_store_section\">
  1129.         <div class=\"container\">
  1130.             <div class=\" row align-items-center store_section\">
  1131.                 <div class=\"col-md-4\">
  1132.                     <h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android </h5>
  1133.                     <p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  1134.                      <div class=\"logos-phone-wraper\">
  1135.                     <div>
  1136.                     <a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  1137.                     <img src=\"../assets/img/googleplay.png\" />
  1138.                     </a>
  1139.                     </div>
  1140.                     <div>
  1141.                     <a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  1142.                     <img src=\"../assets/img/logo_app_store.png\" />
  1143.                     </a>
  1144.                     </div>
  1145.                     </div>
  1146.                 </div>
  1147.                 <div class=\"col-md-3\">
  1148.                     <img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  1149.                 </div>
  1150.                 <div class=\"col-md-4\">
  1151.                     <p>Disponible sur Apple et Android</p>
  1152.                     <p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  1153.                 </div>
  1154.             </div>
  1155.         </div>
  1156.     </section>
  1157.     <script src=\"/assets/js/script.js\"></script>
  1158.     <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  1165. ";
  1166.         
  1167.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1169.         
  1170.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1172.     }
  1174.     public function getTemplateName()
  1175.     {
  1176.         return "/accueil/accueil.html.twig";
  1177.     }
  1179.     public function isTraitable()
  1180.     {
  1181.         return false;
  1182.     }
  1184.     public function getDebugInfo()
  1185.     {
  1186.         return array (  1097 => 868,  1089 => 862,  1076 => 855,  1069 => 851,  1065 => 850,  1059 => 847,  1055 => 846,  1048 => 844,  1043 => 841,  1039 => 840,  1025 => 828,  1023 => 827,  514 => 320,  512 => 319,  492 => 302,  438 => 250,  428 => 244,  412 => 238,  402 => 237,  390 => 232,  380 => 231,  237 => 97,  233 => 95,  227 => 93,  225 => 92,  220 => 89,  216 => 87,  210 => 85,  208 => 84,  205 => 83,  201 => 81,  195 => 79,  193 => 78,  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,);
  1187.     }
  1189.     public function getSourceContext()
  1190.     {
  1191.         return new Source("{% extends \"base.html.twig\" %}
  1193. {% block stylesheets %}
  1194. {{ parent() }}
  1196. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick.css\" />
  1197. <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick-theme.css\" />
  1198. <link rel=\"stylesheet\" href=\"/assets/css/accueil.css\">
  1199. {% endblock %}
  1202. {% block javascripts %}
  1203. {{ parent() }}
  1205.  <script type=\"text/javascript\" src=\"/assets/lib/slick-1.8.1/slick.js\"></script>
  1206.  <script type=\"text/javascript\" src=\"/assets/js/acceuil.js\"></script>
  1208.  <script>
  1210.  var mailRelance=\"\";
  1211.    function initMap() {
  1212.   
  1214.     geocoder = new google.maps.Geocoder();
  1216.   
  1217. }
  1220. {% if token is defined %}
  1221.         token = \"{{token}}\";
  1222.     {% else %}
  1223.         token = -1;
  1224.     {% endif %}
  1226.      {% if mailConfirmation is defined %}
  1227.         mailRelance = \"{{mailConfirmation}}\";
  1228.     {% else %}
  1229.         mailRelance = -1;
  1230.     {% endif %}
  1234.     {% if tokenEmail is defined %}
  1235.         tokenEmail = \"{{tokenEmail}}\";
  1236.     {% else %}
  1237.         tokenEmail = -1;
  1238.     {% endif %}
  1239.     
  1240.     if (token != -1){
  1241.         \$('#changePassword').modal('show');
  1242.     }
  1243.     
  1244.     if (tokenEmail != -1){
  1245.         \$.ajax({
  1246.             url: BASE_API + 'valider/mail/token',
  1247.             type: \"POST\",
  1248.             contentType: \"application/json\",
  1249.             dataType: \"json\",
  1250.             data: JSON.stringify({
  1251.                 \"token\": tokenEmail,
  1252.                 \"mail\": mailRelance,
  1253.             }),
  1254.             async: true,
  1255.             success: function (data) {
  1256.                if (data.message == 'ok'){
  1257.                    \$('#mailValider').modal('show');
  1258.                } 
  1259.                if (data.message == 'nok'){
  1260.                     \$('#recommancerValidMail').modal('show');
  1261.                }
  1262.             }
  1263.         });
  1264.         
  1265.     }
  1266.     
  1267. \$(document).ready(function () {
  1268.      {% if token is defined %}
  1269.         token = \"{{token}}\";
  1270.     {% else %}
  1271.         token = -1;
  1272.     {% endif %}
  1274.      {% if mailConfirmation is defined %}
  1275.         mailRelance = \"{{mailConfirmation}}\";
  1276.     {% else %}
  1277.         mailRelance = -1;
  1278.     {% endif %}
  1282.     {% if tokenEmail is defined %}
  1283.         tokenEmail = \"{{tokenEmail}}\";
  1284.     {% else %}
  1285.         tokenEmail = -1;
  1286.     {% endif %}
  1287.     
  1288.     if (token != -1){
  1289.         \$('#changePassword').modal('show');
  1290.     }
  1291.     
  1292.     if (tokenEmail != -1){
  1293.         \$.ajax({
  1294.             url: BASE_API + 'valider/mail/token',
  1295.             type: \"POST\",
  1296.             contentType: \"application/json\",
  1297.             dataType: \"json\",
  1298.             data: JSON.stringify({
  1299.                 \"token\": tokenEmail,
  1300.                 \"mail\": mailRelance,
  1301.             }),
  1302.             async: true,
  1303.             success: function (data) {
  1304.                if (data.message == 'ok'){
  1305.                    \$('#mailValider').modal('show');
  1306.                } 
  1307.                if (data.message == 'nok'){
  1308.                     \$('#recommancerValidMail').modal('show');
  1309.                }
  1310.             }
  1311.         });
  1312.         
  1313.     }
  1316.   var tabs = \$('#myTab button');
  1317.     var counter = 0;
  1318.    var timer = window.setInterval(activateTab, 3000); 
  1320.      function activateTab(){
  1321.       // remove active class from all the tabs
  1322.        tabs.removeClass('active');
  1323.        var currentLink = tabs[counter];
  1324.        \$('.tab-pane').removeClass('active').removeClass('show')
  1325.        currentLink.classList.add('active');
  1326.        \$(currentLink.getAttribute('data-bs-target')).addClass('active').addClass('show');
  1327.        if(counter  < tabs.length - 1)
  1328.          counter= counter + 1;
  1329.        else 
  1330.          counter = 0;
  1331.     }
  1333.   
  1335.     \$('#tabsAvantageContainer').hover(function(ev){
  1336.         clearInterval(timer);
  1337.     }, function(ev){
  1338.         timer = setInterval(activateTab, 3000);
  1339.     });
  1341.     
  1342. });
  1345. \$(function(){
  1346.     
  1348.    
  1349. });
  1352. function relanceConfirmMail(){
  1353.     \$.ajax({
  1354.         url: BASE_API + 'relance/valide/mail/token',
  1355.         type: \"POST\",
  1356.         contentType: \"application/json\",
  1357.         dataType: \"json\",
  1358.         data: JSON.stringify({
  1359.             \"mail\": mailRelance,
  1360.         }),
  1361.         async: true,
  1362.         success: function (data) {
  1363.             \$('#recommancerValidMail').modal('hide');
  1364.             \$('#ValidMailRelance').modal('show');
  1365.         }
  1366.     });
  1367. }
  1369.     function geolocaliser(){
  1370.         if (navigator.geolocation) {
  1371.             navigator.geolocation.getCurrentPosition(function(position) {
  1372.                 var pos = {
  1373.                     lat: position.coords.latitude,
  1374.                     lng: position.coords.longitude
  1375.                 };
  1376.                 latitude = position.coords.latitude;
  1377.                 longitude = position.coords.longitude;
  1378.                 var geocoder = new google.maps.Geocoder;
  1379.                 geocoder.geocode({'location': pos}, function(results, status) {
  1380.                     if (status === 'OK') {
  1381.                         if (results[0]) {
  1382.                         street = results[0].formatted_address;
  1383.                         \$(\"#searchByCityId\").val(street);
  1384.                         } 
  1385.                     } 
  1386.                 });
  1387.             }, function() {
  1388.             // handleLocationError(true, infoWindow, map.getCenter());
  1389.             });
  1390.         }
  1391.     }
  1394.     function goToSearch(){
  1395.         ville = \$('#searchByCityId').val();
  1396.         nom = \$(\"#searchByNameId\").val();
  1397.         geocoder.geocode( { 'address': ville}, function(results, status) {
  1398.             if (status == 'OK') {
  1399.                 lat = results[0].geometry.location.lat()
  1400.                 long = results[0].geometry.location.lng()
  1401.                 if (nom != \"\"){
  1402.                         document.location.href=\"/search?name=\"+nom+\"&latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  1403.                 } else {
  1404.                      document.location.href=\"/search?latitude=\"+lat+\"&longitude=\"+long+\"&ville=\"+ville; 
  1405.                 }
  1406.             } else {
  1407.                  if (nom != \"\"){
  1408.                     document.location.href=\"/search?name=\"+nom;
  1409.                 } else {
  1410.                     document.location.href=\"/search?address=\"+ville;
  1411.                 }
  1412.             }
  1414.         });
  1415.     }
  1417. </script>
  1420. {% endblock %}
  1421. {% block meta %}
  1422.         <title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  1423.         <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.\">
  1424. {% endblock %}
  1425.    
  1427. {% block body %}
  1428.   {{ parent() }}
  1430.     <div class=\"backgroundheader\">
  1431. </div>
  1432. {% endblock %}
  1434. {% block content %}
  1435. {#  <video playsinline autoplay muted  id=\"bgvid\">
  1436.     <source src=\"/assets/videos/accueil.webm\" type=\"video/webm\">
  1437.     <source src=\"/assets/videos/accueil.mp4\" type=\"video/mp4\">
  1438. </video>
  1439. #}
  1441. <style>
  1442. video#bgvid { 
  1443. height: 100vh;
  1444.   width: 100vw;
  1445.   object-fit: cover;
  1446.   position: fixed;
  1447.   left: 50%;
  1448.   top: 50%;
  1449.     transform: translate(-50%, -50%); 
  1450.   z-index: 999999;
  1451.   transition: opacity 2s ease-out;
  1452.  opacity: 1;
  1453.  background:#fff;
  1455. }
  1457. video#bgvid.end { 
  1459.   z-index: -1;
  1460.   transition: opacity 2s ease-out;
  1461.       opacity: 0;
  1465. }
  1467. video#bgvid.nostart { 
  1469.   z-index: -1;
  1470.       opacity: 0;
  1471. display:none;
  1474. }
  1476. </style>
  1477. <script type='text/javascript'>
  1478.     document.getElementById('bgvid').addEventListener('loadstart', function(e) {
  1479.         if (getCookie('animationIn') == '1'){
  1480.             \$(\"#bgvid\").prop('class','nostart');
  1481.         }
  1482.     
  1483.     })
  1485.     document.getElementById('bgvid').addEventListener('ended', function(e) {
  1487.         \$(\"#bgvid\").prop('class','end');
  1488.         setCookie('animationIn', '1', 1);
  1489.     })
  1491. </script>
  1492.   {{ parent() }}
  1495.  <!-- Titre -->
  1496.     <section class=\"header_home\">
  1497.         <div class=\" row container\">
  1498.             <div class=\"col-md-6 order-first\">
  1499.                 <h1 class=\"Home_title\">Prenez rendez-vous avec un
  1500.                 audioprothésiste proche de
  1501.                 chez vous.</h1>
  1502.                 <h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup> réseau national
  1503.                 d'audioprothésiste de France.</h2>
  1504.             </div>
  1505.             
  1506.         
  1507.             <div class=\"col-md-6  order-3 order-md-2 casque-col\">
  1508.                 <div class=\"casquecontain\">
  1509.                     {% include \"/casque.html.twig\" %}
  1510.                     <div class=\"casque-int\">
  1511.                     <p class=\"Casque-title\">Testez votre audition</p>
  1512.                     <p class=\"Casque-subtitle\">en seulement 3 min !</p>
  1513.                     
  1514.                     <a class=\"btn-search btn btn-vert-inverse btn-outline-light\"  href='/test-auditif-en-ligne/test' >Je commence</a>
  1515.                     </div>
  1516.                 </div>
  1517.                 
  1518.             </div>
  1519.             <div class=\"col-md-6 order-2 order-md-3\">
  1520.                 <div class=\"card card_search\">
  1521.                         <form onsubmit=\" goToSearch(); return false;\">
  1522.                             <div class=\"input-group\">
  1523.                                 <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  1524.                                 <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  1525.                                     placeholder=\"Nom du spécialiste\">
  1526.                             </div>
  1527.                            <div class=\"centered-ou\">
  1528.                                 <div class=\"line\"></div>
  1529.                                 <p>ou</p>
  1530.                                 <div class=\"line\"></div>
  1531.                             </div>
  1532.                             <div class=\"input-group\">
  1533.                                 <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  1534.                                 <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1535.                                 <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  1536.                             </div>
  1537.                             <div class=\"accueil_btn\">
  1538.                                 <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  1539.                             </div>
  1540.                         </form>
  1541.                 </div>
  1542.             </div>
  1543.             <div class=\"col-md-6  order-last father\">
  1544.                 <video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  1545.                         <source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  1546.                 </video>
  1547.                 
  1548.             
  1549.             </div>
  1551.         </div>
  1552.     </section>
  1554.     <!-- Form Card 
  1555.     <section class=\"container\">
  1556.         <div class=\"col-md-6\">
  1557.             <div class=\"card card_search\">
  1558.                     <form onsubmit=\" goToSearch(); return false;\">
  1559.                         <div class=\"input-group\">
  1560.                             <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  1561.                             <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  1562.                                 placeholder=\"Audioprothésiste ou Centre auditif\">
  1563.                         </div>
  1564.                         <div class=\"input-group\">
  1565.                             <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  1566.                             <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1567.                             <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  1568.                         </div>
  1569.                         <div class=\"accueil_btn\">
  1570.                             <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  1571.                         </div>
  1572.                     </form>
  1573.             </div>
  1574.         </div>
  1576.     </section>-->
  1578.     <!-- Icon section -->
  1579.     <section class=\"icon_section\">
  1580.         <div class=\"container\">
  1581.             <div class=\"icon_div\">
  1582.                 <div>
  1583.                     <div class=\"icon_background\">
  1584.                         <a class=\"icon_link \" href=\"/search\"> 
  1585.                             <img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\" />
  1586.                         </a>
  1587.                     </div>
  1588.                     <p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  1589.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  1590.                 </div>
  1591.                 <div>
  1592.                     <div class=\"icon_background\">
  1593.                         <a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\"> 
  1594.                             <img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  1595.                         </a>
  1596.                     </div>
  1597.                     <p class=\"icon_title\">Le parcours de soin auditif</p>
  1598.                     <a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  1599.                 </div>
  1600.                 <div>
  1601.                  <a class=\"icon_link \" href=\"/test-auditif-en-ligne\"> 
  1602.                     <div class=\"icon_background\">
  1603.                         <img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\" />
  1604.                     </div>
  1605.                 </a>
  1606.                     <p class=\"icon_title\">Test auditif en ligne</p>
  1607.                     <a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  1608.                 </div>
  1609.                 <div>
  1610.                 <a class=\"icon_link \" href=\"#\"> 
  1611.                     <div class=\"icon_background\">
  1612.                         <img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\" />
  1613.                     </div>
  1614.                 </a>
  1615.                     <p class=\"icon_title\">1<sup>er</sup> réseau national <br> d’audioprothésistes certifiés</p>
  1616.                     <a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  1617.                 </div>
  1618.               
  1619.                 <div>
  1620.                     <a class=\"icon_link \" href=\"/actualite-de-l-audition\"> 
  1621.                         <div class=\"icon_background\">
  1622.                             <img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\" />
  1623.                         </div>
  1624.                     </a>
  1625.                     <p class=\"icon_title\">Actualité de l'audition</p>
  1626.                     <a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  1627.                 </div>
  1628.             </div>
  1629.         </div>
  1631.     </section>
  1633.     <!-- Tableau -->
  1634.     <section class=\"tab_section\">
  1635.         <div class=\"container\">
  1636.             <h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  1637.             <div class=\"card\"  style=\"min-height: 540px;\">
  1638.                 <div id=\"tabsAvantageContainer\">
  1639.                     <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  1640.                         <li class=\"nav-item\" role=\"presentation\">
  1641.                             <button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\"
  1642.                                 type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  1643.                                 facilitée</button>
  1644.                         </li>
  1645.                         <li class=\"nav-item\" role=\"presentation\">
  1646.                             <button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\"
  1647.                                 type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  1648.                                 avantageux</button>
  1649.                         </li>
  1650.                         <li class=\"nav-item\" role=\"presentation\">
  1651.                             <button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\"
  1652.                                 type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  1653.                                 ligne</button>
  1654.                         </li>
  1655.                         <li class=\"nav-item\" role=\"presentation\">
  1656.                             <button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\"
  1657.                                 type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  1658.                                 national</button>
  1659.                         </li>
  1660.                         <li class=\"nav-item\" role=\"presentation\">
  1661.                             <button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\"
  1662.                                 type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  1663.                                 complet</button>
  1664.                         </li>
  1665.                         <li class=\"nav-item\" role=\"presentation\">
  1666.                             <button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\"
  1667.                                 type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  1668.                                 l'audition</button>
  1669.                         </li>
  1670.                     </ul>
  1671.                     <div class=\"tab-content\" id=\"myTabContent\">
  1672.                         <div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">                            
  1673.                             <div class=\"row inner-tabs align-items-start\">
  1674.                                 <div class=\"col-md-8\">    
  1675.                                     <div class=\"align_title_img\">
  1676.                                         <div class=\"align_img\">
  1677.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  1678.                                         </div>
  1679.                                             <h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  1680.                                     </div>
  1681.                                     <div class=\"align_list_logo\">
  1682.                                         <ul class=\"liste_tab\">
  1683.                                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  1684.                                                 seulement quelques clics.</li>
  1685.                                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  1686.                                                 que vous soyez.</li>
  1687.                                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  1688.                                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  1689.                                                 choix. Plus besoin d'appeler
  1690.                                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  1691.                                                 disponibilités! </strong> 
  1692.                                             </li>
  1693.                                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  1694.                                                 email
  1695.                                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  1696.                                             </li>                
  1697.                                         </ul>
  1698.                                     </div>
  1699.                                 </div>
  1700.                                 <div class=\"col-md-4\">
  1701.                                     <div class=\"align_logo\">
  1702.                                         <img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\" /> <br>
  1703.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1704.                                     </div>
  1705.                                 </div>
  1706.                             </div>
  1707.                         </div>
  1708.                         <div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  1709.                             <div class=\"row inner-tabs align-items-start\">
  1710.                                 <div class=\"col-md-8\">
  1711.                                     <div class=\"align_title_img\">
  1712.                                         <div class=\"align_img\">
  1713.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  1714.                                         </div>
  1715.                                             <h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  1716.                                     </div>
  1717.                                     <div class=\"align_list_logo\">
  1718.                                         <ul class=\"liste_tab\">
  1719.                                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  1720.                                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  1721.                                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  1722.                                         </ul>
  1723.                                         
  1724.                                     </div>
  1725.                                 </div>
  1726.                                 <div class=\"col-md-4\">
  1727.                                     <div class=\"align_logo\">
  1728.                                         <img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\" /><br>
  1729.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1730.                                     </div>
  1731.                                 </div>
  1732.                             </div>
  1733.                         </div>
  1734.                         <div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  1735.                             <div class=\"row inner-tabs align-items-start\">
  1736.                                 <div class=\"col-md-8\">                        
  1737.                                     <div class=\"align_title_img\">
  1738.                                         <div class=\"align_img\">
  1739.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  1740.                                         </div>
  1741.                                             <h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  1742.                                     </div>
  1743.                                     <div class=\"align_list_logo\">
  1744.                                         <ul class=\"liste_tab\">
  1745.                                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  1746.                                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  1747.                                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  1748.                                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  1749.                                             <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>                               
  1750.                                         </ul>
  1751.                                         
  1752.                                     </div>
  1753.                                 </div>
  1754.                                 <div class=\"col-md-4\">
  1755.                                     <div class=\"align_logo\">
  1756.                                         <img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\" /><br>
  1757.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1758.                                     </div>
  1759.                                 </div>
  1760.                             </div>
  1761.                         </div>
  1762.                         <div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  1763.                             <div class=\"row inner-tabs align-items-start\">
  1764.                                 <div class=\"col-md-8\">
  1765.                                     <div class=\"align_title_img\">
  1766.                                         <div class=\"align_img\">
  1767.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  1768.                                         </div>
  1769.                                             <h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  1770.                                     </div>
  1771.                                     <div class=\"align_list_logo\">
  1772.                                         <ul class=\"liste_tab\">
  1773.                                         <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1774.                                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1775.                                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1776.                                             <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>            
  1777.                                         </ul>
  1778.                                     </div>
  1779.                                 </div>
  1780.                                 <div class=\"col-md-4\">
  1781.                                     <div class=\"align_logo\">
  1782.                                         <img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\" /><br>
  1783.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1784.                                     </div>
  1785.                                 </div>
  1786.                             </div>
  1787.                         </div>
  1788.                         <div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  1789.                             <div class=\"row inner-tabs align-items-start\">
  1790.                                 <div class=\"col-md-8\">
  1791.                                     <div class=\"align_title_img\">
  1792.                                         <div class=\"align_img\">
  1793.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  1794.                                         </div>
  1795.                                             <h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  1796.                                     </div>
  1797.                                     <div class=\"align_list_logo\">
  1798.                                         <ul class=\"liste_tab\">
  1799.                                         <li class=\"puce_tab\">Consultez <strong>l'historique de votre dossier</strong> de santé auditive avec l'ensemble de vos documents,
  1800.                                                                 vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  1801.                                             <li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est <strong>automatiquement transféré</strong> sans que
  1802.                                                                 vous n'ayez aucune démarche à faire.
  1803.                                             </li>
  1804.                                             <li class=\"puce_tab\">Vos données de santé sont enregistrées de manière <strong>hautement sécurisée</strong> et
  1805.                                                                 agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  1806.                                             <li class=\"puce_tab\">Bénéficiez de conseils pour <strong>préserver votre capital auditif</strong> et adopter les bons gestes.
  1807.                                         </ul>
  1808.                                     </div>
  1809.                                 </div>
  1810.                                 <div class=\"col-md-4\">
  1811.                                     <div class=\"align_logo\">
  1812.                                         <img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\" /><br>
  1813.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1814.                                     </div>
  1815.                                 </div>
  1816.                             </div>
  1817.                         </div>
  1818.                         <div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  1819.                             <div class=\"row inner-tabs align-items-start\">
  1820.                                 <div class=\"col-md-8\">
  1821.                                     <div class=\"align_title_img\">
  1822.                                         <div class=\"align_img\">
  1823.                                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  1824.                                         </div>
  1825.                                             <h4 class=\"Tableau_title\">La référence de l’audition</h4>
  1826.                                     </div>
  1827.                                     <div class=\"align_list_logo\">
  1828.                                         <ul class=\"liste_tab\">
  1829.                                             <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>
  1830.                                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  1831.                                         </ul>
  1832.                                     </div>
  1833.                                 </div>
  1834.                                 <div class=\"col-md-4\">
  1835.                                     <div class=\"align_logo\">
  1836.                                         <img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\" /> <br>
  1837.                                         <a  class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1838.                                     </div>
  1839.                                 </div>
  1840.                             </div>
  1841.                         </div>
  1842.                     </div>
  1843.                 </div>
  1844.             </div>
  1845.         </div>
  1846.     </section>
  1849.     <!--Tableau Mobile-->
  1850.     <section class=\"tab_section_mobile\">
  1851.         <h2 class=\"Tableau_title\">Les avantages du réseau 
  1852.         My Audio</h2>
  1853.         <div class=\"accordion\" id=\"accordionExample\">
  1854.             <div class=\"accordion-item\">
  1855.                 <h2 class=\"accordion-header\" id=\"headingOne\">
  1856.                     <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\"
  1857.                         data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  1858.                         <div class=\"align_img\">
  1859.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\" />
  1860.                         </div> Prise de RDV facilitée
  1861.                     </button>
  1862.                 </h2>
  1863.                 <div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\"
  1864.                     data-bs-parent=\"#accordionExample\">
  1865.                     <div class=\"accordion-body\">
  1866.                         <ul class=\"liste_tab\">
  1867.                             <li class=\"puce_tab\">Trouvez l'audioprothésiste le <strong>plus proche de chez vous,</strong> en
  1868.                                 seulement quelques clics.</li>
  1869.                             <li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches <strong>24H/24 et 7J/7,</strong> où
  1870.                                 que vous soyez.</li>
  1871.                             <li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  1872.                             <li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  1873.                                 choix. Plus besoin d'appeler
  1874.                                 plusieurs centres auditifs avant de trouver <strong>un rendez-vous qui corresponde à vos
  1875.                                 disponibilités! </strong> 
  1876.                             </li>
  1877.                             <li class=\"puce_tab\">Recevez les <strong>rappels automatiques de vos rendez-vous par SMS,</strong> par
  1878.                                 email
  1879.                                 ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  1880.                             </li>               
  1881.                         </ul>
  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 class=\"accordion-item\">
  1889.                 <h2 class=\"accordion-header\" id=\"headingTwo\">
  1890.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1891.                         data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  1892.                         <div class=\"align_img\">
  1893.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\" />
  1894.                         </div> Tarifs avantages
  1895.                     </button>
  1896.                 </h2>
  1897.                 <div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\"
  1898.                     data-bs-parent=\"#accordionExample\">
  1899.                     <div class=\"accordion-body\">
  1900.                           <ul class=\"liste_tab\">
  1901.                             <li class=\"puce_tab\">Profitez de notre <strong>service en ligne 100% gratuit</strong> (et ça le restera toujours).</li>
  1902.                             <li class=\"puce_tab\">Bénéficiez de votre <strong>premier rendez-vous gratuit</strong> chez un audioprothésiste My Audio.</li>
  1903.                             <li class=\"puce_tab\">Obtenez <strong>vos aides auditives pour 0€,</strong>  grâce à la réforme 100% Santé. En savoir plus ici.</li>            
  1904.                         </ul>
  1905.                        
  1906.                         <div class=\"align_logo\">
  1907.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1908.                         </div>
  1909.                     </div>
  1910.                 </div>
  1911.             </div>
  1912.             <div class=\"accordion-item\">
  1913.                 <h2 class=\"accordion-header\" id=\"headingThree\">
  1914.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1915.                         data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  1916.                         <div class=\"align_img\">
  1917.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\" />
  1918.                         </div> Test auditif gratuit
  1919.                     </button>
  1920.                 </h2>
  1921.                 <div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\"
  1922.                     data-bs-parent=\"#accordionExample\">
  1923.                     <div class=\"accordion-body\">
  1924.                         <ul class=\"liste_tab\">
  1925.                             <li class=\"puce_tab\">Testez <strong>gratuitement</strong> votre audition, afin de préserver votre capital auditif.</li>
  1926.                             <li class=\"puce_tab\">Réalisez le test <strong>depuis chez vous.</strong></li>
  1927.                             <li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend <strong>que 3 minutes</strong> et quelques clics.</li>
  1928.                             <li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une <strong>technologie de pointe.</strong></li>
  1929.                             <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>                               
  1930.                         </ul>
  1931.                       
  1932.                         <div class=\"align_logo\">
  1933.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1934.                         </div>
  1935.                     </div>
  1936.                 </div>
  1937.             </div>
  1938.             <div class=\"accordion-item\">
  1939.                 <h2 class=\"accordion-header\" id=\"headingFour\">
  1940.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1941.                         data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  1942.                         <div class=\"align_img\">
  1943.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\" />
  1944.                         </div> Réseau de santé national
  1945.                     </button>
  1946.                 </h2>
  1947.                 <div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\"
  1948.                     data-bs-parent=\"#accordionExample\">
  1949.                     <div class=\"accordion-body\">
  1950.                          <ul class=\"liste_tab\">
  1951.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1952.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1953.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1954.                             <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>            
  1955.                         </ul>
  1956.                         
  1957.                         <div class=\"align_logo\">
  1958.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1959.                         </div>
  1960.                     </div>
  1961.                 </div>
  1962.             </div>
  1963.             <div class=\"accordion-item\">
  1964.                 <h2 class=\"accordion-header\" id=\"headingFive\">
  1965.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1966.                         data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  1967.                         <div class=\"align_img\">
  1968.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\" />
  1969.                         </div> Suivi de votre audition
  1970.                     </button>
  1971.                 </h2>
  1972.                 <div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\"
  1973.                     data-bs-parent=\"#accordionExample\">
  1974.                     <div class=\"accordion-body\">
  1975.                          <ul class=\"liste_tab\">
  1976.                             <li class=\"puce_tab\">Bénéficiez du <strong>1er réseau National d'audioprothésistes</strong> pour votre suivi auditif.</li>
  1977.                             <li class=\"puce_tab\">Consultez uniquement des audioprothésistes <strong>certifiés</strong> sérieux et adhérant à notre <strong>charte de qualité,</strong>
  1978.                                                 garant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1979.                             <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>            
  1980.                         </ul>
  1981.                         
  1982.                         <div class=\"align_logo\">
  1983.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1984.                         </div>
  1985.                     </div>
  1986.                 </div>
  1987.             </div>
  1988.              <div class=\"accordion-item\">
  1989.                 <h2 class=\"accordion-header\" id=\"headingSix\">
  1990.                     <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\"
  1991.                         data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  1992.                         <div class=\"align_img\">
  1993.                             <img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\" />
  1994.                         </div> La référence de l’audition
  1995.                     </button>
  1996.                 </h2>
  1997.                 <div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\"
  1998.                     data-bs-parent=\"#accordionExample\">
  1999.                     <div class=\"accordion-body\">
  2000.                         <ul class=\"liste_tab\">
  2001.                             <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>
  2002.                             <li class=\"puce_tab\">Bénéficiez de notre innovation à venir : <strong>l'Intelligence Artificielle (IA)</strong> au service de votre audition.</li> 
  2003.                         </ul>
  2004.                         
  2005.                         <div class=\"align_logo\">
  2006.                             <a  class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\" >Prendre RDV</a>
  2007.                         </div>
  2008.                     </div>
  2009.                 </div>
  2010.             </div>
  2011.         </div>
  2012.     </section> 
  2016.     <!-- Carousel & card-->
  2017.     {% if articles | length > 0 %}
  2018.     <section class=\"title-news\">
  2019.         <div class=\"container\">
  2020.             <div>
  2021.                 <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>
  2022.             </div>
  2023.         </div>
  2024.     </section>
  2026.     <section class=\"news_card\">
  2027.         <div class=\"container\">
  2028.             <div class=\"carousel\"> 
  2030.                  {% for article in articles %}
  2031.                 <div class=\"card_section petitecard\">                    
  2032.                     <div class=\"card_article\">
  2033.                         <div class=\"header-card\">
  2034.                             <img class=\"card-img-top petite\" src=\"{{BASE_API}}article/image/{{article.slug}}\" alt=\"Card image cap\">
  2035.                             <div class=\"card-body\">
  2036.                                 <p class=\"card_ontitle\">{{article.categoryTitle}}</p>
  2037.                                 <h2 class=\"card-title\">{{article.title}}</h2>
  2038.                                 <p class=\"card_date\"><span class=\"material-icons\">
  2039.                                         today
  2040.                                     </span> {{article.date |format_datetime(pattern=\"d MMMM Y\",locale='fr')}}</p>
  2041.                                 <p class=\"card-text\">{{article.description |raw}}</p>
  2042.                             </div>
  2043.                         </div>
  2044.                         <div class=\"card-footer\">
  2045.                             <a  class=\"btn btn-vert btn-outline-light me-2\" href=\"/actualite-de-l-audition/{{article.slug}}\">VOIR
  2046.                                 PLUS</a>
  2047.                         </div>
  2048.                             
  2049.                     </div>
  2050.                 </div>
  2051.                {% endfor %}
  2053.             </div>
  2054.         </div>
  2055.        
  2056.     </section>
  2057.     {% endif %}
  2059.     <!-- Stats -->
  2060.     <section class=\"number_stat\" id=\"number_stat\">
  2061.         <div class=\"container\">
  2062.             <div class=\"row stats_home justify-content-evenly\">
  2063.                 <div class=\"col-6 col-md-2\">
  2064.                     <h3 class=\"compteurPartenaire\">...</h3>
  2065.                     <h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  2066.                 </div>
  2067.                 <div class=\"col-6 col-md-2\">
  2068.                     <h3 class=\"compteurTest\">...</h3>
  2069.                     <h5>TEST AUDITIFS RÉALISÉS</h5>
  2070.                 </div>
  2071.                 <div class=\"col-6 col-md-2\">
  2072.                     <h3 class=\"compteurAdherent\">...</h3>
  2073.                     <h5>ADHÉRENTS AU RÉSEAU</h5>
  2074.                 </div>
  2075.                 <div class=\"col-6 col-md-2\">
  2076.                     <h3><span class=\"compteurSatisfaction\">...</span>%</h3>
  2077.                     <h5>SATISFACTION</h5>
  2078.                 </div>
  2079.                 <div class=\"col-6 col-md-2\">
  2080.                     <h3><span class=\"compteurAudioReference\">...</span></h3>
  2081.                     <h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  2082.                 </div>
  2083.             </div>
  2085.         </div>
  2086.     </section>
  2088.     <!-- playstore -->
  2089.     <section class=\"linear_store_section\">
  2090.         <div class=\"container\">
  2091.             <div class=\" row align-items-center store_section\">
  2092.                 <div class=\"col-md-4\">
  2093.                     <h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android </h5>
  2094.                     <p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  2095.                      <div class=\"logos-phone-wraper\">
  2096.                     <div>
  2097.                     <a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  2098.                     <img src=\"../assets/img/googleplay.png\" />
  2099.                     </a>
  2100.                     </div>
  2101.                     <div>
  2102.                     <a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  2103.                     <img src=\"../assets/img/logo_app_store.png\" />
  2104.                     </a>
  2105.                     </div>
  2106.                     </div>
  2107.                 </div>
  2108.                 <div class=\"col-md-3\">
  2109.                     <img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  2110.                 </div>
  2111.                 <div class=\"col-md-4\">
  2112.                     <p>Disponible sur Apple et Android</p>
  2113.                     <p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  2114.                 </div>
  2115.             </div>
  2116.         </div>
  2117.     </section>
  2118.     <script src=\"/assets/js/script.js\"></script>
  2119.     <script\tsrc=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  2126. {% endblock %}", "/accueil/accueil.html.twig", "/var/www/my-audio-site/templates/accueil/accueil.html.twig");
  2127.     }
  2128. }