#sondage ul {
    margin-top: 1rem;
}
#sondage ul>li {
    display: inline-block; width:30%;
    text-align: center; vertical-align: top;
    margin-bottom: 3rem;
    cursor: default;
}
#sondage ul>li img {
    width: 98%;
}
#sondage ul>li>div {
    color: grey;
}
#sondage ul:hover>li.correct>div,
#sondage.show-corrections ul > li.correct>div {
    border-top: 4px solid green; color: green;
}

@media print {
    #sondage input[type=button] { display: none; }
    #sondage ul > li.correct > div {
        border-top: 2px solid;
    }
}


/* #sondage svg { */
/*    border-left: thin solid grey; */
/*    border-right: thin solid grey; */
/* } */
#sondage svg rect,
#sondage svg path {
    fill: none; stroke-width: .2;
}
#sondage svg .correct rect {
    fill: green;
}
#sondage svg :not(.correct) rect {
    fill: grey;
}
#sondage svg .correct path.area {
    /* fill: url(#lingrad); */ stroke: none;
}
#sondage svg path.sep {
    fill: none; stroke: darkgrey; stroke-width: .2;
}