// 	CLASSE : classFdRound();
/*---------------------------------*/
//
//	Utilité : 	permet de créer un cadre arrondis autour d'un élément de type "span" ou "div".
//				les dimensions de l'élément doivent être spécifiées dans un css en amont de l'appel de la classe.
//				l'élément peut être définit en position absolue ou relative.
//
//	Paramètre : 
//		- pElement : id de l'élément sur lequel appliquer la classe;
//		- pColor : couleur de fond (hexadecimal);
//		- pColorBord : couleur de bordure (hexadecimal);
//		- pWidthBord : épaisseur de bordure (en pixel); 
//		- pHeight : hauteur de l'onglet ();
//		- pCoins : coins à arrondir, valeurs possible (si plusieurs valeurs, séparer avec une virgule ):
//					- "hd" ( haut droit ),
//					- "hg" ( haut gauche ),
//					- "bd" ( bas droit ),
//					- "bg" ( bas gauche );
//					- "all" ( tout les coins )
//	Méthodes :
//		- init : 			crée le cadre (à appeler dans un .js pour la construction);
//		- recupPos : 		récupère les valeurs de position de l'élément selectionné;
//
//							- paramètres :
//								1_pEl : id de l'élément bloc;
//								2_pWidthB : épaisseur de la bordure;
//								
//		- tailleBord : 		positionne les éléments de bordures;
//
//							- paramètres :
//								1_pEl : id de l'élément bloc;
//								2_pColor : couleur de la bordure;
//								3_pWidthB : épaisseur de la bordure;
//
//		- afficheCoins : 	positionne les coins. les coins sont des images dans le dossier "fdrounded_img";
//
//							- paramètres :
//								1_pEl : id de l'élément bloc;
//								2_pImg : URL de l'image;
//								3_pColor : couleur de la bordure;
//								4_pCoins : coins à arrondir;
//								5_pWidthB : épaisseur de la bordure;
//
/*---------------------------------*/

function classFdRound( pElement , pColor, pColorBord, pWidthBord, pCoins )
{
	this.idEl = pElement;
	this.color = pColor;
	this.colorB = pColorBord;
	this.widthBord = pWidthBord;
	this.coins = pCoins;
	this.widthB = pWidthBord;
	this.img = "";
	
	// récupère le chemin absolu de la page en cours;
	this.windowLocation = absolutePath();
	// cherche l'image des coins;
		this.img = this.windowLocation+"javascripts/classes/fdRound_img/bords_antargaz.png";
	
	if ( typeof(classFdRound.initialized) == "undefined" ) 
	{
		classFdRound.prototype.init = function()
		{
			// Recupération des paramètres de la classe;
			var o = this;
			var c = this.prototype = classFdRound.prototype;
				
			var tailleDep = "";
			var whichCoins = o.coins;
			var element = o.idEl.substring(1);
			
			// Permet de vérifier si l'élément selectionné accepte le cadre;
			if($(o.idEl).attr("border") == 0)
			{
				return false;
			}
			
			// Si il manque le paramètre pWhichCoins on lui soumet la valeur "all" (tout les coins)
			// évite de générer une erreur si rien n'est renseigné.
			if( whichCoins == "undefined" || whichCoins == null )
			{
				whichCoins = "all";
			}
			
			// sur ie6 les png ne marche pas donc on ne lui applique pas d'arrondis.
			/*if(browser == "ie6")
			{
				$(o.idEl).attr("style", "background-color:"+o.color+"; border:5px solid "+o.colorB);
			}*/
			else
			{
				$(o.idEl).wrap("<div class='cadre' id='cadre_"+element+"'></div>");
				$('#cadre_'+element).prepend('<div class="cadre_hd"></div><div class="cadre_hg"></div><div class="bord_h"></div><div class="bord_g"></div><div class="bord_d"></div><div class="bord_b"></div><div class="cadre_bd"></div><div class="cadre_bg"></div>');	
				 //récupère la position en absolu ou relative
				c.recupPos(o.idEl, o.widthB);			

				//affichage des bords
				if( o.color != "" && o.color != null )
				{
					tailleDep = $(o.idEl).height()+"px";
					c.tailleBord(o.idEl, o.colorB, o.widthB);
					$(o.idEl).css("backgroundColor", o.color);
				}
				if(browser != "ie6")
				{
					c.afficheCoins(o.idEl, o.img, o.colorB, whichCoins, o.widthB);
				}
			}		
		}
		
		classFdRound.prototype.recupPos = function(pEl, pWidthB)
		{
			var el = pEl;
			var widthB = pWidthB; 
			var elName = pEl.substring(1);

			$(el).parent().css("height", $(el).height()+"px") ;
			$(el).parent().css("width", $(el).width()+"px");

			if($(el).css("position") == "relative")
			{
				$("#cadre_"+elName).css("position", $(el).css("position"));
				
				if($(el).css("margin-left") != "0px" && $(el).css("margin-left") != "auto")
				{
					$(el).parent().css("margin-left", (parseInt($(el).css("margin-left")))+"px");
					$(el).css("margin-left", "0px");		
				}
	
				if($(el).css("margin-top") != "0px" && $(el).css("margin-top") != "auto")
				{
					$(el).parent().css("margin-top", (parseInt($(el).css("margin-top")))+"px");
					$(el).css("margin-top", "0px");
				}
				if($(el).css("left") != "0px" && $(el).css("left") != "auto")
				{
					$(el).parent().css("left", (parseInt($(el).css("left")))+"px");
				}
		
				$(el).css("left", "0px");
				
				if($(el).css("top") != "0px" && $(el).css("top") != "auto"){
					$(el).parent().css("top", (parseInt($(el).css("top")))+"px");
				}
				$(el).css("top", "0px");
								
			}
			else if($(el).css("position") == "absolute")
			{
				$("#cadre_"+elName).css("position", "absolute");
				$(el).css("position", "relative");
				
				// règle la position en x
				if($(el).css("left") != "0px" && $(el).css("left") != "auto")
				{
					$(el).parent().css("left", (parseInt($(el).css("left")))+"px");
				}
				else
				{
					$(el).parent().css("left", "0px");
				}
				
				// règle la position en Y
				if($(el).css("top") != "0px" && $(el).css("top") != "auto")
				{
					$(el).parent().css("top", (parseInt($(el).css("top")))+"px");
				}
				else
				{
					$(el).parent().css("top", "0px");
				}
				$(el).css("top", "0px");
				$(el).css("left", "0px");
				$(el).css("margin-top", "0px");
				$(el).css("padding-top", "0px");
		
			}
		}
		
		classFdRound.prototype.tailleBord = function(pEl, pColor, pWidthB)
		{
			var element = pEl;
			var color = pColor;
			var widthB = pWidthB;
			var elName = element.substring(1);
						
			var bordsArray = new Array(".bord_d", ".bord_g", ".bord_h", ".bord_b");
			var bordsArrayLen = bordsArray.length;
			for(var a=0; a<bordsArrayLen; a++)
			{
				
				$("#cadre_"+elName+" "+bordsArray[a]).each( function()
				{
					$(this).css("z-index", "9");
					if(this.className == "bord_g" || this.className == "bord_d")
					{	
						$(this).css("height", ($(element).height())+"px");
						if(this.className == "bord_g")
						{
							$(this).css("left", "0px");
						}
						if(this.className == "bord_d")
						{
							$(this).css("left", ($(element).width()-widthB)+"px");
						}
								
						$(this).css("backgroundColor", color);
						$(this).css("width", widthB+"px");
						
					}
					else
					{
						$(this).css("height", widthB+"px");
						
						$(this).css("left", "0px");
						$(this).css("width", ($(element).width())+"px");
						$(this).css("backgroundColor", color);
						if(this.className == "bord_b")
						{
							$(this).css("top", ($(element).height()-widthB)+"px");
							$(this).css("width", ($(element).width())+"px");
						}
						
					}
				});
			}
		}
		
		classFdRound.prototype.afficheCoins = function(pEl, pImg, pColor, pCoins, pWidthB)
		{
			var el = pEl;
			var img = pImg;
			var color = pColor;
			var coins = pCoins;
			var widthB = pWidthB;
			var elName = el.substring(1);
			
			var coinsArray = new Array(".cadre_hg", ".cadre_bg", ".cadre_hd", ".cadre_bd");
			var coinsArrayLen = coinsArray.length;
			for(var a=0; a<coinsArrayLen; a++)
			{
				$("#cadre_"+elName+" "+coinsArray[a]).each(function()
				{	
					$(this).css("z-index", "10");
					
					//positionnement des coins;
					if(this.className == "cadre_hg")
					{
						$(this).css("left", "0px");
						$(this).css("top","0px");
					}
					else if(this.className == "cadre_hd")
					{
						$(this).css("left", ($(el).width()-(widthB*2)-2)+"px");
						$(this).css("top", "0px");
					}
					else if(this.className == "cadre_bg")
					{
						$(this).css("left", "0px");
						$(this).css("top", ($(el).height()-(widthB*2)-2)+"px");
					}
					else if(this.className == "cadre_bd")
					{
						$(this).css("left", ($(el).width()-(widthB*2)-2)+"px");
						$(this).css("top", ($(el).height()-(widthB*2)-2)+"px");
					}
						
								
					if( coins == "all")
					{
						$(this).css("backgroundImage", "url("+img+")");
					}
					else if(coins == "")
					{
						$(this).css("backgroundImage","");
					}
					else
					{
						//en fonction du paramètre Coins, on affiche le coin correspondant,
						
						var tabCoins = coins.split(",");
						var lenTabCoins = tabCoins.length;
						for(var k=0; k<lenTabCoins; k++)
						{	
							var leCoin= tabCoins[k].replace(/ /,"");
								
							if(leCoin == "hg" && this.className == "cadre_hg")
							{
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "hd" && this.className == "cadre_hd")
							{
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "bd" && this.className == "cadre_bd")
							{
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "bg" && this.className == "cadre_bg")
							{
								$(this).css("background-image", "url("+img+")");
							}
						}
					}
				});
			}
		}//--[/afficheCoins]--//	
		classFdRound.initialized = true;
	}	
}



