function info_bulle1() {
     var node_id=document.getElementById("un");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle2() {
     var node_id=document.getElementById("deux");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle3() {
     var node_id=document.getElementById("trois");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle4() {
     var node_id=document.getElementById("quatre");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle5() {
     var node_id=document.getElementById("cinq");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle6() {
     var node_id=document.getElementById("six");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
	 function info_bulle7() {
     var node_id=document.getElementById("sept");
               node_id.addEventListener("mouseover",treat_event_over,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_out,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_move,false);
     }
     function treat_event_over(e) {
     document.getElementById("info_bulle").style["visibility"]="visible";//La souris survol on rend l'info bulle visible
     }
     function treat_event_out(e) {
     document.getElementById("info_bulle").style["visibility"]="hidden";//la souris ne survole plus:on cache l'info-bulle
     }     
     function treat_event_move(e) {
     var node=document.getElementById("info_bulle");
     node.style['left']=e.clientX+-45+"px";//la souris a bougé on recupere les coords (clientX/Y)
     node.style['top']=e.clientY+-120+"px";//et on les met a l'info-bulle (+10pixels pour ne pas survoler l'info-bulle)
     }     
	 function info_bullep() {
     var node_id=document.getElementById("pano");
               node_id.addEventListener("mouseover",treat_event_overp,false);//on met en place les ecouteur d'evenements...
               node_id.addEventListener("mouseout",treat_event_outp,false);// pour le survol,le deplacement quand la souris ne survol plus
               node_id.addEventListener("mousemove",treat_event_movep,false);
     }
     function treat_event_overp(e) {
     document.getElementById("info_bullep").style["visibility"]="visible";//La souris survol on rend l'info bulle visible
     }
     function treat_event_outp(e) {
     document.getElementById("info_bullep").style["visibility"]="hidden";//la souris ne survole plus:on cache l'info-bulle
     }     
     function treat_event_movep(e) {
     var node=document.getElementById("info_bullep");
     node.style['left']=e.clientX+-63+"px";//la souris a bougé on recupere les coords (clientX/Y)
     node.style['top']=e.clientY+-120+"px";//et on les met a l'info-bulle (+10pixels pour ne pas survoler l'info-bulle)
	 }