/***** Global *****/

/** fonts **/

/* poppins-100 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/poppins-v22-latin-100.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-100italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 100;
	src: url('../fonts/poppins-v22-latin-100italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/poppins-v22-latin-200.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 200;
	src: url('../fonts/poppins-v22-latin-200italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/poppins-v22-latin-300.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 300;
	src: url('../fonts/poppins-v22-latin-300italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/poppins-v22-latin-regular.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/poppins-v22-latin-italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/poppins-v22-latin-500.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 500;
	src: url('../fonts/poppins-v22-latin-500italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/poppins-v22-latin-600.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 600;
	src: url('../fonts/poppins-v22-latin-600italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/poppins-v22-latin-700.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/poppins-v22-latin-700italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/poppins-v22-latin-800.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-800italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 800;
	src: url('../fonts/poppins-v22-latin-800italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900 - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/poppins-v22-latin-900.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-900italic - latin */
@font-face {
	font-display: swap;
	/* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 900;
	src: url('../fonts/poppins-v22-latin-900italic.woff2') format('woff2');
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: clamp(1.4rem, 1.289rem + 0.222vi, 1.6rem);
	line-height: calc(15/10);
	color: var(--black)
}

h1,
h2,
h3,
h4,
.h3-like,
.h4-like {
	font-weight: 600;
	line-height: calc(13/10);
}

h1,
h2,
h3,
.h3-like {
	color: var(--darkblue);
}

h1,
h2 {
	font-size: clamp(2.4rem, 1.974rem + 0.851vi, 3.2rem);
	margin-bottom: clamp(1.6rem, 1.486rem + 0.286vi, 2.4rem);
}

h3,
.h3-like {
	font-size: clamp(1.8rem, 1.747rem + 0.132vi, 2rem);
	margin-bottom: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
}

h4,
.h4-like {
	color: var(--mediumblue);
	margin-bottom: clamp(1rem, 0.895rem + 0.263vi, 1.4rem);
}

a {
	text-decoration: none;
	color: #1A0310;
}

.subtitle {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
	color: var(--mediumblue);
}

.text-center {
	text-align: center;
}

.bg-darkblue .acf-content h2,
.bg-darkblue .acf-content h3,
.bg-darkblue .acf-content h4,
.bg-darkblue .acf-content a {
	color: var(--white);
}

/** colors **/

:root {
	--black: #03080F;
	--lightgrey: #EFEFEF;
	--white: #ffffff;
	--verylightblue: #EEFAFD;
	--lightblue: #45ABA5;
	--mediumblue: #2C7187;
	--darkblue: #16345F;
	--doctolibcolor: #107aca;
	--gradientmain: linear-gradient(56deg, rgba(22, 52, 95, 1) 0%, rgba(44, 113, 135, 1) 71%, rgba(69, 171, 165, 1) 100%);
	--gradientmainreverse: linear-gradient(56deg, rgba(69, 171, 165, 1) 0%, rgba(44, 113, 135, 1) 29%, rgba(22, 52, 95, 1) 100%);
}

.white-color {
	color: var(--white);
}

.black-color {
	color: var(--black);
}

.lightgrey-color {
	color: var(--lightgrey);
}

.verylightblue-color {
	color: var(--verylightblue);
}

.lightblue-color {
	color: var(--lightblue);
}

.mediumblue-color {
	color: var(--mediumblue);
}

.darkblue-color {
	color: var(--darkblue);
}

.gradient-main {
	background: linear-gradient(56deg, rgba(22, 52, 95, 1) 0%, rgba(44, 113, 135, 1) 71%, rgba(69, 171, 165, 1) 100%);
}

.gradient-main-reverse {
	background: linear-gradient(56deg, rgba(69, 171, 165, 1) 0%, rgba(44, 113, 135, 1) 29%, rgba(22, 52, 95, 1) 100%);
}

.bg-white {
	background-color: var(--white);
}

.bg-verylightblue {
	background-color: var(--verylightblue);
}

.bg-lightblue {
	background-color: var(--lightblue);
}

.bg-mediumblue {
	background-color: var(--mediumblue);
}

.bg-darkblue {
	background-color: var(--darkblue);
}

/** img **/

img {
	border-radius: 3rem;
}

/***** Helpers *****/

.no-scroll {
	overflow: hidden;
}

/***** Layout *****/

main {
	position: relative;
	overflow: hidden;
	display: grid;
}

.container,
.container-wide,
.container-small,
.container-tiny {
	position: relative;
	display: grid;
	margin-inline: auto;
	padding-inline: 1.6rem;
}

main .container,
.container-wide,
.container-small,
.container-tiny {
	padding-block: clamp(5.6rem, 4.547rem + 2.632vi, 9.6rem);
}

/* section.bg-verylightblue+section:not(.bg-verylightblue) .container,
section.bg-verylightblue+section:not(.bg-verylightblue) .container-small,
section.bg-verylightblue+section:not(.bg-verylightblue) .container-tiny,
section.bg-darkblue+section:not(.bg-darkblue) .container,
section.bg-darkblue+section:not(.bg-darkblue) .container-small,
section.bg-darkblue+section:not(.bg-darkblue) .container-tiny {
	padding-top: clamp(10.4rem, 8.505rem + 4.737vi, 17.6rem);
}

section:not(.bg-verylightblue):has(+ section.bg-verylightblue) .container,
section:not(.bg-verylightblue):has(+ section.bg-verylightblue) .container-small,
section:not(.bg-verylightblue):has(+ section.bg-verylightblue) .container-tiny,
section:not(.bg-darkblue):has(+ section.bg-darkblue) .container,
section:not(.bg-darkblue):has(+ section.bg-darkblue) .container-small,
section:not(.bg-darkblue):has(+ section.bg-darkblue) .container-tiny {
	padding-bottom: clamp(10.4rem, 8.505rem + 4.737vi, 17.6rem);
} */

/* 📱 Mobile (par défaut) */
.container,
.container-wide,
.container-small,
.container-tiny {
	width: 100%;
}

@media (min-width: 36em) {

	/* équivalent 576px */
	.container,
	.container-wide,
	.container-small,
	.container-tiny {
		max-width: 54rem;
	}
}

@media (min-width: 48em) {

	/* équivalent 768px */
	.container,
	.container-wide,
	.container-small,
	.container-tiny {
		max-width: 72rem;
	}
}

@media (min-width: 62em) {

	/* équivalent 992px */
	.container,
	.container-wide,
	.container-small {
		max-width: 96rem;
	}
}

@media (min-width: 75em) {

	/* équivalent 1200px */
	.container,
	.container-wide,
	.container-small {
		max-width: 114rem;
	}

}

@media (min-width: 90em) {

	/* équivalent 1440px */
	.container {
		max-width: 128rem;
	}

	.container-tiny {
		max-width: 86rem;
	}

	.container-small {
		max-width: 108rem;
	}

	.container-wide {
		max-width: 136rem;
	}

}

@media (min-width: 114em) {

	/* équivalent 1824px */
	.container {
		max-width: 140rem;
	}

	.container-tiny {
		max-width: 96rem;
	}


	.container-small {
		max-width: 118rem;
	}

	.container-wide {
		max-width: 148rem;
	}
}

.extra-margin {
	margin-bottom: clamp(5.6rem, 1.324rem + 4.31vi, 9.6rem)
}

/***** Components *****/

/** Button component (primary and secondary) **/

/* button common properties */

.btn-container {
	display: flex;
}

.btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
	font-weight: 600;
	border: none;
	border-radius: 5rem;
	cursor: pointer;
	box-shadow: 0px 5px 10px rgba(3, 8, 15, 0.1);
	margin-top: clamp(3.2rem, 2.779rem + 1.053vi, 4.8rem);
	background-size: 300% 100%;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.btn:hover {
	transform: translateY(-2px);
}

/* Primary button */

.primary-btn-bg-gradient,
.primary-btn-bg-blue,
.primary-btn-doctolib {
	padding-block: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
	padding-left: clamp(2.4rem, 2.295rem + 0.263vi, 2.8rem);
	padding-right: clamp(4.8rem, 4.589rem + 0.526vi, 5.6rem);
}

.primary-btn-bg-gradient {
	color: var(--white);
	background-image: linear-gradient(56deg, #16345F, #2C7187, #45ABA5, #45ABA5, #2C7187, #16345F);
}

.primary-btn-bg-blue {
	color: var(--darkblue);
	background: var(--verylightblue);
}

.primary-btn-doctolib {
	color: var(--white);
	background-color: var(--doctolibcolor);
}

.primary-btn-bg-gradient::after,
.primary-btn-bg-blue::after,
.primary-btn-doctolib::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1.8rem;
	width: clamp(2.4rem, 2.295rem + 0.263vi, 2.8rem);
	height: 100%;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s ease-out;
}

.primary-btn-bg-gradient::after {
	background-image: url('../img/primary-btn-arrow-blue-circle-white.svg');
}

.primary-btn-bg-blue::after {
	background-image: url('../img/primary-btn-arrow-white-circle-gradient.svg');
}

.primary-btn-doctolib::after {
	background-image: url('../img/primary-btn-icon-doctolib.svg');
}

.primary-btn-bg-gradient:hover,
.primary-btn-bg-blue:hover,
.primary-btn-doctolib:hover {

	background-position: 100% 0;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.primary-btn-bg-gradient:hover::after,
.primary-btn-bg-blue:hover::after,
.primary-btn-doctolib:hover::after {
	transform: scale(1.3) translateX(.5rem);
}

/* Secondary Button */

.secondary-btn {
	display: grid;
	padding: 0.2rem;
}

.secondary-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background: linear-gradient(56deg, #16345F, #2C7187, #45ABA5, #45ABA5, #2C7187, #16345F);
	background-size: 50% 100%
}

.secondary-btn span {
	position: relative;
	z-index: 2;
	display: block;
	padding-block: clamp(1rem, 0.895rem + 0.263vi, 1.4rem);
	padding-inline: clamp(2.2rem, 2.095rem + 0.263vi, 2.6rem);
	text-decoration: none;
	align-items: center;
	background: var(--verylightblue);
	border-radius: 50px;
	justify-content: center;
	box-sizing: border-box;
	height: 100%;
}

.secondary-btn:focus:before,
.secondary-btn:hover:before {
	animation: secondary-btn .75s linear infinite
}

@keyframes secondary-btn {
	to {
		transform: translateX(-50%)
	}
}

/** link components **/

/* Link - common properties */

.nav-link,
.menu-main {
	position: relative;
	display: inline-block;
	font-size: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
	font-weight: 400;
	padding-bottom: 0.5rem;
	cursor: pointer;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


/* La ligne de soulignement (cachée au départ) */
.nav-link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.2rem;
	/* Épaisseur de la ligne */
	background: linear-gradient(56deg, rgba(22, 52, 95, 1) 0%, rgba(44, 113, 135, 1) 50%, rgba(69, 171, 165, 1) 100%);
	transform: scaleX(0);
	/* Caché par défaut */
	transform-origin: left;
	transition: transform 0.4s ease-in-out;
}

.nav-link:hover::after {
	transform: scaleX(1);
	/* Affichage de la ligne */
}

/* Nav links arrow */

.arrow-link {
	display: flex;
	align-items: center;
	padding-right: 2.0rem;
}

.arrow-link::before {
	position: absolute;
	bottom: 0.2rem;
	width: clamp(1rem, 0.947rem + 0.132vi, 1.2rem);
	height: 100%;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s ease-out;
	background-image: url('../img/primary-btn-arrow-white-circle-gradient.svg');
}

.arrow-link:hover::before {
	transform: translateX(0.5rem);
}

@media (max-width: 89.999em) {

	.arrow-link a {
		font-size: 1.2rem;
	}

	.arrow-link::before {
		right: 0.8rem;
	}
}

@media (min-width: 90em) {

	.arrow-link a {
		font-size: 1.4rem;
	}

	.arrow-link::before {
		right: 0.6rem;
	}
}

/** Icon link components **/

.phone-link,
.mail-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(3.2rem, 2.989rem + 0.526vi, 4rem);
	height: clamp(3.2rem, 2.989rem + 0.526vi, 4rem);
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.cls-1-phone,
.cls-2-phone {
	fill: url(#icon-phone-gradient-main);
}

.cls-1-email,
.cls-2-email {
	fill: url(#icon-email-gradient-main);
}


.phone-link:hover,
.mail-link:hover {
	transform: translateY(-2px);
}

.phone-link:hover .cls-1-phone,
.phone-link:hover .cls-2-phone {
	fill: url(#icon-phone-gradient-main-reverse);
	/* Change le dégradé */
}

.mail-link:hover .cls-1-email,
.mail-link:hover .cls-2-email {
	fill: url(#icon-email-gradient-main-reverse);
}

/** acf link **/

.acf-content a {
	color: var(--mediumblue);
	font-weight: 600;
	text-decoration: underline;
}

.acf-content a:hover {
	color: var(--darkblue);
}

/** acf icon **/

.acf-content .acf-icon img {
	width: clamp(4rem, 3.789rem + 0.526vi, 4.8rem);
	height: clamp(4rem, 3.789rem + 0.526vi, 4.8rem);
	max-width: unset;
}

/** back-to-top button **/

#back-top {
	display: none;
	width: clamp(4rem, 2.286rem + 4.571vw, 6.4rem);
	height: clamp(4rem, 2.286rem + 4.571vw, 6.4rem);
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	z-index: 1000;
	border: none;
	outline: none;
	background-color: transparent;
	cursor: pointer;
	padding: 1rem;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#back-top::before {
	content: url('../img/back-top-button.svg');
	position: absolute;
	inset: 0;
	animation: slideDown 0.4s ease-in-out;
}

#back-top:hover::before,
#back-top:focus::before,
#back-top:active::before {
	content: url('../img/back-top-button-hover.svg');
	position: absolute;
	inset: 0;
}

/** Puces ACF **/

.acf-content ul {
	list-style: none;
	/* Supprime les puces par défaut */
	padding-left: 0;
	/* Ajuste l'indentation */
}

.acf-content ul li,
.article-item {
	position: relative;
	padding-left: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
	margin-block: clamp(0.8rem, 0.695rem + 0.263vi, 1.2rem);
	/* Espace pour insérer le SVG */
}

.acf-content ul li::before,
.article-item::before,
.single-box-wrapper.bg-white .acf-content ul li::before {
	content: "";
	position: absolute;
	left: clamp(1.2rem, 0.674rem + 1.316vi, 3.2rem);
	top: clamp(0.9rem, 0.821rem + 0.197vi, 1.2rem);
	transform: translateY(-50%);
	width: clamp(1rem, 0.84rem + 0.4vi, 1.4rem);
	height: clamp(1rem, 0.84rem + 0.4vi, 1.4rem);
	background-image: url('../img/puces_acf.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.bg-darkblue .acf-content ul li::before {
	background-image: url('../img/puces_acf_lightblue.svg');
}

.acf-content strong,
.acf-content b {
	font-weight: 600;
}

p+h2,
ul+h2 {
	margin-top: clamp(4rem, 2.88rem + 2.667vi, 8rem);
	;
}

p+h3,
h2+h3,
ul+h3 {
	margin-top: clamp(3.2rem, 2.989rem + 0.526vi, 4rem);
}

p+h4,
h2+h4,
h3+h4,
ul+h4 {
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

/** acf img **/

.acf-content img+br {
	display: none;
}

/* Par défaut, toutes les images prennent toute la largeur */
.acf-content img {
	width: auto;
	max-width: 70%;
	height: auto;
	max-height: 80rem;
	object-fit: cover;
}

.acf-content p:has(img + br + img),
.acf-content p:has(img + img) {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.6rem, 1.143rem + 1.143vi, 3.2rem);
	margin-block: clamp(4rem, 3.314rem + 1.714vi, 6.4rem);
	align-items: stretch;
	/* étirer les images sur toute la hauteur de la ligne */
	grid-auto-rows: clamp(40rem, 37.714rem + 5.714vi, 48rem);
}

/* Les images dans ces <p> prennent toute la cellule */
.acf-content p:has(img + br + img) img,
.acf-content p:has(img + img) img {
	width: 100%;
	max-width: none;
	height: auto;
	display: block;
}

.wp-caption {
	width: 100% !important;
	display: grid;
	margin-inline: auto;
	margin-top: clamp(3.2rem, 2.358rem + 2.105vi, 6.4rem);

}

.wp-caption+p,
.wp-caption+h3,
.wp-caption+h4,
.wp-caption+img,
.wp-caption+div {
	margin-top: clamp(3.2rem, 2.358rem + 2.105vi, 6.4rem);
}

.wp-caption-text {
	font-style: italic;
	text-align: center;
	margin-top: clamp(1.6rem, 0.985rem + 1.538vi, 3.2rem);
}

@media (min-width: 75em) {



	.acf-content img {
		max-width: 70%;
	}

	/* Transformer en grille 2 colonnes si un <p> contient 2 images */
	.acf-content p:has(img + br + img),
	.acf-content p:has(img + img) {
		grid-template-columns: 1fr 1fr;
	}


}


/** Header **/

.header {
	background: transparent;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.header .container-wide {
	padding-block: 1.6rem;
}


.menu-main-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-block: clamp(0.8rem, 0.589rem + 0.526vi, 1.6rem);
	padding-block: 0.8rem;
	padding-inline: 1.2rem;
	background-color: var(--verylightblue);
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
	border-radius: 5rem;
	border: solid 0.1rem #E6F2F5;
}

.header.sticky {
	z-index: 2000;
	position: fixed;
	top: 0;
	left: 0;
	background-color: var(--verylightblue);
	box-shadow: 0px 11px 50px 35px rgba(166, 160, 139, 0.15);
	animation: slideDown 0.4s ease-in-out;
}

@keyframes slideDown {
	from {
		transform: translateY(-10px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.header.sticky .container-wide {
	padding-block: 0rem;
}

.header.sticky .menu-main-wrapper {
	border: none;
	box-shadow: none;
}


.header.sticky .top-ribbon {
	display: none;
}

.logo {
	display: grid;
	align-items: center;
}

.logo img {
	border-radius: 0rem;
	width: clamp(14rem, 12.421rem + 3.947vi, 20rem);
}

.tagline {
	position: relative;
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	padding-left: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
}

.tagline::before {
	content: "";
	position: absolute;
	width: clamp(0.6rem, 0.547rem + 0.132vi, 0.8rem);
	height: clamp(0.6rem, 0.547rem + 0.132vi, 0.8rem);
	background: linear-gradient(56deg, rgba(22, 52, 95, 1) 0%, rgba(44, 113, 135, 1) 71%, rgba(69, 171, 165, 1) 100%);
	border-radius: 50%;
	top: clamp(0.5rem, 0.474rem + 0.066vi, 0.6rem);
	left: 0;
}


.top-ribbon-menu,
.top-ribbon,
.top-ribbon-right,
.top-ribbon-contact {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.top-ribbon {
	padding-inline: clamp(0.8rem, 0.379rem + 1.053vi, 2.4rem);
}

.top-ribbon-menu {
	column-gap: clamp(0.6rem, 0.337rem + 0.658vi, 1.6rem);
}

.top-ribbon-contact {
	column-gap: clamp(0.6rem, 0.495rem + 0.263vi, 1rem);
}

@media (max-width: 61.999em) {

	.tagline {
		display: none;
	}

	.top-ribbon-right {
		width: 100%;
	}
}

@media (min-width: 62em) {
	.top-ribbon-right {
		column-gap: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	}

	.arrow-link::before {
		right: 0.4rem;
	}

	.header.sticky .logo img {
		width: clamp(12rem, 11.342rem + 1.645vi, 14.5rem);
	}

	.header.sticky .menu-main-wrapper {
		padding-block: 0rem;
	}
}

/** Hero **/

.hero {
	position: relative;
	padding-top: 12.8rem;
}

.hero-single-chirurgiens {
	padding-top: clamp(8.8rem, 6.4rem + 4.8vi, 11.2rem);
}

.hero .container-wide {
	padding-block: 0rem;
}

.hero .hero-template-page-wrapper,
.hero .hero-single-page-wrapper,
.hero-home-page-wrapper {
	position: relative;
	display: grid;
	justify-content: left;
	align-items: center;
	padding-top: clamp(6.4rem, 4.716rem + 4.211vi, 12.8rem);
	padding-bottom: clamp(4.8rem, 2.905rem + 4.737vi, 12rem);
	padding-inline: clamp(3.2rem, 0.884rem + 5.789vi, 12rem);
	border-radius: 3rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 100%;
	width: 100%;
}



.p-wrapper p {
	color: var(--white);
}

@media (min-width: 36em) {

	.hero {
		padding-top: 13.6rem;
	}

	.hero-single-chirurgiens {
		padding-top: 10.4rem;
	}

}

@media (min-width: 48em) {

	.hero {
		padding-top: 14.4rem;
	}

	.hero-template-page-content {
		width: 72%;
	}

}

@media (min-width: 62em) {


	.hero-template-page-content {
		width: 54%;
	}

}

@media (min-width: 75em) {

	.hero {
		padding-top: 16rem;
	}

	.hero-home-page-content {
		width: 54%;
	}
}

@media (min-width: 90em) {

	.hero {
		padding-top: 16.8rem;
	}

}

/** Breadcrumb **/

.breadcrumb-wrapper .container {
	padding-top: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	padding-bottom: 0rem;
}

#breadcrumbs,
#breadcrumbs a,
.breadcrumbs a,
.breadcrumbs span,
.category-link {
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	color: var(--darkblue);
}

#breadcrumbs a,
.breadcrumbs a,
.category-link,
.auteur-link {
	text-decoration: underline;
	font-weight: 600;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#breadcrumbs a:hover,
.category-link:hover,
.breadcrumbs a:hover {
	color: var(--mediumblue);
	transform: translateY(-2px);
}

/* Conteneur du fil d'Ariane */
.breadcrumbs {
	display: flex;
	align-items: center;
}


.breadcrumbs a {
	margin-inline: 10px;
}

.breadcrumbs span:last-of-type {
	margin-left: 10px;
}

.doctors-breadcrumb {
	justify-self: flex-end;
	margin-top: 1.6rem;
}


/** Title Text Image Button bg white **/


.title-text-button .button-wrapper {
	display: grid;
	justify-content: center;
	align-items: center;
	margin-top: clamp(3.2rem, 2.779rem + 1.053vi, 4.8rem);
	padding-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-top: solid 1px #DAEAFF;
}

.button-wrapper .btn {
	justify-self: start;
}

ul.cards-3-container,
ul.cards-2-container,
ul.cards-2-container-alt {
	display: grid;
	row-gap: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
	margin-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	margin-inline: auto;
	width: 80%;
}

ul.cards-3-container:has(+ .acf-content),
ul.cards-2-container:has(+ .acf-content),
ul.cards-2-container-alt:has(+ .acf-content),
.cards-2-2 .img-wrapper:has(+ .acf-content),
.single-box-wrapper:has(+ .acf-content),
.video-wrapper:has(+ .acf-content) {
	margin-bottom: clamp(4rem, 3.314rem + 1.714vi, 6.4rem);
}

.cards-3-item,
.cards-2-item,
.cards-2-item-alt {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-block: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	padding-inline: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
}

.cards-3-item {
	justify-content: center;
}

.cards-2-item-alt {
	justify-content: start;
}

.cards-3-item {
	text-align: center;
}

.cards-2-item-alt {
	padding-block: clamp(4rem, 2.947rem + 2.632vi, 8rem);
	padding-inline: clamp(2.4rem, 1.347rem + 2.632vi, 6.4rem);
}

.cards-2-item-alt .acf-content {
	z-index: 100;
}

.bg-darkblue .cards-3-item,
.bg-darkblue .cards-2-item {
	border-color: var(--mediumblue);
	box-shadow: 0px 5px 30px rgba(30, 69, 124, 1);
}

.bg-darkblue .cards-2-item h3 {
	color: var(--mediumblue);
}

.cards-3-item.item-img-background,
.cards-2-item-alt.item-img-background {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 20.8rem;
	height: 100%;
	width: auto;
}

.cards-3-item.item-img-background img,
.cards-2-item-alt.item-img-background img {
	width: auto;
	height: 100%;
	object-fit: cover;
}

.title-text-button.bg-verylightblue .cards-3-item,
.title-text-button.bg-verylightblue .cards-2-item {
	border: solid 0.1rem #E6E6E6;
}

.cards-3-container .acf-content h4,
.cards-3-container .acf-content h3,
.cards-2-container .acf-content h4,
.cards-2-container .acf-content h3 {
	font-size: clamp(1.4rem, 1.343rem + 0.143vi, 1.8rem);
	text-transform: uppercase;
	margin-top: 0rem;
}

.cards-3-container .acf-content h4,
.cards-3-container .acf-content h3 {
	color: var(--mediumblue)
}

.cards-3-item .btn,
.cards-2-item .btn,
.cards-2-item-alt .btn {
	justify-self: center;
	margin-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
}

.title-text-button.cards-2-2 .acf-content.bis-content {
	text-align: left;
}


.cards-2-container-alt li:nth-child(3).item-img-background {
	aspect-ratio: 16 / 12;
}


.deco-wave {
	overflow: hidden;
	position: relative;
}

.deco-wave::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	aspect-ratio: 1 / 0.42;
	width: 100%;
	height: auto;
	/* L'image prend 50% de la hauteur */
	background-size: 100% auto;
	/* Largeur 100%, hauteur auto pour éviter le crop */
	background-position: bottom center;
	/* Aligner en bas */
	background-repeat: no-repeat;
	background-image: url('../img/background-wave-cover.webp');
}

@media (min-width: 48em) {

	ul.cards-3-container,
	ul.cards-2-container,
	ul.cards-2-container-alt {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		gap: 2.4rem;
	}

	.cards-2-item-alt:nth-child(3) {
		grid-column: 1/3;
	}

	.cards-2-container-alt li:nth-child(3).item-img-background {
		aspect-ratio: unset;
	}
}

@media (min-width: 75em) {

	ul.cards-3-container {
		grid-template-columns: repeat(3, 1fr);
	}

	.title-text-button .button-wrapper {
		grid-template-columns: 3fr 2fr;
	}

	.title-text-button .button-wrapper .btn {
		margin-top: 0rem;
		justify-self: end;
	}

}

/** Title Text Encart 2 par 2 et image **/


ul.cards-2-container li {
	padding-inline: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
	position: relative;
}

.title-text-button-intro {
	display: grid;
}

.list-number {
	position: absolute;
	left: 4%;
	top: -8%;
	font-size: clamp(12rem, 10.737rem + 3.158vi, 16.8rem);
	font-weight: 600;
	background: linear-gradient(180deg, rgba(69, 171, 165, 0.6) 0%, rgba(69, 171, 165, 0) 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cards-2-item .acf-content {
	z-index: 10;
}

.title-text-button.cards-2-2 .img-wrapper {
	margin-inline: auto;
	width: 80%;
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

.title-text-button.cards-2-2 .img-wrapper img {
	margin: auto;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 12;
	object-fit: cover;
}


@media (min-width: 48em) {

	.title-text-button.cards-2-2 .img-wrapper {
		width: 100%;
	}
}

@media (min-width: 75em) {

	.title-text-button.cards-2-2 .img-wrapper img {
		aspect-ratio: 16 / 9;
	}

	.title-text-button.cards-2-2 .button-wrapper {
		grid-template-columns: 1fr 1fr;
	}

}

/** Title Text Encart 2 par 3 en escalier **/

.stairs-setup ul {
	counter-reset: li-counter;
}

.stairs-setup li.cards-2-item-alt .acf-content h3,
.stairs-setup li.cards-2-item-alt .acf-content h4 {
	text-transform: uppercase;
}



.stairs-setup ul.cards-2-container-alt li.title-text-item::before {
	content: counter(li-counter);
	counter-increment: li-counter;
	position: absolute;
	left: 4%;
	top: -5%;
	font-size: clamp(12rem, 10.737rem + 3.158vi, 16.8rem);
	font-weight: 600;
	background: linear-gradient(180deg, rgba(69, 171, 165, 1) 0%, rgba(69, 171, 165, 0) 72%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.item-img-background {
	aspect-ratio: 16 / 12;
}

.stairs-setup ul.cards-2-container-alt li {
	position: relative;
}

@media (min-width: 48em) {


	.stairs-setup ul.cards-2-container-alt li {
		grid-row: span 2;
	}


	/* 🔹 impaires → colonne 1 */
	.stairs-setup ul.cards-2-container-alt li:nth-child(2n+1) {
		grid-column: 1 / 2;
	}

	/* 🔹 paires → colonne 2 */
	.stairs-setup ul.cards-2-container-alt li:nth-child(2n) {
		grid-column: 2 / 3;
	}

	.stairs-setup ul.cards-2-container-alt li:nth-child(1) {
		grid-row: 1 / 3;
	}

	.stairs-setup ul.cards-2-container-alt li:nth-child(2) {
		grid-row: 2 / 4;
	}

	.stairs-setup ul.cards-2-container-alt li:nth-child(3) {
		grid-row: 3 / 5;
	}

	.stairs-setup ul.cards-2-container-alt li:nth-child(4) {
		grid-row: 4 / 6;
	}

	.stairs-setup ul.cards-2-container-alt li:nth-child(5) {
		grid-row: 5 / 7;
	}

	.item-img-background {
		aspect-ratio: unset;
	}


}


/** Title Text Image Button bg light blue narrow **/

.title-text-button-narrow-bg-lightblue .bg-verylightblue {
	display: grid;
	border-radius: 3rem;
	padding-block: clamp(4.8rem, 3.116rem + 4.211vi, 11.2rem);
	padding-inline: clamp(2.4rem, 0.505rem + 4.737vi, 9.6rem);
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
}

.title-text-button-narrow-bg-lightblue .button-wrapper .btn {
	justify-self: start;
}

/** Title Text Image 50/50 **/

.title-text-img-50-50 .container {
	row-gap: clamp(2.4rem, 1.317rem + 2.707vi, 4rem);
}

.title-text-img-50-50 .img-wrapper {
	border-radius: 3rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 16 / 12;
	height: auto;
	width: 100%;
}

.title-text-img-50-50 img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.title-text-img-50-50 .button-wrapper {
	display: grid;
	align-items: center;
	margin-top: clamp(3.2rem, 2.779rem + 1.053vi, 4.8rem);
	padding-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-top: solid 1px #DAEAFF;
}

@media (min-width: 62em) {

	.title-text-img-50-50 .img-wrapper {
		aspect-ratio: 16 / 9;
	}

	.title-text-img-50-50 .container {
		grid-template-columns: 5fr 7fr;
		column-gap: clamp(8rem, 5.434rem + 2.586vi, 10.4rem);
		row-gap: 0rem;
	}

	.title-text-img-50-50 .container.img-right {
		grid-template-columns: 7fr 5fr;
	}

	.title-text-img-50-50 .img-wrapper {
		aspect-ratio: unset;
	}

	.title-text-img-50-50 .img-right .img-wrapper {
		grid-area: 1/2/2/3;
	}

	.title-text-img-50-50 img {
		height: 100%;
		width: auto;
		object-fit: cover;
	}

	.title-text-img-50-50 .content-wrapper {
		padding-block: clamp(3.2rem, 1.49rem + 1.724vi, 4.8rem);
	}
}

/** Title Text Image 50/50 Key Numbers **/

.title-text-img-50-50.key-number-box .container {
	row-gap: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
}

.title-text-img-50-50.key-number-box .content-wrapper {
	grid-row: 1/2;
}

.title-text-img-50-50.key-number-box .img-wrapper {
	grid-row: 2/3;
}


.button-key-numbers {
	grid-row: 3/4;
	display: grid;
	row-gap: clamp(4.8rem, 4.379rem + 1.053vi, 6.4rem);
	padding-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-top: solid 1px #DAEAFF;
}

.title-text-img-50-50.key-number-box .button-wrapper {
	text-align: center;
	grid-area: 2/1/3/2;
	border-top: none;
	margin-top: 0rem;
	padding-top: 0rem;
}

.title-text-img-50-50.key-number-box .button-wrapper .btn {
	justify-self: center;
}

.key-number-container {
	grid-area: 1/1/2/2;
	display: grid;
	justify-content: center;
	row-gap: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
}

.key-number-item {
	text-align: center;
}

.key-number {
	text-align: center;
	font-size: clamp(4.8rem, 4.48rem + 0.8vi, 5.6rem);
	font-weight: 600;
}


@media (min-width: 62em) {


	.button-key-numbers {
		display: grid;
		grid-template-columns: 2fr 3fr;
		column-gap: clamp(4rem, 3.158rem + 2.105vi, 7.2rem);
		grid-area: 2/1/3/3;
	}

	.title-text-img-50-50.key-number-box .button-wrapper {
		text-align: left;
		grid-area: 1/1/2/2;
	}

	.key-number-container {
		display: flex;
		justify-content: space-between;
		padding-inline: clamp(2.4rem, 1.547rem + 0.861vi, 3.2rem);
		grid-area: 1/2/2/3;
		column-gap: 2.4rem;
	}

	.title-text-img-50-50.key-number-box .button-wrapper .btn {
		justify-self: self-start;
	}

	.title-text-img-50-50.key-number-box .container {
		grid-template-columns: 1fr 1fr;
	}

	.title-text-img-50-50.key-number-box .img-wrapper {
		grid-row: 1/2;
	}

}

@media (min-width: 90em) {

	.button-key-numbers {
		grid-template-columns: 1fr 1fr;
	}

}

/** Title Text single box **/

.single-box-wrapper.bg-white h2,
.single-box-wrapper.bg-white h3,
.single-box-wrapper.bg-white h4 {
	color: var(--darkblue);
}

.single-box-wrapper {
	display: grid;
	border-radius: 3rem;
	margin-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	padding-block: clamp(4rem, 2.526rem + 3.684vi, 9.6rem);
	padding-inline: clamp(2.4rem, 0.505rem + 4.737vi, 9.6rem);
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
}

.bg-darkblue .single-box-wrapper.bg-white {
	border-color: var(--mediumblue);
	box-shadow: 0px 5px 30px rgba(30, 69, 124, 1);
}

.title-text-single-box .button-wrapper {
	display: grid;
	justify-content: center;
	align-items: center;
	margin-top: clamp(3.2rem, 2.779rem + 1.053vi, 4.8rem);
	padding-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-top: solid 1px #DAEAFF;
}

@media (min-width: 75em) {

	.title-text-single-box .button-wrapper {
		grid-template-columns: 3fr 2fr;
	}

	.title-text-single-box .button-wrapper .btn {
		margin-top: 0rem;
		justify-self: end;
	}
}

/** Img only **/

.img-only img {
	margin: auto;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 12;
	object-fit: cover;
}

.image-caption {
	display: grid;
	justify-content: center;
	margin-top: clamp(1.2rem, 0.884rem + 0.789vi, 2.4rem);
	font-style: italic;
	color: var(--darkblue);
	text-align: center;
}

.bg-darkblue .image-caption {
	color: var(--white);
}

@media (min-width: 75em) {

	.img-only img {
		width: 80%;
		aspect-ratio: 16 / 9;
	}

}

/** Img grid **/

.img-grid-list {
	display: grid;
	justify-content: center;
	align-items: center;
	gap: clamp(3.2rem, 2.057rem + 3.571vi, 5.6rem);
}

.img-grid-img {
	border-radius: 3rem;
	aspect-ratio: 16 / 12;
}

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


@media (min-width: 62em) {


	.img-grid-list {
		grid-template-columns: 1fr 1fr;
	}
}

/** title text et video **/

.video-wrapper {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin-top: clamp(4rem, 3.314rem + 1.714vi, 6.4rem);
	border-radius: 1.5rem;
}

.video-wrapper iframe {
	z-index: 99;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	border-radius: 1.5rem;
}

/** disclaimer **/


.disclaimer-wrapper {
	position: relative;
	margin: auto;
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
	padding-right: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	padding-block: clamp(4.8rem, 4.168rem + 1.579vi, 7.2rem);
}

.disclaimer-wrapper .acf-content {
	padding-left: clamp(8rem, 7.158rem + 2.105vi, 11.2rem);
}

.disclaimer-wrapper::before {
	position: absolute;
	top: 30%;
	left: 5%;
	width: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	height: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/icon_disclaimer_graident.svg');
}

@media (min-width: 62em) {

	.disclaimer-wrapper {
		width: 50%;
	}

}

/** CTA middle page  **/

.cta-middle-page.bg-verylightblue {
	z-index: 10;
	overflow: hidden;
	width: 80%;
	margin: auto;
	margin-bottom: -10rem;
	border-radius: 3rem;
	text-align: center;
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 30px rgba(3, 8, 15, 0.1);
}

.cta-middle-page.bg-verylightblue .container-small {
	padding: clamp(3.2rem, 2.358rem + 2.105vi, 6.4rem) !important;
}

.cta-middle-page .cta-middle-page-text {
	font-size: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	font-weight: 600;
	height: calc(12/10);
}

section.cta-middle-page.bg-verylightblue+section .container,
section.cta-middle-page.bg-verylightblue+section .container-small,
section.cta-middle-page.bg-verylightblue+section .container-tiny {
	padding-top: clamp(16rem, 11.789rem + 10.526vi, 32rem);
}

section:has(+ .cta-middle-page.bg-verylightblue) .container,
section:has(+ .cta-middle-page.bg-verylightblue) .container-small,
section:has(+ .cta-middle-page.bg-verylightblue) .container-tiny {
	padding-bottom: clamp(11.2rem, 9.029rem + 5.429vi, 18.8rem);
}


@media (min-width: 48em) {

	.cta-middle-page.bg-verylightblue {
		width: 70%;
		margin-bottom: -12rem;
	}

}

@media (min-width: 48em) {

	.cta-middle-page.bg-verylightblue {
		width: 60%;
		margin-bottom: -14rem;
	}

}

@media (min-width: 75em) {

	.cta-middle-page.bg-verylightblue {
		width: 50%;
		margin-bottom: -16rem;
	}

}

@media (min-width: 90em) {

	.cta-middle-page.bg-verylightblue {
		width: 40%;
		margin-bottom: -18rem;
	}

}


/** CTA Bas de page  **/


section.cta-bottom-page.gradient-main .container-small,
section.cta-bottom-page.bg-verylightblue .container-small {
	padding-block: clamp(5.6rem, 5.389rem + 0.526vi, 6.4rem) !important;
	text-align: center;
	align-items: center;
	justify-content: center
}

.cta-bottom-page .cta-bottom-page-text {
	font-size: clamp(2.4rem, 1.974rem + 0.851vi, 3.2rem);
	font-weight: 600;
	height: calc(12/10);
}

section:has(+ .cta-bottom-page) .container,
section:has(+ .cta-bottom-page) .container-small,
section:has(+ .cta-bottom-page) .container-tiny {
	padding-bottom: clamp(10.4rem, 8.505rem + 4.737vi, 17.6rem);
	/* Changer le padding selon ton besoin */
}

@media (min-width: 62em) {


	section.cta-bottom-page.gradient-main .container-small,
	section.cta-bottom-page.bg-verylightblue .container-small {
		grid-template-columns: 3fr 2fr;
		align-items: center;
		text-align: left;
	}

	.cta-bottom-page .button-wrapper {
		justify-self: self-end;
	}

	.cta-bottom-page .btn {
		margin-top: 0rem;
	}
}

/** Liste chirurgiens encarts grid et sliders  **/

.doctor-slider-2-row h2 {
	color: var(--white);
}

.doctor-slider-2-row-top-part {
	display: grid;
	text-align: center;
}

.chirurgien-wrapper,
#chirurgies-slider,
#pathologies-slider,
.hero-home-link-boxes {
	margin-block: clamp(5.6rem, 4.968rem + 1.579vi, 8rem);
}

.hero-home-link-boxes {
	margin-top: 2.4rem;
}

.chirurgien-card,
.chirurgie-card,
.pathologie-card,
.link-boxes-item {
	position: relative;
}

.chirurgie-card:hover,
.chirurgien-card:hover,
.pathologie-card:hover,
.link-boxes-item:hover {
	opacity: 1 !important;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.chirurgien-card-link,
.link-boxes-item-link {
	position: relative;
	display: block;
	/* Hauteur proportionnelle */
	border-radius: 3rem;
	overflow: hidden;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background: var(--bg-img) top center/100% no-repeat;
}

.chirurgien-card-link {
	padding-top: 120%;
}

.chirurgien-card-link:hover,
.link-boxes-item-link:hover {
	background-size: 130%;
}

.chirurgie-link,
.pathologie-link {
	position: relative;
	display: block;
	aspect-ratio: 1.3 / 1;
	border-radius: 3rem;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	overflow: hidden;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.chirurgie-link::before,
.pathologie-link::before {
	content: "";
	position: absolute;
	inset: 0;
	/* Prend toute la place de l'élément parent */
	background: linear-gradient(153deg, rgba(18, 44, 78, 0.25) 0%, rgba(22, 52, 95, 0.25) 76%);
	transition: opacity 0.5s ease-in-out;
}

.chirurgie-link:hover::before,
.pathologie-link:hover::before {
	opacity: 0;
}

.doctolib-icon {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 4rem;
	height: 4rem;
	z-index: 2;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.chirurgie-taxonomy,
.pathologie-taxonomy {
	font-style: italic;
	margin-bottom: clamp(0.8rem, 0.695rem + 0.263vi, 1.2rem);
}

.cta-arrow {
	z-index: 100;
	position: absolute;
	top: 5%;
	right: 5%;
	width: 4rem;
	height: 4rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/icon-arrow-gradient-bg-circle-white.svg');
}

#chirurgies-slider .cta-arrow,
#pathologies-slider .cta-arrow,
.bento-grid-wrapper .cta-arrow,
.link-boxes-item .cta-arrow {
	background-image: url('../img/icon-arrow-transparent.svg');
}

/* Zone texte en bas de la carte */
.chirurgien-info,
.chirurgie-info,
.pathologie-info,
.link-boxes-info {
	display: grid;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.chirurgien-info,
.chirurgie-info,
.link-boxes-info {
	padding-inline: 2.4rem;
	padding-bottom: 2.4rem;
}

.pathologie-info {
	padding-inline: 1.6rem;
	padding-bottom: 1.6rem;
}

.chirurgien-info {
	padding-top: 100%;
	background: linear-gradient(360deg, rgba(44, 113, 135, 1) 5%, rgba(69, 171, 165, 0) 50%);
}

.link-boxes-info {
	padding-top: 100%;
	background: linear-gradient(360deg, rgba(22, 52, 95, 1) 5%, rgba(69, 171, 165, 0) 50%);
}

.pathologie-info h3 {
	text-align: center;
	border-radius: 1.5rem;
	padding: 2.4rem;
	box-shadow: inset 0px 5px 20px rgba(234, 243, 255, 0.2);
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	/* Compatibilité Safari */
}

.chirurgien-info h3,
.link-boxes-info h2 {
	font-size: 1.8rem;
	margin-bottom: clamp(0.8rem, 0.133rem + 0.556vi, 1.2rem);
}

.chirurgie-info h3,
.pathologie-info h3 {
	margin-bottom: 0rem;
}

/* Icon cliquable */

.button-card.splide__slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: self-start;
	padding-inline: 3.2rem;
	border-radius: 3rem;
}

/* Style pour la section du slider */
#chirurgien-slider .splide__track,
#chirurgies-slider .splide__track,
#pathologies-slider .splide__track {
	overflow: visible !important;
	margin-bottom: clamp(5.6rem, 4.547rem + 2.632vi, 9.6rem);
}

#chirurgien-slider .splide__slide {
	width: calc(80% - 40px) !important;
	margin-right: 20px !important;
}


#chirurgies-slider .splide__slide,
#pathologies-slider .splide__slide {
	width: calc(90% - 40px) !important;
	margin-right: 20px !important;
}

.splide__slide {
	opacity: 0.6 !important;
}

.splide__slide.is-visible {
	opacity: 1 !important;
}

#chirurgien-slider .splide__pagination.dot-pagination-wrapper.splide__pagination--ltr,
#chirurgies-slider .splide__pagination.dot-pagination-wrapper.splide__pagination--ltr,
#pathologies-slider .splide__pagination.dot-pagination-wrapper.splide__pagination--ltr {
	bottom: -4rem;
}

#chirurgien-slider .splide__arrow,
#chirurgies-slider .splide__arrow,
#pathologies-slider .splide__arrow {
	width: clamp(4.8rem, 4.379rem + 1.053vi, 6.4rem);
	height: clamp(4.8rem, 4.379rem + 1.053vi, 6.4rem);
	right: 0;
	top: unset;
	bottom: -10.4rem;
	background-color: var(--white);
	border: 1px solid var(--mediumblue);
	box-shadow: 0px 5px 30px rgba(3, 8, 15, 0.1);
}

#chirurgien-slider .splide__arrow.splide__arrow--prev,
#chirurgies-slider .splide__arrow.splide__arrow--prev,
#pathologies-slider .splide__arrow.splide__arrow--prev {
	left: unset;
	right: clamp(6.4rem, 5.979rem + 1.053vi, 8rem);
}

#chirurgien-slider .splide__arrow svg,
#chirurgies-slider .splide__arrow svg,
#pathologies-slider .splide__arrow svg {
	width: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	height: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	fill: var(--mediumblue);
}

#chirurgies-slider .splide__pagination__page.is-active,
#pathologies-slider .splide__pagination__page.is-active {
	background: var(--gradientmain);
}


@media (min-width: 62em) {

	#chirurgien-slider .splide__slide,
	#chirurgies-slider .splide__slide,
	#pathologies-slider .splide__slide {
		width: calc(33.3333% - 13.3333px) !important;
	}
}

@media (min-width: 75em) {

	.splide {
		visibility: visible !important;
	}

	.splide.is-initialized:not(.is-active) .splide__list {
		display: grid !important;
	}

	.chirurgien-wrapper {
		margin-inline: auto;
		margin-bottom: 0rem;
	}

	.chirurgiens-list.splide__list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: clamp(2.4rem, -0.267rem + 2.222vi, 4rem);
	}

	.doctor-slider-2-row-top-part {
		width: 80%;
		margin: auto;
	}

	.chirurgien-info h3 {
		font-size: 1.8rem;
		margin-bottom: clamp(0.4rem, -0.267rem + 0.556vi, 0.8rem);
	}

	.chirurgien-info p,
	.link-boxes-item p {
		font-size: clamp(1.4rem, 1.067rem + 0.278vi, 1.6rem);
	}

	/* Style pour la section du slider */
	#chirurgien-slider .splide__track {
		overflow: hidden !important;
		margin-bottom: 0rem;
	}

	#chirurgien-slider .splide__slide {
		width: 100% !important;
		margin-right: 0px !important;
		opacity: 1 !important;
	}

	#chirurgien-slider .splide__slide.is-prev {
		opacity: 1 !important;
	}
}

/** Liste chirurgiens encarts 3 columns  **/

.chirurgiens-grid-3-row .subtitle,
.chirurgiens-grid-3-row .acf-content {
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

.chirurgiens-grid-3-row-list {
	display: grid;
	justify-content: center;
	align-items: center;
	row-gap: clamp(6.4rem, 5.979rem + 1.053vi, 8rem);
	width: 80%;
	margin-inline: auto !important;
	margin-top: clamp(4rem, 2.947rem + 2.632vi, 8rem) !important;
	text-align: center;
}

.chirurgiens-grid-3-item {
	width: 100%;
	max-width: 48rem;
	margin: 0 auto;
	/* Centre si besoin */
}

.chirurgiens-grid-3-photo {
	display: grid;
	aspect-ratio: 1 / 1.15;
	border-radius: 3rem;
	background-size: cover;
	background-position: top center;
	/* Positionne l'image au sommet */
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	margin-bottom: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

.chirurgiens-grid-3-buttons {
	display: grid;
	justify-content: center;
}

.chirurgiens-grid-3-buttons .btn {
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

@media (min-width: 48em) {

	.chirurgiens-grid-3-row-list {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		column-gap: clamp(3.2rem, 0.533rem + 2.222vi, 4.8rem);
	}
}

/** bloc chirurgiens spécialités 2 row  **/

.chirurgiens-grid-specialty-2-row-list {
	display: grid;
	align-items: center;
	justify-content: center;
	gap: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	margin-top: clamp(4rem, 2.947rem + 2.632vi, 8rem) !important;
	margin-inline: auto !important;
}

.chirurgiens-grid-specialty-2-row-list-item {
	position: relative;
	overflow: hidden;
	display: grid;
	border-radius: 3rem;
	background-color: var(--verylightblue);
	padding: clamp(3.2rem, 2.779rem + 1.053vi, 4.8rem);
}

.chirurgiens-grid-specialty-2-row-list-item::after {
	position: absolute;
	bottom: -1rem;
	right: -2rem;
	height: 24rem;
	aspect-ratio: 1 / 1.4;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	pointer-events: none;
}

.chirurgiens-genou::after {
	right: -4rem;
	background-image: url('../img/knee-bg-gradient.svg');
}

.chirurgiens-hanche::after {
	background-image: url('../img/hip-bg-gradient.svg');
}

.chirurgiens-epaule::after {
	background-image: url('../img/shoulder-bg-gradient.svg');
}

.chirurgiens-coude::after {
	background-image: url('../img/elbow-bg-gradient.svg');
}

.chirurgiens-main-poignet::after {
	background-image: url('../img/hand-bg-gradient.svg');
}

.chirurgiens-pied::after {
	background-image: url('../img/hand-bg-gradient.svg');
}

.chirurgiens-grid-specialty-2-row-list-photo {
	display: grid;
	aspect-ratio: 1 / 1.15;
	border-radius: 3rem;
	background-size: cover;
	background-position: top center;
	/* Positionne l'image au sommet */
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	margin-bottom: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

.chirurgiens-grid-specialty-2-row-list-info {
	display: grid;
}

.chirurgiens-grid-specialty-2-row-list-info {
	display: grid;
	gap: 2.4rem;
}

.chirurgiens-grid-specialty-2-row-list-contact {
	display: flex;
	flex-direction: column;
}

.chirurgiens-grid-specialty-2-row-list-buttons {
	display: grid;
	justify-items: self-start;
}

.chirurgiens-grid-specialty-2-row-list-buttons .secondary-btn {
	margin-top: 1.6rem;
}

.chirurgien-specialty-tel {
	margin-bottom: 0.8rem;
}

.chirurgien-specialty-tel,
.chirurgien-specialty-mail {
	position: relative;
	padding-left: 3.2rem;

}

.chirurgien-specialty-tel::before,
.chirurgien-specialty-mail::before {
	position: absolute;
	bottom: 0.4rem;
	left: 0;
	width: 2.4rem;
	height: 2.4rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
}

.chirurgien-specialty-tel::before {
	background-image: url('../img/icon-phone.svg');
}

.chirurgien-specialty-mail::before {
	background-image: url('../img/icon-email.svg');
}

.specialty-anchor-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	justify-content: center;
	gap: 2rem;
}

.specialty-anchor-item {
	display: grid;
	text-align: center;
}

.specialty-anchor-item a {
	position: relative;
	font-weight: 600;
	color: var(--darkblue);
	padding-inline: 1.6rem;
	padding-block: 3.2rem;
	background-color: var(--verylightblue);
	border-radius: 1.5rem;
	border: solid 0.1rem #E6F2F5;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.specialty-anchor-item a span.cta-arrow {
	top: unset;
	right: 1rem;
	bottom: 1rem;
	width: 1.4rem;
	height: 1.4rem;
	background-image: url('../img/arrow-anchor.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	pointer-events: none;
}

.specialty-anchor-item a:hover {
	color: var(--mediumblue);
	border: solid 0.1rem var(--lightblue);
	transform: translateY(2px);
}

@media (min-width: 48em) {

	.chirurgiens-grid-specialty-2-row-list {
		width: 100%;
		grid-template-columns: 1fr 1fr;
	}

}

@media (min-width: 90em) {

	.specialties-anchor-menu .container-wide {
		padding-bottom: 0rem;
	}

	.specialty-anchor-list {
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	}

	.chirurgiens-grid-specialty-2-row-list-item {
		grid-template-columns: 5fr 9fr;
		column-gap: clamp(2.4rem, 1.067rem + 1.111vi, 3.2rem);
		padding: clamp(2.4rem, 1.067rem + 1.111vi, 3.2rem);
	}

	.chirurgiens-grid-specialty-2-row-list-photo {
		grid-area: 1/1/3/2;
		aspect-ratio: unset;
		width: auto;
		height: 100%;
		margin-bottom: 0rem;
		border-radius: 1.5rem;
	}


	.chirurgiens-grid-specialty-2-row-list-info {
		grid-area: 1/2/2/3;
		gap: 0rem;
		padding-top: clamp(1.6rem, 0.267rem + 1.111vi, 2.4rem);
	}

	.chirurgiens-grid-specialty-2-row-list-buttons {
		grid-area: 2/2/3/3;
		padding-bottom: clamp(1.6rem, 0.267rem + 1.111vi, 2.4rem);
	}

	.chirurgiens-grid-specialty-2-row-list-item::after {
		right: -6.4rem;
		height: 32rem;
	}

}

/** Bento Grid  **/

.bento-grid-intro {
	display: grid;
	text-align: center;
}

.bento-grid-wrapper {
	margin-top: clamp(5.6rem, 4.968rem + 1.579vi, 8rem);
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.bento-item {
	aspect-ratio: 1 / 1;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding: 1.6rem;
	border-radius: 3rem;
	background-size: cover;
	background-position: center;
	color: white;
	text-decoration: none;
	overflow: hidden;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


.bento-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
	background-image: inherit;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.bento-item:hover::before {
	transform: scale(1.2);
	/* L'image grossit au hover */
}

.bento-content {
	border-radius: 1.5rem;
	padding: 1.6rem;
	box-shadow: inset 0px 5px 20px rgba(234, 243, 255, 0.2);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	/* Compatibilité Safari */
}

.bento-content h3 {
	font-size: 1.8rem;
	margin-bottom: 0rem;
}

.bento-content p {
	display: none;
	font-size: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
}

@media (min-width: 36em) {

	.bento-content p {
		display: block;
	}

}

@media (min-width: 62em) {

	.bento-grid-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.bento-content h3 {
		margin-bottom: clamp(0.8rem, 0.133rem + 0.556vi, 1.2rem);
	}

}

@media (min-width: 75em) {

	.bento-grid-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

	.bento-item {
		padding: 2.4rem;
		aspect-ratio: unset;
	}

	.item-1,
	.item-4,
	.item-3 {
		aspect-ratio: 1 / 1.2;
	}

	.item-2,
	.item-5,
	.item-6 {
		aspect-ratio: 1.4 / 1;
	}

	.item-1 {
		grid-row: span 2;
	}

	/* 2 lignes */
	.item-2 {
		grid-row: span 1;
	}

	/* 1 ligne */
	.item-3 {
		grid-row: span 2;
	}

	/* 1 ligne */
	.item-4 {
		grid-row: span 2;
	}

	/* 2 lignes */
	.item-5 {
		grid-row: span 1;
	}

	/* 2 lignes */
	.item-6 {
		grid-row: span 1;
	}

	.bento-content {
		padding: 2.4rem;
	}



}

/** Bento Grid  Reviews **/

.bento-grid-reviews {
	width: 80%;
	margin-top: clamp(5.6rem, 4.968rem + 1.579vi, 8rem) !important;
	margin-inline: auto !important;
	display: grid;
	align-items: center;
	gap: 20px;
}

.bento-grid-reviews-item {
	position: relative;
	padding: 3.2rem;
	padding-bottom: 7.2rem;
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 30px rgba(3, 8, 15, 0.1);
}

.bento-grid-reviews-item:nth-child(n+4) {
	display: none;
}

.bento-grid-reviews-btn {
	padding: 3.2rem;
	border-radius: 3rem;
}

.review-name {
	font-weight: 600;
	margin-bottom: clamp(0.8rem, 0.695rem + 0.263vi, 1.2rem);
}

.bento-grid-reviews-item::before {
	position: absolute;
	top: 2.4rem;
	right: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/icon-google-reviews.svg');
}

.bento-grid-reviews-item::after {
	position: absolute;
	bottom: 3.2rem;
	left: 3.2rem;
	height: 1.8rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
}

.bento-grid-reviews-item.note-4::after {
	width: 8.8rem;
	background-image: url('../img/reviews-4-stars.svg');
}

.bento-grid-reviews-item.note-5::after {
	width: 11.2rem;
	background-image: url('../img/reviews-5-stars.svg');
}

@media (min-width: 48em) {

	.bento-grid-reviews {
		width: 100%;
		grid-template-columns: 1fr 1fr;
		align-items: stretch;
	}

}


@media (min-width: 75em) {

	.bento-grid-reviews-item:nth-child(n+4) {
		display: block;
	}

	.bento-grid-reviews {
		grid-template-columns: repeat(3, 1fr);
	}

	.bento-grid-reviews-item:nth-of-type(1) {
		grid-row: 1/3;
	}


	.bento-grid-reviews-item:nth-of-type(2) {
		grid-row: 1/4;
	}

	.bento-grid-reviews-item:nth-of-type(3) {
		grid-row: 1/2;
	}

	.bento-grid-reviews-item:nth-of-type(4) {
		grid-row: 3/8;
	}

	.bento-grid-reviews-item:nth-of-type(5) {
		grid-row: 4/7;
	}

	.bento-grid-reviews-item:nth-of-type(6) {
		grid-row: 2/5;
	}

	.bento-grid-reviews-item:nth-of-type(7) {
		grid-column: 3/4;
		grid-row: 5/8;
	}

	.bento-grid-reviews-item:nth-of-type(8) {
		grid-row: 7/9;
	}

	.bento-grid-reviews-btn {
		grid-column: 3/4;
		grid-row: 8/11;
	}

}


/** Bloc actualités home **/

.featured-articles-grid {
	display: flex;
	flex-direction: column;
	gap: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	margin-top: clamp(5.6rem, 4.968rem + 1.579vi, 8rem)
}

/* Article principal */
.featured-article-main {
	position: relative;
	background-size: cover;
	background-position: center;
	color: white;
	border-radius: 3rem;
	min-height: 400px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
}

.featured-article-date {
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	margin-bottom: 0.5rem;
}

.featured-article-main-content {
	padding: clamp(3.2rem, 2.358rem + 2.105vi, 6.4rem);
}

.featured-article-main-title {
	color: var(--white)
}

.featured-articles-grid h2,
.featured-articles-grid h3 {
	margin-top: 0rem;
}

.read-more-button {
	display: inline-block;
	color: white;
	border: 1px solid white;
	padding: 1rem 2rem;
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	border-radius: 3rem;
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.read-more-button:hover {
	transform: translateY(-2px);
}

/* Articles secondaires */
.featured-article-secondary {
	display: grid;
	grid-template-columns: 2fr 3fr;
	column-gap: 2.4rem;
	padding-top: 2.4rem;
	align-items: center;
	justify-content: center;
	border-top: solid 0.1rem #E6F2F5;
}

.secondary-thumbnail {
	width: auto;
	height: 100%;
	min-height: 15.6rem;
	background-size: cover;
	background-position: center;
	border-radius: 1.5rem;
}

.secondary-content {
	flex-grow: 1;
}

.featured-article-secondary .single-post-item-arrow {
	margin-top: 0rem;
}

@media (min-width: 62em) {


	.featured-articles-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.featured-article-main {
		grid-area: 1/1/4/2;
	}

	.featured-article-secondary {
		grid-template-columns: 16.8rem 1fr;
		grid-column: 2/3;
		grid-row: span 1;
	}

	.featured-article-secondary.first-secondary {
		padding-top: 0rem;
		border-top: none;
	}

	.secondary-thumbnail {
		min-height: 14.4rem;
	}


}

/** Bloc encart gauche content droite **/

.bloc-left {
	display: grid;
	row-gap: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	margin-block: clamp(1.6rem, 1.179rem + 1.053vi, 3.2rem);
	padding: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	border-radius: 3rem;
	background-color: var(--verylightblue);
	border: solid 0.1rem #E6F2F5;
}

.content-right {
	display: grid;
	row-gap: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	margin-block: clamp(1.6rem, 1.179rem + 1.053vi, 3.2rem);
}

.bloc-left .acf-content,
.content-right .acf-content {
	display: grid;
	grid-template-columns: 48px 1fr;
	column-gap: 1.6rem;
}

@media (min-width: 62em) {

	.bloc-left-content-right-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		column-gap: clamp(4rem, 1.434rem + 2.586vi, 6.4rem);
	}

}


/** Bloc implantations **/


.implantations-wrapper h3 {
	padding-top: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-top: solid 1px #DAEAFF;
}

.implantations-list {
	display: grid;
	align-items: flex-start;
	row-gap: clamp(6.4rem, 5.6rem + 2vi, 8rem);
	margin-block: 4rem !important;
}

.implantation-item {
	display: grid;
	row-gap: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
}

.implantation-detail {
	position: relative;
	display: grid;
	align-items: center;
}

.implantation-detail .acf-content {
	padding-left: 3.2rem;
}

.implantation-detail::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.2rem;
	height: 2.8rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/icon-localisation-white-bg.svg);
}

.bg-darkblue .implantation-detail::before {
	background-image: url(../img/icon-localisation-bg-darkblue.svg);
}


.bg-darkblue .implantation-itinerary-box .acf-content ul li::before {
	background-image: url('../img/puces_acf.svg');
}



.implantation-detail .btn {
	margin-top: clamp(1.6rem, 1.179rem + 1.053vi, 3.2rem);
}


.implantation-itinerary-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-block: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	padding-inline: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
}

.implantation-itinerary-box .acf-content h4 {
	color: var(--darkblue);
}

.bg-darkblue .implantation-itinerary-box {
	border-color: var(--mediumblue);
	box-shadow: 0px 5px 30px rgba(30, 69, 124, 1);
}

.infowindow-content a {
	color: #007bff;
	text-decoration: underline;
	font-weight: bold;
}

.infowindow-content p {
	margin: 0 0 5px;
}

.gmap-wrapper {
	border-radius: 3rem;
	overflow: hidden;
}

.acf-map-lazy img {
	border-radius: 0rem;
}

.acf-map-lazy {
	position: relative;
	width: 100%;
	/* Ou une largeur fixe comme 600px */
	padding-top: 56.25%;
	/* 16:9 aspect ratio */
	height: 0;
}

.acf-map-lazy>div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 62em) {

	.implantations-list {
		grid-template-columns: 1fr 1fr;
		column-gap: clamp(4rem, 1.434rem + 2.586vi, 6.4rem);
	}

	.implantation-detail {
		grid-template-columns: 3fr 2fr;
	}

	.implantation-detail .btn {
		margin-top: 0rem;
	}

}

/** footer  **/

footer {
	position: relative;
	background: var(--black);
}

footer .container-wide {
	row-gap: clamp(3.2rem, 1.516rem + 4.211vi, 9.6rem);
	padding-bottom: clamp(3.2rem, 2.989rem + 0.526vi, 4rem);
}

ul.clinic-list {
	display: grid;
	row-gap: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
}

li.clinic-item {
	display: grid;
	row-gap: clamp(0.6rem, 0.547rem + 0.132vi, 0.8rem);
}

.clinic-title {
	font-weight: 600;
}

.clinic-contact {
	display: grid;
	row-gap: clamp(0.4rem, 0.347rem + 0.132vi, 0.6rem);
}

.logo-footer img {
	border-radius: 0rem;
	width: 66%;
}

.disclaimer-footer {
	position: relative;
	padding-left: clamp(4.8rem, 4.379rem + 1.053vi, 6.4rem);
}

.disclaimer-footer::before {
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	height: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../img/icon-information.svg');
}

.nav-footer {
	display: grid;
	row-gap: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
}

footer ul.link-menu {
	display: grid;
	row-gap: clamp(0.4rem, 0.347rem + 0.132vi, 0.6rem);
}

.footer-title {
	font-size: clamp(2rem, 1.895rem + 0.263vi, 2.4rem);
	font-weight: 600;
}

footer .link-menu a {
	color: var(--white);
}

.nav-footer.legal-links {
	padding-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	border-top: 1px solid var(--darkblue);
}

.nav-footer-link a,
.footer-link-contact {
	position: relative;
	display: inline-block;
	padding-bottom: 0.4rem;
	cursor: pointer;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}


/* La ligne de soulignement (cachée au départ) */
.nav-footer-link a::after,
.footer-link-contact::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.2rem;
	background: var(--white);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.4s ease-in-out;
}

.nav-footer-link a:hover::after,
.footer-link-contact:hover::after {
	transform: scaleX(1);
}

@media (min-width: 48em) {


	.logo-footer img {
		width: 80%;
	}

	.disclaimer-footer {
		margin-block: auto;
	}

	footer .container-wide {
		grid-template-columns: 1fr 1fr;
		align-items: start;
		column-gap: clamp(4rem, 2.526rem + 3.684vi, 9.6rem);
	}


	.disclaimer-footer {
		grid-area: 1/2/2/3;
	}

	ul.clinic-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: clamp(4rem, 2.526rem + 3.684vi, 9.6rem);
		justify-content: center;
		grid-area: 2/1/3/3;
	}

	.nav-footer.legal-links {
		grid-column: 1/3;
	}

	.nav-footer.legal-links .nav-footer-link {
		position: relative;
	}

	.nav-footer.legal-links ul.link-menu {
		display: flex;
		align-items: center;
	}

	.nav-footer.legal-links .nav-footer-link:not(:last-child)::after {
		content: "|";
		/* Séparateur */
		margin: 0 clamp(2.4rem, 1.768rem + 1.579vi, 4.8rem);
		/* Espacement */
		color: #ccc;
		/* Couleur du séparateur */
	}
}

@media (min-width: 75em) {


	.logo-footer img {
		width: 60%;
	}

	footer .container-wide {
		grid-template-columns: repeat(5, 1fr);
	}

	.logo-footer {
		grid-area: 1/1/2/3;
	}

	.disclaimer-footer {
		grid-area: 1/4/2/6;
		justify-self: self-end;
	}

	ul.clinic-list {
		grid-template-columns: 1fr;
		justify-content: center;
		grid-area: 2/1/3/3;
	}

	.nav-footer.main-nav-links {
		grid-area: 2/3/3/4;
	}

	.nav-footer.pathology-links {
		grid-area: 2/4/3/5;
	}


	.nav-footer.useful-links {
		grid-area: 2/5/3/6;
	}

	.nav-footer.legal-links {
		grid-column: 1/6;
	}

	.nav-footer.legal-links ul.link-menu {
		justify-content: center;
	}
}

/***** Pages spécifiques *****/


/** single **/

.hero .hero-single-page-wrapper {
	text-align: center;
}

.intro-single .container-tiny {
	padding-bottom: 0rem;
}

.intro-single-wrapper {
	margin: auto;
	border-radius: 3rem;
	background-color: var(--verylightblue);
	border: solid 0.1rem #E6F2F5;
}

.intro-single-wrapper {
	padding-inline: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	padding-block: clamp(4.8rem, 4.168rem + 1.579vi, 7.2rem);
}

.category-link-wrapper {
	padding-inline: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	font-style: italic;
	font-size: clamp(1.2rem, 1.144rem + 0.133vi, 1.4rem);
	margin-top: clamp(1.6rem, 0.267rem + 1.111vi, 2.4rem);
}

.hero-meta {
	font-size: clamp(1.2rem, 1.144rem + 0.133vi, 1.4rem);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
}

.auteur-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	gap: 8px;
}


.separator {
	margin: 0 4px;
	color: var(--lightblue);
}

.author-section .container {
	row-gap: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
}

.articles-nav {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(3, 1fr);
	border-top: solid 0.1rem #E6F2F5;
	border-bottom: solid 0.1rem #E6F2F5;
	padding-block: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
}

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

.nav-link-wrapper .nav-link {
	display: flex;
	gap: 1rem;
}

.next-link {
	justify-self: flex-end;
}


.all-posts-link {
	justify-self: center;
}

.arrow-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.3s ease;
}

.arrow-icon.prev {
	background-image: url('../img/arrow-prev.svg');
}

.arrow-icon.next {
	background-image: url('../img/primary-btn-arrow-white-circle-gradient.svg');
}

.next-link:hover .arrow-icon.next {
	transform: scale(1.1) translateX(0.5rem);
}

.prev-link:hover .arrow-icon.prev {
	transform: scale(1.1) translateX(-0.5rem);
}

.prev-link a.nav-link:hover::after,
.next-link a.nav-link:hover::after {
	display: none;
}

@media (min-width: 48em) {


	.author-section .chirurgiens-grid-specialty-2-row-list-item {
		grid-template-columns: 5fr 7fr;
		column-gap: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
		padding-inline: clamp(2.4rem, 1.067rem + 1.111vi, 3.2rem);
	}

	.author-section .chirurgiens-grid-specialty-2-row-list-photo {
		grid-area: 1/1/3/2;
		aspect-ratio: unset;
		width: auto;
		height: 100%;
		margin-bottom: 0rem;
	}


	.author-section .chirurgiens-grid-specialty-2-row-list-info {
		grid-area: 1/2/2/3;
		gap: 0rem;
		padding-top: clamp(1.6rem, 0.267rem + 1.111vi, 2.4rem);
	}

	.author-section .chirurgiens-grid-specialty-2-row-list-buttons {
		grid-area: 2/2/3/3;
		padding-bottom: clamp(1.6rem, 0.267rem + 1.111vi, 2.4rem);
	}

	.chirurgien-specialty-expertise {
		margin-bottom: clamp(2.4rem, 1.067rem + 1.111vi, 3.2rem);
	}

}


@media (min-width: 75em) {

	.hero .hero-single-page-wrapper {
		justify-content: center;
		padding-block: clamp(12rem, 9.333rem + 2.222vi, 13.6rem);
	}

	.hero .hero-single-page-wrapper .hero-single-page-content {
		width: 80%;
		margin-inline: auto;
	}

	.author-section .chirurgiens-grid-specialty-2-row-list-item {
		width: 80%;
		margin: auto;
	}
}

@media (min-width: 90em) {

	.hero .hero-single-page-wrapper .hero-single-page-content {
		width: 70%;
	}

}

/** Single Chirurgiens **/

.hero-single-chirurgiens .container {
	row-gap: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
}

.hero-single-chirurgiens-content {
	display: grid;
	grid-area: 2/1/3/2;
	row-gap: 2.4rem;
}

.hero-single-chirurgiens .img-wrapper {
	grid-area: 1/1/2/2;
}

.chirurgien-taxonomies {
	color: var(--mediumblue);
	margin-bottom: clamp(0.8rem, 0.695rem + 0.263vi, 1.2rem);
}

.hero-single-chirurgiens-content-contact {
	display: grid;
	justify-items: start;
	align-items: center;
	row-gap: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
}

.tel-link,
.email-link {
	display: grid;
	position: relative;
	padding-left: 4rem;
}

.tel-link::before,
.email-link::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 3.2rem;
	height: 3.2rem;
	content: '';
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
}

.nav-link.tel-link::after,
.nav-link.email-link::after {
	left: 4rem;
	width: calc(100% - clamp(4rem, 3.579rem + 1.053vi, 5.6rem));
}

.tel-link::before {
	background-image: url('../img/icon-phone.svg');
}

.email-link::before {
	background-image: url('../img/icon-email.svg');
}


.hero-single-chirurgiens .img-wrapper img {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: top;
}

.hero-single-chirurgiens .key-numbers-wrapper {
	display: grid;
	justify-content: center;
	align-items: center;
	row-gap: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	padding-top: clamp(2.4rem, 2.08rem + 0.8vi, 3.2rem);
	border-top: solid 1px #EFEFEF;
}

.key-numbers-list {
	display: grid;
	justify-content: center;
	align-items: center;
	row-gap: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	max-width: 24rem;
	margin: auto;
}

.encart-experience-list {
	display: grid;
	row-gap: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	margin-top: clamp(5.6rem, 4.968rem + 1.579vi, 8rem) !important;
}

.encart-experience-item {
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 30px rgba(3, 8, 15, 0.1);
	padding-inline: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
	padding-block: clamp(4.8rem, 4.168rem + 1.579vi, 7.2rem);
}

.encart-experience-item h3 {
	margin-bottom: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem)
}

