img.adtm_menu_icon {vertical-align:top;margin-right:3px;}
.adtm_menu .searchboxATM .search_query_atm {width:150px;margin-left:0!important;}
.adtm_menu .searchboxATM .button_mini {display:inline-block;}
.adtm_menu .adtm_unclickable {text-decoration:none!important;}
p.menu-subtitle {
    font-size: 18px;
    padding: 20px 0px 0;
    text-transform: uppercase;
    border-bottom: 2px solid red;
    display: inline-block;
    margin-left: 20px;
}
.adtm_menu .adtm_column_wrap {
    padding: 0px 24px 24px 24px;
    font-size: 13px!importan;
}
.adtm_menu .adtm_column span.column_wrap_title, .adtm_menu .adtm_column span.column_wrap_title span[data-href] {
    font-size: 14px;
    font-weight: 400;
}
.adtm_menu .adtm_column span.column_wrap_title a{
font-size:0
}
.adtm_menu .adtm_column_wrap span.column_wrap_title {
    margin-bottom: 4px;
}
.adtm_menu .adtm_column ul.adtm_elements li, .adtm_menu .adtm_column ul.adtm_elements li a, .adtm_menu .adtm_column ul.adtm_elements li span[data-href] {
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
}
p.link-all {
    padding: 20px 0px 0px 20px;
    font-weight: bold;
    text-decoration: underline;
    font-size: 15px;
}
#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap {
     margin: 10px 0;
}

.title-marque {
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
  border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.title-marque + .adtm_column {
    border: 1px solid #ccc;
    border-top: 0;
    margin: 0;
 border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  margin-bottom:10px
}
#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_18 img,#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_19 img,#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_20 img,#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_21 img,#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_22 img,#adtm_menu table.columnWrapTable tr td div.adtm_column_wrap.advtm_column_wrap_23 img{
width:70px;
  display: block;
    margin: 0 auto;
}
p.title-marque{
font-family: "Saira Condensed", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    margin-bottom: 0px;
  text-align:center;
  margin-top:10px
}
p.title-marque a{
font-weight:bold; 
    color:#0E0F12}
.adtm_column_wrap.advtm_column_wrap_18,.adtm_column_wrap.advtm_column_wrap_19,.adtm_column_wrap.advtm_column_wrap_20,.adtm_column_wrap.advtm_column_wrap_21,.adtm_column_wrap.advtm_column_wrap_22,.adtm_column_wrap.advtm_column_wrap_23 {
    padding: 0px 8px 0px 8px!important;
}

/* ===================================================================
   MRB AUTO - Complement CSS du mega menu
   Version 2, 3 novembre 2026. Remplace integralement la version 1.
   A coller dans le champ CSS avance du module, a la suite du contenu
   existant. Si la version 1 est deja en place, la retirer d abord.
   =================================================================== */

/* 1. CORRECTION. Le titre de marque n est plus une ancre imbriquee : la regle
   p.title-marque a ne s applique donc plus et les noms de marque avaient perdu
   leur graisse et leur couleur. On les remet sur le paragraphe lui-meme. */
p.title-marque,
p.title-marque a {
    font-weight: bold;
    color: #0E0F12;
}

/* 2. Les liens de pied de panneau. Ils remplacent les anciens
   « Voir toutes les calandres » du champ value_under, qui portaient des URL
   ecrites en dur sur des slugs disparus. Ce sont maintenant des elements de
   categorie pointant sur la famille, reperables par leur data-id. */
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="382"],
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="383"],
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="384"],
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="385"],
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="388"],
.adtm_menu .adtm_column ul.adtm_elements li a[data-id="442"] {
    display: inline-block;
    margin-top: 12px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}

/* 3. Largeur des panneaux produit.
   La version 1 imposait table-layout: fixed et width: 100%, ce qui decoupait
   le panneau en tiers stricts : les libelles se cassaient en deux ou trois
   lignes dans des cellules trop etroites. On laisse le tableau se dimensionner
   sur son contenu et on garantit une largeur minimale par colonne. */
#adtm_menu table.columnWrapTable {
    table-layout: auto;
    width: 100%;
}
#adtm_menu td.adtm_column_wrap_td {
    vertical-align: top;
}
#adtm_sub_1 .adtm_column_wrap,
#adtm_sub_2 .adtm_column_wrap,
#adtm_sub_3 .adtm_column_wrap,
#adtm_sub_12 .adtm_column_wrap,
#adtm_sub_13 .adtm_column_wrap,
#adtm_sub_14 .adtm_column_wrap {
    min-width: 230px;
}

/* 4. Les titres de colonne restent sur une seule ligne. « PAR TYPE » coupe en
   deux sous un soulignement rouge etait illisible. */
p.menu-subtitle {
   max-width: 100%;
    margin-right: 20px;
}

/* 5. Les libelles d element ne se cassent plus sur chaque mot. */
.adtm_menu .adtm_column ul.adtm_elements li a,
.adtm_menu .adtm_column ul.adtm_elements li span[data-href] {
    display: block;
    padding-right: 12px;
    line-height: 1.35;
}

/* 6. Onglet Tuning. Il n a plus de panneau deroulant, sa seule sous-categorie
   portant exactement les memes produits que la famille. */
li.advtm_menu_4 > .adtm_sub {
    display: none !important;
}

/* RAPPEL, non corrige ici. Dans le CSS existant du module, la regle
   .adtm_menu .adtm_column_wrap contient font-size: 13px!importan;
   avec un t manquant. La declaration est invalide et n a jamais ete
   appliquee. La corriger changerait la taille actuelle des items, donc
   la decision revient a l integration. */
@media (max-width: 768px) {
.adtm_menu .adtm_column_wrap span.column_wrap_title{display:none}
}
.adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span{
font-size:14px
}
.li-niveau1 a span{
  padding-left:6px;
  padding-right:6px
}