.formateur #form-contact {
	margin-top: 50px;
}
.form-contact .blcChp label {
	margin-bottom: 10px;
	display: block;
}
.formateur #form-contact .star {
	top: 45px
}
.button-file .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button-file .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blcBtn.blcChp .btn {
	margin-left: 10px;
}
.button-file .img::after {
	content: "";
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	transition: all ease-in-out .4s;
	opacity: 0

}
.button-file:hover .img::after { 
	opacity: 1

}
.toggle-password {
	position: absolute;
	right: 20px;
	top: 55px;
	width: 20px;
	height: 20px;
	background: red;
	z-index: 20;
	cursor: pointer
}

.toggle-button {
	display: inline-flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: unset;
	right: 12px;
	cursor: pointer;
}

.eye-icon {
	width: 20px;
	height: 20px;
}

.password .material-symbols-rounded {
  background: url(../images/hide1.png) no-repeat left center;
    background-size: auto;
  width: 26px;
  height: 20px;
  background-size: cover;
  position: absolute;
  right: 27px;
  top: 55px;
  left: auto;
  z-index: 20
}
.password .material-symbols-rounded.showcharacters {
	 background-image: url(../images/view1.png) ;
}

  @media (max-width:600px) { 
  	.info {
		margin-bottom: 20px;
	}
  }