<html>
<head>
<title>Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript">function verifSelection() {if (document.mail_form.champ1.value == "") {
alert("Veuillez saisir votre nom")
return false
} if (document.mail_form.zone_email.value == "") {
alert("Veuillez saisir votre e-mail")
return false
}

invalidChars = " /:,;'"

for (i=0; i<invalidChars.length; i++) {	// does it contain any invalid characters?
badChar = invalidChars.charAt(i)

if (document.mail_form.zone_email.value.indexOf(badChar,0) > -1) {
alert("Votre adresse e-mail contient des caract�res invalides. Veuillez v�rifier.")
document.mail_form.zone_email.focus()
return false
}
}

atPos = document.mail_form.zone_email.value.indexOf("@",1)			// there must be one "@" symbol
if (atPos == -1) {
alert('Votre adresse e-mail ne contient pas le signe "@". Veuillez v�rifier.')
document.mail_form.zone_email.focus()
return false
}

if (document.mail_form.zone_email.value.indexOf("@",atPos+1) != -1) {	// and only one "@" symbol
alert('Il ne doit y avoir qu\'un signe "@". Veuillez v�rifier.')
document.mail_form.zone_email.focus()
return false
}

periodPos = document.mail_form.zone_email.value.indexOf(".",atPos)

if (periodPos == -1) {					// and at least one "." after the "@"
alert('Vous avez oubli� le point "." apr�s le signe "@". Veuillez v�rifier.')
document.mail_form.zone_email.focus()
return false
}

if (periodPos+3 > document.mail_form.zone_email.value.length)	{		// must be at least 2 characters after the 
alert('Il doit y avoir au moins deux caract�res apr�s le signe ".". Veuillez v�rifier.')
document.mail_form.zone_email.focus()
return false
}if (document.mail_form.zone_texte.value == "") {
alert("Veuillez laisser un message")
return false
} } // Fin de la fonction

</script>
</head>

<body bgcolor="#9EBDC7" text="#578FA8" link="#578FA8" vlink="#578FA8" alink="#578FA8">
<form name="mail_form" method="post" action="/formulcontact.php" onSubmit="return verifSelection()">
  <div align="center">
    <p>&nbsp;</p>
    <table width="817" border="0" cellspacing="0" height="881">
      <tr bgcolor="#FFFFFF"> 
        <td height="233">
          <div align="center"><img src="bangraphisme.jpg" width="820" height="236"></div>        </td>
      </tr>
      <tr>
        <td height="41" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      <tr>
        <td height="42" bgcolor="#FFFFFF"><blockquote>
          <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Tout est sujet &agrave; perfectionnement, aussi votre r&eacute;action m'int&eacute;resse. A l'issue de votre visite, vous avez quelques commentaires , des critiques...&nbsp;positives,n&eacute;gatives&nbsp;<br>
          </font></p>
          <p><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Vous &ecirc;tes int&eacute;ress&eacute; (e) par une aquarelle ?</font></p>
        </blockquote></td>
      </tr>
      <tr> 
        <td height="89" bgcolor="#FFFFFF"> 
          <div align="center">
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#578FA8"><a href="mailto:bernard.beaulien@gmail.com">N'h&eacute;sitez 
              surtout pas &agrave; me contacte</a>r <img src="Mail.gif" width="32" height="32"><a href="mailto:mailto:bernard.beaulien@gmail.com?subject=Mise � jour du Site ~ Aquarelles de Roscoff ~  &body=Pour etre informe des nouveautes du site Aquarelles de Roscoff, INSCRIVEZ VOTRE ADRESSE ELECTRONIQUE ICI  : .......................................................................Cordialement et � bientot : ..MERCI de bien vouloir repondre au mail qui suivra pour authentification de votre adresse...."></a> 
              par mail<a href="mailto:"></a><a href="mailto:bernard.beaulien@gmail.com"></a><a href="mailto:bernard.beaulien@gmail.com"></a>, 
              (d'autres aquarelles sont &eacute;galement disponibles)</font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#578FA8">Vous 
              pouvez aussi utiliser le formulaire ci-dessous ( v&eacute;rifiez 
              bien votre adresse), </font></p>
            <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#578FA8">&eacute;ventuellement 
              reportez-la dans le corps du message</font></p>
          </div>        </td>
      </tr>
      <tr>
        <td height="53" bgcolor="#FFFFFF"><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong><a href="conditions vente.htm"><em>Voir conditions de vente</em></a></strong></font></div></td>
      </tr>
      <tr>
        <td height="23" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      <tr> 
        <td height="298" bgcolor="#FFFFFF"> 
          <table width="566" border="0" align="center" bordercolor="#FFFFFF" bgcolor="#009999" cellspacing="0">
            <p align="center"> </p>
            <tr> 
              <td align="center" valign="middle" bgcolor="#9EBDC7" width="187" height="39"><font face="Verdana" size="2" color="#FFFFCC"><b><font color="#578FA8">Votre 
                nom ou pseudo</font></b></font></td>
              <td bgcolor="#9EBDC7" width="375" height="39"> 
                <input name="champ1" type="text">              </td>
            </tr>
            <tr> 
              <td width align="center" valign="middle" bgcolor="#9EBDC7" height="40"><font face="Verdana" size="2" color="#FFFFCC"><b><font color="#578FA8">Votre 
                E-mail</font></b></font></td>
              <td width bgcolor="#9EBDC7" height="40"> 
                <input name="zone_email" type="text">
                <font face="Verdana, Arial, Helvetica, sans-serif" size="2"> ( 
                Indispensable pour vous r&eacute;pondre )</font></td>
            </tr>
            <tr> 
              <td valign="top" align="center" bgcolor="#9EBDC7" width="187"><font face="Verdana" size="2" color="#FFFFCC"><b><font color="#578FA8">Votre 
                message</font></b></font></td>
              <td bgcolor="#9EBDC7" width="375"> 
                <textarea name="zone_texte" cols="50" rows="10"></textarea>              </td>
            </tr>
            <tr bgcolor="#9EBDC7"> 
              <td valign="top" width="187"> 
                <input name="nbre_champs_texte" type="hidden" id="nbre_champs_texte" value="1">
                <input name="nbre_zones_texte" type="hidden" value="1">
                <input name="nbre_zone_email" type="hidden" value="1">
                <input name="titre_champ1" type="hidden" value="Votre nom ou pseudo">
                <input name="titre_email" type="hidden" value="Votre E-mail">
                <input name="titre_zone" type="hidden" value="Votre message">              </td>
              <td width="375"> 
                <div align="center"> 
                  <input type="reset" name="Reset" value="Effacer">
                  <input type="submit" name="envoi" value="Envoyer">
                </div>              </td>
            </tr>
          </table>        </td>
      </tr>
      <tr> 
        <td height="2" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
      
      <tr> 
        <td height="2" bgcolor="#FFFFFF"> 
          <div align="right"><a href="Aquarelles1.htm"><img src="retour.gif" width="51" height="15" border="0"></a></div>        </td>
      </tr>
      <tr> 
        <td height="98" bgcolor="#FFFFFF">&nbsp;</td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
<p align="center">
  <div align="center"></div>
</form>

</body>
</html>
