@media (min-width: 768px) { 
	#header-home .logo {  max-width: 35%; }
	blockquote.spip { margin-bottom:2em; padding-left:55px; font-size:1.25em; line-height: 1.5em; background-size: 50px 50px; }
	#news li.autre a { display: flex; justify-content: flex-end; flex-direction: row-reverse; align-items: center;}
	#news li .content { display: flex; justify-content: flex-start; align-items: center; }
	#news li .resume_article { flex: 1; }
	#news .vignette_article { margin: 0 var(--margin) 0 0; }
}

@media screen and (max-width: 900px) {
	#header .container { padding: 0; }
	#header .accueil { padding: var(--margin); text-align: center;}
	#navprincipale button.burger[aria-expanded="true"] + #menuprincipal { visibility:visible; opacity: 1; color: var(--color-bg);}
	#menuprincipal { z-index: 1100; visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; font-size: 1.25rem;
		padding-top: 5rem; overflow-y: scroll; width: 100%; height: 100%; background: var(--color-txt);
		overscroll-behavior-y: contain; overflow-y: auto;
		transition: opacity 0.35s; }
	#menuprincipal a { padding: var(--margin-s); }
	#menuprincipal .niv1 { margin-bottom: 0.5rem; }
	#menuprincipal .menu_niv2 { margin-bottom: 1rem; line-height: 1.5rem;}
}

@media (min-width: 900px) { 
	:root { 
		--margin: 1.5rem;
		--margin-l: 3.125rem;
		--margin-xl: 3.75rem;
	}

	#header { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; background: var(--color-bg); box-shadow: 0 8px 10px 1px rgba(0,0,0,0.06); }
	#header .container { display: flex; justify-content: space-between; align-items: center;}
	#fildariane {margin-top: 5rem;}
	#navprincipale { flex: 1; }
	#navprincipale button.burger { display: none ; }
	#menuprincipal { display: flex; justify-content: space-around; margin: var(--margin-s) 0; }
	#menuprincipal .menu_niv2 { text-align: left; line-height: 1.1em;}

	.boutons-accueil { padding: 0; height: 0; background: transparent;}
	.boutons-accueil ul { position: initial; transform: translate3d(0,-50%,0); }
	.boutons-accueil a::after {  bottom: -22px; width: 40px; height: 40px; }
	
	#introduction > .container { padding-top: 7rem; max-width: 666px; }

	.page_article #main > .container { padding: var(--margin-l); background: var(--color-bg); box-shadow: 2px 5px 10px 1px #999;  border-radius: var(--border-radius-l);}
	#bebette-bas {margin-top: -430px;}

	.speaker .wrapper { display: flex; justify-content: space-between;}
	.speaker .rond { position: sticky; top: 6rem; flex-basis: 200px;}
	.speaker .contenu { flex: 1; margin-left: var(--margin-l); text-align: left;}
	.speaker h1 { text-align: left;}

}

/* *** RWD *** */

@media (max-width: 640px) { 
	/* layout */
	.container { display:inherit; }

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

	blockquote.spip { margin-bottom:1em; padding-left:1.5em; }

	.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; }
}