diff --git a/VERSIONS_HOTLINE/82404 b/VERSIONS_HOTLINE/82404
new file mode 100644
index 0000000000000000000000000000000000000000..cab04fe5ebc8367e655bcdc1dc51ac4e6907238a
--- /dev/null
+++ b/VERSIONS_HOTLINE/82404
@@ -0,0 +1 @@
+ - ticket #82404 : Responsive : Affichage responsive de la liste des prêts dans le compte lecteur
\ No newline at end of file
diff --git a/public/opac/css/responsive.css b/public/opac/css/responsive.css
index f3aecd8a9b1859971f74781d4a5d24e0b0e07eaf..2bd6e6a085df867a1c93069c991de88ac2f75325 100644
--- a/public/opac/css/responsive.css
+++ b/public/opac/css/responsive.css
@@ -725,6 +725,46 @@
     #col_wrapper .colGauche .show_content .contenu {
         display: block !important;
     }
+
+    /*responsive tableaux compte lecteur*/
+
+    /*démentellement du tableau et centrage des textes*/
+    #borrower_loans tbody, table.reservations tbody, .tablesorter-default tbody {
+        display: grid;
+        text-align:center;
+    }
+
+    /* transformation des colonnes du tableau en lignes*/
+    #borrower_loans tbody tr, table.reservations tbody tr, .tablesorter-default tbody tr {
+        width: auto;
+        display: inline-grid;
+    }
+
+    /*centrer le nom de l'auteur dans liste réservation*/
+    table.reservations td:nth-child(5) {
+        text-align: center;
+    }
+
+    /*centrer les images dans les fiches de prêts et réservations*/
+    #borrower_loans tbody img, table.reservations tbody img, #borrower_loans tbody .nothumbnail_wrapper, table.reservations tbody .nothumbnail_wrapper {
+        width: 50% !important;
+        margin: 0 auto;
+    }
+
+    /* désactive la règle ci dessus sur l'image de désinscription*/
+    table.reservations tbody a img {
+        width:auto!important;
+    }
+
+    /*masquer les entêtes de tableaux*/
+    .tablesorter-headerRow {
+        display: none;
+    }
+
+    /*centrer nom de l'emprunteur et réservataire*/
+    table.loans td:first-child, table.reservations td:first-child {
+        width: auto;
+    }
 }