Bordure tableau en css

bonjour à tous,
alors voilà, j'ai besoin pour mon boulot de faire des fiches d'engagement en ligne, j'en suis aux finitions, mais là je bloque...

ces fiches sont sous forme de tableau, et j'ai besoin de "séparer" certaines partie du tableau avec des bordures plus épaisses.
en gros ce serait ça:
http://lu.lou.free.fr/imgTableau copie.jpg

j'ai codée mon html en assignant à chaque type de cellule un class (du type ligneHaut, ligneBas...)
j'avais fait un css de ce type là:

          .ligneHaut {
				border-top-color: red;
				border-top-width: 6px;
				}
	  .ligneBas {
				border-bottom-color: red;
					border-bottom-width: 6px;
				}
	 
		.ligneHautBas {
						border-top-color: red;
						border-top-width: 6px;
						border-bottom-color: red;
						border-bottom-width: 6px;
					}
		.celluleHautGauche {
						border-left-color: red;
						border-top-color: red;
						border-top-width: 6px;
						border-left-width: 6px
							}
		.celluleHautGaucheBas {
						border-left-color: red;
						border-top-color: red;
						border-top-width: 6px;
						border-left-width: 6px;
						border-bottom-color: red;
						border-bottom-width: 6px;
							}
		.celluleHautDroiteBas {
						border-right-color: red;
						border-top-color: red;
						border-top-width: 6px;
						border-right-width: 6px;
						border-bottom-color: red;
						border-bottom-width: 6px;
							}
		.celluleBasGauche {
						border-left-color: red;
						border-bottom-color: red;
						border-bottom-width: 6px;
						border-left-width: 6px;
							}
		.celluleGauche {
						border-left-color: red;
						border-left-width: 6px;
							}
		.celluleBasDroite{
						border-right-color: red;
						border-right-width: 6px;
						border-bottom-color: red;
						border-bottom-width: 6px;
							}
		.celluleHautDroite {
						border-right-color: red;
						border-top-color: red;
						border-top-width: 6px;
						border-right-width: 6px;
						}
		.celluleDroite {
						border-right-color: red;
						
						border-right-width: 6px;
						}

mais du coup ça me donne ça :
http://lu.lou.free.fr/tableau2.jpg

comme vous pouvez voir les lignes sont en deux parties... et comme je dois traiter avec des secrétaires plus qu'obtus, et qui ne veulent rien entendre... si quelqu'un pourrait me dire quoi faire pour avoir une seule bordure???
merci à tous !!!
Modifié par Felipe (29 Oct 2009 - 15:34)

Salut,
Ton lien ne fonctionne pas.
c'est comme si tu avait séparé tes cellules, raison pour laquelle elles semble être traité individuellement.

De mémoire, dans ton css, ajoute ceci:

table{
	border-collapse: collapse;
}

Les bordures devraient ainsi se fusionné. À tester, je suis pu sûr.

Pour plus d'informations sur la propriété border-collapse, c'est ici .