@media only screen and (max-width: 1250px){
	header .whole-title{display: none;}
	header .reduce-title{display: inline; font-size: var(--menu-size)}
}

@media only screen and (max-width: 500px){
	 body[data-template="article"] .content-wrapper .article-meta,
	body[data-template="event"] .content-wrapper .article-meta{
	 		width: calc(100% + var(--padding) * 2);
  		margin-left: calc(var(--padding) * -1);
	 }
}

/* Smartphones */
@media only screen and (max-width: 990px){
	.show-for-small-only{
		display: none;
	}
	.hide-for-small-only{
		display: block;
	}

	header{width: 100%;}
	header .whole-title{display: inline; font-size: var(--menu-size)}
	header .reduce-title{display: none;}
	
	header .faire-un-don{width: 100%;}

	header .menu-wrapper{
		left: -100%;
		pointer-events: none;
		visibility: hidden;
	}

	header.closed .menu-wrapper{
		left: 0;
		pointer-events: all;
		visibility: visible;
	}

	body[data-template="article"] header .menu-wrapper,
	body[data-template="event"] header .menu-wrapper{
		left: 0;
		pointer-events: all;
		visibility: visible;
	}

	body[data-template="article"] header.closed .menu-wrapper,
	body[data-template="event"] header.closed .menu-wrapper{
		left: -100%;
		pointer-events: none;
		visibility: hidden;
	}

	/* État du menu lu par main.js : sur mobile, .closed = menu ouvert (sauf article / évènement) */
	header{ --menu-open: 0; }
	header.closed{ --menu-open: 1; }
	body[data-template="article"] header,
	body[data-template="event"] header{ --menu-open: 1; }
	body[data-template="article"] header.closed,
	body[data-template="event"] header.closed{ --menu-open: 0; }

	blockquote{
		font-size: 16.5px;
	}

	#nav-wrapper{
		height: calc(100vh - var(--headerH) - 68px);
	}

	.tetiere{
/*		display: none;*/
		bottom: 0;
		left: 0;
		width: 100%;
		border-top: 1px solid #000;
		border-bottom: none;
		height: 60px;
	}

	.tetiere .breadcrumb{
		display: none;
	}

	.tetiere .menu-contribuer{
		border: none;
		border-right: 1px solid #000;
	}

	.tetiere .languages{
		top: 12px;
		right: 15px;
	}

	.tetiere .languages li{
		display: block;
	}

	.tetiere .languages li:first-child::after{
		content: "";
	}

	.tetiere .search{
		padding: 18px 10px;
	}
	.tetiere .search-inner{
		width: 32px;
	}

	.numero-wrapper h1{
		font-size: 40px;
	}

	.content-wrapper .tags,
	.content-wrapper .dossier-serie{
		font-size: calc(var(--small-size) - 3px);
	}
	

	.content-wrapper .tags li,
	.content-wrapper .dossier-serie li{
		font-weight: normal;
	}

	.bandeau-wrapper-scroll .bandeau-scroll{
		padding: 0;
	}

	.bandeau-scroll > li{
		padding-bottom: var(--padding);
	}

	.content-wrapper .event-list > li.event-item{
		padding: var(--padding) 0.2rem 0;
	}

	.event-item_infos h2::before, .event-item_infos .read-more::before{
		margin: calc(var(--padding) * 0.25) 0;
	}

	.bandeau > li{
		border-right: none;
	}

	.bandeau .big {
		min-height: 380px;
	}

	.bandeau .big h3 {
	  font-size: var(--big-size-phone);
	  line-height: 1.2;
	}

	.bandeau .big, 
	.bandeau .major, 
	.bandeau .minor{
		max-width: auto;
		min-height: 100%;
	}

	.bandeau .big .article-inner{
		width: 100%;
	}

	.bandeau .article-inner{
		padding : 0 calc(var(--padding) * 0.8) 0 calc(var(--padding) *0.8);
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}

	.submenu{
		width: 100%;
		left:0;
		border-left: none;
		height: auto;
	}

	.submenu ul{
		padding: 10px;
		font-size: 16px;
		position: relative;
		top: 0;
		left:0;
		transform: none;
	}

	.submenu ~ .content-wrapper{
		padding-top: calc(var(--headerH) * 2.5);
	}

	main{
		width: 100%;
  	margin-left: 0;
  	margin-bottom: 59px;
	}

	article h1,
	.content-wrapper h1,
	.content-wrapper h1 p{
		line-height: 1.2;
		font-size: var(--big-size-phone);
	}

	.article_article-author{
		/*font-size: var(--text-size-medium);*/
	}

	.bandeau-scroll > li{
		min-width: 100%;
	}

	.content-wrapper,
	body[data-template="dossiersseries"] .content-wrapper, 
	body[data-template="dossierserie"] .content-wrapper,
	body[data-template="format"] .content-wrapper{
/*		padding-left: var(--padding);*/
/*		padding-right: var(--padding);*/
		padding-top: calc(var(--headerH) * 1.5);
	}

	body[data-template="article"] .content-wrapper,
	body[data-template="event"] .content-wrapper{
		padding-left: var(--padding);
		padding-right: var(--padding);
	}

	body[data-template="article"] .content-wrapper .article-content p,
	body[data-template="event"] .content-wrapper .article-content p{
		text-align: left;
		hyphens: none;
	}

	.people-grid .author_firstletter,
	.index .letter-heading{
		padding-left: var(--padding);
		padding-right: var(--padding);
		margin-bottom: var(--padding);
	}
	

	.people-grid .author_firstletter > span{
		position: relative;
		top: 0;
		left:0;
	}

	.who-author-list-by-group li{
		padding: var(--padding);
	}

	.who-author-list-by-group li:nth-child(2n){
		border-right: none;
	}

	.who-author-list-by-group li:nth-child(3n){
		border-right: 1px solid #000;
	}

	.who-author-list-by-group li figure{
		width: 80%;
	}

	.who-author-list-by-group li h3{
		font-size: var(--small-size);
		margin-top: 10px;
	}

	.who-author-list-by-group li h4{
		font-size: var(--small-size-small);
	}

	.numero-wrapper{
		padding-top: calc(var(--headerH) * 1)
	}

	.numero-wrapper h1.numero-title{
		border-top: none;
	}

	.content-wrapper .dossier-wrapper .articles-grid figure,
	.content-wrapper .dossier-wrapper .articles-grid .series figure{
		width: 50%;
	}

	.content-wrapper .dossier-wrapper section.series:nth-child(2n+1){
		border-right: none;
	}

	 .index .letter-heading > span {
	    position: relative;
	    top: 0;
	    left: 0;
	 }

	body[data-template="article"] .article-content .footnote-inner,
	body[data-template="article"] .article-intro .footnote-inner,
	body[data-template="event"] .article-content .footnote-inner,
	body[data-template="event"] .article-intro .footnote-inner{
	 	position: fixed;
	  max-width: 90vw;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
  }

	.search-form input{
		width: 250px;
		min-width: auto;
	}

	.search-form label{
		position: relative;
		top: 8px;
	}

	#sib-container{
		margin-top: calc(var(--padding)*2) !important;
		padding: calc(var(--padding) *1) !important
	}

	#sib-container #sib-form{
		width: 100%;
	}

	.registration-form{
		margin-top: calc(var(--padding)*2);
		padding: calc(var(--padding) *2);
	}

	.registration-form input[type="text"], 
	.registration-form input[type="email"],
	.registration-form .custom-file-upload{
		width: 100%;
	}
	
	.scroll-button{
		bottom: auto;
		top: 20%;
		transition: all 0.2s ease-in;
	}

	.scroll-button.prev{
		left: 5px;
		transform: translate(0, 0);
	}

	.scroll-button.next{
		right: 5px;
		transform: translate(0, 0);
	}

	.scroll-button.notactive{
		opacity: 0;
	}

	.people-grid h2, .index h2{
		font-size: var(--medium-size);
	}

	.content-wrapper .reading-time,
	.article_article-date{
		margin-left: 20px;
	}

	.article-languages{
		margin-left: 30px;
	}


}


