La bataille

Les croisés commencèrent leur marche de Sephoria le 3 juillet. Raymond dirigé l’avant-garde, Guy l’armée principale et Balian, Raynald et les sous-officiers formaient l’arrière-garde. Les croisés furent immédiatement sujet à de nombreuses attaques éclairs de la part de la cavalerie musulmane.
Vers midi ce jour là, l’armée des francs avait atteint l’oasis du village de Turan située non loin de Sephoria. Les croisés se trouvaient alors à une dizaine de kilomètres de Sephoria. Avec seulement une demi-journée de marche restante, toute tentative de quitter cette source d’eau assurée pour atteindre Tiberias, sous la menace constante d’attaque de la part de l’armée de Saladin, devenait un exercice ardu. Mais Saladin rapporte que « Satan incita Guy a faire ce qui allait causer sa perte ». Et en effet, Guy se rendit avec son armée en direction de Tiberias.

Saladin décida donc de bloquer la retraite de l’armée franc en prenant le contrôle de l’oasis de Turan, et envoya deux ailes de son armée entourer l’armée croisée. Cette manœuvre allait donner la victoire totale à Saladin.

Essuyant continuellement les attaques de l’armée musulmane, les croisés furent obligés d’établirent un campement afin de réorganiser leurs forces, et ceux malgré le fait qu’ils étaient complètement encerclés.
Sans eau et sans espoir de voir arriver quelques ravitaillements que se soient, les croisés se trouvaient dans une situation particulièrement périlleuse.

Le matin du 4 juillet, les croisés se trouvèrent aveuglés par la fumée générée par des feux allumés tout autour du campement par Saladin. La cavalerie musulmane lâcha ensuite une véritable pluie de flèches sur l’armée croisée. Gerard et Raynald conseillèrent à Guy de former une ligne afin de tenter une attaque. Alors que les forces croisés se réorganisaient, cinq des chevaliers de Raymond rejoignirent le camp de Saladin et l’informèrent de la situation au sein de l’armée de Guy de Lusignan.

Assoifés et démoralisés, les croisés levèrent le camp et décidèrent de se rendre à l’oasis de Hattin, mais ils furent rapidement bloqués par l’armée de Saladin, qui les empêchait également de faire demi-tour. Les quelques tentatives des croisées de percer la ligne musulmane restèrent sans effet, et la plupart de l’infanterie croisée rompit les rangs et déserta en direction des cornes de Hattin (une élévation rocheuse située non loin de la ville du même nom). Malgré une dernière tentative de Guy de Lusignan de bloquer les attaques de la cavalerie musulmane, mais sans infanterie, les chevaliers croisés furent taillés en pièces par les archers musulmans et la cavalerie fut obligée de charger à pied, et finit par se replier également vers les cornes de Hattin.

Ibn al-Athir rapporte les paroles de Al-Afdal, à propos de la défaite des croisés :
« Quand le roi atteignit la colline avec son armée, ils lancèrent une charge sauvage contre les musulmans, les forçant à la retraite jusqu’aux lignes dirigées par mon père (Saladin). Je l’ai regardé et vu qu’il avait l’air en détresse et il se tenait la barbe… Ensuite les musulmans retournèrent à l’attaque contre les francs et grimpèrent la colline. Quand je vis les croisés fuirent pris de panique avec les musulmans à leur poursuite, je criais de joie : "Nous les avons battu !" Mon père se tourna vers moi et dit : "Tais-toi. Nous ne les battrons pas tant que cette tente (celle du roi) ne tombera pas." Quand Saladin eu finit de dire cette parole, la tente s’effondra. »

L’après victoire

Les musulmans avaient fait de nombreux prisonniers, incluant le roi Guy, son frère Amalric II, Raynald, William Y de Montferrat, Gerard de Ridefort, Humphrey IV de Toron, Hugh de Jabala, Plivain de Botron, Hugh de Gibelet et de nombreux autres. La croix tant convoitée était également en leur possession, car l’évêque d’Acre fut tué pendant la bataille.

Les captifs furent amenés dans la tente de Saladin, qui offrit à Guy un gobelet d’eau glacée comme signe de la générosité et de l’hospitalité de Saladin. Quand Guy passa le gobelet à son camarade Raynald, Saladin permit que ce dernier (âgé de 60 ans) puisse en boire, mais lui appris ensuite qu’il ne lui offrait pas l’eau et qu’il n’était pas sujet aux règles d’hospitalités des musulmans. Quand Saladin accusa Raynald d’être un hypocrite qui brise ses serments, Raynald répondit : « Les rois ont toujours fait cela ». Saladin exécuta alors Raynald lui-même, après que ce dernier ait refusé de se convertir à l’Islam. Guy tomba à genou en voyant le corps sans vie de Raynald mais Saladin lui demanda de se lever, car « Les vrais rois ne se tuent pas entre eux ».

Les sources chrétiennes rapportent que la croix fut alors montée sur une lance et envoyée à Damas. Plusieurs des hommes de Saladin quittèrent son armée, amenant avec eux les prisonniers francs comme esclaves. Guy fut envoyé à Damas comme prisonnier avec d’autres croisés.
Saladin pris ensuite la ville de Tiberias le 5 juillet, et le lendemain les templiers et ceux de l’ordre de Malte qui avaient été capturé eurent la possibilité de se convertir à l’Islam, ce que quelques-uns d’entre eux firent. D’après Imad al-Din, ces derniers devinrent par la suite de bons musulmans.

A la mi-septembre, Saladin avait déjà pris Acre, Nablus, Jaffa, Toron, Sidon, Beirut et Ascalon. Jérusalem, bien que défendu par la reine Sybille, le patriarche Héraclius et Balian, tomba le 2 octobre après un rapide siège et une négociation de la reddition menée par Balian.