fix: Faire fonctionner le menu si le site est installé dans un sous dossier

- Ajustement des marges et centrage des textes dans les grilles

- Limiter la longueur des titres dans les items de la grille pour n'avoir qu'une ligne

- Faire fonctionner le menu si le site est installé dans un sous dossier

### Changed

    <nav id="nav">

        [(#REM)

            Si on n'est pas sur l'accueil, on ajoute un slash "/" au début du lien pour qu'il pointe' vers l'accueil.

            Si on n'est pas sur l'accueil, on ajoute un url "/" au début du lien pour qu'il pointe' vers l'accueil.

            Sinon le lien pointe en relatif dans la page et le menu ne fonctionne pas

        ][(#ENV{type-page}|!={sommaire}|oui) #SET{slash,/}]

        ][(#ENV{type-page}|=={sommaire}|non) #SET{url,#URL_SITE_SPIP/}]

        <ul>

            <li><a href="[(#GET{slash})]#top" id="top-link"><span>#FA_ICON{img/fa/solid/home.svg} Intro</span></a></li>

            <li><a href="[(#GET{url})]#top" id="top-link"><span>#FA_ICON{img/fa/solid/home.svg} Intro</span></a></li>

            [(#REM)

                Afficher le titre de la grille défini dans la page de configuration

                [(#CONFIG{html5up_prologue/accueil_mode}|=={blog}|oui) [(#SET{titre,<:html5up_prologue:titre_grille_blog:>})] ]

                [(#CONFIG{html5up_prologue/accueil_mode}|=={portfolio}|oui) [(#SET{titre,<:html5up_prologue:titre_grille_portfolio:>})] ]

            })]

            <li><a href="[(#GET{slash})]#suite" id="portfolio-link"><span>#FA_ICON{img/fa/solid/th.svg} #GET{titre}</span></a></li>

            <li><a href="[(#GET{url})]#suite" id="portfolio-link"><span>#FA_ICON{img/fa/solid/th.svg} #GET{titre}</span></a></li>

            <BOUCLE_article_accueil(ARTICLES){id_article IN #CONFIG{html5up_prologue/accueil_article}|picker_selected{article}}>

            <li><a href="[(#GET{slash})]#trois" id="about-link"><span>#FA_ICON{img/fa/solid/user.svg} #TITRE</span></a></li>

            <li><a href="[(#GET{url})]#trois" id="about-link"><span>#FA_ICON{img/fa/solid/user.svg} #TITRE</span></a></li>

            </BOUCLE_article_accueil>

            <li><a href="[(#GET{slash})]#contact" id="contact-link"><span>#FA_ICON{img/fa/solid/envelope.svg} <:info_contact:></span></a></li>

            <li><a href="[(#GET{url})]#contact" id="contact-link"><span>#FA_ICON{img/fa/solid/envelope.svg} <:info_contact:></span></a></li>

        </ul>

    </nav>