@font-face {
	font-family: Antenna;
	src: url('fonts/Antenna-Regular.otf');
}
/* Variables de couleurs tactiques */
:root {
  --bg-dark: #1A1E29;         /* Le fond anthracite de l'image */
  --amber-core: #FFF8E1;      /* Cœur chaud (or clair) */
  --amber-main: #FFBF00;      /* Aegis Amber (le néon principal) */
  --amber-halo: rgba(255, 152, 0, 0.5); /* Halo orange-ambre diffuse */
}
* {
	border: 1px solid red;
	border-collapse: collapse;
	font-family: Antenna;
}
html, body {
	height: 100%;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
}
body {
  background-color: var(--bg-dark);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header {
	width: 100%;
	height: 120px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.header div {
	height: 100%;
	display: flex;
	align-items: center;
}
.header .logo a img {
	max-height: 100px;
	padding-left: 10px;
}
.flex_align_bot {
	align-items: end !important;
}
.flex_align_middle {
	align-items: center;
}
.global {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex: 1;
}
.menu {
	width: 200px;
}
.grid {
	flex: 1;
}

/* L'élément qui représente la ligne de néon */
.neon-conduit {
  width: 300px;                  /* Fine comme sur l'image */
  height: 140px;               /* Exemple de hauteur */
  border-color: var(--amber-core); /* Le cœur très lumineux */
  border-style: double;
  background-color: #141414;
  /* --- LA SÉQUENCE D'EMPILEMENT DES LUEURS --- */
  box-shadow: 
	/* 1. Cœur chaud interne */
	inset 0 0 2px var(--amber-core), 
	/* 2. Néon ambre principal (intense) */
	inset 0 0 8px var(--amber-main), 
	/* 3. Aura orange-ambre (diffuse) */
	inset 0 0 20px #FF9800, 
	/* 4. Diffusion atmosphérique large et douce */
	inset 0 0 40px var(--amber-halo),
	/* 1. Cœur chaud interne */
	0 0 2px var(--amber-core), 
	/* 2. Néon ambre principal (intense) */
	0 0 8px var(--amber-main), 
	/* 3. Aura orange-ambre (diffuse) */
	0 0 20px #FF9800, 
	/* 4. Diffusion atmosphérique large et douce */
	0 0 40px var(--amber-halo);
	
  /* Légers arrondis pour le style cockpit */
  border-radius: 10px;
  
}
/* LOGIN */
div.login_form {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: fit-content;
}
.login_form .logo a img {
	width: 200px;
}
.login_form form {
	display: flex;
	flex-direction: column;
	text-align: left;
}
.login_form form * {
	margin: 2px 0 2px 0;
}
.login_form form label {
	color: var(--amber-main);
}
.login_form form input {
	padding: 10px;
	border-radius: 5px;
}