.margincenter {
    margin: 0px auto;
  }

.flashinfo {
    /* 0.063rem = 1px sur la base de 1rem = 16px */
    width: 95%;
    /* border-width: 0 0.063rem 0.063rem 0.063rem; */
    /* border :5px solid red; */
    position: relative;
    padding : 20px 10px ;
  }

.flashinfo.legend:after {
    border-style: solid;
    border-color: grey;
  }
  
  .flashinfo .legend span,
  .flashinfo .legend { 
    background-color: #fff;
  }
  
  /* .flashinfo, */
  .flashinfo .legend:after,
  .flashinfo .legend span,
  .flashinfo-content {
    box-sizing: border-box;
  }
  

  .flashinfo .legend {
    position: relative;
    /* 0.063rem = 1px sur la base de 1rem = 16px */
    left: -0.063rem;
    right: -0.063rem;
    width: 100%;
    display: block;
    /* 0.063rem * 2 = 0.126rem */
    padding: 0 0 0 0.126rem;
    font-weight: normal;
    box-sizing: content-box;
  }
  
  .flashinfo .legend:after {
    /* 0.063rem = 1px sur la base de 1rem = 16px */
    border-width: 0.063rem 0.063rem 0 0.063rem;
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  .flashinfo .legend span {
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 0 0.125rem 0 0.125rem;
    /* Voir le calcul sur le codepen */
    margin: 0.5rem 0.85rem 0.5rem 0.85rem;
  }
  
  .flashinfo .legend.center {
    text-align: center;
  }
  
  .flashinfo .legend.right {
    text-align: right;
  }