diff --git a/frontend/scenarios/create_document.feature b/frontend/scenarios/create_document.feature
index 4ec68252..26a635d3 100644
--- a/frontend/scenarios/create_document.feature
+++ b/frontend/scenarios/create_document.feature
@@ -107,3 +107,11 @@ Scénario: en gardant certaines des métadonnées du document source
   """
     dc_isPartOf: Archéologie préventive (IF14)
   """
+Scénario: En tant qu'hexaple par sélection de plusieurs documents
+  Soit la liste des documents affichée
+  Et ayant sélectionné les documents "Rencontrons un président (Christophe Lejeune)" et "Note rire Buster Keaton (Antoine-Valentin Charpentier)"
+  Et une session active avec mon compte
+  Quand j'essaie de créer une glose de type "Quotation" à partir de la bibliothèque
+  Et je me focalise sur "…"
+  Alors la colonne 1 contient "Origine, d'où ?"
+  Et la colonne 2 contient "Ce qui m'a fait rire :"
diff --git a/frontend/src/components/DocumentsCards.jsx b/frontend/src/components/DocumentsCards.jsx
index 3fb31c44..21b0fe42 100644
--- a/frontend/src/components/DocumentsCards.jsx
+++ b/frontend/src/components/DocumentsCards.jsx
@@ -1,17 +1,24 @@
 import Card from 'react-bootstrap/Card';
 import Col from 'react-bootstrap/Col';
 import Row from 'react-bootstrap/Row';
+import Form from 'react-bootstrap/Form';
 import Metadata from './Metadata';
 import BrowseTools from './BrowseTools';
 import FutureDocument from './FutureDocument';
 import { TypeBadge } from './Type';
 
