first fixe of dashboard's integration page

src/container/Dashboard.jsx

   render () {
     return (
       <div className='dashboard'>
-
-        <div className='dashboard__title'>
-          Tableau de bord
-        </div>
-
-        <div className='dashboard__wkscontainer'>
-          <div className='dashboard__workspace'>
-            <div className='dashboard__workspace__title'>
-              Nouvelle ligne directive sur le nouveau design de Tracim
-            </div>
-
-            <div className='dashboard__workspace__detail'>
-              Ut in et sit adipisicing mollit amet ut exercitation proident laborum duis occaecat eu aute qui ut.
-              Dolore veniam eu consectetur occaecat est elit dolor nulla est ut amet do reprehenderit eiusmod tempor.
+        <div className='container-fluid nopadding'>
+          <div className='pageTitleGeneric'>
+            <div className='pageTitleGeneric__title dashboard__title'>
+              Dashboard
             </div>
           </div>
-          <div className='dashboard__userstatut'>
 
-            <div className='dashboard__userstatut__role'>
-              <div className='dashboard__userstatut__role__text'>
-                Hi ! Alexi, vous êtes actuellement
-              </div>
-              <div className='dashboard__userstatut__role__rank'>
-                <div className='dashboard__userstatut__role__rank__icon'>
-                  <i className='fa fa-graduation-cap' />
-                </div>
-                <div className='dashboard__userstatut__role__rank__rolename'>
-                  Gestionnaire de projet
-                </div>
+          <div className='dashboard__wkswrapper'>
+            <div className='dashboard__workspace'>
+              <div className='dashboard__workspace__title'>
+                Nouvelle ligne directive sur le nouveau design de Tracim
               </div>
-            </div>
 
-            <div className='dashboard__userstatut__notification'>
-              <div className='dashboard__userstatut__notification__text'>
-                Vous êtes abonné(e) aux notifications de ce workspace
-              </div>
-              <div className='dashboard__userstatut__notification__btn btn'>
-                Changer de statut
+              <div className='dashboard__workspace__detail'>
+                Ut in et sit adipisicing mollit amet ut exercitation proident laborum duis occaecat eu aute qui ut.
+                Dolore veniam eu consectetur occaecat est elit dolor nulla est ut amet do reprehenderit eiusmod tempor.
               </div>
+            </div>
+            <div className='dashboard__userstatut'>
 
-              <div className='dashboard__userstatut__notification__subscribe dropdown'>
-                <button className='dashboard__userstatut__notification__subscribe__btn btn btn-secondary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
-                  Abonné(e)
-                </button>
-                <div className='dashboard__userstatut__notification__subscribe__submenu dropdown-menu'>
-                  <div className='dashboard__userstatut__notification__subscribe__submenu__item dropdown-item'>Abonné(e)
+              <div className='dashboard__userstatut__role'>
+                <div className='dashboard__userstatut__role__text'>
+                  Hi ! Alexi, vous êtes actuellement
+                </div>
+                <div className='dashboard__userstatut__role__rank'>
+                  <div className='dashboard__userstatut__role__rank__icon'>
+                    <i className='fa fa-graduation-cap' />
                   </div>
-                  <div className='dashboard__userstatut__notification__subscribe__submenu__item dropdown-item dropdown-item'>Non Abonné(e)
+                  <div className='dashboard__userstatut__role__rank__rolename'>
+                    Gestionnaire de projet
                   </div>
                 </div>
               </div>
-            </div>
-          </div>
-        </div>
 
-        <div className='dashboard__calltoaction'>
-          <div className='dashboard__calltoaction__button thread'>
-            <div className='dashboard__calltoaction__button__text'>
-              <div className='dashboard__calltoaction__button__text__icon'>
-                <i className='fa fa-comments-o' />
-              </div>
-              <div className='dashboard__calltoaction__button__text__title'>
-                Débuter une nouvelle discussion
-              </div>
-            </div>
-          </div>
+              <div className='dashboard__userstatut__notification'>
+                <div className='dashboard__userstatut__notification__text'>
+                  Vous êtes abonné(e) aux notifications de ce workspace
+                </div>
+                <div className='dashboard__userstatut__notification__btn btn btn-primary'>
+                  Changer de statut
+                </div>
 
-          <div className='dashboard__calltoaction__button writefile'>
-            <div className='dashboard__calltoaction__button__text'>
-              <div className='dashboard__calltoaction__button__text__icon'>
-                <i className='fa fa-file-text-o' />
-              </div>
-              <div className='dashboard__calltoaction__button__text__title'>
-                Rédiger un document
+                <div className='dashboard__userstatut__notification__subscribe dropdown'>
+                  <button className='dashboard__userstatut__notification__subscribe__btn btn btn-secondary dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
+                    Abonné(e)
+                  </button>
+                  <div className='dashboard__userstatut__notification__subscribe__submenu dropdown-menu'>
+                    <div className='dashboard__userstatut__notification__subscribe__submenu__item dropdown-item'>Abonné(e)
+                    </div>
+                    <div className='dashboard__userstatut__notification__subscribe__submenu__item dropdown-item dropdown-item'>Non Abonné(e)
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
 
-          <div className='dashboard__calltoaction__button importfile'>
-            <div className='dashboard__calltoaction__button__text'>
-              <div className='dashboard__calltoaction__button__text__icon'>
-                <i className='fa fa-paperclip' />
-              </div>
-              <div className='dashboard__calltoaction__button__text__title'>
-                Importer un fichier
+          <div className='dashboard__calltoaction'>
+            <div className='dashboard__calltoaction__button btnaction thread'>
+              <div className='dashboard__calltoaction__button__text'>
+                <div className='dashboard__calltoaction__button__text__icon'>
+                  <i className='fa fa-comments-o' />
+                </div>
+                <div className='dashboard__calltoaction__button__text__title'>
+                  Débuter une nouvelle discussion
+                </div>
               </div>
             </div>
-          </div>
 
-          <div className='dashboard__calltoaction__button calendar'>
-            <div className='dashboard__calltoaction__button__text'>
-              <div className='dashboard__calltoaction__button__text__icon'>
-                <i className='fa fa-calendar' />
-              </div>
-              <div className='dashboard__calltoaction__button__text__title'>
-                Voir le Calendrier
+            <div className='dashboard__calltoaction__button btnaction writefile'>
+              <div className='dashboard__calltoaction__button__text'>
+                <div className='dashboard__calltoaction__button__text__icon'>
+                  <i className='fa fa-file-text-o' />
+                </div>
+                <div className='dashboard__calltoaction__button__text__title'>
+                  Rédiger un document
+                </div>
               </div>
             </div>
-          </div>
 
-          <div className='dashboard__calltoaction__button explore'>
-            <div className='dashboard__calltoaction__button__text'>
-              <div className='dashboard__calltoaction__button__text__icon'>
-                <i className='fa fa-folder-open-o' />
-              </div>
-              <div className='dashboard__calltoaction__button__text__title'>
-                Explorer le Workspace
+            <div className='dashboard__calltoaction__button btnaction importfile'>
+              <div className='dashboard__calltoaction__button__text'>
+                <div className='dashboard__calltoaction__button__text__icon'>
+                  <i className='fa fa-paperclip' />
+                </div>
+                <div className='dashboard__calltoaction__button__text__title'>
+                  Importer un fichier
+                </div>
               </div>
             </div>
-          </div>
-        </div>
-
-        <div className='dashboard__wksinfo'>
-          <div className='dashboard__activity'>
-            <div className='dashboard__activity__header'>
-              <div className='dashboard__activity__header__title mr-auto'>
-                Activité récente
-                <div className='dashboard__activity__header__title__underline' />
-              </div>
 
-              <div className='dashboard__activity__header__allread btn'>
-                Tout marquer comme lu
-              </div>
-            </div>
-            <div className='dashboard__activity__wrapper'>
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-comments-o' />
+            <div className='dashboard__calltoaction__button btnaction calendar'>
+              <div className='dashboard__calltoaction__button__text'>
+                <div className='dashboard__calltoaction__button__text__icon'>
+                  <i className='fa fa-calendar' />
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  <span>Workspace 1</span>
+                <div className='dashboard__calltoaction__button__text__title'>
+                  Voir le Calendrier
                 </div>
               </div>
+            </div>
 
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-list-ul' />
+            <div className='dashboard__calltoaction__button btnaction explore'>
+              <div className='dashboard__calltoaction__button__text'>
+                <div className='dashboard__calltoaction__button__text__icon'>
+                  <i className='fa fa-folder-open-o' />
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  Workspace 2
+                <div className='dashboard__calltoaction__button__text__title'>
+                  Explorer le Workspace
                 </div>
               </div>
+            </div>
+          </div>
 
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-list-ul' />
+          <div className='dashboard__wksinfo'>
+            <div className='dashboard__activity'>
+              <div className='dashboard__activity__header'>
+                <div className='dashboard__activity__header__title subTitle'>
+                  Activité récente
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  Workspace 3
+
+                <div className='dashboard__activity__header__allread btn'>
+                  Tout marquer comme lu
                 </div>
               </div>
-
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-file-text-o' />
+              <div className='dashboard__activity__wrapper'>
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-comments-o' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    <span>Workspace 1</span>
+                  </div>
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  <span>Workspace 4</span>
+
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-list-ul' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    Workspace 2
+                  </div>
                 </div>
-              </div>
 
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-comments-o' />
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-list-ul' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    Workspace 3
+                  </div>
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  <span>Workspace 5</span>
+
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-file-text-o' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    <span>Workspace 4</span>
+                  </div>
                 </div>
-              </div>
 
-              <div className='dashboard__activity__workspace'>
-                <div className='dashboard__activity__workspace__icon'>
-                  <i className='fa fa-file-text-o' />
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-comments-o' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    <span>Workspace 5</span>
+                  </div>
                 </div>
-                <div className='dashboard__activity__workspace__name'>
-                  Workspace 6
+
+                <div className='dashboard__activity__workspace'>
+                  <div className='dashboard__activity__workspace__icon'>
+                    <i className='fa fa-file-text-o' />
+                  </div>
+                  <div className='dashboard__activity__workspace__name'>
+                    Workspace 6
+                  </div>
                 </div>
-              </div>
 
-              <div className='dashboard__activity__more d-flex flex-row-reverse'>
-                <div className='dashboard__activity__more__btn btn'>
-                  Voir plus
+                <div className='dashboard__activity__more d-flex flex-row-reverse'>
+                  <div className='dashboard__activity__more__btn btn'>
+                    Voir plus
+                  </div>
                 </div>
               </div>
             </div>
-          </div>
 
-          <div className='dashboard__memberlist'>
+            <div className='dashboard__memberlist'>
 
-            <div className='dashboard__memberlist__title'>
-              Liste des membres
-              <div className='dashboard__memberlist__title__underline' />
-            </div>
+              <div className='dashboard__memberlist__title subTitle'>
+                Liste des membres
+              </div>
 
-            <div className='dashboard__memberlist__wrapper'>
-              <ul className='dashboard__memberlist__list'>
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      Jean Dupont
+              <div className='dashboard__memberlist__wrapper'>
+                <ul className='dashboard__memberlist__list'>
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      Responsable
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        Jean Dupont
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        Responsable
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      Aldwin Vinel
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      lecteur
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        Aldwin Vinel
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        lecteur
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      William Himme
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      contributeur
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        William Himme
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        contributeur
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      Yacine Lite
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      Gestionnaire de contenu
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        Yacine Lite
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        Gestionnaire de contenu
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      Yacine Lite
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      Gestionnaire de contenu
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        Yacine Lite
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        Gestionnaire de contenu
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-                <li className='dashboard__memberlist__list__item'>
-                  <div className='dashboard__memberlist__list__item__avatar'>
-                    <img src={imgProfil} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__list__item__info'>
-                    <div className='dashboard__memberlist__list__item__info__name'>
-                      Yacine Lite
+                  <li className='dashboard__memberlist__list__item'>
+                    <div className='dashboard__memberlist__list__item__avatar'>
+                      <img src={imgProfil} alt='avatar' />
                     </div>
-                    <div className='dashboard__memberlist__list__item__info__role'>
-                      Gestionnaire de contenu
+                    <div className='dashboard__memberlist__list__item__info'>
+                      <div className='dashboard__memberlist__list__item__info__name'>
+                        Yacine Lite
+                      </div>
+                      <div className='dashboard__memberlist__list__item__info__role'>
+                        Gestionnaire de contenu
+                      </div>
                     </div>
-                  </div>
-                </li>
+                  </li>
 
-              </ul>
-              <div className='dashboard__memberlist__btnadd'>
-                <div className='dashboard__memberlist__btnadd__button'>
-                  <div className='dashboard__memberlist__btnadd__button__avatar'>
-                    <img src={listMemberBtn} alt='avatar' />
-                  </div>
-                  <div className='dashboard__memberlist__btnadd__button__text'>
-                     Ajouter un membre
+                </ul>
+                <div className='dashboard__memberlist__btnadd'>
+                  <div className='dashboard__memberlist__btnadd__button'>
+                    <div className='dashboard__memberlist__btnadd__button__avatar'>
+                      <img src={listMemberBtn} alt='avatar' />
+                    </div>
+                    <div className='dashboard__memberlist__btnadd__button__text'>
+                       Ajouter un membre
+                    </div>
                   </div>
                 </div>
-              </div>
 
-              <form className='dashboard__memberlist__addmember'>
-                <input type='text' className='dashboard__memberlist__addmember__name' placeholder='Name' />
-                <div className='dashboard__memberlist__addmember__role'>
-                  <div className='dashboard__memberlist__addmember__role__dropdown dropdown'>
-                    <button className='dashboard__memberlist__addmember__role__dropdown__button btn dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
-                      Rôle du membre
-                    </button>
-                    <div className='dashboard__memberlist__addmember__role__dropdown__submenu dropdown-menu'>
-                      <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
-                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
-                          <i className='fa fa-eye' />
+                <form className='dashboard__memberlist__addmember'>
+                  <input type='text' className='dashboard__memberlist__addmember__name form-control' placeholder='Name' />
+                  <div className='dashboard__memberlist__addmember__role'>
+                    <div className='dashboard__memberlist__addmember__role__dropdown dropdown'>
+                      <button className='dashboard__memberlist__addmember__role__dropdown__button btn dropdown-toggle' type='button' id='dropdownMenuButton' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
+                        Rôle du membre
+                      </button>
+                      <div className='dashboard__memberlist__addmember__role__dropdown__submenu dropdown-menu'>
+                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
+                          <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
+                            <i className='fa fa-eye' />
+                          </div>
+                          Lecteur
                         </div>
-                        Lecteur
-                      </div>
-                      <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
-                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
-                          <i className='fa fa-pencil' />
+                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
+                          <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
+                            <i className='fa fa-pencil' />
+                          </div>
+                          contributeur
                         </div>
-                        contributeur
-                      </div>
-                      <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
-                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
-                          <i className='fa fa-graduation-cap' />
+                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
+                          <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
+                            <i className='fa fa-graduation-cap' />
+                          </div>
+                          Gestionnaire de contenu
                         </div>
-                        Gestionnaire de contenu
-                      </div>
-                      <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
-                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
-                          <i className='fa fa-legal' />
+                        <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item dropdown-item'>
+                          <div className='dashboard__memberlist__addmember__role__dropdown__submenu__item__icon'>
+                            <i className='fa fa-gavel' />
+                          </div>
+                          Responsable
                         </div>
-                        Responsable
                       </div>
                     </div>
                   </div>
-                </div>
-                <input type='submit' className='dashboard__memberlist__addmember__submitbtn' />
-              </form>
+                  <input type='submit' className='dashboard__memberlist__addmember__submitbtn' />
+                </form>
 
+              </div>
             </div>
           </div>
-        </div>
 
-        <div className='dashboard__webdav'>
+          <div className='dashboard__webdav genericWebdav'>
 
-          <div className='dashboard__webdav__btn'>
-            <div className='dashboard__webdav__btn__icon'>
-              <i className='fa fa-windows' />
-            </div>
+            <div className='dashboard__webdav__btn genericWebdav__btn'>
+              <div className='dashboard__webdav__btn__icon genericWebdav__btn__icon'>
+                <i className='fa fa-windows' />
+              </div>
 
-            <div className='dashboard__webdav__btn__text'>
-              Implémenter Tracim dans votre explorateur
+              <div className='dashboard__webdav__btn__text genericWebdav__btn__text'>
+                Implémenter Tracim dans votre explorateur
+              </div>
             </div>
-          </div>
 
-          <div className='dashboard__webdav__information'>
-            <div className='dashboard__webdav__information__text'>
-              Lorem ipsum dolore dolore laborum exercitation et deserunt ad ullamco nostrud dolore magna in proident elit amet do eu ut officia anim magna dolore adipisicing aliqua qui reprehenderit laborum labore tempor consectetur ut pariatur deserunt nostrud.
-            </div>
+            <div className='dashboard__webdav__information genericWebdav__info'>
+              <div className='dashboard__webdav__information__text genericWebdav__info__text'>
+                Lorem ipsum dolore dolore laborum exercitation et deserunt ad ullamco nostrud dolore magna in proident elit amet do eu ut officia anim magna dolore adipisicing aliqua qui reprehenderit laborum labore tempor consectetur ut pariatur deserunt nostrud.
+              </div>
 
-            <div className='dashboard__webdav__information__link'>
-              http://algoo.trac.im/webdav/
+              <div className='dashboard__webdav__information__link genericWebdav__info__link'>
+                http://algoo.trac.im/webdav/
+              </div>
             </div>
-          </div>
 
+          </div>
         </div>
-
       </div>
     )
   }

