Article= function(_titre ,_contenu , width,  _id)
{

	var titre=_titre;
	var contenu=_contenu;
	var id=_id;
	
	// création du cadre : 
	
	
	this.content=$("<div id='contenu"+id+"'></div>");
	this.content.addClass('article');
	
	this.me=$("<div id='"+id+"'></div>");
	
	this.content.width(width);
	
	this.width=parseInt(width)+30;
	this.me.width(this.width);
	
	var width=this.width;
	
	
	this.titre=$("<div></div>");
	this.titre.addClass("titreArticle");
	
	this.titreText=$("<div></div>");
	this.titreText.addClass("titreTexteArticle");
	this.titreText.html(_titre);
	this.titre.append(this.titreText);


	// Bouton gadget : 
	this.boutonKeepPaper=$("<div></div>");
	this.boutonKeepPaper.addClass('BoutonKeepPaperArticle');
	
	this.titreText.append(this.boutonKeepPaper);
	
	this.contenu=$("<div></div>");
	this.contenu.addClass("contenuArticle");
	this.contenu.html(_contenu);
	
	this.content.append(this.titre);
	this.content.append(this.contenu);
	
	this.me.append(this.content);
	
	
	
	var moi=this;	
	
/*	ModeleGraphique.allowDrag(this.me);*/
	
	this.keepPaperIn.click(
		function()
		{
			ModeleKeepPaper.ajoutElement('article' , titre, contenu , parseInt(width)-30);
			moi.me.remove();
		})

	this.close.click(
		function()
		{
			moi.me.remove();
		});
	this.slideUp.click(
		function()
		{
			if ($(this).attr('src') != ModeleInteraction.root+'stylesheet/slideUp.png')
			{
			//	moi.contenu.show();
				$(this).attr('src' , ModeleInteraction.root+'stylesheet/slideUp.png');
				moi.contenu.slideDown('fast')
			}
			else
			{
				$(this).attr('src' , ModeleInteraction.root+'stylesheet/slideDown.png');
			//	moi.contenu.hide();
				moi.contenu.slideUp('fast');
			}
		});
	
}