/* ==============================================
   FEUILLE DE STYLES
   Découpe du design réalisée par FEMIK.NET
   www.femik.net
   ============================================== */
   
 
   /* v1.0 | 20080212 */
   
   html, body, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   caption {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	outline: 0;
   	font-size: 100%;
   	vertical-align: baseline;
   	background: transparent;
   }
   body {line-height: 1;}
   ol, ul {list-style: none;}
   blockquote, q {quotes: none;}
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   :focus {outline: 0;} /* remember to define focus styles! */
   ins {text-decoration: none;} /* remember to highlight inserts somehow! */
   del {text-decoration: line-through;}
   /* tables still need 'cellspacing="0"' in the markup */
   /*
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }*/
   
   
/* --- POSITIONEMENT DES BLOCS --- */
/* general */
html, body {height: 100%;}
body {text-align: center; margin:0;}
#indexhtml {
	position: relative;
	margin-left: auto; 
	margin-right: auto; 
	width: 1027px; 
	min-height: 100%;
	text-align: left; 
	padding-bottom: 23px;
}

/* pubbody */
.pubbody {
	position: absolute;
	top: 40%;
	right: -122px;
	width: 120px;
	height: 600px;
}

/* header */
#header {
	width: 1020px;
	margin: 37px 3px 0 4px;
	overflow: hidden;
}
	#header h1.jour, #header h1.nuit {}
		#header .jour a, #header .nuit a {
			display: block;
			width: 1020px;
			height: 197px;
			margin: 0;
			font-size: 1%;
			text-indent: -9999px;
		}
	#headerleft {
		width: 248px;
		margin-left: 7px;
		float: left;
	}
		#header form#connexion {
			width: 248px;
			height: 101px;
			margin-top: 9px;
			position: relative;
		}
			#header #connexion p{}
				#header #connexion input {
					padding: 0;
					margin: 0;
				}
					#header #connexion input[type=text], #header #connexion input[type=password] {
						position: absolute;
						top: 12px;
						left: 96px;
						width: 121px;
						height: 20px;
					}
					#header #connexion input[type=password] {top: 46px; }
					#header #connexion input[type=submit] {
						position: absolute;
						right: 20px;
						bottom: 5px;
						display: block;
						width: 25px;
						height: 17px;
						font-size: 1%;
						text-indent: -9999px;
					}
					#header #connexion a {
						position: absolute;
						bottom: 9px;
						left: 14px;
					}
		#header p#date {
			position: relative;
			width: 248px;
			height: 32px;
			margin-top: 8px;
			line-height: 32px;
			text-align: center;
		}
	#headerright {
		width: 761px;
		margin-left: 259px;
	}
		#header ul#stats {
			height: 31px;
			margin-top: 9px;
			overflow: hidden;
		}
			#header #stats li {
				float: left;
				height: 31px;
				margin-left: 7px;
			}
			#header #stats li.mbinscrit {width: 170px;}
			#header #stats li.vipargent {width: 139px;}
			#header #stats li.vipor {width: 128px;}
			#header #stats li.vipplatinium {width: 149px;}
			#header #stats li.cadeaux {width: 132px;}
				#header #stats li span {
					margin: 0 15px;
					line-height: 31px;
				}
		#header .pub {
			width: 750px;
			height: 105px;
			margin-left: 4px;
			margin-top: 5px;
		}
			#header .pub .pubimg {margin: 7px 11px; }

/* menu */
#menu {
	width: 1027px;
	height: 53px;
	overflow: hidden;
}
	#menu ul {
		height: 30px;
		margin: 11px 67px 0 64px;
	}
		#menu li {
			float: left;
			margin-left: 2px;
		}
			#menu li a {
				display: block;
				height: 30px;
				width: 110px;
				font-size: 1%;
				text-indent: -9999px;
			}

