Comme dit précédemment le css inline (via du JS) l'emportera car il est chargé après les styles.
C'est normal... Quand un site est bien fait, le CSS est chargé dans le header et le JS avant la balise </body>en fin de page donc.
Il y a une exception concernant le JS > JQUERY qui se charge dans le header
ou alors en début de la liste des scripts si c'est dans le bas de page.
Chargé du CSS via du JS, c'est un peu crade mais bon des fois...
Pour calculer par exemple, la position du sous-menu au survol, le module MAIN_MENU utilise un script qui pointe sur la class .js-sub-menu
Dans ton cas, ne t'embêtes pas... Force simplement le CSS avec un " !important ". C'est un peu sale mais bon...
Ou alors, localise la class que vise le JS et dans le fichier TPL regarde si en éditant la class (ajoute off- devant par exemple) çà a des incidences
car certaines fois, la class n'est là que pour du JS.