
        <!--/
        [22]

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣶⣶⣿⣿⣿⣿⣿⣷⣶⣶⣦⣤⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⣿⣿⠿⠛⠛⠛⠛⠛⠛⠛⠛⠻⠿⣿⣿⣿⣿⣷⣦⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⣿⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠿⣿⣿⣿⣦⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⡿⠁⠀⣀⣤⣶⣶⣿⣿⣿⣿⣿⣿⣿⣶⣶⣤⣀⡀⠀⠀⠀⠙⢿⣿⣿⣦⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠏⠀⣰⣿⣿⣿⣿⣿⣿⠿⠿⠿⠿⠿⠿⠿⢿⣿⣿⣿⣿⣦⣄⠀⠀⠙⢿⣿⣷⡄⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠋⠀⠀⠻⡿⠟⠋⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⢿⣿⣿⣿⣆⠀⠈⢻⣿⣿⡄⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⠇⠀⠀⠀⠀⢀⣠⣤⣤⣤⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⣿⣧⠀⠀⢻⣿⣿⡄⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⡟⠀⠀⠀⢀⣴⡿⠋⠉⠉⠉⠙⠻⢷⣄⠀⠀⣀⣤⣴⣶⣶⣶⣤⡀⠀⠙⠻⠿⠀⠀⠀⢿⣿⣷⡀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠃⠀⠀⠀⣾⡟⠀⠀⣀⠀⠀⠀⠀⠀⢿⣷⡿⠛⠉⠀⠀⠀⠈⠙⢿⣦⡀⠀⠀⠀⠀⠀⠈⣿⣿⣧⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡟⠀⠀⠀⢸⣿⠀⠀⠿⠿⠃⠀⠀⠀⠀⢸⣿⠁⠀⠀⠀⣠⣀⠀⠀⠀⢹⣧⠀⠀⠀⠀⠀⠀⢹⣿⣿⡀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠇⠀⠀⣀⠀⢿⣇⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⠀⠀⠀⠘⠻⠿⠇⠀⠀⢸⣿⠀⠀⠀⠀⠀⠀⠈⣿⣿⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠀⠀⠀⢿⡄⠈⠻⣷⣤⣀⣀⣀⣀⣤⡾⠛⢿⣆⠀⠀⠀⠀⠀⠀⠀⢠⣾⠇⠀⠀⠀⠀⠀⠀⠀⣿⣿⣇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡏⠀⠀⠀⠈⢿⣦⡀⠀⠉⠛⠛⠛⣿⡟⠀⠀⢈⠻⢷⣦⣤⣤⣤⣤⣶⠿⠃⣠⡄⠀⠀⠀⠀⠀⠀⣿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇⠀⠀⠀⠀⠀⠉⠛⠃⠀⠀⠀⠀⣿⡇⠀⢠⣿⠇⠀⠀⠉⠉⠉⣉⣠⣤⠾⠋⠀⠀⠀⠀⠀⠀⠀⢿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠀⠀⣠⡶⠟⠛⠛⠛⠢⠀⠀⠀⠀⢿⣧⣴⡿⠃⠀⠀⠀⠀⠀⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡟⠀⣼⡟⠀⢀⣴⣾⣷⣶⣤⣀⠀⠀⠈⠛⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠃⢠⣿⠀⠀⣿⣿⣿⣿⣿⣿⠋⢻⣦⣄⡀⠀⠀⣀⣀⣤⣤⣤⣤⣤⣤⣤⣀⠀⠈⠻⣦⠀⠀⠀⠀⠀⢸⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡿⠀⠀⣿⡀⠀⢿⣿⣿⣿⣿⣿⣿⣿⣇⣈⣿⣿⣿⣍⣹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣆⠀⠹⣷⡀⠀⠀⠀⣿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⡇⠀⠀⠘⣷⡀⠈⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠛⠋⠉⠛⠻⣿⣿⣿⣿⣿⡆⠀⣿⡇⠀⠀⠀⣿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠀⠀⠀⠀⠘⢷⣄⠀⠛⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣦⣄⠀⠘⢿⣿⣿⣿⠃⠀⣿⡇⠀⠀⠀⣿⣿⣿
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡏⠀⠀⠀⠀⠀⠀⠙⠷⣄⠈⠙⠿⣿⣿⣀⣸⡟⠉⣿⠟⢿⡿⠛⢻⣿⣧⠀⢈⣿⠟⠁⠀⣰⡿⠁⠀⠀⠀⣿⣿⡏
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠂⠀⠀⠀⠉⠉⠛⠛⠿⠶⠾⠷⠶⠾⠿⠟⠛⠉⠁⣀⣤⡾⠟⠁⠀⠀⠀⠀⣿⣿⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⠛⠛⠉⠀⠀⠀⠀⠀⠀⢀⣿⣿⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡇⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⡇⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⠟⠛⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠃⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣀⠀⠀⠀⠀⠀⢸⣿⣿⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⣷⡀⠀⠀⠀⣾⣿⣿⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣷⣦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⡇⠀⠀⠀⣿⣿⡟⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⡟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣾⡿⠃⠀⠀⢠⣿⣿⡇⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⠋⠁⠀⠀⠀⣸⣿⣿⠃⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡿⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠁⠀⠀⠀⠀⠀⠀⣠⣶⣿⣷⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⡇⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡿⠀⠀⠀⠀⠀⣀⣀⠀⠈⠛⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⡏⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⣿⠃⠀⠀⢀⣴⣿⡿⠿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⠃⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢰⣿⣿⡏⠀⠀⢀⣾⡟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⡟⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⢠⣿⣿⡟⠀⠀⠀⢸⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠇⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⣾⣿⣿⠁⠀⠀⠀⠀⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣾⣿⣿⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⣸⣿⣿⠇⠀⠀⠀⠀⠀⠀⠙⢷⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⠇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢠⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣾⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⠿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⣼⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⡄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⢰⣿⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣼⣿⡇⠀⠀⠀⠀⠀⠀⠀
⠀⢀⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⠟⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⢿⣿⣿⡿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢀⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣾⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⡀⠀⠀⠀⠀⠀⢀⣾⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢈⣿⠀⠀⠀⠀⠀⣾⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⣿⣿⣿⠀⠀⣰⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⡿⠋⠀⠀⠀⠀⣼⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢿⣿⣿⠀⢰⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡀⠀⠀⠀⠀⠀⠀⢀⣼⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⣿⣿⡀⠘⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⠀⠀⠀⠀⠀⢀⣾⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠘⣿⣿⡇⠀⠈⠻⠶⠤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣤⣄⣀⣠⣼⡟⠀⠀⠀⠀⣴⣿⣿⡟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⢿⣿⣿⡀⠀⢠⣶⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⠿⠿⠛⠋⠀⠀⢀⣠⣾⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠈⣿⣿⣷⡀⠸⣿⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣴⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠘⢿⣿⣷⡄⠈⠙⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣤⣾⣿⣿⠿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠈⢻⣿⣿⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣠⣴⣾⣿⣿⡿⠛⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⠻⣿⣿⣿⣷⣶⣤⣤⣤⣄⣀⣀⣠⣤⣤⣤⣶⣾⣿⣿⣿⡿⠟⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠉⠛⠻⠿⠿⢿⣿⣿⣿⣿⣿⣿⡿⠿⠿⠛⠛⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

            [FR]
        Bonjour à toi petit curieux qui regarde ce code, sois le/la bienvenu(e) dans ma matrice.
        N'hésites pas à aller voir mes projets sur la page projets - https://www.wanalike.net/projets.html
        Si tu trouve une faille dans ce code, je te remercie d'avance pour le signalement via ma page contact - https://www.wanalike.net/contact.html
        Si tu aime ce site de par son design, sa navigation ou son contenu, partage-le via son URL :)
    
        Bon chat & bets avec la communauté Tipsters Pronostics hébergé par WanaLike Network.
    
        Cordialement KoS_.
    
            [EN]
        Hello to you little curious who looks at this code, be welcome in my matrix.
        Do not hesitate to go see my projects on the projects page - https://www.wanalike.net/projets.html
        If you find a flaw in this code, I thank you in advance for the report via my contact page - https://www.wanalike.net/contact.html
        If you like this site because of its design, navigation or content, share it via its URL :)
    
        Good chat & bets with the Tipsters Pronostics community hosted by WanaLike Network.
    
        Sincerely KoS_.
        
        /-->
        <!doctype html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
    <!-- meta -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Token pour l’API de recherche -->
    <meta name="tp-srch-t" content="aa573f7e46cb5e5dfbb31b6f31970a25">

    <!-- Title -->
    <title>TIPSTERS PRONOSTICS - Club pour parieurs initiés</title>

    <meta name="keywords" content="Tipsters pronostics, Club de pronostics sportifs, Passionnés de paris sportifs, Pronostics gratuits, Meilleurs tipsters, Enseignements paris sportifs, Stratégies de paris, Conseils paris sportifs, Astuces pour gagner aux paris, Communauté de parieurs, Pronostics de qualité, Parieurs professionnels, Apprendre à parier, Méthodes pour parier, Analyse des matchs, Prédictions sportives fiables, Suivi de tipsters, Gagner avec les paris, Pronostics experts, Pronostics détaillés, Comment choisir les meilleurs tipsters ?, Pronostics gratuits et fiables pour paris sportifs, Club de parieurs passionnés en ligne, Stratégies avancées pour paris sportifs gagnants, Le guide ultime des paris sportifs gratuits, Astuces pour maximiser vos gains aux paris sportifs, Apprendre les bases des paris sportifs pour débutants, Pronostics 100% gratuits par des experts, Rejoignez un club de passionnés de paris sportifs, Pourquoi suivre des tipsters pour réussir vos paris sportifs ?">
    <meta name="description" content="TIPSTERS PRONOSTICS club de passionnés, par des passionnés, pour des passionnés. Nous sommes les seuls à vous offrir un contenu gratuit aussi qualitatif. Êtes vous prêt à vivre le meilleur des enseignements relatifs aux paris sportifs ?"/>
    <link rel="canonical" href="https://tipsters-pronostics.com/"/>
    <meta property="og:locale" content="fr_FR"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Tipsters-Pronostics - Investissements et club pour parieurs confirmés"/>
    <meta property="og:description" content="TP c&#039;est une alchimie entre compétence technique et bonne humeur ... un club entièrement composé de parieurs initiés que nous accompagnons avec soins."/>
    <meta property="og:url" content="https://tipsters-pronostics.com/"/>
    <meta property="og:site_name" content="Tipsters-Pronostics"/>
    <meta property="article:publisher" content="https://www.facebook.com/clubTP/"/>
    <meta property="article:modified_time" content="2020-08-25T14:48:50+00:00"/>
    <meta name="twitter:card" content="summary_large_image"/>

    <meta name="generator" content="WordPress 6.7.1"/>
    <link rel='shortlink' href='https://tipsters-pronostics.com/'/>
    <link rel="alternate" type="application/json+oembed" href="https://tipsters-pronostics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftipsters-pronostics.com%2F"/>
    <link rel="alternate" type="text/xml+oembed" href="https://tipsters-pronostics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftipsters-pronostics.com%2F&#038;format=xml"/>
    <meta name="bmi-version" content="1.4.3"/>
    <meta name="theme-color" content="#a6da07">

    <!-- modification balise meta viewport new version -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/>
    <meta name="onesignal" content="wordpress-plugin"/>

    <meta name="generator" content="Powered by Slider Revolution 6.7.39 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface."/>
    <!-- end descriptive meta tags -->

    <!-- iDevices & Retina Favicons -->
    <link rel="icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-32x32.png" sizes="32x32"/>
    <link rel="icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-192x192.png" sizes="192x192"/>
    <link rel="apple-touch-icon" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-180x180.png"/>
    <meta name="msapplication-TileImage" content="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-270x270.png"/>

    <!--  Desktop Favicons  -->
    <link rel="icon" type="image/png" href="https://dev.tipsters-pronostics.com/images/TP/favicons/cropped-favicon-1-32x32.png" sizes="32x32">

    <!-- Google Fonts CSS Stylesheet -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,600italic,700,800,800italic" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

    <!-- ***** Boostrap Custom / Addons Stylesheets ***** -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Font Awesome icons library -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/fonts/font-awesome/css/font-awesome.min.css" type="text/css" media="all">

    <!-- Required CSS file for iOS Slider element -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/sliders/ios/style.css" type="text/css" media="all">

    <!-- ***** Main + Responsive & Base sizing CSS Stylesheet ***** -->
    <link rel="preload" href="https://dev.tipsters-pronostics.com/css/template.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/responsive.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/base-sizing.css" type="text/css" media="all">
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/dp.css" type="text/css" media="all">

    <!-- style css main charte graphique Tipsters Pronostics by KoS_ à minifier -->
    <link id="template-colors" rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/custom.css">

    <!-- 🔹 CSS spécifique header / search / alerts -->
    <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/koscmos-header.css">

    <!-- no script -->
    <noscript>
        <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://dev.tipsters-pronostics.com/css/template.min.css">
    </noscript>

    <!-- jQuery Library -->
    <script type="text/javascript" src="https://dev.tipsters-pronostics.com/js/jquery-3.5.1.min.js"></script>
    <!-- Prettify Library -->
    <script src="https://dev.tipsters-pronostics.com/js/prettify.min.js"></script>
    <!-- Topbar Library -->
    <script src="https://dev.tipsters-pronostics.com/js/topbar.min.js"></script>
    <!-- Matomo -->
    <script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
        var u="//analytics.wanalike.net/";
        _paq.push(['setTrackerUrl', u+'matomo.php']);
        _paq.push(['setSiteId', '4']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    })();
    </script>
    <!-- End Matomo Code -->


    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script>
        $(function() {
            prettyPrint();
            function resetToDefaults() {
                topbar.config({
                    barColors: {
                        '0'   : 'rgba(0, 32, 0, 0.9)',
                        '.25' : 'rgba(0, 64, 0, 0.9)',
                        '.50' : 'rgba(0, 128, 0, 0.9)',
                        '.75' : 'rgba(0, 192, 0, 0.9)',
                        '1.0' : 'rgba(0, 255, 0, 0.9)'
                    }
                });
            }

            // Page load
            resetToDefaults();
            topbar.show();
            setTimeout(function() {
                $('#main_content').fadeIn('slow');
                topbar.hide();
            }, 1500);
        });
    </script>
