#sociaux {
    position: absolute;
    top : 38px;
    left: 80px; /* Decalage gauche */
}

#sociaux a {
    margin: 0px;
    border: 0px;
    text-decoration: none;
}

/* Definition du sprite original pour les liens sociaux */
.sprite {
    background : url("https://wda-fr.org/pict/logos/social.webp") no-repeat;
    display: inline-block;
    height : 25px;
    width : 25px;
    max-width: 100%;
}

/* Decoupe des sprites */
/* Socials */
.wa { background-position : 0px -25px; }
.wa:hover,.wa:focus { background-position : 0px 0px; }
.fb { background-position : -25px -25px; }
.fb:hover,.fb:focus { background-position : -25px 0px; }
.youtube { background-position : -100px -25px; }
.youtube:hover,.youtube:focus { background-position : -100px 0px; }
.flickr { background-position : -125px -25px; }
.flickr:hover,.flickr:focus { background-position : -125px 0px; }
.instagram { background-position : -150px -25px; }
.instagram:hover,.instagram:focus { background-position : -150px 0px; }
.pinterest { background-position : -175px -25px; }
.pinterest:hover,.pinterest:focus { background-position : -175px 0px; }
.rss { background-position : -200px -25px; }
.rss:hover,.rss:focus { background-position : -200px 0px; }
.discord { background-position : -225px -25px; }
.discord:hover,.discord:focus { background-position : -225px 0px; }
.mastodon { background-position : -275px -25px; }
.mastodon:hover,.mastodon:focus { background-position : -275px 0px; }
.threads { background-position : -300px -25px; }
.threads:hover,.threads:focus { background-position : -300px 0px; }
.bluesky { background-position : -325px -25px; }
.bluesky:hover,.bluesky:focus { background-position : -325px 0px; }
.twitter { background-position : -350px -25px; }
.twitter:hover,.twitter:focus { background-position : -350px 0px; }

/* Règles pour les écrans de taille moyenne */
@media screen and (max-width: 768px) {
    .sprite {
        transform: scale(0.8);
        margin-right: -5px;
    }
}