#HTTP_HEADER{'Content-Type: text/html'}
<BOUCLE_principale(DOCUMENTS){id_document}>
<table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;"><tr><td style="position: relative; width: 100%; height: 100%; text-align: center; vertical-align: middle;">[<div onclick="$('#infos#ID_DOCUMENT').fadeIn(); return false;"><img src="(#FICHIER|image_reduire{408,416}|extraire_attribut{src})" class="vignette" style="width: [(#FICHIER|image_reduire{408,416}|largeur)]px; height: [(#FICHIER|image_reduire{408,416}|hauteur)]px;" /></div>]
<div onclick="$('#infos#ID_DOCUMENT').fadeOut(); " id="infos#ID_DOCUMENT" class="pave_invisible">

	<div style="position: absolute; text-align: left; font-size: 12px; width: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.7); border-bottom: 1px solid black; color: white; text-shadow: 1px 0px #000;">
		<a href="#" onclick="window.close();" style="float: left;" class="bouton_zoom"><img src="iphone/imgs/croix-fermer.png" alt="x" class="x" /><multi>Fermer[en]Close</multi></a>
		<div style="padding: 10px; margin-left: 110px;">
			<BOUCLE_article(ARTICLES){id_document}>
				<div>[<b>(#TITRE)</b>][ <br /> (#SOUSTITRE)]</div>
			</BOUCLE_article>
		
		</div>
	
	</div>

	<div style="position: absolute; text-align: left; font-size: 12px; width: 100%; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.7); border-top: 1px solid black; color: white; text-shadow: 1px 0px #000;">

		<a href="?page=zoom&id_document=#ID_DOCUMENT" style="float: left;" target="_blank" class="bouton_zoom">Zoom</a>
		<div style="padding: 10px; margin-left: 110px;">
		
		
			[<div><b>(#TITRE)</b></div>]
			[<div>(#DESCRIPTIF|supprimer_p)</div>]
		</div>
		<div style="clear: left;"></div>
	</div>
</div>
</td></tr></table>
</BOUCLE_principale>