{****************************************************************
include file="header.html"}

<div class="form_title">Choisissez les couleurs de votre boutique</div>

<form name="fn_validate" action="{$smarty.server.PHP_SELF}" method="POST">
<div class="form_body">
	<fieldset>
		<legend>S&eacute;lectionnez les couleurs pour les &eacute;l&eacute;ments suivants :</legend>
		<p>
			<table class="position_15">
		            <tr>
		              <td>Couleur du fond de la fen&ecirc;tre :</TD>
					  <TD  class="elementCenter">{$big_background_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur du fond :</TD>
					  <TD  class="elementCenter">{$background_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur d'&eacute;criture :</TD>
					  <TD  class="elementCenter">{$font_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur de lien (normal) :</TD>
					  <TD  class="elementCenter">{$link_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur de lien (une fois cliqu&eacute;) :</TD>
					  <TD  class="elementCenter">{$link_visited_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur de lien (souris sur le lien) :</TD>
					  <TD  class="elementCenter">{$link_over_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
		            <tr>
		              <td>Couleur de fond du bandeau :</TD>
					  <TD  class="elementCenter">{$menu_top_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td>Couleur de fond des cat&eacute;gories :</TD>
					  <TD  class="elementCenter">{$menu_categ_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td>Couleur de la partie menu &agrave; gauche :</TD>
					  <TD  class="elementCenter">{$menu_left_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td>Couleur de la partie menu &agrave; droite :</TD>
					  <TD  class="elementCenter">{$menu_right_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td>Couleur de la partie menu en bas :</TD>
					  <TD  class="elementCenter">{$menu_footer_color_chooser}
					  <input onClick="javascript: document.fn_validate.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>
			</table>
			<br/>
		</p>
		<legend>S&eacute;lectionnez les couleurs de la barre de d&eacute;filement :</legend>
		<p>
			<table class="position_15">
		            <tr>
		              <td class="remarque">En rouge la couleur que vous allez modifier</TD>
					</TR>	
		            <tr>
		              <td  class="elementCenter">
		              	<img src="{$picture_path_bo}scroll_3dlight.gif" border="0" />
		              </TD>
					  <TD  class="elementCenter">
					  	{$scrollbar_3dlight_color_chooser}
					  	<input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider">
					  </TD>
					</TR>
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_arrow.gif" border="0"></TD>
					  <TD  class="elementCenter">{$scrollbar_arrow_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_base.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_base_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_darkshadow.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_darkshadow_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_face.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_face_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
				
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_highlight.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_highlight_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td  class="elementCenter"><img  
					  src="{$picture_path_bo}scroll_shadow.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_shadow_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
		            <tr>
		              <td  class="elementCenter"><img 
					  src="{$picture_path_bo}scroll_track.gif" border="0"></TD>
					  <TD  class="elementCenter" >{$scrollbar_track_color_chooser}
					  <input onClick="javascript: document.fn_validate_scroolbar.f_action.value = 'modifier';" type="submit" class="bt_valid" value="Valider"></TD>
					</TR>			
					<input type="hidden" name="f_action" value="">
			</table>
			<br/>
		</p>
	</fieldset>
</div>
</form>

<div class="form_title">Pr&eacute;visualisation simplifi&eacute;e de vos choix :</div>
<div class="form_body">
	<fieldset>
		<p>
				<table width="100%" bgcolor="#{$background_window_color}"><TR><TD>
				<TABLE cellpadding="0" cellspacing="0" align="center" bgcolor="#{$background_site_color}" >
				<TR >
					<TD colspan="3" align="center" bgcolor="#{$top_menu_color}" >
						<font color="#{$general_font_color}">
						bandeau
						</font>
					</TD>
				</TR>
				<TR >
					<TD colspan="3" align="center" bgcolor="#{$categ_menu_color}" >
						<font color="#{$general_font_color}">
						Page1 | Page2 | Page3
						</font>
					</TD>
				</TR>
				<TR >
					<TD  bgcolor="#{$left_menu_color}">
						<font color="#{$general_font_color}">
						Menu Gauche<br />
						<br />
						<font color="#{$general_link_color}">Lien normal</font><br />
						<font color="#{$general_link_visited_color}">Lien d&eacute;j&agrave; visit&eacute;</font><br />
						<font color="#{$general_link_over_color}">Lien souris dessus</font><br />
						<br />
						</font>
					</TD>
					<TD align="center" >
						<font color="#{$general_font_color}">
						Texte standard de la page. Bla Bla Bla Bla Bla Bla Bla <br />
						Bla Bla Bla Bla Bla Bla Bla Bla Bla <br />
						<br />
						<br />
						<br />
						<font color="#{$general_link_color}">Lien normal</font><br />
						<font color="#{$general_link_visited_color}">Lien d&eacute;j&agrave; visit&eacute;</font><br />
						<font color="#{$general_link_over_color}">Lien souris dessus</font><br />
						<br />
						<br />
						<br />
						</font>
					</TD>
					<TD bgcolor="#{$right_menu_color}"  >
						<font color="#{$general_font_color}">
						Menu droite<br />
						<br />
						<font color="#{$general_link_color}">Lien normal</font><br />
						<font color="#{$general_link_visited_color}">Lien d&eacute;j&agrave; visit&eacute;</font><br />
						<font color="#{$general_link_over_color}">Lien souris dessus</font><br />
						<br />
						</font>
					</TD>
				</TR>
				<TR>
					<TD colspan="3" align="center" bgcolor="#{$footer_menu_color}" >
						<font color="#{$general_font_color}">
						Bas de page
						</font>
					</TD>
				</TR>
				</TABLE>
			</TD></TR></table>
		</p>
	</fieldset>
</div>

{include file="footer.html"
**************************************************************************************************}