.page-id-527 div[style*="max-width: 1300px"][style*="gap: 15px"][style*="flex-wrap: wrap"],
.page-id-527 div[style*="gap: 15px"][style*="max-width:1300px"][style*="flex-wrap: wrap"] {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

/* === Barre de menu - Fond gris plus clair === */
.fusion-header-wrapper,
.fusion-header,
.fusion-header .fusion-header-bg {
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
}

/* === Navigation Global === */
.fusion-main-menu .fusion-menu > li > a,
.fusion-main-menu.fusion-sticky-menu .fusion-menu > li > a {
    font-size: 14px !important;
    white-space: nowrap !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 1.2 !important;
}

/* === Sous-menus principaux - fond blanc ajusté à la longueur du texte === */
.fusion-main-menu .fusion-menu > li .sub-menu li a,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu li a,
.fusion-main-menu .fusion-menu > li ul.sub-menu li a,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu li a,
.fusion-main-menu .sub-menu li a,
.fusion-main-menu .fusion-dropdown-menu li a {
    background-color: #ffffff !important;   /* fond blanc */
    white-space: nowrap !important;         /* texte sur une seule ligne */
    line-height: 1.3 !important;
    display: block !important;
    width: auto !important;                 /* largeur adaptée au texte */
    max-width: none !important;
    padding: 8px 16px !important;
}

/* Conteneur des sous-menus : boîte blanche qui s'adapte au contenu */
.fusion-main-menu .fusion-menu > li .sub-menu,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu,
.fusion-main-menu .fusion-menu > li ul.sub-menu,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu {
    background-color: #ffffff !important;
    white-space: normal !important;          /* une ligne par élément */
    display: inline-block !important;        /* largeur = contenu */
    width: auto !important;                  /* override Avada fixed width */
    min-width: 0 !important;
    padding: 4px 0 !important;
}

/* Éléments de sous-menu : largeur au contenu, une ligne par élément */
.fusion-main-menu .fusion-menu > li .sub-menu li,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu li,
.fusion-main-menu .fusion-menu > li ul.sub-menu li,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu li {
    white-space: normal !important;
    width: auto !important;
    min-width: 0 !important;
    transition: background-color 0.2s ease !important; /* Transition fluide */
}

/* Fond rouge très clair au survol des sous-menus - appliqué sur le li */
.fusion-main-menu .fusion-menu > li .sub-menu li:hover,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu li:hover,
.fusion-main-menu .fusion-menu > li ul.sub-menu li:hover,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu li:hover,
.fusion-main-menu .sub-menu li:hover,
.fusion-main-menu .fusion-dropdown-menu li:hover {
    background-color: #ffe0e0 !important; /* Rouge très clair */
}

/* Transition fluide pour les liens dans les sous-menus */
.fusion-main-menu .fusion-menu > li .sub-menu li a,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu li a,
.fusion-main-menu .fusion-menu > li ul.sub-menu li a,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu li a,
.fusion-main-menu .sub-menu li a,
.fusion-main-menu .fusion-dropdown-menu li a {
    transition: background-color 0.2s ease !important; /* Transition fluide */
}

/* Fond rouge très clair au survol des liens dans les sous-menus */
.fusion-main-menu .fusion-menu > li .sub-menu li:hover a,
.fusion-main-menu .fusion-menu > li .fusion-dropdown-menu li:hover a,
.fusion-main-menu .fusion-menu > li ul.sub-menu li:hover a,
.fusion-main-menu .fusion-menu > li ul.fusion-dropdown-menu li:hover a,
.fusion-main-menu .sub-menu li:hover a,
.fusion-main-menu .fusion-dropdown-menu li:hover a {
    background-color: #ffe0e0 !important; /* Rouge très clair */
}

/* Forcer le menu à rester sur une seule ligne */
.fusion-header .fusion-main-menu > ul,
.fusion-main-menu .fusion-menu {
    flex-wrap: nowrap !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
}

/* Réduire le padding des éléments du menu */
.fusion-main-menu ul li {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* Réduire l'espacement entre les éléments */
.fusion-main-menu .fusion-menu > li {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.page-id-527 div[style*="max-width: 1300px"][style*="gap: 15px"][style*="flex-wrap: wrap"] > div[style*="flex: 0 1"],
.page-id-527 div[style*="gap: 15px"][style*="max-width:1300px"][style*="flex-wrap: wrap"] > div[style*="flex: 0 1"] {
    flex: 0 1 21% !important;
    max-width: 250px !important;
    min-width: 200px !important;
}

.page-id-527 div[style*="max-width: 1000px"][style*="gap: 20px"][style*="flex-wrap: wrap"],
.page-id-527 div[style*="gap: 20px"][style*="max-width:1000px"][style*="flex-wrap: wrap"] {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.page-id-527 div[style*="max-width: 1000px"][style*="gap: 20px"][style*="flex-wrap: wrap"] > div[style*="flex: 1"],
.page-id-527 div[style*="gap: 20px"][style*="max-width:1000px"][style*="flex-wrap: wrap"] > div[style*="flex: 1"] {
    flex: 0 1 48% !important;
    max-width: 480px !important;
    min-width: 320px !important;
}
.page-id-527 .fusion-content-boxes.content-boxes.columns.row.fusion-columns-3 {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.page-id-527 .fusion-content-boxes.content-boxes.columns.row.fusion-columns-3 .fusion-column.content-box-column {
    flex: 0 1 30% !important;
    max-width: 320px !important;
    min-width: 240px !important;
}

.page-id-527 .fusion-content-boxes.content-boxes.columns.row.fusion-columns-3 .content-box-wrapper {
    height: 100% !important;
}
.page-id-527 [style*="gap: 15px"][style*="flex-wrap"],
.page-id-527 [style*="gap:15px"][style*="flex-wrap"],
.page-id-527 [style*="gap: 20px"][style*="flex-wrap"],
.page-id-527 [style*="gap:20px"][style*="flex-wrap"] {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

.page-id-527 [style*="gap: 15px"][style*="flex-wrap"] > div[style*="flex: 0 1"],
.page-id-527 [style*="gap:15px"][style*="flex-wrap"] > div[style*="flex: 0 1"] {
    flex: 0 1 21% !important;
    max-width: 250px !important;
    min-width: 200px !important;
}

.page-id-527 [style*="gap: 20px"][style*="flex-wrap"] > div[style*="flex: 1"],
.page-id-527 [style*="gap:20px"][style*="flex-wrap"] > div[style*="flex: 1"] {
    flex: 0 1 48% !important;
    max-width: 480px !important;
    min-width: 320px !important;
}

@media (max-width: 992px) {
    .page-id-527 [style*="gap: 15px"][style*="flex-wrap"] > div[style*="flex: 0 1"],
    .page-id-527 [style*="gap:15px"][style*="flex-wrap"] > div[style*="flex: 0 1"],
    .page-id-527 .fusion-content-boxes.content-boxes.columns.row.fusion-columns-3 .fusion-column.content-box-column {
        flex: 0 1 45% !important;
        max-width: 360px !important;
    }

    .page-id-527 [style*="gap: 20px"][style*="flex-wrap"] > div[style*="flex: 1"],
    .page-id-527 [style*="gap:20px"][style*="flex-wrap"] > div[style*="flex: 1"] {
        flex: 0 1 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 640px) {
    .page-id-527 [style*="gap: 15px"][style*="flex-wrap"] > div[style*="flex: 0 1"],
    .page-id-527 [style*="gap:15px"][style*="flex-wrap"] > div[style*="flex: 0 1"],
    .page-id-527 .fusion-content-boxes.content-boxes.columns.row.fusion-columns-3 .fusion-column.content-box-column {
        flex: 0 1 100% !important;
        max-width: 100% !important;
    }
}
.page-id-527 .fusion-text > div[style*="gap: 15px"],
.page-id-527 .fusion-text > div[style*="gap:15px"] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
}

.page-id-527 .fusion-text > div[style*="gap: 15px"] > div[style*="flex: 0 1"],
.page-id-527 .fusion-text > div[style*="gap:15px"] > div[style*="flex: 0 1"] {
    flex: 0 1 21% !important;
    max-width: 250px !important;
    min-width: 200px !important;
}

.page-id-527 .fusion-text > div[style*="gap: 20px"],
.page-id-527 .fusion-text > div[style*="gap:20px"] {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
}

.page-id-527 .fusion-text > div[style*="gap: 20px"] > div[style*="flex: 1"],
.page-id-527 .fusion-text > div[style*="gap:20px"] > div[style*="flex: 1"] {
    flex: 1 1 48% !important;
    max-width: 480px !important;
    min-width: 320px !important;
}


.page-id-527 .fusion-content-boxes {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    background-color: transparent !important;
}

.page-id-527 .fusion-content-boxes .fusion-column.content-box-column {
    flex: 0 1 21% !important;
    max-width: 250px !important;
    min-width: 200px !important;
}

.page-id-527 .fusion-title .title-heading-left,
.page-id-527 .fusion-title .fusion-title-heading {
    font-size: 27px !important;
    line-height: 1.2 !important;
}

@media (max-width: 992px) {
    .page-id-527 .fusion-content-boxes .fusion-column.content-box-column {
        flex: 0 1 45% !important;
        max-width: 360px !important;
    }
}

@media (max-width: 640px) {
    .page-id-527 .fusion-content-boxes .fusion-column.content-box-column {
        flex: 0 1 100% !important;
        max-width: 100% !important;
    }
}
/*CSS - VERSION STABLE*/

.col-50{
	width:49%;
}

@media (max-width: 640px) {
	.col-50{
		width:100%;
	}
}

.margl1{
	margin-left:1%;
}
.clear{
	clear:both;
}
.bl{
	display:block;
}
.flex{
	display:flex;
	justify-content:center;
	flex-direction: row;
}

@media (max-width: 640px) {
	.flex{
	flex-direction: column;
	}
}

.cinfo,.hinfo{
	/*border:1px solid #cecece;*/
	padding:20px;
	border-radius: 50px;
}
.cinfo input,.hinfo input{
	border-color: #cecece;
}
.register h1{
	margin-top: 0;
  	font-size: 36px;
  	color: gray;
}
.register h3{
	font-size: 26px;
  	color: #e00a0a;
}
.btn-reg{
	padding: 10px 50px;
  	margin-top: 25px;
  	margin-left: auto;
  	margin-right: auto;
  	display: block;
  	cursor: pointer;
}
.register select{
	width:100%;
}
.register label{
	padding-top: 10px;
  	display: block;
}
/* 
.box-packs{
	border :1px solid #cecece;
	width:24%;
	margin-left:0;
	margin-right: 1%;
}
.box-packs .fusion-column-wrapper{
	margin-left:0;
	margin-right: 0;	
}
*/
.box-packs h3{
	color:#198fd9;
	margin-bottom: 0px;
	font-size: 28px;
	margin-top:10px;
}
.box-packs .subtitle{
	font-size:16px;
	margin-bottom:10px;
}
span.price{
	color: #198fd9;
  	font-weight: bold;
  	font-size: 21px;
}
.box-head{
	background-color: #eaeaea;
}
.lnkc{
	color:#198fd9;
}
.fusion-main-menu ul li{
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-left: 1px solid #fff;
}
.fusion-main-menu ul li:last-child{
	border-right: 1px solid #fff;
	padding-right: 10px !important;
}
.avada-page-titlebar-wrapper h1{
	text-shadow: 0px 0px 8px #000;
}
.button-deco{
  padding: 8px 20px;
  background-color: #f34e4e;
  color: #fff !important;
}
.myaccount a{
	color:#2092d9;
}
.box-account{
  border: 1px solid #cecece;
  padding: 0px 10px 10px 25px;
  margin: 20px 0;
}

/* ========================================
   FIX LOGO - Affichage sur Firefox
   ======================================== */

/* Logo URL : https://dev.aslane.fr/wp-content/uploads/2024/07/logo-petit.jpg */

/* S'assurer que le logo s'affiche correctement sur tous les navigateurs */
.fusion-logo,
.fusion-logo a,
.fusion-logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Forcer l'affichage du logo avec son URL */
.fusion-logo img,
.fusion-header .fusion-logo img {
    content: url('https://dev.aslane.fr/wp-content/uploads/2024/07/logo-petit.jpg') !important;
    max-height: 80px !important;
    width: auto !important;
}

/* Bouton Etude Personnalisée dans le menu - À l'extrême droite */

/* Forcer le menu à utiliser flexbox et rester sur une ligne */
.fusion-header .fusion-main-menu > ul,
.fusion-main-menu .fusion-menu {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    width: 100% !important;
}

/* Réduire l'espacement entre les éléments du menu */
.fusion-main-menu .fusion-menu > li {
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}

/* Seul le bouton Etude personnalisée est poussé à droite */
.fusion-main-menu .menu-item.offre-personnalisee-menu {
    margin-left: auto !important;
    position: relative;
    padding-left: 0 !important;
    border-left: none !important;
}

.fusion-main-menu .menu-item.offre-personnalisee-menu > a {
    background: #D90429 !important;
    color: #fff !important;
    padding: 10px 25px !important;
    border-radius: 25px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(217, 4, 41, 0.3) !important;
}

.fusion-main-menu .menu-item.offre-personnalisee-menu > a:hover {
    background: #b5031f !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(217, 4, 41, 0.5) !important;
}

.fusion-main-menu .menu-item.offre-personnalisee-menu > a .menu-text {
    color: #fff !important;
}

/* Ajouter une séparation visuelle */
.fusion-main-menu .menu-item.offre-personnalisee-menu::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 2px;
    background: #ddd;
}

/* Responsive pour mobile */
@media (max-width: 1024px) {
    .fusion-header .fusion-main-menu > ul {
        flex-wrap: wrap !important;
    }
    
    .fusion-main-menu .menu-item.offre-personnalisee-menu {
        margin-left: 0 !important;
        width: 100%;
        text-align: center;
    }
    
    .fusion-main-menu .menu-item.offre-personnalisee-menu > a {
        display: block !important;
        text-align: center !important;
    }
    
    .fusion-main-menu .menu-item.offre-personnalisee-menu::before {
        display: none;
    }
}

/* Bouton Être rappelé dans le footer */
.fusion-footer {
    position: relative;
}

.footer-rappel-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #D90429;
    color: #fff;
    padding: 12px 30px;
    font-size: 1em;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(217, 4, 41, 0.4);
    transition: all 0.3s ease;
    z-index: 100;
}

.footer-rappel-btn:hover {
    background: #b5031f;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(217, 4, 41, 0.5);
    color: #fff;
}

@media (max-width: 768px) {
    .footer-rappel-btn {
        position: relative;
        bottom: auto;
        right: auto;
        display: block;
        text-align: center;
        margin: 20px auto;
        width: fit-content;
    }
}

/* Logo Aslane dans le footer */
.footer-rappel-box {
    position: absolute;
    bottom: 15px;
    right: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    text-decoration: none;
    display: inline-block;
    z-index: 100;
    transition: opacity 0.3s ease;
}

.footer-rappel-box:hover {
    opacity: 0.8;
}

/* Logo dans le footer */
.footer-rappel-box .footer-rappel-logo {
    max-height: 40px;
    width: auto;
    display: block;
}

/* Cacher le lien "Mentions légales" dans la barre de copyright (déjà présent dans la colonne Infos légales) */
.fusion-copyright-notice a[href*="mentions-legales"],
.fusion-footer a[href*="mentions-legales"] {
    display: none !important;
}


/* Ajuster le footer pour avoir de l'espace pour le bouton */
.fusion-copyright-notice {
    min-height: 60px;
    padding-right: 180px;
    text-align: center !important;
}

/* Centrer le texte dans la div interne du copyright */
.fusion-copyright-notice > div {
    text-align: center !important;
}

@media (max-width: 768px) {
    .footer-rappel-box {
        position: relative;
        bottom: auto;
        right: auto;
        display: flex;
        justify-content: center;
        margin: 15px auto;
        width: fit-content;
    }
    
    .fusion-copyright-notice {
        padding-right: 0;
        min-height: auto;
    }
}

/* ========================================
   ALIGNEMENT HORIZONTAL - SECTION POURQUOI CHOISIR ASLANE
   3 colonnes sur la même ligne (UNIQUEMENT pour cette section)
   ======================================== */

/* Forcer les content-boxes à s'afficher sur 3 colonnes horizontales UNIQUEMENT pour la section "Pourquoi choisir Aslane" */
/* On cible uniquement les sections qui ne sont PAS sur la page entretien-reparation (page-id-527) */
body:not(.page-id-527) .fusion-content-boxes.fusion-columns-3 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
}

body:not(.page-id-527) .fusion-content-boxes.fusion-columns-3 .fusion-column.content-box-column {
    flex: 1 1 33.33% !important;
    max-width: 33.33% !important;
}

/* Cibler spécifiquement les colonnes col-lg-4 (3 colonnes Bootstrap) - UNIQUEMENT hors page entretien */
body:not(.page-id-527) .fusion-content-boxes .col-lg-4 {
    flex: 1 1 33.33% !important;
    max-width: 33.33% !important;
    width: 33.33% !important;
}

/* Pour les sections avec 4 colonnes - UNIQUEMENT hors page entretien */
body:not(.page-id-527) .fusion-content-boxes.fusion-columns-4 .fusion-column.content-box-column,
body:not(.page-id-527) .fusion-content-boxes .col-lg-3 {
    flex: 1 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
}

/* Desktop : forcer l'affichage horizontal - UNIQUEMENT hors page entretien */
@media (min-width: 1025px) {
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-3,
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-4 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }
}

/* Responsive tablette : 2 colonnes - UNIQUEMENT hors page entretien */
@media (min-width: 641px) and (max-width: 1024px) {
    body:not(.page-id-527) .fusion-content-boxes .col-lg-4,
    body:not(.page-id-527) .fusion-content-boxes .col-lg-3 {
        flex: 1 1 50% !important;
        max-width: 50% !important;
    }
    
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-3,
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-4 {
        flex-wrap: wrap !important;
    }
}

/* Mobile : 1 colonne - UNIQUEMENT hors page entretien */
@media (max-width: 640px) {
    body:not(.page-id-527) .fusion-content-boxes .col-lg-4,
    body:not(.page-id-527) .fusion-content-boxes .col-lg-3 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-3,
    body:not(.page-id-527) .fusion-content-boxes.fusion-columns-4 {
        flex-wrap: wrap !important;
    }
}

/* ========================================
   PAGES ENTRETIEN (page-id-527, entretien-pac-air-air, entretien-pac-air-eau, entretien-ballon-thermodynamique, entretien-vmc)
   Règles spécifiques pour ces pages - MÊME STYLE QUE PAGE D'ACCUEIL
   ======================================== */

/* Centrer les colonnes de solutions - Toutes les pages entretien */
body.page-id-527 .fusion-layout-column,
body.page-entretien-pac-air-air .fusion-layout-column,
body.page-entretien-pac-air-eau .fusion-layout-column,
body.page-entretien-ballon-thermodynamique .fusion-layout-column,
body.page-entretien-vmc .fusion-layout-column {
    text-align: center !important;
}

body.page-id-527 .fusion-column-content,
body.page-entretien-pac-air-air .fusion-column-content,
body.page-entretien-pac-air-eau .fusion-column-content,
body.page-entretien-ballon-thermodynamique .fusion-column-content,
body.page-entretien-vmc .fusion-column-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Centrer les titres de sections - Toutes les pages entretien */
body.page-id-527 h1,
body.page-id-527 h2,
body.page-id-527 h3,
body.page-entretien-pac-air-air h1,
body.page-entretien-pac-air-air h2,
body.page-entretien-pac-air-air h3,
body.page-entretien-pac-air-eau h1,
body.page-entretien-pac-air-eau h2,
body.page-entretien-pac-air-eau h3,
body.page-entretien-ballon-thermodynamique h1,
body.page-entretien-ballon-thermodynamique h2,
body.page-entretien-ballon-thermodynamique h3,
body.page-entretien-vmc h1,
body.page-entretien-vmc h2,
body.page-entretien-vmc h3 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* EXCEPTION : Exclure les sous-titres dans les cartes/étiquettes (conteneurs flex avec gap) */
body.page-id-527 div[style*="display: flex"][style*="gap: 15px"] h2,
body.page-id-527 div[style*="display: flex"][style*="gap: 15px"] h3,
body.page-id-527 div[style*="display: flex"][style*="gap: 15px"] h4,
body.page-id-527 div[style*="display: flex"][style*="gap:15px"] h2,
body.page-id-527 div[style*="display: flex"][style*="gap:15px"] h3,
body.page-id-527 div[style*="display: flex"][style*="gap:15px"] h4,
body.page-id-527 .fusion-content-boxes h2,
body.page-id-527 .fusion-content-boxes h3,
body.page-id-527 .fusion-content-boxes h4,
body.page-id-527 .box-packs h2,
body.page-id-527 .box-packs h3,
body.page-id-527 .box-packs h4 {
    font-size: inherit !important; /* Garder la taille d'origine */
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Classe pour les titres principaux de section spécifiques */
body.page-id-527 .aslane-main-section-title {
    font-size: 2em !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Classe pour réduire le titre "👨‍🔧 Entretien & Maintenance Préventive" */
body.page-id-527 .aslane-entretien-title {
    font-size: 1.6em !important;
    line-height: 1.3 !important;
}



/* Centrer les paragraphes - Toutes les pages entretien */
body.page-id-527 p,
body.page-entretien-pac-air-air p,
body.page-entretien-pac-air-eau p,
body.page-entretien-ballon-thermodynamique p,
body.page-entretien-vmc p {
    text-align: center !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Centrer les textes dans les fusion-text et toutes les sections - RÈGLES RENFORCÉES - Toutes les pages entretien */
body.page-id-527 .fusion-text,
body.page-id-527 .fusion-text *,
body.page-entretien-pac-air-air .fusion-text,
body.page-entretien-pac-air-air .fusion-text *,
body.page-entretien-pac-air-eau .fusion-text,
body.page-entretien-pac-air-eau .fusion-text *,
body.page-entretien-ballon-thermodynamique .fusion-text,
body.page-entretien-ballon-thermodynamique .fusion-text *,
body.page-entretien-vmc .fusion-text,
body.page-entretien-vmc .fusion-text *,
body.page-id-527 .fusion-builder-row,
body.page-id-527 .fusion-builder-row *,
body.page-entretien-pac-air-air .fusion-builder-row,
body.page-entretien-pac-air-air .fusion-builder-row *,
body.page-entretien-pac-air-eau .fusion-builder-row,
body.page-entretien-pac-air-eau .fusion-builder-row *,
body.page-entretien-ballon-thermodynamique .fusion-builder-row,
body.page-entretien-ballon-thermodynamique .fusion-builder-row *,
body.page-entretien-vmc .fusion-builder-row,
body.page-entretien-vmc .fusion-builder-row *,
body.page-id-527 .fusion-builder-column,
body.page-id-527 .fusion-builder-column *,
body.page-entretien-pac-air-air .fusion-builder-column,
body.page-entretien-pac-air-air .fusion-builder-column *,
body.page-entretien-pac-air-eau .fusion-builder-column,
body.page-entretien-pac-air-eau .fusion-builder-column *,
body.page-entretien-ballon-thermodynamique .fusion-builder-column,
body.page-entretien-ballon-thermodynamique .fusion-builder-column *,
body.page-entretien-vmc .fusion-builder-column,
body.page-entretien-vmc .fusion-builder-column *,
body.page-id-527 .fusion-column-wrapper,
body.page-id-527 .fusion-column-wrapper *,
body.page-entretien-pac-air-air .fusion-column-wrapper,
body.page-entretien-pac-air-air .fusion-column-wrapper *,
body.page-entretien-pac-air-eau .fusion-column-wrapper,
body.page-entretien-pac-air-eau .fusion-column-wrapper *,
body.page-entretien-ballon-thermodynamique .fusion-column-wrapper,
body.page-entretien-ballon-thermodynamique .fusion-column-wrapper *,
body.page-entretien-vmc .fusion-column-wrapper,
body.page-entretien-vmc .fusion-column-wrapper * {
    text-align: center !important;
}

/* Centrer les sections et leurs contenus - Toutes les pages entretien */
body.page-id-527 .fusion-builder-container,
body.page-id-527 .fusion-builder-container *,
body.page-entretien-pac-air-air .fusion-builder-container,
body.page-entretien-pac-air-air .fusion-builder-container *,
body.page-entretien-pac-air-eau .fusion-builder-container,
body.page-entretien-pac-air-eau .fusion-builder-container *,
body.page-entretien-ballon-thermodynamique .fusion-builder-container,
body.page-entretien-ballon-thermodynamique .fusion-builder-container *,
body.page-entretien-vmc .fusion-builder-container,
body.page-entretien-vmc .fusion-builder-container *,
body.page-id-527 .fusion-fullwidth,
body.page-id-527 .fusion-fullwidth *,
body.page-entretien-pac-air-air .fusion-fullwidth,
body.page-entretien-pac-air-air .fusion-fullwidth *,
body.page-entretien-pac-air-eau .fusion-fullwidth,
body.page-entretien-pac-air-eau .fusion-fullwidth *,
body.page-entretien-ballon-thermodynamique .fusion-fullwidth,
body.page-entretien-ballon-thermodynamique .fusion-fullwidth *,
body.page-entretien-vmc .fusion-fullwidth,
body.page-entretien-vmc .fusion-fullwidth * {
    text-align: center !important;
}

/* Centrer absolument tout le contenu texte dans le main - Toutes les pages entretien */
body.page-id-527 #main,
body.page-id-527 #main *,
body.page-id-527 #content,
body.page-id-527 #content *,
body.page-entretien-pac-air-air #main,
body.page-entretien-pac-air-air #main *,
body.page-entretien-pac-air-air #content,
body.page-entretien-pac-air-air #content *,
body.page-entretien-pac-air-eau #main,
body.page-entretien-pac-air-eau #main *,
body.page-entretien-pac-air-eau #content,
body.page-entretien-pac-air-eau #content *,
body.page-entretien-ballon-thermodynamique #main,
body.page-entretien-ballon-thermodynamique #main *,
body.page-entretien-ballon-thermodynamique #content,
body.page-entretien-ballon-thermodynamique #content *,
body.page-entretien-vmc #main,
body.page-entretien-vmc #main *,
body.page-entretien-vmc #content,
body.page-entretien-vmc #content * {
    text-align: center !important;
}

/* Exceptions pour les éléments qui ne doivent pas être centrés - Toutes les pages entretien */
body.page-id-527 #header,
body.page-id-527 #header *,
body.page-entretien-pac-air-air #header,
body.page-entretien-pac-air-air #header *,
body.page-entretien-pac-air-eau #header,
body.page-entretien-pac-air-eau #header *,
body.page-entretien-ballon-thermodynamique #header,
body.page-entretien-ballon-thermodynamique #header *,
body.page-entretien-vmc #header,
body.page-entretien-vmc #header *,
body.page-id-527 .fusion-header,
body.page-id-527 .fusion-header *,
body.page-entretien-pac-air-air .fusion-header,
body.page-entretien-pac-air-air .fusion-header *,
body.page-entretien-pac-air-eau .fusion-header,
body.page-entretien-pac-air-eau .fusion-header *,
body.page-entretien-ballon-thermodynamique .fusion-header,
body.page-entretien-ballon-thermodynamique .fusion-header *,
body.page-entretien-vmc .fusion-header,
body.page-entretien-vmc .fusion-header *,
body.page-id-527 .fusion-main-menu,
body.page-id-527 .fusion-main-menu *,
body.page-entretien-pac-air-air .fusion-main-menu,
body.page-entretien-pac-air-air .fusion-main-menu *,
body.page-entretien-pac-air-eau .fusion-main-menu,
body.page-entretien-pac-air-eau .fusion-main-menu *,
body.page-entretien-ballon-thermodynamique .fusion-main-menu,
body.page-entretien-ballon-thermodynamique .fusion-main-menu *,
body.page-entretien-vmc .fusion-main-menu,
body.page-entretien-vmc .fusion-main-menu *,
body.page-id-527 .fusion-footer,
body.page-id-527 .fusion-footer *,
body.page-entretien-pac-air-air .fusion-footer,
body.page-entretien-pac-air-air .fusion-footer *,
body.page-entretien-pac-air-eau .fusion-footer,
body.page-entretien-pac-air-eau .fusion-footer *,
body.page-entretien-ballon-thermodynamique .fusion-footer,
body.page-entretien-ballon-thermodynamique .fusion-footer *,
body.page-entretien-vmc .fusion-footer,
body.page-entretien-vmc .fusion-footer *,
body.page-id-527 .fusion-content-boxes,
body.page-id-527 .fusion-content-boxes *,
body.page-entretien-pac-air-air .fusion-content-boxes,
body.page-entretien-pac-air-air .fusion-content-boxes *,
body.page-entretien-pac-air-eau .fusion-content-boxes,
body.page-entretien-pac-air-eau .fusion-content-boxes *,
body.page-entretien-ballon-thermodynamique .fusion-content-boxes,
body.page-entretien-ballon-thermodynamique .fusion-content-boxes *,
body.page-entretien-vmc .fusion-content-boxes,
body.page-entretien-vmc .fusion-content-boxes *,
body.page-id-527 table,
body.page-id-527 table *,
body.page-entretien-pac-air-air table,
body.page-entretien-pac-air-air table *,
body.page-entretien-pac-air-eau table,
body.page-entretien-pac-air-eau table *,
body.page-entretien-ballon-thermodynamique table,
body.page-entretien-ballon-thermodynamique table *,
body.page-entretien-vmc table,
body.page-entretien-vmc table *,
body.page-id-527 .fusion-button,
body.page-entretien-pac-air-air .fusion-button,
body.page-entretien-pac-air-eau .fusion-button,
body.page-entretien-ballon-thermodynamique .fusion-button,
body.page-entretien-vmc .fusion-button,
body.page-id-527 input,
body.page-entretien-pac-air-air input,
body.page-entretien-pac-air-eau input,
body.page-entretien-ballon-thermodynamique input,
body.page-entretien-vmc input,
body.page-id-527 textarea,
body.page-entretien-pac-air-air textarea,
body.page-entretien-pac-air-eau textarea,
body.page-entretien-ballon-thermodynamique textarea,
body.page-entretien-vmc textarea,
body.page-id-527 select,
body.page-entretien-pac-air-air select,
body.page-entretien-pac-air-eau select,
body.page-entretien-ballon-thermodynamique select,
body.page-entretien-vmc select,
body.page-id-527 .aslane-cert-card-bottom,
body.page-entretien-pac-air-air .aslane-cert-card-bottom,
body.page-entretien-pac-air-eau .aslane-cert-card-bottom,
body.page-entretien-ballon-thermodynamique .aslane-cert-card-bottom,
body.page-entretien-vmc .aslane-cert-card-bottom {
    text-align: inherit !important;
}

/* Les règles pour homepage-zone-espace sont gérées globalement */

/* EXCEPTION : Les cartes DANS chaque section restent horizontales */
.page-id-527 div[style*="display: flex"][style*="gap: 15px"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

/* Les règles pour homepage-zone-espace sont gérées globalement (voir section "SECTIONS ZONE DE SERVICE & ESPACE CLIENT") */

/* ========================================
   BANDEAU TITRE "CONTRATS D'ENTRETIEN"
   ======================================== */

/* Cibler les titres principaux de section (h2, h3) qui précèdent les cartes flex */
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) > .fusion-builder-column:first-child .fusion-text h2,
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) > .fusion-builder-column:first-child .fusion-text h3,
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) .fusion-text h2:first-of-type,
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) .fusion-text h3:first-of-type {
    background-color: #eaeaea !important;
    padding: 20px 30px !important;
    margin: 0 0 30px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    display: block !important;
    color: #000000 !important;
}

/* Alternative sans :has() pour compatibilité - cibler tous les h2/h3 principaux de section */
.page-id-527 .fusion-builder-row .fusion-builder-column:first-child .fusion-text h2,
.page-id-527 .fusion-builder-row .fusion-builder-column:first-child .fusion-text h3 {
    background-color: #eaeaea !important;
    padding: 20px 30px !important;
    margin: 0 0 30px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 8px !important;
    text-align: center !important;
    font-weight: bold !important;
    box-sizing: border-box !important;
    display: block !important;
    color: #000000 !important;
}

/* Forcer la colonne contenant le titre à prendre toute la largeur */
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) > .fusion-builder-column:first-child,
.page-id-527 .fusion-builder-row .fusion-builder-column:first-child:has(.fusion-text h2),
.page-id-527 .fusion-builder-row .fusion-builder-column:first-child:has(.fusion-text h3) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}

