/* ==========================================
	ICS - Style de la fiche Affaire.jsp
========================================== */
.h4, h4 {
	border-bottom-color: #99cc99;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.marker {
	color: red;
}

.prix {
	color: green;
	font-weight: bolder;
}

.h6, h6 {
	color: #999999 !important;
	font-weight: bolder;
}

.bs-docs-footer {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 100px;
	color: #99979c;
	text-align: center;
	background-color: #2a2730;
}

body {
	padding-bottom: 0px !important;
}

.imageBrand {
	max-height: 60px !important;
}

.imgCaroussel {
	max-width: 100% !important;
	height: 100% !important;
	min-width: 100px !important;
	margin: auto !important;
	position: relative !important;
}

.critere {
	background-color: #eeeeee;
	margin: 3px;
	padding: 3px;
	border-bottom-color: #99cc99;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.carousel {
	margin-bottom: 10px !important;
}

.overflow-container {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.overflow-title {
	position: absolute;
	top: calc(50% - 12px);
	width: 100%;
	font-weight: bold;
	line-height: 24px;
}

.google-maps {
	position: relative;
	margin: 0 15px;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.place-card {
	display: none;
}

.js-smartPhoto {
	background-color: #eeeeee;
}

.js-smartPhoto img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}

@media ( max-width : 767px) {
	#myCarousel {
		height: 200px !important;
	}
	.carousel .item {
		height: 200px !important;
		background-color: #777777;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	#myCarousel {
		height: 300px !important;
	}
	.carousel .item {
		height: 300px !important;
		background-color: #777777;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	#myCarousel {
		height: 400px !important;
	}
	.carousel .item {
		height: 400px !important;
		background-color: #777777;
	}
}

@media ( min-width : 1200px) {
	#myCarousel {
		height: 500px !important;
	}
	.carousel .item {
		height: 500px !important;
		background-color: #777777;
	}
}