--- a/client/src/components/CreateSession.js	Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/CreateSession.js	Mon Sep 03 20:02:14 2018 +0200
@@ -140,24 +140,23 @@
 
     return (
       <div>
-      {/* <button id="session-button" type="button" className="btn btn-primary btn-lg" onClick={ this.openModal}>Créer une nouvelle session</button> */}
-      <a id="session-button" onClick={this.openSessionModal}>Créer une nouvelle session</a>
+      <a id="session-button" className="text-center" onClick={this.openSessionModal}>Créer une nouvelle session</a>
       <Modal
-      className="Modal__Bootstrap modal-dialog bg-primary"
+      className="Modal__Bootstrap modal-dialog"
       // closeTimeoutMS={150}
       isOpen={this.state.modalIsOpen}
       onRequestClose={this.handleModalCloseRequest}
       >
-        <div className="panel-default">
-          <div className="card-body rouded-bottom">
+        <div className="modal-content bg-primary w-75">
+          <div className="modal-body">
             <form onSubmit={ e => { e.preventDefault() } }>
-            <div className="form-group">
-                <label className="col-form-label text-secondary">Group</label>
+            <div className="form-group ml-5 pl-5">
+                <label className="col-form-label text-secondary">Groupe</label>
                 {/* <p>{this.props.currentSession.group}</p> */}
               </div>
               <div className="form-group">
-                <label className="col-form-label text-secondary">Titre</label>
-                <input className="form-control text-primary"
+                <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label>
+                <input className="form-control text-primary w-100"
                   name="title"
                   // defaultValue={ this.props.currentSession.title }
                   onChange={ this.onChange }
@@ -166,24 +165,24 @@
                 />
               </div>
               <div className="form-group">
-                <label className="col-form-label text-secondary">Description</label>
-                <input className="form-control text-primary"
+                <label className="col-form-label text-secondary font-weight-bold pt-3 mt-3">Description</label>
+                <textarea className="form-control text-primary w-100"
                   type="textarea"
                   name="description"
                   // defaultValue={ this.props.currentSession.description }
                   onChange={ this.onChange }
                   placeholder="Entrez une description"
-                />
+                  row="3"></textarea>
               </div>
               <div className="form-group">
-                <label className="col-form-label text-secondary" onClick={this.toggleProtocol}>Protocole de la prise de note {this.state.protocolOpen?<span className="material-icons protocol-toggle">&#xE313;</span>:<span className="material-icons protocol-toggle">&#xE315;</span>}</label>
+                <label className="col-form-label text-secondary font-weight-bold mt-5 ml-5" onClick={this.toggleProtocol}>Protocole de la prise de note {this.state.protocolOpen?<span className="material-icons protocol-toggle">&#xE313;</span>:<span className="material-icons protocol-toggle">&#xE315;</span>}</label>
                 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} >
                   {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */}
                   <pre>{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre>
                 </div>
               </div>
               <div className="text-center">
-              <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary" onClick={this.createSession}>Commencer</button>
+              <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary font-weight-bold m-3" onClick={this.createSession}>Commencer</button>
               </div>
             </form>
           </div>