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


/* HAUT DE PAGE  */
.upPage {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 0px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(36, 36, 36, 0.8) url(../img/up.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.upPage.cd-is-visible, .upPage.cd-fade-out, .no-touch .upPage:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.upPage.cd-is-visible {visibility: visible;opacity: 1;}
.upPage.cd-fade-out {opacity: 0.5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}



/* APPEAR SCROLL */

.hide{opacity:0;-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;-moz-transition: -moz-transform 0.5s, opacity 0.5s;transition: transform 0.5s, opacity 0.5s;}

.hide.appearLeft{-webkit-transform: translateX(-80px);-moz-transform: translateX(-80px);transform: translateX(-80px);}
.hide.appearRight{-webkit-transform: translateX(80px);-moz-transform: translateX(80px);transform: translateX(80px);}
.hide.appearFade{opacity:0}
	
.showme, .appearLeft.showme, .appearRight.showme, .appearFade.showme {-webkit-transform: translate(0px);-moz-transform: translate(0px);transform: translate(0px);opacity: 1;}




/* FLÈCHE BOUNCE */
.animated-infinite { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    animation-iteration-count:infinite; 
    -webkit-animation-iteration-count:infinite; 
} 

.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
}