$(document).ready (
	

	
	function () {
		
		
		
		$('#nom').click(function () {
			
			var nom= $(this).val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var message= $('#message').val();
			var selects= $('#selects').val();
			
			
			if (nom=='Nom') {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');
				 
				 

			} else {
				$(this).css('border','1px solid #000000');
				}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		
			
			
					
		});
		
		$('#nom').blur(function () {
			
		
			var nom= $(this).val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var message= $('#message').val();
			var selects= $('#selects').val();
			
			if (nom=='' || nom=='Nom') {
				
				$(this).val('Nom').css('border','1px solid #ff0000');
		

			} else {
							
				$(this).css('border','1px solid #000000');
							
			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
						
		});
		
		
		$('#nom').focus(function () {
			var nom= $(this).val();
			
			$(this).css('border','1px solid #000000');
			
			if (nom=='Nom') {
				
				$(this).val('');
			}
			
		});
		
		
		
		
		$('#email').click(function () {
			
			var email= $(this).val();
			var nom= $('#nom').val();
			var tel= $('#tel').val();
			var message= $('#message').val();
			var selects= $('#selects').val();

			
			if (email=='E-mail') {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');

				
			} else {
				
				$(this).css('border','1px solid #000000');
				}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');
		
			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
								  
											  
			
		});
		
		
		$('#email').blur(function () {
			
			var email= $(this).val();
			var nom= $('#nom').val();
			var tel= $('#tel').val();
			var message= $('#message').val();
			var selects= $('#selects').val();
			
			if (email=='' || email=='E-mail') {
				
				$(this).val('E-mail').css('border','1px solid #ff0000');


			} else {
							
				$(this).css('border','1px solid #000000');
			
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		
			
			
		});
		
		
		
		
		$('#email').focus(function () {
			
			var email= $(this).val();
			$(this).css('border','1px solid #000000');
			
			if (email=='E-mail') {
				
				$(this).val('');

			} 
			
			
		
		});
		
		
	
		
			$('#tel').click(function () {
			
			var tel= $(this).val();
			var nom= $('#nom').val();
			var email= $('#email').val();
			var message= $('#message').val();
			var selects= $('#selects').val();

			
			if (tel=='Tél.') {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');

				
			} else {
				
				$(this).css('border','1px solid #000000');
				}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');
		
			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		});
		
		
		$('#tel').blur(function () {
			
			var tel= $(this).val();
			var nom= $('#nom').val();
			var email= $('#email').val();
			var message= $('#message').val();
			var selects= $('#selects').val();
			
			if (tel=='' || tel=='Tél.') {
				
				$(this).val('Tél.').css('border','1px solid #ff0000');


			} else {
							
				$(this).css('border','1px solid #000000');
			
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		
			
			
		});
		
		
		
		
		$('#tel').focus(function () {
			
			var tel= $(this).val();
			$(this).css('border','1px solid #000000');
			
			if (tel=='Tél.') {
				
				$(this).val('');

			} 
			
			
		
		});
		
		
		
	
		$('#message').click(function () {
		
			var message= $(this).val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var nom= $('#nom').val();
			var selects= $('#selects').val();
									  
			
			if (message=='Message') {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');
				
			} else {
							
				$(this).css('border','1px solid #000000');
			
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
									
							
		});
		
		$('#message').blur(function () {
		
			var message= $(this).val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var nom= $('#nom').val();
			var selects= $('#selects').val();
									  
			
			if (message=='' || message=='Message') {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');
				$(this).val('Message');
				
			} else {
							
				$(this).css('border','1px solid #000000');
			
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (selects==0) {
				
				$('#selects').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
									
							
		});
		
		
		$('#message').focus(function () {
			
			var message= $(this).val();
			
			$(this).css('border','1px solid #000000');
			
			if (message=='Message') {
				
				$(this).val(''); 

			} 
			
			
		
		});
		
		
		
		$('#selects').click(function () {
			
			var selects= $(this).val();
			var message= $('#message').val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var nom= $('#nom').val();
			
			$(this).css('border','1px solid #000000');
			
			if (selects==0) {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');;
				

			} else {
				
				$(this).css('border','1px solid #00000');
			
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		
		});
		
		
		$('#selects').blur(function () {
			
			var selects= $(this).val();
			var message= $('#message').val();
			var email= $('#email').val();
			var tel= $('#tel').val();
			var nom= $('#nom').val();
			
			$(this).css('border','1px solid #000000');
			
			if (selects==0) {
				
				$(this).css('border','1px solid #ff0000').css('outline','none');;
				

			} else {
				
				$(this).css('border','1px solid #00000');
			
			}
			
			if (message=='' || message=='Message') {
				
				$('#message').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			if (nom=='' || nom=='Nom') {
				
				$('#nom').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (email=='' || email=='E-mail') {
				
				$('#email').css('border','1px solid #ff0000').css('outline','none');

			}
			
			if (tel=='' || tel=='Tél.') {
				
				$('#tel').css('border','1px solid #ff0000').css('outline','none');
				
			}
			
			
		
		});
		
		
		$('#selects').change(function () {
			
			var selects= $(this).val();
			
			$(this).css('border','1px solid #000000');
			
			if (selects==0) {
				$(this).css('border','1px solid #ff0000');
				

			} 
			
			
		
		});
		
		
		
		
		
/*				
	
	$('#envoyer').click(function() {
	  $('#projet').submit();
	});
	
	
*/
	
	
	});

	
function popdown (){
	document.getElementById("popDisplay").style.display='none';
	}
	
		
	function testForm () {
		
		var msg = "";
		var formOk = 0;
		
		if (document.getElementById("selects").value==0)
			
			msg +="Veuillez saisir choisir une agence ou un service\n\r";

		 else 
			
			formOk++;
		
		if (document.getElementById("nom").value=='Nom' || document.getElementById("nom").value=='') 
			
			msg +="Veuillez saisir votre nom\n\r";
		
		 else  formOk++;
		
		
		
		if (document.getElementById("email").value=='E-mail'|| document.getElementById("email").value=='')
		
			msg +="Veuillez saisir votre e-mail\n\r";

		
		 else {
					
			var email = document.getElementById("email").value;
			var reg = new RegExp('^[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*@[a-z0-9]+([_|\.|-]{1}[a-z0-9]+)*[\.]{1}[a-z]{2,6}$', 'i');
		
			if(reg.test(email)) 
						
				formOk++;
										
			 else msg +="Veuillez saisir une adresse e-mail valide\n\r";
				
			
												
		}
		
		if(document.getElementById("tel").value!='Tél.*' || document.getElementById("tel").value!='') {
			var numero = document.getElementById("tel").value;
			var chiffres = new String(numero);
			// Enlever tous les charactères sauf les chiffres
			chiffres = chiffres.replace(/[^0-9]/g, ''); 
			compteur = chiffres.length;
				 
			if (compteur!=10) { 
				
				msg +="Assurez-vous de rentrer un numéro à 10 chiffres (xx xx xx xx xx)\n\r"; 
				
				
			} else 
			
				formOk++;
					
		}
		
		if (document.getElementById("message").value=='Message' || document.getElementById("message").value=='') 
			msg +="Veuillez saisir votre message\n\r";
			
		else  formOk++;
		
		
		if (formOk==5) {
			
			document.getElementById("form").submit();
	
					
		} else {
			
			alert (msg);
					
		}
		
	}

		
		

