function Carte(parametres, articles, links) {

	var object = this;

	this.parametres = {

		isPositions: false,

		width: 1440,

		height: 800,

		top: 50,

		left: -240,

		boxID: "box",

		selectorID: "carto",

		canvasID: "canvas",

		info: "infos",

		couleurs: null,

		relations: null,

		charge: -30,

		gravity: .13,

		theta: 3,

		nodeSizeInterval: [3, 15],

		nodeGrowth: "linear", //value "linear", "log", or "exp"

		layerStyle: {

			opacity: 0.6

		},

		handle_len_rate: 2.2,

		maxDistance: 35,

		scaleInterval: [0.5, 10],

		activerZoom: true,

		infobulleHtml: function(node) {

			return node.titre + "<p>cluster: " + node.group +"</p>";

		},

		infoDisplay: "hover", //valeur "hover" ou "click"

		occlusionMgmt: false,

		nodeHighlight: "darken", //valeur "darken" ou "grow"

		zoomNode: true,

		logZoomNode: true,

		logZoomNodeParameter: 2,

		selection: true,

		clustering: false

	};

	this.beginDate = new Date(); 

	this.etendre(parametres);

	//création du contenant sur la page, si inexistant

	if (null == (document.getElementById(this.parametres.boxID))) {

		d3.select('.content').append('div')

			.attr("id", this.parametres.boxID)

			.classed("gallery", true)

			.style("position", "absolute")

			.style("border", "1 px dashed");

	}

	d3.select('#' + this.parametres.boxID)

		.style("width", this.parametres.width)

		.style("height", this.parametres.height)

		.style("position", "absolute")

		.style("top", this.parametres.top)

		.style("left", this.parametres.left)

		.style("overflow", "hidden")

		.style('z-index', 0);

	if (null == (document.getElementById(this.parametres.selectorID))) {

		d3.select('.gallery').append('div')

			.attr("id", this.parametres.selectorID);

	}

	d3.select('#' + this.parametres.selectorID)

		.attr("width", this.parametres.width)

		.attr("height", this.parametres.height)

		.style("position", "absolute")

		.style('z-index', 2);

	this.drag = d3.behavior.drag()

	    .on("dragstart", function(d, i) {object.dragstart(d, i, object);})

	    .on("drag", object.dragmove)

	    .on("dragend", function(d, i) {object.dragend(d, i, object);});

	this.static = false;

   		this.nodeMouseover = function(d) { 

			if (object.parametres.nodeHighlight == "darken") {

				object.colorBrighten(d3.select(this));

			}

			else if (object.parametres.nodeHighlight == "grow") {

				scale = object.getScale(object.rect);

				object.grow(this, scale); 

			}

			if (object.parametres.infoDisplay == "hover") {

				object.highlight(d);

			}

		};

		this.nodeMouseout = function(d) { 

			if (object.parametres.nodeHighlight == "darken") {

				object.colorDarken(d3.select(this));

			}

			else if (object.parametres.nodeHighlight == "grow") {

				scale = object.getScale(object.rect);

				object.shrink(object.radius(d.scaledPoids), this); 

			}

			if (object.parametres.infoDisplay == "hover") {

				object.blur();

			}

		};

    this.nodeClick = function(d) {

    	if (object.parametres.infoDisplay == "click") {

    		object.highlight(d);

    	}

    	if (object.parametres.occlusionMgmt) {

    		object.replaceAll();

    		object.noOcclusions(d, d3.select(this));

    	}

    	object.displayInfos(d, d3.select(this));

    }

    if (this.parametres.infoDisplay == "click") { 

		this.infoClick = function(d) { 

			object.blur(); 

		};

    }	

	//création de l'infobulle, si inexistante

	if (null == (this.infoBulle = d3.select('#' + this.parametres.info)[0][0])) {

		this.infoBulle = d3.select('#' + this.parametres.selectorID).append('div')

			.attr("id", this.parametres.info)

			.style("top", this.parametres.height)

			.style("opacity", 0)

			.style("z-index", 1);

	}

	this.infoBulle.on("click", this.infoClick);

	//création du canvas sur la page, si inexistant

	if (null == (this.canvas = document.getElementById(this.parametres.canvasID))) {

		d3.select('.gallery').insert('canvas', '#' + this.parametres.selectorID)

			.attr("id", this.parametres.canvasID)

			.attr("resize", false);

		this.canvas = document.getElementById(this.parametres.canvasID);

	}

	d3.select('#' + this.parametres.canvasID)

		.attr("width", d3.select('#' + this.parametres.selectorID).attr("width"))

		.attr("height", d3.select('#' + this.parametres.selectorID).attr("height"))

		.style("position", "absolute")

		.style("z-index", 1);

	//initialisation du drag'n'drop

	object.mouse = {};

	object.isDown = false;

	object.drag2 = false;

	this.svg = d3.select('#' + this.parametres.selectorID).append('svg')

		.attr("width", this.parametres.width)

		.attr("height", this.parametres.height)

		.on("mousedown", function() {object.mouseDown(event);})

		.on("mousemove", function() {object.mouseMove(event);})

		.on("mouseup", function() {object.mouseUp(event);});

	paper.setup(this.canvas);

	paper.view.viewSize = new paper.Size(object.parametres.width, object.parametres.height);

	this.clusters = articles.clusters;

	//génération d'une palette de couleurs

	if (null == this.parametres.couleurs) {

		this.parametres.couleurs = this.selectColors(this.clusters.length);

	}

	//initialisation du panneau d'informations latéral

	this.lateral = d3.select("#infosLaterales");	

	this.lateral.select("button.close").on("click", function() {object.hideLateral();});

	//initialisation du panneau de sélection de clusters

	if (this.parametres.selection) {

		this.choice = d3.select("#choixLateral");

		this.choice.left = this.parametres.width + 50;

		d3.select("h1 button.select").on("click", function() {object.displayChoice();});

		this.fillChoices();

		this.choice.select("button.spread").on("click", function() {object.spread();});

	}

	else {

		d3.select("h1 button.select").style("opacity", 0);

	}

	console.log("Environnement OK.");

	this.data = {};

	this.zones = [];

	//affichage des points pré-calculés

	if (this.parametres.isPositions) {

		this.data.nodes = this.generateNodes(articles, this.parametres.isPositions);

		this.length = articles.nbItems;

		this.display(true);

	}

	//initialisation du Force Directed Graph

	else {

		this.data.nodes = this.generateNodes(articles, this.parametres.isPositions);

		this.data.links = this.generateLinks(links, this.data.nodes);

		this.force = d3.layout.force()

			.charge(this.parametres.charge)    //-20  

			.nodes(this.data.nodes)

			.links(this.data.links)

			.linkDistance(function(link) {return link.linkDistance;}) //20

			.linkStrength(function(link) {return link.linkStrength;})

			.size([this.parametres.width, this.parametres.height])

			.gravity(this.parametres.gravity) //.1

			.theta(this.parametres.theta)

			.start();

		console.log("Graphe en cours de stabilisation . . .");

		this.force.on("tick", function() {

			console.log("Stabilisation OK.");

			object.display(true);

		});

	}	

};	

