/* Base */
html,body{margin:0;height:100%;font-family:Verdana,sans-serif;color:#fff;overflow:hidden}

/* Vidéo derrière */
#bg-video{
  position:fixed; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  z-index:1;              /* vidéo */
  pointer-events:none;    /* évite tout conflit de clic */
}

/* Bloc noir devant */
.side-block{
  position:fixed; top:20px; left:20px;
  background:rgba(0,0,0,.92);
  padding:18px 22px; border-radius:6px; width:260px;
  z-index:3;               /* devant la vidéo */
  opacity:0; transform:translateY(-30px);
  animation:slideIn .9s ease-out forwards;
}
.side-block h1{margin:0 0 10px;font-size:20px;font-weight:700;color:#CEDC00}
.side-block p{margin:0;font-size:14px;line-height:1.4}

@keyframes slideIn{
  to{opacity:1;transform:translateY(0)}
}

/* Bouton contact devant aussi */
.contact-btn{
  position:fixed; right:20px; bottom:20px;
  background:#000; color:#CEDC00; border:2px solid #CEDC00;
  padding:12px 18px; border-radius:4px; font-weight:700; text-decoration:none;
  z-index:4; transition:.25s;
}
.contact-btn:hover{background:#CEDC00;color:#000}