@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap");

@font-face {
	font-family: GadugiCustom;
	src: url("../fonts/gadugi-normal.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: GadugiCustom;
	src: url("../fonts/gadugi-gras.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: GadugiCustom;
	src: url("../fonts/gadugi-bold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

:root {
	--main-font: 'GadugiCustom', sans-serif
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

img {
	max-width: 100%;
}

body {
	font-family: Poppins, sans-serif;
	overflow-x: hidden;
	box-sizing: border-box;
}

body.merci {
	background: url("../img/bg_merci.jpg") center top / cover no-repeat;
	text-align: center;
	color: rgb(255, 255, 255);
	padding-top: 22vh;
}

.blur-box {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	border-radius: 10px;
	padding: 40px 20px;
	color: rgb(0, 0, 0);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: max-content;
	max-width: 98%;
	margin: 0px auto;
	min-width: 40%;
}

body.merci h1 {
	font-size: 62px;
	color: rgb(0, 0, 0);
	font-weight: 600;
	margin: 30px 0px 0px;
}

body.merci .numForCTA,
body.merci .numForCTA span,
body.merci .numForCTA .num {
	color: rgb(0, 0, 0);
}

body.merci .numForCTA {
	margin-top: 30px;
}

body.merci p {
	font-size: 18px;
	color: rgb(0, 0, 0);
}

a.numForCTAThanks {
	background: url("../img/ic_call_thanks.svg") left center no-repeat;
	border: 2px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	text-decoration: none;
	height: 67px;
	display: inline-block;
	padding-left: 80px;
	padding-right: 20px;
	font-size: 28px;
	line-height: 64px;
	font-weight: 600;
	margin: 20px 0px;
}

a.numForCTAThanks:hover {
	background: url("../img/ic_call_thanks.svg") left center no-repeat rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.scroll {
	opacity: 0;
	transition: 1s ease-out;
	transform: translate3d(0px, 2rem, 0px);
}

.scrolled-in {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

body .eapps-widget-toolbar {
	display: none !important;
}

.global-styles,
.eapps-widget-toolbar {
	display: none !important;
}

.pictoSlice {
	background: url("../img/dots.png") left top no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 139px;
	height: 126px;
}

.oneCard {
	background: rgb(255, 255, 255);
	padding: 30px;
	position: relative;
	border-bottom: 5px solid rgb(184, 146, 67);
	box-shadow: rgba(0, 0, 0, 0.1) 5px 8px 25px 0px;
	width: 50%;
}

.oneCard h6 {
	font-size: 20px;
	font-weight: 600;
	margin: 10px 0px;
}

.oneCard p {
	color: rgb(0, 11, 51);
	font-size: 15px;
	font-weight: 300;
	margin: 0px;
}

section#types {
	padding: 80px 0px;
}

.fourCards {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 30px;
	text-align: center;
	padding: 25px 80px 25px 25px;
}

.navbar {
	transition: 0.4s;
	background: transparent;
}

#disponibilite {
	padding: 80px 0px;
}

.navbar .nav-link {
	color: rgb(0, 0, 0);
	transition: color 0.4s;
	font-weight: 500;
}

.nav-link.active::after {
	display: none;
}

.nav-link.active {
	position: relative;
}

.scrolled .nav-link.active::after {
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	margin: 0px auto;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background: rgb(255, 255, 255);
	display: block;
}

.navbar.scrolled {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px;
	background: rgb(126, 150, 115) !important;
}

.navbar.scrolled .nav-link {
	color: rgb(255, 255, 255) !important;
}

.navbar.scrolled .numForCTA span,
.navbar.scrolled .num {
	color: rgb(255, 255, 255);
}

body {
	position: relative;
}

.navbar-toggler {
	background: rgb(255, 255, 255) !important;
}

.navbar-expand-lg .navbar-nav .nav-link.active {
	position: relative;
}

.navbar-expand-lg .navbar-nav .nav-link.active::after {
	position: absolute;
	content: "";
	left: 0px;
	right: 0px;
	margin: 0px auto;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background: rgb(255, 255, 255);
}

.zoneAvantages li img {
	width: 28px;
}

.logo img {
	height: 40px;
	transition: 0.4s;
}

body .forMob {
	display: none;
}

.forWeb {
	display: block;
}

.numForCTA {
	text-decoration: none;
	color: rgb(100, 116, 139);
	font-size: 15px;
	display: flex;
	align-items: center;
}

.numForCTA span {
	color: rgb(0, 0, 0);
	padding: 1px 15px 1px 0px;
	font-size: 13px;
	line-height: 22px;
	height: 48px;
}

.numForCTA span strong {
	display: block;
	font-size: 24px;
	font-weight: 600;
}

#bannerLP {
	background: url("../img/banner.jpg") left top / cover no-repeat;
	width: 100vw;
	position: relative;
	opacity: 0;
	animation: 2s ease-out 0s 1 normal forwards running fadeIn;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	align-items: end;
}

#bannerLP .container {
	align-items: end;
	padding-top: 25vh;
}

#bannerLP .fomulaireLP iframe {
	height:430px !important;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: scale(1.05);
		filter: blur(10px);
	}

	100% {
		opacity: 1;
		transform: scale(1);
		filter: blur(0px);
	}
}

#bannerLP h1 {
	font-size: 34px;
	color: rgb(255, 255, 255);
	position: relative;
	font-weight: 700;
	font-family: Gadugi, sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.tab-content {
	color: rgb(0, 0, 0);
}

.descriptionClient p {
	font-size: 16px;
	color: rgb(255, 255, 255);
}

.fomulaireLP {
	max-width: 567px;
	background: #FFF;
	backdrop-filter: blur(10px);
	padding: 20px 20px 40px;
	border-radius: 8px;
	position: relative;
	right: 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 17px -1px;
	/* min-height: 515px; */
}

.fomulaireLP h5 {
	font-size: 18px;
	color: rgb(0, 0, 0);
	text-align: center;
	margin: 10px auto;
	text-transform: none;
	border: none;
	background: transparent;
	font-weight: 600;
	
}



.service-item {
	padding: 10px 20px;
	cursor: pointer;
	transition: 0.3s;
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 20px;
	justify-content: center;
	margin-bottom: 10px;
	border: 2px solid rgb(0, 0, 0);
}

.qualification {
	background: rgb(255, 255, 255);
}

.qualification p {
	margin: 0px;
}

.service-item:hover {
	transform: translateX(5px);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	border: 2px solid rgb(255, 255, 255);
}

.service-item:hover h3,
.service-item:hover p {
	color: rgb(255, 255, 255);
}

.service-item.active {
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
}

.service-item.active p {
	color: rgb(255, 255, 255);
	margin: 0px;
}

.svg-icon {
	transition: fill 0.3s;
}

.service-item.active .svg-icon,
.service-item:hover .svg-icon {
	fill: rgb(255, 255, 255);
}

.iconSVG {
	border-radius: 50%;
	padding: 10px;
	background: rgba(89, 89, 89, 0.09);
	width: 76px;
	height: 76px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-item.active .iconSVG {
	background: rgb(0, 0, 0);
}

.service-item h3 {
	display: flex;
	align-items: center;
	gap: 15px;
}

section .service-item h3::after {
	display: none;
}

.service-item.active h3 {
	color: rgb(255, 255, 255);
}

.service-content {
	display: none;
}

.service-content.active {
	display: block;
	animation: 0.5s ease 0s 1 normal none running fadeIn;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.highlight {
	font-style: italic;
	color: rgb(52, 152, 219);
	margin: 20px 0px;
}

.oneCard {
	width: 100%;
}

section#services {
	background: #F5F5F5;
	padding: 80px 0px;
}

section#services .container {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

section#services .container.container2 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.container2 p {
	color: rgb(255, 255, 255);
	text-align: center;
}

footer .numForCTA {
	max-width: 290px;
	color: rgb(255, 255, 255);
	margin-top: 40px;
}

footer .numForCTA strong,
footer .numForCTA span {
	color: rgb(0, 0, 0);
}

section#expertise {
	padding: 80px 0px;
	background: url("../img/wall.jpg") center top / cover no-repeat;
}

