Libération - s'abonner pour 1€

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <meta name="title" content="Libération - s'abonner pour 1€" /> <meta property="og:title" content="Libération - S'abonner pour 1€" /> <meta property="og:image" content="https://a.mailmunch.co/attachments/assets/000/788/077/large/liber_png?1727268982" /> <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>Libération - s'abonner pour 1€</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-13p53 { flex: 0 0 13.53%; max-width: 13.53%; } .u-row .u-col.u-col-13p83 { flex: 0 0 13.83%; max-width: 13.83%; } .u-row .u-col.u-col-13p92 { flex: 0 0 13.92%; max-width: 13.92%; } .u-row .u-col.u-col-14p06 { flex: 0 0 14.06%; max-width: 14.06%; } .u-row .u-col.u-col-18p9 { flex: 0 0 18.9%; max-width: 18.9%; } .u-row .u-col.u-col-21p95 { flex: 0 0 21.95%; max-width: 21.95%; } .u-row .u-col.u-col-22p71 { flex: 0 0 22.71%; max-width: 22.71%; } .u-row .u-col.u-col-24p46 { flex: 0 0 24.46%; max-width: 24.46%; } .u-row .u-col.u-col-24p99 { flex: 0 0 24.99%; max-width: 24.99%; } .u-row .u-col.u-col-25p15 { flex: 0 0 25.15%; max-width: 25.15%; } .u-row .u-col.u-col-25p4 { flex: 0 0 25.4%; max-width: 25.4%; } .u-row .u-col.u-col-33p33 { flex: 0 0 33.33%; max-width: 33.33%; } .u-row .u-col.u-col-39p4 { flex: 0 0 39.4%; max-width: 39.4%; } .u-row .u-col.u-col-50 { flex: 0 0 50%; max-width: 50%; } .u-row .u-col.u-col-60p6 { flex: 0 0 60.6%; max-width: 60.6%; } .u-row .u-col.u-col-81p1 { flex: 0 0 81.1%; max-width: 81.1%; } .u-row .u-col.u-col-100 { flex: 0 0 100%; max-width: 100%; } @media (max-width: 480px) { .container { max-width: 100% !important; } .u-row:not(.no-stack) { flex-wrap: wrap; } .u-row:not(.no-stack) .u-col { flex: 0 0 100% !important; max-width: 100% !important; } } body,html{margin:0;padding: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-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:shake;animation-name:shake}form .error-field input,form .error-field textarea{border-color:#a94442!important;color:#a94442!important}form .field-error{font-size:14px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:-20px}form .field-error:after{border:solid transparent;border-color:#ebcccc rgba(136,183,213,0) rgba(136,183,213,0);border-width:5px;content:" ";height:0;left:50%;margin-left:-5px;pointer-events:none;position:absolute;top:100%;width:0}form .spinner{margin:0 auto;text-align:center;width:70px}form .spinner>div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:hsla(0,0%,100%,.5);border-radius:100%;display:inline-block;height:12px;margin:0 2px;width:12px}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)}}.container{--bs-gutter-x:0px;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%} a[onclick]{cursor:pointer} @media (max-width: 480px) { .hide-mobile { display: none !important; } } @media (min-width: 481px) { .hide-desktop { display: none !important; } } body { font-family: arial,helvetica,sans-serif; font-size: 1rem; line-height: 1.5; color: #000000; background-color: #ffffff; } #u_body a { color: #0000ee; text-decoration: underline; } #u_body a:hover { color: #0000ee; text-decoration: underline; } #u_content_button_1 a:hover { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_2 a:hover { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_3 a:hover { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_4 a:hover { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_15 a:hover { color: #1a1a1a !important; background-color: #f8f8f8 !important; } #u_content_button_16 a:hover { color: #1a1a1a !important; background-color: #f8f8f8 !important; } #u_content_button_17 a:hover { color: #1a1a1a !important; background-color: #f8f8f8 !important; } #u_content_button_18 a:hover { color: #1a1a1a !important; background-color: #f8f8f8 !important; } #u_content_button_19 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_20 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_21 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_33 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_25 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_26 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_30 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_31 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } #u_content_button_32 a:hover { color: #FFFFFF !important; background-color: #1a1a1a !important; } @media (max-width: 480px) { #u_content_image_3 .v-src-width { width: 35% !important; } #u_content_image_3 .v-src-max-width { max-width: 35% !important; } #u_content_button_15 .v-button-colors { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_15 .v-button-colors:hover { color: #e60004 !important; background-color: #ffffff !important; } #u_content_button_15 .v-padding { padding: 0px !important; } #u_content_button_16 .v-button-colors { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_16 .v-button-colors:hover { color: #e60004 !important; background-color: #ffffff !important; } #u_content_button_16 .v-padding { padding: 0px !important; } #u_content_button_17 .v-button-colors { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_17 .v-button-colors:hover { color: #e60004 !important; background-color: #ffffff !important; } #u_content_button_17 .v-padding { padding: 0px !important; } #u_content_button_18 .v-button-colors { color: #1a1a1a !important; background-color: #ffffff !important; } #u_content_button_18 .v-button-colors:hover { color: #e60004 !important; background-color: #ffffff !important; } #u_content_button_18 .v-padding { padding: 0px !important; } #u_content_html_4.v-container-padding-padding { padding: 35px 35px 20px !important; } #u_content_html_19.v-container-padding-padding { padding: 35px 35px 20px !important; } #u_content_html_8.v-container-padding-padding { padding: 10px 20px 10px 30px !important; } #u_row_17.v-row-padding { padding: 0px 20px 20px !important; } #u_row_25.v-row-padding { padding: 0px 20px 20px !important; } #u_content_html_52.v-container-padding-padding { padding: 10px 20px 10px 30px !important; } #u_row_24.v-row-padding { padding: 0px 20px 20px !important; } #u_content_html_59.v-container-padding-padding { padding: 10px 20px 10px 30px !important; } #u_row_41.v-row-padding { padding: 0px 20px 20px !important; } #u_column_44 .v-col-padding { padding: 10px 20px 0px 30px !important; } #u_content_html_17.v-container-padding-padding { padding: 0px !important; } #u_row_26.v-row-padding { padding: 0px 20px 20px !important; } #u_content_image_12 .v-src-width { width: 40% !important; } #u_content_image_12 .v-src-max-width { max-width: 40% !important; } #u_content_image_13 .v-src-width { width: 40% !important; } #u_content_image_13 .v-src-max-width { max-width: 40% !important; } #u_row_28.v-row-padding { padding: 10px 0px 0px !important; } #u_content_html_41.v-container-padding-padding { padding: 10px 20px 10px 30px !important; } #u_row_29.v-row-padding { padding: 0px 20px 20px !important; } #u_content_image_16 .v-src-width { width: 40% !important; } #u_content_image_16 .v-src-max-width { max-width: 40% !important; } #u_content_image_17 .v-src-width { width: 40% !important; } #u_content_image_17 .v-src-max-width { max-width: 40% !important; } #u_content_divider_2.v-container-padding-padding { padding: 35px 10px 10px !important; } #u_row_30.v-row-padding { padding: 0px 20px 35px !important; } #u_content_text_18.v-container-padding-padding { padding: 10px 20px !important; } #u_content_text_19.v-container-padding-padding { padding: 10px 20px !important; } } </style> </head> <body> <div id="designer"> <div id="u_body" class="u_body" style="min-height: 100vh;"> <div id="u_row_12" 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_30" 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_56" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px;"> <div><style> #u_column_38, #u_column_39, #u_column_60, #u_column_61, #u_column_40,#u_column_54,#u_column_55,#u_column_56, #u_column_57,#u_column_58,#u_column_59,#u_column_66,#u_column_67 { padding:10px;} #u_column_54,#u_column_55,#u_column_56 {margin:10px} #u_column_60, #u_column_61,#u_column_66, #u_column_67 { max-width:390px; margin:auto; } #u_content_html_34, #u_content_html_35, #u_content_html_36, #u_content_html_37 { margin-left:25%;} #u_column_46, #u_column_47, #u_column_48, #u_column_49 { margin:auto; } #u_column_11, #u_column_12, #u_column_13, #u_column_14 { margin:auto; text-align:center; } @media only screen and (min-width: 200px) and (max-width: 900px) #u_content_html_34, #u_content_html_35, #u_content_html_36, #u_content_html_37 { margin-left:10%;} @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: 'TiemposText-Regular'; 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: '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: 'LibeSansSemiCondensedBold'; src: url('https://statics.liberation.fr/newsite/css/fonts/LibeSansSemiCondensed-Bold.woff') format('woff'); font-style: normal; font-weight: 400; } #u_row_6, #u_row_20 {position:sticky; top:0; z-index:99999; border-bottom:3px #e6e6e6 solid;} #u_row_12 {border-bottom:1px #F8F8F8 solid;} .btn { cursor: pointer; border: none; background: none; } input[type="submit"].btn:hover { color: #ffffff !important; background-color: #1A1A1A !important; } #u_content_button_1 a:hover { font-weight:bold !important; } #u_content_button_2 a:hover { font-weight:bold !important; } #u_content_button_3 a:hover { font-weight:bold !important; } #u_content_button_4 a:hover { font-weight:bold !important; } </style>  <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: "aboV2", chapter1:"landing" }); ATTag.dispatch(); </script>  <script src="//a.mailmunch.co/app/v1/site.js" id="mailmunch-script" data-mailmunch-site-id="817197" async="async"> </script> </div> </div> <div id="u_content_image_3" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 10px 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://abo.liberation.fr/static/images/logos/logo_liberation.svg" style="width: 19%;max-width: 186.2px;" title=""/> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_6" class="u_row v-row-padding v-row-background-image--outer v-row-background-color hide-mobile" style="background-color: #ffffff; padding: 0px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;background-color: #ffffff;"> <div class="u-row no-stack v-row-align-items" style="align-items: center;"> <div id="u_column_10" class="u-col u-col-22p71 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;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_9" 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 v-letter-spacing" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="color: #ffffff; font-size: 14px; line-height: 19.6px;">.</span></p> </div> </div> </div> </div> <div id="u_column_11" class="u-col u-col-14p06 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_button_1" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#numerique" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 16px; line-height: 19.2px; font-family: arial, helvetica, sans-serif;"><span style="line-height: 19.2px; font-size: 16px;">Numérique</span></span> </a> </div> </div> </div> </div> <div id="u_column_12" class="u-col u-col-13p53 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_button_2" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#papier" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 16px; line-height: 19.2px; font-family: arial, helvetica, sans-serif;"><span style="line-height: 19.2px; font-size: 16px;">Papier</span></span> </a> </div> </div> </div> </div> <div id="u_column_13" class="u-col u-col-13p92 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_button_3" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#reduit" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 16px; line-height: 19.2px;"><span style="line-height: 19.2px; font-size: 16px;">Tarif réduit</span></span> </a> </div> </div> </div> </div> <div id="u_column_20" class="u-col u-col-13p83 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_button_4" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#reduit" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 16px; line-height: 19.2px;"><span style="line-height: 19.2px; font-size: 16px;">Offrir Libé</span></span> </a> </div> </div> </div> </div> <div id="u_column_36" class="u-col u-col-21p95 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_10" class="u_content_text v-container-padding-padding" 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 v-letter-spacing" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;"><span style="color: #ffffff; font-size: 14px; line-height: 19.6px;">.</span></p> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_20" class="u_row v-row-padding v-row-background-image--outer v-row-background-color hide-desktop" style="background-color: #ffffff; padding: 0px;"> <div class="container v-row-background-image--inner v-row-columns-background-color-background-color" style="max-width: 1000px;margin: 0 auto;background-color: #ffffff;"> <div class="u-row no-stack v-row-align-items" style="align-items: center;"> <div id="u_column_46" class="u-col u-col-25p4 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;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_button_15" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#numerique" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px;"><strong><span style="line-height: 16.8px; font-size: 14px;">Numérique</span></strong></span> </a> </div> </div> </div> </div> <div id="u_column_47" class="u-col u-col-24p46 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_button_16" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#papier" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px;"><strong><span style="line-height: 16.8px; font-size: 14px;">Papier</span></strong></span> </a> </div> </div> </div> </div> <div id="u_column_48" class="u-col u-col-25p15 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_button_17" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#reduit" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px;"><strong><span style="line-height: 16.8px; font-size: 14px;">Tarif réduit</span></strong></span> </a> </div> </div> </div> </div> <div id="u_column_49" class="u-col u-col-24p99 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_button_18" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="text-align: center;"> <a href="#reduit" target="_self" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:5px;width:auto;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px;"><strong><span style="line-height: 16.8px; font-size: 14px;">Offrir Libé</span></strong></span> </a> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_8" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #edf1ff; 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_21" 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_4" class="u_content_html v-container-padding-padding hide-mobile" style="overflow-wrap: break-word;padding: 35px 35px 25px;"> <div><div ><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:42px; font-weight:400; line-height:1; color:#000000; font-style:Black; text-align:center;"> Soutenez une rédaction libre et engagée,<br><span style="color:#e60004">abonnez-vous :</span></p></div></div> </div> <div id="u_content_html_19" class="u_content_html v-container-padding-padding hide-desktop" style="overflow-wrap: break-word;padding: 35px;"> <div><div ><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:36px; font-weight:400; line-height:1; color:#000000; font-style:normal; text-align:center;"> Soutenez une rédaction libre et engagée, <span style="color:#e60004">abonnez-vous : </span></p></div></div> </div> <div id="u_content_html_57" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 10px 35px;"> <div><div ><p style="font-family:TiemposText-Regular; letter-spacing:0.5px; font-size:18px; font-weight:normal; line-height:22px; color:#1A1A1A; font-style:normal; text-align:center;">Vous pouvez <b>résilier en ligne à tout moment</b>. </p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_14" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #edf1ff; padding: 0px 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_32" class="u-col u-col-50 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_7" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div> <script type="text/javascript"> function usePage(frm, ev) { // get radio button being checked const checkedBtn = document.querySelector('input[type="radio"][name="number"]:checked'); // was a button checked? if (checkedBtn) { // let user confirm const result = frm.action = checkedBtn.value; } else { // no radio button checked // notify user alert("Please select a number"); // prevent form from being submitted ev.preventDefault(); } } </script> <div id="numerique" style="background-color: #EDF1FF;"> <form name="myNumber" onsubmit="usePage(this, event);" > <div style="background: #EDF1FF; background-color: #EDF1FF; margin: 10px auto; max-width: 600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background: #EDF1FF; background-color: #EDF1FF; width: 100%;"> <tbody> <tr> <td style="border: 2px solid #F8F8F8; border-radius:5px; background: #ffffff; background-color: #ffffff; direction: ltr; font-size: 0px; padding: 20px 0px 20px 0px; padding-left: 0px; padding-right: 0px; text-align: center;"> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; vertical-align: top;"> <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width: 8%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="left" style="font-size: 0px; padding:10px; padding-top: 0px; padding-bottom: 0px; word-break: break-word;"> <div style="font-family: Arial, sans-serif; font-size: 13px; letter-spacing: normal; line-height: 1; text-align: left; color: #000000;"> <p class="text-build-content" style="text-align: center; margin: 10px 0; margin-top: 10px; margin-bottom: 10px;" data-testid="n4rmrJfY6"> <input type="radio" id="annuel" name="number" value="https://abo.liberation.fr/numerique/inscription/email/offre-numerique-1mois-1e-7e90-par-mois-pendant-1an/?origin=LANDING" checked> </p> </div> </td> </tr> </tbody> </table> </div> <label for="annuel"> <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width: 25%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="center" style="font-size: 0px; padding: 10px; word-break: break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px;"> <tbody> <tr> <td style="width: 99px;"> <img alt="" height="auto" src="https://a.mailmunch.co/attachments/assets/000/777/607/thumb_square/abo_num_rique_annuel_png?1720434381" style="border: none; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px;" width="99" /> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width: 67%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="left" style="font-size: 0px; padding: 10px 15px; padding-top: 0px; padding-bottom: 0px; word-break: break-word;"> <div style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: normal; line-height: 1; text-align: left; color: #000000;"> <span style="position:absolute; top:10px; right:30px; background-color:#12b76a; color:#ffffff; padding:5px 10px; border-radius:20px;">Recommandé</span> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0; margin-top: 10px;"> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 18px;"><b>30 jours pour </b></span> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 20px;"><b>1 €</b></span> </p> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0;"> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 18px;">puis <b>7,90 €</b> par mois</span> </p> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0; margin-bottom: 10px;"> <span style="color: #55575d; font-family: Arial, Helvetica, sans-serif; font-size: 14px;">Paiement en une fois de 94,80 €</span> </p> </div> </td> </tr> </tbody> </table> </div> </label> </div> </td> </tr> </tbody> </table> </div> <div style="background: #EDF1FF; background-color: #EDF1FF; margin: 10px auto; max-width: 600px;"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background: #EDF1FF; background-color: #EDF1FF; width: 100%;"> <tbody> <tr> <td style="border: 2px solid #F8F8F8; background: #ffffff; background-color: #ffffff; border-radius:5px; direction: ltr; font-size: 0px; padding: 20px 0px 20px 0px; padding-left: 0px; padding-right: 0px; text-align: center;"> <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size: 0; line-height: 0; text-align: left; display: inline-block; width: 100%; direction: ltr; vertical-align: top;"> <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width:8%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="left" style="font-size: 0px; padding:10px; padding-top: 0px; padding-bottom: 0px; word-break: break-word;"> <div style="font-family: Arial, sans-serif; font-size: 13px; letter-spacing: normal; line-height: 1; text-align: left; color: #000000;"> <p class="text-build-content" style="text-align: center; margin: 10px 0; margin-top: 10px; margin-bottom: 10px;" data-testid="n4rmrJfY6"> <input type="radio" id="mensuel" name="number" value="https://abo.liberation.fr/numerique/inscription/offre-numerique-decouverte/?origin=LANDING"><br /><br /> </p> </div> </td> </tr> </tbody> </table> </div> <label for="mensuel"> <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width: 25%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="center" style="font-size: 0px; padding: 10px; word-break: break-word;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; border-spacing: 0px;"> <tbody> <tr> <td style="width: 99px;"> <img alt="" height="auto" src="https://a.mailmunch.co/attachments/assets/000/777/605/thumb_square/abo_num_rique_mensuel_png?1720434381" style="border: none; display: block; outline: none; text-decoration: none; height: auto; width: 100%; font-size: 13px;" width="99" /> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size: 0px; text-align: left; direction: ltr; display: inline-block; vertical-align: middle; width: 67%;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align: middle;" width="100%"> <tbody> <tr> <td align="left" style="font-size: 0px; padding: 10px 15px; padding-top: 0px; padding-bottom: 0px; word-break: break-word;"> <div style="font-family: Arial, sans-serif; font-size: 14px; letter-spacing: normal; line-height: 1; text-align: left; color: #000000;"> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0; margin-top: 10px;"> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 18px;"><b>30 jours pour </b></span> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 20px;"><b>1 €</b></span> </p> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0;"> <span style="color: #1a1a1a; font-family: Arial, Helvetica, sans-serif; font-size: 18px;">puis <b>11,90 €</b> par mois</span> </p> <p class="text-build-content" data-testid="91qkfYXBs" style="margin: 10px 0; margin-bottom: 10px;"> <span style="color: #55575d; font-family: Arial, Helvetica, sans-serif; font-size: 14px;">Résiliable en ligne à tout moment</span> </p> </div> </td> </tr> </tbody> </table> </div> </label> </div> </td> </tr> </tbody> </table> </div> <input class="btn" type="submit" id="submit" style="background-color:#f1ff8d; color:#1A1A1A; width:100%; border-radius:8px; padding:10px; border:1px #F8F8F8; font-family:Arial; font-size:16px;" value="Je m'abonne" /> </form> </div></div> </div> <div id="u_content_text_15" class="u_content_text v-container-padding-padding hide-desktop hide-mobile" style="overflow-wrap: break-word;padding: 10px 10px 0px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size v-letter-spacing" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%; text-align: center;"><span style="text-decoration: line-through; font-size: 14px; line-height: 19.6px;"> </span> ou <span style="text-decoration: line-through; font-size: 14px; line-height: 19.6px;"> </span></p> <p style="font-size: 14px; line-height: 140%; text-align: center;"> </p> <p style="font-size: 14px; line-height: 140%; text-align: center;"><strong><span style="font-size: 14px; line-height: 19.6px;">Exclusif avec Google : 1 an pour 36€</span></strong></p> </div> </div> <div id="u_content_image_5" class="u_content_image v-container-padding-padding hide-desktop hide-mobile" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <a href="https://abo.liberation.fr/?swg=true" target="_blank"> <img alt="S'abonner avec Google" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/633/543/large/swg_ok.png?1660732386" style="width: 100%;max-width: 256px;" title="S'abonner avec Google"/> </a> </div> </div> <div id="u_content_text_16" class="u_content_text v-container-padding-padding hide-desktop hide-mobile" style="overflow-wrap: break-word;padding: 0px 10px 10px;"> <div class="v-color v-text-align v-line-height v-font-weight v-font-family v-font-size v-letter-spacing" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%; text-align: center;"><span style="color: #7e8c8d; font-size: 14px; line-height: 19.6px;">En choisissant « S'abonner avec Google » vous acceptez le dépôt d‘un cookie d‘analyse par Google</span></p> </div> </div> </div> </div> <div id="u_column_33" class="u-col u-col-50 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_image_4" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/721/005/original/dessin_coco_50ans__3__png?1693492841" style="width: 78%;max-width: 374.4px;" title=""/> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_16" 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_37" 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:35px 0px;"> <div id="u_content_html_8" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div><div id="avant"><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:32px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> Les avantages abonnés Libé</p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_17" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #ffffff; padding: 0px 30px 10px;"> <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_38" 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;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_7" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/905/large/logo-illimite-sanspub-site-libe.jpg?1658493304" style="width: 36%;max-width: 112.8px;" title=""/> </div> </div> <div id="u_content_html_10" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> Un accès illimité et sans publicité<br><br> </p> </div> </div> </div> </div> <div id="u_column_39" 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;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_8" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/906/large/logo-numerique22h-libe.jpg?1658493431" style="width: 50%;max-width: 156.67px;" title=""/> </div> </div> <div id="u_content_html_11" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> Le journal numérique en avant-première dès 22h<br><br></p> </div> </div> </div> </div> <div id="u_column_40" 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;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_6" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/907/large/logo-newsletter-site-libe.jpg?1658493455" style="width: 78%;max-width: 244.4px;" title=""/> </div> </div> <div id="u_content_html_12" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> Des newsletters exclusives sur la politique, la food...<br><br></p> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_25" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #ffffff; 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_57" 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;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_10" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/911/large/logo-appli-tout--libe-ok.jpg?1658493666" style="width: 65%;max-width: 203.67px;" title=""/> </div> </div> <div id="u_content_html_23" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> Une appli pour tout Libé : articles, journal, newsletters, favoris...<br><br></p> </div> </div> </div> </div> <div id="u_column_58" 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;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_11" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/909/large/logo-cadeaux-libe.jpg?1658493569" style="width: 51%;max-width: 159.8px;" title=""/> </div> </div> <div id="u_content_html_24" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> Des cadeaux chaque semaine dans le Club abonnés<br><br></p> </div> </div> </div> </div> <div id="u_column_59" 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;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_9" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/627/910/large/logo-liberte-ton-libe.jpg?1658493621" style="width: 57%;max-width: 178.6px;" title=""/> </div> </div> <div id="u_content_html_25" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:LibeSansSemiCondensedBold; font-size:18px; font-weight:400; line-height:1.3; letter-spacing:0.7px; color:#151515; text-align:center; font-style:normal;"> ...et toujours notre liberté de ton et des engagements pour faire avancer la société</p> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_35" 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_74" 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:35px 0px;"> <div id="u_content_html_52" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div><div id="reduit"><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:32px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> Plus d'offres numériques</p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_24" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #ffffff; padding: 0px 30px 35px;"> <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_54" 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;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_20" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:TiemposTextBold; font-size:24px; font-weight:400; line-height:1.3; color:#151515; text-align:center; font-style:normal;"> Tarif réduit</p> <br><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.3; color:#3E3E3E; text-align:center; font-style:normal;"> Pour nos lecteurs à faibles revenus : étudiants, sans emploi, retraités... Profitez d'un tarif préférentiel à 5€ par mois, sans engagement.</p></div> </div> <div id="u_content_button_19" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abo.liberation.fr/inscription/offre-numerique-tarif-reduit/?origin=LANDING" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">5 € / mois</span> </a> </div> </div> </div> </div> <div id="u_column_55" 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;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_21" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:TiemposTextBold; font-size:24px; font-weight:400; line-height:1.3; color:#151515; text-align:center; font-style:normal;"> Offrir Libé</p> <br><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.3; color:#3E3E3E; text-align:center; font-style:normal;"> Un cadeau utile dont on profite chaque jour ! Offrez un abonnement de 3 mois, 6 mois ou 1 an et imprimez votre carte cadeau.</p></div> </div> <div id="u_content_button_20" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://formulaire.liberation.fr/offrir_abo?source=landingb" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Offrir un abonnement</span> </a> </div> </div> </div> </div> <div id="u_column_56" 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;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_22" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:TiemposTextBold; font-size:24px; font-weight:400; line-height:1.3; color:#151515; text-align:center; font-style:normal;"> Vous avez un code promo ?</p> <br><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.3; color:#3E3E3E; text-align:center; font-style:normal;"> Créez votre compte et entrez votre code pour activer votre accès </p></div> </div> <div id="u_content_button_21" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://libe.fr/codepromo" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Créer mon compte</span> </a> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_40" 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_79" 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:20px 0px 35px;"> <div id="u_content_html_59" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div><div ><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:32px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> Professionnels</p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_41" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #ffffff; padding: 0px 30px 35px;"> <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_80" 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;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_html_60" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 20px;"> <div><p style="font-family:TiemposTextBold; font-size:24px; font-weight:400; line-height:1.3; color:#151515; text-align:center; font-style:normal;"> Abonnement grands comptes</p> <br><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.3; color:#3E3E3E; text-align:center; font-style:normal;"> Pour les organisations et institutions, bénéficiez de tarifs dégressifs en fonction du nombre d'utilisateurs ou d'exemplaires souhaités.</p> <div id="papier"></div></div> </div> <div id="u_content_button_33" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abocollectifs.liberation.fr/offres" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">En savoir plus</span> </a> </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="background-color: #f8f8f8; 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_44" 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_17" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 35px 10px;"> <div> <div><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:28px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> Le numérique + le journal papier le week-end</p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_26" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f8f8f8; 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" style="align-items: center;"> <div id="u_column_60" class="u-col u-col-39p4 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_image_12" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/777/602/large/abo_weekend_mensuel_png?1720434380" style="width: 30%;max-width: 112.2px;" title=""/> </div> </div> <div id="u_content_html_29" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#1a1a1a; text-align:center; font-style:normal;"> Le numérique <br><b>+</b> le journal livré chaque samedi</p></div> </div> <div id="u_content_html_32" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:18px; font-weight:400; line-height:1.3; color:#1a1a1a; text-align:center; font-style:normal;"> <b>4,90€ le premier mois</b> <br> puis <b>14,90€</b> par mois</p></div> </div> <div id="u_content_html_33" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#808080; text-align:center; font-style:normal;"> Annulable à tout moment</p></div> </div> <div id="u_content_button_25" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abo.liberation.fr/journal/inscription/offre-weekend-mensuelle/?origin=LANDING" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Je m'abonne</span> </a> </div> </div> </div> </div> <div id="u_column_61" class="u-col u-col-60p6 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_image_13" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/777/603/large/abo_weekend_annuel_png?1720434381" style="width: 30%;max-width: 175.8px;" title=""/> </div> </div> <div id="u_content_html_26" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#1a1a1a; text-align:center; font-style:normal;"> Le numérique <br><b>+</b> le journal livré chaque samedi</p></div> </div> <div id="u_content_html_31" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:18px; font-weight:400; line-height:1.3; color:#1a1a1a; text-align:center; font-style:normal;"> <b>149€ par an</b> <br> (soit 2 mois offerts)</p></div> </div> <div id="u_content_html_34" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#808080; font-style:normal;"> Annulable à tout moment</p></div> </div> <div id="u_content_button_26" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abo.liberation.fr/journal/inscription/offre-weekend-annuelle/?origin=LANDING" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Je m'abonne</span> </a> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_28" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f8f8f8; padding: 35px 0px 25px;"> <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_65" 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_41" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 10px;"> <div><div id="papier"><p style="font-family:LibeSansSemiCondensedBold; letter-spacing:0.8px; font-size:28px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> Le numérique + le journal papier tous les jours</p></div></div> </div> </div> </div> </div> </div> </div> <div id="u_row_29" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #f8f8f8; padding: 0px 0px 35px;"> <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_66" class="u-col u-col-39p4 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_image_16" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/777/604/large/abo_int_gral_mensuel_png?1720434381" style="width: 30%;max-width: 112.2px;" title=""/> </div> </div> <div id="u_content_html_42" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#1a1a1a; text-align:center; font-style:normal;"> Le numérique <br><b>+</b> le journal livré tous les jours</p></div> </div> <div id="u_content_html_43" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:18px; font-weight:400; line-height:1.3; color:#1a1a1a; text-align:center; font-style:normal;"> <b>34,90€ par mois</b> <br> seulement</p></div> </div> <div id="u_content_html_44" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#808080; text-align:center; font-style:normal;"> Annulable à tout moment</p></div> </div> <div id="u_content_button_30" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abo.liberation.fr/journal/inscription/formule-integrale-classique-mensuelle?origin=LANDING" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Je m'abonne</span> </a> </div> </div> </div> </div> <div id="u_column_67" class="u-col u-col-60p6 u_column v-row-align-items v-col-background-color v-col-border v-col-border-radius" style="display:flex;align-items:center;background-color:#ffffff;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;border-radius: 0px;"> <div class="v-col-padding" style="width: 100%;padding:0px;"> <div id="u_content_image_17" class="u_content_image v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px;"> <div class="v-text-align" style="position:relative;line-height:0px;text-align:center"> <img alt="" class="v-src-width v-src-max-width" src="https://a.mailmunch.co/attachments/assets/000/777/606/large/abo_int_gral_annuel_png?1720434381" style="width: 30%;max-width: 175.8px;" title=""/> </div> </div> <div id="u_content_html_45" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#1a1a1a; text-align:center; font-style:normal;"> Le numérique <br><b>+</b> le journal livré tous les jours</p></div> </div> <div id="u_content_html_46" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:18px; font-weight:400; line-height:1.3; color:#1a1a1a; text-align:center; font-style:normal;"> <b>384€ par an</b> <br> (soit 1 mois offert)</p></div> </div> <div id="u_content_html_47" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 0px 20px 20px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.44; color:#808080; text-align:center; font-style:normal;"> Annulable à tout moment</p></div> </div> <div id="u_content_button_31" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 5px 20px 20px;"> <div class="v-text-align" style="text-align: center;"> <a href="https://abo.liberation.fr/journal/inscription/offre-integrale-annuelle-classique?origin=LANDING" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#f1ff8d;border-radius: 8px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 15px;width:90%;max-width:100%;word-wrap:break-word;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px; font-family: arial, helvetica, sans-serif;">Je m'abonne</span> </a> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_34" 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_73" 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_divider_2" class="u_content_divider v-container-padding-padding" style="overflow-wrap: break-word;padding: 50px 0px 10px;"> <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> </div> </div> </div> </div> <div id="u_row_30" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="padding: 0px 0px 35px;"> <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_68" class="u-col u-col-81p1 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_51" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 35px 10px;"> <div><div id="papier"><p style="Arial; letter-spacing:0.8px; font-size:18px; font-weight:400; line-height:1; color:#000000; text-align:left; font-style:normal;"> <b>Besoin d'aide ?</b></p></div></div> </div> <div id="u_content_html_48" class="u_content_html v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 10px 35px;"> <div><p style="font-family:arial; letter-spacing:normal; font-size:14px; font-weight:400; line-height:1.4; color:#808080; text-align:left; font-style:normal; vertical-align:left;"> <b><span style="font-size:16px;color:#1a1a1a">Comment puis-je arrêter mon abonnement ?</span></b> <br><br> Les abonnements à durée libre et sans engagement (offre numérique, intégrale ou week-end) peuvent être résiliés à tout moment via <a href="https://www.liberation.fr/formulaire-resiliation/" target="_blank" style="text-decoration:underline; color:#e60004;">le formulaire de résiliation</a>. La demande de résiliation doit nous parvenir 10 jours avant la fin du contrat en cours. <br>Pour gérer un abonnement Libération souscrit avec Google ou Apple, rendez-vous directement dans votre compte Google ou Apple. <br><br><br> <b><span style="font-size:16px;color:#1a1a1a">Comment contacter le service client ?</span></b> <br><br> Par téléphone au 01 55 56 71 40 de 9h à 18h du lundi au vendredi. <br> Par mail à <SPAN style=color:#E40006;>abonnements [@] liberation.fr</SPAN> <br> Par courrier à : Service abonnements Libération, 45 Avenue du Général Leclerc, 60643 CHANTILLY CEDEX. </p></div> </div> <div id="u_content_button_32" class="u_content_button v-container-padding-padding" style="overflow-wrap: break-word;padding: 10px 0px;"> <div class="v-text-align" style="text-align: left;"> <a href="https://liberation.fr/aide" target="_blank" class="v-size-width v-line-height v-padding v-button-colors v-border v-border-radius v-font-family v-font-size v-font-weight v-letter-spacing" style="color:#1a1a1a;background-color:#ffffff;border-radius: 4px;line-height:120%;display:inline-block;text-decoration:none;text-align:center;padding:10px 20px;width:auto;max-width:100%;word-wrap:break-word;border-top-color: #e6e6e6; border-top-style: solid; border-top-width: 1px; border-left-color: #e6e6e6; border-left-style: solid; border-left-width: 1px; border-right-color: #e6e6e6; border-right-style: solid; border-right-width: 1px; border-bottom-color: #e6e6e6; border-bottom-style: solid; border-bottom-width: 1px;font-size: 14px;"> <span style="font-size: 14px; line-height: 16.8px;">Vous ne trouvez pas de réponse à votre question ?</span> </a> </div> </div> </div> </div> <div id="u_column_72" class="u-col u-col-18p9 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_31" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #e6e6e6; 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_69" 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:25px 0px;"> <div id="u_content_text_18" class="u_content_text v-container-padding-padding" 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 v-letter-spacing" 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-size: 14px; line-height: 19.6px; color: #808080;">Conformément à l'article L221-18 du Code de la consommation, vous bénéficiez d'un délai de rétractation de 14 jours après installation de votre abonnement. Pour faire jouer ce droit, vous pouvez contacter le service client en écrivant à <span style="color: #e60004; font-size: 14px; line-height: 19.6px;">abonnements [@] liberation.fr</span> </span></p> <p style="font-size: 14px; line-height: 140%;"><span style="font-size: 14px; line-height: 19.6px; color: #808080;">Les informations recueillies lors de votre inscription sont destinées à Libération pour les finalités suivantes (i) inscription au site www.liberation.fr, et le cas échéant : (ii) gestion de votre abonnement, (iii) inscription aux newsletters de Libération, (iv) inscription aux communications de nos partenaires. En acceptant les conditions générales d'utilisation de Libération, vous autorisez Libération à vous envoyer par email des offres et informations promotionnelles en lien avec votre compte. Vous pourrez vous y opposer à tout moment par un lien de désinscription situé en bas de chaque email. Egalement, conformément à la réglementation en vigueur, vous disposez d’un droit d’accès, de rectification, d’effacement et d’opposition au traitement des données vous concernant. Pour exercer vos droits, connectez-vous à votre compte abonné ou contactez Libération à l’adresse suivante : Libération - Service Client – 2, rue du Général Alain de Boissieu – 75015 Paris, en justifiant de votre identité. Pour toute information complémentaire, consultez notre Politique des Données Personnelles..</span></p> </div> </div> </div> </div> </div> </div> </div> <div id="u_row_32" class="u_row v-row-padding v-row-background-image--outer v-row-background-color" style="background-color: #ededed; 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_70" 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_text_19" class="u_content_text v-container-padding-padding" 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 v-letter-spacing" style="font-size: 14px; line-height: 140%; text-align: left; word-wrap: break-word;"> <p style="font-size: 14px; line-height: 140%;">© Libération 2025</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script> var successUrl = "https://page.co/20o2g/thanks"; var redirectUrl = ""; var submitUrl = "//forms.mailmunch.co/form/817197/404574/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 = "404574"; 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":"","label":"Arial","value":"arial,helvetica,sans-serif","weights":null,"defaultFont":true}]; 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=404574&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>

CINXE.COM

Libération - s'abonner pour 1€