<div class="row">
    <!-- Begin login part -->
    <div class="col-md-5">
        <div class="formPart">
            <div class="titleLogin">
                <h1>Déja Client</h1>
            </div>
            <div class="sep_login"></div>
            <div class="input-group">
                <input ng-model="mail" type="text" class="form-control" placeholder="Adresse e-mail " aria-describedby="basic-addon2"  style="width:415px">
            </div>
            <div class="sep_login"></div>
            <div class="input-group ">
                <input ng-model="password" type="password" class="form-control mdp_width" placeholder="Mot de passe " aria-describedby="basic-addon2" style="width:415px">
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-6">
                    <a href="#" class="mdpForget">> Mot de passe oublié ?</a>
                </div>
                <div class="col-md-6">

                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-6"></div>
                <div class="col-md-6">
                    <button ng-click="connect(mail,password)" type="button" class="btn btn-default btnLogin">Se connecter</button>
                </div>
            </div>
        </div>
    </div>

    <!--End login part -->
    <div class="col-md-1"></div>
    <!-- Begin inscription part -->
    <div class="col-md-6">
        <div class="formPart">
            <div class="titleInscrip">
                <h1>Nouveau Client</h1>
            </div>
            <div class="sep_login"></div>
            <div class="row style_text">
                <div class="col-md-3">Civilité *</div>
                <form class="col-md-9">
                        <ul>
                            <li><input ng-model="newClient.civilite" type="radio" name="gender" value="Mr" checked>Mr</li>
                            <li><input ng-model="newClient.civilite" type="radio" name="gender" value="Mme">Mme</li>
                            <li><input ng-model="newClient.civilite" type="radio" name="gender" value="Mlle">Mlle</li>
                        </ul>                 
                </form>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-3 style_text">
                    Nom *
                </div>
                <div class="col-md-9">
                    <div class="input-group">
                        <input type="text" ng-model="newClient.nom" class="form-control" placeholder="Nom " aria-describedby="basic-addon2">
                        <span class="input-group-addon" id="basic-addon2"></span>
                    </div>
                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-3 style_text">
                    Prénom *
                </div>
                <div class="col-md-9">
                    <div class="input-group">
                        <input type="text" ng-model="newClient.prenom" class="form-control" placeholder="Prénom " aria-describedby="basic-addon2">
                        <span class="input-group-addon" id="basic-addon2"></span>
                    </div>
                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-3 style_text">
                    Email *
                </div>
                <div class="col-md-9">
                    <div class="input-group">
                        <input type="text" ng-model="newClient.email" class="form-control" placeholder="Adresse e-mail " aria-describedby="basic-addon2">
                        <span class="input-group-addon" id="basic-addon2">@example.com</span>
                    </div>
                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="input-group ">

                    <div class="col-md-3 style_text">
                        Mot de passe *
                    </div>
                    <div class="col-md-9">
                        <input type="password" ng-model="newClient.motDePasse" class="form-control mdp_inscrip_width" placeholder="Mot de passe " aria-describedby="basic-addon2"
                            style="width:378px">

                    </div>
                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="input-group ">

                    <div class="col-md-3 style_text">
                        Confirmation du mot de passe *
                    </div>
                    <div class="col-md-9">
                        <input type="password" ng-model="passwordConfirm" class="form-control mdp_inscrip_width" placeholder="Mot de passe " aria-describedby="basic-addon2"
                            style="width:378px">
                    </div>
                </div>
            </div>
            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-6">

                </div>
                <div class="col-md-6 style_text">
                    <span> * Champs Obligatoires</span>
                </div>
            </div>
            <div class="sep_login"></div>

            <div class="row reglInscrip">
                <input type="checkbox" ng-model="newClient.newsletter"> Je m'abonne à la newsletter Eyrolles thématique
            </div>
            <div class="row reglInscrip">
                <input type="checkbox" ng-model="newClient.abonne"> Je souhaite recevoir les offres des partenaires Eyrolles
            </div>

            <div class="sep_login"></div>
            <div class="row">
                <div class="col-md-6"></div>
                <div class="col-md-6">
                    <button type="button" ng-click="inscrire(newClient)" class="btn btn-default btninscrip">Créer mon compte</button>
                </div>
            </div>

        </div>
    </div>
    <!-- End right inscription part -->
</div>