/* content */
#content {
	width: 1000px;
	margin-left: 13px;
	margin-right: 14px;	
}
	#content .warp {
		overflow: hidden;
		width: 926px;
		margin-left: 37px;
		margin-right: 38px;
		position: relative;
	}
	#content .annonces .bottom, #content .concours .bottom, #content .jeuxgratuits .bottom, #content .jeuxmise .bottom, #content .jeuxvip .bottom, #content .livreor .bottom, #content .jeuxspeciaux .bottom, #content .jeuxpayants .bottom, #content .coupeclans .bottom {
		width: 100%;
		height: 9px;
		margin: 0;
	}
	#content .jeuxgratuits .bottom {height: 10px; }
	#content .jeuxspeciaux .bottom, #content .jeuxpayants .bottom {margin-top: -3px; }
	#content h2 {
		display: block;
		width: 100%;
		height: 36px;
		font-size: 1%;
		text-indent: -9999px;
	}
	#content a {margin: 0;}
	#content a img {margin: 6px 0 0 9px;}
	#content .jeuxgratuits a img {margin: 4px 0 0 9px;}
		#content .annonces {
			float: left;
			width: 463px;
			margin-left: 10px;
			margin-top: 8px;
		}
		#content .concours {
			margin-left: 485px;
			width: 433px;
			margin-top: 8px;
		}
		#content .annonces, #content .concours, #content .livreor {text-align: center; }
			#content .annonces img, #content .concours img {margin-top: 7px;}
			
		#content .jeuxgratuits {
			position: absolute;
			left: 10px;
			top: 15px;
			width: 254px;
		}
		#content .warp .centre {
			width: 377px;
			margin-left: 276px;
			margin-right: 273px;
		}
			#content .jeuxmise {
				width: 377px;
				margin-top: 15px;
			}
				#content .jeuxmise a img {margin: 6px 0 0 8px;}
			#content .jeuxvip {
				width: 377px;
				margin-top: 15px;
			}
		#content .livreor {
			position: absolute;
			right: 8px;
			top: 15px;
			width: 254px;
		}
			#content .livreor h3 {}
			#content .livreor blockquote {
				text-align: left;
				width: 238px;
				height: 114px;
				margin: 4px 8px;
				overflow: hidden;
			}
				#content .livreor .auteur {
					text-align: left;
					display: block;
					margin-top: 12px;
					margin-left: 8px;
				}
				#content .livreor .postdate {
					float: right;
					display: block;
					text-align: right;
					margin-top: 12px;
					margin-right: 8px;
				}
				#content .livreor .quote {
					text-align: center;
					margin-top: 15px;
				}
			#content .livreor .ecriremsg img, #content .livreor .liremsg img{margin: 4px 5px 0 5px; }
			
		#content .jeuxspeciaux {
			position: absolute;
			left: 10px;
			top: 15px;
			width: 376px;
		}
		#content .jeuxpayants {
			width: 132px;
			margin-left: 397px;
			margin-right: 397px;
			margin-top: 15px;
		}
		#content .coupeclans {
			position: absolute;
			right: 8px;
			top: 15px;
			width: 378px;
		}
			#content .coupeclans h3 {
				position: absolute;
				right: 5px;
				top: 36px;
			}
			#content .coupeclans .tournoi {
				position: absolute;
				left: 10px;
				top: 49px;
				width: 169px;
				height: 58px;
			}
				#content .coupeclans .tournoi p {
					text-align: center;
					margin-top: 26px;
				}
			#content .coupeclans .accesmenu {
				position: absolute;
				top: 93px;
				right: 1px;
			}
				#content .coupeclans .accesmenu img {margin: 0;}
			#content .coupeclans ul.classement {
				margin-top: 84px;
				width: 378px;
				height: 54px;
			}
			#content .coupeclans .classement li {
				float: left;
				width: 115px;
				height: 16px;
				margin: 27px 0 1px 8px;
				text-align: center;
			}
			
		#content .pub {
			float: left;
			width: 484px;
			height: 76px;
			margin-left: 10px;
			margin-top: 15px;
			text-align: center;
		}
			#content .pub .pubimg {margin: 6px 0 0 0;}
		#content .bonus {
			width: 431px;
			margin-left: 495px;
			margin-top: 15px;
		}
			#content .bonus img {margin-left: 11px;}
			
#content .pub2 {
	float: right;
	width: 307px;
	height: 319px;
	margin-right: 10px;
	margin-top: 8px;
	text-align: center;
}
	#content .pub2 .pubimg{margin-top: 48px;}
	
	
