@charset "UTF-8";
/* CSS Document */
	/*######################################################"*/
	/* GÉNÉRALITÉ TOUTES PAGES */
	#avertnojs {
		font-size:1.2em;
		color:hsl(0,100%,47%);
		text-align:center;
	}
	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;
		border-right: 8px solid #AAA;
		background-color: #FFF; /* COULEUR DE FOND DE LA PAGE */
		font-size: 0.85em;
		font-family:Arial, Helvetica, sans-serif;
		text-align: justify;
	}
	h1,h2,h3,h4,h5,h6 {
		font-family: Arial, Verdana, Geneva, sans-serif;
		color: #444;
		text-align: center;
	}
	html {
		font-size: 100%;
	}
	p {
		text-align:justify;
		font-size:1.2em;
	}
	hr {
		height:2px;
		background-color:gray;	
	}
	/*######################################################"*/
	/* FENETRES INFORMATION POPUP */
	#popup_window {
		position: absolute;
		top: 170px;
		left: 500px;
		width: 500px;
		padding: 15px;
		background-color: #696969;
		color: yellow;
	}
	#popup_window h3 {
		color: yellow;
	}
	#popup_window li {
		font-size: 1.4em;
	}
	/*######################################################"*/
	/* RENDRE UN ÉLÉMENT INVISIBLE */
	/*Modifie la mise en page
	L'élément n'existe plus */
	.invisible {
		display:none;
	}
	.visible {
		display:block;
	}
	/*######################################################"*/
	/* STYLE DES TABLEAUX */
	#data {
		border: 1px solid black;
		border-collapse:collapse;
	}
	#data th, #data td {
		border:1px solid black;
	}
	#data input {
		width:113px;
		font-size:0.9em;
		text-align:center;
	}
	#data th, #data td {
		width: 118px;
		font-size:0.8em;
		text-align:center;
	}
	/* BORDURES TABLEAUX */
	#resultsv, #resultav {
		border: 1px solid black;
		border-collapse:collapse;
	}
	/* BORDURES CELLULES */
	#resultsv th, #resultsv td, #resultav th, #resultav td {
		border:1px solid black;
		width:80px;
		font-size:0.8em;
		text-align:center;
		padding : 5px 0;
	}
	/* STYLES  DIVERS 
	#resultsv tr td:nth-child(6), #resultav tr td:nth-child(6) {
		color: red;
	} */
	/* COULEURS CELLULES */
	#data th, #resultsv th, #resultsv tr:last-child, #resultav th, #resultav tr:last-child {
		background-color: #e2e8ee;
	}
	#resultsv tr th:first-child, #resultav tr th:first-child {
		width:220px;
	}
	/*######################################################*/
	/* STYLES  DIVERS */
	#infos {
		font-size: 0.8em;
	}
	#version {
	font-size:0.8em;
	text-align:right;
	}
	#avertissement p {
		color: red;
		font-size: 1.2em,
	}