Livre d'or avec Free

Bonjour,

J'ai récemment ajouter l'onglet "avis" sur mon site dans lequel j'ai introduit un formulaire avec "nom" et "message" que mes visiteurs rempliront.
Seulement lorsque je clique sur "Envoyer", j'ai un message d'erreur.

Mon site est hébergé chez Free, j'ai donc bien activé le serveur MySQL sur mon compte free qui me permet de gérer le site.

J'ai deux documents celui où j'ai le formulaire en .html et les instructions Mysql en .php les voici:

Voici le fichier .php

 <?php

  define ("HOST", "lenaphotography.sql.free.fr");
  define ("DB",   "lenaphotography");
  define ("USER", "lenaphotography");
  define ("PWD",  "montmotdepasse");

	function initDB ($host="lenaphotography", $user="lenaphotography", $pwd="monmotdepasse", $database="lenaphotography") {
		$link = mysql_connect($host, $user, $pwd);
		if (!$link)
		   die('Impossible de se connecter : ' . mysql_error());

		$db_selected = mysql_select_db($database, $link);
		if (!$db_selected)
		   die ('Impossible de sélectionner la base de données : ' . mysql_error());

		$query = "CREATE TABLE IF NOT EXISTS `livredor` (
		  `id` int(11) NOT NULL AUTO_INCREMENT,
		  `ip` varchar(20) NOT NULL default 'Not defined',
		  `dateheure` datetime NOT NULL default '0000-00-00 00:00:00',
		  `nom` varchar(100) NOT NULL default 'Anonyme',
		  `message` text NOT NULL,
		  PRIMARY KEY  (`id`)
		) ENGINE=MyISAM DEFAULT CHARSET=latin1;";

		mysql_query ($query) or die ("<error>" . mysql_error() . "</error>" );
}


 /*
 * string get_ip()
 * Retourne la vraie adresse IP du client, même si celui-ci est sous proxy
 */
 function get_ip()
 {
     if($_SERVER)
     {
         if($_SERVER['HTTP_X_FORWARDED_FOR'])
             $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
         elseif($_SERVER['HTTP_CLIENT_IP'])
             $ip = $_SERVER['HTTP_CLIENT_IP'];
         else
             $ip = $_SERVER['REMOTE_ADDR'];
     }
     else
     {
         if(getenv('HTTP_X_FORWARDED_FOR'))
             $ip = getenv('HTTP_X_FORWARDED_FOR');
         elseif(getenv('HTTP_CLIENT_IP'))
             $ip = getenv('HTTP_CLIENT_IP');
         else
             $ip = getenv( 'REMOTE_ADDR');
     }

     return $ip;
}

	header("Content-type: text/xml");
	print('<?xml version="1.0" encoding="UTF-8"?>' . "\n");
	
	echo "<results>\n";
	if (isset($_REQUEST['todo'])) {
		initDB(HOST, USER, PWD, DB);
		if ($_POST['todo'] == "addPost")
			addPost();
		if ($_GET['todo'] == "viewPosts")
			viewPosts();
	} else
		echo "<error>nothing to do</error>\n";
	echo "</results>";

	function addPost() {
    // si l'option magic_quotes_gpc est activée
    if( get_magic_quotes_gpc() == true )
    {
  		$nom = stripslashes($_POST['nom']);
  		$mail = stripslashes($_POST['mail']);
  		$message = stripslashes($_POST['message']);
    }
	
    $ip = get_ip();
		$nom = mysql_real_escape_string($nom);
		$message = mysql_real_escape_string($message);
		
    }
    echo "<error>MAIL_OK</error>\n";

		if (trim($nom) == "")
      $nom = "Non connu";
    if (trim($mail) == "")
      $mail = "Non connu";
		if (trim($message) == "") {
		  echo "<error>message must be exist.</error>\n";
    } else {
  		$query = "INSERT INTO `lenaphotography` (`ip`, `dateheure`, `nom`, `message`) " .
  				 "VALUES ('". $ip . "', NOW(), '" . $nom . "', '" . $message . "')";
  		$result = mysql_query ($query) or die ('<error>' . mysql_error() . '</error>\n');
  		printf("<result>%d ligne ajoutée</result>\n", mysql_affected_rows());
    }
    if (mysql_affected_rows() > 0)
      echo "<error>INSERTION_OK</error>\n";
    else
      echo "<error>INSERTION_KO</error>\n";
	
	function viewPosts () {
		$query = "SELECT * FROM `lenaphotography` ORDER BY `dateheure` DESC";
		$result = mysql_query ($query);
		
		while ($row = mysql_fetch_array($result)) {
      $id         = htmlentities (stripslashes($row['id']));
      $dateheure  = htmlentities (stripslashes($row['dateheure']));
      $nom        = htmlentities (stripslashes($row['nom']), ENT_QUOTES, "UTF-8");
      $message    = htmlentities (stripslashes($row['message']), ENT_QUOTES, "UTF-8");
      
      $message    = str_replace ("&", "&", $message);
      $nom        = str_replace ("&", "&", $nom);

			echo "<result>\n";
        echo "<id>" . $id . "</id>\n";
				echo "<dateheure>" . $dateheure . "</dateheure>\n";
				echo "<nom>" . $nom . "</nom>\n";
				echo "<message>" . $message . "</message>\n";
			echo "</result>\n";
		}
		echo "<totalmessages>" . mysql_num_rows($result) . "</totalmessages>\n";
	}
