:root {
  --dark-turquoise: #064e4b;
  --peachy-pink: #ff9277;
  --light-mustard: #f7b665;
  --light-grey: #f8f9f4;
  --deep-aqua: #087470;
  --greenish-blue: #0e8985;
  --cloudy-blue: #c0e0df;
  --white: #fff;}
input[type="search"]:focus {background: transparent!important;}
/*2025.07-17*/
.sp-page-builder .page-content #section-id-af26a27d-2856-4258-bb8c-2e7ae5e0fdda {
    background-color: #F8F9F4;
    background-size: auto!important;
    background-image: url("/images/acc-header-illu-drt.svg"),
                      url("/images/acc-header-illu-gch.svg")!important;
    background-repeat: no-repeat, no-repeat;
    background-position: right top, left bottom!important;
    background-attachment: inherit;
    box-shadow: 0 0 0 0 #FFFFFF;
}

/**/
.mission-pane .mission-img-wrapper {
	width: 100%;
	max-width: 469px;
	margin: 0 auto 1.5rem auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mission-pane .mission-img {
	width: 100%;
	height: auto;
	aspect-ratio: 469 / 354;
	display: block;
}

/* Ajustement pour tablette-paysage et petits laptops */
@media (max-width: 1199.98px) and (min-width: 768px) {
	.mission-pane .mission-img-wrapper {
		max-width: 360px;
	}
}

/* Ajustement mobile portrait (facultatif) */
@media (max-width: 767.98px) {
	.mission-pane .mission-img-wrapper {
		max-width: 100%;
	}
}

  #sp-footer .d-btn, .d-btn {text-align: left;}
  #sp-footer a.bttn, #sp-footer a.btn-m1, #sp-footer a.btn-m2, #sp-footer a.btn-m3,
  a.bttn, a.btn-m1, a.btn-m2, .formControls button.btn-m2, a.btn-m3 {text-align: left;}
ul.c-cb {list-style-type: none;padding-left: 0;}
.tease img {
  -webkit-mask-image: url('/images/masque-eplus.svg');
  mask-image: url('/images/masque-eplus.svg');
  mask-mode: alpha;
  -webkit-mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
  object-fit: cover;
  object-position: center center; 
  height: 450px; }
.c-dt{color:var(--dark-turquoise)}
.c-w{color:var(--white)}
.c-da{ color: var(--deep-aqua);}
.c-cb{color:var(--cloudy-blue);}
.c-gb{color:var(--greenish-blue);}
.bg-pp{background-color: var(--peachy-pink)}
.bg-gb{background-color: var(--greenish-blue)}
img.sppb-img-responsive {max-width: 100%!important;}
.p-dvj {padding: 35px;}
div#tabContentActies ul {list-style-type: none;padding: 50px;}
ul.c-cb li {position: relative; padding-left: 20px;}
ul.c-cb li::before {
  content: ""; 
  position: absolute;
  left: 0; 
  top: calc(0.8em - 2px);
  width: 4px;
  height: 4px;
  background-color: var(--peachy-pink); 
  border-radius: 50%; }

a.blok:hover, a.blok:focus,a.blok:active{
	color: var(--dark-turquoise);
}

/*revert*/
img {
	width: revert;
	height: fit-content;
}
.p-trick{padding:0 35px}
#tabSelect {
	font-family: Paralucent;
	font-size: 24px;
	font-weight: bold;
	padding: 23px 0px 20px 35px;
}
#sp-footer a, #sp-bottom a{color:var(--deep-aqua);}
#sp-footer #sp-footer2 {text-align: revert;}
#sp-footer {background-size: 199px 107px!important;font-size: 17px;font-family: filson-pro, sans-serif;}
.contact-info p {margin-bottom: 0;}
.carousel-item img {
	width: 100%;
	width: 153px;
	height: 149px;
	margin-bottom: 20px;
	}
/*anime*/
.card-animate {opacity: 0;transform: translateX(100px); transition: opacity 1s ease-out, transform 1s ease-out;}
.card-animate-visible {opacity: 1;transform: translateX(0);}

/* ---------- Typography ---------- */
body, 
p {
  font-family: filson-pro, sans-serif;
  font-style: normal;
  font-size: 17px;
  font-stretch: normal;
  line-height: 1.29;}
h1, h2, h3{
  font-family: paralucent, sans-serif;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 0.98;
  
  }
h1{font-size: 34px;}
h2{font-size: 32px;}
h3{font-size: 24px;}
h1 .hl,h1.hl, h2.hl, h2 .hl{
  font-family: espiritu-script, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 0.5; }
