<?php 
$bdd = new PDO('mysql:host=localhost;dbname=bibliotheque;charset=utf8','root','');

$reqNom = $bdd->query('SELECT idHE, NomHE FROM he ORDER BY NomHE asc');

?>

<!DOCTYPE html>
<html>
    <head>
        <title>Fiches</title>
        <meta charset="utf-8" />
		<link rel="stylesheet" href="bibliotheque.css" />	
    </head>
    <body>

		<div class="fond" id="fond_fiches">
	
			<div class="barre_nav" id="barre_nav_fiches">
				<ul>
					<div>
						<li>
							<a href="page_accueil.php">Home</a>
						</li>
						<li>
							<a href="a_propos.php">A propos</a>
						</li>
						<li>
							<a href="fiches.php">Fiches</a>
						</li>
						<li>
							<a href="rechercher.php">Rechercher</a>
						</li>
						<li>
							<form method="post" action="barre_recherche.php" class="barre_recherche">
								<input type="text" name="requete" placeholder="votre recherche..." class="barre_recherche_texte" /><input type="submit" value="go" class="go" />
							</form>	
						</li>
					</div>
				</ul>
			</div>	
			
			<div class="sous_fond" id="sous_fond_fiches">
				<h2 class="titre">Sommaire</h2>				
				<div class="article_image">
					<img src="images/alphabet.jpg" />
				</div>			
				<p>
					Voici la liste des liens, rangés par ordre alphabétique, menant à la fiche d'une huile essentielle ou à celle du traitement d'une maladie par les huiles essentielles. Cette liste n'est pas exhaustive.
				</p>
				<div id="attention">
					Attention
				</div>
				<p>
					Ces propriétés, indications et modes d'utilisation sont issus des livres de référence ou de sites Internet sérieux en aromathérapie (voir références). Je ne suis ni médecin, ni pharmacien : ces informations sont données à titre informatif. Elles ne sauraient en aucun cas constituer substituer l'avis d'un médecin.
				</p>
				<h3>Huiles essentielles</h3>				
				<ol class="sommaire"> 
			
					<?php							
						foreach($reqNom->fetchAll() as $ligne){
					?>					
						<li>
							<a href="fiche.php?billet=<?php echo $ligne['idHE']; ?>"><?php echo $ligne['NomHE']; ?></a>
						</li>	
					<?php
						}
					?>				
				</ol>
			</div>
			
		</div>
		

	
    </body>
</html>