/* init font */

@font-face {
    font-family: 'Avenir Next';
    src: url(../font/Avenir-Next.ttf);
}

@font-face {
    font-family: 'Avenir Black';
    src: url(../font/Avenir-Black.ttf);
}

@font-face {
    font-family: 'Avenir Book';
    src: url(../font/Avenir-Book.ttf);
}

@font-face {
    font-family: 'Avenir Heavy';
    src: url(../font/Avenir-Heavy.ttf);
}

@font-face {
    font-family: 'Avenir Light';
    src: url(../font/Avenir-Light.ttf);
}

@font-face {
    font-family: 'Avenir Regular';
    src: url(../font/Avenir-Regular.ttf);
}

@font-face {
    font-family: 'Avenir Roman';
    src: url(../font/Avenir-Roman.ttf);
}
	
	/* ############################################ MOT DIGITAL ##################################################### */
	
	.titre{
		  top: 93px;
		  left: 353px;
		  width: 148px;
		  height: 66px;
		  padding-left: 20px;
		  text-align: left;
		  letter-spacing: 0px;
		  color: #432918;
		  font-size: 40px;
		  opacity: 1;
		  font-weight: 500;
		  text-decoration: none;
		  font-family: 'Poppins';
		}
	
	.titre:hover {
				  color: #432918;
	}
	
	/* ########################################### BODY ########################################################### */
	
	#row2{

		  padding-top: 126px;
	}
	
	form{
		margin: 55 0 15 0px;
	}
	
	
	.txlo1{
		letter-spacing: 0px;
		color: #432918;
		font-size: 2em;
		opacity: 1;
		font-family: 'Avenir Black';
		font-weight: 700;
	}
	.txlo2{
		letter-spacing: 0px;
		color: #B4482B;
		font-size: 2em;
		opacity: 1;
		font-weight: 700;
	}

	
	label{
		margin-top: 20px;
		font-size: 15px;
		font-family: 'Avenir Next';
		letter-spacing: 0px;
		color: #432918;
		font-weight: 600;
	}
	
	.inputs{
		border: 0.5px solid lightgrey;
		cursor: pointer;
		outline: none;
		height: 43px;
		width: 60%;
	}
	
	.inputs:focus{
		border: 0.5px solid lightgrey;
		box-shadow: 0px 10px 15px #00000029;
	}

	.input100{
		border: 0.5px solid lightgrey;
		cursor: pointer;
		border-radius: 5px;
		outline: none;
		height: 43px;
		width: 100%;
		padding-left: 10px;
	}

	.input100::placeholder{
		opacity: 0.5;
		padding-left: 10px;
	}

	.input100:focus{
		border: 0.5px solid lightgrey;
		box-shadow: 0px 10px 15px #00000029;
	}

/* ********************************************************************************************************** */
/* ********************************************************************************************************** */
/* ********************************************************************************************************** */

	#id_email{
		border: 0.5px solid lightgrey;
		cursor: pointer;
		border-radius: 5px;
		outline: none;
		height: 43px;
		width: 100%;
		padding-left: 10px;
	}

	#id_email::placeholder{
		opacity: 0.5;
		padding-left: 10px;
	}

	#id_email:focus{
		border: 0.5px solid lightgrey;
		box-shadow: 0px 10px 15px #00000029;
	}

	#id_new_password1,
	#id_new_password2{
		border: 0.5px solid lightgrey;
		cursor: pointer;
		border-radius: 5px;
		outline: none;
		height: 43px;
		width: 100%;
		padding-left: 10px;
	}

	#id_new_password1::placeholder,
	#id_new_password2::placeholder{
		opacity: 0.5;
		padding-left: 10px;
	}

	#id_new_password1:focus,
	#id_new_password2:focus{
		border: 0.5px solid lightgrey;
		box-shadow: 0px 10px 15px #00000029;
	}

	.requiredField{
		padding-bottom: 20px;
	}

	.email-sent{
		letter-spacing: 0px;
		padding-top: 10px;
		color: #432918;
		font-size: 1em;
		opacity: 1;
		font-family: 'Avenir Light';
		font-weight: 700;
	}

	.email-sent2{
		letter-spacing: 0px;
		color: #432918;
		font-size: 1em;
		opacity: 1;
		font-family: 'Avenir Light';
		font-weight: 700;
	}

	#sent-{
		margin-top:80px;
	}


/* ********************************************************************************************************** */
/* ********************************************************************************************************** */
/* ********************************************************************************************************** */

	.helptext{
		display: none;
	}

	.button-ok {
		width: 142px;
		height: 40px;
		background: #B4482B 0% 0% no-repeat padding-box;
		font-weight: 600;
		font-family: 'Avenir Next';
		border-radius: 6px;
		border: none;
		opacity: 1;
		align-items: center;
		color: white;
		justify-content: center;
		float: left;
		font-size: 0.8em;
	}
	
	.button-ok:hover,
	.button-ok:focus {
		background-color: #FFA500;
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
	}
	
	.button-ok:hover {
		transform: translateY(-3px);
		transition: all ease 0.8s;
	}
	
	.button-ok:active {
		background-color: #c85000;
		box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
		transform: translateY(0);
	}

	.success-msg{
		font-family: 'Avenir Next';
		font-weight: 600;
		text-align: center;
		margin-top: 50%;
	}

	#button-send {
		height: 45px;
		background: #B4482B 0% 0% no-repeat padding-box;
		font-weight: 600;
		font-family: 'Avenir Next';
		border-radius: 6px;
		border: none;
		opacity: 1;
		align-items: center;
		color: white;
		justify-content: center;
		float: left;
		font-size: 0.8em;
	}
	
	#button-send:hover,
	#button-send:focus {
		background-color: #FFA500;
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
	}
	
	#button-send:hover {
		transform: translateY(-3px);
		transition: all ease 0.8s;
	}
	
	#button-send:active {
		background-color: #c85000;
		box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
		transform: translateY(0);
	}

	
	#forget_pass{
    margin-top: 10px;
    float: right;
    text-align: end;
	}

	#forget_pass a {
	font-family: 'Avenir Next';
	letter-spacing: 0px;
    color: #432918;
    font-size: 0.8em;
    opacity: 1;
    font-weight: 600;
    padding-right: 15%;
	}
	

	.txt3s{
		margin-left: 62px;
	}
	.form-group{
			  width: 120%;
	}

	.login{
		top: 501px;
left: 138px;
width: 47px;
height: 25px;
color: var(--unnamed-color-432918);
text-align: left;
/*font: normal normal 900 18px/36px Avenir;*/
letter-spacing: 0px;
color: #432918;
opacity: 1;
font-weight: 700;
font-size: 15px;
margin-left: 60px;
	}

