@charset "UTF-8";
/* CSS Document */
/* COULEURS :  */
/*######################################################"*/
/* GÉNÉRALITÉ TOUTES PAGES */
#avertnojs {
	font-size:1.2em;
	color:hsl(0,100%,47%);
	text-align:center;
}
#banniere {
	margin-top: 4px;
}
a {
	text-decoration:none;
	color:hsl(200,60%,50%);
}
a:hover {
	color:hsl(24,100%,50%);
}

html {
  	background-color: black;
	font-size: 100%;
}

body {
	position:relative;
	right:0;
	width: 1000px; /* Largeur de la page hors marges et bordures */
	margin:0 auto;
	padding: 0 20px; /* Marges intérieures latérales */
	border-left: 8px solid #AAA; /* Bordure verticale gauche grise */
	border-right: 8px solid #AAA; /* Bordure verticale droite grise */
	background-color: #FFF; /* COULEUR DE FOND DE LA PAGE */
	font-size: 0.85em;
	font-family:Arial, Helvetica, sans-serif;
	text-align: justify;
}

figcaption {
	font-size: 1em;
	color:#666666;
	padding-left: 10%;
	padding-right:5%;
}

figure {
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Verdana, Geneva, sans-serif;
	color: #444;
	text-align: center;
}

p {
	text-align:justify;
	font-size:1.2em;
}
hr {
	height:2px;
	background-color:gray;	
}

#version {
	font-size:1em;
	text-align:right;
}

#titre {
	margin: 50px 0 10px 0;
}

/*######################################################"*/
/* RENDRE UN ÉLÉMENT INVISIBLE */
/*Modifie la mise en page
L'élément n'existe plus */
.invisible {
	display:none;
}
.visible {
	display:block;
}
/*Ne modifie pas la mise en page
L'élément est remplacé par du blanc */
.masque {
	visibility:hidden;
}
.nonmasque {
	visibility:visible;
	color:#FF0000;
}

/*######################################################*/
/* FLOTTEMENT */
.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.nofloat {
	clear: both;
}
/*######################################################*/

/* FENETRES INFORMATION POPUP */
.info_popup {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 500px;
	padding: 15px;
	background-color: #696969;
	color: yellow;
}
#info_popup {
	color: yellow;
}

/*######################################################*/
/* STYLE DU MENU */
#menu {
	margin-left: 3px;
}
.onglet_menu {
		float: left;
	}
.chapitre {
		width: 108px;
		background: silver;
		border-bottom: 1px solid black;
		cursor: pointer;
		text-align: center;
		border: 1px solid black;
		position: relative;
	}
.items {
		width:108px;
		position: absolute;
		z-index: 99999;
		text-align: center;
		border: 1px solid black;
		display: none;
		background-color: white;
	}
.items div {
	padding:5px 0 5px 0; 
}
.items a {
		text-decoration: none;
		color: black;
	}
.items div:hover {
		background-color: silver;
}
.items div:hover a {
		color: white;
}
/* STYLE DU MENU FIN*/