Voila , j'aime bien que les boutons réagissent vite.

Alors avant je préchargeais les images en les indiquant en dur dans le template "mainpage.html" et en utilisant une classe "prechargement" qui se présente comme ça dans "_elements.css" (Merci R. Goetter);)

.prechargement {
position:absolute;
top:-5000px;
left:-5000px;
}

cette méthode présentait plusieurs inconvénients :
- Tout d'abord de surcharger le code de "mainpage.html" qui est déjà bien assez lourd comme ça
- Méthode pas très souple...



Alors donc j'ai eu l'idée d'utiliser une boite d'outil "texte", d'y insérer les images que je voulais voir "monter" en mémoire et de la classifier en CSS avec le nom "prechargement" et de publier cette boite de texte sur la page d'index... comme ça toutes les images en "hover" dont j'ai besoin dans le site sont accessibles instantanément dans toutes les pages du site


Petit souci , les boites de texte sont aussi classifiées en ".box" ou en ".boxtext" ... qu'à cela ne tienne il suffit de surclasser les propriétés avec " !important "

.prechargement {
position:absolute;
top:-5000px!important;
left:-5000px!important;
}
(les "!important" permettent de prendre le pas sur les ".box" ou ".boxtext" qui classifient les boites de texte)