@charset "UTF-8";
/* CSS Document */


#navbar2 { width: 100%; margin: 0 auto; bottom:0;  height:40px; }

#social { 
position:absolute;
right:10px;
z-index:10;
top:5px;
height:80px;
 }
 
 #plus { 
position:absolute;
left:10px;
z-index:10;
height:40px;
 }
 
 #liens { 
position:absolute;
right:0px;
z-index:1;
height:40px;
width:100%;

 }

body { 
font-size:12px; 
font-family: 'verdana', sans-serif;
color: #fff; 
font-weight: 12;
margin: 0; 
padding: 10;
text-transform: uppercase;
background:none transparent;
}

a { 
color: #322f25;
text-decoration: none; 
padding-top: 20px;
padding-right:15px;
padding-left:15px;
line-height: 40px;
}

a:hover { color: #fff;text-decoration: none;  }



img{
-webkit-transform:scale(1);
-moz-transform:scale(1); /*Pour la version Mozilla*/
-o-transform:scale(1); /*Pour la version Opera*/
-webkit-transition-duration: 0.2s; /*Temps de l'animation*/
-moz-transition-duration: 0.2s; /*Temps de l'animation pour Mozilla*/
-o-transition-duration: 0.2s; /*Temps de l'animation pour Opera*/
}
img:hover{
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);  /*Pour la version Mozilla*/
-o-transform:scale(0.7); /*Pour la version Opera*/

}



.transition {
-webkit-animation: cssAnimation 0.5s 1 ease;
-moz-animation: cssAnimation 0.5s 1 ease;
-o-animation: cssAnimation 0.5s 1 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(0deg) scale(1) skew(0deg)  translateY(-50px);  }
to { -webkit-transform: rotate(0deg) scale(1) skew(0deg)  translateY(0px);  }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(900px); }
to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(900px); }
to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
}




@media (min-width: 0px) and (max-width: 1124px) {
#navbar3 { display:none; }
	
	#navbar4 { 
	position:fixed;
	top:0px;
	width:100%;
	
	 }
	 
	 body { 
font-size:9px; 
font-family: 'Poppins', sans-serif;
color: #333; 
margin: 0; 
padding: 10;
text-transform: uppercase;
}
	 
	
a { 
color: #fff; 
text-decoration: none; 
padding-right:10px;
padding-left:10px;
line-height: 40px;
}	
	
	
	 
}






@media (min-width: 1124px) {
#navbar4 { 
	display:none;
	
	
	 }	
	}
	
	
	
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #000;
  color: white;
}