#copyfooter {
	margin: 3px auto;
	padding: 2px 17px;
	text-align: left;
}

#annee-et-copie {
	float: left;
	background: url("./images/copyfooter_copyright.png") no-repeat 7px center;
	padding: 5px 0 7px 60px;
	background-size: 48px;
}

#reseaux-sociaux {
	float: right;
	padding: 2px 0;
}

.share-social {
	display: inline-block;
	padding: 24px;
	opacity: 0.7;
	background-size: cover;
}

.share-social:hover {
	opacity: 1;
}

#copyfooter .share-social span {
	overflow: hidden;
	position: absolute;
	width: 0;
}

.icone-blogger {
	background-image: url("./images/copyfooter_blogger.png");
}

.icone-dailymotion {
	background-image: url("./images/copyfooter_dailymotion.png");
}

.icone-facebook {
	background-image: url("./images/copyfooter_facebook.png");
}

.icone-flickr {
	background-image: url("./images/copyfooter_flickr.png");
}

.icone-instagram {
	background-image: url("./images/copyfooter_instagram.png");
}

.icone-linkedin {
	background-image: url("./images/copyfooter_linkedin.png");
}

.icone-myspace {
	background-image: url("./images/copyfooter_myspace.png");
}

.icone-pinterest {
	background-image: url("./images/copyfooter_pinterest.png");
}

.icone-reddit {
	background-image: url("./images/copyfooter_reddit.png");
}

.icone-rss {
	background-image: url("./images/copyfooter_rss.png");
}

.icone-skype {
	background-image: url("./images/copyfooter_skype.png");
}

.icone-snapchat {
	background-image: url("./images/copyfooter_snapchat.png");
}

.icone-soundcloud {
	background-image: url("./images/copyfooter_soundcloud.png");
}

.icone-tumblr {
	background-image: url("./images/copyfooter_tumblr.png");
}

.icone-twitter {
	background-image: url("./images/copyfooter_twitter.png");
}

.icone-wechat {
	background-image: url("./images/copyfooter_wechat.png");
}

.icone-youtube {
	background-image: url("./images/copyfooter_youtube.png");
}

.icone-contact {
	background-image: url("./images/copyfooter_contact.png");
}


.icone-donate {
	background-image: url("./images/copyfooter_donate.png");
}


@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#copyfooter {
		margin: 0;
		padding: 0 5px;
	}

	#reseaux-sociaux {
		margin-top: 5px;
	}
	
	.share-social {
		margin-top: -5px;
	}
}