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(flight-plan.png);
	background-repeat: no-repeat;
    background-attachment: absolute;
    background-position:50% 40px;
	background-size: 1000px 600px; 
}

#survol:hover

{border:1px solid red;}

#modifier
{
	display:block;
	position:absolute;
	left:180px;
	top:610px;	
}

#fermer
{
	display:block;
	position:absolute;
	left:680px;
	top:590px;	
}

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

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

#pagine
{
display:block; 
position:absolute;
top:590px;
left:180px;
width:150px;
height:20px;
font: normal 15px "typewriter";
color:#333;
/* border:1px solid red; */
text-align:center;
}


.image
{
display:block; 
position:absolute;
background: white;
top:50px;
left:30px;
transform:rotate(-5deg);	


/* -webkit-border-radius: 5px; */
/* -moz-border-radius: 5px; */
/* border-radius: 5px; */
border:5px solid #FFF;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);

}

.trombone
{
display:block; 
position:absolute;
top:30px;
left:280px;
width:50px;
height:85px;
background-image: url(trombone.png);
background-size:50px;
z-index:10000;
}

.print
{
display:block; 
position:absolute;
top:592px;
left:850px;
width:80px;
height:43px;
background-image: url(print.png);
background-size:80px;
z-index:10000;
}

#nommod
{
display:block; 
position:absolute;
top:295px;
left:45px;
width:430px;
height:20px;
font: bold 24px "typewriter";
/* border:1px solid red; */
text-align:center;
}

#ident
{
display:block; 
position:absolute;
top:369px;
left:45px;
width:110px;
height:20px;
font: bold 18px "typewriter";
/* border:1px solid red; */
text-align:center;
}

#nation
{
display:block; 
position:absolute;
top:371px;
left:161px;
width:227px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
}

#annee
{
display:block; 
position:absolute;
top:372px;
left:394px;
width:80px;
height:20px;
font: bold 14px "typewriter";
/* border:1px solid red; */
text-align:center;
}

#construc
{
display:block; 
position:absolute;
top:411px;
left:45px;
width:333px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
transform:rotate(0.5deg);
}

#numconstruc
{
display:block; 
position:absolute;
top:410px;
left:394px;
width:80px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
}

#appel
{
display:block; 
position:absolute;
top:451px;
left:45px;
width:205px;
height:20px;
font: bold 15px "typewriter";
/* border:1px solid red; */
transform:rotate(-0.5deg);
text-align:center;
padding-left:10px;
}

#design
{
display:block; 
position:absolute;
top:451px;
left:263px;
width:200px;
height:20px;
font: bold 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#mod
{
display:block; 
position:absolute;
top:490px;
left:45px;
width:205px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid blue; */
text-align:center;
padding-left:10px;
}

#vers
{
display:block; 
position:absolute;
top:490px;
left:263px;
width:200px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#immat
{
display:block; 
position:absolute;
top:527px;
left:45px;
width:95px;
height:40px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#affec
{
display:block; 
position:absolute;
top:527px;
left:156px;
width:307px;
height:40px;
font: normal 13px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#util
{
display:block; 
position:absolute;
top:185px;
left:531px;
width:135px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#motor
{
display:block; 
position:absolute;
top:185px;
left:681px;
width:270px;
height:20px;
font: normal 12px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#arme
{
display:block; 
position:absolute;
top:238px;
left:531px;
width:200px;
height:20px;
font: normal 12px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
white-space: nowrap;
}

#equip
{
display:block; 
position:absolute;
top:238px;
left:750px;
width:200px;
height:20px;
font: normal 12px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#long
{
display:block; 
position:absolute;
top:296px;
left:531px;
width:135px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#env
{
display:block; 
position:absolute;
top:296px;
left:680px;
width:125px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#haut
{
display:block; 
position:absolute;
top:296px;
left:820px;
width:132px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#speed
{
display:block; 
position:absolute;
top:345px;
left:531px;
width:205px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#autono
{
display:block; 
position:absolute;
top:345px;
left:750px;
width:200px;
height:20px;
font: normal 14px "typewriter";
/* border:1px solid red; */
text-align:center;
padding-left:10px;
}

#comment
{
display:block; 
position:absolute;
top:400px;
left:531px;
width:410px;
height:138px;
font: bold 12px "typewriter";
/* background:blue; */
text-align:justify;
padding:10px;
transform:rotate(-0.5deg);
}


#next
{
display:block; 
position:absolute;
bottom:13px;
right:19px;
width:60px;
height:54px;
/* border:1px solid blue; */
	background-image: url(paged.png); 
	background-repeat: no-repeat;
cursor:pointer;
}

#previous
{
display:block; 
position:absolute;
bottom:13px;
left:19px;
width:60px;
height:54px;
/* border:1px solid blue; */
	background-image: url(pageg.png); 
	background-repeat: no-repeat;
cursor:pointer;
}

@font-face
{
font-family: typewriter;
src: url(veterantypewriter.ttf);
}
	
/* 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); 
}