#bigPic{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#bigPic img{
	max-height:300px;
	max-width:460px;
	position:relative;
	cursor: pointer;
	padding:1px;
	border:1px solid #CCC;
}

ul#thumbs li.active{
	border:2px solid #f17330;	
	background:#fff;
	padding:2px;
}
ul#thumbs, ul#thumbs li{
	margin:0;
	padding:0;
	list-style:none;
}

ul#thumbs li{
	float:left;
	margin-right:18px;
	margin-bottom:5px;
	border:1px solid #CCC;	
	padding:3px;
	cursor:pointer;
	width:120px;
	height:90px;
	vertical-align: middle;
	text-align:center;
}
ul#thumbs img{
	line-height:60px;
	overflow:hidden;
	position:relative;
	z-index:1;		
	max-height: 82px;
	max-width: 112px;
}

/* Smartphones */
@media (max-width: 767px) { 
	#gallery{
		position:relative;
		float: left;
		height:auto;
		width: 100% !important;
		margin:0px auto;
		margin-bottom:30px;
	}
	#navDiapo{
		position:relative;
		width: 100% !important;
		margin:0px auto;
		margin-left:8%;
		
	}
	#bigPic img{
		max-width:90%;
		max-height:200px;
		position:relative;
		cursor: pointer;
		padding:1px;
		border:1px solid #CCC;
		text-align:center;
	}
	ul#thumbs {
		
		width: 320px;
		margin:0px auto;
	}
	ul#thumbs li{
		display:inline-block;
		float:left;
		margin-right:8px;
		margin-bottom:5px;
		border:1px solid #CCC;	
		padding:2px 0px;
		cursor:pointer;
		width:76px;
		height:58px;
		vertical-align: middle;
		text-align:center;
	}
	ul#thumbs img{
		line-height:60px;
		overflow:hidden;
		position:relative;
		z-index:1;		
		max-height: 51px;
		max-width: 71px;
	}
	ul#thumbs li.active{
		border:2px solid #f17330;	
		background:#fff;
		padding:2px 0px;
	}
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { 

	#gallery{
		position:relative;
		float: left;
		height:auto;
		width: 410px;
		/*min-height: 400px;*/
	}
	#navDiapo{
		margin-left: 7px;
		margin-top: 20px;
		/*position: absolute;*/
		width: 430px !important;
	}
	
	#bigPic img{
		max-width:410px;
	}
	
}

/* Desktop */
@media (min-width: 960px) { 
	/* Diaporama */
	#gallery{
		position:relative;
		float: left;
		height:auto;
		width: 460px;/
	}
	#navDiapo{

		margin-left: 30px;
		margin-top: 20px;
		width: 430px !important;
	}
	
}