<!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> Les bonnes choses </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: 150px;
    margin: 12px 0;
   }
  body
   {
    background-color: #FFFDED;
   }
</style>
</head>
<body>

<img src="banner_bonnes.jpg" alt="Image Non Disponible" title="" />
<br />
<br />
<br />
<!--
<p>
&nbsp; &nbsp; &nbsp; <img src="smiley14.gif" align="middle" alt="" /> &nbsp; Liste de favorites choses &nbsp; (En Construction)
</p>
-->
<p>
&nbsp; &nbsp; &nbsp; <a href="liste_de_favorites.html"><img src="smiley14.gif" border="0" align="middle" alt="Liste de favorites choses" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="liste_de_favorites.html"> Liste de favorites choses </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="bonnes_histoires_infos.html"><img src="smiley14.gif" border="0" align="middle" alt="Bonnes Histoires et Infos" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="bonnes_histoires_infos.html"> Histoires et infos </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="photos_images.html"><img src="smiley14.gif" border="0" align="middle" alt="Photos et Images" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="photos_images.html"> Photos et Images </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="actualites_bonnes.html"><img src="smiley14.gif" border="0" align="middle" alt="Actualités bonnes" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="actualites_bonnes.html"> Actualités plutôt bonnes </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="liens_utiles.html"><img src="smiley14.gif" border="0" align="middle" alt="Liens Utiles" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="liens_utiles.html"> Liens plutôt utiles </a>
</p>
<!--
<p>
&nbsp; &nbsp; &nbsp; <img src="smiley14.gif" align="middle" alt="" /> &nbsp; Liens plutôt utiles  &nbsp; (En Construction)
</p>
-->
<p>
&nbsp; &nbsp; &nbsp; <a href="http://www.francais.schamenek.com/index.html"><img src="smiley14.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>
<p>
&nbsp; &nbsp; &nbsp; <a href="http://www.schamenek.com"><img src="smiley14.gif" border="0" align="middle" alt="American Home Page" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="http://www.schamenek.com"> American Home Page </a>
</p>
<br />
<br />

</body>
</html>