/* PARTAGER */

#SocialMediaShare.default { position:relative; vertical-align:middle; display:block; margin:10px 0; font-size:0; }

#SocialMediaShare.default i { font-size:15px; font-weight:600; }
#SocialMediaShare.default i.share{ padding-right:15px; }
#SocialMediaShare.default i.share span {    }
#SocialMediaShare.default i.social { text-align:center; background:#eee; padding:15px 0; width:45px; cursor:pointer; }


#SocialMediaShare.default i.fa-envelope { color:#333; }
#SocialMediaShare.default i.fa-facebook { color:#4862a3; }
#SocialMediaShare.default i.fa-twitter { color:#55acee; }
#SocialMediaShare.default i.fa-linkedin { color:#1985bc; }
#SocialMediaShare.default i.fa-google-plus { color:#dd4b39; }
#SocialMediaShare.default i.fa-pinterest { color:#C30; }

#SocialMediaShare.default i.fa.social:hover{ color:#666; background:#ddd; }

#SocialMediaShare.default i.fa-share-alt,
#SocialMediaShare.default i.social.fa-share-alt:hover
{
	background:#f8f8f8; color:#000;	 cursor:inherit;
}











/* BAR */


/* css easing éléments */

#mediassociauxbar 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 */

#mediassociauxbar { position:fixed; left:0; top:30%; color:#000; z-index:10000; display:none;  }

#mediassociauxbar i
{ 
	padding: 2px; 
	text-align: center; font-size: 30px; cursor:pointer;
	position:relative; left:-5px; border-left:5px solid #222; width:47px; height:43px;
	display: table-cell;
    vertical-align: middle;
}
#mediassociauxbar a { color:#fff; text-decoration:none; }
#mediassociauxbar i:hover{ background-color:#333 !important;  }


#mediassociauxbar span.fa-share-alt{ padding:7px; display:none; }


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

#mediassociauxbar 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:165px;
  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;
  
}



#mediassociauxbar.left { display:block;  left:0; }
#mediassociauxbar.left i{ right:inherit; left:-5px; border-right:inherit; border-left:5px solid #222;	}
#mediassociauxbar.left a:hover.tooltips span {  left:70px; }
#mediassociauxbar.left a.tooltips span:after {  right: 100%;  border-right: 8px solid #000000; }


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

	
	
	
	
#SocialMediaLink { 
	position: fixed;
    /*right: 90px;*/
    bottom: 80px;
    z-index: 1;
	background-color:#fff;
	padding-top:10px;
	margin-left:15px;
	width:300px;
}
#SocialMediaLink p {
	margin: 5px;
    font-size: 10px;
    font-weight: 500;
}



#SocialMediaLink .icon { display:inline-block; margin-left:3px; cursor:pointer; }
#SocialMediaLink .icon svg { width:27px; height:27px; }


#SocialMediaLink .icon.facebook:hover svg path { fill:#4862a3;  }
#SocialMediaLink .icon.twitter:hover svg path { fill:#55acee; }
#SocialMediaLink .icon.googleplus:hover svg path { fill:#dd4b39; }
#SocialMediaLink .icon.instagram:hover svg path { fill:#000; }
#SocialMediaLink .icon.pinterest:hover svg path { fill:#C30; }
#SocialMediaLink .icon.youtube:hover svg path { fill:#e62117; }

#SocialMediaLink a:hover { border-bottom:0 !important; }


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

	#mediassociauxbar i {
		width:34px !important; height:30px !important;
		font-size: 15px !important;
	}
		
	
}
	


/*

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

}

*/