#motion-joomla .interface-joomla{
    width: 84%;
    left: 8%;
    top: 8%;
    height: auto;
    animation: motionJoomla 20s ease-in-out 0s infinite;
}

@keyframes motionJoomla{
    0% { top: 6%; opacity: 1;}
    20% { top: 6%; opacity: 1;}
    28% { top: 6%; opacity: 1;}

    35% { top: -40%; opacity: 1;}

    50% { top: -100%; opacity: 1; }
    60% { top: 6%; opacity: 1; }
    100% { top: 6%; opacity: 1; }
}


#motion-wordpress .interface-wordpress{
    width: 81.5%;
    left: 10%;
    top: 8%;
    height: auto;
    animation: motionWordpress 16s ease-in-out 0s infinite;
}

@keyframes motionWordpress{
    0% { top: 4%; opacity: 1;}
    5% { top: 4%; opacity: 1;}
    15% { top: 4%; opacity: 1;}

    50% { top: -40%; opacity: 1;}

    80% { top: -182%; opacity: 1; }
    100% { top: 4%; opacity: 1; }
}

/*

Espace-Gold

#motion-prestashop .interface-prestashop{
width: 81.5%;
left: 10%;
top: 8%;
height: auto;
animation: motionPrestashop 16s ease-in-out 0s infinite;
}

@keyframes motionPrestashop{
    0% { top: 4%; opacity: 0;}
    5% { top: 4%; opacity: 1;}
    15% { top: 4%; opacity: 1;}

    50% { top: -40%; opacity: 1;}

    80% { top: -113%; opacity: 1; }
    100% { top: 4%; opacity: 1; }
}



*/

#motion-prestashop .interface-prestashop{
    width: 81.5%;
    left: 10%;
    top: 8%;
    height: auto;
    animation: motionPrestashop 20s ease-in-out 0s infinite;
}

@keyframes motionPrestashop{
    0% { top: 4%; opacity: 1;}
    25% { top: 4%; opacity: 1;}
    35% { top: 4%; opacity: 1;}

    70% { top: -40%; opacity: 1;}

    90% { top: -182%; opacity: 1; }
    100% { top: 4%; opacity: 1; }
}