src/css/Dashboard.styl

+flexwrap()
+  display flex
+  flex-wrap wrap
+
+btnNotification()
+  margin 20px 0
+  border 1px solid blue
+  padding 10px 15px
+
+hoverfocus()
+  background-color blue
+  color white
+
+bgandcolor()
+  background-color transparent
+  color blue
+
 .dashboard
-  margin-left 50px
+  margin-left 20px
   &__title
-    margin 20px 0
-    font-size 35px
-  &__wkscontainer
-    display flex
-    flex-wrap wrap
+    margin 0
+  &__wkswrapper
+    flexwrap()
   &__workspace
     margin-right 20px
     width calc(65% - 20px) //20px => margin-right
   &__userstatut
     width 35%
     &__role
-      display flex
-      flex-wrap wrap
+      flexwrap()
       margin 20px 0
       font-size 18px
       &__text
     &__notification
       font-size 18px
       &__btn
-        margin 20px 0
-        border 1px solid blue
-        padding 10px 15px
-        color blue
+        btnNotification()
+        bgandcolor()
         cursor pointer
         &:hover , focus
-          background-color blue
-          color white
+          hoverfocus()
       &__subscribe
         display none
         &__btn
-          margin 20px 0
-          border 1px solid blue
-          padding 10px 25px
-          background-color transparent
-          color blue
+          btnNotification()
+          bgandcolor()
           &:hover,&:focus
