.gMenu-Conteneur {
	display: flex;
	flex-direction: column;
	background-color: #e7e7e7;
}

.gMenu {
	display: flex;
	font-weight: bold;
}

.gMenu-Toggle {
	display: none;
}

.gMenu-Toggle~.gMenu-Label {
	-webkit-mask:  url("../Icons/fermer.svg");
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask: url("../Icons/fermer.svg") no-repeat center;
	mask-size: 100% 100%;
	mask-position: center;
	mask-repeat: no-repeat;
	user-select: none;
}

.gMenu-Toggle:checked~.gMenu-Label {	
	-webkit-mask:  url("../Icons/menu.svg");
	-webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask: url("../Icons/menu.svg") no-repeat center;	
	mask-size: 100% 100%;
	mask-position: center;
	mask-repeat: no-repeat;
}

.gMenu-Label {
	position: absolute;
	display: none;
	cursor: pointer;
	color: transparent;
	background-color: #095797;
	width: 10vw;
	height: auto;
	margin-top: 2vw;
	right: 2vw;
	align-self: flex-end;
	z-index: 999;
}

#Menu-Accueil {
	display: none;
}

/*
.gMenu-Accueil a {
  background-image: url("../Icons/home.svg");
  background-position-y: center;
  background-position-x: left;
  background-repeat: no-repeat;
  background-size: contain;
}
*/

.gMenu-Conteneur .gMenu-Contenu li:hover>a .gMenu-Accueil-Icon {
	fill: #e7e7e7;
}

.gMenu-Accueil {
	-webkit-mask:  url("../Icons/accueil.svg");
	-webkit-mask-size: 80% 80%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask: url("../Icons/accueil.svg") no-repeat center;
	mask-size: 80% 80%;
	mask-position: center;
	background-color: #223654;
}

.gMenu-Accueil span {
	display: none;
}

.gMenu-Contenu {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.gMenu-Contenu nav {
	width: 100%;
}

.gMenu-Contenu ul {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
}

.gMenu-Contenu>nav>ul {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	cursor: pointer;
}

.gMenu-Contenu li {
	display: flex;
	position: relative;
	float: left;
}

.gMenu-Contenu li.active>a {
	color: #949499;
}

.gMenu-Contenu a {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	color: #223654;
	padding: 1rem;
	cursor: pointer;
	text-decoration: none;
	/* background-image: none; */
	white-space: nowrap;
}

.gMenu-Contenu a:hover {
	text-decoration: none;
}

.gMenu-Enfant {
	display: none;
	background-color: #e7e7e7;
}

.gMenu-Enfant a {
	justify-content: flex-start;
}

.gMenu-Enfant .gMenu-Enfant {
	top: 0;
	left: 100%;
}

.gMenu-Contenu li:hover>a {
	background-color: #cdcdcd;
}

.gMenu-Contenu ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	height: auto;
	flex-direction: column;
	/*
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s linear;
  */
	display: none;
}

.gMenu-Parent-Item>a {
	pointer-events: none;
}

.gMenu-Parent-Item:not(.n1)>a {
	pointer-events: all;
}

.gMenu-Parent-Item.ouvert>.gMenu-Enfant {
	display: inline-flex;
	/*
  opacity: 0.9;
  transition: visibility 0.2s, opacity 0.2s linear;
  transition-delay: 0.1s;
  */
}

.gMenu-Enfant .gMenu-Parent-Item:hover>.gMenu-Enfant {
	display: inline-flex;
}

.gMenu-Parent.active>.gMenu-Enfant {
	display: block;
}

.gMenu-Lateral a {
	justify-content: flex-start;
}

.gMenu-Lateral .gMenu-Enfant a {
	font-weight: normal;
}

.gMenu-Lateral .gMenu-Enfant.n2 a {
	padding: 1vh 1.5vw;
}

.gMenu-Lateral .gMenu-Enfant.n3 a {
	padding: 1vh 2.5vw;
}

.gMenu-Lateral .gMenu-Enfant.n4 a {
	padding: 1vh 3.5vw;
}

.gMenu-Lateral .gMenu-Parent.active>.gMenu-Enfant {
	display: flex;
	flex-direction: column;
	position: relative;
	top: 0;
}

.gMenu-Lateral .gMenu-Parent {
	flex-direction: column;
}

.gMenu-Lateral .gMenu-Enfant {
	left: auto;
}

.gMenu-Mobile {
	display: none;
}

/*********************************************************************************************************************/
/****************************************************************************************************** media 1024 ***/
/*********************************************************************************************************************/

@media (max-width: 1024px) {
	.gEntete-Menu {
		font-size: 1rem;
	}

	.gMenu-Conteneur {
		font-size: 1.5rem;
		color: #ffffff;
		background-color: #095797;
	}

	.gMenu-Conteneur.gPadding {
		padding: 0 4vw;
	}

	.gMenu-Toggle:checked~.gMenu {
		display: none;
	}

	.gMenu-Label {
		display: block;
	}

	.gMenu-Toggle:not(:checked)~.gMenu-Label {
		background-color: #ffffff;
	}

	.gMenu {
		overflow: hidden;
		padding: 3em 0;
	}

	.gMenu-Mobile {
		display: flex;
		flex-direction: column;
	}

	.gMenu-Mobile ul {
		margin-block-start: 0;
		margin-inline-start: 0;
	}

	.gMenu-Mobile .gBandeau-Infos {
		padding: 0;
	}

	.gMenu-Mobile .gBandeau-Coordonnees,
	.gMenu-Mobile .gBandeau-Medias {
		border-top: solid thin #949499;
		margin: 1em 0;
	}

	.gMenu-Mobile .gBandeau-Coordonnees nav {
		width: auto;
	}

	.gMenu-Mobile .gBandeau-Coordonnees a {
		background-size: 1.5em;
	}

	#Menu-Accueil {
		display: contents;
	}
	
	.gMenu-Accueil {
		background-color: #ffffff;
	}

	.gMenu-Accueil span {
		display: flex;
	}
	
	.gMenu-Contenu>nav>ul {
		flex-direction: column;
	}

	.gMenu-Contenu li:hover>a {
		background-color: #095797;
	}

	.gMenu-Contenu .gMenu-Enfant {
		position: relative;
		top: 0;
		border: none;
		background-color: #d1d8e8;
	}

	.gMenu-Contenu nav ul li {
		/*border-bottom: 1px solid #ffffff;*/
		flex-direction: column;
	}

	.gMenu-Contenu a {
		justify-content: flex-start;
		color: #ffffff;
		padding: 0.6em 0;
	}

	.gMenu-Enfant a {
		justify-content: center;
	}

	.gMenu-Enfant .gMenu-Parent-Item:hover>.gMenu-Enfant {
		display: contents;
	}

}

/*********************************************************************************************************************/
/******************************************************************************************************* media 640 ***/
/*********************************************************************************************************************/

@media (max-width: 640px) {

	.gMenu-Conteneur {
		font-size: 1rem;
	}

}