Carte.prototype = {

	//gestion des paramètres

	etendre: function(parametres) {

		if (null==parametres || "object"!=typeof(parametres)) {

			return;

		}

		for (var cle in parametres) {

			this.parametres[cle] = parametres[cle];

		}

	},

	display: function (init) {

		if (this.parametres.clustering) {

			this.clusterData = this.clusterize(this.data.nodes, this.clusters.length);

			this.showNodes(this.clusterData);

		}

		else {

			this.showNodes(this.data.nodes);

		}			

		if (this.parametres.activerZoom && init) {

			this.activateZoom();

		}

		paper.setup(this.canvas);

		paper.view.viewSize = new paper.Size(this.parametres.width, this.parametres.height);

		this.createBackground();

	},

	clusterize: function(data, nb) {

		clusterd = [];

		for (var i = 0 ; i<nb; ++i) {

			clusterd.push({group: i, titre: "Cluster numéro " + i, poids: 0, x:0, y:0, count: 0, type: "cluster"});

		}

		for (var i = 0; i < data.length; i++) {

			if (clusterd[data[i].group]) {

				clusterd[data[i].group]["poids"] += parseFloat(data[i].poids);

				clusterd[data[i].group]["x"] += parseFloat(data[i].x);

				clusterd[data[i].group]["y"] += parseFloat(data[i].y);

				clusterd[data[i].group]["count"] += 1;

			}	

		}

		for (var i = 0 ; i<nb; ++i) {

			if (clusterd[i]["count"]) {

				clusterd[i]["poids"] = clusterd[i]["poids"]/10;

				clusterd[i]["scaledPoids"] = clusterd[i]["poids"];

				clusterd[i]["x"] /= parseFloat(clusterd[i]["count"]);

				clusterd[i]["y"] /= parseFloat(clusterd[i]["count"]);

			}		

		}

		return clusterd;

	},

	activateZoom: function() {

		this.rect = this.svg.selectAll("rect")

		    .data([{

		    	x: this.parametres.width*(1 - this.parametres.scaleInterval[0])/(this.parametres.scaleInterval[1] - this.parametres.scaleInterval[0]),

		    	y: 0

		    }])

			.enter().append("rect")

			.attr("x", function(d) { return d.x; })

			.attr("y", function(d) { return d.y; })

		    .attr("width", 15)

		    .attr("height", 15)

		    .style("stroke", "black")

		    .style("fill", "#00f")

		    .style("z-index", 2)

			.call(this.drag);

	},

	//génération d'une palette de couleurs

	selectColors: function(nbClusters) {

		var colors = colorbrewer;

		var sets = ["BrBG", "PiYG", "PRGn", "PuOr", "RdBu", "RdYlBu", "RdYlGn"];

		var selectorID, finalColors = [];

		while (finalColors.length < nbClusters) {

			selectorID = 	Math.floor(Math.random()*7);

			selectorID2 = Math.floor(Math.random()*11);

			color = new paper.RgbColor(colors[sets[selectorID]][11][selectorID2]);

			var available = true;

			for (var i = 0; i < finalColors.length; i++) {

				if (Math.floor(finalColors[i].hue) == Math.floor(color.hue)) {