--- a/client/src/components/Register.js	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/Register.js	Fri Aug 31 15:14:18 2018 +0200
@@ -3,7 +3,7 @@
 import { bindActionCreators } from 'redux';
 import '../App.css';
 import './Register.css';
-import Navbar from './Navbar';
+// import Navbar from './Navbar';
 import * as authActions from '../actions/authActions';
 
 class Register extends Component {
@@ -31,46 +31,46 @@
   renderErrorMessage(errorMessages, fieldname) {
     if (errorMessages && errorMessages.has(fieldname)) {
       return errorMessages.get(fieldname).map((message, key) =>
-        <p className="help-block" key={ key }>{ message }</p>
+        <p className="form-text" key={ key }>{ message }</p>
       );
     }
   }
 
   render() {
 
-    const errorMessages = this.props.register.get('errorMessages');
+    // const errorMessages = this.props.register.get('errorMessages');
 
     return (
       <div>
-        <Navbar history={this.props.history} />
+        {/* <Navbar history={this.props.history} /> */}
         <div className="container-fluid">
           <div className="row">
-            <div className="col-md-6 col-md-offset-3">
+            <div className="col-lg-6 offset-md-3">
               <div className="panel-login panel panel-default">
-                <div className="panel-heading">
-                  <h4 className="text-center panel-title">IRI Notes</h4>
+                <div className="card-header bg-secondary border-0">
+                  <h4 className="text-center card-title">IRI Notes</h4>
                   <form onSubmit={this.submit}>
-                    <div className="form-group" validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }>
-                      <label className="control-label">Nom d'utilisateur</label>
-                      <input className="form-control" type="text" inputRef={ref => { this.username = ref; }} />
-                      { this.renderErrorMessage(errorMessages, 'username') }
+                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('username') ? 'error' : null }*/>
+                      <label className="col-form-label text-primary">Nom d'utilisateur</label>
+                      <input className="form-control bg-danger text-muted" type="text" /*inputRef={ref => { this.username = ref; }}*/ />
+                      {/* { this.renderErrorMessage(errorMessages, 'username') } */}
                     </div>
-                    <div className="form-group" validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }>
-                      <label className="control-label">Email</label>
-                      <input className="form-control" type="email" inputRef={ref => { this.email = ref; }} />
-                      { this.renderErrorMessage(errorMessages, 'email') }
+                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('email') ? 'error' : null }*/>
+                      <label className="col-form-label text-primary">Email</label>
+                      <input className="form-control bg-danger text-muted" type="email" /*inputRef={ref => { this.email = ref; }}*/ />
+                      {/* { this.renderErrorMessage(errorMessages, 'email') } */}
                     </div>
-                    <div className="form-group" validationState={ errorMessages && errorMessages.has('password1') ? 'error' : null }>
-                      <label className="control-label">Mot de passe</label>
-                      <input className="form-control" type="password" inputRef={ref => { this.password1 = ref; }} />
-                      { this.renderErrorMessage(errorMessages, 'password1') }
+                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password1') ? 'error' : null }*/>
+                      <label className="col-form-label text-primary">Mot de passe</label>
+                      <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password1 = ref; }}*/ />
+                      {/* { this.renderErrorMessage(errorMessages, 'password1') } */}
                     </div>
-                    <div className="form-group" validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }>
-                      <label className="control-label">Confirmer le mot de passe</label>
-                      <input className="form-control" type="password" inputRef={ref => { this.password2 = ref; }} />
-                      { this.renderErrorMessage(errorMessages, 'password2') }
+                    <div className="form-group" /*validationState={ errorMessages && errorMessages.has('password2') ? 'error' : null }*/>
+                      <label className="col-form-label text-primary">Confirmer le mot de passe</label>
+                      <input className="form-control bg-danger text-muted" type="password" /*inputRef={ref => { this.password2 = ref; }}*/ />
+                      {/* { this.renderErrorMessage(errorMessages, 'password2') } */}
                     </div>
-                    <button type="submit" className="btn btn-primary btn-lg">S'inscrire</button>
+                    <button type="submit" onClick={this.submit} className="btn btn-primary btn-lg text-secondary">S'inscrire</button>
                   </form>
                 </div>
               </div>