CINXE.COM

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_em.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:#3E8515; transition: all .2s ease-out; } .bouton:hover { background-color:#377612; } .bouton-abos { display:block; cursor:pointer; text-align:center; font-weight:700; padding:20px; font-size:18px; border-radius:12px; color:#ffffff; background-color:#3E8515; transition: all .2s ease-out; } .bouton-abos:hover { background-color:#377612; } .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 #3E8515; } .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:#3E8515; } .boutons-menu-active { background-color:#3E8515; } #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/115; max-width:160px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/115; max-width:174px; width:100%; height:auto; } input[type='checkbox'] { width:15px; height:15px; accent-color:#3E8515; } 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-KBKHC7KXY6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KBKHC7KXY6', { '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_em.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_em_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_em.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:#377612; 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_em.png"> </div> <a href="/"> <div style="font-size:0px; padding:0 40px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_em_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_em.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:#377612; 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:#3E8515; 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"> Hydroplus </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="mat">Mat Environnement</option><option style="font-size:15px;" value="pb">Prescription B茅ton</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=40-274"> <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/HYDROPLUS/KIOSQUE/couv_274_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 274 / Novembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-274"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 274, 'Novembre 2024', 'em')"> 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=40-273"> <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/HYDROPLUS/KIOSQUE/couv_273_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 273 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-273"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 273, 'Septembre 2024', 'em')"> 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=40-272"> <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/HYDROPLUS/KIOSQUE/couv_272_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 272 / Juin 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-272"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 272, 'Juin 2024', 'em')"> 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=40-271"> <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/HYDROPLUS/KIOSQUE/couv_271_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 271 / Mars 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-271"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 271, 'Mars 2024', 'em')"> 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=40-270"> <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/HYDROPLUS/KIOSQUE/couv_270_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 270 / Janvier 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-270"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 270, 'Janvier 2024', 'em')"> 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=40-269"> <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/HYDROPLUS/KIOSQUE/couv_269_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 269 / Novembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-269"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 269, 'Novembre 2023', 'em')"> 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=40-268"> <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/HYDROPLUS/KIOSQUE/couv_268_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 268 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-268"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 268, 'Septembre 2023', 'em')"> 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=40-267"> <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/HYDROPLUS/KIOSQUE/couv_267_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 267 / Juin 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-267"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 267, 'Juin 2023', 'em')"> 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=40-266"> <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/HYDROPLUS/KIOSQUE/couv_266_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 266 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-266"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 266, 'Mars 2023', 'em')"> 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=40-265"> <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/HYDROPLUS/KIOSQUE/couv_265_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 265 / Janvier 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-265"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 265, 'Janvier 2023', 'em')"> 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=40-264"> <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/HYDROPLUS/KIOSQUE/couv_264_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 264 / Octobre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-264"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 264, 'Octobre 2022', 'em')"> 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=40-263"> <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/HYDROPLUS/KIOSQUE/couv_263_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 263 / Juillet 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-263"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 263, 'Juillet 2022', 'em')"> 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=40-262"> <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/HYDROPLUS/KIOSQUE/couv_262_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 262 / Avril 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-262"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 262, 'Avril 2022', 'em')"> 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=40-261"> <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/HYDROPLUS/KIOSQUE/couv_261_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 261 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-261"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 261, 'Janvier 2022', 'em')"> 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=40-260"> <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/HYDROPLUS/KIOSQUE/couv_260_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 260 / Octobre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-260"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 260, 'Octobre 2021', 'em')"> 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=40-259"> <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/HYDROPLUS/KIOSQUE/couv_259_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 259 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-259"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 259, 'Septembre 2021', 'em')"> 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=40-258"> <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/HYDROPLUS/KIOSQUE/couv_258_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 258 / Mai 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-258"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 258, 'Mai 2021', 'em')"> 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=40-257"> <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/HYDROPLUS/KIOSQUE/couv_257_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 257 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-257"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 257, 'Janvier 2021', 'em')"> 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=40-256"> <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/HYDROPLUS/KIOSQUE/couv_256_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 256 / D茅cembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-256"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 256, 'D茅cembre 2020', 'em')"> 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=40-255"> <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/HYDROPLUS/KIOSQUE/couv_255_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 255 / Septembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-255"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 255, 'Septembre 2020', 'em')"> 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=40-254"> <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/HYDROPLUS/KIOSQUE/couv_254_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 254 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-254"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 254, 'Avril 2020', 'em')"> 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=40-253"> <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/HYDROPLUS/KIOSQUE/couv_253_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 253 / Janvier 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-253"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 253, 'Janvier 2020', 'em')"> 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=40-252"> <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/HYDROPLUS/KIOSQUE/couv_252_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 252 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-252"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 252, 'Octobre 2019', 'em')"> 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=40-251"> <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/HYDROPLUS/KIOSQUE/couv_251_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 251 / Septembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-251"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 251, 'Septembre 2019', 'em')"> 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=40-250"> <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/HYDROPLUS/KIOSQUE/couv_250_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 250 / Avril 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-250"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 250, 'Avril 2019', 'em')"> 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=40-249"> <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/HYDROPLUS/KIOSQUE/couv_249_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 249 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-249"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 249, 'Janvier 2019', 'em')"> 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=40-248"> <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/HYDROPLUS/KIOSQUE/couv_248_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 248 / D茅cembre 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-248"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 248, 'D茅cembre 2018', 'em')"> 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=40-247"> <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/HYDROPLUS/KIOSQUE/couv_247_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 247 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-247"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 247, 'Septembre 2018', 'em')"> 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=40-246"> <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/HYDROPLUS/KIOSQUE/couv_246_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 246 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-246"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 246, 'Juin 2018', 'em')"> 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=40-245"> <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/HYDROPLUS/KIOSQUE/couv_245_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 245 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-245"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 245, 'Avril 2018', 'em')"> 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=40-244"> <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/HYDROPLUS/KIOSQUE/couv_244_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 244 / Janvier 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-244"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 244, 'Janvier 2018', 'em')"> 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=40-243"> <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/HYDROPLUS/KIOSQUE/couv_243_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 243 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </div> </a> <a style="flex:1;" target="_blank" href="/abo/edition_numerique.php?mag=40-243"> <div class="bouton-light"> Lire (PDF) </div> </a> <div class="bouton-light" style="flex:1;" onclick="afficheArticlesEnLigne('hyd', 243, 'D茅cembre 2017', 'em')"> 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=40-242"> <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/HYDROPLUS/KIOSQUE/couv_242_300.jpg" class="lazy" /> </div> </a> <div class="espace-20"> </div> <div style="font-size:12px; text-align:center; color:#999999;"> N掳 242 / 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=hyd" style="flex:1;"> <div class="bouton"> S'abonner </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:#3E8515;">|</div> <a target="_blank" href="/abo/equipe.php"> <div class="footer-lien"> L'茅quipe </div> </a> <div style="color:#3E8515;">|</div> <a target="_blank" href="/abo/mentions.php"> <div class="footer-lien"> Mentions l茅gales </div> </a> <div style="color:#3E8515;">|</div> <a target="_blank" href="/abo/cgv_cgu_abo_mag.pdf"> <div class="footer-lien"> Conditions g茅n茅rales </div> </a> <div style="color:#3E8515;">|</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: 'em'},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>

Pages： 1 2 3 4 5 6 7 8 9 10