#HTTP_HEADER{'Content-Type: text/html'}
<BOUCLE_principale(DOCUMENTS){id_document}>
<table cellpadding="0" cellspacing="0"><tr><td style="position: relative; width: 480; height: 268px; text-align: center; vertical-align: middle;">[<div onclick="$('#infos#ID_DOCUMENT').fadeIn(); return false;">(#FICHIER|image_reduire{480,268})</div>]
<div onclick="$('#infos#ID_DOCUMENT').fadeOut(); " id="infos#ID_DOCUMENT" style=" display: none; position: absolute; width: 480px; height: 268px; top: 0px; left: 0px;">

	<div style="position: absolute; text-align: left; font-size: 12px; width: 480px; 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"><multi>Fermer[en]Close</multi></a>
		<div style="padding: 10px; margin-left: 80px;">
			<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: 480px; 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: 80px;">
		
		
			[<div><b>(#TITRE)</b></div>]
			[<div>(#DESCRIPTIF|supprimer_p)</div>]
		</div>
		<div style="clear: left;"></div>
	</div>
</div>
</td></tr></table>
</BOUCLE_principale>