@font-face {
font-family: "industrial";
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(//www.aubonheurdesmomes.com/wp-content/uploads/2022/06/IndustriaSolidA.ttf) format("truetype");
}
.input-form {
margin: auto !important;
width: 100% !important;
padding: 0px !important;
padding-left: 25px !important;
border: 1px solid #1a5a5e !important;
border-radius: 30px !important;
line-height: 28px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
.text_label {
text-align: left;
font-size: 18px;
font-family: "Poppins";
color: #1a5a5e;
}
.connexion-btn {
margin-top: 60px;
margin-bottom: 15px;
}
.btn-green {
border-radius: 29px;
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 18px 14px;
font-size: 20px;
padding-left: 30px;
background-color: #f4bf00 !important;
background-image: url(//www.aubonheurdesmomes.com/wp-content/themes/betheme-child/assets/images/r_flesh_white.svg);
color: #ffffff !important;
padding-right: 55px !important;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none !important;
display: inline-block;
border: 1px solid #f4bf00 !important;
}
.button-flat button:hover:after {
opacity: 0;
}
.btn-green:hover:not(:disabled) {
background-color: #fff !important;
color: #f4bf00 !important;
background-image: url(//www.aubonheurdesmomes.com/wp-content/themes/betheme-child/assets/images/r_flesh_y.svg);
background-repeat: no-repeat;
}
button#connexion {
padding-left: 25px;
padding-right: 25px;
}
button#connexion:after {
right: 25px !important;
}
.champ {
margin: auto;
margin-bottom: 15px;
}
.error_password {
color: red;
}
.page-template-reinitialiser_password .title,
.page-template-connexion .title,
.page-template-inscription .title,
#left-header .title-header {
font-size: 65px !important;
font-weight: 400 !important;
font-family: "industrial", sans-serif !important;
color: #1a5a5e !important;
text-transform: uppercase;
text-align: center;
margin-bottom: 65px;
position: relative;
display: inline-block;
line-height: 45px;
}
.page-template-connexion .title:before,
.page-template-reinitialiser_password .title:before,
.page-template-inscription .title:before {
content: "";
width: 20px;
background-color: #1a5a5e;
height: 2px;
position: absolute;
top: 50%;
left: -45px;
}
.page-template-connexion .title:after,
.page-template-reinitialiser_password .title:after,
.page-template-inscription .title:after {
content: "";
width: 20px;
background-color: #1a5a5e;
height: 2px;
position: absolute;
top: 50%;
right: -45px;
}
.page-template-reinitialiser_password #Subheader,
.page-template-connexion #Subheader {
padding-bottom: 41px !important;
}
#block_reinitialiser_password,
#block_forget_password,
#block_connexion,
#form_inscription {
text-align: center !important;
margin-bottom: 30px !important;
width: 79%;
margin: auto;
padding-top: 60px;
}
.msg-error {
text-align: center !important;
margin-bottom: 30px !important;
width: 79%;
margin: auto;
color: red;
}
.msg-success {
text-align: center !important;
margin-bottom: 30px !important;
width: 79%;
margin: auto;
color: green;
}
#block_connexion form,
#block_forget_password form,
#block_reinitialiser_password form {
text-align: center;
margin: auto;
width: 100%;
background: #ffffff 0% 0% no-repeat padding-box;
}
#block_forget_password .button_valide,
#block_connexion .button_connexion,
button#connexion {
margin: auto;
display: flex;
}
.page-template-connexion .container #block_connexion .mdp_oublie,
.container_checkout .mdp_oublie {
text-decoration: none !important;
text-align: left;
font-style: italic;
font-size: 21px !important;
font-weight: 300 !important;
font-family: Montserrat !important;
color: #1a5a5e;
margin-bottom: 28px;
display: table;
margin: auto;
}
#mdp_oublie {
margin-bottom: 28px;
}
#block_connexion .avoir-compte {
text-decoration: none;
text-align: left;
font-size: 30px !important;
font-weight: 500 !important;
font-family: Poppins !important;
color: #1a5a5e;
margin-bottom: 10px;
}
#block_connexion #avoir-compte {
margin-bottom: 10px;
}
.connecter-creer,
.connecter-creer:hover {
text-decoration: none !important;
text-align: left;
font-style: italic;
font-size: 30px !important;
font-weight: bold !important;
font-family: Poppins !important;
color: #1a5a5e;
} .top_bloc {
margin-top: 25px !important;
}
.msg_connexion_error {
position: absolute;
top: 60%;
width: 100%;
left: 0;
}
@media only screen and (max-width: 769px) {
.btn-green {
padding-top: 9px;
padding-bottom: 9px;
}
#block_connexion #connexion,
#block_forget_password #forget_password {
padding: 9px 26px;
}
.page-template-connexion .container #block_connexion .mdp_oublie {
font-size: 16px !important;
}
#block_connexion .avoir-compte {
font-size: 16px !important;
}
.connecter-creer,
.connecter-creer:hover {
font-size: 16px !important;
}
}
@media only screen and (min-width: 770px) and (max-width: 960px) {
.btn-green {
padding-top: 9px;
padding-bottom: 9px;
}
#block_connexion #connexion,
#block_forget_password #forget_password {
padding: 9px 41px;
}
.page-template-connexion .container #block_connexion .mdp_oublie {
font-size: 23px !important;
}
#block_connexion .avoir-compte {
font-size: 22px !important;
}
.connecter-creer,
.connecter-creer:hover {
font-size: 22px !important;
}
}
@media (max-width: 770px) {
#block_connexion {
width: 100%;
padding-top: 30px;
}
.page-template-connexion .container {
max-width: 700px !important;
}
.connexion-btn {
margin-bottom: 24px;
}
#block_forget_password {
width: 100%;
}
.msg_connexion_success {
top: 16%;
}
}
#password_wrapper {
position: relative;
}
#password_wrapper #togglePassword {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
height: 20px;
}
#password_wrapper #password {
padding-right: 30px !important;
}
#form_inscription {
padding-top: 0 !important;
}