-            background-color blue
-            color white
+            hoverfocus()
         &__submenu
           padding 0
           &__item
             padding 10px
             &:hover,&:focus
-              background-color blue
-              color white
+              hoverfocus()
   &__calltoaction
-    display flex
-    flex-wrap wrap
+    flexwrap()
     margin 50px 0
     &__button
-      display flex
-      flex-direction column
-      justify-content center
-      margin 20px 30px 20px 0
-      border-radius 10px
-      padding 15px
-      width 250px
-      height 200px
-      box-shadow shadow-all
-      text-align center
-      cursor pointer
       &:active
         box-shadow inset 0px 0px 5px 2px #656565
       &__text
     .explore
       background-color explore
   &__wksinfo
-    display flex
-    flex-wrap wrap
+    flexwrap()
   &__activity
     margin 0 35px 50px 0
     width 60%
     &__header
       display flex
+      justify-content space-between
+      align-items center
       margin-bottom 20px
-      &__title
-        font-size 20px
-        &__underline
-          border-radius 10px
-          width 150px
-          height 3px
-          background-color blue
+      height 44px
       &__allread
         border 1px solid blue
         padding 10px 25px
         font-size 18px
         cursor pointer
         &:hover, &:focus
-          background-color blue
-          color white
+          hoverfocus()
     &__wrapper
       border 1px solid grey
       height 480px
         color blue
         cursor pointer
         &:hover, &:focus