function classListeDeroule(pConteneur,pContenu,pElClick,pParentClick,pSigne1,pSigne2,pWidth,pHeight,pPadding)
{
	this.conteneur =	pConteneur;
	this.contenu =		pContenu;
	this.elClick =		pElClick;
	this.parentClick =	pParentClick;
	this.signe1 = 		pSigne1;
	this.signe2 = 		pSigne2;
	this.Width = 		pWidth;
	this.Height = 		pHeight;
	this.Padding = 		pPadding;
	this.colorBorder = "rgb(140,190,20)";
	if(typeof(classListeDeroule.initialized) == "undefined")
	{
		classListeDeroule.prototype.init = function()
		{
			var o = this;
			var c = this.prototype = classListeDeroule.prototype;
			var tabSigne = new Array();
			tabSigne.push(o.signe1);
			tabSigne.push(o.signe2);
			
			$(o.conteneur+" "+o.contenu).hide();
			$(o.conteneur).css("width", o.Width);
			//$(o.conteneur).after("<div id='ulBottom' style='font-size:1px;'></div>");
			
			$(o.conteneur+" "+o.elClick+" span").each(function()
			{
				var texteSpan = $(this).text();
				var heightA = o.Height-o.Padding;
				
				$(this).parent(o.parentClick).attr("style", "display:block; position:relative; width:"+o.Width+"px; height:"+o.Height+"px; margin:0px; padding: 0px; ");//border-top:1px solid "+o.colorBorder+";
				$(this).replaceWith("<a href='' style='position:relative;display:block; width:"+(o.Width-5)+"px; padding-top:"+o.Padding+"px; height:"+heightA+"px; margin:0px;'>"+texteSpan+"</a>");
			});
			
			$(o.conteneur+" "+o.elClick+" "+o.parentClick+" a").each(function()
			{
				if($(this).parent(o.parentClick).siblings(o.contenu).text() != "")
				{
					$(this).append("<div class='signe'>"+tabSigne[0]+"</div>");
				}
				$(this).click(function()
				{
					c.overLi(this, tabSigne, o);
					return false;	
				});

			});
			$(o.conteneur+" "+o.elClick+" "+o.parentClick+" a .signe").each(function()
			{	
				$(this).attr("style", "position:absolute; height:"+o.Height+"px; top:0px; right:20px; z-index:20; text-align:center;");
			});
			c.overLi($(o.conteneur+" "+o.elClick+" "+o.parentClick+" a:first"), tabSigne, o);
		}
		classListeDeroule.prototype.overLi = function(pEl, pTabSigne, o)
		{
			var el = pEl;
			var parentClick = o.parentClick;
			var contenu = o.contenu;
			var conteneur = o.conteneur;
			var tabSigne = pTabSigne;
			$(conteneur+" "+parentClick+" a").children(" .signe").text(tabSigne[0]);
			$(conteneur+" "+parentClick+" a").css("color", o.colorBorder);
			if($(el).parent(parentClick).siblings(contenu+":visible").length != 0)
			{
				$(el).parent(parentClick).siblings(contenu).slideUp("normal");
				
				$(el).children(".signe").text(tabSigne[0]);
				
					
				if(browser == "ie7" || browser == "ie8"){
					// corrige un bug d'affichage sous IE7
					//$(el).parent(parentClick).siblings(contenu).css("padding-left", "0px");
					
				}
			}
			else
			{
				$(conteneur+" "+contenu).slideUp("normal");
				$(el).children(".signe").text(tabSigne[1]);
				$(el).css("color", "#ffffff");
				if( browser == "ie8" || browser == "ie7" || browser == "ie6" )
				{
					var DIV = $(el).parent(parentClick).siblings(contenu);
					
					if($(DIV).children("ul").html() != null)
					{
						$(el).parent(parentClick).siblings(contenu).css("display", "block");
					}
				}
				
				$(el).parent(parentClick).siblings(contenu).slideDown("normal");
				
				if(browser == "ie7" || browser == "ie8")
				{
					// corrige un bug d'affichage sous IE7
					$(conteneur+" "+contenu).css("padding-left", "0px");
					$(el).parent(parentClick).siblings(contenu).css("padding-left", "1px");
				}
			}
		}
		classListeDeroule.initialized = true;
	}
}


