/***
 * Style pour les rectangles avec lueur externe
***/

/*** header & footer ***/
.hc, .hl, .hr, .bc, .bl, .br
{
	font-size: 0;
	height: 7px;
}
.hl, .hr, .bl, .br
{
	width: 14px;
}
.hl, .bl
{
	float: left;
}
.hr, .br
{
	float: right;
}

/*** header ***/
.hc
{
	background: url('../img/interface/top_shadow.gif') repeat-x;
}
.hl
{
	background: url('../img/interface/top_left_shadow.gif');
}
.hr
{
	background: url('../img/interface/top_right_shadow.gif');
}

/*** bottom ***/
.bc
{
	position: relative;
	top: -4px;
	clear: both;
	background: url('../img/interface/bottom_shadow.gif') repeat-x;
}
.bl
{
	background: url('../img/interface/bottom_left_shadow.gif');
}
.br
{
	background: url('../img/interface/bottom_right_shadow.gif');
}

/*** content ***/
.gc
{
	background: url('../img/interface/left_shadow.gif') repeat-y;
	height: 100%;
}
.cc
{
	margin: 0 0 0 7px;
	background: url('../img/interface/right_shadow.gif') top right repeat-y;
}
.ccc
{
	margin: 0 7px 0 0;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	text-align: center;
	background-color:#fff;
}
ccc_c {
	text-align:left;
	margin:0;
	padding:0;
}
.glt, .glb, .grt, .grb
{
	width: 7px;
	height: 7px;
	overflow: hidden;
}
.glt
{
	float: left;
	background: url('../img/interface/left_top_shadow.gif') no-repeat;
}
.glb
{
	float: left;
	position: relative;
	top: -4px;
	left: -7px;
	background: url('../img/interface/left_bottom_shadow.gif') no-repeat;
}
.grt
{
	float: right;
	background: url('../img/interface/right_top_shadow.gif') no-repeat;
}
.grb
{
	float: right;
	position: relative;
	top: -4px;
	left: 7px;
	background: url('../img/interface/right_bottom_shadow.gif') no-repeat;
}