/* Déclaration des animations keyframes */
/* Grossissement du  */
@keyframes GrowText{
    0%{
        transform: scale(1)
    }
    100%{
        transform: scale(1.1);
    }
}
/* Ajoute une ombre autour d'un bouton */
@keyframes ObservatoryButtonShadow{
    0%{
        box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
    0%{
        box-shadow: 0 0 0 10px rgba(243, 117, 81, 1);
    }
}
/* Changement de l'icône de loupe dans le header */
@keyframes ChangeSearchIcon{
    0%{
        background-image: url("../images/loupe-recherche-corail.svg");
    }
    100%{
        background-image: url("../images/fleche-gauche-billet.svg");
    }
}
/* Fait disparaitre le soulignement des liens externes du footer et fait apparaitre la flèche */
@keyframes FooterExternalLinkAnimation{
    0%{
        text-decoration: underline;
    }
    100%{
        text-decoration: none;
    }
}
/* Inverse la couleur des icônes de la section suivez-nous du footer */
@keyframes InvertSvgColor{
    0%{
        filter: invert(0%);
    }
    100%{
        filter: invert(100%);
    }
}
/* Abaisse un élément */
@keyframes LowerElement{
    0%{
        transform: translateY(0vh);
    }
    100%{
        transform: translateY(1vh);
    }
}
/* Grossissement des flèches de choix de billet dans ticket.html*/
@keyframes GrowArrows{
    0%{
        background-size: 1vw;
    }
    100%{
        background-size: 1.2vw
    }
}
/* Apparition d'un rectangle de couleur derrière les chiffres du calendrier */
@keyframes AppearColoredBackground{
    0%{
        
    }
    100%{
        background-color: #f37551;
        padding: 5px;
        color: #ffffff;
        border-radius: 5px;
    }
}