/* ===============================
    CSS POUR TOUTE PAGE WP
   =============================== */

/* Liens globaux */
a {
    color: #0066cc;   /* bleu standard autonome, modifiable ensuite */
}

/* Sécurité : éviter les conflits globaux */
* {
    box-sizing: border-box;
}

/* TEST PAGES.CSS XXXX */
#primary {
   // border: 8px solid red;
   // padding: 20px;
}


/* FOND COLORE CHANGE */
.animated-bg {
  background: linear-gradient(
    -45deg,
    #8fe3cf,   /* vert clair menthe */
    #5fd3c6,   /* turquoise */
    #4facfe,   /* bleu doux */
    #43e97b    /* vert lumineux */
  );
  background-size: 400% 400%;
  animation: bgShift 22s ease-in-out infinite;
}
.animated-bg-doux {
  background: linear-gradient(
    120deg,
    #9be8d8,
    #7ddcd3,
    #6ec6ff,
    #7cf0c2
  );
  background-size: 300% 300%;
  animation: bgShift 30s ease infinite;
}

@keyframes bgShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* TEXTE CLIGNOTE */
@keyframes clignote {
  0%, 50%, 100% { opacity: 1; }  /* visible */
  25%, 75% { opacity: 0; }       /* invisible */
}
.clignotant {
  animation: clignote 1s infinite; /* 1s pour un cycle complet, répété à l’infini */
/*  color: #0184F8;                  /* couleur du texte */
  font-weight: bold;
}

/* TEXTE OSCILLANT EN COULEUR */
@keyframes oscilleCouleur {
  0%   { color: #000000; } 
  50%  { color: #F6821F; } 	/*   orange logo #F6821F  bleu:  #4551D1 */
  100% { color: #000000; } 
}
.oscillant {
  animation: oscilleCouleur 2s infinite; /* 2s pour un cycle complet */
  // font-weight: bold;
}
@keyframes partirCouleur {
  0%   { color: #000000; } 
  50%  { color: transparent; } 	
  100% { color: #000000; } 
}
.partir {
  animation: partirCouleur 3s infinite; 
  // font-weight: bold;
}