<script type="text/javascript">
var LiveValidation = function(element, optionsObj){
  	this.initialize(element, optionsObj);
}

LiveValidation.VERSION = '1.3 standalone';

/** element types constants ****/

LiveValidation.TEXTAREA 		= 1;
LiveValidation.TEXT 			    = 2;
LiveValidation.PASSWORD 		= 3;
LiveValidation.CHECKBOX 		= 4;
LiveValidation.SELECT = 5;
LiveValidation.FILE = 6;

/****** Static methods *******/

/**
 *	pass an array of LiveValidation objects and it will validate all of them
 *	
 *	@var validations {Array} - an array of LiveValidation objects
 *	@return {Bool} - true if all passed validation, false if any fail						
 */
LiveValidation.massValidate = function(validations){
  var returnValue = true;
	for(var i = 0, len = validations.length; i < len; ++i ){
		var valid = validations[i].validate();
		if(returnValue) returnValue = valid;
	}
	return returnValue;
}

/****** prototype ******/

LiveValidation.prototype = {

    validClass: 'LV_valid',
    invalidClass: 'LV_invalid',
    messageClass: 'LV_validation_message',
    validFieldClass: 'LV_valid_field',
    invalidFieldClass: 'LV_invalid_field',

    /**
     *	initialises all of the properties and events
     *
     * @var - Same as constructor above
     */
    initialize: function(element, optionsObj){
      var self = this;
      if(!element) throw new Error("LiveValidation::initialize - No element reference or element id has been provided!");
    	this.element = element.nodeName ? element : document.getElementById(element);
    	if(!this.element) throw new Error("LiveValidation::initialize - No element with reference or id of '" + element + "' exists!");
      // default properties that could not be initialised above
    	this.validations = [];
      this.elementType = this.getElementType();
      this.form = this.element.form;
      // options
    	var options = optionsObj || {};
    	this.validMessage = options.validMessage || 'Thankyou!';
    	var node = options.insertAfterWhatNode || this.element;
		this.insertAfterWhatNode = node.nodeType ? node : document.getElementById(node);
      this.onValid = options.onValid || function(){ this.insertMessage(this.createMessageSpan()); this.addFieldClass(); };
      this.onInvalid = options.onInvalid || function(){ this.insertMessage(this.createMessageSpan()); this.addFieldClass(); };	
    	this.onlyOnBlur =  options.onlyOnBlur || false;
    	this.wait = options.wait || 0;
      this.onlyOnSubmit = options.onlyOnSubmit || false;
      // add to form if it has been provided
      if(this.form){
        this.formObj = LiveValidationForm.getInstance(this.form);
        this.formObj.addField(this);
      }
      // events
      // collect old events
      this.oldOnFocus = this.element.onfocus || function(){};
      this.oldOnBlur = this.element.onblur || function(){};
      this.oldOnClick = this.element.onclick || function(){};
      this.oldOnChange = this.element.onchange || function(){};
      this.oldOnKeyup = this.element.onkeyup || function(){};
      this.element.onfocus = function(e){ self.doOnFocus(e); return self.oldOnFocus.call(this, e); }
      if(!this.onlyOnSubmit){
        switch(this.elementType){
          case LiveValidation.CHECKBOX:
            this.element.onclick = function(e){ self.validate(); return self.oldOnClick.call(this, e); }
          // let it run into the next to add a change event too
          case LiveValidation.SELECT:
          case LiveValidation.FILE:
            this.element.onchange = function(e){ self.validate(); return self.oldOnChange.call(this, e); }
            break;
          default:
            if(!this.onlyOnBlur) this.element.onkeyup = function(e){ self.deferValidation(); return self.oldOnKeyup.call(this, e); }
      	    this.element.onblur = function(e){ self.doOnBlur(e); return self.oldOnBlur.call(this, e); }
        }
      }
    },
	
	/**
     *	destroys the instance's events (restoring previous ones) and removes it from any LiveValidationForms
     */
    destroy: function(){
  	  if(this.formObj){
		// remove the field from the LiveValidationForm
		this.formObj.removeField(this);
		// destroy the LiveValidationForm if no LiveValidation fields left in it
		this.formObj.destroy();
	  }
      // remove events - set them back to the previous events
	  this.element.onfocus = this.oldOnFocus;
      if(!this.onlyOnSubmit){
        switch(this.elementType){
          case LiveValidation.CHECKBOX:
            this.element.onclick = this.oldOnClick;
          // let it run into the next to add a change event too
          case LiveValidation.SELECT:
          case LiveValidation.FILE:
            this.element.onchange = this.oldOnChange;
            break;
          default:
            if(!this.onlyOnBlur) this.element.onkeyup = this.oldOnKeyup;
      	    this.element.onblur = this.oldOnBlur;
        }
      }
      this.validations = [];
	  this.removeMessageAndFieldClass();
    },
    
    /**
     *	adds a validation to perform to a LiveValidation object
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validate.Presence )
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     * @return {Object} - the LiveValidation object itself so that calls can be chained
     */
    add: function(validationFunction, validationParamsObj){
      this.validations.push( {type: validationFunction, params: validationParamsObj || {} } );
      return this;
    },
    
	/**
     *	removes a validation from a LiveValidation object - must have exactly the same arguments as used to add it 
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validate.Presence )
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     * @return {Object} - the LiveValidation object itself so that calls can be chained
     */
    remove: function(validationFunction, validationParamsObj){
	  var found = false;
	  for( var i = 0, len = this.validations.length; i < len; i++ ){
	  		if( this.validations[i].type == validationFunction ){
				if (this.validations[i].params == validationParamsObj) {
					found = true;
					break;
				}
			}
	  }
      if(found) this.validations.splice(i,1);
      return this;
    },
    
	
    /**
     * makes the validation wait the alotted time from the last keystroke 
     */
    deferValidation: function(e){
      if(this.wait >= 300) this.removeMessageAndFieldClass();
    	var self = this;
      if(this.timeout) clearTimeout(self.timeout);
      this.timeout = setTimeout( function(){ self.validate() }, self.wait); 
    },
        
    /**
     * sets the focused flag to false when field loses focus 
     */
    doOnBlur: function(e){
      this.focused = false;
      this.validate(e);
    },
        
    /**
     * sets the focused flag to true when field gains focus 
     */
    doOnFocus: function(e){
      this.focused = true;
      this.removeMessageAndFieldClass();
    },
    
    /**
     *	gets the type of element, to check whether it is compatible
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validate.Presence )
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     */
    getElementType: function(){
      switch(true){
        case (this.element.nodeName.toUpperCase() == 'TEXTAREA'):
        return LiveValidation.TEXTAREA;
      case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'TEXT'):
        return LiveValidation.TEXT;
      case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'PASSWORD'):
        return LiveValidation.PASSWORD;
      case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'CHECKBOX'):
        return LiveValidation.CHECKBOX;
      case (this.element.nodeName.toUpperCase() == 'INPUT' && this.element.type.toUpperCase() == 'FILE'):
        return LiveValidation.FILE;
      case (this.element.nodeName.toUpperCase() == 'SELECT'):
        return LiveValidation.SELECT;
        case (this.element.nodeName.toUpperCase() == 'INPUT'):
        	throw new Error('LiveValidation::getElementType - Cannot use LiveValidation on an ' + this.element.type + ' input!');
        default:
        	throw new Error('LiveValidation::getElementType - Element must be an input, select, or textarea!');
      }
    },
    
    /**
     *	loops through all the validations added to the LiveValidation object and checks them one by one
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validate.Presence )
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     * @return {Boolean} - whether the all the validations passed or if one failed
     */
    doValidations: function(){
      	this.validationFailed = false;
      	for(var i = 0, len = this.validations.length; i < len; ++i){
    	 	var validation = this.validations[i];
    		switch(validation.type){
    		   	case Validate.Presence:
                case Validate.Confirmation:
                case Validate.Acceptance:
    		   		this.displayMessageWhenEmpty = true;
    		   		this.validationFailed = !this.validateElement(validation.type, validation.params); 
    				break;
    		   	default:
    		   		this.validationFailed = !this.validateElement(validation.type, validation.params);
    		   		break;
    		}
    		if(this.validationFailed) return false;	
    	}
    	this.message = this.validMessage;
    	return true;
    },
    
    /**
     *	performs validation on the element and handles any error (validation or otherwise) it throws up
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validate.Presence )
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     * @return {Boolean} - whether the validation has passed or failed
     */
    validateElement: function(validationFunction, validationParamsObj){
      	var value = (this.elementType == LiveValidation.SELECT) ? this.element.options[this.element.selectedIndex].value : this.element.value;     
        if(validationFunction == Validate.Acceptance){
    	    if(this.elementType != LiveValidation.CHECKBOX) throw new Error('LiveValidation::validateElement - Element to validate acceptance must be a checkbox!');
    		value = this.element.checked;
    	}
        var isValid = true;
      	try{    
    		validationFunction(value, validationParamsObj);
    	} catch(error) {
    	  	if(error instanceof Validate.Error){
    			if( value !== '' || (value === '' && this.displayMessageWhenEmpty) ){
    				this.validationFailed = true;
    				this.message = error.message;
    				isValid = false;
    			}
    		}else{
    		  	throw error;
    		}
    	}finally{
    	    return isValid;
        }
    },
    
    /**
     *	makes it do the all the validations and fires off the onValid or onInvalid callbacks
     *
     * @return {Boolean} - whether the all the validations passed or if one failed
     */
    validate: function(){
      if(!this.element.disabled){
		var isValid = this.doValidations();
		if(isValid){
			this.onValid();
			return true;
		}else {
			this.onInvalid();
			return false;
		}
	  }else{
      return true;
    }
    },
	
 /**
   *  enables the field
   *
   *  @return {LiveValidation} - the LiveValidation object for chaining
   */
  enable: function(){
  	this.element.disabled = false;
	return this;
  },
  
  /**
   *  disables the field and removes any message and styles associated with the field
   *
   *  @return {LiveValidation} - the LiveValidation object for chaining
   */
  disable: function(){
  	this.element.disabled = true;
	this.removeMessageAndFieldClass();
	return this;
  },
    
    /** Message insertion methods ****************************
     * 
     * These are only used in the onValid and onInvalid callback functions and so if you overide the default callbacks,
     * you must either impliment your own functions to do whatever you want, or call some of these from them if you 
     * want to keep some of the functionality
     */
    
    /**
     *	makes a span containg the passed or failed message
     *
     * @return {HTMLSpanObject} - a span element with the message in it
     */
    createMessageSpan: function(){
        var span = document.createElement('span');
    	var textNode = document.createTextNode(this.message);
      	span.appendChild(textNode);
        return span;
    },
    
    /**
     *	inserts the element containing the message in place of the element that already exists (if it does)
     *
     * @var elementToIsert {HTMLElementObject} - an element node to insert
     */
    insertMessage: function(elementToInsert){
      	this.removeMessage();
      	if( (this.displayMessageWhenEmpty && (this.elementType == LiveValidation.CHECKBOX || this.element.value == ''))
    	  || this.element.value != '' ){
            var className = this.validationFailed ? this.invalidClass : this.validClass;
    	  	elementToInsert.className += ' ' + this.messageClass + ' ' + className;
            if(this.insertAfterWhatNode.nextSibling){
    		  		this.insertAfterWhatNode.parentNode.insertBefore(elementToInsert, this.insertAfterWhatNode.nextSibling);
    		}else{
    			    this.insertAfterWhatNode.parentNode.appendChild(elementToInsert);
    	    }
    	}
    },
    
    
    /**
     *	changes the class of the field based on whether it is valid or not
     */
    addFieldClass: function(){
        this.removeFieldClass();
        if(!this.validationFailed){
            if(this.displayMessageWhenEmpty || this.element.value != ''){
                if(this.element.className.indexOf(this.validFieldClass) == -1) this.element.className += ' ' + this.validFieldClass;
            }
        }else{
            if(this.element.className.indexOf(this.invalidFieldClass) == -1) this.element.className += ' ' + this.invalidFieldClass;
        }
    },
    
    /**
     *	removes the message element if it exists, so that the new message will replace it
     */
    removeMessage: function(){
    	var nextEl;
    	var el = this.insertAfterWhatNode;
    	while(el.nextSibling){
    	    if(el.nextSibling.nodeType === 1){
    		  	nextEl = el.nextSibling;
    		  	break;
    		}
    		el = el.nextSibling;
    	}
      	if(nextEl && nextEl.className.indexOf(this.messageClass) != -1) this.insertAfterWhatNode.parentNode.removeChild(nextEl);
    },
    
    /**
     *	removes the class that has been applied to the field to indicte if valid or not
     */
    removeFieldClass: function(){
      if(this.element.className.indexOf(this.invalidFieldClass) != -1) this.element.className = this.element.className.split(this.invalidFieldClass).join('');
      if(this.element.className.indexOf(this.validFieldClass) != -1) this.element.className = this.element.className.split(this.validFieldClass).join(' ');
    },
        
    /**
     *	removes the message and the field class
     */
    removeMessageAndFieldClass: function(){
      this.removeMessage();
      this.removeFieldClass();
    }

} // end of LiveValidation class

