Bonjour! J'ai fait un gros ménage dans votre code qui avait des balises inutiles! Le tableau n'était pas nécessaire! Ensuite, j'ai débarrassé votre code de toutes les proprités css pour ne pas mélanger le css et le HTML. Donc voici:

Code:

.titre_entete {
font-family: Times New Roman;
font-style: italic;
font-size: 28px;
color: #ffffff;
text-align: center;
padding-top: 35px;
  padding-left: 20px;
margin-bottom: 0px;
background-image: URL('http://img843.imageshack.us/img843/7854/headerljt.png');
background-repeat: no-repeat;
height: 58px;
  width: 505px;
}

.texte_contenu {
font-family: Times New Roman;
font-size: 12px;
padding-left: 30px;
  padding-right: 10px;
color: #ffffff;
text-align: justify;
margin-bottom: 0px;
background-image: URL('http://img705.imageshack.us/img705/6496/contentyz.png');
bakcground-repeat: repeat-y;
  width: 465px;
  height: 450px;
}

.defilement_chronique {
  height: 450px;
  overflow: auto;
}

.pied {
background-image: URL('http://img827.imageshack.us/img827/1567/footer1f.png');
background-repeat: no-repeat;
  height: 93px;
  width: 505px;
}

.dampierre {
margin-right: -100px;
margin-bottom: 0px;
float: right;
}

titre_entete: Correspond à l'image de tête et au titre de la chronique
texte_contenu: Correspond au contenu
defilement_chronique: j'ai rajouté le défilement séparément pour que ça n'affecte pas la position de Dampierre.
pied: correspond au footer
dampierre: J'ai appliqué la propriété float, ce qui le positionne à droite du texte et la marge le fait sortir du cadre.

Donc en gros, j'ai regroupé vos propriétés qui étaient un peu trop éparpillées!

Code:

<div class="titre_entete">Chronique de Dampierre 1</div><div class="texte_contenu"><img src="http://img52.imageshack.us/img52/2447/dampierre.png" class="dampierre" /><div class="defilement_chronique">Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div></div><div class="pied"></div>

J'ai testé sur mon forum de test, toutefois, n'étant pas infaillible, il se peut qu'il y ait des petits pépins. Si vous avez des questions sur les changements que j'ai apporté dans votre formule, je ferai de mon mieux pour les expliquer!
En espérant avoir aidé ~

Magnifique! Vraiment superbe! Énorme merci!!!
C'est parfait, je comprends assez bien les codes pour savoir quoi est quoi.

Me reste plus qu'à retoucher un peu les images, je viens de m’apercevoir qu'il y a des ombres qui ne devraient pas être là.

Par contre, y aurait-il moyen pour que le parchemin s'allonge en fonction du texte au lieu de créer un cadre avec une scrollbar?

Oui évidemment. Malheureusement, je ne sais pas comment m'assurer que le personnage reste bien près du pied de page, c'est pourquoi j'ai positionné le tout ainsi. =/ Je suppose qu'il faut jouer avec le positionnement, mais je n'y comprends rien. Je laisse la place à quelqu'un qui a plus de connaissances que moi maintenant ^^

D'accord! Merci tout de même de ton aide! Je vais attendre que quelqu'un d'autre vienne donner sa petite touche au code =D

Bonsoir !

Je te propose cette amélioration du CSS de Dreamzz

Code:

.titre_entete {
font-family: Times New Roman;
font-style: italic;
font-size: 28px;
color: #ffffff;
text-align: center;
padding-top: 35px;
  padding-left: 20px;
margin-bottom: 0px;
background-image: URL('http://img843.imageshack.us/img843/7854/headerljt.png');
background-repeat: no-repeat;
height: 58px;
  width: 505px;
}

.texte_contenu {
font-family: Times New Roman;
font-size: 12px;
padding-left: 30px;
  padding-right: 10px;
color: #ffffff;
text-align: justify;
margin-bottom: 0px;
background-image: URL('http://img705.imageshack.us/img705/6496/contentyz.png');
bakcground-repeat: repeat-y;
  width: 465px;
  position:relative;
}

.defilement_chronique {
  width: 340px;
  min-height:500px;
}

.pied {
background-image: URL('http://img827.imageshack.us/img827/1567/footer1f.png');
background-repeat: no-repeat;
  height: 93px;
  width: 505px;
}

.dampierre {
position:absolute;
right:-100px;
bottom:-50px;
}

J'ai modifié le CSS de texte_contenu , de défilement_chronique et de dampierre. J'espère que ça t'ira ainsi ^^

Kiwi

Hop'

Je vous conseille tous d'oublié cette manie de mettre des padding de tous les côtés, vous perdez du temps...
Mettez juste padding : Vpx; ça s’appliquera pour tous les côté

---

Sinon pourquoi ne voulez-vous pas créer une div pour pouvoir juste à mettre le texte dans le parchemin ?

Superbe!! Vraiment parfait!! Énorme merci à vous tous pour votre aide, c'est exactement ce que je voulais!!
Reste plus qu'à aller corriger mes images et on va pouvoir l'utiliser presque immédiatement!

Merci à vous encore! J'étais découragée X'D !

Oui sans problème! Nous sommes tous très satisfaits !
Merci beaucoup =D

Good..

Je classe.