* {margin:0;padding:0;}
img {border:none;}
h1, h2, h3 {text-transform: uppercase;}
.clearer {clear:both;}
body {background:url("../img/bg.jpg") repeat-x #000;text-align:center;font-family:"trebuchet MS";font-size:12px;color:#303030;}
a:link, a:visited {color:#000;}

#page {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
	text-align:left;
}

#header {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:62px;
	background:url("../img/header.gif");
}
#header h1 {
font-size:22px;
color:#FFF;
line-height:41px;
padding-left:15px;
text-transform:uppercase;
}
span.slogan {padding-left:15px;}
#site-info {position:absolute;top:0;right:0;color:#FFF;font-weight:bold;}
#site-info p {display:inline;line-height:41px;margin-right:10px;}
#site-info span {color:#FFCC00;}
#leftcol {
	position:absolute;
	left:0px;
	top:62px;
	width:283px;
	height:538px;
	background:url("../img/leftcol.jpg");
}
.market-visio {
position:absolute;
top:443px;left:20px;
}
p.alt {color:#9b0000;}
#formulaire {
	position:absolute;
	left:283px;
	top:62px;
	width:398px;
	height:439px;
	background:url("../img/formulaire.gif");
}
#formulaire h3 {color:#FFF;font-size:18px;text-transform:uppercase;position:absolute;top:28px;left:88px;width:222px;height:22px;line-height:22px;text-align:center;}
form#inscription {position:absolute;top:72px;left:72px;width:250px;height:330px;margin:0;}
form#inscription input[type="text"] {
width:200px;
padding:2px;
color:#666;
font-size:11px;
}
form#inscription p {
margin-bottom:6px;
}

form#inscription label {display:block;}
p.submit {text-align:center;}

#rightcol {
	position:absolute;
	left:681px;
	top:62px;
	width:119px;
	height:538px;
	background:url("../img/rightcol.jpg");
}
#profils {margin-top:20px;margin-left:19px;}
#profils p {margin-bottom:10px;}
#profils img {border:2px solid #F89A33;}

#dejamembre {
	position:absolute;
	left:283px;
	top:501px;
	width:398px;
	height:99px;
	background:url("../img/dejamembre.gif");
}
#dejamembre h3 {
padding-left:15px;font-size:20px;color:#FFF;line-height:33px;}
form#connexion {
padding:10px 10px;
}
form#connexion input[type="text"] {
width:90px;
padding:2px;
color:#666;
font-size:11px;
}
input.btnok {
border:2px solid #000;color:#000;background:#fff0b1;}
a.perdu {float:right;padding-top:4px;padding-right:4px;}

#bottom {background:#000;width:800px;margin:0 auto;padding:10px 0;color:#EEE;text-align:justify;}
#bottom a {color:#FFCC00;}