<div class="row">
	<div class="span3">
		<ul class="modal-menu">
		    <li><a class="btn active" tabindex="-1" href="#"><i class="icon-folder-open"></i> Bibliothèque</a></li>
		    <li><a class="btn open-modal" data-type-media="image" data-title="Ajouter une image" tabindex="-1" href="modal-image.html"><i class="icon-plus-sign"></i> Ajouter une image</a></li>
    	</ul>
	</div>
	<div class="span8 popup-content bibliotheque-image">
		<div class="row">
			<div class="span2">
				<a href="#" 
					data-url="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" 
					data-title="splash!!!"
					data-description="lorem"
				><img src="http://upload.wikimedia.org/wikipedia/commons/8/81/Waves_lajolla.jpg" alt=""></a>
				<h5>
					<a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam amet voluptatum repellendus soluta debitis at aliquid vitae facilis sint quisquam quos aut numquam culpa iste voluptatibus quidem esse. Molestiae pariatur? média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo praesentium repellat iure non ullam earum quaerat? Sapiente numquam optio eius quae error voluptatem perferendis aspernatur nam temporibus? Assumenda aliquid ipsam!média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du média</a>
				</h5>
			</div>
			<div class="span2">
				<a href="#"><img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#">Titre du Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla recusandae iusto libero ipsam sed atque quis maxime laborum est consequuntur ut possimus aspernatur quas nobis maiores veniam officiis alias error.média</a>
				</h5>
			</div>
		</div>
		<div class="pagination">
		    <ul>
			    <li class="disabled"><a href="#">Prev</a></li>
			    <li class="active"><a href="#">1</a></li>
			    <li><a href="#">2</a></li>
			    <li><a href="#">3</a></li>
			    <li><a href="#">4</a></li>
			    <li><a href="#">5</a></li>
			    <li><a href="#">Next</a></li>
		    </ul>
	    </div>
	</div>
</div>