/* 
    Created on : 3 févr. 2014, 17:28:53
    Author     : Damien T. - Lord of Web
*/

.animate-out {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    -moz-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
    position: absolute;
    top: 0;
}
@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}
@-moz-keyframes MenuAnimOut3 {
    100% {
        -moz-transform: translateX(-100%);
        opacity: 0;
    }
}
@keyframes MenuAnimOut3 {
    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.animate-in {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    -moz-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
    position: absolute;
    top: 0; 
}
@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-moz-keyframes SubMenuAnimIn3 {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}