:root {
	/* sizes */
	--gap: 30px;
	--wrapper: 100%;
	--section-padding: 50px;
	--header-height: 64px;
	scroll-behavior: auto;
	/* colors */
	--bs-body-color: #222222;
	--bs-primary: #2068d2;
	--bs-secondary: #7fb2e0;
	--bs-gray: #d9d9de;
	--transition: cubic-bezier(0.53, 0.04, 0.16, 0.98);
	/* fonts */
	--bs-body-font-family: "Ruberoid", var(--bs-font-sans-serif);
	--header-font: "BlissPro", var(--bs-font-sans-serif);
	--bs-body-font-weight: 500;
	--h1-font: 2rem;
	--h2-font: 1.5rem;
	--h3-font: 1.3rem;
	--h4-font: 1.25rem;
	--h5-font: 1.125rem;
	--h6-font: 1rem;
}

.not-home .content-page__breadcrumbs {
	display: flex;
	align-items: center;
}

.not-home .content-page__breadcrumbs ul {
	flex-wrap: wrap;
}

@media (min-width: 576px) {
	:root {
		--wrapper: 540px;
	}

	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}
	/* intro-info  */
	.intro-info {
		margin-top: 2rem;
	}

	.inst-list ul {
		margin: 0 -0.75rem;
	}

	.inst-list li {
		display: block;
		margin: 0 0.75rem;
		width: calc(33.3333% - 24px);
		margin-top: 1.5rem;
	}

	.inst-list li:nth-child(odd) .img-cover {
		border-radius: 1.25rem;
		overflow: hidden;
	}
}

@media (min-width: 768px) {
	:root {
		--wrapper: 720px;
		--section-padding: 70px;
	}

	.container-md,
	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}
	.hero__slider {
		height: 21.875rem;
	}

	.modal-menu {
		font-size: var(--h2-font);
	}

	.modal-menu .hamburger {
		top: 0.7rem;
		right: 2rem;
	}

	/* intro */
	.intro-title {
		margin-bottom: 0.3rem;
		max-width: 46.875rem;
	}

	/*.centre-page .intro-title {*/
	/*	max-width: 50%;*/
	/*}*/

	.intro-image {
		width: 100%;
	}

	.intro-image__inner {
		padding: 1.5rem;
	}

	/* tech */
	.tech__item .img-cover {
		padding-bottom: 76%;
	}

	/* valeurs */
	.valeurs__logo {
		width: 80vw;
		height: 80vw;
		right: -10vw;
		top: 10vw;
		-webkit-filter: blur(40px);
		filter: blur(40px);
		/*-webkit-filter: blur(25px);*/
		/*filter: blur(25px);*/
	}

	.valeurs-item {
		border-width: 2px;
	}

	/* conseils */
	.conseils .bg-circles {
		--circle-size: 420px;
		left: -7rem;
		top: 1rem;
		grid-template-columns: repeat(2, var(--circle-size));
		opacity: 1;
	}

	.conseils-list {
		--bs-gutter-x: 50px;
	}

	.conseils-item {
		margin-top: 4rem;
		margin-bottom: 8.75rem;
	}

	.conseils-item__title,
	.conseils-item__text {
		max-width: 21.25rem;
	}

	/* quote */
	.quote__image img {
		opacity: 1;
	}

	.equipe .bg-circles {
		--circle-size: 230px;
		top: 4rem;
		left: 25%;
	}

	/* footer */
	.footer__bg-logo {
		-webkit-filter: blur(6px);
		filter: blur(6px);
		width: 400px;
		right: 50px;
		bottom: -180px;
	}

	.footer__inner {
		padding: 3rem 0;
	}

	.footer__logo {
		margin: 0;
		margin-bottom: 3rem;
		width: 11.25rem;
	}

	.footer__info {
		text-align: left;
	}


	figure.alignleft,
	img.alignleft {
		float: left;
		width: auto;
		margin-right: 1.5rem;
	}

	figure.alignright,
	img.alignright {
		float: right;
		width: auto;
		margin-left: 1.5rem;
	}
}