h1 .hl,h1.hl{font-size: 54px;}
h2.hl, h2 .hl{font-size: 49px;}
span.hl {padding-right: 5px;font-family: 'espiritu-script';}
/* ---------- Menu Styles ---------- */
header#sp-header {height: 77px;display: flex;align-items: center;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
	font-family: filson-pro, sans-serif;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);}
.burger-icon {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;}

.offcanvas-menu .burger-icon i {
  color: #f7b665; 
  font-size: 24px;}
#espaceClient .d-btn {
	margin-top: 0;}
/* BTN */
#sp-footer .d-btn, .d-btn {
	width: 100%;
	margin-top: 1vh;
	display: flex;
	overflow: hidden;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

#sp-footer a.bttn,
#sp-footer a.btn-m1,
#sp-footer a.btn-m2,
#sp-footer a.btn-m3,
a.bttn,
a.btn-m1,
a.btn-m2,
.formControls button.btn-m2,
a.btn-m3 {
	text-decoration: none;
	cursor: pointer;
	color: var(--dark-turquoise);
	padding: 10px 20px;
	transition: background-color 0.3s ease, color 0.3s ease;
	display: flex;
	width: -webkit-fill-available;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

/* Flèches ::before et ::after */
.formControls button.bttn::after,
.formControls button.bttn::before,
#sp-footer a.bttn::after,
#sp-footer a.bttn::before,
a.bttn::after,
a.bttn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	font-size: 1.5em;
	font-weight: 600;
	transition: transform 0.3s ease, opacity 0.3s ease; /* animation fluide */
}

/* ::after visible par défaut */
#sp-footer a.bttn::after,
a.bttn::after,
.formControls button.bttn::after {
	margin-left: 1em;
	opacity: 1;
	display: block;
	transform: translateX(0); /* animation de départ */
}

/* ::before caché par défaut */
#sp-footer a.bttn::before,
a.bttn::before,
.formControls button.bttn::before {
	opacity: 0;
	display: block;
	transform: translateX(-75%);
	padding-right: 1em;
}

/* Hover ::after disparaît doucement */
#sp-footer a.bttn:hover::after,
.formControls button.bttn:hover::after,
a.bttn:hover::after {
	opacity: 0;
	transform: translateX(10px); /* animation glissement */
}

/* Hover ::before apparaît doucement */
#sp-footer a.bttn:hover::before,
a.bttn:hover::before,
.formControls button.bttn:hover::before {
	opacity: 1;
	transform: translateX(0); /* animation retour */
}

/* BTN M1 */
#sp-footer a.btn-m1,
a.btn-m1 {
	background-color: var(--light-mustard);
}

#sp-footer a.btn-m1:hover,
a.btn-m1:hover {
	background-color: var(--peachy-pink);
}

a.btn-m1::after,
a.btn-m1::before {
	color: var(--white);
}

/* BTN M2 */
a.btn-m2,
.formControls button.btn-m2 {
	background-color: var(--white);
}

a.btn-m2:hover,
.formControls button.btn-m2:hover {
	background-color: var(--light-mustard);
}

a.btn-m2::after,
.formControls button.btn-m2::after {
	color: var(--light-mustard);
}

/* Pour "Espace Client" → flèche blanche */
a.btn-m2::before,
.formControls button.btn-m2::before {
	color: var(--white);
}

/* BTN M3 */
a.btn-m3 {
	background-color: var(--white);
}

a.btn-m3:hover {
	background-color: var(--peachy-pink);
}
a.btn-m3::before ,
a.btn-m3:hover::before {
  color: var(--white);
}


a.btn-m3::after {
	color: var(--peachy-pink);
}

/* Cas spécifique */
button#recrut-send:hover {
	color: var(--dark-turquoise);
}


/*------ONGLET HP-------------*/
#v-pills-tab a.active {
	background-color: var(--dark-turquoise);
	color: var(--white);}
#v-pills-tab {
	justify-content: space-between;
	height: 100%;}
#v-pills-tab a {
	background-color: var(--cloudy-blue);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 36px;
	border-top-right-radius: 36px;
	border-top-left-radius: 36px;
	font-family: Paralucent;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: left;
	color: var(--dark-turquoise);
	padding: 0.7em 0.7em 0.7em 35px;
	}
.select-container {
  display: flex;
  position: relative;
  }
