{% extends 'base.html.twig' %}

{% block title %}Près de chez vous en Seine-et-Marne
{% endblock %}

{% block body %}
	<div class="seine-et-marne">
		<section class="seine-et-marne_map">
			<div class="container flex spaced">
				<div class="flex vertical centered">
					<h1 class="underlined">Près de chez vous en Seine-et-Marne</h1>
					<script type="text/javascript">
						window.SM_MARKERS = {{ markers|json_encode()|raw }};
					</script>
				</div>
			</div>
			<div class="map container">
				<div class="base-content">
					<p>{{ config('texts.page_seine_et_marne')|raw }}</p>
				</div>
				<div class="leaflet-wrapper">
					<div class="leaflet-border"></div>
					<div class="leaflet" id="map-leaflet"></div>
				</div>
			</div>
			<div class="container pt32">
			<div class="flex spaced container-breadcrumb container-breadcrumb-sm mt16 " style="margin-bottom: 4px;">
				<div><h2 class="underlined">Les Actualités</h2></div>
			</div>
				<div class="ressourcesdocs_listing_inner">
					<div class="swiper-quotes">
						<div class="swiper" id="smarticles">
							<div class="swiper-wrapper">
								{% for doc in smarticles %}
									<div class="swiper-slide">
										{% include 'seine-et-marne/_item.html.twig' with {'doc': doc} %}
									</div>
								{% endfor %}
							</div>
							<div class="swiper-pagination"></div>
							<div class="swiper-button-prev"></div>
							<div class="swiper-button-next"></div>
						</div>
					</div>
				</div>
				<div class="container flex centered">
					<a href="/seine-et-marne/articles" class="btn is-secondary is-m is-anim-s">
						<span>Voir tous les articles</span>
						<svg xmlns="http://www.w3.org/2000/svg" width="12.917" height="12.395" viewbox="0 0 12.917 12.395">
							<g id="arrow_white" transform="translate(0.024 -0.117)">
								<path id="Path_37" data-name="Path 37" d="M9.166,5.213c-.2-.187-.381-.361-.562-.534-.95-.908-1.9-1.81-2.843-2.719a1.125,1.125,0,0,1-.277-.416A.607.607,0,0,1,5.657.913q.291-.322.6-.624A.563.563,0,0,1,7.01.234a1.136,1.136,0,0,1,.173.146q1.051,1.04,2.1,2.094c1.11,1.1,2.226,2.205,3.336,3.308a.777.777,0,0,1-.021,1.2c-.527.513-1.054,1.026-1.574,1.547q-1.779,1.748-3.551,3.5a3,3,0,0,1-.347.319.6.6,0,0,1-.895-.069c-.187-.194-.368-.388-.548-.583a.634.634,0,0,1-.1-.811,1.659,1.659,0,0,1,.291-.368C6.933,9.534,7.994,8.57,9.056,7.6c.035-.028.076-.049.111-.076-.007-.014-.021-.021-.028-.035H8.424c-.631.007-1.262.014-1.893.014H.685a.641.641,0,0,1-.707-.7c0-.27.007-.541,0-.811-.028-.589.291-.8.8-.8q1.727-.01,3.454,0l4.1.021Z" transform="translate(0 0)" fill="#faf7f9"></path>
							</g>
						</svg>
					</a>
				</div>
			</div>
		</section>
	</div>
{% endblock %}