@charset "UTF-8";
/* CSS Document */

body { font-family: 'PT Sans',sans-serif; }

:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: 0.75rem;
}

#auvergne { background:rgba(240, 138, 37, 0.1); }
#rhone-alpes { background:rgba(228, 236, 64, 0.1); }
.d-flex { padding:0px; }

.login,
.image {

}


.logo { text-align:center;line-height:150px;height:150px; }
.logo img { max-width:80%;max-height:120px;float:none;display:inline;margin:auto; }
.desc { min-height:150px;margin-bottom:10px; }

.login-heading {
  font-weight: 300;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group>input,
.form-label-group>label {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: auto;
  border-radius: 2rem;
}

a.button {
	border-left:3px solid;
	border-bottom:3px solid;
	font-weight:900;
	color:#000;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	display: block;
    max-width: 70%;
    margin: auto;
	margin-bottom:20px;
}

a.button.btn-orange { border-color:#f08a25; }
a.button.btn-vert { border-color:#e4ec40; }

a.button:hover i {
    transform: translate(3em,0);
}
a.button:hover { text-decoration:none; }


.form-label-group>label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
  padding-bottom: calc(var(--input-padding-y) / 3);
}

.form-label-group input:not(:placeholder-shown)~label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777;
}

@media screen and (max-width: 670px) {

	.login, .image {
	  min-height:inherit !important;
	  padding-top:40px !important;
	  padding-bottom:40px !important;
	}

}