/* Forcer le container du titre à prendre toute la largeur */
.page-id-527 .fusion-builder-row:has(div[style*="display: flex"][style*="gap: 15px"]) > .fusion-builder-column:first-child .fusion-text,
.page-id-527 .fusion-builder-row .fusion-builder-column:first-child .fusion-text {
    width: 100% !important;
    max-width: 100% !important;
}

/* ========================================
   PAGE D'ACCUEIL - ALIGNEMENT VERTICAL
   ======================================== */

body.page-id-5 .fusion-content-boxes,
body.page-id-5 .fusion-content-boxes.fusion-columns-3,
body.page-id-5 .fusion-content-boxes.fusion-columns-4,
body.page-id-5 .fusion-flex-container {
    display: block !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

body.page-id-5 .fusion-content-boxes .fusion-column.content-box-column,
body.page-id-5 .fusion-content-boxes .col-lg-4,
body.page-id-5 .fusion-content-boxes .col-lg-3,
body.page-id-5 .fusion-flex-container .fusion-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    display: block !important;
    margin-bottom: 25px !important;
}

/* Protection du grid de maintenance sur la page d'accueil */
body.page-id-5 #aslane-maintenance-grid-wrapper,
body.page-id-528 #aslane-maintenance-grid-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-flow: row !important;
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

