93 files changed, 5721 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..631f78b
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+vendor/
+node_modules/
+public/js/tinymce/
+public/js/tinymce-langs/
+config/config.ini
+data/
+bdd_nageurs.sql
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..dc94cd6
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+Les Nageurs Bigoudens - Club, Ecole de natation et Perfectionnement
+https://nageurs-bigoudens.fr/
\ No newline at end of file
diff --git a/bin/copy_directory.php b/bin/copy_directory.php
new file mode 100644
index 0000000..2c001c0
--- /dev/null
+++ b/bin/copy_directory.php
@@ -0,0 +1,25 @@
+<?php
+// bin/copy_directory.php
+//
+// appel dans le composer.json
+
+function copyDirectory($source, $destination) {
+    if (!is_dir($destination)) {
+        mkdir($destination, 0777, true);
+    }
+
+    $iterator = new RecursiveIteratorIterator(
+        new RecursiveDirectoryIterator($source, RecursiveDirectoryIterator::SKIP_DOTS),
+        RecursiveIteratorIterator::SELF_FIRST
+    );
+
+    foreach ($iterator as $item) {
+        if ($item->isDir()) {
+            mkdir($destination . DIRECTORY_SEPARATOR . $iterator->getSubPathName());
+        } else {
+            copy($item, $destination . DIRECTORY_SEPARATOR . $iterator->getSubPathName());
+        }
+    }
+}
+
+copyDirectory($argv[1], $argv[2]);
diff --git a/bin/doctrine b/bin/doctrine
new file mode 100644
index 0000000..8017267
--- /dev/null
+++ b/bin/doctrine
@@ -0,0 +1,18 @@
+#!/usr/bin/env php
+<?php
+// bin/doctrine
+
+use Doctrine\ORM\Tools\Console\ConsoleRunner;
+use Doctrine\ORM\Tools\Console\EntityManagerProvider\SingleManagerProvider;
+
+chdir('bin'); // pour être au même niveau que l'appli dans /public
+
+require('../src/Config.php');
+Config::load('../config/config.ini');
+
+require '../src/model/doctrine-bootstrap.php';  // relatif
+//require __DIR__ . '/../src/model/doctrine-bootstrap.php'; // absolu
+
+ConsoleRunner::run(
+    new SingleManagerProvider($entityManager)
+);
diff --git a/composer-setup.php b/composer-setup.php
new file mode 100644
index 0000000..a5efbed
--- /dev/null
+++ b/composer-setup.php
@@ -0,0 +1,1748 @@
+<?php
+
+/*
+ * This file is part of Composer.
+ *
+ * (c) Nils Adermann <naderman@naderman.de>
+ *     Jordi Boggiano <j.boggiano@seld.be>
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+setupEnvironment();
+process(is_array($argv) ? $argv : array());
+
+/**
+ * Initializes various values
+ *
+ * @throws RuntimeException If uopz extension prevents exit calls
+ */
+function setupEnvironment()
+{
+    ini_set('display_errors', 1);
+
+    if (extension_loaded('uopz') && !(ini_get('uopz.disable') || ini_get('uopz.exit'))) {
+        // uopz works at opcode level and disables exit calls
+        if (function_exists('uopz_allow_exit')) {
+            @uopz_allow_exit(true);
+        } else {
+            throw new RuntimeException('The uopz extension ignores exit calls and breaks this installer.');
+        }
+    }
+
+    $installer = 'ComposerInstaller';
+
+    if (defined('PHP_WINDOWS_VERSION_MAJOR')) {
+        if ($version = getenv('COMPOSERSETUP')) {
+            $installer = sprintf('Composer-Setup.exe/%s', $version);
+        }
+    }
+
+    define('COMPOSER_INSTALLER', $installer);
+}
+
+/**
+ * Processes the installer
+ */
+function process($argv)
+{
+    // Determine ANSI output from --ansi and --no-ansi flags
+    setUseAnsi($argv);
+
+    $help = in_array('--help', $argv) || in_array('-h', $argv);
+    if ($help) {
+        displayHelp();
+        exit(0);
+    }
+
+    $check      = in_array('--check', $argv);
+    $force      = in_array('--force', $argv);
+    $quiet      = in_array('--quiet', $argv);
+    $channel    = 'stable';
+    if (in_array('--snapshot', $argv)) {
+        $channel = 'snapshot';
+    } elseif (in_array('--preview', $argv)) {
+        $channel = 'preview';
+    } elseif (in_array('--1', $argv)) {
+        $channel = '1';
+    } elseif (in_array('--2', $argv)) {
+        $channel = '2';
+    } elseif (in_array('--2.2', $argv)) {
+        $channel = '2.2';
+    }
+    $disableTls = in_array('--disable-tls', $argv);
+    $installDir = getOptValue('--install-dir', $argv, false);
+    $version    = getOptValue('--version', $argv, false);
+    $filename   = getOptValue('--filename', $argv, 'composer.phar');
+    $cafile     = getOptValue('--cafile', $argv, false);
+
+    if (!checkParams($installDir, $version, $cafile)) {
+        exit(1);
+    }
+
+    $ok = checkPlatform($warnings, $quiet, $disableTls, true);
+
+    if ($check) {
+        // Only show warnings if we haven't output any errors
+        if ($ok) {
+            showWarnings($warnings);
+            showSecurityWarning($disableTls);
+        }
+        exit($ok ? 0 : 1);
+    }
+
+    if ($ok || $force) {
+        if ($channel === '1' && !$quiet) {
+            out('Warning: You forced the install of Composer 1.x via --1, but Composer 2.x is the latest stable version. Updating to it via composer self-update --stable is recommended.', 'error');
+        }
+
+        $installer = new Installer($quiet, $disableTls, $cafile);
+        if ($installer->run($version, $installDir, $filename, $channel)) {
+            showWarnings($warnings);
+            showSecurityWarning($disableTls);
+            exit(0);
+        }
+    }
+
+    exit(1);
+}
+
+/**
+ * Displays the help
+ */
+function displayHelp()
+{
+    echo <<<EOF
+Composer Installer
+------------------
+Options
+--help               this help
+--check              for checking environment only
+--force              forces the installation
+--ansi               force ANSI color output
+--no-ansi            disable ANSI color output
+--quiet              do not output unimportant messages
+--install-dir="..."  accepts a target installation directory
+--preview            install the latest version from the preview (alpha/beta/rc) channel instead of stable
+--snapshot           install the latest version from the snapshot (dev builds) channel instead of stable
+--1                  install the latest stable Composer 1.x (EOL) version
+--2                  install the latest stable Composer 2.x version
+--2.2                install the latest stable Composer 2.2.x (LTS) version
+--version="..."      accepts a specific version to install instead of the latest
+--filename="..."     accepts a target filename (default: composer.phar)
+--disable-tls        disable SSL/TLS security for file downloads
+--cafile="..."       accepts a path to a Certificate Authority (CA) certificate file for SSL/TLS verification
+
+EOF;
+}
+
+/**
+ * Sets the USE_ANSI define for colorizing output
+ *
+ * @param array $argv Command-line arguments
+ */
+function setUseAnsi($argv)
+{
+    // --no-ansi wins over --ansi
+    if (in_array('--no-ansi', $argv)) {
+        define('USE_ANSI', false);
+    } elseif (in_array('--ansi', $argv)) {
+        define('USE_ANSI', true);
+    } else {
+        define('USE_ANSI', outputSupportsColor());
+    }
+}
+
+/**
+ * Returns whether color output is supported
+ *
+ * @return bool
+ */
+function outputSupportsColor()
+{
+    if (false !== getenv('NO_COLOR') || !defined('STDOUT')) {
+        return false;
+    }
+
+    if ('Hyper' === getenv('TERM_PROGRAM')) {
+        return true;
+    }
+
+    if (defined('PHP_WINDOWS_VERSION_BUILD')) {
+        return (function_exists('sapi_windows_vt100_support')
+            && sapi_windows_vt100_support(STDOUT))
+            || false !== getenv('ANSICON')
+            || 'ON' === getenv('ConEmuANSI')
+            || 'xterm' === getenv('TERM');
+    }
+
+    if (function_exists('stream_isatty')) {
+        return stream_isatty(STDOUT);
+    }
+
+    if (function_exists('posix_isatty')) {
+        return posix_isatty(STDOUT);
+    }
+
+    $stat = fstat(STDOUT);
+    // Check if formatted mode is S_IFCHR
+    return $stat ? 0020000 === ($stat['mode'] & 0170000) : false;
+}
+
+/**
+ * Returns the value of a command-line option
+ *
+ * @param string $opt The command-line option to check
+ * @param array $argv Command-line arguments
+ * @param mixed $default Default value to be returned
+ *
+ * @return mixed The command-line value or the default
+ */
+function getOptValue($opt, $argv, $default)
+{
+    $optLength = strlen($opt);
+
+    foreach ($argv as $key => $value) {
+        $next = $key + 1;
+        if (0 === strpos($value, $opt)) {
+            if ($optLength === strlen($value) && isset($argv[$next])) {
+                return trim($argv[$next]);
+            } else {
+                return trim(substr($value, $optLength + 1));
+            }
+        }
+    }
+
+    return $default;
+}
+
+/**
+ * Checks that user-supplied params are valid
+ *
+ * @param mixed $installDir The required istallation directory
+ * @param mixed $version The required composer version to install
+ * @param mixed $cafile Certificate Authority file
+ *
+ * @return bool True if the supplied params are okay
+ */
+function checkParams($installDir, $version, $cafile)
+{
+    $result = true;
+
+    if (false !== $installDir && !is_dir($installDir)) {
+        out("The defined install dir ({$installDir}) does not exist.", 'info');
+        $result = false;
+    }
+
+    if (false !== $version && 1 !== preg_match('/^\d+\.\d+\.\d+(\-(alpha|beta|RC)\d*)*$/', $version)) {
+        out("The defined install version ({$version}) does not match release pattern.", 'info');
+        $result = false;
+    }
+
+    if (false !== $cafile && (!file_exists($cafile) || !is_readable($cafile))) {
+        out("The defined Certificate Authority (CA) cert file ({$cafile}) does not exist or is not readable.", 'info');
+        $result = false;
+    }
+    return $result;
+}
+
+/**
+ * Checks the platform for possible issues running Composer
+ *
+ * Errors are written to the output, warnings are saved for later display.
+ *
+ * @param array $warnings Populated by method, to be shown later
+ * @param bool $quiet Quiet mode
+ * @param bool $disableTls Bypass tls
+ * @param bool $install If we are installing, rather than diagnosing
+ *
+ * @return bool True if there are no errors
+ */
+function checkPlatform(&$warnings, $quiet, $disableTls, $install)
+{
+    getPlatformIssues($errors, $warnings, $install);
+
+    // Make openssl warning an error if tls has not been specifically disabled
+    if (isset($warnings['openssl']) && !$disableTls) {
+        $errors['openssl'] = $warnings['openssl'];
+        unset($warnings['openssl']);
+    }
+
+    if (!empty($errors)) {
+        // Composer-Setup.exe uses "Some settings" to flag platform errors
+        out('Some settings on your machine make Composer unable to work properly.', 'error');
+        out('Make sure that you fix the issues listed below and run this script again:', 'error');
+        outputIssues($errors);
+        return false;
+    }
+
+    if (empty($warnings) && !$quiet) {
+        out('All settings correct for using Composer', 'success');
+    }
+    return true;
+}
+
+/**
+ * Checks platform configuration for common incompatibility issues
+ *
+ * @param array $errors Populated by method
+ * @param array $warnings Populated by method
+ * @param bool $install If we are installing, rather than diagnosing
+ *
+ * @return bool If any errors or warnings have been found
+ */
+function getPlatformIssues(&$errors, &$warnings, $install)
+{
+    $errors = array();
+    $warnings = array();
+
+    if ($iniPath = php_ini_loaded_file()) {
+        $iniMessage = PHP_EOL.'The php.ini used by your command-line PHP is: ' . $iniPath;
+    } else {
+        $iniMessage = PHP_EOL.'A php.ini file does not exist. You will have to create one.';
+    }
+    $iniMessage .= PHP_EOL.'If you can not modify the ini file, you can also run `php -d option=value` to modify ini values on the fly. You can use -d multiple times.';
+
+    if (ini_get('detect_unicode')) {
+        $errors['unicode'] = array(
+            'The detect_unicode setting must be disabled.',
+            'Add the following to the end of your `php.ini`:',
+            '    detect_unicode = Off',
+            $iniMessage
+        );
+    }
+
+    if (extension_loaded('suhosin')) {
+        $suhosin = ini_get('suhosin.executor.include.whitelist');
+        $suhosinBlacklist = ini_get('suhosin.executor.include.blacklist');
+        if (false === stripos($suhosin, 'phar') && (!$suhosinBlacklist || false !== stripos($suhosinBlacklist, 'phar'))) {
+            $errors['suhosin'] = array(
+                'The suhosin.executor.include.whitelist setting is incorrect.',
+                'Add the following to the end of your `php.ini` or suhosin.ini (Example path [for Debian]: /etc/php5/cli/conf.d/suhosin.ini):',
+                '    suhosin.executor.include.whitelist = phar '.$suhosin,
+                $iniMessage
+            );
+        }
+    }
+
+    if (!function_exists('json_decode')) {
+        $errors['json'] = array(
+            'The json extension is missing.',
+            'Install it or recompile php without --disable-json'
+        );
+    }
+
+    if (!extension_loaded('Phar')) {
+        $errors['phar'] = array(
+            'The phar extension is missing.',
+            'Install it or recompile php without --disable-phar'
+        );
+    }
+
+    if (!extension_loaded('filter')) {
+        $errors['filter'] = array(
+            'The filter extension is missing.',
+            'Install it or recompile php without --disable-filter'
+        );
+    }
+
+    if (!extension_loaded('hash')) {
+        $errors['hash'] = array(
+            'The hash extension is missing.',
+            'Install it or recompile php without --disable-hash'
+        );
+    }
+
+    if (!extension_loaded('iconv') && !extension_loaded('mbstring')) {
+        $errors['iconv_mbstring'] = array(
+            'The iconv OR mbstring extension is required and both are missing.',
+            'Install either of them or recompile php without --disable-iconv'
+        );
+    }
+
+    if (!ini_get('allow_url_fopen')) {
+        $errors['allow_url_fopen'] = array(
+            'The allow_url_fopen setting is incorrect.',
+            'Add the following to the end of your `php.ini`:',
+            '    allow_url_fopen = On',
+            $iniMessage
+        );
+    }
+
+    if (extension_loaded('ionCube Loader') && ioncube_loader_iversion() < 40009) {
+        $ioncube = ioncube_loader_version();
+        $errors['ioncube'] = array(
+            'Your ionCube Loader extension ('.$ioncube.') is incompatible with Phar files.',
+            'Upgrade to ionCube 4.0.9 or higher or remove this line (path may be different) from your `php.ini` to disable it:',
+            '    zend_extension = /usr/lib/php5/20090626+lfs/ioncube_loader_lin_5.3.so',
+            $iniMessage
+        );
+    }
+
+    if (version_compare(PHP_VERSION, '5.3.2', '<')) {
+        $errors['php'] = array(
+            'Your PHP ('.PHP_VERSION.') is too old, you must upgrade to PHP 5.3.2 or higher.'
+        );
+    }
+
+    if (version_compare(PHP_VERSION, '5.3.4', '<')) {
+        $warnings['php'] = array(
+            'Your PHP ('.PHP_VERSION.') is quite old, upgrading to PHP 5.3.4 or higher is recommended.',
+            'Composer works with 5.3.2+ for most people, but there might be edge case issues.'
+        );
+    }
+
+    if (!extension_loaded('openssl')) {
+        $warnings['openssl'] = array(
+            'The openssl extension is missing, which means that secure HTTPS transfers are impossible.',
+            'If possible you should enable it or recompile php with --with-openssl'
+        );
+    }
+
+    if (extension_loaded('openssl') && OPENSSL_VERSION_NUMBER < 0x1000100f) {
+        // Attempt to parse version number out, fallback to whole string value.
+        $opensslVersion = trim(strstr(OPENSSL_VERSION_TEXT, ' '));
+        $opensslVersion = substr($opensslVersion, 0, strpos($opensslVersion, ' '));
+        $opensslVersion = $opensslVersion ? $opensslVersion : OPENSSL_VERSION_TEXT;
+
+        $warnings['openssl_version'] = array(
+            'The OpenSSL library ('.$opensslVersion.') used by PHP does not support TLSv1.2 or TLSv1.1.',
+            'If possible you should upgrade OpenSSL to version 1.0.1 or above.'
+        );
+    }
+
+    if (!defined('HHVM_VERSION') && !extension_loaded('apcu') && ini_get('apc.enable_cli')) {
+        $warnings['apc_cli'] = array(
+            'The apc.enable_cli setting is incorrect.',
+            'Add the following to the end of your `php.ini`:',
+            '    apc.enable_cli = Off',
+            $iniMessage
+        );
+    }
+
+    if (!$install && extension_loaded('xdebug')) {
+        $warnings['xdebug_loaded'] = array(
+            'The xdebug extension is loaded, this can slow down Composer a little.',
+            'Disabling it when using Composer is recommended.'
+        );
+
+        if (ini_get('xdebug.profiler_enabled')) {
+            $warnings['xdebug_profile'] = array(
+                'The xdebug.profiler_enabled setting is enabled, this can slow down Composer a lot.',
+                'Add the following to the end of your `php.ini` to disable it:',
+                '    xdebug.profiler_enabled = 0',
+                $iniMessage
+            );
+        }
+    }
+
+    if (!extension_loaded('zlib')) {
+        $warnings['zlib'] = array(
+            'The zlib extension is not loaded, this can slow down Composer a lot.',
+            'If possible, install it or recompile php with --with-zlib',
+            $iniMessage
+        );
+    }
+
+    if (defined('PHP_WINDOWS_VERSION_BUILD')
+        && (version_compare(PHP_VERSION, '7.2.23', '<')
+        || (version_compare(PHP_VERSION, '7.3.0', '>=')
+        && version_compare(PHP_VERSION, '7.3.10', '<')))) {
+        $warnings['onedrive'] = array(
+            'The Windows OneDrive folder is not supported on PHP versions below 7.2.23 and 7.3.10.',
+            'Upgrade your PHP ('.PHP_VERSION.') to use this location with Composer.'
+        );
+    }
+
+    if (extension_loaded('uopz') && !(ini_get('uopz.disable') || ini_get('uopz.exit'))) {
+        $warnings['uopz'] = array(
+            'The uopz extension ignores exit calls and may not work with all Composer commands.',
+            'Disabling it when using Composer is recommended.'
+        );
+    }
+
+    ob_start();
+    phpinfo(INFO_GENERAL);
+    $phpinfo = ob_get_clean();
+    if (preg_match('{Configure Command(?: *</td><td class="v">| *=> *)(.*?)(?:</td>|$)}m', $phpinfo, $match)) {
+        $configure = $match[1];
+
+        if (false !== strpos($configure, '--enable-sigchild')) {
+            $warnings['sigchild'] = array(
+                'PHP was compiled with --enable-sigchild which can cause issues on some platforms.',
+                'Recompile it without this flag if possible, see also:',
+                '    https://bugs.php.net/bug.php?id=22999'
+            );
+        }
+
+        if (false !== strpos($configure, '--with-curlwrappers')) {
+            $warnings['curlwrappers'] = array(
+                'PHP was compiled with --with-curlwrappers which will cause issues with HTTP authentication and GitHub.',
+                'Recompile it without this flag if possible'
+            );
+        }
+    }
+
+    // Stringify the message arrays
+    foreach ($errors as $key => $value) {
+        $errors[$key] = PHP_EOL.implode(PHP_EOL, $value);
+    }
+
+    foreach ($warnings as $key => $value) {
+        $warnings[$key] = PHP_EOL.implode(PHP_EOL, $value);
+    }
+
+    return !empty($errors) || !empty($warnings);
+}
+
+
+/**
+ * Outputs an array of issues
+ *
+ * @param array $issues
+ */
+function outputIssues($issues)
+{
+    foreach ($issues as $issue) {
+        out($issue, 'info');
+    }
+    out('');
+}
+
+/**
+ * Outputs any warnings found
+ *
+ * @param array $warnings
+ */
+function showWarnings($warnings)
+{
+    if (!empty($warnings)) {
+        out('Some settings on your machine may cause stability issues with Composer.', 'error');
+        out('If you encounter issues, try to change the following:', 'error');
+        outputIssues($warnings);
+    }
+}
+
+/**
+ * Outputs an end of process warning if tls has been bypassed
+ *
+ * @param bool $disableTls Bypass tls
+ */
+function showSecurityWarning($disableTls)
+{
+    if ($disableTls) {
+        out('You have instructed the Installer not to enforce SSL/TLS security on remote HTTPS requests.', 'info');
+        out('This will leave all downloads during installation vulnerable to Man-In-The-Middle (MITM) attacks', 'info');
+    }
+}
+
+/**
+ * colorize output
+ */
+function out($text, $color = null, $newLine = true)
+{
+    $styles = array(
+        'success' => "\033[0;32m%s\033[0m",
+        'error' => "\033[31;31m%s\033[0m",
+        'info' => "\033[33;33m%s\033[0m"
+    );
+
+    $format = '%s';
+
+    if (isset($styles[$color]) && USE_ANSI) {
+        $format = $styles[$color];
+    }
+
+    if ($newLine) {
+        $format .= PHP_EOL;
+    }
+
+    printf($format, $text);
+}
+
+/**
+ * Returns the system-dependent Composer home location, which may not exist
+ *
+ * @return string
+ */
+function getHomeDir()
+{
+    $home = getenv('COMPOSER_HOME');
+    if ($home) {
+        return $home;
+    }
+
+    $userDir = getUserDir();
+
+    if (defined('PHP_WINDOWS_VERSION_MAJOR')) {
+        return $userDir.'/Composer';
+    }
+
+    $dirs = array();
+
+    if (useXdg()) {
+        // XDG Base Directory Specifications
+        $xdgConfig = getenv('XDG_CONFIG_HOME');
+        if (!$xdgConfig) {
+            $xdgConfig = $userDir . '/.config';
+        }
+
+        $dirs[] = $xdgConfig . '/composer';
+    }
+
+    $dirs[] = $userDir . '/.composer';
+
+    // select first dir which exists of: $XDG_CONFIG_HOME/composer or ~/.composer
+    foreach ($dirs as $dir) {
+        if (is_dir($dir)) {
+            return $dir;
+        }
+    }
+
+    // if none exists, we default to first defined one (XDG one if system uses it, or ~/.composer otherwise)
+    return $dirs[0];
+}
+
+/**
+ * Returns the location of the user directory from the environment
+ * @throws RuntimeException If the environment value does not exists
+ *
+ * @return string
+ */
+function getUserDir()
+{
+    $userEnv = defined('PHP_WINDOWS_VERSION_MAJOR') ? 'APPDATA' : 'HOME';
+    $userDir = getenv($userEnv);
+
+    if (!$userDir) {
+        throw new RuntimeException('The '.$userEnv.' or COMPOSER_HOME environment variable must be set for composer to run correctly');
+    }
+
+    return rtrim(strtr($userDir, '\\', '/'), '/');
+}
+
+/**
+ * @return bool
+ */
+function useXdg()
+{
+    foreach (array_keys($_SERVER) as $key) {
+        if (strpos($key, 'XDG_') === 0) {
+            return true;
+        }
+    }
+
+    if (is_dir('/etc/xdg')) {
+        return true;
+    }
+
+    return false;
+}
+
+function validateCaFile($contents)
+{
+    // assume the CA is valid if php is vulnerable to
+    // https://www.sektioneins.de/advisories/advisory-012013-php-openssl_x509_parse-memory-corruption-vulnerability.html
+    if (
+        PHP_VERSION_ID <= 50327
+        || (PHP_VERSION_ID >= 50400 && PHP_VERSION_ID < 50422)
+        || (PHP_VERSION_ID >= 50500 && PHP_VERSION_ID < 50506)
+    ) {
+        return !empty($contents);
+    }
+
+    return (bool) openssl_x509_parse($contents);
+}
+
+class Installer
+{
+    private $quiet;
+    private $disableTls;
+    private $cafile;
+    private $displayPath;
+    private $target;
+    private $tmpFile;
+    private $tmpCafile;
+    private $baseUrl;
+    private $algo;
+    private $errHandler;
+    private $httpClient;
+    private $pubKeys = array();
+    private $installs = array();
+
+    /**
+     * Constructor - must not do anything that throws an exception
+     *
+     * @param bool $quiet Quiet mode
+     * @param bool $disableTls Bypass tls
+     * @param mixed $cafile Path to CA bundle, or false
+     */
+    public function __construct($quiet, $disableTls, $caFile)
+    {
+        if (($this->quiet = $quiet)) {
+            ob_start();
+        }
+        $this->disableTls = $disableTls;
+        $this->cafile = $caFile;
+        $this->errHandler = new ErrorHandler();
+    }
+
+    /**
+     * Runs the installer
+     *
+     * @param mixed $version Specific version to install, or false
+     * @param mixed $installDir Specific installation directory, or false
+     * @param string $filename Specific filename to save to, or composer.phar
+     * @param string $channel Specific version channel to use
+     * @throws Exception If anything other than a RuntimeException is caught
+     *
+     * @return bool If the installation succeeded
+     */
+    public function run($version, $installDir, $filename, $channel)
+    {
+        try {
+            $this->initTargets($installDir, $filename);
+            $this->initTls();
+            $this->httpClient = new HttpClient($this->disableTls, $this->cafile);
+            $result = $this->install($version, $channel);
+
+            // in case --1 or --2 is passed, we leave the default channel for next self-update to stable
+            if (1 === preg_match('{^\d+$}D', $channel)) {
+                $channel = 'stable';
+            }
+
+            if ($result && $channel !== 'stable' && !$version && defined('PHP_BINARY')) {
+                $null = (defined('PHP_WINDOWS_VERSION_MAJOR') ? 'NUL' : '/dev/null');
+                @exec(escapeshellarg(PHP_BINARY) .' '.escapeshellarg($this->target).' self-update --'.$channel.' --set-channel-only -q > '.$null.' 2> '.$null, $output);
+            }
+        } catch (Exception $e) {
+            $result = false;
+        }
+
+        // Always clean up
+        $this->cleanUp($result);
+
+        if (isset($e)) {
+            // Rethrow anything that is not a RuntimeException
+            if (!$e instanceof RuntimeException) {
+                throw $e;
+            }
+            out($e->getMessage(), 'error');
+        }
+        return $result;
+    }
+
+    /**
+     * Initialization methods to set the required filenames and composer url
+     *
+     * @param mixed $installDir Specific installation directory, or false
+     * @param string $filename Specific filename to save to, or composer.phar
+     * @throws RuntimeException If the installation directory is not writable
+     */
+    protected function initTargets($installDir, $filename)
+    {
+        $this->displayPath = ($installDir ? rtrim($installDir, '/').'/' : '').$filename;
+        $installDir = $installDir ? realpath($installDir) : getcwd();
+
+        if (!is_writeable($installDir)) {
+            throw new RuntimeException('The installation directory "'.$installDir.'" is not writable');
+        }
+
+        $this->target = $installDir.DIRECTORY_SEPARATOR.$filename;
+        $this->tmpFile = $installDir.DIRECTORY_SEPARATOR.basename($this->target, '.phar').'-temp.phar';
+
+        $uriScheme = $this->disableTls ? 'http' : 'https';
+        $this->baseUrl = $uriScheme.'://getcomposer.org';
+    }
+
+    /**
+     * A wrapper around methods to check tls and write public keys
+     * @throws RuntimeException If SHA384 is not supported
+     */
+    protected function initTls()
+    {
+        if ($this->disableTls) {
+            return;
+        }
+
+        if (!in_array('sha384', array_map('strtolower', openssl_get_md_methods()))) {
+            throw new RuntimeException('SHA384 is not supported by your openssl extension');
+        }
+
+        $this->algo = defined('OPENSSL_ALGO_SHA384') ? OPENSSL_ALGO_SHA384 : 'SHA384';
+        $home = $this->getComposerHome();
+
+        $this->pubKeys = array(
+            'dev' => $this->installKey(self::getPKDev(), $home, 'keys.dev.pub'),
+            'tags' => $this->installKey(self::getPKTags(), $home, 'keys.tags.pub')
+        );
+
+        if (empty($this->cafile) && !HttpClient::getSystemCaRootBundlePath()) {
+            $this->cafile = $this->tmpCafile = $this->installKey(HttpClient::getPackagedCaFile(), $home, 'cacert-temp.pem');
+        }
+    }
+
+    /**
+     * Returns the Composer home directory, creating it if required
+     * @throws RuntimeException If the directory cannot be created
+     *
+     * @return string
+     */
+    protected function getComposerHome()
+    {
+        $home = getHomeDir();
+
+        if (!is_dir($home)) {
+            $this->errHandler->start();
+
+            if (!mkdir($home, 0777, true)) {
+                throw new RuntimeException(sprintf(
+                    'Unable to create Composer home directory "%s": %s',
+                    $home,
+                    $this->errHandler->message
+                ));
+            }
+            $this->installs[] = $home;
+            $this->errHandler->stop();
+        }
+        return $home;
+    }
+
+    /**
+     * Writes public key data to disc
+     *
+     * @param string $data The public key(s) in pem format
+     * @param string $path The directory to write to
+     * @param string $filename The name of the file
+     * @throws RuntimeException If the file cannot be written
+     *
+     * @return string The path to the saved data
+     */
+    protected function installKey($data, $path, $filename)
+    {
+        $this->errHandler->start();
+
+        $target = $path.DIRECTORY_SEPARATOR.$filename;
+        $installed = file_exists($target);
+        $write = file_put_contents($target, $data, LOCK_EX);
+        @chmod($target, 0644);
+
+        $this->errHandler->stop();
+
+        if (!$write) {
+            throw new RuntimeException(sprintf('Unable to write %s to: %s', $filename, $path));
+        }
+
+        if (!$installed) {
+            $this->installs[] = $target;
+        }
+
+        return $target;
+    }
+
+    /**
+     * The main install function
+     *
+     * @param mixed $version Specific version to install, or false
+     * @param string $channel Version channel to use
+     *
+     * @return bool If the installation succeeded
+     */
+    protected function install($version, $channel)
+    {
+        $retries = 3;
+        $result = false;
+        $infoMsg = 'Downloading...';
+        $infoType = 'info';
+
+        while ($retries--) {
+            if (!$this->quiet) {
+                out($infoMsg, $infoType);
+                $infoMsg = 'Retrying...';
+                $infoType = 'error';
+            }
+
+            if (!$this->getVersion($channel, $version, $url, $error)) {
+                out($error, 'error');
+                continue;
+            }
+
+            if (!$this->downloadToTmp($url, $signature, $error)) {
+                out($error, 'error');
+                continue;
+            }
+
+            if (!$this->verifyAndSave($version, $signature, $error)) {
+                out($error, 'error');
+                continue;
+            }
+
+            $result = true;
+            break;
+        }
+
+        if (!$this->quiet) {
+            if ($result) {
+                out(PHP_EOL."Composer (version {$version}) successfully installed to: {$this->target}", 'success');
+                out("Use it: php {$this->displayPath}", 'info');
+                out('');
+            } else {
+                out('The download failed repeatedly, aborting.', 'error');
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Sets the version url, downloading version data if required
+     *
+     * @param string $channel Version channel to use
+     * @param false|string $version Version to install, or set by method
+     * @param null|string $url The versioned url, set by method
+     * @param null|string $error Set by method on failure
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function getVersion($channel, &$version, &$url, &$error)
+    {
+        $error = '';
+
+        if ($version) {
+            if (empty($url)) {
+                $url = $this->baseUrl."/download/{$version}/composer.phar";
+            }
+            return true;
+        }
+
+        $this->errHandler->start();
+
+        if ($this->downloadVersionData($data, $error)) {
+            $this->parseVersionData($data, $channel, $version, $url);
+        }
+
+        $this->errHandler->stop();
+        return empty($error);
+    }
+
+    /**
+     * Downloads and json-decodes version data
+     *
+     * @param null|array $data Downloaded version data, set by method
+     * @param null|string $error Set by method on failure
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function downloadVersionData(&$data, &$error)
+    {
+        $url = $this->baseUrl.'/versions';
+        $errFmt = 'The "%s" file could not be %s: %s';
+
+        if (!$json = $this->httpClient->get($url)) {
+            $error = sprintf($errFmt, $url, 'downloaded', $this->errHandler->message);
+            return false;
+        }
+
+        if (!$data = json_decode($json, true)) {
+            $error = sprintf($errFmt, $url, 'json-decoded', $this->getJsonError());
+            return false;
+        }
+        return true;
+    }
+
+    /**
+     * A wrapper around the methods needed to download and save the phar
+     *
+     * @param string $url The versioned download url
+     * @param null|string $signature Set by method on successful download
+     * @param null|string $error Set by method on failure
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function downloadToTmp($url, &$signature, &$error)
+    {
+        $error = '';
+        $errFmt = 'The "%s" file could not be downloaded: %s';
+        $sigUrl = $url.'.sig';
+        $this->errHandler->start();
+
+        if (!$fh = fopen($this->tmpFile, 'w')) {
+            $error = sprintf('Could not create file "%s": %s', $this->tmpFile, $this->errHandler->message);
+
+        } elseif (!$this->getSignature($sigUrl, $signature)) {
+            $error = sprintf($errFmt, $sigUrl, $this->errHandler->message);
+
+        } elseif (!fwrite($fh, $this->httpClient->get($url))) {
+            $error = sprintf($errFmt, $url, $this->errHandler->message);
+        }
+
+        if (is_resource($fh)) {
+            fclose($fh);
+        }
+        $this->errHandler->stop();
+        return empty($error);
+    }
+
+    /**
+     * Verifies the downloaded file and saves it to the target location
+     *
+     * @param string $version The composer version downloaded
+     * @param string $signature The digital signature to check
+     * @param null|string $error Set by method on failure
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function verifyAndSave($version, $signature, &$error)
+    {
+        $error = '';
+
+        if (!$this->validatePhar($this->tmpFile, $pharError)) {
+            $error = 'The download is corrupt: '.$pharError;
+
+        } elseif (!$this->verifySignature($version, $signature, $this->tmpFile)) {
+            $error = 'Signature mismatch, could not verify the phar file integrity';
+
+        } else {
+            $this->errHandler->start();
+
+            if (!rename($this->tmpFile, $this->target)) {
+                $error = sprintf('Could not write to file "%s": %s', $this->target, $this->errHandler->message);
+            }
+            chmod($this->target, 0755);
+            $this->errHandler->stop();
+        }
+
+        return empty($error);
+    }
+
+    /**
+     * Parses an array of version data to match the required channel
+     *
+     * @param array $data Downloaded version data
+     * @param mixed $channel Version channel to use
+     * @param false|string $version Set by method
+     * @param mixed $url The versioned url, set by method
+     */
+    protected function parseVersionData(array $data, $channel, &$version, &$url)
+    {
+        foreach ($data[$channel] as $candidate) {
+            if ($candidate['min-php'] <= PHP_VERSION_ID) {
+                $version = $candidate['version'];
+                $url = $this->baseUrl.$candidate['path'];
+                break;
+            }
+        }
+
+        if (!$version) {
+            $error = sprintf(
+                'None of the %d %s version(s) of Composer matches your PHP version (%s / ID: %d)',
+                count($data[$channel]),
+                $channel,
+                PHP_VERSION,
+                PHP_VERSION_ID
+            );
+            throw new RuntimeException($error);
+        }
+    }
+
+    /**
+     * Downloads the digital signature of required phar file
+     *
+     * @param string $url The signature url
+     * @param null|string $signature Set by method on success
+     *
+     * @return bool If the download succeeded
+     */
+    protected function getSignature($url, &$signature)
+    {
+        if (!$result = $this->disableTls) {
+            $signature = $this->httpClient->get($url);
+
+            if ($signature) {
+                $signature = json_decode($signature, true);
+                $signature = base64_decode($signature['sha384']);
+                $result = true;
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Verifies the signature of the downloaded phar
+     *
+     * @param string $version The composer versione
+     * @param string $signature The downloaded digital signature
+     * @param string $file The temp phar file
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function verifySignature($version, $signature, $file)
+    {
+        if (!$result = $this->disableTls) {
+            $path = preg_match('{^[0-9a-f]{40}$}', $version) ? $this->pubKeys['dev'] : $this->pubKeys['tags'];
+            $pubkeyid = openssl_pkey_get_public('file://'.$path);
+
+            $result = 1 === openssl_verify(
+                file_get_contents($file),
+                $signature,
+                $pubkeyid,
+                $this->algo
+            );
+
+            // PHP 8 automatically frees the key instance and deprecates the function
+            if (PHP_VERSION_ID < 80000) {
+                openssl_free_key($pubkeyid);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Validates the downloaded phar file
+     *
+     * @param string $pharFile The temp phar file
+     * @param null|string $error Set by method on failure
+     *
+     * @return bool If the operation succeeded
+     */
+    protected function validatePhar($pharFile, &$error)
+    {
+        if (ini_get('phar.readonly')) {
+            return true;
+        }
+
+        try {
+            // Test the phar validity
+            $phar = new Phar($pharFile);
+            // Free the variable to unlock the file
+            unset($phar);
+            $result = true;
+
+        } catch (Exception $e) {
+            if (!$e instanceof UnexpectedValueException && !$e instanceof PharException) {
+                throw $e;
+            }
+            $error = $e->getMessage();
+            $result = false;
+        }
+        return $result;
+    }
+
+    /**
+     * Returns a string representation of the last json error
+     *
+     * @return string The error string or code
+     */
+    protected function getJsonError()
+    {
+        if (function_exists('json_last_error_msg')) {
+            return json_last_error_msg();
+        } else {
+            return 'json_last_error = '.json_last_error();
+        }
+    }
+
+    /**
+     * Cleans up resources at the end of the installation
+     *
+     * @param bool $result If the installation succeeded
+     */
+    protected function cleanUp($result)
+    {
+        if (!$result) {
+            // Output buffered errors
+            if ($this->quiet) {
+                $this->outputErrors();
+            }
+            // Clean up stuff we created
+            $this->uninstall();
+        } elseif ($this->tmpCafile) {
+            @unlink($this->tmpCafile);
+        }
+    }
+
+    /**
+     * Outputs unique errors when in quiet mode
+     *
+     */
+    protected function outputErrors()
+    {
+        $errors = explode(PHP_EOL, ob_get_clean());
+        $shown = array();
+
+        foreach ($errors as $error) {
+            if ($error && !in_array($error, $shown)) {
+                out($error, 'error');
+                $shown[] = $error;
+            }
+        }
+    }
+
+    /**
+     * Uninstalls newly-created files and directories on failure
+     *
+     */
+    protected function uninstall()
+    {
+        foreach (array_reverse($this->installs) as $target) {
+            if (is_file($target)) {
+                @unlink($target);
+            } elseif (is_dir($target)) {
+                @rmdir($target);
+            }
+        }
+
+        if ($this->tmpFile !== null && file_exists($this->tmpFile)) {
+            @unlink($this->tmpFile);
+        }
+    }
+
+    public static function getPKDev()
+    {
+        return <<<PKDEV
+-----BEGIN PUBLIC KEY-----
+MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEAnBDHjZS6e0ZMoK3xTD7f
+FNCzlXjX/Aie2dit8QXA03pSrOTbaMnxON3hUL47Lz3g1SC6YJEMVHr0zYq4elWi
+i3ecFEgzLcj+pZM5X6qWu2Ozz4vWx3JYo1/a/HYdOuW9e3lwS8VtS0AVJA+U8X0A
+hZnBmGpltHhO8hPKHgkJtkTUxCheTcbqn4wGHl8Z2SediDcPTLwqezWKUfrYzu1f
+o/j3WFwFs6GtK4wdYtiXr+yspBZHO3y1udf8eFFGcb2V3EaLOrtfur6XQVizjOuk
+8lw5zzse1Qp/klHqbDRsjSzJ6iL6F4aynBc6Euqt/8ccNAIz0rLjLhOraeyj4eNn
+8iokwMKiXpcrQLTKH+RH1JCuOVxQ436bJwbSsp1VwiqftPQieN+tzqy+EiHJJmGf
+TBAbWcncicCk9q2md+AmhNbvHO4PWbbz9TzC7HJb460jyWeuMEvw3gNIpEo2jYa9
+pMV6cVqnSa+wOc0D7pC9a6bne0bvLcm3S+w6I5iDB3lZsb3A9UtRiSP7aGSo7D72
+8tC8+cIgZcI7k9vjvOqH+d7sdOU2yPCnRY6wFh62/g8bDnUpr56nZN1G89GwM4d4
+r/TU7BQQIzsZgAiqOGXvVklIgAMiV0iucgf3rNBLjjeNEwNSTTG9F0CtQ+7JLwaE
+wSEuAuRm+pRqi8BRnQ/GKUcCAwEAAQ==
+-----END PUBLIC KEY-----
+PKDEV;
+    }
+
+    public static function getPKTags()
+    {
+        return <<<PKTAGS
+-----BEGIN PUBLIC KEY-----
+MIICIjANBgkqhkiG9w0BAQEFAAOCAg8AMIICCgKCAgEA0Vi/2K6apCVj76nCnCl2
+MQUPdK+A9eqkYBacXo2wQBYmyVlXm2/n/ZsX6pCLYPQTHyr5jXbkQzBw8SKqPdlh
+vA7NpbMeNCz7wP/AobvUXM8xQuXKbMDTY2uZ4O7sM+PfGbptKPBGLe8Z8d2sUnTO
+bXtX6Lrj13wkRto7st/w/Yp33RHe9SlqkiiS4MsH1jBkcIkEHsRaveZzedUaxY0M
+mba0uPhGUInpPzEHwrYqBBEtWvP97t2vtfx8I5qv28kh0Y6t+jnjL1Urid2iuQZf
+noCMFIOu4vksK5HxJxxrN0GOmGmwVQjOOtxkwikNiotZGPR4KsVj8NnBrLX7oGuM
+nQvGciiu+KoC2r3HDBrpDeBVdOWxDzT5R4iI0KoLzFh2pKqwbY+obNPS2bj+2dgJ
+rV3V5Jjry42QOCBN3c88wU1PKftOLj2ECpewY6vnE478IipiEu7EAdK8Zwj2LmTr
+RKQUSa9k7ggBkYZWAeO/2Ag0ey3g2bg7eqk+sHEq5ynIXd5lhv6tC5PBdHlWipDK
+tl2IxiEnejnOmAzGVivE1YGduYBjN+mjxDVy8KGBrjnz1JPgAvgdwJ2dYw4Rsc/e
+TzCFWGk/HM6a4f0IzBWbJ5ot0PIi4amk07IotBXDWwqDiQTwyuGCym5EqWQ2BD95
+RGv89BPD+2DLnJysngsvVaUCAwEAAQ==
+-----END PUBLIC KEY-----
+PKTAGS;
+    }
+}
+
+class ErrorHandler
+{
+    public $message;
+    protected $active;
+
+    /**
+     * Handle php errors
+     *
+     * @param mixed $code The error code
+     * @param mixed $msg The error message
+     */
+    public function handleError($code, $msg)
+    {
+        if ($this->message) {
+            $this->message .= PHP_EOL;
+        }
+        $this->message .= preg_replace('{^file_get_contents\(.*?\): }', '', $msg);
+    }
+
+    /**
+     * Starts error-handling if not already active
+     *
+     * Any message is cleared
+     */
+    public function start()
+    {
+        if (!$this->active) {
+            set_error_handler(array($this, 'handleError'));
+            $this->active = true;
+        }
+        $this->message = '';
+    }
+
+    /**
+     * Stops error-handling if active
+     *
+     * Any message is preserved until the next call to start()
+     */
+    public function stop()
+    {
+        if ($this->active) {
+            restore_error_handler();
+            $this->active = false;
+        }
+    }
+}
+
+class NoProxyPattern
+{
+    private $composerInNoProxy = false;
+    private $rulePorts = array();
+
+    public function __construct($pattern)
+    {
+        $rules = preg_split('{[\s,]+}', $pattern, null, PREG_SPLIT_NO_EMPTY);
+
+        if ($matches = preg_grep('{getcomposer\.org(?::\d+)?}i', $rules)) {
+            $this->composerInNoProxy = true;
+
+            foreach ($matches as $match) {
+                if (strpos($match, ':') !== false) {
+                    list(, $port) = explode(':', $match);
+                    $this->rulePorts[] = (int) $port;
+                }
+            }
+        }
+    }
+
+    /**
+     * Returns true if NO_PROXY contains getcomposer.org
+     *
+     * @param string $url http(s)://getcomposer.org
+     *
+     * @return bool
+     */
+    public function test($url)
+    {
+        if (!$this->composerInNoProxy) {
+            return false;
+        }
+
+        if (empty($this->rulePorts)) {
+            return true;
+        }
+
+        if (strpos($url, 'http://') === 0) {
+            $port = 80;
+        } else {
+            $port = 443;
+        }
+
+        return in_array($port, $this->rulePorts);
+    }
+}
+
+class HttpClient {
+
+    /** @var null|string */
+    private static $caPath;
+
+    private $options = array('http' => array());
+    private $disableTls = false;
+
+    public function __construct($disableTls = false, $cafile = false)
+    {
+        $this->disableTls = $disableTls;
+        if ($this->disableTls === false) {
+            if (!empty($cafile) && !is_dir($cafile)) {
+                if (!is_readable($cafile) || !validateCaFile(file_get_contents($cafile))) {
+                    throw new RuntimeException('The configured cafile (' .$cafile. ') was not valid or could not be read.');
+                }
+            }
+            $options = $this->getTlsStreamContextDefaults($cafile);
+            $this->options = array_replace_recursive($this->options, $options);
+        }
+    }
+
+    public function get($url)
+    {
+        $context = $this->getStreamContext($url);
+        $result = file_get_contents($url, false, $context);
+
+        if ($result && extension_loaded('zlib')) {
+            $decode = false;
+            foreach ($http_response_header as $header) {
+                if (preg_match('{^content-encoding: *gzip *$}i', $header)) {
+                    $decode = true;
+                    continue;
+                } elseif (preg_match('{^HTTP/}i', $header)) {
+                    $decode = false;
+                }
+            }
+
+            if ($decode) {
+                if (version_compare(PHP_VERSION, '5.4.0', '>=')) {
+                    $result = zlib_decode($result);
+                } else {
+                    // work around issue with gzuncompress & co that do not work with all gzip checksums
+                    $result = file_get_contents('compress.zlib://data:application/octet-stream;base64,'.base64_encode($result));
+                }
+
+                if (!$result) {
+                    throw new RuntimeException('Failed to decode zlib stream');
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    protected function getStreamContext($url)
+    {
+        if ($this->disableTls === false) {
+            if (PHP_VERSION_ID < 50600) {
+                $this->options['ssl']['SNI_server_name'] = parse_url($url, PHP_URL_HOST);
+            }
+        }
+        // Keeping the above mostly isolated from the code copied from Composer.
+        return $this->getMergedStreamContext($url);
+    }
+
+    protected function getTlsStreamContextDefaults($cafile)
+    {
+        $ciphers = implode(':', array(
+            'ECDHE-RSA-AES128-GCM-SHA256',
+            'ECDHE-ECDSA-AES128-GCM-SHA256',
+            'ECDHE-RSA-AES256-GCM-SHA384',
+            'ECDHE-ECDSA-AES256-GCM-SHA384',
+            'DHE-RSA-AES128-GCM-SHA256',
+            'DHE-DSS-AES128-GCM-SHA256',
+            'kEDH+AESGCM',
+            'ECDHE-RSA-AES128-SHA256',
+            'ECDHE-ECDSA-AES128-SHA256',
+            'ECDHE-RSA-AES128-SHA',
+            'ECDHE-ECDSA-AES128-SHA',
+            'ECDHE-RSA-AES256-SHA384',
+            'ECDHE-ECDSA-AES256-SHA384',
+            'ECDHE-RSA-AES256-SHA',
+            'ECDHE-ECDSA-AES256-SHA',
+            'DHE-RSA-AES128-SHA256',
+            'DHE-RSA-AES128-SHA',
+            'DHE-DSS-AES128-SHA256',
+            'DHE-RSA-AES256-SHA256',
+            'DHE-DSS-AES256-SHA',
+            'DHE-RSA-AES256-SHA',
+            'AES128-GCM-SHA256',
+            'AES256-GCM-SHA384',
+            'AES128-SHA256',
+            'AES256-SHA256',
+            'AES128-SHA',
+            'AES256-SHA',
+            'AES',
+            'CAMELLIA',
+            'DES-CBC3-SHA',
+            '!aNULL',
+            '!eNULL',
+            '!EXPORT',
+            '!DES',
+            '!RC4',
+            '!MD5',
+            '!PSK',
+            '!aECDH',
+            '!EDH-DSS-DES-CBC3-SHA',
+            '!EDH-RSA-DES-CBC3-SHA',
+            '!KRB5-DES-CBC3-SHA',
+        ));
+
+        /**
+         * CN_match and SNI_server_name are only known once a URL is passed.
+         * They will be set in the getOptionsForUrl() method which receives a URL.
+         *
+         * cafile or capath can be overridden by passing in those options to constructor.
+         */
+        $options = array(
+            'ssl' => array(
+                'ciphers' => $ciphers,
+                'verify_peer' => true,
+                'verify_depth' => 7,
+                'SNI_enabled' => true,
+            )
+        );
+
+        /**
+         * Attempt to find a local cafile or throw an exception.
+         * The user may go download one if this occurs.
+         */
+        if (!$cafile) {
+            $cafile = self::getSystemCaRootBundlePath();
+        }
+        if (is_dir($cafile)) {
+            $options['ssl']['capath'] = $cafile;
+        } elseif ($cafile) {
+            $options['ssl']['cafile'] = $cafile;
+        } else {
+            throw new RuntimeException('A valid cafile could not be located automatically.');
+        }
+
+        /**
+         * Disable TLS compression to prevent CRIME attacks where supported.
+         */
+        if (version_compare(PHP_VERSION, '5.4.13') >= 0) {
+            $options['ssl']['disable_compression'] = true;
+        }
+
+        return $options;
+    }
+
+    /**
+     * function copied from Composer\Util\StreamContextFactory::initOptions
+     *
+     * Any changes should be applied there as well, or backported here.
+     *
+     * @param string $url URL the context is to be used for
+     * @return resource Default context
+     * @throws \RuntimeException if https proxy required and OpenSSL uninstalled
+     */
+    protected function getMergedStreamContext($url)
+    {
+        $options = $this->options;
+
+        // Handle HTTP_PROXY/http_proxy on CLI only for security reasons
+        if ((PHP_SAPI === 'cli' || PHP_SAPI === 'phpdbg') && (!empty($_SERVER['HTTP_PROXY']) || !empty($_SERVER['http_proxy']))) {
+            $proxy = parse_url(!empty($_SERVER['http_proxy']) ? $_SERVER['http_proxy'] : $_SERVER['HTTP_PROXY']);
+        }
+
+        // Prefer CGI_HTTP_PROXY if available
+        if (!empty($_SERVER['CGI_HTTP_PROXY'])) {
+            $proxy = parse_url($_SERVER['CGI_HTTP_PROXY']);
+        }
+
+        // Override with HTTPS proxy if present and URL is https
+        if (preg_match('{^https://}i', $url) && (!empty($_SERVER['HTTPS_PROXY']) || !empty($_SERVER['https_proxy']))) {
+            $proxy = parse_url(!empty($_SERVER['https_proxy']) ? $_SERVER['https_proxy'] : $_SERVER['HTTPS_PROXY']);
+        }
+
+        // Remove proxy if URL matches no_proxy directive
+        if (!empty($_SERVER['NO_PROXY']) || !empty($_SERVER['no_proxy']) && parse_url($url, PHP_URL_HOST)) {
+            $pattern = new NoProxyPattern(!empty($_SERVER['no_proxy']) ? $_SERVER['no_proxy'] : $_SERVER['NO_PROXY']);
+            if ($pattern->test($url)) {
+                unset($proxy);
+            }
+        }
+
+        if (!empty($proxy)) {
+            $proxyURL = isset($proxy['scheme']) ? $proxy['scheme'] . '://' : '';
+            $proxyURL .= isset($proxy['host']) ? $proxy['host'] : '';
+
+            if (isset($proxy['port'])) {
+                $proxyURL .= ":" . $proxy['port'];
+            } elseif (strpos($proxyURL, 'http://') === 0) {
+                $proxyURL .= ":80";
+            } elseif (strpos($proxyURL, 'https://') === 0) {
+                $proxyURL .= ":443";
+            }
+
+            // check for a secure proxy
+            if (strpos($proxyURL, 'https://') === 0) {
+                if (!extension_loaded('openssl')) {
+                    throw new RuntimeException('You must enable the openssl extension to use a secure proxy.');
+                }
+                if (strpos($url, 'https://') === 0) {
+                    throw new RuntimeException('PHP does not support https requests through a secure proxy.');
+                }
+            }
+
+            // http(s):// is not supported in proxy
+            $proxyURL = str_replace(array('http://', 'https://'), array('tcp://', 'ssl://'), $proxyURL);
+
+            $options['http'] = array(
+                'proxy' => $proxyURL,
+            );
+
+            // add request_fulluri for http requests
+            if ('http' === parse_url($url, PHP_URL_SCHEME)) {
+                $options['http']['request_fulluri'] = true;
+            }
+
+            // handle proxy auth if present
+            if (isset($proxy['user'])) {
+                $auth = rawurldecode($proxy['user']);
+                if (isset($proxy['pass'])) {
+                    $auth .= ':' . rawurldecode($proxy['pass']);
+                }
+                $auth = base64_encode($auth);
+
+                $options['http']['header'] = "Proxy-Authorization: Basic {$auth}\r\n";
+            }
+        }
+
+        if (isset($options['http']['header'])) {
+            $options['http']['header'] .= "Connection: close\r\n";
+        } else {
+            $options['http']['header'] = "Connection: close\r\n";
+        }
+        if (extension_loaded('zlib')) {
+            $options['http']['header'] .= "Accept-Encoding: gzip\r\n";
+        }
+        $options['http']['header'] .= "User-Agent: ".COMPOSER_INSTALLER."\r\n";
+        $options['http']['protocol_version'] = 1.1;
+        $options['http']['timeout'] = 600;
+
+        return stream_context_create($options);
+    }
+
+    /**
+    * This method was adapted from Sslurp.
+    * https://github.com/EvanDotPro/Sslurp
+    *
+    * (c) Evan Coury <me@evancoury.com>
+    *
+    * For the full copyright and license information, please see below:
+    *
+    * Copyright (c) 2013, Evan Coury
+    * All rights reserved.
+    *
+    * Redistribution and use in source and binary forms, with or without modification,
+    * are permitted provided that the following conditions are met:
+    *
+    *     * Redistributions of source code must retain the above copyright notice,
+    *       this list of conditions and the following disclaimer.
+    *
+    *     * Redistributions in binary form must reproduce the above copyright notice,
+    *       this list of conditions and the following disclaimer in the documentation
+    *       and/or other materials provided with the distribution.
+    *
+    * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+    * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+    * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+    * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+    * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+    * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+    * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+    * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+    * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+    * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+    */
+    public static function getSystemCaRootBundlePath()
+    {
+        if (self::$caPath !== null) {
+            return self::$caPath;
+        }
+
+        // If SSL_CERT_FILE env variable points to a valid certificate/bundle, use that.
+        // This mimics how OpenSSL uses the SSL_CERT_FILE env variable.
+        $envCertFile = getenv('SSL_CERT_FILE');
+        if ($envCertFile && is_readable($envCertFile) && validateCaFile(file_get_contents($envCertFile))) {
+            return self::$caPath = $envCertFile;
+        }
+
+        // If SSL_CERT_DIR env variable points to a valid certificate/bundle, use that.
+        // This mimics how OpenSSL uses the SSL_CERT_FILE env variable.
+        $envCertDir = getenv('SSL_CERT_DIR');
+        if ($envCertDir && is_dir($envCertDir) && is_readable($envCertDir)) {
+            return self::$caPath = $envCertDir;
+        }
+
+        $configured = ini_get('openssl.cafile');
+        if ($configured && strlen($configured) > 0 && is_readable($configured) && validateCaFile(file_get_contents($configured))) {
+            return self::$caPath = $configured;
+        }
+
+        $configured = ini_get('openssl.capath');
+        if ($configured && is_dir($configured) && is_readable($configured)) {
+            return self::$caPath = $configured;
+        }
+
+        $caBundlePaths = array(
+            '/etc/pki/tls/certs/ca-bundle.crt', // Fedora, RHEL, CentOS (ca-certificates package)
+            '/etc/ssl/certs/ca-certificates.crt', // Debian, Ubuntu, Gentoo, Arch Linux (ca-certificates package)
+            '/etc/ssl/ca-bundle.pem', // SUSE, openSUSE (ca-certificates package)
+            '/usr/local/share/certs/ca-root-nss.crt', // FreeBSD (ca_root_nss_package)
+            '/usr/ssl/certs/ca-bundle.crt', // Cygwin
+            '/opt/local/share/curl/curl-ca-bundle.crt', // OS X macports, curl-ca-bundle package
+            '/usr/local/share/curl/curl-ca-bundle.crt', // Default cURL CA bunde path (without --with-ca-bundle option)
+            '/usr/share/ssl/certs/ca-bundle.crt', // Really old RedHat?
+            '/etc/ssl/cert.pem', // OpenBSD
+            '/usr/local/etc/ssl/cert.pem', // FreeBSD 10.x
+            '/usr/local/etc/openssl/cert.pem', // OS X homebrew, openssl package
+            '/usr/local/etc/openssl@1.1/cert.pem', // OS X homebrew, openssl@1.1 package
+            '/opt/homebrew/etc/openssl@3/cert.pem', // macOS silicon homebrew, openssl@3 package
+            '/opt/homebrew/etc/openssl@1.1/cert.pem', // macOS silicon homebrew, openssl@1.1 package
+        );
+
+        foreach ($caBundlePaths as $caBundle) {
+            if (@is_readable($caBundle) && validateCaFile(file_get_contents($caBundle))) {
+                return self::$caPath = $caBundle;
+            }
+        }
+
+        foreach ($caBundlePaths as $caBundle) {
+            $caBundle = dirname($caBundle);
+            if (is_dir($caBundle) && glob($caBundle.'/*')) {
+                return self::$caPath = $caBundle;
+            }
+        }
+
+        return self::$caPath = false;
+    }
+
+    public static function getPackagedCaFile()
+    {
+        return <<<CACERT
+##
+## Bundle of CA Root Certificates for Let's Encrypt
+##
+## See https://letsencrypt.org/certificates/#root-certificates
+##
+## ISRG Root X1 (RSA 4096) expires Jun 04 11:04:38 2035 GMT
+## ISRG Root X2 (ECDSA P-384) expires Sep 17 16:00:00 2040 GMT
+##
+## Both these are self-signed CA root certificates
+##
+
+ISRG Root X1
+============
+-----BEGIN CERTIFICATE-----
+MIIFazCCA1OgAwIBAgIRAIIQz7DSQONZRGPgu2OCiwAwDQYJKoZIhvcNAQELBQAw
+TzELMAkGA1UEBhMCVVMxKTAnBgNVBAoTIEludGVybmV0IFNlY3VyaXR5IFJlc2Vh
+cmNoIEdyb3VwMRUwEwYDVQQDEwxJU1JHIFJvb3QgWDEwHhcNMTUwNjA0MTEwNDM4
+WhcNMzUwNjA0MTEwNDM4WjBPMQswCQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJu
+ZXQgU2VjdXJpdHkgUmVzZWFyY2ggR3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBY
+MTCCAiIwDQYJKoZIhvcNAQEBBQADggIPADCCAgoCggIBAK3oJHP0FDfzm54rVygc
+h77ct984kIxuPOZXoHj3dcKi/vVqbvYATyjb3miGbESTtrFj/RQSa78f0uoxmyF+
+0TM8ukj13Xnfs7j/EvEhmkvBioZxaUpmZmyPfjxwv60pIgbz5MDmgK7iS4+3mX6U
+A5/TR5d8mUgjU+g4rk8Kb4Mu0UlXjIB0ttov0DiNewNwIRt18jA8+o+u3dpjq+sW
+T8KOEUt+zwvo/7V3LvSye0rgTBIlDHCNAymg4VMk7BPZ7hm/ELNKjD+Jo2FR3qyH
+B5T0Y3HsLuJvW5iB4YlcNHlsdu87kGJ55tukmi8mxdAQ4Q7e2RCOFvu396j3x+UC
+B5iPNgiV5+I3lg02dZ77DnKxHZu8A/lJBdiB3QW0KtZB6awBdpUKD9jf1b0SHzUv
+KBds0pjBqAlkd25HN7rOrFleaJ1/ctaJxQZBKT5ZPt0m9STJEadao0xAH0ahmbWn
+OlFuhjuefXKnEgV4We0+UXgVCwOPjdAvBbI+e0ocS3MFEvzG6uBQE3xDk3SzynTn
+jh8BCNAw1FtxNrQHusEwMFxIt4I7mKZ9YIqioymCzLq9gwQbooMDQaHWBfEbwrbw
+qHyGO0aoSCqI3Haadr8faqU9GY/rOPNk3sgrDQoo//fb4hVC1CLQJ13hef4Y53CI
+rU7m2Ys6xt0nUW7/vGT1M0NPAgMBAAGjQjBAMA4GA1UdDwEB/wQEAwIBBjAPBgNV
+HRMBAf8EBTADAQH/MB0GA1UdDgQWBBR5tFnme7bl5AFzgAiIyBpY9umbbjANBgkq
+hkiG9w0BAQsFAAOCAgEAVR9YqbyyqFDQDLHYGmkgJykIrGF1XIpu+ILlaS/V9lZL
+ubhzEFnTIZd+50xx+7LSYK05qAvqFyFWhfFQDlnrzuBZ6brJFe+GnY+EgPbk6ZGQ
+3BebYhtF8GaV0nxvwuo77x/Py9auJ/GpsMiu/X1+mvoiBOv/2X/qkSsisRcOj/KK
+NFtY2PwByVS5uCbMiogziUwthDyC3+6WVwW6LLv3xLfHTjuCvjHIInNzktHCgKQ5
+ORAzI4JMPJ+GslWYHb4phowim57iaztXOoJwTdwJx4nLCgdNbOhdjsnvzqvHu7Ur
+TkXWStAmzOVyyghqpZXjFaH3pO3JLF+l+/+sKAIuvtd7u+Nxe5AW0wdeRlN8NwdC
+jNPElpzVmbUq4JUagEiuTDkHzsxHpFKVK7q4+63SM1N95R1NbdWhscdCb+ZAJzVc
+oyi3B43njTOQ5yOf+1CceWxG1bQVs5ZufpsMljq4Ui0/1lvh+wjChP4kqKOJ2qxq
+4RgqsahDYVvTH9w7jXbyLeiNdd8XM2w9U/t7y0Ff/9yi0GE44Za4rF2LN9d11TPA
+mRGunUHBcnWEvgJBQl9nJEiU0Zsnvgc/ubhPgXRR4Xq37Z0j4r7g1SgEEzwxA57d
+emyPxgcYxn/eR44/KJ4EBs+lVDR3veyJm+kXQ99b21/+jh5Xos1AnX5iItreGCc=
+-----END CERTIFICATE-----
+
+ISRG Root X2
+============
+-----BEGIN CERTIFICATE-----
+MIICGzCCAaGgAwIBAgIQQdKd0XLq7qeAwSxs6S+HUjAKBggqhkjOPQQDAzBPMQsw
+CQYDVQQGEwJVUzEpMCcGA1UEChMgSW50ZXJuZXQgU2VjdXJpdHkgUmVzZWFyY2gg
+R3JvdXAxFTATBgNVBAMTDElTUkcgUm9vdCBYMjAeFw0yMDA5MDQwMDAwMDBaFw00
+MDA5MTcxNjAwMDBaME8xCzAJBgNVBAYTAlVTMSkwJwYDVQQKEyBJbnRlcm5ldCBT
+ZWN1cml0eSBSZXNlYXJjaCBHcm91cDEVMBMGA1UEAxMMSVNSRyBSb290IFgyMHYw
+EAYHKoZIzj0CAQYFK4EEACIDYgAEzZvVn4CDCuwJSvMWSj5cz3es3mcFDR0HttwW
++1qLFNvicWDEukWVEYmO6gbf9yoWHKS5xcUy4APgHoIYOIvXRdgKam7mAHf7AlF9
+ItgKbppbd9/w+kHsOdx1ymgHDB/qo0IwQDAOBgNVHQ8BAf8EBAMCAQYwDwYDVR0T
+AQH/BAUwAwEB/zAdBgNVHQ4EFgQUfEKWrt5LSDv6kviejM9ti6lyN5UwCgYIKoZI
+zj0EAwMDaAAwZQIwe3lORlCEwkSHRhtFcP9Ymd70/aTSVaYgLXTWNLxBo1BfASdW
+tL4ndQavEi51mI38AjEAi/V3bNTIZargCyzuFJ0nN6T5U6VR5CmD1/iQMVtCnwr1
+/q4AaOeMSQ+2b1tbFfLn
+-----END CERTIFICATE-----
+CACERT;
+    }
+}
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..c4e089b
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,32 @@
+{
+    "name": "nageurs/bigoudens",
+    "description": "site web du club de natation: les nageurs bigoudens à Pont-l'Abbé",
+    "require": {
+        "doctrine/dbal": "^4.2",
+        "doctrine/orm": "^3.3",
+        "symfony/cache": "^7.2",
+        "composer": "*",
+        "htmlawed/htmlawed": "^1.2",
+        "tinymce/tinymce": "^7.7",
+        "tweeb/tinymce-i18n": "^2.0"
+    },
+    "scripts": {
+        "post-install-cmd": [
+            "php bin/copy_directory.php vendor/tinymce/tinymce public/js/tinymce",
+            "php bin/copy_directory.php vendor/tweeb/tinymce-i18n/langs public/js/tinymce-langs"
+        ],
+        "post-update-cmd": [
+            "php bin/copy_directory.php vendor/tinymce/tinymce public/js/tinymce",
+            "php bin/copy_directory.php vendor/tweeb/tinymce-i18n/langs public/js/tinymce-langs"
+        ]
+    },
+    "authors": [
+        {
+            "name": "polo",
+            "email": "paul.jusot@fdn.fr"
+        }
+    ],
+        "autoload": {
+        "classmap": ["src/"]
+     }
+}
diff --git a/config/.htaccess b/config/.htaccess
new file mode 100644
index 0000000..1ea74d0
--- /dev/null
+++ b/config/.htaccess
@@ -0,0 +1,4 @@
+<Files "config.ini">
+        Order Allow,Deny
+        Deny from all
+</Files>
\ No newline at end of file
diff --git a/deploiement.txt b/deploiement.txt
new file mode 100644
index 0000000..5346145
--- /dev/null
+++ b/deploiement.txt
@@ -0,0 +1,58 @@
+déploiement
+
+=> procédure pour un hébergement "normal" avec un accès SSH,
+ne marche pas sans la formule pro d'OVH
+- peu de manips (le renommage) peuvent être faites avec filezilla
+- pour le reste il faut contourner avec des scripts PHP faisant des exec()
+
+=> pour utiliser PHP-cli il faut utiliser le chemin de PHP /usr/local/php8.3/bin
+ou l'ajouter au PATH en éditant .bash_profile (facile avec filezilla):
+trouver la ligne PATH=$PATH:$HOME/bin
+et y coller :$HOME/usr/local/php8.3/bin
+
+=> utiliser PHP-cli depuis un script web:
+$param = '-r "echo \'hello world\';"';
+$commande = 'php ' . $param; // OU
+$commande = '/usr/local/php8.3/bin/php ' . $param;
+$sortie = null;
+$code_retour = null;
+exec($commande, $sortie, $code_retour);
+
+
+1/ se connecter au serveur en ssh et télécharger les fichiers:
+cd /var/www
+git clone git@ordipolo.fr:nageurs
+
+2/ renommer le dossier du site pour apache
+mv nageurs dossier_du_site
+
+3/ côté client, envoyer les fichier config.ini et bdd_nageurs.sql en FTP
+placer config.ini à la racine du site
+
+retour côté serveur en ssh
+
+4/ mieux vaut utiliser composer et la console doctrine sans être root,
+changer les permissions:
+chown -R www-data www-data dossier_du_site
+
+5/ télécharger les dépendances PHP (dont doctrine) en lisant le composer.json:
+sudo -u www-data php composer.phar update
+
+6/ générer l'autoloader
+composer dump-autoload -o
+
+7/ se connecter à la BDD et créer la base:
+mysql/mariadb -u root -p
+CREATE DATABASES nageurs CHARACTER SET utf8mb4;
+l'utilisateur doit avoir les droits SELECT, INSERT, UPDATE, DELETE, CREATE, DROP et ALTER
+
+8/ créer les tables:
+sudo -u www-data php bin/doctrine orm:schema-tool:create
+et remplir la base de données:
+mariadb -D nageurs -u root -p < bdd_nageurs.sql
+
+9/ le 1er chargement d'une page est long,
+le cache de symfony inclu fait ensuite son job
+
+sinon, regarder ici:
+https://www.doctrine-project.org/projects/doctrine-orm/en/3.3/reference/caching.html
diff --git a/public/assets/arrow-down-nb.svg b/public/assets/arrow-down-nb.svg
new file mode 100644
index 0000000..84ad2f3
--- /dev/null
+++ b/public/assets/arrow-down-nb.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-down-nb.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="14.75"
+     inkscape:cx="12"
+     inkscape:cy="12.033898"
+     inkscape:window-width="1261"
+     inkscape:window-height="1032"
+     inkscape:window-x="655"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"
+     id="path1" />
+</svg>
diff --git a/public/assets/arrow-down.svg b/public/assets/arrow-down.svg
new file mode 100644
index 0000000..bd7d579
--- /dev/null
+++ b/public/assets/arrow-down.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-down.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="14.75"
+     inkscape:cx="12"
+     inkscape:cy="12.033898"
+     inkscape:window-width="1261"
+     inkscape:window-height="1032"
+     inkscape:window-x="655"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.256239"
+     d="M 8.1361932,16.102295 4.2726833,12.238339 4.9491052,11.559369 5.6255269,10.8804 8.2707084,13.524946 c 1.4548498,1.4545 2.6679196,2.644546 2.6957116,2.644546 0.02779,0 0.05053,-2.730509 0.05053,-6.067797 V 4.0338983 H 12 12.983051 v 6.0677967 c 0,3.337288 0.02274,6.067797 0.05053,6.067797 0.02779,0 1.240862,-1.190046 2.695712,-2.644546 l 2.645181,-2.644546 0.676496,0.679044 0.676496,0.679044 -3.863881,3.863881 -3.863881,3.863882 z"
+     id="path2" />
+</svg>
diff --git a/public/assets/arrow-up-nb.svg b/public/assets/arrow-up-nb.svg
new file mode 100644
index 0000000..f845bf1
--- /dev/null
+++ b/public/assets/arrow-up-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/arrow-up.svg b/public/assets/arrow-up.svg
new file mode 100644
index 0000000..c88794d
--- /dev/null
+++ b/public/assets/arrow-up.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-up.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="7.7781746"
+     inkscape:cx="19.734707"
+     inkscape:cy="19.220448"
+     inkscape:window-width="956"
+     inkscape:window-height="1032"
+     inkscape:window-x="960"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.485914"
+     d="M 11.056579,13.854013 V 7.7161883 L 8.3569078,10.413563 5.6572369,13.110938 4.9829803,12.436682 4.3087238,11.762425 8.1323616,7.9387874 11.955999,4.1151496 l 3.85685,3.8552422 3.856848,3.8552422 -0.642652,0.642652 -0.642652,0.642652 -2.69967,-2.697375 -2.699671,-2.6973747 v 6.1378247 6.137824 h -0.964237 -0.964236 z"
+     id="path2" />
+</svg>
diff --git a/public/assets/book-open-nb.svg b/public/assets/book-open-nb.svg
new file mode 100644
index 0000000..462bb9d
--- /dev/null
+++ b/public/assets/book-open-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/book-open.svg b/public/assets/book-open.svg
new file mode 100644
index 0000000..383bc6d
--- /dev/null
+++ b/public/assets/book-open.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="book-open.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.333333"
+     inkscape:cx="13.714286"
+     inkscape:cy="10.010204"
+     inkscape:window-width="1367"
+     inkscape:window-height="1032"
+     inkscape:window-x="549"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.462799"
+     d="m 11.020408,21.985643 v -0.97354 L 6.8668354,20.975439 2.7132626,20.938776 2.3974476,20.641921 2.0816327,20.345066 V 12 3.6549341 l 0.3162118,-0.2968548 0.3162119,-0.2968548 3.5103187,0.00234 c 3.2760872,0.00218 3.5522704,0.01942 4.1390279,0.2583701 0.34579,0.1408189 0.852538,0.4359086 1.126107,0.655755 l 0.497399,0.3997205 0.605683,-0.4446121 c 1.1434,-0.8393329 1.270609,-0.8605967 5.183033,-0.8663802 l 3.510319,-0.00519 0.316211,0.2968548 0.316212,0.2968548 V 12 20.345066 l -0.315815,0.296855 -0.315814,0.296855 -4.153574,0.03666 -4.153572,0.03666 v 0.97354 0.973541 H 12 11.020408 Z m 0,-9.294065 V 6.3423387 L 10.744898,5.9375303 C 10.12681,5.0293713 10.107047,5.0245329 6.8484856,4.9836104 L 3.9183674,4.9468125 v 7.0470025 7.047001 h 3.5510204 3.5510202 z m 9.061225,-0.697763 V 4.9468125 l -2.930119,0.036798 c -3.258561,0.040922 -3.278324,0.045761 -3.896412,0.9539199 l -0.27551,0.4048084 v 6.3492392 6.349238 h 3.55102 3.551021 z"
+     id="path2" />
+</svg>
diff --git a/public/assets/calendar-nb.svg b/public/assets/calendar-nb.svg
new file mode 100644
index 0000000..fbf11df
--- /dev/null
+++ b/public/assets/calendar-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/calendar.svg b/public/assets/calendar.svg
new file mode 100644
index 0000000..d8a0862
--- /dev/null
+++ b/public/assets/calendar.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="calendar.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.333333"
+     inkscape:cx="10.867347"
+     inkscape:cy="7.0714286"
+     inkscape:window-width="1378"
+     inkscape:window-height="1032"
+     inkscape:window-x="538"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke-width:0.2314;fill-opacity:1"
+     d="M 2.6632967,20.900914 C 2.5791303,20.867183 2.4456452,20.779249 2.3666632,20.705506 2.0328996,20.393883 2.0510204,20.894721 2.0510204,11.981482 V 3.7221898 L 2.1887755,3.5197856 C 2.2645408,3.4084632 2.4042737,3.2597461 2.4992931,3.1893029 2.6658093,3.0658553 2.7504798,3.0605903 4.8411299,3.0436855 L 7.0102041,3.0261465 V 2.0181753 1.0102041 h 0.9795918 0.9795919 v 1.0102041 1.010204 H 12 15.030612 V 2.0204082 1.0102041 h 0.979592 0.979592 v 1.0079712 1.0079712 l 2.169074,0.017539 c 2.09065,0.016905 2.175321,0.02217 2.341837,0.1456174 0.09502,0.070443 0.234752,0.2191603 0.310518,0.3304827 L 21.94898,3.7221898 V 12 20.27781 l -0.137755,0.202405 c -0.07577,0.111322 -0.215538,0.260039 -0.310605,0.330482 l -0.17285,0.128079 -9.255722,0.01173 c -6.0661846,0.0077 -9.3084558,-0.0094 -9.4087513,-0.0496 z M 20.05102,15 V 10.989796 H 12 3.9489796 V 15 19.010204 H 12 20.05102 Z m 0,-7.9897959 V 4.9897959 H 18.520408 16.989796 V 5.9693878 6.9489796 H 16.010204 15.030612 V 5.9693878 4.9897959 H 12 8.9693878 V 5.9693878 6.9489796 H 7.9897959 7.0102041 V 5.9693878 4.9897959 H 5.4795918 3.9489796 V 7.0102041 9.0306123 H 12 20.05102 Z"
+     id="path2" />
+</svg>
diff --git a/public/assets/delete-bin-nb.svg b/public/assets/delete-bin-nb.svg
new file mode 100644
index 0000000..a71c4d8
--- /dev/null
+++ b/public/assets/delete-bin-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/delete-bin.svg b/public/assets/delete-bin.svg
new file mode 100644
index 0000000..d534c53
--- /dev/null
+++ b/public/assets/delete-bin.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="delete-bin.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="5.7747054"
+     inkscape:cx="8.0523589"
+     inkscape:cy="13.940105"
+     inkscape:window-width="956"
+     inkscape:window-height="1032"
+     inkscape:window-x="960"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.654497"
+     d="M 4.428179,21.633757 C 4.1901151,21.395692 4.1560562,20.517904 4.1560562,14.620412 V 7.8791899 H 3.1170421 2.0780281 V 7.0133448 6.1474998 H 4.5889787 7.0999293 V 4.4910099 c 0,-0.9110696 0.080668,-1.8072192 0.1792618,-1.9914437 0.1701493,-0.317927 0.4073212,-0.3349536 4.6657439,-0.3349536 5.369132,0 5.025628,-0.1624223 5.025628,2.3763127 v 1.6065745 h 2.51095 2.510951 v 0.865845 0.8658451 H 20.95345 19.914436 v 6.7267521 c 0,6.296846 -0.02024,6.745069 -0.316681,7.013345 -0.28412,0.257124 -1.066299,0.286592 -7.607067,0.286592 -6.396732,0 -7.3237431,-0.03336 -7.562509,-0.272122 z M 18.009577,13.940105 V 7.8791899 H 11.948662 5.8877463 v 6.0609151 6.060915 h 6.0609157 6.060915 z M 15.065704,5.0219012 V 3.8963027 H 11.948662 8.8316194 v 1.0101525 c 0,0.555584 0.051951,1.0621033 0.1154461,1.1255985 0.063495,0.063495 1.4661645,0.1154461 3.1170425,0.1154461 h 3.001596 z"
+     id="path2" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.654497"
+     d="m 9.0047884,13.940105 v -2.943873 h 0.9524295 0.9524291 v 2.943873 2.943873 H 9.9572179 9.0047884 Z"
+     id="path3" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.654497"
+     d="m 13.160845,13.940105 v -2.943873 h 0.865845 0.865845 v 2.943873 2.943873 H 14.02669 13.160845 Z"
+     id="path4" />
+</svg>
diff --git a/public/assets/edit-nb.svg b/public/assets/edit-nb.svg
new file mode 100644
index 0000000..f57a63e
--- /dev/null
+++ b/public/assets/edit-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M6.41421 15.89L16.5563 5.74785L15.1421 4.33363L5 14.4758V15.89H6.41421ZM7.24264 17.89H3V13.6473L14.435 2.21231C14.8256 1.82179 15.4587 1.82179 15.8492 2.21231L18.6777 5.04074C19.0682 5.43126 19.0682 6.06443 18.6777 6.45495L7.24264 17.89ZM3 19.89H21V21.89H3V19.89Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/edit.svg b/public/assets/edit.svg
new file mode 100644
index 0000000..2c1fd10
--- /dev/null
+++ b/public/assets/edit.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="edit.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="8.1666667"
+     inkscape:cx="18.979592"
+     inkscape:cy="21.734694"
+     inkscape:window-width="1347"
+     inkscape:window-height="1032"
+     inkscape:window-x="569"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M6.41421 15.89L16.5563 5.74785L15.1421 4.33363L5 14.4758V15.89H6.41421ZM7.24264 17.89H3V13.6473L14.435 2.21231C14.8256 1.82179 15.4587 1.82179 15.8492 2.21231L18.6777 5.04074C19.0682 5.43126 19.0682 6.06443 18.6777 6.45495L7.24264 17.89ZM3 19.89H21V21.89H3V19.89Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.462799"
+     d="M 3.0612245,20.877551 V 19.897959 H 12 20.938776 v 0.979592 0.979592 H 12 3.0612245 Z"
+     id="path2" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.462799"
+     d="M 3.0612245,15.764827 V 13.713329 L 8.9086367,7.8668687 c 5.4509273,-5.45004 5.8760063,-5.8464605 6.2691283,-5.8464605 0.378835,0 0.587344,0.1671659 2.050548,1.6439672 1.433032,1.4463495 1.62883,1.6928413 1.62883,2.050547 0,0.3731507 -0.480696,0.8873539 -5.846461,6.2539916 l -5.84646,5.847413 H 5.1127232 3.0612245 Z M 11.538908,10.869261 16.650326,5.7589307 15.888432,4.9902051 15.12654,4.2214796 10.01225,9.3346829 4.8979592,14.447886 v 0.765854 0.765852 h 0.7647659 0.7647658 z"
+     id="path3" />
+</svg>
diff --git a/public/assets/facebook-nb.svg b/public/assets/facebook-nb.svg
new file mode 100644
index 0000000..543537c
--- /dev/null
+++ b/public/assets/facebook-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 2C6.47813 2 2.00098 6.47715 2.00098 12C2.00098 16.9913 5.65783 21.1283 10.4385 21.8785V14.8906H7.89941V12H10.4385V9.79688C10.4385 7.29063 11.9314 5.90625 14.2156 5.90625C15.3097 5.90625 16.4541 6.10156 16.4541 6.10156V8.5625H15.1931C13.9509 8.5625 13.5635 9.33334 13.5635 10.1242V12H16.3369L15.8936 14.8906H13.5635V21.8785C18.3441 21.1283 22.001 16.9913 22.001 12C22.001 6.47715 17.5238 2 12.001 2Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/facebook.svg b/public/assets/facebook.svg
new file mode 100644
index 0000000..d09d296
--- /dev/null
+++ b/public/assets/facebook.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="facebook.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="6.8333333"
+     inkscape:cx="12"
+     inkscape:cy="11.926829"
+     inkscape:window-width="1374"
+     inkscape:window-height="1032"
+     inkscape:window-x="542"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M12.001 2C6.47813 2 2.00098 6.47715 2.00098 12C2.00098 16.9913 5.65783 21.1283 10.4385 21.8785V14.8906H7.89941V12H10.4385V9.79688C10.4385 7.29063 11.9314 5.90625 14.2156 5.90625C15.3097 5.90625 16.4541 6.10156 16.4541 6.10156V8.5625H15.1931C13.9509 8.5625 13.5635 9.33334 13.5635 10.1242V12H16.3369L15.8936 14.8906H13.5635V21.8785C18.3441 21.1283 22.001 16.9913 22.001 12C22.001 6.47715 17.5238 2 12.001 2Z"
+     id="path1"
+     style="fill:#dd3333;fill-opacity:1;stroke:none;stroke-opacity:1" />
+</svg>
diff --git a/public/assets/favicon48x48.png b/public/assets/favicon48x48.png
new file mode 100644
index 0000000..9825db1
--- /dev/null
+++ b/public/assets/favicon48x48.png
diff --git a/public/assets/fond-piscine.jpg b/public/assets/fond-piscine.jpg
new file mode 100644
index 0000000..239d95d
--- /dev/null
+++ b/public/assets/fond-piscine.jpg
diff --git a/public/assets/home.svg b/public/assets/home.svg
new file mode 100644
index 0000000..d400c4a
--- /dev/null
+++ b/public/assets/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 21H5C4.44772 21 4 20.5523 4 20V11L1 11L11.3273 1.6115C11.7087 1.26475 12.2913 1.26475 12.6727 1.6115L23 11L20 11V20C20 20.5523 19.5523 21 19 21ZM6 19H18V9.15745L12 3.7029L6 9.15745V19Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/instagram-nb.svg b/public/assets/instagram-nb.svg
new file mode 100644
index 0000000..c51ee39
--- /dev/null
+++ b/public/assets/instagram-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/instagram.svg b/public/assets/instagram.svg
new file mode 100644
index 0000000..feb8ae8
--- /dev/null
+++ b/public/assets/instagram.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="instagram.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="20.166667"
+     inkscape:cx="12"
+     inkscape:cy="12.024793"
+     inkscape:window-width="1391"
+     inkscape:window-height="1032"
+     inkscape:window-x="525"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M12.001 9C10.3436 9 9.00098 10.3431 9.00098 12C9.00098 13.6573 10.3441 15 12.001 15C13.6583 15 15.001 13.6569 15.001 12C15.001 10.3427 13.6579 9 12.001 9ZM12.001 7C14.7614 7 17.001 9.2371 17.001 12C17.001 14.7605 14.7639 17 12.001 17C9.24051 17 7.00098 14.7629 7.00098 12C7.00098 9.23953 9.23808 7 12.001 7ZM18.501 6.74915C18.501 7.43926 17.9402 7.99917 17.251 7.99917C16.5609 7.99917 16.001 7.4384 16.001 6.74915C16.001 6.0599 16.5617 5.5 17.251 5.5C17.9393 5.49913 18.501 6.0599 18.501 6.74915ZM12.001 4C9.5265 4 9.12318 4.00655 7.97227 4.0578C7.18815 4.09461 6.66253 4.20007 6.17416 4.38967C5.74016 4.55799 5.42709 4.75898 5.09352 5.09255C4.75867 5.4274 4.55804 5.73963 4.3904 6.17383C4.20036 6.66332 4.09493 7.18811 4.05878 7.97115C4.00703 9.0752 4.00098 9.46105 4.00098 12C4.00098 14.4745 4.00753 14.8778 4.05877 16.0286C4.0956 16.8124 4.2012 17.3388 4.39034 17.826C4.5591 18.2606 4.7605 18.5744 5.09246 18.9064C5.42863 19.2421 5.74179 19.4434 6.17187 19.6094C6.66619 19.8005 7.19148 19.9061 7.97212 19.9422C9.07618 19.9939 9.46203 20 12.001 20C14.4755 20 14.8788 19.9934 16.0296 19.9422C16.8117 19.9055 17.3385 19.7996 17.827 19.6106C18.2604 19.4423 18.5752 19.2402 18.9074 18.9085C19.2436 18.5718 19.4445 18.2594 19.6107 17.8283C19.8013 17.3358 19.9071 16.8098 19.9432 16.0289C19.9949 14.9248 20.001 14.5389 20.001 12C20.001 9.52552 19.9944 9.12221 19.9432 7.97137C19.9064 7.18906 19.8005 6.66149 19.6113 6.17318C19.4434 5.74038 19.2417 5.42635 18.9084 5.09255C18.573 4.75715 18.2616 4.55693 17.8271 4.38942C17.338 4.19954 16.8124 4.09396 16.0298 4.05781C14.9258 4.00605 14.5399 4 12.001 4ZM12.001 2C14.7176 2 15.0568 2.01 16.1235 2.06C17.1876 2.10917 17.9135 2.2775 18.551 2.525C19.2101 2.77917 19.7668 3.1225 20.3226 3.67833C20.8776 4.23417 21.221 4.7925 21.476 5.45C21.7226 6.08667 21.891 6.81333 21.941 7.8775C21.9885 8.94417 22.001 9.28333 22.001 12C22.001 14.7167 21.991 15.0558 21.941 16.1225C21.8918 17.1867 21.7226 17.9125 21.476 18.55C21.2218 19.2092 20.8776 19.7658 20.3226 20.3217C19.7668 20.8767 19.2076 21.22 18.551 21.475C17.9135 21.7217 17.1876 21.89 16.1235 21.94C15.0568 21.9875 14.7176 22 12.001 22C9.28431 22 8.94514 21.99 7.87848 21.94C6.81431 21.8908 6.08931 21.7217 5.45098 21.475C4.79264 21.2208 4.23514 20.8767 3.67931 20.3217C3.12348 19.7658 2.78098 19.2067 2.52598 18.55C2.27848 17.9125 2.11098 17.1867 2.06098 16.1225C2.01348 15.0558 2.00098 14.7167 2.00098 12C2.00098 9.28333 2.01098 8.94417 2.06098 7.8775C2.11014 6.8125 2.27848 6.0875 2.52598 5.45C2.78014 4.79167 3.12348 4.23417 3.67931 3.67833C4.23514 3.1225 4.79348 2.78 5.45098 2.525C6.08848 2.2775 6.81348 2.11 7.87848 2.06C8.94514 2.0125 9.28431 2 12.001 2Z"
+     id="path1"
+     style="fill:#dd3333;fill-opacity:1" />
+</svg>
diff --git a/public/assets/logo-120x75.jpg b/public/assets/logo-120x75.jpg
new file mode 100644
index 0000000..b58a7a6
--- /dev/null
+++ b/public/assets/logo-120x75.jpg
diff --git a/public/assets/logo-150x94.jpg b/public/assets/logo-150x94.jpg
new file mode 100644
index 0000000..67ec6cc
--- /dev/null
+++ b/public/assets/logo-150x94.jpg
diff --git a/public/assets/logo-fond-bleu.png b/public/assets/logo-fond-bleu.png
new file mode 100644
index 0000000..f51ac9c
--- /dev/null
+++ b/public/assets/logo-fond-bleu.png
diff --git a/public/assets/logo2.jpg b/public/assets/logo2.jpg
new file mode 100644
index 0000000..39c03bd
--- /dev/null
+++ b/public/assets/logo2.jpg
diff --git a/public/assets/perdu.jpg b/public/assets/perdu.jpg
new file mode 100644
index 0000000..043a97a
--- /dev/null
+++ b/public/assets/perdu.jpg
diff --git a/public/assets/share-nb.svg b/public/assets/share-nb.svg
new file mode 100644
index 0000000..f58f129
--- /dev/null
+++ b/public/assets/share-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13 14H11C7.54202 14 4.53953 15.9502 3.03239 18.8107C3.01093 18.5433 3 18.2729 3 18C3 12.4772 7.47715 8 13 8V2.5L23.5 11L13 19.5V14ZM11 12H15V15.3078L20.3214 11L15 6.69224V10H13C10.5795 10 8.41011 11.0749 6.94312 12.7735C8.20873 12.2714 9.58041 12 11 12Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/share.svg b/public/assets/share.svg
new file mode 100644
index 0000000..e053051
--- /dev/null
+++ b/public/assets/share.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="share-forward.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="5.3333333"
+     inkscape:cx="18.46875"
+     inkscape:cy="16.03125"
+     inkscape:window-width="956"
+     inkscape:window-height="1032"
+     inkscape:window-x="960"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="M13 14H11C7.54202 14 4.53953 15.9502 3.03239 18.8107C3.01093 18.5433 3 18.2729 3 18C3 12.4772 7.47715 8 13 8V2.5L23.5 11L13 19.5V14ZM11 12H15V15.3078L20.3214 11L15 6.69224V10H13C10.5795 10 8.41011 11.0749 6.94312 12.7735C8.20873 12.2714 9.58041 12 11 12Z"
+     id="path1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.708661"
+     d="m 13.125,16.62281 v -2.65406 l -1.734375,0.0046 c -3.1289994,0.0083 -4.7715187,0.662267 -6.84375,2.72496 L 3.1875,18.051411 3.1920836,17.275706 C 3.2079642,14.588168 5.033385,11.457683 7.5641723,9.7778419 8.8054939,8.9538996 11.118995,8.15625 12.267434,8.15625 H 13.125 V 5.5156251 c 0,-1.4523438 0.07229,-2.6125001 0.160633,-2.5781251 0.344223,0.1339326 9.936632,7.944961 9.904618,8.065257 -0.0187,0.07027 -2.143376,1.831888 -4.721501,3.914713 -2.578125,2.082826 -4.835156,3.915756 -5.015625,4.073178 C 13.142599,19.261519 13.125,19.134524 13.125,16.62281 Z m 7.253039,-5.611275 c 0.01886,-0.07509 -1.162391,-1.0943592 -2.625,-2.2650333 L 15.09375,6.6180036 15.039575,8.2308767 14.9854,9.84375 13.914575,9.844836 c -1.658785,0.00168 -3.170519,0.311395 -4.4246483,0.906488 -1.150183,0.545771 -2.7354857,1.775452 -2.5436777,1.97307 0.056375,0.05808 0.520437,-0.02888 1.03125,-0.193243 0.6245522,-0.200964 1.9267104,-0.328748 3.975626,-0.390138 L 15,12.049721 v 1.702541 1.70254 l 2.671875,-2.153366 c 1.469531,-1.184352 2.687305,-2.214808 2.706164,-2.289901 z"
+     id="path2" />
+</svg>
diff --git a/public/css/body.css b/public/css/body.css
new file mode 100644
index 0000000..87f71f2
--- /dev/null
+++ b/public/css/body.css
@@ -0,0 +1,39 @@
+body
+{
+        margin: auto;
+        max-width: 1200px;
+        /*width: 90%;*/
+        font-family: sans;
+        background-color: #0cceec;
+}
+
+#bloc_page
+{}
+
+
+.infobulle
+{
+    /*text-decoration: none;*/
+    /* évite que l'infobulle ne se retrouve dans un coin de l'écran */
+    /*position:relative;*/
+    /* block -> hauteur fixe pour vertical-align dans l'image */
+    /*display: inline-block;*/
+    
+}
+/*.infobulle button
+{
+    
+    display: none;
+    position: absolute;
+    bottom: 35px;
+    left: 10px;
+}
+.infobulle:hover button
+{
+    display: inline;
+
+}
+.infobulle img
+{
+    vertical-align: middle;
+}*/
\ No newline at end of file
diff --git a/public/css/foot.css b/public/css/foot.css
new file mode 100644
index 0000000..ef3291d
--- /dev/null
+++ b/public/css/foot.css
@@ -0,0 +1,120 @@
+/*-- pied de page  --*/
+footer
+{
+        /*background-color: #279dc177;*/
+        /*background-color: #13aff077;*/
+        background-color: #B7E9FE;
+        /*width: 1200px;*/
+        margin: auto;
+        
+}
+footer > div
+{
+        margin: auto;
+        max-width: 1200px;
+        display: flex;
+        justify-content: space-around;
+}
+.contact a
+{
+        color: unset;
+        border-bottom: 3px #13aff000 solid; /* bordure invisible */
+}
+.contact a:hover
+{
+        /*background-color: #fadb11;*/
+        text-decoration: none;
+        padding: 0 2px;
+        /*background-color: #13aff0ff;
+        border-bottom: 3px #fadb11 solid;*/
+        background-color: #ffff00;
+        /*border-bottom: 2px #00a8f3 solid;*/
+        border-bottom: 2px #ff1d04 solid;
+}
+
+
+/*-- fil d'ariane --*/
+.breadcrumb
+{
+        max-width: 45%;
+        /*margin-right: 10px;*/
+        margin: 16px 0; /* = p */
+        list-style: none; /* retirer les puces */
+        font-size: small;
+        text-align: right;
+        font-weight: bold;
+}
+.breadcrumb img
+{
+        width: 12px;
+        vertical-align: middle;
+}
+.breadcrumb a img, .breadcrumb a span
+{
+        border-bottom: 2px #13aff000 solid;
+}
+.breadcrumb a img:hover, .breadcrumb a span:hover
+{
+        /*background-color: #13aff0;
+        border-bottom: 3px #fadb11 solid;*/
+        background-color: #ffff00;
+        /*border-bottom: 2px #00a8f3 solid;*/
+        border-bottom: 2px #ff1d04 solid;
+}
+/*.breadcrumb *:not(:last-child)::after
+{
+        content: "→";
+        display: block;
+        margin: 0 3px;
+}*/
+.breadcrumb a
+{
+        color: unset; /* ne plus hériter */
+        text-decoration: none;
+}
+
+/* zone admin */
+.logged_out
+{
+        /*display: none;*/
+        justify-content: start;
+}
+.logged_out a
+{
+        color: black;
+        text-decoration: none;
+}
+.empty_admin_zone
+{
+        height: 32px;
+}
+.logged_in
+{
+        height: 32px;
+        width: 1200px;
+        margin: auto;
+        background-color: #ffff00;
+        position: fixed;
+        bottom: 0px;
+}
+.logged_in > p
+{
+        margin: 5px 0;
+        display: flex;
+        justify-content: space-around;
+}
+.logged_in button
+{
+        margin-left: 5px;
+        color: #ff1d04;
+        font-size: medium;
+        border: lightgrey 2px outset;
+        border-radius: 4px;
+        background-color: white;
+}
+.logged_in button:hover
+{
+        cursor: pointer; /* curseur qui touche du doigt */
+        background-color: #ffff00;
+        border-radius: 4px;
+}
\ No newline at end of file
diff --git a/public/css/head.css b/public/css/head.css
new file mode 100644
index 0000000..b8d4c93
--- /dev/null
+++ b/public/css/head.css
@@ -0,0 +1,59 @@
+header
+{
+        text-align: center;
+        /*padding-top: 5px;*/
+        /*padding-bottom: 10px;*/
+        background-image: url('../assets/fond-piscine.jpg');
+        background-size: cover; /* largeur du bloc_page  */
+}
+header > div
+{
+        /*margin: auto;*/
+        /*max-width: 1200px;*/
+        display: flex;
+        /*align-items: center;*/ /* conflit possible avec .social align-self */
+        justify-content: space-around;
+}
+.header-content
+{
+        padding: 20px 0;
+}
+.site_title
+{
+        background-color: #ffffff7f;
+        border-radius: 10px;
+}
+header h1
+{
+        font-size: x-large;
+        margin: 10px;
+}
+header h2
+{
+        font-size: medium; /* défaut = x-large */
+        margin: 10px;
+}
+header img
+{
+        vertical-align: bottom; /* supprime espace sous l'image */
+}
+header a
+{
+        color: unset; /* ne plus hériter */
+        text-decoration: none;
+}
+.social
+{
+        align-self: end;
+}
+.social img
+{
+        width: 25px;
+        background-color: #ffffffb3;
+        border-radius: 10px;
+}
+
+.social img:hover
+{
+        background-color: #ffff00;
+}
diff --git a/public/css/main.css b/public/css/main.css
new file mode 100644
index 0000000..b38f8d9
--- /dev/null
+++ b/public/css/main.css
@@ -0,0 +1,110 @@
+main
+{
+        margin: auto;
+        /*max-width: 1200px;*/
+        background-color: #E3F3FF;
+        padding: 15px 0;
+}
+section > h3
+{
+        padding: 15px;
+        margin: 0;
+        text-align: center;
+}
+section > p /* boutons spéciaux mode admin */
+{
+        /*margin-left: 15px;*/
+}
+.grid_columns
+{
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+}
+.galery_photos
+{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+}
+.galery_photos .html_from_editor img
+{
+        max-width: 400px;
+        max-height: 250px;
+}
+article
+{
+        /*display: flex;*/
+        background-color: white;
+        margin: 15px 15px 0 15px;
+        padding: 0 15px;
+        /*min-height: 150px;*/
+}
+article .logo2
+{
+        vertical-align: middle;
+        max-width: 200px;
+        max-height: 200px;
+        margin-right: 15px;
+}
+.new_content, .article_content
+{
+        width: 100%;
+}
+.new_content_text
+{
+        max-height: 250px;
+        overflow: hidden;
+}
+
+article .action_icon
+{
+        width: 24px;
+        vertical-align: middle;
+        border: white 2px solid; /* invisible */
+}
+article .action_icon:hover
+{
+        background-color: #ffff00;
+        border-radius: 4px;
+        border: lightgrey 2px outset;
+}
+.article_title_zone
+{
+        display: flex;
+        justify-content: space-between;
+}
+.under_an_article
+{
+        display: flex;
+        justify-content: space-between;
+        font-size: small;
+}
+.under_an_article p
+{
+        margin: 5px;
+}
+.under_an_article img
+{
+        width: 24px;
+        vertical-align: middle;
+        margin-right: 5px;
+}
+.article_admin_zone
+{
+        display: flex;
+        justify-content: end;
+}
+main button
+{
+        color: #ff1d04;
+        font-size: medium;
+        border-radius: 4px;
+        background-color: white;
+        border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
+}
+main button:hover
+{
+        cursor: pointer; /* curseur qui pointe du doigt */
+        background-color: #ffff00;
+        border-radius: 4px;
+}
\ No newline at end of file
diff --git a/public/css/nav.css b/public/css/nav.css
new file mode 100644
index 0000000..d51c58a
--- /dev/null
+++ b/public/css/nav.css
@@ -0,0 +1,95 @@
+/*-- menu principal --*/
+.empty_nav_zone
+{
+        height: 33px;
+}
+.nav_main
+{
+        position: fixed;
+        /*box-shadow: 3px 3px 5px #13aff0;*/
+        border: 2px solid #13aff0;
+        top: -2px;
+}
+.nav_main
+{
+        /*font-size: 90%;*/
+        /*margin-top: 10px;*/
+        /*margin-bottom: 10px;*/
+        text-wrap: nowrap;
+}
+.nav_main > ul
+{
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        flex-wrap: wrap;
+}
+ul
+{
+        margin: 0;
+}
+.nav_main ul, .nav_main li
+{
+        list-style: none;
+        padding-left: 0;
+}
+.nav_main p
+{
+        padding: 7px;
+        margin: 0;
+        background-color: #ffffffe1; /* b3 = 179 = 0.7 (x 256) */
+}
+.nav_main p:hover
+{
+        background-color: white;
+}
+.current > p
+{
+        background-color: white;
+        font-weight: bold;
+}
+.drop-down > p::after
+{
+        content: ' ▼';
+        font-size: x-small;
+}
+
+.drop-down:hover > .sub-menu /* faire apparaître sub-menu */
+{
+        display: block;
+}
+.sub-menu
+{
+        display: none;
+        background-color: white;
+        border-top: 3px solid #13aff0;
+        box-shadow: 1px 1px 3px black;
+        font-size: 95%;
+}
+/*.sub-menu p:hover*/
+.nav_main p:hover
+{
+        background-color: #ffff00;
+}
+.drop-down .sub-menu .drop-down > p:after /* bricolage? */
+{
+        content: " ▶";
+        font-size: x-small;
+}
+
+/* 1er sous-menu, poitionnement pour ne pas aggrandir l'élément parent */
+nav > ul > li > ul
+{
+        position: absolute; /* retire du flux, positionnement par rapport à la fenêtre */
+}
+/* élément du menu survolé, le positionnement relatif en fait la référence du positionnement suivant */
+.drop-down .sub-menu .drop-down
+{
+        position: relative;
+}
+.drop-down .sub-menu .drop-down .sub-menu
+{
+        position: absolute; /* positionnement par rapport au précédent "position" en CSS */
+        left: 100%;
+        top: -3px; /* la bordure bleue fait 3px */
+}
diff --git a/public/css/tinymce.css b/public/css/tinymce.css
new file mode 100644
index 0000000..55639e0
--- /dev/null
+++ b/public/css/tinymce.css
@@ -0,0 +1,6 @@
+.tox-promotion{
+        display: none;
+}
+.hidden{
+    display: none;
+}
\ No newline at end of file
diff --git a/public/erreur404.html b/public/erreur404.html
new file mode 100644
index 0000000..3dcd6ed
--- /dev/null
+++ b/public/erreur404.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title>erreur 404</title>
+    </head>
+    <body>
+                <h1>404 - page non trouvée</h1>
+                <p>Le lien que vous avez utilisé ne mène nulle part.<br>
+                <a href="/">Revenez à la page d'accueil</a> et utilisez le menu, vous devriez trouvez votre route.</p>
+                <img style="max-width: 800px;" src="assets/perdu.jpg">
+        </body>
+</html>
\ No newline at end of file
diff --git a/public/images-mini/DPpiscines.png b/public/images-mini/DPpiscines.png
new file mode 100644
index 0000000..3cb40ba
--- /dev/null
+++ b/public/images-mini/DPpiscines.png
diff --git a/public/images-mini/kerne-elagage.png b/public/images-mini/kerne-elagage.png
new file mode 100644
index 0000000..5416517
--- /dev/null
+++ b/public/images-mini/kerne-elagage.png
diff --git a/public/images-mini/kerne.png b/public/images-mini/kerne.png
new file mode 100644
index 0000000..eea9107
--- /dev/null
+++ b/public/images-mini/kerne.png
diff --git a/public/images-mini/mako.png b/public/images-mini/mako.png
new file mode 100644
index 0000000..5ba6263
--- /dev/null
+++ b/public/images-mini/mako.png
diff --git a/public/images/DPpiscines.png b/public/images/DPpiscines.png
new file mode 100644
index 0000000..3cb40ba
--- /dev/null
+++ b/public/images/DPpiscines.png
diff --git a/public/images/kerne-elagage.png b/public/images/kerne-elagage.png
new file mode 100644
index 0000000..5416517
--- /dev/null
+++ b/public/images/kerne-elagage.png
diff --git a/public/images/kerne.png b/public/images/kerne.png
new file mode 100644
index 0000000..eea9107
--- /dev/null
+++ b/public/images/kerne.png
diff --git a/public/images/mako.png b/public/images/mako.png
new file mode 100644
index 0000000..5ba6263
--- /dev/null
+++ b/public/images/mako.png
diff --git a/public/index.php b/public/index.php
new file mode 100644
index 0000000..37ebaf0
--- /dev/null
+++ b/public/index.php
@@ -0,0 +1,78 @@
+<?php
+// public/index/php
+
+/* installation de composer sur un hébergement mutualisé
+1. télécharger le script d'installation: 
+php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
+2. installation: php composer-setup.php
+3. supprimer l'installateur: php -r "unlink('composer-setup.php');"
+4. utilisation: php composer.phar */
+
+declare(strict_types=1);
+
+// -- prétraitement --
+// une nouvelle classe? taper: composer dump-autoload -o
+require "../vendor/autoload.php";
+
+// configuration possible par l'utilisateur
+Config::load('../config/config.ini');
+
+// les messages d'erreur de déploiement qu'on aime
+require('../src/controller/installation.php');
+//installation(); // des mkdir et chmod, chiant en dev
+
+// $entityManager
+require '../src/model/doctrine-bootstrap.php'; // isDevMode est sur "true", DSN à adapter
+
+URL::setProtocol(Config::$protocol); // utile si port autre que 80 ou 443
+URL::setPort(Config::$port);
+URL::setHost(Config::$host);
+
+//require('controller/Session.php');
+ini_set('session.cookie_samesite', 'Strict');
+ini_set('session.cookie_httponly', 'On');
+ini_set('session.use_strict_mode', 'On');
+ini_set('session.cookie_secure', 'On');
+session_start();
+$_SESSION['admin'] = !isset($_SESSION['admin']) ? false : $_SESSION['admin']; // intialisation sur faux
+
+// login, mot de passe et captcha
+require '../src/controller/password.php';
+existUsers($entityManager);
+
+// -- navigation avec les GET --
+$current_page = 'accueil';
+if(!empty($_GET['page']))
+{
+    $current_page = htmlspecialchars($_GET['page']);
+}
+define('CURRENT_PAGE', $current_page);
+
+// -- traitement des POST (formulaires et AJAX) --
+require '../src/controller/post.php';
+
+// id des articles
+$id = '';
+if(!empty($_GET['id']))
+{
+    //$id = (int)$_GET['id']; // (int) = moyen basique d'éviter les injections
+    $id = Security::secureString($_GET['id']);
+}
+
+if(isset($_GET['action']) && $_GET['action'] === 'deconnexion')
+{
+    disconnect($entityManager);
+}
+elseif(isset($_GET['action']) && $_GET['action'] === 'modif_mdp')
+{
+    changePassword($entityManager);
+}
+
+// -- contrôleurs --
+$director = new Director($entityManager);
+$director->makeRootNode($id);
+$node = $director->getRootNode();
+
+// -- vues --
+$view_builder = new ViewBuilder($node);
+echo $view_builder->render(); // et voilà!
diff --git a/public/js/galery.js b/public/js/galery.js
new file mode 100644
index 0000000..0be63a4
--- /dev/null
+++ b/public/js/galery.js
@@ -0,0 +1,4 @@
+function enableGaleryScroller(){
+        // lancer photoswipe
+        // https://photoswipe.com/
+}
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
new file mode 100644
index 0000000..c86ec51
--- /dev/null
+++ b/public/js/main.js
@@ -0,0 +1,30 @@
+function newPassword(page, id = ''){
+        if(id != ''){
+                id = '&id=' + id;
+        }
+        alert('Le mot de passe a été modifié.');
+        window.setTimeout(function(){
+            location.href = "index.php?page=" + page + "&message=nouveau_mdp" + id;
+        }, 0);
+}
+
+function copyInClipBoard(link){
+        // une balise <input> avec des attributs
+        var element = document.createElement("input");
+        element.setAttribute("id", "copyMe");
+        element.setAttribute("value", link);
+
+        // placement dans la page (= le "document")
+        document.body.appendChild(element);
+        var cible = document.getElementById('copyMe');
+
+        // selection comme on le ferait à la souris
+        cible.select();
+        // copie (= Ctrl + C)
+        document.execCommand("copy");
+
+        // nettoyage
+        element.parentNode.removeChild(element);
+
+        alert('Cette adresse a été copiée dans le presse-papier:\n\n' + link);
+}
\ No newline at end of file
diff --git a/public/js/tinymce.js b/public/js/tinymce.js
new file mode 100644
index 0000000..8aa9368
--- /dev/null
+++ b/public/js/tinymce.js
@@ -0,0 +1,164 @@
+let editors = {};
+
+function openEditor(articleId) {
+    // Récupérer et sauvegarder le contenu d'origine de l'article
+    const articleContent = document.getElementById(articleId).innerHTML;
+    document.getElementById(articleId).setAttribute('data-original-content', articleContent);
+
+    tinymce.init({
+        selector: `#${articleId}`,
+        language: 'fr_FR', // télécharger des paquets de langue ici: https://www.tiny.cloud/get-tiny/language-packages/
+        language_url: 'js/tinymce-langs/fr_FR.js', // ou installer tweeb/tinymce-i18n avec composer
+        license_key: 'gpl',
+        branding: false,
+        plugins: 'lists link autolink table image media autoresize help',
+        toolbar: 'undo redo newdocument print selectall styles bold italic underline strikethrough fontsizeinput forecolor backcolor fontfamily align numlist bullist outdent indent table link image media help',
+        menubar: false,
+        toolbar_mode: 'wrap',
+        statusbar: false,
+        setup: function (editor) {
+            editor.on('init', function () {
+                editors[articleId] = editor;
+                
+                // Masquer le bouton "Modifier" et afficher les boutons "Annuler" et "Soumettre"
+                if(articleId != 'new')
+                {
+                    document.querySelector(`#edit-${articleId}`).classList.add('hidden');
+                    document.querySelector(`#delete-${articleId}`).classList.add('hidden');
+                    document.querySelector(`#position_up-${articleId}`).classList.add('hidden');
+                    document.querySelector(`#position_down-${articleId}`).classList.add('hidden');
+                }
+                else{
+                    document.querySelector(`#new-${articleId}`).classList.add('hidden');
+                }
+                document.querySelector(`#cancel-${articleId}`).classList.remove('hidden');
+                document.querySelector(`#submit-${articleId}`).classList.remove('hidden');
+                
+            });
+        },
+        // upload d'image
+        images_upload_handler: (blobInfo, progress) => new Promise((resolve, reject) => {
+            const formData = new FormData();
+            formData.append("file", blobInfo.blob());
+
+            fetch("index.php?action=upload_image", {
+                method: "POST",
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.location) {
+                    resolve(data.location);
+                }
+                else {
+                    reject("Erreur: Chemin d'image invalide");
+                }
+            })
+            .catch(error => {
+                reject("Erreur lors de l'upload");
+            });
+        }),
+        image_caption: true
+    });
+
+    // Remplacer le contenu de l'article par l'éditeur
+    document.getElementById(articleId).innerHTML = articleContent;
+}
+
+function deleteArticle(articleId, page = '') {
+    if (confirm('Voulez-vous vraiment supprimer cet article ?'))
+    {
+        // Envoyer une requête au serveur pour supprimer l'article
+        fetch('index.php?action=delete_article', {
+            method: 'POST',
+            headers: {
+            'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ id: articleId })
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.success)
+            {
+                if(page == 'article'){
+                    // redirection vers la page d'accueil
+                    window.setTimeout(function(){
+                        location.href = "index.php?page=accueil";
+                    }, 0);
+                }
+                else{
+                    // Supprimer l'article du DOM
+                    const articleElement = document.getElementById(articleId);
+                    articleElement.parentElement.parentElement.remove(); // <article> est deux niveau au dessus
+                }
+            }
+            else {
+                alert('Erreur lors de la suppression de l\'article.');
+            }
+        })
+        .catch(error => {
+            console.error('Erreur:', error);
+        });
+    }
+}
+
+function closeEditor(articleId, display_old = true)
+{
+    // Fermer l'éditeur
+    tinymce.remove(`#${articleId}`);
+    delete editors[articleId];
+    
+    // Restaurer le contenu d'origine de l'article
+    if(display_old){
+        const originalContent = document.getElementById(articleId).getAttribute('data-original-content');
+        document.getElementById(articleId).innerHTML = originalContent;
+    }
+
+    // Afficher le bouton "Modifier" et masquer les boutons "Annuler" et "Soumettre"
+    if(articleId != 'new'){
+        document.querySelector(`#edit-${articleId}`).classList.remove('hidden');
+        document.querySelector(`#delete-${articleId}`).classList.remove('hidden');
+        document.querySelector(`#position_up-${articleId}`).classList.remove('hidden');
+        document.querySelector(`#position_down-${articleId}`).classList.remove('hidden');
+    }
+    else{
+        document.querySelector(`#new-${articleId}`).classList.remove('hidden');
+    }
+    document.querySelector(`#cancel-${articleId}`).classList.add('hidden');
+    document.querySelector(`#submit-${articleId}`).classList.add('hidden');
+}
+
+function submitArticle(articleId) {
+    // Récupérer l'éditeur correspondant à l'article
+    const editor = editors[articleId];
+    if (!editor) {
+        console.error('Éditeur non trouvé pour l\'article:', articleId);
+        return;
+    }
+    
+    // Récupérer le contenu de l'éditeur
+    const newContent = editor.getContent();
+
+    // Envoi AJAX au serveur
+    fetch('index.php?action=editor_submit', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({id: articleId, content: newContent})
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            // Fermer l'éditeur et mettre à jour le contenu de l'article
+            closeEditor(articleId, false);
+            document.getElementById(articleId).innerHTML = newContent;
+        }
+        else {
+            alert('Erreur lors de la sauvegarde de l\'article.');
+        }
+    })
+    .catch(error => {
+        console.error('Erreur:', error);
+    });
+}
\ No newline at end of file
diff --git a/src/Config.php b/src/Config.php
new file mode 100644
index 0000000..cfec876
--- /dev/null
+++ b/src/Config.php
@@ -0,0 +1,76 @@
+<?php
+// src/controller/Config.php
+
+declare(strict_types=1);
+
+class Config
+{
+    // BDD
+    static public string $db_host = 'localhost';
+    static public string $database = 'nageurs';
+    static public string $db_driver = 'pdo_mysql';
+    static public string $user = 'root';
+    static public string $password = '';
+    static public string $table_prefix = '';
+
+    // classe URL
+    static public string $protocol = 'http';
+    static public string $host = 'nageurs.localhost';
+    static public string $port = '80';
+
+    // copier dans ce tableau les variables contenant des chemins
+    static private array $path_vars = [];
+    
+    static public function load(string $file_path): void
+    {
+        if(file_exists($file_path))
+        {
+            // ce serait bien de gérer aussi les fichiers corrompus?
+            $raw_data = parse_ini_file($file_path);
+            self::hydrate($raw_data);
+        }
+        else
+        {
+            echo "le fichier config.ini n'existe pas ou n'est pas lisible";
+        }
+        define('TABLE_PREFIX', self::$table_prefix);
+    }
+    
+    // renseigner les variables internes de Config
+    static private function hydrate(array $raw_data): void
+    {
+        foreach($raw_data as $field => $value)
+        {
+            if($value != '') // valeur par défaut
+            {
+                if(isset(self::$$field)) // le champ existe dans Config
+                {
+                    // problème du slash à la fin du nom d'un dossier
+                    $value = self::slashAtEndOfPath($field, $value);
+                    self::$$field = $value;
+                }
+                else
+                {
+                    echo "debug: le fichier config.ini comporte une erreur, le champ: " . $field . " est incorrect,\nl'information contenue sur cette ligne ne sera pas utilisée\n";
+                }
+            }
+            /*else
+            {
+                echo "debug: le champ " . $field . " est vide, la valeur par défaut " . self::$$field . " sera utilisée.\n";
+            }*/
+        }
+    }
+    
+
+    // pour que les chemins finissent toujours par un /
+    static private function slashAtEndOfPath(string $field, string $value): string
+    {
+        foreach(self::$path_vars as $item)
+        {
+            if($field === $item){
+                return !str_ends_with($value, '/') ? $value . '/' : $value;
+            }
+        }
+        return $value;
+    }
+}
diff --git a/src/controller/Director.php b/src/controller/Director.php
new file mode 100644
index 0000000..896cde1
--- /dev/null
+++ b/src/controller/Director.php
@@ -0,0 +1,101 @@
+<?php
+// src/controller/Director.php
+
+declare(strict_types=1);
+
+use Doctrine\ORM\EntityManager;
+use App\Entity\Page;
+use App\Entity\Node;
+
+class Director
+{
+        private EntityManager $entityManager;
+    static public Menu $menu_data; // pour NavBuilder
+    static public Path $page_path; // pour BreadcrumbBuilder
+        private Page $page;
+        private Node $root_node;
+
+        public function __construct(EntityManager $entityManager)
+        {
+                $this->entityManager = $entityManager;
+        self::$menu_data = new Menu($entityManager); // Menu est un modèle mais pas une entité
+        self::$page_path = new Path();
+        $this->page = self::$page_path->getLast();
+        $this->root_node = new Node; // instance mère "vide" ne possédant rien d'autre que des enfants
+        }
+
+        public function makeRootNode(string $id = ''): void
+    {
+        // on récupère toutes les entrées
+        $dql = 'SELECT n FROM App\Entity\Node n WHERE n.page = :page OR n.page IS null';
+        if($id == '')
+        {
+            $bulk_data = $this->entityManager
+                ->createQuery($dql)
+                ->setParameter('page', $this->page)
+                ->getResult();
+        }
+        else // avec $_GET['id'] dans l'URL
+        {
+            $dql .= ' OR n.article_timestamp = :id';
+            $bulk_data = $this->entityManager
+                ->createQuery($dql)
+                ->setParameter('page', $this->page)
+                ->setParameter('id', $id)
+                ->getResult();
+        }
+        $this->feedObjects($bulk_data);
+    }
+
+    public function makeArticleNode(string $id = ''): bool
+    {
+        $bulk_data = $this->entityManager
+            ->createQuery('SELECT n FROM App\Entity\Node n WHERE n.article_timestamp = :id')
+            ->setParameter('id', $id)
+            ->getResult();
+
+        if(count($bulk_data) === 0){
+            return false;
+        }
+        
+        $this->root_node = $bulk_data[0];
+        return true;
+    }
+
+    public function feedObjects(array $bulk_data): void // $bulk_data = tableau de Node
+    {
+        // puis on les range
+        // (attention, risque de disfonctionnement si les noeuds de 1er niveau ne sont pas récupérés en 1er dans la BDD)
+        foreach($bulk_data as $node)
+        {
+            // premier niveau
+            if($node->getParent() == null)
+            {
+                $this->root_node->addChild($node);
+
+                // spécifique page article
+                if($node->getName() === 'main' && $this->page->getEndOfPath() == 'article'){
+                    $main = $node;
+                }
+            }
+            // autres niveaux
+            else
+            {
+                $node->getParent()->addChild($node);
+
+                // spécifique page article
+                if($node->getName() === 'new' && $this->page->getEndOfPath() == 'article'){
+                    $new = $node;
+                }
+            }
+        }
+        if(isset($new)){
+            $main->setTempChild($new);
+        }
+    }
+
+        public function getRootNode(): Node
+        {
+        return $this->root_node;
+    }
+}
diff --git a/src/controller/Security.php b/src/controller/Security.php
new file mode 100644
index 0000000..ab59d07
--- /dev/null
+++ b/src/controller/Security.php
@@ -0,0 +1,111 @@
+<?php
+// src/controller/Security.php
+//
+// utilise htmlawed contre les faille XSS
+
+class Security
+{
+        private static $configHtmLawed = array(
+            'safe'=>1, // protection contre les élements et attributs dangereux
+
+            // liste blanche d'éléments HTML
+            'elements'=> 'h1, h2, h3, h4, h5, h6, p, s, em, span, strong, a, ul, ol, li, sup, sub, code, blockquote, div, pre, table, caption, colgroup, col, tbody, tr, th, td, figure, img, figcaption',
+
+            // liste noire d'attributs HTML
+            'deny_attribute'=> 'id, class' // on garde 'style'
+        );
+
+        // faire qu'un certain élément puisse n'avoir que certains attributs, regarder la doc
+        private static $specHtmLawed = '';
+
+        public static function secureString(string $chaine): string
+        {
+            return trim(htmLawed($chaine, self::$configHtmLawed, self::$specHtmLawed));;
+        }
+
+        public static function secureFileName(string $chaine): string
+        {
+                // sécuriser un nom avec chemin avec basename?
+                //$chaine = basename($chaine);
+
+                /* 
+                - caractères interdits sous windows / \ : * ?  " < > |
+                - mac autorise les /
+                - mac interdit :
+                - linux autorise tout sauf les /
+                - imagemagick ne supporte pas les :
+
+                - 'espace' fonctionne
+                - / remplacé par firefox en :
+                - \ retire ce qui est devant le \
+                - * fonctionne
+                - ? permet le téléchargement mais pas l'affichage
+                - " ne fonctionne pas, remplacé par %22, filtrer %22
+                - < > fonctionnent
+                - | fonctionne
+                - = fonctionne, mais je filtre parce qu'on en trouve dans une URL
+                - ' ` fonctionnent
+                - % fonctionne
+                - (){}[] fonctionnent
+                - ^ fonctionne
+                - # ne fonctionne pas
+                - ~ fonctionne
+                - & fonctionne
+                - ^ pas encore testé
+                */
+
+                // => on remplace tout par des _
+                // filtrer / et \ semble inutile
+
+                $cibles = [' ', '/', '\\', ':', '*', '?', '<', '>', '|', '=', "'", '`', '"', '%22', '#'];
+                $chaine = str_replace($cibles, '_', $chaine); // nécéssite l'extension mbstring
+                $chaine = mb_strtolower($chaine);
+                return($chaine);
+                
+                // les problèmes avec \ persistent !!
+                // => javascript
+                // malheureusement document.getElementById('upload').files[0].name = chaine; ne marche pas! interdit!
+                // javascript ne doit pas pouvoir accéder au système de fichiers
+                // solutions:
+                // - au lieu de fournir une chaine (le chemin du fichier), donner un objet à files[0].name
+                // - créer une copie du fichier et l'envoyer à la place
+                // - envoyer le fichier en AJAX
+                // - envoyer le nom du fichier à part puis renommer en PHP
+        }
+}
+
+// erreurs à la création des mots de passe
+function removeSpacesTabsCRLF(string $chaine): string
+{
+        $cibles = [' ', "\t", "\n", "\r"]; // doubles quotes !!
+        return(str_replace($cibles, '', $chaine));
+}
+
+// lien sans http://
+function fixLinks($data)
+{
+    // 1/
+    // si une adresse est de type "domaine.fr" sans le http:// devant, le comportement des navigateurs est de rechercher un fichier comme si mon adresse commençait par file://
+    // tomber ainsi sur une page d'erreur est parfaitement déroutant
+
+    // regex pour détecter les balises <a> et ajouter http:// au début des liens si nécessaire
+    $pattern = '#(<a[^>]+href=")((?!https?://)[^>]+>)#';
+        //$data = preg_replace($pattern, '$1http://$2', $data);
+
+    // 2/
+    // cas où la regex fait mal son boulot:
+    // l'erreur 404 est gérée par le .htaccess
+    // et le visiteur est redirigé à la page "menu"
+    // (ça ne règle pas le problème mais c'est mieux)
+
+    // 3/
+    // quand l'éditeur est ouvert (avant de valider l'article),
+    // le lien qu'on vient de créer apparaît dans l'infobulle,
+    // cliquer dessus ouvre un onglet sur une erreur 404
+    // solution partielle avec le .htaccess
+    //
+    // solution? fermer ce nouvel onglet avec echo '<SCRIPT>javascript:window.close()</SCRIPT>';
+    // comment déclencher le JS? en faisant qu'une erreur 404 causée pour cette raison soit particulière?
+
+    return($data);
+}
diff --git a/src/controller/URL.php b/src/controller/URL.php
new file mode 100644
index 0000000..956d85d
--- /dev/null
+++ b/src/controller/URL.php
@@ -0,0 +1,88 @@
+<?php
+// src/controller/URL.php
+
+declare(strict_types=1);
+
+class URL implements Stringable
+{
+        static private string $protocol = 'http://';
+        static private string $host = 'localhost';
+        static private string $port;
+        static private string $path = '/index.php';
+        private array $params;
+        private string $anchor = '';
+
+        // setters statiques
+        static public function setProtocol(string $protocol = 'http'): void
+        {
+                self::$protocol = $protocol === 'https' ? 'https://' : 'http://';
+        }
+        static public function setPort(int|string $port = 80): void
+        {
+                if((int)$port === 443){
+                        self::$protocol = 'https://';
+                        self::$port = '';
+                }
+                elseif((int)$port === 80){
+                        self::$protocol = 'http://';
+                        self::$port = '';
+                }
+                else{
+                        self::$port = ':' . (string)$port;
+                }
+        }
+        static public function setHost(string $host): void
+        {
+                self::$host = $host;
+        }
+        static public function setPath(string $path): void
+        {
+                self::$path = '/' . ltrim($path, '/');
+        }
+
+        public function __construct(array $gets = [], string $anchor = ''){
+                $this->params = $gets;
+                if($anchor != ''){
+                        $this->setAnchor($anchor);
+                }
+        }
+
+        //setters normaux
+        public function addParams(array $gets): void
+        {
+                // array_merge est préféré à l'opérateur d'union +, si une clé existe déjà la valeur est écrasée
+                $this->params = array_merge($this->params, $gets);
+        }
+        public function setAnchor(string $anchor = ''): void
+        {
+                if($anchor != ''){
+                        $this->anchor = '#' . ltrim($anchor, '#');
+                }
+                else{
+                        $this->anchor = '';
+                }
+        }
+
+        private function makeParams(): string
+        {
+                $output = '';
+                $first = true;
+                
+                foreach($this->params as $key => $value) {
+                        if($first){
+                                $output .= '?';
+                                $first = false;
+                        }
+                        else{
+                                $output .= '&';
+                        }
+                        $output .= $key . '=' . $value;
+                }
+                return $output;
+        }
+
+        public function __toString(): string
+        {
+                return self::$protocol . self::$host . self::$port . self::$path . $this->makeParams() . $this->anchor;
+        }
+}
\ No newline at end of file
diff --git a/src/controller/ajax.php b/src/controller/ajax.php
new file mode 100644
index 0000000..130c4c6
--- /dev/null
+++ b/src/controller/ajax.php
@@ -0,0 +1,104 @@
+<?php
+// src/controller/ajax.php
+
+declare(strict_types=1);
+
+// détection des requêtes de tinymce
+if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['action']))
+{
+        // récupération des données
+        $data = file_get_contents('php://input');
+        $json = json_decode($data, true);
+
+        if($_GET['action'] === 'editor_submit' && isset($json['id']) && isset($json['content']))
+        {
+            if(json_last_error() === JSON_ERROR_NONE)
+            {
+                $articleId = $json['id'];
+                $content = Security::secureString($json['content']);
+
+                $director = new Director($entityManager);
+                if($director->makeArticleNode($articleId)) // une entrée est trouvée
+                {
+                        $node = $director->getRootNode();
+                        $node->getArticle()->setContent($content);
+                        $entityManager->flush();
+
+                        echo json_encode(['success' => true]);
+                }
+                else{
+                        echo json_encode(['success' => false, 'message' => 'Aucune entrée trouvée en BDD']);
+                }
+            }
+            else{
+                echo json_encode(['success' => false, 'message' => 'Erreur de décodage JSON']);
+            }
+            die;
+        }
+        elseif($_GET['action'] === 'delete_article' && isset($json['id']))
+        {
+        $articleId = $json['id'];
+
+        $director = new Director($entityManager);
+        $director->makeArticleNode($articleId);
+        $node = $director->getRootNode();
+        $entityManager->remove($node);
+        $entityManager->flush();
+
+        // test avec une nouvelle requête qui ne devrait rien trouver
+        if(!$director->makeArticleNode($articleId))
+        {
+                echo json_encode(['success' => true]);
+
+                // on pourrait afficher une notification "toast"
+        }
+        else{
+                http_response_code(500);
+            echo json_encode(['success' => false, 'message' => 'Erreur lors de la suppression de l\'article.']);
+        }
+                die;
+        }
+}
+
+// détection des requêtes d'upload d'image de tinymce
+if(strpos($_SERVER['CONTENT_TYPE'], 'multipart/form-data') !== false && isset($_GET['action']) && $_GET['action'] === 'upload_image'){
+        if (isset($_FILES['file'])) {
+        $file = $_FILES['file'];
+        $dest = 'images/';
+        $dest_mini = 'images-mini/';
+        
+        // Vérifier si les répertoires existent, sinon les créer
+        if(!is_dir($dest)) {
+            mkdir($dest, 0700, true);
+        }
+        if(!is_dir($dest_mini)) {
+            mkdir($dest_mini, 0700, true);
+        }
+        
+        $filePath = $dest . basename($file['name']);
+
+        // créer une miniature de l'image
+
+        if(move_uploaded_file($file['tmp_name'], $filePath)) {
+            $image_url = str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
+            echo json_encode(['location' => $image_url . $filePath]); // renvoyer l'URL de l'image téléchargée
+        }
+        else{
+            http_response_code(500);
+            echo json_encode(['message' => 'Erreur 500: Internal Server Error']);
+        }
+    }
+    else{
+        http_response_code(400);
+        echo json_encode(['message' => 'Erreur 400: Bad Request']);
+    }
+    die;
+}
+
+// détection des requêtes de type XHR, pas d'utilité pour l'instant
+/*elseif(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest'){
+        echo "requête XHR reçue par le serveur";
+        die;
+}*/
+
+
diff --git a/src/controller/installation.php b/src/controller/installation.php
new file mode 100644
index 0000000..a692618
--- /dev/null
+++ b/src/controller/installation.php
@@ -0,0 +1,144 @@
+<?php
+// src/controller/installation.php
+
+declare(strict_types=1);
+
+use App\Entity\Page;
+use App\Entity\Node;
+use App\Entity\NodeData;
+use App\Entity\Image;
+use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\ORM\EntityManager;
+
+function installation(): void
+{
+        /* -- extensions PHP -- */
+        $extensions = [];
+        foreach($extensions as $extension){
+        if(!extension_loaded($extension))
+        {
+            echo("l'extension " . $extension . ' est manquante<br>');
+        }
+    }
+    if(!extension_loaded('imagick') && !extension_loaded('gd')){
+        echo("il manque une de ces extensions au choix: imagick (de préférence) ou gd<br>");
+    }
+
+    /* -- droits des fichiers et dossiers -- */
+    $droits_dossiers = 0700;
+    $droits_fichiers = 0600;
+
+    // accès interdit en HTTP
+        if(!file_exists('../config/.htaccess')){
+                $contenu = <<< HTACCESS
+<Files "config.ini">
+        Order Allow,Deny
+        Deny from all
+</Files>
+HTACCESS;
+
+                $fichier = fopen('../config/.htaccess', 'w');
+        fputs($fichier, $contenu);
+        fclose($fichier);
+        chmod('../config/.htaccess', $droits_fichiers);
+        //echo("danger<br>pas de .htaccess dans config<br>prévenez le respondable du site");
+            //die;
+        }
+
+        // accès limité en local (600) pour config.ini
+        if(substr(sprintf('%o', fileperms('../config/config.ini')), -4) != 600){
+                chmod('../config/config.ini', $droits_fichiers);
+        }
+
+        // création de data et sous-dossiers
+    if(!file_exists('../data')){
+        mkdir('../data/');
+        chmod('../data/', $droits_dossiers);
+    }
+    if(!touch('../data')){
+        echo("dossier data non autorisé en écriture");
+        die;
+    }
+    $sous_dossiers = array('images', 'images-mini', 'videos');
+    foreach ($sous_dossiers as $sous_dossier){
+        if(!file_exists('../data/' . $sous_dossier)){
+                mkdir('../data/' . $sous_dossier);
+                chmod('../data/' . $sous_dossier, $droits_dossiers);
+            }
+            if(!touch('../data/' . $sous_dossier)){
+                echo("dossier data non autorisé en écriture");
+                die;
+            }
+    }
+}
+
+// création de la page d'accueil à la toute 1ère visite du site
+// les informations ici ne sont pas demandées à l'utilisateur pour l'instant (on verra ça plus tard)
+function makeStartPage(EntityManager $entityManager){
+        /* -- table page -- */
+        // paramètres: name_page, end_of_path, reachable, in_menu, parent
+        $accueil = new Page('Accueil', 'accueil', true, true, NULL);
+        $connection = new Page('Connexion', 'connexion', true, false, NULL);
+        $article = new Page('Article', 'article', true, false, NULL);
+        $edit_page = new Page("Modification d'une page", 'modif_page', true, false, NULL);
+        $new_page = new Page('Nouvelle page', 'nouvelle_page', true, false, NULL);
+        $edit_paths = new Page("Menu et chemins", 'menu_chemins', true, false, NULL);
+        
+        /* -- table node -- */
+        // paramètres: name_node, article_timestamp, attributes, position, parent, page, article
+        $head_accueil = new Node('head', NULL, ['css_array' => ['body', 'head', 'nav', 'main', 'foot'], 'js_array' => ['main']], 1, NULL, $accueil, NULL);
+        $header = new Node('header', NULL, [], 2, NULL, NULL, NULL);
+        $nav = new Node('nav', NULL, [], 1, $header, NULL, NULL);
+        $main = new Node('main', NULL, [], 3, NULL, NULL, NULL);
+        $footer = new Node('footer', NULL, [], 4, NULL, NULL, NULL);
+        $breadcrumb = new Node('breadcrumb', NULL, [], 1, $footer, NULL, NULL);
+        $head_login = new Node('head', NULL, ["stop" => true, 'css_array' => ['body', 'head', 'nav', 'main'], 'js_array' => ['main']], 1, NULL, $connection, NULL);
+        $login = new Node('login', NULL, [], 1, $main, $connection, NULL);
+        $head_article = new Node('head', NULL, ['css_array' => ['body', 'head', 'nav', 'main', 'foot'], 'js_array' => ['main']], 1, NULL, $article, NULL);
+
+        /* -- table image -- */
+        // paramètres: file_name, file_path, file_path_mini, mime_type, alt
+        $favicon = new Image("favicon48x48.png", NULL, "assets/favicon48x48.png", "image/png", "favicon");
+        $logo = new Image("logo-120x75.jpg", NULL, "assets/logo-120x75.jpg", "image/png", "head_logo");
+        $facebook = new Image("facebook.svg", NULL, "assets/facebook.svg", "image/svg+xml", "facebook");
+        $instagram = new Image("instagram.svg", NULL, "assets/instagram.svg", "image/svg+xml", "instagram");
+        $fond_piscine = new Image("fond-piscine.jpg", "assets/fond-piscine.jpg", NULL, "images/jpg", "fond-piscine");
+
+        /* -- table node_data -- */
+        // paramètres: data, node
+        $head_accueil_data = new NodeData(["description" => "Club, École de natation et Perfectionnement", "title" => "Les Nageurs Bigoudens"], $head_accueil, new ArrayCollection([$favicon]));
+        $header_data = new NodeData(["description" => "Club, École de natation et Perfectionnement", "title" => "Les Nageurs Bigoudens", "facebook_link" => "https://www.facebook.com/nageursbigoudens29120", "instagram_link" => "https://www.instagram.com/nageursbigoudens/"], $header, new ArrayCollection([$logo, $facebook, $instagram, $fond_piscine]));
+        $footer_data = new NodeData(["adresse" => "17, rue Raymonde Folgoas Guillou, 29120 Pont-l’Abbé", "contact_nom" => "Les Nageurs Bigoudens", "e_mail" => "nb.secretariat@orange.fr"], $footer);
+        $head_login_data = new NodeData(["description" => "Connexion", "title" => "Connexion"], $head_login, new ArrayCollection([$favicon]));
+        $head_article_data = new NodeData(["description" => "", "title" => ""], $head_article, new ArrayCollection([$favicon]));
+
+    $entityManager->persist($accueil);
+        $entityManager->persist($connection);
+        $entityManager->persist($article);
+        $entityManager->persist($edit_page);
+        $entityManager->persist($new_page);
+        $entityManager->persist($edit_paths);
+        $entityManager->persist($head_accueil);
+        $entityManager->persist($header);
+        $entityManager->persist($nav);
+        $entityManager->persist($main);
+        $entityManager->persist($footer);
+        $entityManager->persist($breadcrumb);
+        $entityManager->persist($head_login);
+        $entityManager->persist($login);
+        $entityManager->persist($head_article);
+        $entityManager->persist($favicon);
+        $entityManager->persist($logo);
+        $entityManager->persist($facebook);
+        $entityManager->persist($instagram);
+        $entityManager->persist($fond_piscine);
+        $entityManager->persist($head_accueil_data);
+        $entityManager->persist($header_data);
+        $entityManager->persist($footer_data);
+        $entityManager->persist($head_login_data);
+        $entityManager->persist($head_article_data);
+    $entityManager->flush();
+
+        header('Location: ' . new URL);
+        die;
+}
\ No newline at end of file
diff --git a/src/controller/password.php b/src/controller/password.php
new file mode 100644
index 0000000..d5e66ff
--- /dev/null
+++ b/src/controller/password.php
@@ -0,0 +1,357 @@
+<?php
+// src/controller/password.php
+//
+// test mot de passe et captcha
+
+declare(strict_types=1);
+
+use Doctrine\ORM\EntityManager;
+use App\Entity\User;
+
+// exécutée dans installation.php à l'ouverture de chaque page
+function existUsers(EntityManager $entityManager)
+{
+    // lecture
+        $users = $entityManager->getRepository(User::class)->findAll();
+        
+        // cas particulier table vide
+        if(count($users) === 0)
+        {
+                $_GET = [];
+                $_SESSION['user'] = '';
+                $_SESSION['admin'] = false;
+
+                // création d'un utilisateur, puis rechargement de la page
+                createPassword($entityManager);
+        }
+}
+
+
+function createPassword(EntityManager $entityManager)
+{
+        // fonction exécutée à priori deux fois d'affilée: affichage puis traitement de la saisie
+
+        // II - traitement
+        unset($_SESSION['user']);
+
+        $captcha_solution = (isset($_SESSION['captcha']) && is_int($_SESSION['captcha'])) ? $_SESSION['captcha'] : 0;
+        $captcha = isset($_POST['captcha']) ? controlCaptchaInput($_POST['captcha']) : 0;
+
+        $error = '';
+        if(!isset($_POST['captcha'])) // page rechargée
+        {
+                //$error = '';
+        }
+        elseif($captcha == 0)
+        {
+                $error = 'error_non_valid_captcha';
+        }
+        elseif($captcha_solution == 0)
+        {
+                //$error = '';
+        }
+        elseif($captcha != $captcha_solution) // le test!
+        {
+                $error = 'bad_solution_captcha';
+        }
+        elseif(!isset($_POST['password']) || empty($_POST['password'])
+                || (!isset($_POST['login']) || empty($_POST['login'])))
+        {
+                $error = 'bad_login_or_password';
+        }
+        else
+        {
+                // -> caractères HTML dangereux supprimés
+                $login = Security::secureString($_POST['login']);
+                $password = Security::secureString($_POST['password']);
+                
+                // -> prévenir la validation par erreur d'une chaine "vide"
+                $login = removeSpacesTabsCRLF($login);
+                $password = removeSpacesTabsCRLF($password);
+
+                // conformité
+                if(isset($password) && isset($login)
+                        && $password == $_POST['password'] && $login == $_POST['login'])
+                {
+                        // enregistrement et redirection
+                        $password = password_hash($password, PASSWORD_DEFAULT);
+                        $user = new App\Entity\User($login, $password);
+                        $entityManager->persist($user);
+                        $entityManager->flush();
+                        
+                        header('Location: ' . new URL);
+                        exit();
+                }
+                else
+                {
+                        $error = 'bad_password';
+                }
+        }
+        
+        // inséré dans $captchaHtml puis dans $formulaireNouveauMDP
+        $captcha = createCaptcha();
+        // enregistrement de la réponse du captcha pour vérification
+        $_SESSION['captcha'] = $captcha[2]; // int
+
+
+        // I - affichage
+        $title = 'Bienvenue nageur bigouden';
+        $subHeading = 'Veuillez choisir les codes que vous utiliserez pour gérer le site.';
+
+        // même vue que la fonction changerMotDePasse()
+        require('../src/view/password.php');
+
+        echo($header);
+        if($error != '')
+        {
+                sleep(1);
+                echo($error_messages[$error]);
+        }
+        echo($formulaireNouveauMDP);
+        echo($error_messages['forbidden_characters']);
+        echo($footer);
+        die;
+}
+
+
+function connect(LoginBuilder $builder, EntityManager $entityManager)
+{
+        // déjà connecté
+        if($_SESSION['admin'])
+        {
+                header('Location: ' . new URL);
+                die;
+        }
+
+        // II - traitement
+        $_SESSION['user'] = '';
+        $_SESSION['admin'] = false;
+
+        $captcha_solution = (isset($_SESSION['captcha']) && is_int($_SESSION['captcha'])) ? $_SESSION['captcha'] : 0;
+        $captcha = isset($_POST['captcha']) ? controlCaptchaInput($_POST['captcha']) : 0;
+
+        $error = '';
+        if(!isset($_POST['captcha'])) // page rechargée
+        {
+                //$error = '';
+        }
+        elseif($captcha == 0)
+        {
+                $error = 'error_non_valid_captcha';
+        }
+        elseif($captcha_solution == 0)
+        {
+                //$error = '';
+        }
+        elseif($captcha != $captcha_solution) // le test!
+        {
+                $error = 'bad_solution_captcha';
+        }
+        elseif(!isset($_POST['login']) || empty($_POST['login'])
+                || !isset($_POST['password']) || empty($_POST['password']))
+        {
+                $error = 'bad_password';
+        }
+        else // c'est OK
+        {
+                $login = $_POST['login'];
+                $password = $_POST['password'];
+                $user = getUser($login, $entityManager);
+
+                // enregistrement et redirection
+                if(password_verify($password, $user->getPassword()))
+                {
+                        session_start();
+                        $_SESSION['user'] = $login;
+                        $_SESSION['admin'] = true;
+                        $link = new URL(isset($_GET['from']) ? ['page' => $_GET['from']] : []);
+                        isset($_GET['id']) ? $link->addParams(['id' => $_GET['id']]) : '';
+                        header('Location: ' . $link);
+                        die;
+                }
+                else
+                {
+                        $error = 'bad_password';
+                }
+        }
+
+        // inséré dans $captchaHtml puis dans $formulaireNouveauMDP
+        $captcha = createCaptcha();
+        // enregistrement de la réponse du captcha pour vérification
+        $_SESSION['captcha'] = $captcha[2]; // int
+
+        // I - affichage
+        $title = "Connexion";
+        $subHeading = "Veuillez saisir votre identifiant (e-mail) et votre mot de passe.";
+
+        require('../src/view/password.php');
+
+        //$builder->addHTML($header);
+        if($error != '')
+        {
+                sleep(1);
+                $builder->addHTML($error_messages[$error]);
+        }
+        $builder->addHTML($formulaireConnexion);
+        //$builder->addHTML($warning_messages['message_cookie']);
+        $builder->addHTML($warning_messages['private_browsing']);
+        $builder->addHTML($footer);
+
+        //die;
+}
+
+
+function changePassword(EntityManager $entityManager)
+{
+        // fonction exécutée à priori deux fois d'affilée: affichage puis traitement de la saisie
+
+        // OUT !!
+        if(empty($_SESSION['user']) || !$_SESSION['admin'])
+        {
+                $_SESSION['user'] = '';
+                $_SESSION['admin'] = false;
+                header('Location: index.php');
+                die;
+        }
+
+        // II - traitement
+        $error = '';
+        $success = false;
+        if(empty($_POST)) // première fois ou page rechargée
+        {
+                //
+        }
+        elseif(!isset($_POST['login']) || empty($_POST['login'])
+                || !isset($_POST['old_password']) || empty($_POST['old_password'])
+                || !isset($_POST['new_password']) || empty($_POST['new_password']))
+        {
+                $error = 'bad_login_or_password';
+        }
+        else
+        {
+                // sécurisation de la saisie
+                $new_password = Security::secureString($_POST['new_password']);
+                $login = Security::secureString($_POST['login']);
+                $old_password = Security::secureString($_POST['old_password']);
+
+                // éviter d'enregistrer une chaîne vide
+                $new_password = removeSpacesTabsCRLF($new_password);
+
+                // tests de conformité
+                if($login != $_POST['login'] || $old_password !=  $_POST['old_password'] || $new_password != $_POST['new_password'])
+                {
+                        $error = 'forbidden_characters';
+                }
+                else
+                {
+                        $user = getUser($login, $entityManager);
+
+                        if(password_verify($old_password, $user->getPassword()))
+                        {
+                                // enregistrement et redirection
+                                $new_password = password_hash($new_password, PASSWORD_DEFAULT);
+                                $user->setPassword($new_password);
+                                $entityManager->flush();
+                                $success = true;
+                        }
+                        else
+                        {
+                                $error = 'bad_password';
+                        }
+                }
+        }
+
+
+        // I - affichage
+        $title = "Nouveau mot de passe";
+        $subHeading = "Veuillez vous identifier à nouveau puis saisir votre nouveau mot de passe.";
+
+        require('../src/view/password.php');
+
+        echo($header);
+        if($error != '')
+        {
+                sleep(1); // sécurité TRÈS insuffisante à la force brute
+                echo($error_messages[$error]);
+        }
+        elseif($success)
+        {
+                $success = false;
+                echo($alertJSNewPassword);
+                die;
+        }
+        echo($formulaireModifMDP);
+        echo($footer);
+        die;
+}
+
+
+function getUser(string $login, EntityManager $entityManager): User
+{
+        $users = $entityManager->getRepository('App\Entity\User')->findBy(['login' => $login]);
+        
+        // détection d'un abus
+        if(count($users) === 0)
+        {
+                $_SESSION['user'] = '';
+                $_SESSION['admin'] = false;
+
+                header('Location: index.php'); // page création d'un mot de passe à l'attérissage
+                die;
+        }
+
+        foreach($users as $user)
+        {
+                if($user->getLogin() === $login)
+                {
+                        return $user;
+                }
+        }
+        header('Location: ' . new URL);
+        die;
+}
+
+
+function disconnect(EntityManager $entityManager)
+{
+        // nettoyage complet
+        $_SESSION = []; // mémoire vive
+        session_destroy(); // fichier côté serveur
+        setcookie('PHPSESSID', '', time() - 4200, '/'); // cookie de session
+        $link = new URL(['page' => $_GET['page']]);
+        isset($_GET['id']) ? $link->addParams(['id' => $_GET['id']]) : '';
+        header('Location: ' . $link);
+        die;
+}
+
+
+function createCaptcha(): array
+{
+        $a = rand(2, 9);
+        $b = rand(2, 9);
+        return array(toLettersFrench($a), toLettersFrench($b), $a * $b);
+}
+
+function toLettersFrench(int $number): string
+{
+        return match($number)
+        {
+                2 => 'deux',
+                3 => 'trois',
+                4 => 'quatre',
+                5 => 'cinq',
+                6 => 'six',
+                7 => 'sept',
+                8 => 'huit',
+                9 => 'neuf',
+                default => '', // erreur
+        };
+}
+
+// on veut des chiffres
+function controlCaptchaInput(string $captcha = '0'): int
+{
+    // $captcha est un POST donc une chaîne, '2.3' est acceptés
+    // (int) supprime les décimales
+    return (is_numeric($captcha) && $captcha == (int) $captcha) ? (int) $captcha : 0;
+}
\ No newline at end of file
diff --git a/src/controller/post.php b/src/controller/post.php
new file mode 100644
index 0000000..926a5ae
--- /dev/null
+++ b/src/controller/post.php
@@ -0,0 +1,17 @@
+<?php
+// src/controller/post.php
+
+declare(strict_types=1);
+
+if($_SERVER['REQUEST_METHOD'] === 'POST' && $_SESSION['admin'] === true)
+{
+    // requêtes AJAX
+    require '../src/controller/ajax.php';
+
+    // formulaires HTML
+    if(isset($_POST['from']) // page d'où vient la requête
+        && isset($_POST)) // données
+    {
+        echo "requête envoyée en validant un formulaire";
+    }
+}
diff --git a/src/model/Menu.php b/src/model/Menu.php
new file mode 100644
index 0000000..624a0fc
--- /dev/null
+++ b/src/model/Menu.php
@@ -0,0 +1,53 @@
+<?php
+// src/controller/Menu.php
+
+declare(strict_types=1);
+
+use Doctrine\ORM\EntityManager;
+use App\Entity\Page;
+use Doctrine\Common\Collections\ArrayCollection;
+
+class Menu extends Page
+{
+        private EntityManager $entityManager;
+    private array $other_pages = []; // pages n'apparaissant pas dans le menu
+
+        public function __construct(EntityManager $entityManager){
+                $this->children = new ArrayCollection();
+
+                $bulk_data = $entityManager
+            ->createQuery('SELECT n FROM App\Entity\Page n WHERE n.parent IS null') // :Doctrine\ORM\Query
+            ->getResult(); // :array de Page
+
+        if(count($bulk_data) === 0){
+            makeStartPage($entityManager);
+        }
+
+        foreach($bulk_data as $first_level_entries){
+            // génération du menu
+            if($first_level_entries->getInMenu()){
+                $this->addChild($first_level_entries);
+            }
+            // autres pages
+            else{
+                // attention, seul le premier élément du chemin est pris en compte
+                $this->other_pages[] = $first_level_entries;
+            }
+        }
+
+        foreach($this->getChildren() as $page){
+                $page->fillChildrenPagePath();
+        }
+        
+        /*for($i = 0; $i < count($this->getChildren()[1]->getChildren()); $i++){
+                echo $this->getChildren()[1]->getChildren()[$i]->getEndOfPath() . ' - ';
+                echo $this->getChildren()[1]->getChildren()[$i]->getPageName() . '<br>';
+        }*/
+        //die;
+        }
+
+    public function getOtherPages(): array
+    {
+        return $this->other_pages;
+    }
+}
\ No newline at end of file
diff --git a/src/model/Path.php b/src/model/Path.php
new file mode 100644
index 0000000..6faadfd
--- /dev/null
+++ b/src/model/Path.php
@@ -0,0 +1,84 @@
+<?php
+// src/controller/Path.php
+
+declare(strict_types=1);
+
+use Doctrine\ORM\EntityManager;
+use App\Entity\Page;
+
+class Path extends Page
+{
+        private array $current_page = []; // tableau d'objets Page
+
+        public function __construct()
+        {
+        $path_array = explode('/', CURRENT_PAGE);
+        try{
+                $this->findPage(Director::$menu_data, $path_array); // remplit $this->current_page
+        }
+                catch(Exception $e){}
+                /*echo "nb d'autres pages: " . count(Director::$menu_data->getOtherPages()) . '<br>';
+                echo 'longueur du chemin: ' . count($this->current_page) . '<br>';
+                foreach($this->current_page as $current){
+                        echo $current->getEndOfPath() . ' ';
+                }
+                die;*/
+        }
+
+        // produit un tableau de Page en comparant le chemin demandé avec les données dans Menu
+        // succès => une exception est lancée pour sortir des fonctions imbriquées
+        // echec => redirection vers la page erreur 404
+        private function findPage(Page|Menu $menu, array $path_array)
+        {
+                // recherche dans les autres pages
+                if($menu instanceof Menu){
+                        foreach($menu->getOtherPages() as $page)
+                        {
+                                if($path_array[0] === $page->getEndOfPath())
+                                {
+                                        $this->current_page[] = $page;
+                                        throw new Exception();
+                                }
+                        }
+                }
+                // recherche dans le menu
+                foreach($menu->getChildren() as $page)
+                {
+                        if($path_array[0] === $page->getEndOfPath())
+                        {
+                                $this->current_page[] = $page;
+                                if(count($path_array) > 1)
+                                {
+                                        array_shift($path_array); // $this->path_array n'est pas modifié, un tableau PHP est passé à une fonction par copie
+                                        $this->findPage($page, $path_array);
+                                }
+                                else{
+                                        throw new Exception(); // sortir de tous les findPage() en même temps
+                                }
+                        }
+                }
+                // rien trouvé
+                URL::setPath('erreur404.html');
+        header('Location: '. new URL);
+        die;
+        }
+
+        public function getString(): string
+    {
+        $path_string = "";
+        foreach($this->current_page as $one_page){
+                $path_string .= $one_page->getEndOfPath() . '/';
+        }
+        return rtrim($path_string, '/');
+    }
+    public function getArray(): array
+    {
+        return $this->current_page;
+    }
+
+    // c'est là qu'on est quoi
+    public function getLast(): Page
+    {
+        return $this->current_page[count($this->current_page) - 1];
+    }
+}
\ No newline at end of file
diff --git a/src/model/doctrine-bootstrap.php b/src/model/doctrine-bootstrap.php
new file mode 100644
index 0000000..139f410
--- /dev/null
+++ b/src/model/doctrine-bootstrap.php
@@ -0,0 +1,31 @@
+<?php
+// src/model/doctrine-bootstrap.php
+
+use Doctrine\ORM\ORMSetup;
+use Doctrine\DBAL\DriverManager;
+use Doctrine\ORM\EntityManager;
+
+require_once "../vendor/autoload.php";
+
+// Create a simple "default" Doctrine ORM configuration for Attributes
+$config = ORMSetup::createAttributeMetadataConfiguration(
+    //paths: array(__DIR__.'/entities'),
+    paths: array('../src/model/entities'),
+    isDevMode: true,
+    // true: cache en mémoire vive
+    // false: utilisation de APCu ou redis ou memcache
+);
+
+// configuring the database connection
+$connection = DriverManager::getConnection([
+    'driver'   => Config::$db_driver,
+    'user'     => Config::$user,
+    'password' => Config::$password,
+    'host'     => Config::$db_host,
+    'dbname'   => Config::$database,
+], $config);
+
+// obtaining the entity manager
+$entityManager = new EntityManager($connection, $config);
+
+foreach($entityManager->getMetadataFactory()->getAllMetadata() as $class){}
\ No newline at end of file
diff --git a/src/model/entities/Article.php b/src/model/entities/Article.php
new file mode 100644
index 0000000..3b846da
--- /dev/null
+++ b/src/model/entities/Article.php
@@ -0,0 +1,77 @@
+<?php
+// src/model/entities/Article.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\Common\Collections\Collection;
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "article")]
+class Article
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_article;
+
+    // datetime_immutable permet à la base de toujours gérer cette clé primaire correctement
+    #[ORM\Column(type: 'datetime', options: ['default' => 'CURRENT_TIMESTAMP'], unique: true)]
+    private \DateTime $date_time; // le type datetime de doctrine convertit en type \DateTime de PHP
+
+    #[ORM\Column(type: "string")]
+    private string $title;
+
+    #[ORM\Column(type: "text")]
+    private string $preview; // une simple textarea
+
+    #[ORM\Column(type: "text")]
+    private string $content; // de l'éditeur html
+
+    // liaison avec table intermédiaire
+    #[ORM\ManyToMany(targetEntity: Image::class, inversedBy: "article")]
+    #[ORM\JoinTable(
+        name: "nb_article_image",
+        joinColumns: [new ORM\JoinColumn(name: "article_id", referencedColumnName: "id_article", onDelete: "CASCADE")],
+        inverseJoinColumns: [new ORM\JoinColumn(name: "image_id", referencedColumnName: "id_image", onDelete: "CASCADE")]
+    )]
+    private Collection $images;
+
+    public function __construct()
+    {
+        $this->images = new ArrayCollection(); // initialisation nécessaire
+    }
+
+    public function getDateTime(): \DateTime
+    {
+        return $this->date_time;
+    }
+    public function getTimestamp(): int
+    {
+        return $this->date_time->getTimestamp();
+    }
+    public function getTitle(): string
+    {
+        return $this->title;
+    }
+    public function getPreview(): string
+    {
+        return $this->preview;
+    }
+    public function getContent(): string
+    {
+        return $this->content;
+    }
+    public function setContent(string $data): void
+    {
+        $this->content = $data;
+    }
+
+    public function getImages(): Collection
+    {
+        return $this->images;
+    }
+}
diff --git a/src/model/entities/Image.php b/src/model/entities/Image.php
new file mode 100644
index 0000000..181c137
--- /dev/null
+++ b/src/model/entities/Image.php
@@ -0,0 +1,91 @@
+<?php
+// src/model/entities/Image.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "image")]
+class Image
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_image;
+
+    #[ORM\Column(type: "string", length: 255, unique: true)] // nom d'image UNIQUE
+    private string $file_name;
+
+    // choisir un répertoire du genre /var/www/html/uploads/ de préférence hors de /src
+    #[ORM\Column(type: "string", length: 255, unique: true, nullable: true)]
+    private ?string $file_path;
+
+    #[ORM\Column(type: "string", length: 255, unique: true, nullable: true)]
+    private ?string $file_path_mini;
+
+    #[ORM\Column(type: "string", length: 255, nullable: true)]
+    private string $mime_type; // image/jpeg, image/png, etc
+
+    #[ORM\Column(type: "string", length: 255, nullable: true)]
+    private string $alt; // texte alternatif
+
+    // autre champs optionnels: file_size, date (default current timestamp)
+
+    /* étapes au téléchargement:
+    => Validation du type de fichier : On vérifie que le fichier est bien une image en utilisant le type MIME. On peut aussi vérifier la taille du fichier.
+    => Création d'un répertoire structuré : On génère un chemin dynamique basé sur la date (uploads/2024/12/24/) pour organiser les images.
+    => Génération d'un nom de fichier unique : On utilise uniqid() pour générer un nom unique et éviter les conflits de nom.
+    => Déplacement du fichier sur le serveur : Le fichier est déplacé depuis son emplacement temporaire vers le répertoire uploads/.
+    => Enregistrement dans la base de données : On enregistre les informations de l'image dans la base de données. */
+
+    #[ORM\ManyToMany(targetEntity: NodeData::class, mappedBy: "images")]
+    private $node_data;
+
+    #[ORM\ManyToMany(targetEntity: Article::class, mappedBy: "images")]
+    private $article;
+
+    public function __construct(string $name, ?string $path, ?string $path_mini, string $mime_type, string $alt)
+    {
+        $this->file_name = $name;
+        $this->file_path = $path;
+        $this->file_path_mini = $path_mini;
+        $this->mime_type = $mime_type;
+        $this->alt = $alt;
+    }
+
+    public function getFileName(): string
+    {
+        return $this->file_name;
+    }
+    public function getFilePath(): string
+    {
+        return $this->file_path;
+    }
+    public function getFilePathMini(): string
+    {
+        return $this->file_path_mini;
+    }
+    public function getAlt(): string
+    {
+        return $this->alt;
+    }
+
+
+    // pour ViewBuilder?
+    /*public function displayImage($imageId): void
+    {
+        //$imageId = 1; // Exemple d'ID d'image
+        $stmt = $pdo->prepare("SELECT file_path FROM images WHERE id = ?");
+        $stmt->execute([$imageId]);
+        $image = $stmt->fetch();
+
+        if ($image) {
+            echo "<img src='" . $image['file_path'] . "' alt='Image'>";
+        } else {
+            echo "Image non trouvée.";
+        }
+    }*/
+}
diff --git a/src/model/entities/Node.php b/src/model/entities/Node.php
new file mode 100644
index 0000000..49e16ba
--- /dev/null
+++ b/src/model/entities/Node.php
@@ -0,0 +1,168 @@
+<?php
+// src/model/entities/Node.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Config;
+use Doctrine\ORM\Mapping as ORM;
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "node")]
+class Node
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_node;
+
+    #[ORM\Column(type: "string", length: 255)]
+    private string $name_node;
+
+    #[ORM\Column(type: "string", length: 255, unique: true, nullable: true)]
+    private ?string $article_timestamp;
+
+    #[ORM\Column(type: "json", nullable: true)] // type: "json" crée un longtext avec mariadb
+    private ?array $attributes = null;
+
+    #[ORM\Column(type: "integer")]
+    private int $position;
+
+    #[ORM\ManyToOne(targetEntity: self::class)]
+    //#[ORM\ManyToOne(targetEntity: self::class, fetch: 'EAGER')] // À TESTER
+    #[ORM\JoinColumn(name: "parent_id", referencedColumnName: "id_node", onDelete: "SET NULL", nullable: true)]
+    private ?self $parent = null;
+
+    #[ORM\ManyToOne(targetEntity: Page::class)]
+    #[ORM\JoinColumn(name: "page_id", referencedColumnName: "id_page", onDelete: "SET DEFAULT", nullable: true)]
+    private ?Page $page;
+
+    #[ORM\ManyToOne(targetEntity: Article::class, cascade: ['persist'])]
+    #[ORM\JoinColumn(name: "article_id", referencedColumnName: "id_article", onDelete: "SET NULL", nullable: true)]
+    private ?Article $article = null;
+
+    // propriété non mappée dans la table "node", la jointure est décrite dans NodeData
+    // elle sert à persister ou supprimer des données par cascade
+    // "mappedBy" permet de cibler $node dans l'autre classe, qui elle possède un "inversedBy"
+    #[ORM\OneToOne(targetEntity: NodeData::class, mappedBy: "node", cascade: ['persist', 'remove'])]
+    private ?NodeData $node_data = null;
+
+
+    // -- fin des attributs destinés à doctrine, début du code utilisateur --
+    
+    private array $children = []; // tableau de Node
+    private ?self $temp_child = null; // = "new" est l'enfant de "main" lorsque la page est "article"
+
+    public function __construct(string $name = '', ?string $article_timestamp = null, array $attributes = [], int $position = 0, ?self $parent = null, ?Page $page = null, ?Article $article = null)
+    {
+        $this->name_node = $name;
+        $this->article_timestamp = $article_timestamp;
+        $this->attributes = $attributes;
+        $this->position = $position;
+        $this->parent = $parent;
+        $this->page = $page;
+        $this->article = $article;
+    }
+
+    public function addChild(self $child): void
+    {
+        $this->children[] = $child;
+        $this->sortChildren();
+    }
+
+    // utiliser $position pour afficher les éléments dans l'ordre
+    private function sortChildren(): void
+    {
+        $iteration = count($this->children);
+        while($iteration > 1)
+        {
+            for($i = 0; $i < $iteration - 1; $i++)
+            {
+                //echo '<br>' . $this->children[$i]->getPosition() . ' - ' . $this->children[$i + 1]->getPosition();
+                if($this->children[$i]->getPosition() > $this->children[$i + 1]->getPosition())
+                {
+                    $tmp = $this->children[$i];
+                    $this->children[$i] = $this->children[$i + 1];
+                    $this->children[$i + 1] = $tmp;
+                }
+            }
+            $iteration--;
+        }
+    }
+
+    // pfff...
+    public function getId(): int
+    {
+        return $this->id_node;
+    }
+    public function getName(): string
+    {
+        return $this->name_node;
+    }
+    /*public function setName(string $name): void
+    {
+        $this->name_node = $name;
+    }*/
+    public function getArticleTimestamp(): string
+    {
+        return $this->article_timestamp;
+    }
+    public function getAttributes(): array
+    {
+        return $this->attributes;
+    }
+    /*public function setAttributes(array $attributes): void
+    {
+        $this->attributes = $attributes;
+    }*/
+    public function getParent(): ?self
+    {
+        return $this->parent;
+    }
+    /*public function setParent(?self $parent): void
+    {
+        $this->parent = $parent;
+    }*/
+    public function getPosition(): int
+    {
+        return $this->position;
+    }
+    /*public function setPosition(int $position): void
+    {
+        $this->position = $position;
+    }*/
+    public function getPage(): Page
+    {
+        return $this->page;
+    }
+    /*public function setPage(Page $page): void
+    {
+        $this->page = $page;
+    }*/
+    public function getArticle(): Article
+    {
+        return $this->article;
+    }
+    /*public function setArticle(Article $article): void
+    {
+        $this->article = $article;
+    }*/
+    public function getNodeData(): ?NodeData
+    {
+        return $this->node_data;
+    }
+    public function getChildren(): array
+    {
+        return $this->children;
+    }
+
+    public function getTempChild(): ?self // peut renvoyer null
+    {
+        return $this->temp_child;
+    }
+    public function setTempChild(self $child): void
+    {
+        $this->temp_child = $child;
+    }
+}
diff --git a/src/model/entities/NodeData.php b/src/model/entities/NodeData.php
new file mode 100644
index 0000000..ddf6083
--- /dev/null
+++ b/src/model/entities/NodeData.php
@@ -0,0 +1,62 @@
+<?php
+// src/model/entities/NodeData.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+use Doctrine\Common\Collections\ArrayCollection; // classe
+use Doctrine\Common\Collections\Collection; // interface
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "node_data")]
+class NodeData
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_node_data;
+
+    // onDelete: "CASCADE" supprime les données si le noeud est supprimé
+    // inverseBy fait le lien avec $node_data dans Node (qui a "mappedBy")
+    #[ORM\OneToOne(targetEntity: Node::class, inversedBy: "node_data")]
+    #[ORM\JoinColumn(name: "node_id", referencedColumnName: "id_node", onDelete: "CASCADE")]
+    private Node $node;
+
+    #[ORM\Column(type: "json")]
+    private array $data;
+
+    // liaison avec table intermédiaire
+    #[ORM\ManyToMany(targetEntity: Image::class, inversedBy: "id_image")]
+    #[ORM\JoinTable(
+        name: "nb_node_image",
+        joinColumns: [new ORM\JoinColumn(name: "node_data_id", referencedColumnName: "id_node_data", onDelete: "CASCADE")],
+        inverseJoinColumns: [new ORM\JoinColumn(name: "image_id", referencedColumnName: "id_image", onDelete: "CASCADE")]
+    )]
+    private Collection $images;
+
+    public function __construct(array $data, Node $node, Collection $images = new ArrayCollection)
+    {
+        $this->data = $data;
+        $this->node = $node;
+        $this->images = $images;
+    }
+
+    public function getData(): array
+    {
+        return $this->data;
+    }
+    /*public function setData(array $data): void
+    {
+        $this->data = $data;
+    }
+    public function setNode(Node $node): void
+    {
+        $this->node = $node;
+    }*/
+    public function getImages(): Collection
+    {
+        return $this->images;
+    }
+}
diff --git a/src/model/entities/Page.php b/src/model/entities/Page.php
new file mode 100644
index 0000000..d7d8098
--- /dev/null
+++ b/src/model/entities/Page.php
@@ -0,0 +1,97 @@
+<?php
+// src/model/entities/Page.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+use Doctrine\Common\Collections\Collection;
+use Doctrine\Common\Collections\ArrayCollection;
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "page")]
+class Page
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_page;
+    
+    #[ORM\Column(type: "string", length: 255)]
+    private string $name_page;
+
+    #[ORM\Column(type: "string", length: 255)]
+    private string $end_of_path; // morceau d'URL plus exactement
+
+    private string $page_path;
+
+    #[ORM\Column(type: "boolean")]
+    private bool $reachable;
+
+    #[ORM\Column(type: "boolean")]
+    private bool $in_menu;
+
+    #[ORM\ManyToOne(targetEntity: self::class)]
+    #[ORM\JoinColumn(name: "parent_id", referencedColumnName: "id_page", onDelete: "SET NULL", nullable: true)]
+    private ?self $parent = null;
+
+    #[ORM\OneToMany(targetEntity: self::class, mappedBy: 'parent')]
+    protected Collection $children;
+    
+    /*#[ORM\Column(type: "json", nullable: true)]
+    private ?array $metadata = null;*/
+
+    public function __construct(string $name, string $eop, bool $reachable, bool $in_menu, ?Page $parent)
+    {
+        $this->name_page = $name;
+        $this->end_of_path = $eop;
+        $this->reachable = $reachable;
+        $this->in_menu = $in_menu;
+        $this->parent = $parent;
+        $this->children = new ArrayCollection();
+    }
+    
+    // getters
+    /*public function getId(): int
+    {
+        return $this->id_page;
+    }*/
+    public function getPageName(): string
+    {
+        return $this->name_page;
+    }
+    public function getPagePath(): string
+    {
+        return $this->page_path;
+    }
+    public function getEndOfPath(): string
+    {
+        return $this->end_of_path;
+    }
+    public function getInMenu(): bool
+    {
+        return $this->in_menu;
+    }
+    public function getParent(): ?Page
+    {
+        return $this->parent;
+    }
+    public function getChildren(): Collection
+    {
+        return $this->children;
+    }
+
+    public function fillChildrenPagePath(string $parent_path = ''): void
+    {
+        $this->page_path = $parent_path != '' ? $parent_path . '/' . $this->end_of_path : $this->end_of_path;
+        foreach($this->getChildren() as $page){
+            $page->fillChildrenPagePath($this->page_path);
+        }
+    }
+
+    public function addChild(self $child): void
+    {
+        $this->children[] = $child;
+    }
+}
diff --git a/src/model/entities/User.php b/src/model/entities/User.php
new file mode 100644
index 0000000..4b1dcb8
--- /dev/null
+++ b/src/model/entities/User.php
@@ -0,0 +1,47 @@
+<?php
+// src/model/entities/User.php
+
+declare(strict_types=1);
+
+namespace App\Entity;
+
+use Doctrine\ORM\Mapping as ORM;
+
+#[ORM\Entity]
+#[ORM\Table(name: TABLE_PREFIX . "user")]
+class User
+{
+    #[ORM\Id]
+    #[ORM\GeneratedValue]
+    #[ORM\Column(type: "integer")]
+    private int $id_user;
+
+    /*#[ORM\Column(type: "string", length: 255)]
+    private string $name;*/
+
+    #[ORM\Column(type: "string", length: 255, unique: true)] // risque de modifier son mot de passe sans s'apercevoir qu'il fonctionne encore sur un autre compte
+    private string $login;
+
+    #[ORM\Column(type: "string", length: 255)]
+    private string $password;
+
+    public function __construct(string $login, string $password)
+    {
+        $this->login = $login;
+        $this->password = $password;
+    }
+
+    public function getLogin(): string
+    {
+        return $this->login;
+    }
+    public function getPassword(): string
+    {
+        return $this->password;
+    }
+
+    public function setPassword(string $password): void
+    {
+        $this->password = $password;
+    }
+}
\ No newline at end of file
diff --git a/src/view/AbstractBuilder.php b/src/view/AbstractBuilder.php
new file mode 100644
index 0000000..cd2b361
--- /dev/null
+++ b/src/view/AbstractBuilder.php
@@ -0,0 +1,52 @@
+<?php
+// src/view/AbstractBuilder.php
+
+use App\Entity\Node;
+
+abstract class AbstractBuilder
+{
+        protected const VIEWS_PATH = '../src/view/templates/';
+        protected string $html = '';
+
+    protected function useChildrenBuilder(Node $node): void
+    {
+        foreach($node->getChildren() as $child_node)
+        {
+            $builder_name = $this->snakeToPascalCase($child_node->getName()) . 'Builder';
+            $builder = new $builder_name($child_node);
+            $this->html .= $builder->render();
+
+            // pages spéciales où on n'assemble pas tout
+            if($builder_name === 'HeadBuilder' && $builder->getStop())
+            {
+                foreach($node->getChildren() as $target_node){
+                    if($target_node->getName() === 'main'){
+                        $main_node = $target_node;
+                        break;
+                    }
+                }
+                // on construit <main> et on s'arrête! les autres noeuds sont ignorés
+                $builder_name = $this->snakeToPascalCase($main_node->getName()) . 'Builder';
+                $builder = new $builder_name($main_node);
+                $this->html .= "<body>\n";
+                $this->html .= $builder->render() . "\n";
+                $this->html .= "</body>\n</html>";
+                break;
+            }
+        }
+    }
+
+    protected function snakeToPascalCase(string $input): string
+    {
+        return str_replace('_', '', ucwords($input, '_'));
+    }
+
+    public function render(): string // = getHTML()
+    {
+        return $this->html;
+    }
+    public function addHTML(string $html): void
+    {
+        $this->html .= $html;
+    }
+}
\ No newline at end of file
diff --git a/src/view/ArticleBuilder.php b/src/view/ArticleBuilder.php
new file mode 100644
index 0000000..989da0d
--- /dev/null
+++ b/src/view/ArticleBuilder.php
@@ -0,0 +1,60 @@
+<?php
+// src/view/ArticleBuilder.php
+
+use App\Entity\Node;
+
+class ArticleBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        if(file_exists($viewFile))
+        {
+            // id (timestamp)
+            if(!empty($node->getAttributes()))
+            {
+                extract($node->getAttributes());
+            }
+
+            // html
+            $title = $node->getArticle()->getTitle();
+            $html = $node->getArticle()->getContent();
+            $id = $node->getArticleTimestamp();
+
+            // partage
+            $share_link = new URL(['page' => CURRENT_PAGE], $id);
+            $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
+            $share_button = '<p><a href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a></p>' . "\n";
+
+            // modifier un article
+            $admin_buttons = '';
+            if($_SESSION['admin'])
+            {
+                $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                $modify_article = '<p id="edit-' . $id . '"><a href="#"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></a></p>' . "\n";
+
+                $up_link = new URL(['page' => CURRENT_PAGE, 'id' => $id, 'action' => 'position_up']);
+                $up_button = '<p id="position_up-' . $id . '"><a href="' . $up_link . '"><img class="action_icon" src="assets/arrow-up.svg"></a></p>' . "\n";
+                
+                $down_link = new URL(['page' => CURRENT_PAGE, 'id' => $id, 'action' => 'position_down']);
+                $down_button = '<p id="position_down-' . $id . '"><a href="' . $down_link . '"><img class="action_icon" src="assets/arrow-down.svg"></a></p>' . "\n";
+                
+                $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                $delete_article = '<p id="delete-' . $id . '"><a href="#"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></a></p>' . "\n";
+                
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p>';
+                
+                $admin_buttons = $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
+            }
+
+            ob_start();
+            require($viewFile);
+            $this->html .= ob_get_clean();
+        }
+    }
+}
diff --git a/src/view/BlogBuilder.php b/src/view/BlogBuilder.php
new file mode 100644
index 0000000..8c2125f
--- /dev/null
+++ b/src/view/BlogBuilder.php
@@ -0,0 +1,49 @@
+<?php
+// src/view/BlogBuilder.php
+
+use App\Entity\Node;
+
+class BlogBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // ajouter un article
+            $new_article = '';
+            $new_article_admin_buttons  = '';
+            if($_SESSION['admin'])
+            {
+                $id = 'new';
+
+                //$link = new URL(['page' => CURRENT_PAGE, 'action' => 'open_editor']);
+                $js = 'onclick="openEditor(\'' . $id . '\')"';
+                //$new_article = '<article><a href="' . $link . '"><button>Nouvel article</button></a></article>';
+                $new_article = '<article><p id="new"></p>' . "\n" . 
+                    '<p id="new-' . $id . '"><a href="#"><button ' . $js . '><img class="action_icon" src="assets/edit.svg">Nouvel article</button></a></p>';
+
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<div class="article_admin_zone"><p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p></div></article>';
+                
+                $new_article_admin_buttons = $close_editor . $submit_article;
+            }
+
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/view/BreadcrumbBuilder.php b/src/view/BreadcrumbBuilder.php
new file mode 100644
index 0000000..f1fdddf
--- /dev/null
+++ b/src/view/BreadcrumbBuilder.php
@@ -0,0 +1,53 @@
+<?php
+// src/view/BreadcrumbBuilder.php
+
+use App\Entity\Node;
+
+class BreadcrumbBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $this->html = $this->breadcrumbHTML(false);
+    }
+
+    private function breadcrumbHTML(bool $links = false): string
+    {
+        $asset = 'assets/home.svg'; // => BDD?
+        $breadcrumb_array = Director::$page_path->getArray(); // tableau de Page
+        $html = '';
+        $nb_of_entries = count($breadcrumb_array);
+        
+        if($nb_of_entries > 1)
+        {
+            // petite maison et flèche
+            $html .= '<nav class="breadcrumb" aria-label="Breadcrumb">' . "\n";
+            $html .= '<a href="' . new URL . '"><img src="' . $asset . '"></a><span class="arrow"> →</span>' . "\n";
+
+            // partie intermédiaire
+            for($i = 0; $i < ($nb_of_entries - 1); $i++)
+            {
+                // liens optionnels
+                if($links)
+                {
+                    $html .= '<a href="';
+                    for($j = 1; $j < $i; $j++) // chemin sans la fin
+                    {
+                        $html .= new URL(['page' => $breadcrumb_array[$i]->getPagePath()]); 
+                    }
+                    $html .= '">';
+                }
+                $html .= '<span>' . $breadcrumb_array[$i]->getPageName() . '</span>';
+                if($links)
+                {
+                    $html .= '</a>';
+                }
+                $html .= '<span class="arrow"> →</span>' . "\n";
+            }
+
+            // fin du chemin
+            $html .= '<span aria-current="page">' . $breadcrumb_array[$nb_of_entries - 1]->getPageName() . "</span>\n";
+            $html .= "</nav>\n";
+        }
+        return $html;
+    }
+}
\ No newline at end of file
diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
new file mode 100644
index 0000000..49da71c
--- /dev/null
+++ b/src/view/FooterBuilder.php
@@ -0,0 +1,64 @@
+<?php
+// src/view/FooterBuilder.php
+
+use App\Entity\Node;
+
+class FooterBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            // $adresses postale et e-mail
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            $this->useChildrenBuilder($node);
+            $breadcrumb = $this->html;
+
+            // zone admin
+            $empty_admin_zone = '';
+            //$zone_admin = '';
+            if($_SESSION['admin'])
+            {
+                $div_admin = 'logged_in';
+                $empty_admin_zone = 'empty_admin_zone';
+                $link_edit_page = new URL(['page' => CURRENT_PAGE, 'action' => 'modif_page']);
+                $link_new_page = new URL(['from' => CURRENT_PAGE, 'page' => 'nouvelle_page']);
+                $link_change_paths = new URL(['from' => CURRENT_PAGE, 'page' => 'menu_chemins']);
+                
+                $link_change_password = new URL(['from' => CURRENT_PAGE, 'action' => 'modif_mdp']);
+                isset($_GET['id']) ? $link_change_password->addParams(['id' => $_GET['id']]) : '';
+
+                $link_logout = new URL(['page' => CURRENT_PAGE, 'action' => 'deconnexion']);
+                isset($_GET['id']) ? $link_logout->addParams(['id' => $_GET['id']]) : '';
+
+                $zone_admin = '<p>Vous êtes en mode administrateur.' . "\n" . 
+                    '<a href="' . $link_edit_page . '"><button>Modifier la page</button></a>' . "\n" . 
+                    '<a href="' . $link_new_page . '"><button>Nouvelle page</button></a>' . "\n" . 
+                    '<a href="' . $link_change_paths . '"><button>Menu et chemins</button></a>' . "\n" . 
+                    '<a href="' . $link_change_password . '"><button>Changer de mot de passe</button></a>' . "\n" . 
+                    '<a href="' . $link_logout . '"><button>Déconnexion</button></a></p>' . "\n";
+            }
+            else
+            {
+                $div_admin = 'logged_out';
+                $zone_admin = '';
+                if(Director::$page_path->getLast()->getEndOfPath() === 'article' && isset($_GET['id'])){
+                    $zone_admin = '<button><a href="' . new URL(['page' => 'connexion', 'from' => CURRENT_PAGE, 'id' => $_GET['id']]) . '">Mode admin</a></button>';
+                }
+                else{
+                    $zone_admin = '<button><a href="' . new URL(['page' => 'connexion', 'from' => CURRENT_PAGE]) . '">Mode admin</a></button>';
+                }
+            }
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean();
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/view/GaleryBuilder.php b/src/view/GaleryBuilder.php
new file mode 100644
index 0000000..89be2b1
--- /dev/null
+++ b/src/view/GaleryBuilder.php
@@ -0,0 +1,49 @@
+<?php
+// src/view/GaleryBuilder.php
+
+use App\Entity\Node;
+
+class GaleryBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // ajouter un article
+            $new_article = '';
+            $new_article_admin_buttons  = '';
+            if($_SESSION['admin'])
+            {
+                $id = 'new';
+
+                //$link = new URL(['page' => CURRENT_PAGE, 'action' => 'open_editor']);
+                $js = 'onclick="openEditor(\'' . $id . '\')"';
+                //$new_article = '<article><a href="' . $link . '"><button>Nouvel article</button></a></article>';
+                $new_article = '<article><p id="new"></p>' . "\n" . 
+                    '<p id="new-' . $id . '"><a href="#"><button ' . $js . '><img class="action_icon" src="assets/edit.svg">Nouvel article</button></a></p>';
+
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<div class="article_admin_zone"><p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p></div></article>';
+                
+                $new_article_admin_buttons = $close_editor . $submit_article;
+            }
+
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/view/GridBuilder.php b/src/view/GridBuilder.php
new file mode 100644
index 0000000..6e16d46
--- /dev/null
+++ b/src/view/GridBuilder.php
@@ -0,0 +1,55 @@
+<?php
+// src/view/GridBuilder.php
+
+use App\Entity\Node;
+
+class GridBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // ajouter un article
+            $new_article = '';
+            $new_article_admin_buttons  = '';
+            if($_SESSION['admin'])
+            {
+                $id = 'new';
+                $js = 'onclick="openEditor(\'' . $id . '\')"';
+
+                if(Director::$page_path->getLast()->getEndOfPath() === 'accueil')
+                {
+                    $new_article = '<article><p id="new"></p>' . "\n" . 
+                    '<p><a href="' . new URL(['page' => 'article']) . '"><button><img class="action_icon" src="assets/edit.svg">Nouvel article</button></a></p>';
+                }
+                else
+                {
+                    $new_article = '<article><p id="new"></p>' . "\n" . 
+                    '<p id="new-' . $id . '"><a href="#"><button ' . $js . '><img class="action_icon" src="assets/edit.svg">Nouvel article</button></a></p>';
+                }
+                
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<div class="article_admin_zone"><p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p></div></article>';
+                
+                $new_article_admin_buttons = $close_editor . $submit_article;
+            }
+
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/view/HeadBuilder.php b/src/view/HeadBuilder.php
new file mode 100644
index 0000000..c31c930
--- /dev/null
+++ b/src/view/HeadBuilder.php
@@ -0,0 +1,68 @@
+<?php
+// src/view/HeadBuilder.php
+
+use App\Entity\Node;
+
+class HeadBuilder extends AbstractBuilder
+{
+    private bool $stop = false;
+
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            // css et js
+            if(!empty($node->getAttributes()))
+            {
+                extract($node->getAttributes());
+            }
+
+            // pages spéciales où on n'assemble pas tout
+            $this->stop = isset($stop) ? $stop : false;
+            $css = '';
+                foreach($css_array as $name)
+                        {
+                                $css .= '<link rel="stylesheet" href="css/' . $name . '.css">' . "\n";
+                        }
+                        $js = '';
+                foreach($js_array as $name)
+                        {
+                                $js .= '<script src="js/' . $name . '.js"></script>' . "\n";
+                        }
+
+            // tinymce, nécéssite un script de copie dans composer.json
+            if($_SESSION['admin']){
+                $css .= '<link rel="stylesheet" href="css/tinymce.css">' . "\n";
+                $js .= '<script src="js/tinymce/tinymce.min.js"></script>' . "\n";
+                $js .= '<script src="js/tinymce.js"></script>' . "\n";
+            }
+
+            // titre et description
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // favicon
+            foreach($node->getNodeData()->getImages() as $image)
+            {
+                if(str_contains($image->getFileName(), 'favicon'))
+                {
+                    $favicon = rtrim($image->getFilePathMini(), '/');
+                    $alt = $image->getAlt();
+                }
+            }
+
+            ob_start();
+            require $viewFile;
+            $this->html .= ob_get_clean();
+        }
+    }
+
+    public function getStop(): bool
+    {
+        return $this->stop;
+    }
+}
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
new file mode 100644
index 0000000..252958a
--- /dev/null
+++ b/src/view/HeaderBuilder.php
@@ -0,0 +1,64 @@
+<?php
+// src/view/HeaderBuilder.php
+
+use App\Entity\Node;
+
+class HeaderBuilder extends AbstractBuilder
+{
+    private ?Node $nav = null;
+
+    public function __construct(Node $node)
+    {
+        // nav
+        // n'utilise pas useChildrenBuilder, il faudrait peut-être
+        $children = $node->getChildren();
+        foreach($children as $child)
+        {
+            if($child->getName() === 'nav')
+            {
+                $this->nav = $child;
+                $nav_builder = new NavBuilder($this->nav);
+                $nav = $nav_builder->render();
+            }
+        }
+        
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            // titre et description
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // attributs, aucun pour l'instant
+            if(!empty($node->getAttributes()))
+            {
+                extract($node->getAttributes());
+            }
+
+            // header logo + réseaux sociaux
+            $targets = ['logo', 'facebook', 'instagram', 'fond_piscine'];
+            $i = 0;
+            foreach($node->getNodeData()->getImages() as $image)
+            {
+                if(str_contains($image->getFileName(), $targets[$i]))
+                {
+                    $var = $targets[$i];
+                    $$var = rtrim($image->getFilePathMini(), '/');
+                    $var .= '_alt'; // ex: logo_alt
+                    $$var = $image->getAlt();
+                }
+                $i++;
+            }
+
+            // générer HTML réseaux sociaux
+            //
+
+            ob_start();
+            require $viewFile;
+            $this->html .= ob_get_clean();
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/view/LoginBuilder.php b/src/view/LoginBuilder.php
new file mode 100644
index 0000000..ac9910f
--- /dev/null
+++ b/src/view/LoginBuilder.php
@@ -0,0 +1,15 @@
+<?php
+// src/view/LoginBuilder.php
+
+use App\Entity\Node;
+
+class LoginBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        global $entityManager;
+
+        // une classe Password ce serait pas mal!!
+        connect($this, $entityManager);
+    }
+}
diff --git a/src/view/MainBuilder.php b/src/view/MainBuilder.php
new file mode 100644
index 0000000..a44570b
--- /dev/null
+++ b/src/view/MainBuilder.php
@@ -0,0 +1,30 @@
+<?php
+// src/view/MainBuilder.php
+
+use App\Entity\Node;
+
+class MainBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $this->html .= "<main>\n";
+
+        if(Director::$page_path->getLast()->getEndOfPath() === 'article'){
+            if($node->getTempChild() == null){
+                $new = new Node;
+            }
+            else{
+                $new = $node->getTempChild();
+            }
+            //$builder_name = $this->snakeToPascalCase($new->getName()) . 'Builder';
+            $builder_name = 'NewBuilder';
+            $builder = new $builder_name($new);
+            $this->html .= $builder->render();
+        }
+        else{
+            $this->useChildrenBuilder($node);
+        }
+
+        $this->html .= "</main>\n";
+    }
+}
diff --git a/src/view/NavBuilder.php b/src/view/NavBuilder.php
new file mode 100644
index 0000000..e7254b1
--- /dev/null
+++ b/src/view/NavBuilder.php
@@ -0,0 +1,61 @@
+<?php
+// src/view/NavBuilder.php
+
+declare(strict_types=1);
+
+use App\Entity\Node;
+use App\Entity\Page;
+
+class NavBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $this->html .= '<nav class="nav_main"><ul>';
+        $this->html .= $this->navMainHTML(Director::$menu_data, Director::$page_path->getArray());
+        $this->html .= '</ul></nav>';
+    }
+
+    private function navMainHTML(Page $nav_data, array $current): string
+    {
+        $nav_html = '';
+        static $level = 0;
+
+        foreach($nav_data->getChildren() as $data)
+        {
+            $class = '';
+            if(isset($current[$level]) && $data->getEndOfPath() === $current[$level]->getEndOfPath()){
+                $class = ' current';
+            }
+            
+            if(count($data->getChildren()) > 0) // titre de catégorie
+            {
+                $nav_html .= '<li class="drop-down'. $class . '"><p>' . $data->getPageName() . '</p><ul class="sub-menu">' . "\n";
+                $level++;
+                $nav_html .= $this->navMainHTML($data, $current);
+                $level--;
+                $nav_html .= '</ul></li>' . "\n";
+            }
+            else
+            {
+                $target = '';
+                if(str_starts_with($data->getEndOfPath(), 'http')) // lien vers autre site
+                {
+                    $link = $data->getEndOfPath(); // $link = chaine
+                    $target = ' target="_blank"';
+                }
+                elseif($data->getEndOfPath() != '') // lien relatif
+                {
+                    $link = new URL(['page' => $data->getPagePath()]); // $link = objet
+                }
+                /*else
+                {
+                    echo "else page d'accueil" . '<br>';
+                    $link = new URL; // page d'accueil
+                }*/
+
+                $nav_html .= '<a href="' . $link . '"' . $target . '><li class="'. $class . '"><p>' . $data->getPageName() . '</p></li></a>' . "\n";
+            }
+        }
+        return $nav_html;
+    }
+}
\ No newline at end of file
diff --git a/src/view/NewBuilder.php b/src/view/NewBuilder.php
new file mode 100644
index 0000000..605c174
--- /dev/null
+++ b/src/view/NewBuilder.php
@@ -0,0 +1,93 @@
+<?php
+// src/view/NewBuilder.php
+
+use App\Entity\Node;
+
+class NewBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        if(file_exists($viewFile))
+        {
+            // id (timestamp)
+            if(!empty($node->getAttributes()))
+            {
+                extract($node->getAttributes());
+            }
+
+            // html, date
+            $title = $node->getArticle()->getTitle();
+            $preview = $node->getArticle()->getPreview();
+            $id = $node->getArticleTimestamp();
+            $content = '';
+
+            // page article unique
+            if(Director::$page_path->getLast()->getEndOfPath() === 'article')
+            {
+                $content = $node->getArticle()->getContent();
+                $from_to_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'accueil']) . '"><button>Retour page d\'accueil</button></a></p>';
+            }
+            // page d'accueil (avec des news)
+            else
+            {
+                $from_to_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'article', 'id' => $id]) . '"><button><img class="action_icon" src="assets/book-open.svg">Lire la suite</button></a></p>';
+            }
+
+            
+            $date_object = $node->getArticle()->getDateTime(); // class DateTime
+            $date = 'le ' . str_replace(':', 'h', $date_object->format('d-m-Y à H:i'));
+
+            // partage
+            $share_link = new URL(['page' => CURRENT_PAGE], $id);
+            isset($_GET['id']) ? $share_link->addParams(['id' => $_GET['id']]) : '';
+            $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
+            $share_button = '<p><a href="' . $share_link . '" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></a></p>' . "\n";
+
+            // modifier un article
+            $admin_buttons = '';
+            if($_SESSION['admin'])
+            {
+                if(Director::$page_path->getLast()->getEndOfPath() === 'article'){
+                    $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                    $modify_article = '<p id="edit-' . $id . '"><a href="#"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></a></p>' . "\n";
+
+                    $up_button = '<p id="position_up-' . $id . '"></p>' . "\n";
+                    $down_button = '<p id="position_down-' . $id . '"></p>' . "\n";
+                    
+                    $delete_js = 'onclick="deleteArticle(\'' . $id . '\', \'' . CURRENT_PAGE . '\')"';
+                    $delete_article = '<p id="delete-' . $id . '"><a href="#"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></a></p>' . "\n";
+                    
+                    $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                    $close_editor = '<p id="cancel-' . $id . '" class="hidden"><a href="#"><button ' . $close_js . '>Annuler</button></a></p>';
+                    
+                    $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                    $submit_article = '<p id="submit-' . $id . '" class="hidden"><a href="#"><button ' . $submit_js . '>Valider</button></a></p>';
+                }
+                else{
+                    $modify_article = '<p id="edit-' . $id . '"></p>' . "\n";
+
+                    $up_link = new URL(['page' => CURRENT_PAGE, 'id' => $id, 'action' => 'position_up']);
+                    $up_button = '<p id="position_up-' . $id . '"><a href="' . $up_link . '"><img class="action_icon" src="assets/arrow-up.svg"></a></p>' . "\n";
+                    
+                    $down_link = new URL(['page' => CURRENT_PAGE, 'id' => $id, 'action' => 'position_down']);
+                    $down_button = '<p id="position_down-' . $id . '"><a href="' . $down_link . '"><img class="action_icon" src="assets/arrow-down.svg"></a></p>' . "\n";
+
+                    $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                    $delete_article = '<p id="delete-' . $id . '"><a href="#"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></a></p>' . "\n";
+
+                    $close_editor = '<p id="cancel-' . $id . '" class="hidden"></p>';
+                    $submit_article = '<p id="submit-' . $id . '" class="hidden"></p>';
+
+                    $submit_article = '<p id="submit-' . $id . '" class="hidden"></p>';
+                }
+                $admin_buttons = $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
+            }
+
+            ob_start();
+            require($viewFile);
+            $this->html .= ob_get_clean();
+        }
+    }
+}
diff --git a/src/view/ViewBuilder.php b/src/view/ViewBuilder.php
new file mode 100644
index 0000000..acac972
--- /dev/null
+++ b/src/view/ViewBuilder.php
@@ -0,0 +1,16 @@
+<?php
+// src/view/ViewBuilder.php
+//
+// appelle les autres Builder
+
+declare(strict_types=1);
+
+use App\Entity\Node;
+
+class ViewBuilder extends AbstractBuilder
+{
+    public function __construct(Node $root_node)
+    {
+        $this->useChildrenBuilder($root_node);
+    }
+}
diff --git a/src/view/password.php b/src/view/password.php
new file mode 100644
index 0000000..0ff717c
--- /dev/null
+++ b/src/view/password.php
@@ -0,0 +1,152 @@
+<?php
+// src/view/password.php
+//
+// ce fichier contient le HTML de deux pages du site:
+// - connexion au mode admin
+// - changement de mot de passe
+//
+// rajouter la page "créationn du mot de passe"?
+
+// insertion du captcha
+ob_start();
+?>
+                <p>Montrez que vous n'êtes pas un robot.<br>
+                    <label for="captcha" >Combien font <?= $captcha[0] ?> fois <?= $captcha[1] ?>?</label>
+                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
+                </p>
+<?php
+$captchaHtml = ob_get_clean();
+
+
+// formulaire connexion
+$link = new URL(['page' => 'connexion']);
+isset($_GET['from']) ? $link->addParams(['from' => $_GET['from']]) : '';
+isset($_GET['id']) ? $link->addParams(['id' => $_GET['id']]) : '';
+ob_start();
+?>
+            <form class="connexionFormulaire" method="post" action="<?= $link ?>" >
+                <p><label for="login" >Identifiant (E-mail):</label>
+                    <input id="login" type="text" name="login" autofocus required></p>
+                <p><label for="password" >Mot de passe:</label>
+                    <input id="password" type="password" name="password" required></p>
+
+                <?= $captchaHtml ?>
+
+                <input type="submit" value="Valider">
+            </form>
+<?php
+$formulaireConnexion = ob_get_clean();
+
+// formulaire création du mot de passe
+ob_start();
+?>
+            <form class="connexionFormulaire" method="post" action="index.php" >
+                <p><label for="login" >Identifiant (e-mail):</label>
+                    <input id="login" type="text" name="login" autofocus required></p>
+                <p><label for="password" >Mot de passe:</label>
+                    <input id="password" type="password" name="password" required></p>
+
+                <?= $captchaHtml ?>
+
+                <input type="submit" value="Valider">
+            </form>
+<?php
+$formulaireNouveauMDP = ob_get_clean();
+
+// formulaire changement de mot de passe
+$link = new URL(['action' => 'modif_mdp']);
+isset($_GET['from']) ? $link->addParams(['from' => $_GET['from']]) : '';
+isset($_GET['id']) ? $link->addParams(['id' => $_GET['id']]) : '';
+ob_start();
+?>
+            <form class="connexionFormulaire" method="post" action="<?= $link ?>" >
+                <label for="login" >Identifiant (e-mail):</label>
+                <input id="login" type="login" name="login" autofocus required ><br><br>
+                <label for="old_password" >Ancien mot de passe:</label>
+                <input id="old_password" type="password" name="old_password" required ><br><br>
+                <label for="new_password" >Nouveau mot de passe:</label>
+                <input id="new_password" type="password" name="new_password" required autocomplete="off">
+                <br><br>
+                <input type="submit" value="Valider" >
+                <!-- <a href="index.php<?= $from ?>" >
+                    <input type="button" value="Annuler">
+                </a> -->
+            </form>
+<?php
+$formulaireModifMDP = ob_get_clean();
+
+// en-tête
+ob_start();
+?>
+<!DOCTYPE html>
+
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title><?= $title ?></title>
+
+        <link rel="icon" type="image/png" href="assets/favicon48x48.png">
+        <script src="js/main.js" ></script>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <style>
+            body{background-color: #E3F3FF;}
+            #bloc_page{text-align: center;}
+            .avertissement{color: red;}
+        </style>
+    </head>
+
+    <body>
+        <div id="bloc_page" >
+            <h2 class="connexionTitre" ><?= $title ?></h2>
+            <p class="connexionP" ><?= $subHeading ?></p>
+<?php
+$header = ob_get_clean();
+
+
+$error_messages = [
+    'error_non_valid_captcha' => '<p class="avertissement" >Erreur au test anti-robot, veuillez saisir un nombre entier.</p>',
+    'bad_solution_captcha' => '<p class="avertissement" >Erreur au test anti-robot, veuillez réessayer.</p>',
+    'bad_login_or_password' => '<p class="avertissement" >Saisir un Identifiant (e-mail) et un mot de passe.</p>',
+    'bad_password' => '<p class="avertissement" >Mauvais mot de passe, veuillez réessayer.</p>',
+    'forbidden_characters' => '<p class="avertissement" >Caractères interdits: espaces, tabulations, sauts CR/LF.</p>'
+];
+
+$warning_messages = [
+    'message_disconnect' => "<p class='connexionP' ><i>N'oubliez de cliquer sur 'déconnexion' quand vous aurez fini.</i></p>",
+    //'message_cookie' => "<p class='connexionP' style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>",
+    'private_browsing' =>"<p class='connexionP' >Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/>
+    Utilisez la navigation privée.</p>"
+];
+
+
+// confirmation modification du mot de passe
+$page = isset($_GET['from']) ? $_GET['from'] : 'accueil';
+$id = isset($_GET['id']) ? ', \'' . $_GET['id'] . '\'' : '';
+$js = "newPassword('" . $page . "'" . $id . ");";
+ob_start();
+?>
+<script><?= $js ?></script>
+<noscript>
+    <p class="avertissement" >Le mot de passe a été modifié<br>
+        <a href="<?= $link ?>" ><button>Retour au site.</button></a></p>
+</noscript>
+<?php
+$alertJSNewPassword = ob_get_clean();
+
+
+// bas de la page
+$link = new URL();
+isset($_GET['from']) ? $link->addParams(['page' => $_GET['from'] ]) : '';
+isset($_GET['id']) ? $link->addParams(['id' => $_GET['id']]) : '';
+ob_start();
+if(isset($_GET['from'])) // exclue la "création du mot de passe"
+{
+?>
+            <p class="connexionP connexionFooter" >
+                <a href="<?= $link ?>" >
+                    <button>Retour au site.</button>
+                </a>
+            </p>
+<?php
+}
+$footer = ob_get_clean();
\ No newline at end of file
diff --git a/src/view/templates/article.php b/src/view/templates/article.php
new file mode 100644
index 0000000..d34697e
--- /dev/null
+++ b/src/view/templates/article.php
@@ -0,0 +1,15 @@
+<article>
+    <div class="article_content">
+        <div class="article_title_zone">
+            <h4><?= $title ?></h4>
+            <?= $share_button ?>
+        </div>
+        <div id="<?= $id ?>" class="html_from_editor">
+            <?= $html ?>
+        </div>
+        <div class="article_admin_zone">
+            <?= $admin_buttons ?>
+        </div>
+    </div>
+    
+</article>
\ No newline at end of file
diff --git a/src/view/templates/blog.php b/src/view/templates/blog.php
new file mode 100644
index 0000000..35cac8b
--- /dev/null
+++ b/src/view/templates/blog.php
@@ -0,0 +1,6 @@
+<section class="blog">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+<?= $new_article_admin_buttons ?>
+<?= $content ?>
+</section>
\ No newline at end of file
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
new file mode 100644
index 0000000..5af7924
--- /dev/null
+++ b/src/view/templates/footer.php
@@ -0,0 +1,15 @@
+            <footer>
+                <div>
+                    <p class="contact"><?= $contact_nom ?><br>
+                        <?= $adresse ?><br>
+                        <a href="mailto:<?= $e_mail ?>"><?= $e_mail ?></a></p>
+<?= $breadcrumb ?>
+                </div>
+                <div class="<?= $empty_admin_zone ?>"></div>
+                <div class="<?= $div_admin ?>">
+<?= $zone_admin ?>
+                </div>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/view/templates/galery.php b/src/view/templates/galery.php
new file mode 100644
index 0000000..306526f
--- /dev/null
+++ b/src/view/templates/galery.php
@@ -0,0 +1,10 @@
+<section class="galery">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+<?= $new_article_admin_buttons ?>
+        <div class="galery_photos">
+                <a><p></p></a>
+<?= $content ?>
+        </div>
+        <script>enableGaleryScroller();</script>
+</section>
\ No newline at end of file
diff --git a/src/view/templates/grid.php b/src/view/templates/grid.php
new file mode 100644
index 0000000..a09ed40
--- /dev/null
+++ b/src/view/templates/grid.php
@@ -0,0 +1,8 @@
+<section class="grid">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+<?= $new_article_admin_buttons ?>
+        <div class="grid_columns">
+<?= $content ?>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/view/templates/head.php b/src/view/templates/head.php
new file mode 100644
index 0000000..1ebb17e
--- /dev/null
+++ b/src/view/templates/head.php
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title><?= $title ?></title>
+        <link rel="icon" type="image/png" href="<?= $favicon ?>" alt="<?= $alt ?>">
+        <meta name="description" content="<?= $description ?>">
+        <meta name="viewport" content="width=device-width">
+        <?= $css ?>
+        <?= $js ?>
+    </head>
\ No newline at end of file
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
new file mode 100644
index 0000000..fa55cea
--- /dev/null
+++ b/src/view/templates/header.php
@@ -0,0 +1,23 @@
+<body>
+    <div>
+           <header>
+            <div class="empty_nav_zone">
+                <?= $nav ?>
+            </div>
+
+            <div class="header-content">
+                <div class="head_logo">
+                    <a href="<?= new URL ?>"><img src="<?= $logo ?>" alt="<?= $logo_alt ?>"></a>
+                </div>
+                <div class="site_title">
+                    <a href="<?= new URL ?>"><h1><?= $title ?></h1></a>
+                    <h2><?= $description ?></h2>
+                </div>
+                <div class="social">
+                    <a href="<?= $facebook_link ?>" target="_blank" rel="noopener noreferrer">
+                        <img src="<?= $facebook ?>" alt="<?= $facebook_alt ?>"></a>
+                    <a href="<?= $instagram_link ?>" target="_blank" rel="noopener noreferrer">
+                        <img src="<?= $instagram ?>" alt="<?= $instagram_alt ?>"></a>
+                </div>
+            </div>
+        </header>
\ No newline at end of file
diff --git a/src/view/templates/new.php b/src/view/templates/new.php
new file mode 100644
index 0000000..9dd8969
--- /dev/null
+++ b/src/view/templates/new.php
@@ -0,0 +1,21 @@
+<article>
+    <div class="new_content">
+        <div class="article_title_zone">
+            <h4><?= $title ?></h4>
+            <?= $share_button ?>
+        </div>
+        <div class="new_content_text">
+            <?= $preview ?>
+        </div>
+        <div id="<?= $id ?>" class="article_content_text">
+            <?= $content ?>
+        </div>
+        <div class="under_an_article">
+            <p><img src="assets/calendar.svg"><?= $date ?></p>
+            <?= $from_to_button ?>
+        </div>
+        <div class="article_admin_zone">
+            <?= $admin_buttons ?>
+        </div>
+    </div>
+</article>
\ No newline at end of file