Bonjour,

Aujourd'hui je fais appelle à vous tous car j'ai un gros soucis de CSS. Je ne suis pas un grand fan d'intégration donc je n'ai jamais poussé la chose, seulement aujourd'hui, j'ai besoin de réaliser un menu assez complexe (du moins pour moi ahah).

En fait, j'aimerai faire un menu dans le même esprit que ce site : https://www.66nord.com/.

Donc pour la structure je n'ai pas vraiment eu de problème MAIS, arriver au moment de l’animation/transition, catastrophe... de quoi rendre épileptique.

Voici le code : 

<div class="container container-header">
        <header>
            <div class="header-top">
                <a class="link-header-home" href=http://127.0.0.1:8000/><img class="img-fluid img-logo-header" src="{{ asset('images/logo-header.png') }}" alt=""></a>
                <nav class="navbar menu-header">

                    {% for page in pages %}
                        <a  class="nav-link link-header-{{ page.title | lower }}" href="{{ path("display_page", {'page':page.slug}) }}">{{ page.title | upper }}</a>
                    {% endfor %}
                </nav>
            </div>
        </header>
    </div>


    <div class="header-bot">
        <div class="header-sub sub-home">
          DIV qui est visible dans le header quand on arrive sur le site

        </div>

        <div class="header-sub sub-expertise">
            <h1 class="title-test">Expertise</h1>
        </div>

        <div class="header-sub sub-performance">
            <h1 class="title-test">Performance</h1>
        </div>

        <div class="header-sub sub-innovation">
            <h1 class="title-test">Innovation</h1>
        </div>

        <div class="header-sub sub-proximité">
            <h1 class="title-test">Proximité</h1>
        </div>

        <div class="header-sub sub-engagement">
            <h1 class="title-test">Engagement</h1>
        </div>

    </div>

Donc à part pour la DIV home, dans chaque autres DIV, il y aura un genre de sous menu. J'ai donc besoin qu'au survol d'un des liens