// 	CLASSE : classOnglets();
/*---------------------------------*/
//
//	paramètre : 
//		- pConteneur : className ou id du conteneur des onglets;
//		- pCadreClass : le className des contenus;
//		- pCadreId : l'id des contenus sans leur valeur unique;
//					(exemple: "#cont_"+(valeur unique) la valeur unique doit être un chiffre,
//					le premier Id doit commencer par 0);
//		- pWidth : taille des onglets; 
//		- pHeight : hauteur de l'onglet;
//		- pHeightOver : hauteur de l'onglet au survol;
//	méthodes :
//		- init : crée les onglets, rend visible la première rubrique;
//		- hoverOnglets : gère l'événement "over";
//		- clickOnglets : gère l'événement "clic";
//
/*---------------------------------*/

function classOnglets(pConteneur,pCadreClass,pCadreId,pWidth,pHeight,pHeightOver,pFichierId,pCadreFichier)
{
	this.conteneur = pConteneur;
	this.width = pWidth;
	this.height = pHeight;	
	this.heightOver = pHeightOver;
	this.cadreClass = pCadreClass;
	this.cadreId = pCadreId;
	this.fichierId = pFichierId;
	this.cadreFichier = pCadreFichier;
	this.reg = /<br>/i;
	this.coulOnglets = new Array("#8CBE14", "#508C00", "#326400", "#004E00", "#003200");
	function limitString(pText)
	{
		
		var bool = false;
		charMax = 20;
		if(pText.length > charMax )
		{
			var tabTxt = pText.split(" ");
			if(tabTxt.length > 2)
			{
				var text = "";
				for(var i=0, l=tabTxt.length; i<l; i++)
				{
					text += tabTxt[i];
					if(text.length >= charMax)
					{
						return true;
					}
				}
			    /*var text1 = tabTxt[0]+tabTxt[1];
			    var text2 = tabTxt[2];
			    if(text2 != undefined)
			    {
			        if(text1.length >= 10 && text2.length>=10)
			        {
			        	bool = true;
			        }
			    }*/
			}
			else if(tabTxt.length <= 2)
			{
			    var text1 = tabTxt[0];
			    var text2 = tabTxt[1];
			    if(text2 != undefined)
			    {
			        if(text1.length >= 10 && text2.length >= 10)
			        {
			        	bool = true;
			        }
			    }
			}
		}
		return bool;
	}
	
	if ( typeof(classOnglets.initialized) == "undefined" ) 
	{
		classOnglets.prototype.on = function(pEl, o)
		{
			var ID = o.cadreId;
			var boolTxt = false;
			
			if(o.reg.test( pEl.find("h3").html()))
			{
				boolTxt = true;
			}
			pEl.css("height", o.heightOver+"px");
			if(boolTxt == true)
			{
				if(browser == "sf")
				{
				    pEl.children("h3").css("padding-top", "7px");
				}
				else
				{
				    pEl.children("h3").css("padding-top", "5px");
				}
			}
			else
			{
				
				if(browser == "sf")
				{
					pEl.children("h3").css("padding-top", "12px");
				}
				else
				{
					pEl.children("h3").css("padding-top", "10px");
				}
			}
		}
		classOnglets.prototype.out = function(pEl, o)
		{
			var ID = o.cadreId;
			var boolTxt = false;
			if(o.reg.test( pEl.find("h3").html()))
			{
				boolTxt = true;
			}
			
			pEl.css("height", o.height+"px")
			var IDname = ID.substr(1, ID.length);
			if(boolTxt == true)
			{
				if(browser == "sf")
				{
				    pEl.children("h3").css("padding-top", "2px");
				}
				else
				{
				    pEl.children("h3").css("padding-top", "0px");
				}
			}
			else
			{
				if(browser == "ie6" )
				{
					pEl.children("h3").css("padding-top", "7px");
					pEl.children("h3").css("height", (o.height-7)+"px");
				}
				else
				{
					if(browser == "sf")
					{
						pEl.children("h3").css("padding-top", "7px");
					}
					else
					{
						pEl.children("h3").css("padding-top", "5px");
					}
				}
			}
		}
		
		classOnglets.prototype.init = function() 
		{
			var o = this;
			var c = this.prototype = classOnglets.prototype;
			tabCoul = o.coulOnglets;
			var ID = o.cadreId;
			var tab = new Array();
			if($(o.conteneur+" div").length)
			{
				$(o.conteneur+" div").each(function()
				{
					tab.push(this);
				});
				if(browser == "ie6" || browser == "ie7")
				{
					$(o.cadreClass).css("height", ($(o.cadreClass).height()-(o.heightOver+30))+"px");
					$(o.cadreClass).css("margin-top", (o.heightOver+1)+"px");
				}
				else
				{
					$(o.cadreClass).css("margin-top", (o.heightOver+1)+"px");
					if(browser == "op9")
					{
						$(o.cadreClass).css("padding-top", "20px");
					}
					
				}
			}
			else
			{
				if(browser == "ie6")
				{
					$(o.cadreClass).css("height", ($(o.cadreClass).height())+"px");
				}
				else
				{
					$(o.cadreClass).css("height", ($(o.cadreClass).height())+"px");
				}
			}
			var Ongletslen = tab.length;
			for(var i=0; i<Ongletslen; i++)
			{	
				$(tab[i]).wrapInner("<h3></h3>");
				$(tab[i]).css("background-color", tabCoul[i]);
				$(tab[i]).css("width", o.width+"px");
				$(tab[i]).css("height", o.height+"px");
				$(tab[i]).css("position", "absolute");
				$(tab[i]).css("top", "0px");
				$(tab[i]).css("text-align", "center");
				$(tab[i]).css("color", "#ffffff");
				$(tab[i]).css("font-family", "Verdana");
				$(tab[i]).css("font-size", "11px");
				$(tab[i]).css("padding", "0px");
				
				$(tab[i]).children("h3").css("font-size", "11px");
				$(tab[i]).children("h3").css("padding-bottom", "0px");
				$(tab[i]).children("h3").css("margin", "0px");
				if(browser == "ie6")
				{
					$(tab[i]).children("h3").css("padding-left", "3px");
					$(tab[i]).children("h3").css("width", (o.width-6)+"px");
				}
				else if(browser == "ie7" || browser == "ie8")
				{
					$(tab[i]).children("h3").css("padding-left", "0px");
					$(tab[i]).children("h3").css("width", (o.width)+"px");
				}
				else
				{
					$(tab[i]).children("h3").css("padding-left", "5px");
					$(tab[i]).children("h3").css("width", (o.width-10)+"px");
				}
				$(tab[i]).children("h3").css("height", o.height+"px");
				$(tab[i]).children("h3").css("cursor", "pointer");
				if(i == 0)
				{
					$(tab[i]).css("left", "0px");
					$(ID+i).css("display","block");
					o.on($(tab[i]), o);
					$(o.fichierId+i).css("display","block");
				}
				else
				{
					$(tab[i]).css("left", parseInt($(tab[i-1]).css("width"))+parseInt($(tab[i-1]).css("left")));
					$(ID+i).css("display","none");
					$(o.fichierId+i).css("display","none");
					o.out($(tab[i]), o);
				}
			}
			c.clickOnglets(o,o.cadreClass,o.conteneur,o.fichierId,o.cadreFichier,o.charMax);
			c.hoverOnglets(o);
		}		
		classOnglets.prototype.hoverOnglets = function(o) 
		{
			var ID = o.cadreId;
			
			$(o.conteneur+">div").each(function()
			{
				$(this).hover(function()
				{
					var numId = this.id.substr(((this.id.length)-1), 1);				
				
					if($(ID+numId).css("display") == "none")
					{
						o.on($(this), o);
					}	
				},function()
				{
					//var boolTxt = limitString($(this).text());	
					var numId = this.id.substr(((this.id.length)-1), 1);
					if($(ID+numId).css("display") == "none")
					{
						o.out($(this), o);
					}
				});
			});
		}
		classOnglets.prototype.clickOnglets = function(o,pCadreClass,pConteneur,pFichierId,pCadreFichier ) 
		{
			var overH = o.heighOver;
			var H = o.height;
			var cadre = pCadreClass;
			var tab = new Array();
			var ID = o.cadreId;
			var fileId = pFichierId;
			var cadreFile = pCadreFichier;
			
			$(pConteneur+" div").each(function()
			{
				tab.push(this);
			});
			var Ongletslen = tab.length;
			for(var i=0; i<Ongletslen; i++)
			{
				$(tab[i]).click(function(e)
				{
					e.preventDefault();
					var numId = this.id.substr(((this.id.length)-1), 1);
					$("."+this.className).each(function()
					{
						o.out($(this), o);
					});
					o.on($(this), o);
					$(cadre).css("display","none");
					$(cadreFile).css("display","none");
					$(ID+numId).css("display","block");
					$(fileId+numId).css("display","block");
				});
			}
		}
		classOnglets.initialized = true;
	}
}
// 	CLASSE : classOngletsBis();
/*---------------------------------*/
//
//	paramètre : 
//		- pConteneur : className ou id du conteneur des onglets;
//		- pCadreClass : le className des contenus;
//		- pCadreId : l'id des contenus sans leur valeur unique;
//					(exemple: "#cont_"+(valeur unique) la valeur unique doit être un chiffre,
//					le premier Id doit commencer par 0);
//		- pWidth : taille des onglets; 
//		- pHeight : hauteur de l'onglet;
//		- pHeightOver : hauteur de l'onglet au survol;
//	méthodes :
//		- init : crée les onglets, rend visible la première rubrique;
//		- hoverOnglets : gère l'événement "over";
//		- clickOnglets : gère l'événement "clic";
//
/*---------------------------------*/

