<div class="__header">
	<h3 class="titre">Les Projets</h3>
	<h2 class="texte_chapeau">{{ post.meta('texte_chapeau_projet') }}</h2>
</div>
<div class="__body">
	<!--ajout chloe drag-->
		<div id="drag_1" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_1.svg">
		</div>
		<div id="drag_2" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_2.svg">
		</div>
		<div id="drag_3" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_3.svg">
		</div>
		<div id="drag_4" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_4.svg">
		</div>
		<div id="drag_5" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_5.svg">
		</div>
		<div id="drag_6" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_6.svg">
		</div>
		<div id="drag_7" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_7.svg">
		</div>
		<div id="drag_8" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_8.svg">
		</div>
		<div id="drag_9" class="group_drag">
			<img src="{{theme.link}}/asset/images/objet_drag_9.svg">
		</div>

	<!--fin ajout chloe drag-->
	<div class="wrapper__content row justify-content-center">
		{% for item in projet %}
			<div class="colonne_section col-md-6 col-lg-4">
				<div class="header">
					<h3>{{item.title}}</h3>
				</div>
				<div class="wrap_content">
					{{item.meta('text')|truncate(30)}}
					<div class="projet">
						{% for projet in item.meta("projets") %}
							<div class="wrap__content">
									<div class="title_pjt">
										{{projet.titre}}
									</div>
									<div class="content_pjt">
										{{projet.text|truncate(20)}}
									</div>
							</div>
							<!--les titres a utilisé pour faire les patch qui se drag-->
						{% endfor %}
					</div>
				</div>
			</div>
		{% endfor %}
	</div>
	<div class="btn tout_voir">
		<a href="/les-projets">Tout voir</a>
	</div>
</div>
