document.write('<style type="text/CSS">')
document.write('.canvas{padding-left:12px; padding-right:7px; }')
document.write('</style>')
//
menu_inversevideo=''; sousmenu_visible='';
xa=0; ya=0; x1=0; x2=screen.width/2-10; 
assensseur_pos_memorise=0; assensseur_pos_haut=0;
y=9999; x=9999; orglan=0;

menu_elemt = new Array;
menu_elemt[0] = "Page précédente|history.go(-1)||sousmenu1_close()";
menu_elemt[1] = "Page suivante|history.go(1)||sousmenu1_close()";
menu_elemt[2] = "";
menu_elemt[3] = "Situation géopolitique|document.location.href=\'index.html\'||sousmenu1_close()";
menu_elemt[4] = "Un peu d'histoire|document.location.href=\'histoire_de_langres.html\'||sousmenu1_close()";
menu_elemt[5] = "Le camp retranché de Langres||sousmenu1_open('sousmenu4_box')|sousmenu1_close()";
menu_elemt[6] = "";
menu_elemt[7] = "La France de 1870|document.location.href=\'heure_des_bilans.html\'||sousmenu1_close()";
menu_elemt[8] = "L'oeuvre du Général Séré de Rivière||sousmenu1_open('sousmenu1_box')|sousmenu1_close()";
menu_elemt[9] = "Séré de Rivière face à l'histoire||sousmenu1_open('sousmenu2_box')|sousmenu1_close()";
menu_elemt[10] = "";
menu_elemt[11] = "La page contact|document.location.href=\'contact.html\'||sousmenu1_close()";
menu_elemt[12] = "Liens divers||sousmenu1_open('sousmenu3_box')|sousmenu1_close()";
menu_elemt[13] = "Avertissement|document.location.href=\'avertissement.html\'||sousmenu1_close()";
menu_elemt[14] = "";

sousmenu1_elemt=new Array;
sousmenu1_elemt[3]="";
sousmenu1_elemt[0]="Le général Séré de Rivière|document.location.href=\'sere_de_riviere.html\'";
sousmenu1_elemt[1]="Constats et choix|document.location.href=\'nouvelle_strategie.html\'";
sousmenu1_elemt[2]="Une nouvelle stratégie défensive|document.location.href=\'nouvelle_strategie_suite.html\'";
sousmenu1_elemt[3]="Organisation d'un camp retranché|document.location.href=\'le_camp_retranche.html\'";
sousmenu1_elemt[4]="";

sousmenu2_elemt=new Array;
sousmenu2_elemt[0]="La crise de l'obus torpille|document.location.href=\'crise_obus_torpille.html\'";
sousmenu2_elemt[1]="Séré de Rivière face à l'histoire|document.location.href=\'lapides_clamabunt.html\'";
sousmenu2_elemt[2]="";

sousmenu3_elemt=new Array;
sousmenu3_elemt[0]="La fortification|document.location.href=\'liens_fortif.html\'";
sousmenu3_elemt[1]="Langres et sa région|document.location.href=\'liens_langres.html\'";
sousmenu3_elemt[2]="Déplacement/Pratique/Divers|document.location.href=\'liens_divers.html\'";
sousmenu3_elemt[3]="Médias|document.location.href=\'liens_media.html\'";
sousmenu3_elemt[4]="";

sousmenu4_elemt=new Array;
sousmenu4_elemt[0]="Le contexte et les raisons|document.location.href=\'camp_retranche.html\'";
sousmenu4_elemt[1]="L'organisation de la place forte|document.location.href=\'organistion_langres.html\'";
sousmenu4_elemt[2]="";

