A {TEXT-DECORATION: none}
	A:hover {TEXT-DECORATION: underline}
	A:link {color: blue}
	A:visited {color: #000080}
	A:active {color: red}
	body {background-color: purple; color: black; margin: 0; padding: 2em}  

/* palegreen */
div, td {
font-family: Arial, Courier New, Times New Roman; font-size: 12pt; text-align: justify
}		 
/* */
body {background-color: black;}
#ecran, #liste {background-color: white; padding: 8px 8px 8px 8px;}

@media screen and (max-width: 767px) {
	#ecran {
		width: 650px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px;  
		padding: 64px;
	}
}

@media screen and (max-width: 979px) and (min-width: 768px){
	#ecran {
		width: 700px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
		padding: 64px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 981px){

	#ecran {
		width: 900px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
		padding: 64px;
	}
}

@media screen and (min-width: 1200px) {

	#ecran {
		width: 1000px; 
		margin: auto; 
		margin-top: 32px; 
		margin-bottom: 32px; 
		padding: 64px;
	}
}

/* Texte */
.fnt1 {
color: blue; 													  
font-size: 14pt
}