/*  LOT D'ANIMATIONS POUR LES TEXTES INTERACTIFS, POUR QU'ILS BOUGENT  */
/*  ANIMATION POUR LES TEXTES "REGULAR"  */
@keyframes upDown { 
    0%      { transform: translateY(0px) }
    25%     { transform: translateY(-2px) }
    75%     { transform: translateY(2px) }
    100%    { transform: translateY(0px) }
}

/*  ANIMATION POUR LES TEXTES "ANGRY"  */
@keyframes angryWobble { 
    0%      { transform: translateX(0px) translateY(0px) }
    25%     { transform: translateX(1px) translateY(1px) }
    75%     { transform: translateX(-1px) translateY(-1px) }
    100%    { transform: translateX(0px) translateY(0px) }
}

/*  ANIMATION POUR LES TEXTES "BARGAIN"  */
@keyframes barWobble { 
    0%      { transform: translateY(0px) }
    25%     { transform: translateY(-3px) }
    75%     { transform: translateY(3px) }
    100%    { transform: translateY(0px) }
}

/*  ANIMATION POUR LES TEXTES "SAD"  */
@keyframes sWobble { 
    0%      { transform: rotate(0deg) translateY(0px) }
    25%     { transform: rotate(4deg) translateY(4px) }
    50%      { transform: rotate(0deg) translateY(0px) }
    75%     { transform: rotate(-4deg) translateY(-4px) }
    100%    { transform: rotate(0deg) translateY(0px) }
}

/*  ANIMATION POUR LES TEXTES "ACCEPT"  */
@keyframes acceptWobble { 
    0%      { transform: rotate(0deg) translateX(0px) }
    25%      { transform: rotate(5deg) translateX(2px) }
    50%      { transform: rotate(0deg) translateX(0px) }
    75%      { transform: rotate(-5deg) translateX(-2px) }
    100%    { transform: rotate(0deg) translateX(0px) }
}

/*  LOT D'ANIMATIONS POUR L'EFFET VIEIL ÉCRAN SUR LE TEXTE  */
      /*  REPRIS EN PARTIE AU SITE MBRSERVER.COM  */
                  /*  SPREAD THE CODE  */
