/* --------------------------------------------------------------- */
/*
/* Slider
/*
/* --------------------------------------------------------------- */
#news_slider {
	position : relative;
}

#news_slider .owl-dots,
#news_slider .owl-nav {
	position : absolute;
}

#news_slider .owl-dots {
	bottom          : 15px;
	left            : 0;
	right           : 0;
	display         : flex;
	align-items     : center;
	justify-content : center;
}

#news_slider .owl-dots .owl-dot {
	width         : 15px;
	height        : 15px;
	background    : var(--white);
	border-radius : 50%;
	margin        : 5px;
	box-shadow    : 0 0 6px 3px rgba(0, 0, 0, .15);
}

#news_slider .owl-dots .owl-dot.active {
	background : var(--light-blue);
}

#news_slider .owl-nav {
	left            : 0;
	right           : 0;
	top             : 50%;
	transform       : translateY(-50%);
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	pointer-events  : none;
}

#news_slider .owl-nav button {
	width            : 59px;
	height           : 96px;
	background-color : var(--white);
	margin           : 0;
	border-radius    : 0px;
	color            : #A7A7A7;
	box-shadow       : 0px 3px 6px rgb(0 0 0 / 16%);
	display          : flex;
	align-items      : center;
	justify-content  : center;
	pointer-events   : all;
	font-size        : 45px;
}

#news_slider .slide {
	height   : 520px;
	position : relative;
}

#news_slider .slide img {
	height     : 100%;
	width      : 100%;
	object-fit : cover;
}

#news_slider .slide .overlay {
	position : absolute;
	bottom   : 45px;
	left     : 0;
	right    : 0;
}

#news_slider .slide .overlay .inner {
	background      : rgba(255, 255, 255, .85);
	border-radius   : 40px;
	padding         : 25px 35px;
	display         : flex;
	align-items     : center;
	justify-content : space-between;
}

#news_slider .slide .overlay .inner .text p {
	font-size : 18px;
}

#news_slider .slide .overlay .inner .link {
	margin-left : 35px;
}

/* --------------------------------------------------------------- */
/*
/* Entete
/*
/* --------------------------------------------------------------- */

#page_header {
	margin-top      : -160px;
	padding-top     : 160px;
	padding-bottom  : 35px;
	min-height      : 100vh;

	background      : url("../../img/index/header_arcs.png") no-repeat top right,
	url("../../img/index/header_filter.png") no-repeat center center,
	url("../../img/index/header_bg.jpg") no-repeat center center;
	background-size : contain, cover, cover;
}

/* --------------------------------------------------------------- */
/*
/* Header gauche
/*
/* --------------------------------------------------------------- */

#page_header .subtitle_wrapper {

	position        : relative;
	padding         : 20px;
	background      : rgb(0 0 0 / 10%);
	border-radius   : 20px;
	backdrop-filter : blur(1px);
	box-shadow      : 0 0 6px 6px rgb(0 0 0 / 10%);
}

#page_header .subtitle_wrapper p {
	margin-bottom : 15px;
	text-shadow   : 0 0 5px var(--black);
}

#page_header .simplebar-track {
	border-radius    : 7px;
	background-color : var(--black);
	opacity          : 0.5;
}

#page_header .simplebar-scrollbar:before {
	opacity    : 1;
	background : var(--white);
}

#page_header .reservation_header a.btn.hover-arrow.hover-arrow-right:after {
	right : 25px;
}

#page_header .reservation_header a.btn.hover-arrow.hover-arrow-right:hover:after {
	right : 15px;
}

/* --------------------------------------------------------------- */
/*
/* header droite
/*
/* --------------------------------------------------------------- */
#page_header .content {
	padding-top : 50px;
}

#page_header .horaires_wrapper p.horaires {
	color   : var(--white);
	opacity : 0.68;
}

#page_header .horaires_wrapper .fa-clock {
	margin-right : 10px;
	color        : var(--light-blue);
	font-size    : 25px;
}

#page_header .horaires_wrapper .fa-arrow-right {
	margin-right : 45px;
}

#page_header .horaires_wrapper:hover .fa-arrow-right {
	transition   : all 0.3s ease;
	margin-right : 20px;
}


