/* sm size */
@media only screen and (min-width: 48em) {
	:root{
		--textSize: 19px;
		--mediumSize: 16px;
		--h1Size: 75px;
		--h2Size: 35px;
		--h2SizeBis: 35px;
	}

	.show-for-small-only{
		display: none;
	}

	.hide-for-small-only{
		display: block;
	}

	/* ---- HEADER ---- */
	body > header{
		padding: 9px 30px 40px;
	}

	header .mobile__menu_btn {
		display: none; 
	}

	header .header-inner{
		display: flex;
  	flex-wrap: wrap;
	  height: auto;
    min-height: auto;
    max-height: none;
	  background: transparent;
	}

	header .menu-left {
    text-align: left;
    width: 80%;
    margin-top: 0px;
  }

  header .menu-left ul {
  	display: flex;
  	justify-content: flex-start;
	}

	header .menu-left ul li {
  	padding-right: var(--margin);
  	margin-bottom: 0;
  	position: relative;
	}

	body:not([data-template="map"]) .toggle-help:not(.site-help){
  	position: initial;
  	width: auto;
/*  	top: 0;
  	left: -10px;*/
  }

	header .menu-right {
	  width: 20%;
  	justify-content: flex-end;
  	margin-top: 0;
  	padding-top: 5px;
  	position: relative;
  	top: auto;
	}

	header h1.menu-site-title{
		display: none;
	}

	/* ---- GÉNÉRAL ---- */

	body[data-template="archive"] h1,
	body[data-template="network"] h1,
	body[data-template="database"] h1{
		display: none;
	}


	blockquote {
	  margin-right: 15%;
	}

	.row__grid .column__grid {
	  grid-column: span var(--span, 12);
	}

  .note-call-wrapper  .note__inner {
	  display: block !important;
	}

	main h1.page-title{
		margin-left: -50px;
		position: relative;
		top: auto;
		left: auto;
		text-align: left;
		font-size: var(--h1Size);
	}

	.page__content-wrapper h2{
    margin-left: -50px;
  }

  /* ---- H O M E -----*/
	body[data-template="home"] main nav li {
	  font-size: 57px;
	  margin-bottom: 60px;
	}

	body[data-template="home"] footer.website__footer h1 {
	  font-size: 57px;
	}

  /* ---- N E T W O R K -----*/

	#network-grid article{
	  padding-right: 0.8rem;
  	padding-left: 0.8rem;
	}

	.device__additional h2{
  	 margin-left: -50px;
  }

  .device__list {
	  margin-top: calc(var(--margin) * 6);
	  padding: 15px 30px 40px;
	}


  .note-call-wrapper .note-call {
	  width: 42px;
	  font-size: 15px;
	}

	#footnotes .note-pointer {
	  width: 42px;
	  font-size: 15px;
	}

	/* ----- TABLE ------ */
	#search {
	  position: absolute;
	  top: 0;
	  right: 20px;
	}

	#filters .filters__category {
	  margin-bottom: 0;
	}

	#filters .filters__category:nth-child(1) {
	  width: 12.5%;
	}

	#filters .filters__category:nth-child(1) ul {
	  column-count: 1;
	}

	#filters .filters__category:nth-child(2) {
	  width: 25%;
	}

	#filters .filters__category:nth-child(2) ul {
	  column-count: 2;
	  column-gap: 25px;
	}

	#filters .filters__category:nth-child(3) {
	  width: 37.5%;
	}

	#filters .filters__category:nth-child(3) ul {
	  column-count: 3;
	  column-gap: 25px;
	}

	#filters .filters__category:nth-child(4) {
	  width: 25%;
	}

	#filters .filters__category:nth-child(4) ul {
	  column-count: 2;
	  column-gap: 25px;
	}

	#archive-table {
	  overflow-x: initial;
	}

	#archive-table thead {
	  position: sticky;
	  top: 61px;
	  z-index: 1000;
	}

	/* ----- MAP ------ */
	#map-panel{
		padding-top: 70px;
  	height: 100vh;
  	top: 0;
  	bottom: 0;
	}

	body[data-template="map"] header {
	  width: 0;
	  padding: 0;
	  height: 90px;
	}

	body[data-template="map"] header.active {
	  width: 100%;
	  padding: 15px 30px 40px;
	}

	body[data-template="map"] header.active .header-inner{
		height: auto;
    min-height: auto;
    max-height: none;
	}

	body[data-template="map"] header .menu-left > ul {
	  margin-left: 40px;
	}

	body[data-template="map"] .menu-left > ul,
	body[data-template="map"] .menu-right {
	  display: none;
	}

	body[data-template="map"] .mobile__menu_btn {
	  display: block;
	  top: 22px;
	  left: 22px;
	}

	body[data-template="map"] header .menu-left.active {
	  height: auto;
	}

	body[data-template="map"] header .menu-left.active {
	  width: 80%;
	}

	body[data-template="map"] header .menu-left.active ul,
	body[data-template="map"] header .menu-left.active ~ .menu-right {
	  display: flex;
	}

	body[data-template="map"] header .menu-right{
		padding-top: 5px;
	}

	body[data-template="map"] h1.page-title{
		width: 400px;
		left: 0;
	}

	body[data-template="map"] .toggle-help:not(.site-help){
		width: 400px;
	}

	#map-panel__toggle-panel-btn {
	  position: absolute;
	  top: 70px;
	  left: -30px;
	  transform: translateX(100%);
	  background-color: var(--green);
	  color: var(--background);
	  border-radius: 0 2rem 2rem 0;
	  z-index: 1002;
	  padding: 4px 10px 4px 8px;
	  font-size: var(--textSize);
	  transition: left 0.5s ease-in-out;
	}

	#map-panel__toggle-panel-btn.open {
	  left: 370px;
	}

}

/* md size */
@media only screen and (min-width: 64em) {

}

/* lg size */
@media only screen and (min-width: 75em) {

}

/* xl size */
@media only screen and (min-width: 90em) {

}