.cadre {
	width: 240px;
	height: 320px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0px solid #666;
}

.hg, .hd, .bg, .bd {
	width: 20px;
	height: 20px;
	border: 0px solid #666;
}

.haut, .bas {
	width: 200px;
	height: 20px;
	border: 0px solid #666;
}

.gauche, .droite {
	width: 20px;
	height: 280px;
	border: 0px solid #666;
}

.contenu {
	width: 200px;
	height: 280px;
	border: 0px solid #666;
}

.cadre div { float: left; } /* S'apllique à tous les divs de .cadre_arrondi */
.hg, .gauche, .bg { clear: left; } /* Pour passer outre le float des blocs précédents */

.hg { background-image: url(../../picts/coin_haut_gauche_orange.gif); }
.hd { background-image: url(../../picts/coin_haut_droite_orange.gif); }
.bg { background-image: url(../../picts/coin_bas_gauche_orange.gif); }
.bd { background-image: url(../../picts/coin_bas_droite_orange.gif); }

.haut { background-image: url(../../picts/point_orange.gif); background-repeat: repeat-x; background-position: top; }
.bas { background-image: url(../../picts/point_orange.gif); background-repeat: repeat-x; background-position: bottom; }
.droite { background-image: url(../../picts/point_orange.gif); background-repeat: repeat-y; background-position: right; }
.gauche { background-image: url(../../picts/point_orange.gif); background-repeat: repeat-y; background-position: left; }