@media (min-width: 992px) {
	:root {
		--wrapper: 960px;
		--h1-font: 2.75rem;
		--h2-font: 2.25rem;
		--h3-font: 1.375rem;
	}

	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}
	/* hero */
	.hero__logo svg {
		width: 5.625rem;
	}

	.hero__slider {
		height: 31.25rem;
	}

	.hero__slider .swiper-buttons-wrapper {
		bottom: 3rem;
	}

	.hero__slider .swiper-pagination {
		bottom: 3rem;
	}

	.modal-menu__nav {
		width: auto;
	}

	.modal-menu {
		text-align: left;
		padding-top: 5rem;
	}

	.modal-menu .hamburger {
		top: 1rem;
		left: 2rem;
		right: auto;
	}

	.intro-image {
		max-width: 490px;
	}

	/* equipe */
	.equipe .bg-circles {
		top: 11rem;
		left: 11%;
	}

	.equipe__inner {
		margin: 0;
	}

	.equipe__title {
		max-width: 25rem;
	}

	.equipe__text {
		max-width: 22.5rem;
	}

	.equipe__slider {
		/* margin-top: calc(var(--section-padding) * 2); */
		border-radius: 20px;
		padding-left: 5rem;
		padding-right: 5rem;
	}

	.equipe__slider .img-cover {
		border-radius: 20px;
	}

	.equipe-slider-navigation__inner {
		padding: 1.5rem 5rem;
	}

	.equipe-numbers__item {
		margin-top: 0;
	}

	.equipe-numbers__item .e-number {
		margin-bottom: 1.25rem;
		font-size: 3.125rem;
		min-width: 8.125rem;
	}

	/* conseils */
	.conseils-item {
		margin-bottom: 2rem;
	}

	.conseils .bg-circles {
		--circle-size: 370px;
		left: -10rem;
		top: 5rem;
		grid-template-columns: repeat(3, var(--circle-size));
	}

	/* inst */
	.inst-list ul {
		margin: 0 -0.75rem;
	}

	.inst-list li {
		display: block;
		margin: 0 0.75rem;
		width: calc(20% - 24px);
		margin-top: 1.5rem;
	}

	/* tech */
	.tech__title {
		margin-bottom: 3.75rem;
	}

	.tech__item {
		margin-bottom: 3.625rem;
	}

	.tech__item .img-cover {
		padding-bottom: 46%;
		border-radius: 1.875rem;
	}

	.valeurs {
		min-height: 50rem;
	}

	.valeurs__items {
		position: absolute;
		--width: 760px;
		--width: 660px;
		--height: 540px;
		top: 10.625rem;
		right: calc((100vw - var(--wrapper)) / 2);
	}

	/* traitment */
	.trait-list {
		--bs-gutter-x: 30px;
	}

	.trait-item__image .img-cover {
		border-radius: 1.875rem;
	}

	/* quote */
	.quote__image {
		border-radius: 30px;
	}

	.quote-div {
		padding: 6.25rem 0rem 3.75rem;
		min-height: 21.875rem;
	}

	.quote--second .quote__image {
		max-height: 31.25rem;
	}

	.quote--second .quote__cont {
		margin-top: -3rem;
	}

	.quote--second .quote__cont-text {
		margin-top: 1.5rem;
	}

	.quote--second .quote__cont .circle {
		width: 17.5rem;
		height: 17.5rem;
		top: -5rem;
		left: -5rem;
	}

	.quote--second .quote__cont .circle svg {
		left: -1.5rem;
		top: -1.5rem;
		max-width: calc(100% + 3rem);
		width: calc(100% + 3rem);
		height: calc(100% + 3rem);
	}

	.quote--second .quote__inner .bg-circles {
		--circle-size: 320px;
		left: -17rem;
		top: 54%;
	}

	.urgences-list .bg-circles {
		display: grid;
		--circle-size: 470px;
		right: 1.5rem;
		top: -8rem;
		left: auto;
	}

	/* acces */
	.acces {
		padding-bottom: 12rem;
	}

	.acces__right {
		margin-top: 9.375rem;
	}

	.acces__right .contact-item {
		margin-bottom: 3.125rem;
	}

	.acces__right .intro-info__item {
		margin-bottom: 4.375rem;
	}

	.acces__title {
		margin-bottom: 2.5rem;
	}

	.acces-map {
		margin-bottom: 0;
	}

	.acces-map .map-dentaire {
		top: 80%;
		left: 60%;
	}

	/* contact */
	.contact__title {
		text-align: left;
	}

	.contact-form {
		margin-top: -3rem;
	}

	.contact-form__input {
		margin: 0;
	}

	.contact-form input {
		margin-top: 2.75rem;
		margin-bottom: 0.5rem;
	}

	.contact-form button[type="submit"] {
		margin-top: 2.75rem;
	}

	.not-home .content-page__head {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 2rem 0 0 0;
	}

	.not-home .content-page__image {
		min-height: 18.75rem;
		margin-top: 0;
	}

}

