Controle formulaire avec Javascript

Bonjour,

Je souhaite effectuer un controle des champs de mon formulaire via Javascript. Qd je regarde mon cours c parfait et pour leur exemple ça marche.
Je recopie en changeant juste les noms et ça ne marche pas pr moi :-(
Voici mon code :

<html>
<head>
<title> Contact </title>
<script language="javascript">
function controleformulaire()
{
if(document.contact.nom.value == "")
{
alert("Veuillez entrer votre nom!");
document.contact.nom.focus();
return false;
}
if(document.contact.prenom.value == "")
{
alert("Veuillez entrer votre prénom!");
document.contact.prenom.focus();
return false;
}
if(document.contact.mail.value == "")
{
alert("Veuillez entrer votre mail!");
document.contact.mail.focus();
return false;
}
if(document.contact.mail.value.indexOf('@') == -1)
{
alert("Ce n'est pas une adresse électronique!");
document.contact.mail.focus();
return false;
}
if(document.contact.sujet.value == "")
{
alert("Veuillez entrer le sujet de votre message!");
document.contact.sujet.focus();
return false;
}
if(document.contact.message.value == "")
{
alert("Veuillez entrer votre message!");
document.contact.message.focus();
return false;
}
}
</script>
</head>
<body bgcolor="black">
<font face="georgia">
<table width="100%">
<tr align="center">
<td align="center">
<a href="./index.html"> <img src="./photos/banderole1.png" border="0" alt="In Tour" width="100%"> </a>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td width="14%"> </td>
<td width="72%" bgcolor="7fd13b"> <h3> Contact </h3> </td>
<td width="14%"> </td>
</tr>
<tr>
<td align="center" valign="top">
<p> <a href="./index.html"> <img src="./photos/icones/icone_accueil1.png" alt="Accueil" border="0" onmouseover="this.src='./photos/icones/icone_accueil2.png';" onmouseout="this.src='./photos/icones/icone_accueil1.png';"> </a>
</p>
<p> <a href="./destinations.html"> <img src="./photos/icones/icone_dest1.png" alt="Destinations" border="0"onmouseover="this.src='./photos/icones/icone_dest2.png';" onmouseout="this.src='./photos/icones/icone_dest1.png';"> </a>
</p>
<p> <a href="./references.html"> <img src="./photos/icones/icone_ref1.png" alt="Références" border="0"onmouseover="this.src='./photos/icones/icone_ref2.png';" onmouseout="this.src='./photos/icones/icone_ref1.png';"> </a>
</p>
<p> <a href="./contact.html"> <img src="./photos/icones/icone_contact1.png" alt="Contact" border="0"onmouseover="this.src='./photos/icones/icone_contact2.png';" onmouseout="this.src='./photos/icones/icone_contact1.png';"> </a>
</p>
</td>
<td bgcolor="7fd13b" width="44%" valign="top">
<p> Vous souhaitez des informations complèmentaires ? Merci de bien vouloir remplir ce formulaire.</p>
<form name="contact" method="post" action="enregistrement2.php" onSubmit="return controleFormulaire()">
<table>
<tr>
<td > Nom : </td>
<td> <input type="text" name="nom" size="90"> </td>
</tr>
<tr>
<td> Prénom : </td>
<td> <input type="text" name="prenom" size="90"> </td>
</tr>
<tr>
<td> Mail : </td>
<td> <input type="text" name="mail" size="90"> </td>
</tr>
<tr>
<td> Sujet : </td>
<td> <input type="text" name="sujet" size="90"> </td>
</tr>
<tr>
<td> Message : </td>
<td> <input type="textarea" name="message" cols="80" rows="90"> </td>
</tr>
<tr>
<td> <input type="submit" name="envoyer" value="Envoyer"> </td>
</tr>
</table>
</form>
<td valign="top">
</td>
</tr>
<tr>
<td width="14%"> </td>
<td width="72%" bgcolor="7fd13b" align="center"> <i> Copyright In tour 2012 </i> </td>
<td width="14%"> </td>
</tr>
</table>
</font>
</body>
</html>

Si qq un peut m'aider s'il vous plait !!!!