/* Gray outer box */
.grey-pannel {
	background-color:#f4F4F4;
	margin: .5em;
	position: relative;
}

.grey-pannel .content {
	padding:9px 12px 9px 12px;
}

.grey-pannel h3 {
	color: black;
	font-size: 1em;
	margin:1em 0 0;padding:0;
}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc {
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc
	{
	background-image:url(img/grey-pannel/grey-tlc.png);
	background-position: 0% 0%;
	}

.trc
	{
	background-image:url(img/grey-pannel/grey-trc.png);
	background-position: 100% 0%;
	}
	
.blc
	{
	background-image:url(img/grey-pannel/grey-blc.png);
	background-position: 0% 100%;
	}

.brc
	{
	background-image:url(img/grey-pannel/grey-brc.png);
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(img/grey-pannel/grey-tb.png);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(img/grey-pannel/grey-bb.png);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(img/grey-pannel/grey-r.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-image:url(img/grey-pannel/grey-l.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


/* White inner box */
.white-pannel {
	margin-bottom:1.5em;
	position: relative;
	top: .4em;
	background-color: white;
}
	
	
 	
.white-pannel .content
{
	padding:7px 12px;
	padding:7px 4px 7px 6px;
	
}


		
.white-pannel .tlc	{
	background-image:url(img/grey-pannel/white-tlc.png);
}

.white-pannel .trc {
	background-image:url(img/grey-pannel/white-trc.png);
}
	
.white-pannel .blc {
	background-image:url(img/grey-pannel/white-blc.png);
}

.white-pannel .brc {
	background-image:url(img/grey-pannel/white-brc.png);
}
	
.white-pannel .tb {
	background-image:url(img/grey-pannel/white-tb.png);
}

.white-pannel .bb {
	background-image:url(img/grey-pannel/white-bb.png);
}
	
.white-pannel .rb {
	background-image:url(img/grey-pannel/white-r.png);
}

.white-pannel .lb {
	background-image:url(img/grey-pannel/white-l.png);
}


/*Index alphabétique */
.index-alpha p {
	margin: 1.5em 0 1em;
	text-align: center;
}
.index-alpha a {
	display:inline-block;
	padding-top: 3px;
	height: 21px;
	width: 23px;
	background: #EF810D url(img/grey-pannel/index-alpha.png);
	text-align:center;
	color:white;
	margin: 0 1px 0 0;
}
.index-alpha a.active {
	background: #EF810D url(img/grey-pannel/index-alpha-active.png);
	color: black;
	vertical-align: text-bottom;
	position: relative;
	top: -4px;
}
.index-alpha a.active:hover {
	text-decoration: none;
}

.index-alpha span {
	display: none
}



/* Messages */
.grey-pannel div.success div,
.grey-pannel div.error div,
.grey-pannel div.information div {
	background-color: #FDFDFD;
}

.white-pannel div.success div,
.white-pannel div.error div,
.white-pannel div.information div {
	background-color: #F8F8F8;
}