<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="eGonomy">
<title>eGonomy : Collectionner (non connecté)</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div class="wrap">
<header class="clearfix">
<h1><a href="#">egonomy</a></h1>
<div class="col-right">
<ul class="head-login clearfix">
<li>
<form method="GET" action="/egonomy/allpictures/">
<p>
<input id="id_search" type="text" placeholder="Rechercher dans le site">
<label class="styled-select">
<select>
<option selected="" value="/egonomy/allpictures/">Images</option>
<option value="/egonomy/allfragments/">Fragments</option>
</select>
</label>
</p>
<input type="hidden" name="field" value="all">
</form>
</li>
<li class="hello-user">Bonjour Anthony Ly</li>
<li><span class="dot-6"></span></li>
<li><a class="login" href="#">Déconnexion</a></li>
</ul>
<nav>
<ul class="nav clearfix">
<li><a href="#" title="home"><img src="img/icon-home.png" alt="home"></a></li>
<li><span class="dot-10"></span></li>
<li><a href="#">explorer</a></li>
<li><span class="dot-10"></span></li>
<li><a href="#">collectionner</a></li>
<li><span class="dot-10"></span></li>
<li><a href="#">créer</a></li>
<li><span class="dot-10"></span></li>
<li><a href="#">mon profil</a></li>
</ul>
</nav>
</div>
</header>
<section>
<div class="title-page">
<h2>collection n°1 / <span>par Hubert Trucchose</span></h2>
<ul class="sub-nav title-menu clearfix">
<li><a href="#" class="active">argumentaire</a></li>
<li><span class="dot-6"></span></li>
<li><a href="#">mosaïque</a></li>
<li><span class="dot-6"></span></li>
<li><a href="#">géographique</a></li>
<li><span class="dot-6"></span></li>
<li><a href="#">envoyer vers collage</a></li>
</ul>
</div>
<div class="bar-tools clearfix">
<ul class="clearfix">
<li><a href="#">imprimer en PDF</a></li>
<li><a href="#">lire le diaporama</a></li>
<li><a class="icon save" href="#">enregistrer sous</a></li>
</ul>
</div>
<ul class="list-style-3 clearfix masonry-465">
<li class="clearfix horizontal item-masonry">
<div class="col-left">
<img src="img/225x225.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="clearfix horizontal item-masonry">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="clearfix horizontal item-masonry">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="clearfix horizontal item-masonry">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="item-masonry">
<div class="col-left">
<img src="img/225x225.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="item-masonry">
<div class="col-left">
<img src="img/469x295.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="item-masonry">
<div class="col-left">
<img src="img/469x295.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="clearfix horizontal item-masonry">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
<li class="item-masonry">
<div class="col-left">
<img src="img/469x295.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a title="Partager sur Twitter" class="tool twitter" href="#"></a></li>
<li><a title="Partager sur Facebook" class="tool facebook" href="#"></a></li>
<li><a title="Ajouter à ma collection" class="tool plus" href="#"></a></li>
<li><a title="Créer un fragment" class="tool cut" href="#"></a></li>
<li><a title="Supprimer" class="tool trash" href="#"></a></li>
</ul>
</div>
</div>
<div class="col-right">
<div class="project-title">
<a href="#" class="edit toggle"><img src="img/icon-pencil-15.png" alt=""></a>
<h3>Sapho</h3>
<h4>Théodore Chasseriau</h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident inventore nihil rerum cum atque sequi reprehenderit culpa nemo iure commodi est repellendus qui excepturi pariatur non amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut optio consectetur provident </p>
</div>
</li>
</ul>
</section>
<footer class="clearfix">
<h6>EGONOMY est un projet de l’IRI et de la réunion des Musées Nationaux</h6>
<p>Mai 2013</p>
</footer>
</div><!-- /.wrap -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/masonry.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>