function classOngletsBis(pConteneur, pCadreClass, pCadreId, pWidth)
{
	this.conteneur = pConteneur;
	this.width = pWidth;
	this.cadreClass = pCadreClass;
	this.cadreId = pCadreId;
	
	if ( typeof(classOngletsBis.initialized) == "undefined" ) 
	{
	
		classOngletsBis.prototype.init = function() 
		{
			var o = this;
			var c = this.prototype = classOngletsBis.prototype;
			 
			tabCoul = o.coulOnglets;
			var ID = o.cadreId;
			var tab = new Array();
			$(o.conteneur+" div").each(function()
			{
				tab.push(this);
			});
						
			var Ongletslen = tab.length;
			for(var i=0; i<Ongletslen; i++)
			{
				$(tab[i]).wrapInner("<h3></h3>");
				$(tab[i]).css("width", o.width+"px");
				$(tab[i]).css("position", "absolute");
				if(browser== "ie7" || browser== "ie6")
				{
					$(tab[i]).css("bottom", "-5px");
				}
				else
				{
					$(tab[i]).css("bottom", "0px");
				}
				$(tab[i]).css("text-align", "center");
				$(tab[i]).css("font-family", "Verdana");
				$(tab[i]).css("font-size", "11px");
				$(tab[i]).css("padding", "0px");
				$(tab[i]).css("z-index", "15");
				$(tab[i]).css("color", "#004E00");
				if($(tab[i]).height() > 50)
				{
					if(browser== "ie7" || browser== "ie6" )
					{
						$(tab[i]).css("bottom", "-10px");
					}
					else
					{
						$(tab[i]).css("bottom", "-5px");
					}
				}
				if(i == 0)
				{
					$(tab[i]).css("left", "0px");
					$(ID+i).css("display","block");
					$(tab[i]).css("text-decoration", "underline");
				}
				else
				{
					$(tab[i]).css("left", parseInt($(tab[i-1]).css("width"))+parseInt($(tab[i-1]).css("left")));
					$(ID+i).css("display","none");
					var IDname = ID.substr(1, ID.length);
				}
				$(tab[i]).children("h3").css("font-size", "11px");
				$(tab[i]).children("h3").css("width", o.width+"px");
				$(tab[i]).children("h3").css("cursor", "pointer");
			}
			c.clickOnglets( o.cadreId, o.cadreClass, o.conteneur);
			c.hoverOnglets( o.cadreId, o.conteneur);
		}		
		classOngletsBis.prototype.hoverOnglets = function( pCadreId, pConteneur ) 
		{
			var ID = pCadreId;
			
			$(pConteneur+" div").each(function()
			{
				$(this).hover(function()
				{
					var numId = this.id.substr(((this.id.length)-2), 1);
					if($(ID+numId).css("display") == "none")
					{
						$(this).css("text-decoration", "underline");
					}	
				},function()
				{
					var numId = this.id.substr(((this.id.length)-2), 1);
					if($(ID+numId).css("display") == "none")
					{
						$(this).css("text-decoration", "none");
					}
				});
			});
		}
		classOngletsBis.prototype.clickOnglets = function( pCadreId, pCadreClass, pConteneur) 
		{
			var cadre = pCadreClass;
			var tab = new Array();
			var ID = pCadreId;
			
			$(pConteneur+" div").each(function()
			{
				tab.push(this);
			});
			var Ongletslen = tab.length;
			for(var i=0; i<Ongletslen; i++)
			{
				$(tab[i]).click(function()
				{
					$(pConteneur+" div").css("text-decoration", "none");
					$(this).css("text-decoration", "underline");
					var numId = this.id.substr(((this.id.length)-2), 1);
					$(cadre).css("display","none");
					$(ID+numId).css("display","block");
				});
			}
		}
		classOngletsBis.initialized = true;
	}
}
// 	CLASSE : classPageUL();
/*---------------------------------*/
//
//	paramètre : 
//
//		- pConteneur : id du conteneur général du contenu;
//		- pGroupe : le className des contenus à regrouper;
//		- pBlocListe : l'id des contenus sans leur valeur unique;
//					(exemple: "#liste_"+(valeur unique) la valeur unique doit être un chiffre,
//					le premier Id doit commencer par 0);
//
//	propriété supplémentaire : 
//		- tabEL : tableau qui une fois traité regroupe les différents les contenus;
// 
//	méthodes :
//		- init : 
//				1_ appelle la feuille css pour le pager;
//				2_ crée les éléments de navigation;
//				3_ cache les contenus;
//				4_ rend visible le premier contenu;
//
//		- groupeUL : se sert de "pBlocListe" pour regrouper les différents contenu du conteneur "pConteneur",
//					il les regroupe dans le tableau tabEL;
//
//				paramètres:
//					1_ pParentId : l'id du conteneur général du contenu.
//					2_ pGroupe : paramètre de la classe;
//					3_ pTab : tabEL de la class;
//
//		- displayUL : gère l'affichage du contenu en fonction du choix cliqué.;
//
//				paramètres:
//					1_ pEl : Elements ou id du bouton de la page.
//					2_ pGroupe : paramètre de la classe;
//					3_ pTab : tabEL de la class;
//
/*---------------------------------*/

