.section-block {
    padding: 120px 0px 90px;
}
#cadre-user-compte{
	padding: 30px 60px;
	background: rgba(36,36,36,0.5);
	border-radius: 20px;
	margin-top: 20px;
	height: 100%;
	width: 100%;
	margin: auto;
	position: relative;
}
#cadre-user-compte-description{
	padding: 30px 30px;
	background: rgba(36,36,36,0.5);
	border-radius: 20px;
	margin-top: 0px;
	height: 100%;
}

#cadre-user-compte-description img{
	width: 100%;
	padding: 15px 70px;
}
#cadre-user-compte-description h2{
	font-size: 31px;
    margin-bottom: 30px;
}
#cadre-user-compte-description h2 + p{
	font-size: 27px;

}
.text-obligatoire{
	position: absolute;
    top: 140px;
    right: 60px;
    color: #fff;
    font-size: 13px;
}
.text-obligatoire span{
/* 	color: #875798; */
	color: #fff;
	font-size: 18px;
}
.text-promo{
	margin-top: 20px;
}

.text-liste{
	padding: 15px 30px;
	margin-bottom: 50px;
	line-height: 2;
}
#cadre-user-compte-description p:last-child{
	padding: 15px 20px;
	font-size: 15px;
    text-align: justify;
}


#cadre-user-compte label{
	margin-top: 0px;
	font-weight: 100;
}
#cadre-user-compte input{
	background: #FFFFFF;
    border: none;
    background-color: #FFFFFF;
    color: #484848;
    width: 90%;
    margin-bottom: 40px;
}
#cadre-user-compte input::placeholder {
  font-weight: 300;
}

#cadre-user-compte select{
	border-radius: 0px;
	background: #FFFFFF;
    border: none;
    background-color: none !important;
    color: #484848;
    width: 100%;
    margin-bottom: 40px;
    padding: 11.5px 10px;
    border-radius: 5px;
    height: 43px;
}

#cadre-user-compte p:last-child{
	margin-top: 10px;
    font-size: 15px;
}

input:-internal-autofill-selected {
	background-color: none !important;
}
.trait-gris{
	background: #707070;
    height: 1px;
    padding: 0px 70px;
    margin: auto;
    width: 60%;
    margin-top: 30px;
    margin-bottom: 15px;
}
h1{
/* 	color: #FFBE45; */
	font-size: 35px;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
	padding-bottom: 30px;
	color : #65c85a;
}

::placeholder {
	color: #484848;
	font-weight: bold;
}

.btn{
/*     background: #FFBE45; */
    background: #3EB273;
/*     color: #484848; */
	color: #fff;
    font-size: 20px;
    padding: 8px 15px;
    border-radius: 5px;
    width: 35%;
    margin: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
}

#user_public_civilite{
	margin-bottom: 0px;
}
#user_public_civilite label{
	width: 18%;
}
#user_public_civilite input{
	width: 2%;
	margin-right: 8px;
}
.no-compte-description{
	display: none;
}


.form-required{
	position: relative;
}
.form-required::after{
	position: absolute;
    content: '*';
/*     color: #875798; */
    color: #fff;
    font-size: 18px;
    left: 2px;
    top: 11px;

}

#user_public_address, #user_public_villeSaisie, #user_public_postal_code, 
#user_public_pays, #user_public_villeSaisie, #user_public_newsletter, 
label[for="user_public_address"], label[for="user_public_villeSaisie"], 
label[for="user_public_postal_code"], label[for="user_public_pays"], 
label[for="user_public_villeSaisie"], label[for="user_public_newsletter"]{
	display: none;
}

#cadre-user-compte #user_password_first, #cadre-user-compte #user_password_second{
	margin-bottom: 0px;
}
#cadre-user-compte p.text-info-mdp{
	font-size: 13px ;
	margin-bottom: 25px;
}

.affiche-mobile-notice{
	display: none;
}


