@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) {
	.text-logo {
		transform: translate(-50%, -50%) scale(85%);
	}
	
	#global-CalMenu-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	#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 {
		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 {
		min-width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
	}
	#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%);
	}
}