/* TOPSTAR – typographie premium technique + menu « La marque » – 2026-11-07
   Chargé par le module Content box (headerFiles). Pour revenir en arrière :
   désélectionner ce fichier dans Content box > fichiers d'en-tête. */

/* ---------- Typographie ---------- */
#ph_megamenu > li > a {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  text-transform: uppercase !important; letter-spacing: .12em !important;
  font-size: 14px !important; font-weight: 500 !important;
}
.product-name {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 400 !important;
}
.content_price .price, .content_price .product-price, #our_price_display {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  letter-spacing: .04em !important; font-weight: 500 !important;
}
.badge-nouveaute {
  background: #fff !important; color: #1e2643 !important; border: 1px solid #1e2643 !important;
  border-radius: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
  letter-spacing: .16em !important; font-weight: 500 !important; font-size: 10px !important;
}
/* Titres de gamme dans les catégories */
.left-column.gamme p > strong {
  font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; text-transform: uppercase !important;
  letter-spacing: .08em !important; font-weight: 500 !important; color: #1e2643 !important; font-size: 17px !important;
}
body#category .content_scene_cat p, body#category .cat_desc p, body#category #center_column .rte p,
body#cms .rte p { font-size: 15px; line-height: 1.65; }

/* ---------- Menu « La marque » (ordinateur) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_58 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3 {
    flex: 0 0 300px; min-height: 230px; position: relative; float: none !important; width: auto !important;
    background: url(/img/cms/sp1-atelier-geste.jpg) center / cover no-repeat;
  }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3 > * { display: none !important; }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-3::after {
    content: "Atelier près de Bordeaux\A Fabriquée en France depuis 1968.";
    white-space: pre-line; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px;
    background: linear-gradient(transparent, rgba(10,14,30,.85));
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; text-transform: uppercase;
    color: #fff; font-size: 22px; line-height: 1.15; letter-spacing: .02em; text-align: left;
  }
  #ph_megamenu > li.menu_link_58 .mega_categories > .c-9 { flex: 1 1 auto; display: flex !important; gap: 48px; float: none !important; width: auto !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 { flex: 1 1 0; float: none !important; width: auto !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 > .title { display: none !important; }
  #ph_megamenu > li.menu_link_58 .ts-mm-label {
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size: 12px; letter-spacing: .16em;
    text-transform: uppercase; color: rgba(255,255,255,.55); margin: 0 0 14px; text-align: left;
  }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul { margin: 0 !important; padding: 0 !important; list-style: none !important;
    border-bottom: 1px solid rgba(255,255,255,.16); }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important;
    float: none !important; width: 100% !important; text-align: left !important; }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a {
    display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center;
    background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
    border-top: 1px solid rgba(255,255,255,.16) !important; padding: 13px 0 !important; margin: 0 !important;
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 16px !important;
    letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; text-align: left !important;
  }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a::after { content: "\2192"; color: rgba(255,255,255,.5); }
  #ph_megamenu > li.menu_link_58 .ph-type-5 ul li a:hover { color: rgba(255,255,255,.7) !important; }
}

/* ---------- Menu principal : OPS (vert OD) et bouton Prendre RDV (07/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_68 > a, #ph_megamenu > li.menu_link_68 > a span { color: #ffffff !important; }
  #ph_megamenu > li.menu_link_68 > a::before {
    content: ""; display: inline-block; width: 7px; height: 7px; background: #5a6b3b;
    margin: 0 8px 1px 0; vertical-align: middle;
  }
  #ph_megamenu > li.menu_link_78 > a {
    border: 1px solid rgba(255,255,255,.85) !important; padding: 7px 14px !important;
    line-height: 1.1 !important; height: auto !important; margin-top: 9px;
  }
  #ph_megamenu > li.menu_link_78 > a:hover { background: #ffffff !important; color: #1e2643 !important; }
}

/* ---------- Fiche produit : bloc « Coups de coeur » -> « Innovations TOPSTAR », sans rouge (07/11) ---------- */
#product #associeted_products .coupsdecoeur .title { font-size: 0 !important; color: #1e2643 !important;
  border-top-color: #1e2643 !important; border-bottom-color: #1e2643 !important; }
#product #associeted_products .coupsdecoeur .title::after { content: "Innovations TOPSTAR"; font-size: 32px; font-weight: 300; line-height: 1.4; }
#product #associeted_products .coupsdecoeur .mention { color: #1e2643 !important; border-top-color: #1e2643 !important; border-bottom-color: #1e2643 !important; }
#product #associeted_products .coupsdecoeur .product-container { background-color: #1e2643 !important; }
#associeted_products .product-name { letter-spacing: .04em !important; font-size: 14px !important; line-height: 1.2 !important; }
/* Bouton « haut de page » : bleu abyssal au lieu du rouge */
#top_window { background-color: #1e2643 !important; }

