

function setColor(colorName, colorValue, external, changed) {
  // AFFICHE LA COULEUR
  if(vc(colorValue)) {
    hide("colorerror-" + colorName);
    elem("colorbox-" + colorName).className = "errorbox-good";
    elem("colorsample-" + colorName).style.backgroundColor = '#' + colorValue;
    elem(colorName).value = colorValue;

  } else if (changed || (colorValue.length == 6)) {
    // ERREUR
    show("colorerror-" + colorName);
    elem("colorbox-" + colorName).className = "errorbox-bad";
  }
}

/* valider la couleur  */
function vc(str) {
  var colorChars="0123456789ABCDEFabcdef";
  /* ensure that string begins with # and size=7 */

  if (str.charAt(0) == '#') 
    str = str.substring(1);
  if (str.length != 6) {
    return false;
  }
  var count = 0;
  while (count < str.length) {
    ch = str.charAt(count);
    if (colorChars.indexOf(ch) == -1) {
      return false;
    }
    count++;
  }
  return true;
}


// Méthodes
function elem(element) {
  return document.getElementById(element);
}

function show(element){
  elem(element).style.display='';
}

function showblock(element){
  elem(element).style.display='block';
}

function hide(element){
  elem(element).style.display='none';
}

function showElements(elements) {
  for (var i = 0; i < elements.length; i++) {
    showblock(elements[i]);
  }
}

function showElementsInline(elements) {
  for (var i = 0; i < elements.length; i++) {
    show(elements[i]);
  }
}

function hideElements(elements) {
  for (var i = 0; i < elements.length; i++) {
    hide(elements[i]);
  }
}

function enable(element) {
  elem(element).disabled = false;
}

function disable(element) {
  elem(element).disabled = true;
}



    var pickerField = null;
    var clicked = false;

    function getLeftOffset(element) {
      return (element == document.body)
             ? 0
             : (element.offsetLeft + getLeftOffset(element.offsetParent));
    }

    function getTopOffset(element) {
      return (element == document.body)
             ? 0
             : (element.offsetTop + getTopOffset(element.offsetParent));
    }

    function showPicker(colorField) {
      var picker = document.getElementById("pallette_couleur");
      var element = document.getElementById("colorsample-" + colorField);
      pickerField = colorField;
      picker.style.top = getTopOffset(element);
      picker.style.left = getLeftOffset(element) + 20;
      picker.style.display = '';
      document.onmouseup = hidePicker;
    }

    function selectColor(colorValue) {
      verif();
      clicked = true;
      if (pickerField != null) {
        setColor(pickerField, colorValue, true);
        document.getElementById("colorfield-" + pickerField).focus();
      }
      pickerField = null;
      hidePicker();
    }

    function hidePicker() {
      if (clicked) {
        document.onmouseup = '';
      }
      var picker = document.getElementById("pallette_couleur");
      pickerField = null;
      picker.style.display = 'none';
      clicked = false;
    }
	
	
	
var mauvais = false;

      function verif() {
        mauvais = true;
      }	