@media (min-width: 992px) { 
	div#v-pills-tab {
	/* zoom: 0.8; */
	min-height: 350px;
}
  .select-container {display: none!important;}
}
.select-container select {
  width: 100%; 
  -webkit-appearance: none; 
  -moz-appearance: none;
  appearance: none;}
.select-container::after {
/*  content: "+";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);*/
  }
.select-container {
  display: flex;
  align-items: center;
  background-color: var(--cloudy-blue);
  border-radius: 36px;
  border-bottom-left-radius: 0;
  font-family: 'Paralucent', sans-serif;
  margin-bottom: 30px;
  }
.select-container select {
  flex-grow: 1;
  border: none;
  background-color: transparent;
  padding: 23px 35px;
  /* -webkit-appearance: none; */
  -moz-appearance: none;
  /* appearance: none; */
  font-family: Paralucent;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--dark-turquoise);
  }
.select-container::after {
 /* content: "+";
  font-size: 24px;
  font-weight: bold;
  padding: 23px 35px;
  color: var(--dark-turquoise);*/}

/* ---------- Header Styles ---------- */
.offcanvas-menu .logo-image {
    filter: revert;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin-right: 0;
    margin-top: 36px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li {
    padding: 10px 20px;
    border-radius: 50px;
    background-color: var(--cloudy-blue);
    margin-bottom: 20px;
    font-family: 'filson-pro';
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--dark-turquoise);
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -100vw;
    top: 0;
}
.offcanvas-menu {
    width: 100vw;
    background: var(--dark-turquoise);
}

ul.menu.nav-pills {
    background-color: var(--light-grey);
    margin-top:10px;
    width: 100%;
    padding: 75px 35px 50px!important;
}

.offcanvas-menu .offcanvas-inner {
	   border-top-left-radius: 36px;
	   border-top-right-radius: 36px;
	   padding: 0px;
	   width: 100%;
	   background-color: var(--light-grey);
	   margin-top: 10px;
	   height: inherit;
}
/* ---------- Footer Styles ---------- */
div#mod-custom122 {
	padding-bottom: 45px;
	border-bottom: 1px solid;}
div#mod-custom117 {padding-top: 45px;}
.contact-info div {
    margin-top: 20px;
    display: flex;
    align-items: center;}
.contact-info div img {
    margin-right: 20px;}
.contact-info a {
    color: #fff;
    text-decoration: none;
    }
.contact-info a:hover {
    text-decoration: underline;}
img.foo-logo-expertsa {
    width: auto;
    margin-right: 30px;
    max-height: 40px;
}
div#sp-footer1 {padding-bottom: 75px;}
/*FORMULAIRE*/
textarea#msg {
	border-radius: 26px;
	background-color: var(--cloudy-blue);
	color: var(--dark-turquoise);
}

.form-control::placeholder,input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="date"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="number"]::placeholder, select:not(.form-select)::placeholder, .sppb-form-control::placeholder, .sppb-form-group .sppb-form-control::placeholder{
	color: var(--dark-turquoise);
}
.form-control.is-invalid, 
.was-validated .form-control:invalid {background-color: var(--peachy-pink);}
.formError, .formRed {color: var(--peachy-pink);}
.form-control:focus {
	background: transparent;
	color: white;
	border: 1px solid #ffffff0a;
	box-shadow: none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:not(.form-select):focus, .sppb-form-control:focus, .sppb-form-group .sppb-form-control:focus {
	background: var(--white);
	border: solid 1px var(
	--light-mustard);
	color: var(
	--dark-turquoise);}
input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select:not(.form-select), .sppb-form-control, .sppb-form-group .sppb-form-control {
	border-radius: 25.6px;
	background-color: var(--cloudy-blue);
	padding: 10px 20px;
	width: -webkit-fill-available;
	font-family: 'filson-pro';
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: var(--dark-turquoise);
	border: none;
	}
input#contact-consent0 ,input#recrut-consent0 {
	border-radius: 3px;
	border: solid 1px #f78e74;
	/* background: transparent; */
	}
label#contact-consent0-lbl,label#recrut-consent0-lbl {
	font-family: 'filson-pro';
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: left;
	color: var(--cloudy-blue);}
label.form-label.formControlLabel {
	font-family: 'filson-pro';
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: left;
	color: var(--peachy-pink);
	padding-bottom: 15px;}
input[type="submit"] {
  background-color: var(--white); 
  color: var(--dark-turquoise); 
  padding: 1em; 
  border-radius: 50px; 
  font-family: 'filson-pro', sans-serif; 
  cursor: pointer;
  border: 2px solid var(--light-mustard); 
  transition: background-color 0.3s ease, color 0.3s ease; 
  display: block;
  width: auto; 
  margin: 0 auto; 
}

