diff -r 97536386b397 -r 57d63a248f0d client/src/components/CreateGroup.js
--- a/client/src/components/CreateGroup.js	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/CreateGroup.js	Fri Aug 31 15:14:18 2018 +0200
@@ -41,7 +41,7 @@
   renderErrorMessage(errorMessages, fieldname) {
     if (errorMessages && fieldname in errorMessages) {
       return errorMessages[fieldname].map((message, key) =>
-        <p className="help-block" key={ key }>{ message }</p>
+        <p className="form-text" key={ key }>{ message }</p>
       );
     }
   }
@@ -75,25 +75,25 @@
         <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-uppercase text-center">New Group</h4>
+                  <div className="card-header">
+                  <h4 className="text-center">Créer un groupe</h4>
                   <form onSubmit={this.submit}>
                     <div className="form-group" validationState={ errorMessages && ('name' in errorMessages) ? 'error' : null }>
-                      <label className="control-label">Nom</label>
-                      <input className="form-control" type="text" onChange={this.handleInputChange} name="name" placeholder="Group name..."/>
+                      <label className="col-from-label">Nom</label>
+                      <input className="form-control" type="text" onChange={this.handleInputChange} name="name" placeholder="Nom du groupe..."/>
                       { this.renderErrorMessage(errorMessages, 'name') }
                     </div>
                     <div className="form-group" validationState={ errorMessages && ('description' in errorMessages) ? 'error' : null }>
-                      <label className="control-label">Password</label>
+                      <label className="col-form-label">Description</label>
                       <input className="form-control" type="textarea" onChange={this.handleInputChange} name="description" placeholder="Description..."/>
                       { this.renderErrorMessage(errorMessages, 'description') }
                     </div>
                     { this.renderNonFieldErrors(errorMessages) }
                     <div className="row">
                     <div className="col-md-6"><button type="submit" className="btn btn-primary btn-lg btn-block" disabled={okDisabled}>Ok</button></div>
-                    <div className="col-md-6"><button type="button" className="btn btn-default btn-lg btn-block" onClick={this.cancel}>Annuler</button></div>
+                    <div className="col-md-6"><button type="button" className="btn btn-secondary btn-lg btn-block" onClick={this.cancel}>Annuler</button></div>
                     </div>
                   </form>
                 </div>