--- a/client/src/components/CreateSession.js	Tue Oct 09 19:02:17 2018 +0200
+++ b/client/src/components/CreateSession.js	Tue Oct 09 19:07:47 2018 +0200
@@ -18,7 +18,6 @@
     protocolOpen: false,
     title: "",
     description: ""
-    // protocol:null
   }
 
   componentWillMount() {
@@ -71,14 +70,14 @@
   render() {
 
     return (
-      <div>
-      <a id="session-button" className="text-center" onClick={this.openSessionModal}>Créer une nouvelle session</a>
+      <div className="container-fluid">
+      <a className="nav-link" onClick={this.openSessionModal}>Nouvelle session</a>
       <Modal
-      className="Modal__Bootstrap modal-dialog"
+      className="Modal__Bootstrap modal-dialog ml-5 mt-5 fixed-top w-100"
       isOpen={this.state.modalIsOpen}
       onRequestClose={this.handleModalCloseRequest}
       >
-        <div className="modal-content bg-primary w-75 mt-5">
+        <div className="modal-content bg-primary w-75">
           <div className="modal-body mt-3">
             <form onSubmit={ e => { e.preventDefault() } }>
               <div className="form-group">
@@ -103,7 +102,7 @@
                 <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 className="text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre>
+                  <pre className=" protocol text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre>
                 </div>
               </div>
               <div className="text-center">