section#aide_financiere .container {
	flex-direction: column;
	background: url("../img/bg_aide.jpg") center top / cover no-repeat;
	padding: 40px;
	color: rgb(0, 0, 0);
	border-radius: 8px;
}

section#aide_financiere .container p {
	font-size: 20px;
}

section#aide_financiere {
	background: linear-gradient(rgb(255, 255, 255) 50%, rgb(135, 93, 87) 50%);
	padding: 0px;
}

section#aide_financiere h3 {
	color: rgb(0, 0, 0);
	margin: 0px;
}

section#aide_financiere h2 {
	background: rgba(255, 255, 255, 0.2);
	color: rgb(0, 0, 0);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.blocExpertise {
	justify-items: center;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 30px auto 0px;
}

.oneExpertise {
	background: rgba(255, 255, 255, 0.7);
	padding: 60px 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	gap: 20px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.forCount {
	font-size: 24px;
	font-weight: 700;
	color: rgb(0, 0, 0);
}

span#counter {
	font-weight: 800;
	font-size: 64px;
}

.numberClients h5 {
	font-weight: 300;
}

.oneBlack {
	background: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
}

section#expertise .container {
	flex-direction: column;
	align-items: center;
}

section#expertise .container h3 {
	font-size: 28px;
	font-weight: 800;
}

section#expertise .container h3::after {
	display: none;
}

section .service-item h3 {
	font-size: 24px;
	text-transform: none;
	margin-bottom: 10px;
	padding: 0px;
	font-weight: 600;
	color: rgb(0, 0, 0);
}

section .service-item p {
	font-size: 16px;
	color: rgb(0, 0, 0);
	margin: 0px;
}

section#gallery {
	padding: 80px 0px;
}

section#gallery .container {
	align-items: flex-end;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	gap: 10px;
}

.gallery a {
	width: calc(20% - 10px);
}

.gallery img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	gap: 10px;
}

.gallery a {
	width: calc(25% - 10px);
}

.gallery img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 8px;
}

section#gallery h3 {
	font-weight: 800;
	margin-bottom: 40px;
}

section#gallery h3::after {
	display: none;
}