/* ---------- Menu « OPS » (ordinateur) – même style que « La marque » ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_68 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_68 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; align-items: stretch !important; }
  #ph_megamenu > li.menu_link_68 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_68 .mega_categories > .c-3 { flex: 0 0 300px; min-height: 230px; position: relative; float: none !important; width: auto !important;
    background: url(/img/cms/sp1-ironskin-hero.jpg) center 30% / cover no-repeat; }
  #ph_megamenu > li.menu_link_68 .mega_categories > .c-3 > * { display: none !important; }
  #ph_megamenu > li.menu_link_68 .mega_categories > .c-3::after { content: "TOPSTAR OPS\A Conçues, fabriquées et entretenues en France.";
    white-space: pre-line; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px;
    background: linear-gradient(transparent, rgba(10,14,30,.9)); font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif;
    text-transform: uppercase; color: #fff; font-size: 20px; line-height: 1.15; text-align: left; }
  #ph_megamenu > li.menu_link_68 .mega_categories > .c-9 { display: block !important; flex: 1 1 auto !important; max-width: none !important; float: none !important; width: auto !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 { width: 100% !important; max-width: none !important; display: block !important; margin: 0 !important; padding: 0 !important; float: none !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 > .title { display: block !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size: 12px !important;
    letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; margin: 0 0 14px !important; text-align: left !important;
    background: none !important; border: 0 !important; padding: 0 !important; height: auto !important; min-height: 0 !important; line-height: 1.2 !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 ul { width: 100% !important; max-width: none !important; display: block !important; column-count: 2 !important; column-gap: 48px;
    margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 ul li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important;
    float: none !important; width: 100% !important; break-inside: avoid; text-align: left !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 ul li a { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center;
    background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important;
    padding: 13px 0 !important; margin: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 16px !important;
    letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; text-align: left !important; }
  #ph_megamenu > li.menu_link_68 .ph-type-5 ul li a::after { content: "\2192"; color: rgba(255,255,255,.5); }
}

/* ---------- Menus Combinaisons (9), Équipements (17), Aquatelier (18) : panneau bleu abyssal (07/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_9 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; align-items: stretch !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-9 { flex: 1 1 auto; float: none !important; width: auto !important; max-width: none !important; display: flex !important; flex-wrap: wrap; gap: 8px 48px; align-content: flex-start; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-9 > div { float: none !important; width: auto !important; flex: 1 1 200px; margin: 0 !important; padding: 0 !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories, #ph_megamenu > li.menu_link_9 .mega_categories * { text-align: left !important; }
  #ph_megamenu > li.menu_link_9 .ph-mega-categories-cat-title, #ph_megamenu > li.menu_link_9 .ph-mega-categories-cat-title a, #ph_megamenu > li.menu_link_9 .ph-type-5 > .title { font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 12px !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.55) !important; margin: 0 0 12px !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; height: auto !important; font-weight: 400 !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #ph_megamenu > li.menu_link_9 .ph-mega-categories-list-lvl-1 > li, #ph_megamenu > li.menu_link_9 .ph-type-5 ul > li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; float: none !important; width: 100% !important; }
  #ph_megamenu > li.menu_link_9 .ph-mega-categories-list-lvl-1 > li > a, #ph_megamenu > li.menu_link_9 .ph-type-5 ul > li > a { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; padding: 12px 0 !important; margin: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 15px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; }
  #ph_megamenu > li.menu_link_9 .ph-mega-categories-list-lvl-1 > li > a::after, #ph_megamenu > li.menu_link_9 .ph-type-5 ul > li > a::after { content: "\2192"; color: rgba(255,255,255,.5); }
  #ph_megamenu > li.menu_link_9 .ph-mega-categories-list-lvl-1 > li > a .marker { display: none !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-3 { flex: 0 0 300px; min-height: 230px; position: relative; float: none !important; width: auto !important; background: url(/img/cms/sp1-ironskin-hero.jpg) center / cover no-repeat; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-3 > * { display: none !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-3::after { content: "Combinaisons\A Étanches, semi-étanches, humides."; white-space: pre-line; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px; background: linear-gradient(transparent, rgba(10,14,30,.9)); font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; text-transform: uppercase; color: #fff; font-size: 20px; line-height: 1.15; }
  #ph_megamenu > li.menu_link_17 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; align-items: stretch !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories > .c-9 { flex: 1 1 auto; float: none !important; width: auto !important; max-width: none !important; display: flex !important; flex-wrap: wrap; gap: 8px 48px; align-content: flex-start; }
  #ph_megamenu > li.menu_link_17 .mega_categories > .c-9 > div { float: none !important; width: auto !important; flex: 1 1 200px; margin: 0 !important; padding: 0 !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories, #ph_megamenu > li.menu_link_17 .mega_categories * { text-align: left !important; }
  #ph_megamenu > li.menu_link_17 .ph-mega-categories-cat-title, #ph_megamenu > li.menu_link_17 .ph-mega-categories-cat-title a, #ph_megamenu > li.menu_link_17 .ph-type-5 > .title { font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 12px !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.55) !important; margin: 0 0 12px !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; height: auto !important; font-weight: 400 !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #ph_megamenu > li.menu_link_17 .ph-mega-categories-list-lvl-1 > li, #ph_megamenu > li.menu_link_17 .ph-type-5 ul > li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; float: none !important; width: 100% !important; }
  #ph_megamenu > li.menu_link_17 .ph-mega-categories-list-lvl-1 > li > a, #ph_megamenu > li.menu_link_17 .ph-type-5 ul > li > a { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; padding: 12px 0 !important; margin: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 15px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; }
  #ph_megamenu > li.menu_link_17 .ph-mega-categories-list-lvl-1 > li > a::after, #ph_megamenu > li.menu_link_17 .ph-type-5 ul > li > a::after { content: "\2192"; color: rgba(255,255,255,.5); }
  #ph_megamenu > li.menu_link_17 .ph-mega-categories-list-lvl-1 > li > a .marker { display: none !important; }
  #ph_megamenu > li.menu_link_17 .mega_categories > .c-3 { display: none !important; }
  #ph_megamenu > li.menu_link_18 .mega-menu { background: #1e2643 !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories { display: flex !important; gap: 48px; padding: 40px 5vw 44px !important; align-items: stretch !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .clearfix { display: none !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .c-9 { flex: 1 1 auto; float: none !important; width: auto !important; max-width: none !important; display: flex !important; flex-wrap: wrap; gap: 8px 48px; align-content: flex-start; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .c-9 > div { float: none !important; width: auto !important; flex: 1 1 200px; margin: 0 !important; padding: 0 !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories, #ph_megamenu > li.menu_link_18 .mega_categories * { text-align: left !important; }
  #ph_megamenu > li.menu_link_18 .ph-mega-categories-cat-title, #ph_megamenu > li.menu_link_18 .ph-mega-categories-cat-title a, #ph_megamenu > li.menu_link_18 .ph-type-5 > .title { font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 12px !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.55) !important; margin: 0 0 12px !important; background: none !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; height: auto !important; font-weight: 400 !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
  #ph_megamenu > li.menu_link_18 .ph-mega-categories-list-lvl-1 > li, #ph_megamenu > li.menu_link_18 .ph-type-5 ul > li { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; float: none !important; width: 100% !important; }
  #ph_megamenu > li.menu_link_18 .ph-mega-categories-list-lvl-1 > li > a, #ph_megamenu > li.menu_link_18 .ph-type-5 ul > li > a { display: flex !important; width: 100% !important; justify-content: space-between !important; align-items: center; background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; border-top: 1px solid rgba(255,255,255,.16) !important; padding: 12px 0 !important; margin: 0 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 15px !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: #fff !important; }
  #ph_megamenu > li.menu_link_18 .ph-mega-categories-list-lvl-1 > li > a::after, #ph_megamenu > li.menu_link_18 .ph-type-5 ul > li > a::after { content: "\2192"; color: rgba(255,255,255,.5); }
  #ph_megamenu > li.menu_link_18 .ph-mega-categories-list-lvl-1 > li > a .marker { display: none !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .c-3 { flex: 0 0 300px; min-height: 230px; position: relative; float: none !important; width: auto !important; background: url(/img/cms/sp1-atelier-geste.jpg) center / cover no-repeat; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .c-3 > * { display: none !important; }
  #ph_megamenu > li.menu_link_18 .mega_categories > .c-3::after { content: "Aquatelier\A Entretien et réparation, toutes marques."; white-space: pre-line; position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px; background: linear-gradient(transparent, rgba(10,14,30,.9)); font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; text-transform: uppercase; color: #fff; font-size: 20px; line-height: 1.15; }
  #ph_megamenu > li.menu_link_9 .ph-type-5 > .title, #ph_megamenu > li.menu_link_17 .ph-type-5 > .title, #ph_megamenu > li.menu_link_18 .ph-type-5 > .title { display: block !important; }
}

/* ---------- Accueil : tuiles lisibles + tuile « Sur-mesure à distance » (07/11) ---------- */
.htmlcontent-item .darker-bg { background: rgba(14,20,40,.5) !important; opacity: 1 !important; }
.htmlcontent-item a[href*="combinaison-sur-mesure"] .darker-bg { background: rgba(14,20,40,.72) !important; }
@media (min-width: 768px) {
  .htmlcontent-item a[href*="combinaison-sur-mesure"] .main-title { font-size: 46px !important; line-height: 1.02 !important; }
}
@media (max-width: 767px) {
  .htmlcontent-item a[href*="combinaison-sur-mesure"] .main-title { font-size: 30px !important; line-height: 1.05 !important; }
}