function classPagerUL(pConteneur, pGroupe, pBlocListe)
{
	this.conteneur = pConteneur;
	this.groupe = pGroupe;
	this.blocListe = pBlocListe;
	this.tabEL = new Array();
	
	if ( typeof(classPagerUL.initialized) == "undefined" ) 
	{
		classPagerUL.prototype.init = function() 
		{
			var o = this;
			var c = this.prototype = classPagerUL.prototype;
			var windowLocation = absolutePath();
			_importCss(windowLocation+"javascripts/classes/pager/pager.css");
			
			var contId = o.conteneur;
			var lienNum = "";
			
			o.tabEL = c.groupeUL(contId, o.groupe);
			var lenTabEL = o.tabEL.length;
			if(lenTabEL>1)
			{
				for(var i=lenTabEL-1; i>=0; i--)
			{
				if(i==0)
				{
					lienNum += "<b class='selected' id='pager_"+(i)+"'> "+(i+1)+" </b> ";
				}
				else
				{
					lienNum += "<b id='pager_"+(i)+"'> "+(i+1)+" </b> ";
				}
			}	
			$(o.conteneur).append("<div class='pager'>"+lienNum+"</div>");
			
			$(o.conteneur+" .pager b").click( function()
			{
				c.displayUL(this, o.conteneur, o.tabEL, o.blocListe);
			});
			var elDepart = o.conteneur+" .pager b:last-child";
			c.displayUL(elDepart, o.conteneur, o.tabEL, o.blocListe);
			}
			
		}
		classPagerUL.prototype.groupeUL = function(pParentId, pGroupe) 
		{
			var parentId = pParentId;
			var groupeClass = pGroupe;
			var arrUL = new Array();
			$(parentId+" "+groupeClass).each(function()
			{
				arrUL.push(this.id);
			});
			return arrUL;
		}
		classPagerUL.prototype.displayUL = function( pEl, pConteneur, pTabEL, pBlocListe ) 
		{
			$(pConteneur+" .pager b").removeClass();
			$(pEl).addClass("selected");
			var numId = "";
			
			if((pEl).id == undefined)
			{
				var pEl = $(pEl).attr("id");
				numId = pEl.substr(((pEl.length)-1), 1);
			}
			else
			{
				numId = (pEl).id.substr((((pEl).id.length)-1), 1);						
			}
			for(var i=0; i<pTabEL.length; i++)
			{
				if( numId == i )
				{
					$(pConteneur+" "+(pBlocListe+i)).css("display", "block");
				}
				else
				{
					$(pConteneur+" "+(pBlocListe+i)).css("display", "none");
				}
			}
		}	
		classPagerUL.initialized = true;
	}
	
}
// 	CLASSE : classLightBox();
/*---------------------------------*/
//
//	Utilité : 	permet de créer une lightbox arrondis pour l'apparition d'un contenu définit dans les paramètres.
//				Particuliarités : 
//						- width: 500px;
//						- top: 15%;
//						- diamètres arrondis : 29px;
//						- taille des bords 12px;
//						- si navigateur = IE6 pas de conteour arrondis.
//
//	Paramètre : 
//		- pIdEl : id qui sera choisi pour la lightbox;
//		- pColor : couleur de fond (hexadecimal);
//		- pColorBord : couleur de bordure (hexadecimal);
//		- pCoins : coins à arrondir, valeurs possible (si plusieurs valeurs, séparer avec une virgule ):
//					- "hd" ( haut droit ),
//					- "hg" ( haut gauche ),
//					- "bd" ( bas droit ),
//					- "bg" ( bas gauche );
//					- "all" ( tout les coins )
//	Méthodes :
//		- init : 			crée la lightbox (à appeler dans un .js pour la construction);
//								
//		- tailleBord : 		positionne les éléments de bordures;
//
//							- paramètres :
//								1_pEl : id de la lightbox;
//								2_pColor : couleur de la bordure;
//								3_pWidthB : épaisseur de la bordure;
//
//		- afficheCoins : 	positionne les coins. les coins sont des images dans le dossier "fdrounded_img" à côté de la classe;
//
//							- paramètres :
//								1_pEl : id de l'élément bloc;
//								2_pImg : URL de l'image;
//								3_pColor : couleur de la bordure;
//								4_pCoins : coins à arrondir;
//								5_pWidthB : épaisseur de la bordure;
//
//		- ferme : 			permet de fermer/supprimer la lightbox au clic
//
//							- paramètres :
//								1_pEl : id de la lightbox;
//
/*---------------------------------*/

