<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title> Nostalgie </title>
<!--  This comments-out the "style" block just below, (one which works if you use it, but it is not at all pretty). 
<style type="text/css" > 
  p
  {
    font-family: arial;
    margin: 1em;
    padding: 1em;
    background-color: gray;
    width: 10em;
  }
</style>
-->
<!--  The "style" lines below DO work !   They allow me to have TWO different "paragraph" styles, one which 
   is for an introductory paragraph with little indentation, the other of which is for all other paragraphs
   which have a much greater indentation.  Note that these LATTER do NOT have a class assignment, which makes 
   their use easier for all the "normal" paragraphs in the web page.  Only ONE paragraph has a class assignment,
   and that is for the "introductory" paragraph.   ALSO, the background-color style works. -->
<style type="text/css" > 
  p.intro
   {
    text-indent: 30px;
   }
  p
   {
    text-indent: 140px;
    margin: 12px 0;
   }
  body
   {
    background-color: #FFFAB2;
   }
</style>
</head>
<body>

<img src="banner_nostalgie.jpg" alt="Image Non Disponible" title="" />
<p class="intro">
Cette page vous donne accès à quelques histoires et souvenirs.
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="../ancienne/index.html"><img src="gold_button_1.gif" border="0" align="middle" alt="L'ancienne France" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="../ancienne/index.html"> L'ancienne France </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="../nouvelle/index.html"><img src="gold_button_1.gif" border="0" align="middle" alt="La France nouvelle" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="../nouvelle/index.html"> La France nouvelle </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="bethlehem_steel.html"><img src="gold_button_1.gif" border="0" align="middle" alt="Mondialisation et ma ville natale" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="bethlehem_steel.html"> Mondialisation et ma ville natale </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="louisiane.html"><img src="gold_button_1.gif" border="0" align="middle" alt="Louisiane et la langue francaise" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="louisiane.html"> Louisiane et la langue français </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <img src="gold_button_1.gif" align="middle" alt="" /> &nbsp; Futur
</p>
<p>
&nbsp; &nbsp; &nbsp; <img src="gold_button_1.gif" align="middle" alt="" /> &nbsp; Futur
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="http://www.francais.schamenek.com/index.html"><img src="gold_button_1.gif" border="0" align="middle" alt="Page d'accueil" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="http://www.francais.schamenek.com/index.html"> Page d'accueil </a>
</p>


</body>
</html>