/* --------------- MENTIONS - CONFIDENTIALITE --------------- */
.confidentialite .slidedown {
  transition: all 125ms ease-in-out;
  margin-bottom: 1rem;
  background: transparent;
}
.confidentialite .slidedown .is-title {
  transition: all 125ms ease-in-out;
  position: relative;
  cursor: pointer;
  padding: 1rem;
  border-bottom: 1px solid #d6d6d6;
}
.confidentialite .slidedown .is-title:after {
  content: "";
  transition: all 125ms ease-in-out;
  width: 1rem;
  height: 1rem;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  transform: rotate(-45deg);
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
}
.confidentialite .slidedown.is-active .is-title:after {
  transform: rotate(45deg);
}
.confidentialite .slidedown .is-content {
  opacity: 0;
  height: 0;
  padding: 0 1rem 1rem 1rem;
  transition: all 125ms ease-in-out;
  display: none;
}
.confidentialite .slidedown.is-active .is-content {
  opacity: 1;
  height: inherit;
  display: block;
}
.confidentialite .slidedown.is-active {
  background: #f2f2f2;
  border-bottom: 1px solid #d6d6d6;
}
.confidentialite,
.confidentialiteTraitements,
.mentions {
  padding: 10px 20px;
}
.confidentialite .cards > .card > .card-content .card-title {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 0;
  text-align: left;
}
.confidentialite .cards > .card {
  display: block;
  width: 100%;
  background-color: #f3f3f3;
}
.confidentialite .cards > .card > .card-content {
  display: table;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.confidentialite .cards > .card > .card-content p:not(.card-title) {
  margin-top: 5px;
}
.confidentialite .cards > .card > .card-content > div {
  display: table-cell;
  vertical-align: middle;
}
.confidentialite .cards > .card > .card-content > div.card-icon {
  width: 65px;
}
.confidentialite .cards > .card > .card-content > div.card-icon > i {
  font-size: 3rem;
  padding-right: 20px;
  transition: all ease 0.3s;
}
.confidentialite
  .cards
  > .card
  > .card-content
  > div.card-icon
  > .logo-delpech {
  display: block;
  background: url("../img/logo.png") center center no-repeat;
  background-size: contain;
  width: calc(100% - 20px);
  height: 100%;
  filter: brightness(60%) grayscale(50%);
}
.confidentialite .cards > .card > .card-content > div.card-icon > .cookie {
  display: block;
  background: url("../img/cookies.png") center center no-repeat;
  background-size: contain;
  width: calc(100% - 20px);
  height: 100%;
  filter: brightness(0);
}
.confidentialite .cards > .card:hover > .card-content > div.card-icon > i {
  color: #1c7ed3;
}
.confidentialite
  .cards
  > .card:hover
  > .card-content
  > div.card-icon
  > i.cookie,
.confidentialite
  .cards
  > .card:hover
  > .card-content
  > div.card-icon
  > i.logo-delpech {
  filter: none;
}
@media screen and (min-width: 993px) {
  .mentions .d-flex {
    display: flex;
  }
  .mentions .d-flex > div {
    flex-grow: 1;
  }
  .mentions .d-flex > div:first-child {
    text-align: right;
  }

  .confidentialite,
  .confidentialiteTraitements,
  .mentions {
    padding: 10px 40px;
  }
  .confidentialite .cards {
    display: flex;
  }
  .confidentialite .cards > .card {
    flex-grow: 1;
    width: 50%;
  }
  .confidentialite .cards > .card:first-child {
    margin-right: 20px;
  }
}
.legalMenu {
  display: flex;
  margin: 0;
  padding-left: 0 !important;
  width: 100%;
  text-align: center;
  background-color: transparent;
}
.legalMenu .tab {
  flex-grow: 1;
}
.legalMenu .tab:hover a {
  background-color: #f6f6f6;
}
.legalMenu .tab a {
  color: #777777;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  border-bottom: solid 3px transparent;
  background-color: #f6f6f6;
}
.legalMenu .tab.active a {
  color: #3bb5d7;
  border-bottom: solid 3px #3bb5d7;
}