.zoneControls {
	border-bottom: 2px solid rgb(0, 0, 0);
	display: flex;
	justify-content: flex-end;
	position: relative;
	height: 50px;
	margin-top: 10px;
}

button.carousel-control-prev,
button.carousel-control-next {
	background: rgb(0, 0, 0);
	width: 32px;
	height: 32px;
	font-size: 4px;
	padding: 5px;
	opacity: 1;
}

.carousel-control-prev {
	right: 35px;
	left: inherit;
}

.service-content {
	max-width: 520px;
	color: rgb(255, 255, 255);
}

#blocServices {
	width: 100%;
	margin: 30px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 13px 3px;
	background: transparent;
	border-radius: 8px;
}

#blocServices .row {
	text-align: left;
	align-items: center;
}



#blocServices .tab-content ul {
	border: none;
}

#blocServices .tab-content ul li {
	margin-bottom: 16px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: rgb(0, 0, 0);
}

#blocServices .tab-content ul li img {
	margin-top: 3px;
}

.footerTabs {
	background: #BFDEDD;
	/* border-top: 2px solid rgb(126, 150, 115); */
	display: flex;
	align-items: center;
	padding: 20px;
	justify-content: space-between;
	border-radius: 0px 0px 5px 5px;
	font-size: 20px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	color: #264749;
}

.tab-content {
	background: #E9EDE8;
}

.nav-tabs .nav-link {
	font-size: 20px;
	font-weight: 600;
}

.nav-fill .nav-item .nav-link {
	padding: 25px 10px;
	background: rgb(217, 217, 217);
	color: rgb(0, 0, 0);
	font-size: 20px;
	font-weight: normal;
	
	border-radius: 0;
	border-bottom: 6px solid rgb(217, 217, 217);
}

.nav-tabs .nav-link.active {
	background: rgb(145, 185, 188);
	border-bottom: 6px solid rgb(54, 91, 94);
	border-radius: 0px;
	font-weight: bold;
}

.service-content p {
	font-size: 16px;
	margin-top: 20px;
	font-weight: 300;
	text-align: justify;
}

.service-content p strong {
	font-weight: 600;
}

.accordion-item {
	border: none;
	background: rgb(245, 236, 234);
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 8px !important;
}

.accordion-button {
	font-weight: 600;
	background: rgb(245, 236, 234) !important;
	border: none !important;
	color: rgb(0, 0, 0) !important;
	font-size: 16px !important;
}

section#FAQ h2.accordion-header {
	background: transparent;
}

.accordion-body {
	font-size: 15px;
	color: rgb(0, 0, 0);
	padding-top: 0px;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
	box-shadow: none !important;
	border: none !important;
	outline: none !important;
}

#temoignages {
	background: url("../img/temoignage.png") center top / cover no-repeat;
	padding: 80px 0px 100px;
	margin-bottom: -150px;
}

#temoignages .container {
	justify-content: flex-end;
}



#blocElfsight {
	background: rgb(255, 255, 255);
	padding: 30px;
	min-height: 330px;
	/* min-width: 457px; */
	max-width: 718px;
	margin: 0 auto;
	padding: 50px 0;
	border-radius: 10px;
}
#services_acceptes{background: #ECECEC;
    padding: 80px 0;
    text-align: center;}
#services_acceptes h2{font-weight:700; font-size:38px; margin-bottom:30px; text-transform:uppercase}
.logos_services{display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;}
.logos_services img{border-right:solid 1px #BFDEDD; padding-right:40px; border-left:solid 1px #BFDEDD; padding-left:40px}
.logos_services img:last-child{padding:0; border:none}
#FAQ {
	padding: 80px 0px;
}

#FAQ .container {
	gap: 30px;
}

.blocEncarts {
	display: flex;
	gap: 20px;
	margin: 20px 0px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 20px;
}

.oneE {
	color: rgb(255, 255, 255);
	display: flex;
	flex: 1 1 0%;
	flex-direction: row;
	align-items: flex-end;
	gap: 20px;
	justify-content: center;
}

section#avantages {
	padding: 80px 0px 0px;
	background: url("../img/bg_avantages.png") left top / cover no-repeat;
	min-height: inherit;
}

section#avantages a.btContactUS {
	margin-bottom: 80px;
}

