CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <meta name="title" content="Les événements de Libé" /> <meta property="og:title" content="Les événements de Libé" /> <meta property="og:image" content="https://page.co/preview/408242/null/1729695104000" /> <meta property="og:type" content="website" /> <meta property="og:image:width" content="600" /> <meta property="og:image:height" content="600" /> <link rel="shortcut icon" href="https://a.mailmunch.co/site_assets/817197/favicon-817197-799280-logo_libe_96.png"> <title>Les événements de Libé</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script> <script src="https://a.mailmunch.co/app/v1/form.js"></script> <style> .u-row { display: flex; flex-wrap: nowrap; margin-left: 0; margin-right: 0; } .u-row .u-col { position: relative; width: 100%; padding-right: 0; padding-left: 0; } .u-row .u-col.u-col-32p94 { flex: 0 0 32.94%; max-width: 32.94%; } .u-row .u-col.u-col-33p33 { flex: 0 0 33.33%; max-width: 33.33%; } .u-row .u-col.u-col-33p73 { flex: 0 0 33.73%; max-width: 33.73%; } .u-row .u-col.u-col-100 { flex: 0 0 100%; max-width: 100%; } @media (max-width: 767px) { .u-row:not(.no-stack) { flex-wrap: wrap; } .u-row:not(.no-stack) .u-col { flex: 0 0 100% !important; max-width: 100% !important; } } .layout-mobile .u-row:not(.no-stack) { flex-wrap: wrap; } .layout-mobile .u-row:not(.no-stack) .u-col { flex: 0 0 100% !important; max-width: 100% !important; } body,html{padding:0;margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}html{font-size:14px;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}p{margin:0}form .error-field{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}form .error-field input,form .error-field textarea{border-color:#a94442!important;color:#a94442!important}form .field-error{padding:5px 10px;font-size:14px;font-weight:700;position:absolute;top:-20px;right:10px}form .field-error:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ebcccc;border-width:5px;margin-left:-5px}form .spinner{margin:0 auto;width:70px;text-align:center}form .spinner>div{width:12px;height:12px;background-color:hsla(0,0%,100%,.5);margin:0 2px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}form .spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}form .spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@media (max-width:480px){.hide-mobile{display:none!important}.container{max-width:100%!important}}@media (min-width:481px) and (max-width:768px){.hide-tablet{display:none!important}}@media (min-width:481px){.hide-desktop{display:none!important}}.container{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}} a[onclick] { cursor: pointer; } body { font-family: Open Sans; font-size: 1rem; line-height: 1.5; color: #000000; background-color: #ffffff; } #u_body a { color: #030303; text-decoration: underline; } #u_body a:hover { color: #050505; text-decoration: underline; } @media (max-width: 480px) { #u_column_158 .v-col-padding { padding: 0px 15px !important; } #u_content_html_80.v-container-padding-padding { padding: 20px 0px 0px !important; } #u_content_html_123.v-container-padding-padding { padding: 20px 0px 0px !important; } #u_content_divider_25.v-container-padding-padding { padding: 10px 20px 10px 0px !important; } #u_content_divider_26.v-container-padding-padding { padding: 10px 20px 10px 0px !important; } #u_content_html_125.v-container-padding-padding { padding: 20px 0px 0px !important; } } </style> </head> <body> <div id="designer"> <div id="u_body" class="u_body" style="min-height: 100vh;"> <div id="u_row_66" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;"> <div class="u-row v-row-align-items"> <div id="u_column_119" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_16" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div><style> @font-face { font-family: 'RobotoMedium'; font-weight: 500; font-style: normal; src: url('https://statics.liberation.fr/newsite/css/fonts/Roboto-Medium.woff') format('woff'); font-display: swap; } @font-face { font-family: 'TiemposText'; font-weight: 400; font-style: normal; src: url('https://statics.liberation.fr/newsite/css/fonts/TiemposText-Regular.woff') format('woff'), url('https://statics.liberation.fr/newsite/css/fonts/TiemposText-Regular.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'TiemposTextBold'; font-weight: 400; font-style: normal; src: url('https://statics.liberation.fr/newsite/css/fonts/TiemposText-Bold.woff') format('woff'), url('https://statics.liberation.fr/newsite/css/fonts/TiemposText-Bold.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'LibeSansCondensed-UltraStack'; font-weight: 400; font-style: normal; src: url('https://statics.liberation.fr/newsite/css/fonts/LibeSansCondensed-UltraStack.woff') format('woff'), url('https://statics.liberation.fr/newsite/css/fonts/LibeSansCondensed-UltraStack.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'LibeSansSemiCondensedBold'; src: url('https://statics.liberation.fr/newsite/css/fonts/LibeSansSemiCondensed-Bold.woff') format('woff'); font-style: normal; font-weight: 400; font-display: swap; } p {font-family:TiemposText; font-weight: 400;} </style> <style type="text/css"> a:link { text-decoration:none!important; } </style></div> </div> </div> </div> </div> </div> </div> <div id="u_row_65" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;background-image: url('https://a.mailmunch.co/attachments/assets/000/582/643/large/fond_header2.jpg?1644404686');background-repeat: repeat;background-position: center top;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;"> <div class="u-row v-row-align-items" style="align-items: center;"> <div id="u_column_116" class="u-col u-col-32p94 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_image_63" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <a href="https://liberation.fr" target="_self"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/511/454/large/liberation_2021_400px.png?1626351251" style="width: 60%;max-width: 60%;" title=""/> </a> </div> </div> </div> </div> <div id="u_column_117" class="u-col u-col-33p73 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_text_119" class="u_content_text v-container-padding-padding hide-mobile" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> </div> </div> </div> </div> <div id="u_column_118" class="u-col u-col-33p33 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_75" class="u_content_html v-container-padding-padding hide-mobile" style="overflow-wrap: break-word;padding: 10px;"> <div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_89" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f8f8f8; padding: 0px 30px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;"> <div class="u-row v-row-align-items"> <div id="u_column_158" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_124" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div> <script type="text/javascript" src="https://tag.aticdn.net/smarttag.js"></script> <script> var ATTag = new ATInternet.Tracker.Tag({ log: "logliberation", logSSL: "logs1091", secure: false, site: 614234, domain: "xiti.com" }); ATTag.page.set({ name: "evenements_agenda", chapter1:"landing" }); ATTag.dispatch(); </script> </div> </div> <div id="u_content_html_80" class="u_content_html v-container-padding-padding hide-mobile" style="overflow-wrap: break-word;padding: 50px 0px 0px;"> <div><p style="font-family:LibeSansCondensed-UltraStack,Arial; letter-spacing:0.8px; font-size:54px; font-weight:400; line-height:1.2; color:#1A1A1A; text-align:left; letter-spacing:1.4px; font-style:normal;"> L'agenda<span style="color:#e60004;"> des événements Libé</span></p> </div> </div> <div id="u_content_html_123" class="u_content_html v-container-padding-padding hide-desktop" style="overflow-wrap: break-word;padding: 50px 0px 0px;"> <div><p style="font-family:LibeSansCondensed-UltraStack,Arial; letter-spacing:0.8px; font-size:40px; font-weight:400; line-height:1.2; color:#1A1A1A; text-align:left; letter-spacing:1.4px; font-style:normal;"> L'agenda<span style="color:#e60004;"><br>des événements Libé</span></p> </div> </div> <div id="u_content_divider_25" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 150px 10px 0px;"> <div style="text-align:center;line-height:0"><div style="border-top-width:1px;border-top-style:solid;border-top-color:#1a1a1a;width:100%;display:inline-block;line-height:1px;height:0px;vertical-align:middle"> </div></div> </div> <div id="u_content_text_134" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;"><strong>15 et 16 novembre 2024 :</strong></span></p> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;">Climat Libé Tour Loire-Atlantique (Nantes)</span></p> <p style="line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 22.4px; font-size: 16px;"><span style="line-height: 19.6px;">Entrée gratuite </span><span style="line-height: 19.6px; color: #e60004;"><span style="line-height: 19.6px;">▶ </span></span><span style="text-decoration: underline; line-height: 19.6px;"><span style="line-height: 19.6px;"><span style="color: #e60004; line-height: 19.6px; text-decoration: underline;"><a rel="noopener" href="https://www.liberation.fr/forums/climat-libe-tour-2024-inscrivez-vous-a-letape-de-nantes-20241022_YP72VSTBGVEEZALJIVITZOQ5A4/" target="_blank" style="color: #e60004; text-decoration: underline;" data-u-link-value="eyJuYW1lIjoid2ViIiwiYXR0cnMiOnsiaHJlZiI6Int7aHJlZn19IiwidGFyZ2V0Ijoie3t0YXJnZXR9fSJ9LCJ2YWx1ZXMiOnsiaHJlZiI6Imh0dHBzOi8vd3d3LmxpYmVyYXRpb24uZnIvZm9ydW1zL2NsaW1hdC1saWJlLXRvdXItMjAyNC1pbnNjcml2ZXotdm91cy1hLWxldGFwZS1kZS1uYW50ZXMtMjAyNDEwMjJfWVA3MlZTVEJHVkVFWkFMSklWSVRaT1E1QTQvIiwidGFyZ2V0IjoiX2JsYW5rIn19">Plus d'info</a>s</span></span></span></span></p> </div> </div> <div id="u_content_text_139" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;"><strong>22 et 23 novembre 2024 :</strong></span></p> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;">Climat Libé Tour Dunkerque </span></p> <p style="line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 22.4px; font-size: 16px;"><span style="line-height: 19.6px;">Entrée gratuite <span style="font-family: arial, helvetica, sans-serif; line-height: 22.4px; font-size: 16px;"><span style="line-height: 19.6px; color: #e60004;"><span style="line-height: 19.6px;">▶ </span></span><span style="text-decoration: underline; line-height: 19.6px;"><span style="line-height: 19.6px;"><span style="color: #e60004; line-height: 19.6px; text-decoration: underline;"><a rel="noopener" href="https://www.climat-libe-tour.liberation.fr/" target="_blank" style="color: #e60004; text-decoration: underline;" data-u-link-value="eyJuYW1lIjoid2ViIiwiYXR0cnMiOnsiaHJlZiI6Int7aHJlZn19IiwidGFyZ2V0Ijoie3t0YXJnZXR9fSJ9LCJ2YWx1ZXMiOnsiaHJlZiI6Imh0dHBzOi8vd3d3LmNsaW1hdC1saWJlLXRvdXIubGliZXJhdGlvbi5mci8iLCJ0YXJnZXQiOiJfYmxhbmsifX0=">Plus d'infos</a></span></span></span></span></span></span></p> </div> </div> <div id="u_content_divider_26" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 150px 10px 0px;"> <div style="text-align:center;line-height:0"><div style="border-top-width:1px;border-top-style:solid;border-top-color:#1a1a1a;width:100%;display:inline-block;line-height:1px;height:0px;vertical-align:middle"> </div></div> </div> <div id="u_content_html_125" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px 0px 10px;"> <div><p style="font-family:LibeSansCondensed-UltraStack,Arial; letter-spacing:0.8px; font-size:40px; font-weight:400; line-height:1.2; color:#1A1A1A; text-align:left; letter-spacing:1.4px; font-style:normal;"> Les évènements <span style="color:#e60004;">passés</span></p> </div> </div> <div id="u_content_text_137" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;"><strong>19 octobre 2024 : </strong></span><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;">Climat Libé Tour Marseille (au MUCEM)</span></p> </div> </div> <div id="u_content_text_129" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;"><strong>26 septembre 2024 : </strong></span><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;">Climat Libé Tour Rouen (au 106)</span><span style="font-family: arial, helvetica, sans-serif; line-height: 22.4px; font-size: 16px;"><span style="text-decoration: underline; line-height: 19.6px;"><span style="line-height: 19.6px;"><span style="line-height: 19.6px;"><span style="line-height: 19.6px;"></span></span></span></span></span></p> </div> </div> <div id="u_content_text_136" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;"><strong>4 et 5 octobre 2024 : </strong></span><span style="font-size: 18px; line-height: 25.2px; font-family: arial, helvetica, sans-serif;">Climat Libé Tour Grenoble (à la MC2)</span></p> </div> </div> <div id="u_content_text_deprecated_1" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 18px; line-height: 25.2px; color: #000000; font-family: arial, helvetica, sans-serif;"><strong>21-25 aout 2024 : </strong></span><span style="font-size: 18px; line-height: 25.2px; color: #000000; font-family: arial, helvetica, sans-serif;">Libé programme et anime la scène des Talks à Rock en Seine</span></p> </div> </div> <div id="u_content_text_135" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 19.6px;"><span style="font-size: 18px; line-height: 25.2px; color: #000000;"><strong>5 juillet 2024 : </strong></span><span style="font-size: 18px; line-height: 25.2px; color: #000000;">Café des idées au festival d'Avignon</span></span></p> </div> </div> <div id="u_content_text_132" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 19.6px;"><span style="font-size: 18px; line-height: 25.2px; color: #000000;"><strong>2 et 3 mai 2024: </strong></span><span style="font-size: 18px; line-height: 25.2px;">Université Libé à La Sorbonne</span></span></p> </div> </div> <div id="u_content_text_131" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-family: inherit; font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 19.6px;"><span style="font-size: 18px; line-height: 25.2px; color: #000000;"><strong>5-7 avril 2024 : </strong>Libé au </span><span style="font-size: 18px; line-height: 25.2px; color: #000000;">Quai du Polar à Lyon</span></span></p> </div> </div> <div id="u_content_text_127" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px 30px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="font-family: arial, helvetica, sans-serif; line-height: 19.6px;"><span style="font-size: 18px; line-height: 25.2px; color: #000000;"><strong>11 novembre 2023 : </strong>Les<strong> </strong></span><span style="font-size: 18px; line-height: 25.2px; color: #000000;">24H de Libé à la Cité de la musique de Paris</span></span></p> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_19" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;"> <div class="u-row v-row-align-items"> <div id="u_column_34" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_8" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px;"> <div><style>@font-face { font-family: 'LibeSansSemiCondensedBold'; src: url('https://statics.liberation.fr/newsite/css/fonts/LibeSansSemiCondensed-Bold.woff') format('woff'); font-style: normal; font-weight: 400; } </style></div> </div> </div> </div> </div> </div> </div> <div id="u_row_98" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;"> <div class="u-row v-row-align-items"> <div id="u_column_180" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> </div> </div> </div> </div> </div> <div id="u_row_7" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #e6e6e6; padding: 10px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;background-color: rgba(255,255,255,0);"> <div class="u-row v-row-align-items"> <div id="u_column_11" class="u-col u-col-100 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;border-top: 0px solid transparent;border-left: 0px solid transparent;border-right: 0px solid transparent;border-bottom: 0px solid transparent;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_text_17" class="u_content_text v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size" style="font-size: 14px; color: #333333; line-height: 180%; text-align: center; word-wrap: break-word;"> <div style="text-align: left;"> <p style="font-size: 14px; line-height: 180%; text-align: center;"><span style="font-size: 16px; background-color: rgba(255, 255, 255, 0); line-height: 28.8px; font-family: arial, helvetica, sans-serif;">Libération - 2024</span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> var successUrl = "https://page.co/opomco/thanks"; var redirectUrl = "https://liberation.fr"; var submitUrl = "//forms.mailmunch.co/form/817197/408242/submit?resource_type=landing_page"; var subscribePixel = "null"; var couponsList = ""; var leadQuality = {"correct_typos":false,"reject_disposable":false,"reject_role_based":false,"reject_free_services":false}; var siteId = "817197"; var documentId = "408242"; var analyticsId = false; var facebookPixelId = false; function isValidEmail(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } function fireSubscribePixel() { function appendScript(innerHTML) { var script = document.createElement('script'); script.innerHTML = innerHTML; document.body.appendChild(script); } if(analyticsId){ appendScript(gtag("event", "generate_lead")) } if(facebookPixelId){ appendScript(fbq('track', 'Lead')); } if (!subscribePixel) return; var div = document.createElement('div'); div.style.display = "none"; div.innerHTML = decodeURIComponent(subscribePixel); document.body.appendChild(div); var codes = div.getElementsByTagName("script"); for (var i=0; i < codes.length; i++) { eval(codes[i].text); } } function extractMergeTags(redirectUrl, data) { var mergeTagSlugs = redirectUrl.match(/{{([A-Za-z0-9_])+}}/g) if(mergeTagSlugs) { mergeTagSlugs.forEach(function(slug) { var tag = slug.replace(/[{{}}]/g, ""); var value = data[tag] ? data[tag].value : ''; redirectUrl = redirectUrl.replace(new RegExp(slug,"gi"), value) }) } return redirectUrl; } $(function() { var protocol = 'production' === 'development' ? 'http' : 'https'; $.ajax({ type: 'GET', url: protocol + '://forms.mailmunch.co/sites/817197', success: function(data) { try { window.parent._mmunch = data; } catch(e) {} } }); new MMForms(function(formEl, resp) { var referrerUrl; let output = { email_address: resp.email, contact: resp.data } var fields = resp && resp.data || {} if (document.location.href) referrerUrl = document.location.href; if (referrerUrl) output['referrer'] = referrerUrl; $(formEl).find('.spinner-container').show(); $.ajax({ type: "POST", url: submitUrl, data: output, dataType: 'text', beforeSend: function(xhr) { xhr.setRequestHeader('X-MM-Form-Tool', '1'); xhr.setRequestHeader('X-MM-Coupons', couponsList); }, success: function(data, textStatus, request) { fireSubscribePixel(); if (redirectUrl) { var { data } = resp redirectUrl = extractMergeTags(redirectUrl, data) redirectUrl = redirectUrl.replace(/\[EMAIL\]/gi, resp.email); window.location.href = redirectUrl; } else { $.get(successUrl, function(data) { if(request.getResponseHeader('X-MM-Coupons')) { var couponCodes = request.getResponseHeader('X-MM-Coupons') .split("|") .filter(function(item) {return item && item.includes("_")}) .map(function(item) { return { "id": item.split("_")[0], "code": item.split("_")[1] } }) if(couponCodes && couponCodes.length) { var couponPlaceholders = data.match(/{{coupon_\d+}}/g) if(couponPlaceholders) { couponPlaceholders.forEach(function(placeholder) { var couponIndex = Number(placeholder.replace(/\D/g, "")) var seletedCoupon = couponCodes.find(function(x) { return Number(x.id) === Number(couponIndex) } ) var couponCode = seletedCoupon && Object.keys(seletedCoupon).length ? seletedCoupon.code : null if(couponCode) { data = data.replace(placeholder, couponCode) } }) } } } $(window).scrollTop(0); for (let key in fields) { data = data.split('{{' + key + '}}').join(fields[key].value); } if(document && document.documentElement) { document.documentElement.innerHTML = data; } else { /* This method is intended to set the inner HTML of an element, not the entire HTML document. */ $("html").html(data); } }) } }, }); }, function(err) { }) }); var fonts = [{"url":"","label":"Arial","value":"arial,helvetica,sans-serif","weights":null,"defaultFont":true},{"url":"","label":"Helvetica","value":"helvetica,sans-serif","weights":null,"defaultFont":true},{"label":"sans serif","value":"sans-serif"},{"url":"https://fonts.googleapis.com/css?family=Open+Sans:400,700","label":"Open Sans","value":"'Open Sans',sans-serif","weights":null,"defaultFont":true},{"label":"Global Font","value":"inherit"}]; var customFonts = fonts.filter(function(f) { return !!f.url }); var googleFonts = fonts.filter(function(f) { return !f.url && f.type == "google" }); var loadableFonts = {}; if (googleFonts.length > 0) { loadableFonts['google'] = { families: googleFonts.map(function(f) { var font = f.label; if (f.weights) font += ':'+f.weights; return font; }) }; } if (customFonts.length > 0) { loadableFonts['custom'] = { families: customFonts.map(function(f) { return f.label }), urls: customFonts.map(function(f) { return f.url }) }; } if (googleFonts.length > 0 || customFonts.length > 0) { WebFont.load(loadableFonts); } function fireEvent(event_name) { var url = '//analytics.mailmunch.co/event/?site_id=817197&document_id=408242&event_name='+event_name+'&cache='+(new Date()).getTime(); if (document.location.href) url += "&referrer="+encodeURIComponent(document.location.href); var img = document.createElement('img'); img.src = url; img.style.display = "none"; document.body.appendChild(img); } fireEvent("views"); </script> </body> </html>