{literal}
<script type="text/javascript" >
$(document).ready(function(){
    $("#abonnement-newsletter").validate();			   
});
</script>
{/literal}
<div id="wrapper-{$smarty.get.lang_code}" class="bg_contenu-{$smarty.get.lang_code}">

	<!-- 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/{$smarty.get.lang_code}/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">
		<div class="grid-4x">
		  <h1>{$page_title}</h1>
		</div>
	</div>
  <div class="container-4x">
    <div class="grid-4x breadcrumb">{include file="$site_id/_fil-ariane.tpl"}</div>
  </div>
  <div class="container-4x">
    <div class="grid-1x">
      <ul id="nav-gauche">
		  {vl_getNav identifier="pages_annexes" published_only=true assign="pageA"}
			{section name='pageA_sec' loop=$pageA}
			<li><a href="{vl_getLink struc_id=$pageA[pageA_sec].struc_id lang=$smarty.get.lang}" {if $pageA[pageA_sec].struc_id == $struc_id}class="current"{/if}>{$pageA[pageA_sec].title}</a></li>
			{/section}	
      </ul>
    </div>
    <div class="grid-2x">
      <h2>{block id="titre" type=normal}Inscrivez-vous à notre lettre d'informations... {/block}</h2>
      {block id="contenu" type=ktml}<p>Vous   souhaitez restez informé de l'actualité de notre site et recevoir 
        chez vous   toutes les &quot;infos&quot; que nous pouvons vous proposer. <br />
        Merci de bien vouloir   compléter ce petit formulaire.<br />
        A très   bientôt!</p>{/block}
	  {if $message_erreur}Veuillez vérifier votre saisie.<br />{/if}
	  <form action="{$smarty.server.REQUEST_URI}" method="post" class="form-encart clearfix" id="abonnement-newsletter" name="abonnement-newsletter">
        <p class="legende">{dict id="form_champs_obligatoires" edit=false}Les champs marqués d'une étoile (*) sont obligatoires.{/dict}</p>
        <h3 class="title-4">{dict id="form_vos_coordonnees" edit=false}Vos coordonnées{/dict}</h3>
        <div class="clearfix">
          <p class="grid-1x first">
            <label id="email" for="cont_email" class="block">{dict id="form_email" edit=false}Email{/dict} * </label>
            <input value="{if $smarty.post.email!=""}{$smarty.post.email}{else}{$data.cont_email}{/if}" name="cont_email" type="text" class="required email png_bg" id="cont_email" maxlength="255" tabindex="1"/>
          </p>
          <p class="grid-1x last">
            <label id="nom" for="cont_nom" class="block">{dict id="form_nom" edit=false}Nom{/dict} *</label>
            <input value="{$data.cont_nom}" name="cont_nom" type="text" class="required png_bg" id="cont_nom" tabindex="2"/>
            <label id="prenom" for="cont_prenom" class="block">{dict id="form_prenom" edit=false}Prénom{/dict} * </label>
            <input value="{$data.cont_prenom}" name="cont_prenom" type="text" class="required png_bg" id="cont_prenom" tabindex="3"/>
          </p>
        </div>
        <p class="sep"></p>
        <h3 class="title-4">{dict id="form_je_souhaite" edit=false}Je souhaite{/dict}</h3>
        <label class="block"></label>
        <input type="radio" value="Oui" name="abo-newsletter" id="abo-newsletter" class="bt-radio" />
        {dict id="form_abonner" edit=false}M'abonner{/dict} &nbsp;&nbsp;&nbsp;
        <input name="abo-newsletter" type="radio" class="bt-radio" value="Non" />
        {dict id="form_desabonner" edit=false}Me désabonner{/dict}
        <p class="sep"></p>
        <input type="submit" value="Envoyer" class="envoyer" tabindex="100" />
        <p class="legende">{dict id="form_loi_informatique" edit=false}Conformément à la loi informatique et Liberté (art. 34), vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant. Pour exercer vos droits, contactez-nous. {/dict}</p>
		<input name="call" type="hidden" id="call" value="1_medievales_form_abo_newsletter" />
      </form>
    </div>
    {include file="$site_id/_col_droite_img.tpl"}
  </div>
  <!-- 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>