.forWoman {
	position: relative;
	background: url("../img/woman.png") left bottom / contain no-repeat;
	height: 100%;
	z-index: 1;
	margin-left: -30px;
}
.partL {
    font-weight: 600;
    font-size: 18px;
    border-right: solid 2px #D9D9D9;
}
.contact-us-content2{margin: 20px 0; padding-top:30px; border-top: solid 2px #D9D9D9;}
.oneL{display: flex;
    margin: 10px 0;
    gap: 15px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;}
.oneL a{text-decoration:underline; color:#000; font-size:16px}
.zoneAvantages {
	position: absolute;
	right: 0px;
	top: 30%;
	background: rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(10px);
	padding: 30px 20px 20px 60px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 17px -1px;
	z-index: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.zoneAvantages li {
	list-style: none;
	color: rgb(255, 255, 255);
	font-size: 21px;
	margin-bottom: 10px;
}

section#temoignages h3 {
	font-size: 42px;
	text-transform: none;
	width: 581px;
}



body.merci footer {
	background: none;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

footer h4 {
	margin: 50px 0px 20px;
	position: relative;
	font-size: 36px;
	padding-bottom: 20px;
	color: rgb(0, 0, 0);
}

footer p {
	color: rgb(0, 0, 0);
	margin-bottom: 0 !important;
}

.partenariat {
	display: flex;
	margin-top: 50px;
	align-items: center;
	gap: 20px;
	font-size: 14px;
}

.partenariat img {
	border-right: 1px solid rgb(238, 238, 238);
	padding-right: 30px;
}

.zoneForm {
	padding: 20px;
	text-align: center;
	background: rgb(247, 247, 252);
	border-radius: 8px;
	max-width: 600px;
	margin-bottom: 80px;
}

.zoneCoordonnes {
	position: relative;
}

.zoneForm h2 {
	font-size: 20px;
	color: rgb(0, 0, 0);
	text-align: center;
	margin: 20px 0px;
	font-weight: 600;
}

.copyright {
	background: rgb(0, 0, 0);
	padding: 20px 0px;
	font-size: 16px;
	color: rgb(140, 140, 140);
}

.numForCTA {
	display: flex;
	align-items: center;
	gap: 5px;
	text-decoration: none;
	color: rgb(255, 255, 255);
	font-size: 16px;
}

.phone-icon {
	transition: transform 0.2s ease-in-out;
	margin: 10px 10px 00;
}

.numForCTA:hover .phone-icon {
	animation: 0.3s ease 0s infinite alternate none running vibrate;
}

@keyframes vibrate {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(-5deg);
	}

	50% {
		transform: rotate(5deg);
	}

	75% {
		transform: rotate(-5deg);
	}

	100% {
		transform: rotate(5deg);
	}
}

#sticky {
	position: fixed;
	top: 0px;
	width: 100%;
	padding: 10px;
	background: rgb(135, 93, 87);
	color: rgb(255, 255, 255);
	text-align: center;
	font-size: 20px;
	z-index: 100;
	box-shadow: rgba(52, 52, 52, 0.23) 2px 2px 6px;
}

#sticky p {
	margin: 0px;
}

.btn-main {
	padding: 15px 20px;
	background-color: rgb(38, 71, 73);
	border: 2px solid rgb(38, 71, 73);
	color: rgb(255, 255, 255);
	border-radius: 2rem;
	display: inline-block;
	gap: 7px;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	justify-self: start;
}

.btn-main:hover {
	padding: 15px 20px;
	background-color: transparent;
	border: 2px solid rgb(38, 71, 73);
	border-radius: 2rem;
	display: inline-block;
	align-items: center;
	font-size: 16px;
	color: rgb(0, 0, 0);
}

.btn-main:hover svg path {
	fill: rgb(0, 0, 0);
}

.header {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.hero-section-wrapper-5 {
	margin-top: 119px;
}

.navbar-expand-lg .navbar-collapse {
	flex-basis: auto;
	justify-content: center;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
	}
}

#bannerLP .descriptionClient {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

#bannerLP .descriptionClient svg {
	margin: 15px 0px;
}

#bannerLP .descriptionClient .buttons {
	display: flex;
	gap: 10px;
	margin-top: 40px !important;
}

#bannerLP .descriptionClient .buttons .btn {
	padding: 15px 25px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 2rem;
}

#bannerLP .descriptionClient .buttons .button-1 {
	background-color: rgb(38, 71, 73);
	color: rgb(255, 255, 255);
	border: 2px solid #264749;
	font-size: 14px;
}

#bannerLP .descriptionClient .buttons .button-1:hover {
	background-color: transparent;
	color: rgb(255, 255, 255);
	border: 2px solid #FFF;
}

#bannerLP .descriptionClient .buttons .button-2 {
	background-color: transparent;
	color: rgb(255, 255, 255);
	border: 2px solid rgb(255, 255, 255);
	font-size: 14px;
}

#bannerLP .descriptionClient .buttons .button-2:hover {
	background-color: rgb(38, 71, 73);
	color: rgb(255, 255, 255);
	border: 2px solid rgb(38, 71, 73);
}


#bannerLP .form-container iframe {
	height: 425px !important;
}

.nav-tabs .nav-link:hover {
	border-color: transparent;
}

#about-us {
	padding: 110px 0px;
	background:#F5F5F5
}

#about-us .left-content {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding-left: 30px;
	margin: auto 0;
}

#about-us .main-p {
	font-size: 18px;
	font-family: GadugiCustom, sans-serif;
	font-weight: normal;
	margin-bottom: 8px;
	color: #264749;
}

#about-us h2.title {
	font-size: 42px;
	font-family: GadugiCustom, sans-serif;
	font-weight: bold;
	color: rgb(0, 0, 0);
	margin-bottom: 65px;
}

#about-us h3.title-left {
	font-size: 24px;
	font-family: GadugiCustom, sans-serif;
	font-weight: bold;
	color: rgb(0, 0, 0);
	margin-bottom: 30px;
}

#about-us .left-content p.pagf-1 {
	margin-bottom: 50px !important;
}

#about-us .left-content p.pagf-2 {
	margin-bottom: 50px;
}