#page_header .reservation_header {
	margin-top    : 65px;
	margin-bottom : 65px;
}

/* section prestations */
/* section prestations */
/* section prestations */

section.prestations #carousel_prestations {
	margin-top      : 50px;
	position        : relative;

	display         : flex;
	justify-content : space-around;
	align-items     : flex-start;
	flex-wrap       : wrap;
}

section.prestations .cards-prestation {
	position        : relative;
	border-radius   : 40px;
	display         : flex;
	align-items     : center;
	justify-content : center;
	overflow        : hidden;
	cursor          : pointer;
	margin          : 15px;

	width           : 330px;
	height          : 500px;
}

section.prestations .cards-prestation img {
	transition : var(--btn-transition);
}

section.prestations .cards-prestation:hover img {
	transform : scale(1.1);
}

section.prestations .cards-prestation a.btn.hover-arrow.hover-arrow-right:after {
	right : 15px;
}

section.prestations .cards-prestation:hover a.btn.hover-arrow.hover-arrow-right:after {
	right : 10px;
}

section.prestations .cards-prestation a.btn {
	position    : absolute;
	bottom      : 20px;
	left        : 0;
	right       : 0;
	width       : calc(100% - 40px);
	margin      : 0 auto;

	padding     : 15px 20px;
	white-space : normal;
}

section.prestations .cards-prestation a.btn.hover-arrow.hover-arrow-right:hover {
	padding-left  : 20px;
	padding-right : 20px;
}

/* section sanctuaire */
/* section sanctuaire */
/* section sanctuaire */

section.sanctuaire {
	position            : relative;
	background-image    : url("../../img/index/motif_arc.svg");
	background-position : bottom left;
	background-repeat   : no-repeat;
}

section.sanctuaire .bg {
	position : absolute;
	top      : -66px;
	right    : -125px;
}

section.sanctuaire .list-sanctuaire {
	margin-top : 50px;
}

section.sanctuaire .list-sanctuaire .cards-sanctuaire {
	border-radius : 40px;
	padding       : 50px;
	height        : 100%;
}

section.sanctuaire .list-sanctuaire .cards-sanctuaire h3 {
	margin      : 10px 0px;
	font-weight : bold;
}

section.sanctuaire .list-sanctuaire .hover-arrow-right.arrow p.arrow-right {
	position : absolute;
	bottom   : 10%;
	right    : 20%;
}

section.sanctuaire .list-sanctuaire .hover-arrow-right.arrow:hover p.arrow-right {
	transition : all 0.3s ease-in-out;
	right      : 15%;
}

/* --------------------------------------------------------------- */
/*
/* Image sanctuaire parallax
/*
/* --------------------------------------------------------------- */
section.image-sanctuaire {
	width   : 100%;
	height  : 475px;
	padding : 0 !important;
}

/* --------------------------------------------------------------- */
/*
/* Bernadette
/*
/* --------------------------------------------------------------- */

section.bernadette .rounded-card:hover img {
	transform : scale(1.05);
}

section.bernadette .content {
	display : flex;
}

/* --------------------------------------------------------------- */
/*
/* Evenements
/*
/* --------------------------------------------------------------- */


section.agenda .list-agenda {
	padding-top : 50px;
}

section.agenda .cards-agenda {
	width         : 100%;
	height        : 100%;
	border-radius : 40px;
	padding       : 50px;
}

section.agenda .cards-agenda span.material-icons {
	position      : relative;
	padding-right : 10px;
	top           : 2px;
	opacity       : 0.4;
}

section.agenda .cards-agenda span.date {
	display : block;
	margin  : 10px 0px;
}

section.agenda .cards-agenda p.body-2 {
	position : relative;
	top      : 2px;
	margin   : 0;
}

section.agenda .cards-agenda i {
	opacity      : 0.4;
	margin-right : 10px;
}

/* section histoire */
/* section histoire */
/* section histoire */

section.histoire {
	padding          : 225px 0px;
	background-color : var(--light-grey);
}

section.histoire .container-tableau {
	margin-top : 50px;
}

