//***************************************************EDITION DE PROPRIÉTÉS CSS****************************************************

//==========Détection de la méthode de récupération de la propriété===============================================================
//--------------------------------------------------------------------------------------------------------------------------------
function splitBrowsers($cssId)
{
	if (document.styleSheets[$cssId].cssRules){
		$startPoint = 1;
		$cssSelector = document.styleSheets[$cssId].cssRules;
	} else {
		$startPoint = 0;
		$cssSelector = document.styleSheets[$cssId].rules;			
	}
}	

//========================================================CRÉER UN TAG CSS========================================================
//--------------------------------------------------------------------------------------------------------------------------------

	function createCssRule($cssRule, $cssValues) {
		var str= $cssRule+'{'+$cssValues+'}'
		var pa= document.getElementsByTagName('head')[0] ;
		var el= document.createElement('style');
		el.type= 'text/css';
		el.media= 'screen';
		if(el.styleSheet) el.styleSheet.cssText= str;// IE method
		else el.appendChild(document.createTextNode(str));// others
		pa.appendChild(el);
	}
	// SYNTAX : createCssRule('règle', 'valeur*')
	// *doir être écrite en serie: exemple: "padding-top:2px;  display:block;  color: #333333;  width:325px;  height:auto"
	
//--------------------------------------------------------------------------------------------------------------------------------
//................................................................................................................................



//========================================MODIFIER UNE VALEUR D'UNE PROPRIÉTÉ D'UN TAG CSS========================================
//--------------------------------------------------------------------------------------------------------------------------------

		function modifyCssRule($cssId,$cssTag, $cssElement, $cssValue){
			$cssTag = $cssTag.toLowerCase()
			$cssElement =	$cssElement.replace(/-/, "")
			$cssElement =	$cssElement.replace(/#/, "")
			splitBrowsers($cssId)
			for ($i=$startPoint; $i<$cssSelector.length; $i++){
				if( $cssSelector[$i].selectorText.toLowerCase() == $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.
		
//--------------------------------------------------------------------------------------------------------------------------------
//................................................................................................................................



//=======================================RÉCUPÉRER UNE VALEUR D'UNE PROPRIÉTÉ D'UN TAG CSS========================================
//--------------------------------------------------------------------------------------------------------------------------------
		function getCssRuleValue($cssId,$cssTag, $cssElement){
			$cssTag = $cssTag.toLowerCase()
			$cssElement = $cssElement.replace(/-/, "")
			splitBrowsers($cssId)
			for ($i=$startPoint; $i<$cssSelector.length; $i++){
				if( $cssSelector[$i].selectorText.toLowerCase() == $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.
		
//--------------------------------------------------------------------------------------------------------------------------------
//................................................................................................................................



//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



//*****************************************************EDITION DE CONTENU CSS*****************************************************

//====================================================RÉCUPÉRATION UN TAG CSS=====================================================
//--------------------------------------------------------------------------------------------------------------------------------

		function getDivValue(cssId){
		
			if (document.getElementById){
				var html = document.getElementById(cssId).innerHTML
			}else if (document.all){
				var html = document.all[cssId].innerHTML
			}
			return html;
		}	
		// SYNTAX : getDivValue('div')
		
//--------------------------------------------------------------------------------------------------------------------------------
//................................................................................................................................