.timeline{display:grid;grid-template-columns:auto auto 10%;background-color:#add8e6;column-gap:20px;margin-bottom:50px}.dateCycle{margin:10px;background-color:#fff;padding:10px;text-align:center;border:solid 4px #ff8c77;border-radius:10px;font-weight:bold}.fleche{border-left:6px solid #ff8c77;justify-self:center}.resultat{position:relative;background:#fff;border:4px solid #5190a5;padding:20px;border-radius:10px}.resultat:after,.resultat:before{right:100%;top:50%;border:solid rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.resultat:after{border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:10px;margin-top:-10px}.resultat:before{border-color:rgba(81,144,165,0);border-right-color:#5190a5;border-width:16px;margin-top:-16px}