* {box-sizing: border-box;}
.column {float: left;width: 33%;padding: 0 10px;}
.row {margin: 0 -5px;}
.row:after {content: "";display:table;clear: both;}
.brhaut {height: 40px;}
.card1 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);padding: 16px;background-color: #f1f1f1;height: 430px;}
.card2 {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px;background-color: #f1f1f1;height: 430px;display:none;}
.pastille {position:absolute;top:-20px;left:-1px;width:100%;}
@media screen and (max-width: 900px)
{
.column {width: 100%;display: block;margin-bottom: 20px;}
.pastille {position:absolute;top:+10px;left:-15px;width:100%;}
.brhaut {height: 5px;}
.card1 {height: auto;display:none;}
.card2 {height: auto;display:block}
}