{capture name=path}{l s='Ma Philosophie'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}
{foreach from=$philo item=phi}
<div class="borderGreen">
	<h1>{$phi.titrepage}</h1>
	<div class="leftCol">
		<img src="{$base_dir}modules/devspephilosophie/images/{$phi.image1}" alt="{$phi.image1legend}" />
		<h2>{$phi.info1}</h2>
		<p>{$phi.info2}<br/>{$phi.info3}</p>
	</div>
	<div class="centerCol">
		{if $phi.titrebox1!=""}
		<div class="tiroir">
			<h3 id="{l s='mon-histoire'}"><span>{$phi.titrebox1}</span></h3>
			<div class="hidden texte">
			{$phi.box1}
			</div>
		</div>
		{/if}
		{if $phi.titrebox2!=""}
		<div class="tiroir">
			<h3 id="{l s='ma-philosophie'}"><span>{$phi.titrebox2}</span></h3>
			<div class="hidden texte">
			{$phi.box2}
			</div>
		</div>
		{/if}
		{if $phi.titrebox3!=""}
		<div class="tiroir">
			<h3 id="{l s='nos-prix-et-recompenses'}"><span>{$phi.titrebox3}</span></h3>
			<div class="hidden texte">
			{$phi.box3}
			</div>
		</div>
		{/if}
		{if $phi.titrebox4!=""}
		<div class="tiroir">
			<h3><span>{$phi.titrebox4}</span></h3>
			<div class="hidden texte">
			{$phi.box4}
			</div>
		</div>
		{/if}
	</div>
	<div class="clear"></div>
</div>
<div class="rightCol">
	{if $phi.bloctitre!=""}
	<div class="bloctitre">
		<h4>{$phi.bloctitre}</h4>
		<div class="image">	
			{if $phi.blocurl!=""}<a href="{$phi.blocurl}" title="">{/if}
			<img src="{$base_dir}modules/devspephilosophie/images/{$phi.image2}" alt="{$phi.image2legend}" />
			{if $phi.blocurl!=""}</a>{/if}
		</div>
		<div class="description">
			{$phi.blocdescription}
		</div>
			{if $phi.blocurl!=""}<a href="{$phi.blocurl}" class="button clear">{$phi.blocurltitre}</a>{/if}
	</div>
	{/if}
	
	<!--Bloc tiroir raccourci-->
	<div class="tiroir_quick_acces clearfix">
		<!--Bloc tiroir Mon histoire-->
		<div class="quick_acces" data-id="{l s='mon-histoire'}">
			<img src="{$img_ps_dir}/cms/rubrique-mon-histoire.jpg" title="{l s='Mon histoire'}" alt="{l s='Mon histoire'}" width="100%" />
			<a href="#" data-id="{l s='mon-histoire'}" title="{l s='Mon histoire'}">{l s='Mon histoire'}</a>
		</div>
		<!--Bloc tiroir Ma philosophie-->
		<div class="quick_acces" data-id="{l s='ma-philosophie'}">
			<img src="{$img_ps_dir}/cms/rubrique-ma-philosophie.jpg" title="{l s='Ma philosophie'}" alt="{l s='Ma philosophie'}" width="100%" />
			<a href="#" data-id="{l s='ma-philosophie'}" title="{l s='Ma philosophie'}">{l s='Ma philosophie'}</a>
		</div>
		<!--Bloc tiroir Nos prix et récompenses-->
		<div class="quick_acces" data-id="{l s='nos-prix-et-recompenses'}">
			<img src="{$img_ps_dir}/cms/rubrique-nos-prix-et-recompenses.JPG" title="{l s='Nos prix et récompenses'}" alt="{l s='Nos prix et récompenses'}" width="100%" />
			<a href="#" data-id="{l s='nos-prix-et-recompenses'}" title="{l s='Nos prix et récompenses'}">{l s='Nos prix et récompenses'}</a>
		</div>
	</div>
	<script type="text/javascript">
		$('.quick_acces, .quick_acces a').click(function() {
			$('.tiroir h3#'+$(this).data('id')).click();
			return false;
		});
	</script>
	<!--/Bloc tiroir raccourci-->
	<div class="clear"></div>
</div>
{/foreach}