#association-div {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#association-div a {
    width: 100%;
    text-decoration: none;
    color: black;
}

#association-figure {
    width: 100%;
    text-align: center;
}

#association-figure img {
    width : 100%;
}

blockquote {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.quote {
    text-align: justify;
}

.guillemets {
    font-weight: bold;
    font-size: xx-large;
    font-family:Georgia, 'Times New Roman', Times, serif;
}

.debut {
    text-align: start;
}

.fin {
    text-align: end;
}

@media (min-width: 768px){
    #association-div {
        width: 100%;
        display: flex;
        flex-direction: row;
    }
    #association-div a {
        width: 30%;
    }   
}