<div class="amui-l-app-layout">
<nav class="amui-o-top-bar navbar">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-bar-collapse" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="amui-o-top-bar__logo amui-m-navbar-logo navbar-brand" href="index.html">
<h1 class="amui-a-brand-logo is--light">Bienvenue Aix-Marseille université</h1>
<span class="amui-m-navbar-logo__heading-title">Walla</span>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="top-bar-collapse">
<ul class="amui-o-top-bar__nav navbar-nav navbar-right">
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon is--inner-text-inline-block" href="#">
<i class="material-icons md-24">account_circle</i>
<span class="amui-m-nav-icon__inner-text">Utilisateur</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="http://ent.univ-amu.fr">
<span class="amui-m-nav-icon__inner-text">ENT</span>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="info.html">
<i class="material-icons md-24">help</i>
</a>
</li>
<li class="amui-o-top-bar__nav-list-item amui-m-btn-dropdown dropdown dropdown--parent">
<a class="amui-m-nav-icon is--inner-text-inline-block dropdown-toggle" href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons md-24">settings</i>
<span class="amui-m-nav-icon__inner-text">Admin</span>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a href="#">Gestion des catégories</a>
</li>
</ul>
</li>
<li class="amui-o-top-bar__nav-list-item">
<a class="amui-m-nav-icon" href="#">
<i class="material-icons md-24">exit_to_app</i>
</a>
</li>
</ul>
</div>
</div> <!-- Container fluid -->
</nav> <!-- Organism top bar -->
<div id="navbar-collapse" class="amui-l-app-layout__wrapper">
<ul class="amui-o-sidebar-nav">
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">work</i>
<span class="amui-m-nav-icon__inner-text">Projets</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--active is--inner-text" href="#">
<i class="material-icons md-24">announcement</i>
<span class="amui-m-nav-icon__inner-text">Maquette</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">description</i>
<span class="amui-m-nav-icon__inner-text">Rapports</span>
</a>
</li>
<li class="amui-o-sidebar-nav__list-item">
<a class="amui-m-nav-icon is--inner-text" href="#">
<i class="material-icons md-24">picture_as_pdf</i>
<span class="amui-m-nav-icon__inner-text">Impression</span>
</a>
</li>
</ul>
<main role="main" class="amui-l-app-layout__main">
<div class="container-fluid">
<div class="amui-l-page-header amui-g-grid row is--middle">
<div class="amui-g-grid__item col-xs-12 amui-h-mb-sm">
<h2 class="amui-l-page-header__title">Gestion des Maquettes</h2>
<h3 class="amui-l-page-header__sub-title">Création de maquette de DIRECTION OPERATIONNELLE DES SYSTEMES D'INFORMATION</h3>
</div>
</div>
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12">
<form class="amui-o-form-group form-inline clearfix">
<div class="amui-m-form-group form-group">
<label class="amui-a-form-label is--inline" for="exampleSelect1">Sous-Service :</label>
</div>
<div class="amui-m-form-group form-group">
<span class="is--select-wrapper">
<select class="amui-a-form-control form-control" id="exampleSelect1">
<option value="">Affaires générales DOSI</option>
<option value="1">Pole logiciels de gestion</option>
<option value="2">Campus AIX</option>
<option value="3">Campus Etoile</option>
<option value="4">Pole assistant a maitrise d'ouvrage</option>
<option value="5">Pole developpement web</option>
<option value="6">Pole reseau TOIP</option>
<option value="7">Pole audiovisuel</option>
<option value="8">Pole environnement numerique</option>
<option value="9">Pole developement</option>
<option value="10">Campus marseille centre</option>
<option value="11">RSSI</option>
<option value="12">Campus luminy</option>
<option value="13">Pole ressources systeme</option>
<option value="14">Campus timone</option>
</select>
</span>
</div>
</form>
</div>
</div>
<form class="amui-o-form-group clearfix">
<div class="amui-g-grid row amui-l-page">
<div class="amui-g-grid__item col-xs-12">
<div class="amui-m-panel">
<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-primary" 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-secondary" 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>
</div>
</div>
</div>
<div class="amui-g-grid row amui-l-page-bottom">
<div class="amui-g-grid__item col-xs-12 is--push">
<button type="button" class="amui-a-btn is--success btn">Enregistrer Maquette</button>
</div>
</div>
</form>
</div>
</main>
</div> <!-- Main container -->
<footer role="contentinfo" class="amui-m-footer amui-l-app-layout__footer panel-default">
<small>Aix-Marseille Université - Dosi Pôle développement <a href="mailto:jp.floret@univ-amu.fr?subject=Siamu">jp.floret@univ-amu.fr</a> </small>
</footer> <!-- Footer -->
</div>