.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}
.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}
.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}
.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}
.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.form-switch input { display: none; }
.form-switch input:checked + i { background-color: #4BD763; }
.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }
.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.notice {display: flex; align-items: center; justify-content: center; z-index: 10000000000; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: #00000069;}
.notice-content {width: 35%; min-width: 480px; bottom: 30%; left: 33%; padding: 20px; background-color: white; border-radius: 5px; color: black; overflow: auto;}
.title-container {font-size: 25px; padding: 0 0 20px; display: flex; justify-content: space-between; align-items: center;}
.btn-save {width: 43.5%; cursor: pointer; margin-right: 3%; display: inline-block; vertical-align: middle; padding: 10px; text-align: center; font-size: 14px; border: black solid 2px;}
.btn-accept {width: 43.5%; cursor: pointer; display: inline-block; vertical-align: middle; padding: 10px; text-align: center; font-size: 14px; border: black solid 2px;}
.pi-clo {max-height: 0px;}
.pi-o {max-height: 250px;}
.cta-cook {padding: 2px 0; cursor: pointer;}
.cta-cook img {vertical-align: middle; margin-right: 10px; width: 20px;}
.notice .def-container {font-size: 12px; overflow: hidden; transition: max-height 0.3s ease-in-out; margin: 10px 0; text-align: left;}
.cookie-containerr {font-size: 14px;display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.cookie-wrapperr {padding: 10px 0;}
.notice-confidence {position: fixed; z-index: 1000000; bottom: 0px; right: 0px; padding: 20px; background-color: white; color: black; display: flex; align-items: center; justify-content: space-between;}
.notice-confidence-wrapper {position: relative; display: flex; align-items: center; justify-content: space-between;}
.two-fiche-big {width: 75%; text-align: left;}
.two-fiche-small {width: 25%; padding: 0 60px;}
.cta-notice {padding: 10px 20px; border: solid black 2px; font-size: 14px; cursor: pointer; max-width: 250px; text-align: center;}
.mobile-footer-cookie {display: none;}
.title-cook {font-size: 20px; margin-bottom: 20px;}
.intro {font-size: 12px; margin-bottom: 10px; text-align: left;}
.pub-log {font-size: 8px; margin-top: 15px;}
.pub-log img {vertical-align: middle; width: 70px;}

@media (max-width:1200px) {
  .notice-confidence-wrapper {display: block;}
  .two-fiche-big {width: 100%;}
  .two-fiche-small {width: 100%; padding: 0;}
  .cta-notice {padding: 10px 20px; display: inline-block; margin: 20px 20px 0 0;}
}

@media (max-width:980px) {
  .mobile-footer-cookie {display: initial;}
  .notice-confidence {padding: 50px 20px 20px;}
}

@media (max-width:500px) {
  .notice-content {min-width: 360px; width: 100%; height: 100%;}
  .btn-save {width: 100%; margin-bottom: 10px;}
  .btn-accept {width: 100%;}
}