[(#REM)pour afficher des images en fond de dépliant
exemple de mise en place : 
<depliant1505|titre=Tsunagari Taiko : Tambour japonais
|texte={{{**Groupe professionnel de Taiko basé à Paris. }}}

1505 = numéro de document joint à la page
titre : affiché au-dessus de l'image
texte : titre affiché sous l'image une fois déplié
]

<BOUCLE_image_fond(DOCUMENTS){id_document=#ENV{id}}{0,1}>
<style>
div.cs_blocs>div {
	border:none;
	width:100%;
	margin: 0 auto 40px auto;
}
.blocs_titre{clear:none;cursor:pointer;width:100%}
.blocs_click{clear:none;margin: 0;background:none;}
.blocs_titre a{
display:block; width:100%;margin:0 auto 0 auto!important;padding:0 !important;
	text-decoration:none!important;
	border:none!important;border-radius:5px!important;
	box-shadow: 0 0 0 rgba( 0, 0, 0, .0 )!important;
	height:230px; background:none !important;
}
.blocs_titre h4 a{margin:0!important; padding:0!important;width:100%; height:100%;display:block;}
.blocs_replie a{}
.blocs_replie a:hover{border:none !important;}
.blocs_destination {width:100%;border:none;border-radius:0;margin: -40px auto 0 auto;
	padding:7px;box-shadow: 0 0px 0px rgba( 0, 0, 0, .0 );display:block;}
.blocs_resume {width:100%;margin: 2px auto 0 auto;}
.blocs_title{display:none;}
.blocs_destination { overflow: hidden; }

</style>

#BLOC_TITRE

<span style="width:100%; height:100%; display:block;" 
	[(#FICHIER|background_responsive{0/360/420/600/900, 0, 0,(max-width:360px)/(max-width:420px)/(max-width:600px)/})] >
		<span style="display:block;padding: 75px 0 0 0; color:#F1F3D2;font-size:130%;text-shadow: #6C6565 1px 0 10px;">
			#ENV{titre}
		</span>
</span>
	#BLOC_DEBUT
	
		[<p>(#ENV*{texte}|propre)</p>]
		[<p><a hre="(#ENV{url})">En savoir plus...</a></p>]
		<br /> <br />
		<div class="blocs_title"><multi>[en]Click to unfold||Click to fold[fr]Déplier la section||Replier la section</multi>
		</div>
			<a href="javascript:;" class="replier_bloc"><multi>[en]Unfold[fr]Replier</multi>
			</a>
	#BLOC_FIN
</BOUCLE_image_fond>