section.histoire .container {
	width   : 100%;
	height  : 200px;
	padding : 15px;
}

section.histoire .content {
	width            : 100%;
	height           : 100%;
	background-color : var(--blue);
}

section.histoire .container-color-xl {
	width   : 100%;
	height  : 100%;
	padding : 15px;
}

/* boutique */
/* boutique*/
/* boutique */

.boutique {
	position : relative;
}

.boutique:before {
	width            : 100%;
	height           : calc(100% / 2);
	background-color : var(--light-grey);
	content          : "";
	top              : 0;
	left             : 0;
	position         : absolute;
	z-index          : -1;
}

.boutique img {
	position : absolute;
	left     : 0;
	right    : 0;
	margin   : 0 auto;
	display  : block;
	top      : -40px;
}

.container-boutique {
	height        : auto;
	padding       : 90px 0px;
	border-radius : 99999px;
	position      : relative;
}

.container-boutique:before {
	width      : 283px;
	height     : 186px;
	position   : absolute;
	content    : "";
	right      : -60px;
	bottom     : 0;
	transform  : rotateZ(-45deg);
	background : url("../../img/index/boutique/motif-arc.svg") no-repeat;
}

.boutique .content {
	position : relative;
}

/* section temoignages */
/* section temoignages */
/* section temoignages */

section.temoignages h2 {
	text-align : center;
}

section.temoignages .title {
	text-align : center;
	margin     : 0 auto;
}

section.temoignages {
	margin : 0 auto;
}

section.temoignages p.legend {
	text-align : center;
	padding    : 0;
	position   : relative;
}

section.temoignages .commentaires {
	display         : flex;
	align-items     : center;
	justify-content : center;
}


section.temoignages .commentaires .row {
	padding-top     : 50px;
	display         : flex;
	justify-content : center;
}

section.temoignages .commentaires .nom-txt {
	display        : flex;
	flex-direction : column;
	margin-left    : 17px;
}

section.temoignages .commentaires .nom-txt p {
	margin-bottom : 0;
}

section.temoignages .commentaires .image {
	width            : 86px;
	height           : 86px;
	border-radius    : 50%;
	background-color : var(--light-grey);
	display          : flex;
	align-items      : center;
	justify-content  : center;
	overflow         : hidden;
}

section.temoignages .commentaires .role {
	color : #C3C3C3;
}


/* section.temoignages .owl-item.active:not(.center) .commentaires .nom {
	color: #808080;
}

section.temoignages .owl-item.active:not(.center) .commentaires .image {
	opacity: 61%;
} */

section.temoignages .owl-dots {
	display         : flex;
	justify-content : center;
}

section.temoignages button.owl-dot {
	width            : 10px;
	height           : 10px;
	border-radius    : 50%;
	background-color : var(--grey-blue) !important;
	margin           : 2px;
}

section.temoignages button.owl-dot.active {
	background-color : var(--dark-blue) !important;
}

section.temoignages .border-bottom-temoignages {
	width  : 416px;
	height : 3px;
	margin : 10px auto;
}

/* section actualites */
/* section actualites */
/* section actualites */

section.actualites .container-social {
	display : inline-flex;
	height  : 50px;
}

section.actualites .container-social a {
	display : inline-block;
	margin  : 0px 7px;
}

section.actualites .container-cards {
	margin-top : 50px;
}

section.actualites .cards-actus {
	width          : 100%;
	height         : 100%;
	display        : flex;
	flex-direction : column;
	border-radius  : 40px;
	overflow       : hidden;
}

section.actualites .cards-actus {
	width          : 100%;
	height         : 100%;
	display        : flex;
	flex-direction : column;
	border-radius  : 40px;
	overflow       : hidden;
}

section.actualites .cards-actus .cards-top {
	height : 293px;
}

section.actualites .cards-actus .cards-top img {
	object-fit : cover;
	width      : 100%;
	height     : 100%;
}

section.actualites .cards-actus .cards-bottom {
	padding : 20px;
}

section.actualites .cards-actus .cards-bottom h3 {
	margin : 5px 0px;
}

section.actualites .journal {
	margin : 100px 0px;
}

