/* style 1 - picto horizontaux avec chiffres */

.bloc_social_s1 {
	position: relative;
	width: 206px;
	z-index: 99;
}

.bloc_social_s1 .sharrre {
	margin: 10px 0 0 0;
	float: left;
}
	.bloc_social_s1 .facebook   { background: url(../images/picto-facebook-on.png) no-repeat 50% 0; }
	.bloc_social_s1 .twitter    { background: url(../images/picto-twitter-on.png) no-repeat 50% 0; }
	.bloc_social_s1 .googleplus { background: url(../images/picto-google-plus-on.png) no-repeat 50% 0; }
	
		.bloc_social_s1 .sharrre .box a:hover {
			text-decoration: none;
		}

		.bloc_social_s1 .box {
			width: 65px;
			height: 44px;
		}
		.bloc_social_s1 .facebook .box { background: url(../images/ligne-v-1-33-e0e0e0.png) no-repeat right top; }
		.bloc_social_s1 .twitter .box  { background: url(../images/ligne-v-1-33-e0e0e0.png) no-repeat right top; }

			.bloc_social_s1 .image {
				display: block;
				margin: auto;
				width: 38px;
				height: 26px;
				cursor: pointer;
			}
			.bloc_social_s1 .compteur {
				text-align: center;
				width: 62px;
				font-size: 12px;
			}
			.bloc_social_s1 .facebook .compteur   { color: #3b5998; }
			.bloc_social_s1 .twitter .compteur    { color: #00b6f3; }
			.bloc_social_s1 .googleplus .compteur {	color: #ed1849; }


/* style 2 - picto verticaux avec chiffres */

.bloc_social_s2 {
	position: relative;
	margin: 4px 10px 0 0;
	float: left;
	width: 62px;
	border-right: 1px solid #e0e0e0;
}
.bloc_social_s2 .sharrre {}

	.bloc_social_s2 .facebook   { background: url(../images/picto-facebook-on.png) no-repeat 50% 0; margin-bottom: 10px; }
	.bloc_social_s2 .twitter    { background: url(../images/picto-twitter-on.png) no-repeat 50% 0; margin-bottom: 10px; }
	.bloc_social_s2 .googleplus { background: url(../images/picto-google-plus-on.png) no-repeat 50% 0; }
		
		.bloc_social_s2 .sharrre .box a:hover {
			text-decoration: none;
		}
		.bloc_social_s2 .box {
			width: 65px;
			height: 49px;
		}
		.bloc_social_s2 .facebook .box { background: url(../images/ligne-h-39-1-e0e0e0.png) no-repeat 50% bottom; }
		.bloc_social_s2 .twitter .box  { background: url(../images/ligne-h-39-1-e0e0e0.png) no-repeat 50% bottom; }

			.bloc_social_s2 .image {
				display: block;
				margin: auto;
				width: 38px;
				height: 26px;
				cursor: pointer;
			}
			.bloc_social_s2 .compteur {
				text-align: center;
				width: 62px;
				font-size: 12px;
			}
			.bloc_social_s2 .facebook .compteur   { color: #3b5998; }
			.bloc_social_s2 .twitter .compteur    { color: #00b6f3; }
			.bloc_social_s2 .googleplus .compteur {	color: #ed1849; }
			

/* style 3 - lettres horizontales sans chiffre dans la barre grise */

.bloc_social_s3 {
	/*position: relative;
	margin-right: 2px;
	float: right;
	width: 86px;
	background: url(../images/bg-bloc-social-s3.png) no-repeat;*/
	position: absolute;
	top: 0;
	right: 0;
	width: 86px;
	background: url(../images/bg-bloc-social-s3.png) no-repeat;
}
.bloc_social_s3 .sharrre {
	position: relative;
	float: left;
}

	.bloc_social_s3 .facebook   { background: url(../images/picto-facebook-2-on.png) no-repeat 50% 0; }
	.bloc_social_s3 .twitter    { background: url(../images/picto-twitter-2-on.png) no-repeat 50% 0; }
	.bloc_social_s3 .googleplus { background: url(../images/picto-google-plus-2-on.png) no-repeat 50% 0; }
		
		.bloc_social_s3 .sharrre .box a:hover {
			text-decoration: none;
		}
		.bloc_social_s3 .sharrre .box {
			width: 28px;
			height: 29px;
		}
		.bloc_social_s3 .facebook .box { background: url(../images/ligne-v-1-21-e0e0e0.png) no-repeat right 3px; }
		.bloc_social_s3 .twitter .box  { background: url(../images/ligne-v-1-21-e0e0e0.png) no-repeat right 3px; }

			.bloc_social_s3 .sharrre .box .image {
				display: block;
				margin: auto;
				width: 27px;
				height: 26px;
				cursor: pointer;
			}
			.bloc_social_s3 .sharrre .box .compteur {
				display: none;
				width: 27px;
			}

			
/* style 4 - lettres horizontales sans chiffre sous l'image */

.bloc_social_s4 {
	position: relative;
	margin-top: 5px;
	width: 84px;
}
.bloc_social_s4 .sharrre {
	position: relative;
	float: left;
}

	.bloc_social_s4 .facebook   { background: url(../images/picto-facebook-2-on.png) no-repeat 50% 0; }
	.bloc_social_s4 .twitter    { background: url(../images/picto-twitter-2-on.png) no-repeat 50% 0; }
	.bloc_social_s4 .googleplus { background: url(../images/picto-google-plus-2-on.png) no-repeat 50% 0; }
		
		.bloc_social_s4 .sharrre .box a:hover {
			text-decoration: none;
		}
		.bloc_social_s4 .sharrre .box {
			width: 28px;
			height: 29px;
		}
		.bloc_social_s4 .facebook .box { background: url(../images/ligne-v-1-21-e0e0e0.png) no-repeat right 3px; }
		.bloc_social_s4 .twitter .box  { background: url(../images/ligne-v-1-21-e0e0e0.png) no-repeat right 3px; }

			.bloc_social_s4 .sharrre .box .image {
				display: block;
				margin: auto;
				width: 27px;
				height: 26px;
				cursor: pointer;
			}
			.bloc_social_s4 .sharrre .box .compteur {
				display: none;
				width: 27px;
			}
			
			
/* style 5 - picto verticaux sans chiffres */

.bloc_social_s5 {
	position: relative;
	margin: 4px 10px 0 0;
	float: left;
	width: 32px;
	border-right: 1px solid #e0e0e0;
}
.bloc_social_s5 .sharrre {}

	.bloc_social_s5 .facebook   { background: url(../images/picto-facebook-2-on.png) no-repeat 50% 0; margin-bottom: 10px; }
	.bloc_social_s5 .twitter    { background: url(../images/picto-twitter-2-on.png) no-repeat 50% 0; margin-bottom: 10px; }
	.bloc_social_s5 .googleplus { background: url(../images/picto-google-plus-2-on.png) no-repeat 50% 0; }
		
		.bloc_social_s5 .sharrre .box a:hover {
			text-decoration: none;
		}
		.bloc_social_s5 .box {
			width: 30px;
			height: 36px;
		}
		.bloc_social_s5 .facebook .box { background: url(../images/ligne-h-39-1-e0e0e0.png) no-repeat 50% bottom; }
		.bloc_social_s5 .twitter .box  { background: url(../images/ligne-h-39-1-e0e0e0.png) no-repeat 50% bottom; }

			.bloc_social_s5 .image {
				display: block;
				margin: auto;
				width: 27px;
				height: 29px;
				cursor: pointer;
			}
			.bloc_social_s5 .compteur {
				display: none;
			}