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

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.         echo "\t";
  73.         $this->displayParentBlock("stylesheets", $context, $blocks);
  74.         echo "
  76. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick.css\"/>
  77. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick-theme.css\"/>
  78. \t<link rel=\"stylesheet\" href=\"/assets/css/accueil.css\">
  79. ";
  80.         
  81.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  83.         
  84.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  86.     }
  88.     // line 12
  89.     public function block_javascripts($context, array $blocks = [])
  90.     {
  91.         $macros = $this->macros;
  92.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  93.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  95.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  96.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  98.         // line 13
  99.         echo "\t";
  100.         $this->displayParentBlock("javascripts", $context, $blocks);
  101.         echo "
  103. \t<script type=\"text/javascript\" src=\"/assets/lib/slick-1.8.1/slick.js\"></script>
  104. \t<script type=\"text/javascript\" src=\"/assets/js/acceuil.js\"></script>
  106. \t<script>
  108. \t\tvar mailRelance = \"\";
  109. function initMap() {
  112. geocoder = new google.maps.Geocoder();
  115. }
  117. document.addEventListener('DOMContentLoaded', function () {
  118. const btn = document.querySelector('.firstLoad');
  119. if (btn) {
  120. btn.disabled = true;
  121. }
  122. });
  124. window.addEventListener('load', function () {
  125. const btn = document.querySelector('.firstLoad');
  126. if (btn) {
  127. btn.disabled = false;
  128. }
  129. });";
  130.         // line 41
  131.         if (array_key_exists("token", $context)) {
  132.             // line 42
  133.             echo "token = \"";
  134.             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.', 42, $this->source); })()), "html", null, true);
  135.             echo "\";
  136. ";
  137.         } else {
  138.             // line 44
  139.             echo "token = -1;";
  140.         }
  141.         // line 45
  142.         echo "
  143. ";
  144.         // line 46
  145.         if (array_key_exists("mailConfirmation", $context)) {
  146.             echo "mailRelance = \"";
  147.             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.', 46, $this->source); })()), "html", null, true);
  148.             echo "\";
  149. ";
  150.         } else {
  151.             // line 47
  152.             echo "mailRelance = -1;";
  153.         }
  154.         // line 48
  155.         echo "
  157. ";
  158.         // line 50
  159.         if (array_key_exists("tokenEmail", $context)) {
  160.             // line 51
  161.             echo "tokenEmail = \"";
  162.             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.', 51, $this->source); })()), "html", null, true);
  163.             echo "\";
  164. ";
  165.         } else {
  166.             // line 53
  167.             echo "tokenEmail = -1;";
  168.         }
  169.         // line 54
  170.         echo "
  171. if (token != -1) {
  172. \$('#changePassword').modal('show');
  173. }
  175. if (tokenEmail != -1) {
  176. \$.ajax({
  177. url: BASE_API + 'valider/mail/token',
  178. type: \"POST\",
  179. contentType: \"application/json\",
  180. dataType: \"json\",
  181. data: JSON.stringify(
  182. {\"token\": tokenEmail, \"mail\": mailRelance}
  183. ),
  184. async: true,
  185. success: function (data) {
  186. if (data.message == 'ok') {
  187. \$('#mailValider').modal('show');
  188. }
  189. if (data.message == 'nok') {
  190. \$('#recommancerValidMail').modal('show');
  191. }
  192. }
  193. });
  195. }
  197. \$(document).ready(function () {
  198. ";
  199.         // line 82
  200.         if (array_key_exists("token", $context)) {
  201.             // line 83
  202.             echo "token = \"";
  203.             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.', 83, $this->source); })()), "html", null, true);
  204.             echo "\";
  205. ";
  206.         } else {
  207.             // line 85
  208.             echo "token = -1;";
  209.         }
  210.         // line 86
  211.         echo "
  212. ";
  213.         // line 87
  214.         if (array_key_exists("mailConfirmation", $context)) {
  215.             echo "mailRelance = \"";
  216.             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.', 87, $this->source); })()), "html", null, true);
  217.             echo "\";
  218. ";
  219.         } else {
  220.             // line 88
  221.             echo "mailRelance = -1;";
  222.         }
  223.         // line 89
  224.         echo "
  226. ";
  227.         // line 91
  228.         if (array_key_exists("tokenEmail", $context)) {
  229.             // line 92
  230.             echo "tokenEmail = \"";
  231.             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.', 92, $this->source); })()), "html", null, true);
  232.             echo "\";
  233. ";
  234.         } else {
  235.             // line 94
  236.             echo "tokenEmail = -1;";
  237.         }
  238.         // line 95
  239.         echo "
  240. if (token != -1) {
  241. \$('#changePassword').modal('show');
  242. }
  244. if (tokenEmail != -1) {
  245. \$.ajax({
  246. url: BASE_API + 'valider/mail/token',
  247. type: \"POST\",
  248. contentType: \"application/json\",
  249. dataType: \"json\",
  250. data: JSON.stringify(
  251. {\"token\": tokenEmail, \"mail\": mailRelance}
  252. ),
  253. async: true,
  254. success: function (data) {
  255. if (data.message == 'ok') {
  256. \$('#mailValider').modal('show');
  257. }
  258. if (data.message == 'nok') {
  259. \$('#recommancerValidMail').modal('show');
  260. }
  261. }
  262. });
  264. }
  267. var tabs = \$('#myTab button');
  268. var counter = 0;
  269. var timer = window.setInterval(activateTab, 3000);
  271. function activateTab() { // 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;
  282. }
  285. \$('#tabsAvantageContainer').hover(function (ev) {
  286. clearInterval(timer);
  287. }, function (ev) {
  288. timer = setInterval(activateTab, 3000);
  289. });
  292. });
  295. \$(function () {});
  298. function relanceConfirmMail() {
  299. \$.ajax({
  300. url: BASE_API + 'relance/valide/mail/token',
  301. type: \"POST\",
  302. contentType: \"application/json\",
  303. dataType: \"json\",
  304. data: JSON.stringify(
  305. {\"mail\": mailRelance}
  306. ),
  307. async: true,
  308. success: function (data) {
  309. \$('#recommancerValidMail').modal('hide');
  310. \$('#ValidMailRelance').modal('show');
  311. }
  312. });
  313. }
  315. function geolocaliser() {
  316. if (navigator.geolocation) {
  317. navigator.geolocation.getCurrentPosition(function (position) {
  318. var pos = {
  319. lat: position.coords.latitude,
  320. lng: position.coords.longitude
  321. };
  322. latitude = position.coords.latitude;
  323. longitude = position.coords.longitude;
  324. var geocoder = new google.maps.Geocoder;
  325. geocoder.geocode({
  326. 'location': pos
  327. }, function (results, status) {
  328. if (status === 'OK') {
  329. if (results[0]) {
  330. street = results[0].formatted_address;
  331. \$(\"#searchByCityId\").val(street);
  332. }
  333. }
  334. });
  335. }, function () { // handleLocationError(true, infoWindow, map.getCenter());
  336. });
  337. }
  338. }
  341. function goToSearch() {
  342. ville = \$('#searchByCityId').val();
  343. nom = \$(\"#searchByNameId\").val();
  344. geocoder.geocode({
  345. 'address': ville
  346. }, function (results, status) {
  347. if (status == 'OK') {
  348. lat = results[0].geometry.location.lat()
  349. long = results[0].geometry.location.lng()
  350. if (nom != \"\") {
  351. document.location.href = \"/search?name=\" + nom + \"&latitude=\" + lat + \"&longitude=\" + long + \"&ville=\" + ville;
  352. } else {
  353. document.location.href = \"/search?latitude=\" + lat + \"&longitude=\" + long + \"&ville=\" + ville;
  354. }
  355. } else {
  356. if (nom != \"\") {
  357. document.location.href = \"/search?name=\" + nom;
  358. } else {
  359. document.location.href = \"/search?address=\" + ville;
  360. }
  361. }
  363. });
  364. }
  365. \t</script>
  368. ";
  369.         
  370.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  372.         
  373.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  375.     }
  377.     // line 225
  378.     public function block_meta($context, array $blocks = [])
  379.     {
  380.         $macros = $this->macros;
  381.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  382.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  384.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  385.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  387.         // line 226
  388.         echo "\t<title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  389. \t<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.\">
  390. ";
  391.         
  392.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  394.         
  395.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  397.     }
  399.     // line 231
  400.     public function block_body($context, array $blocks = [])
  401.     {
  402.         $macros = $this->macros;
  403.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  404.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  406.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  407.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  409.         // line 232
  410.         echo "\t";
  411.         $this->displayParentBlock("body", $context, $blocks);
  412.         echo "
  414. \t<div class=\"backgroundheader\"></div>
  415. ";
  416.         
  417.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  419.         
  420.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  422.     }
  424.     // line 237
  425.     public function block_content($context, array $blocks = [])
  426.     {
  427.         $macros = $this->macros;
  428.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  429.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  431.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  432.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  434.         // line 238
  435.         echo "\t";
  436.         // line 243
  437.         echo "
  438. \t<style>
  439. \t\tvideo#bgvid {
  440. \t\t\theight: 100vh;
  441. \t\t\twidth: 100vw;
  442. \t\t\tobject-fit: cover;
  443. \t\t\tposition: fixed;
  444. \t\t\tleft: 50%;
  445. \t\t\ttop: 50%;
  446. \t\t\ttransform: translate(-50%, -50%);
  447. \t\t\tz-index: 999999;
  448. \t\t\ttransition: opacity 2s ease-out;
  449. \t\t\topacity: 1;
  450. \t\t\tbackground: #fff;
  452. \t\t}
  454. \t\tvideo#bgvid.end {
  456. \t\t\tz-index: -1;
  457. \t\t\ttransition: opacity 2s ease-out;
  458. \t\t\topacity: 0;
  461. \t\t}
  463. \t\tvideo#bgvid.nostart {
  465. \t\t\tz-index: -1;
  466. \t\t\topacity: 0;
  467. \t\t\tdisplay: none;
  470. \t\t}
  471. \t</style>
  472. \t<script type='text/javascript'>
  473. \t\tdocument.getElementById('bgvid').addEventListener('loadstart', function (e) {
  474. if (getCookie('animationIn') == '1') {
  475. \$(\"#bgvid\").prop('class', 'nostart');
  476. }
  478. })
  480. document.getElementById('bgvid').addEventListener('ended', function (e) {
  482. \$(\"#bgvid\").prop('class', 'end');
  483. setCookie('animationIn', '1', 1);
  484. })
  485. \t</script>
  486. \t";
  487.         // line 292
  488.         $this->displayParentBlock("content", $context, $blocks);
  489.         echo "
  492. \t<!-- Titre -->
  493. \t<section class=\"header_home\">
  494. \t\t<div class=\" row container\">
  495. \t\t\t<div class=\"col-md-6 order-first\">
  496. \t\t\t\t<h1 class=\"Home_title\">Prenez rendez-vous avec un
  497. \t\t\t\t\t                audioprothésiste proche de
  498. \t\t\t\t\t                chez vous.</h1>
  499. \t\t\t\t<h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup>
  500. \t\t\t\t\tréseau national
  501. \t\t\t\t\t                d'audioprothésiste de France.</h2>
  502. \t\t\t</div>
  505. \t\t\t<div class=\"col-md-6  order-3 order-md-2 casque-col\">
  506. \t\t\t\t<div class=\"casquecontain\">
  507. \t\t\t\t\t";
  508.         // line 310
  509.         $this->loadTemplate("/casque.html.twig", "./accueil/accueil.html.twig", 310)->display($context);
  510.         // line 311
  511.         echo "\t\t\t\t\t<div class=\"casque-int\">
  512. \t\t\t\t\t\t<p class=\"Casque-title\">Testez votre audition</p>
  513. \t\t\t\t\t\t<p class=\"Casque-subtitle\">en seulement 3 min !</p>
  515. \t\t\t\t\t\t<a class=\"btn-search btn btn-vert-inverse btn-outline-light\" href='/test-auditif-en-ligne/test'>Je commence</a>
  516. \t\t\t\t\t</div>
  517. \t\t\t\t</div>
  519. \t\t\t</div>
  520. \t\t\t<div class=\"col-md-6 order-2 order-md-3\">
  521. \t\t\t\t<div class=\"card card_search\">
  522. \t\t\t\t\t<form onsubmit=\" goToSearch(); return false;\">
  523. \t\t\t\t\t\t<div class=\"input-group\">
  524. \t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"nom-icon\">
  525. \t\t\t\t\t\t\t\t<i class=\"far fa-search\"></i>
  526. \t\t\t\t\t\t\t</span>
  527. \t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\" placeholder=\"Nom du spécialiste\">
  528. \t\t\t\t\t\t</div>
  529. \t\t\t\t\t\t<div class=\"centered-ou\">
  530. \t\t\t\t\t\t\t<div class=\"line\"></div>
  531. \t\t\t\t\t\t\t<p>ou</p>
  532. \t\t\t\t\t\t\t<div class=\"line\"></div>
  533. \t\t\t\t\t\t</div>
  534. \t\t\t\t\t\t<div class=\"input-group\">
  535. \t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"ville-icon\">
  536. \t\t\t\t\t\t\t\t<i class=\"fas fa-map-marker-alt\"></i>
  537. \t\t\t\t\t\t\t</span>
  538. \t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  539. \t\t\t\t\t\t\t<span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\">
  540. \t\t\t\t\t\t\t\tmy_location
  541. \t\t\t\t\t\t\t</span>
  542. \t\t\t\t\t\t</div>
  543. \t\t\t\t\t\t<div class=\"accueil_btn\">
  544. \t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-vert-inverse btn-search firstLoad\">Rechercher</button>
  545. \t\t\t\t\t\t</div>
  546. \t\t\t\t\t</form>
  547. \t\t\t\t</div>
  548. \t\t\t</div>
  549. \t\t\t<div class=\"col-md-6  order-last father\">
  550. \t\t\t\t<video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  551. \t\t\t\t\t<source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  552. \t\t\t\t</video>
  555. \t\t\t</div>
  557. \t\t</div>
  558. \t</section>
  560. \t<!-- Form Card 
  561. \t    <section class=\"container\">
  562. \t        <div class=\"col-md-6\">
  563. \t            <div class=\"card card_search\">
  564. \t                    <form onsubmit=\" goToSearch(); return false;\">
  565. \t                        <div class=\"input-group\">
  566. \t                            <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  567. \t                            <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  568. \t                                placeholder=\"Audioprothésiste ou Centre auditif\">
  569. \t                        </div>
  570. \t                        <div class=\"input-group\">
  571. \t                            <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  572. \t                            <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  573. \t                            <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  574. \t                        </div>
  575. \t                        <div class=\"accueil_btn\">
  576. \t                            <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  577. \t                        </div>
  578. \t                    </form>
  579. \t            </div>
  580. \t        </div>
  581. \t
  582. \t    </section>-->
  584. \t<!-- Icon section -->
  585. \t<section class=\"icon_section\">
  586. \t\t<div class=\"container\">
  587. \t\t\t<div class=\"icon_div\">
  588. \t\t\t\t<div>
  589. \t\t\t\t\t<div class=\"icon_background\">
  590. \t\t\t\t\t\t<a class=\"icon_link \" href=\"/search\">
  591. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\"/>
  592. \t\t\t\t\t\t</a>
  593. \t\t\t\t\t</div>
  594. \t\t\t\t\t<p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  595. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  596. \t\t\t\t</div>
  597. \t\t\t\t<div>
  598. \t\t\t\t\t<div class=\"icon_background\">
  599. \t\t\t\t\t\t<a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">
  600. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  601. \t\t\t\t\t\t</a>
  602. \t\t\t\t\t</div>
  603. \t\t\t\t\t<p class=\"icon_title\">Le parcours de soin auditif</p>
  604. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  605. \t\t\t\t</div>
  606. \t\t\t\t<div>
  607. \t\t\t\t\t<a class=\"icon_link \" href=\"/test-auditif-en-ligne\">
  608. \t\t\t\t\t\t<div class=\"icon_background\">
  609. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\"/>
  610. \t\t\t\t\t\t</div>
  611. \t\t\t\t\t</a>
  612. \t\t\t\t\t<p class=\"icon_title\">Test auditif en ligne</p>
  613. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  614. \t\t\t\t</div>
  615. \t\t\t\t<div>
  616. \t\t\t\t\t<a class=\"icon_link \" href=\"#\">
  617. \t\t\t\t\t\t<div class=\"icon_background\">
  618. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\"/>
  619. \t\t\t\t\t\t</div>
  620. \t\t\t\t\t</a>
  621. \t\t\t\t\t<p class=\"icon_title\">1<sup>er</sup>
  622. \t\t\t\t\t\tréseau national
  623. \t\t\t\t\t\t<br>
  624. \t\t\t\t\t\td’audioprothésistes certifiés</p>
  625. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  626. \t\t\t\t</div>
  628. \t\t\t\t<div>
  629. \t\t\t\t\t<a class=\"icon_link \" href=\"/actualite-de-l-audition\">
  630. \t\t\t\t\t\t<div class=\"icon_background\">
  631. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\"/>
  632. \t\t\t\t\t\t</div>
  633. \t\t\t\t\t</a>
  634. \t\t\t\t\t<p class=\"icon_title\">Actualité de l'audition</p>
  635. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  636. \t\t\t\t</div>
  637. \t\t\t</div>
  638. \t\t</div>
  640. \t</section>
  642. \t<!-- Tableau -->
  643. \t<section class=\"tab_section\">
  644. \t\t<div class=\"container\">
  645. \t\t\t<h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  646. \t\t\t<div class=\"card\" style=\"min-height: 540px;\">
  647. \t\t\t\t<div id=\"tabsAvantageContainer\">
  648. \t\t\t\t\t<ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  649. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  650. \t\t\t\t\t\t\t<button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  651. \t\t\t\t\t\t\t\t                                facilitée</button>
  652. \t\t\t\t\t\t</li>
  653. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  654. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  655. \t\t\t\t\t\t\t\t                                avantageux</button>
  656. \t\t\t\t\t\t</li>
  657. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  658. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\" type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  659. \t\t\t\t\t\t\t\t                                ligne</button>
  660. \t\t\t\t\t\t</li>
  661. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  662. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\" type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  663. \t\t\t\t\t\t\t\t                                national</button>
  664. \t\t\t\t\t\t</li>
  665. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  666. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\" type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  667. \t\t\t\t\t\t\t\t                                complet</button>
  668. \t\t\t\t\t\t</li>
  669. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  670. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\" type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  671. \t\t\t\t\t\t\t\t                                l'audition</button>
  672. \t\t\t\t\t\t</li>
  673. \t\t\t\t\t</ul>
  674. \t\t\t\t\t<div class=\"tab-content\" id=\"myTabContent\">
  675. \t\t\t\t\t\t<div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">
  676. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  677. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  678. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  679. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  680. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\"/>
  681. \t\t\t\t\t\t\t\t\t\t</div>
  682. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  683. \t\t\t\t\t\t\t\t\t</div>
  684. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  685. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  686. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Trouvez l'audioprothésiste le
  687. \t\t\t\t\t\t\t\t\t\t\t\t<strong>plus proche de chez vous,</strong>
  688. \t\t\t\t\t\t\t\t\t\t\t\ten
  689. \t\t\t\t\t\t\t\t\t\t\t\t                                                seulement quelques clics.</li>
  690. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches
  691. \t\t\t\t\t\t\t\t\t\t\t\t<strong>24H/24 et 7J/7,</strong>
  692. \t\t\t\t\t\t\t\t\t\t\t\toù
  693. \t\t\t\t\t\t\t\t\t\t\t\t                                                que vous soyez.</li>
  694. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  695. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  696. \t\t\t\t\t\t\t\t\t\t\t\t                                                choix. Plus besoin d'appeler
  697. \t\t\t\t\t\t\t\t\t\t\t\t                                                plusieurs centres auditifs avant de trouver
  698. \t\t\t\t\t\t\t\t\t\t\t\t<strong>un rendez-vous qui corresponde à vos
  699. \t\t\t\t\t\t\t\t\t\t\t\t\t                                                disponibilités!
  700. \t\t\t\t\t\t\t\t\t\t\t\t</strong>
  701. \t\t\t\t\t\t\t\t\t\t\t</li>
  702. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Recevez les
  703. \t\t\t\t\t\t\t\t\t\t\t\t<strong>rappels automatiques de vos rendez-vous par SMS,</strong>
  704. \t\t\t\t\t\t\t\t\t\t\t\tpar
  705. \t\t\t\t\t\t\t\t\t\t\t\t                                                email
  706. \t\t\t\t\t\t\t\t\t\t\t\t                                                ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  707. \t\t\t\t\t\t\t\t\t\t\t</li>
  708. \t\t\t\t\t\t\t\t\t\t</ul>
  709. \t\t\t\t\t\t\t\t\t</div>
  710. \t\t\t\t\t\t\t\t</div>
  711. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  712. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  713. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\"/>
  714. \t\t\t\t\t\t\t\t\t\t<br>
  715. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  716. \t\t\t\t\t\t\t\t\t</div>
  717. \t\t\t\t\t\t\t\t</div>
  718. \t\t\t\t\t\t\t</div>
  719. \t\t\t\t\t\t</div>
  720. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  721. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  722. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  723. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  724. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  725. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\"/>
  726. \t\t\t\t\t\t\t\t\t\t</div>
  727. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  728. \t\t\t\t\t\t\t\t\t</div>
  729. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  730. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  731. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Profitez de notre
  732. \t\t\t\t\t\t\t\t\t\t\t\t<strong>service en ligne 100% gratuit</strong>
  733. \t\t\t\t\t\t\t\t\t\t\t\t(et ça le restera toujours).</li>
  734. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de votre
  735. \t\t\t\t\t\t\t\t\t\t\t\t<strong>premier rendez-vous gratuit</strong>
  736. \t\t\t\t\t\t\t\t\t\t\t\tchez un audioprothésiste My Audio.</li>
  737. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez
  738. \t\t\t\t\t\t\t\t\t\t\t\t<strong>vos aides auditives pour 0€,</strong>
  739. \t\t\t\t\t\t\t\t\t\t\t\tgrâce à la réforme 100% Santé. En savoir plus ici.</li>
  740. \t\t\t\t\t\t\t\t\t\t</ul>
  742. \t\t\t\t\t\t\t\t\t</div>
  743. \t\t\t\t\t\t\t\t</div>
  744. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  745. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  746. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\"/><br>
  747. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  748. \t\t\t\t\t\t\t\t\t</div>
  749. \t\t\t\t\t\t\t\t</div>
  750. \t\t\t\t\t\t\t</div>
  751. \t\t\t\t\t\t</div>
  752. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  753. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  754. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  755. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  756. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  757. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\"/>
  758. \t\t\t\t\t\t\t\t\t\t</div>
  759. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  760. \t\t\t\t\t\t\t\t\t</div>
  761. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  762. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  763. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Testez
  764. \t\t\t\t\t\t\t\t\t\t\t\t<strong>gratuitement</strong>
  765. \t\t\t\t\t\t\t\t\t\t\t\tvotre audition, afin de préserver votre capital auditif.</li>
  766. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Réalisez le test
  767. \t\t\t\t\t\t\t\t\t\t\t\t<strong>depuis chez vous.</strong>
  768. \t\t\t\t\t\t\t\t\t\t\t</li>
  769. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend
  770. \t\t\t\t\t\t\t\t\t\t\t\t<strong>que 3 minutes</strong>
  771. \t\t\t\t\t\t\t\t\t\t\t\tet quelques clics.</li>
  772. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une
  773. \t\t\t\t\t\t\t\t\t\t\t\t<strong>technologie de pointe.</strong>
  774. \t\t\t\t\t\t\t\t\t\t\t</li>
  775. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation
  776. \t\t\t\t\t\t\t\t\t\t\t\t<strong>tonale</strong>
  777. \t\t\t\t\t\t\t\t\t\t\t\tet une évaluation
  778. \t\t\t\t\t\t\t\t\t\t\t\t<strong>vocale.</strong>
  779. \t\t\t\t\t\t\t\t\t\t\t</li>
  780. \t\t\t\t\t\t\t\t\t\t</ul>
  782. \t\t\t\t\t\t\t\t\t</div>
  783. \t\t\t\t\t\t\t\t</div>
  784. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  785. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  786. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\"/><br>
  787. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  788. \t\t\t\t\t\t\t\t\t</div>
  789. \t\t\t\t\t\t\t\t</div>
  790. \t\t\t\t\t\t\t</div>
  791. \t\t\t\t\t\t</div>
  792. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  793. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  794. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  795. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  796. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  797. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\"/>
  798. \t\t\t\t\t\t\t\t\t\t</div>
  799. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  800. \t\t\t\t\t\t\t\t\t</div>
  801. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  802. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  803. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  804. \t\t\t\t\t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  805. \t\t\t\t\t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  806. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  807. \t\t\t\t\t\t\t\t\t\t\t\t<strong>certifiés</strong>
  808. \t\t\t\t\t\t\t\t\t\t\t\tsérieux et adhérant à notre
  809. \t\t\t\t\t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  810. \t\t\t\t\t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  811. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  812. \t\t\t\t\t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  813. \t\t\t\t\t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  814. \t\t\t\t\t\t\t\t\t\t</ul>
  815. \t\t\t\t\t\t\t\t\t</div>
  816. \t\t\t\t\t\t\t\t</div>
  817. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  818. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  819. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\"/><br>
  820. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  821. \t\t\t\t\t\t\t\t\t</div>
  822. \t\t\t\t\t\t\t\t</div>
  823. \t\t\t\t\t\t\t</div>
  824. \t\t\t\t\t\t</div>
  825. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  826. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  827. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  828. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  829. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  830. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\"/>
  831. \t\t\t\t\t\t\t\t\t\t</div>
  832. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  833. \t\t\t\t\t\t\t\t\t</div>
  834. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  835. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  836. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez
  837. \t\t\t\t\t\t\t\t\t\t\t\t<strong>l'historique de votre dossier</strong>
  838. \t\t\t\t\t\t\t\t\t\t\t\tde santé auditive avec l'ensemble de vos documents,
  839. \t\t\t\t\t\t\t\t\t\t\t\t                                                                vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  840. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est
  841. \t\t\t\t\t\t\t\t\t\t\t\t<strong>automatiquement transféré</strong>
  842. \t\t\t\t\t\t\t\t\t\t\t\tsans que
  843. \t\t\t\t\t\t\t\t\t\t\t\t                                                                vous n'ayez aucune démarche à faire.
  844. \t\t\t\t\t\t\t\t\t\t\t</li>
  845. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Vos données de santé sont enregistrées de manière
  846. \t\t\t\t\t\t\t\t\t\t\t\t<strong>hautement sécurisée</strong>
  847. \t\t\t\t\t\t\t\t\t\t\t\tet
  848. \t\t\t\t\t\t\t\t\t\t\t\t                                                                agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  849. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de conseils pour
  850. \t\t\t\t\t\t\t\t\t\t\t\t<strong>préserver votre capital auditif</strong>et adopter les bons gestes.
  851. \t\t\t\t\t\t\t\t\t\t\t</li>
  852. \t\t\t\t\t\t\t\t\t\t</ul>
  853. \t\t\t\t\t\t\t\t\t</div>
  854. \t\t\t\t\t\t\t\t</div>
  855. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  856. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  857. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\"/><br>
  858. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  859. \t\t\t\t\t\t\t\t\t</div>
  860. \t\t\t\t\t\t\t\t</div>
  861. \t\t\t\t\t\t\t</div>
  862. \t\t\t\t\t\t</div>
  863. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  864. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  865. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  866. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  867. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  868. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\"/>
  869. \t\t\t\t\t\t\t\t\t\t</div>
  870. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">La référence de l’audition</h4>
  871. \t\t\t\t\t\t\t\t\t</div>
  872. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  873. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  874. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Retrouvez
  875. \t\t\t\t\t\t\t\t\t\t\t\t<strong>toute l'actualité</strong>
  876. \t\t\t\t\t\t\t\t\t\t\t\tde l'audition, les
  877. \t\t\t\t\t\t\t\t\t\t\t\t<strong>dernières innovations</strong>
  878. \t\t\t\t\t\t\t\t\t\t\t\tet les réformes du secteur.</li>
  879. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de notre innovation à venir :
  880. \t\t\t\t\t\t\t\t\t\t\t\t<strong>l'Intelligence Artificielle (IA)</strong>
  881. \t\t\t\t\t\t\t\t\t\t\t\tau service de votre audition.</li>
  882. \t\t\t\t\t\t\t\t\t\t</ul>
  883. \t\t\t\t\t\t\t\t\t</div>
  884. \t\t\t\t\t\t\t\t</div>
  885. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  886. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  887. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\"/>
  888. \t\t\t\t\t\t\t\t\t\t<br>
  889. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  890. \t\t\t\t\t\t\t\t\t</div>
  891. \t\t\t\t\t\t\t\t</div>
  892. \t\t\t\t\t\t\t</div>
  893. \t\t\t\t\t\t</div>
  894. \t\t\t\t\t</div>
  895. \t\t\t\t</div>
  896. \t\t\t</div>
  897. \t\t</div>
  898. \t</section>
  901. \t<!--Tableau Mobile-->
  902. \t<section class=\"tab_section_mobile\">
  903. \t\t<h2 class=\"Tableau_title\">Les avantages du réseau 
  904. \t\t\t        My Audio</h2>
  905. \t\t<div class=\"accordion\" id=\"accordionExample\">
  906. \t\t\t<div class=\"accordion-item\">
  907. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingOne\">
  908. \t\t\t\t\t<button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  909. \t\t\t\t\t\t<div class=\"align_img\">
  910. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\"/>
  911. \t\t\t\t\t\t</div>
  912. \t\t\t\t\t\tPrise de RDV facilitée
  913. \t\t\t\t\t</button>
  914. \t\t\t\t</h2>
  915. \t\t\t\t<div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\" data-bs-parent=\"#accordionExample\">
  916. \t\t\t\t\t<div class=\"accordion-body\">
  917. \t\t\t\t\t\t<ul class=\"liste_tab\">
  918. \t\t\t\t\t\t\t<li class=\"puce_tab\">Trouvez l'audioprothésiste le
  919. \t\t\t\t\t\t\t\t<strong>plus proche de chez vous,</strong>
  920. \t\t\t\t\t\t\t\ten
  921. \t\t\t\t\t\t\t\t                                seulement quelques clics.</li>
  922. \t\t\t\t\t\t\t<li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches
  923. \t\t\t\t\t\t\t\t<strong>24H/24 et 7J/7,</strong>
  924. \t\t\t\t\t\t\t\toù
  925. \t\t\t\t\t\t\t\t                                que vous soyez.</li>
  926. \t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  927. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  928. \t\t\t\t\t\t\t\t                                choix. Plus besoin d'appeler
  929. \t\t\t\t\t\t\t\t                                plusieurs centres auditifs avant de trouver
  930. \t\t\t\t\t\t\t\t<strong>un rendez-vous qui corresponde à vos
  931. \t\t\t\t\t\t\t\t\t                                disponibilités!
  932. \t\t\t\t\t\t\t\t</strong>
  933. \t\t\t\t\t\t\t</li>
  934. \t\t\t\t\t\t\t<li class=\"puce_tab\">Recevez les
  935. \t\t\t\t\t\t\t\t<strong>rappels automatiques de vos rendez-vous par SMS,</strong>
  936. \t\t\t\t\t\t\t\tpar
  937. \t\t\t\t\t\t\t\t                                email
  938. \t\t\t\t\t\t\t\t                                ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  939. \t\t\t\t\t\t\t</li>
  940. \t\t\t\t\t\t</ul>
  941. \t\t\t\t\t\t<div class=\"align_logo\">
  942. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  943. \t\t\t\t\t\t</div>
  944. \t\t\t\t\t</div>
  945. \t\t\t\t</div>
  946. \t\t\t</div>
  947. \t\t\t<div class=\"accordion-item\">
  948. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingTwo\">
  949. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  950. \t\t\t\t\t\t<div class=\"align_img\">
  951. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\"/>
  952. \t\t\t\t\t\t</div>
  953. \t\t\t\t\t\tTarifs avantages
  954. \t\t\t\t\t</button>
  955. \t\t\t\t</h2>
  956. \t\t\t\t<div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\" data-bs-parent=\"#accordionExample\">
  957. \t\t\t\t\t<div class=\"accordion-body\">
  958. \t\t\t\t\t\t<ul class=\"liste_tab\">
  959. \t\t\t\t\t\t\t<li class=\"puce_tab\">Profitez de notre
  960. \t\t\t\t\t\t\t\t<strong>service en ligne 100% gratuit</strong>
  961. \t\t\t\t\t\t\t\t(et ça le restera toujours).</li>
  962. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de votre
  963. \t\t\t\t\t\t\t\t<strong>premier rendez-vous gratuit</strong>
  964. \t\t\t\t\t\t\t\tchez un audioprothésiste My Audio.</li>
  965. \t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez
  966. \t\t\t\t\t\t\t\t<strong>vos aides auditives pour 0€,</strong>
  967. \t\t\t\t\t\t\t\tgrâce à la réforme 100% Santé. En savoir plus ici.</li>
  968. \t\t\t\t\t\t</ul>
  970. \t\t\t\t\t\t<div class=\"align_logo\">
  971. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  972. \t\t\t\t\t\t</div>
  973. \t\t\t\t\t</div>
  974. \t\t\t\t</div>
  975. \t\t\t</div>
  976. \t\t\t<div class=\"accordion-item\">
  977. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingThree\">
  978. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  979. \t\t\t\t\t\t<div class=\"align_img\">
  980. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\"/>
  981. \t\t\t\t\t\t</div>
  982. \t\t\t\t\t\tTest auditif gratuit
  983. \t\t\t\t\t</button>
  984. \t\t\t\t</h2>
  985. \t\t\t\t<div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\" data-bs-parent=\"#accordionExample\">
  986. \t\t\t\t\t<div class=\"accordion-body\">
  987. \t\t\t\t\t\t<ul class=\"liste_tab\">
  988. \t\t\t\t\t\t\t<li class=\"puce_tab\">Testez
  989. \t\t\t\t\t\t\t\t<strong>gratuitement</strong>
  990. \t\t\t\t\t\t\t\tvotre audition, afin de préserver votre capital auditif.</li>
  991. \t\t\t\t\t\t\t<li class=\"puce_tab\">Réalisez le test
  992. \t\t\t\t\t\t\t\t<strong>depuis chez vous.</strong>
  993. \t\t\t\t\t\t\t</li>
  994. \t\t\t\t\t\t\t<li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend
  995. \t\t\t\t\t\t\t\t<strong>que 3 minutes</strong>
  996. \t\t\t\t\t\t\t\tet quelques clics.</li>
  997. \t\t\t\t\t\t\t<li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une
  998. \t\t\t\t\t\t\t\t<strong>technologie de pointe.</strong>
  999. \t\t\t\t\t\t\t</li>
  1000. \t\t\t\t\t\t\t<li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation
  1001. \t\t\t\t\t\t\t\t<strong>tonale</strong>
  1002. \t\t\t\t\t\t\t\tet une évaluation
  1003. \t\t\t\t\t\t\t\t<strong>vocale.</strong>
  1004. \t\t\t\t\t\t\t</li>
  1005. \t\t\t\t\t\t</ul>
  1007. \t\t\t\t\t\t<div class=\"align_logo\">
  1008. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1009. \t\t\t\t\t\t</div>
  1010. \t\t\t\t\t</div>
  1011. \t\t\t\t</div>
  1012. \t\t\t</div>
  1013. \t\t\t<div class=\"accordion-item\">
  1014. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingFour\">
  1015. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  1016. \t\t\t\t\t\t<div class=\"align_img\">
  1017. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\"/>
  1018. \t\t\t\t\t\t</div>
  1019. \t\t\t\t\t\tRéseau de santé national
  1020. \t\t\t\t\t</button>
  1021. \t\t\t\t</h2>
  1022. \t\t\t\t<div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\" data-bs-parent=\"#accordionExample\">
  1023. \t\t\t\t\t<div class=\"accordion-body\">
  1024. \t\t\t\t\t\t<ul class=\"liste_tab\">
  1025. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  1026. \t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  1027. \t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  1028. \t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  1029. \t\t\t\t\t\t\t\t<strong>certifiés</strong>
  1030. \t\t\t\t\t\t\t\tsérieux et adhérant à notre
  1031. \t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  1032. \t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1033. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  1034. \t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  1035. \t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  1036. \t\t\t\t\t\t</ul>
  1038. \t\t\t\t\t\t<div class=\"align_logo\">
  1039. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1040. \t\t\t\t\t\t</div>
  1041. \t\t\t\t\t</div>
  1042. \t\t\t\t</div>
  1043. \t\t\t</div>
  1044. \t\t\t<div class=\"accordion-item\">
  1045. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingFive\">
  1046. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  1047. \t\t\t\t\t\t<div class=\"align_img\">
  1048. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\"/>
  1049. \t\t\t\t\t\t</div>
  1050. \t\t\t\t\t\tSuivi de votre audition
  1051. \t\t\t\t\t</button>
  1052. \t\t\t\t</h2>
  1053. \t\t\t\t<div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\" data-bs-parent=\"#accordionExample\">
  1054. \t\t\t\t\t<div class=\"accordion-body\">
  1055. \t\t\t\t\t\t<ul class=\"liste_tab\">
  1056. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  1057. \t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  1058. \t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  1059. \t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  1060. \t\t\t\t\t\t\t\t<strong>certifiés</strong>
  1061. \t\t\t\t\t\t\t\tsérieux et adhérant à notre
  1062. \t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  1063. \t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1064. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  1065. \t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  1066. \t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  1067. \t\t\t\t\t\t</ul>
  1069. \t\t\t\t\t\t<div class=\"align_logo\">
  1070. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1071. \t\t\t\t\t\t</div>
  1072. \t\t\t\t\t</div>
  1073. \t\t\t\t</div>
  1074. \t\t\t</div>
  1075. \t\t\t<div class=\"accordion-item\">
  1076. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingSix\">
  1077. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  1078. \t\t\t\t\t\t<div class=\"align_img\">
  1079. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\"/>
  1080. \t\t\t\t\t\t</div>
  1081. \t\t\t\t\t\tLa référence de l’audition
  1082. \t\t\t\t\t</button>
  1083. \t\t\t\t</h2>
  1084. \t\t\t\t<div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\" data-bs-parent=\"#accordionExample\">
  1085. \t\t\t\t\t<div class=\"accordion-body\">
  1086. \t\t\t\t\t\t<ul class=\"liste_tab\">
  1087. \t\t\t\t\t\t\t<li class=\"puce_tab\">Retrouvez
  1088. \t\t\t\t\t\t\t\t<strong>toute l'actualité</strong>
  1089. \t\t\t\t\t\t\t\tde l'audition, les
  1090. \t\t\t\t\t\t\t\t<strong>dernières innovations</strong>
  1091. \t\t\t\t\t\t\t\tet les réformes du secteur.</li>
  1092. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de notre innovation à venir :
  1093. \t\t\t\t\t\t\t\t<strong>l'Intelligence Artificielle (IA)</strong>
  1094. \t\t\t\t\t\t\t\tau service de votre audition.</li>
  1095. \t\t\t\t\t\t</ul>
  1097. \t\t\t\t\t\t<div class=\"align_logo\">
  1098. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  1099. \t\t\t\t\t\t</div>
  1100. \t\t\t\t\t</div>
  1101. \t\t\t\t</div>
  1102. \t\t\t</div>
  1103. \t\t</div>
  1104. \t</section>
  1107. \t<!-- Carousel & card-->
  1108. \t";
  1109.         // line 908
  1110.         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.', 908, $this->source); })())) > 0)) {
  1111.             // line 909
  1112.             echo "\t\t<section class=\"title-news\">
  1113. \t\t\t<div class=\"container\">
  1114. \t\t\t\t<div>
  1115. \t\t\t\t\t<h2 class=\"Tableau_title\">
  1116. \t\t\t\t\t\t<a href=\"/actualite-de-l-audition\" style=\"text-decoration:none ; color:#434343; font-weight: bold ;\">Actualité de l'auditionn</a>
  1117. \t\t\t\t\t</h2>
  1118. \t\t\t\t</div>
  1119. \t\t\t</div>
  1120. \t\t</section>
  1122. \t\t<section class=\"news_card\">
  1123. \t\t\t<div class=\"container\">
  1124. \t\t\t\t<div class=\"carousel\">
  1125. \t\t\t\t\t";
  1126.             // line 922
  1127.             $context['_parent'] = $context;
  1128.             $context['_seq'] = twig_ensure_traversable((isset($context["articles"]) || array_key_exists("articles", $context) ? $context["articles"] : (function () { throw new RuntimeError('Variable "articles" does not exist.', 922, $this->source); })()));
  1129.             foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
  1130.                 // line 923
  1131.                 echo "\t\t\t\t\t\t<div class=\"card_section petitecard\">
  1132. \t\t\t\t\t\t\t<div class=\"card_article\">
  1133. \t\t\t\t\t\t\t\t<div
  1134. \t\t\t\t\t\t\t\t\tclass=\"header-card\">
  1135. \t\t\t\t\t\t\t\t\t<!-- Gestion conditionnelle de l'image -->
  1136. \t\t\t\t\t\t\t\t\t";
  1137.                 // line 928
  1138.                 $context["imgSrc"] = (((((twig_get_attribute($this->env, $this->source, $context["article"], "imgUrl", [], "any", true, true, false, 928) && twig_get_attribute($this->env, $this->source, $context["article"], "imgUrl", [], "any", false, false, false, 928)) && twig_get_attribute($this->env, $this->source, $context["article"], "externalId", [], "any", true, true, false, 928)) && twig_get_attribute($this->env, $this->source, $context["article"], "externalId", [], "any", false, false, false, 928))) ? (twig_get_attribute($this->env, $this->source,                 // line 929
  1139. $context["article"], "imgUrl", [], "any", false, false, false, 929)) : (((                // line 930
  1140. (isset($context["BASE_API"]) || array_key_exists("BASE_API", $context) ? $context["BASE_API"] : (function () { throw new RuntimeError('Variable "BASE_API" does not exist.', 930, $this->source); })()) . "article/image/") . twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 930))));
  1141.                 // line 931
  1142.                 echo "\t\t\t\t\t\t\t\t\t<img class=\"card-img-top petite\" src=\"";
  1143.                 echo twig_escape_filter($this->env, (isset($context["imgSrc"]) || array_key_exists("imgSrc", $context) ? $context["imgSrc"] : (function () { throw new RuntimeError('Variable "imgSrc" does not exist.', 931, $this->source); })()), "html", null, true);
  1144.                 echo "\" alt=\"";
  1145.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "title", [], "any", false, false, false, 931), "html", null, true);
  1146.                 echo "\">
  1148. \t\t\t\t\t\t\t\t\t<div class=\"card-body\">
  1149. \t\t\t\t\t\t\t\t\t\t<p class=\"card_ontitle\">";
  1150.                 // line 934
  1151.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "categoryTitle", [], "any", false, false, false, 934), "html", null, true);
  1152.                 echo "</p>
  1153. \t\t\t\t\t\t\t\t\t\t<h2 class=\"card-title\">";
  1154.                 // line 935
  1155.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "title", [], "any", false, false, false, 935), "html", null, true);
  1156.                 echo "</h2>
  1157. \t\t\t\t\t\t\t\t\t\t<p class=\"card_date\">
  1158. \t\t\t\t\t\t\t\t\t\t\t<span class=\"material-icons\">today</span>
  1159. \t\t\t\t\t\t\t\t\t\t\t";
  1160.                 // line 938
  1161.                 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, 938), "medium", "medium", "d MMMM Y", null, "gregorian", "fr"), "html", null, true);
  1162.                 echo "
  1163. \t\t\t\t\t\t\t\t\t\t</p>
  1164. \t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">";
  1165.                 // line 940
  1166.                 echo twig_get_attribute($this->env, $this->source, $context["article"], "description", [], "any", false, false, false, 940);
  1167.                 echo "</p>
  1169. \t\t\t\t\t\t\t\t\t\t<!-- Gestion de la source -->
  1170. \t\t\t\t\t\t\t\t\t\t";
  1171.                 // line 943
  1172.                 if ((twig_get_attribute($this->env, $this->source, $context["article"], "source", [], "any", true, true, false, 943) && twig_get_attribute($this->env, $this->source, $context["article"], "source", [], "any", false, false, false, 943))) {
  1173.                     // line 944
  1174.                     echo "\t\t\t\t\t\t\t\t\t\t\t";
  1175.                     $context["displayedSource"] = twig_get_attribute($this->env, $this->source, $context["article"], "source", [], "any", false, false, false, 944);
  1176.                     // line 945
  1177.                     echo "\t\t\t\t\t\t\t\t\t\t\t";
  1178.                     if ((twig_get_attribute($this->env, $this->source, $context["article"], "source", [], "any", false, false, false, 945) == "Ouïe Magazine")) {
  1179.                         // line 946
  1180.                         echo "\t\t\t\t\t\t\t\t\t\t\t\t";
  1181.                         $context["displayedSource"] = ("L'" . twig_get_attribute($this->env, $this->source, $context["article"], "source", [], "any", false, false, false, 946));
  1182.                         // line 947
  1183.                         echo "\t\t\t\t\t\t\t\t\t\t\t";
  1184.                     }
  1185.                     // line 948
  1186.                     echo "\t\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\" style=\"margin: 0px; height: auto;\">Source :
  1187. \t\t\t\t\t\t\t\t\t\t\t\t";
  1188.                     // line 949
  1189.                     echo twig_escape_filter($this->env, (isset($context["displayedSource"]) || array_key_exists("displayedSource", $context) ? $context["displayedSource"] : (function () { throw new RuntimeError('Variable "displayedSource" does not exist.', 949, $this->source); })()), "html", null, true);
  1190.                     echo "</p>
  1191. \t\t\t\t\t\t\t\t\t\t";
  1192.                 }
  1193.                 // line 951
  1194.                 echo "\t\t\t\t\t\t\t\t\t</div>
  1195. \t\t\t\t\t\t\t\t</div>
  1196. \t\t\t\t\t\t\t\t<div
  1197. \t\t\t\t\t\t\t\t\tclass=\"card-footer\">
  1198. \t\t\t\t\t\t\t\t\t<!-- Gestion conditionnelle du lien -->
  1199. \t\t\t\t\t\t\t\t\t";
  1200.                 // line 956
  1201.                 $context["isExternal"] = (twig_get_attribute($this->env, $this->source, $context["article"], "externalLink", [], "any", true, true, false, 956) && twig_get_attribute($this->env, $this->source, $context["article"], "externalLink", [], "any", false, false, false, 956));
  1202.                 // line 957
  1203.                 echo "\t\t\t\t\t\t\t\t\t";
  1204.                 $context["linkUrl"] = (((isset($context["isExternal"]) || array_key_exists("isExternal", $context) ? $context["isExternal"] : (function () { throw new RuntimeError('Variable "isExternal" does not exist.', 957, $this->source); })())) ? (twig_get_attribute($this->env, $this->source, $context["article"], "externalLink", [], "any", false, false, false, 957)) : (("/actualite-de-l-audition/" . twig_get_attribute($this->env, $this->source, $context["article"], "slug", [], "any", false, false, false, 957))));
  1205.                 // line 958
  1206.                 echo "\t\t\t\t\t\t\t\t\t";
  1207.                 $context["linkTarget"] = (((isset($context["isExternal"]) || array_key_exists("isExternal", $context) ? $context["isExternal"] : (function () { throw new RuntimeError('Variable "isExternal" does not exist.', 958, $this->source); })())) ? ("_blank") : ("_self"));
  1208.                 // line 959
  1209.                 echo "
  1210. \t\t\t\t\t\t\t\t\t<a class=\"btn btn-vert btn-outline-light me-2\" href=\"";
  1211.                 // line 960
  1212.                 echo twig_escape_filter($this->env, (isset($context["linkUrl"]) || array_key_exists("linkUrl", $context) ? $context["linkUrl"] : (function () { throw new RuntimeError('Variable "linkUrl" does not exist.', 960, $this->source); })()), "html", null, true);
  1213.                 echo "\" target=\"";
  1214.                 echo twig_escape_filter($this->env, (isset($context["linkTarget"]) || array_key_exists("linkTarget", $context) ? $context["linkTarget"] : (function () { throw new RuntimeError('Variable "linkTarget" does not exist.', 960, $this->source); })()), "html", null, true);
  1215.                 echo "\">VOIR PLUS</a>
  1216. \t\t\t\t\t\t\t\t</div>
  1217. \t\t\t\t\t\t\t</div>
  1218. \t\t\t\t\t\t</div>
  1219. \t\t\t\t\t";
  1220.             }
  1221.             $_parent = $context['_parent'];
  1222.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
  1223.             $context = array_intersect_key($context, $_parent) + $_parent;
  1224.             // line 965
  1225.             echo "\t\t\t\t</div>
  1226. \t\t\t</div>
  1227. \t\t</section>
  1228. \t";
  1229.         }
  1230.         // line 969
  1231.         echo "
  1232. \t<!-- Stats -->
  1233. \t<section class=\"number_stat\" id=\"number_stat\">
  1234. \t\t<div class=\"container\">
  1235. \t\t\t<div class=\"row stats_home justify-content-evenly\">
  1236. \t\t\t\t<div class=\"col-6 col-md-2\">
  1237. \t\t\t\t\t<h3 class=\"compteurPartenaire\">...</h3>
  1238. \t\t\t\t\t<h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  1239. \t\t\t\t</div>
  1240. \t\t\t\t<div class=\"col-6 col-md-2\">
  1241. \t\t\t\t\t<h3 class=\"compteurTest\">...</h3>
  1242. \t\t\t\t\t<h5>TEST AUDITIFS RÉALISÉS</h5>
  1243. \t\t\t\t</div>
  1244. \t\t\t\t<div class=\"col-6 col-md-2\">
  1245. \t\t\t\t\t<h3 class=\"compteurAdherent\">...</h3>
  1246. \t\t\t\t\t<h5>ADHÉRENTS AU RÉSEAU</h5>
  1247. \t\t\t\t</div>
  1248. \t\t\t\t<div class=\"col-6 col-md-2\">
  1249. \t\t\t\t\t<h3>
  1250. \t\t\t\t\t\t<span class=\"compteurSatisfaction\">...</span>%</h3>
  1251. \t\t\t\t\t<h5>SATISFACTION</h5>
  1252. \t\t\t\t</div>
  1253. \t\t\t\t<div class=\"col-6 col-md-2\">
  1254. \t\t\t\t\t<h3>
  1255. \t\t\t\t\t\t<span class=\"compteurAudioReference\">...</span>
  1256. \t\t\t\t\t</h3>
  1257. \t\t\t\t\t<h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  1258. \t\t\t\t</div>
  1259. \t\t\t</div>
  1261. \t\t</div>
  1262. \t</section>
  1264. \t<!-- playstore -->
  1265. \t<section class=\"linear_store_section\">
  1266. \t\t<div class=\"container\">
  1267. \t\t\t<div class=\" row align-items-center store_section\">
  1268. \t\t\t\t<div class=\"col-md-4\">
  1269. \t\t\t\t\t<h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android
  1270. \t\t\t\t\t</h5>
  1271. \t\t\t\t\t<p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  1272. \t\t\t\t\t<div class=\"logos-phone-wraper\">
  1273. \t\t\t\t\t\t<div>
  1274. \t\t\t\t\t\t\t<a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  1275. \t\t\t\t\t\t\t\t<img src=\"../assets/img/googleplay.png\"/>
  1276. \t\t\t\t\t\t\t</a>
  1277. \t\t\t\t\t\t</div>
  1278. \t\t\t\t\t\t<div>
  1279. \t\t\t\t\t\t\t<a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  1280. \t\t\t\t\t\t\t\t<img src=\"../assets/img/logo_app_store.png\"/>
  1281. \t\t\t\t\t\t\t</a>
  1282. \t\t\t\t\t\t</div>
  1283. \t\t\t\t\t</div>
  1284. \t\t\t\t</div>
  1285. \t\t\t\t<div class=\"col-md-3\">
  1286. \t\t\t\t\t<img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  1287. \t\t\t\t</div>
  1288. \t\t\t\t<div class=\"col-md-4\">
  1289. \t\t\t\t\t<p>Disponible sur Apple et Android</p>
  1290. \t\t\t\t\t<p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  1291. \t\t\t\t</div>
  1292. \t\t\t</div>
  1293. \t\t</div>
  1294. \t</section>
  1295. \t<script src=\"/assets/js/script.js\"></script>
  1296. \t<script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  1299. ";
  1300.         
  1301.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1303.         
  1304.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1306.     }
  1308.     public function getTemplateName()
  1309.     {
  1310.         return "./accueil/accueil.html.twig";
  1311.     }
  1313.     public function isTraitable()
  1314.     {
  1315.         return false;
  1316.     }
  1318.     public function getDebugInfo()
  1319.     {
  1320.         return array (  1231 => 969,  1225 => 965,  1212 => 960,  1209 => 959,  1206 => 958,  1203 => 957,  1201 => 956,  1194 => 951,  1189 => 949,  1186 => 948,  1183 => 947,  1180 => 946,  1177 => 945,  1174 => 944,  1172 => 943,  1166 => 940,  1161 => 938,  1155 => 935,  1151 => 934,  1142 => 931,  1140 => 930,  1139 => 929,  1138 => 928,  1131 => 923,  1127 => 922,  1112 => 909,  1110 => 908,  511 => 311,  509 => 310,  488 => 292,  437 => 243,  435 => 238,  425 => 237,  410 => 232,  400 => 231,  388 => 226,  378 => 225,  239 => 95,  236 => 94,  230 => 92,  228 => 91,  224 => 89,  221 => 88,  214 => 87,  211 => 86,  208 => 85,  202 => 83,  200 => 82,  170 => 54,  167 => 53,  161 => 51,  159 => 50,  155 => 48,  152 => 47,  145 => 46,  142 => 45,  139 => 44,  133 => 42,  131 => 41,  99 => 13,  89 => 12,  72 => 4,  62 => 3,  39 => 1,);
  1321.     }
  1323.     public function getSourceContext()
  1324.     {
  1325.         return new Source("{% extends \"base.html.twig\" %}
  1327. {% block stylesheets %}
  1328. \t{{ parent() }}
  1330. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick.css\"/>
  1331. \t<link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/lib/slick-1.8.1/slick-theme.css\"/>
  1332. \t<link rel=\"stylesheet\" href=\"/assets/css/accueil.css\">
  1333. {% endblock %}
  1336. {% block javascripts %}
  1337. \t{{ parent() }}
  1339. \t<script type=\"text/javascript\" src=\"/assets/lib/slick-1.8.1/slick.js\"></script>
  1340. \t<script type=\"text/javascript\" src=\"/assets/js/acceuil.js\"></script>
  1342. \t<script>
  1344. \t\tvar mailRelance = \"\";
  1345. function initMap() {
  1348. geocoder = new google.maps.Geocoder();
  1351. }
  1353. document.addEventListener('DOMContentLoaded', function () {
  1354. const btn = document.querySelector('.firstLoad');
  1355. if (btn) {
  1356. btn.disabled = true;
  1357. }
  1358. });
  1360. window.addEventListener('load', function () {
  1361. const btn = document.querySelector('.firstLoad');
  1362. if (btn) {
  1363. btn.disabled = false;
  1364. }
  1365. });{% if token is defined %}
  1366. token = \"{{ token }}\";
  1367. {% else %}
  1368. token = -1;{% endif %}
  1370. {% if mailConfirmation is defined %}mailRelance = \"{{ mailConfirmation }}\";
  1371. {% else %}mailRelance = -1;{% endif %}
  1374. {% if tokenEmail is defined %}
  1375. tokenEmail = \"{{ tokenEmail }}\";
  1376. {% else %}
  1377. tokenEmail = -1;{% endif %}
  1379. if (token != -1) {
  1380. \$('#changePassword').modal('show');
  1381. }
  1383. if (tokenEmail != -1) {
  1384. \$.ajax({
  1385. url: BASE_API + 'valider/mail/token',
  1386. type: \"POST\",
  1387. contentType: \"application/json\",
  1388. dataType: \"json\",
  1389. data: JSON.stringify(
  1390. {\"token\": tokenEmail, \"mail\": mailRelance}
  1391. ),
  1392. async: true,
  1393. success: function (data) {
  1394. if (data.message == 'ok') {
  1395. \$('#mailValider').modal('show');
  1396. }
  1397. if (data.message == 'nok') {
  1398. \$('#recommancerValidMail').modal('show');
  1399. }
  1400. }
  1401. });
  1403. }
  1405. \$(document).ready(function () {
  1406. {% if token is defined %}
  1407. token = \"{{ token }}\";
  1408. {% else %}
  1409. token = -1;{% endif %}
  1411. {% if mailConfirmation is defined %}mailRelance = \"{{ mailConfirmation }}\";
  1412. {% else %}mailRelance = -1;{% endif %}
  1415. {% if tokenEmail is defined %}
  1416. tokenEmail = \"{{ tokenEmail }}\";
  1417. {% else %}
  1418. tokenEmail = -1;{% endif %}
  1420. if (token != -1) {
  1421. \$('#changePassword').modal('show');
  1422. }
  1424. if (tokenEmail != -1) {
  1425. \$.ajax({
  1426. url: BASE_API + 'valider/mail/token',
  1427. type: \"POST\",
  1428. contentType: \"application/json\",
  1429. dataType: \"json\",
  1430. data: JSON.stringify(
  1431. {\"token\": tokenEmail, \"mail\": mailRelance}
  1432. ),
  1433. async: true,
  1434. success: function (data) {
  1435. if (data.message == 'ok') {
  1436. \$('#mailValider').modal('show');
  1437. }
  1438. if (data.message == 'nok') {
  1439. \$('#recommancerValidMail').modal('show');
  1440. }
  1441. }
  1442. });
  1444. }
  1447. var tabs = \$('#myTab button');
  1448. var counter = 0;
  1449. var timer = window.setInterval(activateTab, 3000);
  1451. function activateTab() { // remove active class from all the tabs
  1452. tabs.removeClass('active');
  1453. var currentLink = tabs[counter];
  1454. \$('.tab-pane').removeClass('active').removeClass('show')
  1455. currentLink.classList.add('active');
  1456. \$(currentLink.getAttribute('data-bs-target')).addClass('active').addClass('show');
  1457. if (counter < tabs.length - 1) 
  1458. counter = counter + 1;
  1459.  else 
  1460. counter = 0;
  1462. }
  1465. \$('#tabsAvantageContainer').hover(function (ev) {
  1466. clearInterval(timer);
  1467. }, function (ev) {
  1468. timer = setInterval(activateTab, 3000);
  1469. });
  1472. });
  1475. \$(function () {});
  1478. function relanceConfirmMail() {
  1479. \$.ajax({
  1480. url: BASE_API + 'relance/valide/mail/token',
  1481. type: \"POST\",
  1482. contentType: \"application/json\",
  1483. dataType: \"json\",
  1484. data: JSON.stringify(
  1485. {\"mail\": mailRelance}
  1486. ),
  1487. async: true,
  1488. success: function (data) {
  1489. \$('#recommancerValidMail').modal('hide');
  1490. \$('#ValidMailRelance').modal('show');
  1491. }
  1492. });
  1493. }
  1495. function geolocaliser() {
  1496. if (navigator.geolocation) {
  1497. navigator.geolocation.getCurrentPosition(function (position) {
  1498. var pos = {
  1499. lat: position.coords.latitude,
  1500. lng: position.coords.longitude
  1501. };
  1502. latitude = position.coords.latitude;
  1503. longitude = position.coords.longitude;
  1504. var geocoder = new google.maps.Geocoder;
  1505. geocoder.geocode({
  1506. 'location': pos
  1507. }, function (results, status) {
  1508. if (status === 'OK') {
  1509. if (results[0]) {
  1510. street = results[0].formatted_address;
  1511. \$(\"#searchByCityId\").val(street);
  1512. }
  1513. }
  1514. });
  1515. }, function () { // handleLocationError(true, infoWindow, map.getCenter());
  1516. });
  1517. }
  1518. }
  1521. function goToSearch() {
  1522. ville = \$('#searchByCityId').val();
  1523. nom = \$(\"#searchByNameId\").val();
  1524. geocoder.geocode({
  1525. 'address': ville
  1526. }, function (results, status) {
  1527. if (status == 'OK') {
  1528. lat = results[0].geometry.location.lat()
  1529. long = results[0].geometry.location.lng()
  1530. if (nom != \"\") {
  1531. document.location.href = \"/search?name=\" + nom + \"&latitude=\" + lat + \"&longitude=\" + long + \"&ville=\" + ville;
  1532. } else {
  1533. document.location.href = \"/search?latitude=\" + lat + \"&longitude=\" + long + \"&ville=\" + ville;
  1534. }
  1535. } else {
  1536. if (nom != \"\") {
  1537. document.location.href = \"/search?name=\" + nom;
  1538. } else {
  1539. document.location.href = \"/search?address=\" + ville;
  1540. }
  1541. }
  1543. });
  1544. }
  1545. \t</script>
  1548. {% endblock %}
  1549. {% block meta %}
  1550. \t<title>My Audio - Rendez-vous avec un audioprothésiste proche de chez vous.</title>
  1551. \t<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.\">
  1552. {% endblock %}
  1555. {% block body %}
  1556. \t{{ parent() }}
  1558. \t<div class=\"backgroundheader\"></div>
  1559. {% endblock %}
  1561. {% block content %}
  1562. \t{#  <video playsinline autoplay muted  id=\"bgvid\">
  1563. \t    <source src=\"/assets/videos/accueil.webm\" type=\"video/webm\">
  1564. \t    <source src=\"/assets/videos/accueil.mp4\" type=\"video/mp4\">
  1565. \t</video>
  1566. \t#}
  1568. \t<style>
  1569. \t\tvideo#bgvid {
  1570. \t\t\theight: 100vh;
  1571. \t\t\twidth: 100vw;
  1572. \t\t\tobject-fit: cover;
  1573. \t\t\tposition: fixed;
  1574. \t\t\tleft: 50%;
  1575. \t\t\ttop: 50%;
  1576. \t\t\ttransform: translate(-50%, -50%);
  1577. \t\t\tz-index: 999999;
  1578. \t\t\ttransition: opacity 2s ease-out;
  1579. \t\t\topacity: 1;
  1580. \t\t\tbackground: #fff;
  1582. \t\t}
  1584. \t\tvideo#bgvid.end {
  1586. \t\t\tz-index: -1;
  1587. \t\t\ttransition: opacity 2s ease-out;
  1588. \t\t\topacity: 0;
  1591. \t\t}
  1593. \t\tvideo#bgvid.nostart {
  1595. \t\t\tz-index: -1;
  1596. \t\t\topacity: 0;
  1597. \t\t\tdisplay: none;
  1600. \t\t}
  1601. \t</style>
  1602. \t<script type='text/javascript'>
  1603. \t\tdocument.getElementById('bgvid').addEventListener('loadstart', function (e) {
  1604. if (getCookie('animationIn') == '1') {
  1605. \$(\"#bgvid\").prop('class', 'nostart');
  1606. }
  1608. })
  1610. document.getElementById('bgvid').addEventListener('ended', function (e) {
  1612. \$(\"#bgvid\").prop('class', 'end');
  1613. setCookie('animationIn', '1', 1);
  1614. })
  1615. \t</script>
  1616. \t{{ parent() }}
  1619. \t<!-- Titre -->
  1620. \t<section class=\"header_home\">
  1621. \t\t<div class=\" row container\">
  1622. \t\t\t<div class=\"col-md-6 order-first\">
  1623. \t\t\t\t<h1 class=\"Home_title\">Prenez rendez-vous avec un
  1624. \t\t\t\t\t                audioprothésiste proche de
  1625. \t\t\t\t\t                chez vous.</h1>
  1626. \t\t\t\t<h2 class=\"Home_subtitle\">Au sein du 1<sup>er</sup>
  1627. \t\t\t\t\tréseau national
  1628. \t\t\t\t\t                d'audioprothésiste de France.</h2>
  1629. \t\t\t</div>
  1632. \t\t\t<div class=\"col-md-6  order-3 order-md-2 casque-col\">
  1633. \t\t\t\t<div class=\"casquecontain\">
  1634. \t\t\t\t\t{% include \"/casque.html.twig\" %}
  1635. \t\t\t\t\t<div class=\"casque-int\">
  1636. \t\t\t\t\t\t<p class=\"Casque-title\">Testez votre audition</p>
  1637. \t\t\t\t\t\t<p class=\"Casque-subtitle\">en seulement 3 min !</p>
  1639. \t\t\t\t\t\t<a class=\"btn-search btn btn-vert-inverse btn-outline-light\" href='/test-auditif-en-ligne/test'>Je commence</a>
  1640. \t\t\t\t\t</div>
  1641. \t\t\t\t</div>
  1643. \t\t\t</div>
  1644. \t\t\t<div class=\"col-md-6 order-2 order-md-3\">
  1645. \t\t\t\t<div class=\"card card_search\">
  1646. \t\t\t\t\t<form onsubmit=\" goToSearch(); return false;\">
  1647. \t\t\t\t\t\t<div class=\"input-group\">
  1648. \t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"nom-icon\">
  1649. \t\t\t\t\t\t\t\t<i class=\"far fa-search\"></i>
  1650. \t\t\t\t\t\t\t</span>
  1651. \t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\" placeholder=\"Nom du spécialiste\">
  1652. \t\t\t\t\t\t</div>
  1653. \t\t\t\t\t\t<div class=\"centered-ou\">
  1654. \t\t\t\t\t\t\t<div class=\"line\"></div>
  1655. \t\t\t\t\t\t\t<p>ou</p>
  1656. \t\t\t\t\t\t\t<div class=\"line\"></div>
  1657. \t\t\t\t\t\t</div>
  1658. \t\t\t\t\t\t<div class=\"input-group\">
  1659. \t\t\t\t\t\t\t<span class=\"input-group-text\" id=\"ville-icon\">
  1660. \t\t\t\t\t\t\t\t<i class=\"fas fa-map-marker-alt\"></i>
  1661. \t\t\t\t\t\t\t</span>
  1662. \t\t\t\t\t\t\t<input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1663. \t\t\t\t\t\t\t<span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\">
  1664. \t\t\t\t\t\t\t\tmy_location
  1665. \t\t\t\t\t\t\t</span>
  1666. \t\t\t\t\t\t</div>
  1667. \t\t\t\t\t\t<div class=\"accueil_btn\">
  1668. \t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-vert-inverse btn-search firstLoad\">Rechercher</button>
  1669. \t\t\t\t\t\t</div>
  1670. \t\t\t\t\t</form>
  1671. \t\t\t\t</div>
  1672. \t\t\t</div>
  1673. \t\t\t<div class=\"col-md-6  order-last father\">
  1674. \t\t\t\t<video class=\"videoaccueil\" preload=\"none\" controls=\"controls\" controlslist=\"nodownload\" poster=\"/assets/img/accueil/posteraccueil2.png\">
  1675. \t\t\t\t\t<source src=\"/assets/videos/Myaudio-1.m4v\" type=\"video/mp4\">
  1676. \t\t\t\t</video>
  1679. \t\t\t</div>
  1681. \t\t</div>
  1682. \t</section>
  1684. \t<!-- Form Card 
  1685. \t    <section class=\"container\">
  1686. \t        <div class=\"col-md-6\">
  1687. \t            <div class=\"card card_search\">
  1688. \t                    <form onsubmit=\" goToSearch(); return false;\">
  1689. \t                        <div class=\"input-group\">
  1690. \t                            <span class=\"input-group-text\" id=\"nom-icon\"><i class=\"far fa-search\"></i></span>
  1691. \t                            <input type=\"text\" class=\"form-control\" id=\"searchByNameId\" aria-describedby=\"searchByName\"
  1692. \t                                placeholder=\"Audioprothésiste ou Centre auditif\">
  1693. \t                        </div>
  1694. \t                        <div class=\"input-group\">
  1695. \t                            <span class=\"input-group-text\" id=\"ville-icon\"><i class=\"fas fa-map-marker-alt\"></i></span>
  1696. \t                            <input type=\"text\" class=\"form-control\" id=\"searchByCityId\" placeholder=\"Ville, Code postal, Adresse…\">
  1697. \t                            <span class=\"material-icons icon-geo\" onclick=\"geolocaliser();\"> my_location </span>
  1698. \t                        </div>
  1699. \t                        <div class=\"accueil_btn\">
  1700. \t                            <button type=\"submit\" class=\"btn btn-vert-inverse btn-search\">Rechercher</button>
  1701. \t                        </div>
  1702. \t                    </form>
  1703. \t            </div>
  1704. \t        </div>
  1705. \t
  1706. \t    </section>-->
  1708. \t<!-- Icon section -->
  1709. \t<section class=\"icon_section\">
  1710. \t\t<div class=\"container\">
  1711. \t\t\t<div class=\"icon_div\">
  1712. \t\t\t\t<div>
  1713. \t\t\t\t\t<div class=\"icon_background\">
  1714. \t\t\t\t\t\t<a class=\"icon_link \" href=\"/search\">
  1715. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/euro.png\" style=\"margin-left:-11px\" alt=\"prise_rdv\"/>
  1716. \t\t\t\t\t\t</a>
  1717. \t\t\t\t\t</div>
  1718. \t\t\t\t\t<p class=\"icon_title\">Appareil auditif prix et remboursement</p>
  1719. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/pages/prix-prise-encharge-et-remboursement-des-appareils-auditifs\">EN SAVOIR PLUS</a>
  1720. \t\t\t\t</div>
  1721. \t\t\t\t<div>
  1722. \t\t\t\t\t<div class=\"icon_background\">
  1723. \t\t\t\t\t\t<a class=\"icon_link \" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">
  1724. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/perte_auditive.png\" alt=\"prise_rdv\" style=\"max-width: 63px;\"/>
  1725. \t\t\t\t\t\t</a>
  1726. \t\t\t\t\t</div>
  1727. \t\t\t\t\t<p class=\"icon_title\">Le parcours de soin auditif</p>
  1728. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/pages/le-parcours-de-soin-auditif-patient-audioprothesiste\">EN SAVOIR PLUS</a>
  1729. \t\t\t\t</div>
  1730. \t\t\t\t<div>
  1731. \t\t\t\t\t<a class=\"icon_link \" href=\"/test-auditif-en-ligne\">
  1732. \t\t\t\t\t\t<div class=\"icon_background\">
  1733. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/test_audition.png\" alt=\"prise_rdv\" style=\"max-width: 66px;\"/>
  1734. \t\t\t\t\t\t</div>
  1735. \t\t\t\t\t</a>
  1736. \t\t\t\t\t<p class=\"icon_title\">Test auditif en ligne</p>
  1737. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/test-auditif-en-ligne\">EN SAVOIR PLUS</a>
  1738. \t\t\t\t</div>
  1739. \t\t\t\t<div>
  1740. \t\t\t\t\t<a class=\"icon_link \" href=\"#\">
  1741. \t\t\t\t\t\t<div class=\"icon_background\">
  1742. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/1_reseau.png\" alt=\"prise_rdv\"/>
  1743. \t\t\t\t\t\t</div>
  1744. \t\t\t\t\t</a>
  1745. \t\t\t\t\t<p class=\"icon_title\">1<sup>er</sup>
  1746. \t\t\t\t\t\tréseau national
  1747. \t\t\t\t\t\t<br>
  1748. \t\t\t\t\t\td’audioprothésistes certifiés</p>
  1749. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"#\">EN SAVOIR PLUS</a>
  1750. \t\t\t\t</div>
  1752. \t\t\t\t<div>
  1753. \t\t\t\t\t<a class=\"icon_link \" href=\"/actualite-de-l-audition\">
  1754. \t\t\t\t\t\t<div class=\"icon_background\">
  1755. \t\t\t\t\t\t\t<img src=\"/assets/img/accueil/suivi_adaptation.png\" alt=\"prise_rdv\"/>
  1756. \t\t\t\t\t\t</div>
  1757. \t\t\t\t\t</a>
  1758. \t\t\t\t\t<p class=\"icon_title\">Actualité de l'audition</p>
  1759. \t\t\t\t\t<a class=\"icon_link hover-underline-animation\" href=\"/actualite-de-l-audition\">EN SAVOIR PLUS</a>
  1760. \t\t\t\t</div>
  1761. \t\t\t</div>
  1762. \t\t</div>
  1764. \t</section>
  1766. \t<!-- Tableau -->
  1767. \t<section class=\"tab_section\">
  1768. \t\t<div class=\"container\">
  1769. \t\t\t<h2 class=\"Tableau_title\">Les avantages du réseau My Audio</h2>
  1770. \t\t\t<div class=\"card\" style=\"min-height: 540px;\">
  1771. \t\t\t\t<div id=\"tabsAvantageContainer\">
  1772. \t\t\t\t\t<ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">
  1773. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1774. \t\t\t\t\t\t\t<button class=\"nav-link active\" id=\"home-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#home\" type=\"button\" role=\"tab\" aria-controls=\"home\" aria-selected=\"true\">Prise de RDV
  1775. \t\t\t\t\t\t\t\t                                facilitée</button>
  1776. \t\t\t\t\t\t</li>
  1777. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1778. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"profile-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#profile\" type=\"button\" role=\"tab\" aria-controls=\"profile\" aria-selected=\"false\">Tarifs
  1779. \t\t\t\t\t\t\t\t                                avantageux</button>
  1780. \t\t\t\t\t\t</li>
  1781. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1782. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"contact-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#contact\" type=\"button\" role=\"tab\" aria-controls=\"contact\" aria-selected=\"false\">Test auditif en
  1783. \t\t\t\t\t\t\t\t                                ligne</button>
  1784. \t\t\t\t\t\t</li>
  1785. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1786. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"réseau-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réseau\" type=\"button\" role=\"tab\" aria-controls=\"réseau\" aria-selected=\"false\">Réseau de santé
  1787. \t\t\t\t\t\t\t\t                                national</button>
  1788. \t\t\t\t\t\t</li>
  1789. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1790. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"suivi-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#suivi\" type=\"button\" role=\"tab\" aria-controls=\"suivi\" aria-selected=\"false\">Suivi
  1791. \t\t\t\t\t\t\t\t                                complet</button>
  1792. \t\t\t\t\t\t</li>
  1793. \t\t\t\t\t\t<li class=\"nav-item\" role=\"presentation\">
  1794. \t\t\t\t\t\t\t<button class=\"nav-link\" id=\"réf-tab\" data-bs-toggle=\"tab\" data-bs-target=\"#réf\" type=\"button\" role=\"tab\" aria-controls=\"réf\" aria-selected=\"false\">Référence de
  1795. \t\t\t\t\t\t\t\t                                l'audition</button>
  1796. \t\t\t\t\t\t</li>
  1797. \t\t\t\t\t</ul>
  1798. \t\t\t\t\t<div class=\"tab-content\" id=\"myTabContent\">
  1799. \t\t\t\t\t\t<div class=\"tab-pane fade show active\" id=\"home\" role=\"tabpanel\" aria-labelledby=\"home-tab\">
  1800. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1801. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1802. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1803. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1804. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\"/>
  1805. \t\t\t\t\t\t\t\t\t\t</div>
  1806. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Une prise de rendez-vous facilitée</h4>
  1807. \t\t\t\t\t\t\t\t\t</div>
  1808. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1809. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1810. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Trouvez l'audioprothésiste le
  1811. \t\t\t\t\t\t\t\t\t\t\t\t<strong>plus proche de chez vous,</strong>
  1812. \t\t\t\t\t\t\t\t\t\t\t\ten
  1813. \t\t\t\t\t\t\t\t\t\t\t\t                                                seulement quelques clics.</li>
  1814. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches
  1815. \t\t\t\t\t\t\t\t\t\t\t\t<strong>24H/24 et 7J/7,</strong>
  1816. \t\t\t\t\t\t\t\t\t\t\t\toù
  1817. \t\t\t\t\t\t\t\t\t\t\t\t                                                que vous soyez.</li>
  1818. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  1819. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  1820. \t\t\t\t\t\t\t\t\t\t\t\t                                                choix. Plus besoin d'appeler
  1821. \t\t\t\t\t\t\t\t\t\t\t\t                                                plusieurs centres auditifs avant de trouver
  1822. \t\t\t\t\t\t\t\t\t\t\t\t<strong>un rendez-vous qui corresponde à vos
  1823. \t\t\t\t\t\t\t\t\t\t\t\t\t                                                disponibilités!
  1824. \t\t\t\t\t\t\t\t\t\t\t\t</strong>
  1825. \t\t\t\t\t\t\t\t\t\t\t</li>
  1826. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Recevez les
  1827. \t\t\t\t\t\t\t\t\t\t\t\t<strong>rappels automatiques de vos rendez-vous par SMS,</strong>
  1828. \t\t\t\t\t\t\t\t\t\t\t\tpar
  1829. \t\t\t\t\t\t\t\t\t\t\t\t                                                email
  1830. \t\t\t\t\t\t\t\t\t\t\t\t                                                ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  1831. \t\t\t\t\t\t\t\t\t\t\t</li>
  1832. \t\t\t\t\t\t\t\t\t\t</ul>
  1833. \t\t\t\t\t\t\t\t\t</div>
  1834. \t\t\t\t\t\t\t\t</div>
  1835. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  1836. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  1837. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/agenda_en_ligne.png\" alt=\"agenda_en_ligne\"/>
  1838. \t\t\t\t\t\t\t\t\t\t<br>
  1839. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1840. \t\t\t\t\t\t\t\t\t</div>
  1841. \t\t\t\t\t\t\t\t</div>
  1842. \t\t\t\t\t\t\t</div>
  1843. \t\t\t\t\t\t</div>
  1844. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"profile\" role=\"tabpanel\" aria-labelledby=\"profile-tab\">
  1845. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1846. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1847. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1848. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1849. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\"/>
  1850. \t\t\t\t\t\t\t\t\t\t</div>
  1851. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Des tarifs avantageux</h4>
  1852. \t\t\t\t\t\t\t\t\t</div>
  1853. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1854. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1855. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Profitez de notre
  1856. \t\t\t\t\t\t\t\t\t\t\t\t<strong>service en ligne 100% gratuit</strong>
  1857. \t\t\t\t\t\t\t\t\t\t\t\t(et ça le restera toujours).</li>
  1858. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de votre
  1859. \t\t\t\t\t\t\t\t\t\t\t\t<strong>premier rendez-vous gratuit</strong>
  1860. \t\t\t\t\t\t\t\t\t\t\t\tchez un audioprothésiste My Audio.</li>
  1861. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez
  1862. \t\t\t\t\t\t\t\t\t\t\t\t<strong>vos aides auditives pour 0€,</strong>
  1863. \t\t\t\t\t\t\t\t\t\t\t\tgrâce à la réforme 100% Santé. En savoir plus ici.</li>
  1864. \t\t\t\t\t\t\t\t\t\t</ul>
  1866. \t\t\t\t\t\t\t\t\t</div>
  1867. \t\t\t\t\t\t\t\t</div>
  1868. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  1869. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  1870. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/ref_audition.png\" alt=\"ref_audition\"/><br>
  1871. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1872. \t\t\t\t\t\t\t\t\t</div>
  1873. \t\t\t\t\t\t\t\t</div>
  1874. \t\t\t\t\t\t\t</div>
  1875. \t\t\t\t\t\t</div>
  1876. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"contact\" role=\"tabpanel\" aria-labelledby=\"contact-tab\">
  1877. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1878. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1879. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1880. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1881. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\"/>
  1882. \t\t\t\t\t\t\t\t\t\t</div>
  1883. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un test auditif en ligne efficace</h4>
  1884. \t\t\t\t\t\t\t\t\t</div>
  1885. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1886. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1887. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Testez
  1888. \t\t\t\t\t\t\t\t\t\t\t\t<strong>gratuitement</strong>
  1889. \t\t\t\t\t\t\t\t\t\t\t\tvotre audition, afin de préserver votre capital auditif.</li>
  1890. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Réalisez le test
  1891. \t\t\t\t\t\t\t\t\t\t\t\t<strong>depuis chez vous.</strong>
  1892. \t\t\t\t\t\t\t\t\t\t\t</li>
  1893. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend
  1894. \t\t\t\t\t\t\t\t\t\t\t\t<strong>que 3 minutes</strong>
  1895. \t\t\t\t\t\t\t\t\t\t\t\tet quelques clics.</li>
  1896. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une
  1897. \t\t\t\t\t\t\t\t\t\t\t\t<strong>technologie de pointe.</strong>
  1898. \t\t\t\t\t\t\t\t\t\t\t</li>
  1899. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation
  1900. \t\t\t\t\t\t\t\t\t\t\t\t<strong>tonale</strong>
  1901. \t\t\t\t\t\t\t\t\t\t\t\tet une évaluation
  1902. \t\t\t\t\t\t\t\t\t\t\t\t<strong>vocale.</strong>
  1903. \t\t\t\t\t\t\t\t\t\t\t</li>
  1904. \t\t\t\t\t\t\t\t\t\t</ul>
  1906. \t\t\t\t\t\t\t\t\t</div>
  1907. \t\t\t\t\t\t\t\t</div>
  1908. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  1909. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  1910. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/croissance.png\" alt=\"agenda_en_ligne\"/><br>
  1911. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1912. \t\t\t\t\t\t\t\t\t</div>
  1913. \t\t\t\t\t\t\t\t</div>
  1914. \t\t\t\t\t\t\t</div>
  1915. \t\t\t\t\t\t</div>
  1916. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"réseau\" role=\"tabpanel\" aria-labelledby=\"réseau-tab\">
  1917. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1918. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1919. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1920. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1921. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\"/>
  1922. \t\t\t\t\t\t\t\t\t\t</div>
  1923. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un réseau de santé national</h4>
  1924. \t\t\t\t\t\t\t\t\t</div>
  1925. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1926. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1927. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  1928. \t\t\t\t\t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  1929. \t\t\t\t\t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  1930. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  1931. \t\t\t\t\t\t\t\t\t\t\t\t<strong>certifiés</strong>
  1932. \t\t\t\t\t\t\t\t\t\t\t\tsérieux et adhérant à notre
  1933. \t\t\t\t\t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  1934. \t\t\t\t\t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  1935. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  1936. \t\t\t\t\t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  1937. \t\t\t\t\t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  1938. \t\t\t\t\t\t\t\t\t\t</ul>
  1939. \t\t\t\t\t\t\t\t\t</div>
  1940. \t\t\t\t\t\t\t\t</div>
  1941. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  1942. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  1943. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/reseau_carte.png\" alt=\"agenda_en_ligne\"/><br>
  1944. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1945. \t\t\t\t\t\t\t\t\t</div>
  1946. \t\t\t\t\t\t\t\t</div>
  1947. \t\t\t\t\t\t\t</div>
  1948. \t\t\t\t\t\t</div>
  1949. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"suivi\" role=\"tabpanel\" aria-labelledby=\"suivi-tab\">
  1950. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1951. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1952. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1953. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1954. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\"/>
  1955. \t\t\t\t\t\t\t\t\t\t</div>
  1956. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">Un suivi complet de votre audition</h4>
  1957. \t\t\t\t\t\t\t\t\t</div>
  1958. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1959. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1960. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez
  1961. \t\t\t\t\t\t\t\t\t\t\t\t<strong>l'historique de votre dossier</strong>
  1962. \t\t\t\t\t\t\t\t\t\t\t\tde santé auditive avec l'ensemble de vos documents,
  1963. \t\t\t\t\t\t\t\t\t\t\t\t                                                                vos rendez-vous, vos résultats, vos factures, où que vous soyez.</li>
  1964. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Si vous déménagez ou changez d'audioprothésiste, votre dossier est
  1965. \t\t\t\t\t\t\t\t\t\t\t\t<strong>automatiquement transféré</strong>
  1966. \t\t\t\t\t\t\t\t\t\t\t\tsans que
  1967. \t\t\t\t\t\t\t\t\t\t\t\t                                                                vous n'ayez aucune démarche à faire.
  1968. \t\t\t\t\t\t\t\t\t\t\t</li>
  1969. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Vos données de santé sont enregistrées de manière
  1970. \t\t\t\t\t\t\t\t\t\t\t\t<strong>hautement sécurisée</strong>
  1971. \t\t\t\t\t\t\t\t\t\t\t\tet
  1972. \t\t\t\t\t\t\t\t\t\t\t\t                                                                agréée par les autorités, grâce à un serveur HDS certifié (Hébergement des Données de Santé).</li>
  1973. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de conseils pour
  1974. \t\t\t\t\t\t\t\t\t\t\t\t<strong>préserver votre capital auditif</strong>et adopter les bons gestes.
  1975. \t\t\t\t\t\t\t\t\t\t\t</li>
  1976. \t\t\t\t\t\t\t\t\t\t</ul>
  1977. \t\t\t\t\t\t\t\t\t</div>
  1978. \t\t\t\t\t\t\t\t</div>
  1979. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  1980. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  1981. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/R&D.png\" alt=\"agenda_en_ligne\"/><br>
  1982. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  1983. \t\t\t\t\t\t\t\t\t</div>
  1984. \t\t\t\t\t\t\t\t</div>
  1985. \t\t\t\t\t\t\t</div>
  1986. \t\t\t\t\t\t</div>
  1987. \t\t\t\t\t\t<div class=\"tab-pane fade\" id=\"réf\" role=\"tabpanel\" aria-labelledby=\"réf-tab\">
  1988. \t\t\t\t\t\t\t<div class=\"row inner-tabs align-items-start\">
  1989. \t\t\t\t\t\t\t\t<div class=\"col-md-8\">
  1990. \t\t\t\t\t\t\t\t\t<div class=\"align_title_img\">
  1991. \t\t\t\t\t\t\t\t\t\t<div class=\"align_img\">
  1992. \t\t\t\t\t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\"/>
  1993. \t\t\t\t\t\t\t\t\t\t</div>
  1994. \t\t\t\t\t\t\t\t\t\t<h4 class=\"Tableau_title\">La référence de l’audition</h4>
  1995. \t\t\t\t\t\t\t\t\t</div>
  1996. \t\t\t\t\t\t\t\t\t<div class=\"align_list_logo\">
  1997. \t\t\t\t\t\t\t\t\t\t<ul class=\"liste_tab\">
  1998. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Retrouvez
  1999. \t\t\t\t\t\t\t\t\t\t\t\t<strong>toute l'actualité</strong>
  2000. \t\t\t\t\t\t\t\t\t\t\t\tde l'audition, les
  2001. \t\t\t\t\t\t\t\t\t\t\t\t<strong>dernières innovations</strong>
  2002. \t\t\t\t\t\t\t\t\t\t\t\tet les réformes du secteur.</li>
  2003. \t\t\t\t\t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de notre innovation à venir :
  2004. \t\t\t\t\t\t\t\t\t\t\t\t<strong>l'Intelligence Artificielle (IA)</strong>
  2005. \t\t\t\t\t\t\t\t\t\t\t\tau service de votre audition.</li>
  2006. \t\t\t\t\t\t\t\t\t\t</ul>
  2007. \t\t\t\t\t\t\t\t\t</div>
  2008. \t\t\t\t\t\t\t\t</div>
  2009. \t\t\t\t\t\t\t\t<div class=\"col-md-4\">
  2010. \t\t\t\t\t\t\t\t\t<div class=\"align_logo\">
  2011. \t\t\t\t\t\t\t\t\t\t<img src=\"/assets/img/accueil/ref_auditionold.png\" alt=\"agenda_en_ligne\"/>
  2012. \t\t\t\t\t\t\t\t\t\t<br>
  2013. \t\t\t\t\t\t\t\t\t\t<a class=\"btn-vert-inverse btn btn-tabs\" href=\"/search\">Prendre RDV</a>
  2014. \t\t\t\t\t\t\t\t\t</div>
  2015. \t\t\t\t\t\t\t\t</div>
  2016. \t\t\t\t\t\t\t</div>
  2017. \t\t\t\t\t\t</div>
  2018. \t\t\t\t\t</div>
  2019. \t\t\t\t</div>
  2020. \t\t\t</div>
  2021. \t\t</div>
  2022. \t</section>
  2025. \t<!--Tableau Mobile-->
  2026. \t<section class=\"tab_section_mobile\">
  2027. \t\t<h2 class=\"Tableau_title\">Les avantages du réseau 
  2028. \t\t\t        My Audio</h2>
  2029. \t\t<div class=\"accordion\" id=\"accordionExample\">
  2030. \t\t\t<div class=\"accordion-item\">
  2031. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingOne\">
  2032. \t\t\t\t\t<button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseOne\" aria-expanded=\"false\" aria-controls=\"collapseOne\">
  2033. \t\t\t\t\t\t<div class=\"align_img\">
  2034. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/Avantage-RDV.png\"/>
  2035. \t\t\t\t\t\t</div>
  2036. \t\t\t\t\t\tPrise de RDV facilitée
  2037. \t\t\t\t\t</button>
  2038. \t\t\t\t</h2>
  2039. \t\t\t\t<div id=\"collapseOne\" class=\"accordion-collapse collapse show\" aria-labelledby=\"headingOne\" data-bs-parent=\"#accordionExample\">
  2040. \t\t\t\t\t<div class=\"accordion-body\">
  2041. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2042. \t\t\t\t\t\t\t<li class=\"puce_tab\">Trouvez l'audioprothésiste le
  2043. \t\t\t\t\t\t\t\t<strong>plus proche de chez vous,</strong>
  2044. \t\t\t\t\t\t\t\ten
  2045. \t\t\t\t\t\t\t\t                                seulement quelques clics.</li>
  2046. \t\t\t\t\t\t\t<li class=\"puce_tab\">Prenez rendez-vous pour vous ou pour vos proches
  2047. \t\t\t\t\t\t\t\t<strong>24H/24 et 7J/7,</strong>
  2048. \t\t\t\t\t\t\t\toù
  2049. \t\t\t\t\t\t\t\t                                que vous soyez.</li>
  2050. \t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez un rendez-vous rapidement.</li>
  2051. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez directement à l'agenda de l'audioprothésiste de votre
  2052. \t\t\t\t\t\t\t\t                                choix. Plus besoin d'appeler
  2053. \t\t\t\t\t\t\t\t                                plusieurs centres auditifs avant de trouver
  2054. \t\t\t\t\t\t\t\t<strong>un rendez-vous qui corresponde à vos
  2055. \t\t\t\t\t\t\t\t\t                                disponibilités!
  2056. \t\t\t\t\t\t\t\t</strong>
  2057. \t\t\t\t\t\t\t</li>
  2058. \t\t\t\t\t\t\t<li class=\"puce_tab\">Recevez les
  2059. \t\t\t\t\t\t\t\t<strong>rappels automatiques de vos rendez-vous par SMS,</strong>
  2060. \t\t\t\t\t\t\t\tpar
  2061. \t\t\t\t\t\t\t\t                                email
  2062. \t\t\t\t\t\t\t\t                                ou par notification sur votre smartphone. Plus de rendez-vous manqués!
  2063. \t\t\t\t\t\t\t</li>
  2064. \t\t\t\t\t\t</ul>
  2065. \t\t\t\t\t\t<div class=\"align_logo\">
  2066. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2067. \t\t\t\t\t\t</div>
  2068. \t\t\t\t\t</div>
  2069. \t\t\t\t</div>
  2070. \t\t\t</div>
  2071. \t\t\t<div class=\"accordion-item\">
  2072. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingTwo\">
  2073. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseTwo\" aria-expanded=\"false\" aria-controls=\"collapseTwo\">
  2074. \t\t\t\t\t\t<div class=\"align_img\">
  2075. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/tarif_avantageux.png\"/>
  2076. \t\t\t\t\t\t</div>
  2077. \t\t\t\t\t\tTarifs avantages
  2078. \t\t\t\t\t</button>
  2079. \t\t\t\t</h2>
  2080. \t\t\t\t<div id=\"collapseTwo\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingTwo\" data-bs-parent=\"#accordionExample\">
  2081. \t\t\t\t\t<div class=\"accordion-body\">
  2082. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2083. \t\t\t\t\t\t\t<li class=\"puce_tab\">Profitez de notre
  2084. \t\t\t\t\t\t\t\t<strong>service en ligne 100% gratuit</strong>
  2085. \t\t\t\t\t\t\t\t(et ça le restera toujours).</li>
  2086. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de votre
  2087. \t\t\t\t\t\t\t\t<strong>premier rendez-vous gratuit</strong>
  2088. \t\t\t\t\t\t\t\tchez un audioprothésiste My Audio.</li>
  2089. \t\t\t\t\t\t\t<li class=\"puce_tab\">Obtenez
  2090. \t\t\t\t\t\t\t\t<strong>vos aides auditives pour 0€,</strong>
  2091. \t\t\t\t\t\t\t\tgrâce à la réforme 100% Santé. En savoir plus ici.</li>
  2092. \t\t\t\t\t\t</ul>
  2094. \t\t\t\t\t\t<div class=\"align_logo\">
  2095. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2096. \t\t\t\t\t\t</div>
  2097. \t\t\t\t\t</div>
  2098. \t\t\t\t</div>
  2099. \t\t\t</div>
  2100. \t\t\t<div class=\"accordion-item\">
  2101. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingThree\">
  2102. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseThree\" aria-expanded=\"false\" aria-controls=\"collapseThree\">
  2103. \t\t\t\t\t\t<div class=\"align_img\">
  2104. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/thumbs_up.png\"/>
  2105. \t\t\t\t\t\t</div>
  2106. \t\t\t\t\t\tTest auditif gratuit
  2107. \t\t\t\t\t</button>
  2108. \t\t\t\t</h2>
  2109. \t\t\t\t<div id=\"collapseThree\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingThree\" data-bs-parent=\"#accordionExample\">
  2110. \t\t\t\t\t<div class=\"accordion-body\">
  2111. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2112. \t\t\t\t\t\t\t<li class=\"puce_tab\">Testez
  2113. \t\t\t\t\t\t\t\t<strong>gratuitement</strong>
  2114. \t\t\t\t\t\t\t\tvotre audition, afin de préserver votre capital auditif.</li>
  2115. \t\t\t\t\t\t\t<li class=\"puce_tab\">Réalisez le test
  2116. \t\t\t\t\t\t\t\t<strong>depuis chez vous.</strong>
  2117. \t\t\t\t\t\t\t</li>
  2118. \t\t\t\t\t\t\t<li class=\"puce_tab\">Le test est très simple à effectuer, il ne prend
  2119. \t\t\t\t\t\t\t\t<strong>que 3 minutes</strong>
  2120. \t\t\t\t\t\t\t\tet quelques clics.</li>
  2121. \t\t\t\t\t\t\t<li class=\"puce_tab\">Le test a été développé par nos experts auditifs, grâce à une
  2122. \t\t\t\t\t\t\t\t<strong>technologie de pointe.</strong>
  2123. \t\t\t\t\t\t\t</li>
  2124. \t\t\t\t\t\t\t<li class=\"puce_tab\">Il s'agit d'un test auditif complet, comprenant une évaluation
  2125. \t\t\t\t\t\t\t\t<strong>tonale</strong>
  2126. \t\t\t\t\t\t\t\tet une évaluation
  2127. \t\t\t\t\t\t\t\t<strong>vocale.</strong>
  2128. \t\t\t\t\t\t\t</li>
  2129. \t\t\t\t\t\t</ul>
  2131. \t\t\t\t\t\t<div class=\"align_logo\">
  2132. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2133. \t\t\t\t\t\t</div>
  2134. \t\t\t\t\t</div>
  2135. \t\t\t\t</div>
  2136. \t\t\t</div>
  2137. \t\t\t<div class=\"accordion-item\">
  2138. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingFour\">
  2139. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFour\" aria-expanded=\"false\" aria-controls=\"collapseFour\">
  2140. \t\t\t\t\t\t<div class=\"align_img\">
  2141. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/reseau.png\"/>
  2142. \t\t\t\t\t\t</div>
  2143. \t\t\t\t\t\tRéseau de santé national
  2144. \t\t\t\t\t</button>
  2145. \t\t\t\t</h2>
  2146. \t\t\t\t<div id=\"collapseFour\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFour\" data-bs-parent=\"#accordionExample\">
  2147. \t\t\t\t\t<div class=\"accordion-body\">
  2148. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2149. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  2150. \t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  2151. \t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  2152. \t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  2153. \t\t\t\t\t\t\t\t<strong>certifiés</strong>
  2154. \t\t\t\t\t\t\t\tsérieux et adhérant à notre
  2155. \t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  2156. \t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  2157. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  2158. \t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  2159. \t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  2160. \t\t\t\t\t\t</ul>
  2162. \t\t\t\t\t\t<div class=\"align_logo\">
  2163. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2164. \t\t\t\t\t\t</div>
  2165. \t\t\t\t\t</div>
  2166. \t\t\t\t</div>
  2167. \t\t\t</div>
  2168. \t\t\t<div class=\"accordion-item\">
  2169. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingFive\">
  2170. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseFive\" aria-expanded=\"false\" aria-controls=\"collapseFive\">
  2171. \t\t\t\t\t\t<div class=\"align_img\">
  2172. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/suivi.png\"/>
  2173. \t\t\t\t\t\t</div>
  2174. \t\t\t\t\t\tSuivi de votre audition
  2175. \t\t\t\t\t</button>
  2176. \t\t\t\t</h2>
  2177. \t\t\t\t<div id=\"collapseFive\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingFive\" data-bs-parent=\"#accordionExample\">
  2178. \t\t\t\t\t<div class=\"accordion-body\">
  2179. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2180. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez du
  2181. \t\t\t\t\t\t\t\t<strong>1er réseau National d'audioprothésistes</strong>
  2182. \t\t\t\t\t\t\t\tpour votre suivi auditif.</li>
  2183. \t\t\t\t\t\t\t<li class=\"puce_tab\">Consultez uniquement des audioprothésistes
  2184. \t\t\t\t\t\t\t\t<strong>certifiés</strong>
  2185. \t\t\t\t\t\t\t\tsérieux et adhérant à notre
  2186. \t\t\t\t\t\t\t\t<strong>charte de qualité,</strong>
  2187. \t\t\t\t\t\t\t\tgarant du code de la déontologie et du secret professionnel. En savoir plus ici.</li>
  2188. \t\t\t\t\t\t\t<li class=\"puce_tab\">Accédez aux
  2189. \t\t\t\t\t\t\t\t<strong>informations pertinentes</strong>
  2190. \t\t\t\t\t\t\t\tsur chaque audioprothésiste : leur spécialité, leur diplôme, l'accès à leur centre, leur agenda, ...</li>
  2191. \t\t\t\t\t\t</ul>
  2193. \t\t\t\t\t\t<div class=\"align_logo\">
  2194. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2195. \t\t\t\t\t\t</div>
  2196. \t\t\t\t\t</div>
  2197. \t\t\t\t</div>
  2198. \t\t\t</div>
  2199. \t\t\t<div class=\"accordion-item\">
  2200. \t\t\t\t<h2 class=\"accordion-header\" id=\"headingSix\">
  2201. \t\t\t\t\t<button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseSix\" aria-expanded=\"false\" aria-controls=\"collapseSix\">
  2202. \t\t\t\t\t\t<div class=\"align_img\">
  2203. \t\t\t\t\t\t\t<img alt=\"avantage_rdv\" src=\"/assets/img/accueil/award.png\"/>
  2204. \t\t\t\t\t\t</div>
  2205. \t\t\t\t\t\tLa référence de l’audition
  2206. \t\t\t\t\t</button>
  2207. \t\t\t\t</h2>
  2208. \t\t\t\t<div id=\"collapseSix\" class=\"accordion-collapse collapse\" aria-labelledby=\"headingSix\" data-bs-parent=\"#accordionExample\">
  2209. \t\t\t\t\t<div class=\"accordion-body\">
  2210. \t\t\t\t\t\t<ul class=\"liste_tab\">
  2211. \t\t\t\t\t\t\t<li class=\"puce_tab\">Retrouvez
  2212. \t\t\t\t\t\t\t\t<strong>toute l'actualité</strong>
  2213. \t\t\t\t\t\t\t\tde l'audition, les
  2214. \t\t\t\t\t\t\t\t<strong>dernières innovations</strong>
  2215. \t\t\t\t\t\t\t\tet les réformes du secteur.</li>
  2216. \t\t\t\t\t\t\t<li class=\"puce_tab\">Bénéficiez de notre innovation à venir :
  2217. \t\t\t\t\t\t\t\t<strong>l'Intelligence Artificielle (IA)</strong>
  2218. \t\t\t\t\t\t\t\tau service de votre audition.</li>
  2219. \t\t\t\t\t\t</ul>
  2221. \t\t\t\t\t\t<div class=\"align_logo\">
  2222. \t\t\t\t\t\t\t<a class=\"btn-lg btn-primary btn-vert-inverse\" href=\"/search\">Prendre RDV</a>
  2223. \t\t\t\t\t\t</div>
  2224. \t\t\t\t\t</div>
  2225. \t\t\t\t</div>
  2226. \t\t\t</div>
  2227. \t\t</div>
  2228. \t</section>
  2231. \t<!-- Carousel & card-->
  2232. \t{% if articles | length > 0 %}
  2233. \t\t<section class=\"title-news\">
  2234. \t\t\t<div class=\"container\">
  2235. \t\t\t\t<div>
  2236. \t\t\t\t\t<h2 class=\"Tableau_title\">
  2237. \t\t\t\t\t\t<a href=\"/actualite-de-l-audition\" style=\"text-decoration:none ; color:#434343; font-weight: bold ;\">Actualité de l'auditionn</a>
  2238. \t\t\t\t\t</h2>
  2239. \t\t\t\t</div>
  2240. \t\t\t</div>
  2241. \t\t</section>
  2243. \t\t<section class=\"news_card\">
  2244. \t\t\t<div class=\"container\">
  2245. \t\t\t\t<div class=\"carousel\">
  2246. \t\t\t\t\t{% for article in articles %}
  2247. \t\t\t\t\t\t<div class=\"card_section petitecard\">
  2248. \t\t\t\t\t\t\t<div class=\"card_article\">
  2249. \t\t\t\t\t\t\t\t<div
  2250. \t\t\t\t\t\t\t\t\tclass=\"header-card\">
  2251. \t\t\t\t\t\t\t\t\t<!-- Gestion conditionnelle de l'image -->
  2252. \t\t\t\t\t\t\t\t\t{% set imgSrc = (article.imgUrl is defined and article.imgUrl and article.externalId is defined and article.externalId) 
  2253.                             ? article.imgUrl 
  2254.                             : BASE_API ~ 'article/image/' ~ article.slug %}
  2255. \t\t\t\t\t\t\t\t\t<img class=\"card-img-top petite\" src=\"{{ imgSrc }}\" alt=\"{{ article.title }}\">
  2257. \t\t\t\t\t\t\t\t\t<div class=\"card-body\">
  2258. \t\t\t\t\t\t\t\t\t\t<p class=\"card_ontitle\">{{ article.categoryTitle }}</p>
  2259. \t\t\t\t\t\t\t\t\t\t<h2 class=\"card-title\">{{ article.title }}</h2>
  2260. \t\t\t\t\t\t\t\t\t\t<p class=\"card_date\">
  2261. \t\t\t\t\t\t\t\t\t\t\t<span class=\"material-icons\">today</span>
  2262. \t\t\t\t\t\t\t\t\t\t\t{{ article.date |format_datetime(pattern=\"d MMMM Y\",locale='fr') }}
  2263. \t\t\t\t\t\t\t\t\t\t</p>
  2264. \t\t\t\t\t\t\t\t\t\t<p class=\"card-text\">{{ article.description |raw }}</p>
  2266. \t\t\t\t\t\t\t\t\t\t<!-- Gestion de la source -->
  2267. \t\t\t\t\t\t\t\t\t\t{% if article.source is defined and article.source %}
  2268. \t\t\t\t\t\t\t\t\t\t\t{% set displayedSource = article.source %}
  2269. \t\t\t\t\t\t\t\t\t\t\t{% if article.source == 'Ouïe Magazine' %}
  2270. \t\t\t\t\t\t\t\t\t\t\t\t{% set displayedSource = \"L'\" ~ article.source %}
  2271. \t\t\t\t\t\t\t\t\t\t\t{% endif %}
  2272. \t\t\t\t\t\t\t\t\t\t\t<p class=\"card-text\" style=\"margin: 0px; height: auto;\">Source :
  2273. \t\t\t\t\t\t\t\t\t\t\t\t{{ displayedSource }}</p>
  2274. \t\t\t\t\t\t\t\t\t\t{% endif %}
  2275. \t\t\t\t\t\t\t\t\t</div>
  2276. \t\t\t\t\t\t\t\t</div>
  2277. \t\t\t\t\t\t\t\t<div
  2278. \t\t\t\t\t\t\t\t\tclass=\"card-footer\">
  2279. \t\t\t\t\t\t\t\t\t<!-- Gestion conditionnelle du lien -->
  2280. \t\t\t\t\t\t\t\t\t{% set isExternal = article.externalLink is defined and article.externalLink %}
  2281. \t\t\t\t\t\t\t\t\t{% set linkUrl = isExternal ? article.externalLink : '/actualite-de-l-audition/' ~ article.slug %}
  2282. \t\t\t\t\t\t\t\t\t{% set linkTarget = isExternal ? '_blank' : '_self' %}
  2284. \t\t\t\t\t\t\t\t\t<a class=\"btn btn-vert btn-outline-light me-2\" href=\"{{ linkUrl }}\" target=\"{{ linkTarget }}\">VOIR PLUS</a>
  2285. \t\t\t\t\t\t\t\t</div>
  2286. \t\t\t\t\t\t\t</div>
  2287. \t\t\t\t\t\t</div>
  2288. \t\t\t\t\t{% endfor %}
  2289. \t\t\t\t</div>
  2290. \t\t\t</div>
  2291. \t\t</section>
  2292. \t{% endif %}
  2294. \t<!-- Stats -->
  2295. \t<section class=\"number_stat\" id=\"number_stat\">
  2296. \t\t<div class=\"container\">
  2297. \t\t\t<div class=\"row stats_home justify-content-evenly\">
  2298. \t\t\t\t<div class=\"col-6 col-md-2\">
  2299. \t\t\t\t\t<h3 class=\"compteurPartenaire\">...</h3>
  2300. \t\t\t\t\t<h5>PARTENAIRES AUDIOPROTHÉSISTES</h5>
  2301. \t\t\t\t</div>
  2302. \t\t\t\t<div class=\"col-6 col-md-2\">
  2303. \t\t\t\t\t<h3 class=\"compteurTest\">...</h3>
  2304. \t\t\t\t\t<h5>TEST AUDITIFS RÉALISÉS</h5>
  2305. \t\t\t\t</div>
  2306. \t\t\t\t<div class=\"col-6 col-md-2\">
  2307. \t\t\t\t\t<h3 class=\"compteurAdherent\">...</h3>
  2308. \t\t\t\t\t<h5>ADHÉRENTS AU RÉSEAU</h5>
  2309. \t\t\t\t</div>
  2310. \t\t\t\t<div class=\"col-6 col-md-2\">
  2311. \t\t\t\t\t<h3>
  2312. \t\t\t\t\t\t<span class=\"compteurSatisfaction\">...</span>%</h3>
  2313. \t\t\t\t\t<h5>SATISFACTION</h5>
  2314. \t\t\t\t</div>
  2315. \t\t\t\t<div class=\"col-6 col-md-2\">
  2316. \t\t\t\t\t<h3>
  2317. \t\t\t\t\t\t<span class=\"compteurAudioReference\">...</span>
  2318. \t\t\t\t\t</h3>
  2319. \t\t\t\t\t<h5>NOMBRE D'AUDIOPROTHÉSISTES RÉFÉRENCÉS</h5>
  2320. \t\t\t\t</div>
  2321. \t\t\t</div>
  2323. \t\t</div>
  2324. \t</section>
  2326. \t<!-- playstore -->
  2327. \t<section class=\"linear_store_section\">
  2328. \t\t<div class=\"container\">
  2329. \t\t\t<div class=\" row align-items-center store_section\">
  2330. \t\t\t\t<div class=\"col-md-4\">
  2331. \t\t\t\t\t<h5>L'application mobile My Audio est maintenant disponible sur votre smartphone, Apple ou Android
  2332. \t\t\t\t\t</h5>
  2333. \t\t\t\t\t<p>Pour retrouver toutes les fonctions et services de My Audio, sur votre téléphone.</p>
  2334. \t\t\t\t\t<div class=\"logos-phone-wraper\">
  2335. \t\t\t\t\t\t<div>
  2336. \t\t\t\t\t\t\t<a href=\"https://play.google.com/store/apps/details?id=com.myaudio.my_audio_android&hl=fr_FR\" target=\"_blank\">
  2337. \t\t\t\t\t\t\t\t<img src=\"../assets/img/googleplay.png\"/>
  2338. \t\t\t\t\t\t\t</a>
  2339. \t\t\t\t\t\t</div>
  2340. \t\t\t\t\t\t<div>
  2341. \t\t\t\t\t\t\t<a href=\"https://apps.apple.com/fr/app/my-audio/id1613143910\" target=\"_blank\">
  2342. \t\t\t\t\t\t\t\t<img src=\"../assets/img/logo_app_store.png\"/>
  2343. \t\t\t\t\t\t\t</a>
  2344. \t\t\t\t\t\t</div>
  2345. \t\t\t\t\t</div>
  2346. \t\t\t\t</div>
  2347. \t\t\t\t<div class=\"col-md-3\">
  2348. \t\t\t\t\t<img class=\"img_appli\" src=\"/assets/img/accueil/Appli.png\" alt=\"img_appli\">
  2349. \t\t\t\t</div>
  2350. \t\t\t\t<div class=\"col-md-4\">
  2351. \t\t\t\t\t<p>Disponible sur Apple et Android</p>
  2352. \t\t\t\t\t<p>Prise de rendez-vous simple et rapide avec votre professionnel de l'audition.</p>
  2353. \t\t\t\t</div>
  2354. \t\t\t</div>
  2355. \t\t</div>
  2356. \t</section>
  2357. \t<script src=\"/assets/js/script.js\"></script>
  2358. \t<script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCRmNV4VerjHHrsOoQOMmRWwpKL_ekzJrc&libraries=geometry,drawing,places&callback=initMap\"></script>
  2361. {% endblock %}
  2362. ", "./accueil/accueil.html.twig", "/var/www/my-audio-site/templates/accueil/accueil.html.twig");
  2363.     }
  2364. }