/* exemple d'habillage */
.sociaux ul {margin:0;padding:0;list-style:none;}
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
.sociaux a {text-decoration:none;}
.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;}
.sociaux a.spip_out::after, .sociaux a.external::after { content: none; }
.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }
.sociaux .socicon { display: block; font-size:1.4em;padding:.5em;border-radius:1em;color:#fff;background-color:#000; transition: background-color 0.2s;}

.sociaux .facebook .socicon		{background-color:#3E5B98;}
.sociaux .twitter  .socicon		{background-color:#4DA7DE;}
.sociaux .mastodon .socicon		{background-color:#313543;}
.sociaux .instagram .socicon	{background-color:#9C7C6E;}
.sociaux .googleplus  .socicon	{background-color:#DD4B39;}
.sociaux .blogger  .socicon		{background-color:#ff9b38;}
.sociaux .linkedin .socicon		{background-color:#3371B7;}
.sociaux .youtube  .socicon		{background-color:#E02A20;}
.sociaux .pinterest  .socicon	{background-color:#C92619;}
.sociaux .rss  .socicon			{background-color:#F26109;}
.sociaux .mail .socicon			{background-color:#000000;}
.sociaux .tripadvisor .socicon	{background-color:#599541;}
.sociaux .vimeo .socicon		{background-color:#51b5e7;}
.sociaux .fickr .socicon		{background-color:#1e1e1b;}
.sociaux .viber .socicon		{background-color:#7b519d;}
.sociaux .whatsapp .socicon		{background-color:#20B038;}
.sociaux .bandcamp .socicon		{background-color:#60909a;}

.sociaux .socicon:hover {background-color:#000;} /* doit rester en dernier pour être pris en compte ! */