#about-us .right-content {}

#about-us .right-content .green-box {
	padding: 35px 25px;
	border-radius: 8px;
	background-color: rgb(186, 218, 217);
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#about-us .right-content h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}

#about-us .right-content .green-box .checks .check {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 15px 0px;
	border-bottom: 1px solid rgb(38, 71, 73);
}

#about-us .right-content .green-box .checks .check:first-of-type {
	padding: 0px 0px 15px;
}

#about-us .right-content .green-box .checks .check:last-of-type {
	border-bottom: 1px solid transparent;
}

#about-us .right-content .green-box .checks .check p {
	margin-bottom: 0px !important;
	font-size: 18px;
}

#about-us .right-content .green-box .checks .check svg {
	min-width: 17px;
	min-height: 17px;
}


#services h2 {
	font-size: 42px;
	font-weight: bold;
	font-family: 'GadugiCustom', sans-serif;
}

#services .tab-content .items {
	padding-left: 0;
	padding-right: 15%;
}

#services .tab-content .items .item {
	display: flex;
	gap: 12px;
	align-items: center;
	background: linear-gradient(90deg, rgba(145, 185, 188, 1) 0%, rgba(191, 222, 221, 1) 100%);
	border-radius: 2rem;
	padding: 4px 0px 7px 8px;
	font-size: 18px;
	
	font-weight: bold;
}

#services .tab-content .items .item img {
	max-height: 49px;
	max-width: 49px;
}

#notre-equipe {
	padding: 120px 0;
}

#notre-equipe h2 {
	font-size: 42px;
	
	margin-bottom: 54px;
	font-weight: bold;
}

#notre-equipe p.main-p {
	font-size: 18px;
	
	margin-bottom: 25px;
}

#notre-equipe strong {
	font-size: 18px;
	font-weight: bold;
	
	margin-bottom: 60px;
}

.therapist-card {
	position: relative;
	height: 508px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); */
}

.therapist-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Overlay base */
.overlay {
	position: absolute;
	bottom: 15px;
	width: 90%;
	background: rgba(20, 20, 20, 0.72);
	color: white;
	padding: 20px;
	border-radius: 10px;
	transition: all 0.3s ease;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Expanded on hover */
.therapist-card:hover .overlay {
	max-height: 100%;
	background: rgba(15, 15, 15, 0.82);
}

/* Hidden content (expands on hover) */
.overlay-content {
	margin-top: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.45s ease, transform 0.45s ease, visibility 0.45s, max-height 0.45s ease, margin-top 0.45s ease;
}

.therapist-card:hover .overlay-content {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	max-height: 500px;
	margin-top: 10px;
}

.therapist-card h5 {
	font-size: 24px;
	
	color: #91B9BC;
	font-weight: bold;
}

.therapist-card .card-header {
	border-bottom: 1px solid #ffffff56;
}

.therapist-card .card-header p {
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}


.therapist-card .overlay-content p,
.therapist-card .overlay-content ul li {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.therapist-card .overlay-content ul {
	padding-left: 0;
}

.therapist-card .overlay-content p {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: normal;
	/* padding-left: 18px; */
	margin-bottom: 4px;
}

/* Buttons inside overlay */
.therapist-card .buttons {
	margin-top: 5px;
	justify-content: center;
}

.therapist-card .buttons .btn {
	border-radius: 2rem;
}

.therapist-card .buttons .btn-outline-light {
	background-color: #264749 !important;
	border-color: #264749;
}

.therapist-card .buttons .btn-outline-light:hover {
	background-color: transparent !important;
	border-color: #264749;
	color: #FFF;
}

.therapist-card .buttons .btn-light {
	background-color: #91B9BC !important;
	border-color: #264749;
}

.therapist-card .buttons .btn-light:hover {
	background-color: transparent !important;
	border-color: #264749;
	color: #FFF;
}

/* Swiper arrows */
.custom-nav {
	width: 45px;
	height: 45px;
	background: #dcefed;
	border-radius: 50%;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	width: 45%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
	font-size: 18px;
	color: #000;
	display: none;
}

.swiper-button-prev {
	left: -50px;
}

.swiper-button-next {
	right: -50px;
}


#atelier {
	background-image: url(../img/bg-atelier.png);
	background-size: cover;
	background-position: center center;
	padding: 100px 0;
}

#atelier .right-content {
	padding-left: 60px;
}

#atelier p.main-p {
	font-size: 18px;
	color: #264749;
	
	margin-bottom: 4px;
}

#atelier h2 {
	font-size: 42px;
	
	font-weight: bold;
	color: #000;
	margin-bottom: 18px;
}

#atelier .green-box {
	border-radius: 23px;
	padding: 60px 60px 60px 30px;
	background: linear-gradient(90deg, rgba(145, 185, 188, 1) 100%, rgba(191, 222, 221, 1) 0%);
	margin-bottom: 30px;
	margin-left: -110px;
}

#atelier .green-box .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 30px;
}

#atelier .green-box .items .item {
	display: flex;
	align-items: center;
	gap: 20px;
}

#atelier .green-box .items .item p {
	margin-bottom: 0px;
	font-size: 18px;
	
}

