// JavaScript Document
var posY;
var posX;

function start(){
centrer("FOND");
positionner("MONTMARTRE",106,100);
positionner("TOUCHARD",520,350);
positionner("RECHERCHE",140,353);
}

function start2(){
centrer("FOND");
positionner("MONTMARTRE2",10,100);
}

function start3(){
centrer("FOND");
positionner("MONTMARTRE2",25,88);
}


function centrer(element){
height = document.getElementById(element).offsetHeight;
width = document.getElementById(element).offsetWidth;

// taille de l'écran, taille de l'image position dans le scroll
var racine = document.documentElement;
var premierNiveau = racine.childNodes;

largeur=premierNiveau[1].clientWidth;
hauteur=premierNiveau[1].clientHeight;

posY = (hauteur/2) - (height/2 )+ document.documentElement.scrollTop;
posX = (largeur - width)/2 + document.documentElement.scrollLeft;

document.getElementById(element).style.top = posY;
document.getElementById(element).style.left = posX;
}

function positionner(element,x,y){
posLeft=posX+x;
posTop=posY+y;
document.getElementById(element).style.top=posTop+"px";
document.getElementById(element).style.left=posLeft+"px";
}