/* formulaire de contacte */
form{
    padding: 30px 3%;
    width: 100%;
    /* border: solid 1px var(--color1); */
    background: var(--color6);
}
form h2{
    padding: 15px 0;
}
form input{
    padding: 8px 0 8px 5%; 
    color: var(--color1);
    font-size: 1.1rem;
}

form div{
    padding: 20px 0;
}

#ctn_choix{
    padding: 15px 0 20px
}
#ctn_choix input{
    margin-left: 10px;
}
/* Styles pour un input radio non coché */
input[type="radio"] {
    width: 20px; 
    height: 20px; 
}
#non_prenom,#tel_mail,#ctn_choix div {
    padding: 0;
}
#non_prenom input,#tel_mail input{
    width: 100%;
}
#non_prenom div:first-child,#tel_mail div:first-child{
    margin-right: 15px;
}
#non_prenom div:last-child,#tel_mail div:last-child{
     margin-left: 15px;
}
textarea{
    min-width: 100%;
    max-width: 100%;
    padding: 2%;
    color: var(--color1);
    margin-bottom: 20px;
    font-family: inherit;
    font-size: inherit;
}
::placeholder,form label,#input_captcha{
    font-family: inherit;
    font-size: inherit;
    color: var(--color2v3);
}
::placeholder{
font-size: 1.1rem;
padding-left: 2%;
}
.label {
display:block;
position: absolute;
left:30px;
bottom:25px;
transition: all .3s;
opacity: 0;
cursor: initial;
z-index: -1; 
}
form input:not(:placeholder-shown)+.label{
    display: block;
    position: absolute;
    left: 30px;
    bottom: 60px;
    z-index: 1;
    color: var(--color2v3);
    opacity: 1;
}
.erreur_form{
    color: rgb(255, 0, 0) !important;
}
.erreur_form{
    font-size: 1.2rem;
}
.validation{
    font-size: 2rem;
    padding: 15px 0;
    line-height: 50px;
}
.color_champ{
    border:solid 2px rgb(255, 0, 0) !important; 
}
.validation{
    color: rgb(4, 97, 4) !important;
}
#rbpg{
    display: block;
    width: 100px;
    height: 20px;
    margin-right:20px;
}
iframe[title="reCAPTCHA"]{
    transform: translateY(-50px);
}
#validation_formulaire p{
    padding: 10px 0;
}
/* fin formulaire de contacte */