input[type="submit"]:hover {
  background-color: var(--light-mustard); 
  color: var(--white); 
}

input[type="file"] {
  color: white; 
  background:transparent;
  border:none;}
input[type="file"]::-webkit-file-upload-button {
  background-color: var(--white); 
  color: var(--dark-turquoise); 
  padding: 1em; 
  border-radius: 50px; 
  border: 2px solid var(--light-mustard); 
  text-align: center; 
  font-family: 'filson-pro', sans-serif; 
  transition: background-color 0.3s ease, color 0.3s ease; }
input[type="file"]::-webkit-file-upload-button:hover {
  background-color: var(--light-mustard); 
  color: var(--white);}

/* ---------- Blog Styles ---------- */
/* ---------- EXPERT+ Styles ---------- */
.dj-blog {
	width: 75%;
	margin: auto;
}

.dj-blog {}

h1.ng-binding {
	color: white;
}

.ng-binding p, p.ng-binding {
	color: var(--cloudy-blue);
}
form.lookfor input {border: none;background: transparent;}
.searcH {
	border-radius: 25.6px;
	background-color: var(--light-mustard);
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: space-between;
	padding: 0 1vw;
	line-height: normal;
}

.searcH fieldset {
	display: flex;
	align-content: center;
	align-items: center;
}

.searcH i.fa.fa-search {
	color: var(--white);
}
.carousel-item .row {
  display: flex;
  flex-wrap: wrap; 
}

.carousel-item .col {
  display: flex;
  flex-direction: column;
}

.ePlusCard {
  flex-grow: 1; 
}

#carouselEplus .carousel-inner {
	width: 90%;
	margin: auto;
}

a.carousel-control-next {
	flex-direction: row-reverse;
}
.carousel-control-next, .carousel-control-prev {
	color: var(--peachy-pink);
}
.ePlusCard {
	padding: 47px;
	border-radius: 7px;
	background-color: var(--deep-aqua);
}

.ePlusCard h3 a {
	font-family: Paralucent;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);
}

.ePlusCard p.resume {font-family: 'filson-pro';font-size: 17px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.29;letter-spacing: normal;text-align: left;color: var(--cloudy-blue);}

.ePlusCard p.date {  font-family: 'filson-pro';
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: var(--peachy-pink);}
.zoom p.date {
	font-family: 'filson-pro';
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: var(--light-mustard);
	padding-bottom: 20px;
	margin-bottom: 0;
}

.zoom h3 a {
	font-family: Paralucent;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.94;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);
}

.zoom p.resume {
	font-family: 'filson-pro';
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.29;
	letter-spacing: normal;
	text-align: left;
	color: var(--cloudy-blue);
	
}
.ic-e {
	margin-bottom: 25px;
}
.blocard a h3 {
	font-family: Paralucent;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.08;
	letter-spacing: normal;
	text-align: left;
	color: var(--dark-turquoise);
	padding-bottom: 25px;
}

.blocard { 
	padding: 35px;
	border-radius: 7px;
	flex-direction: column-reverse!important;
}

#carouselEplus .carousel-control-prev::before,
#carouselEplus .carousel-control-next::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.5rem;
}

#carouselEplus .carousel-control-prev::before {content: '\f053';}
#carouselEplus .carousel-control-next::before {content: '\f054';}

/* Style des indicateurs (dots) du carousel */
#carouselEplus .carousel-indicators li {
    position: relative;
}

#carouselEplus .carousel-indicators li::before {
    content: '\f111'; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    color: #000; 
    position: absolute;
    top: -3px;
    left: 0;
}


#carouselEplus .carousel-indicators .active::before {    color: #fff;}
ul > li:nth-child(1) .blocard {
    background-color: var(--light-grey);
    color: var(--deep-aqua);
}

ul > li:nth-child(2) .blocard {
    background-color: var(--dark-turquoise);
    color: white;
}


ul > li:nth-child(2) .blocard a h3 {
    color: white;
}

#carouselEplus .carousel-indicators {
    bottom: -20px; 
    width: 40%;
    justify-content: space-between;
    margin: auto;
}

#carouselEplus .carousel-indicators li {
    position: relative;
    margin: 0 3px; 
}

#carouselEplus .carousel-indicators li::before {
    content: '\f111'; 
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    color: #25918d; 
    position: absolute;
    top: -3px;
    left: 0;
}


