@media (max-width: 768px) { 
	#agenda-liste { text-align: center; }
}

@media (min-width: 768px) { 
	blockquote.spip { margin-bottom: 2em; padding-left: 3.5rem;  font-size: 1.25em; line-height: 1.5em; background-size: 50px 50px; }
	#agenda-liste { text-align: center; }
	#agenda-liste .titre { text-align: right; }
}

@media (max-width: 1000px) { 
	.page_sommaire h1, .accueil { padding-left: .5rem; background: rgba(35, 31, 32, 0.7); }
	#liste_articles li { margin-bottom: var(--marge-l);}

	#sociaux { margin-bottom: var(--marge); }

}

@media (min-width: 1000px) { 

	h1, .h1 { position: relative; font-size: 4.375rem; line-height: ; }

	.page_sommaire h1::before, .accueil::before { display: block; content: ''; position: absolute; z-index: -10; top: 0; left: -100%; width: 200%; height: 100%;
		background: rgba(35, 31, 32, 0.8); }
	.accueil::before { background: var(--coul-texte); }

	#liste_articles { justify-content: space-between; flex-direction: row; gap: var(--marge-l);}
	#liste_articles li { width: 50%;}

	.chapo { margin-left: -8rem;}

	.infos-spectacles { display: flex; margin: var(--marge-l) auto; max-width: 800px; }
	.infos-spectacles h2 { margin-right: var(--marge-l); padding-right: var(--marge-l); text-align: right; border-right: 2px solid; }
	.infos-spectacles div { flex: 1 ; }


	#footer .container { display: flex; justify-content: space-between; align-items: flex-end;}
}

/* *** RWD *** */

@media (max-width: 640px) { 
	/* layout */
	.container { display:inherit; }
	/*.wrapper,
	.main,
	.aside { width:100%; }*/

	.aside { padding-top:1em; border-top: 1px solid #b6b6b6; }

	.header .spip_logo_site, .header #slogan { width:100%; text-align:center; }

	figure figcaption .legende { font-size:0.8em; }

	.page_recherche .main .resultats { margin:auto; max-width:360px; }
	.page_recherche .main .resultats .item a { display: block; }
	.page_recherche .main .resultats .item .vignette_zcm { margin:0 0 1em 0; width: auto; }
}