#atelier .green-box .items .item svg {
	min-height: 46px;
	min-width: 46px;
}

#soutien-physique {
	padding: 100px 0;
}

#soutien-physique .header-top {}

#soutien-physique .header-top .top-p {
	font-size: 18px;
	
	color: #264749;
	margin-bottom: 0px;
}

#soutien-physique .header-top h2 {
	font-size: 38px;
	font-weight: bold;
	
}

#soutien-physique .main-p {
	
	margin-bottom: 25px;
}

#soutien-physique .boxes {}

#soutien-physique .img-container {
	margin: auto 0;
	/* padding: 0 40px; */
}

#soutien-physique .boxes .boxe {
	background-color: rgba(145, 185, 188, 0.2);
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}


#soutien-physique .boxes .boxe .box-p-top {
	
	font-weight: bold;
	color: #000;
	margin-bottom: 4px;
}

#temoignages h2 {
	font-size: 52px;
	font-weight: bold;
	margin-bottom: 72px;
}


#map-container {
	position: relative;
	padding: 150px 0 0;
}

.map-wrapper {
	position: relative;
}

#map-container .form-container {
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	width: 560px;
	background-color: white;
	padding: 20px 15px;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

#map-container .form-container h5 {
	font-size: 18px;
	
	font-weight: bold;
}

#map-container .form-container iframe {
	height:430px !important;
}

#contact-us {
	padding: 60px 0;
	background: #fbfcf9;
    margin-top: -10px;
}

#contact-us .contact-us-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

#contact-us .contact-us-content h2 {
	font-size: 24px;
	font-weight: bold;
}


#contact-us .numForCTA {
	margin-bottom: 30px;
}

footer#footer {
	padding: 20px 0;
	background: url(../img/footer_bg.png) center no-repeat;
	background-size: cover;
}

@media(max-width:1400px) {
	#bannerLP .fomulaireLP iframe {
		height: 417px !important;
	}
}

@media(max-width:1200px) {
	.header.header-6 .navbar-brand {
		padding: 0px;
		margin-right: 0px;
	}
}

@media(max-width:992px) {
	#bannerLP {
		background: url("../img/banner.jpg") left top / cover no-repeat;
		width: 100vw;
		position: relative;
		opacity: 0;
		animation: 2s ease-out 0s 1 normal forwards running fadeIn;
		padding-bottom: 50px;
		display: flex;
		justify-content: end;
		height: auto;
	}

	#bannerLP .fomulaireLP iframe {
		height: 432px !important;
	}
}

@media(max-width:768px) {
.logos_services {
    flex-direction: column;
}
  .logos_services img {
    border: none;
    paddding:0;
    padding-bottom: 40px;
}
  #services_acceptes h2 {
    font-size: 32px;
  }
  .oneL {
    display: flex;
    margin: 30px 0 0 0;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    flex-direction: column;
}
  .partL {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    border-right: none;
}
	#bannerLP .container {
		align-items: center;
		padding-top: 10vh;
		text-align: center;
	}

	#bannerLP .descriptionClient svg {
		margin: 15px auto;
	}

	#bannerLP .descriptionClient .buttons {
		display: flex;
		gap: 10px;
		margin-top: 40px !important;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.fomulaireLP {
		max-width: 567px;
		background: #FFF;
		backdrop-filter: blur(10px);
		padding: 20px 20px 40px;
		border-radius: 8px;
		position: relative;
		right: 0px;
		box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 17px -1px;
		/* min-height: 515px; */
		margin: 0 auto;
	}

	#bannerLP .fomulaireLP iframe {
		height: 430px !important;
	}

	#about-us {
		padding: 60px 0px;
		text-align: center;
	}

	#about-us h2.title {
		font-size: 34px;
		font-family: GadugiCustom, sans-serif;
		font-weight: bold;
		color: rgb(0, 0, 0);
		margin-bottom: 20px;
	}

	#about-us .left-content {
		display: flex;
		flex-direction: column;
		justify-content: end;
		padding-left: 30px;
		margin-bottom: 20px;
	}

	#about-us .left-content p.pagf-2 {
		margin-bottom: 20px;
	}

	#about-us .right-content {
		text-align: start;
	}

	#about-us .right-content h4 {
		font-size: 18px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	section#services {
		background: #F5F5F5;
		padding: 40px 0px;
	}

	#services h2 {
		font-size: 24px;
		font-weight: bold;
		font-family: 'GadugiCustom', sans-serif;
	}

	.footerTabs {
		background: #BFDEDD;
		/* border-top: 2px solid rgb(126, 150, 115); */
		display: flex;
		flex-direction: column;
		gap: 15px;
		align-items: center;
		padding: 20px;
		justify-content: space-between;
		border-radius: 0px 0px 5px 5px;
		font-size: 16px;
		color: rgb(0, 0, 0);
		font-weight: bold;
		color: #264749;
	}

	#notre-equipe {
		padding: 40px 0;
	}

	#notre-equipe h2 {
		font-size: 28px;
		
		margin-bottom: 54px;
		font-weight: bold;
	}

	.swiper-button-prev {
		left: -24px;
	}

	.swiper-button-next {
		right: -22px;
	}

	.therapist-card .buttons {
		margin-top: 15px;
		flex-direction: column;        margin-bottom: 10px;
	}

	.therapist-card .buttons a {
		width: auto !important;
	}

	#atelier .right-content {
		padding-left: 16px;
	}

	#atelier {
		background-image: none;
		background-size: cover;
		background-position: center center;
		padding: 0px 0 60px;
		text-align: center;
	}

	#atelier h2 {
		font-size: 28px;
		
		font-weight: bold;
		color: #000;
		margin-bottom: 18px;
	}

	#atelier .green-box {
		border-radius: 23px;
		padding: 60px 60px 60px 30px;
		background: linear-gradient(90deg, rgba(145, 185, 188, 1) 100%, rgba(191, 222, 221, 1) 0%);
		margin-bottom: 30px;
		text-align: center;
		margin-left: 0px;
	}

	#atelier .green-box .item {
		text-align: start;

	}

	#soutien-physique {
		padding: 20px 0;
	}

	#soutien-physique .header-top h2 {
		font-size: 28px;
		font-weight: bold;
		
	}

	#soutien-physique .img-container {
		margin: auto 0;
		padding: 0 40px;
		margin-top: 20px;
	}

	#temoignages {
		/* background: url(../img/img_temoignages.jpg) center top / cover no-repeat; */
		padding: 40px 0px 100px;
		margin-bottom: -150px;
		background: linear-gradient(90deg, rgba(145, 185, 188, 1) 100%, rgba(191, 222, 221, 1) 0%);
	}

	#temoignages h2 {
		font-size: 26px;
		font-weight: bold;
		margin-bottom: 36px;
	}

	#map-container .form-container {
		display: none;
	}

	.mobile-form .form-container {
		padding: 20px 5px 0;
	}

	.mobile-form iframe {

		height: 460px !important;
	}

	#contact-us {
		padding: 30px 0;
	}

	#contact-us .contact-us-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 14px;
		flex-direction: column;
		text-align: center;
	}

	#contact-us .contact-us-content .social-icons {
		justify-content: center !important;
	}


	.mobile-form {
		max-width: 532px;
		margin: 20px auto;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
	}

	.mobile-form .form-container h5 {
		font-size: 18px;
		
		font-weight: bold;
	}
}

