<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Aix - Back office > Home</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="wrap">
<header>
<div class="container">
<div class="row">
<div class="span3"><h1><a class="clearfix" href="">
<img src="img/60x40.gif" alt="">
<span>
Doc<br/>Cliquable
</span>
</a></h1></div>
<div class="span9">
<ul class="breadcrumb nav-bar">
<li><a href="#"><i class="icon-file"></i> Projets</a> <span class="divider">/</span></li>
<li><a href="#"><i class="icon-folder-close-alt"></i>Ressources</a></li>
</ul>
</div>
</div>
</div>
</header>
<section>
<article class="container">
<div class="row article-title">
<h3 class="span8"><i class="icon-file"></i> Derniers projets</h3>
<div class="span4 wrap-btn-add">
<a data-type-media="video" data-title="Ajouter un projet" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new>
Ajouter un projet <i class="icon-plus-sign"></i></a>
</div>
</div>
<div class="row">
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
<div class="span2">
<div class="vignette-projet">
<a class="btn-editer" title="éditer le projet" href="#"><i class="icon-pencil"></i></a>
<a class="btn-apercu" title="voir le projet" href="#"><i class="icon-eye-open"></i></a>
<img src="img/140x140.gif" alt="">
</div>
<h4><a href="">Titre du projet</a></h4>
</div>
</div>
</article>
<article class="container">
<div class="row article-title">
<h3 class="span8"><i class="icon-picture"></i> Dernières images</h3>
<div class="span4 wrap-btn-add">
<a data-type-media="image" data-title="Ajouter une image" class="btn btn-success open-modal" href="modal-image.html" data-hide-bibliotheque>
Ajouter une image <i class="icon-plus-sign"></i></a></div>
</div>
<div class="row">
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de l'image</a></h4>
</div>
</div>
</article>
<article class="container">
<div class="row article-title">
<h3 class="span8"><i class="icon-film"></i> Dernières vidéos</h3>
<div class="span4 wrap-btn-add">
<a data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-video.html" data-hide-bibliotheque>
Ajouter une vidéo <i class="icon-plus-sign"></i></a>
</div>
</div>
<div class="row">
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de la vidéo</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de la vidéo</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de la vidéo</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de la vidéo</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre de la vidéo</a></h4>
</div>
<div class="span2">
<a href=""><img src="img/140x140.gif" alt=""></a>
<h4><a href="">Titre du projet</a></h4>
</div>
</div>
</article>
</section>
<footer></footer>
</div>
<div id="modal-template" class="modal hide fade popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3></h3>
</div>
<div class="modal-body">
</div>
</div>
<script src="lib/jquery-1.9.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/spin/jquery.spin-1.0.2.js"></script>
<script src="js/common.js"></script>
<script src="js/home.js"></script>
</body>
</html>