/*  ANIMATION POUR LES TEXTES BLANCS  */
@keyframes textShadowWhite { 
  0%        { text-shadow: 0.4389924193300864px 0 1px rgba(225, 225, 225, 0.5), -0.4389924193300864px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  10%       { text-shadow: 0.02956275843481219px 0 1px rgba(225, 225, 225, 0.5), -0.02956275843481219px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  20%       { text-shadow: 1.4794037899852017px 0 1px rgba(225, 225, 225, 0.5), -1.4794037899852017px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  30%       { text-shadow: 0.7015590085143956px 0 1px rgba(225, 225, 225, 0.5), -0.7015590085143956px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  40%       { text-shadow: 1.870905614848819px 0 1px rgba(225, 225, 225, 0.5), -1.870905614848819px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  50%       { text-shadow: 0.08084290417898504px 0 1px rgba(225, 225, 225, 0.5), -0.08084290417898504px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  60%       { text-shadow: 1.202193051050636px 0 1px rgba(225, 225, 225, 0.5), -1.202193051050636px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  70%       { text-shadow: 0.48874025155497314px 0 1px rgba(225, 225, 225, 0.5), -0.48874025155497314px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  80%       { text-shadow: 0.0833037308038857px 0 1px rgba(225, 225, 225, 0.5), -0.0833037308038857px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  90%       { text-shadow: 1.443339761481782px 0 1px rgba(225, 225, 225, 0.5), -1.443339761481782px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
  100%      { text-shadow: 1.6208764473832513px 0 1px rgba(225, 225, 225, 0.5), -1.6208764473832513px 0 1px rgba(141, 141, 141, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES TEXTES ORANGES  */
@keyframes textShadowAngry { 
    0%      { text-shadow: 0.4389924193300864px 0 1px rgba(228, 71, 9, 0.5), -0.4389924193300864px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    10%     { text-shadow: 0.02956275843481219px 0 1px rgba(228, 71, 9, 0.5), -0.02956275843481219px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    20%     { text-shadow: 1.4794037899852017px 0 1px rgba(228, 71, 9, 0.5), -1.4794037899852017px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    30%     { text-shadow: 0.7015590085143956px 0 1px rgba(228, 71, 9, 0.5), -0.7015590085143956px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    40%     { text-shadow: 1.870905614848819px 0 1px rgba(228, 71, 9, 0.5), -1.870905614848819px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    50%     { text-shadow: 0.08084290417898504px 0 1px rgba(228, 71, 9, 0.5), -0.08084290417898504px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    60%     { text-shadow: 1.202193051050636px 0 1px rgba(228, 71, 9, 0.5), -1.202193051050636px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    70%     { text-shadow: 0.48874025155497314px 0 1px rgba(228, 71, 9, 0.5), -0.48874025155497314px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    80%     { text-shadow: 0.0833037308038857px 0 1px rgba(228, 71, 9, 0.5), -0.0833037308038857px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    90%     { text-shadow: 1.443339761481782px 0 1px rgba(228, 71, 9, 0.5), -1.443339761481782px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
    100%    { text-shadow: 1.6208764473832513px 0 1px rgba(228, 71, 9, 0.5), -1.6208764473832513px 0 1px rgba(238, 217, 28, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES TEXTES VERTS  */
@keyframes textShadowBargain { 
    0%      { text-shadow: 0.4389924193300864px 0 1px rgba(34, 228, 9, 0.5), -0.4389924193300864px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    10%     { text-shadow: 0.02956275843481219px 0 1px rgba(34, 228, 9, 0.5), -0.02956275843481219px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    20%     { text-shadow: 1.4794037899852017px 0 1px rgba(34, 228, 9, 0.5), -1.4794037899852017px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    30%     { text-shadow: 0.7015590085143956px 0 1px rgba(34, 228, 9, 0.5), -0.7015590085143956px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    40%     { text-shadow: 1.870905614848819px 0 1px rgba(34, 228, 9, 0.5), -1.870905614848819px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    50%     { text-shadow: 0.08084290417898504px 0 1px rgba(34, 228, 9, 0.5), -0.08084290417898504px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    60%     { text-shadow: 1.202193051050636px 0 1px rgba(34, 228, 9, 0.5), -1.202193051050636px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    70%     { text-shadow: 0.48874025155497314px 0 1px rgba(34, 228, 9, 0.5), -0.48874025155497314px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    80%     { text-shadow: 0.0833037308038857px 0 1px rgba(34, 228, 9, 0.5), -0.0833037308038857px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    90%     { text-shadow: 1.443339761481782px 0 1px rgba(34, 228, 9, 0.5), -1.443339761481782px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
    100%    { text-shadow: 1.6208764473832513px 0 1px rgba(34, 228, 9, 0.5), -1.6208764473832513px 0 1px rgba(56, 105, 43, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES TEXTES BLEUS  */
@keyframes textShadowDepression { 
    0%      { text-shadow: 0.4389924193300864px 0 1px rgba(9, 184, 228, 0.5), -0.4389924193300864px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    10%     { text-shadow: 0.02956275843481219px 0 1px rgba(9, 184, 228, 0.5), -0.02956275843481219px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    20%     { text-shadow: 1.4794037899852017px 0 1px rgba(9, 184, 228, 0.5), -1.4794037899852017px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    30%     { text-shadow: 0.7015590085143956px 0 1px rgba(9, 184, 228, 0.5), -0.7015590085143956px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    40%     { text-shadow: 1.870905614848819px 0 1px rgba(9, 184, 228, 0.5), -1.870905614848819px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    50%     { text-shadow: 0.08084290417898504px 0 1px rgba(9, 184, 228, 0.5), -0.08084290417898504px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    60%     { text-shadow: 1.202193051050636px 0 1px rgba(9, 184, 228, 0.5), -1.202193051050636px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    70%     { text-shadow: 0.48874025155497314px 0 1px rgba(9, 184, 228, 0.5), -0.48874025155497314px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    80%     { text-shadow: 0.0833037308038857px 0 1px rgba(9, 184, 228, 0.5), -0.0833037308038857px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    90%     { text-shadow: 1.443339761481782px 0 1px rgba(9, 184, 228, 0.5), -1.443339761481782px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
    100%    { text-shadow: 1.6208764473832513px 0 1px rgba(9, 184, 228, 0.5), -1.6208764473832513px 0 1px rgba(41, 33, 121, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES TEXTES DORÉS  */
@keyframes textShadowAcceptance { 
    0%      { text-shadow: 0.4389924193300864px 0 1px rgba(228, 213, 9, 0.5), -0.4389924193300864px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    10%     { text-shadow: 0.02956275843481219px 0 1px rgba(228, 213, 9, 0.5), -0.02956275843481219px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    20%     { text-shadow: 1.4794037899852017px 0 1px rgba(228, 213, 9, 0.5), -1.4794037899852017px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    30%     { text-shadow: 0.7015590085143956px 0 1px rgba(228, 213, 9, 0.5), -0.7015590085143956px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    40%     { text-shadow: 1.870905614848819px 0 1px rgba(228, 213, 9, 0.5), -1.870905614848819px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    50%     { text-shadow: 0.08084290417898504px 0 1px rgba(228, 213, 9, 0.5), -0.08084290417898504px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    60%     { text-shadow: 1.202193051050636px 0 1px rgba(228, 213, 9, 0.5), -1.202193051050636px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    70%     { text-shadow: 0.48874025155497314px 0 1px rgba(228, 213, 9, 0.5), -0.48874025155497314px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    80%     { text-shadow: 0.0833037308038857px 0 1px rgba(228, 213, 9, 0.5), -0.0833037308038857px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    90%     { text-shadow: 1.443339761481782px 0 1px rgba(228, 213, 9, 0.5), -1.443339761481782px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
    100%    { text-shadow: 1.6208764473832513px 0 1px rgba(228, 213, 9, 0.5), -1.6208764473832513px 0 1px rgba(105, 83, 11, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES TEXTES NOIRS  */
@keyframes textShadowBlack { 
    0%      { text-shadow: 0.4389924193300864px 0 1px rgba(87, 87, 87, 0.5), -0.4389924193300864px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    10%     { text-shadow: 0.02956275843481219px 0 1px rgba(87, 87, 87, 0.5), -0.02956275843481219px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    20%     { text-shadow: 1.4794037899852017px 0 1px rgba(87, 87, 87, 0.5), -1.4794037899852017px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    30%     { text-shadow: 0.7015590085143956px 0 1px rgba(87, 87, 87, 0.5), -0.7015590085143956px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    40%     { text-shadow: 1.870905614848819px 0 1px rgba(87, 87, 87, 0.5), -1.870905614848819px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    50%     { text-shadow: 0.08084290417898504px 0 1px rgba(87, 87, 87, 0.5), -0.08084290417898504px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    60%     { text-shadow: 1.202193051050636px 0 1px rgba(87, 87, 87, 0.5), -1.202193051050636px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    70%     { text-shadow: 0.48874025155497314px 0 1px rgba(87, 87, 87, 0.5), -0.48874025155497314px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    80%     { text-shadow: 0.0833037308038857px 0 1px rgba(87, 87, 87, 0.5), -0.0833037308038857px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    90%     { text-shadow: 1.443339761481782px 0 1px rgba(87, 87, 87, 0.5), -1.443339761481782px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
    100%    { text-shadow: 1.6208764473832513px 0 1px rgba(87, 87, 87, 0.5), -1.6208764473832513px 0 1px rgba(0, 0, 0, 0.3), 0 0 3px; }
}

/*  ANIMATION POUR LES DIV BLEUS  */
@keyframes boxShadowDepression { 
    0%      { box-shadow: 0.4389924193300864px 0 1px rgba(92, 128, 206, 0.5), -0.4389924193300864px 0 1px rgba(92, 128, 206, 0.3); }
    10%     { box-shadow: 0.02956275843481219px 0 1px rgba(92, 128, 206, 0.5), -0.02956275843481219px 0 1px rgba(92, 128, 206, 0.3); }
    20%     { box-shadow: 1.4794037899852017px 0 1px rgba(92, 128, 206, 0.5), -1.4794037899852017px 0 1px rgba(92, 128, 206, 0.3); }
    30%     { box-shadow: 0.7015590085143956px 0 1px rgba(92, 128, 206, 0.5), -0.7015590085143956px 0 1px rgba(92, 128, 206, 0.3); }
    40%     { box-shadow: 1.870905614848819px 0 1px rgba(92, 128, 206, 0.5), -1.870905614848819px 0 1px rgba(92, 128, 206, 0.3); }
    50%     { box-shadow: 0.08084290417898504px 0 1px rgba(92, 128, 206, 0.5), -0.08084290417898504px 0 1px rgba(92, 128, 206, 0.3); }
    60%     { box-shadow: 1.202193051050636px 0 1px rgba(92, 128, 206, 0.5), -1.202193051050636px 0 1px rgba(92, 128, 206, 0.3); }
    70%     { box-shadow: 0.48874025155497314px 0 1px rgba(92, 128, 206, 0.5), -0.48874025155497314px 0 1px rgba(92, 128, 206, 0.3); }
    80%     { box-shadow: 0.0833037308038857px 0 1px rgba(92, 128, 206, 0.5), -0.0833037308038857px 0 1px rgba(92, 128, 206, 0.3); }
    90%     { box-shadow: 1.443339761481782px 0 1px rgba(92, 128, 206, 0.5), -1.443339761481782px 0 1px rgba(92, 128, 206, 0.3); }
    100%    { box-shadow: 1.6208764473832513px 0 1px rgba(92, 128, 206, 0.5), -1.6208764473832513px 0 1px rgba(92, 128, 206, 0.3); }
}

/*  ANIMATION POUR LES DIV ORANGES  */
@keyframes boxShadowAngry { 
    0%      { box-shadow: 0.4389924193300864px 0 1px rgba(230, 97, 45, 0.5), -0.4389924193300864px 0 1px rgba(230, 97, 45, 0.3); }
    10%     { box-shadow: 0.02956275843481219px 0 1px rgba(230, 97, 45, 0.5), -0.02956275843481219px 0 1px rgba(230, 97, 45, 0.3); }
    20%     { box-shadow: 1.4794037899852017px 0 1px rgba(230, 97, 45, 0.5), -1.4794037899852017px 0 1px rgba(230, 97, 45, 0.3); }
    30%     { box-shadow: 0.7015590085143956px 0 1px rgba(230, 97, 45, 0.5), -0.7015590085143956px 0 1px rgba(230, 97, 45, 0.3); }
    40%     { box-shadow: 1.870905614848819px 0 1px rgba(230, 97, 45, 0.5), -1.870905614848819px 0 1px rgba(230, 97, 45, 0.3); }
    50%     { box-shadow: 0.08084290417898504px 0 1px rgba(230, 97, 45, 0.5), -0.08084290417898504px 0 1px rgba(230, 97, 45, 0.3); }
    60%     { box-shadow: 1.202193051050636px 0 1px rgba(230, 97, 45, 0.5), -1.202193051050636px 0 1px rgba(230, 97, 45, 0.3); }
    70%     { box-shadow: 0.48874025155497314px 0 1px rgba(230, 97, 45, 0.5), -0.48874025155497314px 0 1px rgba(230, 97, 45, 0.3); }
    80%     { box-shadow: 0.0833037308038857px 0 1px rgba(230, 97, 45, 0.5), -0.0833037308038857px 0 1px rgba(230, 97, 45, 0.3); }
    90%     { box-shadow: 1.443339761481782px 0 1px rgba(230, 97, 45, 0.5), -1.443339761481782px 0 1px rgba(230, 97, 45, 0.3); }
    100%    { box-shadow: 1.6208764473832513px 0 1px rgba(230, 97, 45, 0.5), -1.6208764473832513px 0 1px rgba(230, 97, 45, 0.3); }
}

/*  ANIMATION POUR LES DIV ORANGES  */
@keyframes boxShadowWhite { 
    0%      { box-shadow: 0.4389924193300864px 0 1px rgba(255, 255, 255, 0.5), -0.4389924193300864px 0 1px rgba(255, 255, 255, 0.3); }
    10%     { box-shadow: 0.02956275843481219px 0 1px rgba(255, 255, 255, 0.5), -0.02956275843481219px 0 1px rgba(255, 255, 255, 0.3); }
    20%     { box-shadow: 1.4794037899852017px 0 1px rgba(255, 255, 255, 0.5), -1.4794037899852017px 0 1px rgba(255, 255, 255, 0.3); }
    30%     { box-shadow: 0.7015590085143956px 0 1px rgba(255, 255, 255, 0.5), -0.7015590085143956px 0 1px rgba(255, 255, 255, 0.3); }
    40%     { box-shadow: 1.870905614848819px 0 1px rgba(255, 255, 255, 0.5), -1.870905614848819px 0 1px rgba(255, 255, 255, 0.3); }
    50%     { box-shadow: 0.08084290417898504px 0 1px rgba(255, 255, 255, 0.5), -0.08084290417898504px 0 1px rgba(255, 255, 255, 0.3); }
    60%     { box-shadow: 1.202193051050636px 0 1px rgba(255, 255, 255, 0.5), -1.202193051050636px 0 1px rgba(255, 255, 255, 0.3); }
    70%     { box-shadow: 0.48874025155497314px 0 1px rgba(255, 255, 255, 0.5), -0.48874025155497314px 0 1px rgba(255, 255, 255, 0.3); }
    80%     { box-shadow: 0.0833037308038857px 0 1px rgba(255, 255, 255, 0.5), -0.0833037308038857px 0 1px rgba(255, 255, 255, 0.3); }
    90%     { box-shadow: 1.443339761481782px 0 1px rgba(255, 255, 255, 0.5), -1.443339761481782px 0 1px rgba(255, 255, 255, 0.3); }
    100%    { box-shadow: 1.6208764473832513px 0 1px rgba(255, 255, 255, 0.5), -1.6208764473832513px 0 1px rgba(255, 255, 255, 0.3); }
}

/*  ANIMATION POUR LE CÔTÉ OSCILLANT DE L'ÉCRAN  */
@keyframes flicker {  
  0%    { opacity: 1; } 
  10%   { opacity: 0.35748; } 
  20%   { opacity: 0.9408; } 
  30%   { opacity: 0.22426; }
  40%   { opacity: 0.09249; }
  50%   { opacity: 0.89436; } 
  60%   { opacity: 0.19754; } 
  70%   { opacity: 0.12137; } 
  80%   { opacity: 0.89617; } 
  90%   { opacity: 0.20657; } 
  100%  { opacity: 0.78042; }
}

/* LOT D'ANIMATIONS POUR LA LETTRE ET LA FIN */
/* APPARITION */
@keyframes divAppears {
    0%  { top: 100%; }
    100%  { top: 0%; }
}

/* DISPARITION */
@keyframes divDisappears {
    0%  { top: 0%; }
    100%  { top: 100%; }
}

/* LOT D'ANIMATIONS POUR LA FIN */
/* APPARITION */
@keyframes gameDivDisappears {
    0%  { top: 2.5%; }
    100%  { top: -100%; }
}

/* DISPARITION */
@keyframes gameDivAppears {
    0%  { top: -100%; }
    100%  { top: 2.5%; }
}

/*  ATTRIBUTIONS DES ANIMATIONS (MOUVEMENTS DES LETTRES)  */
.wobblyTitle span { 
    animation-name: upDown;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
    display: inline-block;
    transform: translateY(0px);
}

.regularWobble span, .shockWobble span, .wobblyTxt span {
    animation-name: upDown;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 0.5s;
    display: inline-block;
    transform: translateY(0px);
}

.angryWobble span { 
    animation-name: angryWobble;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 0.2s;
    display: inline-block;
    transform: translateY(0px);
}

.bargainWobble span { 
    animation-name: barWobble;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 1s;
    display: inline-block;
    transform: translateY(0px);
}

.sadWobble span { 
    animation-name: sWobble;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
    display: inline-block;
    transform: translateY(0px);
}

.acceptWobble span { 
    animation-name: acceptWobble;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 5s;
    display: inline-block;
    transform: translateY(0px);
}

/*  ANIMATION POUR LE CÔTÉ LA COULEUR DES TEXTES */
.whiteText, .iAmShock, .iAmRegular{ 
    animation: textShadowWhite 1.033s infinite;
}

.buttonGo, .buttonAlert, .buttonGoForward, .inputCommand { 
    animation: textShadowWhite 1.033s infinite;
}

.iAmAngry { 
    animation: textShadowAngry 1.033s infinite;
}

.iAmBargain { 
    animation: textShadowBargain 1.033s infinite;
}

.iAmSad { 
    animation: textShadowDepression 1.033s infinite;
}

.iAmAccept { 
    animation: textShadowAcceptance 1.033s infinite;
}

.blue {
    animation: boxShadowDepression 1.033s infinite;
}
.red {
    animation: boxShadowAngry 1.033s infinite;
}
.flag:active .white {
    animation: none;
}

/*  ANIMATION POUR LE CÔTÉ SCINTILLANT */
.flicker { 
  animation: flicker 0.3301s infinite;
}