</head>

<body class="preloader">
    <!-- Support Panel -->
    <input type="checkbox" id="support_p" class="panel-checkbox">
    <div class="support_panel">
        <div class="support-close-inner">
            <label for="support_p" class="spanel-label inner">
                <span class="support-panel-close">×</span>
            </label>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-9">
                    <!-- Title -->
                    <h4 class="m_title mb-20">
                        HOW TO SHOP
                    </h4>

                    <!-- Content - how to shop steps -->
                    <div class="m_content how_to_shop">
                        <div class="row">
                            <div class="col-sm-4">
                                <span class="number">1</span> Login or create new account.
                            </div>
                            <div class="col-sm-4">
                                <span class="number">2</span> Review your order.
                            </div>
                            <div class="col-sm-4">
                                <span class="number">3</span> Payment <strong>FREE</strong> shipment
                            </div>
                        </div>
                        <p>
                            If you still have problems, please let us know, by sending an email to support@website.com . Thank you!
                        </p>
                    </div>
                </div>

                <div class="col-sm-12 col-md-12 col-lg-3">
                    <h4 class="m_title mb-20">
                        SHOWROOM HOURS
                    </h4>
                    <div class="m_content">
                        Mon-Fri 9:00AM - 6:00AM<br>
                        Sat - 9:00AM-5:00PM<br>
                        Sundays by appointment only!
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ Support Panel -->

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const supportPanelCheckbox = document.getElementById('support_p');
            let lastScrollY = window.scrollY;

            window.addEventListener('scroll', function () {
                if (supportPanelCheckbox && supportPanelCheckbox.checked) {
                    const currentScrollY = window.scrollY;
                    if (currentScrollY > lastScrollY) {
                        supportPanelCheckbox.checked = false;
                    }
                    lastScrollY = currentScrollY;
                }
            });
        });
    </script>

    <script>
        /* Script pour activer le stickpanel en split mode by KoS_ */
        document.addEventListener('DOMContentLoaded', () => {
            const body = document.body;
            const header = document.getElementById('header');

            function activateStickyHeader() {
                const headerHeight = header.offsetHeight;
                body.classList.add('sticky-header');

                window.addEventListener('scroll', () => {
                    if (window.scrollY >= 10) {
                        header.classList.add('header--is-sticked');
                        header.classList.remove('header--no-sticked');
                    } else {
                        header.classList.remove('header--is-sticked');
                        header.classList.add('header--no-sticked');
                    }
                });
            }

            activateStickyHeader();
        });
        /* End sticky header */
    </script>

    <!-- Page Wrapper -->
    <div id="page_wrapper">
        <div id="dp-js-header-helper" style="height:0 !important; display:none !important;"></div>
        <!-- Header style 1 -->
        <header id="header" class="site-header cta_button" data-header-style="5">
            <!-- Header background -->
            <div class="kl-header-bg"></div>
            <!--/ Header background -->

            <!-- Header wrapper -->
            <div class="site-header-wrapper">
                <!-- Header Top wrapper -->
                <div class="site-header-top-wrapper">
                    <!-- Header Top container -->
                    <div class="siteheader-container container">
                        <!-- Header Top -->
                        <div class="site-header-row site-header-top d-flex justify-content-between">
                            <!-- Header Top Left Side -->
                            <div class="site-header-top-left d-flex">
                                <!-- Header Top Social links -->
                                <ul class="topnav social-icons sc--clean align-self-center">
                                    <li>
                                        <a href="https://www.facebook.com/clubTP/" target="_blank" title="Facebook">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://twitter.com/tipsterspronos" target="_blank" title="Twitter">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="https://www.youtube.com/channel/UClNeQU4Tnll-TmPhfF4rcWQ" target="_blank" title="Youtube">
                                            <i class="fab fa-youtube"></i>
                                        </a>
                                    </li>
                                </ul>
                                <div class="clearfix visible-xxs"></div>
                            </div>
                            <!--/ .site-header-top-left -->

                            <!-- Header Top Right Side -->
                            <div class="site-header-top-right d-flex">
                                <div class="topnav support--panel align-self-center">
                                    <!-- Support panel trigger désactivé -->
                                </div>

                                <!-- 🔎 Bouton loupe (toggle) -->
                                <button id="search-toggle-btn"
                                        type="button"
                                        class="search-toggle-btn align-self-center ms-3"
                                        aria-label="Ouvrir la recherche"
                                        onclick="TP_toggleSearch(event)">
                                    <i class="fas fa-search"></i>
                                </button>

                                <!-- 🔎 Bloc recherche (sans bouton à droite) -->
                                <div id="tp-search"
                                     class="tp-search-wrapper align-self-center ms-3"
                                     style="position:relative;">
                                    <div class="search-container">
                                        <form id="tp-site-search"
                                              class="tp-searchform"
                                              autocomplete="off"
                                              role="search"
                                              aria-label="Recherche sur le site">
                                            <input
                                                id="tp-search-input"
                                                name="q"
                                                class="tp-search-input"
                                                type="search"
                                                minlength="2"
                                                maxlength="100"
                                                placeholder="Rechercher un article, une catégorie…"
                                                aria-label="Rechercher">
                                        </form>

                                        <!-- Résultats AJAX -->
                                        <div id="tp-search-results"
                                             class="tp-search-dropdown"
                                             role="listbox"
                                             aria-label="Résultats de recherche"
                                             hidden></div>
                                    </div>
                                </div>
                                <!--/ header search (AJAX) -->
                                
                                    <!-- Login trigger -->
                                    <div class="topnav login--panel align-self-center ms-3">
                                        <a class="topnav-item" href="https://dev.tipsters-pronostics.com/connexion" aria-label="Connexion">
                                            <i class="login-icon fas fa-sign-in-alt visible-xs xs-icon"></i>
                                            <span class="topnav-item--text">ME CONNECTER</span>
                                        </a>
                                    </div>

                                    <!-- Contact trigger -->
                                    <div class="topnav login--panel align-self-center ms-3">
                                        <a class="topnav-item" href="https://dev.tipsters-pronostics.com/contact" aria-label="Nous contacter">
                                            <i class="login-icon fas fa-envelope visible-xs xs-icon"></i>
                                            <span class="topnav-item--text">NOUS CONTACTER</span>
                                        </a>
                                    </div>

                                
                            </div>
                            <!--/ .site-header-top-right -->

                        </div>
                        <!--/ .site-header-row .site-header-top -->
                    </div>
                    <!--/ .siteheader-container .container -->
                </div>
                <!--/ Header Top wrapper -->

                <!-- Header Main wrapper -->
                <div class="site-header-main-wrapper d-flex">
                    <!-- Header Main container -->
                    <div class="siteheader-container container align-self-center">
                        <!-- Header Main -->
                        <div class="site-header-row site-header-main d-flex flex-row justify-content-between">
                            <!-- Header Main Left Side -->
                            <div class="site-header-main-left d-flex justify-content-start align-items-center">
                                <!-- Logo container-->
                                <div class="logo-container hasInfoCard logosize--yes">
                                    <!-- Logo -->
                                    <h1 class="site-logo logo" id="logo">
                                        <a href="https://dev.tipsters-pronostics.com/" title="Tipsters Pronostics">
                                            <img src="https://dev.tipsters-pronostics.com/images/TP/new-logo-tipsters-pronostics.webp" class="logo-img" alt="Tipsters Pronostics" title="Tipsters Pronostics" />
                                        </a>
                                    </h1>
                                    <!--/ Logo -->

                                    <!-- InfoCard -->
                                    <div id="infocard" class="logo-infocard">
                                        <div class="custom">
                                            <div class="row">
                                                <div class="col-sm-6 left-side d-flex">
                                                    <div class="align-self-center">
                                                        <div class="infocard-wrapper text-center">
                                                            <img src="https://dev.tipsters-pronostics.com/images/TP/newtp.webp" class="mb-25" alt="Tipsters Pronostics" title="Tipsters Pronostics" />
                                                            <p>
                                                                Nous sommes une école pour tout parieur débutant, et un réel club pour <strong>tout parieur confirmé.</strong>.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-sm-6 right-side">
                                                    <div class="custom contact-details">
                                                        <p>
                                                            TIPSTERS INVEST SAS<br>
                                                            Porto-Vecchio, France <br>
                                                            <a href="mailto:support@tipsters-pronostics.com">support@tipsters-pronostics.com</a>
                                                        </p>
                                                        <a href="http://goo.gl/maps/1OhOu" class="map-link" target="_blank" title="">
                                                            <span class="fas fa-map-marker-alt white-icon mr-10"></span>
                                                            <span>Ouvrir avec Google Maps</span>
                                                        </a>
                                                    </div>
                                                    <div style="height:20px;"></div>
                                                    <ul class="social-icons sc--clean">
                                                        <li><a href="#" target="_self" class="fab fa-twitter" title="Twitter"></a></li>
                                                        <li><a href="#" target="_self" class="fab fa-facebook-f" title="Facebook"></a></li>
                                                        <li><a href="#" target="_self" class="fab fa-dribbble" title="Dribbble"></a></li>
                                                        <li><a href="#" target="_blank" class="fab fa-google-plus-g" title="Google Plus"></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div> <!--/ custom -->
                                    </div>
                                    <!--/ InfoCard -->
                                </div>
                                <!--/ logo container-->

                                <!-- Separator -->
                                <div class="separator visible-xxs"></div>
                                <!--/ Separator -->
                            </div>
                            <!--/ .site-header-main-left -->

                            <!-- Header Main Center Side -->
                            <div class="site-header-main-center d-flex justify-content-center align-items-center">
                                <!-- Main Menu wrapper -->
                                <div class="main-menu-wrapper">
                                    <!-- Responsive menu trigger -->
                                    <div id="zn-res-menuwrapper">
                                        <a href="#" class="zn-res-trigger "></a>
                                    </div>
                                    <!--/ responsive menu trigger -->

                                    <!-- Main menu -->
                                    <div id="main-menu" class="main-nav zn_mega_wrapper">
                                        <ul id="menu-main-menu" class="main-menu zn_mega_menu">
                                                                                            <!-- Fallback : ancien menu statique si aucun item en base -->
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/accueil">ACCUEIL</a></li>
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/articles">FORMATION</a>
                                                    <ul class="sub-menu clearfix">
                                                        <li><a href="https://dev.tipsters-pronostics.com/articles">ARTICLES</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/categories">CATÉGORIES</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/video">VIDÉOS</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children"><a href="tipsters">NOS TIPSTERS</a>
                                                    <ul class="sub-menu clearfix">
                                                        <li><a href="https://dev.tipsters-pronostics.com/ed-football">ED - FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/vieri-articles">VIERI - FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/catbk-articles">CATBK - NFL & FOOTBALL</a></li>
                                                        <li><a href="https://dev.tipsters-pronostics.com/luigi-articles">LUIGI - CYCLISME & TENNIS</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children"><a href="https://dev.tipsters-pronostics.com/pronostics">PRONOSTICS</a></li>
                                                <li class="menu-item-has-children button-animation:hover">
                                                    <a class="box__link button-animation" href="https://dev.tipsters-pronostics.com/integrer-le-club">
                                                        INTÉGRER LE CLUB
                                                        <span></span><span></span><span></span><span></span>
                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                    <!--/ Main menu -->
                                </div>
                                <!--/ .main-menu-wrapper -->
                            </div>
                            <!--/ .site-header-main-center -->

                            <!-- Header Main Right Side -->
                            <div class="site-header-main-right d-flex justify-content-end align-items-center">
                                <!-- CTA désactivée (Free Quote) -->
                            </div>
                            <!--/ .site-header-main-right -->
                        </div>
                        <!--/ .site-header-row .site-header-main -->
                    </div>
                    <!--/ .siteheader-container .container -->
                </div>
                <!--/ Header Main wrapper -->
            </div>
            <!--/ Header wrapper -->
        </header>
        <!-- / Header style 1 -->

        <!-- Alerts flash -->
        <div class="custom-alerts">
            <div class="alerts-container">
                            </div>
        </div>
    </div><!-- /#page_wrapper -->

    <script>
        // Alerts auto fade + close btn
        document.addEventListener("DOMContentLoaded", function() {
            const alerts = document.querySelectorAll('.alert');
            const closeButtons = document.querySelectorAll('.close-btn');

            alerts.forEach(alert => {
                setTimeout(() => {
                    alert.classList.add('fade-out');
                }, 3000);
            });

            closeButtons.forEach(button => {
                button.addEventListener('click', function() {
                    const alert = this.parentElement;
                    alert.classList.add('fade-out');
                });
            });
        });
    </script>

    <!-- === Intégration AJAX avec /api/search.php (token t=…) === -->
    <script>
        (function(){
            const API_URL = "https://dev.tipsters-pronostics.com/api/search.php";
            const TOKEN   = (document.querySelector('meta[name="tp-srch-t"]') || {}).content || "";
            const $input  = document.getElementById('tp-search-input');
            const $form   = document.getElementById('tp-site-search');
            const $box    = document.getElementById('tp-search-results');

            if (!$input || !$form || !$box) return;

            let activeIndex = -1;
            let debounceTimer = null;

            function showBox(){ $box.hidden = false; }
            function hideBox(){ $box.hidden = true; activeIndex = -1; }
            function setActive(i){
                const nodes = $box.querySelectorAll('.tp-search-item');
                nodes.forEach((n, idx)=> n.setAttribute('aria-selected', idx === i ? 'true' : 'false'));
                activeIndex = i;
            }
            function itemHTML(r, idx){
                const url   = r.url || '#';
                const title = r.title || 'Sans titre';
                const type  = r.type || '';
                const meta  = r.published_at ? new Date(r.published_at).toLocaleDateString() : (r.visibility ? r.visibility : '');
                return `
                    <a class="tp-search-item" role="option" data-index="${idx}" href="${url}">
                        <div>
                            <div class="tp-search-title">${title}${type ? `<span class="tp-search-badge">${type}</span>`:''}</div>
                            ${meta ? `<div class="tp-search-meta">${meta}</div>`:''}
                        </div>
                    </a>
                `;
            }
            function render(results){
                if (!Array.isArray(results) || results.length === 0){
                    $box.innerHTML = '<div class="tp-search-empty">Aucun résultat.</div>';
                    showBox(); return;
                }
                $box.innerHTML = results.map(itemHTML).join('');
                showBox();
            }
            async function query(q){
                if (!q || q.trim().length < 2){ hideBox(); return; }
                const params = new URLSearchParams({
                    q: q.trim(),
                    type: 'all',
                    limit: '10',
                    t: TOKEN
                });
                try{
                    const res = await fetch(API_URL + "?" + params.toString(), {
                        method: "GET",
                        headers: { "Accept": "application/json" },
                        credentials: "same-origin",
                        cache: "no-store"
                    });
                    if (res.status === 403){
                        $box.innerHTML = '<div class="tp-search-error">Accès refusé (token invalide).</div>'; showBox(); return;
                    }
                    if (res.status === 429){
                        $box.innerHTML = '<div class="tp-search-error">Trop de requêtes. Réessayez dans 2s.</div>'; showBox(); return;
                    }
                    if (!res.ok){
                        $box.innerHTML = '<div class="tp-search-error">Erreur '+res.status+'.</div>'; showBox(); return;
                    }
                    const data = await res.json();
                    render(data.results || []);
                }catch(e){
                    console.error(e);
                    $box.innerHTML = '<div class="tp-search-error">Réseau indisponible.</div>'; showBox();
                }
            }
            function debouncedQuery(q){
                clearTimeout(debounceTimer);
                debounceTimer = setTimeout(()=> query(q), 220);
            }

            $input.addEventListener('input', (e)=> debouncedQuery(e.target.value));
            $input.addEventListener('focus', ()=> { if ($box.innerHTML.trim()!=="") showBox(); });
            document.addEventListener('click', (e)=> { if (!e.target.closest('#tp-search')) hideBox(); });

            $input.addEventListener('keydown', (e)=>{
                const items = $box.querySelectorAll('.tp-search-item');
                if (e.key === 'ArrowDown'){
                    if ($box.hidden) showBox();
                    if (items.length){
                        e.preventDefault();
                        setActive((activeIndex + 1) % items.length);
                        items[activeIndex].scrollIntoView({block:'nearest'});
                    }
                } else if (e.key === 'ArrowUp'){
                    if (items.length){
                        e.preventDefault();
                        setActive((activeIndex - 1 + items.length) % items.length);
                        items[activeIndex].scrollIntoView({block:'nearest'});
                    }
                } else if (e.key === 'Enter'){
                    if (!$box.hidden && items.length){
                        e.preventDefault();
                        const target = (activeIndex >= 0 ? items[activeIndex] : items[0]);
                        if (target && target.href){ window.location.href = target.href; }
                    } else {
                        window.location.href = "https://dev.tipsters-pronostics.com/recherche/q/" + encodeURIComponent($input.value.trim());
                    }
                } else if (e.key === 'Escape'){
                    hideBox();
                }
            });

            $form.addEventListener('submit', (e)=>{
                e.preventDefault();
                const first = $box.querySelector('.tp-search-item');
                if (!$box.hidden && first && first.href){ window.location.href = first.href; return; }
                window.location.href = "https://dev.tipsters-pronostics.com/recherche/q/" + encodeURIComponent($input.value.trim());
            });
        })();

        /* === Bouton de recherche (toggle global) === */
        function TP_toggleSearch(e) {
            if (e) { e.stopPropagation(); e.preventDefault(); }

            var box = document.getElementById('tp-search');
            var input = document.getElementById('tp-search-input');
            if (!box) return;

            var isOpen = box.classList.toggle('is-open');
            if (isOpen && input) {
                setTimeout(() => input.focus(), 100);
            }
        }

        document.addEventListener('click', function(evt) {
            var box = document.getElementById('tp-search');
            var btn = document.getElementById('search-toggle-btn');
            if (!box || !btn) return;

            if (!box.contains(evt.target) && !btn.contains(evt.target)) {
                box.classList.remove('is-open');
            }
        });
    </script>
</body>
</html>
    <div style="
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        max-height:45vh;
        overflow:auto;
        background:#020617;
        border-top:1px solid #1e293b;
        font-family:Menlo,Consolas,monospace;
        font-size:11px;
        color:#e5e7eb;
        z-index:999999;
    ">
        <div style="padding:6px 10px;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;">
            <span>⚠️ PHP non-fatal errors (1)</span>
            <span style="opacity:.7;">Debug front actif</span>
        </div>
                    <div style="padding:5px 10px;border-bottom:1px solid #111827;">
                <strong>[WARNING]</strong>
                Cannot modify header information - headers already sent by (output started at /var/www/vhosts/tipsters-pronostics.com/NewTP/public/inc/comm/comm22.php:1)<br>
                <span style="color:#9ca3af;">
                    /var/www/vhosts/tipsters-pronostics.com/NewTP/public/inc/blogpostcontent.php:327                </span>
            </div>
            </div>