/*************************************** LiveValidationForm class ****************************************/
/**
 * This class is used internally by LiveValidation class to associate a LiveValidation field with a form it is icontained in one
 * 
 * It will therefore not really ever be needed to be used directly by the developer, unless they want to associate a LiveValidation 
 * field with a form that it is not a child of
 */

/**
   *	handles validation of LiveValidation fields belonging to this form on its submittal
   *	
   *	@var element {HTMLFormElement} - a dom element reference to the form to turn into a LiveValidationForm
   */
var LiveValidationForm = function(element){
  this.initialize(element);
}

/**
 * namespace to hold instances
 */
LiveValidationForm.instances = {};

/**
   *	gets the instance of the LiveValidationForm if it has already been made or creates it if it doesnt exist
   *	
   *	@var element {HTMLFormElement} - a dom element reference to a form
   */
LiveValidationForm.getInstance = function(element){
  var rand = Math.random() * Math.random();
  if(!element.id) element.id = 'formId_' + rand.toString().replace(/\./, '') + new Date().valueOf();
  if(!LiveValidationForm.instances[element.id]) LiveValidationForm.instances[element.id] = new LiveValidationForm(element);
  return LiveValidationForm.instances[element.id];
}

LiveValidationForm.prototype = {
  
  /**
   *	constructor for LiveValidationForm - handles validation of LiveValidation fields belonging to this form on its submittal
   *	
   *	@var element {HTMLFormElement} - a dom element reference to the form to turn into a LiveValidationForm
   */
  initialize: function(element){
  	this.name = element.id;
    this.element = element;
    this.fields = [];
    // preserve the old onsubmit event
	this.oldOnSubmit = this.element.onsubmit || function(){};
    var self = this;
    this.element.onsubmit = function(e){
      return (LiveValidation.massValidate(self.fields)) ? self.oldOnSubmit.call(this, e || window.event) !== false : false;
    }
  },
  
  /**
   *	adds a LiveValidation field to the forms fields array
   *	
   *	@var element {LiveValidation} - a LiveValidation object
   */
  addField: function(newField){
    this.fields.push(newField);
  },
  
  /**
   *	removes a LiveValidation field from the forms fields array
   *	
   *	@var victim {LiveValidation} - a LiveValidation object
   */
  removeField: function(victim){
  	var victimless = [];
  	for( var i = 0, len = this.fields.length; i < len; i++){
		if(this.fields[i] !== victim) victimless.push(this.fields[i]);
	}
    this.fields = victimless;
  },
  
  /**
   *	destroy this instance and its events
   *
   * @var force {Boolean} - whether to force the detruction even if there are fields still associated
   */
  destroy: function(force){
  	// only destroy if has no fields and not being forced
  	if (this.fields.length != 0 && !force) return false;
	// remove events - set back to previous events
	this.element.onsubmit = this.oldOnSubmit;
	// remove from the instances namespace
	LiveValidationForm.instances[this.name] = null;
	return true;
  }
   
}// end of LiveValidationForm prototype

