@media (max-width: 1200px) {	
	.hide-1200 {
		display: none;
	}
	
	#menu-boussole-container.expanded {
		padding-right: 35px;
	}
	#menu-b-left {
		white-space: unset;
	}
}

@media (max-width: 900px) {
	.hide-900 {
		display: none;
	}
	
	#menu-boussole-red .item-container {
		min-width: unset;
	}
	
	#cal-container .ligne {
		flex-direction: column;
	}
	#cal-container .onpage {
		width: 100%;
	}
	#cal-container .onpage.p-b {
		margin-left: 0;
	}
	#cal-container .ligne-sekki .p-a::after,
	#cal-container .ligne-sekki .p-b::before {
		display:none;
	}
}

@media (max-width: 600px) {
	:root {
		--std-font-size: 1.125rem
	}
}
@media (max-width: 475px) {
	:root {
		--std-font-size: calc( 1.125rem * .833 )
	}
}

@media (max-width: 400px) {
	:root {
		--std-font-size: calc( 1.125rem * .75 )
	}
}

@media (max-width: 600px) {
	.text-logo {
		transform: translate(-50%, -50%) scale(85%);
	}
	#global-CalMenu-container,
	#menu-boussole-overlay,
	#cal-overlay {
		pointer-events: none;
	}
	
	#responsive-menu-selector .item-container:last-of-type .item-label {
		padding-right: 30px;
	}
	
	#global-CalMenu-container:has(#cal-overlay.displayed) #menu-boussole-overlay {
		pointer-events: auto;
	}
	
	#menu-boussole-overlay > *,
	#cal-overlay > * {
		pointer-events: auto;
	}
	
	#global-CalMenu-container {
		position: fixed;
		z-index: 100;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		
		font-size: var(--std-font-size);
	}
	#global-CalMenu-container:has( #menu-boussole-container.expanded ) {
		backdrop-filter: blur(1px);
		background: rgba(0,0,0,.4);
	}
	
	#menu-boussole-container {
		transition: unset;
	}
	
	.hide-600 {
		display: none;
	}
	
	#menu-boussole-red menu-items {
		position: relative;
	}
	
	#responsive-menu-selector .item-descr {
		display: none;
	}
	
	#responsive-menu-selector {
		display: block;
	}
	
	#menu-boussole-red .item-container {
		min-width: 150px;
	}
	
	#menu-b-left {
		top: var(--total-menu-area-height);
		height: calc(100dvh - var(--total-menu-area-height));
		visibility: hidden;
		pointer-events: none;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		padding: 3%;
		box-sizing: border-box;
	}
	
	#menu-boussole-container.expanded #menu-b-left {
		visibility: visible;
		pointer-events: unset;
	}
	
	#menu-b-left .item-container {
		box-sizing: border-box;
		min-width: 100%;
		margin-bottom: 0;
		overflow: hidden;
	}
	
	#menu-b-left .item-container .in-menu {
		background-color: #333;
	}
	
	#menu-b-left .item-container:first-child,
	#menu-b-left .item-container:not(:first-child) {
		margin-top: -10px;
		border: 5px solid #333;
	}
	#menu-b-left .item-container:not(:first-child) {
		border-top: 0;
	}
	#menu-boussole-container .item-day {
		/**margin-top: 2px;**/
	}
	#menu-boussole-container .item-label {
		margin-bottom: 0px;
	}
	
	#menu-b-left .in-menu {
		overflow: hidden;
		width: 40%;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
	}
	
	#menu-b-left .in-menu .svg-bg {
		width: 102%;
		height: 110%;
		left: -1%;
	}
	
	#menu-b-left .item-label {
	}
	
	#menu-boussole-container.expanded #menu-b-left .item-descr {
		top: 0;
		right: 0;
		z-index: -1;
		width: 61%;
		height: 100%;
		border-top: 0;
		transform: unset;
		visibility: visible;
		box-sizing: border-box;
		padding: 10px;
		font-size: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#cal-container {
		--cal-padding: 30px;
	}
		
	#page-title {
		visibility: hidden;
	}
	
	/** TUTO TOOLTIP **/
	
}

@media (max-width: 500px) {
	.text-logo {
		transform: translate(-50%, -50%) scale(75%);
	}
}

@media (max-width: 600px) {
	.invisible-mediamax-600 {
	  position: absolute;
	  width: 1px;
	  height: 1px;
	  padding: 0;
	  margin: -1px;
	  overflow: hidden;
	  clip: rect(0, 0, 0, 0);
	  white-space: nowrap;
	  border-width: 0;
	}
}