#content .inscription {
	margin: 8px 327px 0 10px;
	width: 589px;
}
	#content .inscription h2 {
		display: block;
		width: 100%;
		height: 36px;
		font-size: 1%;
		text-indent: -9999px;
	}
	#content .inscription .bottom {
		width: 100%;
		height: 10px;
		margin: 4px 0 0 0;
	}
	#content .inscription .intro {
		width: 564px;
		height: 112px;
		margin: 15px 13px 7px 12px ;
		overflow: hidden;
	}
		#content .inscription .intro p {
			text-align: center;
			margin: 25px 15px 0 15px;
		}
	#content .inscription form {}
		#content .inscription fieldset#infoconnexion, #content .inscription fieldset#infoperso {
			width: 372px;
			margin-left: 12px;
			overflow: hidden;
		}
		#content .inscription legend {
			display: none;
			font-size: 1%;
			text-indent: -9999px;
		}
		#content .inscription .label {
			float: left;
			margin-left: 19px;
			margin-top: 17px;
			width: 164px;
		}
		#content .inscription .input {
			width: 176px;
			margin: 21px 13px 0 183px;
		}
		*+html #content .inscription .input {margin: 21px 13px 0 0;}
		.inscription #infoconnexion label, .inscription #infoperso label {
			float: left;
			width: 183px;
			height: 14px;
			margin-top: 13px;
		}
			#content .inscription label.margin11 {margin-top: 11px;}
		.inscription #infoconnexion input, .inscription #infoperso input {
			width: 176px;
			height: 19px;
			margin: 6px 0 0 0;
			padding: 0;
		}
		#content .inscription img#avantages {
			float: right;
			width: 184px;
			height: 157px;
			margin-right: 10px;
			margin-top: 27px;
		}
		#content .inscription fieldset#infoconnexion {height: 195px;}
		
		#content .inscription #droite{}
			#content .inscription #droite fieldset#checkbox {
				float: right;
				width: 181px;
				height: 107px;
				margin-top: 19px;
				margin-right: 14px;
			}
				#content .inscription #checkbox p {margin: 0 10px;}
				#content .inscription #checkbox input {
					display: inline;
					height: 12px;
					width: 12px;
					margin: 16px 8px 5px 0;
				}

			#content .inscription #droite #submit {
				clear: right;
				float: right;
				width: 179px;
				height: 99px;
				margin-right: 15px;
				margin-top: 14px;
			}
				#content .inscription #droite #submit p {
					margin-top: 17px;
					margin-left: 3px;
				}
				#content .inscription #droite #submit input {
					display: block;
					width: 179px;
					height: 63px;
					font-size: 1%;
					text-indent: -9999px;
				}
				#content .inscription #droite #submit p {}
		#content .inscription fieldset#infoperso {
			height: 223px;
			margin-top: 12px;
		}
			#content .inscription .naissance {
				width: 176px;
				overflow: hidden;
			}
				#content .inscription #naissance1 {
					width: 34px;
					float: left;
				}
				#content .inscription #naissance2 {
					width: 36px;
					float: left;
					margin-left: 6px;
				}
				#content .inscription #naissance3 {
					float: left;
					width: 88px;
					margin-left: 6px;
				}
		
/* footer */
#footer {padding-bottom: 65px;}


/* --- ASPECT --- */
/* Page */ 
html { font-size: 100%;} 
body { 
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
	font-size: .8em; 
	letter-spacing: -1px;
	color: black; 
	background: #e1d2b3 url(images/newsDiz/body.gif) repeat;
} 
#indexhtml {background: url(images/newsDiz/content_bottom.png) no-repeat bottom left;}

input {
	background: #fff url(images/newsDiz/input.gif) repeat-x top;
	border: 1px solid #d8cdb4;
	height: 20px;
}

