form
{	margin:0px;
}

section>form
{
	/* séquence section-form-section-article */	
	display:flex;
	flex-grow:1;
}


form
{
    /* line-height:2em; */
    margin:1em 0px 2em 0px;
}

form label
{   width:20em; margin-right:1em; border-right:1px solid #888;
}

form sub
{   display:block;
}

input, select
{   padding:.3em;
    margin:.25em 0px .25em 0px;
}

input.large, select.large { min-width:60%; }

/* car background gris ou wallpaper */
form.login input { width:50%; }
input.login { background-color:#FFF !important; margin-bottom:1em; }
input.login:focus { color:var(--black); box-shadow:0 0 1em var(--line); }

input[name],textarea,select
{
    border-radius:3px;
    border:0px;
    background-color:var(--white);
    color:var(--black);
    line-height:1.5em;
    font-size:100%;
}

input[name]:focus,textarea:focus,select:focus
{   outline:none;
    background-color:var(--focus);
}

input[readonly]
{
    background-color:#DDD;
    color:#888;
    cursor:default;
}

INPUT[type='checkbox'] { accent-color: var(--theme);}




INPUT[type=submit]
{   
    border:none;
    display:inline-block;
    margin:.2em;
    padding:.5em;
    text-decoration:none;
    background-color:var(--theme);
    color:#FFF;
    border-radius:.2em;
    font-size:110%;
    cursor:pointer;
    padding-left:2em;
    padding-right:2em;
    margin:.3em 0 .3em 0;
    font-weight:bold;
}

    INPUT[type=submit]:hover
    {   background-color:var(--hover);
    }



    
textarea
{   display:block;
    width:100%;
    resize: none;
    font-family:inherit;
    padding:1em; margin:1em 0 1em 0; 
}

    form.commentaire textarea
    {   height:8em;
    }

    form.sondage textarea
    {   height:3em; 
        font-size:100%;
    }



/* masque temporairement un bouton (submit) jusqu'à ce que le formulaire soit valide */
/* utilisé : filter/mailing (users>0) */
INPUT.disabled { visibility:hidden; }

FORM.search { width:100%; }
FORM.search INPUT { border:1px solid #DDD; margin:auto; width:50%; }


::placeholder { color:RGBA(0,0,0,.3); }