*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Arial, Helvetica, sans-serif;
color:white;
text-align:center;
min-height:100vh;
display:flex;
flex-direction:column;
}

/* 🎬 VIDEO */

.video-background{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
}

.video-background video{
width:100%;
height:100%;
object-fit:cover;
}

/* CONTENU */

.container{
flex:1;
padding:20px;
}

/* 🎧 PLAYER */

.player-zone{
margin-top:40px;
display:flex;
justify-content:center;
}

/* IFRAME */

.player-zone iframe{
width:100%;
max-width:851px;
aspect-ratio:851/315;
border:none;
display:block;
}

/* WIDGET RADIO */

.widget-box{
margin-top:30px;
}

.sc-status-widget div[style*="height: 25"],
.sc-status-widget div[style*="progress"],
.sc-status-widget span,
.sc-status-widget small {
display: none !important;
}

/* RESEAUX */

.social{
margin-top:30px;
}

.social a{
margin:0 15px;
display:inline-block;
}

.social img{
 height:45px;
    width:auto;
    max-width:none;
    display:block;
    transition:transform 0.2s;
}

.social img:hover{
transform:scale(1.2);
}

/* FOOTER */

footer{
background:rgba(0,0,0,0.6);
padding:15px;
font-size:14px;
}
@media (max-width: 768px){

    .social{
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .social a{
        margin:0 10px;
        display:flex;
        align-items:center;
    }

    .social img{
        height:45px;
        width:auto !important;
        max-width:none;
    }

}