-function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backend, user}) {
+function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backend, user, selectedDocs, setSelectedDocs, showCheckboxes}) {
   return (
     <Row className="gy-4">
       {docs.map(x => x?._id && x?.dc_title &&
         <Col key={x._id} md={ byRow && (12 / byRow) }>
-          <DocumentCard doc={x} expandable={expandable} />
+          <DocumentCard
+            doc={x}
+            expandable={expandable}
+            selectedDocs={selectedDocs}
+            setSelectedDocs={setSelectedDocs}
+            showCheckboxes={showCheckboxes}
+          />
         </Col>
       )}
       {createOn &&
@@ -27,11 +34,34 @@ function DocumentsCards({docs, expandable, byRow, createOn, setLastUpdate, backe
   );
 }
 
-function DocumentCard({doc, expandable}) {
+function DocumentCard({doc, expandable, selectedDocs, setSelectedDocs, showCheckboxes}) {
+  const handleCheck = (e) => {
+    if (e.target.checked) {
+      setSelectedDocs(prev => [...prev, doc._id]);
+    } else {
+      setSelectedDocs(prev => prev.filter(id => id !== doc._id));
+    }
+  };
+
   return (
-    <Card className="h-100">
+    <Card className="h-100 position-relative">
       <Card.Body>
-        <BrowseTools id={doc._id} openable={expandable} />
+        <div className="d-flex align-items-start gap-2 mb-2">
+          {/* La checkbox s'affiche uniquement si showCheckboxes est vrai */}
+          {showCheckboxes && (
+            <Form.Check
+              type="checkbox"
+              id={`check-${doc._id}`}
+              className="me-1"
+              style={{ cursor: 'pointer' }}
+              checked={selectedDocs?.includes(doc._id) || false}
+              onChange={handleCheck}
+            />
+          )}
+          <div className="flex-grow-1">
+            <BrowseTools id={doc._id} openable={expandable} />
+          </div>
+        </div>
         <Metadata metadata={doc} />
         <TypeBadge type={doc?.type}/>
       </Card.Body>
@@ -39,4 +69,4 @@ function DocumentCard({doc, expandable}) {
   );
 }
 
-export default DocumentsCards;
+export default DocumentsCards;
\ No newline at end of file
diff --git a/frontend/src/routes/Bookshelf.jsx b/frontend/src/routes/Bookshelf.jsx
index 40213c78..01423425 100644
--- a/frontend/src/routes/Bookshelf.jsx
+++ b/frontend/src/routes/Bookshelf.jsx
@@ -1,25 +1,31 @@
 import '../styles/Bookshelf.css';
 import { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router';
 import Container from 'react-bootstrap/Container';
 import ButtonGroup from 'react-bootstrap/ButtonGroup';
 import ToggleButton from 'react-bootstrap/ToggleButton';
+import Button from 'react-bootstrap/Button';
 import FutureDocument from '../components/FutureDocument.jsx';
 import DocumentsCards from '../components/DocumentsCards.jsx';
 import Graph from '../components/Graph.jsx';
 import Col from 'react-bootstrap/Col';
 import Row from 'react-bootstrap/Row';
+import { v4 as uuid } from 'uuid';
 
 function Bookshelf({ backend, user }) {
   const [documents, setDocuments] = useState([]);
   const [lastUpdate, setLastUpdate] = useState();
   const [displayMode, setDisplayMode] = useState(localStorage.getItem('displayMode') || 'graph');
+  const [selectedDocs, setSelectedDocs] = useState([]);
 
+  const navigate = useNavigate();
   const displayModesList = ['graph', 'list'];
 
   useEffect(() => {
     backend.getAllDocuments(user)
       .then(setDocuments);
   }, [lastUpdate, user, backend]);
+
   const docs = [
     ...new Map(
       documents?.filter(x => !!x)
@@ -28,6 +34,34 @@ function Bookshelf({ backend, user }) {
   ];
   const displayedDocs = docs?.flatMap(d => d[0]);
 
+  const handleCreateQuotation = async () => {
+    const _id = uuid().replace(/-/g, '');
+    const doc = {
+      _id,
+      editors: [user],
+      dc_creator: '…',
+      dc_title: '…',
+      dc_issued: new Date(),
+      dc_isPartOf: null,
+      dc_license: null,
+      dc_translator: null,
+      dc_language: null,
+      dc_publisher: null,
+      dc_spatial: null,
+      text: '',
+      links: selectedDocs.map((object) => ({ verb: 'includes', object }))
+    };
+
+    try {
+      await backend.putDocument(doc);
+      setLastUpdate(_id);
+      navigate(`/${selectedDocs[0]}#${_id}`);
+      setSelectedDocs([]);
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
   function DisplayDocuments() {
     switch (displayMode) {
       case 'graph':
@@ -42,9 +76,29 @@ function Bookshelf({ backend, user }) {
           </Row>
         );
       case 'list':
-        return <DocumentsCards docs={documents} byRow={4} createOn={[]}
-          {...{setLastUpdate, backend, user}}
-        />;
+        return (
+          <>
+            {selectedDocs.length > 0 && (
+              <div className="card p-3 mb-4 justify-content-between align-items-center flex-direction-row">
+                <div>Create a new quotation with the <strong>{selectedDocs.length}</strong> selected document(s)</div>
+                <Button variant="outline-danger" onClick={handleCreateQuotation} id="btn-create-quotation">
+                  Create Quotation
+                </Button>
+              </div>
+            )}
+            <DocumentsCards
+              docs={documents}
+              byRow={4}
+              createOn={[]}
+              selectedDocs={selectedDocs}
+              setSelectedDocs={setSelectedDocs}
+              showCheckboxes={true}
+              {...{setLastUpdate, backend, user}}
+            />
+          </>
+        );
+      default:
+        return null;
     }
   }
 
@@ -75,5 +129,4 @@ function Bookshelf({ backend, user }) {
   );
 }
 
-export default Bookshelf;
-
+export default Bookshelf;
\ No newline at end of file
diff --git a/frontend/tests/context.js b/frontend/tests/context.js
index b1a04f6b..bf00bd0c 100644
--- a/frontend/tests/context.js
+++ b/frontend/tests/context.js
@@ -228,3 +228,14 @@ Soit("{string} le nom de la licence du document principal", (license) => {
   cy.get('.license').eq(0).should('contain', license);
 });
 
+Soit("ayant sélectionné les documents {string} et {string}", (doc1, doc2) => {
+  cy.get('#display-list').check({ force: true });
+  cy.contains('span.work', doc1)
+    .parents('.card-body')
+    .find('input[type="checkbox"]')
+    .check();
+  cy.contains('span.work', doc2)
+    .parents('.card-body')
+    .find('input[type="checkbox"]')
+    .check();
+});
\ No newline at end of file
diff --git a/frontend/tests/event.js b/frontend/tests/event.js
index c2fd36a5..faaa0322 100644
--- a/frontend/tests/event.js
+++ b/frontend/tests/event.js
@@ -10,6 +10,10 @@ Quand("j'essaie de créer une glose de type {string}", (option) => {
   cy.click_on_create();
 });
 
+Quand("j'essaie de créer une glose de type {string} à partir de la bibliothèque", (option) => {
+  cy.get('#btn-create-quotation').click();
+});
+
 Quand("je me focalise sur {string}", (title) => {
   cy.contains('span', title).parent().prevAll('a.focus').first().click();
 });
diff --git a/frontend/tests/outcome.js b/frontend/tests/outcome.js
index d90bdcc5..cd28eda7 100644
--- a/frontend/tests/outcome.js
+++ b/frontend/tests/outcome.js
@@ -212,3 +212,9 @@ Alors("{string} est à la ligne {int} du passage", (text, line) => {
   });
 });
 
+Alors("le document ouvert contient les références à {string}", (title) => {
+  cy.get('.card .card-body')
+    .should('be.visible')
+    .find('.work')
+    .should('contain', title)
+});
\ No newline at end of file