@media screen{

	main{
		padding-top: 150px;
		max-width: var(--max-content);
		padding-inline: var(--padding-inline-page);
		margin: auto;
		  padding-top: 120px;
		   /* font-size: 15px; */
	}

	/* fade entre les pages (CSS pur : fonctionne aussi sans JS) */
	#fade{
	  animation: fade-in-page 1s ease-out both;
	}

	@keyframes fade-in-page{
	  from{ opacity: 0; }
	  to{ opacity: 1; }
	}


	/* ---- IMAGES GESTION WEB / PRINT --- */
	.web-image { display: block !important; }
	.print-image { display: none !important;}


	/* ---- IMAGES LIGHT BOX ---- */
	.glightbox-clean .gslide-title{
		font-family: var(--fontFamily);
		font-weight: 600;
		line-height: 1.2;
	}

}



@media only screen and (max-width: 54em) {


  body[data-template="home"] header,
  body[data-template="chapitre"] header {
    left: 0;
  }


  .sommaire {
    top: 82px;
    height: calc(100vh - 82px);
    width: 100%;
    max-width: 100%;
  }

  main.home article, 
  main.chapitre article{
    padding-bottom: 0;
  }

}