//MON FORM
//Premiere fonction appelle le fichier Jquery.color et la bibliothèque jquery pour une animation de couleurs sur les champs
		$(function() {
			$("#contactform input,#contactform textarea").bind("click focus", function() {
				$(this).animate({ backgroundColor: "#ebe8e1",color: "#050c13" }, 300);
				});	
		});
		
//Fonction du formulaire sur les différentes id des champs au click du bouton envoyer
	
		$(function() {
				$("#envoyer").click(function(){
					valid = true

					if($("#contactname").val() == ""){
						$("#contactname").css("backgroundColor","#CC3333");
							
							valid = false;
					}

					else if($("#email").val() == ""){
						
						$("#email").css("backgroundColor","#CC3333");
							
							valid = false;
					}
					
					else if (!$("#email").val().match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/i)){
							
							valid = false;
					}
					
					else if($("#subject").val() == ""){
						$("#subject").css("backgroundColor","#CC3333");
						
							valid = false;
					}
					
					else if($("#message").val() == ""){
						$("#message").css("backgroundColor","#CC3333");
						
							valid = false;
					}
				

					
					return valid;
	
					
				});

				
				
				//Fonction du formulaire à chaque étape de remplissage du formulaire
				
			$(function() {
			
				$("#contactname").blur(function(){
				
					valid = true
				
					

				
					if($("#contactname").val() == ""){
						$("#contactname").css({ backgroundColor: "#CC3333",color:"#FFF" });
						$("#contactname").next(".error").text("Veuillez entrer votre nom!").slideDown(400);
							
							valid = false;
					}

						else{
							$("#contactname").animate({ backgroundColor: "#3d164d",color: "#FFF" }, 400);
							$("#contactname").next(".error").slideUp(400);
							
			
						}
					});
				

				
						
				$("#email").blur(function(){
						
						valid = true
					
						if($("#email").val() == ""){
							$("#email").css({ backgroundColor: "#CC3333",color:"#FFF" });
							$("#email").next(".error").text("Veuillez entrer votre e-mail!").slideDown(400);
							
									valid = false;
					}
					
							
						//Petit verification pour être sur que la structure de l'e-mail est juste afin d'afficher le message d'erreur si ce n'est pas le cas: ne pas oublier que le php verifie derriere
						else if (!$("#email").val().match(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/i)){	
							$("#email").css({ backgroundColor: "#CC3333",color:"#FFF" });
							$("#email").next(".error").text("Veuillez entrer un e-mail valide!").slideDown("slow");
								
								valid = false;
					}
					
						else{
							$("#email").animate({ backgroundColor: "#3d164d",color: "#FFF" }, 400);
							$("#email").next(".error").slideUp("slow");
						}
					
					return valid;
					

      
				});
				
				
				
				
				
				
				$("#subject").blur(function(){
						
						valid = true
					
						if($("#subject").val() == ""){
							$("#subject").css({ backgroundColor: "#CC3333",color:"#FFF" });
							$("#subject").next(".error").text("Veuillez remplir le champ sujet!").slideDown(400);
							
									valid = false;
					}
					
					
						else{
							$("#subject").animate({ backgroundColor: "#3d164d",color: "#FFF" }, 400);
							$("#subject").next(".error").slideUp("slow");
						}
					
					return valid;
				});
				
				$("#tel").blur(function(){
						
						valid = true
					
						if($("#tel").val() == ""){
							$("#tel").css({ backgroundColor: "#3d164d",color:"#FFF" });
							
									valid = false;
					}
					
					
						else{
							$("#tel").animate({ backgroundColor: "#3d164d",color: "#FFF" }, 400);
						}
					
					return valid;
				});
				
				
				
				$("#message").blur(function(){
						
						valid = true
					
						if($("#message").val() == ""){
							$("#message").css({ backgroundColor: "#CC3333",color:"#FFF" });
							$("#message").next(".error").text("Veuillez remplir le champ message!").slideDown(400);
							
									valid = false;
					}
					
					
						else{
							$("#message").animate({ backgroundColor: "#3d164d",color: "#FFF" }, 400);
							$("#message").next(".error").slideUp("slow");
						
					
					valid = false;
					
					}
				});
				
				
			});
			
		
			
			});
			
	function verif()
{
var agree=confirm("Veuillez confirmer l'envoi du message!");
if (agree)
	return true ;
else
	return false ;
}