html, body 
{
	margin: 0;
	padding: 0;
	background: #000033;
	font: normal 12px "typewriter";
}

.fan {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 0.3s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


#page
{
	margin: 0;
	padding: 0;
	display:block;
	width:1000px;
	height:647px;
	position:absolute;
	left:50%;
	transform:translateX(-500px);
	background-image: url(summary.png);
	background-repeat: no-repeat;
    background-attachment: absolute;
    background-position:50% 40px;
	background-size: 1000px 600px; 
}

#cadre
{
	margin: 0;
	padding: 0;
	display:block;
	top:180px;
	left:50%;
	transform:translateX(30px);
	width:440px;
	height:400px;
	position:absolute;
	left:50%;
	border:1px solid #999;
    overflow-y: scroll;
}

#reponse
{
	margin: 0;
	padding: 0;
	display:block;
	top:180px;
	left:50%;
	transform:translateX(-465px);
	width:440px;
	height:400px;
	position:absolute;
	left:50%;
	/* border:1px solid red; */
	font: normal 15px "typewriter";
	color:#333;
	text-align:center;
}

#reponse .big
{
	font: normal 18px "typewriter";
}

table tr td
{
	font: normal 12px "typewriter";
	color:#666;
}

a
{
	font: normal 12px "typewriter";
	color:#666;
	text-decoration:none;
}

a:hover
{
	font: bold 12px "typewriter";
	color:black;
}

hr
{
height:0px; 
color:red; 
border-bottom:2px #666 dotted;
border-top:0px black dashed;	
}

@font-face
{
font-family: typewriter;
src: url(veterantypewriter.ttf);
}

#fermer
{
	display:block;
	position:absolute;
	left:615px;
	top:595px;	
}

 #fermer input[type="button"]
{   
 
	padding:2px;
	margin:0px;
	text-align:center;
	font: normal 14px "typewriter";
	background-color: rgba(255, 255, 255, 0);
	padding:2px 10px 2px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #999;
	color:#333;
	cursor:pointer;
	text-decoration:none;
}

/* Let's get this party started */
#cadre::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
#cadre::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
#cadre::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;

    border-radius: 10px;
    background: rgba(192,192,192,0.7); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#cadre::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(192,192,192,0.7); 
}

/* Let's get this party started */
body::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;

    border-radius: 10px;
    background: rgba(0,0,192,0.7); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
body::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(192,192,192,0.7); 
}