<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% block title %}{% endblock %} | Sogal</title>
{% block meta %}{% endblock %}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link rel="icon" href="{{ asset('favicon.ico') }}" />
<link rel="stylesheet" href="{{ asset('bootstrap/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('css/global.css') }}">
<link rel="stylesheet" href="{{ asset('css/footer.css') }}">
{# <link rel="stylesheet" href="{{ asset('css/footerFixe.css') }}"> #}
<link rel="stylesheet" href="{{ asset('css/newsletter.css') }}">
<link rel="stylesheet" href="{{ asset('css/breadcrumb.css') }}">
<link rel="stylesheet" href="{{ asset('css/button.css') }}">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('css/twentytwenty.css') }}" type="text/css" media="screen" />
{% block stylesheets %}{% endblock %}
<script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
<script type="text/javascript" src="/tarteaucitron/tarteaucitronParametres.js"></script>
<script type="text/javascript" src="{{ asset('jquery/jquery-3.5.1.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('jquery/jquery.event.move.js') }}"></script>
<script type="text/javascript" src="{{ asset('jquery/imagesloaded.pkgd.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('jquery/jquery.twentytwenty.js') }}"></script>
{% block beforeBootstrapJavascripts %}{% endblock %}
<script type="text/javascript" src="{{ asset('js/popper.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bootstrap/bootstrap.min.js') }}"></script>
{#
"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 */
#}
</head>
<body>
{{ render(controller('App\\Controller\\NavbarController::indexAction')) }}
<div id="contentblockbody">
<noscript>Merci d'activer Javascript pour poursuivre la navigation</noscript>
{% include 'menu_lateral/menu_lateral.html.twig' %}
<section class="container-fluid">
{% block entete %}{% endblock %}
</section>
<section class="container">
{% block body %}{% endblock %}
</section>
<section class="container-fluid">
{% block bodyFluid %}{% endblock %}
</section>
</div>
<a id="back-to-top" href="#" class="btn btn-light btn-lg back-to-top" role="button"><i class="fas fa-chevron-up"></i></a>
{{ render(controller('App\\Controller\\FooterController::index')) }}
<div id="bg-megamenu"></div>
<script type="text/javascript" src="{{ asset('js/navbar.js') }}"></script>
<script type="text/javascript" src="{{ asset('js/global.js?v=1.2') }}"></script>
<script type="text/javascript" src="{{ asset('js/newsletter.js') }}"></script>
{# Fixed bottom-right flash container #}
<div id="flashStack" aria-live="polite" aria-atomic="true" style="position: fixed; bottom: 16px; right: 16px; z-index: 1080; display: flex; flex-direction: column; gap: 8px; max-width: 360px;">
{% for label, messages in app.flashes %}
{% for message in messages %}
<div class="alert alert-{{ label in ['success','danger','warning','info','primary','secondary','light','dark'] ? label : 'info' }} alert-dismissible fade show mb-0 shadow" role="alert">
{{ message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endfor %}
{% endfor %}
</div>
<script>
// Auto-dismiss flashes after 5 seconds
(function() {
var $alerts = $('#flashStack .alert');
$alerts.each(function(index, el){
setTimeout(function(){
try { $(el).alert('close'); } catch(e) {}
}, 5000);
});
})();
</script>
{% block javascripts %}{% endblock %}
</body>
</html>