.historique .etape .annee{
font-size:1.25rem;
color: var(--blanc);
background-color: var(--orange);
width:100px; height:100px;
border-radius: 50%;
transition: all 0.2s ease;
}
.historique ul{
margin:0;
padding:0;
list-style: none;
}
.historique ul li{
padding: 0.5rem 0;
position:relative;
transition: all 0.2s ease;
}
.historique ul li::before{
content:"";
display: inline-block;
width:12px; height:12px;
border-radius: 50%;
background-color: var(--bleu);
margin-right: 0.5rem;
position:absolute;
left:0; top:0.8rem;
transform: translateX(-125%);
}
.historique .etape{
padding: 1rem 0;
border-bottom:1px dashed var(--bleu)
}
@media screen and (min-width:580px){
.historique .etape .annee{
width:120px; height:120px;
}
}
@media screen and (min-width:992px){
.historique .etape:hover ul li{
transform: scale(1.1);
}
.historique .etape:hover .annee{
background-color: var(--bleu);
transform: scale(1.5)
}
}