/* ==========================================================================
   Orbs Background
   ========================================================================== */

.orbs-section {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  margin-left: calc(-50vw + 50%);
  width: 100vw;
  height: 100svh;
  justify-content: center;
  padding-top: 100px;
}

/* .orbs-section:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/noise.png) repeat center center/900px;
	opacity: 0.7;
} */

.orbs-container {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.orb {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  will-change: transform;
  pointer-events: none;
}

.orbs-content {
  position: relative;
  z-index: 2;
  /* color: #fff; */
  width: 100%;
}

/* Optionnel : reduit le blur sur mobile pour la perf */
@media (max-width: 768px) {
  .orb {
	filter: blur(40px) !important;
	transform: scale(0.6);
  }
}

.orbs-section:before{
	/* content: ''; */
	display: block;
	width: 100%;
	height: 30px;
	background: #18182A;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.orbs-contentcc{
	width: 60%;
	padding-left: 100px;
	max-width: 770px;
	padding-bottom: 80px;
}

.orbs-section .txt{
	font-size: 20px;
	line-height: 1.3;
	font-weight: 300;
}

.txt h1{
	font-size: 32px;
	font-weight: 300;
	line-height: 1.2;
}

.txt h1 em strong{
	font-style: normal;
	font-weight: 900;
	color: #52B9BC;
}

.orbs-section .txt p{
	max-width: 585px;
}

.orbs-contentc{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.orbs-contentc .telfull{
	width: 40%;
	position: relative;
	z-index: 1;
	padding: 40% 0 0;
	pointer-events: none;
}

.telfull .anim{
	position: absolute;
	left: 34%;
	top: 4%;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
}

.tel{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/tel.png) no-repeat center center/contain;
}
.ombre{
	position: absolute;
	left: -2%;
	top: 7%;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/ombre.png) no-repeat center center/contain;
}

.orbs-contentcc .boutons{
	margin-top: 60px;
}

.boutons, .wp-block-buttons{
	display: flex;
	gap: 5px;
}

.boutons, .wp-block-buttons{
	margin: 40px 0 0;
}

