ul[data-liffect="flipInY"] li {
    opacity: 0;
    position: relative;
    -moz-animation: flipInY 600ms ease both;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -webkit-animation: flipInY 600ms ease both;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -o-animation: flipInY 600ms ease both;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation: flipInY 600ms ease both;
    animation-play-state: running;
    backface-visibility: visible;
}

@-moz-keyframes flipInY {
    0% { opacity: 0; -moz-transform: perspective(400px) rotateY(80deg); }
    40% { -moz-transform: perspective(400px) rotateY(-20deg); }
    70% { -moz-transform: perspective(400px) rotateY(10deg); }
    90% { -moz-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -moz-transform: perspective(400px) rotateY(0deg); }
}

@-webkit-keyframes flipInY {
    0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(80deg); }
    40% { -webkit-transform: perspective(400px) rotateY(-20deg); }
    70% { -webkit-transform: perspective(400px) rotateY(10deg); }
    90% { -webkit-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}

@-o-keyframes flipInY {
    0% { opacity: 0; -o-transform: perspective(400px) rotateY(80deg); }
    40% { -o-transform: perspective(400px) rotateY(-20deg); }
    70% { -o-transform: perspective(400px) rotateY(10deg); }
    90% { -o-transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -o-transform: perspective(400px) rotateY(0deg); }
}

@keyframes flipInY {
    0% { opacity: 0; -webkit-transform: perspective(400px) rotateY(80deg); }
    40% { transform: perspective(400px) rotateY(-20deg); }
    70% { transform: perspective(400px) rotateY(10deg); }
    90% { transform: perspective(400px) rotateY(-5deg); }
    100% { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); }
}

/* ======================================================================================================================================== */

#directory[data-liffect="bounceInRight"] div.categorie {
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInRight 800ms ease both;
    -webkit-animation-play-state: running;
    -moz-animation: bounceInRight 800ms linear both;
    -moz-animation-play-state: running;
    -o-animation: bounceInRight 800ms ease both;
    -o-animation-play-state: running;
    animation: bounceInRight 800ms ease both;
    animation-play-state: running;
}

#events[data-liffect="bounceInRight"] div.event {
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInRight 800ms ease both;
    -webkit-animation-play-state: running;
    -moz-animation: bounceInRight 800ms linear both;
    -moz-animation-play-state: running;
    -o-animation: bounceInRight 800ms ease both;
    -o-animation-play-state: running;
    animation: bounceInRight 800ms ease both;
    animation-play-state: running;
}

#links[data-liffect="bounceInRight"] .linkThumb {
    opacity: 0;
    position: relative;
    -webkit-animation: bounceInRight 800ms ease both;
    -webkit-animation-play-state: running;
    -moz-animation: bounceInRight 800ms linear both;
    -moz-animation-play-state: running;
    -o-animation: bounceInRight 800ms ease both;
    -o-animation-play-state: running;
    animation: bounceInRight 800ms ease both;
    animation-play-state: running;
}

@-webkit-keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); }
    60% { -webkit-transform: translateX(-30px); }
    80% { -webkit-transform: translateX(10px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes bounceInRight {
    0% { opacity: 0; -moz-transform: translateX(2000px); }
    60% { -moz-transform: translateX(-30px); }
    80% { -moz-transform: translateX(10px); }
    100% { opacity: 1; -moz-transform: translateX(0); }
}

@-moz-keyframes bounceInRight {
    0% { opacity: 0; -o-transform: translateX(2000px); }
    60% { -o-transform: translateX(-30px); }
    80% { -o-transform: translateX(10px); }
    100% { opacity: 1; -o-transform: translateX(0); }
}

@keyframes bounceInRight {
    0% { opacity: 0; transform: translateX(2000px); }
    60% { transform: translateX(-30px); }
    80% { transform: translateX(10px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* ======================================================================================================================================== */

.pulse {
    height: 28px;
    width: 28px;
    border: 5px solid #fff;
    -webkit-animation: pulse 1.8s ease-out;
    -moz-animation: pulse 1.8s ease-out;
    -o-animation: pulse 1.8s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -o-border-radius: 33px;
    border-radius: 33px;
    position: absolute;
    top: -4px;
    left: -5px;
}

@-webkit-keyframes pulse {
     0% { -webkit-transform: scale(0.4); opacity: 0.0; }
     40% { -webkit-transform: scale(0.4); opacity: 0.3; }
     60% { -webkit-transform: scale(0.8); opacity: 0.8; }
     70% { -webkit-transform: scale(1); opacity: 0.3; }
     100% { -webkit-transform: scale(1.2); opacity: 0; }
}
@-moz-keyframes pulse {
     0% { -moz-transform: scale(0.4); opacity: 0.0; }
     40% { -moz-transform: scale(0.4); opacity: 0.3; }
     60% { -moz-transform: scale(0.8); opacity: 0.8; }
     70% { -moz-transform: scale(1); opacity: 0.3; }
     100% { -moz-transform: scale(1.2); opacity: 0; }
}
@-o-keyframes pulse {
     0% { -o-transform: scale(0.4); opacity: 0.0; }
     40% { -o-transform: scale(0.4); opacity: 0.3; }
     60% { -o-transform: scale(0.8); opacity: 0.8; }
     70% { -o-transform: scale(1); opacity: 0.3; }
     100% { -o-transform: scale(1.2); opacity: 0; }
}
@keyframes pulse {
     0% { transform: scale(0.4); opacity: 0.0; }
     40% { transform: scale(0.4); opacity: 0.3; }
     60% { transform: scale(0.8); opacity: 0.8; }
     70% { transform: scale(1); opacity: 0.3; }
     100% { transform: scale(1.2); opacity: 0; }
}

/* ========================================================================================================================================  */

.event[data-liffect="zoomOut"] .date {
    opacity: 0;
    position: relative;
    -webkit-animation: zoomOut 600ms ease both;
    -webkit-animation-play-state: running;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: running;
    -o-animation: zoomOut 600ms ease both;
    -o-animation-play-state: running;
    animation: zoomOut 600ms ease both;
    animation-play-state: running;
}

@-webkit-keyframes zoomOut {
    0% { opacity: 0; -webkit-transform: scale(.6); }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes zoomOut {
    0% { opacity: 0; -moz-transform: scale(.6); }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@-o-keyframes zoomOut {
    0% { opacity: 0; -o-transform: scale(.6); }
    100% { opacity: 1; -o-transform: scale(1); }
}

@keyframes zoomOut {
    0% { opacity: 0; transform: scale(.6); }
    100% { opacity: 1; transform: scale(1); }
}