.popin-infos {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.25);
  z-index:100000;
}
.popin-infos.hide {
  display:none;
  opacity:0;
  visibility:hidden;
  height:0;
  width:0;
  overflow:hidden;
}
.popin-infos .popin-infos-container {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#EE7D11;
  padding:40px;
  border-radius:4px;
  max-height:60vh;
  overflow:auto;
  width:90%;
  max-width:700px;
}
.popin-infos .popin-infos-container .content { color:white; }
.popin-infos .popin-infos-close {
  position:absolute;
  right:20px;
  top:20px;
  width:20px;
  height:20px;
  cursor:pointer;
}
.popin-infos .popin-infos-close:hover::after, .popin-infos .popin-infos-close:hover::before { background:#EE7D11; }
.popin-infos .popin-infos-close::after, .popin-infos .popin-infos-close::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  height:3px;
  width:100%;
  background:#003883;
  transition:background .4s;
}
.popin-infos .popin-infos-close::before { transform:translate(-50%,-50%) rotate(45deg); }
.popin-infos .popin-infos-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.popin-infos h2 {
  margin-bottom:20px;
  color:white;
}
.popin-infos .link-important-alt3 { margin-top:20px; }