/*STRUCTURE*/
html {
  overflow: hidden;
}
body {
  margin: 0;
}
body > div {
  height: 100%;
  margin: auto;
  overflow: auto;
}
body .certificats {
  padding: 1em;
}
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/*ACCORDION*/
.tab {
  margin-bottom: 1em;
}
.tab__item {
  overflow: hidden;
}
.tab__label {
  display: flex;
  padding: .8em;
  cursor: pointer;
}
.tab__label:hover {}
.tab__label::before {
  content: "";
  width: 22px;
  height: 22px;
  text-align: center;
  transition: all .35s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
}
#tab-europe .tab__label::before {
  background-image: url(../img/europe.png);
}
#tab-ukraine .tab__label::before {
  background-image: url(../img/ukraine.png);
}
#tab-royaume-uni .tab__label::before {
  background-image: url(../img/royaume-uni.png);
}
#tab-globe .tab__label::before {
  background-image: url(../img/globe.png);
}
.tab__label::after {
  content: "";
  width: 25px;
  height: 22px;
  text-align: center;
  transition: all .35s;
  background-repeat: no-repeat;
  background-position: center;
}
.tab__label span {
  width: 100%;
  line-height: 22px;
  padding-left: 0.8em;
}
.tab__content {
  max-height: 0;
  transition: all .35s;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
  overflow: hidden;
}

.tab__content-item {
  padding: 1em;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
}
.tab__content-item:hover {}
.tab__content-item::before {
  content: "";
  background-image: url(../img/pdf.png);
  height: 22px;
  width: 22px;
  display: flex;
  flex: 0 0 auto;
  margin-right: 0.8em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tab__content-item-title {
  line-height: 22px;
  word-break: break-all;

  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
input:checked + .tab__label {}
input:checked + .tab__label::after {}
input:checked ~ .tab__content {
  max-height: fit-content;
}