#carouselEplus .carousel-indicators .active::before {
    color: var(--light-grey);
}

/*homepage*/
.acc-bg h1.hl {
	margin-bottom: 0px;
}
/*flipbox*/
.flip-box .bg-dt p {
	color: var(--cloudy-blue);
}

.flip-box .bg-lg p {
	 color: var(--deep-aqua);
}
.flip-box img {
	margin-bottom: 15px;
}

.flip-box {
  height: 390px;
  perspective: 1000px;
  display: flex;
  align-content: stretch;
 }
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  }

.flip-box-front, 
.flip-box-back {
	position: absolute;
	width: 100%;
	display:flex;
	align-items: flex-start;
}
.flip-box-front {
	border-radius: 7px;
	height: 390px;
}
.flip-box-back {
	border-radius: 7px;
	height: max-content;
	}
.flip-box-contentes{
  display:flex;
  padding: 30px;
  position: relative;
  width: inherit;
  color: black;
  align-items: flex-start;
  }

.bg-dt {background-color: var(--dark-turquoise);}
.bg-lg {background-color: var(--light-grey);}
.bg-dt h3 {color: var(--white);}
.flip-box  h3 {
	font-size: 28px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
}

.bg-lg h3 {	color: var(--dark-turquoise);}

/*carousel*/
/* Carousel Styles */
.carousel-inner {	
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;}
.carousel-item h3 {
	color: var(--dark-turquoise);
	font-size: 32px;}
#monCarousel .carousel-slide-content {
	min-height: 390px; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2vh 8vw;
	border-radius: 13px;
	background-color: var(--cloudy-blue);
	color: var(--deep-aqua);}
#monCarouselClient .carousel-indicators ,
#monCarousel .carousel-indicators {	bottom: -8.3vh;}
#monCarouselClient .carousel-indicators button,
#monCarousel .carousel-indicators button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--light-grey);}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
#monCarousel .carousel-control-prev-icon, #monCarousel .carousel-control-next-icon {
	font-size: 24px;
	color: var(--peachy-pink);
	background-image: revert;}
#monCarousel .carousel-control-prev,
#monCarousel .carousel-control-next {z-index: 15;}
#monCarousel .carousel-control-prev {left: -4vw;}
#monCarousel .carousel-control-next {right: -4vw;}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);}
@media (min-width: 992px) { 
  .carousel-control-prev {left: -50px;}
  .carousel-control-next {right: -50px;}
}
@media (max-width: 991px) { 
  .carousel-control-prev, .carousel-control-next {
    position: static;
    transform: none;
    margin-top: 20px; 
  }
  .carousel-indicators {margin-top: 20px}
  .carousel {margin-bottom: 50px;}
}
@media (max-width: 991px) {  
  .carousel-indicators {
    position: absolute;
    bottom: -40px; 
    left: 36%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: auto;  } 
  .carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: auto; 
    bottom: -40px;}
  .carousel-control-prev {}
  .carousel-control-next {}
  .carousel-control-prev, .carousel-control-next, .carousel-indicators {z-index: 15;}
}
/*cabinet*/
#monCarouselClient .carousel-item > .carousel-slide-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;}
img.cabIco {
	width: revert;
	height: revert;}
.carousel-control-next-icon, .carousel-control-prev-icon {background: none;}
#monCarouselClient .carousel-slide-content {
	min-height: 300px;
	padding: 45px;
	background: var(--greenish-blue);
	border-radius: 13px;
	margin: 0 1vw;
	}
#monCarouselClient .carousel-item h3 {
	font-family: 'paralucent';
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.18;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);
}
#monCarouselClient .carousel-item p {
 font-family: 'filson-pro';
 font-size: 17px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.29;
 letter-spacing: normal;
 text-align: left;
 color: var(--cloudy-blue);
 }
.carousel-control-next,
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {

	color: var(--peachy-pink);
}

/*expertise*/
.tab-expert #v-pills-tab a {
	background-color: var(--deep-aqua);
	color: var(--light-grey);
	margin-bottom: 20px;
}
.tab-expert #v-pills-tab {
	justify-content: start;
}
.tab-expert #v-pills-tab a.active {
	background-color: var(--cloudy-blue);
	color: var(--dark-turquoise);
}
.tabs-exp-img img {
    width: 100%; /* Permet à l'image de s'adapter à la largeur du conteneur */
    height: auto; /* Maintient le ratio de l'image */
}

