/* CHR MASTER - Bandeau supérieur Bleu Prestige */
#page .header-nav {
    background: linear-gradient(
        90deg,
        #1B649E 0%,
        #258BC5 55%,
        #319BD7 100%
    ) !important;
}
/* CHR MASTER - Textes du bandeau Prestige */
@media (min-width: 992px) {
  #page .header-nav .chr-master-presentation,
  #page .header-nav .chr-master-telephone,
  #page .header-nav .chr-master-horaires {
    font-size: 18px !important;
    font-weight: 700 !important;
  }

  #page .header-nav .top-infos > div {
    margin-right: 30px !important;
  }
}
/* CHR MASTER - Textes du bandeau Prestige */
@media (min-width: 992px) {
  #page .header-nav .chr-master-presentation,
  #page .header-nav .chr-master-presentation span,
  #page .header-nav .chr-master-telephone a,
  #page .header-nav .chr-master-horaires,
  #page .header-nav .chr-master-horaires div {
    font-size: 18px !important;
    font-weight: 700 !important;
  }
}
/* CHR MASTER - Boutons Prestige - Version corrigee */
@media (min-width: 1200px) {

  /* Dimensions et présentation communes */
  #leo_block_top a.popup-title,
  .header-button-add a.ap-btn-wishlist,
  #_desktop_cart .blockcart .header > a {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 90px !important;
    min-width: 90px !important;
    height: 44px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
    text-align: center !important;
    color: #FFFFFF !important;
  }

  /* Mon compte et Favoris : Bleu Prestige */
  #leo_block_top a.popup-title,
  .header-button-add a.ap-btn-wishlist {
    background: linear-gradient(
      90deg, #1B649E, #258BC5, #319BD7
    ) !important;
  }

  /* Panier : Orange CHR MASTER */
  #_desktop_cart .blockcart .header > a {
    background: #FF6500 !important;
  }

  /* Icônes et textes blancs */
  #leo_block_top .icon-account,
  #leo_block_top .icon-account::before,
  #leo_block_top .icon-account::after,
  .ap-btn-wishlist .icon-favourite,
  .ap-btn-wishlist .icon-favourite::before,
  .ap-btn-wishlist .icon-favourite::after,
  #_desktop_cart .icon-cart,
  #_desktop_cart .icon-cart::before,
  #_desktop_cart .icon-cart::after {
    color: #FFFFFF !important;
  }

  /* Recherche : espace de sécurité à droite */
  #leo_search_block_top {
    width: 94% !important;
  }
}
/* CHR MASTER - Correction blanc Favoris */
@media (min-width: 1200px) {
  .header-button-add a.ap-btn-wishlist .icon-favourite,
  .header-button-add a.ap-btn-wishlist .icon-favourite::before,
  .header-button-add a.ap-btn-wishlist .icon-favourite::after {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }
}
/* CHR MASTER - Finition boutons Prestige */
@media (min-width: 1200px) {

  /* Trois boutons de 90 x 50 px */
  #leo_block_top a.popup-title,
  .header-button-add a.ap-btn-wishlist,
  #_desktop_cart .blockcart .header > a {
    width: 90px !important;
    min-width: 90px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Texte et icone Panier en blanc */
  #_desktop_cart .blockcart .header > a,
  #_desktop_cart .icon-cart,
  #_desktop_cart .icon-cart::before,
  #_desktop_cart .icon-cart::after,
  #_desktop_cart .shopping-cart,
  #_desktop_cart .shopping-cart::before,
  #_desktop_cart .shopping-cart::after {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
  }
}
/* CHR MASTER - Décalage boutons vers la droite */
@media (min-width: 1200px) {
  .box-function.ApColumn {
    transform: translateX(20px);
  }
}
/* CHR MASTER - Fond gris bleute continu */
#page .header-container,
#page .header-top {
  background: linear-gradient(
    110deg,
    #FFFFFF 0%,
    #EDF3F8 55%,
    #DFEAF3 100%
  ) !important;
}
/* CHR MASTER - Pied de page Bleu Prestige */
#page .footer-center {
  background: linear-gradient(
    90deg,
    #1B649E 0%,
    #258BC5 55%,
    #319BD7 100%
  ) !important;
}

/* CHR MASTER - Newsletter gris bleute */
#page .footer-top > .container {
  background: linear-gradient(
    110deg,
    #FFFFFF 0%,
    #EDF3F8 55%,
    #DFEAF3 100%
  ) !important;
}
/* CHR MASTER - Alignement du bloc logo footer */
@media (min-width: 992px) {
  #page .footer-center .logo-footer.ApColumn {
    transform: translateY(-45px);
  }
}
/* CHR MASTER - Masquer les compteurs dans Nos univers métiers */
#page .chr-univers-metiers .box-category-meta .items {
  display: none !important;
}
/* CHR MASTER - Boutons adaptes aux fenetres desktop etroites */
@media (min-width: 1200px) and (max-width: 1599px) {
  #leo_block_top a.popup-title,
  .header-button-add a.ap-btn-wishlist,
  #_desktop_cart .blockcart .header > a {
    width: 70px !important;
    min-width: 70px !important;
  }
}
/* CHR MASTER - Lisibilite des articles du blog */
#page .blog-detail .blog-description p {
  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin-bottom: 18px !important;
}
/* CHR MASTER - Nettoyage colonne laterale du blog */
#page:has(.blog-detail) .block-categories,
#page:has(.blog-detail) #PM_ASBlock_4,
#page:has(.blog-detail) #left-column.sidebar a.opartDevisCartToQuotationLink,
#page:has(.blog-detail) #left-column.sidebar a.opartDevisQuotationRequestLink {
  display: none !important;
}
/* CHR MASTER - Titres des sections du blog */
#page .blog-detail .blog-description h2 {
  color: #1B649E !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 30px !important;
  margin-bottom: 15px !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #FF6500 !important;
}
/* CHR MASTER - Largeur responsive des articles du blog */
@media (min-width: 992px) and (max-width: 1199px) {
  #page:has(.blog-detail) #left-column {
    width: 25% !important;
  }

  #page:has(.blog-detail) #content-wrapper {
    width: 75% !important;
  }
}