CINXE.COM
Les ateliers du Monde : sélection d'ateliers et cours par la rédaction du Monde
<!DOCTYPE html> <html lang="fr" prefix="og: http://ogp.me/ns#"> <head> <!-- Add Trackers --> <!-- stub --> <script type="text/javascript" src="https://cmp.lemonde.fr/js/tcfv2-stub.min.js"></script> <!-- sdk --> <script type="text/javascript" nonce="MTEyMDI0NDE3MzI3NTIwNjc="> const GDPR_CONFIG = { content: { displayMode: 'standard', // siteName: 'https://evenements-abonnes.lemonde.fr/', // deName: 'de NOM DU SITE', // aName: 'à NOM DU SITE', */ // policyUrl: 'https://www.lemonde.fr/confidentialite/', // vendors: { // analytics: ["Google Analytics"] // /* social: ["Social 1", "Social 2", "Social 3"], // mediaPlatforms: ["Dailymotion", "Youtube"], // personalization: ["Perso 1", "Perso 2"] */ // } } }; </script> <script src="https://cmp.lemonde.fr/js/lemonde.min.js" async="1"></script> <!-- GA and GTag Manager --> <script type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline> const GTM = "GTM-5FNM4R7"; window.dataLayer = window.dataLayer || []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', GTM); </script> <!-- Outbrain Code --> <script data-obct nonce="MTEyMDI0NDE3MzI3NTIwNjc=" type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline> !function(_window, _document) { var OB_ADV_ID='001df16d4d9c613fc4c43265d21632809c'; if (_window.obApi) {var toArray = function(object) {return Object.prototype.toString.call(object) === '[object Array]' ? object : [object];};_window.obApi.marketerId = toArray(_window.obApi.marketerId).concat(toArray(OB_ADV_ID));return;} var api = _window.obApi = function() {api.dispatch ? api.dispatch.apply(api, arguments) : api.queue.push(arguments);};api.version = '1.1';api.loaded = true;api.marketerId = OB_ADV_ID;api.queue = [];var tag = _document.createElement('script');tag.async = true;tag.src = '//amplify.outbrain.com/cp/obtp.js';tag.type = 'text/javascript';var script = _document.getElementsByTagName('script')[0];script.parentNode.insertBefore(tag, script);}(window, document); obApi('track', 'PAGE_VIEW'); </script> <!-- Facebook Pixel Code --> <script nonce="MTEyMDI0NDE3MzI3NTIwNjc=" type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '607705069438811'); fbq('track', 'PageView'); </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <!-- , user-scalable=no --> <meta name="google" content="notranslate"> <meta name="robots" content="index, follow" /> <meta name="robots" content="max-snippet:-1"> <meta name="robots" content="max-image-preview:standard"> <meta name="robots" content="max-video-preview:3"> <meta Http-Equiv="Cache-Control" Content="no-cache"> <meta Http-Equiv="Pragma" Content="no-cache"> <meta Http-Equiv="Accept-Encoding" Content="gzip, deflate"> <meta Http-Equiv="Content-Encoding" Content="gzip"> <meta name="csrf_token" content="577cecff794f792eec519b393d2bf940"> <!-- Primary Meta Tags --> <title>Les ateliers du Monde : sélection d'ateliers et cours par la rédaction du Monde</title> <meta name="title" content="Les ateliers du Monde : sélection d'ateliers et cours par la rédaction du Monde"> <meta name = "keywords" content = "Atelier écriture, Atelier écriture en ligne, Cours d'écriture, Apprendre à écrire, Masterclass écriture, Cours d'oenologie, ormation oenologie, Cours photo, Apprendre la photo, Formation photographe, Comment devenir photographe, Comment apprendre la photographie, Ecole de photographie" /> <meta name = "keywords" content = "the workshop world, workshop the world, writing workshop, Agnès Desarthe writing workshop, Agnes Desarthe The World, writing class the world, learn to write Le Monde, Dictation, Interactive dictation, Comic, Agnes Desarthe, Muriel Gilbert" /> <meta name="description" content="Le Monde propose une sélection d'ateliers et de cours organisés par la rédaction du Monde"> <!-- Open Graph / Facebook --> <meta property="og:locale" content="fr_FR"/> <meta property="og:type" content="website"> <meta property="og:url" content=""> <meta property="og:title" content="Les ateliers du Monde : sélection d'ateliers et cours par la rédaction du Monde"> <meta property="og:description" content="Le Monde propose une sélection d'ateliers et de cours organisés par la rédaction du Monde"> <meta property="og:image" content=""> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content=""> <meta property="twitter:title" content="Les ateliers du Monde : sélection d'ateliers et cours par la rédaction du Monde"> <meta property="twitter:description" content="Le Monde propose une sélection d'ateliers et de cours organisés par la rédaction du Monde"> <meta property="twitter:image" content=""> <!-- GOOGLE ANALYTICS--> <link href="/resources/images/favicon.ico?v=1702560780" rel="icon" sizes="32x32"/> <link rel="stylesheet" href="/resources/plugins/bootstrap/bootstrap-4.3.1/css/bootstrap.min.css?v=1702560782"> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css" integrity="sha256-7rF6RaSKyh16288E3hVdzQtHyzatA2MQRGu0cf6pqqM=" crossorigin="anonymous" /> <!-- Google Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet"> <link href="/resources/plugins/slick-1.8.1/slick/slick.css?v=1702560782" rel="stylesheet"/> <link href="/resources/plugins/slick-1.8.1/slick/slick-theme.css?v=1702560782" rel="stylesheet"/> <!-- CUSTOM CSS --> <link href="/resources/styles/frontoffice/frontoffice.css?v=1702560782" rel="stylesheet"/> <link href="/resources/styles/frontoffice/custom.css?v=1728475335" rel="stylesheet"/> <link rel="stylesheet" href="https://unpkg.com/swiper@11.0.5/swiper-bundle.min.css" /> <script src="https://unpkg.com/swiper@11.0.5/swiper-bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script src="https://www.google.com/recaptcha/api.js"></script> <link href="https://ateliers.lemonde.fr/resources/styles/frontoffice/frontoffice.php?bg=/resources/images/frontoffice/banner/1731937811.png?v=1731937811" rel="stylesheet"/> <link href="/resources/styles/frontoffice/homepage.css?v=1702560782" rel="stylesheet" media="none" onload=`if(media!="screen")media="screen"`> <script nonce="MTEyMDI0NDE3MzI3NTIwNjc="> const baseurl = "https://ateliers.lemonde.fr/";</script> <script async src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/js/all.min.js" integrity="sha256-HT9Zb3b1PVPvfLH/7/1veRtUvWObQuTyPn8tezb5HEg=" crossorigin="anonymous"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FNM4R7" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> --> <!-- Facebook Pixel Tracker (noscript) --> <!-- <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=607705069438811&ev=PageView&noscript=1" /></noscript> --> <!-- Navigation --> <div class="topnav "> <div class="container-fluid"> <nav class="px-0 py-0 navbar navbar2 navbar-expand-md navbar-expand-lg"> <button class="navbar-toggler custom-toggler custom-navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <svg class="menu-icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> <g id="Groupe_1" data-name="Groupe 1" transform="translate(-59 -1722)"> <rect id="Rectangle_1" data-name="Rectangle 1" width="32" height="32" transform="translate(59 1722)" fill="none"/> <path id="Tracé_1" data-name="Tracé 1" d="M.857,62.939H23.143A.776.776,0,0,0,24,62.286V60.653A.776.776,0,0,0,23.143,60H.857A.776.776,0,0,0,0,60.653v1.633A.776.776,0,0,0,.857,62.939Zm0,6.531H23.143A.776.776,0,0,0,24,68.816V67.184a.776.776,0,0,0-.857-.653H.857A.776.776,0,0,0,0,67.184v1.633A.776.776,0,0,0,.857,69.469ZM.857,76H23.143A.776.776,0,0,0,24,75.347V73.714a.776.776,0,0,0-.857-.653H.857A.776.776,0,0,0,0,73.714v1.633A.776.776,0,0,0,.857,76Z" transform="translate(63 1670)" fill="#2A303C"/> </g> </svg> <span class="close-icon"><img src="/logos/Close.svg?v=1713457585"/> </span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav menu"> <li class="nav-item"><a class="nav-link" href="https://ateliers.lemonde.fr/">Accueil</a></li> <li class="nav-item"><a class="nav-link" href="https://ateliers.lemonde.fr/savoir-plus">En savoir plus</a></li> <li class="nav-item"><a class="nav-link" href="https://ateliers.lemonde.fr/intervenants">Nos intervenants</a></li> <li class="nav-item"><a class="nav-link" href="/faq">FAQ</a></li> <li class="nav-item"><a class="nav-link" href="/contact">Contactez-nous</a></li> <li class="nav-item"><a class="nav-link" target="_blank" href="https://www.lemonde.fr/">Accéder à <img class="logo-lemonde" style ="width:70px;padding-bottom: 4px;" src="/logos/lemonde.png?v=1713433661" alt="logo"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.762V13.238H15.44L13.056 15.938L14 17L18 12.5L14 8L13.056 9.062L15.44 11.762H6Z" fill="#2A303C"/> </svg> </a></li> <li class="nav-item service"><a class="nav-link" href="#services">TOUS LES SERVICES LE MONDE</a></li> <li class="nav-item menu-item services" style ="height:56px;"><a class="nav-link" href="https://jeux.lemonde.fr/" target="_blank"> <svg width="120px" height="15px" viewBox="0 0 196 25" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.51 4.193c-.093-.44-.853-1.45-1.703-1.45-.191 0-.316.03-.442.064.82.315 1.45 1.133 1.641 1.703l.473-.284v-.033h.032zM19.055 23.75l-3.157-2.082c-.38-.251-.82-.724-.82-1.607v-7.54l-.317.191-.125.063v7.506c0 .63.346 1.293.818 1.608l3.19 2.113.41-.253zM5.621 16.18c.063-1.294-.22-2.87-.504-4.386-.284-1.544-.538-3.122-.506-4.507.032-.851.19-1.671.537-2.428-.6.913-.977 1.954-1.01 3.058-.095 2.68 1.2 6.18 1.072 8.894-.03.41-.062.819-.093 1.103l.062-.064c.254-.347.411-.882.442-1.67zM9.786 23.686c-.473-.979-1.608-1.577-2.934-1.577-.127.03-.253.03-.379.03 1.294.223 2.398.947 2.81 1.861l.503-.314zM20.977 12.554l-1.074-1.23.032.82.567.694.475-.284zM50.94 5.96l-2.524-1.484.379-.25 2.43 1.42c-.095.094-.19.188-.284.314zM51.572 23.936l-1.105-.758c-.726-.504-1.104-1.356-1.104-2.301V10.343c0-1.451.316-2.46.82-3.153-.284.693-.41 1.545-.41 2.523l.03 10.784c0 1.167.349 1.925 1.17 2.492l1.01.695-.411.252zM42.61 23.844s-.095.064-.157.096H42.2V6.343c0-.851-.063-.851-.567-1.23l-.727-.568.475-.252c.378.314.947.757.947.789.22.22.282.346.282.85v17.943-.031zM29.769 2.305c-.252.726-.22 1.42.095 1.987.285.504.789.852 1.39 1.01-1.863.157-2.683-1.325-1.485-2.997zM34.693 17.47c.157-.504.221-1.072.221-1.671V6.62c0-1.103-.064-1.228-.443-1.574h.064c.536-.096.82 0 .82.944V15.2c0 1.072-.188 1.766-.662 2.27zM35.257 23.938c-.251-.82-1.01-1.515-2.335-1.705.19-.03.38-.03.57-.03 1.639.03 2.113 1.04 2.208 1.356l.031.093-.474.286zM81.966 23.716l-.946-.567c-.852-.506-1.295-1.293-1.295-2.492V12.11c0-.505-.03-.473-.22-.631 0 0-.663-.537-1.105-.883l-.473.254.915.692c.505.378.442.41.442 1.167v8.293c0 1.136.473 1.924 1.136 2.304l1.136.63.41-.221zM73.13 23.871V11.036l-.41-.472-.505.285.472.535v12.552h.255a1.42 1.42 0 01.157-.065h.03zM63.132 23.778l-3.63-2.177c-.727-.441-1.01-.977-1.01-1.924v-7.126l-.315.158-.128.062v7.253c0 .852.378 1.481 1.043 1.862l3.628 2.112.412-.22zM65.085 19.744v-7.191c0-.379-.124-.506-.41-.663l-1.484-.882v.473l.853.472c.63.347.63.41.63 1.074l-.03 6.464.441.253zM93.856 6.748v-.094c0-.883-.536-1.797-1.359-2.27-.314-.19-.597-.348-.597-.348l-.378.253.219.125c1.073.6 1.675 1.357 1.675 2.586l.44-.252zM105.348 23.75l-3.187-2.083c-.378-.25-.821-.723-.821-1.606v-7.54l-.316.191-.127.063v7.41c0 .82.317 1.389.853 1.736l3.156 2.08.442-.252zM91.9 23.748l-3.411-2.145c-.818-.502-.977-.976-.977-1.893v-6.778l-.253.127-.19.094v6.716c0 1.074.349 1.547.885 1.893l3.534 2.239.412-.253zM107.083 12.554l-1.072-1.23.031.82.567.694.474-.284zM93.986 19.677V9.68l-.567.285v9.427l.567.285z" fill="#8F98A9"></path><mask id="le-monde-jeux-logo_svg__a" maskUnits="userSpaceOnUse" x="0" y="1" width="26" height="23" style="mask-type: alpha;"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.106v22.453h25.363V1.106H0z" fill="#fff"></path></mask><g mask="url(#le-monde-jeux-logo_svg__a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2 20.913l-.378-.758-.977.63c-.725-.884-1.894-1.924-4.67-1.924C5.24 18.83 1.64 21.163 0 23.18l.284.379c2.24-1.483 4.545-2.143 6.565-2.143 1.641 0 2.998.788 3.565 1.954l3.786-2.458zm3.033-17.285c-.569-.883-2.083-2.522-5.082-2.522-3.597-.031-6.752 2.775-6.88 6.181-.095 2.712 1.2 6.213 1.073 8.925-.062.915-.253 1.577-.63 2.08l.377.444 2.21-1.609c1.074-.79 1.673-1.767 1.641-3.47-.031-2.113-1.01-5.36-1.01-7.851 0-2.146.82-3.754 2.683-3.754 1.262 0 2.272 1.293 2.43 2.018.064.346 0 .504-.316.725l-.883.6v.977l4.387-2.744zm8.127 8.39L21.131 7.35l-6.597 3.846v.883l1.358-.755v8.736c0 .503.19.82.504 1.04l3.504 2.27 4.956-2.87-.41-.883-2.589 1.387-2.335-1.609c-.284-.187-.316-.377-.316-.787v-2.839l6.154-3.752zm-3.308.692l-2.84 1.766V9.871l.253-.157 2.587 2.996z" fill="#1A171B"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M36.395 23.339c-.315-.884-1.23-1.798-2.872-1.86-1.548-.033-3.757.568-5.586 1.955l-.348-.442c1.326-1.451 4.42-3.784 7.67-3.816 1.705 0 2.904.568 3.756 1.483l1.421-.79.41.822-4.45 2.648zM55.873 4.005c-1.233.726-1.643 1.704-1.643 3.218V19.3c0 .759.095 1.104.505 1.326l.41.221 1.137-.664.38.759-3.947 2.366-1.356-.917c-.602-.41-.855-.914-.855-1.892V9.714c0-2.017.633-3.091 1.517-3.752l.505-.378-3.724-2.178-1.673 1.009V20.12c0 1.324-.19 1.514-1.359 2.112 0 0-.913.443-2.173 1.105h-.254V5.93c0-.85-.096-1.041-.569-1.419L41.45 3.44l-1.61.914v9.02c0 1.576-.253 2.711-1.515 3.5l-3.156 1.986-.317-.535c.98-.758 1.2-1.832 1.2-3.092V6.024c0-1.356-.188-1.892-1.61-1.64-.535.094-1.356.221-1.861.284-2.084.285-2.969-1.198-1.548-3.058 0 0 .348-.474 1.231-1.61l.696.474-.506.725c-.662.948-.126 1.452.948 1.073.505-.19 1.482-.567 2.177-.853 2.997-1.165 4.102.758 4.26 1.894l3.725-2.24 3.217 2.46 3.976-2.46L53.82 2.81c1.04.597 1.546.345 2.272-.034l.6-.314.473.789-1.292.755zM70.482 19.491l-.285-.694-1.104.567V10.82c0-.44-.157-.788-.599-1.042L64.422 7.35l-6.597 3.846v.916l1.359-.789v8.357c0 .756.187 1.041.663 1.325l4.007 2.366 6.628-3.88zm15.65 1.796l-.316-.726-1.169.664-.408-.254c-.442-.252-.538-.569-.538-1.325v-9.05c0-.726-.157-1.04-.6-1.356l-2.43-1.83-3.756 2.146-1.988-2.146-3.977 2.43.537.629 1.356-.818.979 1.103v12.552h.252c1.579-.696 2.084-.916 2.084-.916.757-.316.979-.568.979-1.45V10.468l1.295-.755 1.514 1.199c.41.345.472.63.472 1.165l.032 8.58c0 .944.284 1.48.915 1.86l1.327.79 3.44-2.02zm-20.354-.47l-.189.031L63 19.333c-.44-.252-.536-.536-.536-1.104l.033-8.293.188-.064 2.495 1.451c.503.285.599.537.599 1.072v8.421zM94.551 20.815l-.19.032-2.24-1.453c-.44-.282-.599-.504-.599-1.07v-8.042l2.808-1.705.221.127v12.111zm4.674-1.293l-.283-.726-1.137.598V6.024c0-1.955-.883-3.216-2.335-4.1l-1.42-.883L89.6 3.626l.884.411 1.453-.788.945.536a3.354 3.354 0 011.673 2.87v.504l-7.638 4.414v.853l1.294-.694v8.01c0 .693.19.978.63 1.261l3.788 2.366 6.597-3.847zm12.276-7.505L107.24 7.35l-6.596 3.846v.883l1.357-.756v8.737c0 .503.189.819.504 1.04l3.505 2.27 4.954-2.87-.377-.884-2.589 1.389-2.336-1.61c-.316-.22-.347-.377-.347-.787v-2.839l6.186-3.752zm-3.347.693l-2.841 1.766V9.87l.285-.157 2.556 2.996z" fill="#1A171B"></path><path d="M137.052 7.513l-15.548-.012a.49.49 0 00-.491.488l-.012 15.467c0 .27.22.488.491.489l15.548.011a.49.49 0 00.491-.488l.012-15.466a.49.49 0 00-.491-.489z" fill="#0053FA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M129.269 19.72c1.804.001 2.836-1.023 2.837-2.684l.004-5.262-1.931-.002-.004 5.255c-.001.642-.259 1.026-.904 1.025-.516 0-.901-.384-.901-1.026l-1.934-.002c-.001 1.66 1.157 2.695 2.833 2.696z" fill="#fff"></path><path d="M156.537 7.526l-15.548-.012a.49.49 0 00-.491.488l-.012 15.467c0 .27.22.488.491.489l15.548.012a.49.49 0 00.491-.488l.012-15.467a.49.49 0 00-.491-.489z" fill="#0053FA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M151.439 19.655l.001-1.566-3.404-.002.001-1.563 3.274.002.002-1.565-3.275-.002.001-1.563 3.405.003.001-1.563-5.371-.004-.006 7.819 5.371.004z" fill="#fff"></path><path d="M176.023 7.54l-15.548-.012a.49.49 0 00-.491.488l-.012 15.467c0 .27.219.488.49.488l15.548.012a.49.49 0 00.491-.488l.012-15.466a.49.49 0 00-.49-.49z" fill="#0053FA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M168.176 19.797c2.094.001 3.403-1.17 3.404-2.864l.004-5.077-1.964-.001-.004 4.947c0 .91-.524 1.433-1.439 1.432-.916 0-1.441-.524-1.44-1.434l.004-4.948h-1.831l-.004 5.076c-.001 1.694 1.306 2.867 3.27 2.869z" fill="#fff"></path><path d="M195.509 7.557l-15.548-.012a.49.49 0 00-.491.488l-.012 15.467c0 .27.22.488.491.489l15.548.011a.49.49 0 00.491-.488L196 8.046a.49.49 0 00-.491-.489z" fill="#0053FA"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M186.169 19.68l1.492-2.56 1.488 2.563 2.302.002-2.434-3.911 2.44-3.91-2.167-.002-1.492 2.56-1.488-2.562-2.303-.002 2.435 3.777-2.441 4.044 2.168.002z" fill="#fff"></path></svg><br> <span class ="menu-span">Mots croisés, sudoku, mots trouvés...</span> </a></li> <li class="nav-item menu-item services" style ="height:56px;"><a class="nav-link" href="https://www.lemonde.fr/memorable/" target="_blank"> <img class="logo-lemonde" style ="width: 160px;" src="/logos/lemondeMemorabl.webp?v=1713433661" alt="logo"><br> <span class ="menu-span" >L’application de culture générale du <em>Monde</em></span> </a></li> <li class="nav-item menu-item services" style ="height:56px;"><a class="nav-link" href="https://boutique.lemonde.fr/" target="_blank"> <img class="logo-lemonde" style ="width: 125px;" src="/logos/lemondeBoutique.svg?v=1713433661" alt="logo"><br> <span class ="menu-span">Les livres, hors-séries et Unes du <em>Monde</em></span> </a></li> </ul> </div> <a class="navbar-brand logoimg mr-auto" href="https://ateliers.lemonde.fr/"><img class="logo d-inline-block align-center" src="/resources/images/frontoffice/logo/logo-lemonde01.svg?v=1702560782" alt="logo"></a> <div class="justify-content-end ml-auto"> <ul class="pt-0 navbar-nav"> <li class="nav-item dropdown"> <div class="mc-login"> <!-- <button type="button" class="btn gift-btn" data-toggle="modal" data-target="#activateGiftModal"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.3438 11.25H17.5C18.1901 11.25 18.7793 11.0059 19.2676 10.5176C19.7559 10.0293 20 9.44011 20 8.75C20 8.05989 19.7559 7.47071 19.2676 6.98242C18.7793 6.49414 18.1901 6.25 17.5 6.25C16.8099 6.25 16.2207 6.49414 15.7324 6.98242C15.2441 7.47071 15 8.05989 15 8.75C15 8.05989 14.7559 7.47071 14.2676 6.98242C13.7793 6.49414 13.1901 6.25 12.5 6.25C11.8099 6.25 11.2207 6.49414 10.7324 6.98242C10.2441 7.47071 10 8.05989 10 8.75C10 9.44011 10.2441 10.0293 10.7324 10.5176C11.2207 11.0059 11.8099 11.25 12.5 11.25H7.65625C7.26562 11.25 6.9336 11.3867 6.66016 11.6602C6.38672 11.9336 6.25 12.2656 6.25 12.6562V14.8438C6.25 15.2344 6.38672 15.5664 6.66016 15.8398C6.9336 16.1133 7.26562 16.25 7.65625 16.25H7.5V22.3438C7.5 22.7344 7.63672 23.0664 7.91016 23.3398C8.1836 23.6133 8.51562 23.75 8.90625 23.75H21.0938C21.4844 23.75 21.8164 23.6133 22.0898 23.3398C22.3633 23.0664 22.5 22.7344 22.5 22.3438V16.25H22.3438C22.7344 16.25 23.0664 16.1133 23.3398 15.8398C23.6133 15.5664 23.75 15.2344 23.75 14.8438V12.6562C23.75 12.2656 23.6133 11.9336 23.3398 11.6602C23.0664 11.3867 22.7344 11.25 22.3438 11.25ZM12.5 10C12.1577 10 11.8638 9.87723 11.6183 9.6317C11.3728 9.38616 11.25 9.09226 11.25 8.75C11.25 8.40774 11.3728 8.11384 11.6183 7.8683C11.8638 7.62277 12.1577 7.5 12.5 7.5C12.8423 7.5 13.1362 7.62277 13.3817 7.8683C13.6272 8.11384 13.75 8.40774 13.75 8.75V10H12.5ZM8.75 16.25V22.5H13.75V16.25H8.75ZM13.75 15H7.5V12.5H13.75V15ZM16.6183 7.8683C16.3728 8.11384 16.25 8.40774 16.25 8.75V10H17.5C17.8423 10 18.1362 9.87723 18.3817 9.6317C18.6272 9.38616 18.75 9.09226 18.75 8.75C18.75 8.40774 18.6272 8.11384 18.3817 7.8683C18.1362 7.62277 17.8423 7.5 17.5 7.5C17.1577 7.5 16.8638 7.62277 16.6183 7.8683ZM16.25 22.5V16.25H21.25V22.5H16.25ZM16.25 15H22.5V12.5H16.25V15Z" fill="#2A303C"/> </svg> </button> --> <a class="mc-login-btn" href="https://secure.lemonde.fr/sfuser/connexion?redirectionUrl=https%3A%2F%2Fateliers.lemonde.fr%2F" role="button"> <img src="/resources/images/frontoffice/icons/Compte.svg?v=1702560782" alt="login"> <span class="pl-1 d-none d-sm-none d-md-inline d-lg-inline">Se connecter</span></a> </div> </li> </ul> </div> </nav> </div> </div> <!-- <header class="all_access"> <div class="container h-100"> <div class="row h-100 align-items-center"> <div class="col-12 text-center"> <h1 class="font-weight-light"></h1> <p class="lead"></p> </div> </div> </div> </header> --> <div id="top"></div> <!-- Banner For all pages --> <!-- <div class="mon-banner-container"> <div class="container"> <div> <div class="banner-title">BANNER TITLE</div> <div class="banner-description"> YOUR BANNER DESCRIPTION HERE </div> </div> </div> <img src="/resources/images/frontoffice/mondosphere/sdl-banner.jpg?v=1702560782"> </div> --> <!-- <div class="container"> --> <!-- Main Content Loaded Here --> <div class="main-container"> <div class="container"> <h1 class="mc-header-title text-center"> Découvrez les ateliers, conférences et cours en ligne organisés par la rédaction </h1> <div class="mc-banner-container"> <div class="h-100"> <a href="https://ateliers.lemonde.fr/nabil-wakim/147" class="lien-featured"> <div class="row h-100" style=""> <div class="col-md-4 col-sm-12 d-sm-inline d-md-none d-lg-none"> <img class="mc-mobile-banner-img" src="https://ateliers.lemonde.fr/resources/images/frontoffice/banner/1731937811.png" alt="https://ateliers.lemonde.fr/resources/images/frontoffice/banner/1731937811.png"> </div> <div class="col-md-8 col-sm-12"> <div class="container mc-mobile-banner"> <div class="mc-featured-content"> <a href="https://ateliers.lemonde.fr/nabil-wakim/147"> <div class="mc-moment-text">A la Une</div> <div id="title-atelier1" class="mc-featured-title"> Festival des idées « Chaleur humaine» </div> <div class="mc-workshop-link"> <a href="https://ateliers.lemonde.fr/nabil-wakim/147"> <span>Réserver</span> </a> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.762V13.238H15.44L13.056 15.938L14 17L18 12.5L14 8L13.056 9.062L15.44 11.762H6Z" fill="#FCFCFD"/> </svg> </div> </a> </div> </div> </div> <div class="overlay"></div> </div> <img class="mc-banner-bg d-none d-sm-none d-md-inline d-lg-inline" src="https://ateliers.lemonde.fr/resources/images/frontoffice/banner/1731937811.png" alt="banner bg"> </a> </div> </div> </div> <div class="margin-banner"></div> <div class='container swiper-pagination swiper-pagination3'></div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var swiper3 = new Swiper('#swiper3', { slidesPerView: 'auto', spaceBetween: 5, slidesPerGroup: 3, speed: 600, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 1024: { slidesPerView: 3, spaceBetween: 0, }, }, }); }); </script> <section class='bg-carousel' id="cours-de-soir"> <div class="container"> <div class='swiper-container swc-0 swipers'> <div class="container-carousel1"> <div class ="pour-navigation"> <h3 class="font-weight-bold">Approfondir avec nos cours du soir </h3> <div class ="buttons-navigation"> <div class="circle-button prev-button1"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 11.762V13.238H8.56L10.944 15.938L10 17L6 12.5L10 8L10.944 9.062L8.56 11.762H18Z" fill="#2A303C"/> </svg> </div> <div class="circle-button next-button1"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.762V13.238H15.44L13.056 15.938L14 17L18 12.5L14 8L13.056 9.062L15.44 11.762H6Z" fill="#2A303C"/> </svg> </div> </div> </div> <p class="font-weight-medium">Des cycles de conférences accessibles dans l'auditorium du journal à Paris ou bien à distance.</p> </div> <div id='swiper0'> <div class='swiper-wrapper sw-0'> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/marie-darrieussecq/150' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/rxp6FOX52lAV6GQcAf54.webp?v=1727259202' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Déc – 1 session</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Marie Darrieussecq</h4> <p class="card-text text-black-100">Masterclasse en direct</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/marie-darrieussecq/150"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/frederic-lemaitre/151' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/dLcJORvX4f9613ZqjNzm.webp?v=1732292247' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Mars-Avr – 5 sessions</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Frédéric Lemaître</h4> <p class="card-text text-black-100">Cours du soir géopolitique : comprendre la Chine de Xi Jinping</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/frederic-lemaitre/151"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/francoise-barbe-gall/148' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/9F328NRcw9oeL08fcOvR.webp?v=1725962788' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Complet</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Françoise Barbe-Gall</h4> <p class="card-text text-black-100">Cours du soir : Comment regarder un tableau « Le temps de l'impressionnisme »</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/francoise-barbe-gall/148"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/nabil-wakim/147' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/6F0zTva4VXJdenKJ4tRO.webp?v=1732707898' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Déc – 1 session</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Nabil Wakim</h4> <p class="card-text text-black-100">Festival des idées « Chaleur humaine »</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/nabil-wakim/147"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/alain-frachon-et-gilles-paris/141' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/dC9c2mP3oHvAQT6BuDOc.webp?v=1721653429' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Complet</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Alain Frachon et Gilles Paris</h4> <p class="card-text text-black-100">Cours du soir géopolitique : USA, une démocratie en crise</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/alain-frachon-et-gilles-paris/141"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/jean-birnbaum/135' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/Jqk8EEtlXF5KifogYaP6.webp?v=1710174952' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Jean Birnbaum</h4> <p class="card-text text-black-100">Cours du soir littérature : La nuance mode d'emploi</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/jean-birnbaum/135"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/francoise-barbe-gall/128' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/vx46OLG7vwyG2YXYYJa4.png?v=1702566360' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Françoise Barbe-Gall</h4> <p class="card-text text-black-100">Cours du soir : Comment regarder un tableau - Saison 4</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/francoise-barbe-gall/128"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/bertrand-monnet-/126' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/1y8Ulb4O3AqLpIvHZkjD.png?v=1702566188' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Bertrand Monnet</h4> <p class="card-text text-black-100">Cours du soir : « Immersion dans l’économie du crime »</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/bertrand-monnet-/126"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/alain-frachon-et-benjamin-barthe/102' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/Fz8aijr8xEDwVE7ugFHT.png?v=1702560781' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Complet</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Alain Frachon et Benjamin Barthe</h4> <p class="card-text text-black-100">Cours du soir géopolitique : Le Moyen-Orient contemporain</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/alain-frachon-et-benjamin-barthe/102"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/francoise-barbe-gall/91' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/T18G2LfqR0q5u4z7LlcN.jpg?v=1702560781' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div>. <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Françoise Barbe-Gall</h4> <p class="card-text text-black-100">Cours du soir « Comment regarder un tableau » - Saison 3</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/francoise-barbe-gall/91"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> </div> </div> <div class='container swiper-pagination swiper-pagination0'></div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var swiper0 = new Swiper('#swiper0', { slidesPerView: 'auto', spaceBetween: 5, slidesPerGroup: 1, speed: 600, pagination: { el: '.swiper-pagination0', clickable: true, }, navigation: { nextEl: '.next-button1', prevEl: '.prev-button1', }, breakpoints: { 1024: { slidesPerView: 4, spaceBetween: 0, }, }, }); }); </script> </div> </section> <section class ="cours_atelier"> <div class="container" id="cours-atelier"> <div class='swiper-container swc-1 swipers'> <div class="container-carousel2"> <div class ="pour-navigation"> <h3 class="font-weight-bold">Pratiquer avec nos ateliers </h3> <div class ="buttons-navigation"> <div class="circle-button prev-button"> <svg width="28" height="28" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 11.762V13.238H8.56L10.944 15.938L10 17L6 12.5L10 8L10.944 9.062L8.56 11.762H18Z" fill="#2A303C"/> </svg> </div> <div class="circle-button next-button"> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.762V13.238H15.44L13.056 15.938L14 17L18 12.5L14 8L13.056 9.062L15.44 11.762H6Z" fill="#2A303C"/> </svg> </div> </div> </div> <p class="font-weight-medium"> Des ateliers dans les locaux du Monde, en petit comité pour développer vos projets.</p> </div> <div id='swiper1'> <div class='swiper-wrapper sw-1'> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/marie-darrieussecq/142' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/NSN3B68LG1pX78sO4y87.webp?v=1719477299' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Complet</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Marie Darrieussecq</h4> <p class="card-text text-black-100">Atelier d'écriture « De la page blanche au point final » </p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/marie-darrieussecq/142"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/chloe-delaume/129' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/8oFm2AG7Zp6v398QpK6Z.webp?v=1706541827' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Chloé Delaume</h4> <p class="card-text text-black-100">Atelier d'écriture « Écrire sur soi, écrire sur le monde »</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/chloe-delaume/129"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/jean-rouaud/111' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/89ia0BnXb7Subkq6Z5yw.png?v=1702560781' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Jean Rouaud</h4> <p class="card-text text-black-100">Atelier d'écriture avec Jean Rouaud</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/jean-rouaud/111"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/sylvain-prudhomme/97' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/3s2Ekqx4WRD3i8pe4712.png?v=1702560781' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Sylvain Prudhomme</h4> <p class="card-text text-black-100">Atelier d'écriture « Petit atelier de littérature portative »</p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/sylvain-prudhomme/97"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/maylis-de-kerangal/89' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/cjDOeSvEmYkE9FO7lmkL.png?v=1702560782' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Maylis de Kerangal</h4> <p class="card-text text-black-100">Atelier d'écriture : Écrire à l'oreille </p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/maylis-de-kerangal/89"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> <div class='swiper-slide'> <a href='https://ateliers.lemonde.fr/thomas-reverdy/73' class='no-link'> <div class="mr-3 mb-3 card carousel-card"> <img src='/resources/images/frontoffice/events/FPytjF1WIKw3q2XVMi7i.png?v=1702560781' alt='Image de l'événement' class='card-img-top'> <div class='mc-workshop-session text-light' style='position:absolute; left:10px;top:10px'>Événement passé</div> <div class="overlay"></div> <div class="card-body card-body-carousel"> <div class ="titre-desc"> <h4 class="card-title font-weight-bold">Thomas Reverdy</h4> <p class="card-text text-black-100">Atelier d'écriture : A la recherche du réel, ce que la fiction fait à la réalité </p> </div> <div class="mc-card-link"> <a href="https://ateliers.lemonde.fr/thomas-reverdy/73"> <span>Réserver</span> </a> <img src="/resources/images/frontoffice/icons/Arrow-blue.svg?v=1698940963" alt="Lien mc"> </div> </div> </div> </a> </div> </div> </div> <div class=' container swiper-pagination swiper-pagination1'></div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var swiper0 = new Swiper('#swiper1', { slidesPerView: 'auto', spaceBetween: 5, slidesPerGroup: 1, speed: 600, pagination: { el: '.swiper-pagination1', clickable: true, }, navigation: { nextEl: '.next-button', prevEl: '.prev-button', }, breakpoints: { 1024: { slidesPerView: 4, spaceBetween: 0, }, }, }); }); </script> </div> </section> <!-- WORKSHOPS --> <div class='bg' id="cours-en-ligne"> <div class="container"> <div class="mc-workshop-list"> <h2 class="mc-block-title ">Explorer avec nos cours en ligne</h2> <p class ="mc-titleEnligne">Des cours vidéos à regarder à votre rythme, sans limite de temps, pour découvrir ou approfondir une thématique.</p> <div class="workshops-list"> <div class="row enlignes"> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/prise-de-parole/146' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/4JgK7V3tj9s37fpqh8y7.webp?v=1725532367' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 17 Leçons - 3h08 </div> <h2 class="mc-workshop-speaker ">Cyril Delhay</h2> <h3 class="mc-workshop-title">« De l'animation d'une réunion à la préparation d'un discours, apprendre à parler en public »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/bertrand-monnet/143' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/O95se5HR9G1cx9fX5F1F.webp?v=1720432934' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 5 Leçons - 10h49 </div> <h2 class="mc-workshop-speaker ">Bertrand Monnet</h2> <h3 class="mc-workshop-title"> « Immersion dans l’économie du crime »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/philosophie/136' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/8rNSzvJ8hXlM5IbisfF5.webp?v=1711115041' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 7 Leçons - 2h01 </div> <h2 class="mc-workshop-speaker ">Roger-Pol Droit</h2> <h3 class="mc-workshop-title">« De Socrate à Descartes, comment aborder la philosophie ? »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/sylvie-kauffmann/130' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/kn29edDLonM85ch8p14K.webp?v=1710496022' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 5 Leçons - 9h59 </div> <h2 class="mc-workshop-speaker ">Sylvie Kauffmann</h2> <h3 class="mc-workshop-title">« La Russie contemporaine »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/opera/127' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/Ffe27n2TBlhTLo8rjIkp.png?v=1702566260' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 6 Leçons - 1h38 </div> <h2 class="mc-workshop-speaker ">Anna Sigalevitch</h2> <h3 class="mc-workshop-title">« De Maria à diva, l’opéra à travers la Callas »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/histoire-de-lart/123' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/6IqjgfEo4yaWgo7LWIV2.png?v=1702566213' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 8 Leçons - 3h09 </div> <h2 class="mc-workshop-speaker ">Françoise Barbe-Gall</h2> <h3 class="mc-workshop-title">« De Botticelli à Raphaël, regarder la renaissance italienne »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/alain-frachon-et-benjamin-barthe/113' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/36fqyJOn66v8NSE8NpOf.png?v=1702566199' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 6 Leçons - 11h47 </div> <h2 class="mc-workshop-speaker ">Alain Frachon et Benjamin Barthe</h2> <h3 class="mc-workshop-title">« Le Moyen-Orient contemporain » - Juin 2023</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/astrophysique/112' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/WQ98bnKWP2EyTFzG3o7o.png?v=1702566375' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 7 Leçons - 2h48 </div> <h2 class="mc-workshop-speaker ">David Elbaz</h2> <h3 class="mc-workshop-title">« Du Big Bang aux trous noirs, les mystères de l'Univers »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/oenologie/93' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/J8IeVnNfvkDL7ZzI6OGN.jpg?v=1702560781' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 7 Leçons - 2 h </div> <h2 class="mc-workshop-speaker ">Laure Gasparotto</h2> <h3 class="mc-workshop-title">« Des vins d'Alsace au Bordelais, à la découverte des vignobles français »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/histoire-de-lart/90' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/UR74zU8EslJhJGpciTSa.jpg?v=1702560781' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 8 Leçons - 3h36 </div> <h2 class="mc-workshop-speaker ">Françoise Barbe-Gall</h2> <h3 class="mc-workshop-title">« De Cézanne à Bonnard, regarder le néo-impressionnisme »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/edition/71' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/k7RIaN998tH7rMOia6eb.jpg?v=1702560782' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 10 Leçons - 1 h </div> <h2 class="mc-workshop-speaker ">Véronique Ovaldé</h2> <h3 class="mc-workshop-title"> « De l'écriture d'un roman à sa publication »</h3> </div> </div> </div> </a> </div> <div class="enlignes col-lg-3 col-md-6 col-sm-6"> <a href='https://ateliers.lemonde.fr/histoire-de-lart/65' class='no-link'> <div class="mc-workshop-card card no-sponsor"> <div class="mc-workshop-img-card"> <div class="cancel-overlay d-none"> <div class="cancelled-label">ANNULE</div> </div> <div class="mc-workshop-card card mc-card-img"> <img src='/resources/images/frontoffice/events/1lfRYGbujFfYT4aaewLz.jpg?v=1702560781' alt='Image de l'événement'> </div> <div class="mc-card-content"> <div class="mc-workshop-session text-light "> <svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg" fill="#fff"><path d="M-838-2232H562v3600H-838z" fill="none"></path><path d="M16 10v28l22-14z"></path><path d="M0 0h48v48H0z" fill="none"></path></svg> 8 Leçons - 3h04 </div> <h2 class="mc-workshop-speaker ">Françoise Barbe-Gall</h2> <h3 class="mc-workshop-title">« De Manet à Cézanne, regarder l'impressionnisme »</h3> </div> </div> </div> </a> </div> </div> </div> </div> </div> <div class='newsletter'> <h2 class="text-newsletter">Tenez-vous informé <br>des prochains événements</h2> <a href="https://ateliers.lemonde.fr/newsletter---le-monde-ateliers/54" target="_blank"> <button>S'inscrire à la newsletter</button> </a> </div> </div> <div class="container"> <div class="survey-container"> <img src="/resources/images/frontoffice/icons/q-icon.svg?v=1702560782" alt="survey"> <span class="mx-3">Êtes-vous satisfait(e) de votre expérience sur Le Monde Ateliers</span> <button data-tf-slider="TTgGN9jr" data-tf-width="550" data-tf-iframe-props="title=Evaluation Le Monde Ateliers" data-tf-medium="snippet" style="">Je donne mon avis</button> <script src="//embed.typeform.com/next/embed.js"></script> </div> </div> </div> <!-- PREVIOUS WORKSHOPS --> <!-- end--> <!-- Announcement Modal --> <div class="modal fade" id="announcement-modal" tabindex="-1" role="dialog" aria-labelledby="announcement-modal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="fa fa-times-circle" style="font-size: 16px;" aria-hidden="true"></i> </button> <h5 class="modal-title mon-primary" id="announcement-modal-label"></h5> </div> <div id="announcement-content" class="modal-body"> <div class="pl-3 pr-3"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">ACCÉDER AU SITE</button> </div> </div> </div> </div> <!-- /Content --> <div class="modal fade" id="activateGiftModal" tabindex="-1" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header d-flex align-items-center flex-row"> <h5 class="modal-title" id="exampleModalLabel">Activer mon cadeau</h5> <button type="button" class="close gift-btn" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <form role="form" id="activate-form-modal" action="javascript:;"> <div class="modal-body"> <div class="px-2 py-2"> <!-- <div class="form-group"> <label for="gift-email">Adresse mail</label> <input type="email" class="form-control" id="gift-email" required> </div> --> <div class="form-group mt-2"> <label for="gift-code">Code</label> <input type="text" class="form-control" id="gift-code" required> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn gift-btn close-btn" data-dismiss="modal">Retour</button> <button type="submit" class="btn btn-primary gift-btn" id="activate_code_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" id="gift-spinner" style="font-size:20px; color: #ffffff;"></i> Activer</button> </div> </form> </div> </div> </div> <!-- PE Cancellation Modal --> <div class="pe-cancel-reservation-modal-view"> <div class="modal fade" id="pe-cancel-reservation-modal" tabindex="-1" role="dialog" aria-labelledby="pe-cancel-reservation-modal" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h5 class="modal-title" id="pe-cancel-reservation-modal-title-view">MODIFIER OU ANNULER MA RÉSERVATION</h5> </div> <div id="announcement-content-holder" class="modal-body"> <div id="announcement-content" class="pl-3 pr-3"> Sorry, cancellation of reservation is currently not allowed for Paid Events. Please contact Lemonde.fr for more details. </div> </div> </div> </div> </div> </div></div> <!-- </div> --> <!-- /container --> <!-- Load Footer --> <footer class="footer"> <div class="container"> <div class="mc-footer"> <hr class="d-block d-sm-block d-md-none "/> <div class="order-md-1 order-sm-1 order-1"> <a href="https://www.lemonde.fr/" target="_blank">Le Monde.fr</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <div class="order-md-2 order-sm-2 order-2"> <a href="https://ateliers.lemonde.fr/mentions-legales">Mentions légales</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <!-- <div class="order-md-2 order-sm-2 order-2"> <a href="https://www.lemonde.fr/actualite-medias/article/2010/11/03/la-charte-d-ethique-et-de-deontologie-du-groupe-le-monde_1434737_3236.html" target="_blank">Charte du Groupe</a><span class="letter-no-space d-none d-md-inline">——</span> </div> --> <div class="order-md-3 order-sm-5 order-5"> <a href="https://www.lemonde.fr/confidentialite/" target="_blank">Politique de confidentialité</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <div class="order-md-4 order-sm-6 order-6"> <a href="#" class="sc-LzLuZ fKQPiN gdpr-cs-parameters-link">Gestion des cookies</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <div class="order-md-5 order-sm-3 order-3"> <a href="https://moncompte.lemonde.fr/cgv" target="_blank">Conditions générales</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <div class="order-md-6 order-sm-4 order-4"> <a href="https://ateliers.lemonde.fr/contact">Contact</a><span class="letter-no-space d-none d-md-inline">——</span> </div> <div class="order-md-6 order-sm-4 order-4"> <a href="https://ateliers.lemonde.fr/faq">FAQ</a> </div> </div> </div> </footer> <!-- Jquery --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://unpkg.com/popper.js"></script> <!-- App JS --> <script src="/resources/app/app.js?v=1707483239"></script> <!-- Vimeo Player API --> <script src="https://player.vimeo.com/api/player.js"></script> <script src="/resources/app/ui.js?v=1702560780"></script> <script src="/resources/app/masterclass.js?v=1728475335"></script> <script src="/resources/plugins/bootstrap/bootstrap-4.3.1/js/bootstrap.min.js?v=1702560782"></script> <script src="/resources/plugins/slick-1.8.1/slick/slick.js?v=1702560782"></script> <!-- GA Tracker --> <!-- <script nonce="MTEyMDI0NDE3MzI3NTIwNjc=" type="text/plain" data-gdpr-purposes="analytics" data-gdpr-inline> if (GAUID) { window.dataLayer.push({'Connected user - User scope': 'Connected users'}); } </script> --> <script src="/resources/app/ajax.js?v=1702560780"></script> <!-- Datetimepicker JS --> <script src="/resources/plugins/momentjs/moment.min.js?v=1702560782" ></script> <script src="/resources/plugins/bootstrap/datepicker/moment-with-locales.min.js?v=1702560782" ></script> <script src="/resources/plugins/momentjs/moment-range.min.js?v=1702560782" ></script> <script src="/resources/plugins/bootstrap/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js?v=1702560782" ></script> <!-- Bootbox JS --> <script src="/resources/plugins/bootstrap/bootbox/bootbox.min.js?v=1702560782"></script> <!-- Dotdotdot JS --> <script src="/resources/plugins/jquery/jquery.ellipsis.js?v=1702560782" ></script> <!-- Notify JS --> <script src="/resources/plugins/bootstrap/notify_3.3.1/bootstrap-notify.min.js?v=1702560782" ></script> <!-- Google Analytics --> <script type="text/javascript" nonce="MTEyMDI0NDE3MzI3NTIwNjc=">app.setLocale([], {currenturl : "https://ateliers.lemonde.fr/index.php", baseurl : "https://ateliers.lemonde.fr/", timeout: {"mtype":"active"}}, 2);</script> <script src='/resources/app/frontoffice/online.event.js?v=1727355873'></script> <script src='/resources/app/frontoffice/subscribe.js?v=1713269038'></script> <script src='/resources/app/frontoffice/events.js?v=1702560780'></script> <script src='/resources/app/frontoffice/carousel.js?v=1732752067'></script> <script src='/resources/app/frontoffice/jquery.translate.js?v=1702560780'></script> <script type='text/javascript' nonce="MTEyMDI0NDE3MzI3NTIwNjc="> const notifyUserABoutModerationFeature='false'; </script> <script> function toggleMenu() { var links = document.getElementById("navbarNav"); var menuIcon = document.querySelector(".menu-icon"); var closeIcon = document.querySelector(".close-icon"); links.classList.toggle("show"); } document.addEventListener("click", function(event) { var menu = document.getElementById("navbarNav"); var icon = document.querySelector(".custom-navbar-toggler"); if (!menu.contains(event.target) && !icon.contains(event.target)) { menu.classList.remove("show"); } }); </script> <link rel="stylesheet" href="https://unpkg.com/swiper@11.0.5/swiper-bundle.min.css" /> <script src="https://unpkg.com/swiper@11.0.5/swiper-bundle.min.js"></script> </body> </html>