diff --git a/damia/home/www/ml.faivre/root/Portail/index.php b/damia/home/www/ml.faivre/root/Portail/index.php
new file mode 100644
index 0000000..83bf177
--- /dev/null
+++ b/damia/home/www/ml.faivre/root/Portail/index.php
@@ -0,0 +1,106 @@
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+
+<head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>faivre.ml | Portail</title>
+        <link rel="stylesheet" type="text/css" href="index.css" />
+
+<!-- Add jQuery library -->
+<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
+<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+
+<!-- Add mousewheel plugin (this is optional) -->
+<script type="text/javascript" src="/Portail/testbox/lib/wtooltip.js"></script>
+
+</head>
+
+<body style="background:url(/Portail/fond_ciel.jpeg); background-size:cover;">
+
+<div id="main" style="padding-top:190px;">
+
+<table class="menu">
+<tr>
+
+<td class="accueil"> <a href="https://crozat.faivre.ml/Architecte/ " title=" accéder au site ">Réalisations et propositions</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info3">Pierre CROZAT</aa></span></td>
+<td class="accueil"> <a href="https://crozat.faivre.ml/Pyramide/ " title=" accéder au site ">Le Génie des Pyramides</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info2">Pierre CROZAT</aa></span></td>
+<td class="accueil"> <a href="https://steinbach.faivre.ml " title=" accéder au site " >Artiste peintre</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info1">Barbara STEINBACH</aa></span></td>
+<td class="accueil"> <a href="https://daniel-bremond.faivre.ml/" title=" accéder au site ">Les cannes à mouche</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info4">Daniel BRÉMOND</aa></span></td>
+</tr>
+</table>
+
+<br /><hr><br /><br />
+<table class="menu">
+<tr>
+
+
+<td> <a href="/Famille2/" title=" accéder au site ">Albums de famille</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info8">Feuilletez les albums photos...</aa></span></td>
+<td> <a href="/webtrees/" title=" accéder au site ">Arbres généalogiques</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info7">Découvrez les ancêtres...</aa></span></td>
+<!--<td> <a href="/PeleMele/index.html" title=" accéder au site ">Pêle-mêle de photos</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info6">Une façon ludique...</aa></span></td> -->
+<td> <a href="https://photos.faivre.ml" title=" accéder au site ">Photos</a><br /><span style="font-family:GE Inspira; font-size:0.6em;"><aa id="info5">Venez visiter...</aa></span></td>
+
+</tr>
+</table>
+</div>
+<?php
+
+/* On va chercher la légende de chaque titre*/
+
+$ff = fopen('legendes.txt', 'r') or die('Ouverture en lecture de "' . FICHIER . '" impossible !');
+$i=0;
+$legende = array();
+   while (!feof($ff)) {
+        $texte = fgets($ff, 2048);
+        $legende[$i] = $texte;
+$i=$i+1;
+   }
+    fclose('legendes.txt');
+
+$legende_json = json_encode($legende);
+
+?>
+
+<script type="text/javascript">
+
+  var legende_js = <?php print $legende_json;?> ;
+
+$("#info1").wTooltip({
+content: (legende_js[0]),
+});
+
+$("#info2").wTooltip({
+content: (legende_js[1]),
+});
+
+$("#info3").wTooltip({
+content: (legende_js[2]),
+});
+
+$("#info4").wTooltip({
+content: (legende_js[3]),
+});
+
+$("#info5").wTooltip({
+content: (legende_js[4]),
+});
+
+$("#info6").wTooltip({
+content: (legende_js[5]),
+});
+
+$("#info7").wTooltip({
+content: (legende_js[6]),
+});
+
+$("#info8").wTooltip({
+content: (legende_js[7]),
+});
+</script> 
+
+        <div id="footer" style="font-size:0.9em;">
+                <p>Photographie : Lac de l'Abbaye (Jura) © <span style="font-family:Tahu; font-size:1.8em;">bm</span><br />Contact : pf (arobase) faivre.ml</p>
+        </div>
+
+</body>
+
+</html>