.affiche-mdp {
    color: #fff !important;
    right: 13px;
}

#cadre-user-compte .info-mobile .row div:nth-child(2){
	padding-left: 0px;
}

#cadre-user-compte .info-mobile .row div:nth-child(2) input{
	width: 85.5%;
}

#user_lastname + .form-error, #user_firstname + .form-error{
	position: absolute;
    bottom: 10px;
}


.hp-field{
	position: absolute;
  left: -9999px;
}

@media (max-width: 1199px) {
	.text-liste {
		font-size: 15px;
	}
	#cadre-user-compte-description h2 {
	  font-size: 27px;
	}
	#cadre-user-compte-description h2 + p {
	  font-size: 21px;
	}
	#cadre-user-compte-description {
	  padding: 30px 15px;
	}
	#cadre-user-compte-description p:last-child {
		font-size: 12px;
	}
}
@media (max-width: 1024px) {

}


@media (max-width: 992px) {

	.form-required::after{
		left: -5px;
	}
	#cadre-user-compte input {
		width: 100%;
	}
	#user_civilite input{
		width: 2%;
	}

	#cadre-user-compte-description {
		margin-top: 30px;
	}
	.text-liste {
		text-align: center;
		font-size: 18px;
	}
	#cadre-user-compte-description h2 {
	  font-size: 35px;
	}
	#cadre-user-compte-description h2 + p {
	  font-size: 27px;
	}
	#cadre-user-compte-description p:last-child {
		font-size: 15px;
	}

}

/*  Medium devices (tablets, 844px and up) */
@media (max-width: 844px) {

}



/*  Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	h1{
		font-size: 30px;
	}
	#cadre-user-compte {
	    padding: 30px 30px;
	    width: 100%;
	    margin: auto;
	}
	#user_public_civilite label {
	    width: 20%;
	}
	#user_public_civilite input {
	    width: 10%;
	}
	.btn{
		width: 75%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	h1{
		padding-bottom: 18px;
	}

	.text-obligatoire {
	    top: 73px;
	    right: 30px;
	}
	.section-block {
    	padding: 50px 0px 20px;
	}

	#cadre-user-compte {
	    padding: 15px 30px;
	    width: 95%;
	}

	#cadre-user-compte input {
		margin-bottom: 33px;

	}

	#cadre-user-compte #user_password_first{
		margin-bottom: 40px;
	}

	#cadre-user-compte-description {
	    width: 95%;
	    margin: auto;
	    margin-top: 30px;
	    padding: 20px 15px;
	}

	#cadre-user-compte-description h2 {
    	font-size: 23px;
    	margin-bottom: 15px;
	}

	#cadre-user-compte-description h2 + p {
	    font-size: 21px;
	    line-height: 1.2;
	}

	.affiche-mobile-notice{
		display: block;
	}

	.affiche-pc-notice{
		display: none;
	}
	.info-mobile p{
		bottom: inherit;
		top: -20px;
		color: #65c85a;
	}
	#cadre-user-compte  .info-mobile input{
		margin-bottom: 5px;
		margin-top: 0px;
	}

	#cadre-user-compte .info-mobile .row div:first-child{
		padding-right: 0px;
	}
	#cadre-user-compte .info-mobile .row div:nth-child(2){
		padding-left: 15px;
	}

	#cadre-user-compte .info-mobile .row div:nth-child(2) input{
		width: 86%;
	}

	.btn {
	    margin-top: 35px;
    }
    #cadre-user-compte p.text-info-mdp {
	    margin-bottom: 9px;
	    color: #65c85a !important;
	    margin-top: 5px;
    }
	#cadre-user-compte p.text-info-mdp span{
		font-size: 18px;
	}
    .affiche-mdp {
    	right: 5px;
    }

	#cadre-user-compte input {
	    width: 90%;
	}

	#user_public_civilite input{
		width: 10%;
	}

}