<!DOCTYPE html><html lang="fr" data-font="regular" style="font-size: 100%;{% if show_screen_loader is defined and show_screen_loader == 1 %}opacity:0;{% endif %}" class="{% block html_class %}{% endblock %} {% block html_class_site_variant %}htmlNordInfo{% endblock %}"><head> <meta name="robots" content="follow"/> <meta charset="UTF-8"> {% if app.request.getSchemeAndHttpHost() == "https://services.lenord.fr" or app.request.getSchemeAndHttpHost() == "https://lenord.fr" or app.request.getSchemeAndHttpHost() == "https://info.lenord.fr" %} {% if post is defined and post.slug is defined and (post.slug == "donnees-personnelles" or (post.type is defined and post.type.type is same as('pub'))) %} <meta name="robots" content="noindex"> {% else %} <meta name="robots" content="follow"/> {% endif %} {% else %} <meta name="robots" content="noindex"/> {% endif %} <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="{{ meta_description??null }}"/> {% if twitter_card is defined %} {% for key,value in openGraph %} <meta name="{{ "twitter:#{key}" }}" content="{{ value|striptags }}"> {% endfor %} {% endif %} {% if openGraph is defined %} {% for key,value in openGraph %} <meta property="{{ "og:#{key}" }}" content="{{ value|striptags }}"> {% endfor %} {% endif %} <title> {% block title %}Nord Info {% endblock %} </title> {% block seo %}{% endblock %} <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "GovernmentOrganization", "name": "Département du Nord", "address": { "@type": "PostalAddress", "addressLocality": "Lille, France", "postalCode": "59000", "streetAddress": "Hôtel du Département - 51, rue Gustave Delory" }, "url": "https://lenord.fr", "logo": "https://lenord.fr/img/brandmaster/logo-le-nord.svg" } </script> {% block favicon %} <link rel="apple-touch-icon" sizes="192x192" href="{{ asset('img/favicon/favicon_info.png') }}"> <link rel="apple-touch-icon" sizes="512x512" href="{{ asset('img/favicon/favicon_info.png') }}"> <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon/favicon_info.png') }}"> <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon/favicon_info.png') }}"> <link rel="manifest" href="{{ asset('img/favicon/nord-info') }}/site.webmanifest"> {% endblock %} <link rel="stylesheet" href="{{ asset('plugins/owlcarousel/owl.carousel.min.css') }}"> <link rel="stylesheet" href="{{ asset('plugins/owlcarousel/owl.theme.default.min.css') }}"> {% block stylesheets %} {{ encore_entry_link_tags('common') }} {{ encore_entry_link_tags('app') }} {% endblock %} <script src='{{ asset("plugins/jquery/jquery-3.1.0.min.js") }}'></script> <script src='{{ asset("plugins/jquery/jquery-migrate-3.0.0.min.js") }}'></script> <script src='{{ asset("plugins/jquery-ui/jquery-ui.min.js") }}'></script> <link rel="stylesheet" type="text/css" href="{{ asset('plugins/datetimepicker/build/jquery.datetimepicker.min.css') }}"> <script src="{{ asset('plugins/datetimepicker/build/jquery.datetimepicker.full.js') }}"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> {# <script src='{{ asset("plugins/tarteaucitron/tarteaucitron.js") }}?v=1.3'></script> #} <script src='{{ asset("plugins/swiped-events/dist/swiped-events.min.js") }}'></script> <link rel="stylesheet" type="text/css" href='{{ asset("plugins/autoComplete/dist/css/autoComplete.css") }}'> <script src="https://unpkg.com/@trevoreyre/autocomplete-js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> {% if app.request.getSchemeAndHttpHost() == "https://services.lenord.fr" or app.request.getSchemeAndHttpHost() == "https://lenord.fr" or app.request.getSchemeAndHttpHost() == "https://info.lenord.fr" %} <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://mesure.lenord.fr/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '2']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> {% else %} <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://mesure-preprod.lenord.fr/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '3']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> {% endif %} {# <script type="text/javascript"> #} {# tarteaucitron.init({ #} {# "privacyUrl": "", /* Privacy policy url */ #} {# "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */ #} {# "cookieName": "nordinfo", /* Cookie name */ #} {# "orientation": "bottom", /* Banner position (top - bottom) */ #} {# "showAlertSmall": false, /* Show the small banner on bottom right */ #} {# "cookieslist": true, /* Show the cookie list */ #} {# "adblocker": false, /* Show a Warning if an adblocker is detected */ #} {# "AcceptAllCta": true, /* Show the accept all button when highPrivacy on */ #} {# "highPrivacy": true, /* Disable auto consent */ #} {# "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ #} {# "removeCredit": true, /* Remove credit link */ #} {# "moreInfoLink": true, /* Show more info link */ #} {# "useExternalCss": false, #} {# /* If false, the tarteaucitron.css file will be loaded */ #} {# // "cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */ #} {# "readmoreLink": "/cookiespolicy" /* Change the default readmore link */ #} {# }); #} {# tarteaucitron.services.favoriteCookie = { #} {# "key": "favoriteCookie", #} {# "type": "support", #} {# "name": "Favoris", #} {# "needConsent": true, #} {# "cookies": ['favorite'], #} {# "readmoreLink": "/cookies_explanations", // If you want to change readmore link #} {# "js": function () { #} {# "use strict"; #} {# // When user allow cookie #} {# }, #} {# "fallback": function () { #} {# "use strict"; #} {# // when use deny cookie #} {# } #} {# }; #} {# tarteaucitron.services.preferencesCookie = { #} {# "key": "preferencesCookie", #} {# "type": "support", #} {# "name": "Préférences géographique et thématique", #} {# "needConsent": true, #} {# "cookies": [ #} {# 'territories', 'topics' #} {# ], #} {# "readmoreLink": "/cookies_explanations", // If you want to change readmore link #} {# "js": function () { #} {# "use strict"; #} {# // When user allow cookie #} {# }, #} {# "fallback": function () { #} {# "use strict"; #} {# // when use deny cookie #} {# } #} {# }; #} {# (tarteaucitron.job = tarteaucitron.job || []).push('favoriteCookie'); #} {# (tarteaucitron.job = tarteaucitron.job || []).push('preferencesCookie'); #} {# tarteaucitron.user.gtagUa = ''; // UA-151015779-1 #} {# (tarteaucitron.job = tarteaucitron.job || []).push('gtag');{% if app.request.getSchemeAndHttpHost() == "https://info.lenord.fr" or #} {# app.request.getSchemeAndHttpHost() == "https://lenord.fr" or #} {# app.request.getSchemeAndHttpHost() == "https://services.lenord.fr" %} #} {# tarteaucitron.user.matomoId = 2; #} {# tarteaucitron.user.matomoHost = "https://mesure.lenord.fr/"; // eg: https://stat.mydomain.com/ #} {# (tarteaucitron.job = tarteaucitron.job || []).push('matomo'); #} {# {% elseif app.request.getSchemeAndHttpHost() == "https://nordinfo.spontaneit.fr" %} #} {# tarteaucitron.user.matomoId = 5; #} {# tarteaucitron.user.matomoHost = "https://mesure-preprod.lenord.fr/"; // eg: https://stat.mydomain.com/ #} {# (tarteaucitron.job = tarteaucitron.job || []).push('matomo');{% endif %} #} {# </script> #} {# {% block google_tag_manager %} {% if app.request.getSchemeAndHttpHost() == "https://info.lenord.fr" %} <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-TL74KSQ'); </script> {% endif %} {% endblock %} #} {% if articleSchema is defined %} <script type="application/ld+json"> {{ articleSchema|raw }} </script> {% endif %} <style> .message-div.message-div-success-optin { background-color: #17323f; } </style> {% if is_pdf == 1 %} <style> body { font-family: Serif, serif; font-size: 15pt; background: none; color: black; page-break-before: always; } #backtotop, #confort, #sidebar, .fermer, .menu, .contenumodale, iframe, .c-dialog, footer img, .menubouton, button, #header, form, .sr-only, .sr-only-focusable, .outils, #footer { display: none; } .logo { width: 33%; margin: 0 33%; } .sstitre { font-size: 25pt; } .tableau, th, td { border-collapse: collapse; border: 2pt solid #000000; padding: 10pt; } .tableau { width: 100%; } caption { font-size: 20pt; margin-top: 30pt; margin-bottom: 10pt; } a { color: black; text-decoration: none; } a:after { content: " (" attr(href) ") "; text-decoration: underline; } a[href^="tel:"]:after { content: none; } a[href^="mailto:"]:after { content: none; } .Accordeon-panel[hidden] { display: block; } h3 button { border: none; font-size: 19pt; font-weight: bold; font-family: Serif; text-align: left; } .bloclogos img { max-width: 200px } </style> {% endif %}</head><body class="{% block body_class %}{% endblock %} {% if is_pdf == 1 %}is_pdf{% endif %} {% block body_class_site_variant %}bodyNordInfo{% endblock %}" data-user-logged="{% if app.user is not null %}1{% else %}0{% endif %}" data-user-dark-mode="{% if app.user is not null %}{{ app.user.darkMode }}{% endif %}" data-user-font-size="{% if app.user is not null %}{{ app.user.fontSize }}{% endif %}" data-user-font-family="{% if app.user is not null %}{{ app.user.fontFamily }}{% endif %}">{% set current_path = app.request.get('_route') %}{% set trans_day_hash = { "Monday": "Lundi", "Tuesday": "Mardi", "Wednesday": "Mercredi", "Thursday": "Jeudi", "Friday": "Vendredi", "Saturday": "Samedi", "Sunday": "Dimanche"} %}{% set trans_month_hash = { "January": "janvier", "February": "février", "March": "mars", "April": "avril", "May": "mai", "June": "juin", "July": "juillet", "August": "août", "September": "septembre", "October": "octobre", "November": "novembre", "December": "décembre",} %}{% block google_tag_manager_body %}{% endblock %}{% if is_pdf != 1 %} {% if show_screen_loader is defined and show_screen_loader == 1 %} <div class="pageLoader" id="pageLoader"> <div class="__logo-middle-wrapper"> <img src="{{ asset('img/logos/logo-nord-info.svg') }}" alt="Nord Info, le département est là" class="__logo-middle"> <div class="__spinner"> <p class="loader">Chargement en cours</p> </div> </div> <img src="{{ asset('img/logos/logo-splash-screen-bottom.png') }}" alt="Nord Info, le département est là" class="__logo-bottom"> </div> {% endif %}{% endif %}{% block header %} {% if is_pdf != 1 %} <p class="d-print-block d-none" style="text-align:center;">{{ app.request.uri }}</p> {% block header_logo_print %} <div style="text-align:center;" class="d-print-block d-none"> <img src="https://spontaneit1.fra1.digitaloceanspaces.com/info-lenord/images/logos/logo-nord-info.png" style="width:190px;height:75px;display:inline-block;" alt=""> </div> {% endblock %} <header role="banner" class="headerMain {% block header_main_css_class %}--nordInfo{% endblock %}"> <div class="accessibleLinksMobile"> <p>Aller</p> <ul> <li> <a href="#" data-toggle-navbar="#collapseHeaderMain"> <span>au menu</span> </a> </li> <li> <a href="#" data-focus-search-mobile> <span>à la recherche</span> </a> </li> <li> <a href="#mainContent" data-focus-content> <span>au contenu</span> </a> </li> </ul> </div> <button class="btnOpenMenuMobile --floating" id="btnOpenMenuMobile" data-toggle-navbar="#collapseHeaderMain" tabindex="-1" data-aria-hidden-by-modal aria-controls="collapseHeaderMain"> <span class="__inner"> <span class="__icon"> {{ source('svg/icons/icon-menu-lines.svg') }} </span> <span class="__text">MENU</span> </span> </button> <div class="navMainContainer" id="collapseHeaderMain"> <button class="__btnClose" data-toggle-navbar="#collapseHeaderMain" role="button" aria-expanded="false" aria-controls="collapseHeaderMain" data-tabindex-mobile="2"> <span class="sr-only">Fermer le menu</span> <svg aria-hidden="true" focusable="false" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 121.6 121.6"> <g id="add"> <path id="add-2" class="cls-1" d="M55.6,0V55.6H0V66H55.6v55.6H66V66h55.6V55.6H66V0Z"/> </g> </svg> <span class="sr-only">Fermer</span> </button> <div class="__inner"> <div class="container"> <div class="__topBar"> <nav class="__col _anchors"> <p class="colorBlueLight">Aller : </p> <ul class="__list"> <li> <a href="#" data-focus-menu> <span>au menu</span> </a> </li> <li> <a href="#" data-focus-search> <span>à la recherche</span> </a> </li> <li> <a href="#mainContent" data-focus-content> <span>au contenu</span> </a> </li> </ul> </nav> <div class="__col _fontSizes"> <ul class="__list _fontSizes"> <li> <button data-font-size="increase" title="A+ Agrandir le texte de 15%" data-tabindex-mobile="8"> <span>A+</span> </button> </li> <li> <button data-font-size="decrease" title="A- Diminuer le texte de 15%" data-tabindex-mobile="8"> <span>A-</span> </button> </li> </ul> </div> <div class="__col _dyslexia"> <button data-font-toggle="dyslexia" data-tabindex-mobile="8"> <span>Dyslexie</span> </button> </div> {% block header_col_dynamic %} <nav class="__col _glossaire"> <a href="/glossaire" class="{% if app.request.pathinfo == '/glossaire' %}active{% endif %}"> <span>Glossaire</span> </a> </nav> <div class="__col _nightMode"> <button data-darkmode data-tabindex-mobile="11" data-user-logged="{% if app.user is not null %}1{% else %}0{% endif %}"> <span>Mode nuit</span> </button> </div> {% endblock %} <nav class="__col _login"> <ul class="__listLogin"> {% block header_col_login %} {% if app.user is not null %} {% if app.user.role == 'public' %} <li> <a href="{{ path('app_logout') }}" class="linkLogin _logout"> <div class="__inner"> {{ source('svg/user-solid.svg') }} <span>Me déconnecter</span> </div> </a> </li> {% endif %} {% if app.user.role == 'admin' or app.user.role == 'superadmin' or app.user.role == 'redacteur' or app.user.role == 'agent' or app.user.role == 'lecteur' or app.user.role == 'vip' or app.user.role == 'presse' %} <li> <a href="{{ path('app_logout') }}" class="linkLogin _logout _agent"> <div class="__inner"> {{ source('svg/lock.svg') }} <span>Me déconnecter</span> </div> </a> </li> {% endif %} {% else %} <li> <a href="{{ path('app_login') }}" class="linkLogin"> <div class="__inner"> {{ source('svg/user-solid.svg') }} <span>Me connecter</span> </div> </a> </li> {% endif %} {% endblock %} </ul> </nav> </div> <div class="__mainBar"> <div class="__col _colLogo"> {% block header_logo %} <a href="{{ path('info') }}" data-tabindex-mobile="1" title="Aller à l'accueil du site Nord Info"> <img src="{{ asset('img/logos/logo-nord-info.svg') }}" alt="Nord Info (retour à la page d'accueil)"> </a> {% endblock %} </div> <div class="__col _colSearch" role="search"> {% block header_form_search %} <form action="{{ path('search_words') }}" method="GET" class="formSearchMain _header form"> <label for="inputSearch" hidden>Je recherche</label> <div class="__input-wrapper"> <input required name="search" title="Je recherche" type="text" id="inputSearch" data-tabindex-mobile="5" placeholder="Je recherche" class="form-control __input-search"> <button type="submit" class="__btn-search" data-tabindex-mobile="6"> <img src="{{ asset('img/brandmaster/icon-search-nord-info.svg') }}" alt="" aria-hidden="true"> <span class="sr-only">Recherche</span> </button> </div> </form> {% endblock %} </div> <div class="__col _colUser"> {% block header_dropdown_user_menu %} <div class="dropdown dropdownUserMenuHeader" id="dropdownUserMenu"> <button class="toggleUserMenu" role="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="__name"> <span class="__left"> <span>Menu</span> </span> <span class="__right"> <svg aria-hidden="true" focusable="false" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 19.6 7.3"> <g id="Ligne_22" data-name="Ligne 22"> <rect y="6.3" width="19.6" height="1"/> </g> <g id="Ligne_23" data-name="Ligne 23"> <rect y="3.2" width="19.6" height="1"/> </g> <g id="Ligne_24" data-name="Ligne 24"> <rect width="19.6" height="1"/> </g> </svg> </span> </span> </button> <div class="dropdown-menu dropdown-menu-right" aria-label="Menu" role="navigation"> <ul> <li class="_user {% if app.user is null %}d-lg-none{% endif %}" role="menuitem"> {% if app.user is not null %} <a href="{{ path('mon_compte') }}" class="link-profile" {% if app.request.pathinfo == '/mon-compte' %} aria-current="true" {% endif %}> {% if app.user.firstName is defined and app.user.firstName|length > 0 %} <span>{{ app.user.firstName|capitalize }}</span> {% endif %} {% if app.user.lastName is defined and app.user.lastName|length > 0 %} <span>{{ app.user.lastName|capitalize }}</span> {% endif %} {% if app.user.role != 'public' %} <div class="__user-type _agent"> {{ source('svg/lock.svg') }} <span class="colorGreenLight font-weight-bold"> {% if app.user.role == 'vip' %}Premium {% else %} {{ app.user.role|capitalize }} {% endif %} </span> </div> {% endif %} </a> <a href="{{ path('app_logout') }}" class="linkLogin" data-tabindex-mobile="3"> <div class="__inner"> <span>Me déconnecter</span> </div> </a> {% else %} <a href="{{ path('app_login') }}" class="linkLogin" data-tabindex-mobile="3" {% if app.request.pathinfo == '/connexion' %} aria-current="true" {% endif %}> <div class="__inner"> {{ source('svg/user-solid.svg') }} <span>Me connecter</span> </div> </a> {% endif %} </li> {% if menusprofile|default %} {% for menu in menusprofile %} {% if menu.url is not null %} <li role="menuitem"> <a class="dropdown-item {% if menu.libelle == 'Proposer un évènement' %}_proposer{% endif %} {% if menu.url == app.request.pathinfo %}active{% endif %}" href="{% if menu.url is not null %}{{ menu.url }}{% else %}#{% endif %}" {% if menu.url == app.request.pathinfo %} aria-current="true" {% endif %} data-tabindex-mobile="3"> <span>{{ menu.libelle }}</span> </a> </li> {% endif %} {% endfor %} {% endif %} <li class="d-lg-none" role="menuitem"> <a class="dropdown-item {% if app.request.pathinfo == '/glossaire' %}active{% endif %}" href="{{ path('nordinfo_glossaire') }}" data-tabindex-mobile="4"> <span>Glossaire</span> </a> </li> <li class="d-lg-none" role="menuitem"> <a class="dropdown-item {% if app.request.pathinfo == '/pages-legales/mentions-legales' %}active{% endif %}" href="{{ path('post_detail', {slug: 'mentions-legales'}) }}" data-tabindex-mobile="4"> <span>Mentions légales</span> </a> </li> </ul> </div> </div> {% endblock %} </div> {% block header_col_extra_items %}{% endblock %} </div> </div> </div> </div> <div class="navMainBackgroundOverlay" id="collapseHeaderMainOverlay" data-toggle-navbar="#collapseHeaderMain"></div> {% block header_logo_mobile %} <div class="__containerLogoMobile"> <a href="{{ path('info') }}" title="Aller à l'accueil du site Nord Info"> <h1> <img src="{{ asset('img/logos/logo-nord-info.svg') }}" alt="Nord Info (retour à la page d'accueil)"> </h1> </a> {{ include('Nordinfo/Main/parts/menu_button.html.twig') }} </div> {% endblock %} {% block header_nav %} <div class="navHeaderWrapperOuter"> <div class="navHeaderWrapper" id="navHeaderWrapper"> <nav class="__inner" aria-label="principale" role="navigation"> <ul class="nav justify-content-center navHeader"> <li class="nav-item {% if current_path == 'actus' %}active{% endif %}"> <a class="nav-link" href="{{ path('actus') }}" {% if current_path == 'actus' %} aria-current="true" {% endif %} data-focus-menu-target> {% if menusTop[0]|default %} <span>{{ menusTop[0].libelle }}</span> {% endif %} </a> </li> <li class="nav-item {% if current_path == 'info' %}active{% endif %}"> <a class="nav-link" href="{{ path('info') }}" {% if current_path == 'info' %} aria-current="true" {% endif %}> {% if menusTop[1]|default %} <span>{{ menusTop[1].libelle }}</span> {% endif %} </a> </li> <li class="nav-item {% if current_path == 'agenda' %}active{% endif %}"> <a class="nav-link" href="{{ path('agenda') }}" {% if current_path == 'agenda' %} aria-current="true" {% endif %}> {% if menusTop[3]|default %} <span>{{ menusTop[3].libelle }}</span> {% endif %} </a> </li> <li class="nav-item {% if current_path == 'videos' %}active js-item-video-active{% endif %}"> <a class="nav-link" href="{{ path('videos') }}" {% if current_path == 'videos' %} aria-current="true" {% endif %}> {% if menusTop[4]|default %} <span>{{ menusTop[4].libelle }}</span> {% endif %} </a> </li> </ul> </nav> </div> </div> {% endblock %} {% block header_epingles %}{% endblock %} {% block header_breadcrumb %}{% endblock %} </header> {% else %} <p style="text-align:center;">{{ app.request.uri }}</p> {% block header_logo_pdf %} <div style="text-align:center;"> <img src="https://spontaneit1.fra1.digitaloceanspaces.com/info-lenord/images/logos/logo-nord-info.png" style="width:190px;height:75px;display:inline-block;" alt=""> </div> {% endblock %} {% block header_breadcrumb_pdf %}{% endblock %} {% endif %}{% endblock %}{% block body %}{% endblock %}{% block footer %} {% if is_pdf != 1 %} <footer class="d-print-none" role="contentinfo"> {% block footer_top %} {# {% include 'Nordinfo/Main/parts/our-websites.html.twig' %} #} {% endblock %} <div class="footer --leNord" data-aria-hidden-by-modal> <div class="__top"> <div class="container"> <div class="__inner"> <div class="__col"> <a href="https://lenord.fr" title="Aller à l'accueil du site du Nord, le Département est là"> {{ source('svg/footer_logo.svg') }} </a> </div> <div class="__col"> <address> {{ footer.adresse|raw }} </address> </div> <div class="__col"> <ul class="listButtons"> <li> <a href="{{ path('signaler') }}"> <div class="__inner"> <span class="__icon">{{ source('svg/icons/icon-envelope.svg') }}</span> <span class="__text">Formulaire de contact</span> </div> </a> </li> <li> <a href="tel:{{ footer.telephoneUrl }}"> <div class="__inner"> <span class="__icon">{{ source('svg/icons/icon-telephone.svg') }}</span> <span class="__text">{{ footer.telephone|raw }}</span> </div> </a> </li> <li> <a href="{{ footer.lienAcceo }}" class="--icon-external" title="Sourd ou malentendant ? - Aller sur la page du Département du Nord sur Acceo (site externe)"> <div class="__inner"> <span class="__icon">{{ source('svg/icons/icon-ear.svg') }}</span> <span class="__text"> <span class="__inner">Sourd ou malentendant ?</span> <span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span> </span> </div> </a> </li> </ul> </div> </div> <div class="containerListIconsSocial"> {{ footer.reseauxSociaux|raw }} </div> </div> </div> <div class="__bottom"> <div class="container"> <ul> <li><a href="{{ path('infolettre') }}"><span>Infolettre</span></a></li> <li><a href="{{ path('post_detail', {slug: 'cgu'}) }}"><span>Conditions générales</span></a></li> <li><a href="{{ path('post_detail', {slug: 'mentions-legales-nordinfo'}) }}"><span>Mentions légales</span></a> </li> <li><a href="{{ path('post_detail', {slug: 'accessibilite-nordinfo'}) }}"><span>Accessibilité : Partiellement conforme</span></a> </li> <li><a href="{{ path('sitemap') }}"><span>Plan du site</span></a></li> </ul> </div> <a target="_blank" href="#0" class="buttonBtt cd-top js-cd-top no-print no-pdf no-external-icon" data-toggle="tooltip" data-placement="top" title="retour en haut de page"> <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1" viewbox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg"> <defs></defs> <title>Retour en haut de page</title> <g data-name="Chevron horizontal" id="Chevron_horizontal"> <path class="" d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9" id="Chevron"></path> </g> </svg> <span class="sr-only">Retour en haut de page</span> </a> </div> </div> </footer> {% endif %}{% endblock %}{% if is_pdf != 1 %} <div class="pswp no-print no-pdf" tabindex="-1" role="dialog" aria-hidden="true" aria-modal="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="close pswp__button pswp__button--close" title="Fermer (Esc)" id="btnClosePw"> <svg aria-hidden="true" focusable="false" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 121.6 121.6"> <title>Fermer</title> <g id="add"> <path id="add-2" class="cls-1" d="M55.6,0V55.6H0V66H55.6v55.6H66V66h55.6V55.6H66V0Z"></path> </g> </svg> </button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left _arrow _left" title="Précédent"> <span class="__icon pswp__button--arrow--left"> <svg aria-hidden="true" focusable="false" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5"> <defs> <style> .fill-white { fill: #fff; } </style> </defs> <title>chevron</title> <g id="Chevron_horizontal" data-name="Chevron horizontal"> <path id="Chevron" class="fill-white" d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9"/> </g> </svg> </span> </button> <button class="pswp__button pswp__button--arrow--right _arrow _right" title="Suivant"> <span class="__icon pswp__button--arrow--right"> <svg aria-hidden="true" focusable="false" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 283.5 283.5"> <defs> <style> .fill-white { fill: #fff; } </style> </defs> <title>chevron</title> <g id="Chevron_horizontal" data-name="Chevron horizontal"> <path id="Chevron" class="fill-white" d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9"/> </g> </svg> </span> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> {% block javascripts %} {{ encore_entry_script_tags('app') }} {{ encore_entry_script_tags('common') }}{% if false %} <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAa9CMvJhPqpCxLMbefCmtlRVRrnuqxZ0o&callback=initMap" async defer></script>{% endif %} <script type="text/javascript" src='{{ asset("plugins/autoComplete/dist/js/autoComplete.js") }}'></script> <script type="text/javascript" src='{{ asset("plugins/bootstrap-show-password/dist/bootstrap-show-password.min.js") }}'></script> <script src="{{ asset('plugins/masonryjs/masonry.pkgd.min.js') }}"></script> <script src="{{ asset('plugins/owlcarousel/owl.carousel.min.js') }}"></script> <script> /** * CAROUSEL - NOS SITES */ $(document).ready(function () { let $owlCarousel = $('.owl-carousel'); if ($owlCarousel.length) { $owlCarousel.owlCarousel({ nav: true, navRewind: true, margin: 32, stageElement: 'ul', itemElement: 'li', responsive: { 0: { items: 1, stagePadding: 80 }, 400: { items: 1, stagePadding: 100 }, 500: { items: 1, stagePadding: 120 }, 600: { items: 2, stagePadding: 0 }, 900: { items: 3, stagePadding: 0 }, 1100: { items: 4, stagePadding: 0 }, 1300: { items: 5, stagePadding: 0 } }, onInitialized: function () { const btnPrev = document.querySelector('.owl-carousel .owl-prev'); const btnNext = document.querySelector('.owl-carousel .owl-next'); btnPrev.setAttribute('aria-label', 'Précédent'); btnNext.setAttribute('aria-label', 'Suivant'); btnPrev.setAttribute('aria-hidden', 'true'); btnNext.setAttribute('aria-hidden', 'true'); btnPrev.setAttribute('tabindex', '-1'); btnNext.setAttribute('tabindex', '-1'); btnPrev.removeAttribute('role'); btnNext.removeAttribute('role'); const btnPrevSpan = document.querySelector('.owl-carousel .owl-prev span'); const btnNextSpan = document.querySelector('.owl-carousel .owl-next span'); btnPrevSpan.removeAttribute('aria-label'); btnNextSpan.removeAttribute('aria-label'); const itemsContainer = document.querySelector('.owl-carousel .owl-stage'); itemsContainer.setAttribute('id', 'owlStage'); btnPrev.setAttribute('aria-controls', 'owlStage'); btnNext.setAttribute('aria-controls', 'owlStage'); const listItems = document.querySelectorAll('.owl-carousel .owl-stage li'); for (let i = 0; i < listItems.length; i++) { listItems[i].setAttribute('aria-roledescription', 'diapositive'); listItems[i].setAttribute('role', 'group'); listItems[i].setAttribute('aria-label', i + 1 + ' sur ' + listItems.length); } } }); } }); </script> {% endblock %} <script> $(document).ready(function () { var clipboard = new ClipboardJS('.share'); var alertBtnClose = document.getElementById('alertCopiedToClipboardClose'); var alert = document.getElementById('alertCopiedToClipboard'); var btnCopyToClipboard = document.querySelector('[data-clipboard-text]'); clipboard.on('success', function (e) { if (document.body.contains(alert)) { alert.querySelector('p').innerText = 'Lien ajouté a votre presse-papier'; $(alert)[0].style.display = 'block'; setTimeout(function () { $(alert).animate({opacity: 1, height: 100}); }, 200); } e.clearSelection(); }); clipboard.on('error', function (e) { }); if (document.body.contains(alertBtnClose)) { alertBtnClose.addEventListener('click', function (ev) { ev.preventDefault(); $(alert).animate({opacity: 0, height: 0}); btnCopyToClipboard.focus(); setTimeout(function () { $(alert)[0].style.display = 'none'; alert.querySelector('p').innerText = ''; }, 500); }); } }); </script>{% endif %}{% block include_js %}{% endblock %}</body></html>