/**
 * Ce fichier contient tout ce qui permet d'économiser de la place en responsive.
 * Il n'inclut pas le placement responsive des boites, qui se trouve dans layout.css.
 * Ni les quelques réglages typographiques spécifiques à ces tailles qu se trouvent dans typo.css.
**/

/** Moins de 640 px
 * Economiser de la place dans les header et footer
 *
**/
@media (max-width: 640px) {
	.header .surtitre,  .header .soustitre{
		font-size: 1em;
	}
	footer {
		padding:0!important;
	}
	.prefooter {
		display: block;
	}
	.prefooter .colonne {
		float: inherit;
		width: 100%;
		padding: 1em;
		margin-bottom: 1em;
	}
}



/**
 * Moins de 550 px:
 *	- la justification passe mal
 *	- le formulaire de recherche aussi
 *	- économiser de la place
**/
@media (max-width: 550px) {
	.main p{
		text-align: left;
	}
	.nav_recherche {
		display: none;
	}
	footer h2 {
		font-size: 1.1em;
	}
	a {
		hyphens: auto;
	}
}

/* Moins de 401 px : économiser de l'affichage sur les résumé**/
@media (max-width: 400px) {
	.post .introduction, .post .surtitre, .post .soustitre {
		display: none;
	}
}