#middle {
	float: left;
	width: auto;
	margin: 20px 20px 7px 20px;
}

.left {
	float: left;
	width: auto;
}

.right {
	float: right;
	width: auto;
}

.center {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

body {
	background: url("./images/back.png");
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #7f8082;
}

h1 {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	margin: 0;	
	display: inline;
}

h2 {
	font-size: 20px;
	color: #7f8082;
	margin: 0;
	text-align: center;
}

#blue h3 {
	font-size: 18px;
	color: #087196;
	margin: 0;
	margin-top: 20px;
	text-align: left;
}

img {
	border: 0;
	vertical-align: middle;
}

#top {
	background: url("./images/bkg-top.png") repeat-x;
	height: 38px;
	padding-left: 10px;
	min-width: 1070px;
}

#bottom {
	clear: both;
	position: relative;
	top: 10px;
	background: url("./images/bkg-bottom.png") repeat-x;
	height: 44px;
}

#bottom p {
	margin-top: 17px;
	padding-left: 10px;
	color: #fff;
	font-size: 12px;
}

#xiti {
	background: url("./images/bkg-bottom-xiti.png") no-repeat;
	width: 70px;
	height: 38px;
	margin-top: 6px;
}

#xiti-logo {
	padding-left: 20px;
	padding-top: 7px;
}

#w3c{
	background: url("./images/bkg-bottom-w3c.png") no-repeat;
	width: 200px;
	height: 38px;
	margin-top: 6px;
}

.w3c {
	padding-top: 4px;
	padding-left: 17px;
}

#links {
	padding-top: 17px;
	padding-right: 20px;
}

#purple{
	border: 7px solid #37274c;
	background: url("./images/bkg-purple.gif") repeat-x;
	text-align: left;
	padding: 20px;
	width: 385px;
}

#red {
	border: 7px solid #aa2025;
	background: url("./images/bkg-red.png") repeat-x;
	text-align: left;
	padding: 20px;
	width: 385px;
}

#red, #purple {
	padding-bottom: 0;
}

#blue{
	margin-left: 462px;
	border: 7px solid #087196;
	background: url("./images/bkg-blue.png") repeat-x;
	text-align: left;
	padding: 20px;
	width: auto;
}

input {
	margin: 0;
	padding: 0;
	width: 380px;
	height: 25px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #7f8082;
}

#error {
	border: 1px dashed #b32636;
	padding: 5px;
	color: #b32636;
}

#success {
	border: 1px dashed #5eba45;
	padding: 5px;
	color: #5eba45;
}

.center {
	text-align: center;
}

.user-login-button{
	width: 386px;
	height: 34px;
	border: none;
	cursor: pointer;
}

.login-initial {
	background: url("./images/envoyer.png") no-repeat 0 0;
}

.login-initial:hover{
	background: url("./images/envoyer-over.png") no-repeat 0 0 !important;
}

a:link, a:hover, a:visited {
	color: #0790bd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table {
	width: 100%;
}

#gift th{
	border: 1px dashed #aa2025;
	text-align: center;
}

#gift td {
	border: 1px dashed #aa2025;
	text-align: left;
}

td {
	text-align: center;
}