<div class="row">
	
	<aside class="col-lg-4 asso-colonne">
		<INCLURE{fond=inclure/menu-#ENV{nom},env}>

		[(#REM) On affiche les images à gauche sur grand écran]
		<BOUCLE_images(DOCUMENTS){credits=#ENV{nom}}{tout}>
			<div class="asso-image text-center d-none d-lg-block">
				<a href="#FICHIER" class='mediabox' rel='galerie_#ENV{nom}'>
					[(#FICHIER|balise_img{#TITRE}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
				</a>
				[<div class="#EDIT{titre}">(#TITRE)</div>]
			</div>
		</BOUCLE_images>
	</aside>

	<div class="col-lg-8 asso-contenu">
		<BOUCLE_contenu(ARTICLES){id_article=#ENV{id_article}}>
			<h2 class="h3 #EDIT{titre}">#TITRE</h2>

			<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
				<div class="boutons a-droite">
					<a href="[(#URL_PAGE{editer_article}|parametre_url{id_article,#ENV{id_article}})]" class="btn">Éditer</a>
				</div>
			<?php } ?>

			<BOUCLE_fichiers(DOCUMENTS){id_article=#ID_ARTICLE}{extension==pdf|doc|docx|odt|xls|xlsx}{tout}>
				<div class="row justify-content-end mb-3">
					<div class="col-6 col-md-3 fichier text-center">
						<a href="#FICHIER" class="">
							[(#LOGO_DOCUMENT|image_reduire{0,120})]
						</a>
						[<div class="#EDIT{titre}">(#TITRE)</div>]
					</div>
				</div>
			</BOUCLE_fichiers>

			[<div class="#EDIT{chapo}">(#CHAPO)</div>]
			<div class="#EDIT{texte}">#TEXTE</div>
		</BOUCLE_contenu>

		[(#REM) On affiche les images à la fin sur petits écrans]
		<div class="row">
			<BOUCLE_images2(DOCUMENTS){credits=#ENV{nom}}{tout}>
			<div class="asso-image text-center d-lg-none col-sm-6">
				<a href="#FICHIER" class='mediabox' rel='galerie_#ENV{nom}_mobile'>
					[(#FICHIER|balise_img{#TITRE}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
				</a>
				[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
			</div>
			</BOUCLE_images2>
			<BOUCLE_images3(DOCUMENTS){extension==jpg|jpeg|png|gif}{id_article=#ENV{id_article}}{tout}>
			<div class="asso-image text-center col-sm-6">
				<a href="#FICHIER" class='mediabox' rel='galerie_#ENV{nom}'>
					[(#FICHIER|balise_img{#TITRE}|image_recadre{380:362,-,focus}|image_reduire{380,362})]
				</a>
				[<div class="titre_img #EDIT{titre}">(#TITRE)</div>]
			</div>
			</BOUCLE_images3>
		</div>
	</div>

</div>