// JavaScript Document

function charge(){
	//Création de la UNE
	var gauche= document.createElement("div");
	gauche.className= "left";
	var par1= document.createElement("p");
	par1.className= "entete";
	par1.id= "id_entete";
	par1.innerHTML= "<b>"+tab_donnees[4][2]+"</b>  - "+tab_donnees[4][1]+"<br><b>"+tab_donnees[4][3]+"</b>";
	var par2= document.createElement("p");
	par2.className= "point";
	par2.id= "id_point";
	par2.innerHTML= tab_donnees[4][5];
	var par3= document.createElement("p");
	par3.className= "lien_une";
	var lien1= document.createElement("a");
	lien1.href= tab_donnees[4][10];
	lien1.innerHTML= tab_donnees[4][9];
	lien1.target= "_blank";
	par3.appendChild(lien1);
	var par4= document.createElement("p");
	par4.className= "lien_une";
	var lien2= document.createElement("a");
	lien2.href= tab_donnees[4][22];
	lien2.innerHTML= tab_donnees[4][21];
	lien2.target= "_blank";
	par4.appendChild(lien2);
	
	gauche.appendChild(par1);
	gauche.appendChild(par2);
	gauche.appendChild(par3);
	gauche.appendChild(par4);
	
	
	var droite= document.createElement("div");
	droite.className= "right";
	var par1= document.createElement("p");
	par1.className= "entete";
	par1.innerHTML= tab_donnees[4][12];
	var par2= document.createElement("p");
	par2.className= "video";
	var lien1= document.createElement("a");
	lien1.href= tab_donnees[4][17]+";void(0);%0A%09%09%09%09%09";
	lien1.className= "img";
	var img1= document.createElement("img");
	img1.src= tab_donnees[4][15];
	img1.border= 0;
	lien1.appendChild(img1);
	par2.appendChild(lien1);
	var par3= document.createElement("p");
	var lien2= document.createElement("a");
	lien2.href= tab_donnees[4][17]+";void(0);%0A%09%09%09%09%09";
	lien2.innerHTML= "Voir la presentation video";
	par3.appendChild(lien2);
	
	droite.appendChild(par1);
	droite.appendChild(par2);
	droite.appendChild(par3);
	
	document.getElementById("content_une").innerHTML= "";
	document.getElementById("content_une").appendChild(gauche);
	document.getElementById("content_une").appendChild(droite);
	
	
	//Création des autres news
	document.getElementById("content_autre").innerHTML= "";
	for(var i=5; i<tab_liste.length; i++){
		var englobe= document.createElement("div");
		englobe.className= "item";
		
		var par1= document.createElement("p");
		par1.className= "edito";
		par1.innerHTML= tab_liste[i][1];
		if(i==5){
			par1.style.paddingTop= "0px";
		}
		var par2= document.createElement("p");
		par2.className= "titre";
		par2.innerHTML= tab_liste[i][3];
		var par3= document.createElement("p");
		par3.innerHTML= tab_liste[i][5];
		var par4= document.createElement("p");
		par4.className= "lien";
		var lien1= document.createElement("a");
		lien1.href= tab_liste[i][9];
		lien1.innerHTML= tab_liste[i][8];
		lien1.target= "_blank";
		par4.appendChild(lien1);
		
		englobe.appendChild(par1);
		englobe.appendChild(par2);
		englobe.appendChild(par3);
		englobe.appendChild(par4);
		
		document.getElementById("content_autre").appendChild(englobe);
	}
	
	var tot_h= document.getElementById("id_entete").offsetHeight+document.getElementById("id_point").offsetHeight+32;
	document.getElementById("content_une").style.height= tot_h+"px";
}