/**
 * Bloc Frise Picto
*/
.bloc-frise-picto-groupe{
  padding:0 28.75% 0 5%;
}
.bloc-frise-picto-groupe .title{
  display:block;
  color:#000727;
  margin-bottom:1rem;
  font-size:1.25rem; line-height:1.5;
}
.bloc-frise-picto-groupe .list-wrapper-separator{
  position: relative;
}
.bloc-frise-picto-groupe .list-wrapper-separator:after{
  position:absolute; z-index:-1;
  display: block;
  width:1px; height:100%; top:0; left:2.875rem;
  background:#C3C3C3;
  content:'';
}
.bloc-frise-picto-groupe .list-wrapper{
  list-style:none;
  margin:0; padding:1.25rem 0;
}
.bloc-frise-picto-groupe .list-wrapper .item{
  display:flex;
  align-items:center;
  margin-bottom:2.5rem;
}
.bloc-frise-picto-groupe .list-wrapper .item:last-child{
  margin-bottom:0;
}
.bloc-frise-picto-groupe .list-wrapper .picto-wrapper{
  position:relative;
  padding-left:.75rem; margin-right:1.25rem;
}
.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .step-number{
  position:absolute;
  left:0; top:0;
  padding:.1875rem .5rem;
  border-radius:50%;
  color:#fff;
  font-size:.75rem;
  z-index:2;
}
.refonte-grp.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg{
  display:flex;
  justify-content:center; align-items:center;
  width:4.25rem; height:4.25rem;
  border-radius:50%;
  background-color:#fff;
  box-shadow:0px 0px 0px 0px #fff;
}
.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg svg,
.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg img{
  width:2.5rem; height:2.5rem;
}
.refonte-grp.bloc-frise-picto-groupe .list-wrapper .text{
  margin:0;
  color:#333;
  font-size:1rem; line-height:1.625;
}

.refonte-grp.bloc-frise-picto-groupe .list-wrapper .text + .text {
  color:#6D6E71;
  margin: 1rem 0;
}

.refonte-grp.bloc-frise-picto-groupe .list-wrapper .text a {
  color:#006DFF;
}

.rich-content .refonte-grp.bloc-frise-picto-groupe {
      margin: 5rem auto;
}


@media screen and (min-width: 48em) {
  .bloc-frise-picto-groupe{
    padding:0 5%;
  }
  .bloc-frise-picto-groupe .title{
    margin-bottom:1.5625rem;
    font-size:1.625rem; line-height:1.38; text-align:center;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper-separator:after{
    top:2.25rem; left: -5.5%;
    width: 100%; height:1px;
    left: 50%;
    max-width: 75rem;
    transform: translate(-50%);
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper{
    display:flex;
    justify-content:space-between;
    padding:0;max-width: 75rem;
    margin: auto;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .wrapper-text{
    max-width: 13.875rem;
  }
  .bloc-frise-picto-groupe .list-wrapper:before,
  .bloc-frise-picto-groupe .list-wrapper:after {
    content: '';
    display: block;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .item{
    flex-direction:column;
    margin-bottom:0; width:8.625rem;
    width: 25%;
    margin: 0 5%;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .item:first-child{
    margin-left: 0;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .item:last-child{
    margin-right: 0;
  }
  .bloc-frise-picto-groupe .list-wrapper .item .text {
    width: 100%;
    text-align: center;
  }
  .bloc-frise-picto-groupe .list-wrapper .item:last-child{
    margin-right:0;
  }
  .bloc-frise-picto-groupe .list-wrapper .picto-wrapper{
    display:block;
    width:100%; height:auto;
    margin: 0; padding: 0 0 .35rem;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg {
    position: relative;
    top: -5rem;
    margin:0 auto;
  }
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg svg,
  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .picto-wrapper .svg img{
    width:5rem; height:5rem;
  }

  .refonte-grp.bloc-frise-picto-groupe .target {
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    background: #BFDAFF;
    position: absolute;
    top: 1.2rem;
    left:calc(50% - 1.0625rem);
  }

  .refonte-grp.bloc-frise-picto-groupe .text strong {
    font-size: 1.125rem;
  }

  .refonte-grp.bloc-frise-picto-groupe .text + .text {
    font-size:0.875rem;
  }

  .refonte-grp.bloc-frise-picto-groupe .text:last-child {
    margin-top: 1.25rem;
  }

  .refonte-grp.bloc-frise-picto-groupe .target:before {
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background: rgba(0,109,255,0.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
  }

  .refonte-grp.bloc-frise-picto-groupe .target:after {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #006DFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    display: block;
  }

  .refonte-grp.bloc-frise-picto-groupe .list-wrapper .text + .text {
      margin: 1.25rem 0;
  }

  .rich-content .refonte-grp.bloc-frise-picto-groupe {
        margin: 7.5rem 0 5rem;
  }
}