{% set p = app.request.query.get('page') > 1 ? '?page=' ~ app.request.query.get('page') : '' %}
{# {% set protocol = app.request.server.get('REQUEST_SCHEME') ~ '://' %} #}
{% set protocol = "https://" %}
{% set host = app.request.server.get('HTTP_HOST') %}
{% set canonical_url = canonical_url ?: app.request.pathInfo %}
<!DOCTYPE html>
<html lang="fr">
<head>
{# Preload web fonts to improve loading speed #}
{# quicksand #}
{# <link rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-300.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link
rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-300.woff2?font-display=optional" as="font" type="font/woff2" crossorigin> {# <link rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-500.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link
rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-500.woff2?font-display=optional" as="font" type="font/woff2" crossorigin>
{# <link rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-700.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link
rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-700.woff2?font-display=optional" as="font" type="font/woff2" crossorigin>
{# <link rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-regular.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link rel="preload" href="/assets/fonts/quicksand/quicksand-v7-latin-regular.woff2?font-display=optional" as="font" type="font/woff2" crossorigin>
{# worksans #}
{# <link rel="preload" href="/assets/fonts/worksans/work-sans-v3-latin-700.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link
rel="preload" href="/assets/fonts/worksans/work-sans-v3-latin-700.woff2?font-display=optional" as="font" type="font/woff2" crossorigin> {# <link rel="preload" href="/assets/fonts/worksans/work-sans-v3-latin-regular.woff?font-display:optional" as="font" type="font/woff" crossorigin> #}
<link
rel="preload" href="/assets/fonts/worksans/work-sans-v3-latin-regular.woff2?font-display=optional" as="font" type="font/woff2" crossorigin>
{# preload svg #}
<link rel="preload" href="/assets/images/svg/arrowIcon_smallblue.svg" as="image" type="image/svg+xml"/>
<link rel="preload" href="{{ asset('css/jquery-ui.min.css') }}" as="style">
<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
<link rel="preload" href="{{ asset('css/styles.min.css') }}" as="style">
<link href="{{ asset('css/styles.min.css') }}" rel="stylesheet">
<link rel="preload" href="{{ asset('css/custom.css') }}" as="style">
<link href="{{ asset('css/custom.css') }}" rel="stylesheet">
<link rel="preload" href="{{ asset('css/coccinet.css') }}" as="style">
<link href="{{ asset('css/coccinet.css') }}" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
{# <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" as="style">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"> #}
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="description" content="{{description_seo ?: seo_text.text}}"/>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('images/favicon/apple-icon-57x57.png') }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ asset('images/favicon/apple-icon-60x60.png') }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ asset('images/favicon/apple-icon-72x72.png') }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ asset('images/favicon/apple-icon-76x76.png') }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ asset('images/favicon/apple-icon-114x114.png') }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ asset('images/favicon/apple-icon-120x120.png') }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ asset('images/favicon/apple-icon-144x144.png') }}">
<link rel="apple-touch-icon" sizes="152x152" href="{{ asset('images/favicon/apple-icon-152x152.png') }}">
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicon/apple-icon-180x180.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('images/favicon/android-icon-192x192.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="96x96" href="{{ asset('images/favicon/favicon-96x96.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('images/favicon/manifest.json') }}">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="{{ asset('images/favicon/ms-icon-144x144.png') }}">
<meta name="theme-color" content="#ffffff">
{% if app.request.get('_route') == 'video' or app.request.get('_route') == 'video-pro' %}
<link href="https://vjs.zencdn.net/7.3.0/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.3.0/video.js"></script>
{% endif %}
<title>{{ title_seo }}
| Annuaire Audition</title>
<link rel="canonical" href="{{protocol ~ host ~ canonical_url ~ p}}"/>
{% if link_prev %}
<link rel="prev" href="{{link_prev}}">
{% endif %}
{% if link_next %}
<link rel="next" href="{{link_next}}">
{% endif %}
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
</script>
{% if dataLayerCenters %}
<script type="text/javascript">
window.dataLayer.push({
event: 'promotionView',
ecommerce: {
promoView: {
promotions: [{% if creative == 'page-reseau' %}{% for center in dataLayerCenters %}{
id: '{{ center.id }}',
name: '{{ center.corporateName }}',
creative: '{{ creative }}',
position: '{{ loop.index }}'
}
{% if not loop.last %},{% endif %}{% endfor %}
{% elseif creative == "fiche-audioprothesiste" %}
{% for center in dataLayerCenters.centers %}
{
id: '{{ center.center.id }}',
name: '{{ center.center.corporateName }}',
creative: '{{ creative }}',
position: '{{ loop.index }}'
}
{% if not loop.last %},{% endif %}{% endfor %}
{% else %}
{% for center in dataLayerCenters %}
{
id: '{{ center.center.id }}',
name: '{{ center.center.corporateName }}',
creative: '{{ creative }}',
position: '{{ loop.index }}'
}
{% if not loop.last %},{% endif %}{% endfor %}{% endif %}]
}
}
});
</script>
{% endif %}
<!-- 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-PVPZL8M');
</script>
<!-- End Google Tag Manager -->
</head>
</html>