.encart-experience-item .acf-content ul li {
	padding-left: clamp(1.6rem, 1.284rem + 0.789vi, 2.8rem);
}

.encart-experience-item .acf-content ul li::before {
	left: 0;
}

#writing-experience-single-chirurgien .container {
	row-gap: clamp(3.2rem, 2.568rem + 1.579vi, 5.6rem);
}

#writing-experience-single-chirurgien .container .nav-link {
	font-size: clamp(1.4rem, 1.289rem + 0.222vi, 1.6rem);
}

.section-intro,
.content-wrapper {
	display: grid;
}

@media (min-width: 62em) {

	.hero-single-chirurgiens .container {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		column-gap: clamp(8rem, 5.434rem + 2.586vi, 10.4rem);
	}

	.hero-single-chirurgiens-content {
		grid-area: 2/1/3/2;
		padding-left: clamp(7.2rem, 3.779rem + 3.448vi, 10.4rem);
	}


	.hero-single-chirurgiens .img-wrapper {
		grid-area: 1/2/4/3;
	}

	.hero-single-chirurgiens .img-wrapper img {
		aspect-ratio: 1 / 1;
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: top;
	}


	.hero-single-chirurgiens .key-numbers-wrapper {
		grid-area: 4/1/5/3;
		display: flex;
		justify-content: space-between;
		align-items: center;
		column-gap: clamp(4rem, 3.158rem + 2.105vi, 7.2rem);
	}

	.intro-key-number {
		text-align: left;
		max-width: 40%;
	}

	.key-numbers-list {
		display: flex;
		justify-content: space-between;
		max-width: 100%;
		column-gap: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
		margin: unset;
	}

	.key-numbers-list .key-number-item {
		max-width: 24rem;
	}

	.encart-experience-list {
		grid-template-columns: repeat(3, 1fr);
		column-gap: clamp(2.4rem, 0.69rem + 1.724vi, 4rem);
	}


}

