function capte_largeur()
 {
   var largeur_ecran=0;
   if (document.body.clientWidth)
   {
    largeur_ecran=document.body.clientWidth;
   }
   else if (screen.availWidth)
   {
     largeur_ecran= screen.availWidth;
   }
   if (largeur_ecran)
    return largeur_ecran;
 }

function reduit_images(largeur_ecran)
 {
   i=0 ;
   var ima;
   var larg_image ;
    for (i=0;i< document.getElementsByTagName("img").length; i++)
    {
    // document.write(i);
     document.getElementsByTagName("img")[i].removeAttribute("style") ;
     document.getElementsByTagName("img")[i].removeAttribute("id") ;
     document.getElementsByTagName("img")[i].removeAttribute("class") ;
     if(i<=2)   // cas des 3 premières images
      larg_image=largeur_ecran/2.5;
      else
        larg_image=largeur_ecran/5;
     document.getElementsByTagName("img")[i].setAttribute("width", larg_image) ;
     document.getElementsByTagName("img")[i].setAttribute("border", "0") ;
     /*document.write(" : "+document.getElementsByTagName("img")[i].getAttribute("width")+" ; ");
    if (im.style.width>=30*(largeur_ecran/100) ) */
      //30*(largeur_ecran/100); 30% de screen
    }
  }
  
  function legendes_images ()  //en réserve
  { document.write("<br />");
   for (i=0;i< document.getElementsByTagName("img").length; i++)
    {
    if  ( document.getElementsByTagName("img")[i].getAttribute("title")  )
       document.write(document.getElementsByTagName("img")[i].getAttribute("title") +i+" <br />") ;
       else
        document.write("Sans légende<br />");
    }
  }

function fixe_marge_formate()   //formate la page ; et si petit écran, reduit les images
 {
   var largeur_ecran;
   var largeurToutStandard=750;
   var tout= document.getElementById("tout");
   largeur_ecran=capte_largeur();
   //document.write(largeur_ecran+"px<br />");
    if  (largeur_ecran >=largeurToutStandard)  //si screen >= largeur moyenne  ; largeurToutStandard
    {
     tout.style.width=largeurToutStandard+"px";
     marg=(largeur_ecran-largeurToutStandard)/2;
     tout.style.marginLeft=marg+"px";


    /*document.write("<br /> "+largeur_tout.substring(0,largeur_tout.length-2)+" kokp");  */
    }
    if (largeur_ecran <largeurToutStandard)  //si screen <= largeur moyenne (smatphones...)
    {
     tout.style.width="98%" ;  //parce que largeur vidéo est sup. à largeur du cadre d'écran - ... voir parent de tout
     tout.style.borderLeft="none";
     //document.write("fffffffxo");
     tout.style.marginLeft="-3%";
     document.getElementsByTagName("td")[2].removeAttribute("style") ;
     reduit_images(largeur_ecran);//les images larges de + de X% de screen sont réduites à une largeur de Y% de screen
       //JE LAISSE çA POUR MEMOIRE - TENTATIVE INFRUCTUEUSES POUR ENLEVER BORDURE BOUTON SOMMAIRE
       if (document.getElementById("bouton_sommaire"))
       {
        document.getElementById("bouton_sommaire").removeAttribute("style");
        document.getElementById("bouton_sommaire").setAttribute("style", "border-style:none; font-size:0.5em");
       }
    }

   /*alert(document.getElementsByTagName("td")[3].className);*/
 }

function bloc_de_fin()  // en cours de mise obsolète, par remplacement par fonction appelée par onload
 {
  fixe_marge_formate(capte_largeur());
 }

function   verif_si_reduit_images() //devra être appelé dans balise body avec onload=
 {
  largeur= capte_largeur();
  if (largeur<750)
    reduit_images(largeur);
 }

function details_et_formate()  // onload dans balise body
 {
  document.getElementById('redui').style.visibility='visible';
  document.getElementById('aggran').style.visibility='visible';
  verif_si_reduit_images()
  fixe_marge_formate()
 }