    <!-- popin user -->
    
        <div class="popin user" id="user">
            <div class="pointer"></div>
            <div class="popin-content">
            {% if user.is_authenticated %}
                <div class="user-screen info">
                    <h2>{{user.username}}</h2>
                    <h3>{{user.email}}</h3>
                    <a href="{% url mashup_profile branding=branding username=user.username %}" class="nb-hashcut">{{nb_mashup_creator}} Hashcuts</a>
                    <p>
                        <a href="#" class="change-account button">Changer de compte</a>
                    </p>
                </div>
            {% endif %}
                <div class="user-screen signup hide">
                    <h2>Créer un compte :</h2>
                    <form action="{% url mashup_create_user branding=branding %}" class="signup-form" method="post">
                    {% csrf_token %}
                        <p>
                            <label for="signup-pseudo">Pseudonyme : </label>
                            <input type="text" id="signup-pseudo" name="signup-pseudo" />
                        </p>
                        <p >
                            <label for="signup-email">Email : </label>
                            <input type="text" id="signup-email" name="signup-email" />
                        </p>
                        <p >
                            <label for="signup-password">Mot de passe : </label>
                            <input type="password" id="signup-password" name="signup-password" />
                        </p>
                        <p>
                            <label for="signup-password">Confirmer le mot de passe : </label>
                            <input type="password" id="signup-confirm-password" name="signup-confirm-password" />
                        </p>
                        <p>
                            <input class="button" type="submit" value="Créer le compte">
                        </p>
                    </form>
                </div>
                <div class="user-screen login{% if user.is_authenticated %} hide{% endif %}">
                    <h2>Connexion :</h2>
                    <form action="{% url mashup_identicate_user branding=branding %}" class="login-form" method="post">
                    {% csrf_token %}
                        <p>
                            <label for="signup-pseudo">Pseudonyme : </label>
                            <input type="text" id="signup-pseudo" name="signup-pseudo" />
                        </p>
                        <p >
                            <label for="signup-email">Mot de passe : </label>
                            <input type="password" id="signup-password" name="signup-password" />
                        </p>
                        <p>
                            <input class="button" type="submit" value="Se connecter">
                        </p>
                        <p>
                            <a class="button signup-button" href="#">Créer un compte</a>
                        </p>
                    </form>
                </div>
            </div>
        </div><!-- popin user login-->
        
    <!-- /popin user -->
