--- a/client/src/components/Settings.js	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/Settings.js	Fri Aug 31 15:14:18 2018 +0200
@@ -4,6 +4,7 @@
 import '../App.css';
 import Navbar from './Navbar';
 import * as userActions from '../actions/userActions';
+import './Settings.css';
 
 class Settings extends Component {
 
@@ -25,11 +26,11 @@
         <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">
               <form>
                 <div className="form-group">
-                  <label className="control-label">Prénom</label>
-                  <input className="form-control"
+                  <label className="col-form-label text-primary">Prénom</label>
+                  <input className="form-control bg-danger text-muted"
                     name="firstname"
                     defaultValue={ firstname }
                     placeholder="Entrez un prénom"
@@ -37,8 +38,8 @@
                   />
                 </div>
                 <div className="form-group">
-                  <label className="control-label">Nom</label>
-                  <input className="form-control"
+                  <label className="col-form-label text-primary">Nom</label>
+                  <input className="form-control bg-danger text-muted"
                     name="lastname"
                     defaultValue={ lastname }
                     placeholder="Entrez un nom"
@@ -46,7 +47,7 @@
                   />
                 </div>
               </form>
-              <button type="submit" className="btn btn-primary btn-lg" onClick={this.updateSettings}>Enregistrer</button>
+              <button type="submit" className="btn btn-primary btn-lg text-secondary" onClick={this.updateSettings}>Enregistrer</button>
             </div>
           </div>
         </div>