/* ---------- Menus Combinaisons (Déstockage) et Aquatelier (titres-liens) lisibles (07/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_9 .mega_categories .ph-type-5 > .title,
  #ph_megamenu > li.menu_link_9 .mega_categories .ph-type-5 > .title a,
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-type-5 > .title,
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-type-5 > .title a {
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 15px !important;
    letter-spacing: .08em !important; text-transform: uppercase !important; color: #ffffff !important;
    font-weight: 400 !important; text-decoration: none !important;
  }
  #ph_megamenu > li.menu_link_9 .mega_categories .ph-type-5 > .title,
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-type-5 > .title {
    border-top: 1px solid rgba(255,255,255,.16) !important; padding: 12px 0 !important; margin: 0 0 12px !important;
  }
  #ph_megamenu > li.menu_link_9 .mega_categories .ph-type-5 > .title a::after,
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-type-5 > .title a::after { content: "  \2192"; color: rgba(255,255,255,.5); }
}
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-mega-categories-cat-title,
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-mega-categories-cat-title a {
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 15px !important;
    letter-spacing: .08em !important; text-transform: uppercase !important; color: #ffffff !important; font-weight: 400 !important;
    text-align: left !important;
  }
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-mega-categories-cat-title {
    border-top: 1px solid rgba(255,255,255,.16) !important; padding: 12px 0 !important; margin: 0 0 12px !important;
  }
  #ph_megamenu > li.menu_link_18 .mega_categories .ph-mega-categories-cat-title a::after { content: "  \2192"; color: rgba(255,255,255,.5); }
}

/* ---------- Menu principal : ordre (Sur-mesure en 2e) et tailles harmonisées (07/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li { order: 20; }
  #ph_megamenu > li.menu_link_9 { order: 1; }
  #ph_megamenu > li.menu_link_72 { order: 2; }
  #ph_megamenu > li.menu_link_68 { order: 3; }
  #ph_megamenu > li.menu_link_17 { order: 4; }
  #ph_megamenu > li.menu_link_18 { order: 5; }
  #ph_megamenu > li.menu_link_58 { order: 6; }
  #ph_megamenu > li.menu_link_75 { order: 7; }
  #ph_megamenu > li.menu_link_78 { order: 8; }
  #ph_megamenu > li[class*="menu_link_"] { padding-left: 22px !important; }
  #ph_megamenu > li > a > span.label { background: transparent !important; padding: 0 !important; text-shadow: none !important; }
  #ph_megamenu > li > a, #ph_megamenu > li > a span:not(.hide):not(.marker) {
    font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important;
    font-size: 14px !important; font-weight: 500 !important; letter-spacing: .12em !important;
  }
}

/* ---------- Pages OPS (landing + métiers) – mise en page par classes (07/11) ---------- */
.ts-ops { background:#1e2643; color:#fff !important; margin:0 0 30px !important; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif !important; position:relative; z-index:5; }
.ts-ops * { box-sizing:border-box; }
.ts-ops p, .ts-ops h1, .ts-ops h2 { margin:0 !important; padding:0; border:0; background:none; color:#fff !important; text-align:left; }
.ts-ops a { text-decoration:none !important; }
.ts-ops .k { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:14px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#9aa3bf !important; }
.ts-ops .k a { color:#9aa3bf !important; }
.ts-ops .sq { display:inline-block; width:8px; height:8px; background:#5a6b3b; margin:0 10px 1px 0 !important; vertical-align:middle; }
.ts-ops .hc { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; letter-spacing:.02em !important; }
.ts-ops .wrap { max-width:1180px; margin:0 auto !important; padding:0 56px; }
/* Hero */
.ts-ops-hero { position:relative; min-height:520px; overflow:hidden; display:flex; align-items:flex-end; }
.ts-ops-hero > img { position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; object-position:50% 60%; margin:0 !important; padding:0 !important; border:0 !important; }
.ts-ops-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,24,44,.92) 0%,rgba(18,24,44,.72) 45%,rgba(18,24,44,.15) 100%),linear-gradient(0deg,rgba(30,38,67,1) 0%,rgba(30,38,67,0) 35%); }
.ts-ops-hero .wrap { position:relative; z-index:2; width:100%; padding-top:72px; padding-bottom:56px; }
.ts-ops-hero h1 { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; font-size:60px !important; line-height:.98 !important; margin:22px 0 22px !important; max-width:760px; }
.ts-ops-hero .lead { font-size:18px !important; line-height:1.55 !important; max-width:600px; color:#e6e9f2 !important; }
.ts-ops .btns { margin-top:30px !important; }
.ts-ops .btn { display:inline-block; border:1px solid #fff; padding:14px 26px; margin:0 10px 10px 0 !important; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:14px !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:#fff !important; background:transparent; transition:background .2s,color .2s; }
.ts-ops .btn.f, .ts-ops .btn:hover { background:#fff; color:#1e2643 !important; }
.ts-ops .btn.f:hover { background:transparent; color:#fff !important; }
/* Bandeau repères */
.ts-ops-strip { display:flex; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.ts-ops-strip > div { flex:1 1 0; padding:26px 24px 24px 0; }
.ts-ops-strip > div + div { border-left:1px solid rgba(255,255,255,.18); padding-left:24px; }
.ts-ops-strip .v { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:30px !important; line-height:1 !important; text-transform:uppercase !important; margin-bottom:8px !important; }
/* Sections */
.ts-ops .sec { padding-top:88px; }
.ts-ops .sec h2 { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; font-size:38px !important; line-height:1.02 !important; margin:14px 0 34px !important; }
/* Grille contraintes */
.ts-ops-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.18); }
.ts-ops-grid > div { background:#1e2643; padding:30px 28px 32px; min-height:190px; }
.ts-ops-grid .n { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:44px !important; line-height:1 !important; color:#7d8f52 !important; margin-bottom:22px !important; }
.ts-ops-grid .t { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:19px !important; letter-spacing:.06em !important; text-transform:uppercase !important; margin-bottom:10px !important; }
.ts-ops-grid .d { font-size:16px !important; line-height:1.55 !important; color:#cfd4e3 !important; }
/* Produits */
.ts-ops-prods { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ts-ops-prods .c { position:relative; display:block; color:#fff !important; border:1px solid rgba(255,255,255,.18); transition:border-color .2s; }
.ts-ops-prods .c:hover { border-color:#fff; }
.ts-ops-prods .nm a { color:#fff !important; }
.ts-ops-prods .nm a:after { content:""; position:absolute; inset:0; z-index:2; }
.ts-ops-prods .pic { display:flex !important; background:#fff; height:340px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.ts-ops-prods .pic img { max-width:80% !important; max-height:90% !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; background:none !important; transition:transform .4s; }
.ts-ops-prods .c:hover .pic img { transform:scale(1.04); }
.ts-ops-prods .tx { padding:18px 20px 20px; display:flex; justify-content:space-between; align-items:flex-end; gap:12px; }
.ts-ops-prods .nm { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:21px !important; letter-spacing:.06em !important; text-transform:uppercase !important; margin-bottom:4px !important; }
.ts-ops-prods .ds { font-size:14px !important; color:#cfd4e3 !important; }
.ts-ops-prods .ar { font-size:20px !important; color:#9aa3bf !important; }
/* Certification */
.ts-ops-cert { margin-top:88px !important; border-left:2px solid #5a6b3b; padding:6px 0 6px 26px; }
.ts-ops-cert p + p { margin-top:6px !important; }
.ts-ops-cert .l { font-size:15px !important; color:#e6e9f2 !important; }
/* Contact */
.ts-ops-cta { margin-top:88px !important; background:#151b33; }
.ts-ops-cta .wrap { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-top:56px; padding-bottom:56px; }
.ts-ops-cta h2 { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; font-size:34px !important; line-height:1.05 !important; margin:12px 0 0 !important; max-width:520px; }
.ts-ops-cta .btns { margin-top:0 !important; flex:0 0 auto; }
/* Autres métiers */
.ts-ops-nav { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.18); margin-top:20px !important; }
.ts-ops-nav a { display:flex; justify-content:space-between; align-items:center; padding:22px 20px 22px 0; color:#fff !important; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:16px !important; letter-spacing:.08em !important; text-transform:uppercase !important; border-bottom:1px solid rgba(255,255,255,.18); }
.ts-ops-nav a + a { padding-left:20px; border-left:1px solid rgba(255,255,255,.18); }
.ts-ops-nav a span { color:#9aa3bf !important; }
.ts-ops-nav a:hover span { color:#fff !important; }
.ts-ops .end { height:72px; }
@media (max-width: 991px) {
  .ts-ops .wrap { padding:0 24px; }
  .ts-ops-hero { min-height:440px; }
  .ts-ops-hero h1 { font-size:42px !important; }
  .ts-ops-grid, .ts-ops-prods { grid-template-columns:repeat(2,1fr); }
  .ts-ops-nav { grid-template-columns:repeat(2,1fr); }
  .ts-ops-nav a + a { border-left:0; padding-left:0; }
  .ts-ops-cta .wrap { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 600px) {
  .ts-ops .wrap { padding:0 16px; }
  .ts-ops-hero { min-height:480px; }
  .ts-ops-hero:after { background:linear-gradient(0deg,rgba(30,38,67,1) 0%,rgba(18,24,44,.75) 55%,rgba(18,24,44,.35) 100%); }
  .ts-ops-hero h1 { font-size:34px !important; }
  .ts-ops-hero .lead { font-size:16px !important; }
  .ts-ops-strip { flex-wrap:wrap; }
  .ts-ops-strip > div { flex:1 1 50%; padding:18px 12px 16px 0; border-bottom:1px solid rgba(255,255,255,.18); }
  .ts-ops-strip > div + div { border-left:0; padding-left:0; }
  .ts-ops-strip .v { font-size:24px !important; }
  .ts-ops .sec { padding-top:56px; }
  .ts-ops .sec h2 { font-size:28px !important; margin-bottom:24px !important; }
  .ts-ops-grid, .ts-ops-prods, .ts-ops-nav { grid-template-columns:1fr; }
  .ts-ops-grid > div { min-height:0; padding:22px 20px; }
  .ts-ops-grid .n { font-size:32px !important; margin-bottom:12px !important; }
  .ts-ops-prods .pic { display:flex !important; height:260px; }
  .ts-ops-cert, .ts-ops-cta { margin-top:56px !important; }
  .ts-ops-cta h2 { font-size:26px !important; }
}
.ts-ops-grid.g2 { grid-template-columns:repeat(2,1fr); }
.ts-ops-grid.g4 { grid-template-columns:repeat(4,1fr); }
.ts-ops-grid > div.w2 { grid-column:span 2; }
.ts-ops-prods.p4 { grid-template-columns:repeat(4,1fr); }
.ts-ops-prods.p4 .pic { height:260px; }
.ts-ops-list a { display:flex; justify-content:space-between; align-items:center; padding:20px 0; border-top:1px solid rgba(255,255,255,.18); color:#fff !important; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:22px !important; letter-spacing:.06em !important; text-transform:uppercase !important; transition:padding .2s; }
.ts-ops-list a:last-child { border-bottom:1px solid rgba(255,255,255,.18); }
.ts-ops-list a:hover { padding-left:10px; }
.ts-ops-list a span { color:#9aa3bf !important; font-size:20px !important; }
@media (max-width: 991px) { .ts-ops-grid.g4, .ts-ops-prods.p4 { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 600px) { .ts-ops-grid.g2, .ts-ops-grid.g4 { grid-template-columns:1fr; } .ts-ops-grid > div.w2 { grid-column:auto; } .ts-ops-prods.p4 { grid-template-columns:repeat(2,1fr); gap:12px; } .ts-ops-prods.p4 .pic { height:170px; } .ts-ops-prods.p4 .tx { padding:12px; } .ts-ops-prods.p4 .nm { font-size:16px !important; } .ts-ops-prods.p4 .ds { font-size:12px !important; } .ts-ops-list a { font-size:17px !important; } }
/* Hero split (photos terrain carrées) */
.ts-ops-hero.split > img { left:auto !important; right:0; width:54% !important; object-position:50% 40%; }
.ts-ops-hero.split:after { background:linear-gradient(90deg,#1e2643 0%,#1e2643 46%,rgba(30,38,67,.55) 58%,rgba(30,38,67,0) 75%),linear-gradient(0deg,#1e2643 0%,rgba(30,38,67,0) 22%); }
/* Références */
.ts-ops-refs { margin-top:88px; display:flex; gap:56px; align-items:flex-start; border-top:1px solid rgba(255,255,255,.18); padding-top:40px; }
.ts-ops-refs .lft { flex:0 0 40%; }
.ts-ops-refs .big { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:40px !important; line-height:1.02 !important; text-transform:uppercase !important; margin-top:14px !important; }
.ts-ops-refs .big small { display:block; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55; text-transform:none; color:#cfd4e3; margin-top:14px; letter-spacing:0; }
.ts-ops-refs .chips { flex:1 1 auto; display:flex; flex-wrap:wrap; gap:10px; padding-top:6px; }
.ts-ops-refs .chips span { border:1px solid rgba(255,255,255,.28); padding:10px 16px; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size:15px; letter-spacing:.1em; text-transform:uppercase; color:#fff; }
.ts-ops-refs .chips a.more { padding:10px 0 10px 6px; font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size:14px; letter-spacing:.12em; text-transform:uppercase; color:#9aa3bf !important; }
.ts-ops-refs .chips a.more:hover { color:#fff !important; }
@media (max-width: 991px) { .ts-ops-hero.split > img { width:100% !important; } .ts-ops-hero.split:after { background:linear-gradient(90deg,rgba(18,24,44,.94) 0%,rgba(18,24,44,.75) 55%,rgba(18,24,44,.35) 100%),linear-gradient(0deg,#1e2643 0%,rgba(30,38,67,0) 35%); } .ts-ops-refs { flex-direction:column; gap:20px; } }
@media (max-width: 600px) { .ts-ops-hero.split:after { background:linear-gradient(0deg,#1e2643 0%,rgba(18,24,44,.8) 55%,rgba(18,24,44,.4) 100%); } .ts-ops-refs { margin-top:56px; } .ts-ops-refs .big { font-size:30px !important; } .ts-ops-refs .chips span { font-size:13px; padding:8px 12px; } }
.ts-ops .ts-ops-seo { margin-top:40px !important; padding-top:20px !important; border-top:1px solid rgba(255,255,255,.12); font-size:13px !important; line-height:1.6 !important; color:rgba(255,255,255,.5) !important; max-width:900px; }
.ts-ops-faq { flex:1 1 auto; }
.ts-ops-faq .q { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:16px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#fff !important; padding-top:14px !important; border-top:1px solid rgba(255,255,255,.18); }
.ts-ops-faq .a { font-size:14px !important; line-height:1.55 !important; color:#cfd4e3 !important; margin:6px 0 14px !important; }

/* ---------- Menu Combinaisons : encart Sur-mesure à distance (08/11) ---------- */
@media (min-width: 768px) {
  #ph_megamenu > li.menu_link_9 .mega_categories > .c-3 { display: none !important; }
  #ph_megamenu > li.menu_link_9 .mega_categories > div:has(.ts-mm-smd) { flex: 0 0 320px !important; float: none !important; width: auto !important; max-width: 320px !important; margin: 0 !important; padding: 0 !important; order: 99; }
  #ph_megamenu > li.menu_link_9 .mega_categories > div:has(.ts-mm-smd) > .title { display: none !important; }
  .ts-mm-smd { position: relative; background: #151b33; border: 1px solid rgba(255,255,255,.16); height: 100%; transition: border-color .2s; }
  .ts-mm-smd:hover { border-color: #fff; }
  .ts-mm-smd .ov { position: absolute; inset: 0; z-index: 3; }
  .ts-mm-smd .img { margin: 0 !important; height: 130px; overflow: hidden; }
  .ts-mm-smd .img img { width: 100% !important; height: 130px !important; object-fit: cover; object-position: 40% 45%; display: block; margin: 0 !important; border: 0 !important; max-width: none !important; }
  .ts-mm-smd .bd { padding: 16px 18px 18px; }
  .ts-mm-smd p { margin: 0 !important; padding: 0 !important; text-align: left !important; }
  .ts-mm-smd .k { font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 11px !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: rgba(255,255,255,.6) !important; }
  .ts-mm-smd .k i { display: inline-block; width: 6px; height: 6px; background: #fff; margin: 0 8px 1px 0; vertical-align: middle; }
  .ts-mm-smd .t { font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 21px !important; line-height: 1.05 !important; text-transform: uppercase !important; color: #fff !important; margin: 8px 0 14px !important; }
  .ts-mm-smd .n { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.16); }
  .ts-mm-smd .n span { display: block; padding: 9px 0 8px; border-bottom: 1px solid rgba(255,255,255,.16); font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); }
  .ts-mm-smd .n span:nth-child(odd) { padding-right: 10px; border-right: 1px solid rgba(255,255,255,.16); }
  .ts-mm-smd .n span:nth-child(even) { padding-left: 12px; }
  .ts-mm-smd .n b { display: block; font-weight: 400; font-size: 26px; line-height: 1; letter-spacing: 0; color: #fff; margin-bottom: 3px; }
  .ts-mm-smd .cta { margin-top: 14px !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size: 13px !important; letter-spacing: .14em !important; text-transform: uppercase !important; color: #fff !important; }
}
@media (max-width: 767px) { .ts-mm-smd { display: none !important; } }

/* ---------- Menu mobile : même ordre que sur ordinateur (08/11) ---------- */
#mmenu .mm-listview > li[class*="menu_link_"] { order: 20; }
#mmenu .mm-listview > li.menu_link_9 { order: 1; }
#mmenu .mm-listview > li.menu_link_72 { order: 2; }
#mmenu .mm-listview > li.menu_link_68 { order: 3; }
#mmenu .mm-listview > li.menu_link_17 { order: 4; }
#mmenu .mm-listview > li.menu_link_18 { order: 5; }
#mmenu .mm-listview > li.menu_link_58 { order: 6; }
#mmenu .mm-listview > li.menu_link_75 { order: 7; }
#mmenu .mm-listview > li.menu_link_78 { order: 8; }
#mmenu .mm-listview > li.clearfix { order: 99; }

/* ---------- Page Sur-mesure : étapes illustrées et comparatif (08/11) ---------- */
.ts-ops-row { display:flex; align-items:center; gap:56px; margin-top:48px; }
.ts-ops-row.rev { flex-direction:row-reverse; }
.ts-ops-row .pic { flex:0 0 54%; margin:0 !important; aspect-ratio:3/2; overflow:hidden; background:#151b33; }
.ts-ops-row .pic img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; display:block; margin:0 !important; border:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; }
.ts-ops-row .tx { flex:1 1 auto; }
.ts-ops-row .n { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:44px !important; line-height:1 !important; color:#7d8f52 !important; margin-bottom:18px !important; }
.ts-ops-row .t { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:28px !important; line-height:1.05 !important; text-transform:uppercase !important; color:#fff !important; margin-bottom:14px !important; }
.ts-ops-row .d { font-size:16px !important; line-height:1.6 !important; color:#cfd4e3 !important; }
.ts-ops-cmp { border-top:1px solid rgba(255,255,255,.18); }
.ts-ops-cmp > div { display:grid; grid-template-columns:22% 1fr 1fr; gap:24px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.18); }
.ts-ops-cmp .hd p { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:13px !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:#9aa3bf !important; }
.ts-ops-cmp .hd p:last-child { color:#fff !important; }
.ts-ops-cmp .l { font-family:'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; font-size:17px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:#fff !important; }
.ts-ops-cmp .o { font-size:15px !important; color:rgba(255,255,255,.5) !important; }
.ts-ops-cmp .w { font-size:15px !important; color:#fff !important; }
@media (max-width: 767px) {
  .ts-ops-row, .ts-ops-row.rev { flex-direction:column; align-items:stretch; gap:18px; margin-top:36px; }
  .ts-ops-row .pic { flex:none; }
  .ts-ops-row .n { font-size:32px !important; margin-bottom:10px !important; }
  .ts-ops-row .t { font-size:22px !important; }
  .ts-ops-cmp > div { grid-template-columns:1fr 1fr; gap:6px 16px; }
  .ts-ops-cmp .l { grid-column:1 / -1; }
  .ts-ops-cmp .hd p:first-child { display:none; }
}

/* ---------- Pages ts-ops : pleine largeur et en-tête dégagé sur téléphone (08/11) ---------- */
@media (max-width: 767px) {
  .ts-ops { margin-left: -20px !important; margin-right: -20px !important; margin-bottom: 0 !important; }
  .ts-ops-hero .wrap { padding-top: 120px !important; }
}

/* ---------- Lot 1 La marque : citations et liens documents (08/11) ---------- */
.ts-ops-row .q { font-style:italic; font-size:14px !important; line-height:1.55 !important; color:#9aa3bf !important; margin-top:14px !important; padding-left:14px !important; border-left:2px solid #7d8f52; }
.ts-ops-refs .chips a.more { display:block; padding:14px 0 !important; border-bottom:1px solid rgba(255,255,255,.18); font-size:16px !important; color:#fff !important; width:100%; }
.ts-ops-row.sm .pic { flex:0 0 34%; }
.ts-ops-row .d a { color:#fff !important; text-decoration:underline !important; }
.ts-ops-refs .chips span + a.more, .ts-ops-refs .chips a.more:only-of-type { }

/* ---------- Pages ts-ops : fond bleu sur toute la largeur (PC) + badge Nouveauté sans rouge (08/11) ---------- */
.columns-container:has(.ts-ops) { background: #1e2643 !important; }
#columns:has(.ts-ops) > .background { background: #1e2643 !important; }
#columns:has(.ts-ops) > .background * { display: none !important; }
span.label-nouveaute { background: transparent !important; color: #1e2643 !important; border: 1px solid #1e2643 !important; font-family: 'Helvetica Neue Condensed','Arial Narrow',sans-serif !important; letter-spacing: .12em !important; text-transform: uppercase !important; }