<!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 choses bêtes </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: #C0C0C0;
   }
</style>
</head>
<body>

<img src="banner_choses_betes.jpg" alt="Image Non Disponible" title="" />
<br />
<br />
<br />
<p>
&nbsp; &nbsp; &nbsp; <a href="liste_de_betes.html"><img src="yellowish_button.gif" border="0" align="middle" alt="Choses betes" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="liste_de_betes.html"> Liste des choses bêtes et des choses absurdes </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="betes_histoires_infos.html"><img src="yellowish_button.gif" border="0" align="middle" alt=" Histoires et Infos" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="betes_histoires_infos.html"> Histoires et infos - troublantes, nocives, fausses </a>
</p>
<!--
<p>
&nbsp; &nbsp; &nbsp; <img src="yellowish_button.gif" align="middle" alt="" /> &nbsp; Histoires et infos - troublantes  (En Construction)
</p>
-->
<p>
&nbsp; &nbsp; &nbsp; <a href="photos_images_betes.html"><img src="yellowish_button.gif" border="0" align="middle" alt="Images troublantes" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="photos_images_betes.html"> Images troublantes </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="liens_inutiles.html"><img src="yellowish_button.gif" border="0" align="middle" alt="Liens Inutiles" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="liens_inutiles.html"> Liens plutôt inutiles </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="actualites_troublantes.html"><img src="yellowish_button.gif" border="0" align="middle" alt="Actualités troublantes" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="actualites_troublantes.html"> Actualités troublantes </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="../hillary/choix.html"><img src="yellowish_button.gif" border="0" align="middle" alt="Hillary Clinton" title="" /></a>
  &nbsp; <a style="text-decoration: none; color: black" href="../hillary/choix.html"> Hillary Clinton </a>
</p>
<p>
&nbsp; &nbsp; &nbsp; <a href="http://www.francais.schamenek.com/index.html"><img src="yellowish_button.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>
<br />
<br />

</body>
</html>