<div class="header">
    <div class="nav">
        <a href="{{ racine }}/favorite"><img src="{{ racine }}/images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false"></a>
        <img id="theme-icon" src="{{ racine }}/images/dark.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
        <a href="{{ racine }}/quiz/1"><img src="{{ racine }}/images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false"></a>
 
    </div>
    <div class="logo">
        <a href="{{ racine }}/"><img src="{{ racine }}/images/WIKIFANTASY.png" alt="Logo" width="227px" height="106px" onmousedown="return false"></a>
    </div>

    <div class="user">
        

        <div class="search">
            <a href="{{ racine }}/search"><img src="{{ racine }}/images/search.png" alt="search" width="50px" height="50px" onmousedown="return false"></a>
        </div>
    <a href="{{ racine }}/profil"><img src="{{ racine }}/images/user_dark.png" alt="user" width="70px" height="70px" onmousedown="return false"></a>
    </div>
</div>