body.page-id-5 #aslane-maintenance-grid-wrapper > a.aslane-etiquette-maintenance,
body.page-id-528 #aslane-maintenance-grid-wrapper > a.aslane-etiquette-maintenance {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
    margin: 0 !important;
    grid-column: auto !important;
    flex: none !important;
}

body.page-id-5 #aslane-maintenance-1,
body.page-id-528 #aslane-maintenance-1 {
    grid-row: 1 !important;
    grid-column: 1 !important;
}

body.page-id-5 #aslane-maintenance-2,
body.page-id-528 #aslane-maintenance-2 {
    grid-row: 1 !important;
    grid-column: 2 !important;
}

body.page-id-5 #aslane-maintenance-3,
body.page-id-528 #aslane-maintenance-3 {
    grid-row: 2 !important;
    grid-column: 1 !important;
}

body.page-id-5 #aslane-maintenance-4,
body.page-id-528 #aslane-maintenance-4 {
    grid-row: 2 !important;
    grid-column: 2 !important;
}

/* ========================================
   PAGE ENTRETIENT - STYLE SECTION PREVENTIVE
   ======================================== */

body.page-id-527 .fusion-builder-row-2 .fusion-text-2 > div {
    background: #ffffff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 32px 38px !important;
    max-width: 1200px !important;
    margin: 0 auto 35px !important;
    text-align: center !important;
}

