Kiosque

<!DOCTYPE HTML> <html> <head> <title>Kiosque</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width"> <meta name="description" content="Kiosque" /> <link rel="icon" type="image/png" href="/images/favicon/favicon_cc.png" /> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script src="/js/fonctions.js"></script> <style> @font-face { font-family:Montserrat; src:url(/images/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:900; src:url(/images/fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:700; src:url(/images/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:500; src:url(/images/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:400; src:url(/images/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype"); } a { color:#17181e; text-decoration:none; } body { font-family: "Montserrat", sans-serif; color:#17181e; padding:0; margin:0; } .bouton { display:inline-block; cursor:pointer; font-weight:500; padding:10px 30px; font-size:15px; border-radius:4px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton:hover { background-color:#CC0000; } .bouton-abos { display:block; cursor:pointer; text-align:center; font-weight:700; padding:20px; font-size:18px; border-radius:12px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton-abos:hover { background-color:#CC0000; } .bouton-form { padding:25px 50px; font-size:17px; } .bouton-light { border:1px solid #17181e; padding:10px; text-align:center; cursor:pointer; transition: all .2s ease-out; } .bouton-light:hover { border:1px solid #e30a17; } .boutons-menu { height:70px; font-weight:900; color:#ffffff; background-color:#1c1c1c; display:flex; align-items:center; transition: all .2s ease-out; font-size:14px; padding:0 10px; transform:skew(24deg); } .boutons-menu > * { transform:skew(-24deg); } .boutons-menu:hover { background-color:#e30a17; } .boutons-menu-active { background-color:#e30a17; } #confirmChoixAboConteneur { display:none; position:fixed; z-index:1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width:500px; background-color:#ffffff; } #confirmChoixAboFond { height: 100%; width: 100%; z-index:1000; background: rgba(0, 0, 0, 0.8); display:none; position:fixed; top:0; } .conteneur { width:90%; max-width:1170px; margin:0 auto; } .conteneur-fond-blanc { width:90%; max-width:1090px; margin:0 auto; background-color:#ffffff; padding:20px; } .conteneur-mag { padding:32px; border-radius:10px; transition: all .2s; display:flex; flex-direction: column; justify-content:space-between; border:1px solid #cccccc; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } .espace-50 { height:50px; } .espace-60 { height:60px; } .espace-70 { height:70px; } .espace-80 { height:80px; } .espace-90 { height:90px; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:70px; } .footer-conteneur { width:90%; max-width:1170px; margin:0 auto; padding:40px 0; display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center; } .footer-fond { background-color:#17181e; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:14px; } .footer-lien:hover { color:#dddddd; } .grid { margin:0 auto; display:grid; grid-template-columns: repeat(1, 1fr); gap:30px; grid-auto-rows: 1fr; } .img-logo { aspect-ratio:500/150; max-width:140px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } input[type='checkbox'] { width:15px; height:15px; accent-color:#e30a17; } input[type='text'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='password'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } label { cursor:pointer; } #menu { display:flex; justify-content:space-between; height:70px; } #menuFond { background-color:#1c1c1c; height:70px; } #menuLarge { display:none; } #menuSlide { left:-600px; position:absolute; top:70px; z-index:11; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 0 40px 20px; width:80%; background-color:#17181E; } #remisesGrid { font-size:11px; justify-content:center; column-gap:10px; } .rubriques { font-size:25px; padding:40px 20px; color:#ffffff; border-bottom:1px solid #333333; font-weight:900; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-size:15px; font-weight:500; width:100%; box-sizing: border-box; } .separateur { height:1px; background-color:#cccccc; margin:20px 0; } textarea { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; height:300px; } #titrePageAbo { font-size:45px; font-weight:900; color:#dedede; line-height:40px; text-align:center; } @media screen and (min-width:800px) { .conteneur-fond-blanc { padding:40px; } .grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width:1000px) { .grid { grid-template-columns: repeat(3, 1fr); } #menu { display:none; } #menuFond { background-color:#1c1c1c; } #menuLarge { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; max-width:1170px; height:70px; margin:0 auto; } #remisesGrid { font-size:12px; justify-content:left; } #titrePageAbo{ font-size:80px; line-height:70px; max-width:800px; text-align:left; } } @media screen and (min-width:1200px) { .boutons-menu { font-size:15px; padding:0 20px; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJB3TPP7V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VRJB3TPP7V', { 'allow_google_signals': false, 'allow_ad_personalization_signals': false }); </script> </head> <body> <div id="consentementConteneur" style="position:fixed; width:100%; z-index:100000; bottom:0; left:0; background-color:#171717; color:#ffffff;"> <div style="padding:50px 30px;"> <div> Certaines fonctionnalit茅s de ce site reposent sur l鈥檜sage de cookies. </div> <div class="espace-20"> </div> <div> Les services de mesure d'audience sont n茅cessaires au fonctionnement du site en permettant sa bonne administration. </div> <div class="espace-20"> </div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <div onclick="consentGrantedAdStorage()" class="bouton"> ACCEPTER TOUS LES COOKIES </div> <div onclick="nonConsentGrantedAdStorage()" class="bouton"> LES COOKIES N脡CESSAIRES SEULEMENT </div> </div> </div> </div> <script> consentementConteneur = document.getElementById('consentementConteneur'); function consentGrantedAdStorage() { gtag('consent', 'update', { 'analytics_storage': 'granted' }); const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=oui; expires=" + dateDuJour + "; path=/"; window.location.reload(); } function nonConsentGrantedAdStorage() { const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=non; expires=" + dateDuJour + "; path=/"; window.location.reload(); } </script> <div id="fondMenu" onclick="afficherMenuAbo()"> </div> <div id="menuSlide"> <div style="position:relative;"> <a href="/abo/kiosque.php"> <div class="rubriques"> Kiosque </div> </a> <a href="/abo/abonnements.php"> <div class="rubriques"> Abonnements </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="rubriques"> Newsletters </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div class="rubriques"> Se connecter </div> </a> </div> </div> <div id="menuFond"> <div id="menu" class="conteneur"> <div onclick="afficherMenuAbo()" style="flex:1; display:flex; align-items:center;"> <img id="imgMenuCroix" alt="" style="display:none; aspect-ratio:30/22; width:30px;" src="/images/pictos/croix_blanc_deux.png"> <img id="imgMenuBurger" alt="" style="aspect-ratio:30/22; width:30px;" src="/images/pictos/burger_blanc_deux.png"> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <div style="background-color:#ffffff; display:flex; align-items:center;"> <a href="/"> <div style="font-size:0px; padding:0 10px;"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div style="flex:1; display:flex; justify-content:end; align-items:center; gap:10px;"> <a href="/abo/espace.php"><div style="font-size:0px; "><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <div> <a href="/abo/panier.php"> <div style="height:70px; font-weight:900; color:#ffffff; display:flex; align-items:center; padding:0 10px;"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div> <div id="menuLarge"> <div style="font-size:0px; background-color:#ffffff; height:100%; display:flex; align-items:center;"> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <a href="/"> <div style="font-size:0px; padding:0 40px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> <div style="height:100%; font-size:0px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> </div> <div style="display:flex; height:100%; align-items:center;"> <a href="/abo/kiosque.php"><div class="boutons-menu boutons-menu-active"><div>Kiosque</div></div></a> <a href="/abo/abonnements.php"><div class="boutons-menu"><div>Abonnements</div></div></a> <a href="/abo/inscription-gratuite.php"><div class="boutons-menu"><div>Newsletters</div></div></a> <a href="/abo/espace.php"><div class="boutons-menu"><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <a href="/abo/panier.php"> <div class="boutons-menu"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div><style> .bouton { display:block; text-align:center; font-weight:900; padding:10px; } .bouton-light { padding:10px 0; display:block; border:1px solid #cccccc; font-weight:700; transition: all .2s ease-out; cursor:pointer; border-radius:4px; } .bouton-light:hover { background-color:#e30a17; color:#ffffff; } .div-article-kiosque { max-width:620px; margin:0 auto; } #fondArticlesEnLigne { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:fixed; top:0; } @media screen and (min-width:1000px) { .div-article-kiosque { max-width:390px; margin:0; } } </style> <div id="fondArticlesEnLigne" onclick="afficheArticlesEnLigne('', 0, '', '');"> </div> <div id="divArticlesEnLigne" style="top:0; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display:none; background-color:#ffffff; max-width:900px; width:90%; height:80%; z-index:11; overflow-y:scroll;"> <div id="divArticlesEnLigneContenu" style="padding:20px 40px 40px 40px;"> </div> </div> <div class="espace-20"> </div> <div class="conteneur" style="display:flex; gap:20px; justify-content:space-between; align-items:center; flex-wrap:wrap;"> <div> <div id="titrePageAbo"> Prescription B茅ton </div> </div> <div> <form> <select onchange="if ($(this).find(':selected').val() != '') { window.location = '/abo/kiosque.php?mag=' + $(this).find(':selected').val(); }"> <option style="font-size:15px;" value="">Nos autres magazines</option> <option style="font-size:15px;" value="btp">BTP Magazine</option><option style="font-size:15px;" value="btpr">BTP Rail</option><option style="font-size:15px;" value="mem">Environnement Magazine</option><option style="font-size:15px;" value="hydrogenium">Hydrogenium</option><option style="font-size:15px;" value="hyd">Hydroplus</option><option style="font-size:15px;" value="mat">Mat Environnement</option><option style="font-size:15px;" value="rvrd">R茅seaux VRD</option><option style="font-size:15px;" value="tc">Terrassements & Carri猫res</option> </select> </form> </div> </div> <div class="espace-20"> </div> <div class="conteneur grid"> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-74"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_74_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 74 / Septembre 2024 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=74" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-74"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 74, 'Septembre 2024', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-73"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_73_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 73 / Juillet 2024 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=73" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-73"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 73, 'Juillet 2024', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-72"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_72_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 72 / Avril 2024 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=72" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-72"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 72, 'Avril 2024', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-71"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_71_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 71 / F茅vrier 2024 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=71" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-71"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 71, 'F茅vrier 2024', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-70"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_70_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 70 / D茅cembre 2023 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=70" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-70"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 70, 'D茅cembre 2023', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-69"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_69_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 69 / Octobre 2023 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=69" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-69"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 69, 'Octobre 2023', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-68"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_68_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 68 / Septembre 2023 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=68" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-68"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 68, 'Septembre 2023', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-67"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_67_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 67 / Mai 2023 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=67" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-67"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 67, 'Mai 2023', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-66"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_66_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 66 / Mars 2023 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=66" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-66"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 66, 'Mars 2023', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-65"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_65_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 65 / D茅cembre 2022 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=65" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-65"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 65, 'D茅cembre 2022', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-64"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_64_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 64 / Septembre 2022 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=64" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-64"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 64, 'Septembre 2022', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-63"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_63_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 63 / Juin 2022 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=63" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-63"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 63, 'Juin 2022', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-62"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_62_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 62 / Mars 2022 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=62" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-62"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 62, 'Mars 2022', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-61"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_61_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 61 / Janvier 2022 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=61" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-61"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 61, 'Janvier 2022', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-60"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_60_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 60 / Novembre 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=60" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-60"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 60, 'Novembre 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-59"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_59_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 59 / Septembre 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=59" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-59"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 59, 'Septembre 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-58"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_58_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 58 / Ao没t 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=58" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-58"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 58, 'Ao没t 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-57"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_57_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 57 / Juin 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=57" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-57"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 57, 'Juin 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-56"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_56_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 56 / Avril 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=56" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-56"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 56, 'Avril 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-54"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_54_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 54 / Janvier 2021 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=54" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-54"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 54, 'Janvier 2021', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-53"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_53_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 53 / Octobre 2020 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=53" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-53"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 53, 'Octobre 2020', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-52"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_52_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 52 / Juin 2020 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=52" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-52"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 52, 'Juin 2020', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-51"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_51_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 51 / Avril 2020 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=51" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-51"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 51, 'Avril 2020', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-50"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_50_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 50 / F茅vrier 2020 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=50" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-50"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 50, 'F茅vrier 2020', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-49"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_49_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 49 / D茅cembre 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=49" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-49"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 49, 'D茅cembre 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-48"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_48_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 48 / Octobre 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=48" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-48"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 48, 'Octobre 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-47"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_47_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 47 / Ao没t 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=47" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-47"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 47, 'Ao没t 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-46"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_46_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 46 / Mai 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=46" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-46"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 46, 'Mai 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-45"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_45_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 45 / Mars 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=45" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-45"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 45, 'Mars 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-44"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_44_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 44 / Janvier 2019 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=44" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-44"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 44, 'Janvier 2019', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-43"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_43_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 43 / Octobre 2018 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=43" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-43"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 43, 'Octobre 2018', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-42"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_42_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 42 / Septembre 2018 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=42" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-42"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 42, 'Septembre 2018', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-41"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_41_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 41 / Juin 2018 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=41" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-41"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 41, 'Juin 2018', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-40"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_40_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 40 / Avril 2018 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=40" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-40"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 40, 'Avril 2018', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-39"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_39_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 39 / F茅vrier 2018 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=39" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-39"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 39, 'F茅vrier 2018', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-38"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_38_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 38 / D茅cembre 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=38" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-38"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 38, 'D茅cembre 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-37"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_37_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 37 / Novembre 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=37" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-37"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 37, 'Novembre 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-36"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_36_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 36 / Octobre 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=36" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=21-36"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 36, 'Octobre 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-35"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_35_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 35 / Juin 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=35" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 35, 'Juin 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-34"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_34_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 34 / Avril 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=34" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 34, 'Avril 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-33"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_33_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 33 / F茅vrier 2017 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=33" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 33, 'F茅vrier 2017', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-32"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_32_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 32 / D茅cembre 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=32" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 32, 'D茅cembre 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-31"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_31_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 31 / Octobre 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=31" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 31, 'Octobre 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-30"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_30_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 30 / Ao没t 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=30" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 30, 'Ao没t 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-29"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_29_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 29 / Juin 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=29" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 29, 'Juin 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-28"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_28_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 28 / Avril 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=28" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 28, 'Avril 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-27"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_27_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 27 / Janvier 2016 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=27" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 27, 'Janvier 2016', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-26"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_26_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 26 / D茅cembre 2015 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=26" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 26, 'D茅cembre 2015', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-25"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_25_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 25 / Octobre 2015 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=25" style="flex:1;"> <div class="bouton"> Acheter </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('pb', 25, 'Octobre 2015', 'cc')"> Lire (WEB) </div> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-24"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_24_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 24 / Juin 2015 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=24" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-23"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_23_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 23 / Avril 2015 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=23" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-22"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_22_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 22 / F茅vrier 2015 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=22" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-21"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_21_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 21 / D茅cembre 2014 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=21" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-20"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_20_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 20 / Octobre 2014 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=20" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-19"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_19_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 19 / Septembre 2014 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=19" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-18"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_18_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 18 / Juin 2014 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=18" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-17"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_17_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 17 / Mars 2014 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=17" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-16"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_16_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 16 / Novembre 2013 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=16" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-15"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_15_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 15 / Septembre 2013 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=15" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-14"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_14_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 14 / Avril 2013 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=14" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-13"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_13_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 13 / F茅vrier 2013 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=13" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-12"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_12_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 12 / D茅cembre 2012 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=12" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-11"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_11_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 11 / Septembre 2012 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=11" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-10"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_10_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 10 / Avril 2012 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=10" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-9"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_9_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 9 / F茅vrier 2012 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=9" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> <div class="conteneur-mag"> <div style="max-width:300px; margin:0 auto;"> <a target="_blank" href="/abo/edition_numerique.php?mag=21-8"> <div style="font-size:0px; text-align:center;"> <img alt="" style=" box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 1); aspect-ratio:300/393; height:auto; width:70%; max-width:300px;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/PLANETEB/KIOSQUE/couv_8_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 8 / Novembre 2011 </div> <div class="espace-20"> </div> <div style="display:grid; grid-template-columns: repeat(2, 1fr); gap:20px;"> <a target="_blank" href="/abo/abonnements.php?mag=pb" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a target="_blank" href="/abo/achat_numero.php?mag=pb&numero=8" style="flex:1;"> <div class="bouton"> Acheter </div> </a> </div> </div> </div> </div> </div> <div class="espace-40"> </div> <div class="footer-fond"> <div class="footer-conteneur"> <a target="_blank" href="/abo/contact.php"> <div class="footer-lien"> Contact </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/equipe.php"> <div class="footer-lien"> L'茅quipe </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/mentions.php"> <div class="footer-lien"> Mentions l茅gales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/cgv_cgu_abo_mag.pdf"> <div class="footer-lien"> Conditions g茅n茅rales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/rgpd.pdf"> <div class="footer-lien"> Politique RGPD </div> </a> </div> </div> <script> function actionIdentification(type) { $.post('../../ajax/identification.ajax.php',{a:type, i: $('[name=identifiant]').val(), p: $('[name=password]').val(), s: 'cc'},function(data) { array_messages = {"1":"Votre identifiant est manquant ou invalide.","2":"Identification r\u00e9ussie.","3":"L'identifiant saisi existe d\u00e9j\u00e0 dans notre base. Veuillez vous identifier.","4":"Votre inscription est r\u00e9ussie, votre mot de passe vient de vous \u00eatre adress\u00e9 par courriel.","5":"L'identifiant ou le mot de passe saisi est incorrect.","6":"\u00c9chec de l'envoi du message.","7":"Message envoy\u00e9.","8":"Annonce supprim\u00e9e.","9":"D\u00e9connexion r\u00e9ussie.","10":"Votre compte est actuellement utilis\u00e9 par un autre appareil. Votre compte est strictement personnel et ne peut \u00eatre utilis\u00e9 que sur un seul appareil \u00e0 la fois."}; if (data == '2' || data == '3' || data == '4' || data == '9' || data == '10') { window.location.reload(); } else { console.log(data) alert(array_messages[data]); } }); } function afficheMotDePasse() { $('#imgOeil').prop('src', '/images/pictos/oeil.png'); $('#inputPassword').attr('type','text'); $('#inputPassword').focus(); } function afficheArticlesEnLigne(mag, num, mois, site_concerne) { $('#divArticlesEnLigneContenu').html(''); if ($("#fondArticlesEnLigne").is(":hidden")) { $('#fondArticlesEnLigne').css('display', 'block'); $('#divArticlesEnLigne').css('display', 'block'); $('body').css('overflow', 'hidden'); } else { $('#fondArticlesEnLigne').css('display', 'none'); $('#divArticlesEnLigne').css('display', 'none'); $('body').css('overflow', 'auto'); } if (num > 0) { $.post('actions_abonnements_ajax.php',{aut:"oui", action:'affiche_articles_en_ligne', mag:mag, num:num, mois:mois, site_concerne:site_concerne},function(data) { $('#divArticlesEnLigneContenu').html(data); }); } } function boolDejaAbonne() { if (document.getElementById("courriel").value != '') { $.post('actions_abonnements_ajax.php',{aut:"oui", action: 'bool_deja_abonne', courriel: document.getElementById("courriel").value},function(data) { if (data == 'doublon') { if (confirm("Un compte abonn茅 existe d茅j脿 avec cette adresse mail. Souhaitez-vous acc茅der 脿 ce compte ?") == true) { window.open('/abo/espace.php', '_blank') } } else if (data == 'invalide') { alert('Le mail saisi est invalide.'); } else { console.log(data); } }); } } function MiseEnValeurChoix(i) { if ($("#inputNewsletter" + i).is(':checked')) { $("#divChoix" + i).css('background-color', '#efefef') $("#spanTitreNewsletter" + i).css('font-weight', '900') } else { $("#divChoix" + i).css('background-color', '#ffffff') $("#spanTitreNewsletter" + i).css('font-weight', '500') } } $("#formulaire").submit( function () { boolNewsletters = false; for (var i = 1; i <= 9; i++) { if ($("#inputNewsletter" + i).prop('checked')) { boolNewsletters = true; } } if (!boolNewsletters) { alert('Veuillez s茅lectionner une ou plusieurs newsletters.'); return false; } if ($("#selectCivilite").val() == 0) { alert('Il manque votre civilit茅.'); return false; } if (!$("#inputPrenom").val()) { alert('Il manque votre pr茅nom.'); return false; } if (!$("#inputNom").val()) { alert('Il manque votre nom.'); return false; } if (!isValidEmailAddress($("#courriel").val())) { alert('Votre courriel est manquant ou invalide.'); return false; } if ($("#selectFonction").val() == 0) { alert('Il manque votre fonction.'); return false; } if ($("#selectSecteur").val() == 0) { alert('Il manque votre secteur.'); return false; } $("#submitValider").css("background-color", "#ffffff"); $("#submitValider").css("color", "#000000"); $("#submitValider").val('Traitement en cours...'); }); function afficherMenuAbo() { if ($("#fondMenu").is(":hidden")) { $('#imgMenuBurger').hide(); $('#imgMenuCroix').show(); window.scrollTo(0, 0); $('#fondMenu').show(); $("#menuSlide").animate({"left":"0px"}, "fast") $('body').css('overflow', 'hidden'); } else { $('#imgMenuCroix').hide(); $('#imgMenuBurger').show(); $("#menuSlide").animate({"left":"-600px"}, "fast", function() { $('#fondMenu').hide(); $('body').css('overflow', 'auto'); }) } } $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); $( document ).ready(function() { }); </script> </body> </html>

CINXE.COM

Kiosque