/* sanctuaire *//* sanctuaire *//* sanctuaire */
section.map-lieux {
	padding : 120px 0px 0px 0px !important;
}

section.map-lieux .map {
	width      : 100%;
	text-align : center;
	margin-top : 40px;
	position   : relative;
	display    : flex;
}

section.map-lieux .map img {
	width  : 100%;
	height : auto;
}

section.list-lieux {
	padding : 0px 0px 120px 0px !important;
}

section.list-lieux .slider .padding {
	padding : 30px 40px;
}

section.list-lieux .slider .content-img a {
	display : flex;
}

section.list-lieux .slider .content-img img {
	height     : 100%;
	object-fit : cover;
}

section.list-lieux .slider .content {
	height          : 100%;
	padding         : 0px 30px;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
}

section.map-lieux .map .overlay {
	width            : 100%;
	height           : 100%;
	z-index          : 2;
	position         : absolute;
	top              : 0;
	left             : 0;
	background-color : rgba(0, 0, 0, 0.24);
}

section.map-lieux .map .overlay .content-btn {
	position         : absolute;
	display          : inline-flex;
	flex-direction   : column;
	transform        : translate(-50%, calc(-100% - -9px));
	transform-origin : bottom center;
}

section.map-lieux .map .overlay .content-btn.bottom {
	flex-direction   : column-reverse;
	transform        : translate(-50%, -9px);
	transform-origin : top center;
}

section.map-lieux .map .overlay .content-btn.bottom .action:after {
	bottom        : inherit;
	top           : -6px;
	border-top    : inherit;
	border-bottom : 6px solid var(--orange);
}

section.map-lieux .map .overlay .content-btn.bottom .circle {
	margin-top    : inherit;
	margin-bottom : 20px;
}

section.map-lieux .map .overlay .action {
	border-radius : 99999px;
	padding       : 10px 20px;
	font-weight   : 500;
	max-width     : 150px;
	position      : relative;
	font-size     : 14px;
	line-height   : 15px;
	cursor        : pointer;
}

section.map-lieux .map .overlay .action:after {
	content      : "";
	position     : absolute;
	bottom       : -6px;
	left         : 0;
	right        : 0;
	margin       : 0 auto;
	display      : inline-block;
	height       : 0;
	width        : 0;
	border-top   : 6px solid var(--orange);
	border-right : 6px solid transparent;
	border-left  : 6px solid transparent;
}

section.map-lieux .map .overlay .content-btn .content-circle {
	width           : 100%;
	height          : auto;
	display         : flex;
	align-items     : center;
	justify-content : center;

}

section.map-lieux .map .overlay .content-btn .circle {
	width           : 19px;
	height          : 19px;
	border-radius   : 100%;
	position        : relative;
	display         : flex;
	align-items     : center;
	justify-content : center;
	margin-top      : 20px;
}

section.map-lieux .map .overlay .content-btn .circle:after {
	width              : 35px;
	height             : 35px;
	content            : "";
	border-radius      : 100%;
	position           : absolute;
	background-color   : var(--orange);
	opacity            : 0.54;
	-webkit-transition : var(--btn-transition);
	-moz-transition    : var(--btn-transition);
	-ms-transition     : var(--btn-transition);
	-o-transition      : var(--btn-transition);
	transition         : var(--btn-transition);
}


section.map-lieux .map .overlay .content-btn .action:hover + .content-circle .circle:after {
	width  : 19px;
	height : 19px;
}


@media only screen and (min-width : 768px) {
	#bp_mobile {
		display : none;
	}
}

@media screen and (max-width : 1024px) {
	section.map-lieux .col-md-12 {
		overflow : scroll;
	}

	section.map-lieux .map {
		width : 960px;
	}
}


@media screen and (max-width : 768px) {
	.slider .carousel-control{
		display : none;
	}
	section.list-lieux .slider .padding{
		padding : 15px;
	}
	section.list-lieux .slider .slide:not(:last-of-type){
		margin-bottom : 15px;
	}
	section.list-lieux .slider .content{
		padding : 10px;
		justify-content : flex-start;
	}
}
@media screen and (max-width : 475px) {
	section.list-lieux .slider .slide>.row>.col-3,
	section.list-lieux .slider .slide>.row>.col-9{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	section.list-lieux .slider .content {
		padding : 15px 10px;
	}
}