addListener(window, 'load', bindBouttons);

function bindBouttons() {
  prechargement('images/btn_valider_over.gif');


  if(document.getElementById('btnValider')){
    addListener(document.getElementById('btnValider'), 'mouseover', rollOver);
    addListener(document.getElementById('btnValider'), 'mouseout', rollOut);
    addListener(document.getElementById('btnValider'), 'click', soumissionFormulaire);
  }
} // bindBouttonsMenu


function soumissionFormulaire(){
  if (document.getElementById('chpNom').value =='' || 
      document.getElementById('chpPrenom').value =='' ||
      document.getElementById('chpAdresse').value =='' ||
      document.getElementById('chpVille').value =='' ||
      document.getElementById('chpCodePostal').value =='' ||
      document.getElementById('chpTel').value =='' ||
      document.getElementById('chpEmail').value =='' ){

      if (document.getElementById('chpNom').value == '')
        document.getElementById('chpNom').style.backgroundColor = 'red';
      else
        document.getElementById('chpNom').style.backgroundColor = 'white';

      if (document.getElementById('chpPrenom').value == '')
        document.getElementById('chpPrenom').style.backgroundColor = 'red';
      else
        document.getElementById('chpPrenom').style.backgroundColor = 'white';

      if (document.getElementById('chpAdresse').value == '')
        document.getElementById('chpAdresse').style.backgroundColor = 'red';
      else
        document.getElementById('chpAdresse').style.backgroundColor = 'white';

      if (document.getElementById('chpVille').value == '')
        document.getElementById('chpVille').style.backgroundColor = 'red';
      else
        document.getElementById('chpVille').style.backgroundColor = 'white';

      if (document.getElementById('chpCodePostal').value == '')
        document.getElementById('chpCodePostal').style.backgroundColor = 'red';
      else
        document.getElementById('chpCodePostal').style.backgroundColor = 'white';

      if (document.getElementById('chpTel').value == '')
        document.getElementById('chpTel').style.backgroundColor = 'red';
      else
        document.getElementById('chpTel').style.backgroundColor = 'white';

      if (document.getElementById('chpEmail').value == '')
        document.getElementById('chpEmail').style.backgroundColor = 'red';
      else
        document.getElementById('chpEmail').style.backgroundColor = 'white';

    alert('Merci de renseigner les champs en rouge');
    return;
  }
  document.getElementById('formulaire').submit();
}