/*  annimation ligne sous le header */
@keyframes bg_color {
   
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
/*  annimation ligne au dessus du footer */
@keyframes bg_colorv2 {
  0% { background-position: 50% 0%; }
  50% { background-position: 80% 100%; }
  100% { background-position: 50% 0%; }
}

/*  annimation alerte etiquette à la une*/
@keyframes alerte {
    0% {
        opacity:0;
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
       }
}
/*  annimation alerte etiquette à la une*/
@keyframes shadow {
    0% {
        box-shadow: 0 0 5px var(--color2);
    }
    50%{
         box-shadow: 0 0 15px 3px var(--color3);
       }
    100%{
        box-shadow: 0 0 5px var(--color2);
       }
}