function loadForm(form){
	
			
	String.prototype.sansAccent = function(){
	    var accent = [
	        /[\300-\306]/g, /[\340-\346]/g, // A, a
	        /[\310-\313]/g, /[\350-\353]/g, // E, e
	        /[\314-\317]/g, /[\354-\357]/g, // I, i
	        /[\322-\330]/g, /[\362-\370]/g, // O, o
	        /[\331-\334]/g, /[\371-\374]/g, // U, u
	        /[\321]/g, /[\361]/g, // N, n
	        /[\307]/g, /[\347]/g, // C, c
	    ];
	    var noaccent = ['A','a','E','e','I','i','O','o','U','u','N','n','C','c'];
	     
	    var str = this;
	    for(var i = 0; i < accent.length; i++){
	        str = str.replace(accent[i], noaccent[i]);
	    }
	     
	    return str;
	}
	
	
	String.prototype.sansCaractereSpeciaux = function(){
	    var caractereSpeciaux = [ '%', '!', '@', '+', '=',];
	    var vide = ['', '', '', '', ''];
	     
	    var str = this;
	    for(var i = 0; i < caractereSpeciaux.length; i++){
	        str = str.replace(caractereSpeciaux[i], vide[i]);
	    }
	     
	    return str;
	}
	
	
	
	if(form=="FormStart1"){
		
		function truc() {
		    alert("The form was submitted");
		};
			
		var html =  
			'   <div class="form-row">' +
			'       <label class="form-group col-md-12 for="info">Vos informations : </label>' +
			'   </div>' +
			'<div class="form-row">'+
			    '<div class="form-group col-md-6">'+
			        '<input type="text" onkeyup="this.value=this.value.toUpperCase()" maxlength="25" name="nomP" required ' +
					'       placeholder="NOM" /><input type="hidden" name="typeFormulaire" value="formStart1" />' +
			    '</div>'+
			    '<div class="form-group col-md-6">'+
			        '<input type="text" maxlength="25" name="prenomP" required placeholder="PR&Eacute;NOM" />' +
			    '</div>'+
		    '</div>'+
			'   <div class="form-row">' +
			'       <div class="form-group col-md-12">'+
			'       <input type="email" onkeyup="this.value=this.value.toLowerCase()" name="emailP" required ' +
			'       placeholder="EMAIL" />' +
			'       </div>'+
			'   </div>' +
			'   <div class="form-row">' +
			'       <div class="form-group col-md-12">'+
			'       <a style="color:white">Entrez un numéro valide car vous recevrez un code<br>de confirmation pour poursuivre</a><br>' +
			'		<input id="phone" type="tel" name="telP" required placeholder="N\u00B0 DE MOBILE">' +
			'       </div>'+
			'   </div>' +
			'   <div align="center" class="flavr-button danger">' +
			'   	<button type="submit">Envoyer</button>' + 
<!-- 			'			<input type="button" onclick="truc()" value="Submit form">' + -->
			'	</div>';
			
			

			new $.flavr({
			    title       : 'INSCRIPTION - 1/4',
			    content     : 'Merci de remplir le formulaire ci-dessous',
			    dialog      : 'form',
			    closeOverlay : false,
			    closeEsc     : false,
			    iconPath    : '/web/js/jQuery/flavr/flavr/images/icons/',
			    icon        : 'email.png',
			    form        : { content: html, method: 'post' }

			});
			
			
			
		
	}
	

	
	
	if(form=="FormVerifMobile"){
				
		var html =  
			'   <div class="form-row">' +
			'       <input type="text" maxlength="8" id="codeMobile" name="codeMobile" required ' +
			'       placeholder="CODE DE VERIFICATION" />' +
			'       <input type="hidden" name="typeFormulaire" value="formVerifMobile" />' +
			'       <input type="hidden" name="telProspect" value="" />' +
			'   </div>' +
			'   <div class="flavr-button danger">' +
			'   	<button type="submit">Envoyer</button>' + 
			'	</div>';
			
			
			new $.flavr({
			    title       : 'V\u00C9RIFICATION DE VOTRE NUM\u00C9RO',
			    content     : '',
			    dialog      : 'form',
			    closeOverlay : false,
			    closeEsc     : false,
			    iconPath    : '/web/js/jQuery/flavr/flavr/images/icons/',
			    icon        : 'password.png',
			    form        : { content: html, method: 'post' }

			});
			
	}
	
	
if(form=="FormStart2"){
		
			
		var html =  
			'   <div class="form-row">' +
			'       <label for="info">Quel nom pour votre Agence en ligne ? :</label>' +
			'       <input type="text" maxlength="25" pattern="[A-Za-z0-9 &apos; éè]{2,25}" title="Les caractères spéciaux ne sont pas acceptés" id="nomAgence" name="nomAgence" required ' +
			'       placeholder="NOM DE VOTRE AGENCE" /><input type="hidden" name="typeFormulaire" value="formStart3" />' +
			'   </div>' +
			'   <div style="margin-top:20px" class="form-row">' +
			'       <label for="info">Votre site sera accessible \u00E0 cette adresse :<br><a style="color:yellow">Vous pourrez associer un nom de domaine plus tard</a></label>' +
			'       <input type="text" maxlength="25" readonly id="ssDom0" name="ssDom0" required ' +
			'       placeholder="ADRESSE DE VOTRE AGENCE" />' +
			'		<input type="hidden" id="ssDom" name="ssDom" />' +
			'   </div>' +
			'   <div class="flavr-button danger">' +
			'   	<button type="submit">Envoyer</button>' + 
			'	</div>';
			
			
			//creates a listener for when you press a key
<!-- 			window.onkeyup = keyup; -->

			
			jQuery(function($) {
			    $("#nomAgence").on('keyup', function() {
			       
			      var inputTextValue = $("#nomAgence").val();			      
			    
				  //FORMATAGE DU NOM
				  inputTextValue = inputTextValue.replace(/ /g,"").toLowerCase();
				  inputTextValue = inputTextValue.replace("'","");
				  inputTextValue = inputTextValue.sansAccent();
				  inputTextValue = inputTextValue.sansCaractereSpeciaux();  
				  inputTextValue = inputTextValue.trim(); 
	
	
				  //listens for you to press the ENTER key, at which point your web address will change to the one you have input in the search box
				  $('#ssDom0').val("http://"+inputTextValue+".agence.ovh");
				  $('#ssDom').val(inputTextValue+".agence.ovh");
			    });
			});
			
			
			
			new $.flavr({
			    title       : 'INSCRIPTION - 2/4',
			    content     : '______________________________',
			    dialog      : 'form',
			    closeOverlay : false,
			    closeEsc     : true,
			    iconPath    : '/web/js/jQuery/flavr/flavr/images/icons/',
			    icon        : 'email.png',
			    form        : { content: html, action: 'start.do', method: 'post' }

			});
			
			
			
		
	}
	
}