section.actualites .journal img {
	top       : 50%;
	transform : translateY(-50%);
	left      : 0;
	right     : 0;
	margin    : 0 auto;
	position  : absolute;
	display   : block;
}

section.actualites .container-journal {
	height        : auto;
	padding       : 40px 0px;
	border-radius : 99999px;
	position      : relative;
}

section.actualites .journal .content a.margin {
	margin-left : 30px;
}


/* --------------------------------------------------------------- */
/*
/* RESPONSIVE
/*
/* --------------------------------------------------------------- */
@media screen and (max-width : 1299px) {
	#page_header {
		margin-top  : -185px;
		padding-top : 185px;
	}
}

@media screen and (max-width : 991px) {

	#news_slider .slide .overlay {
		padding : 0 65px;
	}

	#news_slider .slide .overlay .inner {
		flex-direction : column;
		align-items    : flex-start;
	}

	#news_slider .slide .overlay .inner .link {
		margin-left : 0;
		margin-top  : 15px;
		width       : 100%;
		text-align  : center;
	}

	#page_header .horaires_wrapper {
		margin-top : 15px;
	}


	#page section.bernadette .rounded-card {
		width     : fit-content;
		margin    : auto;
		max-width : 275px;
	}

	#page section.bernadette .rounded-card a.btn {
		height      : auto;
		white-space : initial;
	}


}

@media screen and (max-width : 768px) {

	#news_slider .slide {
		height : auto;
	}

	#news_slider .owl-nav {
		transform : none;
		top       : 224px
	}

	#news_slider .owl-dots {
		bottom : calc(100% - 305px);
	}

	#news_slider .slide img {
		height : 320px;
	}

	#news_slider .slide .overlay {
		position : relative;
		bottom   : 0;
		top      : 0;
		padding  : 0;
	}


	section.agenda .cards-agenda {
		padding : 30px;
	}

	section.actualites .journal .content a.margin {
		margin-left : 0;
		margin-top  : 10px;
	}

	section.bernadette .container .row .col-lg-8 .row .col-lg-6.pb-4 {
		width : 50vw;
	}

	section.bernadette .container .row .col-lg-8,
	section.bernadette .container .row:nth-of-type(2) {
		overflow-x : scroll;
	}

	section.bernadette .container .row .col-lg-8 .row .col-lg-6 {
		padding-bottom : 0 !important;
	}

	section.prestations .cards-prestation a.btn.hover-arrow-right:after {
		right : 15px;
	}

	section.temoignages .row.justify-content-center {
		position : relative;
	}

	#carousel_temoignages {
		margin-top : 20px
	}

	#carousel_temoignages .temoignage {
		padding : 0 15px;
	}

	section.temoignages .border-bottom-temoignages {
		width : 80%;
	}

	section.actualites .container-journal {
		-webkit-border-radius : 40px;
		-moz-border-radius    : 40px;
		border-radius         : 40px;
		padding               : 20px;
	}

	section.actualites .journal img {
		position          : relative;
		top               : 0;
		-webkit-transform : none;
		-moz-transform    : none;
		-ms-transform     : none;
		-o-transform      : none;
		transform         : none;

	}
}


@media screen and (max-width : 425px) {
	section.agenda .list-agenda {
		display : block;
	}

	section.agenda .cards-agenda {
		padding-left    : 50px;
		display         : flex;
		flex-direction  : column;
		justify-content : center;
	}

	section.agenda .list-agenda .row .col-md-4 {
		width : 95vw;
	}

	section.bernadette .container .row .col-lg-8 .row .col-lg-6.pb-4 {
		width : 95vw;
	}

	section.prestations .cards-prestation a.btn.hover-arrow-right:after {
		right : 30px;
	}
}


@media screen and (max-width : 320px) {
	.reservation_header .col-lg-10.text-right .btn.xl {
		width   : 315px !important;
		padding : 17px;
	}

	.reservation_header a.btn.hover-arrow.hover-arrow-right:after {
		position : relative !important;
		right    : 0 !important;
		left     : 5px;
	}

	section.actualites .container-social a.bg-light-blue {
		padding : 3px 36px;
	}
}