.password{
    top: 628px;
    left: 138px;
    width: 114px;
    height: 25px;
    color: var(--unnamed-color-432918);
    text-align: left;
    /*font: normal normal 900 18px/36px Avenir;*/
    letter-spacing: 0px;
    color: #432918;
    opacity: 1;
    font-weight: 700;
    font-size: 15px;
    margin-left: 60px;
}





/*********************************************/


.insc{
    font-size: 0.8em;
    margin-top: 3px;
    font-weight: 700;
    color: #000;
    margin-left: 8px;
    text-align: center;
}

.insc:focus{
	outline: none;
	text-decoration: #000;
}

.insc a:hover{
	color: #000;
}

.insc a {
	color: #432918;
}

.marggg{
	margin-top: 168px;
}
.marggg1{
    margin-top: 167px
}
#rtmotpasse{
	letter-spacing: 0px;
    color: #432918;
    font-size: 35px;
    opacity: 1;
    font-weight: 700;
    margin-top: -50px;
    padding-bottom: 13px;
    margin-left: 60px;
}

/**********************************/

#input_rt{
    border: 0.5px solid lightgrey;
    cursor: pointer;
    outline: none;
    height: 43px;
    width: 50%;
    margin-left: 63px;
}


#input_rt:focus{
	border: 0.5px solid lightgrey;
	box-shadow: 0px 10px 15px #00000029;
}


#input_rt::placeholder{
			opacity: 0.5;
}

#input_rt:focus::placeholder{
				  opacity: 0;
}
/****************************************/
#seconnter{
    letter-spacing: 0px;
    color: #432918;
    font-size: 12px;
    opacity: 1;
    padding-left: 194px;
    font-weight: 600;
}


#button-ok {
    height: 50px;
	width: 200px;
    background: #B4482B 0% 0% no-repeat padding-box;
    font-weight: 600;
    font-family: 'Avenir Next';
    border-radius: 6px;
    border: none;
    opacity: 1;
    align-items: center;
    color: white;
    justify-content: center;
    float: left;
    font-size: 0.8em;
}

#button-ok:hover,
#button-ok:focus {
		  background-color: #FFA500;
		  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

#button-ok:hover {
		  transform: translateY(-3px);
		  transition: all ease 0.8s;
}

#button-ok:active {
		  background-color: #c85000;
		  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
		  transform: translateY(0);
}
/************************************************************/
#input_t{
    border: 0.5px solid lightgrey;
    cursor: pointer;
    outline: none;
    height: 43px;
    width: 72%;
    margin-left: 125px;
    border-radius: 4px;
}


#input_t:focus{
	border: 0.5px solid lightgrey;
	box-shadow: 0px 10px 15px #00000029;
}


#input_t::placeholder{
	opacity: 0.5;
}

#input_t:focus::placeholder{
	opacity: 0;
}
/***************************************************************/

.creer_compte1{
    letter-spacing: 0px;
    color: #432918;
    font-size: 40px;
    opacity: 1;
    font-weight: 700;
    margin-left: 123px;
}


.creer_compte2{
    letter-spacing: 0px;
    color: #B4482B;
    font-size: 32px;
    opacity: 1;
    font-weight: 700;
    margin-left: 123px;

}

.nom{
	/*top: 501px; */
    /* left: 138px; */
    /* width: 47px; */
    height: 25px;
    /* color: var(--unnamed-color-432918); */
    /* text-align: left; */
    /* font: normal normal 900 18px/36px Avenir; */
    letter-spacing: 0px;
    color: #432918;
    opacity: 1;
    font-weight: 700;
    font-size: 15px;
    margin-left: 130px;
}

/*********************************/
.inputinsc{
    /* top: 501px; */
    /* left: 138px; */
    /* width: 47px; */
    height: 25px;
    /* color: var(--unnamed-color-432918); */
    /* text-align: left; */
    /* font: normal normal 900 18px/36px Avenir; */
    letter-spacing: 0px;
    color: #432918;
    opacity: 1;
    font-weight: 700;
    font-size: 15px;
    margin-left: 70px;
}

/*********************************/

.txt3{
	font-family: 'Avenir Next';
	font-weight: 600;
    margin-left: 159px;
    font-size: 13px;
    color: #432918;
}

.g{
	margin-left: 102px;
    font-size: 10px;
    font-weight: 600;
}



/************************** btn inscrir **************/

#inscriree{
	color: #f4f4f4;
	text-decoration:none
	
}