.gEntete {
	display: flex;
	flex-direction: row;
	/*align-items: center;*/
	background-color: #095797;
	color: #ffffff;
}

.gEntete-Infos {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

.gEntete-Logo {
	padding: 0 1vw 0 0;
}

.gEntete-Logo a {
	display: flex;
}

.gEntete-Logo img {
	max-height: 5.5rem;
	width: auto;
	border-style: none;
}

.gEntete-Titre {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
}

.gEntete-Titre a {
	color: #ffffff;
	white-space: nowrap;
	text-decoration: none;
}

.gEntete-Menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	font-size: 0.9rem;
	padding: 0 0 0 0.5vw;
}

.gEntete-Menu a {
	color: #ffffff;
	white-space: nowrap;
	text-decoration: none;
}

[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	background-color: #223654;
	height: 1.5rem;
	width: 1.5rem;
	-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
	cursor: pointer;
  }

.gRecherche {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0.5vw;
}
  
.gRecherche-Loupe {
	cursor: pointer;
	fill: #ffffff;
	width: 1.6rem;
	height: 1.6rem;
}

.gRecherche-Boite {
	background-color: #095797;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	max-height: 15vh;
	transition: max-height 1s;
}

.gRecherche-Boite-Invisible {
	max-height: 0;
}

.gRecherche-Boite form {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 1vh 0;
}

.gRecherche-Boite #ke_search_sword {
	/* Pour overrider ke_search */
	flex: 1;
	position: relative;
	top: auto;
	border: none;
	padding: 0 0 0 0.7rem;
	font-size: 0.9rem;
}

.gRecherche-Boite .gRecherche-Loupe {
	padding: 0.3rem;
	background-color: #dae6f0;
}

.gRecherche-Boite .gRecherche-Loupe {
	fill: #223654;
}

.gRecherche img {
	height: 1.5rem;
}

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

@media (max-width: 640px) {

	.gEntete-Infos {
		flex-direction: column;
	}

	.gEntete-Logo img {
		width: 35vw;
		height: auto;
	}

	.gEntete-Titre {
		font-size: 0.8rem;
		padding: 0 0 0.5rem 0;
	}

	.gRecherche {
		padding: 0 2.5vw;
	}

}