/* style du titre de la page */
body { margin: 0px; }

/* style de la zone des boutons */
.bandeau {
	min-width: 800px;
	padding: 10px;
	color: maroon;
	background-color: silver;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
}

.separateur { background-color: #999; }

h1 {
	font-family: sans-serif;
	font-size: x-large;
	font-weight: bold;
	color: maroon;
	padding: 0px 0px 0px 15px;
}

/* style des noms d'ŽlŽments */
.sel {
	color: blue;
	font-weight: bold;
	border: 2px blue solid;
	background-color: yellow;
}

.nom {
	border: 1px gray dotted;
	color: maroon;
}

.nom:hover { background-color: yellow; }

ol {
	border-left-color: gray;
	border-left: 1px dashed;
	margin: 0px 0px 4px 0px;
}

li { margin: 4px; }

/* style de la liste */
.console {
	position: fixed;
	top: 160px;
	left: 0px;
	right: 0px;
	bottom: 20px;
	border: 2px maroon solid;
	margin: 5px 10px 5px 10px;
	padding: 10px;
	overflow: scroll;
}

#console {
	font-family: monospace;
	color: gray;
}

/* style du chemin */
#chemin {
	position: fixed;
	bottom: 0px;
	left: 0px;
	padding: 0px 0px 5px 15px;
	margin: 0px;
	color: blue;
	font-family: monospace;
	font-weight: bold;
}

/* style du JSON */
.json {
	position: absolute;
	top: 50px;
	right: 50px;
	padding: 15px;
	margin: 15px;
	color: maroon;
	font-family: monospace;
	font-weight: bold;
	font-size: smaller;
	border: 1px maroon dashed;
	background-color: #FF9;
}

.btnJSON {
	position: fixed;
	right: 5px;
	top: 5px;
	text-align: right;
}

/* Styles de modification dynamique */
.invisible { visibility: hidden; }

/* Champs de saisie */
#nom {
	color: blue;
	font-weight: bold;
	font-family: monospace;
	background-color: yellow;
}

#nouveau {
	color: maroon;
	font-weight: bold;
	font-family: monospace;
}