Rebonjour Fluidblow,
Alors dans l'ordre :
Je suis content que tu ai reglé ton problème.
Je ne suis pas vraiment "fort" mais j'ai commencé par intégrer pas mal de tutoriels et d'aides diverses avant de m'attaquer aux css, du coups y'a pas mal de cas de figure qui me sautent aux yeux, même si je ne propose pas toujours la solution la plus propre.
Ce que je veux dire par séparer tes css de ton html, c'est qu'en intégrant tes styles dans ton html, tu as un code "fouilli", ça ne veut pas dire qu'il ne fonctionne pas, mais qu'il est difficile de voir si c'est un problème css ou html structurel du premier coups d'oeil.
Prenons ton exemple :
<div id="centre" style="width: 100%;">
<div style="position:relative; width:800px; left:50%; margin-left:-400px; background-image: url(images/11.gif);">
<div style="position:relative; width:75px; top:0px; float:left;"><img src="images/5.gif" style="width:75px; height:91px; display:block;" alt="" /></div>
<div style="float:left;">
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
Texte<br/>
</div>
<div style="position:relative; width:75px; top:0px; float:right;"><img src="images/7.gif" style="width:75px; height:91px; display:block;" alt="" /></div>
</div>
On est obligé de prendre un temps pour depatouiller les styles de la structure, et donc perte de temps.
Essayons une structure html "propre" :
<div id="centre" >
<div>
<div>
<img src="images/5.gif" width="75" height="91" alt="" />
</div>
<div >
Texte<br/>
Texte<br/>
Texte<br/>
...
</div>
<div>
<img src="images/7.gif" width="75" height="91" alt="" />
</div>
</div>
</div>
On reconnait du premier coups d'oeil la structure html.
En partant ensuite que chaque bloc ne sera présen qu'une fois dans la page, on peut lui attribuer une id unique ce qui donne :
<div id="centre" >
<div id="fond">
<div id=gauche">
<img src="images/5.gif" width="75" height="91" alt="" />
</div>
<div id=texte" >
Texte<br/>
Texte<br/>
Texte<br/>
...
</div>
<div id=droite">
<img src="images/7.gif" width="75" height="91" alt="" />
</div>
</div>
</div>
On reconnait toujours la structure au premier coups d'oeil, la seule différence est que l'on a nommé les blocs.
Si, par exemple on retrouvait plusieures fois droite, gauche, texte dans la page, on aurait préféré une class à une id, à la place de id=droite" par exemple on aurait utilisé class="droite", on voir voir la différence ensuite.
Sur cette structure html, on va y greffer le css, mais soit dans un fichier externe soit entre les balises d'appel au css dans la page, voir les différents tutoriels alsacreations.
Exemple dans ton cas :
#centre {
width: 100%;
}
#fond {
position:relative;
width:800px;
left:50%;
margin-left:-400px;
background-image: url(images/11.gif);
}
#gauche {
position:relative;
width:100%;
top:0px;
float:left;
background: transparent url(images/5.gif) repeat-y right top;
}
#texte {
float:left;
}
#droite {
position:relative;
width:100%;
top:0px;
float:left;
background: transparent url(images/7.gif) repeat-y left top;
}
Du coups, les 2 "éléments" structurants et habillants sont séparés, ce qui est plus simple pour trouver l'origine d'un problème et donc gain de temps, et donc gain de productivité.
Bon là faut que j'aille chercher ma fille chez la nounou, au cas ou je completerai ma réponse plus tard.
++
Aymeric
).
.
En tout cas merci à tous vous êtes tous super 
.