-          background-color blue
-          color white
+          hoverfocus()
   &__memberlist
     margin 0 0 50px 0
     width 35%
     &__title
-      margin-bottom 31px
-      font-size 20px
-      &__underline
-        border-radius 10px
-        width 150px
-        height 3px
-        background-color blue
+      margin-bottom 20px
+      padding 6px
+      height 45px
     &__wrapper
       position relative
       border 1px solid grey
         display flex
         border-bottom 1px solid grey
         padding 10px 15px
+        &:nth-last-child(1)
+          border-bottom 0
         &__avatar
           margin-right 20px
           width 50px
       align-items center
       height 100%
       width 100%
-      background-color #FDFDFD
+      background-color off-white
       &__name
         margin-bottom 20px
         border 1px solid grey
         border-radius 10px
         padding 10px 25px
+        width auto
       &__role
         margin-bottom 20px
         &__dropdown
             border 1px solid blue
             border-radius 10px
             padding 10px 25px
-            background-color transparent
-            color blue
+            bgandcolor()
+            &::after
+              margin 10px 0 0 20px
             &:hover,&:focus
-              background-color blue
-              color white
+              hoverfocus()
           &__submenu
             padding 0
             &__item
               display flex
               padding 10px
               &:hover,&:focus
-                background-color blue
-                color white
+                hoverfocus()
               &__icon
                 margin-right 15px
       &__submitbtn
         border 1px solid blue
         border-radius 5px
         padding 5px 35px
