.bloc-table {
  font-size: 14px;
  width: 100%;
}
.bloc-table .first {
  width: 25%;
}
.bloc-table .other-1 {
  width: 25%;
}
.bloc-table .other-2 {
  width: 60%;
}
@media (max-width: 767px) {
  .bloc-table strong {
    font-family: 'open_sansregular';
  }
}
.bloc-table-title {
  position: relative;
}
@media (max-width: 767px) {
  .bloc-table-tooltip {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
  }
}
.bloc-table > thead > tr > th,
.bloc-table > tbody > tr > td {
  border-color: #ffffff;
  border-width: 1px;
}
@media (min-width: 768px) {
  .bloc-table > thead > tr > th,
  .bloc-table > tbody > tr > td {
    border-width: 4px;
    padding: 15px;
  }
}
.bloc-table th {
  color: #ffffff;
  font-weight: normal;
}
.bloc-table th s br {
  line-height: 1;
}
@media (min-width: 768px) {
  .bloc-table th strong {
    font-size: 20px;
  }
}
.bloc-table th.first {
  background: none;
}
.bloc-table th.other-1 {
  background: #00a6b0;
}
.bloc-table th.other-2 {
  background: #009c74;
}
.bloc-table > tbody > tr:nth-child(odd) > td {
  background: #ededed;
}
.bloc-table tr {
  position: relative;
}
.bloc-table td {
  background: #f7f7f7;
}
@media (max-width: 767px) {
  .bloc-table td.first .bloc-table-title {
    padding-right: 25px;
    display: block;
  }
}
@media (max-width: 767px) {
  .bloc-table td .tooltip {
    display: none;
  }
  .bloc-table td .tooltip.open {
    display: block;
    opacity: 1;
  }
  .bloc-table td .tooltip-inner {
    display: block;
  }
}
@media (min-width: 768px) {
  .bloc-table td .tooltip {
    position: static;
    opacity: 1;
    display: initial;
  }
  .bloc-table td .tooltip-arrow {
    display: none;
  }
  .bloc-table td .tooltip-inner {
    background: none;
    color: initial;
    padding: 0;
  }
}
.bloc-table td svg {
  margin: 0 auto;
}
.bloc-table td.other-1 {
  color: #00a6b0;
}
.bloc-table td.other-2 {
  color: #009c74;
}
.bloc-table td.other-3 {
  color: #00A0CC;
}
.bloc-table .btn-revert {
  background: #ffffff;
  border-color: #00a6b0;
}
@media (max-width: 767px) {
  .bloc-table .btn-revert {
    border-radius: 100%;
    padding: 0;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
  .bloc-table .btn-revert .visible-xs {
    font-size: 25px;
  }
}
@media (min-width: 768px) {
  .bloc-table .btn-revert {
    padding-left: 9px;
    padding-right: 9px;
  }
}
.bloc-table .btn-revert:hover,
.bloc-table .btn-revert:focus {
  background: #00a6b0;
  border-color: #00a6b0;
  color: #ffffff
}