.share{
	width: 16px;
	height: 100px;
}


.single .share{
	position: fixed;
	bottom: 3em;
	right: 3.2em;
	z-index: 1000;
}

article .share{
	position: absolute;
	bottom: 1em;
	right: 1em;
}

.menu-open .share{
	display: none;
}

.share ul li a{
	width: 100%;
	height: 100%;
	display: block;
}


.share ul li a span{
	display: none  !important;
}

.share ul, .share .iconshare{
	margin: 0;
	padding: 0;
}

.share ul li, .share .iconshare, .rezo li a{
	text-indent: -99999px;
	width: 16px;
	height: 16px;
	text-align: initial;
}

.share ul li{
	list-style: none;
}

.share .iconshare{
	cursor: pointer;
}

.share .iconshare, .share ul li{
	position: absolute;
}


.rezo li, .share ul li a, .share .iconshare{
	background: url('../img/share.png') no-repeat bottom left;
	background-size: 64px 32px;
}

.credit ul.rezo li.instagram{
	background-image: none;
}



.credit ul.rezo li.instagram a{
	background: url('../img/instagram.png') no-repeat center;
	background-size: 16px 16px;
}

.rezo li:hover{
	opacity: .5
}


.rezo li, .rezo li a{
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-color: transparent;
}


.single .share .iconshare{
	background-position: left bottom;	
}

.titlecatwhite .share .iconshare, .menublanc .share .iconshare, article .share .iconshare {
	background-position: 66.66% bottom;
}



.single  .share .facebook a,  .share .facebook a, .rezo .facebook{
	background-position: top left;
}

.titlecatwhite .share .facebook a, .menublanc .share .facebook a, article .share .facebook a{
	background-position: 66.66% top;
}



.single .share .pinterest a, .share .pinterest a, .rezo .pinterest{
	background-position:  33.33% bottom;
}


.titlecatwhite .share .pinterest a, .menublanc .share .pinterest a,  article .share .pinterest a{
	background-position: right bottom;
}



.single .share .twitter a, .share .twitter a, .rezo .twitter{
	background-position: 33.33% top;
}



.titlecatwhite .share .twitter a, .menublanc .share .twitter a, article .share .twitter a{
	background-position: right top;
}


.share .iconshare{
	bottom: 5px;
	z-index: 1000;
}

.share ul li{
	bottom: 4px;
	opacity: 0;
	-webkit-transition: bottom .4s ease,  opacity .4s ease;
	-o-transition: bottom .4s ease, opacity .4s ease;
	-moz-transition: bottom .4s ease, opacity .4s ease;
	transition: bottom .4s ease, opacity .4s ease;
}

.share.open .iconshare,
.share .iconshare:hover , 
.share.open ul li:hover{
		opacity: .5;
}

.open.share ul li{
	opacity: 1;
}

.open.share .share3{
	bottom: 65px;
}

.open.share .share2{
	bottom: 45px;
}

.open.share .share1{
	bottom: 25px;
}



@media only screen and (max-width:768px) {

.share ul li{
	bottom: 5px;
	right: 5px;
	-webkit-transition: right .4s ease;
	-o-transition: right .4s ease;
	-moz-transition: right .4s ease;
	transition: right .4s ease;
}


article .share .iconshare{
right: 5px;
}

.displayderoule #legender{
	display: none;
}

.share{
	width: 100px;
	height: 16px;

}

.open.share .share3{
	right: 65px;
	bottom: 5px;
}

.open.share .share2{
	right: 45px;
	bottom: 5px;

}

.open.share .share1{
	right: 25px;
	bottom: 5px;

}

.menublanc .share .iconshare{
	background-color: transparent;
}

.menugris .open.share li a, .menugris .share .iconshare{
	background-color: white;
	border-radius: 16px;
}



}