* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

html, body, form {
	height: 100%;
}

body {
	background: #6e72b0 url(images/bg_body.png) repeat-x;
	font: normal 20px Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	color: #fff;
}
img {
	border:0;
}
a,
a:visited {
	color:#fff;
	text-decoration:bottom;
}
a:hover {
	letter-spacing:2px;
	text-decoration:bottom;
}
p {
	text-align:center;
	padding-top:10px;
}
#boite-login {
	position:absolute;
	left: 50%;
	top: 40%;
	width: 400px;
	height: 200px;
	margin-top: -100px; /* moitié de la hauteur */
	margin-left: -200px; /* moitié de la largeur */
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -361px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 361px; /* .push must be the same height as .footer */
}
.footer img {
	float:right;
	padding-top:271px;
}
.footer a {
	background: url(images/lien_CO.png) no-repeat 0 0;
	display:block;
	height:361px;
	width:350px;
	float:left;
}
.footer a span {
	display:none;
}
.footer a:hover {
	background: url(images/lien_CO.png) no-repeat 0 -361px;
}