style>
.fr-text-20 { font-size:20px; line-height:1.5; }
/* Ligne verticale */
.step::before {
content: '';
position: absolute;
left: 0.23rem;
top: 15%;
height: 60% !important;
width: 2px;
height: calc(100% - 1rem);
background-color: #e5e5e5;
}
/* Point circulaire */
.step::after {
content: '';
position: absolute;
left: 0;
top: 0.5rem;
width: 0.60rem;
height: 0.55rem;
background-color: #00A95F;
border-radius: 50%;
}
.step {
position: relative;
padding-left: 3rem;
padding-bottom: 0.5rem;
}
.step-last::before {
display: none !important
}
.fr-callout--default-grey {
--idle:transparent;
--hover:var(--background-default-grey-hover);
--active:var(--background-default-grey-active);
background-color:var(--background-default-grey);
background-image:linear-gradient(0deg,var(--border-default-green-emeraude),var(--border-default-green-emeraude))
}
.fr-callout--blue-france {
--idle:transparent;
--hover:var(--background-default-grey-hover);
--active:var(--background-default-grey-active);
background-color:var(--background-default-grey);
background-image:linear-gradient(0deg,var(--border-default-blue-france),var(--border-default-blue-france))
}
@media screen and (max-width:760px){
.fv-padding-custom {
padding: 2em 0em !important;
}
.fv-padding-custom .fr-col-md-3 {
width: 100%;
}
.fr-display--xs {
font-size: 2.2em !important;
line-height: 2.2rem !important;
}
.fv-padding-initial {
padding:initial !important;
}
.fr-container {
padding-left: 1.2rem !important;
padding-right: 1.2rem !important;
}
.step {
padding-left: 2.5rem;
}
}
