#xouter
{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}

#xcontainer
{
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 323px;
}
	
#xinner
{
	width: 460px;
	background:#fff;
	height: 323px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	/*border:1px solid #000;*/
}

/* <!--[if lt IE 8]> */
#xouter{display:block}
#xcontainer{top:50%;display:block}
#xinner{top:-50%;position:relative}
/* <![endif]--> */
				
/* <!--[if IE 7]> */
#xouter
{
	position:relative;
	overflow:hidden;
}

body {margin-top: -100px}

.t {background: url(dot.png) 0 0 repeat-x; width: 428px;}
.b {background: url(dot.png) 0 100% repeat-x}
.l {background: url(dot.png) 0 0 repeat-y}
.r {background: url(dot.png) 100% 0 repeat-y}
.bl {background: url(blm.png) 0 100% no-repeat}
.br {background: url(brm.png) 100% 100% no-repeat}
.tl {background: url(tlm.png) 0 0 no-repeat}
.tr {background: url(trm.png) 100% 0 no-repeat; padding:10px; text-align:left}

.titlePanel{background: url(backgroundBox.png) 0 0 no-repeat; width: 428px; height: 99px; margin-top:20px;}
.titlePanel p{color: #ffffff; font-family:Verdana; font-size: 17px; margin-top:20px; padding-top:10px;}
#premiereLigne{margin-top:-15px}

.titreMessage{color: #0270bb; font-family:Verdana; font-size: 12px; font-weight: bold;}
.dateMessage{color: #000000; font-family:Verdana; font-size: 12px; font-style: italic;}
.contenuMessage{color: #000000; font-family:Verdana; font-size: 12px;}

.footer{background-color: #d7d7d7; width:428px; margin-top:60px; padding: 3px;}
.footer span {color:#808080; font-family:Verdana; font-size: 10px;}
.footerLink{color:#808080; font-family:Verdana; font-size: 10px;}