@media(min-width: 768px){
  /* pour palier au bug de IE avec break-inside : avoid */
  /* a mettre seulement sur la derniere boite de la colone de gauche et ajuster la valeur selons vos besoin pour que le wrap fonctionne bien sur ie  */

  .pour-forcer-wrap-ie{
    margin-top: 40px;
  }
}

.col-flow-css div h3{
    display: inline-block;
    position: relative;
    padding-left: 1.5rem;
    font-weight: bold;
    line-height: 1.5rem;
}
.col-flow-css div h3:before {
  display: block;
      content: "";
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/ressources/images/ic-confirmation.svg) no-repeat left 49%;
   
/*
  content: url('/ressources/images/ic-confirmation.svg');
  background-repeat: no-repeat;
*/
}
/*
.col-flow-css div h3:after {
  padding-left: 6px;
  margin-left: 6px;
}
*/
.col-flow-css {
    margin-bottom: 2rem;
}

.cd-tuiles.col-flow{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  /* height: 122vh;    */
}
/*
.col-flow-css:first-child{
  margin-top: 0 !important;
}
*/




.col-flow-css > * {
   /* background-color: #eef7f3; */
    padding: 1.25rem 20px;
    border: solid 1px #d5d5d5;
    margin-bottom: 1.25rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.col-flow-vert > *{
  background-color: #eef7f3;
}
 
.col-flow-css > * > *:first-child {
    margin-top: 0 !important;
} 


@media (max-width: 767px) {
/*
  .cd-tuiles.col-flow{
    height: auto;
  }
  */
  .img-vit{
  background-position-y: center;
  }

}