@media (min-width: 1200px) {
	.modal-menu {
		text-align: left;
		padding-top: 5rem;
	}

	.modal-menu .hamburger {
		top: 3rem;
		left: 2rem;
		right: auto;
	}

	.modal-menu__images {
		position: absolute;
		width: 50%;
	}

	.about .bg-circles {
		display: grid;
		top: auto;
		right: -1.5rem;
		/* bottom: -85px; */
		/*bottom: -5px;*/
		--circle-size: 250px;
	}

	.about .about-bottom .col {
		width: 250px;
		height: 250px;
	}

	.intro .bg-circles {
		display: grid;
		top: auto;
		left: -1.5rem;
		/* bottom: -85px; */
		bottom: -5px;
		--circle-size: 275px;
	}

	.intro .bg-circles div:nth-child(1),
	.intro .bg-circles div:nth-child(12) {
		opacity: 0;
	}

	.intro-contact {
		margin-top: 70px;
	}

	.intro-info {
		/* margin-top: 70px; */
		margin-top: 124px;
	}

	.intro-inner__left {
		width: 52%;
	}

	.intro-inner__right {
		margin-left: 3%;
	}

	.urgences-list .bg-circles {
		--circle-size: 450px;
		right: -4rem;
		top: -7rem;
		left: auto;
	}

	/* equipe */
	.equipe .bg-circles {
		top: 14rem;
		left: 11%;
	}

	.not-home .content-page .container {
		max-width: 62.5rem;
	}

	.not-home .content-page__title {
		padding-top: 2rem;
		font-size: 2.75rem;
	}
}

