form>div>div[id*="field"]{
    float: left;
    width: 100%;
    margin-bottom: 20px;

    --hauteur_field_wapp:40px;
}
form>div>div[id*="field"]:last-child{margin-bottom: 0px;}

form>div>div[id*="field"]>label {
    float: left;
    width: 100%;
    height: 14px;
    font-family: 'robotoregular';
    font-weight: bolder;
    color: black;
    font-size: 14px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 16px;
}

form>div>div[id*="field"]>div {
    float: left;
    width: calc(100% - 5px);
    background-color: #efefef;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #dcdcdc;
}
form>div>div[id*="field"][class*="select"]>div {background-color: #dcdcdc;}
#formulaire[class*="public"] form>div>div[id*="field"][class*="must"]>div {border-left-color: var(--color_vert_vistapod);}
#formulaire[class*="pro"] form>div>div[id*="field"][class*="must"]>div {border-left-color: var(--color_bleu_vistapod);}


form>div>div[id*="field"]>div>input,
form>div>div[id*="field"]>div>select {
    float: left;
    width: calc(100% - 30px);
    height: var(--hauteur_field_wapp);
    background-color: transparent;
    font-family: 'robotoregular';

    border: none;
    outline: none;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 5px;
    line-height: var(--hauteur_field_wapp);
}
form>div>div[id*="field"]>div>select {color:rgb(77, 174, 239);}
form>div>div[id*="field"]>div>select option {height: 100%;}

form>div>div[id*="field"]>div>textarea {
    float: left;
    width: 100%;
    height: 200px;
    background-color: transparent;
    resize: none;
    font-family: 'robotoregular';

    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 15px;
}

form>div>div[id*="field"]>div>div {
    float: left;
    width: 30px;
    height: 100%;
}
form>div>div[id*="field"]>div>div>i {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: var(--hauteur_field_wapp);
    font-size: 14px;
}

form>div>div[id*="field"]>div>div>* {display: none;}

form>div>div[id*="field"][class*="sheck"]>div>div>i:nth-child(1) {display: block;color: var(--color_vert2_bouton);}
form>div>div[id*="field"][class*="sheck"]>div>div>i:nth-child(2) {display: none;}
form>div>div[id*="field"][class*="nosheck"]>div>div>i:nth-child(1) {display: none;}
form>div>div[id*="field"][class*="nosheck"]>div>div>i:nth-child(2) {display: block;color: #920b0b;}



@media (max-width: 450px) {
    form>div>div[id*="field"]{
        margin-bottom: 10px;
        --hauteur_field_wapp:30px;
    }
    form>div>div[id*="field"]>div>textarea {
        height: 100px;
    }
}