function splitBrowsers($cssId)	{
	if (document.styleSheets[$cssId].cssRules){
		$startPoint = 0;
		$cssSelector = document.styleSheets[$cssId].cssRules;
	} else {
		$startPoint = 0;
		$cssSelector = document.styleSheets[$cssId].rules;			
	}
}		
	
			
function createCssRule($cssld, $cssRule, $cssValues) {	
	if (document.styleSheets[0].addRule){
		return document.styleSheets[$cssld].addRule($cssRule, $cssValues);
	}
	else if (document.styleSheets[0].insertRule){
		return document.styleSheets[0].insertRule($cssRule+'{'+$cssValues+'}', document.styleSheets[0].cssRules.length);
	}
}
// SYNTAX : createCssRule("feuille de style*", "regle", "elements & valeur*")
// *doir être écrite en serie: exemple: "padding-top:2px;  display:block;  color: #333333;  width:325px;  height:auto"


function modifyCssRule($cssId,$cssTag, $cssElement, $cssValue){
	splitBrowsers($cssId)
	for ($i=$startPoint; $i<$cssSelector.length; $i++){
		if( $cssSelector[$i].selectorText == $cssTag ){
			if($cssSelector[$i].style[$cssElement]){
			$cssSelector[$i].style[$cssElement] = $cssValue
			break;					
			}
		}
	}
}			
// SYNTAX : modifyCssRule("feuille de style*","règle", "element", "valeur")
// *ecrire premiere feuille externe est 1, seconde est 2, si feuille interne en 3ie, ecrire "3", etc.

	
function getCssRuleValue($cssId,$cssTag, $cssElement){
	splitBrowsers($cssId)
	for ($i=$startPoint; $i<$cssSelector.length; $i++){
		if( $cssSelector[$i].selectorText == $cssTag ){
			return $cssSelector[$i].style[$cssElement]
			break;
		}
	}
}			
// SYNTAX : getCssRuleValue("feuille de style*","règle", "element")
// *ecrire premiere feuille externe est 1, seconde est 2, si feuille interne en 3ie, ecrire "3", etc.