/***** blocs spécifiques *****/

/** Hero home **/

#hero-home.hero .hero-home-page-wrapper {
	padding: 0rem;
}

#hero-home .hero-home-page-content {
	padding-block: clamp(4.8rem, 3.598rem + 3.004vi, 7.2rem);
	padding-inline: clamp(3.2rem, 1.598rem + 4.005vi, 6.4rem);
	border-radius: 3rem;
	background-color: var(--verylightblue);
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
}

.hero-home-page-intro {
	position: relative;
	z-index: 2;
}

#hero-home h1 {
	color: var(--darkblue);
}

#hero-home .hero-home-page-wrapper p {
	color: var(--black);
}

.hero-hotspot-wrapper {
	display: none;
}

.link-boxes-list {
	display: grid;
	row-gap: 2rem;
}

.link-boxes-item-link {
	padding-top: 70%;
}

@media (min-width: 48em) {

	.link-boxes-list {
		grid-template-columns: 1fr 1fr;
		column-gap: 2rem;
	}

}



@media (min-width: 75em) {

	#hero-home.hero .hero-home-page-wrapper {
		position: relative;
		padding-inline: clamp(5.6rem, 0.267rem + 4.444vi, 8.8rem);
		padding-block: clamp(7.2rem, 1.867rem + 4.444vi, 10.4rem);
	}

	#hero-home .hero-home-page-content {
		padding-block: 5.6rem;
		padding-inline: 4.8rem;
		box-shadow: none;
	}

	#hero-home.hero .deco-wave::before {
		display: none;
	}

	.hero-hotspot-wrapper {
		display: block;
	}

	.hero-hotspot-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	.hotspot-wrapper {
		display: flex;
		align-items: center;
		gap: 1rem;
		position: absolute;
		pointer-events: auto;
		cursor: pointer;
		transition: all 0.5s ease-in-out;
	}

	.btn-hero-wrapper {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.hotspot {
		position: relative;
		display: inline-flex;
		align-items: center;
		text-decoration: none;
		text-transform: uppercase;
		color: white;
		font-weight: 600;
		font-size: clamp(1rem, 0.667rem + 0.278vi, 1.2rem);
		padding-block: clamp(0.8rem, 0.133rem + 0.556vi, 1.2rem);
		padding-inline: clamp(1.6rem, 0.933rem + 0.556vi, 2rem);
		background: linear-gradient(56deg, rgba(22, 52, 95, 0.25) 25%, rgba(44, 113, 135, 0.25) 60%, rgba(69, 171, 165, 0.25) 95%);
		border-radius: 5rem;
		box-shadow: inset 0px 5px 20px rgba(234, 243, 255, 0.2);
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		transition: all 0.5s ease-in-out;
	}

	.hotspot:hover {
		transform: translateY(-2px);
		background: linear-gradient(56deg, rgba(22, 52, 95, 0.5) 25%, rgba(44, 113, 135, 0.5) 60%, rgba(69, 171, 165, 0.5) 95%);
	}

	.marqueur-svg {
		width: 2rem;
		height: 2rem;
	}

	.hotspot-wrapper.epaule {
		top: 37%;
		left: 62%;
	}

	.hotspot-wrapper.coude {
		top: 34%;
		left: 78%;
	}

	.hotspot-wrapper.main {
		top: 52%;
		left: 56%;
	}

	.hotspot-wrapper.hanche {
		top: 50%;
		left: 77%;
	}

	.hotspot-wrapper.genou {
		top: 62%;
		left: 67%;
	}

	.hotspot-wrapper.pied {
		top: 71%;
		left: 83%;
	}

	.link-boxes-list {
		grid-template-columns: repeat(4, 1fr);
	}

	.link-boxes-item-link {
		padding-top: 100%;
	}

}

