{literal}
<script type="text/javascript" src="/templates/1/javascripts/jquery/stickybox.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
	navProgramme();	
	localMap();	
	$('#floatMap').stickyfloat({ duration: 'slow' });
		$('.tabs li a').click(function(){
			$('#floatMap').stickyfloat({ duration: 'slow' });
});
});

</script>
{/literal}
<div id="wrapper-fr" class="bg_contenu-fr">

	<!-- DEBUT zone de menu -->
	<div id="header">
		{include file="$site_id/_menu-haut.tpl"}
	</div>
	<!-- FIN zone de menu -->
	
	<!-- DEBUT zone contenu -->
	<div class="content-top png_bg"><!--<img id="banniere" src="images/fr/banniere_print.jpg" />--><a href="{vl_getLink struc_id=1 lang=$smarty.get.lang site_id=$site_id}" title="{dict id='bouton-retour-accueil' edit=false}Médiévales de Crémieu - retour accueil{/dict}"></a></div>

		<div class="container-4x clearfix">
			<div class="grid-4x"><h1>{$page_title}</h1></div>
		</div>
	
		<div class="container-4x clearfix">
			<div class="grid-4x breadcrumb">{include file="$site_id/_fil-ariane.tpl"}</div>
		</div>
			
		<div class="container-4x clearfix">
			<div class="grid-2x png_bg">
				<!-- TABS Les jours --> 
				<ul class="tabs">
					<li id="samedi"><a href="#samedi-tab">{block id="date-samedi"}Samedi 11/09{/block}</a></li> 
					<li id="dimanche"><a href="#dimanche-tab">{block id="date-dimanche"}Dimanche 12/09{/block}</a></li> 
				</ul>				
				<!-- TABS Les jours --> 
				<!-- PANES le programme -->				
				<div class="panes">
					<!-- samedi -->
					{vl_getNav identifier="samedi" published_only=true assign="pageS"}
					{* vl_print_r tableau=$pageS *}
					{if $pageS ne ''}<div>						
						<ul class="prg-animation">
							{section name='pageS_sec' loop=$pageS}
							<li class="clearfix">
								{vl_getpage struc_id=$pageS[pageS_sec].struc_id assign='samedi_data'}
								<h2>{$samedi_data.blocks.nom_image}</h2>
                              <p class="prg-horaire">{$samedi_data.blocks.horaire_liste}</p>
								<strong>{$samedi_data.blocks.titre_evenement}</strong>{$samedi_data.blocks.type_evenement}
								<p class="hide"><a href="{vl_getLink struc_id=$pageS[pageS_sec].struc_id lang=$smarty.get.lang}">{dict id="plus_info" edit=false}+ infos{/dict}</a></p>
							</li>
							{/section}
						</ul>
					</div>
					{/if} 
					<!-- samedi -->
					<!-- dimanche -->
					{vl_getNav identifier="dimanche" published_only=true assign="pageD"}
					{* vl_print_r tableau=$pageD *}
					{if $pageD ne ''}
					<div>
						<ul class="prg-animation">
							{section name='pageD_sec' loop=$pageD}
							<li class="clearfix">
								{vl_getpage struc_id=$pageD[pageD_sec].struc_id assign='dimanche_data'}
								<h2>{$dimanche_data.blocks.nom_image}</h2>
                              <p class="prg-horaire">{$dimanche_data.blocks.horaire_liste}</p>
								<strong>{$dimanche_data.blocks.titre_evenement}</strong>{$dimanche_data.blocks.type_evenement}
								<p class="hide"><a href="{vl_getLink struc_id=$pageD[pageD_sec].struc_id lang=$smarty.get.lang}">{dict id="plus_info" edit=false}+ infos{/dict}</a></p>
							</li>
							{/section}																																																																																														
						</ul>	 
			
					</div>
					{/if}
					<!-- dimanche --> 
				</div>
				<!-- PANES le programme -->
			</div>
			<div id="floatMap" class="grid-2x relative">
				<p><img src="images/fr/cremieu-plan-de-la-ville.gif" alt="Crémieu - plan de la ville" /></p>
				<img id="carte" src="images/carte/vide.png" alt="" class="png_bg" />
                <p class="text-center ">{dict id="programme-pdf"}<a href="medias/documents/programme-medievales-cremieu_2011.pdf" class="lien-rose"><strong>Téléchargez le programme complet au format pdf</strong></a>{/dict}</p>
			</div>
		</div>
		<br class="spacer" />
	<!-- FIN zone contenu -->
	<!-- DEBUT zone footer -->
	<div id="footer">
    	<div class="container-4x clearfix">
			{include file="$site_id/_footer.tpl"}
		</div>
	</div>	
	<!-- FIN zone footer -->
</div>