* {margin:0;padding:0;}
img {border:none;}
h1, h2, h3 {text-transform: uppercase;}
.clearer {clear:both;}
body {background:url("../img/bg.gif") repeat-x #00C6FF;text-align:center;font-family:"trebuchet MS";font-size:12px;}
#page {
position:relative;
	text-align:left;
	width:800px;
	height:600px;
	margin:auto;

}

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:20px;
	background:url("../img/top.jpg");
}
span.url {float:right;color:#d7eaf0;}
#titre {
	position:absolute;
	left:0px;
	top:20px;
	width:500px;
	height:47px;
	background:url("../img/titre.jpg");
}
#titre h1 {line-height:47px;color:#527c88;font-size:22px;margin:0;display:inline;}
span.slogan {
text-align:center;
position:absolute;
top:0;
left:110px;
line-height:47px;
width:330px;
color:#008bb3;
font-size:16px;
font-weight:bold;
}

#form-top {
	position:absolute;
	left:500px;
	top:20px;
	width:300px;
	height:76px;
	background:url("../img/form-top.gif");
}
#form-top h3 {
	margin:0;
	color:#FFF;
	font-weight:bold;
	line-height:48px;
	font-size:18px;
	padding:28px 0 0 15px;
}
#soustitre {
	position:absolute;
	left:0px;
	top:67px;
	width:500px;
	height:29px;
	background:url("../img/soustitre.gif");
}
#soustitre h2 {
line-height:29px;
color:#FFF;
font-size:16px;
margin:0;
padding-left:30px;
}
#soustitre h2 span {color:#7fe2ff;}
#visio {
	position:absolute;
	left:0px;
	top:96px;
	width:500px;
	height:137px;
	background:url("../img/visio.jpg");
}
.market-visio {
margin:15px 10px 0 170px;
}
#visio p {
font-size:11px;
color:#004571;
margin:0 0 4px 0px;
}
#visio p.alt {color:#ff4000;}
#formulaire {
	position:absolute;
	left:500px;
	top:96px;
	width:300px;
	height:355px;
	background:url("../img/formulaire.gif");
}
#formulaire form {
margin:10px 30px 10px 10px;
}
form#inscription label {
display:block;
color:#007597;
font-weight:bold;
}
form#inscription p {
margin-bottom:10px;
}
form#inscription input {
}
form#inscription input[type="text"] {
width:200px;
padding:2px;
color:#666;
font-size:11px;
}
label.charte {
float:left;margin-left:10px;}
input.boxes {float:left;}
p.pcharte {height:25px;}
p.submit {
text-align:center;
}
#slogan1 {
	position:absolute;
	left:0px;
	top:233px;
	width:500px;
	height:26px;
	background:url("../img/slogan1.jpg");
}
#slogan1 p {margin:0;font-size:14px;color:#FFF;font-weight:bold;text-align:center;line-height:26px;margin-right:160px;}

#site-info {
	position:absolute;
	left:0px;
	top:259px;
	width:356px;
	height:51px;
	background:url("../img/site-info.gif");
	font-weight:bold;
	line-height:51px;
}
p.info-connectes {float:right;padding-right:35px;}
p.info-membres {float:left;padding-left:20px;}
#site-info p {margin:0;}
#site-info p span {color:#ff4000;}

#photo-bas {
	position:absolute;
	left:356px;
	top:259px;
	width:144px;
	height:179px;
}

#thumbs {
	position:absolute;
	left:0px;
	top:310px;
	width:356px;
	height:128px;
	background:url("../img/thumbs.jpg");
	text-align:center;
}
#thumbs img {border:1px solid #FFF;margin-right:2px;}

#footer-left {
	position:absolute;
	left:0px;
	top:438px;
	width:500px;
	height:44px;
}

#footer-right {
	position:absolute;
	left:500px;
	top:451px;
	width:300px;
	height:31px;
}

#dejamembre {
	position:absolute;
	left:0px;
	top:482px;
	width:800px;
	height:38px;
	background:url("../img/dejamembre.gif");
	line-height:38px;
	color:#FFF;
}
#dejamembre h3 {font-size:18px;}
form#connexion {
position:absolute;top:0;
left:140px;
}
form#connexion input[type="text"] {
width:150px;
padding:2px;
color:#666;
font-size:11px;
}
input.btnok {
border:2px solid #000;color:#000;background:#b1eeff;}
a.perdu {color:#7ee2ff;}
#footer-bottom {
	position:absolute;
	left:0px;
	top:520px;
	width:800px;
	height:80px;
	padding-top:15px;
	text-align:justify;
	color:#004a5f;
}
#footer-bottom a {color:#FFF;}