diff -r 8fc21a7ef206 -r 86d1a240d4dc src/pyams_content/component/gallery/zmi/templates/gallery-medias.pt
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_content/component/gallery/zmi/templates/gallery-medias.pt	Wed Feb 07 11:21:14 2018 +0100
@@ -0,0 +1,90 @@
+<div class="form-group" i18n:domain="pyams_content"
+	 data-ams-plugins="pyams_content"
+	 tal:attributes="data-ams-plugin-pyams_content-src extension:resource_path('pyams_content.skin:pyams_content');
+					 id string:gallery_medias_${context.__name__};"
+	 data-ams-plugin-pyams_content-async="false">
+	<fieldset class="margin-top-10 padding-top-5 padding-bottom-0">
+		<legend
+			class="inner switcher margin-bottom-5 padding-right-10 no-y-padding pull-left width-auto"
+			tal:attributes="data-ams-switcher-state 'open' if context.values() else None">
+			<i18n:var translate="">Gallery medias</i18n:var>
+		</legend>
+		<div class="btn-group pull-right">
+			<a class="btn btn-xs btn-primary"
+			   tal:attributes="href extension:absolute_url(context, 'get-medias.zip')"
+			   i18n:translate="">Download medias</a>
+		</div>
+		<div class="pull-left persistent">
+			<tal:var content="structure provider:pyams.widget_title" />
+		</div>
+		<div class="clearfix"></div>
+		<div class="sortable fancybox gallery"
+			 tal:attributes="data-ams-location extension:absolute_url(context);
+							 class '{0} fancybox gallery'.format('sortable' if request.has_permission(view.permission) else '');"
+			 data-ams-sortable-stop="PyAMS_content.galleries.setOrder"
+			 data-ams-sortable-helper="clone"
+			 data-ams-fancybox-type="image"
+			 data-ams-fancybox-loop="false"
+			 data-ams-fancybox-elements="a.fancyimg"
+			 data-ams-fancybox-after-load="PyAMS_content.galleries.afterFancyboxLoad">
+			<div tal:repeat="media context.values()"
+				 class="media margin-5 margin-bottom-10 radius-4 padding-5 pull-left text-center"
+				 style="position: relative;"
+				 tal:attributes="data-ams-element-name media.__name__">
+				<tal:var define="thumbnails extension:thumbnails(media.data);">
+					<tal:if condition="thumbnails">
+						<tal:if condition="media.data.content_type.startswith('image/')">
+							<a class="fancyimg hint" data-toggle
+							   data-ams-hint-gravity="sw"
+							   title="Zoom image" i18n:attributes="title"
+							   tal:define="target thumbnails.get_thumbnail('800x600')"
+							   tal:attributes="class 'fancyimg hint {0}'.format('not-visible' if not media.visible else '');
+											   href extension:absolute_url(target);
+											   rel string:gallery_${context.__name__};">
+								<img class="thumbnail"
+									 data-ams-hint-gravity="s"
+									 tal:define="thumbnail thumbnails.get_thumbnail('128x128');
+												 image_size thumbnail.get_image_size();
+												 margin_left 64 - image_size[0] / 2;
+												 margin_top 64 - image_size[1] / 2;
+												 title i18n:media.title;"
+									 tal:attributes="src extension:absolute_url(thumbnail);
+													 id 'media_{0}_{1}'.format(context.__name__, media.__name__);
+													 original-title title or '--';
+													 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" />
+							</a>
+						</tal:if>
+						<tal:if condition="not:media.data.content_type.startswith('image/')">
+							<a tal:define="thumbnail thumbnails.get_thumbnail('128x128');
+										   target view.get_thumbnail_target(media.data);
+										   image_size thumbnail.get_image_size();
+										   margin_left 64 - image_size[0] / 2;
+										   margin_top 64 - image_size[1] / 2;
+										   title i18n:media.title;"
+							   tal:omit-tag="not:target"
+							   tal:attributes="href target" data-toggle="modal">
+								<img class="thumbnail no-border"
+									 data-ams-hint-gravity="s"
+									 tal:attributes="src extension:absolute_url(thumbnail);
+													 id 'media_{0}_{1}'.format(context.__name__, media.__name__);
+													 original-title title or '--';
+													 style string:margin-left: ${margin_left}px;; margin-right: ${margin_left}px;; margin-top: ${margin_top}px;; margin-bottom: ${margin_top}px;;" />
+							</a>
+						</tal:if>
+					</tal:if>
+					<tal:if condition="not:thumbnails">
+						<img class="thumbnail hint" src="/--static--/pyams_skin/img/mimetypes/unknown.png"
+							 tal:attributes="title i18n:media.title"
+							 style="padding: 48px;" />
+					</tal:if>
+				</tal:var>
+				<div class="btn-group margin-top-10"
+					 tal:define="actions extension:context_actions(media);">
+					<tal:loop repeat="viewlet actions.viewlets"
+							  content="structure viewlet.render()" />
+				</div>
+				<span class="clearfix"></span>
+			</div>
+		</div>
+	</fieldset>
+</div>