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

/* 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;
	}

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

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

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

	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 > 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{
		padding-left: var(--padding);
		padding-right: var(--padding);
	}

	body[data-template="article"] .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"] .content-wrapper .article-meta{
	 	width: calc(100% + var(--padding) * 2);
  		margin-left: calc(var(--padding) * -1);
	 }

	.article-content .footnote-inner, 
	.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);
	}

}


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

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

	.content-wrapper .article-intro{
/*		padding-top: 0;
		padding-bottom: var(--padding);*/
/*		font-size: 22px;*/
	}

	.related-articles{
		width: calc(100% + var(--padding) * 2);
  		margin-left: calc(var(--padding) *-1) !important;
	}



}

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

}