    <!-- popin user -->
    
        <div class="popin user info" id="user">
            <div class="pointer"></div>
            <div class="popin-content">
                <h2>{{creator}}</h2>
                <h3>{{email_creator}}</h3>
                <a href="{% url mashup_profile branding=branding username=creator %}" class="nb-hashcut">{{nb_mashup_creator}} Hashcuts</a>
                <p>
                    <a href="#" class="change-account button">Changer de compte</a>
                </p>
            </div>
        </div><!-- popin user info-->

        <div class="popin user signup" id="user">
            <div class="pointer"></div>
            <div class="popin-content">
                <h2>Créer un compte :</h2>
                <form action="#" class="signup-form">
                    <p>
                        <label for="signup-pseudo">Pseudonyme : </label>
                        <input type="text" id="signup-pseudo" name="" />
                    </p>
                    <p >
                        <label for="signup-email">Email : </label>
                        <input type="text" id="signup-email" name="" />
                    </p>
                    <p >
                        <label for="signup-password">Mot de passe : </label>
                        <input type="password" id="signup-password" name="" />
                    </p>
                    <p>
                        <label for="signup-password">Confirmer le mot de passe : </label>
                        <input type="password" id="signup-password" name="" />
                    </p>
                    <p>
                        <input class="button" type="submit" value="Créer le compte">
                    </p>
                </form>

            </div>
        </div><!-- popin user signup-->

        <div class="popin user login" id="user">
            <div class="pointer"></div>
            <div class="popin-content">
                <h2>Connexion :</h2>
                <form action="#" class="login-form">
                    <p>
                        <label for="signup-pseudo">E-mail : </label>
                        <input type="text" id="signup-pseudo" name="" />
                    </p>
                    <p >
                        <label for="signup-email">Mot de passe : </label>
                        <input type="password" id="signup-email" name="" />
                    </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><!-- popin user login-->
        
    <!-- /popin user -->