-        background-color transparent
-        color blue
+        bgandcolor()
         cursor pointer
         &:hover, &:focus
-          background-color blue
-          color white
+          hoverfocus()
   &__webdav
     margin-bottom 100px
     &__btn
-      display flex
-      margin-bottom 30px
-      border 1px solid blue
-      border-radius 10px
-      padding 15px 25px
-      width 350px
-      color blue
-      cursor pointer
-      &:hover, &:focus
-        background-color blue
-        color white
-      &__icon
-        margin-right 20px
-        font-size 30px
+      width 300px
     &__information
       display none
-      border 1px solid grey
-      border-radius 10px
-      padding 15px 25px
       width 600px
-      &__text
-        margin-bottom 35px
-      &__link
-        margin-bottom 15px
-        border 1px solid grey
-        border-radius 10px
-        padding 15px 25px
-        width 300px
 
 /****** CLASS ACTIVE *******/
 
 /*** active dropdown subscribe ***/
 
 .activebtnsubs
-  .dashboard__wksinfo__notification
+  .dashboard__userstatut__notification
     &__btn
       display none
     &__subscribe
   .dashboard__webdav__information
     display block
 
-/******************************/
-
 /**** MEDIAQUERIES *****/
 
 /**** MEDIA 576px & 1199px ****/
   .dashboard
     margin-left 15px
 
