Etat multiple de la mise en forme directement dans l'html

Bonjour à tous,

Voilà, dans un bloc j'ai inséré une présentation que j'ai mis en forme en insérant du css directement dans mon html.

Voici le code :

<p>RENCONTRER<br />
  <div style="background:url(thumb_aloest_rencontrer_45px.png) no-repeat; padding-left:60px; min-height:50px;">Particulièrement attachés au sens de la découverte, de la curiosité, la rencontre avec un sujet, avec les commanditaires ou les protagonistes d&rsquo;un film en projet représente, pour nous, un aspect toujours stimulant du process de création. Que ce soit pour un film institutionnel, un film documentaire où une fiction, la rencontre représente le socle humain sur lequel repose notre réussite.</div><br />
</p>

Il y a donc la mise en forme de base.
La difficulté est que je souhaiterai changer la mise en forme lorsque je passe ma souris sur ce paragraphe (mettre le texte en blanc). Aucun soucis pour le faire avec un css externe mais là, dans l'html, je ne vois pas...
J'ai bien essayé d'inséré une variable avec un "a:hover" mais je n'y parviens pas.

Je ne dois bien m'y prendre, à moins que ce ne soit pas du tout possible?

Voilà mon gros problème. En espérant que cela ne soit qu'un jeu d'enfant pour certains.

Merci d'avance pour vos lumières !

Forum : 
Version de Drupal : 

Merci pour ta réactivité Vincent.

C'est en général ce que je fais, sauf que là il s'agit d'une mise en forme sur un paragraphe très précis et qui ne bougera pas ensuite.
Je préférerai procédé directement sur l'html plutôt que de semer une bribe de css.

Aucune idée donc ?

Il ne me semble pas que l'on puisse mettre un :hover dans le style d'une balise html, sauf erreur..

Sinon essaye de mettre des balises css dans ton bloc mais je ne suis pas sur du coup!

div #tonstyle:hover {
color:#fff;
}

Mais alors pas sur du tout car normalement il faut mettre ce genre de balises dans le