.ContenantMenuLogin {
	width: 50%;
	margin: 0 auto;
	margin-top: 20px;
}

.ContenantLogin {
	width: 50%;
	margin: 0 auto;
	margin-top: 10px;
}
#ident {
	display: flex;
	justify-content: space-evenly;
	margin: 10px auto;
	font-size: 16px;
}
.ResultatIncorrect,
.ResultatIncorrectInscription,
.ResultatIncorrectNouveau {
	color: #b22222;
	font-size: 14px;
	margin-top: 10px;
}
#validpass {
	height: 10px;
	width: 100%;
	margin: 10px auto;
}
#caracteres-obligatoire {
	text-align: center;
}
#Controleantirobot {
	color: #b22222;
}

.VisibleCheck {
	font-size: 0px;
}

.VisibleCheckCoop {
	font-size: 0px;
}

.VisibleExc {
	font-size: 0px;
	color: #b22222;
}

.BoutonAction {
	padding: 8px;
	width: 98%;
	background-color: #2f2f2f;
	color: #dadce0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	box-shadow: 1px 1px 6px white;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	opacity: 1;
	font-size: 16px;
	margin-top: 35px;
}

.BoutonAction:hover {
	color: whitesmoke;
	opacity: 0.8;
}

#mdpoublie {
	font-size: 15px;
	float: right;
	margin-top: 15px;
	margin-right: 0px;
	color: black;
	text-decoration: underline;
}

#ContenuAfficheInscription,
#ContenuAfficheNouveau {
	display: none;
}

/* form */

.hd-form-div h1,
.hd-form-div h2 {
	color: #202124;
	padding-bottom: 0;
	padding-top: 16px;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	margin: 0;
	text-align: left;
}

.hd-form-div-in {
	padding-top: 40px;
}

/* input text */
.hd-input-text-div {
	height: 50px;
	position: relative;
	z-index: 99;
}
.hd-input-text {
	border-radius: 4px;
	padding: 13px 15px;
	font-size: 16px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #202124;
	border: 1px solid #dadce0;
	cursor: pointer;
}
.hd-input-text:focus {
	outline: 0;
	border: 2px solid grey;
}
.hd-input-text-placeholder {
	background: #fff;
	color: #80868b;
	padding: 0 8px;
	font-size: 16px;
	font-weight: 400;
	z-index: 1;
	position: absolute;
	left: 8px;
	top: 12px;
	cursor: pointer;
}

@keyframes yukari {
	from {
		top: 12px;
		font-size: 16px;
	}
	to {
		top: -12px;
		font-size: 14px;
	}
}

@keyframes asagi {
	from {
		top: -12px;
		font-size: 14px;
	}
	to {
		top: 12px;
		font-size: 16px;
	}
}

/* input textarea */
.hd-input-textarea-div {
	height: 88px;
	min-height: 88px;
	position: relative;
	z-index: 99;
}
.hd-input-textarea {
	border-radius: 4px;
	padding: 13px 15px;
	font-size: 16px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	color: #202124;
	border: 1px solid #dadce0;
	cursor: pointer;
	resize: vertical;

	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
		Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.hd-input-textarea:focus {
	outline: 0;
	border: 2px solid grey;
}
.hd-input-textarea-placeholder {
	background: #fff;
	color: #80868b;
	padding: 0 8px;
	font-size: 16px;
	font-weight: 400;
	z-index: 1;
	position: absolute;
	left: 8px;
	top: 12px;
	cursor: pointer;
}

/* select */
.hd-select {
	position: relative;
}
.hd-select select {
	display: none;
}
.hd-select-selected {
	background-color: #fff;
	font-weight: 500;
}
.hd-select-selected:after {
	position: absolute;
	content: '';
	top: 20px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000 transparent transparent transparent;
}
.hd-select-items div {
	color: #222;
	padding: 13px 15px;
	cursor: pointer;
	user-select: none;
}
.hd-select-selected {
	color: #222;
	padding: 13px 15px;
	border: 1px solid #dadce0;
	border-radius: 4px;
	cursor: pointer;
}
.hd-select-items {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #dadce0;
	font-weight: 500;
}
.hd-select-hide {
	display: none;
}
.hd-select-items div:hover,
.hd-select-items .hd-same-as-selected {
	background-color: white;
	color: grey;
}
.hd-select-selected.hd-select-arrow-active:after {
	border-color: transparent transparent #000 transparent;
	top: 14px;
}
.hd-select-arrow-active {
	border: 2px solid grey;
}

/* button */
.hd-button {
	height: 35px;
}
.hd-button-colored {
	height: 100%;
	min-width: 88px;
	padding: 0 8px;
	margin-left: 4px;
	background-color: #1a73e8;
	border: 0;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	cursor: pointer;
	outline: none;
}
.hd-button-colorless {
	height: 100%;
	min-width: 88px;
	padding: 0 8px;
	margin-left: 4px;
	background-color: #fff;
	border: 1px solid #dadce0;
	border-radius: 4px;
	color: #1a73e8;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	transition: background-color 0.2s 0.1s;
	outline: none;
}
.hd-button-colorless:hover {
	background-color: #e8f0fe;
	border: 1px solid #d2e3fc;
}

@media screen and (max-width: 1200px) {
	.ContenantLogin {
		width: 94%;
		margin: 0 auto;
		margin-top: 10px;
	}

	.ContenantMenuLogin {
		width: 90%;
	}
}