Probleme formulaire de contact

Essaie avec ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
..<head>
....<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
....<title>M'envoyer un message</title>
..</head>
..<body>
....<!-- ici important : method = post + enctype   permettant un retour a la ligne des données du mail recu -->
....<form name="form1" id="form1" method="post" action="mailto:juggling@live.fr" enctype="text/plain">
......<label>Votre nom
........<input name="nom" type="text" id="nom" />
......</label>
......<p>
........<label>Votre prénom   <input name="prenom" type="text" id="prenom" />
........</label>
......</p>
......<p>
........<input type="submit" name="Submit" value="Envoyer" />
......</p>
....</form>
..</body>
</html>

Attention ! Celui qui t'envoie le message verra en clair ton adresse mail !

merci beaucoup pour ta réponse me j'ai essaye et çà des-configure la page voila la page en entier

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Contact Us - Contact Us | Christmas - Free Website Template from Templates.com </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Place your description here" />
<meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/cufon-replace.js" type="text/javascript"></script>
<script src="js/Myriad_Pro_400.font.js" type="text/javascript"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png');
</script>
<link href="style_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body id="page5">
<div class="tail-top-left"></div>
<div class="tail-top-left1"></div>
<div class="tail-top-right"></div>
<div class="tail-top">
<div id="main">
<!-- header -->
<div id="header">
<div class="extra"><img src="images/header-img.png" class="png" alt="" /></div>
<div class="row-1">
<div class="fleft"><a href="home.html"><img src="images/logo.jpg" alt="" /></a></div>
<div class="fright">
<ul>
<li><a href="home.html"><img src="images/icon1.gif" alt="" /></a></li>
<li><a href="contact-us.html"><img src="images/icon2.gif" alt="" /></a></li>
<li class="last"><a href="sitemap.html"><img src="images/icon3.gif" alt="" /></a></li>
</ul>
</div>
</div>
<div class="row-2">
<div class="nav-box">
<div class="left png">
<div class="right png">
<div class="tail png">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about-us.html">about us</a></li>
<li><a href="articles.html">articles</a></li>
<li><a href="contact-us.html">contact us</a></li>
<li class="last"><a href="sitemap.html">site map</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="wrapper">
<div class="box">
<div class="top png"></div>
<div class="tail png">
<h2>Contact Us</h2>
<p>You are supposed to place some contact infromation on this page. You may place a map here with some instructions on how to get to your office or just a contact form. Note that the contact form below is not working.</p>
<form id="contacts-form" action="">
<fieldset>
<div class="field"><label>Your Name:</label><input type="text" value=""/></div>
<div class="field"><label>Your E-mail:</label><input type="text" value=""/></div>
<div class="field"><label>Your Website:</label><input type="text" value=""/></div>
<div class="field"><label>Your Message:</label><textarea cols="1" rows="1"></textarea></div>
<div class="alignright"><a href="#" onclick="document.getElementById('contacts-form').submit()"><strong>Send Your Message!</strong></a></div>
</fieldset>
</form>
</div>
<div class="bot png"></div>
</div>
<div class="right-side">
<h2>Latest News:</h2>
<ul class="list1">
<li><a href="#">December 31, 2009</a><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p></li>
<li><a href="#">December 22, 2009</a><p>Totam rem aperiam, eaque ipsa quae ab beatae vitae dicta sunt explicabo.</p></li>
<li><a href="#">December 13, 2009</a><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.</p></li>
<li><a href="#">December 4, 2009</a><p>Dolores eos qui ratione voluptatem sequi nesciunt eque porro quisquam est, qui dolorem ipsum.</p></li>
</ul>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<div class="indent">
<div class="fleft">Designed by: <a href="https://www.templates.com/"><img alt="website templates " src="images/templates-logo.gif" title="templates.com - website templates provider" /></a>  Your <a href="http://templates.com/product/3d-models/" title="templates.com - website templates provider">3D Models</a> Marketplace</div>
<div class="fright">Copyright - Type in your name here</div>
</div>
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>