/* header */
#header {background: #e0cfa7 url(images/newsDiz/header.gif) repeat-y;}
		#header .jour a {background: url(images/newsDiz/header_jour.png) no-repeat; }
		#header .nuit a {background: url(images/newsDiz/header_nuit.png) no-repeat; }
	    #header form#connexion {background: #ebdec0 url(images/newsDiz/header_connexion.png) no-repeat; }
	
	
			
			#header #connexion a, #header #connexion a:visited, #header #connexion a:active, #header #connexion a:hover {
				color: #6d5024;
				text-decoration: underline;
				letter-spacing: 0.5px;
			}

			#header #connexion input {
				color: #454842;
				font-size: 1em;
			}
				#header #connexion input[type=submit] {
					background: url(images/newsDiz/connexion_ok.gif) no-repeat bottom right;
					border: none;
				}
	/*logué*/
	#header form#connexion1 {background: #ebdec0 url(images/newsDiz/header_connecte.png) no-repeat; }
				#header #connexion1 a, #header #connexion1 a:visited, #header #connexion1 a:active, #header #connexion1 a:hover {
				color: #6d5024;
				text-decoration: underline;
				letter-spacing: 0.5px;
			}

			#header #connexion1 input {
				color: #454842;
				font-size: 1em;
			}
				#header #connexion1 input[type=submit] {
					background: url(images/newsDiz/deco.png) no-repeat bottom right;
					border: none;
				}
	
	
	
	
	
	
	#header p#date {
		background: #ebdec0 url(images/newsDiz/header_date.png) no-repeat;
		color: #6d5024;
		letter-spacing: 1px;
		font-weight: bold;
	}
	#header ul#stats {}
		#header #stats li {
			background: url(images/newsDiz/stats.png) 0 0 no-repeat;
			text-align: right;
			color: #444343;
			letter-spacing: 1px;
			font-weight: bold;
		}
		#header #stats li.mbinscrit {background-position: 0 0; }
		#header #stats li.vipargent {background-position: 0 -31px; }
		#header #stats li.vipor {background-position: 0 -62px; }
		#header #stats li.vipplatinium {background-position: 0 -93px; }
		#header #stats li.cadeaux {background-position: 0 -124px; }
	#header .pub {background: #ebdec0 url(images/newsDiz/header_pub.png) no-repeat; }

/* menu */
#menu {background: #e0cfa7 url(images/newsDiz/menu.png) no-repeat top;}
		#menu li {background: url(images/newsDiz/menu_bt.png) no-repeat; }
		#menu li.inscription {background-position: 0 0; }
		#menu li.accueil {background-position: 0 -30px; }
		#menu li.nouveautes {background-position: 0 -60px; }
		#menu li.moncompte {background-position: 0 -90px; }
		#menu li.boutique {background-position: 0 -120px; }
		#menu li.plusparties {background-position: 0 -150px; }
		#menu li.gagnants {background-position: 0 -180px; }
		#menu li.messagerie {background-position: 0 -210px; }