/*************************************** Validate class ****************************************/
/**
 * This class contains all the methods needed for doing the actual validation itself
 *
 * All methods are static so that they can be used outside the context of a form field
 * as they could be useful for validating stuff anywhere you want really
 *
 * All of them will return true if the validation is successful, but will raise a ValidationError if
 * they fail, so that this can be caught and the message explaining the error can be accessed ( as just 
 * returning false would leave you a bit in the dark as to why it failed )
 *
 * Can use validation methods alone and wrap in a try..catch statement yourself if you want to access the failure
 * message and handle the error, or use the Validate::now method if you just want true or false
 */

var Validate = {

    /**
     *	validates that the field has been filled in
     *
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation 
     *													  (DEFAULT: "Can't be empty!")
     */
    Presence: function(value, paramsObj){
      	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Ne peut etre vide!";
    	if(value === '' || value === null || value === undefined){ 
    	  	Validate.fail(message);
    	}
    	return true;
    },
    
    /**
     *	validates that the value is numeric, does not fall within a given range of numbers
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							notANumberMessage {String} - the message to show when the validation fails when value is not a number
     *													  	  (DEFAULT: "Must be a number!")
     *							notAnIntegerMessage {String} - the message to show when the validation fails when value is not an integer
     *													  	  (DEFAULT: "Must be a number!")
     *							wrongNumberMessage {String} - the message to show when the validation fails when is param is used
     *													  	  (DEFAULT: "Must be {is}!")
     *							tooLowMessage {String} 		- the message to show when the validation fails when minimum param is used
     *													  	  (DEFAULT: "Must not be less than {minimum}!")
     *							tooHighMessage {String} 	- the message to show when the validation fails when maximum param is used
     *													  	  (DEFAULT: "Must not be more than {maximum}!")
     *							is {Int} 					- the length must be this long 
     *							minimum {Int} 				- the minimum length allowed
     *							maximum {Int} 				- the maximum length allowed
     *                         onlyInteger {Boolean} - if true will only allow integers to be valid
     *                                                             (DEFAULT: false)
     *
     *  NB. can be checked if it is within a range by specifying both a minimum and a maximum
     *  NB. will evaluate numbers represented in scientific form (ie 2e10) correctly as numbers				
     */
    Numericality: function(value, paramsObj){
        var suppliedValue = value;
        var value = Number(value);
    	var paramsObj = paramsObj || {};
        var minimum = ((paramsObj.minimum) || (paramsObj.minimum == 0)) ? paramsObj.minimum : null;;
        var maximum = ((paramsObj.maximum) || (paramsObj.maximum == 0)) ? paramsObj.maximum : null;
    	var is = ((paramsObj.is) || (paramsObj.is == 0)) ? paramsObj.is : null;
        var notANumberMessage = paramsObj.notANumberMessage || "Must be a number!";
        var notAnIntegerMessage = paramsObj.notAnIntegerMessage || "Must be an integer!";
    	var wrongNumberMessage = paramsObj.wrongNumberMessage || "Must be " + is + "!";
    	var tooLowMessage = paramsObj.tooLowMessage || "Ne doit pas être inférieure à " + minimum + "!";
    	var tooHighMessage = paramsObj.tooHighMessage || "Ne doit pas être plus de " + maximum + "!";
        if (!isFinite(value)) Validate.fail(notANumberMessage);
        if (paramsObj.onlyInteger && (/\.0+$|\.$/.test(String(suppliedValue))  || value != parseInt(value)) ) Validate.fail(notAnIntegerMessage);
    	switch(true){
    	  	case (is !== null):
    	  		if( value != Number(is) ) Validate.fail(wrongNumberMessage);
    			break;
    	  	case (minimum !== null && maximum !== null):
    	  		Validate.Numericality(value, {tooLowMessage: tooLowMessage, minimum: minimum});
    	  		Validate.Numericality(value, {tooHighMessage: tooHighMessage, maximum: maximum});
    	  		break;
    	  	case (minimum !== null):
    	  		if( value < Number(minimum) ) Validate.fail(tooLowMessage);
    			break;
    	  	case (maximum !== null):
    	  		if( value > Number(maximum) ) Validate.fail(tooHighMessage);
    			break;
    	}
    	return true;
    },
    
    /**
     *	validates against a RegExp pattern
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Not valid!")
     *							pattern {RegExp} 		- the regular expression pattern
     *													  (DEFAULT: /./)
     *             negate {Boolean} - if set to true, will validate true if the pattern is not matched
   *                           (DEFAULT: false)
     *
     *  NB. will return true for an empty string, to allow for non-required, empty fields to validate.
     *		If you do not want this to be the case then you must either add a LiveValidation.PRESENCE validation
     *		or build it into the regular expression pattern
     */
    Format: function(value, paramsObj){
      var value = String(value);
    	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Not valid!";
      var pattern = paramsObj.pattern || /./;
      var negate = paramsObj.negate || false;
      if(!negate && !pattern.test(value)) Validate.fail(message); // normal
      if(negate && pattern.test(value)) Validate.fail(message); // negated
    	return true;
    },
    
    /**
     *	validates that the field contains a valid email address
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Must be a number!" or "Must be an integer!")
     */
    Email: function(value, paramsObj){
    	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Must be a valid email address!";
    	Validate.Format(value, { failureMessage: message, pattern: /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i } );
    	return true;
    },
    
    /**
     *	validates the length of the value
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							wrongLengthMessage {String} - the message to show when the fails when is param is used
     *													  	  (DEFAULT: "Must be {is} characters long!")
     *							tooShortMessage {String} 	- the message to show when the fails when minimum param is used
     *													  	  (DEFAULT: "Must not be less than {minimum} characters long!")
     *							tooLongMessage {String} 	- the message to show when the fails when maximum param is used
     *													  	  (DEFAULT: "Must not be more than {maximum} characters long!")
     *							is {Int} 					- the length must be this long 
     *							minimum {Int} 				- the minimum length allowed
     *							maximum {Int} 				- the maximum length allowed
     *
     *  NB. can be checked if it is within a range by specifying both a minimum and a maximum				
     */
    Length: function(value, paramsObj){
    	var value = String(value);
    	var paramsObj = paramsObj || {};
        var minimum = ((paramsObj.minimum) || (paramsObj.minimum == 0)) ? paramsObj.minimum : null;
    	var maximum = ((paramsObj.maximum) || (paramsObj.maximum == 0)) ? paramsObj.maximum : null;
    	var is = ((paramsObj.is) || (paramsObj.is == 0)) ? paramsObj.is : null;
        var wrongLengthMessage = paramsObj.wrongLengthMessage || "Must be " + is + " characters long!";
    	var tooShortMessage = paramsObj.tooShortMessage || "Ne doit pas etre inferieure a " + minimum + " caracteres!";
    	var tooLongMessage = paramsObj.tooLongMessage || "Ne doit pas etre plus de " + maximum + " caracteres!";
    	switch(true){
    	  	case (is !== null):
    	  		if( value.length != Number(is) ) Validate.fail(wrongLengthMessage);
    			break;
    	  	case (minimum !== null && maximum !== null):
    	  		Validate.Length(value, {tooShortMessage: tooShortMessage, minimum: minimum});
    	  		Validate.Length(value, {tooLongMessage: tooLongMessage, maximum: maximum});
    	  		break;
    	  	case (minimum !== null):
    	  		if( value.length < Number(minimum) ) Validate.fail(tooShortMessage);
    			break;
    	  	case (maximum !== null):
    	  		if( value.length > Number(maximum) ) Validate.fail(tooLongMessage);
    			break;
    		default:
    			throw new Error("Validate::Length - Length(s) to validate against must be provided!");
    	}
    	return true;
    },
    
    /**
     *	validates that the value falls within a given set of values
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Must be included in the list!")
     *							within {Array} 			- an array of values that the value should fall in 
     *													  (DEFAULT: [])	
     *							allowNull {Bool} 		- if true, and a null value is passed in, validates as true
     *													  (DEFAULT: false)
     *             partialMatch {Bool} 	- if true, will not only validate against the whole value to check but also if it is a substring of the value 
     *													  (DEFAULT: false)
     *             caseSensitive {Bool} - if false will compare strings case insensitively
     *                          (DEFAULT: true)
     *             negate {Bool} 		- if true, will validate that the value is not within the given set of values
     *													  (DEFAULT: false)			
     */
    Inclusion: function(value, paramsObj){
    	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Must be included in the list!";
      var caseSensitive = (paramsObj.caseSensitive === false) ? false : true;
    	if(paramsObj.allowNull && value == null) return true;
      if(!paramsObj.allowNull && value == null) Validate.fail(message);
    	var within = paramsObj.within || [];
      //if case insensitive, make all strings in the array lowercase, and the value too
      if(!caseSensitive){ 
        var lowerWithin = [];
        for(var j = 0, length = within.length; j < length; ++j){
        	var item = within[j];
          if(typeof item == 'string') item = item.toLowerCase();
          lowerWithin.push(item);
        }
        within = lowerWithin;
        if(typeof value == 'string') value = value.toLowerCase();
      }
    	var found = false;
    	for(var i = 0, length = within.length; i < length; ++i){
    	  if(within[i] == value) found = true;
        if(paramsObj.partialMatch){ 
          if(value.indexOf(within[i]) != -1) found = true;
        }
    	}
    	if( (!paramsObj.negate && !found) || (paramsObj.negate && found) ) Validate.fail(message);
    	return true;
    },
    
    /**
     *	validates that the value does not fall within a given set of values
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Must not be included in the list!")
     *							within {Array} 			- an array of values that the value should not fall in 
     *													  (DEFAULT: [])
     *							allowNull {Bool} 		- if true, and a null value is passed in, validates as true
     *													  (DEFAULT: false)
     *             partialMatch {Bool} 	- if true, will not only validate against the whole value to check but also if it is a substring of the value 
     *													  (DEFAULT: false)
     *             caseSensitive {Bool} - if false will compare strings case insensitively
     *                          (DEFAULT: true)			
     */
    Exclusion: function(value, paramsObj){
      var paramsObj = paramsObj || {};
    	paramsObj.failureMessage = paramsObj.failureMessage || "Must not be included in the list!";
      paramsObj.negate = true;
    	Validate.Inclusion(value, paramsObj);
      return true;
    },
    
    /**
     *	validates that the value matches that in another field
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Does not match!")
     *							match {String} 			- id of the field that this one should match						
     */
    Confirmation: function(value, paramsObj){
      	if(!paramsObj.match) throw new Error("Validate::Confirmation - Error validating confirmation: Id of element to match must be provided!");
    	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Does not match!";
    	var match = paramsObj.match.nodeName ? paramsObj.match : document.getElementById(paramsObj.match);
    	if(!match) throw new Error("Validate::Confirmation - There is no reference with name of, or element with id of '" + paramsObj.match + "'!");
    	if(value != match.value){ 
    	  	Validate.fail(message);
    	}
    	return true;
    },
    
    /**
     *	validates that the value is true (for use primarily in detemining if a checkbox has been checked)
     *	
     *	@var value {mixed} - value to be checked if true or not (usually a boolean from the checked value of a checkbox)
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation 
     *													  (DEFAULT: "Must be accepted!")
     */
    Acceptance: function(value, paramsObj){
      	var paramsObj = paramsObj || {};
    	var message = paramsObj.failureMessage || "Must be accepted!";
    	if(!value){ 
    	  	Validate.fail(message);
    	}
    	return true;
    },
    
	 /**
     *	validates against a custom function that returns true or false (or throws a Validate.Error) when passed the value
     *	
     *	@var value {mixed} - value to be checked
     *	@var paramsObj {Object} - parameters for this particular validation, see below for details
     *
     *	paramsObj properties:
     *							failureMessage {String} - the message to show when the field fails validation
     *													  (DEFAULT: "Not valid!")
     *							against {Function} 			- a function that will take the value and object of arguments and return true or false 
     *													  (DEFAULT: function(){ return true; })
     *							args {Object} 		- an object of named arguments that will be passed to the custom function so are accessible through this object within it 
     *													  (DEFAULT: {})
     */
	Custom: function(value, paramsObj){
		var paramsObj = paramsObj || {};
		var against = paramsObj.against || function(){ return true; };
		var args = paramsObj.args || {};
		var message = paramsObj.failureMessage || "Not valid!";
	    if(!against(value, args)) Validate.fail(message);
	    return true;
	  },
	
    /**
     *	validates whatever it is you pass in, and handles the validation error for you so it gives a nice true or false reply
     *
     *	@var validationFunction {Function} - validation function to be used (ie Validation.validatePresence )
     *	@var value {mixed} - value to be checked if true or not (usually a boolean from the checked value of a checkbox)
     *	@var validationParamsObj {Object} - parameters for doing the validation, if wanted or necessary
     */
    now: function(validationFunction, value, validationParamsObj){
      	if(!validationFunction) throw new Error("Validate::now - Validation function must be provided!");
    	var isValid = true;
        try{    
    		validationFunction(value, validationParamsObj || {});
    	} catch(error) {
    		if(error instanceof Validate.Error){
    			isValid =  false;
    		}else{
    		 	throw error;
    		}
    	}finally{ 
            return isValid 
        }
    },
    
    /**
     * shortcut for failing throwing a validation error
     *
     *	@var errorMessage {String} - message to display
     */
    fail: function(errorMessage){
            throw new Validate.Error(errorMessage);
    },
    
    Error: function(errorMessage){
    	this.message = errorMessage;
    	this.name = 'ValidationError';
    }

}
</script> 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<!--[if lte IE 8 ]><html lang="en" class="ie ie8"><![endif]-->
<!--[if IE 9 ]><html lang="en" class="ie"><![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->

<title>Soumettre un site - Super truc Super truc</title> 

<!-- This site is optimized with the Yoast SEO plugin v11.5 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="http://www.supertruc.fr/soumettre-un-site" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Soumettre un site - Super truc" />
<meta property="og:url" content="http://www.supertruc.fr/soumettre-un-site" />
<meta property="og:site_name" content="Super truc" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Soumettre un site - Super truc" />
<script type='application/ld+json' class='yoast-schema-graph yoast-schema-graph--main'>{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"http://www.supertruc.fr/#organization","name":"","url":"http://www.supertruc.fr/","sameAs":[]},{"@type":"WebSite","@id":"http://www.supertruc.fr/#website","url":"http://www.supertruc.fr/","name":"Super truc","publisher":{"@id":"http://www.supertruc.fr/#organization"},"potentialAction":{"@type":"SearchAction","target":"http://www.supertruc.fr/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"http://www.supertruc.fr/soumettre-un-site#webpage","url":"http://www.supertruc.fr/soumettre-un-site","inLanguage":"fr-FR","name":"Soumettre un site - Super truc","isPartOf":{"@id":"http://www.supertruc.fr/#website"},"datePublished":"2015-08-03T16:12:34+00:00","dateModified":"2015-08-03T16:12:34+00:00"}]}</script>
<!-- / Yoast SEO plugin. -->

<meta name="viewport" content="width=device-width, initial-scale=1" /><link rel='dns-prefetch' href='//maps.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<!-- This site uses the Google Analytics by MonsterInsights plugin v7.6.0 - Using Analytics tracking - https://www.monsterinsights.com/ -->
<script type="text/javascript" data-cfasync="false">
	var mi_version         = '7.6.0';
	var mi_track_user      = true;
	var mi_no_track_reason = '';
	
	var disableStr = 'ga-disable-UA-101897881-1';

	/* Function to detect opted out users */
	function __gaTrackerIsOptedOut() {
		return document.cookie.indexOf(disableStr + '=true') > -1;
	}

	/* Disable tracking if the opt-out cookie exists. */
	if ( __gaTrackerIsOptedOut() ) {
		window[disableStr] = true;
	}

	/* Opt-out function */
	function __gaTrackerOptout() {
	  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
	  window[disableStr] = true;
	}
	
	if ( mi_track_user ) {
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');

		__gaTracker('create', 'UA-101897881-1', 'auto');
		__gaTracker('set', 'forceSSL', true);
		__gaTracker('require', 'displayfeatures');
		__gaTracker('send','pageview');
	} else {
		console.log( "" );
		(function() {
			/* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */
			var noopfn = function() {
				return null;
			};
			var noopnullfn = function() {
				return null;
			};
			var Tracker = function() {
				return null;
			};
			var p = Tracker.prototype;
			p.get = noopfn;
			p.set = noopfn;
			p.send = noopfn;
			var __gaTracker = function() {
				var len = arguments.length;
				if ( len === 0 ) {
					return;
				}
				var f = arguments[len-1];
				if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) {
					console.log( 'Fonction actuellement pas en cours d’exécution __gaTracker(' + arguments[0] + " ....) parce que vous n’êtes pas suivi·e. " + mi_no_track_reason );
					return;
				}
				try {
					f.hitCallback();
				} catch (ex) {

				}
			};
			__gaTracker.create = function() {
				return new Tracker();
			};
			__gaTracker.getByName = noopnullfn;
			__gaTracker.getAll = function() {
				return [];
			};
			__gaTracker.remove = noopfn;
			window['__gaTracker'] = __gaTracker;
					})();
		}
</script>
<!-- / Google Analytics by MonsterInsights -->
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.supertruc.fr\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.1.1"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
	<link rel='stylesheet' id='wp-block-library-group-css' href='http://www.supertruc.fr/wp-content/plugins/bwp-minify/min/?f=wp-includes/css/dist/block-library/style.min.css,wp-content/plugins/cookie-notice/css/front.min.css,wp-content/themes/BT/framework/css/css.bootstrap.css,wp-content/themes/BT/framework/css/css.core.css,wp-content/themes/BT/templates/template_business_theme/style_childtheme.css,wp-content/themes/template_Supertruc/style.css' type='text/css' media='all' />
<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?sensor=false&#038;language=fr&#038;region=fr&#038;v=3.exp&#038;libraries=places&#038;ver=5.1.1'></script>
<script type='text/javascript' src='http://www.supertruc.fr/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://www.supertruc.fr/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,exe,js,pdf,ppt,tgz,zip,xls","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"http:\/\/www.supertruc.fr","hash_tracking":"false"};
/* ]]> */
</script>
<script type='text/javascript'>
/* <![CDATA[ */
var cnArgs = {"ajaxurl":"http:\/\/www.supertruc.fr\/wp-admin\/admin-ajax.php","hideEffect":"fade","onScroll":"","onScrollOffset":"100","cookieName":"cookie_notice_accepted","cookieValue":"true","cookieTime":"2592000","cookiePath":"\/","cookieDomain":"","redirection":"","cache":"","refuse":"no","revoke_cookies":"0","revoke_cookies_opt":"automatic","secure":"0"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.supertruc.fr/wp-content/plugins/bwp-minify/min/?f=wp-content/themes/BT/framework/js/bootstrap-datetimepicker.js,wp-content/themes/BT/framework/player/mediaelement-and-player.min.js,wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend.min.js,wp-content/plugins/cookie-notice/js/front.min.js'></script>
<link rel='https://api.w.org/' href='http://www.supertruc.fr/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.supertruc.fr/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.supertruc.fr/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.1.1" />
<link rel='shortlink' href='http://www.supertruc.fr/?p=1952' />
<link rel="alternate" type="application/json+oembed" href="http://www.supertruc.fr/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.supertruc.fr%2Fsoumettre-un-site" />
<link rel="alternate" type="text/xml+oembed" href="http://www.supertruc.fr/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.supertruc.fr%2Fsoumettre-un-site&#038;format=xml" />
		<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
		<!-- All in one Favicon 4.7 --><link rel="shortcut icon" href="http://www.supertruc.fr/wp-content/uploads/2017/01/s-8.png" />
<link rel="icon" href="http://www.supertruc.fr/wp-content/uploads/2017/01/s-9.png" type="image/gif"/>
<link rel="icon" href="http://www.supertruc.fr/wp-content/uploads/2017/01/s-10.png" type="image/png"/>
<link rel="apple-touch-icon" href="http://www.supertruc.fr/wp-content/uploads/2017/01/s-11.png" />
<style type="text/css" media="screen">body{position:relative}#dynamic-to-top{display:none;overflow:hidden;width:auto;z-index:90;position:fixed;bottom:20px;right:20px;top:auto;left:auto;font-family:sans-serif;font-size:1em;color:#fff;text-decoration:none;padding:17px 16px;border:1px solid #000;background:#272727;-webkit-background-origin:border;-moz-background-origin:border;-icab-background-origin:border;-khtml-background-origin:border;-o-background-origin:border;background-origin:border;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;-icab-background-clip:padding-box;-khtml-background-clip:padding-box;-o-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-ms-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-moz-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-o-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-khtml-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-icab-box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );box-shadow:0 1px 3px rgba( 0, 0, 0, 0.4 ), inset 0 0 0 1px rgba( 0, 0, 0, 0.2 ), inset 0 1px 0 rgba( 255, 255, 255, .4 ), inset 0 10px 10px rgba( 255, 255, 255, .1 );-webkit-border-radius:30px;-moz-border-radius:30px;-icab-border-radius:30px;-khtml-border-radius:30px;border-radius:30px}#dynamic-to-top:hover{background:#4e9c9c;background:#272727 -webkit-gradient( linear, 0% 0%, 0% 100%, from( rgba( 255, 255, 255, .2 ) ), to( rgba( 0, 0, 0, 0 ) ) );background:#272727 -webkit-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 -khtml-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 -moz-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 -o-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 -ms-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 -icab-linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );background:#272727 linear-gradient( top, rgba( 255, 255, 255, .2 ), rgba( 0, 0, 0, 0 ) );cursor:pointer}#dynamic-to-top:active{background:#272727;background:#272727 -webkit-gradient( linear, 0% 0%, 0% 100%, from( rgba( 0, 0, 0, .3 ) ), to( rgba( 0, 0, 0, 0 ) ) );background:#272727 -webkit-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 -moz-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 -khtml-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 -o-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 -ms-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 -icab-linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) );background:#272727 linear-gradient( top, rgba( 0, 0, 0, .1 ), rgba( 0, 0, 0, 0 ) )}#dynamic-to-top,#dynamic-to-top:active,#dynamic-to-top:focus,#dynamic-to-top:hover{outline:none}#dynamic-to-top span{display:block;overflow:hidden;width:14px;height:12px;background:url( http://www.supertruc.fr/wp-content/plugins/dynamic-to-top/css/images/up.png )no-repeat center center}</style><style type="text/css">.broken_link, a.broken_link {
	text-decoration: line-through;
}</style> 
<!--[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]-->
</head>
 
<body class="page-template page-template-tpl-add page-template-tpl-add-php page page-id-1952 cookies-not-set wlt_business_theme" itemscope itemtype="http://schema.org/WebPage">
 
<div class="page-wrapper " id="listing_styles">
 
  
     
<div class="header_wrapper">

    <header id="header">
    
        <div class="overlay"> 
    
        <div id="core_header_navigation" class="hidden-xs">
	<div class="container-fluid">
			
	<div class="row"> 	<ul class="nav nav-pills pull-right accountdetails"><li><a href="http://www.supertruc.fr/wp-login.php" class="ua5 ">Connexion</a></li><li><a href="http://www.supertruc.fr/wp-login.php?action=register" class="ua6 ">S'inscrire</a></li></ul><div class="navbar-inner"><ul class='nav nav-pills'><li class="MyLocationLi"> 
			
			<a href="javascript:void(0);" onclick="GMApMyLocation();" data-toggle="modal" data-target="#MyLocationModal"><div class="flag flag-fr wlt_locationflag"></div> Changer l'emplacement</a> </li></ul></div>
	
	</div>
	
	</div></div><div id="core_header"><div class="container-fluid header_style3">
<div class="row"><div class="col-md-12" id="core_logo"><a href="http://www.supertruc.fr/" title="Super truc"><img src='http://www.supertruc.fr/wp-content/uploads/2015/06/bg_header.png' alt='logo' class='img-responsive' /></a></div></div></div>    
            
        </div>
    
    </header>

	 
</div> 

<div id="core_padding">

	<div class="container-fluid core_section_top_container">
    
     

		<div class="row core_section_top_row">
 

<!-- FRAMRWORK // BREADCRUMBS --> 
	 
	<div id="core_main_breadcrumbs_wrapper" class="clearfix"><div class="col-md-12"><div class="breadcrumb_wrapper_inner clearfix">	
	 
	<div class="breadcrumb" id="core_main_breadcrumbs_left">  
	        
            <i class="icon-home"></i> 
    </div>	
	 
	
	<div class="pull-right btn-group btn-breadcrumb" id="core_main_breadcrumbs_right"></div></div></div></div>


	 
 		
	
		        
    <div id="core_inner_wrap">   
 
	<article class="col-md-12" id="core_middle_column"><div class="core_middle_wrap"><div id="core_ajax_callback"></div>	
	 
       
	
 
<!-- memberships form -->
<form method="post" name="MEMBERSHIPFORM" action="http://www.supertruc.fr/soumettre-un-site" id="MEMBERSHIPFORM" style="margin:0px;padding:0px;">
<input type="hidden" name="membershipID" id="membershipID" value="-1" />
</form>
 
<!-- packages form -->
<form method="post" name="PACKAGESFORM" action="http://www.supertruc.fr/soumettre-un-site" id="PACKAGESFORM">
<input type="hidden" name="packageID" id="packageID" value="-1" />
<div class="panel panel-default" id="PACKAGEBLOCK">
<div class="panel-heading">Lister les paquetages</div>
<div class="panel-body"> 

<i class="fa fa-magic mainicon hidden-xs"></i>
<h2>Formules</h2>
<p>Choisissez</p> 
<p>Les conditions d'acceptation de superTruc :</p>
<p>- le site doit être en langue française<br />
- page principale du site uniquement<br />
- rédiger une description unique ne figurant sur aucun autre site web<br />
- sites interdits : rencontres, contraires aux bonnes mœurs, articles fumeurs, boissons alcoolisées</p>
<p>En plus de l'insertion dans le guide, les fiches sont partagées sur les réseaux Facebook, Twitter, google+</p>

	<div class="clearfix"></div> 
          
		  <hr />
          <div class="packagesblock row">
           <div class="col-md-3 col-sm-6">
          <div class="panel panel-default text-center">
            <div class="panel-heading">
              <h5>SUPERTRUC PACK RAPIDE + Top catégorie </h5>
			  </div>
			
            <div class="panel-body">
			<span class="panel-title price">6€</span><span class="days"></span></div><p>2000 caractères minimum</p> <ul class="list-group"><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-remove"></i></span>
						<span class="col-md-10">A la une sur la page d'accueil</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-remove"></i></span>
						<span class="col-md-10">Annonce en surbrillance</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">HTML Liste</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Compteur de visiteurs</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">En haut de la Catégorie</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-remove"></i></span>
						<span class="col-md-10">Google Map</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						Compte Google+
						</li><li class="list-group-item row-odd">
						Compte Twitter
						</li><li class="list-group-item row-even">
						Compte Facebook
						</li><li class="list-group-item panel-footer"> <a class="btn btn-lg btn-primary" href="javascript:void(0);" onclick="document.getElementById('packageID').value='1';document.PACKAGESFORM.submit();">Ajoutez votre site</a><div class="clearfix"></div><div class="moreinfo"><a href="#myModal20" role="button"  data-toggle="modal">Plus d'infos</a></div> </li>
			
            </ul> 
          </div>          
        </div><!----------------------- PACKAGE DESCRIPTION ------------------------->
		<div id="myModal20" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog"><div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
			<h4 class="modal-title">SUPERTRUC PACK RAPIDE + Top catégorie</h4>
		  </div>
		  <div class="modal-body">
			<p>Affichage en tête de la catégorie sélectionnée
<b>Rédigé un texte d'au moins 1500 caractères unique pour l'annuaire Supertruc</b>, conditions non respectées signifie suppression sans préavis.
Vous acceptez les conditions lorsque vous cochez "J'accepte les conditions".

Validation automatique

Un lien autorisé dans la description</p>			
		  </div>
		  
		</div>
		</div></div> 		
		<!----------------------- end PACKAGE DESCRIPTION ------------------------->  <div class="col-md-3 col-sm-6">
          <div class="panel panel-default text-center">
            <div class="panel-heading">
              <h5>SUPERTRUC PACK RAPIDE + top catégorie + Google Map </h5>
			  </div>
			
            <div class="panel-body">
			<span class="panel-title price">8€</span><span class="days"></span></div><p>2000 caractères minimum</p> <ul class="list-group"><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-remove"></i></span>
						<span class="col-md-10">A la une sur la page d'accueil</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Annonce en surbrillance</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">HTML Liste</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Compteur de visiteurs</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">En haut de la Catégorie</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Google Map</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						Compte Google+
						</li><li class="list-group-item row-odd">
						Compte Twitter
						</li><li class="list-group-item row-even">
						Compte Facebook
						</li><li class="list-group-item panel-footer"> <a class="btn btn-lg btn-primary" href="javascript:void(0);" onclick="document.getElementById('packageID').value='2';document.PACKAGESFORM.submit();">Ajoutez votre site</a><div class="clearfix"></div><div class="moreinfo"><a href="#myModal21" role="button"  data-toggle="modal">Plus d'infos</a></div> </li>
			
            </ul> 
          </div>          
        </div><!----------------------- PACKAGE DESCRIPTION ------------------------->
		<div id="myModal21" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog"><div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
			<h4 class="modal-title">SUPERTRUC PACK RAPIDE + top catégorie + Google Map</h4>
		  </div>
		  <div class="modal-body">
			<p>Affichage en tête de la catégorie sélectionnée
1500 caractères minimum, sites non autorisés : rencontre ainsi que non adaptés à un large public
Validation rapide, délai maximum de 24h
Un lien autorisé dans la description</p>			
		  </div>
		  
		</div>
		</div></div> 		
		<!----------------------- end PACKAGE DESCRIPTION ------------------------->  <div class="col-md-3 col-sm-6">
          <div class="panel panel-default text-center">
            <div class="panel-heading">
              <h5>SUPERTRUC PACK RAPIDE + TOP CATÉGORIE + GOOGLE MAP + ANNONCE EN SURBRILLANCE </h5>
			  </div>
			
            <div class="panel-body">
			<span class="panel-title price">12€</span><span class="days"></span></div><p>2000 caractères minimum</p> <ul class="list-group"><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">A la une sur la page d'accueil</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Annonce en surbrillance</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">HTML Liste</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Compteur de visiteurs</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-odd">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">En haut de la Catégorie</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						<span class="col-md-2"><i class="glyphicon glyphicon-ok"></i></span>
						<span class="col-md-10">Google Map</span>
						<div class="clearfix"></div>
						</li><li class="list-group-item row-even">
						Compte Google+
						</li><li class="list-group-item row-odd">
						Compte Twitter
						</li><li class="list-group-item row-even">
						Compte Facebook
						</li><li class="list-group-item panel-footer"> <a class="btn btn-lg btn-primary" href="javascript:void(0);" onclick="document.getElementById('packageID').value='3';document.PACKAGESFORM.submit();">Ajoutez votre site</a><div class="clearfix"></div><div class="moreinfo"><a href="#myModal22" role="button"  data-toggle="modal">Plus d'infos</a></div> </li>
			
            </ul> 
          </div>          
        </div><!----------------------- PACKAGE DESCRIPTION ------------------------->
		<div id="myModal22" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog"><div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
			<h4 class="modal-title">SUPERTRUC PACK RAPIDE + TOP CATÉGORIE + GOOGLE MAP + ANNONCE EN SURBRILLANCE</h4>
		  </div>
		  <div class="modal-body">
			<p>Affichage en tête de la catégorie sélectionnée 
Annonce mise en surbrillance
1500 caractères minimum, sites non autorisés : rencontre ainsi que non adaptés à un large public
Validation rapide, délai maximum de 24h
Deux liens autorisés dans la description</p>			
		  </div>
		  
		</div>
		</div></div> 		
		<!----------------------- end PACKAGE DESCRIPTION -------------------------> 
          </div>  
      <div class="clearfix"></div><hr /><p class="text-center"><i class="fa fa-history"></i> &nbsp;Merci</p></div></div><!-- // END PACKAGELBOCK --> </form><!-- end packages form --><br />  





 
 
 
 
 
 
 
 
 
<script type="application/javascript">

function colAll(){
jQuery('#step1').removeClass("in");
jQuery('#step2').removeClass("in");
jQuery('#step3').removeClass("in");
jQuery('#step4').removeClass("in");
jQuery('#step5').removeClass("in");
jQuery('#step6').removeClass("in");
}
function VALIDATE_FORM_DATA(){
 
// USER REGISTRATION VALIDATION
var de4 	= document.getElementById("form_email");
if(de4.value == ''){
	alert('Veuillez remplir tous les champs.');
	de4.style.border = 'thin solid red';
	de4.focus();
	colAll(); jQuery('.stepblock1').collapse('show');
	return false;
}
if( !isValidEmail( de4.value ) ) {	
	alert('Vous avez entré une adresse e-mail non valide');
	de4.style.border = 'thin solid blue';
	de4.focus();
	colAll(); jQuery('.stepblock1').collapse('show');
	return false;
}
var de42 	= document.getElementById("form_new_username");
if(de42.value == ''){
	alert('Veuillez remplir tous les champs.');
	de42.style.border = 'thin solid red';
	de42.focus();
	colAll(); jQuery('.stepblock1').collapse('show');
	return false;
}



// CATEGORY SELECTION
if(jQuery('.stepblock3').find(":checkbox:checked").length == 0){
	alert('Veuillez remplir tous les champs.'); 
	colAll(); jQuery('.stepblock3').collapse('show');
	return false;
}

// IMAGE UPLOADS

// LISTING DESCRIPTION VALIDATION
var de1 	= document.getElementById("form__yoast_wpseo_title");
if(de1.value == ''){
	alert('Veuillez remplir tous les champs.');
	de1.style.border = 'thin solid red';
	de1.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}
var de1 	= document.getElementById("form__yoast_wpseo_metadesc");
if(de1.value == ''){
	alert('Veuillez remplir tous les champs.');
	de1.style.border = 'thin solid red';
	de1.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}
var de1 	= document.getElementById("form__yoast_wpseo_metakeywords");
if(de1.value == ''){
	alert('Veuillez remplir tous les champs.');
	de1.style.border = 'thin solid red';
	de1.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}

var de1 	= document.getElementById("form_post_title");
if(de1.value == ''){
	alert('Veuillez remplir tous les champs.');
	de1.style.border = 'thin solid red';
	de1.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}
var de1 	= document.getElementById("form_post_excerpt");
if(de1.value == ''){
	alert('Veuillez remplir tous les champs.');
	de1.style.border = 'thin solid red';
	de1.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}


var de3 	= document.getElementById("form_post_content");
if(de3.value == ''){
	alert('Veuillez remplir tous les champs.');
	de3.style.border = 'thin solid red';
	de3.focus();
	colAll(); jQuery('.stepblock2').collapse('show');
	return false;
}


jQuery('html,body').scrollTop(0);

// VALIDATE CUSTOM FIELDS
return ValidateCoreRegFields();

 
}

var form_post_content = new LiveValidation('form_post_content');
form_post_content.add( Validate.Presence );
form_post_content.add( Validate.Length, { minimum: 1800 } );
form_post_content.add( Validate.Length, { maximum: 65000 } );
</script> 



 


<script type="application/javascript">


function listingenhancement(id,price){
  	
	// DISABLE CHECK
	jQuery("#"+id).attr("disabled", true);
	
	// CURRENT PRICE
	var current_amount_total = jQuery("#listingprice").text();	
	 
	var current_amount_total = current_amount_total.replace(".00", "");
	//var current_amount_total = current_amount_total.replace(".", "");
	var current_amount_total = current_amount_total.replace(",", "");
	
	// WORK OUT PRICES
	if(document.getElementById(id).checked == true){
		newtotal = parseFloat(current_amount_total)+price;
	}else{
		newtotal = parseFloat(current_amount_total)-price;
	}
	newtotal = Math.round(newtotal*100)/100;
	newtotal = newtotal.toFixed(2);	
	jQuery("#listingprice").text(newtotal);
	
		 
	if(id == 'exh3'){	 	
		toggleHTML();
	}
	
	// REMOVE DISABLE
	setTimeout(function(){ jQuery("#"+id).removeAttr("disabled");   }, 1000);	 
	 

}
 var area1, htmlenabled;
 function toggleHTML() {

        if(!area1) {
		
			area1 = new nicEditor({ buttonList : ['bold','italic',
'underline',
'left',
'center',
'right',
'justify',
'ol',
'ul',
'strikethrough',
'removeformat',
'indent',
'outdent',
'hr',
'image',
'forecolor',
'bgcolor',
'link' ,
'unlink' ,
'fontSize', 
'fontFamily', 
'fontFormat']}).panelInstance('form_post_content',{hasPanel : true});

htmlenabled = true;
	

 
        } else {
            // REMOVE
			area1.removeInstance('form_post_content');
            area1 = null;
						
			// STRIP HTML TAGS
			var html = jQuery("#form_post_content").text();
			var div = document.createElement("div");
			jQuery("#form_post_content").innerHTML = div;
						
        }
  	}  
	

jQuery(document).ready(function(){

    jQuery('.astep2, .astep1').live('click', function(e) {	
        	if(htmlenabled) { toggleHTML(); toggleHTML(); } 
    });
});
	
</script>

<script type="application/javascript">jQuery('video,audio').mediaelementplayer({audioWidth: 150});</script>






 	
                
                
       </div></article>
        
 
               
        
          
    
        
    </div>
    
	</div>
<center><img src="/wp-content/uploads/2015/06/foot.jpg" class="img-responsive" /></center>
<center><img src="/wp-content/uploads/2015/06/bg_menutop.png" class="img-responsive" /></center>
	</div> 

</div>

 

<!-- [WLT] FRAMRWORK // FOOTER -->

<p id="back-top"> <a href="#top"><span></span></a> </p>

<footer id="core_footer_wrapper" class="footer">

    <div class="container-fluid" id="footer_content">
    
        <div class="row">
            
                <div class="col-md-4"></div>
                
                <div class="col-md-4 hidden-xs"></div>
                
                <div class="col-md-4 hidden-xs"></div>
            
                <div class="clearfix"></div>
            
        </div>
            
    </div>

	<div id="footer_bottom" class="clearfix">

		<div class="container-fluid">
        
        	<div class="row">
      
                © Copyright 2015 - <br />Tous droits réservés - Toute reproduction du contenu de ce site, partielle ou intégrale, est strictement interdite sous peine de poursuites, sans accord préalable du propriétaire de Supertruc.fr                 
              
                <ul class='socialicons list-inline pull-right'><li><a href='https://twitter.com/supertruc_fr' class='twitter' rel='nofollow' target='_blank'>
						<i class='fa fa-twitter'></i>
						</a></li><li><a href='https://plus.google.com/+supertrucduWeb/posts' class='dribbble' rel='nofollow' target='_blank'>
						<i class='fa fa-google-plus'></i>
						</a></li><li><a href='https://www.facebook.com/Supertruc.fr' class='facebook' rel='nofollow' target='_blank'>
						<i class='fa fa-facebook'></i>
						</a></li><li><a href='http://zetop-annuaire.tumblr.com/' class='youtube' rel='nofollow' target='_blank'>
						<i class='fa fa-tumblr'></i>
						</a></li><li><a href='/feed?post_type=listing_type' class='rss' rel='nofollow' target='_blank'>
						<i class='fa fa-rss'></i>
						</a></li></ul>                
           </div>
    
	</div>
        
</div>

</footer>
<div id="freeow" class="freeow freeow-top-right"></div>
 
</div>

 
<div id="core_footer_ajax"></div>
  
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-66395397-1', 'auto');
  ga('send', 'pageview');

</script><!-- [WLT] COUNTDOWN // JAVASCRIPT -->
	<script src="http://www.supertruc.fr/wp-content/themes/BT/framework/js/jquery.countdown.js" type="text/javascript"></script><!-- [WLT] FRAMRWORK // JAVASCRIPT -->
	<script src="http://www.supertruc.fr/wp-content/themes/BT/framework/js/core.ajax.js" type="text/javascript"></script><!-- [WLT] BOOSTRAP // JAVASCRIPT -->
	<script src="http://www.supertruc.fr/wp-content/themes/BT/framework/js/bootstrap.js" type="text/javascript"></script><!-- [WLT] CORE // JAVASCRIPT -->
	<script src="http://www.supertruc.fr/wp-content/themes/BT/framework/js/core.jquery.js" type="text/javascript"></script><script>jQuery(document).ready(function(){ jQuery(".wlt_tooltip").tooltip({ html : true});  jQuery(".wlt_popover").popover({ html : true}); }); </script> 
<!-- My Location Modal -->
<div class="modal fade" id="MyLocationModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      
<div class="modal-body">	  
	  
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	
	<h3 class="modal-title">Où êtes-vous maintenant?</h3>
			
	<p>Définir votre emplacement en cliquant sur la carte ci-dessous ou en tapant votre adresse ci-dessous.</p>
			
	<hr />
	
	<div id="wlt_google_mylocation_map" style="height:300px; width:100%;"></div>

</div>

<div class="modal-footer">
        
		
	<form method="post" action="" name="mylocationsform" id="mylocationsform">
	<input type="hidden" name="updatemylocation" value="1" />
	<input type="hidden" name="log" value="" id="mylog" />
	<input type="hidden" name="lat" value="" id="mylat" />
	<input type="hidden" name="country" value="GB" id="myco" />
	<input type="hidden" name="zip" value="" id="myzip" />
				 
				
				<div class="row" id="addressbox">
				
					<div class="col-md-10 col-xs-8">
					
					<input type="text" placeholder="Entrez votre emplacement physique ici." onchange="getAddressLocation(this.value);" name="myaddress" id="myaddress" class="form-control input-lg" tabindex="14" value="">
					
					</div>
					
					<div class="col-md-2 col-xs-4">
					
					<button type="button" class="btn btn-lg">GO</button>
					
					</div>
				
				</div>
				
				<div class="clearfix"></div>		 
				
				<div id="savemylocationbox" style="display:none">
				
				<div style="border-top:1px solid #ddd; padding-top:10px; padding-bottom:10px; margin-top:10px; margin-left:-15px; margin-right:-15px;"></div>
				
				<button class="btn btn-info btn-lg" id="updatelocation">Mettre à jour ma position</button>
				
				</div>
				
		</form>
</div>


    </div>
  </div>
</div><script>jQuery(document).ready(function(){ getCurrentLocation() ; });  </script><script type='text/javascript'>
/* <![CDATA[ */
var mv_dynamic_to_top = {"text":"0","version":"0","min":"200","speed":"1000","easing":"easeInOutExpo","margin":"20"};
/* ]]> */
</script>
<script type='text/javascript' src='http://www.supertruc.fr/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/dynamic-to-top/js/libs/jquery.easing.js,wp-content/plugins/dynamic-to-top/js/dynamic.to.top.min.js,wp-includes/js/wp-embed.min.js'></script>

			<div id="cookie-notice" role="banner" class="cn-bottom bootstrap" style="color: #fff; background-color: #000;"><div class="cookie-notice-container"><span id="cn-notice-text">Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site web. Si vous continuez à utiliser ce site, nous supposerons que vous en êtes satisfait.</span><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button bootstrap button">Ok</a>
				</div>
				
			</div>
</body> 

</html>