@media screen and (max-width: 800px) {	
	html, body{
		max-width: 100%;
		padding: 0;
	}
	
	h1, h1#connexion{
		margin-top: 10px;
	}
	fieldset, fieldset#connexion, div.module, div.module#edito, div.module#mauvais_eleves{
		width: 100%;
	}
		
	fieldset input.medium, fieldset label, select.medium{
		width: 100%;
		display: block;
		float: none;
		text-align: left;
	}
	
	div.produit dl{
		width: 100%;
		max-width: 100%;
	}
	
	div#liste_produits div{
		width: 97%;
	}

}