body.page-id-527 .fusion-builder-row-2 .fusion-text-2 h2 {
    color: #000000 !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    line-height: 1.2 !important;
}

body.page-id-527 .fusion-builder-row-2 .fusion-text-2 h2 span {
    color: #000000 !important;
}

body.page-id-527 .fusion-builder-row-2 .fusion-text-2 p {
    color: #666666 !important;
    font-size: 1.1em !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

body.page-id-527 .fusion-builder-row-2 .fusion-text-2 p strong {
    color: #272424 !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    body.page-id-527 .fusion-builder-row-2 .fusion-text-2 > div {
        padding: 26px 22px !important;
        border-radius: 15px !important;
    }

    body.page-id-527 .fusion-builder-row-2 .fusion-text-2 h2 {
        font-size: 1.6em !important;
    }

    body.page-id-527 .fusion-builder-row-2 .fusion-text-2 p {
        font-size: 1em !important;
    }
}

/* ========================================
   PAGE ENTRETIENT - HARMONISATION GLOBALE
   ======================================== */

/* Réduire l'espace au-dessus du titre principal */
body.page-id-527 #main {
    padding-top: 0 !important;
}

body.page-id-527 .fusion-page-title-bar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.page-id-527 .fusion-page-title-bar-wrapper {
    margin-bottom: 0 !important;
}

/* Harmoniser la largeur maximale avec les autres pages */
body.page-id-527 #content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px 40px !important;
}

body.page-id-527 .fusion-builder-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Harmoniser les titres principaux */
body.page-id-527 .fusion-builder-row:first-child .fusion-text h2:first-child,
body.page-id-527 .fusion-builder-row:first-child .fusion-text h3:first-child {
    margin-top: -10px !important;
    padding-top: 0 !important;
}

/* ========================================
   PAGE ENTRETIENT - HARMONISATION GLOBALE
   ======================================== */

/* Réduire l'espace au-dessus du titre principal */
body.page-id-527 #main {
    padding-top: 0 !important;
}

body.page-id-527 .fusion-page-title-bar {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body.page-id-527 .fusion-page-title-bar-wrapper {
    margin-bottom: 0 !important;
}

/* Harmoniser la largeur maximale avec les autres pages */
body.page-id-527 #content {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px 40px !important;
}

