:root {
	--mgl-blanc: #ffffff;
	--mgl-gris: #6c757d;
	--mgl-noir: #222222;
	--mgl-marron: #664d03;

	--mgl-alerte: #ffa90b;
	--mgl-valide: #198754;
	--mgl-invalide: #c71212;
	
	--mgl-btnBg: #6c757d;
	--mgl-btnTxt: #ffffff;
}

#mglAdminAccesPrive a { text-decoration: none; }
#mglAdminAccesPrive div { margin: 2rem auto; }

#mglAdminAccesPrive {
	font-size: 16px;
}

#mglAdminAccesPrive.wxs {  
	width: 100%;
	max-width: 640px;
	margin: 0; 
}

.mglAlerte {
	width: calc(100% - 2rem);
	max-width: 300px;
	margin: 1rem auto;
	border-radius: 6px;
	padding: .8rem 1rem;
	text-align: center; 
	
	color: var(--mgl-marron);
	background-color: var(--mgl-alerte);
}

.mglAlerte.valide {
	color: var(--mgl-blanc);
	background-color: var(--mgl-valide);
}

.mglAlerte.invalide {
	color: var(--mgl-blanc);
	background-color: var(--mgl-invalide);
}

.mglBtn, .button-primary {
	background: var(--mgl-btnBg);
	color: var(--mgl-btnTxt); 
  border-radius: .3rem; 
  border: 0; 
	font-size: .875rem;
	padding: .3rem .5rem;
	margin: 0 auto;
	width: auto;
	line-height: normal; 
	text-align: center;
	cursor: pointer;	
}  
.button-primary {
	background: var(--mgl-btnBg);
	color: var(--mgl-btnTxt); 
}

.mglTxtCtr { text-align: center; }
.mglTxtRgt { text-align: right; }
.mglTxtBld { font-weight: 600; }

.mglFc {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

#mglAccesPrive .wxs {
	width: 100%;
	max-width: 640px;
	margin: 0 auto; 
}