@charset "utf-8";

/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

background-color:#fff;}

form {
		padding:0px;
		margin:0px;
		color:#2c6e97;
}


#page{
		
		height:553px;
		position:relative;
		z-index:1;
		top:0px; left:0px;
		padding:0px; margin:0px;
		margin-left:auto; margin-right:auto;
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:0px;
		width:778px;
		height:430px;	height:497px; height:515px;
		
		text-align:left;}

.inscription {
	background-image:url(images/fd_inscription.jpg);

}
.parrainage {
	background-image:url(images/fd_inscription.jpg);

}
.pageLot {
	background-image:url(images/fd_lots.jpg);

}

.jeuGrattage{
	background-image:url(images/fd_jeu.jpg);

}
.accueil{
	background-image:url(images/fd_accueil.jpg);

}
/**************************************************
Accueil
***************************************************/

a#jouer{
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/b_jeJoue.png');
			background-image:url(images/b_jeJoue.png)!important; 
			background-image: none;
			width:144px;
			height:35px;
			background-repeat:no-repeat;
			display:block;
			position:absolute;
right:60px;
top:452px;
			cursor:pointer;
}
a#jouer img{ border:0px;width:144px;
			height:35px;}

a#retour{
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/b_retour.png');
			background-image:url(images/b_retour.png)!important; 
			background-image: none;
			width:144px;
			height:35px;
			background-repeat:no-repeat;
			display:block;
			position:absolute;
			right:220px;
			cursor:pointer;
			top:260px;
}
a#retour img{ border:0px;width:144px;
			height:35px;}
			

/**************************************************
Les titres
***************************************************/

#jeuGrattage{
	left:0px;
	position:absolute;
	top:0px;
	margin:0px;
	padding:0px;
	border:0px solid red;
	width: 798px;
	z-index:10;

}

#messageError, #message {
	font-size:14px;
	opacity:.95;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	color:#fff;
	background-color:#ffb912;
	font-size:9px;
	position:absolute;
	top:250px;
	width:145px;
	left:25px;
	

}
 #message {
	width:253px;
	padding:5px;right:43px;
	top:200px
}

.jeuGrattage #message{
	top:510px;
	width:inherit;
	z-index:4;
	background-color:transparent;

}
.jeuGrattage #message p{
	color:#000;
}
#messageError b, #message b{
			margin:0px;
			padding:0px;
			font-weight:bolder;
			font-size:14px;
			display:block;letter-spacing:0.03em;font-family: Arial, Helvetica, sans-serif
}
#messageError br{
}
#messageError p, #message p{
			margin:0px;
			padding:0px;
			padding-left:10px; padding-right:10px;
			color:#000;
			text-transform:none;font-size:10px;
			letter-spacing:0em;font-family:Verdana, Arial, Helvetica, sans-serif
}

form#inscription{
			position:absolute;
			height:268px;
			position:absolute;
			right:80px;
			top:280px;
			width:320px;
			
			height:268px;
			position:absolute;
			right:60px;
			top:230px;
			width:520px;
}

/**************************************************
Les tableaux
***************************************************/
td sup {
			padding-right:10px;
}
.submit {
			border:0px none;
			background-color:transparent;
			cursor:pointer;
}

.inscription #c1{
			width:120px;

}
.inscription #c2{
			width:360px;
}

.inscription td {
		padding-top:5px;font-size:12px;
}
.inscription input {

		width:220px;
}
.inscription label input {
		width:auto;
}
.inscription input.submit {

			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/b_jeJoue.png');
			background-image:url(images/b_jeJoue.png)!important; 
			background-image: none;
			width:157px;
			height:111px;
			background-repeat:no-repeat;cursor:pointer;
			position:absolute;
			/*margin-top:-15px;*/
			left:320px;
			top:180px;

}
/***************************************************/

/***************************************************/

.parrainage {

}
.parrainage p{
			color:#fff;

}
.parrainage h1{
			color:#2C6E97;
			
			font-size:16px; margin:0px; padding-bottom:5px; padding-top:5px
}
.parrainage input.submit {

			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/b_valider.png');
			background-image:url(images/b_valider.png)!important; 
			background-image: none;
			width:144px;
			height:35px;
			margin-top:0px;
			background-repeat:no-repeat;


}
.parrainage #messageError {
			/*top:210px;*/
			width:300px;
			left:40px;
			top:300px;
}

.parrainage form{
			position:absolute;
			height:268px;
			position:absolute;
			right:70px;
			top:250px;
			width:310px;
}
.parrainage form#recommander{

			top:225px;

}
.parrainage form td{
			padding-bottom:10px;

}
.parrainage form#recommander td{padding-bottom:5px;

}

.parrainage form#recommander input.submit{ top:202px; margin-top:0px; position:absolute}
.parrainage form#recommander a#retour{	top:203px; }
/**************************************************
Les lots
***************************************************/
#lots {
	border:0px solid red;
	font-size:11px;
	height:270px;
	left:266px;
	overflow:hidden;
	position:absolute;
	top:190px;
	width:484px;
}
#lots #lot {
	float:left; width:140px; height:170px; overflow:hidden; text-align:center; padding-right:8px;
}
#lots h1{ margin:0px; font-size:22px}
#lots a {color:#c10b11; text-decoration:none; font-size:10px; line-height:10px; display:block;}
#lots a img{ border:0px;  margin:5px; text-align:center;
color:#c10b11}
#lots a:hover img {
		border:1px solid #c10b11

}
#lots p{ clear:both}

.texte a#jouer { right:180px; top:195px; z-index:50;height:98px; overflow:visible;}

.pageLot a#jouer {
			right:280px;
			top:110px;
}	

.pageLot a#grattage{
	position:absolute;
	background-image:url(images/Agagner.jpg);
	width:230px;
	height:165px;
	background-repeat:no-repeat;
	left:26px;
	
	top:298px;
}
.pageLot a#grattage img{ width:100%; height:100%; border:0px;}
/**************************************************
Le footer
***************************************************/

#footer {
		position:absolute;
		
		width:602px;
		right:18px;
		top:562px; top:570px;
}

#footer a {
		text-decoration:none;
		color:#C2813D;
		font-size:13px;
		font-weight:bolder;
		font-family: Arial, Helvetica, sans-serif;
		
		padding-bottom:4px;
		text-transform:uppercase;
		display:inline;
}

#footer a img{
		border:0px;
}
#logo{
		display:block;
		position:absolute;
		border:0px solid red;
		width:230px;
		height:80PX;

		left:0px;
		top:25px;
}
/**************************************************
Le menu
***************************************************/
#menu {
		position:absolute;
		
		width:602px;
		left:605px;
		top:20px;
		border:0px solid black;
		width:200px; height:25px
}

#menu a {
		text-decoration:none;
		color:#C2813D;
		font-size:13px;
		font-weight:bolder;
		font-family: Arial, Helvetica, sans-serif;
		
		padding:0px; margin:0px;
		text-transform:uppercase;
		display:block;
		position:absolute;
		border:0px solid red;
}

#menu a img{
		border:0px; width:100%; height:100%;padding:0px; margin:0px;
}

#menu a#lots {
		top:62px;
		width:174px;
		height:86px;left:0px
}
#menu a#reglement{
		top:10px;
		width:138px;
		height:50px;
		left:35px
}