<div class="row team-members team-members-circle m-b-40 m-t-20">
	{% if fields.titre_equipe %}
		<div class="col-lg-12 m-t-40">
			<h2 class="team-members__title">{{fields.titre_equipe}}</h2>
			{% if fields.description_equipe %}
				<p class="team-members__description">{{fields.description_equipe}}</p>
			{% endif %}
		</div>
	{% endif %}

	{% if is_preview %}
		<p class="notice-preview">Les vignettes des personnes sont visibles seulement sur le site (pas dans le back-office). Pour ajouter, modifier ou supprimer une personne,
			<a href="edit.php?post_type=personne" target="_blank">rendez-vous dans la rubrique "Personnes"</a>.
		</p>
	{% else %}

		{% for personne in personnes %}
            {% if personnes|length > 1 %}
                <div class="col-lg-3">
            {% else %}
                <div class="mr-auto ml-auto col-lg-3">
            {% endif %}
				<div class="team-member">
					<div class="team-image">
						<img src="{{ Image(personne.photo_personne).src('image_equipe')|default(theme.link ~'/images/team/no-image.jpg') }}">
					</div>
					<div class="team-desc">
						<h3>{{personne.prenom_personne}}
							{{personne.nom_personne}}</h3>

							<strong>{{personne.fonction_personne}}</strong>

							{% if personne.activite_pro_personne %}
								<span>{{personne.activite_pro_personne}}</span>
							{% endif %}


					</div>
				</div>
            </div>
		{% endfor %}
	{% endif %}
</div>