@charset "iso-8859-1";
body{
	margin: 10px 0 ;
	height: 120% ;
	padding: 0 ;
	font: 0.8em arial, helvetica, sans-serif ;
	background-color:#69f ;}
#corps{
	margin-top: 0px ;
	margin-left: 225px ;
	margin-right: 15% ;
	padding-left: 1em ;
	padding-right: 1em ;
	background-color:white ;}
#sommaire{
	position: absolute ;
	top: 50px ;
	width: 200px ;
	height:	auto ;
	left: 5px ;
	right: 100% ;
	font: 0.8em arial, helvetica, sans-serif ;
	text-align: left ;
	border: 2px solid #888 ;}
#sommaire p{
	text-align: center ;
	font-size: 1.2em ;
	line-height: 1.6em ;}
ul#nav{
	width: 200px ;
	padding: 10px 0 10px 0 ;
	margin: 0 ;	
	background-color: #fc6 ;
	list-style-type: none ;}
ul#nav li{
	text-align: center ;
	display: inline ;}
ul#nav li a{
	text-align: left ;
	margin-left: 10px ;
	width: 200px ;
	height: 20px;
	font-size: 1.2em ;
	color: #00f ;
	display: block ;
	text-decoration: none ;}
ul#nav a:hover {
	color: #999 ;}
a#nav0{
	top: 10px ;}
a#nav1{
	top: 30px ;}
a#nav2{
	top: 50px ;}
a#nav3{
	top: 70px ;}
a#nav4{
	top: 90px ;}
a#nav5{
	top: 110px ;}
p{
	font-weight: normal ;}
.titre{
	position: relative ;
	width: 100% ;
	top: 0.5em ;
	bottom: 0.5em}
.titre h1{
	text-align: center ;
	font-size: 1.8em ;
	font-style: italic ;
	color: #a55 ;}
.titre h2{
	text-align: center ;
	font-size: 1.2em ;
	font-style: italic ;
	font-weight: bold ;
	color: #60f ;}
.titre h3{
	text-align: center ;
	font-size: 1.4em ;
	font-style: italic ;
	color: #f30 ;}
.titre h4{
	text-align: left ;
	font-size: 1.2em ;
	font-style: italic ;
	color: #f30 ;}
.titre h5{
	margin-right: 15% ;
	text-align: left ;
	font-size: 1.3em ;
	color: #f30 ;}
.question{
	margin-top: 20px ;
	position: relative ;
	font-size: 1em ;
	color: #630 ;}
.question p{
	text-align: justify ;
	line-height: 1.4em ;
	font-style: italic ;
	font-weight: bold ;}
.texte{
	margin-top: 20px ;
	position: relative ;
	font-size: 1em ;
	color: #009 ;}
.texte p{
	text-indent: 45px ;
	text-align: justify ;
	line-height: 1.4em ;}
.texte li{
	margin-left: 15px ;
	text-align: justify ;
	line-height: 1.4em ;}
.cadre{
	background-color:white ;
	left: 5px ;
	height:	auto ;
	padding-top: 5px ;
	padding-bottom: 5px ;
	padding-left: 20px ;
	padding-right: 20px ;
	text-align: justify ;
	border: 1px solid #888 ;}
.cadre p{
	font: 1em arial, helvetica, sans-serif ;
	text-align: justify ;}
.separateur{
	background-color:#69f ;
	margin-left:-1em ;
	margin-right:-2em ;}
.separateur p{
	text-align: center ;
	line-height: 0.7em ;
	padding-top: 5px ;
	padding-bottom: 5px ;
	font: #fff}
span{
	display: none ;}
/* Tableaux */
table {
 border: solid 1px marroon;
 border-collapse: collapse;
 margin-left: 0.5em;
 margin-right: 0.5em;
}
table td, table th {  
 border: solid 1px marroon;
 margin: 0;
 padding: 0.7em;
}
th {  
 font-weight: bold; 
}
caption { 
 font-size: 120%;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 1em;
}
/* Infobulle */
a.info{
    position:relative ;
	z-index:2 ;
	background-color:#adf ;
    color:#000 ;
    text-decoration:none ;}
/*a.info:hover{
	z-index:25 ;
	background-color:#ff0}*/
a.info:hover, a.info:focus, a.info:active{
	background:none; /* correction d'un bug IE */
	z-index:5 ;}
a.info:hover span, a.info:focus span, a.info:active span{
	display: block ;
    position:absolute ;
    top:2em ;
	left:-10em ;
	width:18em ;
    border:3px solid #00f;
	padding:5px ;
	text-indent:0 ;
	font: 0.9em arial ;
    background-color:#cef ;
	color:#000 ;
    text-align: left ;}
/* Pour pallier le pb de non affichage du 1er lien (bug IE),
je mets un lien fictif invisible en début de fichier */