form.wpcf7-form {

    --main-gap: 10px;

    display: flex;
    flex-wrap: wrap;
    column-gap: var(--main-gap);
    row-gap: var(--main-gap);

}

/* Structure pincipale des textarea des champs */
form.wpcf7-form .oaka-cf7-row input, 
form.wpcf7-form .oaka-cf7-row textarea {
    width: 100%;
}

form.wpcf7-form .oaka-cf7-rgpd .wpcf7-form-control-wrap span.wpcf7-list-item,
form.wpcf7-form .oaka-cf7-rgpd .wpcf7-form-control-wrap span.wpcf7-list-item label input, 
form.wpcf7-form .oaka-cf7-brevo-acceptance .wpcf7-form-control-wrap span.wpcf7-list-item, 
form.wpcf7-form .oaka-cf7-brevo-acceptance .wpcf7-form-control-wrap span.wpcf7-list-item label input{
    margin: 0px;
}

form.wpcf7-form .oaka-cf7-rgpd label > a {
    color: #000;
}

form.wpcf7-form .oaka-cf7-row textarea {
    resize: vertical;
}


/* DEBUT CSS des width ajustables */
.col-10.duo {width: calc(10% - (var(--main-gap)/2));}  .col-10.trio {width: calc(10% - (var(--main-gap)/3*2));}  .col-10.quadra {width: calc(10% - (var(--main-gap)/4*3));}
.col-15.duo {width: calc(15% - (var(--main-gap)/2));}  .col-15.trio {width: calc(15% - (var(--main-gap)/3*2));}  .col-15.quadra {width: calc(15% - (var(--main-gap)/4*3));}
.col-20.duo {width: calc(20% - (var(--main-gap)/2));}  .col-20.trio {width: calc(20% - (var(--main-gap)/3*2));}  .col-20.quadra {width: calc(20% - (var(--main-gap)/4*3));}
.col-25.duo {width: calc(25% - (var(--main-gap)/2));}  .col-25.trio {width: calc(25% - (var(--main-gap)/3*2));}  .col-25.quadra {width: calc(25% - (var(--main-gap)/4*3));}
.col-30.duo {width: calc(30% - (var(--main-gap)/2));}  .col-30.trio {width: calc(30% - (var(--main-gap)/3*2));}  .col-30.quadra {width: calc(30% - (var(--main-gap)/4*3));}
.col-35.duo {width: calc(35% - (var(--main-gap)/2));}  .col-35.trio {width: calc(35% - (var(--main-gap)/3*2));}  .col-35.quadra {width: calc(35% - (var(--main-gap)/4*3));}
.col-40.duo {width: calc(40% - (var(--main-gap)/2));}  .col-40.trio {width: calc(40% - (var(--main-gap)/3*2));}  .col-40.quadra {width: calc(40% - (var(--main-gap)/4*3));}
.col-45.duo {width: calc(45% - (var(--main-gap)/2));}  .col-45.trio {width: calc(45% - (var(--main-gap)/3*2));}  .col-45.quadra {width: calc(45% - (var(--main-gap)/4*3));}
.col-50.duo {width: calc(50% - (var(--main-gap)/2));}  .col-50.trio {width: calc(50% - (var(--main-gap)/3*2));}  .col-50.quadra {width: calc(50% - (var(--main-gap)/4*3));}
.col-55.duo {width: calc(55% - (var(--main-gap)/2));}  .col-55.trio {width: calc(55% - (var(--main-gap)/3*2));}  .col-55.quadra {width: calc(60% - (var(--main-gap)/4*3));}
.col-65.duo {width: calc(65% - (var(--main-gap)/2));}  .col-65.trio {width: calc(65% - (var(--main-gap)/3*2));}  .col-65.quadra {width: calc(65% - (var(--main-gap)/4*3));}
.col-70.duo {width: calc(70% - (var(--main-gap)/2));}  .col-70.trio {width: calc(70% - (var(--main-gap)/3*2));}  .col-70.quadra {width: calc(70% - (var(--main-gap)/4*3));}
.col-75.duo {width: calc(75% - (var(--main-gap)/2));}  .col-75.trio {width: calc(75% - (var(--main-gap)/3*2));}
.col-80.duo {width: calc(80% - (var(--main-gap)/2));}  .col-80.trio {width: calc(80% - (var(--main-gap)/3*2));}
.col-85.duo {width: calc(85% - (var(--main-gap)/2));}
.col-90.duo {width: calc(90% - (var(--main-gap)/2));}

.col-hiddden {display: none;}  .col-100 {width: 100%;}
/* FIN CSS des width ajustables */


/* CSS du bouton de soumission */
form.wpcf7-form div.oaka-cf7-submit {
    width: 100%;
}
form.wpcf7-form div.oaka-cf7-submit input.wpcf7-submit {
    border: none;
    background-color: #231F20;
    color: #FFF;
    padding: 7px 15px;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.3s ease;
}
form.wpcf7-form div.oaka-cf7-submit input.wpcf7-submit:hover {
    background-color: #FFF;
    color:#000;
}

/* Message d'erreur/validation du formulaire */
.sib_msg_disp {
    display: none!important;
}