/* Habillage du site, partie 6/7 : adaptations aux écrans de moins de 1200, 800 et 600 px.
   Les 7 fichiers ufe-*.css se chargent dans l'ordre de leur numéro (voir inclure/head.html) ;
   ils reprennent, dans le même ordre, l'ancien spip_ufe.css. */
@media screen and (max-width: 1200px) {
	aside#menu {
		width:15%;
		height:100%;
	}
	aside#colonne-breves {
		width:23%;
	}
}

@media screen and (max-width: 800px) {
	div#barrenav ul.nav a {
		padding: 0 0.5em;
	}
	div#barrenav li {
		margin-bottom:1px;
	}
	div#barrenav li#nav-accueil {
		display: none;
	}
	aside {
		width:100%;
		float:none;
		padding-left:0.5em;
		margin-top:0.5em;
		overflow:hidden;
	}
	main {
		width:100%;
		float:none;
	}
	#menu ul.niv1 {
		padding-left:0.25em;
		display:inline;
	}
	#menu ul.niv1 > li {
		line-height: none;
		margin-top: 0;
		margin-right:0.25em;
		display:inline-block;
		margin-bottom:0.25em;
	}
	#menu ul.niv1 > li > a {
		text-transform:none;
	}
	#menu ul.niv1 > li>a:after {
		content: "   |";
	}
	#menu ul.niv2 {
		display:none;
	}
	#colonne-breves .contenu-breve p, 
	#colonne-breves .contenu-breve li.spip
	{
		color:#666;
	}
	#colonne-breves h2 {
		text-align:left;
		border-bottom: none;
	}
	.contenu-breve p, 
	.contenu-breve li.spip
	{
		text-align:left;
	}
	div#barrenav {
		width:100%;
		overflow:auto;
	}
	aside#colonne-breves #local {
		width:95%;
		float:none;
		margin:0 auto;
	}
	aside#colonne-breves .breves {
		-moz-columns:2;
		-webkit-columns:2;
		columns:2;
		width:95%;
		float:none;
		margin:1rem auto 1rem auto;
	}

	#barrenav {
		display:block;
		float:none;
		overflow:auto;
	}
	#formulaire_recherche {
		display:block;
		float:none;
		width: 70%;
	}
	div#rezo {display: none;}
	aside#menu {width:100%;}
	main#contenu,
	#contenu-principal {
		width:95%;
		float:none;
		margin:1rem 0 10px 0;
		padding-left:1rem;
		padding-right:1rem;
		clear:both;
	}
	#conteneur {
		display: block;
		align-content: flex-start;
	}
	aside#colonne-breves {
		width:95%;
		float:none;
		margin:0 auto;
		padding:0;
	}
	.plan-rubrique-article .article, 
	.plan-rubrique-article .rubrique {
		margin-top: 2em;
	}
	#menu > ul,
	#menu > ul li {
		display:inline;
	}
	#menu #local {display:none;}
	#colonne-breves #local {display:block; margin-top:2rem;}
	
	#local .entete {
		height:15%;
	}
	#local .entete img {
		width:9%;
		padding:5px;
	}
	#local .entete h1,
	#local div#titre,
	#local div.titre {
		padding-left:15%;
	}
	#local p {
		text-align:center;
		padding:0;margin:0;
	}
	.page_article_lme .images_lme {display:none;}
}

@media screen and (max-width: 600px) {

}