@media only screen and (max-width: 1550px){
	body{
/*		background: red;*/
		--text-size: 19px;
		/*font-size: var(--text-size-medium);*/
	}

	blockquote,
	blockquote p{
		font-size: 17px;
	}

	#menu-icon{
		width: 18px;
	}

	.logo{
		font-size: var(--menu-size-medium);
	}

	nav.menu-primary, nav.menu-secondary{
		padding: calc(var(--padding) * 2) calc(var(--padding) * 1);
	}

	nav.menu-primary, 
	.faire-un-don, 
	.tetiere .menu-contribuer,
	.bandeau h3,
	.bandeau .minor h3{
		font-size: var(--menu-size-medium);
	}

	.bandeau .major h3,
	.related-articles h2,
	.author-content h2,
	.author-articles h2,
	.numero-sommaire h2,
	.bandeau-container h2{
		font-size: 22px;
	}

	nav.menu-primary 
	.menu-primary_submenu,
	.submenu{
		/*font-size: var(--text-size-medium);*/
	}

	nav.menu-secondary{
		font-size: var(--small-size);
	}

	.bandeau .meta{
		font-size: var(--small-size);
	}

	.bandeau .article-inner{
		padding: 0 calc(var(--padding) *1) 0 calc(var(--padding) *1)
	}

	.content-wrapper .article-text{
		padding-top: 0;
		padding-bottom: 0;
	}

}

@media only screen and (max-width: 1250px){
	.logo{
		font-size: 19px;
	}

	nav.menu-primary, .faire-un-don, .tetiere .menu-contribuer{
		font-size: 19px;
	}

	nav.menu-primary, nav.menu-secondary{
		padding: calc(var(--padding) * 1);
	}	

	.tetiere .breadcrumb,
	.content-wrapper .dossier-wrapper h3,
	.content-wrapper .dossier-serie,
	.content-wrapper .tags{
		font-size: var(--small-size-small);
	}

	.content-wrapper .meta{
		font-size: 14px;
	}

}




/* ---------- Débordements horizontaux sur téléphone ---------- */
@media only screen and (max-width: 990px){
	/* Textes, titres et notes : couper les longues URLs et les mots trop longs */
	.content-wrapper,
	.footnote-inner,
	.footnote-inner-bottom{
		overflow-wrap: anywhere;
	}

	.content-wrapper h1,
	.content-wrapper h2,
	.content-wrapper h3{
		hyphens: auto;
	}

	/* Lecteur audio : largeur fixe de 300px minimum dans la librairie */
	.green-audio-player{
		min-width: 0;
		max-width: 100%;
	}

	/* Sous-menu (rubriques, formats) : annuler les marges négatives de .row */
	.submenu ul.row{
		margin-left: 0;
		margin-right: 0;
	}

	/* Infobulles (survol uniquement) : invisibles mais prenaient de la place */
	.tooltip .tooltiptext{
		display: none;
	}

	/* Flèche « Sommaire » (Numéros) : ne pas sortir de l'écran sur petits téléphones */
	.numeros-list .open-summary{
		left: min(calc(50% + 150px), calc(100% - 14px - var(--small-padding)));
	}

	/* Image de couverture des articles « big » : pleine largeur sur téléphone */
	.bandeau .big .article-cover{
		width: 100%;
	}
}