@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Poiret+One&display=swap');

body{
    margin: 0;
    padding: 0;
    font-family: 'Open Sans','Times New Roman', Times, serif;
    font-weight: 600;
}

form{
    width: 40%;
    margin: auto;
}

form > input[type="radio"]{
    display: none;
}

h2{
    text-align: center;
    font-family: 'Poiret One',cursive;
    text-decoration: underline;
    font-size: 1.9em;
}

fieldset{
    width: 100%;
}


fieldset .input__field label{
    color: #030a31;
    font-size: .9em;
}

fieldset .input__field input:not([type="radio"]){
    width: 100%;
    border: 1px solid #cececf;
    box-sizing: border-box;
    padding: 5px 10px;
}

/* ------------Style du champ Civilite ---------- */

fieldset > .input__field {
    margin: 1em 0;
}

/* ---------------select field ----------------- */

.fieldset_2 .select__field > select{
    padding: 6px 9px;
    font-family: 'Open Sans',cursive;
}


.fieldset_2 .select__field > select > option{
    font-family: 'Montserrat',cursive;
}

/* -------------------------------------  */

form > input[type="submit"]{
    background-color: #168fc7;
    color: #ffffff;
    padding: .8em 1.5em;
    outline: none;
    border: none;
    border-radius: 4px;
    font-family: 'Montserrat',cursive;
    font-size: 1.2em;
    margin: 1em 40% 2em;
}


/* -------------- Animation ------------------ */