-/******************************/
-
 /**** MEDIA 768px & 991px ****/
 
 @media (min-width: min-md) and (max-width: max-md)
 
   .dashboard
-    margin-left 0
-    &__title
-      margin-left 15px
-    &__workspace
-      margin-left 15px
-    &__userstatut
-      margin-left 15px
     &__activity
-      margin 25px 0
-      &__header
-        margin 0 15px 20px 15px
-    &__memberlist
-      margin-left 15px
-    &__webdav
-      margin-left 15px
-
-/******************************/
+      margin 25px 15px 25px 0
 
 /**** MEDIA 576px & 767px ****/
 
 @media (min-width: min-sm) and (max-width: max-sm)
 
   .dashboard
-    margin-left 0
-    &__title
-      margin-left 15px
-    &__workspace
-      margin-left 15px
-    &__userstatut
-      margin-left 15px
     &__activity
-      margin 25px 0
-      &__header
-        margin 0 15px 20px 15px
+      margin 25px 15px 25px 0
     &__memberlist
       margin 50px 0
       width 90%
-      &__title
-        margin-left 15px
-    &__webdav
-      margin-left 15px
-      &__information
-        width 525px
-
-/******************************/
+    &__webdav__information
+      width 500px
 
 /**** MEDIA 575px ****/
 
 @media (max-width: max-xs)
 
+  position()
+    margin-left 10px
+    width auto
+
   .dashboard
     margin-left 0
     &__title
       margin-left 10px
     &__workspace
-      margin-left 10px
-      width auto
+      position()
     &__userstatut
-      margin-left 15px
-      width auto
+     position()
     &__calltoaction
       justify-content center
+      &__button
+        margin-right 0
     &__activity
-      width 100%
       margin 25px 0
+      width 100%
       &__header
         display block
         height auto

src/css/Generic.styl

 .fa-ticket
   color issueColor
 
+.fa-graduation-cap
+  color gestionnaire
+
+.fa-pencil
+  color contributeur
+
+.fa-gavel
+  color responsable
+
+.fa-eye
+  color lecteur
+
 .subTitle
   font-size 20px
   font-weight 500
   text-align center
   cursor pointer
 
+.genericWebdav
+  &__btn
+    display flex
+    margin-bottom 30px
+    border 1px solid blue
+    border-radius 10px
+    padding 15px 25px
+    color blue
+    cursor pointer
+    &:hover, &:focus
+      background-color blue
+      color white
+    &__icon
+      margin-right 20px
+      font-size 30px
+  &__info
+    border 1px solid grey
+    border-radius 10px
+    padding 15px 25px
+    &__text
+      margin-bottom 35px
+    &__link
+      display inline-block
+      margin-bottom 15px
+      border 1px solid grey
+      border-radius 10px
+      padding 15px 25px
+
 /********************/
 
 /*** PAGE FILE, THREAD, HTML, MARKDOWN, ISSUE ***/