@media (min-width: 1300px) {
	:root {
		--wrapper: 1090px;
		--outer-gap: 130px;
		--section-padding: 100px;
	}

	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}
	.modal-menu .container,
	.modal-menu__inner {
		height: 100%;
	}

	.modal-menu__inner {
		position: relative;
	}

	.modal-menu .hamburger {
		top: 7rem;
		left: -4rem;
	}

	/* header */
	.header {
		position: fixed;
		width: var(--outer-gap);
		height: 100vh;
		border-bottom: none;
	}

	.header .container {
		height: 100%;
	}

	.header__logo {
		width: 5rem;
	}

	.header__inner {
		padding: 1.5rem 0;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%;
	}

	.header .hamburger {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		margin: 2rem 0;
	}

	.hamburger-box,
	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 70px;
	}

	.header-action {
		margin-left: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		margin-bottom: -2.75rem;
	}

	.header-action__item {
		display: inline-block;
		margin: 2.75rem 0;
	}

	.header-action__rdv {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	#main {
		display: grid;
		grid-template-columns: var(--outer-gap) 1fr var(--outer-gap);
		max-width: 100%;
	}

	#main-container {
		position: relative;
		max-width: calc(100vw - (var(--outer-gap) * 2));
	}

	#main-container:after {
		content: "";
		position: absolute;
		right: 0;
		height: 100%;
		width: 0;
		border-right: 2px solid var(--bs-gray);
		right: 0;
		top: 0;
		z-index: 6060;
		pointer-events: none;
	}

	#main-container:before {
		content: "";
		position: absolute;
		left: 0;
		height: 100%;
		width: 0;
		border-left: 2px solid var(--bs-body-color);
		right: 0;
		top: 0;
		z-index: 6060;
		pointer-events: none;
	}

	/* hero */
	.hero {
		padding-top: 0;
	}

	.hero__logo svg {
		width: 9.6875rem;
	}

	/* intro */
	.about .bg-circles {
		/*top: auto;*/
		/* bottom: -50px; */
		/*bottom: -32px;*/
		right: 1px;
		--circle-size: 257px;
	}
	/*.about .about-bottom .col {*/
	/*	width: 257px;*/
	/*	height: 257px;*/
	/*}*/
	/*.intro .bg-circles {*/
	/*	top: auto;*/
	/*	!* bottom: -50px; *!*/
	/*	bottom: -32px;*/
	/*	left: 1px;*/
	/*	--circle-size: 257px;*/
	/*}*/

	.intro-contact {
		--bs-gutter-x: 3rem;
		margin-top: 3.75rem;
	}

	.intro-info {
		--bs-gutter-x: 3rem;
		/* margin-top: 8.125rem; */
		margin-top: 6.625rem;
	}

	/* inst */
	.inst-list ul {
		margin: 0 -0.9375rem;
	}

	.inst-list li {
		display: block;
		margin: 0 0.9375rem;
		width: calc(20% - 30px);
		margin-top: 0;
	}

	/* valeurs */
	.valeurs__inner {
		margin-top: 4rem;
	}

	.valeurs__logo {
		width: 52vw;
		height: 52vw;
		right: 12vw;
		top: 7vw;
		/*-webkit-filter: blur(45px);*/
		/*filter: blur(45px);*/
		-webkit-filter: blur(40px);
		filter: blur(40px);
	}

	.valeurs__items {
		--width: 800px;
		--height: 570px;
		top: 8.75rem;
		right: calc((100vw - var(--wrapper)) / 2 + 2rem);
	}

	.valeurs-item {
		border-width: 3px;
	}

	/* examples */
	.examples-slider {
		padding-top: 3.75rem;
	}

	.examples-slider-navigation {
		margin-top: 5.625rem;
	}

	/* c-parallax */
	.c-parallax {
		/*width: calc(100vw - var(--scrollbarWidth));*/
		width: 100vw;
		margin-left: 0;
		/*margin-left: calc(var(--outer-gap) * -1);*/
	}

	/* quote */
	.quote-div {
		padding: 8.125rem 0 6.25rem;
		min-height: 31.25rem;
	}

	/*.equipe .bg-circles {*/
	/*	top: 12rem;*/
	/*	left: 14%;*/
	/*}*/

	.urgences-list__contact {
		margin-top: 4rem;
	}

	.urgences-list .bg-circles {
		--circle-size: 480px;
		right: -7.1rem;
	}

	.quote--second .quote__inner .bg-circles {
		--circle-size: 320px;
		left: -13rem;
		top: 54%;
	}

	/* conseils */
	.conseils-item {
		margin-bottom: 8rem;
	}

	.conseils .bg-circles {
		--circle-size: 420px;
		left: -11rem;
		top: 4rem;
	}

	/* footer */
	.footer__bg-logo {
		-webkit-filter: blur(8px);
		filter: blur(8px);
		width: 580px;
		right: 50px;
		bottom: -320px;
	}

	.footer__inner {
		padding: 3rem 0;
	}

	.footer__logo {
		margin: 0;
		margin-bottom: 3rem;
		width: 11.25rem;
	}

	.footer__info {
		text-align: left;
	}
}

@media (min-width: 1400px) {
	:root {
		--wrapper: 1140px;
	}

	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}

	/* intro */
	/*.about .bg-circles {*/
	/*	!*bottom: -4.375rem;*!*/
	/*	right: -10px;*/
	/*	--circle-size: 280px;*/
	/*}*/
	/*.about .about-bottom .col {*/
	/*	width: 280px;*/
	/*	height: 280px;*/
	/*}*/
	.intro .bg-circles {
		bottom: -4.375rem;
		left: -10px;
		--circle-size: 280px;
	}

	.intro-contact {
		margin-top: 5rem;
	}

	.intro-info {
		margin-top: 8.125rem;
	}
	
	/*.about .bg-circles {*/
	/*	bottom: -47px;*/
	/*}*/
	.intro .bg-circles {
		bottom: -47px;
	}

	.intro-inner__right {
		margin-left: 1%;
	}

	.intro-info {
		/* margin-top: 70px; */
		margin-top: 115px;
	}

	.intro-inner__left {
		width: 50%;
	}

	.urgences-list .bg-circles {
		--circle-size: 510px;
		right: 2.8rem;
	}

	.quote--second .quote__inner .bg-circles {
		--circle-size: 320px;
		left: -11.5rem;
		top: 56%;
	}

	.conseils .bg-circles div:last-child {
		opacity: 0;
	}
}

