<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="video" data-title="Ajouter une vidéo" tabindex="-1" href="modal-video.html"><i class="icon-plus-sign"></i> Ajouter une vidéo</a></li>
    	</ul>
	</div>
	<div class="span8 popup-content bibliotheque-video">
		<div class="row">
			<div class="span2">
				<a href="#" 
					data-url="https://soundcloud.com/dimitri-platanias/cortigiani-rigoletto-verdi"
					data-title="titre de la super vidéo"
					data-description="hello world"
				>
					<img src="img/140x140.gif" alt=""></a>
				<h5>
					<a href="#" 
						data-url="http://www.dailymotion.com/video/xgs10f_the-three-tenors-la-donna-e-mobile_music"
						data-title="titre de la super vidéo"
						data-description="hello world"
					>Titre du média Titre du média Titre du média 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 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 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>
		<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>