/* Media query pour les tablettes */
@media (min-width: 768px) and (max-width: 991px) {
	.tabs-exp-img img {width: 253px;}
}

select#tabSelect {appearance: auto;height: revert;}
select#tabSelect:focus {
    background: transparent;
    border: none;}
#tabContentActies h3 {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.94;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);}
#tabContentActies h4{
  font-family: Paralucent;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: left;
  color: var(--peachy-pink);
  margin-bottom: 25px;  }
#tabsActies button.nav-link:hover, #tabsActies button.nav-link:focus {
	border-radius: 46px;
	border-bottom-left-radius: 0;
	background-color: var(--cloudy-blue);
	color: var(--dark-turquoise);
	border: none;
}

#tabsActies button.nav-link {
	border-radius: 46px;
	border-bottom-left-radius: 0;
	padding: 28px 45px;
	font-family: 'filson-pro';
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: left;
	color: var(--white);
	width: auto;}
#tabsActies.nav-tabs {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
	align-items: center;
	border-bottom: none;
	margin-bottom: 40px;}
#tabsActies button.nav-link.active {
	border-radius: 46px;
	border-bottom-left-radius: 0;
	background-color: var(--cloudy-blue);
	color: var(--dark-turquoise);}
div#mod-custom142 .select-container select {
  padding: 30px 35px; 
  font-family: 'filson-pro';
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: var(--deep-aqua);}
div#mod-custom142 .select-container {font-family: 'filson-pro';}
div#mod-custom142 .select-container select { appearance: none;}
div#mod-custom142 .select-container select::-ms-expand { display: none;}
div#mod-custom142 .select-container::after {}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	ul.menu.nav-pills {padding: 75px!important;}
	#sp-footer {padding: 101px 60px 20px 60px;}
	section.sppb-section.acc-bg {background-image: url(/images/2024/02/14/m-acc-header-illu.svg)!important;}
	.flip-box,
	.flip-box-front,
	.flip-box-back  {height: 415px;}
	#monCarousel .carousel-slide-content {padding:5vh 8vw}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.zoom p.resume {padding: 20px 0;}
	div#tabContentActies {padding: 20px;}
	.flip-box-front, 
	.flip-box-back {align-items: flex-end;}	
	.flip-box:hover .flip-box-inner {transform: rotateY(180deg);}
	.flip-box-back {	
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;}
	.flip-box-back {transform: rotateY(180deg);}	
	#sp-menu {zoom: 0.75;}
	section.sppb-section.acc-bg {background-image: url(/images/2024/02/14/acc-header-illu.svg)!important;background-position: bottom!important;background-size: 100%!important;}
	h1{font-size: 44px;margin-bottom: 20px;}
	h2{font-size: 36px;margin-bottom: 20px;}
	h3{font-size: 28px;margin-bottom: 20px;}
	h1 .hl,h1.hl{font-size: 64px;line-height: 1.2;}
	h2.hl{font-size: 53px;}
	a.bttn, a.btn-m1, a.btn-m2,.formControls button.btn-m2, a.btn-m3{width:auto}
	.d-btn {
		width: -webkit-fill-available;
		margin-top: 1vh;
		justify-content: revert;}
	.flip-box,
	.flip-box-front,
	.flip-box-back  {height: 615px;}
	#v-pills-tabContent img {zoom:0.8;}
	.carousel-item h3 {font-size: 36px;}
	#monCarousel .carousel-slide-content {padding: 50px 60px;}
}
/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
		div#v-pills-tab {
	zoom: 1;
}
	#sp-menu {zoom: 0.85;}
	.flip-box,
	.flip-box-front,
	.flip-box-back  {height: 535px;}
	#v-pills-compta img {zoom: revert;}	
}
/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {#sp-footer.rounded-4.rounded-footer {
	border-bottom-left-radius: 0!important;
	border-bottom-right-radius: 0!important;
	padding: 75px 145px;
	}
 }
@media (min-width: 1600px) { 
#sp-footer.rounded-4.rounded-footer {padding: 75px 375px;} 
}
@media (max-width: 992px) {
        .carousel-item .row {
        flex-wrap: nowrap;
        overflow-x: auto;}
    .carousel-item .col {
        flex: 0 0 100%;
        max-width: 100%;}
}
/* CSS specifique pour les tablettes */
@media (min-width: 768px) and (max-width: 991px) {
  .tease img {
    width: 342px; 
    height: 344px; 
    margin-bottom: 60px; 
    display: block; 
    margin-left: auto; 
    margin-right: auto;
  }
}