.bouton, .wp-block-button__link{
	display: flex;
	font-size: 19px;
	font-weight: 400;
	color: #18182A;
	border: 1px solid #18182A;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	padding: 10px 40px;
	gap: 15px;
	background: transparent;
}
.bouton:hover, .wp-block-button__link:hover{
	background: #18182A;
	color: #fff;
}
.bouton svg{
	margin: 0 -20px 0 0;
}
.bouton svg path{ transition: fill 0.4s ease; }
.bouton.vert{
	color: #52B9BC;
	border: 1px solid #52B9BC;
}
.bouton.vert:hover{
	background: #52B9BC;
	color: #fff;
}
.bouton.blanc{
	color: #fff;
	border: 1px solid #fff;
}
.bouton.blanc:hover{
	background: #fff;
	color: #52B9BC;
}
.bouton svg path{ fill: #52B9BC; }
.bouton:hover svg path{ fill: #52B9BC; }

.bouton.bleu{
	color: #fff;
	background: #18182A;
	border: 0;
}
.bouton.bleu:hover{
	background: #52B9BC;
	color: #fff;
}

.bloc.bloc-avantages{
	margin: 300px 0 200px;
	display: flex;
}
.titre{
	font-size: 64px;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 25px;
	padding: 0;
}
.titree{
	font-size: 40px;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
	padding: 0;
}
.left{
	position: relative;
	width: 50%;
	z-index: 1;
	background: #18182A;
	border-radius: 20px;
	padding: 10px;
}
.left > h2{
	position: absolute;
	left: 0;
	bottom: 100%;
}
.avantagesmenu{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.avantagelink{
	display: block;
	color: #fff!important;
	background: #52B9BC;
	border-radius: 15px;
	padding: 40px;
	opacity: 0.4;
}
.avantagelink:hover, .avantagelink.on{
	opacity: 1;
}
.avantagelink .titree{
	position: relative;
	padding-right: 50px;
}
.avantagelink .titree svg{
	position: absolute;
	right: 0;
	top: 8px;
	font-size: 36px;
	transform: translate(-10px,0);
	opacity: 0;
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.avantagelink:hover .titree svg, .avantagelink.on .titree svg{
	opacity: 1;
	transform: translate(0,0);
}
.avantagesc{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.right{
	position: relative;
	width: 60%;
	margin-left: -10%;
	z-index: 0;
}
.right .fond{
	content: '';
	background: #fff;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.avantage{
	padding-left: calc(10 * var(--aw));
	/* background: #fff;
	border-radius: 20px; */
	display: block;
	transition: opacity 0.8s ease, transform 0.4s ease;
	position: absolute;
	left: -999vw;
}
.avantage.actif{
	position: relative;
	left: 0;
}
.avant{
	opacity: 0;
	transform: translate(0,10px);
	transition: opacity 0.8s ease, transform 0.4s ease;
}
.avantage.actif .avant{
	opacity: 1;
	transform: translate(0,0);
}
.desc{
	display: none;
	font-weight: 300;
	line-height: 1.3;
	margin: 15px 0 0;
}
.avantagec{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
	row-gap: 60px;
	padding: 100px 80px;
}
.ico{
	display: flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #52B9BC;
	border-radius: 50%;
	margin: 0 0 12px;
	font-size: 22px;
}
.avant > h4, .ico + h4{
	font-size: 26px;
	letter-spacing: -0.02em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 12px;
	padding: 0;
}
.avant .txt{
	line-height: 1.3;
}
.bloc.bloc-comment{
	margin: 300px 0 100px;
}
.comtop, .refstop{
	text-align: center;
}
.bloc.bloc-etapes{
	margin: 100px 0 200px;
}
.comtop .titre, .refstop .titre{
	margin: 0;
}
.comtop .txt, .refstop .txt{
	font-size: 20px;
}
.points{
	/* display: grid;
	grid-template-columns: repeat(2, calc(50% - 15px)); */
	display: flex;
	flex-direction: column;
	gap: 30px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 50px;
	max-width: 1100px;
	margin: 50px auto 0;
}
.point{
	/* background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
	padding: 50px; */
}
.chiffre{
	font-size: 96px;
	line-height: 1;
	color: #52B9BC;
	font-weight: 900;
	display: block;
	margin: 0 0 15px;
}
.point .txt{
	font-weight: 300;
	font-size: 20px;
	line-height: 1.3;
}
.txt + .legende{
	margin: 20px 0 0;
}
.legende{
	font-size: 13px;
}
.points .links{
	justify-content: flex-start;
	margin: 0;
}
.links{
	display: flex;
	justify-content: flex-end;
	margin: 20px 0 0;
}
.link{
	font-size: 18px;
	font-weight: 300;
	display: block;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
.etapeslider{
	position: relative;
}
.etapesliderr{
	max-width: 620px;
}
.etapeslider .swiper-container{
	overflow: visible;
}
.etapeslider .swiper-slide{
	border: 1px solid #18182A;
	border-radius: 20px;
	padding: 50px 50px 60px;
	opacity: 0.4;
	transition: opacity 0.4s ease;
	box-sizing: border-box;
	height: auto;
}
.etapeslider .swiper-slide.swiper-slide-active{
	opacity: 1;
}

.swiper-pagination{
	width: 100%;
	line-height: 1;
	bottom: 0;
	left: 0;
}

.swiper-pagination-bullet{
	opacity: 1!important;
	background: transparent;
	border: 1px solid #18182A;
	width: 10px;
	height: 10px;
	transition: all 0.4s ease;
	border-radius: 20px;
}

.swiper-pagination-bullet + .swiper-pagination-bullet{
	margin-left: 5px;
}

.swiper-pagination-bullet-active{
	background: #52B9BC;
	border-color: #52B9BC;
	width: 50px;
}

.etapeslider .swiper-pagination{
	text-align: left;
	bottom: auto;
	top: 100%;
	margin-top: 20px;
	width: auto;
}

.swiper-button-next:after, .swiper-button-prev:after{
	display: none;
}
.swiper-button-next, .swiper-button-prev{
	transition: all 0.4s ease;
}
.etapeslider .swiper-button-next, .etapeslider .swiper-button-prev{
	display: block;
	width: auto;
	height: auto;
	border-radius: 50%;
	color: #18182A;
	margin: 0;
	top: auto;
	font-size: 40px;
	bottom: 100%;
	margin-bottom: 25px;
}
.etapeslider .swiper-button-prev{
	left: auto;
	right: 60px;
}
.etapeslider .swiper-button-next{
	right: 0;
}
.etapeslider .swiper-button-next:hover, .etapeslider .swiper-button-prev:hover{
	color: #52B9BC;
}

.etapeslider .txt > ul{
	padding: 0;
	list-style: none;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.etapeslider .titree{
	font-size: 46px;
	font-weight: 500;
	color: #52B9BC;
	margin: 0 0 20px;
}

.etapeslider .txt > ul > li{
	position: relative;
	padding-left: 36px;
	font-size: 20px;
	font-weight: 300;
}

.etapeslider .txt > ul > li em{
	font-style: normal;
	font-size: 15px;
}

.etapeslider .txt > ul > li > svg{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
}

.txt ul, .txt ol, .wp-block-list{
	padding-left: 16px;
}
.wp-block-list li + li{
	margin-top: 10px;
}
.bloc.bloc-apropos{
	margin: 300px 0 100px;
	position: relative;
	padding: 120px 0 150px;
	z-index: 0;
}
.bloc-apropos:before{
	content: '';
	background: url(../images/fond-apropos.jpg) no-repeat center center/cover;
	display: block;
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	mix-blend-mode: multiply;
}
.bloc-apropos:after{
	content: '';
	background: rgba(82, 185, 188, 0.2);
	display: block;
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	height: 100%;
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
}
.aproposc{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: flex-start;
}
.aproposl{
	width: calc(60% - 15px);
	background: rgba(255,255,255,0.4);
	border-radius: 20px;
	padding: 50px;
	border: 1px solid #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}
.aproposl .txt{
	font-size: 20px;
	display: flex;
	align-items: center;
	gap: 20px;
}
.aproposl .txt p{
	margin: 0;
}
.aproposr{
	width: calc(40% - 15px);
	background: rgba(255,255,255,0.4);
	border-radius: 20px;
	padding: 50px;
	border: 1px solid #fff;
	position: relative;
}
.photo{
	display: block;
	position: relative;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #fff;
	background: #eee;
	box-shadow: -10px 10px 20px rgba(0,0,0,0.25);
	position: absolute;
	right: 40px;
	top: -30px;
}
.photo img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.aproposr .txt{
	font-weight: 300;
}
.aproposr .txt h3{
	font-weight: 300;
	font-size: 46px;
	letter-spacing: -0.02em;
}
.constats{
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.constat{
	width: calc(50% - 5px);
	border-radius: 15px;
	border: 1px solid #18182A;
	padding: 35px;
	font-size: 17px;
}
.conclu{
	/* color: #fff; */
	border-radius: 15px;
	background: #fff;
	padding: 35px;
	font-size: 18px;
	border: 1px solid #18182A;
}
.bloc.bloc-refs{
	margin: 200px 0;
}
.refs{
	margin-top: 50px;
}
.refsc{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.ref{
	opacity: 0;
	transition: opacity 0.4s ease;
	position: absolute;
	top: 0;
	pointer-events: none;
	background: #fff;
	border-radius: 20px;
	padding: 50px;
	text-align: center;
}
.ref .txt{
	font-size: 30px;
	line-height: 1.2;
	font-weight: 300;
	max-width: 660px;
}
.ref.actif{
	pointer-events: all;
	opacity: 1;
	position: relative;
}
.refsmenu{
	display: flex;
	justify-content: center;
	margin: 80px 0 0;
	gap: 30px;
}
.refsmenu .swiper-container{
	overflow: visible;
}
.refsmenu .swiper-wrapper{
}
.refsmenu .swiper-slide{
	width: auto;
	box-sizing: border-box;
}
.reflink{
	position: relative;
	background: #fff;
	padding: 20px;
	display: flex;
	align-items: center;
	border-radius: 100px;
	z-index: 0;
	height: 100%;
}
.reflink:after{
	content: '';
	display: block;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%,-50%);
	border: 1px solid #18182A;
	opacity: 0.25;
	border-radius: 100px;
	transition: opacity 0.4s ease;
}
.reflink:hover:after, .reflink.actif:after, .swiper-slide-active .reflink:after{
	opacity: 1;
}
.reflink:before{
	content: '';
	display: block;
	width: 22px;
	height: 12px;
	background: url(../images/fleche.svg) no-repeat center center/contain;
	position: absolute;
	left: 50%;
	bottom: 100%;
	margin-bottom: 10px;
	z-index: -1;
	transform: translate(-50%,0);
	opacity: 0;
	transition: opacity 0.4s ease, margin-bottom 0.4s ease;
}
.reflink.actif:before, .swiper-slide-active .reflink:before{
	opacity: 1;
	margin-bottom: 20px;
}
.reflink img{
	display: block;
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 48px;
}
.bloc-contact{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	z-index: 0;
	padding: 200px 0 100px;
	justify-content: center;
}
.bloc-contact:after{
	content: '';
	background: #18182A;
	display: block;
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}
.contactl{
	width: 30%;
}
.contactl .txt{
	font-size: 20px;
	font-weight: 300;
	padding-right: 80px;
}
.formu{
	width: 70%;
}
.gform_heading{
	display: none;
}

.gfield_checkbox{
	columns: 2;
}

.formu .gform_wrapper.gravity-theme .gfield_label {
	display: inline-block;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 6px;
	padding: 0;
}

.formu .gform_wrapper.gravity-theme .gfield_header_item, .formu .gform_wrapper.gravity-theme .gform_fileupload_rules, .formu .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 13px;
	padding-top: 0;
	font-weight: 400;
	color: var(--color2);
}

.formu .gfield_required_text, .gfield_required{
	display: none!important;
}

.formu .gform_wrapper.gravity-theme .gform_fields{
	grid-column-gap: 30px !important;
	grid-row-gap: 30px !important;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
	background: rgba(255,255,255,0.15);
	border: 0 !important;
	font-size: 16px !important;
	border-radius: 5px;
	padding: 16px 24px !important;
	color: var(--color0);
	
}

.formu .gform_wrapper.gravity-theme .iti--allow-dropdown input[type=text]{
	padding-left: 100px!important;
}

.formu .gform_wrapper.gravity-theme .gfield textarea.large, .formu .gform_wrapper.gravity-theme .gfield textarea{
	height: 190px!important;
	resize: none;
}

.formu .gform_wrapper.gravity-theme .gfield select{
	height: 59px;
}

.iti--separate-dial-code .iti__selected-dial-code{
	color: white;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
	display: none;
}

.ginput_container_select, .ginput_address_country{
	position: relative;
}

.ginput_container_select + svg, .ginput_address_country + svg, .gfield_select + svg{
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 16px;
	top: 21px;
	color: #52B9BC;
	z-index: 0;
	pointer-events: none;
	font-size: 19px;
}

.formu .gform_wrapper.gravity-theme .gfield_label{
	font-size: 12px;
	font-weight: 500;
	color: #52B9BC;
}

.formu .gform_wrapper.gravity-theme .gform_footer{
	padding-bottom: 0!important;
}

.formu .gform_wrapper.gravity-theme .gform_footer button, .formu .gform_wrapper.gravity-theme .gform_footer input, .formu .gform_wrapper.gravity-theme .gform_footer button, .formu .gform_wrapper.gravity-theme .gform_footer input, .formu .gform_wrapper.gravity-theme .gform_page_footer button, .formu .gform_wrapper.gravity-theme .gform_page_footer input{
	border-radius:40px;
	text-transform: uppercase;
	font-size: 16px;
	background: #52B9BC;
	color: #fff;
	margin: 0;
	padding: 20px 5em;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.formu .gform_wrapper.gravity-theme .gform_footer button:hover, .formu .gform_wrapper.gravity-theme .gform_footer input:hover, .formu .gform_wrapper.gravity-theme .gform_footer button:hover, .formu .gform_wrapper.gravity-theme .gform_footer input:hover, .formu .gform_wrapper.gravity-theme .gform_page_footer button:hover, .formu .gform_wrapper.gravity-theme .gform_page_footer input:hover{
	background: #3c9a9c;
}


.formu .gform_wrapper.gravity-theme .gform_footer, .formu .gform_wrapper.gravity-theme .gform_page_footer {
	margin: 50px 0 0;
	padding: 0 0;
	display: flex;
	justify-content: space-between;
}

.formu form{
	position: relative;
}

.formu .gform-loader{
	position: absolute!important;
	top: 100%;
	left: 0;
}

.formu .gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .formu .gform_wrapper.gravity-theme .gfield_consent_description {
	border: 1px solid #ddd;
	font-size: 11px;
	margin-top: 12.8px;
	max-height: 999em;
	overflow-y: auto;
	padding: 20px;
	width: 100%;
}

.formu ::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.3); }
.formu :-moz-placeholder { color: rgba(255, 255, 255, 0.3);}
.formu ::-moz-placeholder { color: rgba(255, 255, 255, 0.3); }
.formu :-ms-input-placeholder { color: rgba(255, 255, 255, 0.3); }

.formu .ginput_container_consent{
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.formu .ginput_container_consent .gform-field-label{
	color: var(--color1);
	font-size: 13px;
	line-height: 1.2;
	margin: 0;
}

.formu{
	position: relative;
	z-index: 1;
	max-width: 700px;
}

.formu .gfield_html p{
	font-size: 14px;
}

.formu .gfield--type-repeater_end {
	padding: 0 !important;
}

.icon-down-open{
	display: none!important;
}

.repeater-field-header-title{
	opacity:0!important;
}

.formu .repeater-field-item{
	background: #ffebba;
	padding: 20px;
}

.gfield--type-repeater_end > label, .formu .repeater-field-item:first-child .repeater-field-header{
	display: none!important;
}

.gfield--type-repeater_start + .gfield--type-repeater_end{
	margin-top: -30px;
}

.formu input.datepicker{
	width: 100%!important;
}

body:not(.home) .contenu{
	padding: 280px 0 80px;
}

h1.wp-block-heading{
	font-size: 64px;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.2;
}
h2.wp-block-heading{
	font-size: 40px;
	letter-spacing: -0.02em;
	font-weight: 600;
	line-height: 1.2;
	color: #52B9BC;
}
h3.wp-block-heading{
	font-size: 30px;
	letter-spacing: -0.02em;
	font-weight: 300;
	line-height: 1.2;
}
.wp-block-heading + .wp-block-heading{
	padding-top: 0;
}
.bloc-comment{
	position: relative;
	z-index: 0;
}
.groscheck{
	display: block;
	width: 952px;
	padding: 53% 0 0;
	background: url(../images/check.svg) no-repeat center center/contain;
	position: absolute;
	left: 75%;
	top: -65%;
	z-index: -1;
}
.txtscroll {
	position: absolute;
	left: 0;
	bottom: 0;
	/* color: #fff; */
	color: #52B9BC;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	line-height: 1.2;
	pointer-events: none;
	/* mix-blend-mode: overlay; */
	display: flex;
	align-items: flex-end;
	padding: 0 0 30px;
}

.txtscroll > div{
	
	overflow: hidden;
	/* transform: rotate(90deg) translate(0, -30px);
	transform-origin: left bottom; */
}

.txtscroll > div > div{
	display: flex;
	transition: opacity 1s ease, transform 1s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translate(0,100%);
	opacity: 0;
}

/* .txtscroll {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	line-height: 1.2;
	pointer-events: none;
	mix-blend-mode: overlay;
	display: flex;
	align-items: flex-end;
	padding: 0 0 30px; 
}

.txtscroll > div{
	overflow: hidden;
	transform: rotate(90deg) translate(0, -100%);
	transform-origin: left top;
	margin-left: 30px;
}

.txtscroll > div > div{
	display: flex;
	transition: opacity 1s ease, transform 1s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translate(0,100%);
	opacity: 0;
} */

.loaded1 .txtscroll > div > div{
	transform: translate(0,0);
	opacity: 1;
}

.orbs-section .txt p{
	transition: opacity 1s ease;
	opacity: 0;
}

.loaded2 .orbs-section .txt p{
	opacity: 1;
}

.orbs-contentcc .boutons{
	transition: opacity 1s ease, transform 1s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
}

.loaded2 .orbs-contentcc .boutons{
	opacity: 1;
	transform: translate(0,0);
}

.txtscroll p {
	margin: 0;
	font-size: 6vw;
	font-weight: 100;
	white-space: nowrap
}

.etapeslider .txt > ul > li ul{
	margin-left: 0;
}

.hash{
	word-break: break-all;
}

.zoom{
	position: absolute;
	right: 4px;
	bottom: 4px;
	font-size: 20px;
	padding: 0;
	border: 1px solid #18182A;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}

.zoom:hover{
	background: #18182A;
	color: #fff;
}

.icon .zoom{
	border: 0;
	bottom: auto;
	top: 4px;
}

.swiper-slide .zoom{
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
}

@media screen and (max-height: 1099px) {
	.site-header {
		padding: 50px 0 0;
	}
}

@media screen and (max-height: 999px) {
	.site-header, .scrolled .site-header {
		padding: 25px 0 0;
	}
}

@media screen and (max-height: 850px) {
	.headercc{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.orbs-contentc .telfull{
		transform: scale(0.9);
	}
}

@media screen and (max-height: 750px) {
	.orbs-contentc .telfull{
		transform: scale(0.8);
	}
}

@media screen and (max-width: 1699px) {
	.headerc{ padding: 0 120px; }
	.left{ width: 45%; }
	.right{ width: 65%; }
}

@media screen and (max-width: 1599px) {
	.orbs-contentcc{ padding-left: 50px; }
	.bloc.bloc-avantages{ margin-top: 200px; }
}
@media screen and (max-width: 1499px) {
	.headerc {
		width: 100%;
		padding: 0 130px 0 25px;
	}
	.headercc{
		flex: 1;
		justify-content: space-between;
		gap: 40px;
		padding: 15px 45px;
	}
	.headercc, .scrolled .headercc{
		padding-right: 28px;
	}
	.lang-menu{
		right: 25px;
	}
	.orbs-contentcc {
		padding-left: 50px;
		padding-right: 100px;
		max-width: 100%;
		padding-bottom: 65px;
	}
	.wrap, .wrapper, .site-footer{
		padding-left: 60px;
		padding-right: 60px;
	}
	.chiffre {
		font-size: 84px;
	}
	.titre {
		font-size: 54px;
	}
	.etapeslider .titree, .aproposr .txt h3 {
		font-size: 42px;
	}
	.titree {
		font-size: 36px;
	}
	h3.wp-block-heading, .ref .txt {
		font-size: 28px;
	}
	.avantagelink .titree svg{
		top: 6px;
		font-size: 32px;
	}
	.avantagec{
		gap: 40px;
		row-gap: 60px;
		padding: 100px 60px;
	}
	.avant > h4, .ico + h4 {
		font-size: 24px;
	}
	/* .bloc.bloc-avantages {
		margin-top: 180px;
		margin-bottom: 100px;
	}
	.bloc.bloc-comment {
		margin: 180px 0 100px;
	} */
	.ref .txt{
		max-width: 630px;
	}
	.orbs-contentc{
		padding-left: 60px;
	}
	.telfull .anim{
		left: 32%;
		top: 0;
		max-width: 340px;
	}
	.reflink img {
		max-width: 175px;
		max-height: 40px;
	}
	/* .bloc.bloc-etapes{
		margin: 100px 0 160px;
	}
	.bloc.bloc-apropos{
		margin: 160px 0 100px;
	} */
	body:not(.home) .contenu {
		padding: 170px 0 60px;
	}
	h1.wp-block-heading {
		font-size: 54px;
	}
}
@media screen and (max-width: 1399px) {
	body, button, input, select, textarea{
		font-size: 15px;
	}
	.main-menu > li > a {
		font-size: 17px;
	}
	.site-title svg{
		width: 160px;
	}
	.telfull .anim{
		max-width: 63%;
	}
	.txt h1 {
		font-size: 30px;
	}
	.orbs-section .txt {
		font-size: 18px;
	}
	.orbs-contentcc .boutons {
		margin-top: 45px;
	}
	/* .point{
		padding: 40px;
	} */
	.reflink img {
		max-width: 165px;
		max-height: 35px;
	}
	.contactl .txt {
		font-size: 18px;
		padding-right: 80px;
	}
}
@media screen and (max-width: 1299px) {
	.headerc {
		padding: 0 120px 0 25px;
	}
	.site-title svg {
		width: 145px;
	}
	.main-menu > li > a {
		font-size: 16px;
	}
	.headercc, .scrolled .headercc {
		padding: 12px 26px 12px 45px;
	}
	.lang-menu a{
		font-size: 12px;
		width: 32px;
		height: 32px;
	}
	.orbs-contentcc {
		padding-left: 40px;
		padding-right: 80px;
		padding-bottom: 65px;
	}
	.txt h1 {
		font-size: 28px;
	}
	.orbs-section .txt {
		font-size: 17px;
	}
	.titre {
		font-size: 48px;
	}
	.titree {
		font-size: 32px;
	}
	.avantagelink .titree svg {
		font-size: 28px;
	}
	.legende {
		font-size: 12px;
	}
	.etapeslider .titree, .aproposr .txt h3 {
		font-size: 36px;
	}
	.photo{
		right: 20px;
	}
	h1.wp-block-heading {
		font-size: 48px;
	}
	h2.wp-block-heading {
		font-size: 38px;
	}
	.bouton, .wp-block-button__link{
		font-size: 17px;
		padding: 10px 34px;
		gap: 12px;
	}
	.desc, .avant .txt{
		line-height: 1.2;
	}
	.etapeslider .txt > ul > li{
		font-size: 18px;
	}
	.etapeslider .txt > ul > li em{
		font-size: 13px;
	}
	.constat {
		width: 100%;
		font-size: 16px;
	}
}
@media screen and (max-width: 1199px) {
	body, button, input, select, textarea {
		font-size: 14px;
	}
	.headerc {
		padding: 0 105px 0 25px;
	}
	.headercc{
		gap: 34px;
	}
	.orbs-contentcc {
		padding-left: 40px;
		padding-right: 60px;
		padding-bottom: 65px;
	}
	.txt h1 {
		font-size: 26px;
	}
	.headercc, .scrolled .headercc {
		padding: 12px 26px 12px 36px;
	}
	.site-title svg {
		width: 130px;
	}
	.main-menu > li > a {
		font-size: 15px;
		padding: 10px 17px;
	}
	.avantagelink{
		padding: 30px;
	}
	.right {
		width: 60%;
		margin-left: -5%;
	}
	.avantagec {
		gap: 40px;
		row-gap: 50px;
		padding: 100px 50px 100px 10px;
	}
	.titre {
		font-size: 44px;
	}
	.titree {
		font-size: 30px;
	}
	.avant > h4, .ico + h4 {
		font-size: 22px;
	}
	.comtop .txt, .refstop .txt, .point .txt {
		font-size: 18px;
	}
	.chiffre {
		font-size: 70px;
	}
	.etapeslider .titree, .aproposr .txt h3 {
		font-size: 32px;
	}
	.photo{
		right: -20px;
		top: -60px;
	}
	h3.wp-block-heading, .ref .txt {
		font-size: 24px;
	}
	.reflink img {
		max-width: 100px;
		max-height: 35px;
	}
	.ref .txt {
		max-width: 660px;
	}
	.contactl .txt {
		font-size: 17px;
		padding-right: 60px;
	}
	.groscheck{
		width: 55vw;
		left: 84%;
		top: -45%;
	}
}
@media screen and (min-width: 1024px) {
	.hamburger, .avantagec > .txt{
		display: none!important;
	}
	nav.menu{
		display: block!important;
	}
}
@media screen and (max-width: 1023px) {
	.wrap, .wrapper, .site-footer {
		padding-left: 40px;
		padding-right: 40px;
	}
	.orbs-contentc {
		padding-left: 40px;
	}
	.txtscroll p {
		font-size: 8vw;
	}
	.orbs-contentcc {
		padding-left: 30px;
		padding-right: 40px;
		padding-bottom: 65px;
	}
	nav.menu{
		position: absolute;
		left: 50%;
		opacity: 0;
		top: -999em;
		transform: translate(-50%, 20px);
		padding: 50px;
		background: #fff;
		border-radius: 20px;
		margin: 15px 0 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	}
	.menuon nav.menu {
		opacity: 1;
		top: 100%;
		transform: translate(-50%, 0);
		transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	}
	.site-header, .scrolled .site-header {
		padding: 25px 0 0;
	}
	.headercc, .scrolled .headercc {
		padding: 8px 36px 8px 42px;
	}
	.headerc {
		padding: 0 105px;
		justify-content: center;
	}
	.headercc {
		gap: 40px;
		flex: 0;
	}
	/* body.home:not(.scrolled) .hamburger-inner, body.home:not(.scrolled) .hamburger-inner::after, body.home:not(.scrolled) .hamburger-inner::before{
		background-color: #FFFFFF;
	} */
	.main-menu{
		flex-direction: column;
		gap: 12px;
	}
	.main-menu > li > a{
		white-space: nowrap;
		font-size: 18px;
	}
	.aproposc{
		flex-direction: column;
	}
	.aproposl, .aproposr, .contactl, .formu {
		width: 100%;
	}
	.photo {
		right: 40px;
		top: -30px;
	}
	.bloc-contact{
		flex-direction: column;
		gap: 40px;
	}
	.contactl .txt{
		padding-right: 0;
	}
	.orbs-section{
		height: auto;
		padding-top: 170px;
		padding-bottom: 80px;
	}
	.orbs-section .txt p {
		max-width: 100%;
	}
	.orbs-contentc {
		padding-left: 0;
		gap: 50px;
	}
	.orbs-contentcc {
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 65px;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.orbs-contentcc .boutons{
		justify-content: center;
	}
	.left {
		width: 100%;
		background: transparent;
		border-radius: 0;
		padding: 0;
	}
	.avantagesmenu {
		flex-direction: row;
		gap: 5px;
		justify-content: center;
	}
	.avantagelink {
		padding: 12px 25px;
		border-radius: 80px;
	}
	.avantagelink .titree {
		padding-right: 0;
		font-size: 17px;
	}
	.avantagelink .titree svg{
		display: none;
	}
	.right {
		width: 100%;
		margin-left: 0;
	}
	.right .fond{
		transition: height 0s;
	}
	.bloc.bloc-avantages{
		height: auto!important;
	}
	.avantagesc{
		gap: 20px;
	}
	.avantage{
		padding-left: 0;
	}
	.avantagec {
		gap: 40px;
		row-gap: 50px;
		padding: 50px;
	}
	.voletc {
		padding: 40px;
	}
	.etapeslider .swiper-slide{
		padding: 40px 40px 60px;
	}
	.bloc.bloc-etapes .links{
		justify-content: flex-start;
		margin: 70px 0 0;
	}
	.bloc.bloc-comment {
		margin: 120px 0 100px;
	}
	.bloc.bloc-etapes {
		margin: 100px 0 100px;
	}
	.bloc.bloc-apropos {
		margin: 180px 0 80px;
		padding: 80px 0 40px;
	}
	.bloc-apropos .titre{
		text-align: center;
	}
	.bloc.bloc-refs {
		margin: 150px 0;
	}
	.bloc-contact{
		padding: 100px 0 50px;
	}
	.desc{
		display: none!important;
	}
	.avantagec > .txt{
		grid-column: 1 / -1;
	}
	.left > h2 {
		position: absolute;
		left: 0;
		bottom: 100%;
		width: 100%;
		text-align: center;
	}
	body:not(.home) .contenu {
		padding: 150px 0 40px;
	}
	.orbs-contentc .telfull {
		transform: scale(1)!important;
	}
}
@media screen and (max-width: 767px) {
	.site-header, .scrolled .site-header {
		padding: 15px 0 0;
	}
	.headercc, .scrolled .headercc {
		padding: 12px 30px 12px 34px;
	}
	.lang-menu a {
		font-size: 11px;
		width: 28px;
		height: 28px;
	}
	.orbs-section {
		padding-top: 135px;
		padding-bottom: 70px;
	}
	.orbs-contentc .telfull{
		width: 60%;
		padding: 60% 0 0;
	}
	.txtscroll p {
		font-size: 12vw;
	}
	nav.menu{
		padding: 40px 30px;
		width: calc(100vw - 40px);
		margin-left: 35px;
	}
	.wrap, .wrapper, .site-footer {
		padding-left: 30px;
		padding-right: 30px;
	}
	.headerc{
		padding-left: 20px;
		padding-right: 90px;
	}
	.lang-menu {
		right: 20px;
	}
	.headercc {
		gap: 20px;
		flex: 1;
	}
	.site-title svg {
		width: 105px;
		height: auto;
	}
	.txt h1 {
		font-size: 21px;
		margin-bottom: 30px;
	}
	.orbs-section .txt {
		font-size: 15px;
	}
	.txtscroll{
		mix-blend-mode: soft-light;
	}
	.titre {
		font-size: 36px;
		line-height: 1;
	}
	.titre + .txt{
		margin-top: 10px;
	}
	.avantagec {
		display: flex;
		flex-direction: column;
	}
	.avantagesmenu{
		flex-direction: column;
	}
	.avantagec {
		row-gap: 40px;
		padding: 40px 30px 50px;
		text-align: center;
	}
	.bloc.bloc-etapes .links, .links{
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.ico{
		margin: 0 auto 12px;
	}
	.avantagelink .titree {
		font-size: 20px;
		text-align: center;
	}
	.comtop .txt, .refstop .txt, .point .txt {
		font-size: 16px;
	}
	.groscheck {
		top: -24%;
		width: 79vw;
		left: 75%;
		padding: 80% 0 0;
	}
	.points{
		margin-top: 30px;
		padding: 40px 30px;
	}
	.link{
		font-size: 16px;
	}
	.bloc.bloc-comment {
		margin: 100px 0 70px;
	}
	.bloc.bloc-etapes {
		margin: 70px 0 70px;
	}
	.etapeslider .swiper-pagination{
		text-align: center;
		width: 100%;
	}
	.etapeslider .swiper-slide {
		padding: 30px 30px 60px;
	}
	.etapeslider .titree{
		text-align: center;
	}
	.etapeslider .titree, .aproposr .txt h3 {
		font-size: 28px;
	}
	.etapeslider .swiper-button-next, .etapeslider .swiper-button-prev{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.etapeslider .swiper-button-prev{
		right: 40px;
	}
	.bloc.bloc-apropos {
		margin: 100px 0 50px;
		padding: 70px 0 40px;
	}
	.formu .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: 1;
		min-height: 0;
	}
	.contactl .txt {
		font-size: 16px;
	}
	.contactl .titre, .contactl .txt{
		text-align: center;
	}
	.formu .gform_wrapper.gravity-theme .gform_fields {
		grid-column-gap: 0 !important;
		grid-row-gap: 20px !important;
	}
	.formu .ginput_container_consent .gform-field-label{
		font-size: 12px;
	}
	.formu .gform_wrapper.gravity-theme .gform_footer, .formu .gform_wrapper.gravity-theme .gform_page_footer{
		margin: 30px 0 0;
	}
	.formu .gform_wrapper.gravity-theme .gform_footer input{
		width: 100%;
	}
	.orbs-contentcc {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 40px;
	}
	.point {
		text-align: center;
	}
	.bloc.bloc-refs {
		margin: 90px 0 100px;
	}
	.site-footer{
		padding: 30px;
	}
	.footerc{
		padding: 20px 30px;
		border-radius: 20px;
		flex-direction: column;
		gap: 14px;
	}
	.footer-menu {
		font-size: 12px;
		flex-direction: column;
		gap: 6px;
	}
	.refs {
		margin-top: 30px;
	}
	.ref{
		padding: 40px 30px;
	}
	.ref .txt {
		font-size: 20px;
	}
	.refsmenu{
		margin: 60px 0 0;
	}
	.reflink{
		padding: 15px;
	}
	.reflink img {
		max-width: 80px;
		max-height: 26px;
	}
	.aproposl{
		background: transparent;
		border-radius: 0;
		padding: 0;
		border: 0;
		text-align: center;
	}
	.constat {
		font-size: 15px;
		line-height: 1.3;
		background: rgba(255,255,255,0.4);
		padding: 30px;
		border-color: #fff;
		border-radius: 20px;
	}
	.aproposl .txt svg {
		display: none;
	}
	.conclu{
		padding: 30px;
		font-size: 18px;
		line-height: 1.3;
		border-radius: 20px;
	}
	.aproposc{
		gap: 120px;
	}
	.photo {
		right: 50%;
		top: -90px;
		margin-right: -67px;
	}
	.aproposr{
		padding: 40px 30px;
		text-align: center;
	}
	.aproposr .txt{
		font-size: 15px;
	}
	.etapeslider .txt > ul > li {
		font-size: 17px;
	}
	.etapeslider .txt > ul > li em {
		font-size: 12px;
	}
	body:not(.home) .contenu {
		padding: 110px 0 40px;
	}
	h1.wp-block-heading {
		font-size: 34px;
	}
	h2.wp-block-heading {
		font-size: 28px;
	}
	.voletc {
		padding: 30px;
	}
	.icons{
		display: flex;
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}
	.boutons{
		flex-direction: column;
	}
	.titree {
		font-size: 28px;
	}
	.bloc.bloc-avantages {
		margin-top: 120px;
		margin-bottom: 160px;
	}
}