menu.wp-block-template-part {
	position: relative;
	z-index: 2;
	margin-block-end: var(--wp--preset--spacing--4);
}

.home menu.wp-block-template-part {
	margin-block-end: -3rem;
}

menu.wp-block-template-part .header--ctn  {
	display:grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;

}
menu.wp-block-template-part .header--ctn .logo {
	width: 100%;
	max-width:  12rem;
	padding: 1rem;
	border-radius: 1rem;
	background: var(--wp--preset--color--blanc);
}





menu.wp-block-template-part .header--ctn nav {
	margin-block-start: 2rem;
	justify-self: flex-end;
	align-self: flex-start;
	align-items: center;
	list-style: none;
	display: flex;
	gap: 3rem;
	& > .menu-item {text-align: center; font-family: var(--wp--preset--font-family--altivo); font-size: var(--wp--preset--font-size--medium-small); position: relative }
	& > .menu-item  a  {color: var(--wp--preset--color--bleu)!important;text-decoration: none!important;}
	& > .menu-item-has-children:after  {content: ""; font-family: var(--wp--preset--font-family--fontawesome); color: var(--wp--preset--color--rouge)}
	
	& > .menu-item:is(:hover, .current-menu-item, .current_page_ancestor) > a  {color: var(--wp--preset--color--rouge)!important; }
	& #menu-item-40  {max-width: 7rem}
	& #menu-item-43  {max-width: 14rem}
	& #menu-item-46  {max-width: 7rem}
	& #menu-item-464  {max-width: 8rem}
	& #menu-item-48  {max-width: 4rem}
	& .burger  { background: none; border: none; color: var(--wp--preset--color--rouge); font-size: var(--wp--preset--font-size--medium-large); cursor: pointer; }
	& .sub-menu  {
		opacity: 0;
		pointer-events: none;
		min-width: 100%;
		width: max-content;
		text-align: center;
		position: absolute; 
		left: 50%;
		translate: -50% 0;
		top:100%;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: left;
		transition: all ease-in-out 0.3s;
		font-size: var(--wp--preset--font-size--small);
		background: var(--wp--preset--color--blanc);
		padding: 1rem;
		border-radius : 1rem;
		
		& > .menu-item  {
			text-align: center;
			padding-top: 0.5em;
		}
		& > .menu-item:is(:hover, .current-menu-item, .current_page_ancestor) > a  {
			color: var(--wp--preset--color--rouge)!important; 
		}
	}
	
	& > .menu-item:hover > .sub-menu  {
		opacity: 1;
		pointer-events: all;
	}
	
}

body.single-cke_activites .header--ctn nav  .menu-item:is(.cke_activites) > a  {color: var(--wp--preset--color--rouge)!important;}
body.single-cke_carrieres .header--ctn nav  .menu-item:is(.cke_carrieres) > a  {color: var(--wp--preset--color--rouge)!important;}
body.single-cke_actualites .header--ctn nav  .menu-item:is(.cke_actualites) > a  {color: var(--wp--preset--color--rouge)!important;}

@media (width <= 1190px) {
	menu.wp-block-template-part .header--ctn nav {
		gap:2rem;
		& > .menu-item {text-align: left; }
	}
}

@media (width <= 1080px) {
	menu.wp-block-template-part .header--ctn nav {
		gap:1.5rem;
	}
}

@media (width <= 1040px) {
	menu.wp-block-template-part .header--ctn nav {
		gap:.75rem;
		& > .menu-item {font-size: var(--wp--preset--font-size--small); }
	}	
}

@media (width <= 980px) {
	menu.wp-block-template-part .header--ctn nav .menu-item {
		display: none;	
	}
}