body {
	font-family: Trebuchet, Verdana, "Lucida Sans", sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

ins {
	text-decoration: none;
	font-style: italic;
}

p.illustration {
	float: right;
	margin-left: 1em;
	border: 1px solid #ddd;
	padding: 0.5em;
	text-align: center;
	font-size: 0.8em;
}

textarea {
	width: 300px;
	height: 100px;
}

abbr, acronym, abbr[title], acronym[title] {
	border-bottom: 1px dotted #ddd;
	cursor: help;
}
abbr[title]:after {
	content:" (" attr(title) ")";
}

a {
	color: #222;
	text-decoration: underline;
}
	a:hover, a:focus {
		text-decoration: none;
	}
	a img {
		border: 0;
		vertical-align: middle;
		margin: 0 1px;
	}
a[href^="http://"]:after {
	content: "\000a0[Externe]";
	font-size: 0.8em;
}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	font-size: 0.8em;
}

.clear {
	clear: both;
}

.capture {
	text-align: center;
}

.graphique {
	float: right;
	margin-left: 1em;
	border: 1px solid #ddd;
}

.retour {
	text-align: right;
}

.avertissement {
	border: 1px solid #555;
	background: #ee3439;
	color: #fff;
	padding: 0.1em 0.3em;
}

.button {
	margin: 2em auto;
	padding: 0.4em 1.5em;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100px;
	background: #555;
	color: #fff;
	border: 1px solid #222;
	cursor: pointer;
}
	.button:hover, .button:focus {
		background: #333;
	}
	.button_precedent {
		margin: 2em 0;
		float: left;
	}
	.button_suivant {
		margin: 2em 0;
		float: right;
	}

.signature {
	text-align: right;
	font-size: 0.9em;
	color: #555;
}

#logo {
	border: 1px solid #ddd;
	padding: 1px;
}
	a:hover #logo, a:hover #focus {
		border: 1px solid #888;
	}
	
#ariane {
	font-size: 0.9em;
	color: #777;
	margin: 1em 0 1em 1em;
}
	#ariane a {
		color: #777;
	}

#main {
	background: url("../images/bg.jpg") no-repeat left bottom #fff;
	margin: 0 auto;
	width: 70%;
	padding: 1em 150px 0;
}

#content {
	margin: 0 auto;
	width: 100%;
	padding: 1em;
	border: 1px dashed #ddd;
	background: #f6f6f6;
}
	#content ul li {
		margin: 0.5em 0 0 0;
	}
	
#content .question {
	font-weight: bold;
	text-align: left;
}
#content form ul {
	list-style: none;
}
#content form ul li {
	margin: 0;
}

h1 {
	color: #222;
	font-size: 1.3em;
	margin: 1em 0 0 0;
	padding: 0;
}
h2 {
	font-size: 1.1em;
	margin: 0;
	color: #555;
}
h3 {
	display: inline;
	color: #222;
	font-weight: normal;
	font-size: 1.1em;
}
h4 {
	border-bottom: 1px solid #555;
	color: #222;
}

table {
	margin: 0 0 2em 0;
}
	table tr td, table tr th {
		text-align: center;
		padding: 0.3em;
	}
	table tr th.titre {
		width: 12%;
	}
	table tr.pair td { background: #ddd; }
	table tr.impair td { background: #eee; }
	table tr td.sansopinion {
		background: transparent;
	}
	table caption {
		visibility: hidden;
	}

#barre_avancement {
	border: 1px solid #333;
	width: 200px;
	font-size: 0.8em;
	text-align: center;
	margin: 0 auto;
}
	#text_avancement {
		display: none;
	}
	#avancement {
		display: block;
		background: #ee3439;
		color: #fff;
	}
		.etape1 { width: 0%; }
		.etape2 { width: 12%; }
		.etape3 { width: 25%; }
		.etape4 { width: 37%; }
		.etape5 { width: 50%; }
		.etape6 { width: 62%; }
		.etape7 { width: 75%; }
		.etape8 { width: 87%; }
		.etape9 { width: 100%; }
	
#footer {
	color: #333;
	font-size: 0.9em;
	text-align: center;
	margin: 3em 0 0 0;
}
	#footer p {
		margin: 0;
		font-size: 0.9em;
	}
	#footer ul {
		margin: 0;
		padding: 0;
	}
		#footer ul li {
			margin: 0;
			padding: 0;
			display: inline;
		}

.stat {
	border-right: 1px solid #666;
	margin-bottom: 1.5em;
}
	.stat caption {
		visibility: visible;
		width: auto;
		border: 1px solid #666;
	}
	.stat caption, .stat tbody tr td.scopeques {
		background: #8BB9DF;
		padding: 0.3em 1em;
	}
	.stat thead tr th {
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
	}
		#rep1, #rep2, #rep3, #rep4, #rep5, #rep6 {
			background: #444;
		}
	.stat thead tr th, .stat tbody tr td.scoperep {
		background: #555;
		color: #fff;
		padding: 0.2em 1em;
	}
	.stat tbody tr td {
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
		padding: 0.2em 1em;
	}
	.stat .sup_moy {
		font-weight: bold;
		color: #ee3439;
	}
	
.fiche {
	background: #fff;
	border: 1px dashed #ddd;
	margin: 1em 2em;
	padding: 1em;
}
	.fiche h5 {
		font-size: 1.1em;
		margin: 0 0 0.5em 0;
		color: #333;
		text-align: center;
		border-bottom: 1px solid #ddd;
	}
	.fiche img {
		border: 1px solid #ddd;
		display: block;
		float: left;
		margin: 0 1em 0 0;
		padding: 3px;
	}
	.fiche .illustration {
		float: right;
		margin: 0 0 0 1em;
	}
	.fiche ol li {
		margin-left: 2em;
	}
	
/*################## Arborescence ##################*/
#arborescence ul#racine {
	margin: 0px;
	padding: 0px;
	/* margin-left: -20px; */
}

#arborescence ul, #arborescence li {
	text-align: left;
	list-style-type: none;
	list-style-image: none;
}

#arborescence li {
	position: relative;
	/* margin-left: -10px; */
}

#arborescence ul.niv1 ul {
	background: url("../images/line.gif") repeat-y 0px 0px;
	/* display: none; */
}

#arborescence li ul.active {
	display: block;
}

#arborescence li ul.last {
	background: none;
}

#arborescence img {
	position: relative;
	width: 19px;
	height: 20px;
	margin-bottom: -4px;
	margin-right: 2px;
}

#arborescence img.clic {
	cursor: pointer;
}