.wrap-ancre-bt-play{
  position: absolute;
  width: 6%;
  left: 4%;
  top: 25%;
  transition: all 0.2s linear;
}

.wrap-ancre-bt-play:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

.wrap-tab-menu{
  padding:5% 0 5% 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.wrap-item-tab-menu.on .content .inner .label{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:100%;
  border-radius: 50%;
  color:#ffffff;
}

.wrap-item-tab-menu.on .content a .img-fond{
  transform: rotate(0deg);
}

.wrap-content-tab{
  display: block;
  margin-bottom: 5%;
  padding-bottom: 5%;
}

.wrap-content-tab .content-tab{
  display: none;
  width: 100%;
  left:0px;
  top:0px;
  bottom: 0px;
  opacity: 0;
  height:100%;
  transition: opacity 0.7s linear;

}
.wrap-content-tab .content-tab.on{
  display: block;
  opacity: 1;
}

.wrap-content-tab-col-2{
  display: flex;
  justify-content: space-between;
}

.wrap-content-tab-col-3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tab-content{
  margin-bottom: 5%;
}
.wrap-content-tab-col-2 .tab-content{
  width: 47%;

}

.wrap-content-tab-col-3 .tab-content{
  width: 30%;

}
.block-tab-content{
  margin-bottom: 2%;
}

.block-warning,.block-recherche,.block-faq,.block-ampoule{
  background:#1e4a63;
  border-radius: 20px;
  position: relative;
  padding:6% 5% 6% 12%;
  margin-top: 4%;
}

.block-ampoule{
  padding:2% 5% 2% 8%;
 }


.block-warning.cyan,.block-recherche.cyan,.block-faq.cyan,.block-ampoule.cyan{
  background:#70cbd0;
}



.block-warning p,.block-recherche p,.block-faq p{
  margin: 0;
  color:#ffffff;
}

.block-warning.cyan p,.block-recherche.cyan p,.block-faq.cyan p,.block-ampoule.cyan p{
  margin: 0;
  color:#1e4a63;
}

.block-warning .icone,.block-recherche .icone,.block-faq .icone,.block-ampoule .icone{
  width: 60px;
  position: absolute;
  top:-30px;
  left:-30px;
}

.block-faq .icone{
  left:-20px;
  top:-20px;
}

.block-recherche .icone{
  width: 60px;
  position: absolute;
  top:30px;
  left:-30px;
}



.block-warning .icone img,.block-recherche .icone img,.block-faq .icone img,.block-ampoule .icone img{
  display: inline-block;
  width: 100%;
  height:auto;
}

.block-table{
  background:#1e4a63;
  border-radius: 50px;
  position: relative;
  padding:0% 5% 6% 5%;
  margin-top: 4%;
}

.block-table.cyan{
  background:#70cbd0;
}

.block-table .titre-table{
  border-radius: 100px;
  background: #1e4a63;
  height:60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding:0 2% 0 2%;
  font-size: 0.8em;
  width: 80%;
  margin:0 auto;
}

.block-table.table-2 .titre-table{

}

.block-table .titre-table span{
  font-size: 1.1em;
  line-height: 1.4em;
}

.block-table .item-table{
  display: flex;
  color:#1e4a63;
  justify-content: flex-start;
  margin-top: 10%;
  font-size: 0.85em;
}

.block-table.table-2 .item-table{
  color:#ffffff;
  display: block;
  text-align: center;
}

.block-table .item-table .icone{
  flex: 0.15;
}

.block-table .item-table .texte{
  flex: 0.9;
}

.block-table.table-2 .item-table .icone{
  display: inline-block;
  width: 17%;
  flex: none;
}

.block-table.table-2 .item-table .texte{
  flex: none;
}

.tab-content ul{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.tab-content ul li {
  position: relative;
  margin: 0;
  padding-bottom: 1em;
  padding-left: 25px;
}

.tab-content ul li p{
  margin:0px;
  color:#1e4a63;
}

.tab-content ul li:before {
  content: '';
  background-color: #1e4a63;
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 9px;
  width: 1px;
}

.tab-content ul li:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%231e4a63' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: -4px;
  height: 20px;
  width: 20px;
}

.tab-content p.puce-rouge span{
  color:#b0090e;
  padding-right: 10px;
}

.tab-content p.puce-jaune span{
  color:#edcd1e;
  padding-right: 10px;
}

.tab-content p.puce-orange span{
  color:#ea9d0f;
  padding-right: 10px;
}

.tab-content-texte-image{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tab-content-texte-image .tab-content-texte{
  width: 60%;
}

.tab-content-texte-image .tab-content-image{
  width: 40%;
}

@media screen and (max-width: 1024px){
  .wrap-content-tab-col-3{
    justify-content: space-around;
  }
  .wrap-content-tab-col-3 .tab-content{
    width: 45%;
  }


}
@media screen and (max-width: 600px){

  .block-tab-content{
    margin-bottom: 4%;
  }

  .display-600.display-flex{
    display: flex;
  }

  .display-600.display-block{
    display: block;
  }


  .hide-600{
    display: none !important;
  }
  .wrap-tab-menu{
    padding:5% 0 5% 0;
    display: block;
    flex:0 1 100%;
    justify-content: normal;
    align-items: normal;
  }

  .wrap-content-tab-col-2 .tab-content{
    width: 100%;
  }
  .wrap-content-tab-col-2{
    display: block;
    justify-content: space-around;
  }

  .wrap-content-tab-col-3 .tab-content{
    width: 100%;
  }
  .wrap-content-tab-col-3{
    display: block;
    justify-content: space-around;
  }

  .wrap-content-tab .content-tab{
    display: block !important;
    opacity: 1;
  }


}