/************************************** Début : Effet CSS sur le lien "Conçu par CSRP" du footer : **************************************/ /* Début de : Effet CSS sur le lien "Conçu par CSRP" du footer : */ /* https://chatgpt.com/c/670e4656-2928-800a-86a8-2caf932c659f */ /* .wave-link { font-size: 15px; /* Réduit la taille de la police * color: #fff; /* Texte blanc * text-decoration: none; display: inline-block; position: relative; white-space: nowrap; /* Empêche le texte de se couper * } */ .wave-link { font-size: 1rem; /* Taille du texte */ color: #fff; /* Texte blanc */ text-decoration: none; display: block; /* Force le lien à se comporter comme un bloc */ margin-top: 10px; /* Ajoute un peu d'espace au-dessus du lien */ white-space: nowrap; /* Empêche les coupures de mots */ text-align: center; /* Centre le texte pour un meilleur rendu */ } /* Ajustements pour les petits écrans */ @media only screen and (max-width: 600px) { .wave-link { font-size: 0.8rem; /* Réduit légèrement la taille du texte sur mobile */ white-space: normal; /* Permet au texte de s'adapter et de passer à la ligne */ } } .wave-link span { display: inline-block; animation: wave 4s linear infinite; /* Vitesse de l'animation réduite */ color: #fff; /* Texte en blanc par défaut */ } /* Animation pour l'effet de vague */ @keyframes wave { 0% { color: #fff; /* Départ en blanc */ } 50% { color: #632a8e; /* Milieu en violet */ } 100% { color: #fff; /* Fin en blanc */ } } /* Délai progressif pour chaque lettre */ .wave-link span:nth-child(1) { animation-delay: 0s; } .wave-link span:nth-child(2) { animation-delay: 0.2s; } .wave-link span:nth-child(3) { animation-delay: 0.4s; } .wave-link span:nth-child(4) { animation-delay: 0.6s; } .wave-link span:nth-child(5) { animation-delay: 0.8s; } .wave-link span:nth-child(6) { animation-delay: 1s; } .wave-link span:nth-child(7) { animation-delay: 1.2s; } .wave-link span:nth-child(8) { animation-delay: 1.4s; } .wave-link span:nth-child(9) { animation-delay: 1.6s; } .wave-link span:nth-child(10) { animation-delay: 1.8s; } .wave-link span:nth-child(11) { animation-delay: 2s; } .wave-link span:nth-child(12) { animation-delay: 2.2s; } .wave-link span:nth-child(13) { animation-delay: 2.4s; } .wave-link span:nth-child(14) { animation-delay: 2.6s; } /* Fin de : Effet CSS sur le lien "Conçu par CSRP" du footer. */ /* Pour définir une marge dessus et dessous le logo CSRP sur versions mobiles : */ /* .elementor-85 .elementor-element.elementor-element-7dcf1dc { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: -1px; margin-bottom: 0px; padding: 0px; } */ @media (max-width: 767px) { /* .elementor-85 .elementor-element.elementor-element-7dcf1dc { padding: 0px 35px 20px 35px; } */ .elementor-85 .elementor-element.elementor-element-d6e3be2 { padding-top: 50px; padding-bottom: 50px; } } /************************************** Fin : Effet CSS sur le lien "Conçu par CSRP" du footer : **************************************/