* {
  margin: 0px;
  padding: 0px;
}
html {
	height: 100%;
	background-color: #f1f1f1;
}
body {
  height: calc(100% - 40px);
	margin: 20px;
	text-align: center;
	font-family: sans-serif;
}
.message {
	margin: 1em;
	font-weight: bold;
	display: inline-block;
}
.formulaire {
	margin: 10px;
	display: inline-block
}
select {
	width: 100%;
}
.groupe {
	padding: 1em;
}
.aligneGauche {
	text-align: left;
	vertical-align: middle;
	padding: 3px;
}
.aligneDroite {
	text-align: right;
	vertical-align: middle;
}
.dAlignMiddle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  height: 70px;
  width: 100%;
}
.iConnexion {
  width: 100%;
  font-family: sans-serif;
  font-size: 14px;
}
@keyframes sSpinning {
	0% {transform: rotate(0deg); }
  100% {transform: rotate(360deg); }
}
#sSpinner {
	opacity: 0.0;
  width: 30px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border-style: solid;
  border-width: 6px;
  border-color: grey grey grey darkgrey;
  border-radius: 30px;
}