@media (min-width: 1600px) {

	:root {
		--wrapper: 1294px;
	}


	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: var(--wrapper);
	}
	.valeurs-mission .col-desc {
		padding-left: calc(((100vw - var(--wrapper)) / 2) + 15px);
	}
	.modal-menu__images {
		width: 59rem;
	}

	/* header */
	/* intro */
	.about .bg-circles {
		--circle-size: 355px;
		--circle-gap: var(--circle-size) / 5;
		left: calc(var(--circle-gap) * -1);
		top: 33px;
		bottom: -47px;
	}
	.about .about-bottom .col {
		width: 290px;
		height: 290px;
	}
	.intro .bg-circles {
		--circle-size: 355px;
		--circle-gap: var(--circle-size) / 5;
		left: calc(var(--circle-gap) * -1);
		top: 33px;
		bottom: -47px;
	}

	.intro-contact {
		margin-top: 6.875rem;
	}

	.intro-info {
		margin-top: 9rem;
	}

	.intro__image {
		margin: -2rem;
	}

	/* equipe */
	.equipe .bg-circles {
		--circle-size: 310px;
		top: 12rem;
		left: 10%;
		width: 100%;
	}

	.equipe-numbers__item .e-number {
		margin-bottom: 1.25rem;
		font-size: 5rem;
		min-width: 12.5rem;
	}

	.equipe__slider {
		border-radius: 30px;
		padding-left: 8rem;
		padding-right: 8rem;
	}

	.equipe__slider .img-cover {
		border-radius: 30px;
	}

	.equipe-slider-navigation__inner {
		padding-left: 8rem;
		padding-right: 8rem;
	}

	/* valeurs */
	.valeurs__items {
		--width: 880px;
		--height: 630px;
		right: calc((100vw - var(--wrapper)) / 2);
	}

	.urgences-list .bg-circles {
		--circle-size: 560px;
		right: -2rem;
		top: -9rem;
	}

	.urgences-list__right {
		margin-left: 16.66666667%;
		width: 33.33333333%;
	}

	.quote--second .quote__inner .bg-circles {
		/* left: -6.8rem; */
		--circle-size: 328px;
		left: -1.18rem;
		top: 53%;
	}

	.quote--second .quote__inner .bg-circles div {
		opacity: 0.5;
	}

	/* conseils */
	.conseils .bg-circles {
		left: -4rem;
	}

	/* quote__cont */

	.quote__cont {
		margin-left: 58.3333333%;
		width: 41.6666666%;
	}

	.conseils .bg-circles div:last-child {
		opacity: 0.3;
	}
}

@media (min-width: 1900px) {
	:root {
		--outer-gap: 200px;
	}

	.header {
		width: var(--outer-gap);
	}

	.modal-menu .hamburger {
		top: 11rem;
		left: -8rem;
	}

	/* intro */
	.about .bg-circles {
		/*top: 0;*/
		right: calc(var(--circle-gap) * -1);
		--circle-size: 355px;
	}
	.about .about-bottom .col {
		width: 355px;
		height: 355px;
	}
	.intro .bg-circles {
		top: 0;
		left: calc(var(--circle-gap) * -1);
		--circle-size: 355px;
	}

	.centre-page .intro .bg-circles {
		top: 55px;
	}

	.intro-contact {
		--bs-gutter-x: 4rem;
		margin-top: 8.125rem;
	}

	.intro-info {
		--bs-gutter-x: 4rem;
		margin-top: 9.375rem;
	}

	.intro-inner__right {
		margin-left: auto;
	}
}



@media screen and (max-width: 500px) {
	.retour-btn {
		margin-right: 20px;
	}
}