/* SCREEN CSS
-------------------------------------------------------------- */


/* GENERAL STYLES */

body {
	color: grey;
	background: rgb(193, 190, 174);
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
}

/* Buttons style */
.abutton, .abutton:visited {
	background: #222 url(overlay.png) repeat-x; 
	display: inline-block; 
	padding: 2px 5px; 
	color: #fff;
	font-size: 12px;
	font-weight:100;
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	cursor: pointer;
	margin-bottom: 5px;
	/*text-transform: uppercase;*/
	
}

.abutton:hover{
	background-color: #111; color: #fff; 
}
.abutton:active{ 
	top: 1px; 
}

#logo {
	position: absolute;
	bottom: 5px;
	right: 10px;
}

#content {
	font-size:1em;
	font-family:'courier new', monospace;
	text-align: center;
	background: rgb(219, 219, 210);
	
	position:absolute;
	left: 50%;
	top: 50%;
	width: 700px;
	height: 400px;
	margin-top: -200px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
	/*border: 1px solid #000;*/
	
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-border-radius: 5px;
	}