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



#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;
}

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:670px;
	top:595px;	
}

#fermer input[type="button"]
{   
 
	padding:2px;
	margin:0px;
	text-align:center;
	font: bold 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:2px solid red;
	color:#000;
	cursor:pointer;
	text-decoration:none;
}

select
{ 
	font: bold 12px "typewriter";
	color:white;
	background:#000033;
	border:none;
}

.sel
{
display:block; 
position:relative;
padding-left:10px;
padding-top:120px;
/* border:1px solid yellow; */
}
/* Let's get this party started */
body::-webkit-scrollbar {
    width: 12px;
}

label
{
	font: bold 15px "typewriter";
}

#choix
{
display:block; 
position:absolute;
top:565px;
left:50%;
transform:translateX(20px);
width:460px;
/* border:1px solid red; */
} 

#alpha
{
display:block; 
position:absolute;
top:130px;
left:50%;
transform:translateX(15px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

#nat
{
display:block; 
position:absolute;
top:130px;
left:50%;
transform:translateX(165px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

#util
{
display:block; 
position:absolute;
top:130px;
left:50%;
transform:translateX(315px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

#perio
{
display:block; 
position:absolute;
top:345px;
left:50%;
transform:translateX(15px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

#histo
{
display:block; 
position:absolute;
top:345px;
left:50%;
transform:translateX(165px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

#num
{
display:block; 
position:absolute;
top:345px;
left:50%;
transform:translateX(315px);
height:207px;
width:150px;
/* border:1px solid red; */
background-image: url(stewardess.png);
background-size:150px;
}

input[type="text"]
{   
	font: normal 12px "typewriter";
	color:white;
	background:#000033;
	border:none;
}

input[type=radio]{
    display: none;
}

/* Affichage par défaut du bouton radio personnalisé */
input[type=radio] + label:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio]:checked + label:before {
    background: #000033;
    border-color: #000033;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

label{
    cursor:pointer;
}


/* 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); 
}