/*

Style sheet En Garde

*/

a {
	color:#00a;
}

.boutons {
	position: fixed;
	left: 25px;
 	width: 100px;
	height:30px;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	border-radius: 12px;
	text-align:center;	
	text-decoration:none;
	font-size: 1px;
}

.box1 {
	top: 120px;
}

.box2 {
	top: 170px;
}

.box3 {
	top: 220px;
}

.box4 {
	top: 270px;
}

.box5 {
	top: 320px;
}

.box6 {
	top: 370px;
}

.box7 {
	top: 420px;
}

.box8 {
	top: 470px;
}

.box9 {
	top: 520px;
}

.box10 {
	top: 570px;
}

a.black {
	color:black;
	background:black;
}

a.brown {
	color:brown;
	background:brown;
}

a.red {
	color:red;
	background:red;
}

a.orange {
	color:orange;
	background:orange;
}

a.yellow {
	color:yellow;
	background:yellow;
}

a.green {
	color:green;
	background:green;
}

a.blue {
	color:blue;
	background:blue;
}

a.violet {
	color:violet;
	background:violet;
}

a.gray {
	color:grey;
	background:grey;
}

a.white {
	color:white;
	background:white;
}

a.literate {
	font-size: 18px;
	text-decoration: none;
}

a.literate:link, a.literate:visited {
	color: #000;
	background: #ffeff8;
}

a.literate:hover, a.literate:active {
	color: #ffeff8;
	background: #555;
}

.arrows {
	position: fixed;
	top: 50px;
	left: 25px;
	width: 100px;
	text-align:center;
	font-size: 20px;
}

.hidden {position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.titre {
	color:blue;
	font-size: 20px;
}

.prompt-input {
	color:#028202;
}

#output {
	margin: 0 0 0 150px;
}