@media (max-width: 767px) {
.elementor-element.cards_slider_mobile {
display: flex !important;
flex-wrap: nowrap !important;
gap: 16px !important;
overflow-x: auto;
overflow-y: hidden;
position: relative;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
scrollbar-width: none; -ms-overflow-style: none;
}
.elementor-element.cards_slider_mobile::-webkit-scrollbar {
display: none; } .elementor-element.cards_slider_mobile > .e-con {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
box-sizing: border-box;
scroll-snap-align: start;
scroll-snap-stop: always;
} .cards-slider-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 0;
width: 100%;
z-index: 999;
}
.cards-slider-dots button {
-webkit-appearance: none;
appearance: none;
border: 0;
padding: 0;
margin: 0;
width: 50px;
height: 4px;
border-radius: 3px;
background: #cccccc;
cursor: pointer;
transition: background-color .25s ease;
}
.cards-slider-dots button.is-active {
background: #e30613; }
.cards-slider-dots button:focus-visible {
outline: 2px solid #e30613;
outline-offset: 2px;
}
} @media (min-width: 768px) {
.cards-slider-dots { display: none !important; }
} .faq-accordion { margin: 0 0 30px; display: flex; flex-direction: column; gap: 12px; }
.faq-question {
position: relative;
display: block;
list-style: none;
cursor: pointer;
padding: 15px 80px 15px 40px;
border-radius: 50px;
background: var(--e-global-color-text, #707070);
color: var(--e-global-color-69a895d, #fff);
font-family: "Open Sans", sans-serif;
font-size: 16px;
}
@media(max-width: 768px) {
.faq-question,
.faq-accordion {
font-size: 14px;
}
}
.faq-question::-webkit-details-marker { display: none; }
.faq-question::after {
content: "";
position: absolute;
right: 40px;
top: 50%;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-70%) rotate(45deg);
transition: transform .3s ease;
}
.faq-item.is-open .faq-question::after { transform: translateY(-30%) rotate(-135deg); }
.faq-question:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.faq-reponse { overflow: hidden; }
.faq-reponse-inner { padding: 16px 40px 8px; color: var(--e-global-color-df8a25a, inherit); } .realisation_filtres {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.realisation_filtres .elementor-widget-taxonomy-filter {
position: relative;
width: auto;
} .filtre-toggle {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 15px 45px;
border: 0;
border-radius: 50px;
background: #232323;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
cursor: pointer;
}
.filtre-toggle svg { width: 16px; height: 16px; transition: transform .25s ease; }
.is-open > .filtre-toggle svg { transform: rotate(180deg); }
.filtre-toggle:focus-visible { outline: 2px solid #e30613; outline-offset: 2px; } .realisation_filtres .e-filter.is-dropdown { display: block; position: relative; }
.filtre-panel {
display: none;
position: absolute;
top: calc(100% + 8px);
left: 0;
min-width: 100%;
flex-direction: column;
padding: 8px;
border-radius: 20px;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
z-index: 30;
}
.is-open > .filtre-panel { display: flex; }
.realisation_filtres .e-filter.is-dropdown .e-filter-item {
order: 0 !important;
width: 100%;
padding: 10px 20px !important;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
color: #232323 !important;
text-align: left;
white-space: nowrap;
font-weight: normal;
}
.realisation_filtres .e-filter.is-dropdown .e-filter-item:hover { background: #f2f2f2 !important; }
.realisation_filtres .e-filter.is-dropdown .e-filter-item[aria-pressed="true"] { font-weight: 700; } .realisation_filtres.e-con {
--flex-direction: row;
flex-direction: row !important;
flex-wrap: wrap;
align-items: flex-start;
gap: 20px;
} .realisation_filtres .filtre-toggle,
.realisation_filtres .filtre-toggle:hover,
.realisation_filtres .filtre-toggle:focus,
.realisation_filtres .filtre-toggle:active {
display: inline-flex !important;
align-items: center;
gap: 12px !important;
margin: 0;
padding: 15px 45px !important;
border: 0 !important;
border-radius: 50px !important;
background: #232323 !important;
color: #fff !important;
box-shadow: none;
font-size: 16px;
font-weight: normal;
line-height: 1.2;
text-transform: none;
}
.realisation_filtres .filtre-panel {
width: max-content;
min-width: 100%;
max-width: 90vw;
box-sizing: border-box;
}
.realisation_filtres .e-filter.is-dropdown .e-filter-item {
box-sizing: border-box;
display: block;
width: 100%;
text-align: left !important;
}
.realisation_filtres .filtre-panel {
width: max-content !important;
min-width: max(100%, 240px) !important;
max-width: 90vw;
}
.realisation_filtres .e-filter.is-dropdown .e-filter-item {
white-space: normal !important;
overflow-wrap: anywhere;
} .cf-maindron { width: 100%; }
.cf-maindron .cf-row { display: flex; gap: 20px; margin-bottom: 20px; }
.cf-maindron .cf-col { min-width: 0; }
.cf-maindron .cf-50  { flex: 1 1 0; }
.cf-maindron .cf-35  { flex: 35 1 0; }
.cf-maindron .cf-65  { flex: 65 1 0; }
.cf-maindron .cf-100 { flex: 1 1 100%; }
.cf-maindron .wpcf7-form-control-wrap { display: block; } .cf-maindron input[type="text"],
.cf-maindron input[type="tel"],
.cf-maindron input[type="email"],
.cf-maindron select,
.cf-maindron textarea {
width: 100%;
box-sizing: border-box;
border: 0;
border-radius: 50px;
background-color: #707070;
color: #fff;
padding: 17px 40px;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.3;
box-shadow: none;
}
.cf-maindron textarea { min-height: 220px; border-radius: 40px; resize: vertical; }
.cf-maindron ::placeholder { color: #fff; opacity: .9; } .cf-maindron select {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
padding-right: 80px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M1 1.5l7 7 7-7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 40px center;
}
.cf-maindron select option { color: #222; background: #fff; } .cf-maindron input:focus-visible,
.cf-maindron select:focus-visible,
.cf-maindron textarea:focus-visible {
outline: 2px solid var(--e-global-color-primary, #e30613);
outline-offset: 2px;
} .cf-maindron .cf-rgpd {
max-width: 620px;
margin: 0 auto 20px;
text-align: center;
font-size: 12px;
line-height: 1.9;
color: #8a94a0;
}
.cf-maindron .cf-rgpd .wpcf7-list-item { margin: 0; }
.cf-maindron .cf-rgpd label { display: inline; cursor: pointer; }
.cf-maindron .cf-rgpd input[type="checkbox"] { margin-right: 8px; vertical-align: middle; } .cf-maindron .cf-submit { text-align: center; }
.cf-maindron input[type="submit"] {
border: 1px solid var(--e-global-color-primary, #e30613);
border-radius: 50px;
background: var(--e-global-color-primary, #e30613);
color: #fff;
padding: 15px 40px;
font-family: "Open Sans", sans-serif;
font-size: 16px;
cursor: pointer;
transition: background-color .25s ease, color .25s ease;
}
.cf-maindron input[type="submit"]:hover,
.cf-maindron input[type="submit"]:focus-visible {
background: #fff;
color: var(--e-global-color-primary, #e30613);
} .cf-maindron .wpcf7-not-valid-tip { margin: 6px 0 0 40px; font-size: 13px; color: #e30613; }
.wpcf7 form .wpcf7-response-output { margin: 20px 0 0; border-radius: 20px; text-align: center; } @media (max-width: 767px) {
.cf-maindron .cf-row { flex-direction: column; gap: 16px; margin-bottom: 16px; }
.cf-maindron .cf-col { flex: 1 1 auto; width: 100%; }
.cf-maindron input[type="text"],
.cf-maindron input[type="tel"],
.cf-maindron input[type="email"],
.cf-maindron select,
.cf-maindron textarea { padding: 15px 28px; }
.cf-maindron select { background-position: right 24px center; padding-right: 60px; }
} .cf-maindron .cf-file {
position: relative !important;
display: inline-flex !important;
align-items: center;
gap: 16px;
margin: 0;
cursor: pointer;
}
.cf-maindron .cf-file .wpcf7-form-control-wrap { position: static !important; display: block; }
.cf-maindron .cf-file input[type="file"] {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
cursor: pointer;
z-index: 2;
}
.cf-maindron .cf-file .cf-file-btn {
display: inline-block !important;
padding: 17px 40px !important;
border-radius: 50px !important;
background: #707070 !important;
color: #fff !important;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.3;
}
.cf-maindron .cf-file .cf-file-name { font-size: 14px; color: #8a94a0; } .carte-agences .leaflet-tile-pane {
filter: grayscale(1) brightness(1.08) contrast(.9);
} .offre_item.is-ready .offre_head { cursor: pointer; }
.offre_item.is-ready .offre_head:focus-visible { outline: 2px solid var(--e-global-color-primary, #e30613); outline-offset: 2px; }
.offre_item .offre_body { box-sizing: border-box; }
.offre_item.is-ready:not(.is-shown) .offre_body { display: none; }
.offre_item .offre_head .elementor-icon svg { transition: transform .3s ease; }
.offre_item.is-open .offre_head .elementor-icon svg { transform: rotate(180deg); } .elementor-editor-active .offre_item .offre_body { display: flex !important; } body .elementor-13 .elementor-element.elementor-element-a15689a .elementor-nav-menu--main .elementor-item.elementor-item-active {
font-weight: 600;
}
body header nav ul > li.current-menu-parent > a {
color: var(--e-global-color-primary) !important;
}
body .glass-icone .elementor-icon {
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 100px;
}
header .nav_burger {
display: none !important;
}
@media (max-width: 1250px) {
header .nav_burger {
display: block !important;
}
header .menu_principal {
display: none !important;
}
}
body .glass-pill a {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 100px;
}
body .glass-pill:hover a svg path {
stroke: var(--e-global-color-primary);
fill: none;
}
body .avis-glass {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.3);
}
body .fixed-svg-pill svg {
height: 16px;
}
body .fixed-svg-pill a:hover svg path {
stroke: var(--e-global-color-primary);
fill: none;
}
body .fixed-svg-pill.red a:hover svg path {
stroke: white;
fill: none; 
}
body .presentation_container {
position: relative;
}
body .presentation_container:before {
content: '';
position: absolute;
height: 180px;
aspect-ratio: 3/2;
clip-path: polygon(0 100%, 0 0, 100% 80%, 100% 100%);
background: white;
bottom: 0;
top: inherit;
}
body .actualites_carousel .actualite_detail {
overflow: hidden;
transition: all 0.5;
}
body .actualites_carousel .actualite_detail .e-con-inner > div {
transform: scale(1);
transition: all 0.5s;
}
body .actualites_carousel .actualite_detail:hover .e-con-inner > div.actualite_image {
transform: scale(1.2);
}
body .template_alternate .swiper-wrapper > .swiper-slide > .elementor-element {
background: var(--e-global-color-text);
}
body .template_alternate .swiper-wrapper > .swiper-slide-active > .elementor-element {
background: var(--e-global-color-primary);
}
body .template_alternate .swiper-wrapper > .swiper-slide-next > .elementor-element .elementor-widget-button > a:hover {
border: 1px solid white;
}
body .large_pagination .swiper-pagination {
margin: 30px 0 0!important;
}
body .large_pagination .swiper-pagination .swiper-pagination-bullet {
width: 50px;
height: 4px;
border-radius: 10px;
}
body .large_pagination .swiper-pagination .swiper-pagination-bullet:hover,
body .large_pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
}
@media (min-width: 1025px) {
body .expertise_grid_odd_even .elementor-loop-container.elementor-grid > div:nth-of-type(even) .presentation_container {
--flex-direction: row-reverse;
}
}
body footer > div.elementor-element {
position: relative;
}
body footer > div.elementor-element:before {
content: '';
position: absolute;
height: 100px;
aspect-ratio: 3/2;
clip-path: polygon(100% 0, 0 0, 100% 80%, 100% 100%);
background: white;
top: 0;
top: inherit;
}
@media (max-width: 768px) {
body footer > div.elementor-element:before {
height: 50px;
}
}
body.slug-a-propos footer > div.elementor-element:before {
display: none!important;
}
.e-background-video__controls,
.e-background-video__play,
.e-background-video__pause {
display: none !important;
}
@media (max-width: 991px) {
body .agence-card .agence-card__head {
flex-wrap: nowrap;
padding: 0 16px 14px;
min-height: 70px;
}
body .leaflet-popup-content p {
margin: 0 !important;
font-size: 14px;
font-weight: 500;
line-height: 19px;
}
body .agence-card__band {
padding: 10px 15px !important;
}
body .agence-card__body {
padding: 15px 20px 25px !important;
}
body .agence-card__body .agence-card__list {
font-size: 14px;
padding: 0 0 0 30px;
margin: 0 0 15px;
}
body .agence-card__addr .agence-card__pin {
width: 30px;
height: 30px;
flex: 0 0 30px;
padding: 5px;
}
body .agence-card__addr span {
font-size: 14px;
}
}
@media (max-width: 768px) {
.bullet_point_responsive ul {
padding: 0;
}
.bullet_point_responsive ul li {
list-style-type: none;
padding: 0 0 5px;
}
}
@media (max-width: 991px) {
body .presentation_container.responsive {
min-height: 80px !important;
max-height: 80px !important;
}
body .presentation_container.responsive:before {
min-height: 80px !important;
max-height: 80px !important;
}
body .presentation_container.responsive > div {
padding: 0 !important;
}
}