@media(max-width:573px) {
	br {
		display: none;
	}

	.fomulaireLP {
		/* margin: 0 8px; */
	}

	#bannerLP {
		background: url(../img/banner.jpg) left top / cover no-repeat;
		width: 100vw;
		position: relative;
		opacity: 0;
		animation: 2s ease-out 0s 1 normal forwards running fadeIn;
		padding-bottom: 50px;
		display: flex;
		justify-content: end;
		height: auto;
		background-position-x: -689px;
	}

	#bannerLP::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 1; /* Ensure it sits above the banner content */
}

#bannerLP .container {
	z-index: 2;
}

	#services h2 {
		font-size: 18px;
		font-weight: bold;
		font-family: 'GadugiCustom', sans-serif;
	}

	#services .tab-content .items {
		padding-left: 0;
		padding-right: 0%;
	}

	#services .tab-content .items .item {
		display: flex;
		gap: 12px;
		align-items: center;
		background: linear-gradient(90deg, rgba(145, 185, 188, 1) 0%, rgba(191, 222, 221, 1) 100%);
		border-radius: 2rem;
		padding: 4px 0px 7px 8px;
		font-size: 14px;
		
		font-weight: bold;
	}

	#atelier .green-box {
		border-radius: 23px;
		padding: 40px 20px;
		background: linear-gradient(90deg, rgba(145, 185, 188, 1) 100%, rgba(191, 222, 221, 1) 0%);
		margin-bottom: 30px;
		text-align: center;
		margin-left: 0px;
	}

	#atelier .green-box .items {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-top: 30px;
	}

	#atelier .green-box .items .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	#atelier .green-box .items .item p {
		margin-bottom: 0px;
		font-size: 18px;
		
		text-align: center;
	}

	#temoignages h2 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 36px;
	}

	#blocElfsight {
		background: rgb(255, 255, 255);
		padding: 40px 20px !important;
		min-height: 302px;
		max-width: 332px;
		margin: 0 auto;
		padding: 50px 0;
		border-radius: 10px;
	}

	.swiper-button-prev {
		left: -2px;
	}

	.swiper-button-next {
		right: -2px;
	}
}


@media(max-width:473px) {


	#bannerLP .fomulaireLP iframe {
		height: 540px !important;
	}

	.mobile-form .form-container iframe {
		height: 595px !important;
	}
}





