Baudouin IV le Lépreux, puis Raymond III de Tripoli, régent au nom de Baudouin V, réussirent à tenir Saladin en échec, mais le comportement de Renaud de Châtillon et l'avènement de Guy de Lusignan amenèrent la catastrophe : l'armée franque fut vaincue à Hattin (), le roi fait prisonnier, Renaud de Châtillon exécuté, et Saladin entreprit rapidement la conquête des États latins d'Orient après la prise de Jérusalem le vaillamment défendue par Balian d'Ibelin. Le royaume de Jérusalem se réduisit bientôt au port de Tyr, le comté de Tripoli se réduisit à la ville de Tripoli, au château de Tortose et au Krak des Chevaliers, et la principauté d'Antioche à Antioche et à Marqab.