<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KJDMBH7N');</script>
<!-- End Google Tag Manager -->
{% block meta %}
<title>My Audio</title>
{% endblock %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
{% block stylesheets %}
{#{{ encore_entry_link_tags('app') }}#}
<link rel="stylesheet" href="/assets/lib/bootstrap-5.0.2-dist/css/bootstrap.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<!--icon-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-red.min.css">
<!--Font-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/modal.css">
<link rel="stylesheet" href="/assets/css/header.css">
<link rel="stylesheet" href="/assets/css/footer.css">
<link rel="stylesheet" href="/assets/css/ensavoirplus/base.css">
{% endblock %}
{% block javascripts %}
{#{{ encore_entry_script_tags('app') }}#}
<!--jquery-->
<script src="/assets/lib/jquery-3.6.0.min.js"></script>
<script src="/assets/lib/jquery-migrate-3.3.2.min.js"></script>
<!--bootstrap-->
<script src="/assets/lib/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>
<!--Material-->
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
<script src="/assets/lib/date.format.js"></script>
<script src="/assets/js/global.js"></script>
<script src="/assets/js/login.js"></script>
{% endblock %}
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJDMBH7N"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% block body %}{% endblock %}
<header id="nav-header">
{{ render(controller(
'App\\Controller\\headerController::renderHeader',
)) }}
{# include "/header.html.twig" #}
</header>
<main>
<div class="row container ESPtitre">
<div class="col-lg-6 ESPtitreleft">
<p class="Home_title">Des questions sur votre audition ?</p>
<p class="Home_subtitle">Détectez les signes de la perte auditive avec My Audio, ses causes et ses conséquences, afin d’y apporter la meilleure solution.</p>
</div>
<div class="col-lg-6 d-none d-lg-flex ESPtitreright">
<img class="imgESPtitre" src="/assets/img/ensavoirplus/imgESPtitre.png">
</div>
</div>
<div class="row container menucontain">
<input class="d-none" type="checkbox" name="menubut" id="menubut">
<div class="col-lg-3 leftcolumn">
<label class="menubut d-lg-none" for="menubut"></label>
{% include "/ensavoirplus/menu.html.twig" %}
</div>
<div class="col-lg-9 rightcolumn">
{% block content %}
{% endblock %}
</div>
</div>
</main>
<footer class="home_footer">
{% include "/footer.html.twig" %}
</footer>
{% block modals %}
{% include "/modal/modalConnect.html.twig" %}
{% endblock %}
</body>
</html>