#citation {
    margin-left: 23%;
    margin-right: 23%;
    padding: 2%;
    background-color: #ffffff;
    box-shadow: 0px 3px 5px gray;
    max-height: 55vh;
    overflow: auto;
}

#txt_citation {
    text-align: justify;
}

#source {
    text-align: right;
    font-style: italic;
    display: none;
}

/*
.reponses {
    font-size: large;
    margin: 5px;
    border: solid;
    border-width: 2px;
    border-color: #916f00;
    border-radius: 8px;
    z-index: 5;
}
*/
#image_saint {
    height: 80vh;
    position: absolute;
    left: 65%;
    bottom: 10%;
    display: none;
}

#image_saint:hover {
    cursor: pointer;
}

#suivant {
    display: none;
    /* align-items: center;*/
}

@media screen and (max-width : 780px) {
    #image_saint {
        height: 50vh;
        left: 60%;
        bottom: auto;
        top: 15%;
    }

    #citation {
        max-height: 50vh;
        margin-left: 7%;
        margin-right: 7%;
    }

    #bravo {
        text-align: left;
        margin-left: 2vh;
    }

    #suivant {
        position: absolute;
        left: 50%;
        bottom: 10%;
    }
}