?>

Et voici mon fichier .html

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
	<meta name="viewport" content="width=device-width"/>

    <title>Avis | Lena Photography</title>

    <!-- Bootstrap Core CSS -->
    <link href="bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="clean-blog.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="police/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


	
	<script src="js/prototype-1.4.0.js" type="text/javascript"></script>
		<script src="js/guestbook.js" type="text/javascript"></script>
</head>

<body>

 

<!-- Empeche le clic droit  -->
<script language="JavaScript1.2"> 

function ejs_nodroit() 
{ 
alert('Vous ne pouvez pas copier cette page.'); 
return(false); 
} 

document.oncontextmenu = ejs_nodroit; 
</script>

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container-fluid">
              <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    Menu <i class="fa fa-bars"></i>
                </button>
               <a class="index-fr" href="guestbook.html" rel="nofollow noopener noreferrer" target="_blank"><img src="img/fr.png"  style="cursor:pointer;" > <a class="index-en" href="guestbook-en.html" rel="nofollow noopener noreferrer" target="_blank"> <img src="img/en.png" style="cursor: pointer;"><a class="index-tr" href="guestbook-tr.html" rel="nofollow noopener noreferrer" target="_blank"> <img src="img/tr.png" style="cursor:pointer;"></a> 
            </div>
         

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="index.html" rel="nofollow noopener noreferrer" target="_blank">Accueil</a>
                    </li>
                    <li>
                        <a href="galeries.html" rel="nofollow noopener noreferrer" target="_blank">Galerie</a>
                    </li>
                    <li>
                        <a href="about.html" rel="nofollow noopener noreferrer" target="_blank">A propos</a>
                    </li>
					<li>
                        <a href="guestbook.html" rel="nofollow noopener noreferrer" target="_blank">Avis</a>
                    </li>
                    <li>
                        <a href="contact.php" rel="nofollow noopener noreferrer" target="_blank">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Header -->
    <!-- Set your background image for this header on the line below. -->
    <header class="intro-header" style="background-image: url('img/livredor.jpg')">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                    <div class="page-heading">
                        <h1 style="font-family: Gabriola; ">Vos avis</h1>
                        <hr class="small">
						 <span class="subheading">Un avis? Laissez votre message!</span>
                        <span class="subheading"></span>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
			
		 <p>Remplissez les champs puis cliquez sur Envoyer. </p>
                <!-- Contact Form - Enter your email address on line 19 of the mail/contact_me.php file to make this form work. -->
                <!-- WARNING: Some web hosts do not allow emails to be sent through forms to common mail hosts like Gmail or Yahoo. It's recommended that you use a private domain email address! -->
                <!-- NOTE: To use the contact form, your site must be on a live web host with PHP! The form will not work locally! -->
                <form method="POST" action="http://perso0.free.fr/cgi-bin/guestbook.html" id="lenaphotography" action="guestbook.php"  onSubmit="return addPost(this)" >
					
					
					 <div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls" title="accesskey: 'n'">
                           <label for="nom">Nom :</label>
                            <input type="text" class="form-control" placeholder="Nom" name="nom" id="nom" accesskey="n" required data-validation-required-message="Entrez votre nom s'il vous plaît.">
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
					
										
					<div class="row control-group">
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <label for="mess">Message :</label>
                            <textarea rows="5" class="form-control" placeholder="Message" id="mess" name="mess" accesskey="m" required data-validation-required-message="Entrez votre message s'il vous plaît."></textarea>
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
				
					<input type="hidden" name="todo" value="addPost" />
				
                    <br>
					
					
					<div class="g-recaptcha" data-sitekey="6LeJKRcUAAAAADiJ1I7KJ6h_o4brqlKpylbfbHZa"></div>
					
                    <div id="success"></div>
                    <div class="row">
                        <div class="form-group col-xs-12" title="accesskey: 's'">
                            <button type="submit" class="btn btn-default">Envoyer</button>
                        </div>
                    </div>
					
					<center><i><p style="font-size: 18px;" > Merci pour votre message et à bientôt!  </p>
					</i></center>
                </form>
            </div>
			
			<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
			<legend><span id="compteur">0 message</span> pour le moment.</legend>
				<p id="posts"> </p>
			</div>
        </div>
    </div>
	
       
        
   
    <hr>
<center>
	
	
	<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Flenaphotography.free.fr%2F&width=150&layout=standard&action=like&size=small&show_faces=true&share=true&height=80&appId" width="250" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
    </center>
    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                   
                    <p class="copyright text-muted">Tous droit réservés<br />© 2017 Lena Photography</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/js/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/js/bootstrap.min.js"></script>


    <!-- Theme JavaScript -->
    <script src="js/js/clean-blog.min.js"></script>

</body>

</html>

Avez-vous une idée d'où peut provenir ce message d'erreur et pourquoi?
Manque t-il une étape que je n'ai pas faite? Je précise que je suis débutante donc il est possible que j'ai zappé une étape.