@charset "iso-8859-1";
/* On attribue cette classe aux éléments sur lesquels on souhaite ajouter des bords arrondis */
.roundBorder {
	text-align:left;
	border-style:solid;
	border-width:2px;
}
.roundBorder .borderContenu {
	margin-left:15px;
	margin-right:15px;
}

/* Les lignes du haut et du bas qu'on ajoute autour du contenu */
.roundBorder .borderTop, .roundBorder .borderBottom {
	height:15px;
	width:100%;
}
/**** Les cases de coté ****/
.roundBorder .borderRight, .roundBorder .borderLeft {
	width:15px;
	height:15px;
}

/* Les morceaux à droite et gauche */
.roundBorder .borderRight {
	text-align:right;
	float:right; /* Pour Safari Mac */
}
.roundBorder .borderLeft {
	text-align:left;
	float:left; /* Pour Safari Mac */
}
/* Les images */
.roundBorder .borderTop img, .roundBorder .borderBottom img {
	position:absolute;
	border:0;
}
/*
	On décale les 4 bords pour qu'il passent par dessus les bords droits normaux.
	On remonte ceux du haut, on abaisse ceux du bas, on décale à droite ceux de droite et on décale à gauche ceux de gauche.
	Ouh yeah!  
*/
.roundBorder .borderTop img {
	margin-top:-2px;
}
.roundBorder .borderBottom img {
	margin-top:2px;
}
.roundBorder .borderRight img {
	margin-left:-13px;
}
.roundBorder .borderLeft img {
	margin-left:-2px;
}
.roundBorder .borderBottom  {
	clear:both;
}

/* les classes pour les bords arrondis sur les blocks remplis */
.roundCorner {
	margin:0;
	padding:0;
	display:block;
}
.roundCorner * {
	height:1px;
	font-size:1px;
	line-height:1px;
	display:block;
    overflow:hidden;
	border:0px solid;
	background-color:transparent;
}