function classLightBox( pIdEl, pColor, pColorBord, pCoins, pMess, pWidth )
{
	this.idEl = pIdEl;
	this.color = pColor;
	this.colorB = pColorBord;
	this.coins = pCoins;
	this.widthB = 12;
	this.img = "";
	this.message = pMess;
	this.Width = pWidth;
	
	// récupère le chemin absolu de la page en cours;
	this.windowLocation = absolutePath();
	// cherche l'image des coins;
	this.img = this.windowLocation+"javascripts/classes/lightbox/bord-lightbox.png";
	
	if ( typeof(classLightBox.initialized) == "undefined" ) 
	{
		classLightBox.prototype.init = function()
		{
			// Recupération des paramètres de la classe;
			var o = this;
			var c = this.prototype = classLightBox.prototype;
			
			var tailleDep = "";
			var whichCoins = o.coins;
			var element = o.idEl.substring(1);
			var m = "";
			m += "<div id='"+element+"'>";
			m += "<b id='ferme'>X</b>";
			m += "</div>";
			m += "<div id='cache"+element+"'></div>";
			$("body").prepend(m);
			// on place le contenu spécifié en paramètre;
			$(o.idEl).append(o.message);
			if(browser == "ie6")
			{
				$(o.idEl).attr("style","position: absolute;	width: "+o.Width+"px;left:50%;margin-left: -"+(o.Width/2)+"px;top:15%;z-index:20;background-color: #ffffff;");//left:50%;top:15%;margin-left: -"+(o.Width/2)+"px;;opacity:0;
				$("#cache"+element).attr("style", "position:absolute;width:100%;height:1000px;margin:0px;background-color: #000000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:.70;z-index:19;");
				$(o.idEl).find("ul").css("width", (o.Width-80)+"px");
			}
			else
			{
				$(o.idEl).attr("style","position: absolute;	width: "+o.Width+"px; left:50%;top:15%;margin-left: -"+(o.Width/2)+"px;background-color: #ffffff;z-index:20;opacity:0;");
				if(browser != "ie7")
				{
					$(o.idEl).find("ul").css("width","inherit");
					$(o.idEl).find("p").css("width","inherit");
					$("#cache"+element).attr("style", "position:fixed;width:100%;height:100%;margin:0px;background-color: #000000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:.70;z-index:19;top:0px;left:0;");
				}
				else
				{
					$(o.idEl).find("ul").css("width",(o.Width-80)+"px");
					$(o.idEl).find("p").css("width",(o.Width-80)+"px");
					$("#cache"+element).attr("style", "position:fixed;width:100%;height:1000px;margin:0px;background-color: #000000;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:.70;z-index:19;top:0;left:0;");
				}
				
			}
			$("#ferme").attr("style", "cursor: pointer;	float:right;display: block;font-family: Verdana;font-size:10px;padding :  2px 5px 2px 5px;margin:5px;background-color: #A90038;text-decoration:none;color:#ffffff;");
			
			// Si il manque le paramètre pWhichCoins on lui soumet la valeur "all" (tout les coins)
			// évite de générer une erreur si rien n'est renseigné.
			if( whichCoins == "undefined" || whichCoins == null )
			{
				whichCoins = "all";
			}
			
			if(browser != "ie6")
			{
				$(o.idEl).prepend('<div class="cadre_hd"></div><div class="cadre_hg"></div><div class="bord_h"></div><div class="bord_g"></div><div class="bord_d"></div>');
				$(o.idEl).append('<div class="bord_b"></div><div class="cadre_bd"></div><div class="cadre_bg"></div>');	
				 //récupère la position en absolu ou relative			

				//affichage des bords
				if( o.color != "" && o.color != null )
				{
					c.tailleBord(o.idEl, o.colorB, o.widthB);
					$(o.idEl).css("backgroundColor", o.color);
				}
			
				c.afficheCoins(o.idEl, o.img, o.colorB, whichCoins, o.widthB);
			}
			else
			{
				$(o.idEl).css("border", o.widthB+"px solid "+o.colorB);
			}
			
			if(browser != "ie8" && browser != "ie7" && browser != "ie6")
			{
				$(o.idEl).css("opacity", "0");
				$(o.idEl).fadeTo("normal", 1);
				$("#cache"+element).css("opacity", "0");
				$("#cache"+element).fadeTo("normal", 0.7);
			}
				
			$(o.idEl+" #ferme").click(function()
				{
					c.ferme(o.idEl);
				});
				$("#cache"+element).click(function()
				{
					c.ferme(o.idEl);
				});
		}
		
		classLightBox.prototype.tailleBord = function(pEl, pColor, pWidthB)
		{
			var element = pEl;
			var color = pColor;
			var widthB = pWidthB;
			var elName = element.substring(1);
			$(element).css("height", ($(element).height())+"px");	
			var bordsArray = new Array(".bord_h", ".bord_b", ".bord_d",".bord_g");
			var bordsArrayLen = bordsArray.length;
			for(var a=0; a<bordsArrayLen; a++)
			{
				$(element+" "+bordsArray[a]).each( function()
				{
					$(this).css("z-index", "-1");
					if(this.className == "bord_g" || this.className == "bord_d")
					{	
						$(this).css("height", ($(element).height())+"px");
						if(this.className == "bord_g")
						{
							$(this).css("left", (-widthB)+"px");
						}
						if(this.className == "bord_d"){
							$(this).css("left", $(element).width()+"px");
						}
								
						$(this).css("backgroundColor", color);
						$(this).css("width", widthB+"px");
					}
					else
					{
						$(this).css("height", widthB+"px");
						if(this.className == "bord_b")
						{
							$(this).css("top", ($(element).height())+"px");		
						}
						if(this.className == "bord_h")
						{
							$(this).css("top",(-widthB)+"px");		
						}
						$(this).css("backgroundColor", color);
					}
				});
			}
		}
		
		classLightBox.prototype.afficheCoins = function(pEl, pImg, pColor, pCoins, pWidthB)
		{
			var el = pEl;
			var img = pImg;
			var color = pColor;
			var coins = pCoins;
			var widthB = pWidthB;
			var elName = el.substring(1);
			
			var coinsArray = new Array(".cadre_hg", ".cadre_bg", ".cadre_hd", ".cadre_bd");
			var coinsArrayLen = coinsArray.length;
			for(var a=0; a<coinsArrayLen; a++){
				$(el+" "+coinsArray[a]).each(function()
				{	
					
					//positionnement des coins;
					if(this.className == "cadre_hg")
					{
						$(this).css("left", (-widthB)+"px");
						$(this).css("top", (-widthB)+"px");
					}
					else if(this.className == "cadre_hd")
					{
						$(this).css("left", ($(el).width())+"px");
						$(this).css("top", (-widthB)+"px");
					}
					else if(this.className == "cadre_bg")
					{
						$(this).css("left", (-widthB)+"px");
						$(this).css("top", ($(el).height())+"px");
					}
					else if(this.className == "cadre_bd")
					{
						$(this).css("left", ($(el).width())+"px");
						$(this).css("top", ($(el).height())+"px");
					}
						
					$(this).css("background-color", color);
					if( coins == "all")
					{
						$(this).css("background-color", "");
						$(this).css("background-image", "url("+img+")");
					}
					else if(coins == "")
					{
						$(this).css("background-color", color);
					}
					else
					{
						//en fonction du paramètre Coins, on affiche le coin correspondant,
						var tabCoins = coins.split(",");
						var lenTabCoins = tabCoins.length;
						for(var k=0; k<lenTabCoins; k++)
						{	
							var leCoin= tabCoins[k].replace(/ /,"");
								
							if(leCoin == "hg" && this.className == "cadre_hg")
							{
								$(this).css("background-color", "");
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "hd" && this.className == "cadre_hd")
							{
								$(this).css("background-color", "");
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "bd" && this.className == "cadre_bd")
							{
								$(this).css("background-color", "");
								$(this).css("background-image", "url("+img+")");
							}
							else if(leCoin == "bg" && this.className == "cadre_bg")
							{
								$(this).css("background-color", "");
								$(this).css("background-image", "url("+img+")");
							}
						}
					}
				});
			}
		}//--[/afficheCoins]--//
		classLightBox.prototype.ferme = function(pEl)
		{
			var element = pEl.substring(1);
			if(browser != "ie8" && browser != "ie7" && browser != "ie6")
			{	
				$(pEl).fadeOut("normal", function()
				{
					$(pEl).remove();
					$("#cache"+element).remove();
					
				});
				$("#cache"+element).fadeOut("normal");
			}
			else
			{
				$(pEl).remove();
				$("#cache"+element).remove();
			}
		}
		classLightBox.initialized = true;
	}	
}



