/* css easing éléments */

#mediassociauxpartagez i {  
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}





/* social media links */

#mediassociauxpartagez { position:fixed; left:0; top:200px; color:#fff; z-index:10000; display:none;  }

#mediassociauxpartagez i{ padding: 10px; display: block; text-align: center; font-size: 20px !important; cursor:pointer; position:relative; left:-5px; border-left:5px solid #222; width:43px; height:43px;	}
#mediassociauxpartagez a { color:#fff; text-decoration:none; }
#mediassociauxpartagez i:hover{ background-color:#333 !important;  }


#mediassociauxpartagez span.fa-share-alt{ padding:7px; }


#mediassociauxpartagez i.fa-facebook { background-color:#003597; } 
#mediassociauxpartagez i.fa-twitter { background-color:#2eb9fc; }
#mediassociauxpartagez i.fa-linkedin { background-color:#1178b3; }
#mediassociauxpartagez i.fa-youtube { background-color:#e22b2b; }
#mediassociauxpartagez i.fa-google-plus { background-color:#da4941; }
#mediassociauxpartagez i.fa-pinterest { background-color:#c9222d; }
#mediassociauxpartagez i.fa-envelope { background-color:#000; }

#mediassociauxpartagez i.fa:hover { left:0; }	
	
	
	
	
.tooltip { border-bottom: 1px dotted #333; position: relative; cursor: pointer; }  

.tooltip:hover:after { content: attr(data-tooltip); position: absolute; white-space: nowrap; background: rgba(0, 0, 0, 0.85); padding: 3px 7px; color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-left: 7px; margin-top: -3px; bottom:0; z-index:1000; }
	
	
	

a.tooltips {
  position: relative;
  display: block;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  opacity:0;
  
    -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;

  margin-top: -8px;
  width: 0; height: 0;

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  /*right: 100%;*/
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
  z-index: 999;
  

  font-size:12px;
  
}



#mediassociauxpartagez.left { display:block; }
#mediassociauxpartagez.left  a:hover.tooltips span {  left:55px; }
#mediassociauxpartagez.left a.tooltips span:after {  right: 100%;  border-right: 8px solid #000000; }


#mediassociauxpartagez.right { left:inherit; right:0; top:200px; text-align: right; display:block; }
#mediassociauxpartagez.right i{ left:inherit; right:-5px; border-left:inherit; border-right:5px solid #222;	}
#mediassociauxpartagez.right a:hover.tooltips span {  right:55px;	}
#mediassociauxpartagez.right a.tooltips span:after {  left: 100%;  border-left: 8px solid #000000;	}

	

#mediassociauxpartagez.monochrome1 i { background-color: #000 !important; color:#fff !important;  }
#mediassociauxpartagez.monochrome1 i:hover { background-color:#ccc; !important;  }

#mediassociauxpartagez.monochrome2 i { background-color: #FFF !important; color:#000; !important;  }
#mediassociauxpartagez.monochrome2 i:hover { color:#999; !important;  }









@media screen and (max-width: 440px)  { 
	
	#mediassociauxpartagez span.fa-share-alt { display:none; }
	
	#mediassociauxpartagez {
 		top:inherit !important;
		bottom:0 !important;
		width:100% !important;
		background-color:#000 !important;
		font-size:0 !important;
		text-align: center !important;
	}
		
	#mediassociauxpartagez i {
	  	top:inherit !important;
		bottom:0 !important;
		left: inherit !important; 
		right: inherit !important;
		border-left: 0 !important; 
		border-right: 0 !important;
	
	}
	
	#mediassociauxpartagez a { display:inline-block !important; }

	body.extend{ padding-bottom:50px !important; }
	
	
	
	
	
	a.tooltips span:after {
	  content: '' !important;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -8px !important;
	  width: 0 !important; height: 0 !important;
	  border-top: 8px solid #000000 !important;
	  border-right: 8px solid transparent !important;
	  border-left: 8px solid transparent !important;
	  border-bottom: inherit !important;	  
	  
	}
	a:hover.tooltips span {
	  visibility: visible !important;
	  opacity: 0.8 !important;
	  bottom: 30px !important;
	  left: 50% !important;
	  margin-top:-60px !important;
	  margin-left: -76px !important;
	  
	  right:inherit !important;
	 
	}
	

}