/* CSS Document */

body{
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	overflow-x: hidden;
	height:100%;
	position: relative;
	padding:0;
	margin: 0;
}
a, img{
	border:0;
}
p {
	padding:0;
	margin: 0;
}
#main{
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	width:980px;
	margin: auto;
	height: 600px;
	position: relative;
	z-index:10;
}
#jouez, #facebook, #reglement{
	position: absolute;
	cursor: pointer;
}
#jouez:hover, #facebook:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter:alpha(opacity=50);
	opacity:0.5;
}
#facebook{
	bottom: 40px;
	left: 370px;
}
#jouez{
	bottom: 160px;
	left: 370px;
}
#reglement{
	color: #007bc0;
	bottom: 0px;
	left: 440px;
	font-weight: bold;
}
#reglement a{
	color: #007bc0;
}
#reglement a:hover{
	color: #007bc0;
	text-decoration: none;
}
#popup, #bgTransparent, #merci{
	display:none;
	position: absolute;
}
#popup, #merci{
	background:#fff;
	width: 520px;
	height: auto;
	z-index:30;
	margin: 290px 375px;
	font-family:'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif;
	padding:10px;
	font-size:18px;
}
#bgTransparent{
	background:#000;
	filter : alpha(opacity=30);
	opacity:0.3;
	z-index:20;
	width:100%;
	height:100%;
}
#close, #closemerci{
	position: absolute;
	top:5px;
	right:10px;
	font-size:20px;
	color:#f5a853;
	font-weight:bold;
	cursor:pointer;
}
#form p{
	float: left;
	width: 95px;
	font-size:18px;
	padding-top: 4px;
	margin-top: 2px;
}
#form input{
	background:#f8f8f8;
	border:1px solid #b0b0b0;
	font-size:18px;
}
#cp {
 float:left;
 margin-right:10px;
}
.clear{
	clear:both;
}
#popup p.long{
	width:480px;
}
#newsletter, #reglementAccept{
	float:left;
	margin-right:10px;
	margin-top: 10px;
	cursor: pointer;
}
#popup input#submit{
	border:0 !important;
	margin: 5px 155px;
}
.remercie{
	text-align: center;
	color: #929292;
	font-size: 28px;
	margin: 20px 0px;
}
.bientot{
	text-align: center;
	color: #940f4c;
	font-size: 22px;
	margin: 20px 0px;
}
.remercie a, .bientot a{
	color: #940f4c;	
}
.remercie a:hover, .bientot a:hover{
	text-decoration:none;
}
#logoIrrijardin{
	width: 240px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	left: 70px;
}
#logoHayward {
	width: 240px;
	height: 100px;
	position: absolute;
	bottom: 0px;
	right: 70px;
}