/* thank you page ===================================== */
.merci-content {
	background-image: url(../img/bg_merci.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100vh;
}

.merci-content .merci-title {
	color: #FFF;
}

/* Phone Button Merci Page */
.phone-link-merci {
	background-color: transparent;
	border: 2px solid #91B9BC !important;
	text-decoration: none;
	transition: all 0.3s;
	padding-right: 20px;
	margin-top: 20px;
}

.phone-link-merci:hover {
	background-color: #91B9BC;
	text-decoration: none;
}

.phone-icon-wrapper-merci {
	padding: 8px;
	background-color: #91B9BC;
	flex-shrink: 0;
}

.phone-icon-wrapper-merci svg {
	min-width: 35px;
	min-height: 35px;
}

.phone-number-merci {
	color: #FFF;
	font-size: 32px;
}

.phone-link-merci:hover .phone-number-merci {
	background-color: none;
	text-decoration: none;
	color: #000;
}

.footer-merci {
	background-color: rgba(0, 0, 0, 0.8) !important;
}

@media(max-width:524px) {
	.btn-phone-merci {
		background: linear-gradient(135deg, #104690 0%, #1B75BC 100%);
		border: 2px solid #1B75BC;
		border-radius: 0px;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(16, 70, 144, 0.4);
		min-width: 281px;
		background: transparent;
		padding: 0;
	}

	.btn-phone-merci .phone-number {
		font-size: 26px;
		letter-spacing: 1px;
	}
}
/* ===== Équipe : numéro de permis et liens à venir (mise à jour 2026) ===== */
.therapist-card .card-header p.permis {
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #BFDEDD;
	margin-bottom: 8px;
}

.therapist-card .overlay-content em {
	color: #BFDEDD;
	font-size: 13px;
}


/* Au survol, l'overlay ne dépasse jamais la carte : la liste défile, les boutons restent visibles */
.therapist-card:hover .overlay {
	display: flex;
	flex-direction: column;
	max-height: calc(100% - 30px);
}

.therapist-card .overlay .card-header,
.therapist-card .overlay .buttons {
	flex-shrink: 0;
}

.therapist-card:hover .overlay-content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: hidden; /* pas de barre pendant l'animation d'ouverture */
	scrollbar-width: thin;
	scrollbar-color: #91B9BC transparent;
}

.therapist-card .buttons.flex-column .btn {
	font-size: 14px;
	padding: 6px 12px;
}

/* Barre de défilement activée seulement une fois l'animation terminée (voir script dans index.html) */
.therapist-card:hover .overlay-content.scroll-pret {
	overflow-y: auto;
}

/* Couleurs des boutons de réservation */
.therapist-card .buttons .btn-outline-light { color: #FFF; }
.therapist-card .buttons .btn-light { color: #1E1E1E; }

/* ===== Section fondatrice — « L'humain avant tout. » ===== */
#fondatrice {
	background-color: #fff;
	color: #000;
	padding: 96px 0;
}

#fondatrice .fondatrice-grille {
	display: grid;
	grid-template-columns: 400px minmax(0, 762px);
	column-gap: 84px;
	justify-content: center;
	align-items: start;
}

#fondatrice .fondatrice-carte {
	background-color: #CAE2E1;
	border-radius: 8px;
	padding:15px 15px 24px;
	margin: 0;
}

#fondatrice .fondatrice-carte img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 326 / 435;
	object-fit: cover;
	border-radius: 8px;
}

#fondatrice .fondatrice-carte figcaption {
	padding-top: 18px;
}

#fondatrice .fondatrice-carte h3 {
	
	font-weight: bold;
	font-size: 32px;
	line-height: 1.2;
	color: #000;
	margin: 0 0 2px;
}

#fondatrice .fondatrice-carte figcaption p {
	
	font-size: 20px;
	line-height: 1.4;
	color: #000;
	margin: 0;
}

#fondatrice h2 {
	
	font-weight: bold;
	font-size: 42px;
	line-height: 1.15;
	color: #000;
	margin: 3px 0 34px;
}

#fondatrice .fondatrice-texte > p {
	
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: justify;
	margin-bottom: 24px;
}

#fondatrice .fondatrice-texte > p strong {
	font-weight: bold;
}

#fondatrice .fondatrice-valeurs {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 44px;
	margin: 26px 0 26px;
}

#fondatrice .valeur {
	display: flex;
	align-items: center;
	gap: 14px;
}

#fondatrice .valeur img {
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
}

#fondatrice .valeur p {
	
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	margin: 0;
	padding: 0 0 0 14px;
	border-left: 2px solid #CAE2E1;
	min-height: 48px;
	display: flex;
	align-items: center;
}

#fondatrice .valeur:first-child p {
	white-space: nowrap;
}

#fondatrice .btn-main {
	
	font-size: 17px;
	padding: 15px 26px;
}

#fondatrice .valeur.valeur-grande p {
	font-size: 22px;
	line-height: 24px;
}

@media (max-width: 1400px) {
	#fondatrice .fondatrice-grille { grid-template-columns: 340px minmax(0, 1fr); column-gap: 56px; }
}

@media (max-width: 992px) {
	#fondatrice { padding: 60px 0; }
	#fondatrice .fondatrice-grille { grid-template-columns: 1fr; row-gap: 40px; }
	#fondatrice .fondatrice-carte { max-width: 372px; width: 100%; margin: 0 auto; }
	#fondatrice h2 { font-size: 34px; }
}

@media (max-width: 768px) {
	#fondatrice .fondatrice-valeurs { grid-template-columns: 1fr; gap: 20px; }
	#fondatrice .valeur:first-child p { white-space: normal; }
	#fondatrice .fondatrice-texte > p { text-align: left; }
}

@media (max-width: 573px) {
	#fondatrice br { display: inline; }
}