q::before {
  content: "\00AB\00AD";
}
q::after {
  content: '\00AD\00BB';
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    .small-caps-fix {
        text-transform: lowercase;
        font-family: "ArnoPro Small Text";
    }


}}


/*.passe {
    -webkit-transform: translate3d(130%,0,0);
    -moz-transform: translate3d(130%,0,0);
    -ms-transform: translate3d(130%,0,0);
    -o-transform: translate3d(130%,0,0);
    transform: translate3d(130%,0,0);
    -webkit-transition: transform 10s linear;
    -moz-transition: transform 10s linear;
    -ms-transition: transform 10s linear;
    -o-transition: transform 10s linear;
    transition: transform 10s linear;
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    -ms-transition-delay: 3.2s;
    -o-transition-delay: 3.2s;
    transition-delay: 3.2s;
}*/

.balance {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    
    -webkit-animation: balancer 8s forwards;
    -moz-animation: balancer 8s forwards;
    animation: balancer 8s forwards;
    -ms-animation: balancer 8s forwards;
    -o-animation: balancer 8s forwards;
    
    -webkit-animation-delay: 16s;
    -moz-animation-delay: 16s;
    animation-delay: 16s;
    -ms-animation-delay: 16s;
    -o-animation-delay: 16s;

    -webkit-animation-iteration-count: 4;
    -moz-animation-iteration-count: 4;
    animation-iteration-count: 4;
    -ms-animation-iteration-count: 4;
    -o-animation-iteration-count: 4;
    
}

.montgolfiere-couleur {
    background-image:url(../img/montgolfiere-xs.png);
    background-position:center center;
    background-repeat: no-repeat;
    display: table;
    width: 154px;
    height: 207px;
    will-change: transform; 
}

.montgolfiere-ancien {
    background-image:url(../img/montgolfiere-xs-ancien.png);
    background-position:center center;
    background-repeat: no-repeat;
    display: table;
    width: 154px;
    height: 207px;
    will-change: transform;

}

.disparait {
    -webkit-animation: disparaitre 4s linear forwards;
    -moz-animation: disparaitre 4s linear forwards;
    animation: disparaitre 4s linear forwards;
    -ms-animation: disparaitre 4s linear forwards;
    -o-animation: disparaitre 4s linear forwards;
}

.apparait {
    -webkit-animation: apparaitre 4s linear forwards;
    -moz-animation: apparaitre 4s linear forwards;
    animation: apparaitre 4s linear forwards;
    -ms-animation: apparaitre 4s linear forwards;
    -o-animation: apparaitre 4s linear forwards;
}

#Footer {
    /*background-color : #fffcee;
    background-image:
        repeating-linear-gradient( 0deg, rgba(245, 38, 27, .5) 0px 8px, transparent 8px 16px),
        repeating-linear-gradient( 90deg, rgba(245, 38, 27, .5) 0px 8px,    transparent 8px 16px);
    background-image:
        -webkit-repeating-linear-gradient( 0deg, rgba(245, 38, 27, .5) 0px 8px, transparent 8px 16px),
        -webkit-repeating-linear-gradient( 90deg, rgba(245, 38, 27, .5) 0px 8px,    transparent 8px 16px);*/
    background: url('../img/vichy.png');
    background-repeat: repeat;
    background-size: 16px 16px;
}

/* no circle */
.flickity-button {
  background: transparent;
  opacity: .6;
}
.flickity-button:hover {
  background: transparent;
  opacity: 1;
}
/* big previous & next buttons */
.flickity-prev-next-button {
  width: 60px;
  height: 60px;
}
/* icon color */
.flickity-button-icon {
  fill: white;
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}

/* white circles */
.flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: #e9eae1;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: #8f9599;
}



/*@keyframes sauter {
    0% {
        transform: rotate(2deg) translateX(1%) scale(1,1.01);
        transform-origin: bottom right;
    }
    100% {
        transform: rotate(0deg) translateX(0%) scale(1,1);
        transform-origin: bottom right;
    }
}*/

/*@-webkit-keyframes balancer {
    0% {
        -webkit-transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
    }
}
 
@keyframes balancer{
    0% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(10deg);
    }
}*/

/*.saute {
    -webkit-animation: sauter 0.65s ease 4.5s forwards;
    -moz-animation: sauter 0.65s ease 4.5s forwards;
    -o-animation: sauter 0.65s ease 4.5s forwards;
    animation: sauter 0.65s cubic-bezier(0.280, 0.840, 0.420, 1) 4.5s forwards;
}*/