function classRound( pEl,pColor,pImg,pBorder )
{
	this.el = pEl;
	this.color = pColor;
	this.img = pImg;
	this.border = pBorder;
	
	if( typeof(classRound.initialized) == "undefined")
	{
		classRound.prototype.init = function()
		{
			var o = this;
			var c = this.prototype = classRound.prototype;


			if(browser == "ie6")
			{
				$(o.el).css("background-color", o.color);
				$(o.el).css("padding", o.border+"px");
			}
			else
			{
				$(o.el).prepend('<div class="cadre_hd"></div><div class="cadre_hg"></div><div class="bord_h"></div><div class="bord_g"></div><div class="bord_d"></div><div class="bord_b"></div><div class="cadre_bd"></div><div class="cadre_bg"></div>');
				
				if( o.color != "" && o.color != null )
				{
					c.posBord(o.el,o.color,o.border);	
				}
				c.posCoins(o.el,o.color,o.border,o.img);
				
			}
		}
		classRound.prototype.posBord = function(pEl,pColor,pBorder)
		{
			var el = pEl;
			var color = pColor;
			var border = pBorder;
			var arrBords = new Array("bord_d", "bord_g", "bord_h", "bord_b");
			
			$(el).css("background-color",color);
			
			for(var i=0, l=arrBords.length; i < l; i++)
			{		
				$(el).find("."+arrBords[i]).each(function()
				{
					if(this.className == "bord_g" || this.className == "bord_d")
					{	
						$(this).css("height", ($(el).height())+"px");
						
						if(this.className == "bord_g")
						{
							$(this).css("left", (-border)+"px");
						}
						if(this.className == "bord_d")
						{
							$(this).css("left", $(el).width()+"px");
						}
									
						$(this).css("backgroundColor", color);
						$(this).css("width", border+"px");
					}
					else
					{
						$(this).css("height", border+"px");
						$(this).css("width", parseInt($(el).css("width"))+"px");
						$(this).css("left","0px");
						
						if(this.className == "bord_b")
						{
							$(this).css("top", ($(el).height())+"px");		
						}
						if(this.className == "bord_h")
						{
							$(this).css("top",(-border)+"px");		
						}
						$(this).css("backgroundColor", color);
					}
	
				});
			}
		}
		classRound.prototype.posCoins = function(pEl,pColor,pBorder,pImg)
		{
			var el = pEl;
			var color = pColor;
			var border = pBorder;
			var img = pImg;
			var arrCoins = new Array("cadre_hg", "cadre_bg", "cadre_hd", "cadre_bd");
			for(var i=0, l=arrCoins.length; i<l; i++)
			{
				$(el).find("."+arrCoins[i]).each(function()
				{
					if(this.className == "cadre_hg")
					{
						$(this).attr("style", "left:"+(-border)+"px;top:"+(-border)+"px; background: 0 0;");
					}
					else if(this.className == "cadre_hd")
					{
						$(this).attr("style", "left:"+($(el).width())+"px;top:"+(-border)+"px; background: "+border+"px 0;");
					}
					else if(this.className == "cadre_bg")
					{
						$(this).attr("style", "left:"+(-border)+"px;top:"+($(el).height())+"px; background: 0 "+border+"px;");
					}
					else if(this.className == "cadre_bd")
					{
						$(this).attr("style", "left:"+($(el).width())+"px;top:"+($(el).height())+"px; background: "+border+"px "+border+"px;");
					}

					if(img != "" && img != "undefined")
					{
						$(this).css("background-image","url("+img+")");
						$(this).css("height", border+"px");
						$(this).css("width",border+"px");
					}
					else
					{
						$(this).css("background-color",color);
						$(this).css("height", border+"px");
						$(this).css("width",border+"px");
					}
					
				});
			}
		}
		classRound.initialized = true;
	}
	this.init();
}// 	CLASSE : classOnglets();
/*---------------------------------*/
//
//	paramètre : 
//		- pConteneur : className ou id du conteneur des onglets;
//		- pCadreClass : le className des contenus;
//		- pCadreId : l'id des contenus sans leur valeur unique;
//					(exemple: "#cont_"+(valeur unique) la valeur unique doit être un chiffre,
//					le premier Id doit commencer par 0);
//		- pWidth : taille des onglets; 
//		- pHeight : hauteur de l'onglet;
//		- pHeightOver : hauteur de l'onglet au survol;
//	méthodes :
//		- init : crée les onglets, rend visible la première rubrique;
//		- hoverOnglets : gère l'événement "over";
//		- clickOnglets : gère l'événement "clic";
//
/*---------------------------------*/

