<!--
// ***********************************************************
// ouvre un document dans une nlle fenetre a la dimension de l'ecran
// ***********************************************************
 function popimage(img) { 
 titre="Agrandissement"; 
 w=open("",'image','width=1,height=1,toolbar=no,scrollbars=no,resizable=no'); 
 w.document.write("<script type='text/javascript'>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { settimeout('checksize()',250) } }</"+"script>"); 
 w.document.write("<body onload='checksize()' onblur='window.close()' onclick='window.close()' topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>"); 
 w.document.write("<img src='"+img+"' border='0' alt='image' />"); 
 } 
// *********************************************
// montre en bkground dans une cellule le pp d'un fichier
// *********************************************
function proposer(fichier_pp,comm,style,h,w) {
document.write('<td background="',fichier_pp,'" height=',h,' width=',w,' class="haut_cellule" valign=bottom align=center>');
document.write('<h4> <div align=',style,'> <b>',comm,'</b>');
}
// *********************************************
// montre un panorama avec hauteur variable
// *********************************************
function afficher_panorama(fichier,texte,h) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <br> <br> <br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td align=center> <img src="',fichier,'" height=',h,' class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="',fichier,'"> <br> <br> <b> Original</a> &nbsp; &nbsp; <a href="javascript:window.close()"> <b> Retour</a> </td> </tr> </table>');
}
// *******************************************
// montre un fichier en image avec hauteur variable
// *******************************************
function afficher_hauteur(fichier,texte,h) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td align=center> <img src="',fichier,'" height=',h,' class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table>');
}
// *******************************************
// montre un fichier en image avec largeur variable
// *******************************************
function afficher_largeur(fichier,texte,w) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td align=center> <img src="',fichier,'" width=',w,' class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table>');
}
// *******************************************
// montre un fichier en image sur une hauteur de 680
// *******************************************
function afficher(fichier,texte) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td align=center> <img src="',fichier,'" height=680  class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table>');
}
// *************************************************************
// montre un fichier en image sur une hauteur de 680 qu'on peut agrandir
// *************************************************************
function afficher_agrandir(fichier,texte) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td align=center> <img src="',fichier,'" height=680  class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="',fichier,'"> <b> Agrandir</a> &nbsp; &nbsp; <a href="javascript:window.close()"> <b> Retour</a> </td> </tr> </table>');
}

// **********************************************************
// montre en bkground dans une cellule avec hauteur et largeur variables
// **********************************************************
function afficher_tableau(fichier,texte,w,h) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <table align=center width=100% border=0>');
mafenetre.document.write('<tr> <td background="',fichier,'" height=',h,' width=',w,' class="cellule"> <br> </td> </tr>');
mafenetre.document.write(' <tr> <td align=center valign=bottom width=92%> <h4> <b>',texte);
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table>');
}
// **********************************************************
// montre en bkground photo titre et 4 paragraphes
// **********************************************************
function afficher_complement(fichier,sujet,p1,p2,p3,p4,w,h) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <br> <table align=center width=90% border=3>');
mafenetre.document.write('<tr> <td> <br> <br> <table align=center width=95% border=0>');
mafenetre.document.write(' <tr> <td align=center colspan=2> <br> <br> <div class="fantaisie"> <b>',sujet,'</h3> </td> </tr>');
mafenetre.document.write('<tr> <td background="',fichier,'" height=',h,' width=',w,' class="cellule"> </td>');
mafenetre.document.write(' <td align=justify class="texte"> <br> <h4> <b>',p1,'<br> <br>');
mafenetre.document.write(p2,'<br> <br> ',p3,'<br> <br>',p4,'</td> </tr>'); 
mafenetre.document.write('<tr> <td colspan=2><br> <br> <br> <br> <br>');
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table> </td> </tr> </table>');
}
// **********************************************************
// montre en bkground photo titre et texte format libre
// **********************************************************
function afficher_complement_libre(fichier,sujet,p1,p2,p3,p4,w,h) {
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <br> <table align=center width=90% border=3>');
mafenetre.document.write('<tr> <td> <br> <br> <table align=center width=95% border=0>');
mafenetre.document.write(' <tr> <td align=center colspan=2> <div class="fantaisie"> <b>',sujet,'</h3> </td> </tr>');
mafenetre.document.write('<tr> <td align=justify class="texte"> <img src="',fichier,'" height=',h,' width=',w,' align="left" hspace="15" vspace="15">');
mafenetre.document.write('<h4> <b>',p1,'<br> <br>',p2,'<br> <br>',p3,'<br> <br>',p4,'<br> </td> </tr>'); 
mafenetre.document.write('<tr> <td colspan=2><br> <br> <br> <br> <br>');
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a></td> </tr> </table> </td> </tr> </table>');
}
// **********************************************************
// montre en bkground photo titre et texte format libre nbre paragraphes libre
// **********************************************************
function afficher_complement_8indices(fichier,sujet,p1,p2,p3,p4,p5,p6,p7,p8,w,h) {
tableau = new Array(0,p1,p2,p3,p4,p5,p6,p7,p8);
mafenetre = window.open('','Titre','fullscreen=yes, width=1200, height=800, statusbar=yes, menubar=yes, top=0,left=0,screenX=0,screenY=0, scrollbars=yes');
mafenetre.document.write('<head>');
mafenetre.document.write('<link rel="stylesheet" type="text/css" href="http://familleperreau.com/Sylvie/feuille_style_Sylvie.css">');
mafenetre.document.write('</head>');
mafenetre.document.write('<body class="fond" background = "http://familleperreau.com/Sylvie/Images/carre_jaune.jpg" width=600 >');
mafenetre.document.write('<br> <br> <br> <table align=center width=90% border=3>');
mafenetre.document.write('<tr> <td> <br> <br> <table align=center width=95% border=0>');
mafenetre.document.write(' <tr> <td align=center colspan=2> <div class="fantaisie"> <b>',sujet,'</h3> </td> </tr>');
mafenetre.document.write('<tr> <td align=justify class="texte"> <img src="',fichier,'" height=',h,' width=',w,' align="left" hspace="15" vspace="15"> <h4> <b>');
for (var i=1; i<=8; i++)
   mafenetre.document.write(tableau[i],'<br> <br>');
mafenetre.document.write('<tr> <td colspan=2> <br>');
mafenetre.document.write('<div align=right> <a href="javascript:window.close()"> <b> Retour</a> <br> <br> </td> </tr> </table> </td> </tr> </table>');
}
//-->


