modifier l'atribut d'une clas css

Bonjour
-----------------
Je souhaite modifier l'attribut d'une classe directement dans l'objet CSS

Je pourrais modifier le "className" ou l'attribut en question, mais j'ai potentiellement 10000 objets sur la page qui utilisent cette classe aussi je me disais en modifiant à la source, dans l'objet CSS lui même ce serait plus performant, mais je ne sait pas comment le manipuler. Je récupère bien l'objet CSS mais après je sèche.

exemple, dans mon CSS j'ai:

div.planning-barre0 {
position:absolute;
background: url("../img/background-14px/lineVb.gif");
z-index:50;
}

et je veux changer l'attribut:
background: url("../img/background-14px/lineVb.gif");
en
background: url("../img/background-22px/lineVb.gif");

afin que les 10000 objets potentiels qui utilisent cette classe soit modifiés, sans les balayer tous.

est-ce que quelqu'un aurait une solution ?
JJDai

Pour compléter le retour voici un lien sur le test que je fait:

test planning par JJDAI

les boutons en bas permettent de zoomer plus ou moins sur la période, c'était l'objet de mon soucis.

J'ai encore quelques réglage à faire, mais déjà la ça me permet de valider la faisabilité, et c'est exactement ce que je voulais faire.

Merci encore, JJDai

Pour info j'avais commencé en javascript et canvas. Sur firefox, safari, ça marchait impeccable, mais sous ie la bibliothèque de goggle exCanvas est vraiment trop lente pour faire ça (plus de 5 minutes pour charger la pages).

JJDai