//
function souris_position(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
assensseur_pos_haut=document.body.scrollTop+1;
if ((assensseur_pos_haut!=assensseur_pos_memorise) && (assensseur_pos_memorise!=0))
 {
  document.getElementById("menu_box").style.top = 0;
  document.getElementById("menu_box").style.left = 0;
  document.getElementById("menu_ombre").style.top = 0;
  document.getElementById("menu_ombre").style.left = 0;
  document.getElementById("menu_box").style.visibility = "hidden";
  document.getElementById("menu_ombre").style.visibility = "hidden";
  if (sousmenu_visible!='')
   {document.getElementById(''+sousmenu_visible+'').style.top = 0;
    document.getElementById(''+sousmenu_visible+'').style.left = 0;
    document.getElementById(''+sousmenu_visible+'').style.visibility = "hidden";
    sousmenu_visible='';assensseur_pos_memorise=0;
    }
 }
 if (orglan==1)
 {ouv()}
}
//
function menu_open()
{
if ((x==9999) && (y==9999))
 {souris_position();
 }
if (menu_inversevideo!='')
 {menu_inversevideo.style.background ='#fafad2';
  menu_inversevideo.style.color = '#000000';
 }
if(sousmenu_visible!='')
 {
  document.getElementById(''+sousmenu_visible+'').style.top = 0;
  document.getElementById(''+sousmenu_visible+'').style.left = 0;
  document.getElementById(''+sousmenu_visible+'').style.visibility = "hidden";
  sousmenu_visible='';
 }
x1=x;xa=x+1; ya=y;
assensseur_pos_memorise=assensseur_pos_haut;
if (x>x2)
 {xa=x-250;x1=xa-420;
 }
if (y>assensseur_pos_haut+50)
 {ya=y-30;
 }
if (y>assensseur_pos_haut+150)
 {ya=y-154;
 }
document.getElementById("menu_box").style.top = ya;
document.getElementById("menu_box").style.left = xa;
document.getElementById("menu_ombre").style.top = ya+2;
document.getElementById("menu_ombre").style.left = xa+2;
document.getElementById("menu_box").style.visibility = "visible";
document.getElementById("menu_ombre").style.visibility = "visible";
return(false);
}
//
function sousmenu1_open(nondulayer)
{
sousmenu_visible=nondulayer
if (nondulayer=='sousmenu1_box')
 {document.getElementById("sousmenu1_box").style.top = ya+90;
 }
if (nondulayer=='sousmenu2_box')
 {document.getElementById("sousmenu2_box").style.top = ya+136;
 }
if (nondulayer=='sousmenu3_box')
 {document.getElementById("sousmenu3_box").style.top = ya+135;
 }
 if (nondulayer=='sousmenu4_box')
 {document.getElementById("sousmenu4_box").style.top = ya+59;
 }
document.getElementById(''+sousmenu_visible+'').style.left = x1+225;
document.getElementById(''+sousmenu_visible+'').style.visibility="visible";
return(false);
}
//
function sousmenu1_close()
{
if (menu_inversevideo!='')
 {menu_inversevideo.style.background ='#fafad2';
  menu_inversevideo.style.color = '#000000';
 }
if (sousmenu_visible!='')
 {document.getElementById(''+sousmenu_visible+'').style.top = 0;
  document.getElementById(''+sousmenu_visible+'').style.left = 0;
  document.getElementById(''+sousmenu_visible+'').style.visibility = "hidden";
  sousmenu_visible=''
 }
}
//
function menus_close()
{
if (x<xa || x>xa+240 || y<ya || y>ya+170)
 {if (sousmenu_visible!='')
  {document.getElementById(''+sousmenu_visible+'').style.top = 0;
   document.getElementById(''+sousmenu_visible+'').style.left = 0;
   document.getElementById(''+sousmenu_visible+'').style.visibility = "hidden";
   sousmenu_visible='';
  }
  if (document.getElementById)
  {document.getElementById("menu_box").style.top = 0;
   document.getElementById("menu_box").style.left = 0;
   document.getElementById("menu_ombre").style.top = 0;
   document.getElementById("menu_ombre").style.left = 0;
   document.getElementById("menu_box").style.visibility = "hidden";
   document.getElementById("menu_ombre").style.visibility = "hidden";
   assensseur_pos_memorise=0;
  }
 }	
}
//
function hlmenu(mode, element)
{
if(mode == 1)
 {element.style.background = '#316AC5';
  element.style.color = '#ffffff';
 }
if(mode==0 && sousmenu_visible=='')
 {element.style.background ='#fafad2';
  element.style.color = '#000000';
 }
menu_inversevideo=element;
}
//
function hl(mode, element)
{
if(mode == 1)
 {element.style.background = '#316AC5';
  element.style.color = '#ffffff';
 }
else
 {element.style.background ='#fafad2';
  element.style.color = '#000000';
 }
}
//
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = souris_position;
document.oncontextmenu = menu_open;
document.onclick = menus_close;
//
document.write('<div id="menu_box"')
document.write(' style="border: 1px solid rgb(157, 157, 161); padding: 3px; z-index: 500; position: absolute; width: 240px; background-color: rgb(250, 250, 210); font-family: Arial,helvetica,sans-serif; font-size: 12px; cursor: default; visibility: hidden;">');
menu_txt = '';
for(a=0;a<menu_elemt.length;a++)
 { if(menu_elemt[a].indexOf("|") > 0)
    { splited = new Array;
    splited = menu_elemt[a].split("|");
    document.write('<div class="canvas" onClick="'+splited[1]+'" onMouseOver="'+splited[3]+';'+splited[2]+';hlmenu(1,this)" onMouseOut="hlmenu(0, this)">'+splited[0]+'</div>');
    menu_txt += '<div class="canvas">'+splited[0]+'</div>';
    }
   else
    { document.write('<div class="canvas" ><hr width="200" size="1" color="9D9DA1" /></div>');
      menu_txt += '<div class="canvas"><hr width="200" size="1" color="9D9DA1" /></div>';
    }
 }
