/* 2016-11-30 - Francis Chevalier */
.container{width:100% !important;}
.data .btn-primary{font-weight:bold;}
.img_section, .description_section{padding-right:0 !important;padding-left:0 !important;}
#photo_table{width:100% !important;padding:15px;}
.photos{margin-left:0;margin-right:0;padding:0;float: none;padding: 0;border: 1px solid #ddd;}
.photo-div{
	cursor:pointer;
	background-color:white;
	border:1px solid gainsboro;
	height:210px;
	margin-bottom:10px;
	padding:9px;
	float: left;
    margin: 0;
}
.photo{display:block;margin:auto;height:164px;text-align: center;}
.slick-track:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.photo img{width:auto;height:auto;}
.img-desc {
	height: 40px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

/* CODE SLICK SLIDE EN MOBILE */
.slick-prev:before, .slick-next:before { 
    color:black !important;
}
.slick-prev {
    left: 10px;
	z-index: 1;
}.slick-next {
    right: 10px;
}
.slick-prev, .slick-next {margin-top:-24px !Important;}
.slick-slide{display: flex !Important;flex-direction: column;justify-content: center;align-items:center;outline: none;}
.slick-dots{
	position:static !important;
	bottom:auto !Important;
	margin-top:10px !Important;
	margin-bottom:0 !important;
}

@media only screen and (max-width:768px){
	.container #photo_table{border: 1px solid rgba(255, 255, 255, 0) !important;}
	#photo_table{border:0.5px solid rgba(255, 255, 255, 0) !important;}
	.img-desc{max-width:92%;padding-top:5px;text-align:center;max-height: 34px;overflow-y: hidden;}
	#photo_table{display:inline-block;padding-bottom:0;}
	#carousel-custom-mobile{margin-bottom:0;}
	#img_wrap{display: flex;flex-direction: column;justify-content: center;min-height:200px;}
}
@media only screen and (max-width:550px){
	.photo-div{width:50% !important;}
}
@media only screen and (max-width:425px){
	.container .data{padding-left:5px !important;padding-right:5px !important;}
	.photos{display:none !important;}
	#carousel-custom-mobile{display:block !important;}
}
@media only screen and (max-width:400px){
	.photo-div{width:100% !important;}
}