[(#REM)
	page article - composition article-blog

	param:
	- id_article

	page template:
	- theme/blog-details.html
]<BOUCLE_a(ARTICLES){id_article}>

<!-- ====== Banner Start ====== -->
<section class="ud-page-banner">
	<div class="container">
	<div class="row">
		<div class="col-lg-12">
		<div class="ud-banner-content">
			[<h1 class="article-titre #EDIT{titre}">(#TITRE)</h1>]
		</div>
		</div>
	</div>
	</div>
</section>
<!-- ====== Banner End ====== -->


<!-- ====== Blog Details Start ====== -->
<section class="ud-blog-details">
	<div class="container">
		<div class="row">
			[(#REM) image : on prend le logo - taille recommandée 1300x867
							sinon on prend un image générique
			]
			<!-- image bandeau -->			 
			<div class="col-lg-12">
				<div class="ud-blog-details-image">
					[(#LOGO_ARTICLE|inserer_attribut{class,no-spip-logo})]
					[(#LOGO_ARTICLE|non) [(#CHEMIN{images/image-generique.svg}|balise_img)] ]
					<div class="ud-blog-overlay">
						<div class="ud-blog-overlay-content">
							[(#REM)<!--<div class="ud-blog-author">
								<img src="assets/images/blog/author-01.png" alt="author" />
								<span>
									By <a href="javascript:void(0)"> Samuyl Joshi </a>
								</span>
							</div>-->]

							<div class="ud-blog-meta">
								[<p class="date">
									<i class="lni lni-calendar"></i> <span>(#DATE|affdate)</span>
								</p>]
								[(#REM)<!--<p class="comment">
									<i class="lni lni-comments"></i> <span>50</span>
								</p>
								<p class="view">
									<i class="lni lni-eye"></i> <span>35</span>
								</p>-->]
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- colonne principale -->
			<div class="col-lg-8 mt-5">
				[<span class="tag #EDIT{surtitre}">(#SURTITRE)</span>]
				[<div class="article-descriptif #EDIT{descriptif}">(#DESCRIPTIF)</div>]
				[<div class="article-chapo #EDIT{chapo}">(#CHAPO)</div>]				
				[<div class="article-texte #EDIT{texte}">(#TEXTE)</div>]
				[<div class="article-ps">(#PS)</div>]
			</div>
			<!-- !colonne principale -->

			<!-- colonne sidebar -->
			<div class="col-lg-4">
				<div class="ud-blog-sidebar">
					[(#REM) dans le theme : formulaire newsletter 	]

					<B_pop>
					<div class="ud-articles-box">
						<h3 class="ud-articles-box-title"><:play_bootstrap:articles_populaires:></h3>
						<BOUCLE_pop(ARTICLES){!par popularite}{0,5}>
						<ul class="ud-articles-list">
							<li>
								[(#REM)	<!--
								<div class="ud-article-image">
									<img
									src="assets/images/blog/article-author-01.png"
									alt="author"
									/>
								</div>-->]
								<div class="ud-article-content">
									<h5 class="ud-article-title">
									<a href="#URL_ARTICLE">
										#TITRE
									</a>
									</h5>
									[(#REM)<!--<p class="ud-article-author">Martin Fedous</p>-->]
								</div>
							</li>
						</BOUCLE_pop>						
						</ul>							
					</div>
					</B_pop>

					[(#REM) dans le theme : banniere de pub 	]
				</div>
			</div>
			<!-- !colonne sidebar -->
		</div>
	</div>
</section>
<!-- ====== Blog Details End ====== -->

[(#REM)
	articles liés
	pour l'instant on prend les voisins les plus recents

	on pourrait aussi utiliser a2a

]
<!-- ====== Blog Start ====== --> 
 <B_articles_voisins>
<section class="ud-blog-grids ud-related-articles">
	<div class="container">
		<div class="row col-lg-12">
			<div class="ud-related-title">
				<h2 class="ud-related-articles-title"><:play_bootstrap:articles_lies:></h2>
			</div>
		</div>
		<div class="row">
			<BOUCLE_articles_voisins(ARTICLES){enfants}{!par date}{id_article!=#ID_ARTICLE}{0,3}>				
			<div class="col-lg-4 col-md-6">
				<INCLURE{fond=inclure/article-preview,id_article}>
			</div>
			</BOUCLE_articles_voisins>
		</div>	
	</div>
</section>
</B_articles_voisins>
<!-- ====== Blog End ====== -->

</BOUCLE_a>