document.write('</div><div id="menu_ombre" style="z-index:400;position:absolute;width:240px; border:1px solid #9D9DA1; background-color:#9D9DA1; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9D9DA1 ;cursor:default; visibility:hidden;padding:3">'+menu_txt+'</div>');
//
document.write('<div id="sousmenu1_box" ')
document.write('style="border: 1px solid rgb(157, 157, 161); padding: 3px; z-index:502;  position: absolute; width: 215px; background-color: rgb(250, 250, 210); font-family: Arial,helvetica,sans-serif; font-size: 12px; cursor: default; visibility: hidden;">');
for(a=0;a<sousmenu1_elemt.length;a++)
{ if(sousmenu1_elemt[a].indexOf("|") > 0)
 { splited = new Array;
   splited = sousmenu1_elemt[a].split("|");
   document.write('<div class="canvas" onClick="'+splited[1]+'" onMouseOver="hl(1, this)" onMouseOut="hl(0,this)">'+splited[0]+'</div>');
 }
  else
 { document.write('<div class="canvas" ><hr width="190" size="1" color="9D9DA1" /></div>');
 }
}
document.write('</div>');
//
document.write('<div id="sousmenu2_box" ')
document.write('style="border: 1px solid rgb(157, 157, 161); padding: 3px; z-index: 502; position: absolute; width: 210px; background-color: rgb(250, 250, 210); font-family: Arial,helvetica,sans-serif; font-size: 12px; cursor: default; visibility: hidden;">');
for(a=0;a<sousmenu2_elemt.length;a++)
{ if(sousmenu2_elemt[a].indexOf("|") > 0)
 { splited = new Array;
   splited = sousmenu2_elemt[a].split("|");
   document.write('<div class="canvas" onClick="'+splited[1]+'" onMouseOver="hl(1, this)" onMouseOut="hl(0,this)">'+splited[0]+'</div>');
 }
  else
 { document.write('<div class="canvas" ><hr width="165" size="1" color="9D9DA1" /></div>');
 }
}
document.write('</div>');
//
document.write('<div id="sousmenu3_box" ')
document.write('style="border: 1px solid rgb(157, 157, 161); padding: 3px; z-index: 502; position: absolute; width: 210px; background-color: rgb(250, 250, 210); font-family: Arial,helvetica,sans-serif; font-size: 12px; cursor: default; visibility: hidden;">');
for(a=0;a<sousmenu3_elemt.length;a++)
{ if(sousmenu3_elemt[a].indexOf("|") > 0)
 { splited = new Array;
   splited = sousmenu3_elemt[a].split("|");
   document.write('<div class="canvas" onClick="'+splited[1]+'" onMouseOver="hl(1, this)" onMouseOut="hl(0,this)">'+splited[0]+'</div>');
 }
  else
 { document.write('<div class="canvas" ><hr width="165" size="1" color="9D9DA1" /></div>');
 }
}
document.write('</div>');
//
document.write('<div id="sousmenu4_box" ')
document.write('style="border: 1px solid rgb(157, 157, 161); padding: 3px; z-index: 502; position: absolute; width: 210px; background-color: rgb(250, 250, 210); font-family: Arial,helvetica,sans-serif; font-size: 12px; cursor: default; visibility: hidden;">');
for(a=0;a<sousmenu4_elemt.length;a++)
{ if(sousmenu4_elemt[a].indexOf("|") > 0)
 { splited = new Array;
   splited = sousmenu4_elemt[a].split("|");
   document.write('<div class="canvas" onClick="'+splited[1]+'" onMouseOver="hl(1, this)" onMouseOut="hl(0,this)">'+splited[0]+'</div>');
 }
  else
 { document.write('<div class="canvas" ><hr width="165" size="1" color="9D9DA1" /></div>');
 }
}
document.write('</div>');