@media (min-width: 90em) {

	.hotspot-wrapper.epaule {
		top: 35%;
		left: 64%;
	}

	.hotspot-wrapper.coude {
		top: 33%;
		left: 78%;
	}

	.hotspot-wrapper.main {
		top: 52%;
		left: 57%;
	}

	.hotspot-wrapper.hanche {
		top: 50%;
		left: 77%;
	}

	.hotspot-wrapper.genou {
		top: 63%;
		left: 68%;
	}

	.hotspot-wrapper.pied {
		top: 72%;
		left: 83%;
	}
}

/** FAQ page **/

.accordion {
	display: grid;
	row-gap: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	margin-top: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	padding: 0;
}

.accordion-item {
	border-radius: 1.5rem;
	border: solid 0.1rem #E6F2F5;
	box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
	overflow: hidden;
}

.faq-section h3 {
	margin-top: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
}

.faq-section h4,
.accordion-title {
	font-size: clamp(1.4rem, 1.295rem + 0.263vi, 1.8rem);
	;
	margin-bottom: 0rem;
}


.accordion-title button {
	color: var(--darkblue);
	width: 100%;
	padding-left: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	padding-right: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
	padding-block: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	border: none;
	text-align: left;
	cursor: pointer;
	outline: none;
	position: relative;
	transition: transform 0.3s ease, content 0.3s ease;

}