body.page-id-527 .fusion-builder-container {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* Harmoniser les titres principaux */
body.page-id-527 .fusion-builder-row:first-child .fusion-text h2:first-child,
body.page-id-527 .fusion-builder-row:first-child .fusion-text h3:first-child {
    margin-top: -10px !important;
    padding-top: 0 !important;
}

/* Harmoniser les sections avec le style des autres pages */
body.page-id-527 .fusion-text > div,
body.page-id-527 .fusion-column-wrapper {
    max-width: 1200px !important;
}

/* ========================================
   PAGE ENTRETIENT - SECTION "QUAND ENTRETENIR"
   ======================================== */

body.page-id-527 .fusion-text-6 > div {
    background: #ffffff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 32px 38px !important;
    max-width: 1200px !important;
    margin: 0 auto 35px !important;
    text-align: center !important;
}

body.page-id-527 .fusion-text-6 h2 {
    color: #000000 !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    line-height: 1.2 !important;
}

body.page-id-527 .fusion-text-6 h2 span {
    color: #000000 !important;
}

body.page-id-527 .fusion-text-6 p {
    color: #666666 !important;
    font-size: 1.1em !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

body.page-id-527 .fusion-text-6 p strong {
    color: #272424 !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    body.page-id-527 .fusion-text-6 > div {
        padding: 26px 22px !important;
        border-radius: 15px !important;
    }

    body.page-id-527 .fusion-text-6 h2 {
        font-size: 1.6em !important;
    }

    body.page-id-527 .fusion-text-6 p {
        font-size: 1em !important;
    }
}

/* ========================================
   PAGE ENTRETIENT - SECTION "DEPANNAGE & REPARATION"
   ======================================== */

body.page-id-527 .fusion-text-8 > div {
    background: #ffffff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 32px 38px !important;
    max-width: 1200px !important;
    margin: 0 auto 35px !important;
    text-align: center !important;
}

body.page-id-527 .fusion-text-8 h2 {
    color: #000000 !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    line-height: 1.2 !important;
}

body.page-id-527 .fusion-text-8 h2 span {
    color: #000000 !important;
}

body.page-id-527 .fusion-text-8 p {
    color: #666666 !important;
    font-size: 1.1em !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

body.page-id-527 .fusion-text-8 p strong {
    color: #272424 !important;
    font-weight: 700 !important;
}

@media (max-width: 768px) {
    body.page-id-527 .fusion-text-8 > div {
        padding: 26px 22px !important;
        border-radius: 15px !important;
    }

    body.page-id-527 .fusion-text-8 h2 {
        font-size: 1.6em !important;
    }

    body.page-id-527 .fusion-text-8 p {
        font-size: 1em !important;
    }
}

/* ========================================
   PAGES ENTRETIEN - TRANSFORMATION TABLEAUX EN ÉTIQUETTES
   ======================================== */

/* Harmoniser la largeur pour les pages d'entretien */
body.page-id-73 #content,
body.page-id-71 #content,
body.page-id-75 #content,
body.page-id-77 #content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px 40px !important;
}

/* S'assurer que TOUT le contenu WordPress s'affiche après les étiquettes */
body.page-id-73 .post-content,
body.page-id-71 .post-content,
body.page-id-75 .post-content,
body.page-id-77 .post-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

body.page-id-73 .fusion-text,
body.page-id-71 .fusion-text,
body.page-id-75 .fusion-text,
body.page-id-77 .fusion-text {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* S'assurer que les sections après les étiquettes s'affichent */
body.page-id-73 .fusion-builder-row,
body.page-id-71 .fusion-builder-row,
body.page-id-75 .fusion-builder-row,
body.page-id-77 .fusion-builder-row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

body.page-id-73 .fusion-fullwidth,
body.page-id-75 .fusion-fullwidth,
body.page-id-77 .fusion-fullwidth {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

/* Exception : masquer fusion-builder-row-4 sur page 71 */
body.page-id-71 .fusion-fullwidth:not(.fusion-builder-row-4) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

body.page-id-73 .fusion-builder-column,
body.page-id-71 .fusion-builder-column,
body.page-id-75 .fusion-builder-column,
body.page-id-77 .fusion-builder-column {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* S'assurer que les containers Fusion Builder s'affichent */
body.page-id-73 .fusion-builder-container,
body.page-id-71 .fusion-builder-container,
body.page-id-75 .fusion-builder-container,
body.page-id-77 .fusion-builder-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* S'assurer que tous les éléments après les étiquettes sont visibles */
body.page-id-73 #content > div > div > *,
body.page-id-71 #content > div > div > *,
body.page-id-75 #content > div > div > *,
body.page-id-77 #content > div > div > * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-id-73 .fusion-builder-container,
body.page-id-71 .fusion-builder-container,
body.page-id-75 .fusion-builder-container,
body.page-id-77 .fusion-builder-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Réduire l'espace au-dessus du titre */
body.page-id-73 #main,
body.page-id-71 #main,
body.page-id-75 #main,
body.page-id-77 #main {
    padding-top: 0 !important;
}

/* Transformer chaque tableau en une seule carte complète */
body.page-id-73 table,
body.page-id-71 table,
body.page-id-75 table,
body.page-id-77 table {
    background: rgb(255, 255, 255) !important;
    border-radius: 12px !important;
    border: 1px solid rgb(224, 224, 224) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    position: relative !important;
    margin: 30px 0 !important;
}

body.page-id-73 table:hover,
body.page-id-71 table:hover,
body.page-id-75 table:hover,
body.page-id-77 table:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 25px rgba(217, 4, 41, 0.2) !important;
    border-color: #d90429 !important;
}

body.page-id-73 table tbody,
body.page-id-71 table tbody,
body.page-id-75 table tbody,
body.page-id-77 table tbody {
    display: contents !important;
}

/* Toutes les lignes deviennent des sections de la carte */
body.page-id-73 table tr,
body.page-id-71 table tr,
body.page-id-75 table tr,
body.page-id-77 table tr {
    display: contents !important;
}

body.page-id-73 table tr:hover,
body.page-id-71 table tr:hover,
body.page-id-75 table tr:hover,
body.page-id-77 table tr:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    border-color: #D90429 !important;
}

/* Première ligne = en-tête avec image de fond */
body.page-id-73 table tr:first-child td,
body.page-id-71 table tr:first-child td,
body.page-id-75 table tr:first-child td,
body.page-id-77 table tr:first-child td {
    flex: 0 0 auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 18px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 200px !important;
    position: relative !important;
    background-image: linear-gradient(135deg, rgba(39, 36, 36, 0.75) 0%, rgba(58, 58, 58, 0.75) 100%), url('https://dev.aslane.fr/wp-content/uploads/2025/Photo%20Site%20Dev%20Aslane%20.fr/Aslane%20Maintenance%20Syst%C3%A8mes%20Pompe%20%C3%A0%20chaleur%20.jpg') !important;
    background-blend-mode: normal !important;
    border: none !important;
    background-color: transparent !important;
}

/* Style du texte dans la première ligne (titre) */
body.page-id-73 table tr:first-child td span,
body.page-id-71 table tr:first-child td span,
body.page-id-75 table tr:first-child td span,
body.page-id-77 table tr:first-child td span {
    color: #ffffff !important;
    font-size: 0.9em !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 12px !important;
}

body.page-id-73 table tr:first-child td strong,
body.page-id-71 table tr:first-child td strong,
body.page-id-75 table tr:first-child td strong,
body.page-id-77 table tr:first-child td strong {
    color: #ffffff !important;
    font-size: 1.3em !important;
    margin-right: 8px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Toutes les autres cellules (sauf première ligne) */
body.page-id-73 table tr:not(:first-child) td,
body.page-id-71 table tr:not(:first-child) td,
body.page-id-75 table tr:not(:first-child) td,
body.page-id-77 table tr:not(:first-child) td {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
    background: transparent !important;
}

/* Lignes avec fond gris (titres de section) = sous-titre avec bordure - UNIFORMISER TOUTES LES SECTIONS */
body.page-id-73 table tr[style*="background: #f8f9fa"] td,
body.page-id-71 table tr[style*="background: #f8f9fa"] td,
body.page-id-75 table tr[style*="background: #f8f9fa"] td,
body.page-id-77 table tr[style*="background: #f8f9fa"] td {
    padding: 12px 0 !important;
    background: #f5f5f5 !important;
    text-align: center !important;
    border-top: 2px solid #d90429 !important;
    border-bottom: 2px solid #d90429 !important;
    display: block !important;
}

body.page-id-73 table tr[style*="background: #f8f9fa"] td strong,
body.page-id-71 table tr[style*="background: #f8f9fa"] td strong,
body.page-id-75 table tr[style*="background: #f8f9fa"] td strong,
body.page-id-77 table tr[style*="background: #f8f9fa"] td strong {
    color: #000000 !important;
    font-size: 0.95em !important;
    letter-spacing: 0.8px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    display: inline-block !important;
}

body.page-id-73 table tr[style*="background: #f8f9fa"] td span,
body.page-id-71 table tr[style*="background: #f8f9fa"] td span,
body.page-id-75 table tr[style*="background: #f8f9fa"] td span,
body.page-id-77 table tr[style*="background: #f8f9fa"] td span {
    color: #000000 !important;
}

/* Forcer tous les textes des lignes de contenu en noir */
body.page-id-73 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-71 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-75 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-77 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td {
    color: #000000 !important;
}

body.page-id-73 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td span,
body.page-id-71 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td span,
body.page-id-75 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td span,
body.page-id-77 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td span {
    color: #000000 !important;
}

body.page-id-73 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td strong,
body.page-id-71 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td strong,
body.page-id-75 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td strong,
body.page-id-77 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td strong {
    color: #000000 !important;
}

/* EXCEPTION : Désactiver l'image de fond pour les tableaux "Assistance" et "Signes" */
/* Ces tableaux sont dans un conteneur flex avec gap: 20px et ont un div titre avec fond #272424 avant le tableau */
body.page-id-73 div[style*="display: flex"][style*="gap: 20px"] > div > div[style*="background: #272424"] + div table tr:first-child td,
body.page-id-71 div[style*="display: flex"][style*="gap: 20px"] > div > div[style*="background: #272424"] + div table tr:first-child td,
body.page-id-75 div[style*="display: flex"][style*="gap: 20px"] > div > div[style*="background: #272424"] + div table tr:first-child td,
body.page-id-77 div[style*="display: flex"][style*="gap: 20px"] > div > div[style*="background: #272424"] + div table tr:first-child td,
/* Alternative : cibler directement les tableaux dans un conteneur flex avec gap 20px */
body.page-id-73 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td,
body.page-id-71 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td,
body.page-id-75 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td,
body.page-id-77 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td {
    background-image: none !important;
    background: #ffffff !important;
    min-height: auto !important;
    padding: 10px !important;
    display: table-cell !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    border: none !important;
}

/* Désactiver les styles de texte blanc pour ces tableaux - le titre est dans le div parent */
body.page-id-73 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td span,
body.page-id-71 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td span,
body.page-id-75 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td span,
body.page-id-77 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td span {
    color: #000000 !important;
    text-transform: none !important;
    font-size: 0.9em !important;
    font-weight: normal !important;
    text-shadow: none !important;
}

body.page-id-73 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td strong,
body.page-id-71 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td strong,
body.page-id-75 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td strong,
body.page-id-77 div[style*="display: flex"][style*="gap: 20px"] table tr:first-child td strong {
    color: #000000 !important;
    font-size: 0.9em !important;
    filter: none !important;
}

/* Restaurer le style normal des cellules pour ces tableaux */
body.page-id-73 div[style*="display: flex"][style*="gap: 20px"] table tr:not(:first-child) td,
body.page-id-71 div[style*="display: flex"][style*="gap: 20px"] table tr:not(:first-child) td,
body.page-id-75 div[style*="display: flex"][style*="gap: 20px"] table tr:not(:first-child) td,
body.page-id-77 div[style*="display: flex"][style*="gap: 20px"] table tr:not(:first-child) td {
    display: table-cell !important;
    padding: 10px !important;
    border: none !important;
    width: auto !important;
    background: transparent !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #000000 !important;
}

/* Lignes de contenu (sans fond gris) - TOUS LES TEXTES EN NOIR */
body.page-id-73 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-71 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-75 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td,
body.page-id-77 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td {
    background: #ffffff !important;
    padding: 10px 14px !important;
    display: block !important;
    border-bottom: 1px solid #e0e0e0 !important;
    color: #000000 !important;
}

body.page-id-73 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td:last-child,
body.page-id-71 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td:last-child,
body.page-id-75 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td:last-child,
body.page-id-77 table tr:not([style*="background: #f8f9fa"]):not(:first-child) td:last-child {
    border-bottom: none !important;
}

/* Conteneur pour le contenu principal (regrouper les lignes de contenu) */
body.page-id-73 table tr:not(:first-child):not([style*="background: #f8f9fa"]),
body.page-id-71 table tr:not(:first-child):not([style*="background: #f8f9fa"]),
body.page-id-75 table tr:not(:first-child):not([style*="background: #f8f9fa"]),
body.page-id-77 table tr:not(:first-child):not([style*="background: #f8f9fa"]) {
    background: #ffffff !important;
}

/* Style pour le contenu de la première ligne (titre) - le rendre visible et stylisé */
body.page-id-73 table tr:first-child td strong,
body.page-id-71 table tr:first-child td strong,
body.page-id-75 table tr:first-child td strong,
body.page-id-77 table tr:first-child td strong {
    color: #ffffff !important;
    font-size: 0.9em !important;
    font-weight: bold !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-align: center !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 12px !important;
}

/* Emoji dans le titre */
body.page-id-73 table tr:first-child td strong:first-child,
body.page-id-71 table tr:first-child td strong:first-child,
body.page-id-75 table tr:first-child td strong:first-child,
body.page-id-77 table tr:first-child td strong:first-child {
    font-size: 1.3em !important;
    margin-right: 8px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Grille d'avantages dans l'en-tête (div avec fond sombre) */
body.page-id-73 table tr:first-child td:first-child > div:last-child,
body.page-id-71 table tr:first-child td:first-child > div:last-child,
body.page-id-75 table tr:first-child td:first-child > div:last-child,
body.page-id-77 table tr:first-child td:first-child > div:last-child {
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    margin-top: 0 !important;
    backdrop-filter: blur(4px) !important;
    display: block !important;
}

body.page-id-73 table tr:first-child td:first-child > div:last-child > div,
body.page-id-71 table tr:first-child td:first-child > div:last-child > div,
body.page-id-75 table tr:first-child td:first-child > div:last-child > div,
body.page-id-77 table tr:first-child td:first-child > div:last-child > div {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
    font-size: 0.75em !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
}

body.page-id-73 table tr:first-child td:first-child > div:last-child > div > div,
body.page-id-71 table tr:first-child td:first-child > div:last-child > div > div,
body.page-id-75 table tr:first-child td:first-child > div:last-child > div > div,
body.page-id-77 table tr:first-child td:first-child > div:last-child > div > div {
    text-align: center !important;
    padding: 2px 0 !important;
}

body.page-id-73 table tr:first-child td:first-child > div:last-child > div > div strong,
body.page-id-71 table tr:first-child td:first-child > div:last-child > div > div strong,
body.page-id-75 table tr:first-child td:first-child > div:last-child > div > div strong,
body.page-id-77 table tr:first-child td:first-child > div:last-child > div > div strong {
    font-weight: bold !important;
}

/* Style pour le sous-titre (2ème cellule) */
body.page-id-73 table tr td:nth-child(2) strong,
body.page-id-71 table tr td:nth-child(2) strong,
body.page-id-75 table tr td:nth-child(2) strong,
body.page-id-77 table tr td:nth-child(2) strong {
    color: #000000 !important;
    font-size: 0.8em !important;
    letter-spacing: 0.5px !important;
    font-weight: bold !important;
}

/* Style pour les paragraphes dans le contenu */
body.page-id-73 table tr:nth-child(n+3) td p,
body.page-id-71 table tr:nth-child(n+3) td p,
body.page-id-75 table tr:nth-child(n+3) td p,
body.page-id-77 table tr:nth-child(n+3) td p {
    color: #333 !important;
    margin: 0 0 12px 0 !important;
    font-size: 0.85em !important;
    text-align: center !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    display: block !important;
}

body.page-id-73 table tr:nth-child(n+3) td p strong,
body.page-id-71 table tr:nth-child(n+3) td p strong,
body.page-id-75 table tr:nth-child(n+3) td p strong,
body.page-id-77 table tr:nth-child(n+3) td p strong {
    color: #d90429 !important;
    font-weight: bold !important;
}

/* Style pour les listes d'avantages (div avec fond rose) - cibler les div qui contiennent des listes */
body.page-id-73 table tr:nth-child(n+3) td > div:not(:last-child),
body.page-id-71 table tr:nth-child(n+3) td > div:not(:last-child),
body.page-id-75 table tr:nth-child(n+3) td > div:not(:last-child),
body.page-id-77 table tr:nth-child(n+3) td > div:not(:last-child) {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%) !important;
    border-left: 4px solid #d90429 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    margin-top: auto !important;
    margin-bottom: 12px !important;
    display: block !important;
}

/* Si c'est une liste ul directement */
body.page-id-73 table tr:nth-child(n+3) td ul,
body.page-id-71 table tr:nth-child(n+3) td ul,
body.page-id-75 table tr:nth-child(n+3) td ul,
body.page-id-77 table tr:nth-child(n+3) td ul {
    background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%) !important;
    border-left: 4px solid #d90429 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    margin: 0 0 12px 0 !important;
    list-style: none !important;
    display: block !important;
}

body.page-id-73 table tr:nth-child(n+3) td ul li,
body.page-id-71 table tr:nth-child(n+3) td ul li,
body.page-id-75 table tr:nth-child(n+3) td ul li,
body.page-id-77 table tr:nth-child(n+3) td ul li {
    font-size: 0.78em !important;
    color: #333 !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: start !important;
}

body.page-id-73 table tr:nth-child(n+3) td ul li:last-child,
body.page-id-71 table tr:nth-child(n+3) td ul li:last-child,
body.page-id-75 table tr:nth-child(n+3) td ul li:last-child,
body.page-id-77 table tr:nth-child(n+3) td ul li:last-child {
    margin-bottom: 0 !important;
}

body.page-id-73 table tr:nth-child(n+3) td ul li:before,
body.page-id-71 table tr:nth-child(n+3) td ul li:before,
body.page-id-75 table tr:nth-child(n+3) td ul li:before,
body.page-id-77 table tr:nth-child(n+3) td ul li:before {
    content: "✓" !important;
    color: #d90429 !important;
    margin-right: 6px !important;
    font-weight: bold !important;
    flex-shrink: 0 !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div > div,
body.page-id-71 table tr:nth-child(n+3) td > div > div,
body.page-id-75 table tr:nth-child(n+3) td > div > div,
body.page-id-77 table tr:nth-child(n+3) td > div > div {
    font-size: 0.78em !important;
    color: #333 !important;
    line-height: 1.5 !important;
    display: block !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div > div > div,
body.page-id-71 table tr:nth-child(n+3) td > div > div > div,
body.page-id-75 table tr:nth-child(n+3) td > div > div > div,
body.page-id-77 table tr:nth-child(n+3) td > div > div > div {
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: start !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div > div > div:last-child,
body.page-id-71 table tr:nth-child(n+3) td > div > div > div:last-child,
body.page-id-75 table tr:nth-child(n+3) td > div > div > div:last-child,
body.page-id-77 table tr:nth-child(n+3) td > div > div > div:last-child {
    margin-bottom: 0 !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div > div > div > span:first-child,
body.page-id-71 table tr:nth-child(n+3) td > div > div > div > span:first-child,
body.page-id-75 table tr:nth-child(n+3) td > div > div > div > span:first-child,
body.page-id-77 table tr:nth-child(n+3) td > div > div > div > span:first-child {
    color: #d90429 !important;
    margin-right: 6px !important;
    font-weight: bold !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div > div > div > span:last-child strong,
body.page-id-71 table tr:nth-child(n+3) td > div > div > div > span:last-child strong,
body.page-id-75 table tr:nth-child(n+3) td > div > div > div > span:last-child strong,
body.page-id-77 table tr:nth-child(n+3) td > div > div > div > span:last-child strong {
    font-weight: bold !important;
}

/* Bouton dans le contenu */
body.page-id-73 table tr:nth-child(n+3) td > div:last-child,
body.page-id-71 table tr:nth-child(n+3) td > div:last-child,
body.page-id-75 table tr:nth-child(n+3) td > div:last-child,
body.page-id-77 table tr:nth-child(n+3) td > div:last-child {
    text-align: center !important;
    margin-top: auto !important;
    display: block !important;
}

body.page-id-73 table tr:nth-child(n+3) td > div:last-child > span,
body.page-id-71 table tr:nth-child(n+3) td > div:last-child > span,
body.page-id-75 table tr:nth-child(n+3) td > div:last-child > span,
body.page-id-77 table tr:nth-child(n+3) td > div:last-child > span {
    display: inline-block !important;
    background: linear-gradient(135deg, #D90429 0%, #b5031f 100%) !important;
    color: white !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    font-size: 0.9em !important;
    box-shadow: 0 3px 10px rgba(217, 4, 41, 0.4) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* Cacher les en-têtes de tableau s'ils existent */
body.page-id-73 table thead,
body.page-id-71 table thead,
body.page-id-75 table thead,
body.page-id-77 table thead {
    display: none !important;
}

/* Titres H2 des étiquettes - sur une seule ligne avec taille réduite */
body.page-id-73 h2[style*="color: #ffffff"],
body.page-id-71 h2[style*="color: #ffffff"],
body.page-id-75 h2[style*="color: #ffffff"],
body.page-id-77 h2[style*="color: #ffffff"] {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 1.2em !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Si le titre est trop long, réduire encore plus */
body.page-id-73 h2[style*="color: #ffffff"][style*="font-size: 1.5em"],
body.page-id-71 h2[style*="color: #ffffff"][style*="font-size: 1.5em"],
body.page-id-75 h2[style*="color: #ffffff"][style*="font-size: 1.5em"],
body.page-id-77 h2[style*="color: #ffffff"][style*="font-size: 1.5em"] {
    font-size: 1.1em !important;
}

/* Responsive pour les tableaux transformés */
@media (max-width: 768px) {
    body.page-id-73 table,
    body.page-id-71 table,
    body.page-id-75 table,
    body.page-id-77 table {
        flex-wrap: wrap !important;
    }
    
    body.page-id-73 table tr,
    body.page-id-71 table tr,
    body.page-id-75 table tr,
    body.page-id-77 table tr {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
    
    /* Titres H2 sur mobile - taille encore plus réduite */
    body.page-id-73 h2[style*="color: #ffffff"],
    body.page-id-71 h2[style*="color: #ffffff"],
    body.page-id-75 h2[style*="color: #ffffff"],
    body.page-id-77 h2[style*="color: #ffffff"] {
        font-size: 0.95em !important;
    }
}

/* ========================================
   PAGE ENTRETIENT - SECTION "NOS MARQUES PARTENAIRES"
   ======================================== */

body.page-id-527 .fusion-builder-row-5 .fusion-column-wrapper {
    background: #ffffff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 32px 38px !important;
    max-width: 1200px !important;
    margin: 0 auto 35px !important;
}

body.page-id-527 .fusion-builder-row-5 .fusion-title-1 h3,
body.page-id-527 .fusion-builder-row-5 .fusion-title-1 .fusion-title-heading {
    color: #000000 !important;
    font-size: 0.95em !important;
    font-weight: 700 !important;
    margin: 0 0 12px !important;
    line-height: 1.2 !important;
}

body.page-id-527 .fusion-builder-row-5 .fusion-title-1 h3 span {
    color: #000000 !important;
}

body.page-id-527 .fusion-builder-row-5 .fusion-text-10 {
    color: #666666 !important;
    font-size: 1.05em !important;
    line-height: 1.7 !important;
    text-align: center !important;
}

body.page-id-527 .fusion-builder-row-5 .fusion-text-10 table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 20px !important;
}

body.page-id-527 .fusion-builder-row-5 .fusion-text-10 td {
    background: #ffffff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 15px !important;
    padding: 20px 18px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

@media (max-width: 768px) {
    body.page-id-527 .fusion-builder-row-5 .fusion-column-wrapper {
        padding: 26px 22px !important;
        border-radius: 15px !important;
    }

    body.page-id-527 .fusion-builder-row-5 .fusion-title-1 h3 {
        font-size: 1.6em !important;
    }

    body.page-id-527 .fusion-builder-row-5 .fusion-text-10 {
        font-size: 1em !important;
    }

    body.page-id-527 .fusion-builder-row-5 .fusion-text-10 table {
        border-spacing: 12px !important;
    }
}

/* ========================================
   PAGE ENTRETIENT - SECTION "CERTIFICATIONS & GARANTIES"
   ======================================== */

body.page-id-527 .aslane-certifications-card {
    background: #ffffff !important;
    border: 2px solid #f0f0f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    padding: 32px 38px !important;
    max-width: 1200px !important;
    margin: 0 auto 35px !important;
    text-align: center !important;
}

body.page-id-527 .aslane-certifications-title {
    color: #000000 !important;
    margin: 0 0 12px !important;
    font-size: 2.3em !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body.page-id-527 .aslane-certifications-subtitle {
    color: #666666 !important;
    font-size: 1.1em !important;
    line-height: 1.7 !important;
    margin: 0 0 25px !important;
}

body.page-id-527 .aslane-certifications-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    justify-content: center !important;
    margin: 0 auto 25px !important;
    max-width: 1200px !important;
}

body.page-id-527 .aslane-certification-card {
    flex: 1 1 300px !important;
    max-width: 320px !important;
    min-width: 260px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 2px solid #e0e0e0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
}

body.page-id-527 .aslane-cert-card-top {
    background: #f5f5f5 !important;
    padding: 25px 20px 20px !important;
    text-align: center !important;
}

body.page-id-527 .aslane-cert-card-icon {
    font-size: 3.4em !important;
    display: block !important;
    margin-bottom: 12px !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)) !important;
}

body.page-id-527 .aslane-cert-card-title {
    color: #272424 !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    display: block !important;
    line-height: 1.3 !important;
}

body.page-id-527 .aslane-cert-card-divider {
    height: 3px !important;
    background: linear-gradient(90deg, transparent 0%, #d90429 50%, transparent 100%) !important;
}

body.page-id-527 .aslane-cert-card-bottom {
    background: linear-gradient(135deg, #272424 0%, #3a3a3a 100%) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 18px 20px 22px !important;
    font-size: 0.95em !important;
    line-height: 1.6 !important;
    flex: 1 1 auto !important;
    text-align: left !important;
}

body.page-id-527 .aslane-cert-card-bottom strong {
    color: #ffffff !important;
}

body.page-id-527 .aslane-certifications-footer {
    margin-top: 30px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    justify-content: center !important;
    align-items: center !important;
}

body.page-id-527 .aslane-certifications-highlight {
    background: #f8f9fa !important;
    border-radius: 12px !important;
    border-left: 5px solid #d90429 !important;
    padding: 16px 22px !important;
    color: #333333 !important;
    font-size: 0.95em !important;
    line-height: 1.6 !important;
    max-width: 620px !important;
    text-align: left !important;
}

body.page-id-527 .aslane-certifications-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #D90429 0%, #b5031f 100%) !important;
    color: #ffffff !important;
    padding: 14px 34px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 1.05em !important;
    box-shadow: 0 6px 20px rgba(217, 4, 41, 0.35) !important;
    transition: all 0.3s ease !important;
}

body.page-id-527 .aslane-certifications-cta:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(217, 4, 41, 0.45) !important;
}

@media (max-width: 1024px) {
    body.page-id-527 .aslane-certification-card {
        flex: 1 1 45% !important;
        max-width: 360px !important;
    }
}

/* ========================================
   PAGE INSTALLATION - ESPACEMENT SECTIONS
   ======================================== */

body.page-id-528 .fusion-fullwidth.fusion-builder-row-5 {
    margin-top: 25px !important;
    margin-bottom: 20px !important;
}

body.page-id-528 .fusion-fullwidth.fusion-builder-row-4 {
    margin-bottom: 20px !important;
}

body.page-id-528 .fusion-fullwidth.fusion-builder-row-5 .fusion-text-7 > div {
    margin: 25px 0 !important;
    padding: 45px 38px !important;
}

body.page-id-528 .fusion-fullwidth.fusion-builder-row-5 + .fusion-fullwidth.fusion-builder-row-6 {
    margin-top: 10px !important;
}

/* ========================================
   PAGE INSTALLATION - SECTION "NOS MARQUES PARTENAIRES" - PLEINE LARGEUR
   ======================================== */

/* Élargir toutes les sections sur la page Installation */
body.page-id-528 .fusion-builder-row,
body.page-id-528 .fusion-fullwidth,
body.page-id-528 .fusion-builder-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Élargir les conteneurs de colonnes */
body.page-id-528 .fusion-column-wrapper,
body.page-id-528 .fusion-layout-column {
    max-width: 100% !important;
    width: 100% !important;
}

/* Élargir le contenu texte et tableaux */
body.page-id-528 .fusion-text,
body.page-id-528 .fusion-text table {
    max-width: 100% !important;
    width: 100% !important;
}

/* Élargir spécifiquement les tableaux des marques */
body.page-id-528 table {
    max-width: 100% !important;
    width: 100% !important;
}

body.page-id-5 .fusion-fullwidth.fusion-builder-row-1 {
    display: none !important;
}

/* ========================================
   PAGE ACCUEIL - ALIGNEMENT CARTES SOLUTIONS
   ======================================== */

body.page-id-5 .fusion-text-4 div[style*="display: flex"][style*="box-shadow: 0 4px 15px"] {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    body.page-id-527 .aslane-certifications-card {
        padding: 26px 22px !important;
        border-radius: 15px !important;
    }

    body.page-id-527 .aslane-certifications-title {
        font-size: 1.6em !important;
    }

    body.page-id-527 .aslane-certifications-subtitle {
        font-size: 1em !important;
    }

    body.page-id-527 .aslane-certification-card {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    body.page-id-527 .aslane-certifications-grid {
        gap: 12px !important;
    }
}

/* ========================================
   SECTIONS ZONE DE SERVICE & ESPACE CLIENT (PARTOUT)
   ======================================== */

/* Forcer max-width 1400px pour la section Zone de Service et Espace Client où qu'elle soit */
.homepage-zone-espace,
.homepage-zone-espace > div {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Forcer max-width 1400px pour les conteneurs flex internes du bloc zone/espace */
.homepage-zone-espace [style*="display: flex"][style*="justify-content: center"],
.homepage-zone-espace [style*="display:flex"][style*="justify-content:center"] {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* (Les styles de .homepage-zone-espace sont désormais gérés globalement pour garder le même rendu sur toutes les pages) */

/* Alignement HORIZONTAL obligatoire des 2 cartes Zone de Service / Espace Client - RÈGLES GLOBALES */
/* Même style pour la page d'accueil (page-id-5) et la page entretien & réparation (page-id-527) */
.homepage-zone-espace,
body .homepage-zone-espace,
body.page-id-527 .homepage-zone-espace,
body.page-id-5 .homepage-zone-espace {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 30px auto !important;
}

.homepage-zone-espace > div,
body .homepage-zone-espace > div,
body.page-id-527 .homepage-zone-espace > div,
body.page-id-5 .homepage-zone-espace > div {
    flex: 1 1 450px !important;
    max-width: 450px !important;
    display: block !important;
    text-align: center !important;
}

/* Centrer TOUS les textes à l'intérieur des étiquettes - même style que page d'accueil */
.homepage-zone-espace > div *,
body.page-id-527 .homepage-zone-espace > div *,
body.page-id-5 .homepage-zone-espace > div * {
    text-align: center !important;
}

/* Centrer les conteneurs flex */
.homepage-zone-espace > div > div[style*="display: flex"] {
    justify-content: center !important;
    text-align: center !important;
}

@media (min-width: 992px) {
    .homepage-zone-espace {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    .homepage-zone-espace > div {
        flex: 1 1 450px !important;
        max-width: 450px !important;
    }
}

@media (max-width: 991px) {
    .homepage-zone-espace {
        flex-wrap: wrap !important;
    }
    
    .homepage-zone-espace > div {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }
}

/* Les règles pour homepage-zone-espace sont gérées globalement (voir section "SECTIONS ZONE DE SERVICE & ESPACE CLIENT") */
/* Les mêmes règles s'appliquent à la page d'accueil (page-id-5) et à la page entretien & réparation (page-id-527) */

/* ========================================
   PAGE D'ACCUEIL - MÊME PROPORTIONS QUE PAGE INSTALLATION
   ======================================== */

/* Forcer max-width 1400px sur TOUS les conteneurs de la page d'accueil - plus large que la page d'installation */
/* Règles très spécifiques avec !important pour surcharger toutes les autres règles */
body.page-id-5 #main,
body.page-id-5 #content,
body.page-id-5 .post-content {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Forcer max-width 1400px avec centrage sur tous les conteneurs Fusion Builder */
body.page-id-5 .fusion-builder-container,
body.page-id-5 .fusion-builder-row,
body.page-id-5 .fusion-builder-row .fusion-builder-column,
body.page-id-5 .fusion-builder-row .fusion-layout-column,
body.page-id-5 .fusion-builder-row .fusion-column-wrapper,
body.page-id-5 .fusion-layout-column,
body.page-id-5 .fusion-column-wrapper,
body.page-id-5 .fusion-text,
body.page-id-5 .fusion-fullwidth:not(.homebox) .fusion-builder-container {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Forcer aussi sur les rows et leurs enfants directs */
body.page-id-5 .fusion-builder-row.fusion-row,
body.page-id-5 .fusion-row {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Surcharger les règles du thème Avada qui pourraient limiter la largeur - avec centrage */
body.page-id-5 .fusion-builder-container[style*="max-width"],
body.page-id-5 .fusion-builder-row[style*="max-width"],
body.page-id-5 .fusion-layout-column[style*="max-width"],
body.page-id-5 .fusion-column-wrapper[style*="max-width"],
body.page-id-5 .fusion-text[style*="max-width"] {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Forcer max-width 1400px avec centrage */
body.page-id-5 .fusion-builder-container,
body.page-id-5 .fusion-builder-row,
body.page-id-5 .fusion-layout-column,
body.page-id-5 .fusion-column-wrapper,
body.page-id-5 .fusion-text {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Exception pour les sections fullwidth qui doivent rester à 100% */
body.page-id-5 .fusion-fullwidth.homebox,
body.page-id-5 .fusion-fullwidth.homebox .fusion-builder-container {
    max-width: 100% !important;
}

/* Neutraliser le fond sombre de la rangée 4 sur les pages d'entretien, sans masquer le contenu */
body.page-id-71 .fusion-fullwidth.fusion-builder-row-4[style*="--awb-background-color:#272424"],
body.page-id-73 .fusion-fullwidth.fusion-builder-row-4[style*="--awb-background-color:#272424"],
body.page-id-75 .fusion-fullwidth.fusion-builder-row-4[style*="--awb-background-color:#272424"],
body.page-id-77 .fusion-fullwidth.fusion-builder-row-4[style*="--awb-background-color:#272424"] {
    --awb-background-color: transparent !important;
    background-color: transparent !important;
    background: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ========================================
   PAGE ENTRETIEN-RÉPARATION - ÉLARGIR TOUTES LES SECTIONS AU MAXIMUM
   Comme la page installation
   ======================================== */

/* Élargir uniquement les sections avec max-width limitée (sans toucher aux autres) */
body.page-id-527 div[style*="max-width: 1300px"],
body.page-id-527 div[style*="max-width:1300px"],
body.page-id-527 div[style*="max-width: 1200px"],
body.page-id-527 div[style*="max-width:1200px"],
body.page-id-527 div[style*="max-width: 1100px"],
body.page-id-527 div[style*="max-width:1100px"],
body.page-id-527 div[style*="max-width: 1000px"],
body.page-id-527 div[style*="max-width:1000px"] {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Élargir les conteneurs Fusion Builder principaux */
body.page-id-527 .fusion-builder-row.fusion-row,
body.page-id-527 .fusion-row:not(.fusion-header-row),
body.page-id-527 .fusion-builder-container {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Élargir les sections fullwidth et les centrer */
body.page-id-527 .fusion-fullwidth .fusion-builder-row,
body.page-id-527 .fusion-fullwidth .fusion-row {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



/* ========================================
   FOOTER - BLOCS DE LIENS STRUCTURÉS ASLANE
   ======================================== */

.aslane-footer-links {
    background: #f5f5f7;
    border-top: 1px solid #e0e0e0;
    padding: 20px 18px 22px;
    font-size: 0.9em;
}

.aslane-footer-links__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}

.aslane-footer-links__cols {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    flex: 1 1 auto;
    justify-content: flex-start;
}

.aslane-footer-links__col {
    flex: 0 0 215px;
    max-width: 250px;
    min-width: 180px;
    padding: 0 18px;
    border-right: 1px solid #e0e0e0;
}

.aslane-footer-links__col:last-child {
    border-right: none;
    padding-right: 0;
}

.aslane-footer-links__col:first-child {
    padding-left: 0;
}

.aslane-footer-links__title {
    font-size: 0.95em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 10px;
    color: #333333;
    text-align: center;
}

.aslane-footer-links__list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.aslane-footer-links__list li {
    margin-bottom: 3px;
}

.aslane-footer-links__list a {
    color: #555555;
    text-decoration: none;
    transition: color 0.2s ease;
}

.aslane-footer-links__list a:hover {
    color: #d90429;
    text-decoration: underline;
}

.aslane-footer-links__reviews {
    flex: 0 0 320px;
    max-width: 380px;
    padding: 8px 0 8px 18px;
    border-left: 1px solid #e0e0e0;
}

.aslane-footer-reviews__row {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}

.aslane-footer-reviews__badge-img {
    max-width: 22px;
    max-height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.aslane-footer-reviews__text p {
    margin: 0 0 6px;
    font-size: 0.9em;
    color: #555555;
    line-height: 1.5;
}

.aslane-footer-reviews__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    padding: 6px 10px;
    font-size: 0.9em;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    border-radius: 999px;
    background: linear-gradient(135deg, #d90429 0%, #b5031f 100%);
    box-shadow: 0 3px 8px rgba(217, 4, 41, 0.28);
}

.aslane-footer-reviews__cta:hover {
    opacity: 0.9;
}

.aslane-footer-reviews__hook {
    font-weight: 600;
}

.aslane-footer-reviews__meta,
.aslane-footer-reviews__hint {
    font-size: 0.95em;
    color: #666666;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 5 étoiles affichées dans le footer */
.aslane-footer-reviews__stars {
    display: inline-block;
    margin: 0 6px;
    color: #f5c518; /* jaune type "étoiles" */
    font-size: 1.5em;
    letter-spacing: 1px;
}

.aslane-footer-reviews__rating {
    font-weight: 700;
    font-size: 1.25em;
}

/* agrandir un peu la section avis pour mieux respirer */
.aslane-footer-links__reviews {
    padding-top: 6px;
    text-align: center;
}

.aslane-footer-reviews__label {
    font-weight: 700;
    margin-right: 8px;
    font-size: 1.05em;
}

@media (max-width: 768px) {
    .aslane-footer-links {
        padding: 14px 12px 16px;
    }
    .aslane-footer-links__inner {
        flex-direction: column;
        gap: 12px;
    }
    .aslane-footer-links__col {
        border-right: none;
        padding-right: 0;
        padding-left: 0;
    }
    .aslane-footer-links__reviews {
        flex: 1 1 auto;
        max-width: 100%;
        padding-left: 0;
        border-left: none;
    }
}