body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*color: #c9fcff;*/
	color: #fff;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	font-size: 130%;
	background-color:#335a5c;
}
.fds{
	position:fixed; 
	z-index:1; 
	right:0px; 
	left:0px; 
	top:0px;
	bottom:2px;
	opacity:0.3;	
	background: url(img/splash.png) no-repeat center center fixed ;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
	visibility:visible;
}
.form_textarea{
	font-size: 24px;
	height: 26px;
	background-color:#8fb8ba;
	border:1px solid #fff;
}

.jeu{
	position:fixed;
	z-index:4; 
	left:10px; 
	bottom:15px;
	background-color:#000000;
	color:#8fb8ba;
	text-align:left;
	font-size:14px;
	line-height:21px;
	padding:3px;
	border:1px solid #8fb8ba;
}
.top{
	z-index:3; 
	position:fixed;
	right:0px; 
	left:0px; 
	top:1px;
	height:30px;	
	line-height:30px;
	font-size:24px;
	background-color:#000;
	border-top:1px solid #8fb8ba;
	border-bottom:1px solid #8fb8ba;
	color:#8fb8ba;
	padding-left:3px;
}
.menu_h{
	z-index:5;
	right:5px;  
	line-height:30px;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);	
}
.menu_c{
	z-index:25;
	position:fixed;
	top:34px;
	right:-260px;
	width:250px;
	bottom:27px;
	font-size:24px;
	line-height:40px;
	color:#defdff;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	text-decoration: none;	
	background-color:#335a5c;
	padding:5px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;

}
.points{
	position:fixed;
	z-index:3; 
	right:0px; 
	left:0px; 
	bottom:1px;
	background-color:#000;
	border-top:1px solid #8fb8ba;
	border-bottom:1px solid #8fb8ba;
	line-height:21px;
	text-align:right;
	height:21px;
	font-size:18px;
	padding-top:2px;
	padding-right:5px;
}

a:link {
	color:#fff;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	text-decoration: none;	
}
a:visited {
	color:#fff;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	text-decoration: none;	
}
a:hover {
	color:#fff;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	text-decoration: none;		
}
a:active {
	color:#fff;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	text-decoration: none;		
}
.dlien{
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 1px 2px #000, 0 0 1em #FFF, 0 0 0.2em #FFF;
	font-size:150%;
}

.grey_r{
	z-index:20;
	position:fixed;
	top:0px;
	width:100%;
	bottom:0px;
	right:-100%;	
	background-color:#000;
	opacity:0.6;
	display:block;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;	
}
.grey_b{
	z-index:10;
	position:fixed;
	height:100%;
	left:0px;
	right:0px;
	top:100%;	
	background-color:#000;
	opacity:0.6;
	display:block;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;	
}
@media only screen and (min-width: 500px) {
	.fds{
	background: url(img/fds.jpg) no-repeat top center fixed ;
	-webkit-background-size: none;
	-moz-background-size: none;
	-o-background-size: none;
	background-size: none;		
	visibility:visible;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
}