body { color:#FFF; background-color:#e83054; font-family:Arial, Helvetica, sans-serif; }
a, a:focus, a:hover, a:visited { outline:none; font-family:'Lato', sans-serif; font-weight:normal; font-size:24px; line-height:24px; color:#FFF; }
header, footer { margin:30px 0; text-align:center; }
footer article { padding-top:10px; }
footer article:nth-child(4){ padding-top:0; }
.img-responsive { max-width:100%; margin:0 auto; }


/* RESPONSIVE */
@media (max-width: 992px) {
	footer article { padding-bottom:10px; }
	footer article .img-responsive { height: auto; }
	footer article .pps { margin-top: 3px }
}
/* @media (min-width: 768px) and (max-width: 991px) {
	a { font-size: 12px; }
} */
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 2000px) {
	
}


.video-wrapper {
  position: relative;
}

.video-wrapper video {
  width: 100%;
}

.custom-play {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1); /* noir léger */
  cursor: pointer;
  left: 50%;
  top: 50%;
  height: 100px;
  width: 100px;
  border-radius: 100px;
  margin-top: -50px;
  margin-left: -50px;

}

.custom-play::after {
  content: "▶";
  font-size: 50px;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom-play:hover {
  background: rgba(0, 0, 0, 0.5);
}