<!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</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 action="#">
<p><input type="text" placeholder="Rechercher dans le site"></p>
</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="save" href="#">enregistrer sous</a></li>
</ul>
</div>
<ul class="list-projets-3 clearfix">
<li class="clearfix horizontal item">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-trash.png" alt=""></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">
<div class="col-left">
<img src="img/469x295.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-trash.png" alt=""></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">
<div class="col-left">
<img src="img/225x297.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-trash.png" alt=""></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">
<div class="col-left">
<img src="img/469x295.png" alt="">
<div class="tools toggle">
<ul class="clearfix">
<li><a href="#"><img src="img/icon-twitter.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-facebook.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-add.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-cut.png" alt=""></a></li>
<li><a href="#"><img src="img/icon-trash.png" alt=""></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>