@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
   font-family: "entypo", sans-serif;
}
a { 
   text-decoration: none;
}
ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#sticky-social {
   left: 0;
   position: fixed;
   top: 150px;
   z-index: 9999;
  
}

#sticky-social a {
   background: #333;
   color: #fff;
   display: block;
   height: 35px;
   font: 16px "Open Sans", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 35px;
}
#sticky-social a span {
   line-height: 35px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
}
#sticky-social a:hover span {
   left: 100%;
   
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }  

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }  

#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #517fa4; }  

#sticky-social a[class*="video"],
#sticky-social a[class*="video"]:hover,
#sticky-social a[class*="video"] span { background: #dd4b39; }  

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span { background: #cc2127; }  

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span { background: #ff0084; }  

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span { background: #32506d; }
/* font awesome icons */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

/* open sans font */
@import url("//fonts.googleapis.com/css?family=Open+Sans");


#social {
  margin-top: -39px;
  top: 50%;
  text-align: center;
  width: 100%;
}
#social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-color: #555;
}
#social a .fa {
    color: #FFF;
}
#social a:hover {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -o-transform:scale(1.2);
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  z-index: 5;
}
#social a span {
  position: absolute;
  left: 50%;
  color: #FFF;
  display: none;
  border-bottom: 2px solid #38c;
  padding-bottom: 8px;3
  background-color: #555;
  top: -30px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  font-size: 80%;
  white-space: nowrap;
}
#social .facebook:hover {
    background-color: #3b5998;
}
#social .twitter:hover {
    background-color: #55acee;
}
#social .gplus:hover {
    background-color: #dd4b39;
}
#social .youtube:hover {
    background-color: #dd4b39;
}
#social .LiknedIn:hover {
   background: #007bb6;
}
/* SocialHover buttons by Mohamed Abo El-Ghranek */
/*body {
	background:url(images/bg1.jpg) 100%;
	margin:0;
	padding:0;
}*/
#formulaire {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	width:530px;
	margin-left:auto;
	margin-right:auto;
}
#formulaire input, #formulaire textarea {
	width:100%;
	font-family:inherit;
	padding:5px;
	border:1px solid #09F;
}
#formulaire textarea {
	height:100px;
	border:1px solid #09F;
}
#send_message {
	width:200px !important;
	font-variant: small-caps;
	border:1px solid #09F;
	cursor:pointer;
	cursor:hand;
}
#cf_submit_p {
	text-align:right;
}
.error {
	display: none;
	padding:5px;
	margin-bottom:2px;
	color: #D8000C;
	font-size:12px;
	background-color: #FFBABA;
	border:1px solid #F00;
	width:530px;	
}
.success {
	display: none;
	padding:5px;
	color: #044406;
	font-size:12px;
	background-color: #B7FBB9;
	width:530px;	
}
#contact_logo {
	vertical-align: middle;
}
.error img {
	vertical-align:top;
}