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

{% block content %}

	{% if page.header.activate_top == true %}
		
		{% set top = page.find(page.header.top) %}
		{% include 'partials/article_head.html.twig' with {'top':top } %}

	{% endif %}
	
	<div class="columns medium-8 medium-offset-2 small-10 small-offset-1" >
		<div class="row align-right align-middle">
			<div class="columns image-intro medium-6 small-12">
				<img src="{{page.header.media_thumbnail}}" alt="">
			</div>
			<div class="columns txt-intro medium-6 small-12">
				<p>
					{{ page.content }}
				</p>
			</div>
			<div class="columns medium-2 small-4">
				<a href="{{ page.find('\/qui-sommes-nous').url}}">
					<div class="row">
						<div class="button hollow ">
							en savoir + 
						</div>
					</div>					
				</a>
			</div>
			
		</div>
	</div>
	<div class="columns medium-10 medium-offset-1 small-10 small-offset-1 grid-actu">
		<div class="row">
			{% set actu = page.find('\/actualites').collection().slice(0,3) %}

			{% for post in actu%}

				{% include 'partials/grid-block.html.twig' with {'post':post } %}

     		{% endfor %}
	      	<div  class="columns medium-2 small-4 small-offset-8 medium-offset-10 ">
					<a href="{{ page.find('\/actualites').url}}">
						<div class="row align-right">
							<div class="columns small-12">
								<div style="float:right"class="button hollow ">
									+ d'actualités
								</div>
							</div>
							
						</div>					
					</a>
				</div>
	      	</div>
     		
      	</div>

      
      	
      	
      	
	</div>
	
{% endblock %}