@charset "utf-8";

/* Form part */
.block-form-responsive-twi-in-line{
    display: flex;
}
.block-form-responsive-twi-in-line > div {
    display: flex;
    width: -webkit-fill-available;
    width: -moz-available;
    flex-direction: column;
    margin: 0 5px;
}
.block-form-responsive-twi-in-line > div > textarea,
.block-form-responsive-twi-in-line > div > input { 
    margin: 5px 0px;
}

section {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 0; /* overide the base.css value */
}

input[type="password"]:hover, input[type="password"]:focus,
input[type="number"]:hover, input[type="number"]:focus, 
input[type="email"]:hover, input[type="email"]:focus, 
input[type="text"]:hover, input[type="text"]:focus, 
input[type="tel"]:hover, input[type="tel"]:focus, 
textarea:hover, textarea:focus {
    margin: 5px 0px; /* overide the formulaire.css value */
}

#responseresiliation{
    text-align: center;
}

.resilButtons{
    cursor: pointer;
}

/* Sumary part */
#resumeresiliation,
#titleresumeresiliation {
    display: none;
}
#resumeresiliation{
    text-align: center;
}
#resumeresiliation p{
    margin: 10px 0;
    white-space: pre-wrap;
}
.bouton-primaire-L-desktop{
    width: fit-content; /* overide the button.css value */
}


/* Mobile version */
@media only screen and (max-width : 959px) {
    section {
        width: 100%;
        padding: 50px 16px 0px 16px;
    }

    #header{
        padding : 32px;
    }

    .block-form-responsive-twi-in-line{
        display: block;
    }
    
    .block-form-responsive-twi-in-line > div > textarea,
    .block-form-responsive-twi-in-line > div > input { 
        margin: 0px;
    }

    input[type="password"]:hover, input[type="password"]:focus,
    input[type="number"]:hover, input[type="number"]:focus, 
    input[type="email"]:hover, input[type="email"]:focus, 
    input[type="text"]:hover, input[type="text"]:focus, 
    input[type="tel"]:hover, input[type="tel"]:focus, 
    textarea:hover, textarea:focus {
        margin: 0px; /* overide the formulaire.css value */
    }
}