/*
Theme Name: Air Concept
Theme URI: https://abcmedia.ch
Version: 1.0.0
Text Domain: air-concept
*/
/* ==========================================================================
POLICES DE CARACTÈRES (LOCAL) - INTER
========================================================================== */
/* Light */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('fonts/Inter-Light.woff2') format('woff2');
}
/* Medium */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('fonts/Inter-Medium.woff2') format('woff2');
}
/* SemiBold */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('fonts/Inter-SemiBold.woff2') format('woff2');
}
/* Bold */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('fonts/Inter-Bold.woff2') format('woff2');
}
/* Italic */
@font-face {
font-family: 'Inter';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('fonts/Inter-Italic.woff2') format('woff2');
}
/* ==========================================================================
APPLICATION DU STYLE GLOBAL
========================================================================== */
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root {
--light-blue : #0086C3;
--txt-color : #00283A;
--gray-color : #556670;
--font-inter: "Inter", sans-serif;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 900;
--banner-height: 720px;
--sec-nouveaute-height: 400px;
--btn-transition: .4s;
--conteiner-fluid-pr: 40px;
--conteiner-fluid-pl: 40px;
--icon-arrow: url('data:image/svg+xml,');
--icon-arrow-dark-blue: url('data:image/svg+xml,');
--icon-arrow-left-dark-blue: url('data:image/svg+xml,');
--icon-arrow-left-light-blue: url('data:image/svg+xml,');
--icon-arrow-light-blue: url('data:image/svg+xml,');
--icon-arrow-long-left: url('data:image/svg+xml,');
--icon-arrow-long-right: url('data:image/svg+xml,');
--icon-arrow-long-right-light-blue: url('data:image/svg+xml,');
--icon-plus-light-blue: url('data:image/svg+xml,');
--icon-plus: url('data:image/svg+xml,');
--icon-plus-dark-blue: url('data:image/svg+xml,');
--sous-cat-height: 380px;
--icon-linkedin: url('data:image/svg+xml,');
--icon-linkedin-hover: url('data:image/svg+xml,');
--icon-facebook: "";
--icon-facebook-hover: "";
--icon-phone: url('data:image/svg+xml,');
--icon-phone-hover: url('data:image/svg+xml,');
--icon-mail: url('data:image/svg+xml,');
--icon-mail-hover: url('data:image/svg+xml,');
--icon-popup-close: url('data:image/svg+xml,');
--burger-menu-close: url('data:image/svg+xml,');
--icon-chat: url('data:image/svg+xml,');
--icon-chat-hover: url('data:image/svg+xml,');
}
* {
margin: 0;
padding: 0;
}
html {scroll-behavior: smooth;}
.d-none {display: none !important;}.d-block {display: block}.d-flex {display: flex}.d-grid {display: grid}.flex-wrap{flex-wrap: wrap}
.p-relative,.dropdown {position: relative}.p-absolute {position: absolute}.m-x-auto {margin-left: auto; margin-right: auto}
.gap-0 {gap: 0}.gap-5 {gap: 5px}.gap-10 {gap: 10px}.gap-20 {gap: 20px;}.gap-30 {gap: 30px}.gap-40 {gap: 40px}.gap-50 {gap: 50px}.gap-60 {gap: 60px}.gap-80 {gap: 80px}
.row-gap-0 {row-gap: 0}.row-gap-5 {row-gap: 5px}.row-gap-10 {row-gap: 10px}.row-gap-20 {row-gap: 20px;}.row-gap-30 {row-gap: 30px}.row-gap-40 {row-gap: 40px}.row-gap-50 {row-gap: 50px}.row-gap-60 {row-gap: 60px}.row-gap-80 {row-gap: 80px}.row-gap-100 {row-gap: 100px}
.p-0{padding: 0 !important;}.p-t-0 {padding-top: 0 !important;}.p-t-10 {padding-top: 10px}.p-t-20 {padding-top: 20px}.p-t-40 {padding-top: 40px}.p-t-60 {padding-top: 60px}
.p-l-0{padding-left: 0 !important;}.p-r-0{padding-right: 0 !important;}.p-x-0 {padding-left: 0; padding-right: 0}.p-y-0 {padding-top: 0; padding-bottom: 0}.no-padding {padding: 0 !important;}
.p-b-0 {padding-bottom: 0 !important;} .p-b-10 {padding-bottom: 10px}.p-b-20 {padding-bottom: 20px}.p-b-40 {padding-bottom: 40px}.p-b-60 {padding-bottom: 60px}
.m-0{margin: 0 !important;}.m-x-0 {margin-left: 0; margin-right: 0}.m-y-0 {margin-top: 0; margin-bottom: 0}
.m-t-0 {margin-top: 0 !important;}.m-t-10 {margin-top: 10px}.m-t-20 {margin-top: 20px}.m-t-30 {margin-top: 30px}.m-t-50 {margin-top: 50px}.m-t-40 {margin-top: 40px}.m-t-60 {margin-top: 60px}
.m-b-0 {margin-bottom: 0 !important;}.m-b-10 {margin-bottom: 10px}.m-b-20 {margin-bottom: 20px}.m-b-30 {margin-bottom: 30px}.m-b-40 {margin-bottom: 40px}.m-b-50 {margin-bottom: 50px}.m-b-60 {margin-bottom: 60px}
.m-r-0 {margin-right: 0}.m-r-10 {margin-right: 10px}.m-r-20 {margin-right: 20px}.m-r-30 {margin-right: 30px}.m-l-auto{margin-left: auto}.m-l-0 {margin-left: 0px}.m-l-10 {margin-left: 10px}.m-l-20 {margin-left: 20px}.m-l-30 {margin-left: 30px}
.align-items-center {align-items: center}.align-items-end {align-items: end}.justify-content-start {justify-content: start !important;}.justify-content-end {justify-content: end}.justify-content-center {justify-content: center}.justify-content-sb {justify-content: space-between}
.direction-column {flex-direction: column}.direction-column-reverse {flex-direction: column-reverse}.direction-row-reverse {flex-direction: row-reverse}
.text-upper {text-transform: uppercase}
.text-right{text-align: right}.text-center{text-align: center}
.h-100 {height: 100%}.w-100{width: 100%}.w-auto {width: auto}.h-auto {height: auto}.height-0 {height: 0}
.h-50 {height: 50%}.w-40{width: 40%}.w-50{width: 50%}.w-60{width: 60%}.overflow-hidden {overflow: hidden}
.border-no{border: none !important;}.bg-no {background-color: transparent !important;}.border-btm {border-bottom: 1px solid}
.border-radius-10 {border-radius: 10px}
.max-900 {max-width: 900px}
.color-txt-blue {color: var(--txt-color);} .color-txt-blue:hover {color: var(--light-blue);}
.current-item,.color-light-blue {color: var(--light-blue);}
.section_equipe .list-equipe .eqp:hover .color-light-blue, .color-light-blue:hover {color: var(--txt-color);}
b,strong {font-weight: bold !important;}
.color-white *,.color-white {color: #fff}
img {width: 100%; display: block}
.bg_style {background-size: cover; background-repeat: no-repeat; background-position: center}
.title-showOnPopUp,.faq_show_mobile,.show_on_mobile {display: none}
.g-col-1-3, .inputs-wrapper .g-col-1-3 {grid-column: 1 / 3;}
.cursor-pointer {cursor: pointer}
.fullBlock_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
a {
text-decoration: none;
display: inline-block;
cursor: pointer;
color: var(--txt-color);
width: fit-content;
}
header.header .header-nav-list > li.has-megamenu.current-menu-parent .megamenu-col.current-menu-item .megamenu-product-title,
header.header .header-nav-list > li.current-menu-item > a,
header.header .header-nav-list > li.current-menu-parent > a,
header.header .header-nav-list .current-menu-item,
a:hover {color: var(--light-blue)}
a.mail {line-break: anywhere;}
body {
color: var(--txt-color);
font-family: var(--font-inter);
font-size: 16px;
font-weight: var(--font-medium);
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
color: var(--txt-color);
font-family: var(--font-inter);
margin-bottom: 30px;
font-weight: var(--font-medium);
}
h1,.h1 {
font-size: 70px;
line-height: 75px;
}
h2,.h2 {
font-size: 45px;
line-height: 55px;
font-weight: var(--font-semibold);
}
h3,.h3 {
font-size: 28px;
line-height: 36px;
font-weight: var(--font-semibold);
}
section.section {padding-bottom: 120px}
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-text,
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu li,
.ftr-menu-1__wrapper > ul > li > a,
.sub-title,
.wysiwyg:not(.wysiwyg_special_ul) ul li,
.wysiwyg p {
font-size: 22px;
line-height: 29px;
/*letter-spacing: 1.1px;*//* 22fsize / 20 letter spacing in maquette */
}
.wysiwyg p { margin-bottom: 20px;}
.wysiwyg.wysiwyg_special_ul ul li {
width: fit-content;
margin-left: auto;
}
.wysiwyg:not(.wysiwyg_special_ul_tiret) ul li::before,
.wysiwyg.wysiwyg_special_ul_tiret ul li::before,
.wysiwyg.wysiwyg_special_ul ul li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: inherit;
}
.wysiwyg:not(.wysiwyg_special_ul_tiret) ul li::before,
.wysiwyg.wysiwyg_special_ul_tiret ul li::before {
/*content: "-";*/
content: "";
}
/*.wysiwyg.wysiwyg_special_ul_tiret ul,*/
.wysiwyg.wysiwyg_special_ul ul {
list-style: none;
padding: 0;
margin: 0;
}
.wysiwyg:not(.wysiwyg_special_ul_tiret) ul li,
.wysiwyg.wysiwyg_special_ul_tiret ul li,
.wysiwyg.wysiwyg_special_ul ul li {
position: relative;
padding-left: 25px;
margin-bottom: 20px;
}
.wysiwyg:not(.wysiwyg_special_ul_tiret) ul,
.wysiwyg.wysiwyg_special_ul_tiret ul {
margin-left: 25px;
}
.wysiwyg:not(.wysiwyg_special_ul_tiret) ul li,
.wysiwyg.wysiwyg_special_ul_tiret ul li {
padding-left: 0;
}
.wysiwyg p:last-of-type,
.wysiwyg.wysiwyg_special_ul p:last-of-type,
.wysiwyg.wysiwyg_special_ul *:last-child,
.wysiwyg.wysiwyg_special_ul ul li:last-child {
margin-bottom: 0;
}
.wysiwyg p:last-of-type ~ ul {
margin-top: 20px;
}
.breadcrumb-wrapper {
display: flex;align-items: center;gap: 10px;
padding: 0 0 30px;
margin-bottom: 120px;
flex-wrap: wrap;
}
.breadcrumb-wrapper .breadcrumb-separator {
width: 16px;
height: 14px;
position: relative;
display: block;
}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after,
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::before,
.breadcrumb-wrapper .breadcrumb-separator.has_icon.icon-arrow:after {
left: 0;
right: 0;
top: 0;
transform: initial;
background-image: var(--icon-arrow-dark-blue);
}
.container {
width: 100%;
max-width: 1400px;
margin: auto;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.container-fluid {
width: 100%;
padding-right: var(--conteiner-fluid-pr);
padding-left: var(--conteiner-fluid-pl);
box-sizing: border-box;
max-width: 2500px;
margin: auto;
}
.hero-banner .banner-content__wrapper .h1,
.hero-banner .banner-content__wrapper h1 {
margin-bottom: 20px;
}
.banner-content__wrapper.flex-grid-row {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
width: 100%;
}
.banner-content__wrapper.flex-grid-row .grid-col-left {
flex: 0 0 60%;
}
.grid-col-right {
flex: 0 0 40%;
/*max-width: 380px;*/
}
.banner_wysiwyg *,
.banner_wysiwyg {
text-align: right !important;
}
.design_v1,
.design_v2 {
padding: 15px 30px;
border: 1px solid #fff;
border-radius: 50px;
transition: var(--btn-transition);
}
.design_v1.has_icon,
.design_v2.has_icon {
padding: 15px 40px 15px 30px;
}
.design_v1 {
color: #fff;
background-color: transparent;
}
.design_v1:hover {
background-color: #fff;
border-color: var(--light-blue);
color: var(--light-blue);
}
.design_v2 {
color: var(--light-blue);
background-color: #fff;
}
.design_v2-2.has_icon,
.design_v2-2 {
border-color: var(--light-blue);
padding: 15px 40px 15px 30px;
}
.design_v2:hover {
color: #fff;
border-color: var(--light-blue);
background-color: var(--light-blue);
}
.design_simple.has_icon {
padding-right: 40px;
}
.has_icon {
position: relative;
}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after,
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::before,
.has_icon:after {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-50%);
right: 15px;
}
.has_icon.icon-burger-menu:after {
background-image: var(--burger-menu-close);
width: 30px;
height: 20px;
}
header.header .header-nav-list > li.has-megamenu.current-menu-parent > .top-level-link::after,
.has_icon.icon-arrow:hover:after,
.has_icon.icon-arrow.arrow-light-blue:after {
background-image: var(--icon-arrow-light-blue);
}
.has_icon.icon-arrow.arrow-light-blue:hover:after,
.has_icon.icon-arrow:after {
background-image: var(--icon-arrow);
}
.has_icon.plus-icon.plus-icon-light-blue:hover:after,
.has_icon.plus-icon:after {
background-image: var(--icon-plus);
}
.has_icon.plus-icon:hover:after,
.has_icon.plus-icon.plus-icon-light-blue:after {
background-image: var(--icon-plus-light-blue);
}
.section_equipe .list-equipe .eqp:hover .design_simple.has_icon.plus-icon.plus-icon-light-blue:after,
.design_simple.has_icon.plus-icon.plus-icon-light-blue:hover:after {
background-image: var(--icon-plus-dark-blue);
}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after,
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::before,
.has_icon:after {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.has_icon:after {
transition: var(--btn-transition);
}
.has_icon.icon-arrow.icon-arrow-long-left:after {
background-image: var(--icon-arrow-long-left);
}
.has_icon.icon-arrow.icon-arrow-long-right:after {
background-image: var(--icon-arrow-long-right);
}
.section_equipe .list-equipe .eqp:hover .has_icon.plus-icon:after,
.has_icon.plus-icon:hover:after {
transform: translateY(-50%) rotate(90deg);
}
.design_v1.has_icon.icon-arrow,
.design_v2.has_icon.icon-arrow {
padding-right: 50px;
}
.design_v1.has_icon.icon-arrow:after,
.design_v2.has_icon.icon-arrow:after {
right: 25px;
}
.design_v1.has_icon.icon-arrow:hover:after,
.design_v2.has_icon.icon-arrow:hover:after {
right: 15px;
}
.has_icon.media:after {
right: initial;
left: 0;
}
.s_media_with_label .has_icon.media,
.phones_mail-item .has_icon.media {
padding-left: 25px;
}
.has_icon.media.linkedin:after {
background-image: var(--icon-linkedin);
}
.has_icon.media.linkedin:hover:after {
background-image: var(--icon-linkedin-hover);
}
.has_icon.media.facebook:after {
background-image: var(--icon-facebook);
}
.has_icon.media.facebook:hover:after {
background-image: var(--icon-facebook-hover);
}
.has_icon.media.linkedin:after {
background-image: var(--icon-linkedin);
}
.has_icon.media.linkedin:hover:after {
background-image: var(--icon-linkedin-hover);
}
.has_icon.media.phone:after {
background-image: var(--icon-phone);
}
.has_icon.media.phone:hover:after {
background-image: var(--icon-phone-hover);
}
.has_icon.media.mail:after {
background-image: var(--icon-mail);
}
.has_icon.media.mail:hover:after {
background-image: var(--icon-mail-hover);
}
.chat-wrapper .icon-chat,
.has_icon.icon-chat:after {
background-image: var(--icon-chat);
}
.chat-wrapper:hover .icon-chat,
.has_icon.icon-chat:hover:after {
background-image: var(--icon-chat-hover);
}
.has_icon.icon-arrow.icon-arrow-long-right,
.has_icon.icon-arrow.icon-arrow-long-left {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.has_icon.icon-arrow.icon-arrow-long-left:after,
.has_icon.icon-arrow.icon-arrow-long-left {
left: 0;
}
.has_icon.icon-arrow.icon-arrow-long-right:after,
.has_icon.icon-arrow.icon-arrow-long-right {
right: 0;
}
.has_icon.icon-arrow.icon-arrow-long-right,
.has_icon.icon-arrow.icon-arrow-long-left,
.has_icon.icon-arrow.icon-arrow-long-right:after,
.has_icon.icon-arrow.icon-arrow-long-left:after {
/*width: 30px;*/
width: 20px;
height: 20px;
}
.owl-nav {height: 0}
/* Header */
.header-wrapper-forScroll,
.header-wrapper-forScroll.scrolling {
position: fixed;
top: 0;
z-index: 9990;
width: 100%;
background: #fff;
/*animation: headerSlideDown 0.4s ease-in-out forwards;*/
}
body.modal-open .header-wrapper-forScroll.scrolling {
z-index: 3;
}
header.header {
/*padding: 20px 0;*/
}
header.header-v2 {
padding-top: 60px;
}
header.header .header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
body.page-template-default header.header .header-wrapper.border-btm,
body.home header.header .header-wrapper.border-btm {
border-bottom: 0;
}
header.header .header-wrapper .logo {
width: 110px;
}
/* MÉGAMENU DYNAMIQUE*/
/* Liste principale du header */
header.header .header-nav-list {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 30px;
}
/* Éléments parents de niveau supérieur */
header.header .header-nav-list > li {
position: relative; /* Base pour le positionnement static/absolute du dropdown */
}
/* LE CONTENEUR DU MEGAMENU DÉROULANT */
header.header .header-nav-list > li.has-megamenu {
position: static; /* Force le mégamenu à s'ouvrir sur toute la largeur du header parent */
}
header.header .header-nav-list > li.has-megamenu > a {position: relative}
header.header .header-nav-list > li.has-megamenu > a:before {
position: absolute;
content : "";
left : 0;
width: 100%;
height: calc(100% + 10px);
background-color: transparent;
top: 100%;
}
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::before {
left: -25px;
background-image: var(--icon-arrow-left-dark-blue);
display: none;
}
header.header .header-nav-list > li.has-megamenu.current-menu-parent > .top-level-link.active-parent::before {
background-image: var(--icon-arrow-left-light-blue);
}
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::after {
display: none;
}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after {
right: -25px;
left: initial;
}
header.header .megamenu-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #ffffff;
opacity: 0;
visibility: hidden;
/*transform: translateY(10px);*/
transform: translateY(0px);
/*transition: transform 0.25s ease, visibility 0.25s;*/
z-index: 999;
/*border-top: 1px solid;*/
}
/* Affichage au survol */
body.burger-active header.header .menu-wrapper.has-sub-menu-open .header-nav-list > li.has-megamenu:not(.sibling-hidden) .megamenu-dropdown,
header.header .header-nav-list > li.has-megamenu:hover .megamenu-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* GRILLE DU MÉGAMENU (5 colonnes max par ligne) */
header.header .megamenu-grid {
max-width: 1300px; /* Aligné sur ton conteneur global */
margin: 0 auto;
padding: 40px 20px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
/* Gestion générique des colonnes (1/5ème de la largeur) */
header.header .megamenu-col {
flex: 0 0 20%;
max-width: 20%;
padding: 10px 15px;
box-sizing: border-box;
}
/* STYLE CAS A : BLOCS PRODUITS (AVEC IMAGES) */
header.header .col-product {
text-align: center;
}
header.header .megamenu-product-link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
margin: auto;
min-width: 160px;
}
header.header .megamenu-img-wrapper {
width: 100%;
height: 120px; /* Hauteur fixe pour aligner parfaitement les machines */
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
padding: 10px;
border: 1px solid transparent;
border-radius: 10px;
/*box-sizing: border-box;*/
}
header.header .header-nav-list > li.has-megamenu.current-menu-parent .megamenu-col.current-menu-item .megamenu-img-wrapper,
header.header .megamenu-product-link:hover .megamenu-img-wrapper {
border: 1px solid var(--light-blue);
}
header.header .megamenu-thumb {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
header.header .megamenu-product-title {
margin-top: 5px;
transition: color 0.2s ease;
}
header.header .megamenu-simple-link {
width: 100%;
display: block;
}
/* AJUSTEMENT DE LA 5ÈME COLONNE POUR LES LIENS TEXTE EMPILÉS*/
/* Conteneur unique pour la 5ème colonne de texte */
header.header .megamenu-col.col-text-links-wrapper {
flex: 0 0 20%;
max-width: 20%;
padding: 10px 15px;
box-sizing: border-box;
}
/* Alignement vertical (one below one) */
header.header .text-links-stack {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
justify-content: center;
}
/* END MÉGAMENU DYNAMIQUE*/
/* Banner */
.hero-banner {
position: relative;
display: flex;
/*align-items: center;*/
align-items: end;
/*color: #ffffff;*/
overflow: hidden;
padding: 100px 0 50px;
box-sizing: border-box;
margin-bottom: 60px;
}
.hero-banner.hero-banner__intern {
align-items: center;
}
.hero-banner.hero-banner__top {
min-height: var(--banner-height);
}
.hero-banner.hero-banner__top.banner_is_video {
min-height: calc(100vh - 91px);
}
.banner-background {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
z-index: 1;
}
.banner-overlay {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 40, 58, .5);
z-index: 2;
}
.single-banner-img, .slide-item {
width: 100%; height: 100%;
background-size: cover;
background-position: center;
}
/* Galerie Animée sans JS lourd */
.hero-banner__top .css-slider {
position: relative;
width: 100%;
height: 100%;
}
.hero-banner__top .slide-item {
position: absolute;
top: 0; left: 0; opacity: 0;
/*transition: opacity 1.5s ease-in-out;*/
/*transition: opacity 1s ease-in-out;*/
transition: all .8s ease-in-out;
}
.hero-banner__top .slide-item.active { opacity: 1; }
/* Vidéos plein écran */
.hero-banner__top .video-wrapper {
position: absolute;
top: 50%; left: 50%;
width: 100vw; height: 56.25vw;
min-height: 100vh; min-width: 177.77vh;
transform: translate(-50%, -50%);
}
.hero-banner__top .video-wrapper iframe {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
pointer-events: none;
}
/* Positionnement contenu banner */
.banner-container-content {
position: relative;
z-index: 3;
}
.category-group-layout {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 200px;
margin-top: 50px;
}
.buttons-action-layout {
display: flex;
gap: 20px;
}
.section_contact_form_map .sec-intro__wrapper,
.section_gallery .sec-intro__wrapper,
.section-mainCats .sec-intro__wrapper {
margin-bottom: 60px;
}
.section-mainCats .mainCats-wrapper {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.section-mainCats .mainCats-wrapper .cat-block .cat-block__content {
padding: 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: end;
position: relative;
width: 100%;
}
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat .eqp_img::before,
.section-mainCats .mainCats-wrapper .cat-block .cat-block__content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background: linear-gradient(180deg, rgba(0, 40, 58, 0) 0%, rgba(0, 40, 58, 0.4) 35%, rgba(0, 40, 58, 0.70) 100%);
}
.section-mainCats.section_two_cta .mainCats-wrapper .cat-block .cat-block__content,
.section-mainCats .mainCats-wrapper .cat-block:hover .cat-block__content {
height: 100%;
}
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat .eqp_img::before {
background: transparent;
}
/*.section-mainCats.section_two_cta .mainCats-wrapper .cat-block .cat-block__content::before,*/
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat:hover .eqp_img::before,
.section-mainCats .mainCats-wrapper .cat-block:hover .cat-block__content::before {
background: rgba(0, 40, 58, 0.70);
}
.section-mainCats .mainCats-wrapper .cat-block .cat-block__txt {
display: none;
}
.section-mainCats .mainCats-wrapper .cat-block:hover .cat-block__txt {
display: block;
margin-bottom: 18px;
}
.section-mainCats .mainCats-wrapper .cat-block {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 470px;
width: calc(50% - 15px);
display: flex;
align-items: end;
border-radius: 10px;
overflow: hidden;
}
.section-mainCats .mainCats-wrapper .cat-block .cat-block__title {
margin-bottom: 12px;
}
.font-light,
.p_font-light p,
.section-mainCats .mainCats-wrapper .cat-block .cat-block__txt * {
font-weight: var(--font-light);
}
.section-mainCats .mainCats-wrapper .cat-block .btn-wrapper {
margin-top: 12px;
position: relative;
z-index: 99;
}
/* Pictos */
.section_pictos {
background-color: var(--txt-color);
margin-bottom: 120px;
}
.section_pictos .section-pictos__wrapper {
padding: 100px 0;
}
.section_pictos .section-pictos__wrapper .list_pictos {
margin-top: 100px;
display: flex;
gap: 60px;
flex-wrap: wrap;
justify-content: center;
}
.section_pictos .section-pictos__wrapper .list_pictos.less_than_3 {
flex-wrap: nowrap;
}
.section_pictos .section-pictos__wrapper .pictos_content_below {
padding-top: 100px;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto {
display: flex;
flex-direction: column;
align-items: center;
/*max-width: 20%;*/
/*width: calc(20% - 30px);*/
width: calc(20% - 50px);
position: relative;
/*max-width: 230px;*/
}
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link .picto-text {
transition: opacity .4s, height .4s;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link:hover .picto-text {
opacity: 0;
visibility: hidden;
/* height: 0;*/
}
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link:hover .picto-title ,
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link .picto-img,
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link .picto-img img {
transition: height .7s, transform .7s;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link:hover .picto-img,
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link:hover .picto-img img {
width: 120px;
/* height: 200px; */
/* margin-bottom: 30px; */
transform: translateY(30px) scale(1.1);
}
.section_pictos .section-pictos__wrapper .list_pictos .picto.has_link:hover .picto-title {
transform: translateY(50px);
}
.section_pictos .section-pictos__wrapper .list_pictos.less_than_3 .picto {
width: calc(33% - 30px);
/*max-width: 430px;*/
}
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-img {
margin-bottom: 50px;
width: 100px;
height: 100px;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-img img{
object-fit: contain;
object-position: center;
width: 100px;
height: 100px;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-text {
margin: 14px 0 30px;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto .btn-wrapper {
margin-top: auto;
}
.section_txt_two_images .btn-wrapper,
.section_pictos .section-pictos__wrapper .pictos_block_btn {
width: fit-content;
margin-top: 50px;
}
.section_pictos .section-pictos__wrapper .pictos_content_below.wysiwyg > *:last-child {margin-bottom: 0}
/* Articles */
.section_articles .list-articles {
display: flex;
flex-wrap: wrap;
gap: 60px 30px;
margin-top: 60px;
}
.section_articles .list-articles .item-post {
max-width: calc(32% - 30px);
}
.section_articles .post-wrapper .post-info,
.section_articles .post-wrapper {
position: relative;
overflow: hidden;
height: 100%;
}
.section_articles .post-wrapper .post-info {
display: flex;
flex-direction: column;
}
.section_articles .post-info .postImg-wrapper {
margin-bottom: 30px;
overflow: hidden;
border-radius: 10px;
min-height: 300px;
}
.section_articles .post-info .postImg {
/*padding-top: 65%;*/
height: 100%;
}
.section_articles .post-info .post {
display: flex;
flex-direction: column;
height: calc(100% - 300px);
justify-content: space-between;
}
.section_articles .post-info .post .postTitle {
margin-bottom: 12px;
}
.section_articles .post-info .btn-wrapper {
/*margin-top: 30px;*/
margin-top: 12px;
}
.section_articles .post-info .btn-wrapper .design_simple {
font-size: 22px;
line-height: 67px;
}
/* Time line */
.section_wrapper .sec_col_right,
.section_wrapper .sec_col_left {
max-width: calc(50% - 15px);
}
.timeline-list {
padding-left: 55px;
}
.timeline-list .timeline {
position: relative;
margin-bottom: 50px;
}
.timeline-list .timeline:last-child {
margin-bottom: 0;
}
.timeline-list .timeline:before {
position: absolute;
content: attr(data-index);
color: var(--light-blue);
border: 1px solid var(--light-blue);
border-radius: 50%;
left: -55px;
top: 7px;
font-size: 18px;
line-height: 21px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.timeline-list .timeline:after {
position: absolute;
content: "";
width: 1px;
background-color: var(--light-blue);
height: calc(100% - 26px + 49px);
left: calc(-54px + 13px);
top: calc(8px + 26px);
}
.timeline-list .timeline:last-child:after {
display: none;
}
/* CTA X2*/
.section-mainCats.section_two_cta .mainCats-wrapper .cat-block {
/*min-height: 290px;*/
min-height: 276px;
}
.section-mainCats.section_two_cta .mainCats-wrapper .cat-block .btn-wrapper {
margin-top: auto;
}
.section-mainCats.section_two_cta .mainCats-wrapper .cat-block .cat-block__content {
justify-content: flex-start;
}
/* Partenaires */
.section_partners .partners-list {
display: flex;
align-items: center;
justify-content: center;
gap: 0px 50px;
flex-wrap: wrap;
padding: 0 40px;
box-sizing: border-box;
}
.section_partners .partners-list .partner-item {
display: flex;
justify-content: center;
flex-direction: column;
/*width: 200px;*/
height: 200px;
width: 16%;
}
.section_partners .partners-list.partners-carousel .partner-item {
width: 100%;
}
/* 2 cols */
.cols_wrapper {
display: flex;
justify-content: space-between;
gap: 100px;
}
.section_txt_two_images .sec_txt_two_images__wrapper.cols_wrapper {
align-items: center;
}
.cols_wrapper .cols_col {
/* max-width: 740px; */
width: 50%;
}
/* Texte 2 images */
.section_txt_two_images .col_images .col_image {
/*max-width: 50%;*/
max-width: 65%;
/*min-height: 400px; solution 1*/
/*height: 400px; solution 2*/
min-height: auto;
}
.section_txt_two_images .col_images .col_image img {
border-radius: 10px;
/*height: 100% solution 2;
object-fit: cover; solution 2*/
}
.section_txt_two_images .col_images .col_image.col_image_2 {
position: relative;
margin-left: auto;
margin-top: -33%;
/*transform: translateY(-50%);*/
}
/* Equipe */
.section_equipe {
margin-bottom: 30px;
}
.section_equipe .list-equipe .eqp {
border: 1px solid var(--txt-color);
border-radius: 10px;
width: 100%;
/*max-width: 330px;*/
max-width: calc((100% / 5) - 40px);
}
.section_equipe .list-equipe .eqp:hover,
.section_equipe .list-equipe .eqp:hover .eqp_infos {
border-color: var(--light-blue);
}
.section_equipe .list-equipe .eqp .eqp_img {
min-height: 310px;
border-radius: 10px 10px 0 0;
}
.section_equipe .list-equipe .eqp .eqp_infos {
padding: 30px 40px 40px;
display: flex;
flex-direction: column;
gap: 20px;
border-top: 1px solid var(--txt-color);;
}
/* Parrlax */
.sec_img_full {
position: relative;
height: 700px;
min-height: 400px;
width: 100%;
clip-path: inset(0 0 0 0);
}
.full-image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sec_img_full img {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
will-change: transform;
}
/* ==========================================================================
SECTION : FAQ DYNAMIQUE EN 2 COLONNES
========================================================================== */
.list_faqs.faq-grid-container {
display: flex;
gap: 100px;
position: relative;
margin-top: 60px;
text-align: left;
}
.list_faqs.faq-grid-container .faq-column-questions {
flex: 1;
display: flex;
flex-direction: column;
gap: 50px;
}
.list_faqs.faq-grid-container .faq-trigger-item {
display: flex;
align-items: flex-start;
cursor: pointer;
/* Inactif par défaut */
transition: all 0.3s ease;
position: relative;
}
.list_faqs.faq-grid-container .faq-question-title {
color: #ffffff;
margin: 0;
position: relative;
}
.list_faqs.faq-grid-container .faq-trigger-item:before {
position: absolute;
content: "";
background-image: var(--icon-arrow-long-right-light-blue);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 20px;
left: 0;
top: 50%;
transform: translateY(-50%);
display: none;
}
.list_faqs.faq-grid-container .faq-trigger-item.is-active:before {
display: block;
}
.list_faqs.faq-grid-container .faq-trigger-item.is-active .faq-question-title {
/*padding-left: 50px;*/
transform: translateX(50px);
transition: transform 0.35s ease;
width: calc(100% - 50px);
}
.list_faqs.faq-grid-container .faq-trigger-item:hover .faq-question-title,
.list_faqs.faq-grid-container .faq-trigger-item.is-active .faq-question-title {
color: var(--light-blue);
}
.list_faqs.faq-grid-container .faq-trigger-item.is-active .faq-arrow {
opacity: 1;
transform: translateX(0);
}
.list_faqs.faq-grid-container .faq-separator {
width: 1px;
background: #fff;
align-self: stretch;
}
.list_faqs.faq-grid-container .faq-column-answers {
flex: 1;
position: relative;
}
.list_faqs.faq-grid-container .faq-answer-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s;
}
.list_faqs.faq-grid-container .faq_show_mobile {
opacity: 0;
visibility: hidden;
}
.list_faqs.faq-grid-container .faq_show_mobile.is-active,
.list_faqs.faq-grid-container .faq-answer-content.is-active {
position: relative; /* Repasse en flux normal pour pousser le footer si besoin */
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.list_faqs.faq-grid-container .faq_show_mobile {
margin-top: 40px;
}
/* Gallerie */
.section_gallery .gallery-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
}
.section_gallery .gallery-list .gallery-item {
width: calc((100% / 3) - 30px);
overflow: hidden;
}
.section_gallery .gallery-list.gallery-carousel .gallery-item {
width: calc((100%) - 30px);
}
.section_gallery .gallery-list .gallery-item img {
object-fit: cover;
object-position: center;
}
.section_gallery .gallery-list .gallery-item img,
.section_gallery .gallery-list .gallery-item {
height: 560px;
border-radius: 10px;
}
.section_gallery .gallery-list .gallery-item > a,
.section_gallery .gallery-list .gallery-item img {
width: 100%;
}
/* Sous catégories */
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat {
max-width: calc((100% / 3) - 30px);
}
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat .eqp_img {
min-height: var(--sous-cat-height);
}
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat .eqp_infos {
height: calc( 100% - (var(--sous-cat-height) + 70px ) );
gap: 30px;
}
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat .eqp_infos .btn-wrapper {
margin-top: auto;
}
/* Nouveauté */
.site-produit-unique .breadcrumb .breadcrumb-wrapper.border-btm {
margin-bottom: 0;
border: none !important;
}
.section_nouveaute .section-hero-video {
background-color: var(--txt-color);
}
.section_nouveaute .section-hero-video .hero-video-wrapper {
display: flex;
align-items: center;
gap: 60px;
width: 100%;
/*flex-wrap: wrap;*/
}
.section_nouveaute .section-hero-video .hero-video-content {
/*max-width: calc(50% - 40px);*/
max-width: calc(50% - 200px);
width: 100%;
padding: 0 90px;
}
.section_nouveaute .section-hero-video .hero-video-media {
max-width: calc(50% - 40px);
width: 100%;
min-height: var(--sec-nouveaute-height);
}
.section_nouveaute .section-hero-video .hero-video-media img {
height: var(--sec-nouveaute-height);
object-fit: contain;
}
.section_nouveaute .section-hero-video .video-responsive-container {
position: relative;
height: 0;
overflow: hidden;
border-radius: 4px; /* Optionnel : pour adoucir les angles comme sur la maquette */
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
/*padding-bottom: 56.25%;*/ /* Ratio 16:9 */
padding-bottom: var(--sec-nouveaute-height);
}
.section_nouveaute .section-hero-video .video-responsive-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Texte & images */
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper {
align-items: center;
}
.sec_txt_img .images-list {
display: flex;
align-items: center;
justify-content: center;
}
.sec_txt_img .images-list .owl-item.active {
/*margin-left: 30px;*/
}
.sec_txt_img .images-list .img {
width: 90%;
margin: auto;
max-height: 560px;
overflow: hidden;
}
.sec_txt_img .images-list.owl-carousel img {
display: block;
width: 100%;
height: 560px;
object-fit: contain;
}
.sec_txt_img .images-list:not(.owl-carousel) {
justify-content: start;
}
.sec_txt_img .images-list:not(.owl-carousel) .img {
margin: 0;
}
.sec_txt_img.section_txt_images .images-list:not(.owl-carousel) .img {
margin-left: auto;
}
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper .cols_col {
width: calc(50% - 50px);
}
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper .cols_col .buttons-action-layout {
margin-top: 50px;
}
/* Contact */
.section_contact_form_map .sec_cfMap__wrapper {
display: flex;
gap: 100px;
}
.section_contact_form_map .sec_cfMap__wrapper .map-wrapper *,
.section_contact_form_map .sec_cfMap__wrapper .map-wrapper {
min-height: 450px;
}
.section_contact_form_map .sec_cfMap__wrapper .cfMap-col.cfMap-col-form {
width: calc(52%);
}
.section_contact_form_map .sec_cfMap__wrapper .cfMap-col.cfMap-col-siteInfo {
width: calc(48%);
}
.inputs-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
row-gap: 40px;
}
.inputs-wrapper .half-field {
max-width: calc(50% - 10px);
}
.inputs-wrapper .zone {
border: none;
outline: none;
border-bottom: 1px solid #556670;
padding: 0 0 17px 0;
background: transparent;
color: var(--txt-color);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 22px;
line-height: 26px;
font-weight: var(--font-medium);
width: 100%;
max-width: 100%;
min-width: 100%;
}
.inputs-wrapper textarea.zone {
min-height: 90px
}
.inputs-wrapper .zone::placeholder {
color: #556670;
}
.ftr-item-3 .ftr-item-3__wraper,
.ftr-siteInfos .siteInfos,
.section_contact_form_map .siteInfos {
display: flex;
gap: 40px 60px;
/*flex-wrap: wrap;*/
}
.ftr-item-3 .ftr-item-3__wraper,
.ftr-siteInfos .siteInfos {
justify-content: space-between;
}
.ftr-item-3 .ftr-item-3__wraper > *,
.ftr-siteInfos .siteInfos > *{
width: 50%;
}
.section_contact_form_map .siteInfos > *{
width: calc(50% - 30px);
}
/* Footer */
.footer .footer-wrapper {
/*display: flex;
justify-content: space-between;
column-gap: 100px;*/
display: grid;
/*column-gap: 100px;*/
column-gap: 60px;
grid-template-columns: repeat(2, 1fr);
padding: 50px 0;
border-top: 1px solid;
}
.ftr-menu-1__wrapper > ul > li > a {
pointer-events: none;
user-select: initial;
}
ul#menu-menu-footer-2 ,
ul#menu-menu-footer-2 li ,
ul#menu-menu-footer-1 li ,
ul#menu-menu-footer-1 {
list-style: none;
}
.ftr-menu-1__wrapper > ul#menu-menu-footer-1 {
display: grid;
gap: 50px;
grid-template-columns: repeat(2, 1fr);
}
.ftr-menu-1__wrapper > ul#menu-menu-footer-1 > li {
max-width: 400px;
}
.ftr-menu-1__wrapper > ul > li ul.sub-menu {
margin-top: 22px;
}
.ftr-menu-1__wrapper > ul > li ul.sub-menu li:not(:first-child){
margin-top: 10px;
}
#menu-menu-footer-2,
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu li {
position: relative;
margin: 0 !important;
}
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu li:before {
position: absolute;
content: ",";
right: -6px;
}
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu li:last-child:before {
content: "";
}
#menu-menu-footer-2 li:not(:last-child) {
/*width: calc(50% - 5px);*/
padding-right: 10px;
position: relative;
border-right: 1px solid
}
.footer-wrapper .ftr-item.ftr-item-3 {
/*transform: translateY(-100%);*/
}
.ftr-siteInfos .siteInfos > .col:last-child,
.ftr-item-3 .ftr-item-3__wraper > .col:last-child {
/*width: 200px;*/
}
/* ==========================================================================
COMPOSANT : FENÊTRE MODALE (POP-UP)
========================================================================== */
.air-concept-modal .title-showOnPopUp{display: block !important; margin-bottom: 40px}
.air-concept-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999; /* Reste au-dessus de tout le site, même du header */
background-color: rgba(255, 255, 255, .95); /* Ton bleu de marque opaque */
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.air-concept-modal .modal-inner {
width: 100%;
max-width: 860px; /* Largeur idéale pour un formulaire de devis ou texte */
padding: 20px 40px;
position: relative;
animation: modalScaleUp 0.3s ease;
overflow-y: scroll;
/*max-height: 400px;*/
max-height: calc(100vh - 150px);
scroll-behavior: smooth;
/* Masquer la barre sur Firefox */
scrollbar-width: none;
/* Masquer la barre sur IE et Edge */
-ms-overflow-style: none;
}
/* Masquer la barre sur Chrome, Safari et Opera */
.air-concept-modal .modal-inner:-webkit-scrollbar {
display: none;
}
.air-concept-modal .close-modal {
width: 30px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
transition: color 0.2s ease;
height: 30px;
}
.air-concept-modal .modal-inner .inputs-wrapper .btn-submit__wrapper {
margin-top: -40px;
display: flex;
flex-direction: row-reverse;
align-items: center;
}
body.burger-active .has_icon.icon-burger-menu:after,
.air-concept-modal .close-modal {
background-image: var(--icon-popup-close);
}
.air-concept-modal .popup-dynamic-meta {
margin-bottom: 60px;
}
/* Verrouillage du scroll du body */
body.modal-open {
overflow: hidden;
}
/* Petite animation d'apparition douce pour le contenu */
@keyframes modalScaleUp {
from {
transform: scale(0.95);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
body:not(.single-catalogue_product) .popup-dynamic-meta {
display: none !important;
}
/* Pop Up responsives */
@media (max-width: 576px) {
.air-concept-modal .modal-inner {
/*padding: 25px 20px;*/
}
.air-concept-modal .close-modal {
top: 10px;
right: 15px;
}
.air-concept-modal .modal-inner .inputs-wrapper .btn-submit__wrapper {
/*margin-top: -30px;*/
margin-top: -10px;
margin-bottom: 10px;
}
}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after {display: none}
/* FAQ V1*/
.section_faqs .faqs_wrapper .faq {
cursor: pointer;
border-bottom: 1px solid #fff;
}
.section_faqs .faqs_wrapper .faq-question {
padding: 20px 40px 20px 0;
position: relative;
font-weight: var(--font-regular);
}
.section_faqs .faqs_wrapper .faq-question:after {
position: absolute;
content: "+";
right: 0;
bottom: 15px;
}
.section_faqs .faqs_wrapper .faq-question:after {
font-size: 40px;
line-height: 50px;
font-weight: var(--font-light);
color: #fff;
}
.section_faqs .faqs_wrapper .faq.activeFaq {
position: relative;
}
.section_faqs .faqs_wrapper .faq.activeFaq .faq-question:after {
content: "-";
}
.section_faqs .faqs_wrapper .faq-answer {
display: none;
padding-bottom: 30px;
}
.section_faqs .faqs_wrapper .faq.activeFaq .faq-question,
.section_faqs .faqs_wrapper .faq.activeFaq .faq-question:after {
color: #0086C3;
}
/* Responsive */
@media screen and (min-width: 1900px) {
.section_partners .partners-list {
gap: 0px 80px;
}
}
@media screen and (min-width: 1600px) {
.section_pictos .section-pictos__wrapper .list_pictos.moreThan_5 .picto {
width: calc(16% - 50px);
}
}/* END Min 1600 */
@media screen and (min-width: 991px) {
header.header .megamenu-dropdown.only-simple-links .megamenu-grid {
max-width: calc(586px + 40px);
padding-left: 0;
padding-right: 0;
}
header.header .megamenu-dropdown.only-simple-links .megamenu-grid .megamenu-col {
padding-left: 0;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
header.header .megamenu-dropdown.only-simple-links .megamenu-grid .megamenu-col .text-links-stack {
flex-wrap: wrap;
flex-direction: row;
/*max-width: 50%;*/
max-width: 80%;
justify-content: start;
}
header.header .megamenu-dropdown.only-simple-links .megamenu-grid .megamenu-col .text-links-stack > a {
max-width: calc(50% - 5px);
/* width: fit-content; */
}
/* 1. Animation du conteneur principal =>Animation tesla */
header.header .megamenu-dropdown {
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
visibility 0.35s ease;
transition-delay: 0.1s;
}
/* Affichage au survol */
body.burger-active header.header .menu-wrapper.has-sub-menu-open .header-nav-list > li.has-megamenu:not(.sibling-hidden) .megamenu-dropdown,
header.header .header-nav-list > li.has-megamenu:hover .megamenu-dropdown {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition-delay: 0s;
}
/* 2. Préparation des colonnes pour l'effet cascade */
header.header .megamenu-col {
opacity: 0;
transform: translateY(12px);
transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
/* 3. Animation cascade des colonnes au survol */
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col {
opacity: 1;
transform: translateY(0);
}
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col:nth-child(1) { transition-delay: 0.10s; }
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col:nth-child(2) { transition-delay: 0.20s; }
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col:nth-child(3) { transition-delay: 0.30s; }
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col:nth-child(4) { transition-delay: 0.40s; }
header.header .header-nav-list > li.has-megamenu:hover .megamenu-col:nth-child(5) { transition-delay: 0.50s; }
}
@media screen and (max-width: 1550px) {
.section_equipe .list-equipe .eqp {
/*max-width: calc((100% / 5) - 30px);*/
/*max-width: 330px;*/
max-width: calc((100% / 4) - 40px);
}
.section_gallery .gallery-list .gallery-item img,
.section_gallery .gallery-list .gallery-item {
height: 450px;
}
}
@media (max-width: 1360px) {
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat {
max-width: calc((100% / 2) - 30px);
}
.section_pictos .section-pictos__wrapper .list_pictos .picto {
width: calc(25% - 50px);
}
}
@media (max-width: 1200px) {
:root {
--conteiner-fluid-pl: 20px;
--conteiner-fluid-pr: 20px;
}
.section_articles .list-articles .item-post {
max-width: calc(34% - 30px);
}
.section_equipe .list-equipe .eqp {
max-width: calc((100% / 3) - 30px);
}
.ftr-siteInfos .siteInfos {
flex-wrap: wrap;
}
.ftr-item-3 .ftr-item-3__wraper > *,
.ftr-siteInfos .siteInfos > *{
width: 100%;
}
.footer-wrapper .ftr-item.ftr-item-3 {
transform: initial;
grid-column: 1/3;
margin-top: 50px;
}
.ftr-siteInfos .siteInfos > .col:last-child,
.ftr-item-3 .ftr-item-3__wraper > .col:last-child {
width: 100%;
}
#menu-menu-footer-2 li {
width: fit-content
}
.section_nouveaute .section-hero-video .hero-video-content {
max-width: calc(50% - 120px);
padding: 0 50px;
}
}/* END 1200 */
@media (max-width: 992px) {
.faq_show_desktop,.show_on_desktop{display: none}
header.header .header-nav-list > li.has-megamenu > .top-level-link::after,
.show_on_mobile {display: block}
h1, .h1 {
font-size: 45px;
line-height: 50px;
}
h2, .h2 {
font-size: 40px;
line-height: 46px;
}
h3, .h3 {
font-size: 32px;
line-height: 30px;
}
.design_v1.has_icon, .design_v2.has_icon {
padding: 12px 40px 12px 24px;
}
.section-mainCats .mainCats-wrapper .cat-block {
width: calc(100%);
}
.list_faqs.faq-grid-container {
flex-direction: column;
gap: 40px !important;
}
.list_faqs.faq-grid-container .faq-separator { display: none; }
.list_faqs.faq-grid-container .faq-answer-content {
position: relative;
}
.section_nouveaute .section-hero-video .hero-video-wrapper {
flex-direction: column;
gap: 60px;
padding-top: 60px;
}
.banner-content__wrapper.flex-grid-row {
flex-direction: column;
row-gap: 100px;
}
.banner-content__wrapper.flex-grid-row .grid-col-right,
.banner-content__wrapper.flex-grid-row .grid-col-left {
flex: 0 0 100%;
width: 100%;
}
.hero-banner.hero-banner__top .banner-content__wrapper .category-group-layout {
margin-top: 20px;
margin-bottom: 60px;
}
.hero-banner:not(.hero-banner__top) .banner-content__wrapper.flex-grid-row {
row-gap: 50px;
}
.banner-content__wrapper .buttons-action-layout {
flex-wrap: wrap;
}
.hero-banner .banner-content__wrapper .h1,
.hero-banner .banner-content__wrapper h1 {
margin-bottom: 20px;
}
.section_pictos .section-pictos__wrapper .list_pictos.less_than_3 {
flex-wrap: wrap;
}
.section_pictos .section-pictos__wrapper .list_pictos.less_than_3 .picto {
width: calc(50% - 30px);
}
.section_pictos .section-pictos__wrapper .list_pictos .picto {
width: calc(30% - 30px);
}
.section_articles .list-articles .item-post {
max-width: calc(50% - 30px);
}
.section_partners .partners-list:not(.partners-carousel) {
gap: 40px;
}
.section_partners .partners-list:not(.partners-carousel) .partner-item {
height: fit-content;
width: 20%;
width: 150px;
}
.cols_wrapper {
flex-direction: column;
gap: 40px;
}
.cols_wrapper .cols_col {
width: 100%;
}
.section_contact_form_map .sec_cfMap__wrapper,
.sec_txt_img.section_txt_images .sec_txt_two_images__wrapper.cols_wrapper,
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper,
.section_txt_two_images .cols_wrapper {
flex-direction: column-reverse;
/*row-gap: 60px;*/
row-gap: 50px;
}
.sec_txt_img.section_images_txt .sec_txt_two_images__wrapper.cols_wrapper{
flex-direction: column;
}
.section_contact_form_map .sec_cfMap__wrapper .cfMap-col.cfMap-col-form,
.section_contact_form_map .sec_cfMap__wrapper .cfMap-col.cfMap-col-siteInfo,
.sec_txt_img.section_txt_images .sec_txt_two_images__wrapper.cols_wrapper .cols_col.col_l,
.sec_txt_img.section_images_txt .sec_txt_two_images__wrapper.cols_wrapper .cols_col.col_r {
width: 100%;
}
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper .cols_col {
width: 70%;
}
.sec_txt_img .images-list .img {
max-height: initial;
}
.sec_txt_img .images-list.owl-carousel img {
height: initial;
}
.sec_txt_img .owl-nav .has_icon.icon-arrow.icon-arrow-long-left:after {
left: -20px;
}
.sec_txt_img .owl-nav .has_icon.icon-arrow.icon-arrow-long-right:after {
right: -20px;
}
.section_gallery .gallery-list:not(.gallery-carousel) .gallery-item {
width: calc((100% / 2) - 30px);
}
.list_faqs.faq-grid-container .faq_show_mobile.is-active {
display: block;
}
.section_nouveaute .section-hero-video .hero-video-media,
.section_nouveaute .section-hero-video .hero-video-content {
max-width: 100%;
padding: 0;
}
.section_nouveaute .section-hero-video .hero-video-media {
max-width: calc(100% + calc( var(--conteiner-fluid-pl) * 2 ));/*calc(100% + 40px);*/
width: calc(100% + calc( var(--conteiner-fluid-pl) * 2 ));/*calc(100% + 40px);*/
}
.ftr-item-3 .ftr-item-3__wraper,
.ftr-siteInfos .siteInfos,
.section_contact_form_map .siteInfos,
.footer .footer-wrapper {
row-gap: 50px;
}
.footer .footer-wrapper > * {
grid-column: 1 / 3;
}
.footer-wrapper .ftr-item.ftr-item-3 {
margin-top: 0px;
}
/* Menu Mobile */
/* 1. Le Wrapper prend TOUT l'écran en Fade In */
header.header .header-wrapper {
position: relative
}
header.header .menu-wrapper {
height: 100vh;
background: #ffffff;
z-index: 9999;
/* Centrage vertical et horizontal parfait de la liste */
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
padding: 40px 25px;
box-sizing: border-box;
/* Gestion du Fondu (Fade In) */
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
/*position: fixed;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
position: absolute;
top: 100%;
width: calc(100% + 40px);
left: -20px;
row-gap: 80px;
overflow-y: scroll;
}
/* Activation du Menu Global via le Burger */
body.burger-active header.header .menu-wrapper {
opacity: 1;
visibility: visible;
}
body.burger-active header.header .menu-wrapper.has-sub-menu-open {
justify-content: start;
}
body.burger-active {
overflow: hidden; /* Bloque le scroll du site */
}
/* 2. Liste Principale (Niveau 1) */
header.header .header-nav-list {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 25px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
header.header .header-nav-list > li {
width: 100%;
text-align: center;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
header.header .top-level-link {
display: inline-flex;
align-items: center;
position: relative;
}
/* Classe dynamique pour masquer les éléments frères (siblings) */
header.header .header-nav-list > li.sibling-hidden {
display: none !important;
}
header.header .header-nav-list > li.has-megamenu > .top-level-link.active-parent::before {
display: block;
}
/* 3. Le Mégamenu (Niveau 2) - Enfants */
header.header .megamenu-dropdown {
display: none; /* Contrôlé par slideDown/fadeIn en jQuery */
background: #ffffff;
margin-top: 50px;
box-shadow: none;
border: none;
position: static;
width: 100%;
/*width: 100vw !important;*/
left: 0 !important;
top: 0 !important;
}
/* Grille des sous-menus (Produits 2 colonnes) */
header.header .megamenu-grid {
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0;
}
header.header .megamenu-col.col-product {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 40px;
}
header.header .megamenu-col.col-text-links-wrapper {
flex: 0 0 100%;
max-width: 100%;
margin-top: 20px;
padding-top: 20px;
}
header.header .text-links-stack {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
body.burger-active .chat-wrapper {
}
}/* END 992 */
@media screen and (max-width: 767px) {
.sec_img_full {
height: 240px;
min-height: 240px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin-bottom: 20px;
}
.section_pictos .section-pictos__wrapper,
section.section {
padding-bottom: 60px;
}
h1, .h1 {
font-size: 35px;
line-height: 40px;
}
h2, .h2 {
font-size: 30px;
line-height: 36px;
}
h3, .h3 {
font-size: 22px;
line-height: 26px;
}
.hero-banner.hero-banner__top,
.hero-banner.hero-banner__top.banner_is_video {
min-height: 240px;
}
.timeline-list .timeline .timeline_desc {
font-size: 14px;
line-height: 17px;
}
.ftr-menu-1__wrapper > ul > li.design_2 ul.sub-menu li,
.ftr-menu-1__wrapper > ul > li > a,
.sub-title,
.wysiwyg p {
font-size: 16px;
line-height: 22px;
}
.section-mainCats .mainCats-wrapper .cat-block {
min-height: 210px;
}
.section-mainCats .mainCats-wrapper .cat-block .cat-block__content {
padding: 40px 20px 20px;
}
.section_pictos .section-pictos__wrapper .pictos_content_below {
padding-top: 60px;
}
.section_pictos .section-pictos__wrapper .list_pictos .picto {
width: calc(50% - 30px);
max-width: 300px;
}
.timeline-list .timeline {
margin-bottom: 44px;
}
.timeline-list .timeline:after {
height: calc(100% - 26px + 44px);
top: calc(7px + 26px);
}
.section_gallery .gallery-list,
.section_articles .list-articles {
row-gap: 40px;
}
.section_articles .list-articles .item-post {
max-width: calc(70%);
width: 100%;
margin-left: auto;
margin-right: auto;
}
.section_articles .post-info .btn-wrapper .design_simple {
font-size: 16px;
line-height: 61px;
}
.section_equipe .list-equipe .eqp {
max-width: calc((100% / 2) - 30px);
}
.inputs-wrapper .half-field,
.section_contact_form_map .siteInfos > *,
.section_sous-cats.section_equipe .list-equipe .eqp.item-sousCat,
.section_gallery .gallery-list:not(.gallery-carousel) .gallery-item {
width: 100%;
max-width: 100%;
}
.section_contact_form_map .sec-intro__wrapper {
flex-direction: column;
row-gap: 50px;
margin-bottom: 50px !important;
}
.section_contact_form_map .sec_cfMap__wrapper .cfMap-col.cfMap-col-form .contactForm {
margin-top: 50px;
}
.inputs-wrapper > * {
grid-column: 1/3;
}
.breadcrumb-wrapper {
margin-bottom: 60px;
}
.air-concept-modal .modal-inner {
padding: 120px 0px;
box-sizing: border-box;
max-height: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.air-concept-modal .close-modal {
top: 30px;
z-index: 99999;
}
}/* END 767 */
@media screen and (max-width: 767px) and (max-height: 1024px) {
.air-concept-modal .modal-inner {
justify-content: start;
}
}
@media screen and (max-width: 560px) {
.ftr-item-3 .ftr-item-3__wraper,
.section_timeline .section_wrapper {
flex-direction: column;
row-gap: 50px;
}
.section_timeline .section_wrapper > * {
max-width: 100%;
}
.section_articles .list-articles .item-post {
max-width: calc(100%);
}
.section_txt_two_images .btn-wrapper,
.section_pictos .section-pictos__wrapper .pictos_block_btn {
margin-top: 20px;
}
.section_contact_form_map .sec-intro__wrapper,
.section_gallery .sec-intro__wrapper,
.section-mainCats .sec-intro__wrapper {
margin-bottom: 30px;
}
.section_equipe {
margin-bottom: 60px;
}
.section_equipe .list-equipe .eqp {
max-width: 100%;
}
.section_equipe .list-equipe {
row-gap: 20px;
}
.section_equipe .list-equipe .eqp .eqp_img {
min-height: 300px;
}
.section_equipe .list-equipe .eqp .eqp_infos {
padding: 30px;
row-gap: 15px;
}
.sec_txt_img .sec_txt_two_images__wrapper.cols_wrapper .cols_col {
width: 90%;
}
.section_partners .partners-list.partners-carousel .partner-item {
max-width: 300px;
margin: auto;
}
.ftr-menu-1__wrapper > ul#menu-menu-footer-1 {
grid-template-columns: repeat(1, 1fr);
row-gap: 50px;
}
.footer .footer-wrapper {
padding-bottom: 20px;
}
.air-concept-modal .modal-inner {
padding: 40px 0px;
}
.inputs-wrapper {
row-gap: 20px;
}
.inputs-wrapper .zone {
font-size: 20px;
line-height: 22px;
padding-bottom: 10px;
}
}/* END 560 */
@media screen and (max-width: 480px) {
:root {
--conteiner-fluid-pl: 16px;
--conteiner-fluid-pr: 16px;
--sous-cat-height: 300px;
}
.section_pictos .section-pictos__wrapper .list_pictos.less_than_3 .picto,
.section_pictos .section-pictos__wrapper .list_pictos .picto {
width: 100%;
max-width: 100%;
}
.section_txt_two_images .col_images .col_image {
min-width: 240px;
min-height: 240px;
}
.section_txt_two_images .col_images .col_image.col_image_2 {
margin-top: -120px;
}
header.header .menu-wrapper {
width: calc(100% + 35px);
}
#menu-menu-footer-2 {
flex-direction: column;
}
#menu-menu-footer-2 li:not(:last-child) {
padding-right: 0px;
border-right: none;
}
.ftr-item-3 .ftr-item-3__wraper {
flex-direction: column-reverse;
}
.wysiwyg.wysiwyg_special_ul ul li {
width: 100%;
text-align: left !important;
}
}/* END 480 */
@media screen and (max-width: 360px) {
h2, .h2 {
font-size: 1.5em;
line-height: 1.2em;
}
.wysiwyg.wysiwyg_special_ul ul li {
width: initial;
text-align: left !important;
}
.section_partners .partners-list:not(.partners-carousel) .partner-item {
min-width: 150px;
}
header.header .megamenu-col.col-product {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
}
}/* END 360 */
.chat-wrapper {
background-color: var(--light-blue);
/* padding: 15px; */
border-radius: 10px 0 0 10px;
position: fixed;
/*top: 200px;*/
top: 150px;
right: 0;
/* width: 20px; */
/* height: 20px; */
z-index: 999;
max-width: 50px;
max-height: 40px;
}
.chat-wrapper:hover {
background-color: #fff;
}
.chat-wrapper .icon-chat {
/* width: 15px; */
/* height: 15px; */
padding: 17px;
background-size: 17px;
vertical-align: middle;
}
.grecaptcha-badge {
display: none !important;
visibility: hidden;
opacity: 0;
}
.wpcf7-response-output {margin-top: 0 !important}
/* Animation Keyframe pour un effet de descente souple */
@keyframes headerSlideDown {
0% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
/*
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-img,
.section_pictos .section-pictos__wrapper .list_pictos .picto .picto-title {
transform: translateY(70px);
background: var(--txt-color);
transition: transform 1s;
}*/
/*footer,
section:not(.section_nouveaute ) {
display: none !important;
}*/