<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>{% block title %}{{ parametres.structure.name ?? company_name }}{% endblock %}</title>
<meta name="author" content="{{ parametres.structure.name ?? company_name }}">
<!-- description -->
<meta name="description" content="{{ parametres.structure.description ?? '' }}">
<!-- keywords -->
<meta name="keywords" content="{{ parametres.structure.keywords ?? '' }}">
<link rel="shortcut icon" href="{{ asset('assetics/assets/images/favicon.ico') }}"/>
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/animate.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/bootsnav.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/et-line-icons.css') }}" />
<!-- font-awesome icon -->
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/font-awesome.min.css') }}" />
<!-- themify icon -->
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/themify-icons.css') }}">
<!-- swiper carousel -->
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/swiper.min.css') }}">
<!-- justified gallery -->
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/justified-gallery.min.css') }}">
<!-- magnific popup -->
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/magnific-popup.css') }}" />
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/style.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/thematiques/css/responsive.css') }}" />
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/kenburns.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/slick.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/slick-theme.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/jquery.datepicker2.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/css/animate.css') }}">
<link rel="stylesheet" href="{{ asset('assetics/internes/styles/style.css') }}">
<!-- include the style -->
<link href="{{ asset('bundles/mercuryseriesflashy/css/flashy.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/alertify.min.css') }}" />
<!-- include a theme -->
<link rel="stylesheet" href="{{ asset('bundles/alertifyjs/build/css/themes/bootstrap.min.css') }}" />
{{ encore_entry_link_tags('app') }}
{% block stylesheets %}{% endblock %}
</head>
<body>
<!-- start header -->
<header style="position: fixed; top: 0;box-shadow: 0 2px 5px rgba(0,0,0,0.3);">
<!-- start navigation -->
<nav class="navbar navbar-default bootsnav nav-box-width {% if app.request.get('_route') == 'welcome' %} bg-white-home {% else %} bg-white {% endif %} navbar-expand-lg">
<div class="container-fluid nav-header-container">
<!-- start logo -->
<div class="col-auto pl-0">
{% include 'layouts/front/partials/__logo.html.twig' %}
</div>
<!-- end logo -->
<div class="col accordion-menu pr-0 pr-md-3">
<button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
<span class="sr-only">toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
{% include 'layouts/front/partials/__navigation.html.twig' %}
</div>
</div>
<div class="col-auto pr-0">
<div class="header-searchbar">
<a href="#search-header" class="header-search-form"><i class="fas fa-search search-button"></i></a>
<!-- search input-->
<form id="search-header" method="post" action="javascript:" name="search-header" class="mfp-hide search-form-result">
<div class="search-form position-relative">
<button type="submit" class="fas fa-search close-search search-button"></button>
<label>
<input type="text" name="search" class="search-input" placeholder="Enter your keywords..." autocomplete="off">
</label>
</div>
</form>
</div>
<div class="header-social-icon d-none d-md-inline-block">
{% include 'pages/partials/__social_link.html.twig' %}
{#{{ locale_links() }}#}
</div>
</div>
</div>
</nav>
<!-- end navigation -->
</header>
<!-- end header -->
{% block body %}{% endblock %}
<div class="scroll-top">
<i class="fas fa-angle-up"></i>
</div>
{% include 'layouts/front/partials/__footer.html.twig' %}
<script src="{{ asset('assetics/internes/scripts/jquery-3.4.1.js') }}"> </script>
<script src="{{ asset('assetics/internes/scripts/slick.min.js') }}"></script>
<script src="{{ asset('assetics/thematiques/js/bootstrap.bundle.js') }}"></script>
<script src="{{ asset('assetics/internes/scripts/jquery.datepicker2.js') }}"></script>
<script src="{{ asset('assetics/internes/scripts/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assetics/internes/scripts/app.js') }}"></script>
<script src="{{ asset('assetics/internes/scripts/kenburning.min.js') }}"></script>
<script>
if($('.kenburns').length){
$('.kenburns').each(function () {
var time = $(this).attr('data-time') ? $(this).attr('data-time') : 9000;
$(this).kenBurning({
time : time
});
});
}
function kenburnsHeight() {
if($('.kenburns-wrap').length){
$('.kenburns-wrap').each(function () {
var headerH = $('.header_top_bg').not('.header_trans-fixed').outerHeight() || 0,
footerH = $('#footer').not('.fix-bottom').outerHeight() || 0,
sliderH = $(window).height() - (headerH + footerH),
bottomplay = $('#footer').hasClass('fix-bottom') ? ($('#footer').outerHeight() + 60) : '30';
$(this).find('.kenburns-play').css('bottom', bottomplay + 'px');
$(this).find('.whizz-sound-btn').css('bottom', bottomplay + 'px');
$(this).css('height', sliderH + 'px');
if($(window).width() < 768 && _ismobile){
$(this).find('.whizz-sound-btn').css('bottom', bottomplay - 50 + 'px');
$(this).find('.caption').css('bottom', bottomplay + 10 + 'px');
}else{
$(this).find('.caption').css('bottom', bottomplay - 20 + 'px');
$(this).find('.whizz-sound-btn').css('bottom', bottomplay + 'px');
}
});
}
}
setTimeout(kenburnsHeight, 0);
</script>
<!-- menu navigation -->
<script type="text/javascript" src="{{ asset('assetics/thematiques/js/bootsnav.js') }}"></script>
<script type="text/javascript" src="{{ asset('assetics/thematiques/js/jquery.nav.js') }}"></script>
<script type="text/javascript" src="{{ asset('assetics/thematiques/js/classie.js') }}"></script>
<script type="text/javascript" src="{{ asset('assetics/thematiques/js/hamburger-menu.js') }}"></script>
<!-- magnific popup -->
<script type="text/javascript" src="{{ asset('assetics/thematiques/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('assetics/internes/scripts/priceRangeSlider.js') }}"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="{{ asset('bundles/mercuryseriesflashy/js/flashy.js') }}"></script>
<script src="{{ asset('bundles/alertifyjs/build/alertify.min.js') }}"></script>
<script src="{{ asset('bundles/fosjsrouting/js/router.min.js') }}"></script>
<script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
{{ encore_entry_script_tags('app') | replace({'src=':'defer src='}) | raw }}
{% block javascripts %}{% endblock %}
{{ include('@MercurySeriesFlashy/flashy.html.twig') }}
{#<div class="floating-sidebar">
<div class="travel-review-2-slider" style="padding:0!important;margin:0!important;">
<div class="travel-review-2" style="padding:0!important;margin:0!important;">
<img src="{{ asset('assetics/internes/images/banner.jpg') }}" alt="">
</div>
<div class="travel-review-2" style="padding:0!important;margin:0!important;">
<img src="{{ asset('assetics/internes/images/banner.jpg') }}" alt="">
</div>
</div>
</div>#}
</body>
</html>