<section class="em-item-header"  style="--default-border:#_CATEGORYCOLOR;">
	{has_image}
	<div class="em-item-image {no_image}has-placeholder{/no_image}">
		#_EVENTIMAGE{medium}
	</div>
	{/has_image}
	<div class="em-item-meta">
		<section class="em-item-meta-column">
			<section class="em-event-when">
				<h3>Quand</h3>
				<div class="em-item-meta-line em-event-date em-event-meta-datetime">
					<span class="em-icon-calendar em-icon"></span>
					#_EVENTDATES    
				</div>
				<div class="em-item-meta-line em-event-time em-event-meta-datetime">
					<span class="em-icon-clock em-icon"></span>
					#_EVENTTIMES
				</div>
				#_EVENTADDTOCALENDAR
			</section>
	
			{has_bookings}
			<section class="em-event-bookings-meta">
				<h3>Réservations</h3>
				{bookings_open}
				<div class="em-item-meta-line em-event-prices">
					<span class="em-icon-ticket em-icon"></span>
					#_EVENTPRICERANGE
				</div>
				<a href="#em-event-booking-form" class="button input with-icon-right">
										<span class="em-icon-ticket em-icon"></span>
				</a>
				{/bookings_open}
				{bookings_closed}
				<div class="em-item-meta-line em-event-prices">
					<span class="em-icon-ticket em-icon"></span>
					Les réservations sont fermées				</div>
				{/bookings_closed}
			</section>
			{/has_bookings}
		</section>

		<section class="em-item-meta-column">
			{has_location_venue}
			<section class="em-event-where">
				<h3>Où</h3>
				<div class="em-item-meta-line em-event-location">
					<span class="em-icon-location em-icon"></span>
					<div>
						#_LOCATIONLINK<br>
						#_LOCATIONFULLLINE
					</div>
				</div>
			</section>
			{/has_location_venue}
			{has_event_location}
			<section class="em-event-where">
				<h3>Où</h3>
				<div class="em-item-meta-line em-event-location">
					<span class="em-icon-at em-icon"></span>
					#_EVENTLOCATION
				</div>
			</section>
			{/has_event_location}
			
			{has_taxonomy}
			<section class="em-item-taxonomies">
				<h3>Type d’évènement</h3>
				{has_category}
				<div class="em-item-meta-line em-item-taxonomy em-event-categories">
					<span class="em-icon-category em-icon"></span>
					<div>#_EVENTCATEGORIES</div>
				</div>
				{/has_category}
				{has_tag}
				<div class="em-item-meta-line em-item-taxonomy em-event-tags">
					<span class="em-icon-tag em-icon"></span>
					<div>#_EVENTTAGS</div>
				</div>
				{/has_tag}
			</section>
			{/has_taxonomy}
		</section>
	</div>
</section>
{has_location_venue}
<section class="em-event-location">
	#_LOCATIONMAP{100%,0}
</section>
{/has_location_venue}
<section class="em-event-content">
	#_EVENTNOTES
</section>
{has_bookings}
<section class="em-event-bookings">
	<a name="em-event-booking-form"></a>
	<h2>Réservations</h2>
	#_BOOKINGFORM
</section>
{/has_bookings}