function classOngletsRond(pConteneur,pCadreClass,pCadreId,pWidth,pHeight,pHeightOver,pFichierId,pCadreFichier)
{
	this.conteneur = pConteneur;
	this.width = pWidth;
	this.height = pHeight;
	this.heightOver = pHeightOver;
	this.cadreClass = pCadreClass;
	this.cadreId = pCadreId;
	this.fichierId = pFichierId;
	this.cadreFichier = pCadreFichier;
	this.reg = /<br>/i;
	this.coulOnglets = new Array("#8CBE14", "#5B8317", "#325817", "#003800");
	this.windowLocation = absolutePath();
	// cherche l'image des coins;
	/*
this.img1 = this.windowLocation+"javascripts/classes/fdRound_img/bord_onglet1.png";
	this.img2 = this.windowLocation+"javascripts/classes/fdRound_img/bord_onglet2.png";
	this.img3 = this.windowLocation+"javascripts/classes/fdRound_img/bord_onglet3.png";
	this.img4 = this.windowLocation+"javascripts/classes/fdRound_img/bord_onglet4.png";
*/
	this.tabImg = new Array(this.img1, this.img2, this.img3, this.img4);
	
	if ( typeof(classOnglets.initialized) == "undefined" ) 
	{
		classOngletsRond.prototype.on = function(pEl, o)
		{
			var ID = o.cadreId;
			var boolTxt = false;
			
			if(o.reg.test( pEl.find("h3").html()))
			{
				boolTxt = true;
			}
			pEl.css("height", o.heightOver+"px");
			if(boolTxt == true)
			{
				pEl.children("h3").css("padding-top", "5px");
			}
			else
			{
				pEl.children("h3").css("padding-top", "10px");
			}
		}
		classOngletsRond.prototype.out = function(pEl, o)
		{
			var ID = o.cadreId;
			var boolTxt = false;
			if(o.reg.test( pEl.find("h3").html()))
			{
				boolTxt = true;
			}
			
			pEl.css("height", o.height+"px")
			var IDname = ID.substr(1, ID.length);
			if(boolTxt == true)
			{
				pEl.children("h3").css("padding-top", "0px");
			}
			else
			{
				if(browser == "ie6")
				{
					pEl.children("h3").css("padding-top", "7px");
					pEl.children("h3").css("height", (o.height-7)+"px");
				}
				else
				{
					pEl.children("h3").css("padding-top", "5px");
				}
			}
		}

		classOngletsRond.prototype.init = function() 
		{
			var o = this;
			var c = this.prototype = classOngletsRond.prototype;
	
			tabCoul = o.coulOnglets;
			charMax = o.charMax;
			var ID = o.cadreId;
			var tab = new Array();
			if($(o.conteneur+" div").length)
			{
				$(o.conteneur+" div").each(function()
				{
					tab.push(this);
				});
				if(browser == "ie6")
				{
					$(o.cadreClass).css("height", "240px");
					$(o.cadreClass).css("margin-top", "45px");
					$(o.cadreClass).css("padding-top", "20px");
				}
				else if(browser == "ie7" || browser == "ie8")
				{
					$(o.cadreClass).css("height", "240px");
					$(o.cadreClass).css("margin-top", "41px");
					$(o.cadreClass).css("padding-top", "20px");
				}
				else
				{
					$(o.cadreClass).css("height", "260px");
					$(o.cadreClass).css("margin-top", "41px");
					if(browser == "op9")
					{
						$(o.cadreClass).css("padding-top", "20px");
					}
				}
				
			}
			else
			{
				if(browser == "ie6")
				{
					$(o.cadreClass).css("height", "295px");
				}
				else if(browser == "ie7")
				{
					$(o.cadreClass).css("height", "305px");
				}
				else
				{
					$(o.cadreClass).css("height", "295px");
				}
			}
						
			var Ongletslen = tab.length;
			if(Ongletslen > 2)
			{
				witdhObj = Math.round(o.width/Ongletslen);
			}
			else
			{
				witdhObj = 133;
			}
			if(Ongletslen > 3)
			{
			charMax = 11;
			}
			for(var i=0; i<Ongletslen; i++)
			{
				$(tab[i]).wrapInner("<h3></h3>");
				//$(tab[i]).css("background-color", tabCoul[i]);
				
				if(browser == "ie7" && Ongletslen == 3 && i == 0)
				{
					$(tab[i]).css("width", (witdhObj+1)+"px");
				}
				else
				{
					$(tab[i]).css("width", witdhObj+"px");
				}
				$(tab[i]).css("height", o.height+"px");
				$(tab[i]).css("position", "absolute");
				$(tab[i]).css("top", "0px");
				$(tab[i]).css("text-align", "center");
				$(tab[i]).css("color", "#ffffff");
				$(tab[i]).css("font-family", "Verdana");
				$(tab[i]).css("font-size", "11px");
				$(tab[i]).css("padding", "0px");
				if(browser == "ie6" && Ongletslen > 3)
				{
					$(tab[i]).css("right", (Math.round((Ongletslen-i-1)*witdhObj)-1)+"px");
				}
				else
				{
					$(tab[i]).css("right", Math.round((Ongletslen-i-1)*witdhObj)+"px");
				}
				
				$(tab[i]).children("h3").css("font-size", "11px");
				$(tab[i]).children("h3").css("margin", "0px");
				if(browser == "ie6"|| browser == "ie7" ||  browser == "ie8")
				{
					$(tab[i]).children("h3").css("padding-left", "0px");
					$(tab[i]).children("h3").css("width", witdhObj+"px");
				}
				else
				{
					$(tab[i]).children("h3").css("padding-left", "5px");
					$(tab[i]).children("h3").css("width", (witdhObj-10)+"px");
				}
				$(tab[i]).children("h3").css("height", o.height+"px");
				$(tab[i]).children("h3").css("cursor", "pointer");
				if(browser == "ie7" && Ongletslen == 3 && i == 0)
				{
					$(tab[i]).children("h3").after("<div id='fond' style='position:absolute; left:0px; top:0px; z-index:-1; width:"+(witdhObj+1)+"px"+"; height:"+o.height+"px; background-color:"+tabCoul[i]+";'></div>");
				}
				else
				{
					$(tab[i]).children("h3").after("<div id='fond' style='position:absolute; left:0px; top:0px; z-index:-1; width:"+witdhObj+"px"+"; height:"+o.height+"px; background-color:"+tabCoul[i]+";'></div>");
				}

				


				if(i == 0)
				{
					//$(tab[i]).css("right", "0px");
					$(ID+i).css("display","block");
					$(tab[i]).css("height", o.heightOver+"px");
					$(tab[i]).find("#fond").css("height", o.heightOver+"px");
					$(o.fichierId+i).css("display","block");
					o.on($(tab[i]), o)
				}
				else
				{
					$(ID+i).css("display","none");
					$(o.fichierId+i).css("display","none");
					var IDname = ID.substr(1, ID.length);
					
					o.out($(tab[i]), o);
					
				}
				
			}
			c.clickOnglets(charMax,o.tabImg, o);
			c.hoverOnglets(charMax,o.tabImg, o);
		}		
		classOngletsRond.prototype.hoverOnglets = function(charMax,tabImg, o ) 
		{
			var overH = o.heightOver;
			var H = o.height;
			var ID = o.cadreId;
			var cont = o.conteneur;
			
			$(cont+">div").each(function()
			{

				$(this).hover(function()
				{
					var numId = this.id.substr(((this.id.length)-1), 1);
				//	alert($(ID+numId).css("display"));
					if($(ID+numId).css("display") == "none")
					{
						$(this).css("height", overH+"px");
						$(this).find("#fond").css("height", overH+"px");
						var tabId2 = $(this)[0].id.split("_");
						var numId2 = tabId2[1];
						
						o.on($(this), o);
					}	
				},function()
				{
					var numId = this.id.substr(((this.id.length)-1), 1);
					if($(ID+numId).css("display") == "none")
					{
						$(this).css("height", H+"px");
						$(this).find("#fond").css("height", H+"px");
						var tabId2 = $(this)[0].id.split("_");
						var numId2 = tabId2[1];	
						
						o.out($(this), o);
					}
				});
			});
		}
		classOngletsRond.prototype.clickOnglets = function(charMax,tabImg, o ) 
		{
			var overH = o.heightOver;
			var H = o.height;
			var cadre = o.cadreClass;
			var tab = new Array();
			var ID = o.cadreId;
			var fileId = o.fichierId;
			var cadreFile = o.cadreFichier;
			var cont = o.conteneur;
			
			$(cont+">div").each(function()
			{
				tab.push(this);
			});
			var Ongletslen = tab.length;
			for(var i=0; i<Ongletslen; i++)
			{
				
				$(tab[i]).click(function()
				{
					
					var tabId = $(this)[0].id.split("_");
					var numId = tabId[1];
					
					$("."+this.className).each(function()
					{	
						var tabId2 = $(this)[0].id.split("_");
						var numId2 = tabId2[1];
						$(this).css("height", H+"px");
						$(this).find("#fond").css("height", H+"px");
						
						o.out($(this), o);
					});
					$(this).css("height", overH+"px");
					$(this).find("#fond").css("height", overH+"px");
						
					/*$(this).find("#fond").find("#leftBorder").css("background", "url("+tabImg[numId]+")0px 0px");
					$(this).find("#fond").find("#rightBorder").css("background", "url("+tabImg[numId]+")-10px 0px");*/
					$(cadre).css("display","none");
					$(cadreFile).css("display","none");
					$(ID+numId).css("display","block");
					$(fileId+numId).css("display","block");
					o.on($(this), o);
				});
			}

		}
		classOngletsRond.initialized = true;
	}
	
	
}