.accordion-title button:hover,
.accordion-item.active button {
	color: var(--white);
	background: var(--gradientmain);
}

.accordion-title button::before {
	content: '+';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	/* Initialement sans rotation */
	font-size: 20px;
	transition: transform 0.3s ease, content 0.3s ease;

}

.accordion-item.active .accordion-title button::before {
	content: '-';
	color: var(--white);
	transform: translateY(-50%) rotate(180deg);
	/* Rotation de 45 degrés lorsqu'ouverte */
}

.accordion-content {
	padding: clamp(1.6rem, 0.968rem + 1.579vi, 4rem);
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.accordion-content[hidden] {
	display: none;
}

.faq-bloc .subtitle,
.faq-bloc h2,
.faq-bloc .acf-content {
	text-align: center;
}

/** Archive post **/

.single-post-list {
	display: grid;
	gap: 2rem;
	margin-top: 2rem;
}

.single-post-intro {
	border-radius: 3rem;
	padding: clamp(4.8rem, 4.379rem + 1.053vi, 6.4rem);
}

.single-post-intro h2 {
	margin-bottom: 0rem;
}

.single-post-item {
	display: flex;
	flex-direction: column;
	background: var(--verylightblue);
	overflow: hidden;
	padding: 2.4rem;
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}



.single-post-item:hover {
	border: solid 0.1rem var(--lightblue);
	transform: translateY(-4px);
}

.single-post-item:hover .arrow-link::before {
	transform: translateX(0.8rem);
	;
}

.single-post-item-thumbnail {
	aspect-ratio: 16 / 12;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-radius: 3rem;
	background-size: cover;
	background-position: center;
}

.single-post-item-content {
	padding: 1.5rem;
	gap: 0.75rem;
}

.single-post-item-date {
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	color: var(--mediumblue)
}

.read-more {
	display: inline-block;
}

.single-post-item-arrow {
	position: relative;
	font-size: clamp(1.2rem, 1.095rem + 0.263vi, 1.6rem);
	font-weight: 600;
	padding-bottom: 0.5rem;
	margin-top: 1.6rem;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.category-links-section .container {
	padding-bottom: 0rem;
}

.category-links ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2rem;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.category-links li {
	display: inline-block;
}

.category-links a {
	display: inline-block;
	padding: 1rem 2rem;
	font-size: clamp(1.2rem, 1.147rem + 0.132vi, 1.4rem);
	text-decoration: none;
	color: var(--mediumblue);
	border: 1px solid var(--mediumblue);
	background-color: transparent;
	/* Fond transparent */
	border-radius: 3rem;
	/* Coins arrondis */
	transition: background-color 0.3s, color 0.3s;
	/* Transition douce */
}

.category-links a:hover {
	background-color: var(--mediumblue);
	/* Fond bleu au survol */
	color: #fff;
	/* Texte blanc au survol */
}



@media (min-width: 75em) {

	.single-post-list {
		grid-template-columns: repeat(3, 1fr);
	}

	.single-post-item {
		grid-row: span 2;
	}


}


/** Taxonomy archive page **/

.single-link-list {
	display: grid;
	justify-content: center;
	align-items: center;
	gap: clamp(2.4rem, 2.189rem + 0.526vi, 3.2rem);
	margin-inline: auto;
}

.single-link-list .intro-texte {
	align-content: center;
	position: relative;
	margin-bottom: clamp(1.6rem, 1.389rem + 0.526vi, 2.4rem);
	padding: clamp(4rem, 3.579rem + 1.053vi, 5.6rem);
	border-radius: 3rem;
	background-color: var(--darkblue);
}

.intro-texte::before {
	content: attr(data-index);
	position: absolute;
	right: 5%;
	top: -5%;
	font-size: clamp(12rem, 10.737rem + 3.158vi, 16.8rem);
	font-weight: 600;
	background: linear-gradient(180deg, rgba(69, 171, 165, 1) 0%, rgba(69, 171, 165, 0) 80%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.intro-texte[data-index="2"]::before,
.intro-texte[data-index="4"]::before {
	background: linear-gradient(180deg, rgba(22, 52, 95, 1) 0%, rgba(22, 52, 95, 0) 80%);
	-webkit-background-clip: text;
	background-clip: text;
}

.taxonomy-single-list:nth-of-type(odd) .intro-texte {
	background-color: var(--mediumblue);
}

.encart-single-item {
	position: relative;
	padding: 3.2rem;
	padding-bottom: 5.6rem;
	border-radius: 3rem;
	border: solid 0.1rem #E6F2F5;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.encart-single-item:hover {
	border: solid 0.1rem var(--lightblue);
}


.encart-single h3 {
	margin-top: 0;
}


.encart-image {
	display: none;
}

.encart-single-item .cta-arrow {
	top: unset;
	right: 2.4rem;
	bottom: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url('../img/icon-arrow-bg-gradient-full.svg');
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	pointer-events: auto !important;
}


@media (min-width: 48em) {

	.single-link-list {
		grid-template-columns: 1fr 1fr;
		align-items: stretch;
	}

	.single-link-list .intro-texte {
		margin-bottom: 0rem;
	}


	.encart-image {
		grid-area: 1/2/2/3;
		display: block;
		padding-block: clamp(4rem, 3.368rem + 1.579vi, 6.4rem);
		padding-inline: clamp(2.4rem, 1.979rem + 1.053vi, 4rem);
		border-radius: 3rem;
		border: solid 0.1rem #E6F2F5;
		box-shadow: 0px 5px 20px rgba(238, 250, 253, 1);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100%;
		width: 100%;
	}

}

@media (min-width: 75em) {

	.single-link-list {
		grid-template-columns: repeat(3, 1fr);
	}



	.encart-image {
		grid-area: unset;
		grid-row: span 3;
	}

	.encart-single-item {
		grid-row: span 2;
	}

	.single-link-list .intro-texte {
		grid-row: span 3;
	}


}

/** plan du site  **/

.plan-site-links .container-tiny{
	display: grid;
	row-gap: clamp(6.4rem, 5.979rem + 1.053vi, 8rem);
}

.plan-site-pages{
	display: grid;
}

@media (min-width: 62em) {


.plan-site-links .container-tiny{
	grid-template-columns: 1fr 1fr;
}

}