.gMenu-Contenu .gMenu-Accueil {
	display: flex;
}

.gMenu-Accueil .gMenu-Accueil-Texte {
	display: none;
}

.gMenu-Accueil .gMenu-Accueil-Icone {
	display: flex;
}

.gGestion .gContenant {
	align-items: center;
}

.gGestion .gPage {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
}

.gGestion-Entete {
	width: 100%;	
}

/******************************************************************************************************** Connexion **/

.gConnexion {
  display: flex;
  justify-content: center;
	align-items: center;
	min-height: 78vh;
}

.gConnexion,
.gConnexion input,
.gConnexion button {
  font-size: 2rem!important;
}

.gConnexion input[type=submit] {
  cursor: pointer;
}

.gConnexion div {
  font-weight: bold;
  padding: 2px;
}

.gConnexion .gConnexion-Message {
  color: red;
}

/********************************************************************************************************** Gestion **/

.gGestion {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 4em;
  overflow: hidden;
}

.gGestion h1 {
	margin-block-end: 0.5em;
}

.gGestion-Actions {
	width: 100%;
	margin: 1em 0;
}

.gGestion-Actions ul {
	display: flex;
	flex-direction: row;
	list-style: none;
	gap: 2em;
}

.gGestion-Actions li {
	color: var(--colBouton);
	background-color: var(--bgBouton);
}

.gGestion-Actions a {
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	height: 100%;
	color: inherit;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.5em 1em;
}

.gGestion-Actions button {
	font-size: 1em;
	font-weight: bold;
	height: 100%;
	color: inherit;
	background-color: inherit;
	text-transform: uppercase;
	padding: 0.5em 1em;
	border: none;
	cursor: pointer;
}

.gGestion-Actions button:disabled {
	opacity: 0.5;
}

.gGestion-Groupe {
	width: 100%;
	padding-top: 1em;
}

.gGestion-Table {
	border-collapse: collapse; 	
}

.gGestion-Table thead {
	color: var(--colFiltres);
	background-color: var(--bgFiltres);
}

.gGestion-Table th {
	font-size: 1.5em;
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0;
} 

.gGestion-Table td {
	padding: 0.3em 0.5em 0.3em 0 ;
}

.gGestion-Table th:first-child {
	padding-left: 0.5em;
}

.gGestion-Table td:first-child {
	padding-left: 0.75em;
}

.gGestion-Table tbody tr:hover {
	background-color: var(--bgPopup);
}

.gGestion-Table tr.N2 {
	border-top: solid 1px var(--colBordures);
}

.gCentre {
	text-align: center;
}

.gGestion-Table a {
	color: inherit;
	text-decoration: none;
}

.gGestion-Table-Horizontale {
	width: 100%;
}

.gGestion-Table-Horizontale th {
	font-size: 1.2em;
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0 ;
}

.gGestion-Table-Horizontale input,
.gGestion-Table-Horizontale select,
.gGestion-Table-Horizontale textarea {
	width: 100%;
}

.gGestion-Liste {
	width: 100%;
	min-height: 4em;
	max-height: 12em;
	overflow-y: auto;
	border: 1px solid #ccc;
	user-select: none;
}

.gGestion-Liste li {
	padding: 0.1em 0.5em;
}

.gMessage-Erreur ul {
	list-style: none;
	color: var(--colAlerte);
	background-color: var(--bgAlerte);
}

.gMessage-Erreur li {
	padding: 0.5em;
}
/***************************************************************************************************** Departements **/

.gDepartements-Liste td:nth-child(2) {
	text-align: center;
}

.gDepartements-Liste.N3 td:first-child {
	padding-left: 1em;
}

.gDepartements-Liste.N4 td:first-child {
	padding-left: 2em;
}

.gDepartements-Liste.N5 td:first-child {
	padding-left: 3em;
}

.gDepartements-Liste td:last-child {
	text-align: right;
}

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

@media (max-width: 1024px) {
  html,
  body {
    font-size: 2vw;
  }	
}

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

@media (max-width: 640px) {  
  html,
  body {
    font-size: 3vw;
  }	
}