Bonjour à tous.
Je développe actuellement un petit site internet pour un amis. Rien de bien méchant mais je rencontre un petit soucis que je n'arrive pas a résoudre.
J'ai bien cherché quelques info sur le net, mais je trouve pas mon bonheur.

Alors mon soucis est le suivant:

j'ai un bloc de type <p></p> dans lequel se trouve une balise <h3></h3> le tout dans un bloc div

Ce qui nous donne :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<div id="corp">
  <p>
      <h3>Un titre</h3>
      Le reste de mon paragraphe.
  </p>
</div>

J'ai ensuite une feuille de style dans laquelle j'applique la mise en forme suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
#corp
{
	top : 120px;
	height : auto;
	min-height : 780px;
	padding-right : 8px;
	padding-left : 215px;
	background-image: url("img/corp.jpg");
	border-top : 1px solid black;
	border-bottom : 1px solid black;
}
 
p
{
	font-family: Helvetica, Verdana;
 
}
 
h3
{
	font-family : "Bodoni MT";
}
Et alors le soucis c'est que la font que je souhaite appliquer sur le contenu de la balise <p> ne s'applique pas, alors que la mise en forme pour le corp et pour la balise <h3> s'applique sans soucis.

J'ai remarqué que si j'enlève mon titre h3 de mon paragraphe alors la font s'applique.

Y aurait-il une règle de priorité ou autre que je n'aurais pas respecté ?

Je suis plutôt novice en dev web, donc désolé si m'a question parait bête!

Merci d'avance pour toutes vos réponses.