<div class="amui-o-selectable amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-g-grid row">
<div class="amui-o-selectable__title amui-m-panel__heading amui-g-grid__item col-xs-12 col-sm-3 amui-h-bb-none">
<h3 class="amui-m-panel__heading-title">Catégories</h3>
<ul class="amui-m-nav-tabs nav nav-tabs nav-stacked is--xs">
<li role="presentation" class="amui-m-nav-tabs__item active"><a href="#menu1" data-toggle="tab">Echanges hors AMU</a></li>
<li role="presentation" class="amui-m-nav-tabs__item"><a href="#menu2" data-toggle="tab">Coeur de métier</a></li>
<li role="presentation" class="amui-m-nav-tabs__item"><a href="#menu3" data-toggle="tab">Divers</a></li>
<li role="presentation" class="amui-m-nav-tabs__item"><a href="#menu4" data-toggle="tab">Gestion RH</a></li>
<li role="presentation" class="amui-m-nav-tabs__item"><a href="#menu5" data-toggle="tab">Projets</a></li>
<li role="presentation" class="amui-m-nav-tabs__item"><a href="#menu6" data-toggle="tab">Evènement marquants</a></li>
</ul>
</div>
<div class="amui-o-selectable__content amui-g-grid__item col-xs-12 col-sm-9">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-6 col-sm-5">
<input type="search" class="amui-a-form-control form-control" placeholder="Recherche" aria-controls="Recherche">
</div>
<div class="amui-m-panel__heading amui-h-bb-none amui-g-grid__item col-xs-6 col-sm-offset-1">
<h3 class="amui-m-panel__heading-title">Maquette</h3>
</div>
<div class="tab-content amui-g-grid__item col-xs-12">
<div id="menu1" class="tab-pane fade in active">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul id="selectable-first" class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<button id="add" type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button id="remove" type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul id="selectable-second" class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
<li class="amui-m-list-group__item list-group-item">Projets en cours</li>
<li class="amui-m-list-group__item list-group-item">Projets divers</li>
<li class="amui-m-list-group__item list-group-item">Projets A</li>
<li class="amui-m-list-group__item list-group-item">Projets B</li>
<li class="amui-m-list-group__item list-group-item">Projets C</li>
<li class="amui-m-list-group__item list-group-item">Projets D</li>
</ul>
</div>
</div>
</div>
<div id="menu2" class="tab-pane fade">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<div class="btn-add-remove">
<button type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
<li class="amui-m-list-group__item list-group-item">Projets en cours</li>
<li class="amui-m-list-group__item list-group-item">Projets divers</li>
<li class="amui-m-list-group__item list-group-item">Projets A</li>
</ul>
</div>
</div>
</div>
<div id="menu3" class="tab-pane fade">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<div class="btn-add-remove">
<button type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
</ul>
</div>
</div>
</div>
<div id="menu4" class="tab-pane fade">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<div class="btn-add-remove">
<button type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
<li class="amui-m-list-group__item list-group-item">Projets en cours</li>
<li class="amui-m-list-group__item list-group-item">Projets divers</li>
<li class="amui-m-list-group__item list-group-item">Projets A</li>
<li class="amui-m-list-group__item list-group-item">Projets B</li>
<li class="amui-m-list-group__item list-group-item">Projets C</li>
<li class="amui-m-list-group__item list-group-item">Projets D</li>
</ul>
</div>
</div>
</div>
<div id="menu5" class="tab-pane fade">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<div class="btn-add-remove">
<button type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
</ul>
</div>
</div>
</div>
<div id="menu6" class="tab-pane fade">
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-5">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">En demande</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
</ul>
</div>
<div class="amui-g-grid__item col-xs-1">
<div class="btn-add-remove">
<button type="button" class="amui-a-btn is--hollow is--xs amui-h-mb-md">
<i class="material-icons">keyboard_arrow_right</i>
<span class="sr-only">Ajouter</span>
</button>
<button type="button" class="amui-a-btn is--hollow is--xs">
<i class="material-icons">keyboard_arrow_left</i>
<span class="sr-only">Supprimer</span>
</button>
</div>
</div>
<div class="amui-g-grid__item col-xs-6">
<ul class="amui-m-list-group list-group">
<li class="amui-m-list-group__item list-group-item">Gestion RH</li>
<li class="amui-m-list-group__item list-group-item">Informations concernant les personnels en formation</li>
<li class="amui-m-list-group__item list-group-item">En offre</li>
<li class="amui-m-list-group__item list-group-item">Personnel en formation</li>
<li class="amui-m-list-group__item list-group-item">Projets : </li>
<li class="amui-m-list-group__item list-group-item">Nouveaux projets</li>
<li class="amui-m-list-group__item list-group-item">Projets en cours</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>