/* content */
#content {background: #ebdec0 url(images/newsDiz/content.png) repeat-y;}
	#content h2 {background: url(images/newsDiz/h2.png) no-repeat top left; }
	#content .annonces h2 {background-position: 0 0; }
	#content .concours h2 {background-position: 0 -36px; }
	#content .jeuxgratuits h2 {background-position: 0 -72px; }
		#content .jeuxmise h2 {background-position: 0 -108px; }
		#content .jeuxvip h2 {background-position: 0 -180px; }
	#content .livreor h2 {background-position: 0 -144px; }
	#content .jeuxspeciaux h2 {background-position: 0 -216px; }
	#content .jeuxpayants h2 {background-position: 0 -252px; }
	#content .coupeclans h2 {background-position: 0 -288px; }
	
	#content .annonces {background: url(images/newsDiz/463.gif) repeat-y; }
	#content .concours {background: url(images/newsDiz/433.gif) repeat-y; }
	#content .jeuxgratuits {background: url(images/newsDiz/254.gif) repeat-y; }
		#content .jeuxmise {background: url(images/newsDiz/377.gif) repeat-y; }
		#content .jeuxvip {background: url(images/newsDiz/377.gif) repeat-y; }
	#content .livreor {background: url(images/newsDiz/254.gif) repeat-y; }
	#content .jeuxspeciaux {background: url(images/newsDiz/376.gif) repeat-y; }
	#content .jeuxpayants {background: url(images/newsDiz/132.gif) repeat-y; }
	#content .coupeclans {background: url(images/newsDiz/378.gif) repeat-y; }	
	
		#content .annonces .bottom {background: url(images/newsDiz/463_bottom.gif) no-repeat bottom; }
		#content .concours .bottom {background: url(images/newsDiz/433_bottom.gif) no-repeat bottom; }
		#content .jeuxgratuits .bottom {background: url(images/newsDiz/254_bottom.gif) no-repeat bottom; }
			#content .jeuxmise .bottom {background: url(images/newsDiz/377_bottom.gif) no-repeat bottom; }
			#content .jeuxvip .bottom {background: url(images/newsDiz/377_bottom.gif) no-repeat bottom; }
		#content .livreor .bottom {background: url(images/newsDiz/254_bottom.gif) no-repeat bottom; }
		#content .jeuxspeciaux .bottom {background: url(images/newsDiz/376_bottom.gif) no-repeat bottom; }
		#content .jeuxpayants .bottom {background: url(images/newsDiz/132_bottom.gif) no-repeat bottom; }
		#content .coupeclans .bottom {background: url(images/newsDiz/378_bottom.gif) no-repeat bottom; }
		
		#content .livreor {color: #6d5024;}
			#content .livreor blockquote {background: #f5e7c7 url(images/newsDiz/blockquote.png) no-repeat top; }
				#content .livreor .quote {line-height: 1.1em; }
				
			#content .coupeclans .tournoi {background: url(images/newsDiz/tournoi.png) no-repeat top; }
				#content .coupeclans .tournoi p {
					color: #ebdec0;
					line-height: 1.1em;
				}
			#content .coupeclans ul.classement {background: #d1c3a2 url(images/newsDiz/classement.png) no-repeat bottom; }
			#content .coupeclans .classement li {color: #6d5024; }
			
			#content .pub {background: url(images/newsDiz/contentpub.png) no-repeat; }
				
	
					#content .presjeux .bottoma {width: 100%;height: 10px;margin: 4px 0 0 0;}
					#content .presjeux {
					 width: 589px;
					background: url(images/newsDiz/589.gif) repeat-y; 
					color: #6d5024;
					}
					
					#content .presjeux h2 {background: url(images/newsDiz/presjeu.png) no-repeat top left;}
					#content .presjeux .bottoma {background: url(images/newsDiz/589_bottom.gif) no-repeat bottom;}
					#content .presjeux .intro {background: url(images/newsDiz/intro.png) no-repeat top;}
					#content .presjeux .intro p {line-height: 1.2em; }		
					
	
	
	
	#content .inscription {
	background: url(images/newsDiz/589.gif) repeat-y; 
	color: #6d5024;
	}
	#content .inscription h2 {background: url(images/newsDiz/inscription.png) no-repeat top left;}
	#content .inscription .bottom {background: url(images/newsDiz/589_bottom.gif) no-repeat bottom;}
	#content .inscription .intro {background: url(images/newsDiz/intro.png) no-repeat top;}
	#content .inscription .intro p {line-height: 1.2em; }
	
	
	
	#content .inscription form {}
		#content .inscription input{
			background: #fff url(images/newsDiz/input_insc.gif) repeat-x top;
			border: 1px solid #ccbfa0;
		}
		#content .inscription fieldset#infoconnexion {background: url(images/newsDiz/infoconnexion.png) no-repeat top left; }
		#content .inscription #droite{}
			#content .inscription #droite fieldset#checkbox {background: url(images/newsDiz/checkbox.png) no-repeat top right; }
				#content .inscription #droite #submit input {
					background: url(images/newsDiz/submit.png) no-repeat top;
					border: none; 
				}
		#content .inscription fieldset#infoperso {background: url(images/newsDiz/infopersonelles.png) no-repeat top left; }
	
	
	#content .pub2 {background: url(images/newsDiz/pub2.png) no-repeat top right; }

/* footer */
#footer {
	background: #e0cfa7 url(images/newsDiz/footer.png) repeat-x bottom;
	border-top: 1px solid #d3c39d;
	text-align: center;
	color: #6d5024;
	letter-spacing: 1px;
}
	#footer p.liens {line-height: 45px;}
		#footer .liens a, #footer .liens a:hover, #footer .liens a:active, #footer .liens a:visited {
			color: #6d5024;
			text-decoration: underline;
		}
	#footer p.siret {line-height: 45px;}