Panodyssey - Second extrait de "Dévalisée"

Le précédent extrait était au coeur du roman, celui-ci se situe au début, il donne la parole à cette petite valise, personnage principal au seuil de son apprentissage du monde...

<div class="col-10 offset-1 content customwidth contentarticle"> <div class="row align-items-top "> <div class="col-12 col-md-8"> <ul id="tagslist" class="mt-0 ms-0 ps-0 d-flex flex-wrap mb-0"> <li><a href="/fr/article/tag/roman" class="badge">roman</a></li> <li><a href="/fr/article/tag/Voyage" class="badge">Voyage</a></li> </ul> </div> </div> <div class="row align-items-top "> <div class="col-6"> <div class="text-center text-md-end" id="bookmark_state"> <button next-data-bs-toggle="modal" next-data-bs-target="#bookmarkcollections" style="display: flex" class="border-0 btn btn-outline-secondary btn-sm align-items-center justify-content-start w-100 p-0" id="book"> <img src="/build/img/icon/bookmark.88f13784.svg" class=" d-inline-block " alt="bookmark" /> <img src="/build/img/icon/bookmarked.34cf63b2.svg" class=" d-none " alt="bookmarked" /> Enregistrer la publication </button> <button style="display: none" class="border-0 btn btn-outline-secondary btn-sm align-items-center justify-content-start w-100 p-0" id="unbook"> <img src="/build/img/icon/bookmarked.34cf63b2.svg" class=" d-nonek " alt="bookmarked" /> <img src="/build/img/icon/bookmark.88f13784.svg" class=" d-inline-block " alt="bookmark" /> Retirer la publication </button> <script> function addOnClick(button, oppositeButton, likeCount, path) { button.addEventListener('click', function (event) { button.disabled = true; return window.location.replace('/fr/login'); $('#bookmark_state').addClass('wait'); fetch(path, {'credentials': 'include'}).then(function (response) { response.json().then(function (json) { $.get(window.location.href, function( html ) { $('#bookmark_state').replaceWith($(html).find('#bookmark_state')); $('#bookmark_state').removeClass('wait'); }); //likeCount.innerText = json.count; }) }).catch(function() { }) }) } var bookButton = document.getElementById('book'); var unbookButton = document.getElementById('unbook'); addOnClick( bookButton, unbookButton, document.getElementById('bookmark-unlike'), '/fr/bookmarks/add/4577' ); addOnClick( unbookButton, bookButton, document.getElementById('bookmark-unlike'), '/fr/bookmarks/remove/4577' ); </script> </div> </div> <div class="col-6 text-end lectures"> <img src="/build/img/icon/icon-lecture.b660bbfc.png" alt="lecture" class="ms-0 me-2"> <span>261 lectures</span> </div> </div> <div class="blockStats d-flex d-lg-none flex-row p-0 mt-0"> <article class="col-6 d-flex align-items-center p-0 btnComments"> <img src="/build/img/icon/icon-comment-mini.92c17529.png" alt="thumb" class="ms-0 me-2"> <span class="me-2 me-lg-0">0</span> commentaire </article> <div class="d-flex align-items-center justify-content-end likesType col-6 p-0"> <div class="thumb icon d-flex align-items-center justify-content-center"><img src="/build/img/icon/like-active.457c64b7.svg" class="ms-0" /></div> <span class='ms-2'> <span>0</span> <article class="d-inline-block" data-reaction="réaction"> réaction </article> </span> </div> </div> <div class="blocInteractions d-flex d-lg-none footer"> <button id="commentsBtn" class=" w-50 text-center d-flex align-items-center justify-content-center"> <img src="/build/img/icon/comment.98a4433c.svg" alt="thumb" class="ms-0 me-2"> Commenter </button> <div class="blockLikes position-relative w-50 text-center"> <div class="likeBox align-items-center justify-content-around position-absolute"> <article class="like position-relative " data-like="like" data-name="J'aime" data-url="https://panodyssey.com/likes/like/4577/like"> <div id="countlike" class="count">0</div> <div class="explain">J'aime</div> </article> <article class="heart position-relative " data-like="heart" data-name="J'adore" data-url="https://panodyssey.com/likes/like/4577/heart"> <div id="countheart" class="count">0</div> <div class="explain">J'adore</div> </article> <article class="hand position-relative " data-like="hand" data-name="Solidaire" data-url="https://panodyssey.com/likes/like/4577/hand"> <div id="counthand" class="count">0</div> <div class="explain">Solidaire</div> </article> <article class="wow position-relative " data-like="wow" data-name="Waouh" data-url="https://panodyssey.com/likes/like/4577/wow"> <div id="countwow" class="count">0</div> <div class="explain">Waouh</div> </article> </div> <button id="likeMobile" class="d-flex align-items-center justify-content-center interactionButton "> <img src="/build/img/icon/thumb.0fb5b25c.svg" alt="thumb" class="ms-0 me-2"> J'aime </button> </div> </div> <div class="blocInteractions footer d-flex d-lg-none flex-row align-items-center justify-content-around w-50 flex-wrap mx-auto"> <button class="d-flex align-items-center justify-content-center button mx-auto" data-bs-toggle="modal" data-bs-target="#partageModal"> <img src="/build/img/icon/share.0a4a9255.svg" alt="thumb" class="ms-0 me-2"> Partager </button> </div> </div> </div> <div class="row w-100 m-0"> <div class="col-10 offset-1 customwidth"> <div id="messageConnection" class="d-flex justify-content-center align-items-center flex-column text-center"> <p> Tu ne peux plus consulter d’articles ce mois-ci sans être connecté.<br /> <br /> Pour ne pas être limité et profiter pleinement de nouvelles fonctionnalités, connecte-toi ou créé un compte en cliquant ci-dessous, c’est gratuit ! <a href="/fr/login" class='btn mt-3 mb-3 d-flex align-items-center justify-content-center mx-auto'>Se connecter</a> </p> </div> </div> </div> <div class="row align-items-top"> <div class="col-10 offset-1 customwidth"> <ul id="tagslist" class="ms-0 ps-0 d-flex flex-wrap mt-3 mb-0 pb-0"> <li><a href="/fr/article/tag/roman" class="badge">roman</a></li> <li><a href="/fr/article/tag/Voyage" class="badge">Voyage</a></li> </ul> </div> </div> <div id="prev" class="position-absolute d-none d-lg-block" style="background: url(https://panodyssey.com/media/cache/resolve/230x215/uploads/article/35b31bd64796dea7aa4722369c76b321.jpeg) no-repeat center;background-size: cover;"> <a href="/fr/article/voyage/bande-annonce-de-mon-prochain-livre-2ahat38f995v" class="d-flex justify-content-end align-items-center stretched-link h-100" > <img src="/build/img/icon/arrow-article-left.edb24045.svg" alt="prev"> </a> </div> <div class="d-flex flex-row justify-content-between" id="switcharticle"> <div class="position-relative d-block d-lg-none card"> <a href="/fr/article/voyage/bande-annonce-de-mon-prochain-livre-2ahat38f995v" class="d-flex justify-content-end align-items-center stretched-link h-100 flex-wrap" > <div class="d-flex w-100"> <img src="/build/img/icon/arrowleft.4cca06df.svg" alt="left"> Publication précédente </div> <p class="w-100">Bande-annonce de mon prochain livre</p> <span class="d-flex justify-content-end align-items-center w-100"> <img src="/build/img/icon/clock.506b7db6.svg" alt="time"> 1 min</span> </a> </div> <div class="position-relative d-block d-lg-none card"> <a href="/fr/article/musique/tu-nous-manques-st93hpv9pgrb" class="d-flex justify-content-end align-items-center stretched-link h-100 flex-wrap" > <div class="d-flex w-100"> Publication suivante <img src="/build/img/icon/arrowright.c532aaa2.svg" alt="right" class="right"> </div> <p class="w-100">Tu nous manques...</p> <span class="d-flex justify-content-end align-items-center w-100"> <img src="/build/img/icon/clock.506b7db6.svg" alt="time"> 2 min</span> </a> </div> </div> <div id="next" class="position-absolute d-none d-lg-block" style="background: url(https://panodyssey.com/media/cache/resolve/230x215/uploads/article/814397315cf7a63134288bedb0a2f57d.jpeg) no-repeat center;background-size: cover;"> <a href="/fr/article/musique/tu-nous-manques-st93hpv9pgrb" class="d-flex justify-content-start align-items-center stretched-link h-100"> <img src="/build/img/icon/arrow-article.4beff773.svg" alt="next"> </a> </div> </div> </div> <div class="w-100" id="comments"> <div class="preloader-wrapper big position-absolute"> <div class="spinner-layer spinner-blue-only"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> <div class="col-12"> <h2 class="ms-4 mt-3 mt-3 h4" id="cmptComment"> Commentaire (<span>0</span>) </h2> </div> <div class="ps-3 pe-3 w-100 containercomments"> <div action="" class="p-4 mb-1" id="commentairenc"> <div class="d-flex align-items-center justify-content-center flex-column"> Tu dois être connecté pour pouvoir commenter <a class="btn btnprimary mt-2 fitcontent" type="submit" href="/fr/login"> Se connecter </a> </div> </div> <div class="comments"> </div> </div> </div> <div id="breakDon"> <div class="d-flex flex-wrap flex-column align-items-center"> <p>Tu aimes les publications Panodyssey ?<br/>Soutiens leurs auteurs indépendants !</p> <div id="btnsoutiensEnd" class="mx-auto text-center"> <button id="btnDonate" class="d-inline-flex align-items-center btn btnarticle position-relative justify-content-center"> <a href="/fr/login" class="stretched-link text-light text-decoration-none"> <img src="/build/img/soutenir.82779237.png" alt="soutenir"> Je soutiens les auteurs ! </a> </button> </div> </div> </div> <div class="F8F8F8 w-100"> <div id="otherArticles" class="position-relative"> <div class="title d-flex align-items-center">Publications dans <strong>Univers de la création et des voyages.</strong></div> <div class="offset-6 col-6 d-flex justify-content-end align-items-center" id="scrollContainer" data-scroll="0"> <div id="articles-left" class="home-slide d-flex justify-content-center align-items-center disabled"><img src="/build/img/home-slide-arrow.d0bd225f.svg" alt="right"></div> <div id="articles-right" class="home-slide d-flex justify-content-center align-items-center"><img src="/build/img/home-slide-arrow.d0bd225f.svg" alt="right"></div> </div> <div class="d-flex flex-row flex-nowrap overflow-auto pt-2 pb-2"> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/c0f37dd5ecb9727c647d398b9ccdd9d9.jpeg" alt=" Monter là-haut sur la colline avec Joe Dassin" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/monter-la-haut-sur-la-colline-avec-joe-dassin-r9dddaacfftv" class="stretched-link title article position-static"> Monter là-haut sur la colline avec Joe Dassin </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/69da520f8a03dd6b7fc735c0d4fab531.jpeg" alt=" De la Petite Poucette aux ogres de l’internet." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/technologie/de-la-petite-poucette-aux-ogres-de-l-internet-khukveuu4w2e" class="stretched-link title article position-static"> De la Petite Poucette aux ogres de l’internet. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 5 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/9a5826ef09508ab4e4cbc8039a4c03c3.jpeg" alt=" Brassens et les dames du temps jadis" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/brassens-et-les-dames-du-temps-jadis-dv939h6d9sfa" class="stretched-link title article position-static"> Brassens et les dames du temps jadis </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/066e4efdfe612eeff6c6adc1d9f31e78.jpeg" alt="L'île de Ré au centre..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/l-ile-de-re-au-centre-2v8nqrvbakcv" class="stretched-link title article position-static"> L'île de Ré au centre... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/4d85cc0305107cfc1b8b49e196468447.jpeg" alt="J’écris ton nom… Hommage à Samuel Paty" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/j-ecris-ton-nom-hommage-a-samuel-paty-4mc96ts5esp2" class="stretched-link title article position-static"> J’écris ton nom… Hommage à Samuel Paty </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1807ebdfe21c02363665d4128406dc46.jpeg" alt=" Cinema Paradiso au Festival du film de La Rochelle. D’une bobine à l’autre… " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/cinema-paradiso-au-festival-du-film-de-la-rochelle-d-une-bobine-a-l-autre-nrcf7kjd8tk8" class="stretched-link title article position-static"> Cinema Paradiso au Festival du film de La Rochelle. D’une bobine à l’autre… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/9d8e7a62471d8f88d01bda22912190f4.jpeg" alt=" Le masque et le voile" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/le-masque-et-le-voile-938nagdcdhpa" class="stretched-link title article position-static"> Le masque et le voile </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1394806620a2e8f7fe25376cfb3364e5.jpeg" alt=" Représentation de « l’Ile d’Après » (suite)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/representation-de-l-ile-d-apres-suite-vfjtmeu444r5" class="stretched-link title article position-static"> Représentation de « l’Ile d’Après » (suite) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1f72c604806cf399268292ac6813fcff.jpeg" alt=" Représentation de « l’Ile d’Après »(1)" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/representation-de-l-ile-d-apres-1-jn9hkfqps38q" class="stretched-link title article position-static"> Représentation de « l’Ile d’Après »(1) </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/77496cb02d74889e758dd4753011efcc.jpeg" alt=""L'Ile d'Après" sur scène" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/l-ile-d-apres-sur-scene-gbrkj8826n9u" class="stretched-link title article position-static"> "L'Ile d'Après" sur scène </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/4cef61fc4b4bcb581eacecd2e3254c80.png" alt="Il était une fois en Amérique..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/il-etait-une-fois-en-amerique-sbhdbpda365n" class="stretched-link title article position-static"> Il était une fois en Amérique... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1a016f2fcf7b7e964793c665876177f1.jpeg" alt=" Perrette et Martin vus par Brassens" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/perrette-et-martin-vus-par-brassens-dksdt2jfrpvg" class="stretched-link title article position-static"> Perrette et Martin vus par Brassens </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/e7763baf748caee022543c7b019e95fc.jpeg" alt=" Les oiseaux migrateurs et le confinement" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/les-oiseaux-migrateurs-et-le-confinement-ng6jcp92vkdb" class="stretched-link title article position-static"> Les oiseaux migrateurs et le confinement </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/838fabb0fa05b1dba33b1a33e3c48e46.jpeg" alt=" Un banc au bord de l’abîme" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/un-banc-au-bord-de-l-abime-7vkbnjpupkca" class="stretched-link title article position-static"> Un banc au bord de l’abîme </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6e8fa737c015002d914b5164c7ec3c50.jpeg" alt=" La revanche de l’albatros" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/la-revanche-de-l-albatros-6bf9t5nva3h5" class="stretched-link title article position-static"> La revanche de l’albatros </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/3f4641eeda8e9b704a3a503fe33d1590.jpeg" alt=" Maintenant qu’il en parle au diable" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/maintenant-qu-il-en-parle-au-diable-ghbvvmrvrt4h" class="stretched-link title article position-static"> Maintenant qu’il en parle au diable </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/bf44407dcd4ad1fd0b9ff3c2150ea1fd.jpeg" alt="Baudelaire sous le masque !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/baudelaire-sous-le-masque-gdh263j2d3gw" class="stretched-link title article position-static"> Baudelaire sous le masque ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/f943a38f5a9a180ae85d112a824d1906.jpeg" alt=" Le clan Mac Areux sur les falaises du Caithness " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/le-clan-mac-areux-sur-les-falaises-du-caithness-47tmdnpa6jfj" class="stretched-link title article position-static"> Le clan Mac Areux sur les falaises du Caithness </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6fdecf291c6a8b612d9c85c6460e30af.jpeg" alt=" Vertiges de la rue de Verneuil, à l’occasion de l’ouverture prochaine de la maison Gainsbourg" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/vertiges-de-la-rue-de-verneuil-a-l-occasion-de-l-ouverture-prochaine-de-la-maison-gainsbourg-2a5tch82p6f3" class="stretched-link title article position-static"> Vertiges de la rue de Verneuil, à l’occasion de l’ouverture prochaine de la maison Gainsbourg </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6dc95a0a2da31f85d50d89a920aee635.png" alt="Couleur café basket Lewis…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/couleur-cafe-basket-lewis-37q2d8fbd78j" class="stretched-link title article position-static"> Couleur café basket Lewis… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/93ea5aa9f6a4939cf69a810205b5f64a.png" alt=" Inspiratrices de Gainsbourg : du « Scenic railway » au « Boing 707, avion cargo de nuit »." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/inspiratrices-de-gainsbourg-du-scenic-railway-au-boing-707-avion-cargo-de-nuit-crcq5d99e6qe" class="stretched-link title article position-static"> Inspiratrices de Gainsbourg : du « Scenic railway » au « Boing 707, avion cargo de nuit ». </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/d132a32733c124d3985da133d316d53a.jpeg" alt=" Les « Stacks » à Duncansbay Head" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/les-stacks-a-duncansbay-head-p3k95rpkvbne" class="stretched-link title article position-static"> Les « Stacks » à Duncansbay Head </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/d2823eec4afa64a44ebacdac0fa367bb.jpeg" alt="Le diable habille les anges à Holborn Head…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/le-diable-habille-les-anges-a-holborn-head-pak4ecbgqc4p" class="stretched-link title article position-static"> Le diable habille les anges à Holborn Head… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/81c93fed59c3af64a39a619b8d731781.jpeg" alt=" Avec Julien Clerc, la plénitude du « Terrien »" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/avec-julien-clerc-la-plenitude-du-terrien-ap39kmqqcdkj" class="stretched-link title article position-static"> Avec Julien Clerc, la plénitude du « Terrien » </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/43c2aca72a0ecd870dc95f213f174ded.jpeg" alt=" Bateau ivre au Brough à Wick " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/bateau-ivre-au-brough-a-wick-wb8b79hvu8pf" class="stretched-link title article position-static"> Bateau ivre au Brough à Wick </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1a0e0e9464edd859300fe35389fe3f33.jpeg" alt=" Gainsbourg "en Abyssinie pour prendre la relève..." " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/gainsbourg-en-abyssinie-pour-prendre-la-releve-68au7av6mdqh" class="stretched-link title article position-static"> Gainsbourg "en Abyssinie pour prendre la relève..." </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/d532da718729e182d30c5445eb35ec59.jpeg" alt="Plongée en littérature avec ou sans le masque " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/plongee-en-litterature-avec-ou-sans-le-masque-q59tc2jqur3e" class="stretched-link title article position-static"> Plongée en littérature avec ou sans le masque </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/f828220836c76d33ca4f250acbf085e7.jpeg" alt=" Le goût de la tourbe " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/le-gout-de-la-tourbe-rwb2rpnfqftq" class="stretched-link title article position-static"> Le goût de la tourbe </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/4202d2becdec707727460b53fc86e0f8.jpeg" alt="La trempe du rhinocéros" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/la-trempe-du-rhinoceros-dk9qq7fvupge" class="stretched-link title article position-static"> La trempe du rhinocéros </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/197ff6548dbb78f8874e6fc31e5e0991.jpeg" alt="Quelque chose du Goncourt des lycéens " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/quelque-chose-du-goncourt-des-lyceens-upur8hkbrdhq" class="stretched-link title article position-static"> Quelque chose du Goncourt des lycéens </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/c211d190b94d458059c8008ee54bf9e6.jpeg" alt="Hommage à Samuel Paty " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/education-et-formation/hommage-a-samuel-paty-k7t783q79wwt" class="stretched-link title article position-static"> Hommage à Samuel Paty </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6f3eb1ede36287355d3b35cf9b6d1e71.jpeg" alt="Madeleine de whisky..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/madeleine-de-whisky-qpsg9pctvkb7" class="stretched-link title article position-static"> Madeleine de whisky... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/55367af8fe5bf8eabe811167996cbec9.jpeg" alt="Le Tigre sous le masque" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/mode-et-beaute/le-tigre-sous-le-masque-2r9vhmwka5ec" class="stretched-link title article position-static"> Le Tigre sous le masque </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/e8480d1022d7ee137e789d7b9b8c5e17.png" alt="Verlaine et Rimbaud au Panthéon, pour retrouver l'éternité ?" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/verlaine-et-rimbaud-au-pantheon-pour-retrouver-l-eternite-ur55awnjhtgt" class="stretched-link title article position-static"> Verlaine et Rimbaud au Panthéon, pour retrouver l'éternité ? </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/26ee3690c7c60e57b8b95d48c60e8444.png" alt="Retour sur Elephant Man..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/retour-sur-elephant-man-eh6vgvjgc3n8" class="stretched-link title article position-static"> Retour sur Elephant Man... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/df73ed6622d9aa7d952cde641c3f9350.jpeg" alt="Souchon hobo : du bobo au Beau." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/souchon-hobo-du-bobo-au-beau-w6ph8wfqn9h6" class="stretched-link title article position-static"> Souchon hobo : du bobo au Beau. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/bee045dd233990cca5005ed6a0ffe22f.jpeg" alt="Souchon et les chansons d’amour : le train des saisons d’Arcimboldo" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/souchon-et-les-chansons-d-amour-le-train-des-saisons-d-arcimboldo-fgpn5fm3t9dr" class="stretched-link title article position-static"> Souchon et les chansons d’amour : le train des saisons d’Arcimboldo </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/50c7b73953f4c7de9b96e27902a04fc8.jpeg" alt="De la semelle de vent à l’étrier" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/bien-etre/de-la-semelle-de-vent-a-l-etrier-uu62msete2vd" class="stretched-link title article position-static"> De la semelle de vent à l’étrier </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/14fc33cc4fea2e4803c02cf441a4dc90.jpeg" alt="La p’tite Bill de Souchon et son Jimmy…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/la-p-tite-bill-de-souchon-et-son-jimmy-m9wsf64pj8vw" class="stretched-link title article position-static"> La p’tite Bill de Souchon et son Jimmy… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/a5c6f4e77e537bc7cad82ab338edf5a8.jpeg" alt="Nouvel hommage à Ennio Morricone... Se laisser porter le temps d’une projection…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/nouvel-hommage-a-ennio-morricone-se-laisser-porter-le-temps-d-une-projection-28nmc65db3ha" class="stretched-link title article position-static"> Nouvel hommage à Ennio Morricone... Se laisser porter le temps d’une projection… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/4130395270bf73bc2f8baf604c51555c.jpeg" alt="Un piano dans la douleur" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/un-piano-dans-la-douleur-j6q45bm6u92v" class="stretched-link title article position-static"> Un piano dans la douleur </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/1b4832feda6eea1d266a9ef4d08a2c58.jpeg" alt="Un site littéraire pour résister aux lobbies de la « Littérature »" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/un-site-litteraire-pour-resister-aux-lobbies-de-la-litterature-7fpf4fepb3ce" class="stretched-link title article position-static"> Un site littéraire pour résister aux lobbies de la « Littérature » </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/2ebfa81ef350d3db943de93fbd4f2c2e.jpeg" alt="« À une passante » avec Souchon et Baudelaire " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/a-une-passante-avec-souchon-et-baudelaire-rrq7a9ec9krd" class="stretched-link title article position-static"> « À une passante » avec Souchon et Baudelaire </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/26ebd59d5a76ab0d2c44408ecfff1d04.jpeg" alt="La légèreté perdue des chansons de Joe Dassin." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/la-legerete-perdue-des-chansons-de-joe-dassin-emqgkwdu632c" class="stretched-link title article position-static"> La légèreté perdue des chansons de Joe Dassin. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/251d64b1dea6884ce6217f4d558435f3.jpeg" alt="Souchon chef de gare" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/souchon-chef-de-gare-psbd6hjwf8hn" class="stretched-link title article position-static"> Souchon chef de gare </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/de6207d4b7e0ca2d74621b763b081349.jpeg" alt="Faire la queue dans une grande surface avec Souchon" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/faire-la-queue-dans-une-grande-surface-avec-souchon-82qsj2mentcu" class="stretched-link title article position-static"> Faire la queue dans une grande surface avec Souchon </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/9559fc750aeb286a586238b6107cc5fe.jpeg" alt="Quand le ballon s’ennuie sur la plage du Crotoy " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/quand-le-ballon-s-ennuie-sur-la-plage-du-crotoy-7ptcdkt8qvm6" class="stretched-link title article position-static"> Quand le ballon s’ennuie sur la plage du Crotoy </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/37af5bb654610e855941867c50154228.jpeg" alt="Signatures à St Martin de Ré" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/signatures-a-st-martin-de-re-a7j6ut2a3uhj" class="stretched-link title article position-static"> Signatures à St Martin de Ré </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/8b18a5c6959f954be1fc3037cb02e038.jpeg" alt="Il était une fois Ennio Morricone…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/il-etait-une-fois-ennio-morricone-4mtdvu8mchr2" class="stretched-link title article position-static"> Il était une fois Ennio Morricone… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/584591c9c32a19ae345a99756263816c.jpeg" alt="Les cycles du Tour de France" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/sport/les-cycles-du-tour-de-france-d78abb82n37r" class="stretched-link title article position-static"> Les cycles du Tour de France </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/07edfea77c88728ed57c844c26d63a55.jpeg" alt="Extrait du "Sang d'Ossian"" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/extrait-du-sang-d-ossian-r4tf6euwaedr" class="stretched-link title article position-static"> Extrait du "Sang d'Ossian" </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/448c4b174e7c0670ed184f4a7a77fa7f.jpeg" alt="La revanche de l’albatros" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/la-revanche-de-l-albatros-8jh7s7k97v4q" class="stretched-link title article position-static"> La revanche de l’albatros </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/72a36e2d55da19ca04a1905b5fffdce3.jpeg" alt="De la petite fille du Poudlard Express à la jeune femme d’Outlander " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/de-la-petite-fille-du-poudlard-express-a-la-jeune-femme-d-outlander-jvpknqb4nqbn" class="stretched-link title article position-static"> De la petite fille du Poudlard Express à la jeune femme d’Outlander </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/5cd43662a4eee612a16fc07fb82128e7.jpeg" alt="Retour dans les Ardennes de Rimbaud" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/retour-dans-les-ardennes-de-rimbaud-2mkt9842f2e9" class="stretched-link title article position-static"> Retour dans les Ardennes de Rimbaud </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/9aa7b5d23007a3c7068a91d18af7473b.jpeg" alt="Le roman "Dévalisée" disponible." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-roman-devalisee-disponible-wajr2t9h2thu" class="stretched-link title article position-static"> Le roman "Dévalisée" disponible. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/70819715ae27618c3961dea4c5709b93.jpeg" alt="La marche d’Indianapolis" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/politique/la-marche-d-indianapolis-q46dca52fpjq" class="stretched-link title article position-static"> La marche d’Indianapolis </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/a84f6c4ffeab6d3d319ab5f3ca6a374e.png" alt="Publication de "Dévalisée"..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/publication-de-devalisee-7bq6wfsnngh6" class="stretched-link title article position-static"> Publication de "Dévalisée"... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/cbd533f39835c9529eaeaf3b0ffaf196.jpeg" alt="Quinze kilomètres de St Martin ou la ronde du temps sur Ré la Blanche " class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/quinze-kilometres-de-st-martin-ou-la-ronde-du-temps-sur-re-la-blanche-52ptc6khebv5" class="stretched-link title article position-static"> Quinze kilomètres de St Martin ou la ronde du temps sur Ré la Blanche </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 6 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/c82874adcc2e24737f327b20f42c9b52.jpeg" alt="Le petit bois de trousse confinement." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/le-petit-bois-de-trousse-confinement-2tcqwpegefk2" class="stretched-link title article position-static"> Le petit bois de trousse confinement. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/8e3410a9690a34f1bcfb22abba78f6da.jpeg" alt="Théâtre et intelligence artificielle" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/entrepreneuriat-et-start-up/theatre-et-intelligence-artificielle-b8324kgabqum" class="stretched-link title article position-static"> Théâtre et intelligence artificielle </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/814397315cf7a63134288bedb0a2f57d.jpeg" alt="Tu nous manques..." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/tu-nous-manques-st93hpv9pgrb" class="stretched-link title article position-static"> Tu nous manques... </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/0641e5ce575c4aece1829c17cd099089.jpeg" alt="Second extrait de "Dévalisée"" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg" class="stretched-link title article position-static"> Second extrait de "Dévalisée" </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/35b31bd64796dea7aa4722369c76b321.jpeg" alt="Bande-annonce de mon prochain livre" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/bande-annonce-de-mon-prochain-livre-2ahat38f995v" class="stretched-link title article position-static"> Bande-annonce de mon prochain livre </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/d3d1c3a86525967e2c6a940890bb951b.png" alt="Le peintre triste sous les masques" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-peintre-triste-sous-les-masques-b2e2rqsvjm2n" class="stretched-link title article position-static"> Le peintre triste sous les masques </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/08dcce6a9a8264083e6271d838a67bae.png" alt="Boire un whisky écossais" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/curiosites/boire-un-whisky-ecossais-6d4cdea9rcf3" class="stretched-link title article position-static"> Boire un whisky écossais </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/94ecb4090a933b671568c58ac7a07aff.png" alt="Les fleurs bleues dans le sable mouillé, hommage à Christophe" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/les-fleurs-bleues-dans-le-sable-mouille-hommage-a-christophe-83nshkdjs5nq" class="stretched-link title article position-static"> Les fleurs bleues dans le sable mouillé, hommage à Christophe </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/b948cbc87812ed9f527b7cf2aa5c28ac.png" alt="Le masque de la tortue rouge" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-masque-de-la-tortue-rouge-4bhwku6du327" class="stretched-link title article position-static"> Le masque de la tortue rouge </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/a710c3a120ebe04a118e62a9ae1d3692.png" alt="Sagesse du gland" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/sagesse-du-gland-ubkns3s6rkbc" class="stretched-link title article position-static"> Sagesse du gland </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/5d5b7fb797e819581e6ea950005a6b55.png" alt="Baudelaire champion de surf" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/baudelaire-champion-de-surf-ttjmnr7avngv" class="stretched-link title article position-static"> Baudelaire champion de surf </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/31f2ef74531d6b1e834b0ad00d1cb6df.png" alt="Après le confinement" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/apres-le-confinement-s7wdqpcgn54c" class="stretched-link title article position-static"> Après le confinement </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/4f4e37713552e51d6251c993a008329e.jpeg" alt="Sicile en Fiat 500" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/sicile-en-fiat-500-34n3nge9m4nk" class="stretched-link title article position-static"> Sicile en Fiat 500 </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6d6af2cd51e8fbaae16ab2021c695fc1.png" alt="Du confinement au parfum exotique avec Baudelaire" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/du-confinement-au-parfum-exotique-avec-baudelaire-r6rrnhw55hvq" class="stretched-link title article position-static"> Du confinement au parfum exotique avec Baudelaire </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/88ee1772597297d1a3ac9f9c1b2684d7.png" alt="La Liberté dans la chambre" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/curiosites/la-liberte-dans-la-chambre-qrvm9n635dkq" class="stretched-link title article position-static"> La Liberté dans la chambre </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/7ed5ebd03ef999ddb8f8954ecf6d74d3.png" alt="Les deux masques : hommage à tous les Docteur(e)s Rieux." class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/sante/les-deux-masques-hommage-a-tous-les-docteur-e-s-rieux-7qq3qvprwww2" class="stretched-link title article position-static"> Les deux masques : hommage à tous les Docteur(e)s Rieux. </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/30c990fc3f9382060a7671c526a9f5dd.png" alt="Le virus du voyage à l’épreuve de l’ardente patience" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/voyage/le-virus-du-voyage-a-l-epreuve-de-l-ardente-patience-u6e58gb7c2wp" class="stretched-link title article position-static"> Le virus du voyage à l’épreuve de l’ardente patience </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/d3cfb32e4684ded907165187d38f5f1d.png" alt="Confinement façon Rimbaud" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/confinement-facon-rimbaud-f68hg64wkaaa" class="stretched-link title article position-static"> Confinement façon Rimbaud </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6572a21ffb614fa1b7701a5ecd167682.png" alt="« Couleur cafinement »" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/couleur-cafinement-fewev8dckdr2" class="stretched-link title article position-static"> « Couleur cafinement » </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/fe34b582597ac9f5d2114d2497471d4d.png" alt="Le beau sourire sous le masque…" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/sante/le-beau-sourire-sous-le-masque-39mst5r5cv4t" class="stretched-link title article position-static"> Le beau sourire sous le masque… </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/fc3471094e1346d12e5ab307d5f07406.jpeg" alt="Virus et biodiversité" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/virus-et-biodiversite-jge8s7s98j5q" class="stretched-link title article position-static"> Virus et biodiversité </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/f571cdaa40ba42c6119ef23d7bf247a8.jpeg" alt="Du côté du Cap Fréhel avec Julien Clerc" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/du-cote-du-cap-frehel-avec-julien-clerc-h76fp7udpvg5" class="stretched-link title article position-static"> Du côté du Cap Fréhel avec Julien Clerc </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/2ca601a21015c9087cee498897867192.png" alt="« Le Sacre du printemps » et « I’m the boy » de Serge Gainsbourg" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/le-sacre-du-printemps-et-i-m-the-boy-de-serge-gainsbourg-w6jur4va2kc4" class="stretched-link title article position-static"> « Le Sacre du printemps » et « I’m the boy » de Serge Gainsbourg </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/7508e9705ee0f517d9c1bb5ef38ccd60.png" alt="Maintenant qu’il en parle au diable" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/musique/maintenant-qu-il-en-parle-au-diable-bhhk4ubs33wk" class="stretched-link title article position-static"> Maintenant qu’il en parle au diable </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/dfc09440a6c974260a0d66bf199ce68d.png" alt="Poésie et biodiversité" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/poesie-et-biodiversite-5j2u77dq3dd4" class="stretched-link title article position-static"> Poésie et biodiversité </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/c6cd1950af409cdc76df74e3d14728d1.png" alt="Le chant de l’arbre amazonien" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/le-chant-de-l-arbre-amazonien-t7976hjfb35c" class="stretched-link title article position-static"> Le chant de l’arbre amazonien </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/314edffe23a151c500b87a6b35b08eb8.png" alt="Rimbaud rising for the climate with Greta" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/environnement/rimbaud-rising-for-the-climate-with-greta-a887vb5sdr6f" class="stretched-link title article position-static"> Rimbaud rising for the climate with Greta </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/resolve/180x145/uploads/article/6822b47539bc9ab75a80556999daf451.jpeg" alt="L’homme à la guitare de vent" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/curiosites/l-homme-a-la-guitare-de-vent-37euuc4m9dh8" class="stretched-link title article position-static"> L’homme à la guitare de vent </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/resolve/100x100/uploads/avatar/5787a257bc292d62dd8493981387f91e.jpeg);"></div> <span class="name"> Eric Bertrand </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> </div> </div> <div id="categoryArticles" class="position-relative d-none d-lg-block"> <div class="title d-flex align-items-center">Prolonger le voyage dans l'univers <strong>Culture</strong></div> <div class="d-none d-lg-flex flex-wrap justify-content-between" id="contentArticle"> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/c1a20a98820ee281e315cfd50b481fdf.png" decoding="async" loading="lazy" alt="Les erreurs de la France" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/les-erreurs-de-la-france-krsfmbn9wk37" class="stretched-link title article position-static"> Les erreurs de la France </a> <p> NégationnismeC'est a... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Thomas Andouard </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 4 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/0e433fd619f1e6ab36b50148edb6911e.png" decoding="async" loading="lazy" alt="L'Urbanisme féministe" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/l-urbanisme-feministe-4vfm5ua6rwgf" class="stretched-link title article position-static"> L'Urbanisme féministe </a> <p> I. Le mouvement féministe au cœur de l'histoire politique françaiseLe féminisme français s'inscrit d... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Fanny Azan-Brulhet </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 3 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/6e01e7eb5fe4305ebf3c5a07aa3ce288.png" decoding="async" loading="lazy" alt="Holy Shit !" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/holy-shit-u5a7kn522f7k" class="stretched-link title article position-static"> Holy Shit ! </a> <p> Titre original : Ach du Scheisse ! </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Stéphane Hoegel </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 1 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/611512048b5ca035d605c02990e89f60.png" decoding="async" loading="lazy" alt="Courte histoire du sionisme" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/courte-histoire-du-sionisme-u34ddhavnm9m" class="stretched-link title article position-static"> Courte histoire du sionisme </a> <p> Nous vivons une époque clairement pas ouf. Du tout.Tout se passe comme si une sorte de puis... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Thomas Andouard </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 7 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/34dc4dd20449abd7e597917b7b5e98c5.png" decoding="async" loading="lazy" alt="Instruction" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/instruction-kt9vqkewrpjj" class="stretched-link title article position-static"> Instruction </a> <p> Un mot d'un dictionnaire, ma définition, votre sourire ma joie.... </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Bernard Ducosson </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 1 min </div> </div> </div> </article> <article class="card article d-flex flex-column flex-sm-row position-relative col-12 col-md-6"> <img src="https://panodyssey.com/media/cache/180x145/uploads/article/6589517477948cb39b857628b6560b38.png" decoding="async" loading="lazy" alt="Le Clan" class="m-0 cover"> <div class="content position-static"> <a href="/fr/article/culture/le-clan-wh8fgvk8ce9g" class="stretched-link title article position-static"> Le Clan </a> <p> Titre original : Le Clan </p> <div class="d-flex flex-row flex-wrap align-items-center "> <span class="name"> Stéphane Hoegel </span> <div class="separator"></div> <div class="d-flex justify-content-end dateArticle align-items-center"> 2 min </div> </div> </div> </article> </div> </div> <div id="otherArticles" class="position-relative d-block d-lg-none"> <div class="title d-flex align-items-center">Prolonger le voyage dans l'univers <strong>Culture</strong></div> <div class="d-flex d-lg-none flex-row flex-nowrap overflow-auto pt-2 pb-2"> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/c1a20a98820ee281e315cfd50b481fdf.png" alt="Les erreurs de la France" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/les-erreurs-de-la-france-krsfmbn9wk37" class="stretched-link title article position-static"> Les erreurs de la France </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/533f439fc7a7c9e50d8e40866acc6a5d.png);"></div> <span class="name"> Thomas Andouard </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 4 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/0e433fd619f1e6ab36b50148edb6911e.png" alt="L'Urbanisme féministe" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/l-urbanisme-feministe-4vfm5ua6rwgf" class="stretched-link title article position-static"> L'Urbanisme féministe </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(/build/img/avatarhd.83978a70.png);"></div> <span class="name"> Fanny Azan-Brulhet </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 3 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6e01e7eb5fe4305ebf3c5a07aa3ce288.png" alt="Holy Shit !" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/holy-shit-u5a7kn522f7k" class="stretched-link title article position-static"> Holy Shit ! </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/bc3899c7be5b3e288de361f74336a19d.jpeg);"></div> <span class="name"> Stéphane Hoegel </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/611512048b5ca035d605c02990e89f60.png" alt="Courte histoire du sionisme" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/courte-histoire-du-sionisme-u34ddhavnm9m" class="stretched-link title article position-static"> Courte histoire du sionisme </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/533f439fc7a7c9e50d8e40866acc6a5d.png);"></div> <span class="name"> Thomas Andouard </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 7 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/34dc4dd20449abd7e597917b7b5e98c5.png" alt="Instruction" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/instruction-kt9vqkewrpjj" class="stretched-link title article position-static"> Instruction </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/76045dc56dedc5ba3b30c22f0d8e2a39.png);"></div> <span class="name"> Bernard Ducosson </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 1 min </div> </div> </article> <article class="card article d-flex flex-column position-relative"> <img src="/build/img/empty.0117138d.png" data-src="https://panodyssey.com/media/cache/180x145/uploads/article/6589517477948cb39b857628b6560b38.png" alt="Le Clan" class="m-0 cover lazyload"> <div class="content position-static"> <a href="/fr/article/culture/le-clan-wh8fgvk8ce9g" class="stretched-link title article position-static"> Le Clan </a> <div class="d-flex flex-row flex-nowrap align-items-center lastname"> <div class="align-middle author-picture" style="background-image:url(https://panodyssey.com/media/cache/100x100/uploads/avatar/bc3899c7be5b3e288de361f74336a19d.jpeg);"></div> <span class="name"> Stéphane Hoegel </span> </div> <div class="d-flex justify-content-end w-100 dateArticle align-items-center"> <img src="/build/img/time-white.be4d0b43.svg" alt="time"> 2 min </div> </div> </article> </div> </div> </div> <div id="notifications-fixed-bottom" class="d-none" data-liked="Tu as déjà réagi à cette publication" data-copied="Copié!"></div> <div class='d-none w-100 d-flex align-items-end text-center intoarticle' id="messageHint"> <div class="content w-100"> <h1 class="text-start"> <img src="/build/img/donate-popup.bcd31179.png" alt="donate" class="mx-auto d-block"> Tu peux soutenir les auteurs qui te tiennent à coeur </h1> <div id="buttons" class="d-flex flex-column flex-xl-row justify-content-center align-items-center"> <a href="#" class="btn closebtn closebtnarticle">J'ai compris</a> </div> </div> </div> <div id="sidebarrightcontainer"> <div id="sidebarright" class="v-non"> <button id="closesidebar"> <span class="material-icons pt-2 pb-2">close</span> </button> <div class="content d-flex flex-row flex-wrap"> </div> </div> </div> <div id="modalConnect" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center pe-5 ps-5"> Tu dois être connecté pour pouvoir commenter </h4> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span class="material-icons"> close </span> </button> </div> <div class="modal-body text-center" id="contenuModal"> <div class="d-flex align-items-center justify-content-around w-100 pb-4"> <a href="/fr/login" class="modal-close btn"> Connecte-toi </a> </div> </div> </div> </div> </div> <div id="modalIdCheck" class="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-center pe-5 ps-5"> Tu dois avoir publié sur Panodyssey pour commenter </h4> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <span class="material-icons"> close </span> </button> </div> <div class="modal-body text-center" id="contenuModal"> <div class="d-flex align-items-center justify-content-around w-100 pb-4"> <a href="/fr/article/create" class="modal-close btn"> Écris ta première publication </a> </div> </div> </div> </div> </div> <div class="modalshare modal fade" id="partageModal" tabindex="-1" aria-labelledby="partageModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title mt-0">Partager</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <p>Partager ce lien via</p> <ul class="icons d-flex align-items-center justify-content-between px-0 flex-wrap"> <a target="_blank" href="https://api.whatsapp.com/send?&url=https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg" class="d-flex align-items-center justify-content-center what share_whatsapp"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256" style="fill:#FFFFFF;"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"><g fill="#757575" fill-rule="evenodd" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8,8)"><path d="M24.50391,7.50391c-2.25781,-2.25781 -5.25781,-3.50391 -8.45312,-3.50391c-6.58594,0 -11.94922,5.35938 -11.94922,11.94531c-0.00391,2.10547 0.54688,4.16016 1.59375,5.97266l-1.69531,6.19141l6.33594,-1.66406c1.74219,0.95313 3.71094,1.45313 5.71094,1.45703h0.00391c6.58594,0 11.94531,-5.35937 11.94922,-11.94922c0,-3.19141 -1.24219,-6.19141 -3.49609,-8.44922zM16.05078,25.88281h-0.00391c-1.78125,0 -3.53125,-0.48047 -5.05469,-1.38281l-0.36328,-0.21484l-3.76172,0.98438l1.00391,-3.66406l-0.23437,-0.375c-0.99609,-1.58203 -1.51953,-3.41016 -1.51953,-5.28516c0,-5.47266 4.45703,-9.92578 9.9375,-9.92578c2.65234,0 5.14453,1.03516 7.01953,2.91016c1.875,1.87891 2.90625,4.37109 2.90625,7.02344c0,5.47656 -4.45703,9.92969 -9.92969,9.92969zM21.49609,18.44531c-0.29687,-0.14844 -1.76562,-0.87109 -2.03906,-0.96875c-0.27344,-0.10156 -0.47266,-0.14844 -0.67187,0.14844c-0.19922,0.30078 -0.76953,0.97266 -0.94531,1.17188c-0.17187,0.19531 -0.34766,0.22266 -0.64453,0.07422c-0.30078,-0.14844 -1.26172,-0.46484 -2.40234,-1.48437c-0.88672,-0.78906 -1.48828,-1.76953 -1.66016,-2.06641c-0.17578,-0.30078 -0.01953,-0.46094 0.12891,-0.60937c0.13672,-0.13281 0.30078,-0.34766 0.44922,-0.52344c0.14844,-0.17187 0.19922,-0.29687 0.30078,-0.49609c0.09766,-0.19922 0.04688,-0.375 -0.02734,-0.52344c-0.07422,-0.14844 -0.67187,-1.62109 -0.92187,-2.21875c-0.24219,-0.58203 -0.48828,-0.5 -0.67187,-0.51172c-0.17187,-0.00781 -0.37109,-0.00781 -0.57031,-0.00781c-0.19922,0 -0.52344,0.07422 -0.79687,0.375c-0.27344,0.29688 -1.04297,1.01953 -1.04297,2.48828c0,1.46875 1.07031,2.89063 1.21875,3.08984c0.14844,0.19531 2.10547,3.21094 5.10156,4.50391c0.71094,0.30859 1.26563,0.49219 1.69922,0.62891c0.71484,0.22656 1.36719,0.19531 1.88281,0.12109c0.57422,-0.08594 1.76563,-0.72266 2.01563,-1.42187c0.24609,-0.69531 0.24609,-1.29297 0.17188,-1.41797c-0.07422,-0.125 -0.27344,-0.19922 -0.57422,-0.35156z"></path></g></g></g> </svg> </a> <a target="_blank" href="https://telegram.me/share/url?url=https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg" class="d-flex align-items-center justify-content-center tele share_telegram"> <svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill="#757575" d="M11.994 2a10 10 0 1 0 10 10a10 10 0 0 0-10-10Zm3.18 15.152a.705.705 0 0 1-1.002.352l-2.715-2.11l-1.742 1.608a.3.3 0 0 1-.285.039l.334-2.989l.01.009l.007-.059s4.885-4.448 5.084-4.637c.202-.189.135-.23.135-.23c.012-.23-.361 0-.361 0l-6.473 4.164l-2.695-.918s-.414-.148-.453-.475c-.041-.324.466-.5.466-.5l10.717-4.258s.881-.392.881.258Z"/> </svg> </a> <div class="break"></div> <a href="#" class="d-flex align-items-center justify-content-center linkedin share_linkedin" data-url="https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"><g fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM17,20v19h-6v-19zM11,14.47c0,-1.4 1.2,-2.47 3,-2.47c1.8,0 2.93,1.07 3,2.47c0,1.4 -1.12,2.53 -3,2.53c-1.8,0 -3,-1.13 -3,-2.53zM39,39h-6c0,0 0,-9.26 0,-10c0,-2 -1,-4 -3.5,-4.04h-0.08c-2.42,0 -3.42,2.06 -3.42,4.04c0,0.91 0,10 0,10h-6v-19h6v2.56c0,0 1.93,-2.56 5.81,-2.56c3.97,0 7.19,2.73 7.19,8.26z"></path></g></g></g> </svg> </a> <a href="#" class="d-flex align-items-center justify-content-center fb share_facebook" data-url="https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#757575" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(5.12,5.12)"><path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM37,19h-2c-2.14,0 -3,0.5 -3,2v3h5l-1,5h-4v15h-5v-15h-4v-5h4v-3c0,-4 2,-7 6,-7c2.9,0 4,1 4,1z"></path></g></g></g> </svg> </a> <a href="#" class="d-flex align-items-center justify-content-center tw share_twitter" data-url="https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg"> <svg viewBox="0 0 24 24" width="24" aria-hidden="true"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="#757575"></path> </svg> </a> </ul> <p>Ou copier le lien</p> <div class="field d-flex align-items-center justify-content-between"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="me-2"> <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" /> </svg> <input type="text" class="urllink mb-0" id="urllink" readonly value="https://panodyssey.com/fr/article/culture/second-extrait-de-devalisee-4mndtpj4vmtg"> <button data-clipboard-target="#urllink" class="copylink">Copier</button> </div> </div> </div> </div> </div> <div class="" id="modalDeleteComment" tabindex="-1" role="dialog" aria-labelledby="modalDeleteComment" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title text-center" id="exampleModalLabel"> Es-tu sûr(e) de vouloir supprimer ce commentaire ? </h5> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.75 5.25L5.25 18.75" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.75 18.75L5.25 5.25" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="modal-body text-center" id="contenuModal"> Tu es sur le point de supprimer ce commentaire : <blockquote class="d-block position-relative"></blockquote> </div> <div class="modal-footer"> <div class="d-flex align-items-center justify-content-around w-100"> <button class="waves-effect waves-light btn deleteThisComment d-flex justify-content-center align-items-center del" data-bs-dismiss="modal"> Supprimer </button> <button class="waves-effect waves-light btn closebtn d-flex justify-content-center align-items-center" data-bs-dismiss="modal"> Annuler </button> </div> </div> </div> </div> </div> </div> <div id="applicationpromo" class='container-fluid'> <div class="offset-lg-1 col-12 col-lg-10 info pl-0"> <div class="d-flex align-items-bottom justify-content-center justify-content-sm-between app-promo-wrap"> <img src="/build/img/landing/promoappfr.98b848b4.png" alt='promo' class="screen mx-0"> <p> Télécharge l'application mobile Panodyssey</p> <div class="d-flex align-items-center justify-content-center footer-app-logo"> <a href="https://apps.apple.com/fr/app/panodyssey/id6466750660" class="me-0"> <img width="160" alt='Get it on App Store' src='/build/img/landing/fr/apple_app.cc73a82b.svg'/> </a> <a href='https://play.google.com/store/apps/details?id=com.panodyssey.app'> <img width="160" alt='Disponible sur Google Play' src='/build/img/landing/fr/google_app.a4938c6b.svg'/> </a> </div> </div> </div> </div> <footer> <div class="container-fluid p-lg-0"> <div class="row align-items-center g-0 footer-logo-wrap"> <div class="offset-lg-1 col-12 col-md-12 col-xl-3 info pl-0"> <div class="logofooter"> <img class="" src="/build/img/landing/logo.8467c234.svg" alt="Panodyssey"/> </div> </div> </div> </div> <div class="container-fluid p-lg-0"> <div class="row g-0 social-wrap"> <div class="offset-lg-1 col-12 col-md-3" id="powered_by_stripe"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 34" width="120"> <defs> <style>.cls-1 { fill: #fff; }</style> </defs> <title>Powered by Stripe - white</title> <path class="cls-1" d="M146,0H3.73A3.73,3.73,0,0,0,0,3.73V30.27A3.73,3.73,0,0,0,3.73,34H146a4,4,0,0,0,4-4V4A4,4,0,0,0,146,0Zm3,30a3,3,0,0,1-3,3H3.73A2.74,2.74,0,0,1,1,30.27V3.73A2.74,2.74,0,0,1,3.73,1H146a3,3,0,0,1,3,3Z"/> <path class="cls-1" d="M17.07,11.24h-4.3V22h1.92V17.84h2.38c2.4,0,3.9-1.16,3.9-3.3S19.47,11.24,17.07,11.24Zm-.1,5H14.69v-3.3H17c1.38,0,2.11.59,2.11,1.65S18.35,16.19,17,16.19Z"/> <path class="cls-1" d="M25.1,14a3.77,3.77,0,0,0-3.8,4.09,3.81,3.81,0,1,0,7.59,0A3.76,3.76,0,0,0,25.1,14Zm0,6.67c-1.22,0-2-1-2-2.58s.76-2.58,2-2.58,2,1,2,2.58S26.31,20.66,25.1,20.66Z"/> <polygon class="cls-1" points="36.78 19.35 35.37 14.13 33.89 14.13 32.49 19.35 31.07 14.13 29.22 14.13 31.59 22.01 33.15 22.01 34.59 16.85 36.03 22.01 37.59 22.01 39.96 14.13 38.18 14.13 36.78 19.35"/> <path class="cls-1" d="M44,14a3.83,3.83,0,0,0-3.75,4.09,3.79,3.79,0,0,0,3.83,4.09A3.47,3.47,0,0,0,47.49,20L46,19.38a1.78,1.78,0,0,1-1.83,1.26A2.12,2.12,0,0,1,42,18.47h5.52v-.6C47.54,15.71,46.32,14,44,14Zm-1.93,3.13A1.92,1.92,0,0,1,44,15.5a1.56,1.56,0,0,1,1.69,1.62Z"/> <path class="cls-1" d="M50.69,15.3V14.13h-1.8V22h1.8V17.87a1.89,1.89,0,0,1,2-2,4.68,4.68,0,0,1,.66,0v-1.8c-.14,0-.3,0-.51,0A2.29,2.29,0,0,0,50.69,15.3Z"/> <path class="cls-1" d="M57.48,14a3.83,3.83,0,0,0-3.75,4.09,3.79,3.79,0,0,0,3.83,4.09A3.47,3.47,0,0,0,60.93,20l-1.54-.59a1.78,1.78,0,0,1-1.83,1.26,2.12,2.12,0,0,1-2.1-2.17H61v-.6C61,15.71,59.76,14,57.48,14Zm-1.93,3.13a1.92,1.92,0,0,1,1.92-1.62,1.56,1.56,0,0,1,1.69,1.62Z"/> <path class="cls-1" d="M67.56,15a2.85,2.85,0,0,0-2.26-1c-2.21,0-3.47,1.85-3.47,4.09s1.26,4.09,3.47,4.09a2.82,2.82,0,0,0,2.26-1V22h1.8V11.24h-1.8Zm0,3.35a2,2,0,0,1-2,2.28c-1.31,0-2-1-2-2.52s.7-2.52,2-2.52c1.11,0,2,.81,2,2.29Z"/> <path class="cls-1" d="M79.31,14A2.88,2.88,0,0,0,77,15V11.24h-1.8V22H77v-.83a2.86,2.86,0,0,0,2.27,1c2.2,0,3.46-1.86,3.46-4.09S81.51,14,79.31,14ZM79,20.6a2,2,0,0,1-2-2.28v-.47c0-1.48.84-2.29,2-2.29,1.3,0,2,1,2,2.52S80.25,20.6,79,20.6Z"/> <path class="cls-1" d="M86.93,19.66,85,14.13H83.1L86,21.72l-.3.74a1,1,0,0,1-1.14.79,4.12,4.12,0,0,1-.6,0v1.51a4.62,4.62,0,0,0,.73.05,2.67,2.67,0,0,0,2.78-2l3.24-8.62H88.82Z"/> <path class="cls-1" d="M125,12.43a3,3,0,0,0-2.13.87l-.14-.69h-2.39V25.53l2.72-.59V21.81a3,3,0,0,0,1.93.7c1.94,0,3.72-1.59,3.72-5.11C128.71,14.18,126.91,12.43,125,12.43Zm-.65,7.63a1.61,1.61,0,0,1-1.28-.52l0-4.11a1.64,1.64,0,0,1,1.3-.55c1,0,1.68,1.13,1.68,2.58S125.36,20.06,124.35,20.06Z"/> <path class="cls-1" d="M133.73,12.43c-2.62,0-4.21,2.26-4.21,5.11,0,3.37,1.88,5.08,4.56,5.08a6.12,6.12,0,0,0,3-.73V19.64a5.79,5.79,0,0,1-2.7.62c-1.08,0-2-.39-2.14-1.7h5.38c0-.15,0-.74,0-1C137.71,14.69,136.35,12.43,133.73,12.43Zm-1.47,4.07c0-1.26.77-1.79,1.45-1.79s1.4.53,1.4,1.79Z"/> <path class="cls-1" d="M113,13.36l-.17-.82h-2.32v9.71h2.68V15.67a1.87,1.87,0,0,1,2.05-.58V12.54A1.8,1.8,0,0,0,113,13.36Z"/> <path class="cls-1" d="M99.46,15.46c0-.44.36-.61.93-.61a5.9,5.9,0,0,1,2.7.72V12.94a7,7,0,0,0-2.7-.51c-2.21,0-3.68,1.18-3.68,3.16,0,3.1,4.14,2.6,4.14,3.93,0,.52-.44.69-1,.69a6.78,6.78,0,0,1-3-.9V22a7.38,7.38,0,0,0,3,.64c2.26,0,3.82-1.15,3.82-3.16C103.62,16.12,99.46,16.72,99.46,15.46Z"/> <path class="cls-1" d="M107.28,10.24l-2.65.58v8.93a2.77,2.77,0,0,0,2.82,2.87,4.16,4.16,0,0,0,1.91-.37V20c-.35.15-2.06.66-2.06-1V15h2.06V12.66h-2.06Z"/> <polygon class="cls-1" points="116.25 11.7 118.98 11.13 118.98 8.97 116.25 9.54 116.25 11.7"/> <rect class="cls-1" x="116.25" y="12.61" width="2.73" height="9.64"/> </svg> </div> <div class="col-12 mt-md-0 col-md-7 social" id="sociallinks"> <div class=""> <a href="https://www.instagram.com/panodyssey_official/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M16,3c-7.16752,0 -13,5.83248 -13,13v18c0,7.16752 5.83248,13 13,13h18c7.16752,0 13,-5.83248 13,-13v-18c0,-7.16752 -5.83248,-13 -13,-13zM16,5h18c6.08648,0 11,4.91352 11,11v18c0,6.08648 -4.91352,11 -11,11h-18c-6.08648,0 -11,-4.91352 -11,-11v-18c0,-6.08648 4.91352,-11 11,-11zM37,11c-1.10457,0 -2,0.89543 -2,2c0,1.10457 0.89543,2 2,2c1.10457,0 2,-0.89543 2,-2c0,-1.10457 -0.89543,-2 -2,-2zM25,14c-6.06329,0 -11,4.93671 -11,11c0,6.06329 4.93671,11 11,11c6.06329,0 11,-4.93671 11,-11c0,-6.06329 -4.93671,-11 -11,-11zM25,16c4.98241,0 9,4.01759 9,9c0,4.98241 -4.01759,9 -9,9c-4.98241,0 -9,-4.01759 -9,-9c0,-4.98241 4.01759,-9 9,-9z"></path> </g> </g> </svg> </a> <a href="https://panodyssey.com/fr/creative/room/panodyssey-ke5smc3pfa7g"> <img src="/build/img/footer/logo-panodyssey.f5378e82.svg" alt="Panodyssey" class="m-0 panodysseylogo"> </a> <a href="https://twitter.com/Panodysseyoff" target="_blank"> <svg viewBox="0 0 24 24" width="24" aria-hidden="true" class=""> <g> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </g> </svg> </a> <a href="https://www.tiktok.com/@panodyssey" target="_blank"> <svg width="28" height="28" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" d="M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"/> </svg> </a> <a href="https://www.linkedin.com/company/panodyssey/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM17,20v19h-6v-19zM11,14.47c0,-1.4 1.2,-2.47 3,-2.47c1.8,0 2.93,1.07 3,2.47c0,1.4 -1.12,2.53 -3,2.53c-1.8,0 -3,-1.13 -3,-2.53zM39,39h-6c0,0 0,-9.26 0,-10c0,-2 -1,-4 -3.5,-4.04h-0.08c-2.42,0 -3.42,2.06 -3.42,4.04c0,0.91 0,10 0,10h-6v-19h6v2.56c0,0 1.93,-2.56 5.81,-2.56c3.97,0 7.19,2.73 7.19,8.26z"></path> </g> </g> </g> </svg> </a> <a href="https://www.facebook.com/panodysseyoff/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.12,5.12)"> <path d="M41,4h-32c-2.76,0 -5,2.24 -5,5v32c0,2.76 2.24,5 5,5h32c2.76,0 5,-2.24 5,-5v-32c0,-2.76 -2.24,-5 -5,-5zM37,19h-2c-2.14,0 -3,0.5 -3,2v3h5l-1,5h-4v15h-5v-15h-4v-5h4v-3c0,-4 2,-7 6,-7c2.9,0 4,1 4,1z"></path> </g> </g> </g> </svg> </a> <a href="https://www.youtube.com/channel/UCey1b4NcVBDX_6FSQ9EUXZQ/videos/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0,0,256,256"> <g transform="translate(-25.6,-25.6) scale(1.2,1.2)"> <g fill-opacity="0" fill="#dddddd" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <path d="M21.33333,234.66667v-213.33333h213.33333v213.33333z" id="bgRectangle"></path> </g> <g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"> <g transform="scale(5.33333,5.33333)"> <path d="M43.2,33.9c-0.4,2.1 -2.1,3.7 -4.2,4c-3.3,0.5 -8.8,1.1 -15,1.1c-6.1,0 -11.6,-0.6 -15,-1.1c-2.1,-0.3 -3.8,-1.9 -4.2,-4c-0.4,-2.3 -0.8,-5.7 -0.8,-9.9c0,-4.2 0.4,-7.6 0.8,-9.9c0.4,-2.1 2.1,-3.7 4.2,-4c3.3,-0.5 8.8,-1.1 15,-1.1c6.2,0 11.6,0.6 15,1.1c2.1,0.3 3.8,1.9 4.2,4c0.4,2.3 0.9,5.7 0.9,9.9c-0.1,4.2 -0.5,7.6 -0.9,9.9z"></path> <path d="M20,31v-14l12,7z" fill="#495051"></path> </g> </g> </g> </svg> </a> </div> </div> </div> </div> <div class="row g-0"> <div class="col-12 row g-0 p-0 d-flex align-items-start justify-content-center" id="footerlinks"> <div class="row links col-12 p-0 g-0"> <div class="col-12 col-md-3 d-flex flex-column"> <b class='text-uppercase'>À propos</b> <a href="/fr/bienvenue">Présentation Panodyssey</a> <a href="/fr/panodyssey-app">Application Mobile</a> <a href="/fr/a-propos">Notre Odyssée européenne</a> <a href=" https://panodyssey.com/fr/article/tech/manifeste-panodyssey-reconcilier-ethique-et-numerique-5nhps6mk8k9p ">Manifeste</a> <a href="https://panodyssey.com/fr/creative/room/concours-d-ecriture-panodyssey-h2prebbwk8e2">Concours d'écriture</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b class='text-uppercase'>Offres</b> <a href="/fr/offres-gratuites-et-payantes">Offres gratuites et payantes</a> <a href="/fr/panodyssey-gratuit">Panodyssey Gratuit</a> <a href="/fr/panodyssey-pro">Panodyssey Pro</a> <a href="/fr/panodyssey-visibilite">Panodyssey Visibilité</a> <a href="/fr/panodyssey-entreprise">Panodyssey Entreprise</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Services</b> <a href="mailto:info@panodyssey.com ">Contact</a> <a href="/fr/login">Mon Compte</a> <a href="/fr/bienvenue">FAQ</a> <a href="/fr/offres-gratuites-et-payantes">FAQ Offres</a> </div> <div class="col-12 col-md-3 d-flex flex-column"> <b>Légal</b> <a href="/fr/legales" class="href">Mentions légales</a> <a href="/fr/cgu" class="href">CGU / CGV</a> <a id="dpp" href="/fr/privacy" class="href">Protection des données</a> <a href="https://airtable.com/shrtzrqq0OeQvWAcE" class="href" target="_blank">Procédure de signalement</a> <a href="#" class="href" data-bs-toggle="modal" data-bs-target="#rgpdbox">Gestion des cookies</a> <a href="/fr/politique-de-securite-des-enfants" class="href">Politique de sécurité des enfants</a> </div> </div> </div> </div> <div class="row g-0" id="categoriesfooter"> <div class="offset-lg-1 col-12 col-sm-6 col-lg-5"> <strong> <svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 23.625C23.5919 23.625 28.125 19.0919 28.125 13.5C28.125 7.90812 23.5919 3.375 18 3.375C12.4081 3.375 7.875 7.90812 7.875 13.5C7.875 19.0919 12.4081 23.625 18 23.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.5 13.5H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 9V18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M28.336 23.8359C25.5947 26.5772 21.8768 28.1172 18 28.1172C14.1233 28.1172 10.4054 26.5772 7.6641 23.8359C4.92284 21.0947 3.38281 17.3767 3.38281 13.5C3.38281 9.62327 4.92284 5.90532 7.6641 3.16406" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M13.5 32.625H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 28.125V32.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span>Non-Fiction</span> </strong> <div class='d-flex flex-wrap flex-column listofcategories'> <div class="col-6"> <a href="/fr/category/artisanat"> Artisanat </a> </div> <div class="col-6"> <a href="/fr/category/arts"> Arts </a> </div> <div class="col-6"> <a href="/fr/category/bien-etre"> Bien-être </a> </div> <div class="col-6"> <a href="/fr/category/biographie"> Biographie </a> </div> <div class="col-6"> <a href="/fr/category/cuisine"> Cuisine </a> </div> <div class="col-6"> <a href="/fr/category/culture"> Culture </a> </div> <div class="col-6"> <a href="/fr/category/curiosites"> Curiosités </a> </div> <div class="col-6"> <a href="/fr/category/developpement-personnel"> Développement personnel </a> </div> <div class="col-6"> <a href="/fr/category/economie"> Économie </a> </div> <div class="col-6"> <a href="/fr/category/education-et-formation"> Éducation et formation </a> </div> <div class="col-6"> <a href="/fr/category/entrepreneuriat-et-start-up"> Entrepreneuriat et start-up </a> </div> <div class="col-6"> <a href="/fr/category/environnement"> Environnement </a> </div> <div class="col-6"> <a href="/fr/category/famille"> Famille </a> </div> <div class="col-6"> <a href="/fr/category/finance-et-marches"> Finance et marchés </a> </div> <div class="col-6"> <a href="/fr/category/gastronomie"> Gastronomie </a> </div> <div class="col-6"> <a href="/fr/category/ia"> IA </a> </div> <div class="col-6"> <a href="/fr/category/image"> Image </a> </div> <div class="col-6"> <a href="/fr/category/jeux-video-et-jeux"> Jeux vidéo et jeux </a> </div> <div class="col-6"> <a href="/fr/category/maison-decoration-et-diy"> Maison, décoration et DIY </a> </div> <div class="col-6"> <a href="/fr/category/mode-et-beaute"> Mode et beauté </a> </div> <div class="col-6"> <a href="/fr/category/musique"> Musique </a> </div> <div class="col-6"> <a href="/fr/category/nature"> Nature </a> </div> <div class="col-6"> <a href="/fr/category/politique"> Politique </a> </div> <div class="col-6"> <a href="/fr/category/sante"> Santé </a> </div> <div class="col-6"> <a href="/fr/category/science"> Science </a> </div> <div class="col-6"> <a href="/fr/category/societe"> Société </a> </div> <div class="col-6"> <a href="/fr/category/sport"> Sport </a> </div> <div class="col-6"> <a href="/fr/category/technologie"> Technologie </a> </div> <div class="col-6"> <a href="/fr/category/voyage"> Voyage </a> </div> </div> </div> <div class="col-12 col-sm-6 col-lg-5 mt-3 mt-sm-0"> <strong> <svg width="24" height="24" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.25 5.625H6.75C6.12868 5.625 5.625 6.12868 5.625 6.75V29.25C5.625 29.8713 6.12868 30.375 6.75 30.375H11.25C11.8713 30.375 12.375 29.8713 12.375 29.25V6.75C12.375 6.12868 11.8713 5.625 11.25 5.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.625 11.25H12.375" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 5.625H13.5C12.8787 5.625 12.375 6.12868 12.375 6.75V29.25C12.375 29.8713 12.8787 30.375 13.5 30.375H18C18.6213 30.375 19.125 29.8713 19.125 29.25V6.75C19.125 6.12868 18.6213 5.625 18 5.625Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12.375 24.75H19.125" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24.6848 5.25683L20.3198 6.42683C19.7171 6.58837 19.3595 7.2079 19.521 7.81058L25.371 29.6356C25.5326 30.2383 26.1521 30.5959 26.7548 30.4343L31.1198 29.2643C31.7224 29.1028 32.0801 28.4833 31.9185 27.8806L26.0685 6.05558C25.907 5.4529 25.2874 5.09529 24.6848 5.25683Z" stroke="white" stroke-width="2.00848" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M24.075 25.2L30.6 23.4422" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M20.5875 12.15L27.1125 10.4062" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> <span>Fiction</span> </strong> <div class='d-flex flex-wrap flex-column listofcategories'> <div class="col-6"> <a href="/fr/category/absurde"> Absurde </a> </div> <div class="col-6"> <a href="/fr/category/aventure"> Aventure </a> </div> <div class="col-6"> <a href="/fr/category/bande-dessinee-manga-et-comics"> Bande déssinée, manga et comics </a> </div> <div class="col-6"> <a href="/fr/category/conte"> Conte </a> </div> <div class="col-6"> <a href="/fr/category/drame"> Drame </a> </div> <div class="col-6"> <a href="/fr/category/erotisme"> Érotisme </a> </div> <div class="col-6"> <a href="/fr/category/esoterisme"> Ésotérisme </a> </div> <div class="col-6"> <a href="/fr/category/fanfiction"> Fanfiction </a> </div> <div class="col-6"> <a href="/fr/category/fantaisie"> Fantaisie </a> </div> <div class="col-6"> <a href="/fr/category/historique"> Historique </a> </div> <div class="col-6"> <a href="/fr/category/horreur"> Horreur </a> </div> <div class="col-6"> <a href="/fr/category/humour"> Humour </a> </div> <div class="col-6"> <a href="/fr/category/illustration"> Illustration </a> </div> <div class="col-6"> <a href="/fr/category/jeunesse"> Jeunesse </a> </div> <div class="col-6"> <a href="/fr/category/mer-et-ocean"> Mer et océan </a> </div> <div class="col-6"> <a href="/fr/category/new-romance"> New Romance </a> </div> <div class="col-6"> <a href="/fr/category/poesie-et-chanson"> Poésie et chanson </a> </div> <div class="col-6"> <a href="/fr/category/policier"> Policier </a> </div> <div class="col-6"> <a href="/fr/category/romance"> Romance </a> </div> <div class="col-6"> <a href="/fr/category/romance-chick-lit"> Romance chick-lit </a> </div> <div class="col-6"> <a href="/fr/category/romance-erotique"> Romance érotique </a> </div> <div class="col-6"> <a href="/fr/category/romance-historique"> Romance historique </a> </div> <div class="col-6"> <a href="/fr/category/romance-paranormale"> Romance paranormale </a> </div> <div class="col-6"> <a href="/fr/category/science-fiction"> Science fiction </a> </div> <div class="col-6"> <a href="/fr/category/theatre"> Théâtre </a> </div> </div> </div> </div> <hr class="mx-auto mobile-hide"> <div class="row align-items-flex-start g-0 footer-form-wrap"> <div class="offset-lg-1 col-12 col-md-12 col-xl-3 info pl-0"> <div class="subscribe-text"> S'inscrire à la newsletter </div> </div> <div class="offset-lg-1 col-12 info pl-0 text-start text-md-end pr-0 col-md-12 col-lg-10 col-xl-6 "> <form class="subscribe-from" action="https://38b83ab1.sibforms.com/serve/MUIEAMZ5lneqVBRNwHQyRYjMb4fj3AmqeBySZ9ZwYcQ_agrZJ5p0m9U-VNmeyyAUoEVRNe2AsnXQo-UH4HCtU_ARvyQ0Q3g2WlRGo_egc2QF0JemiwSusBLBS_onLcdUrwJO08CYB0BMRHfszcwHWT0MMvZ817boJH622ka0QpFv5w-jqHmExjQ6NyorRx7oo_AnzzDcXX_dZenh" method="post"> <div class="form-group subscribe-from-name"> <input type="text" class="form-control inputform" name="name" placeholder=" Nom et prénom" required=""> </div> <div class="form-group subscribe-from-email"> <input type="text" class="form-control inputform mb-0" name="email" placeholder=" Email" required=""> </div> <div class="form-group subscribe-from-btn"> <button type="submit" class="btn btnprimary"> S'inscrire </button> </div> </form> </div> </div> <div class="row align-items-center g-0"> <div class="offset-lg-1 col-12 col-md-10 tems"> <div class="footer-partner"> <div class=" europe europe-m1"> <a href="https://www.panodyssey.com/fr/creative/room/revue-de-presse-panodyssey-x-creative-room-european-alliance-mj82tgb3r335" id="trustai"> <img src="/build/img/landing/trustai_white.a12f577c.svg" alt="Crea Trust AI" class="mx-0 europe1"> </a> </div> <div class=" europe europe-m2"> <img src="/build/img/landing/eu.771f3df5.svg" alt="europe" class="mx-0"> <p class="text-start ms-2 mb-0">Co-funded by<br/>the European Union</p> </div> <div class="europetems europe-m3"> <a href="https://panodyssey.com/fr/article/tech/lancement-du-consortium-europeen-trust-european-media-data-space-tems-b38sfv3tjpjs" id="tems"> <img src="/build/img/tems-logo-H.e82d51dd.svg" alt="Trusted european media data space" class="mx-0 europe1"> </a> </div> <div class="europe europe-m4"> <img src="/build/img/landing/eu.771f3df5.svg" alt="europe" class="mx-0"> <p class="text-start ms-2 mb-0">Funded by the Digital<br> Europe Programme </p> </div> </div> </div> </div> <div class="row copyright-wrap "> <hr class="mx-auto mx24-auto"> <div class="col-12 text-center copyright"> © 2025 Panodyssey Holding Group. Tous droits réservés </div> </div> </div> </footer> <div class="modal fade" id="appmode" tabindex="-1" role="dialog" aria-hidden="true" > <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="container-fluid"> <div class="row"> <div class="col-12 pt-3 text-center"> <img src="/build/img/appmode.f6eeff29.png" alt="appmode" class="top"> <h5 class="text-center modal-title" id="sign-up-title"> Panodyssey arrive sur mobile </h5> </div> </div> </div> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close" > <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>Ajoute Panodyssey à tes applications</p> <ul class="p-0 apple d-none"> <li>- Ouvrir Panodyssey dans Safari</li> <li>- Cliquer sur le partage, en bas de l’écran <img src="/build/img/partage.8588bcbb.png" alt="partage"></li> <li>- Puis sur l’option “Sur l’écran d’accueil” et confirmer</li> </ul> <ul class="p-0 android d-none"> <li>- Ouvrir Panodyssey dans un navigateur</li> <li>- Cliquer sur option, en haut à gauche de l’écran <img src="/build/img/partage-android.1eaed603.png" alt="partage"></li> <li>- Puis sur “Ajouter à l’écran d’accueil” et confirmer</li> </ul> <button class='btn mx-auto mt-4 mb-2 d-block' data-bs-dismiss="modal" aria-label="Close"> J'ai compris </button> </div> </div> </div> </div> <div class="modal fade" id="rgpdbox" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false" > <div class="modal-dialog modal-dialog-centered"> <form id="cookiesForm" name="cookiesForm" action="/cookie/rgpd/consent" method="post"> <div class="modal-content"> <div id="gestion"> <div class="modal-header"> <h5 class="modal-title text-start">Panodyssey respects your privacy</h5> </div> <div class="modal-body"> <p>There are <b>no ads</b> on Panodyssey. Cookies will never be used to serve targeted advertising.</p> <p>With your permission, we would like to use cookies requiring your consent in order to measure our audience by tracking the number of visitors to our site and understanding how you arrived here.</p> <p>For more information you can check out our <a href="/en/privacy" class="link me-0">Privacy Policy page</a>.</p> <p><b>You are free</b> to accept, manage or reject the use of cookies but byt doing so, your experience will not be optimised.</p> </div> <div class="d-flex align-items-center btns justify-content-center flex-column flex-sm-row"> <a href="#" class="link text-underline" id="gestionBtn">Manage cookies</a> <a href="#" class="btn reject">Refuse</a> <a href="#" class="btn btn-reverse accept">Accept</a> </div> </div> <div id="options" class='d-none'> <div class="modal-header"> <div class="d-flex align-items-center justify-content-between cursor-pointer w-100" role="button" tabindex="0"> <i class="fas fa-chevron-left"></i> <h5 class="modal-title text-center">Manage cookies</h5> </div> </div> <div class="modal-body"> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between"> <span><b>Necessary cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="active d-block">Enabled</span> <span class="inactive d-none">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be disabled"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="necessaryCookies" name="necessaryCookies" value="1" checked disabled> <label class="form-check-label" for="necessaryCookies"></label> </div> </div> </div> <p class='mt-3'>These cookies ensure the proper functioning of the platform, which cannot work without them. They allow us to limit the number of publications you can read without being registered. They are accepted by default.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Analytics cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="active d-block">Enabled</span> <span class="inactive d-none">Disabled</span> <div class="form-check form-switch"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="analyticsCookies" name="analyticsCookies" value="1" checked> <label class="custom-control-label" for="analyticsCookies"></label> </div> </div> </div> <p class='mt-3'>These cookies allow us to measure our audience and to know how you ended up on the Panodyssey website.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Targeted advertising cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="inactive">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be activated"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="advertisingTargetingCookies" name="advertisingTargetingCookies" value="1" disabled> <label class="custom-control-label" for="advertisingTargetingCookies"></label> </div> </div> </div> <p class='mt-3'>Panodyssey is committed to providing an ad-free platform. We do not use this type of cookies. They are disabled by default.</p> <div class="switcher d-flex flex-column flex-sm-row align-items-center justify-content-between mt-3"> <span><b>Social media cookies</b></span> <div class="toggle d-flex align-items-center justify-content-end justify-content-sm-between"> <span class="inactive">Disabled</span> <div class="form-check form-switch" data-bs-toggle="tooltip" data-placement="bottom" title="Cannot be activated"> <input type="checkbox" role="switch" class="form-check-input d-flex" id="socialNetworkingCookies" name="socialNetworkingCookies" value="1" disabled> <label class="custom-control-label" for="socialNetworkingCookies"></label> </div> </div> </div> <p class='mt-3'>Panodyssey is committed to respecting your privacy. We do not use cookies to manage the posts you share on your social media handles. These are therefore disabled by default.</p> <div class="d-flex align-items-center btns justify-content-end pe-0"> <a href="#" class="btn btn-reverse me-0 save">Save</a> </div> </div> </div> </div> </form> </div> </div> <div class='modal fade' id="nwslModal" tabindex="-1" role="dialog" aria-labelledby="nwslModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-content border-0 d-flex flex-column justify-content-between"> </div> </div> </div> </div></div> <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="/build/cookies.bfd0a621.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="/build/3011.8e1a4c6a.js"></script><script src="/build/277.4fe2c017.js"></script><script src="/build/app.728e7b99.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/autosize.js/4.0.2/autosize.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <script src="/build/menu-toggle.6a9c49a6.js"></script> <script src="/build/navbar-reduce.5272359c.js"></script> <script src="/build/popup.8a439736.js"></script> <script src="/build/article-display.3627cca8.js"></script> <script src="/build/modaljs.1c1400f5.js"></script> <script src="/build/menu.cc377ae4.js"></script> <script src="/build/rgpdjs.74b64fcd.js"></script> <script src="/build/lazyloadsrc.63ac3b83.js"></script> <script> var rgparefuse = "\/fr\/bye"; $(document).ready(function(){ if($('#rgpdbox').length){ $('#rgpdbox').modal('toggle') } }); $(document).on('click',"a.nwsl",function(){ if($('#nwslModal .modal-content .modal-content .sib-form').length < 1){ $.ajax({ type: 'POST', url: $(this).attr('data-href'), success: function(html) { $('#nwslModal .modal-content .modal-content').html(html) } }); } }); </script> <script> var ajax = function (url) { return new Promise(function (resolve, reject) { var xhr = new window.XMLHttpRequest() xhr.onreadystatechange = function () { if (xhr.readyState === 4) { if (xhr.status === 200) { resolve(xhr.response) } else { reject(xhr) } } } xhr.open('GET', url, true) xhr.send() }) }; var getElement = async function (url) { try { let response = await ajax(url) return response } catch (e) { console.error('Error : ', e) } } var skeletonLi = `<li class="p-3"> <div class="d-flex flex-row link position-relative"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box lines="2" width="100%"></skeleton-box> <skeleton-box lines="2" width="100%"></skeleton-box> </div> </div> </li>` var skeletonLiMessage = `<li class="p-3"> <div class="d-flex flex-row link position-relative"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box lines="3" width="100%"></skeleton-box> </div> </div> </li>` var skeletonArticle = `<article class="row col-12 col-lg-4 d-flex flex-column flex-wrap mb-3"> <skeleton-box radius="0" width="100%" height="252px"></skeleton-box> <div class="position-relative d-block" style="margin-top: 1rem;width: 100%"> <skeleton-box class="category" width="50%"></skeleton-box> </div> <div class="position-relative d-block title" style="margin-top: 1rem;margin-bottom: 1rem;width: 100%"> <skeleton-box height="35" class="h2" width="100%"></skeleton-box> </div> <div class="position-absolute d-block author" style="bottom: 0;width: 100%"> <skeleton-box height="19" width="80%"></skeleton-box> </div> </article>` var skeletonArticleTag = `<article class="col-12 col-lg-6 col-xl-3 flex-column flex-wrap mb-3 p-0 d-flex"> <skeleton-box radius="0" width="100%" height="350px"></skeleton-box> <div class="position-relative d-block mx-auto" style="margin-top: 1rem;width: 100%;margin-left:5%!important"> <skeleton-box class="h2" lines="2" width="90%"></skeleton-box> </div> <div class="d-flex flex-row align-items-center link position-relative" style="margin-left:5%!important;padding-bottom: 30px"> <skeleton-box radius="100%" width="42" height="42"></skeleton-box> <div class="position-relative d-block" style="margin-left: 10px;width: 100%"> <skeleton-box width="50%"></skeleton-box> </div> </div> </article>` var addSkeleton = async function(type,page){ try{ if(type == 'notifications'){ let skeleton = `<div id="skeletonWait`+ page +`">`; let count = parseInt($('#notification-count').html()) - $('#notification-data #ctnscroll li').length if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonLi } }else{ skeleton += skeletonLi } skeleton += `</div>`; let response = await $('#notification-data #ctnscrollnotifs').append(skeleton) return response } if(type == "messages"){ let skeleton = `<div id="skeletonWait`+ page +`">`; let count = parseInt($('#message-notification-count').html()) - $('#notification-message-data #ctnscroll li').length if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonLiMessage } }else{ skeleton += skeletonLiMessage } skeleton += `</div>`; let response = await $('#notification-message-data #ctnscrollmessages').append(skeleton) return response } if(type == "articles"){ let skeleton = `<div id="skeleton`+ page +`" class="d-flex flex-wrap w-100">`; let count = parseInt($('#contentListing').data('articles')) if(count >= 3){ for($i = 1;$i <= 3;$i++){ skeleton += skeletonArticle } }else{ skeleton += skeletonArticle } skeleton += `</div>`; let response = await $('#contentListing').append(skeleton) return response } if(type == "articlesTag"){ let skeleton = `<div id="skeleton`+ page +`" class="d-flex flex-wrap w-100">`; let count = parseInt($('#contentListing').data('articles')) if(count >= 3){ for($i = 1;$i <= count;$i++){ skeleton += skeletonArticleTag } }else{ skeleton += skeletonArticleTag } skeleton += `</div>`; let response = await $('#contentListing').append(skeleton) return response } }catch(e){ console.log('Error : ',e) } } </script> <script src="/build/partage.061c8f0c.js"></script> <script src="/build/follow-btn.fb392923.js"></script> <script src="/build/btn-friend.e94541a6.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> <script> let removeURL = ""; let likeboxposition; $(document).on('click','.copylink',function(e){ $('.modalshare.show').append(`<div class="alert alert-success" role="alert">lien <strong>copié</strong> !</div>`) setTimeout(function(){ $('.modalshare.show .alert').addClass('d-none') }, 5000); }) $(document).ready(function(){ new ClipboardJS('.copylink'); //patch -- remove if($(window).width() > 991) $(window).scrollTop(500) //patch -- remove likeboxposition = $('#likeMobile').offset().top // if($('#article .content.contentarticle.premium').length > 0){ // var maxHeight = 0; // $('#article .content.contentarticle.premium p').each(function() { // maxHeight += $(this).height(); // } // ); // maxHeight = maxHeight*0.25; // $('#article .content.contentarticle.premium').css('max-height',maxHeight+'px'); // } if(window.location.hash != ""){ $('#sidebarrightcontainer').addClass("v-on"); $('article').each(function(){ if("#"+$(this).data('id') == window.location.hash){ $('#comments').scrollTop($(this).offset().top); $(this).addClass('effectIn'); } }) } $('#article .content iframe').each(function() { if ($(this).parent().is('blockquote')) { if($(this).parent('blockquote').hasClass('tiktok-embed')){ //tiktok }else{ $(this).wrapAll('<div class="iframevideo">'); } } }); if($('#otherArticles article').length * $('#otherArticles article').width() > $('#otherArticles .overflow-auto').width()){ $('#scrollContainer').removeClass('d-none').addClass('d-flex'); } $('#comments').appendTo($('#sidebarright .content')); $('textarea#comment_comment').characterCounter(); }); $(document).on('focus','#comment_comment',function(){ if(!$('.infocontact').hasClass('focus')){ $('.infocontact').addClass('focus'); $('#commentaire').addClass('focus'); }else{ if($('#commentaire').hasClass('focusout')){ $('#commentaire').removeClass('focusout'); } } }); $(document).on('focusout','#comment_comment',function(){ if($('.infocontact').hasClass('focus')){ $('#commentaire').addClass('focusout'); } }); $(document).on('click','#commentsBtn',function(){ $('#sidebarrightcontainer').addClass("v-on"); $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) }); $(document).on('click','.btnComments',function(){ $('#sidebarrightcontainer').addClass("v-on"); $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) }); $(document).on('click','#commentsBtnBottom',function(){ $('#sidebarrightcontainer').addClass("v-on"); }); $(document).on('click','#closesidebar',function(){ $("#sidebarrightcontainer").addClass("v-on-animate").delay(1000).queue(function(next){ $(this).removeClass("v-on").removeClass("v-on-animate"); next(); }); }); let lastScrollTop = 0; let state = 'bottom' $(document).on('click','.scrollable',function(){ $('.collabs').animate({scrollLeft: 110}, 500) }); $(document).on('scroll',function(){ if($(window).width() > 980){ var st = $(this).scrollTop(); if (st > lastScrollTop){ //if($(window).scrollTop() > 320 && !$('#articler').hasClass('minibanner')){ if($(window).scrollTop() > 570 && !$('#articler').hasClass('minibanner')){ $('#article').addClass('minibanner'); $('.minibanner .banner').removeAttr('style'); } if($(document).scrollTop() + 150 >= $('#sidebararticle').offset().top && !$('#sidebararticle').hasClass('position-fixed')){ $('#sidebararticle').addClass('position-fixed'); } if($('#prev').length > 0){ if($(window).scrollTop()+$(window).height() >= $('#prev').position().top && !$('.minibanner').hasClass('end')){ $('.minibanner').addClass('end'); $('.minibanner .banner').addClass('absolute').css('top',($(window).scrollTop() - 680)); $('.minibanner .read_progress').addClass('absolute').css('top',($(window).scrollTop() - 390)); $('.minibanner #sidebararticle').addClass('absolute').css('top',($(window).scrollTop() + 132)); } }else{ if($(window).scrollTop()+$(window).height() >= ($('#article .content').height() + $('#article .content').offset().top) && !$('.minibanner').hasClass('end')){ $('.minibanner').addClass('end'); $('.minibanner .banner').addClass('absolute').css('top',($(window).scrollTop() - 680)); $('.minibanner .read_progress').addClass('absolute').css('top',($(window).scrollTop() - 390)); $('.minibanner #sidebararticle').addClass('absolute').css('top',($(window).scrollTop() + 132)); } } } else { // || $('.contentarticle').hasClass('premium')) //if($(window).scrollTop() <= 320 && $('#article').hasClass('minibanner')){ if($(window).scrollTop() <= 570 && $('#article').hasClass('minibanner')){ $('#article').removeClass('minibanner'); $('.minibanner .banner').removeClass('absolute'); } if($(document).scrollTop() < ($('.title h1').offset().top - $('#top-nav').height() - 64) && $('#sidebararticle').hasClass('position-fixed')){ $('.minibanner .banner').css('top',0); $('#sidebararticle').removeClass('position-fixed'); $('#article').removeClass('minibanner'); $('.minibanner .banner').removeClass('absolute'); if($('#article').hasClass('end')) $('#article').removeClass('end'); } if(($(window).scrollTop() + 150) < ($('#article #sidebararticle').offset().top) && ($('.minibanner').hasClass('end') || $('.contentarticle').hasClass('premium'))){ $('#article').removeClass('end'); $('#article .banner').removeClass('absolute').removeAttr('style'); $('#article .read_progress').removeClass('absolute').removeAttr('style'); $('#article #sidebararticle').removeClass('absolute').css('top', ''); } } }else{ var st = $(this).scrollTop(); if (st < lastScrollTop){ if(likeboxposition > $(window).scrollTop() + $(window).height() && state == 'bottom'){ $('#likeMobile').addClass('float') $('.blockLikes .likeBox').addClass('float') state = 'float' } /*else{ if($('#likeMobile').hasClass('float') && state == 'float'){ $('#likeMobile').removeClass('float') console.log('float remove #1') } }*/ }else{ if($('#likeMobile').hasClass('float') && state == 'float'){ $('#likeMobile').removeClass('float') $('.blockLikes .likeBox').removeClass('float') state = 'bottom' } } } lastScrollTop = st; var wintop = $(window).scrollTop(); var docheight = $('#article .content').height() + $('#article .content').offset().top; var winheight = $(window).height(); var scrolled = (wintop/(docheight-winheight))*100; $('.read_progress .bar').css('width', (scrolled + '%')); if(($(document).scrollTop() + $('#top-nav').outerHeight()) > $('footer').offset().top){ if($('.read_progress').hasClass('position-fixed')) $('.read_progress').removeClass('position-fixed') $('.read_progress').addClass('position-absolute') }else{ if(!$('.read_progress').hasClass('position-fixed')){ if($('.read_progress').hasClass('position-absolute')) $('.read_progress').removeClass('position-absolute') $('.read_progress').addClass('position-fixed') } } }); $('.contribs .button').on('click',function(){ $(this).removeClass('d-flex').addClass('d-none'); $('#contributors').slideToggle('slow',function(){ if($('#article #contributors .collabs').width() < (($('#article #contributors .collabs article').length) * 108) && $('.scrollable').hasClass('d-none')){ $('.scrollable').removeClass('d-none').addClass('d-flex'); } }); }); $('.contribs .close').on('click',function(){ $('.contribs .button').removeClass('d-none').addClass('d-flex'); $('#contributors').slideToggle('slow') }); $('.share').on('click',function(){ $('.shareBox').toggleClass('active'); $('.share img').each(function(){ if($(this).hasClass('d-block')) { $(this).removeClass('d-block').addClass('d-none'); } else{ $(this).removeClass('d-none').addClass('d-block'); } }) }) $('.likeBox article').on('click',function(e){ e.stopPropagation(); $btn = $(this).find('.count').attr('id'); $this = $(this); window.location.href = "/fr/login"; if($(this).hasClass('active')){ // unlike $.ajax({ url: '/likes/unlike/4577', success: function(){ $this.toggleClass('active'); var countTotal = parseInt($(document).find('.blockStats .likesType span span').html()) - 1; $this.find('.count').html(parseInt($this.find('.count').html()) - 1); $('.blockStats .likesType span span').each(function(){ $(this).html(countTotal); if(countTotal > 1){ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')+'s') }else{ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')) } }); } }); }else{ //like if($('.likeBox article.active').length > 0){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('liked')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }else{ $.ajax({ url: $(this).data('url'), success: function(data){ $('.interactionButton.active').html( "<img src='/img/icon/icon-active-"+$this.data('like')+".svg' class='ms-0 me-2' />"+ $this.data('name') ); $('.interactionButton.active').removeClass('heart').removeClass('genius').removeClass('hand').removeClass('hat').addClass($this.data('like')); var count = 0; while (data[count]) { count++; } if(count > 0){ $('#sign-in').modal('show'); }else{ $this.toggleClass('active'); var countTotal = parseInt($(document).find('.blockStats .likesType span span').html())+1; $this.find('.count').html(parseInt($this.find('.count').html()) + 1); $('.blockStats .likesType span span').each(function(){ $(this).html(countTotal); if(countTotal > 1){ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')+'s') }else{ $('.blockStats .likesType span article').html($('.blockStats .likesType span article').attr('data-reaction')) } }); } } }); } } }) $('.shareBox div').hover(function(){ $(this).find('img').each(function () { if($(this).hasClass('d-none')){ $(this).removeClass('d-none'); $(this).addClass('d-block'); } else{ $(this).addClass('d-none'); $(this).removeClass('d-block'); } }) }) $('.shareBox a').hover(function(){ $(this).find('img').each(function () { if($(this).hasClass('d-none')){ $(this).removeClass('d-none'); $(this).addClass('d-block'); } else{ $(this).addClass('d-none'); $(this).removeClass('d-block'); } }) }) new ClipboardJS('.copyLink'); new ClipboardJS('.copy2'); $(document).on('click','.copyLink',function(){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('copied')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }) $(document).on('click','.copy2',function(){ $('#notifications-fixed-bottom').html($('#notifications-fixed-bottom').data('copied')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }) let widthArticles = $('#otherArticles .overflow-auto article').outerWidth() + parseInt($('#otherArticles .overflow-auto article').css('marginRight')); $(document).on('click','#articles-right',function(){ if(!$(this).hasClass('disabled')) { $('#otherArticles .overflow-auto').animate( {scrollLeft: $('#otherArticles .overflow-auto').scrollLeft() + widthArticles}, 500 ) } }); $(document).on('click','#articles-left',function(){ if(!$(this).hasClass('disabled')){ $('#otherArticles .overflow-auto').animate( {scrollLeft: $('#otherArticles .overflow-auto').scrollLeft() - widthArticles}, 500 ) } }); $('#otherArticles .overflow-auto').on('scroll',function(){ if($('#otherArticles .overflow-auto').scrollLeft() > 0){ if($('#articles-left').hasClass('disabled')) $("#articles-left").removeClass('disabled') }else{ if(!$('#articles-left').hasClass('disabled')) $("#articles-left").addClass('disabled') } }); $('#otherArticles .overflow-auto').on('scroll',function(){ if(($('#otherArticles .overflow-auto article').length * widthArticles) - parseInt($('#otherArticles .overflow-auto article').css('marginRight')) == ($('#otherArticles .overflow-auto').scrollLeft() + $('#otherArticles .overflow-auto').width())){ if(!$('#articles-right').hasClass('disabled')) $("#articles-right").addClass('disabled') }else{ if($('#articles-right').hasClass('disabled')) $("#articles-right").removeClass('disabled') } }); $('#popupCollaborate').on('shown.bs.modal', function () { $.ajax({ url: '/fr/contributor/request/access/article/4577', success: function(data) { $('#popupCollaborate .modal-body').html(data); } }); }); $(document).on('submit','#collaborateMessagePopup',function(e){ e.preventDefault(); $('#popupCollaborate .close').click(); $('#notifications-fixed-bottom').html($('#collaborateMessagePopup').data('successmessage')); $('#notifications-fixed-bottom').removeClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) $.ajax({ method: 'POST', url: '/fr/contributor/request/access/article/4577', data: $('#collaborateMessagePopup').serialize() }).done(function() { $('#notifications-fixed-bottom').html($('#collaborateMessagePopup').data('successmessage')); $('#notifications-fixed-bottom').removeClass('d-none'); $('.d-none #contribute').removeClass('d-flex').addClass('d-none'); $('.d-block #contribute').removeClass('d-flex').addClass('d-none'); setTimeout( function(){ $('#notifications-fixed-bottom').addClass('d-none') }, 5000 ) }); }) var clickHandler = ('ontouchstart' in document.documentElement ? "touchstart" : "click"); $('#collectionlist').scroll(function(e){ e.preventDefault(); e.stopPropagation(); var $this = $(this); var totalWidth = ($('#collectionlist article.card').outerWidth() + 20 ) * $('#collectionlist article.card').length - 20; if(($this.outerWidth() + $(this).scrollLeft()) == totalWidth || ($this.outerWidth() + $(this).scrollLeft()) > totalWidth ){ $('#collection-right').addClass('disabled') if($('#collection-left').hasClass('disabled')) $('#collection-left').removeClass('disabled') }else{ if($('#collection-right').hasClass('disabled')) $('#collection-right').removeClass('disabled') } if($(this).scrollLeft() < 10){ $('#collection-left').addClass('disabled') if($('#collection-right').hasClass('disabled')) $('#collection-right').removeClass('disabled') }else{ if($('#collection-left').hasClass('disabled')) $('#collection-left').removeClass('disabled') } }); $(document).on(clickHandler,'#collection-right',function(){ $('#collectionlist').each(function(){ var $this = $(this); if(!$this.hasClass('d-lg-none')){ var totalWidth = $('#collectionlist article.card').outerWidth() * $('#collectionlist article.card').length; if($this.outerWidth() < totalWidth){ let Newpos = $this.scrollLeft() + $('#collectionlist article').outerWidth() + 20; $this.animate({scrollLeft: Newpos}, 500); if($('#collection-left').hasClass('disabled')){ $('#collection-left').removeClass('disabled') } if(($this.outerWidth() + $(this).scrollLeft()) == totalWidth || ($this.outerWidth() + $(this).scrollLeft()) > totalWidth ){ $('#collection-right').addClass('disabled') } } } }) }) $(document).on(clickHandler,'#collection-left',function(){ $('#collectionlist').each(function(){ var $this = $(this); if(!$this.hasClass('d-lg-none')){ var totalWidth = $('#collectionlist article.card').outerWidth() * $('#collectionlist article.card').length; if(($this.outerWidth()) < totalWidth){ let Newpos = $this.scrollLeft() - $('#collectionlist article').outerWidth() - 20; $this.animate({scrollLeft: Newpos}, 500); if($('#collection-right').hasClass('disabled')){ $('#collection-right').removeClass('disabled') } if(Newpos == 0 || Newpos < 0){ $('#collection-left').addClass('disabled') } } } }) }); $(document).on('submit','#commentaire', function (e) { e.preventDefault(); $('#comments').addClass('wait'); $('#comments.wait .preloader-wrapper').addClass('active'); $.ajax({ method: 'POST', data: $('#commentaire').serialize(), url: $(this).attr('action'), success: function(html) { $('#comments').html(html); $('#comments.wait .preloader-wrapper').removeClass('active'); $('#comments').removeClass('wait'); $('#commentsBtnBottom span').html($('#cmptComment span').html()); } }); }); $(document).on('click','#sidebarrightcontainer',function(e){ if(e.target == e.currentTarget){ $("#sidebarrightcontainer").addClass("v-on-animate").delay(1000).queue(function(next){ $(this).removeClass("v-on").removeClass("v-on-animate"); next(); }); } }) $(document).on('click', '.deletecomment', function() { removeURL = $(this).data('url'); $this = $(this) $this.parents('article.comment').addClass('deletethiscomment') $('#modalDeleteComment').addClass('active'); $('#contenuModal blockquote').html($(this).closest('article').find('.content').html()); }); $(document).on('click', '.deleteThisComment', function(e) { e.preventDefault(); $.ajax({ url: removeURL, success: function(data) { if (data[0] === 'success') { //We have no error with the form and data have been added to DB $('.comments article.comment.deletethiscomment').each(function() { $(this).slideUp(); $('#modalDeleteComment').removeClass('active'); }) var nbrcomments = parseInt($("article.btnComments").find('span').html()) nbrcomments-- $("article.btnComments").find('span').html(nbrcomments) $('#cmptComment span').html(nbrcomments) } else { //There is an form error, so we show the form again with the error console.log('Houston we have a problem'); console.log(data); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }) }) $(document).on('click','#modalDeleteComment .close',function(){ $('#modalDeleteComment').removeClass('active'); }); $(document).on('click','#modalDeleteComment .closebtn',function(){ $('#modalDeleteComment').removeClass('active'); }); $(document).on('focus','#comment_commentnc',function(e){ $('#modalConnect').addClass('active'); }); $(document).on('focus','#comment_commentcheckid',function(e){ $('#modalIdCheck').addClass('active'); }); $(document).on('click','#modalIdCheck .close',function(){ $('#modalIdCheck').removeClass('active'); }); $(document).on('click','#modalConnect .close',function(){ $('#modalConnect').removeClass('active'); }); $(document).on('click','.bottom button',function(e){ $(this).addClass('closecomment'); $(this).html("<span class='material-icons'>close</span>Annuler"); $(this).parents('article').append($('#commentaire')); $('#comment_parent').val($(this).parents('article').data('id')); }); $(document).on('click','.bottom button.closecomment',function(e){ $(this).removeClass('closecomment'); $(this).html("<span class='material-icons'>reply</span>Répondre"); $('.containercomments').prepend($('#commentaire')); $('#comment_parent').val(''); }) $(document).on('click', '.editcomment', function(e) { $this = $(this) $.ajax({ url: $(this).attr('data-url'), type: 'GET', success: function(html) { $this.parents('.comment').first().find('.content').html(html) $('#comment_edit').first().focus() }, error: function(res) { console.log('error' + res) } }); }); $(document).on('submit','#commentaireedit', function(e){ e.preventDefault(); $.ajax({ url: $('#commentaireedit').attr('action'), type: 'POST', data: $('#commentaireedit').serialize(), success: function(html) { $.ajax({ method: 'GET', url: $('#commentaire').attr('action'), success: function(html) { $('#comments').html(html); $('#comments.wait .preloader-wrapper').removeClass('active'); $('#comments').removeClass('wait'); $('#commentsBtnBottom span').html($('#cmptComment span').html()); } }); // $this.parents('.comment').find('.content').html(html) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }); $(document).on('click','.blockLinks .share',function(){ $('.blockShare').removeClass('active'); $('.blockShare .interactionButton').removeClass('active'); }) $(window).click(function(e) { if($('.blockShare.active').length){ $('.blockShare.active .interactionButton').removeClass('active') $('.blockShare.active').removeClass('active') } if($('.blockLikes.active').length){ $('.blockLikes.active .interactionButton').removeClass('active') $('.blockLikes.active').removeClass('active') } }); $(document).on('click', '.interactionButton', function(e) { e.preventDefault(); e.stopPropagation(); if(!$(this).hasClass('active')){ $('.interactionButton').each(function(){ if($(this).hasClass('active')){ $(this).removeClass('active') $(this).parent().removeClass('active') } }) $(this).addClass('active') $(this).parent().toggleClass('active') }else{ $(this).removeClass('active') $(this).parent().removeClass('active') } }) $(document).on('click', '.deleteArticle', function(e) { e.preventDefault(); articleDeleteRoute = $('#btnDeleteArticle').attr('data-url') console.log("Trying to delete article " + articleDeleteRoute); //action AJAX pour la suppression // ----- $.ajax({ url: articleDeleteRoute, success: function(data) { if (data == 'success') { window.location.href = $('#btnDeleteArticle').attr('data-redirect') } else { //There is an form error, so we show the form again with the error //console.log('Houston we have a problem'); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { //console.log('Error on form submit'); // ajout du message d'erreur $('#error-modal #message').html('Rien ne va plus !'); // ouverture de la modal d'erreur $('#error-modal').modal('toggle'); } }); $('#confirm-delete-article').modal('toggle'); }); $(document).on('click', '.reply', function(e) { $thisbtn = $(this) if($('#commentairenc').length > 0){ return false }else{ $this = $(this).parents('article.comment') $(this).addClass('closecomment'); $(this).html('<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" class="me-2" fill="none"><path d="M18.75 5.25L5.25 18.75" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.75 18.75L5.25 5.25" stroke="#111111" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>' + $this.data('cancel')); $this.append($thisbtn.parents('.containercomments').find("#commentaire")); $('#comment_parent').val($(this).data('parentid')); $( "#comment_comment" ).attr( "rows", "1" ) $( "#comment_comment" ).on('keydown', autosize) } }); $(document).on('click', '.reply.closecomment', function(e) { $this = $(this).parents('.comment') $(this).removeClass('closecomment'); $(this).html($this.data('reply')); $('.containercomments').prepend($('#commentaire')); $('#comment_parent').val(''); }) $(document).on("click",'.hidereplies',function(e){ $(this).addClass('showreplies').removeClass('hidereplies') $(this).parents('.comments').find('.child').each(function(){ $(this).addClass('d-none') }) }) $(document).on("click",'.showreplies',function(e){ $(this).addClass('hidereplies').removeClass('showreplies') $(this).parents('.comments').find('.child').each(function(){ $(this).removeClass('d-none') }) }) $(document).on('click', '.edit_comment', function(e) { $this = $(this) $.ajax({ url: $this.attr('data-url'), type: 'GET', success: function(html) { $this.parents('.comment').first().find('.content').html(html) var elmt = document.getElementById("commentaireedit") var txtarea = elmt.querySelector("textarea") register_auto_resize_textarea(txtarea, true); txtarea.focus() }, error: function(res) { console.log('error' + res) } }); }); $(document).on('submit','#commentaireedit', function(e){ e.preventDefault(); $.ajax({ url: $('#commentaireedit').attr('action'), type: 'POST', data: $('#commentaireedit').serialize(), success: function(html) { $commentaire = $('#commentaireedit') $this = $commentaire.parents('.comments') $this.addClass('wait'); $.ajax({ method: 'GET', url: $(document).find('form[name=comment_feed]').attr('action'), success: function(html) { $this.html(html); $this.removeClass('wait'); } }); // $this.parents('.comment').find('.content').html(html) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }); function autosize(){ var el = this; setTimeout(function(){ el.style.cssText = 'height:auto; padding:0'; el.style.cssText = 'height:' + el.scrollHeight + 'px'; },0); } function register_auto_resize_textarea(element, need_scroll_to_bottom) { var min_height = element.scrollHeight; // Fonction pour ajuster la hauteur du textarea function adjustHeight() { // Réinitialise la hauteur pour recalculer element.style.height = 'auto'; // Calcule la nouvelle hauteur var newHeight = Math.max(element.scrollHeight, min_height); // Applique la nouvelle hauteur element.style.height = newHeight + 'px'; // Si besoin, faites défiler jusqu'en bas if (need_scroll_to_bottom) { element.scrollTop = element.scrollHeight; } } // Ajuste la hauteur à l'input et au focus element.addEventListener('input', adjustHeight); element.addEventListener('focus', adjustHeight); // Optionnel : pour ajuster la hauteur dès l'initialisation adjustHeight(); } $(document).on('click','.icon.thumb',function(e){ $this = $(this) $action = "" if($this.hasClass('active')){ $action = $this.attr('data-unlike') }else{ $action = $this.attr('data-like') } $.ajax({ url: $action, success: function(data) { $this.toggleClass('active') var number = parseInt($this.parents('article').find('.likenbr').text()) // console.log(number) if($this.hasClass('active')){ number++ }else{ number-- } $this.parents('article').find('.likenbr').html(number) }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }) }) $(document).on('submit','#newPost form', function(e){ e.preventDefault() $.ajax({ url: $(this).attr('action'), type: 'POST', data: $(this).serialize(), success: function(data) { if(data == 'success'){ $('#newPost').modal('toggle') $('#article').append(`<div class="alert alert-success position-fixed start-50 translate-middle-x" style='bottom: 30px!important;width:max-content;' role="alert">La publication a bien été postée dans ton fil d'actualité</div>`) setTimeout(function(){ $('#article .alert').addClass('d-none') }, 10000); } }, //Somthing went wrong, we didn't got a 200 from the form add room route. error: function(jqXHR, status, error) { console.log('Error on form submit'); } }); }) </script> </body> </html>