form{
    /* text-align: center; */
}
.messageContainerMobile{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.message{
    width: 50%;
    text-align: center;
}
.message div{
    display: inline-block;
}
.message .messageChildContainer{
    width: 90%;
}
.alreadyUse, .expired, .canUse{
    width: 50%;
}
.alreadyUse .messageChildContainer, .expired .messageChildContainer, .canUse .messageChildContainer{
    width: 90%;
    display: flex;
    text-align: center;
    padding-left: 21%;
}
.alreadyUse .messageChildContainer div:first-of-type, .expired .messageChildContainer div:first-of-type, .canUse .messageChildContainer div:first-of-type{
    width: 41%;
    text-align: left;
    margin-right: 15px;
}
.notExist{
    width: 80%;
    text-align: center;
    padding-left: 25%;
}
.notExist .messageChildContainer{
    width: 90%;
    display: flex;
}
.notExist .messageChildContainer div:first-of-type{
    width: 30%;
    text-align: left;
    margin-right: 15px;
}
.message div div:last-of-type{
    font-weight: 900;
}
.warning{
    margin-top: 30px;
    font-size: 15px;
    margin-bottom: 15px;
}
.warning img{
    width: 40px;
    display: inline-block;
    margin-right: 1%;
}
.warning div{
    display: inline-block;
    text-align: justify;
}
.validation{
    margin-bottom: 20px;
}


@media (max-width: 768px) {
    /* MOD-MS 07.07.2020 : Ajout du css mobile pour la page validation bon*/
    .messageContainerMobile {
        width: 100%;
        margin-left: 0%;
        text-align: center;
    }

    .message {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin: 0;
    }

    .message div {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 0;
    }

    .formMobile {
        text-align: center;
    }

    .message div div:first-of-type {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .message div div:last-of-type {
        font-weight: 900;
        display: inline-block;
    }
    .warning {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .warning div {
        font-size: 12px !important;
        width: 85% !important;
        display: inline-block;
        text-align: justify;
    }
    .warning img {
        width: 35px !important;
        display: inline-block;
    }
    .formMobile br {
        display: none;
    }
    .alreadyUse, .expired, .canUse{
        width: 100%;
    }
    .alreadyUse .messageChildContainer, .expired .messageChildContainer, .canUse .messageChildContainer{
        width: 100%;
        display: inline-block;
        text-align: center;
        padding-left: 0%;
    }
    .alreadyUse .messageChildContainer div:first-of-type, .expired .messageChildContainer div:first-of-type, .canUse .messageChildContainer div:first-of-type{
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }
    .notExist{
        width: 100%;
        text-align: center;
        padding-left: 0%;
    }
    .notExist .messageChildContainer{
        width: 100%;
        display: inline-block;
    }
    .notExist .messageChildContainer div:first-of-type{
        width: 100%;
        text-align: center;
        margin-right: 0px;
    }
}

.rtn_button{
    color: black;
    text-decoration: black underline;
}