CINXE.COM
Environnement - Construction Cayola
<!DOCTYPE HTML> <html lang="fr"> <head> <title>Environnement - Construction Cayola</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <meta name="description" content="L'actualit茅 de la fili猫re environnement : recyclage, valorisation, d茅pollution..."> <meta name="twitter:domain" content="constructioncayola.com"> <meta name="twitter:site" content="ConstructionCay"> <meta name="twitter:creator" content="ConstructionCay"> <link rel="icon" href="/images/favicon/favicon_cc.png"> <style> a { text-decoration:none; color:#000000; outline:none; } body { margin:0; padding:0; } .bg-fond-blanc { height: 100%; left:0; position:fixed; top: 0; width: 100%; z-index:998; background-color:#ffffff; } .bouton { padding:15px 25px; display:inline-block; color:#ffffff; background:#e30a17; cursor:pointer; border:none; font-size:15px; border-radius:2px; background:border 0.2s; } .bouton:hover { background:#CC0000; } .bouton-light { padding:15px 25px; display:inline-block; cursor:pointer; border:1px solid #cccccc; border-radius:2px; font-size:15px; transition:border 0.2s; } .bouton-light:hover { border:1px solid #e30a17; } .centre-conteneur { max-width:620px; margin:0 auto; width:90%; } .espace { height:20px; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } input[type='checkbox'] { width:15px; height:15px; } input[type='text'] { font-size:17px; 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:17px; padding:20px; border:none; width:100%; box-sizing: border-box; outline: none; background-color:#F9FBFB; border-bottom:1px solid #37474F; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-weight:500; width:100%; box-sizing: border-box; font-size:17px; } .separateur { height:1px; background-color:#dadde9; margin:20px 0; } .separateur-5 { height:1px; background-color:#cccccc; margin:5px 0; } .separateur-10 { height:1px; background-color:#dadde9; margin:10px 0; } .separateur-40 { height:1px; background-color:#dadde9; margin:40px 0; } @media screen and (min-width:1000px) { } @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; } .a-liste-grid { display:grid; grid-template-columns:repeat(1); grid-template-columns:1fr; gap:5px 20px; align-items:center; } body { font-family: "Montserrat", sans-serif; color:#17181e; } .color { color:#e30a17; } .bouton-noir { background-color:#1c1c1c; font-weight:700; transition: all .2s ease-out; } .bouton-light-sombre-conteneur { transition: all .2s ease-out; border:1px solid #17181e; } .bouton-light-sombre-conteneur:hover { border:1px solid #ffffff; } .bouton-light-sombre { font-weight:700; color:#ffffff; border:1px solid #ffffff; padding:10px 20px; font-size:12px; } .bouton-navigation { padding:15px 35px; font-size:0px; display:inline-block; color:#ffffff; background:#e30a17; cursor:pointer; border:none; border-radius:2px; transition: all .2s ease-out; } .bouton-navigation:hover { background:#CC0000; } .colonne-separateur { border-top:1px solid #cccccc; padding-top:20px; margin-top:20px; } .colonne-droite { max-width:620px; } .colonne-gauche { max-width:620px; } #conteneurIdentification { display:none; position:fixed; z-index:2001; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color:#ffffff; width:90%; max-width:500px; border-radius:10px; } #contenuMarqueConteneur { padding:30px; background-color:#171717; } #contenuMarqueSousConteneur { display:flex; gap:20px; flex-direction:column; justify-content:center; align-items:center; text-align:center; } .contenu-marque-picto { font-size:10px; font-weight:900; border-top:1px solid #e30a17; border-bottom:1px solid #e30a17; padding:3px 5px; display:inline-block; } .contenu-marque-picto::before { content: "CONTENU DE MARQUE"; } #entete { position:fixed; top:0; width:100%; z-index:800; background: linear-gradient(90deg, #1c1c1c 50%, #ffffff 50%); border-bottom:1px solid #efefef; } #enteteLarge { display:none; } #fondIdentification { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.9); display:none; position:fixed; top:0; z-index:2000; align-items:center; justify-content:center; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:62px; } .footer-conteneur { width:90%; max-width:1200px; margin:0 auto; padding:40px 0; display:flex; flex-wrap:wrap; gap:50px; justify-content: space-between; align-items:center; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:13px; font-weight:500; } .footer-lien:hover { color:#dddddd; } .img-logo-footer, .img-logo-large { width:100%; height:auto; aspect-ratio:500/150; max-width:154px; } .img-logo { width:100%; height:auto; aspect-ratio:500/150; max-width:174px; } .img-navigation { width:15px; height:24px; } #imgSAbonner { display:none; } #imgSeConnecter { display:none; } .les-plus { font-size:13px; line-height:20px; font-weight:500; padding:0 20px; display:flex; gap:10px 15px; align-items:center; } .les-plus-conteneur-colonne { background-color:#F4F5FA; } .les-plus-grid { display:grid; gap:10px 20px; grid-template-columns:repeat(1, minmax(0, 1fr)); } .les-plus-grid > a { border-bottom:1px solid #bbbbbb; padding:10px 0 20px 0; } .les-plus-titre-section { font-weight:900; font-size:22px; } .lien { transition: all .2s ease-out; } .lien:hover { color:#CC0000; } .lien img.img-principale { aspect-ratio:1000/564; transition: all .2s ease-out; -ms-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); } .lien:hover img.img-principale { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } .lien-ariane { color:#B2B2B2; } .liste-img { max-width:620px; overflow:hidden; } #menu { left:-600px; position:absolute; top:62px; z-index:501; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 2% 40px 0; width:80%; background-color:#1c1c1c; } #menuFond { height: 100%; width: 100%; z-index:500; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:50px; } #menuLarge { display:flex; gap:6%; align-items:center; justify-content:center; padding:15px 0; } .menu-rubriques { font-weight:900; font-size:20px; } #menuRubriques { display:flex; flex-direction:column; gap:50px; padding-left:50px; } #newslettersConteneurFooter { padding:30px; display:flex; justify-content:center; background-color: rgba(0, 0, 0, 0.6); color:#ffffff; } #newslettersFondFooter{ background-image: url('/images/fonds/fond_newsletters_deux_src_ok_cc.png'); background-repeat:no-repeat; background-size:cover; } .picto-article-abonne-les-plus { float:left; width:14px; height:13px; margin-right:7px; margin-top:2px; } .picto-article-abonne-liste { float:left; width:14px; height:13px; margin-right:10px; margin-top:4px; } .picto-article-abonne-unes { float:left; width:15px; height:14px; margin-right:8px; margin-top:2px; } #pubFermeInterstitiel { position:fixed; top: 0px; right: 0px; cursor:pointer; font-size:40px; color:#ffffff; z-index:1100; margin-right:20px; } #pubFondInterstitiel { display:block; height: 100%; left:0; position:fixed; top: 0; width: 100%; z-index:998; background: rgba(0, 0, 0, 0.8); } #grandanglehabillage, #grandangle { display:none; } #grandanglehabillagemobiles, #grandanglemobiles { width:300px; height:250px; background-color:#efefef; margin:40px auto; } #grandanglehabillagemobilesImg, #grandanglemobilesImg { aspect-ratio:300/250; } #mastheadxl, #masthead { display:none; } #mastheadxlmobiles, #mastheadmobiles { font-size:0px; max-width:600px; width:90%; margin:82px auto 20px auto; aspect-ratio: 600/250; background-color:#efefef; } #mastheadxlmobilesImg, #mastheadmobilesImg { width:100%; } /* A RETIRER */ #pubHalf, #pubHalfDeux { width:300px; height:600px; background-color:#efefef; margin:0 auto; } #pubHalfImg, #pubHalfDeuxImg { aspect-ratio:300/600; } #pubHaut, #pubHautDeux { font-size:0px; max-width:600px; width:90%; margin:82px auto 20px auto; aspect-ratio: 600/250; background-color:#efefef; } #pubHautDeux { margin:20px auto; } #pubHautImg, #pubHautDeuxImg { width:100%; } #pubHautLarge { display:none; } #pubHautLargeDeux { display:none; } .pub-half-colonne { margin:20px auto 0 auto !important; } /* FIN A RETIRER */ #pubInterstitielImg { width:400px; height:600px; width:100%; height:auto; max-width:400px; } .titre-un { font-size:25px; font-weight:900; line-height:32px; } .titre-deux { font-size:15px; font-weight:900; line-height:21px; } .titre-trois { font-size:14px; font-weight:700; line-height:19px; } .titre-quatre { font-size:17px; font-weight:900; line-height:27px; } .titre-un-picto { float:left; width:19px; height:18px; margin:6px 8px 0 0; } .titre-deux-picto { float:left; width:14px; height:13px; margin:2px 7px 0 0; } .titre-trois-picto { float:left; width:12px; height:11px; margin:0 6px 0 0; } .titre-quatre-picto { float:left; width:14px; height:13px; margin:5px 9px 0 0; } .titre-section { flex:1; display:flex; align-items:center; gap:10px; justify-content:center; } .titre-section-img { aspect-ratio:89/109; width:20px; height:auto; } .titre-section-txt { font-size:25px; font-weight:900; } @media screen and (min-width:1000px) { .a-liste-grid { grid-template-columns:repeat(2); grid-template-columns:1fr 2fr; gap:20px; } #boutonHeaderSeConnecter, #boutonHeaderSAbonner { background-color:#171717; display:flex; align-items:center; height:100%; color:#ffffff; font-size:12px; font-weight:700; flex:1; white-space: nowrap; justify-content:center; padding-right:5%; gap:10px; } #boutonHeaderSAbonner { background-color:#e30a17; } .centre-conteneur { background-color:#ffffff; max-width:1234px; border-left:1px solid #dadde9; border-right:1px solid #dadde9; padding:10px 20px; } .colonnes-conteneur { display:grid; grid-template-columns:repeat(2, minmax(min-content, max-content)); gap:30px; justify-content: space-between; } .colonne-droite { width:300px; } .colonne-gauche { max-width:none; } #contenuMarqueSousConteneur { flex-direction:row; justify-content:normal; align-items:center; text-align:left; } .display-none { display:none; } #entete { display:none; } #enteteLarge { display:block; position:fixed; top:0; width:100%; z-index:800; background-color:#ffffff; border-bottom:1px solid #efefef; } .footer-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } .les-plus-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } .les-plus-grid > a { font-size:15px; } .liste-img { max-width:300px; } .menu-bouton-large { font-weight:900; transition: all .2s ease-out; cursor:pointer; } .menu-bouton-large:hover { color:#CC0000; } #newslettersConteneurFooter { background-color:rgba(255, 255, 255, 0); color:#171717; } #newslettersFondFooter { display:flex; max-width:1274px; width:90%; margin:0 auto; background-image: url('/images/fonds/fond_newsletters_deux_src_ok_cc.png'); background-repeat:no-repeat; justify-content:center; } #newslettersFondFooter > div { flex:1; } #pubFermeInterstitiel { font-size:60px; } /* A RETIRER */ #pubHalf, #pubHalfDeux { flex: 0 0 300px; /* position:sticky; top:120px; */ margin:0; } .pub-half-colonne { margin:0 !important; } #pubHautDeux { display:none; } #pubHaut { display:none; } #pubHautLargeDeux { margin-top:20px; } #pubHautLargeImg, #pubHautLargeDeuxImg { width:100%; } /* FIN A RETIRER */ #grandanglehabillage, #grandangle { display:block; height:600px; flex: 0 0 300px; margin:0; } #grandanglehabillageImg, #grandangleImg { aspect-ratio:600/250; } #mastheadxlmobiles, #mastheadmobiles, #grandanglehabillagemobiles, #grandanglemobiles { display:none; } #mastheadxl, #masthead, /* A RETIRER */ #pubHautLarge, #pubHautLargeDeux { display:block; max-width:970px; margin:0 auto 20px auto; width:90%; text-align:center; overflow:hidden; font-size:0px; aspect-ratio: 970/250; background-color:#efefef; margin-top:140px; } #mastheadxl { max-width:1270px; aspect-ratio: 1270/250; } #mastheadxlImg, #mastheadImg { width:100%; } #pubInterstitielImg { width:900px; height:500px; width:100%; height:auto; max-width:900px; } .titre-un { font-size:30px; line-height:40px; } .titre-un-picto { width:23px; height:22px; margin:8px 10px 0 0; } .titre-section { justify-content:normal; } .video-flex { flex-direction:row; gap:30px; } .video-titre { font-size:22px; line-height:29px; } .video-chapo { font-size:15px; line-height:22px; } } @media screen and (min-width:1200px) { .img-logo-large { max-width:184px; } #imgSAbonner { display:block; } #imgSeConnecter { display:block; } } </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="afficherMenu()"> </div> <div id="menu"> <div> <div class="espace-40"> </div> <form action="/recherche/" method="get" name="form-recherche-entete" style="display:flex; background-color:#ffffff; align-items:center; width:90%; margin:0 auto; padding:10px 0;"> <div style="font-size:0px; padding-left:10px;"> <img alt="" style="width:15px; height:17px;" src="/images/pictos/loupe_noire.png"> </div> <input type="text" placeholder="Rechercher" name="q" style="background-color:#ffffff; font-size:15px; padding:10px 5px; border:none;"> </form> <div style="height:50px;"> </div> <div id="menuRubriques"> <a href="/accueil/page_speciale.php?evenement=tdm2024" style="color:#ffffff;"> <div class="menu-rubriques"> TDM 2024 </div> </a> <a href="/" style="color:#ffffff;"> <div class="menu-rubriques"> 脌 LA UNE </div> </a> <a href="/actualites/" style="color:#ffffff;"> <div class="menu-rubriques"> ACTUALIT脡S </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="menu-rubriques"> NEWSLETTERS </div> </a> <a href="/evenements/" style="color:#ffffff;"> <div class="menu-rubriques"> 脡V脡NEMENTS </div> </a> <a href="/videos/" style="color:#ffffff;"> <div class="menu-rubriques"> VID脡OS </div> </a> <a href="/podcasts/" style="color:#ffffff;"> <div class="menu-rubriques"> PODCASTS </div> </a> <a href="/abo/kiosque.php" style="color:#ffffff;"> <div class="menu-rubriques"> MAGAZINES </div> </a> <a href="/abo/contact.php" style="color:#ffffff;"> <div class="menu-rubriques"> CONTACT </div> </a> </div> <div style="height:80px;"> </div> <a href="/abo/espace.php" style="display:flex; justify-content:center;"> <div class="bouton-light" style="width:75%;"> <div style="display:flex; gap:10px; align-items:center; justify-content:center;"> <div style="font-size:0px;"> <img alt="" style="aspect-ratio:24/24;" src="/images/pictos/user_blanc.png"> </div> <div style="color:#ffffff;"> SE CONNECTER </div> </div> </div> </a> <div class="espace"> </div> <a href="/abo/abonnements.php" style="display:flex; justify-content:center;"> <div class="bouton abonnements-bouton" style="width:75%;"> <div style="display:flex; gap:10px; align-items:center; justify-content:center;"> <div style="font-size:0px;"> <img alt="" style="aspect-ratio:22/22;" src="/images/pictos/shop_blanc.png"> </div> <div> S'ABONNER </div> </div> </div> </a> <div class="espace-40"> </div> </div> </div> <div id="entete"> <div style="max-width:620px; width:90%; margin:0 auto;"> <div style="display:flex; align-items:center; "> <div style="flex:1; background-color:#ffffff;"> <div style="display:flex; max-width:100px;"> <div style="background-color:#1c1c1c; display:flex; align-items:center;"> <img onclick="afficherMenu()" id="imgMenuCroix" style="display:none;" alt="" style="width:44px; height:22px;" src="/images/pictos/croix_blanc.png"> <img onclick="afficherMenu()" id="imgMenuBurger" alt="" style="width:44px; height:22px;" src="/images/pictos/burger_blanc.png"> </div> <div style="font-size:0px; display:flex; justify-content:end; flex:1; background-color:#1c1c1c;"> <div style="font-size:0px; height:62px;"> <img alt="" style="aspect-ration:52/62; height:62px;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> </div> </div> </div> <div style="flex:1; text-align:center; font-size:0px; background-color:#ffffff; height:62px; display:flex; align-items:center;"> <a href="/"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png"> </a> </div> <div style="flex:1; justify-content:end; font-size:0px; background-color:#ffffff; height:62px; display:flex; align-items:center;"> <a href="/abo/espace.php"> <img alt="" style="width:24px; height:24px;" src="/images/pictos/user_noir.png"> </a> </div> </div> </div> </div> <div id="enteteLarge"> <div style="display:flex; height:70px;"> <div style=" flex:1; display:flex; align-items:center; justify-content:space-between;"> <div style=" display:flex; align-items:center; background-color:#1c1c1c; height:100%; flex:1; padding:0px 50px; gap:20px;"> <a target="_blank" href="https://www.linkedin.com/showcase/constructioncayola/"> <img alt="" class="lazy" style="width:22px; height:22px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_blanc.png"> </a> <a target="_blank" href="https://www.youtube.com/@CayolaMedias"> <img alt="" class="lazy" style="width:26px; height:18px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/youtube_blanc.png"> </a> <a target="_blank" href="https://open.spotify.com/show/2CBevUHiu16gHUz9QsMAIl"> <img alt="" class="lazy" style="width:25px; height:25px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/spotify_blanc.png"> </a> <a target="_blank" href="https://www.facebook.com/construction.cayola"> <img alt="" class="lazy" style="width:25px; height:24px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_blanc.png"> </a> <a target="_blank" href="https://twitter.com/ConstructionCay"> <img alt="" class="lazy" style="width:23px; height:21px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_blanc.png"> </a> <a href="/recherche/"> <img alt="" style="width:24px; height:24px;" class="lazy" src="/images/pixel_transparent.gif" data-src="/images/pictos/loupe_blanc.png"> </a> </div> <div style="font-size:0px; height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> </div> <a href="/"> <div style="flex:1; display:flex; align-items:center; font-size:0px; height:100%; padding:0 60px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png"> </div> </a> <div style="background-color:#e30a17; flex:1; display:flex; align-items:center;"> <div style="flex:1; display:flex; height:100%; justify-content:space-between;"> <div style=" font-size:0px; height:100%; width:100%; max-width:57px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div id="boutonHeaderSeConnecter"> <a href="/abo/espace.php" style="color:#ffffff;"> <div id="imgSeConnecter" style="font-size:0px;"> <img alt="" style="aspect-ratio:24/24;" src="/images/pictos/user_blanc.png"> </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div> SE CONNECTER </div> </a> </div> </div> <div style="flex:1; display:flex; height:100%;"> <div style=" font-size:0px; height:100%; width:100%; max-width:57px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_3_src_ok_cc.png"> </div> <div id="boutonHeaderSAbonner"> <a href="/abo/abonnements.php" style="color:#ffffff;"> <div id="imgSAbonner" style="font-size:0px;"> <img alt="" style="aspect-ratio:22/22;" src="/images/pictos/shop_blanc.png"> </div> </a> <a href="/abo/abonnements.php" style="color:#ffffff;"> <div> S'ABONNER </div> </a> </div> </div> </div> </div> <div id="menuLarge"> <a href="/accueil/page_speciale.php?evenement=tdm2024"> <div class="menu-bouton-large" style="text-align:center;"> <div style="font-size:9px; font-weight:normal; background-color:#e30a17; color:#ffffff;">PAGES SP脡CIALES</div> TDM 2024 </div> </a> <a href="/actualites/"> <div class="menu-bouton-large"> ACTUALIT脡S </div> </a> <a href="/abo/inscription-gratuite.php"> <div class="menu-bouton-large"> NEWSLETTERS </div> </a> <a href="/evenements/"> <div class="menu-bouton-large"> 脡V脡NEMENTS </div> </a> <a href="/videos/"> <div class="menu-bouton-large"> VID脡OS </div> </a> <a href="/podcasts/"> <div class="menu-bouton-large"> PODCASTS </div> </a> </div> </div> <div id="pubHaut"> <a id="pubHautA" target="_blank"> <img alt="" id="pubHautImg"> </a> </div> <div id="pubHautLarge"> <a id="pubHautLargeA" target="_blank"> <img alt="" id="pubHautLargeImg"> </a> </div> <div class="centre-conteneur"> <div class="colonnes-conteneur"> <div class="colonne-gauche"> <div style="color:#B2B2B2;"> <a class="lien lien-ariane" href="/">Accueil</a> > <a class="lien lien-ariane" href="/actualites/">Actualit茅s</a> > <a style="font-weight:500;" class="lien" href="/environnement/">Environnement</a> </div> <div class="espace-10"> </div> <a style="font-weight:500;" class="lien" href="/environnement/"> <div class="titre-section"> <img class="titre-section-img" alt="" src="/images/pictos/inclinaison_4_src_ok_cc.png"> <div class="titre-section-txt"> ENVIRONNEMENT </div> </div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/26/150860/symbhi-remporte-prix-genie-ecologique"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/4C/symbhi-remporte-prix-genie-ecologique_620x350.jpg" alt="Le Symbhi remporte le prix du G茅nie Ecologique"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 26 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Le Symbhi remporte le prix du G茅nie Ecologique</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/25/150844/placo-infinae-98-62-1ere-cloison-ecocirculaire-marche"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/3C/placo-infinae-98-62-1ere-cloison-ecocirculaire-marche_620x350.jpg" alt="Placo Infina茅 98/62 : la 1猫re cloison 茅co-circulaire du march茅"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 25 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Placo Infina茅 98/62 : la 1猫re cloison 茅co-circulaire du march茅</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150816/gcc-massifie-revalorisation-des-materiaux"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/20/gcc-massifie-revalorisation-des-materiaux_620x350.jpg" alt="GCC massifie la revalorisation des mat茅riaux"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">GCC massifie la revalorisation des mat茅riaux</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150812/oleo100-poursuit-accompagnement-des-transports-bon"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/1C/oleo100-poursuit-accompagnement-des-transports-bon_620x350.jpg" alt="Oleo100 poursuit l'accompagnement des Transports Bon"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Oleo100 poursuit l'accompagnement des Transports Bon</div></div> </a> </div> <div class="colonne-droite"> <div class="colonne-droite"> <div id="pubHalf" class="pub-half-colonne"> <a id="pubHalfA" target="_blank"> <img alt="" id="pubHalfImg"> </a> </div> </div> </div> </div> <div class="colonnes-conteneur"> <div class="colonne-gauche"> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150810/megevand-freres-receptionne-camion-electrique-volvo-trucks"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/1A/megevand-freres-receptionne-camion-electrique-volvo-trucks_620x350.jpg" alt="Megevand Fr猫res r茅ceptionne un camion 茅lectrique Volvo Trucks"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Megevand Fr猫res r茅ceptionne un camion 茅lectrique Volvo Trucks</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150809/colas-plante-avec-forest-life"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/19/colas-plante-avec-forest-life_620x350.jpg" alt="Colas plante avec Forest & Life"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Colas plante avec Forest & Life</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150807/premiere-journee-nationale-reemploi-economie-circulaire"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/17/premiere-journee-nationale-reemploi-economie-circulaire_620x350.jpg" alt="Premi猫re journ茅e nationale du r茅emploi et de l'茅conomie circulaire"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Premi猫re journ茅e nationale du r茅emploi et de l'茅conomie circulaire</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/21/150805/nge-associe-les-vignes-urbaines-durabilite-des-villes"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/15/nge-associe-les-vignes-urbaines-durabilite-des-villes_620x350.jpg" alt="NGE associe les vignes urbaines 脿 la durabilit茅 des villes"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 21 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">NGE associe les vignes urbaines 脿 la durabilit茅 des villes</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/20/150795/les-penuries-metaux-rares-menacent-les-objectifs-transition-energetique"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/0B/les-penuries-metaux-rares-menacent-les-objectifs-transition-energetique_620x350.jpg" alt="Les p茅nuries de m茅taux rares menacent les objectifs de transition 茅nerg茅tique"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 20 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">Les p茅nuries de m茅taux rares menacent les objectifs de transition 茅nerg茅tique</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/19/150787/dechets-nucleaires-suisse-fait-une-demande-creation-stockage-geologique-profond"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4D/03/dechets-nucleaires-suisse-fait-une-demande-creation-stockage-geologique-profond_620x350.jpg" alt="D茅chets nucl茅aires : la Suisse fait une demande de cr茅ation de stockage g茅ologique profond"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 19 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">D茅chets nucl茅aires : la Suisse fait une demande de cr茅ation de stockage g茅ologique profond</div></div> </a> <div class="separateur"> </div><a class="lien a-liste-grid" href="/environnement/article/2024/11/19/150773/csrd-qualiconsult-audit-consacre-certification-des-rapports-durabilite"><div class="liste-img"> <img style="aspect-ratio:620/350; width:100%; height:auto;" class="lazy img-principale" src="/images/pixel_transparent.gif" data-src="/e-docs/00/02/4C/F5/csrd-qualiconsult-audit-consacre-certification-des-rapports-durabilite_620x350.jpg" alt="CSRD : Qualiconsult Audit se consacre 脿 la certification des rapports de durabilit茅"> </div><div><div style="display:flex; gap:10px;"><div style="color:#B2B2B2; font-weight:900;">PUBLI脡 LE 19 NOVEMBRE 2024</div></div><div class="espace-10"> </div><div class="titre-quatre">CSRD : Qualiconsult Audit se consacre 脿 la certification des rapports de durabilit茅</div></div> </a> <div class="separateur"> </div> <div style="margin:40px 0;"> <div style="display:flex;"><div style="display:flex; align-items:center; gap:20px;"><div style="display:flex; align-items:center; gap:15px;"><a href="/environnement/2"><div class="bouton-navigation"><img alt="" class="img-navigation lazy" src="/images/pixel_transparent.gif" data-src="/images/pictos/next_blanc.png" class="img-navigation"></div></a></div><div><span style="font-size:20px; font-weight:700;">1 / 1073 pages</span></div></div></div> </div> </div> <div class="colonne-droite colonne-separateur"> <div class="les-plus-conteneur-colonne"> <div class="les-plus-titre-section" style="padding:20px 20px 0 20px;"> Les plus lus </div> <div class="espace"> </div> <a href="/environnement/article/2024/11/21/150805/nge-associe-les-vignes-urbaines-durabilite-des-villes" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">1</span> </div> <div> <span style="font-weight:700;">NGE associe les vignes urbaines 脿 la durabilit茅 des villes</span> </div> </div> </a> <div class="separateur"></div> <a href="/reseaux-vrd/article/2024/11/21/150808/nge-agrandit-station-epuration-wattrelos" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">2</span> </div> <div> <span style="font-weight:700;">NGE agrandit la station d鈥櫭﹑uration de Wattrelos</span> </div> </div> </a> <div class="separateur"></div> <a href="/environnement/article/2024/11/21/150807/premiere-journee-nationale-reemploi-economie-circulaire" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">3</span> </div> <div> <span style="font-weight:700;">Premi猫re journ茅e nationale du r茅emploi et de l'茅conomie circulaire</span> </div> </div> </a> <div class="separateur"></div> <a href="/terrassements-carrieres/article/2024/11/22/150725/tdm-trophee-reseau-primbtp-deux-cartes-sinon-rien" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">4</span> </div> <div> <span style="font-weight:700;">TDM / Troph茅e r茅seau : PrimBTP, deux cartes sinon rien</span> </div> </div> </a> <div class="separateur"></div> <a href="/terrassements-carrieres/article/2024/11/21/150712/tdm-environnementrse-plan-triennal-groupe-payant" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">5</span> </div> <div> <span style="font-weight:700;">TDM/ Environnement-RSE : le plan triennal du Groupe Payant</span> </div> </div> </a> <div class="separateur"></div> <a href="/batiment/article/2024/11/22/150838/paris-defense-plus-250-000-bureaux-finalisent-leur-restructuration" class="lien"> <div class="les-plus"> <div> <span style="font-size:30px; font-weight:900; color:#e30a17;">6</span> </div> <div> <span style="font-weight:700;">Paris La D茅fense聽: plus de 250聽000聽m2聽de bureaux聽finalisent leur聽restructuration</span> </div> </div> </a> <div class="espace"></div> </div> </div> </div> </div> <div class="espace-40"> </div> <div id="newslettersFondFooter"> <div> </div> <div id="newslettersConteneurFooter"> <div style="text-align:center; max-width:510px;"> <div style="font-size:30px; font-weight:900; max-width:400px; margin:0 auto;"> L'essentiel de l'actualit茅 de la construction </div> <div class="espace-20"> </div> <div style="font-size:13px;"> Ne manquez rien de l'actualit茅 de la construction ! <br> <b>Inscrivez-vous ou abonnez-vous pour recevoir les newsletters de votre choix dans votre bo卯te mail</b> </div> <div class="espace-20"> </div> <a href="/abo/inscription-gratuite.php"> <div class="bouton bouton-noir"> CHOISIR MES NEWSLETTERS </div> </a> </div> </div> </div> <div style="background-color:#171717;"> <div class="footer-conteneur"> <div style="width:300px; flex: 0 0 300px;"> <div> <img alt="" class="img-logo-footer" src="/images/logos/logo_cc_12_blanc.png"> </div> <div class="espace-40"> </div> <div style="color:#ffffff; font-size:12px; line-height:30px;"> Construction Cayola est un site de <a href="https://cayola-medias.com/" style="color:#E30A17; font-weight:700; text-decoration:underline; text-underline-offset:3px; white-space: nowrap;">Cayola M茅dias</a>, groupe de presse professionnelle sp茅cialis茅 dans l'茅dition de supports d茅di茅s 脿 la construction et 脿 l'environnement. </div> </div> <div style="display:flex; flex-direction:column;"> <a target="_blank" href="https://cayola-medias.com/espace-annonceurs/"> <div class="footer-lien" style="white-space: nowrap;"> Espace annonceurs </div> </a> <div class="espace"> </div> <a target="_blank" href="https://cayola-medias.com/"> <div class="footer-lien" style="white-space: nowrap;"> Qui sommes-nous ? </div> </a> <div class="espace"> </div> <a href="/abo/contact.php"> <div class="footer-lien"> Contactez-nous </div> </a> <div class="espace-40"> </div> <div> <span style="color:#ffffff; font-size:13px; font-weight:700;">Suivez-nous sur :</span> <div class="espace"> </div> <div style="display:flex; align-items:center; gap:10px;"> <a target="_blank" href="https://www.linkedin.com/showcase/constructioncayola/"> <img alt="" class="lazy" style="width:22px; height:22px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/linkedin_blanc.png"> </a> <a target="_blank" href="https://www.youtube.com/@CayolaMedias"> <img alt="" class="lazy" style="width:26px; height:18px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/youtube_blanc.png"> </a> <a target="_blank" href="https://open.spotify.com/show/2CBevUHiu16gHUz9QsMAIl"> <img alt="" class="lazy" style="width:25px; height:25px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/spotify_blanc.png"> </a> <a target="_blank" href="https://www.facebook.com/construction.cayola"> <img alt="" class="lazy" style="width:25px; height:24px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/facebook_blanc.png"> </a> <a target="_blank" href="https://twitter.com/ConstructionCay"> <img alt="" class="lazy" style="width:23px; height:21px;" src="/images/pixel_transparent.gif" data-src="/images/pictos/twitter_blanc.png"> </a> </div> </div> </div> <div > <a href="/abo/kiosque.php?mag=mat"> <div style="background-color:#ffffff; padding:10px 50px; display:flex; gap:50px; justify-content:space-between; align-items:center;"> <div> <div style="font-weight:900;"> KIOSQUE </div> <div class="espace-10"> </div> <div style="font-size:12px; font-weight:500;"> D茅couvrez tous nos magazines </div> </div> <div style="font-size:0px;"> <img alt="" class="lazy" style="width:137px; height:179;" src="/images/pixel_transparent.gif" data-src="/qualia/kiosque/MATENV/KIOSQUE/couv_124_300.jpg"> </div> </div> </a> </div> </div> <div class="separateur"> </div> <div class="footer-conteneur" style="color:#ffffff; font-size:12px;"> <div> 漏 2024 Construction Cayola - Tous droits r茅serv茅s </div> <div> <a target="_blank" class="footer-lien" href="https://cayola-medias.com/">Publicit茅</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/mentions.php">Mentions l茅gales</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/cgv_cgu_abo_mag.pdf">Conditions g茅n茅rales</a> <span style="color:#e30a17;">|</span> <a class="footer-lien" href="/abo/rgpd.pdf">Politique RGPD</a> </div> </div> </div> <script type="text/javascript"> function afficheMotDePasse() { $('#imgOeil').prop('src', '/images/pictos/oeil.png'); $('#inputPassword').attr('type','text'); $('#inputPassword').focus(); } let sousMenuOuvert = ''; function ouvrirSousMenu(type) { $('#sousMenuConteneur').fadeIn(100); } function fermerSousMenu(type) { $('#sousMenuConteneur').fadeOut(100); } function sousMenu(type) { $('.sous-menus-fleches').removeClass("rotate") $('.boutons-sous-menu-intitule').removeClass("boutons-sous-menu-gras-couleur") const boutonSousMenuFleche = document.getElementById('boutonSousMenu' + type + 'Fleche') const boutonSousMenuIntitule = document.getElementById('boutonSousMenu' + type + 'Intitule') boutonSousMenuFleche.classList.add("rotate") boutonSousMenuIntitule.classList.add("boutons-sous-menu-gras-couleur") $('.sous-menus-contenus').css('display', 'none'); $('#sousMenuContenu' + type).css('display', 'block'); if (!$('#sousMenuConteneur').is(":visible")) { ouvrirSousMenu(type) } else { if (sousMenuOuvert == type) { fermerSousMenu(type) $('.boutons-sous-menu-intitule').removeClass("boutons-sous-menu-gras-couleur") $('.sous-menus-fleches').removeClass("rotate") } } sousMenuOuvert = type } function accepteCookie(gA, rS, yT) { var ga = gA; var rs = rS; var y = yT; $.post('/abo/actions_abonnements_ajax.php',{ action:'consentements_cookies', aut:'oui', ga:ga, rs:rs, y:y },function(data) { if (data == 'ok') { window.location.reload(); } else { console.log(data); alert('Une erreur s\'est produite. Veuillez nous contacter au 01 30 08 14 14'); } }); } function accepteTousCookies(reponse) { var ga = 0; var rs = 0; var y = 0; if (reponse == 'oui') { ga = 1; rs = 1; y = 1; } $.post('/abo/actions_abonnements_ajax.php',{ action:'consentements_cookies', aut:'oui', ga:ga, rs:rs, y:y },function(data) { if (data == 'ok') { window.location.reload(); } else { console.log(data); alert('Une erreur s\'est produite. Veuillez nous contacter au 01 30 08 14 14'); } }); } function fermerInterstitiel() { $('#pubInterstitiel').fadeOut('fast'); } function afficherMenu() { if ($("#fondMenu").is(":hidden")) { $('#imgMenuBurger').hide(); $('#imgMenuCroix').show(); window.scrollTo(0, 0); $('#fondMenu').show(); $("#menu").animate({"left":"0px"}, "fast") $('body').css('overflow', 'hidden'); } else { $('#imgMenuCroix').hide(); $('#imgMenuBurger').show(); $("#menu").animate({"left":"-600px"}, "fast", function() { $('#fondMenu').hide(); $('body').css('overflow', 'auto'); }) } } </script> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script type="text/javascript"> /* function ajoutDestContact(courriel) { $('#inputHiddenCourrielDest').val(courriel); } function actionContact() { let urlAnnonce = ''; if($("#inputHiddenCleAnnonce").length == 0) { urlAnnonce = $("#inputHiddenUrlAnnonce").val(); } $.post('/ajax/contact.ajax.php',{message: $('[name=message]').val(), url_annonce: urlAnnonce, courriel_expe: $('#inputHiddenCourrielExpe').val(), courriel_dest: $('#inputHiddenCourrielDest').val(), type: $('#inputHiddenType').val() },function(data) { array_messages = ; alert(array_messages[data]); if (data == '7') { window.location.reload(); } }); } */ function ouvrirFermerDiv(div) { if ($('#' + div).is(":visible")) { $('#' + div).slideUp(); } else { $('#' + div).slideDown(); } } function ouvrirDiv(div) { $('#' + div).slideDown(); } function fermerDiv(div) { $('#' + div).slideUp(); } function ouvrirIdentification() { $('#fondIdentification').css('display', 'flex'); $('#conteneurIdentification').css('display', 'flex'); } function fermerIdentification() { $('#fondIdentification').css('display', 'none'); $('#conteneurIdentification').css('display', 'none'); } function actionIdentification() { $.post('/ajax/identification.ajax.php',{a: 1, 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 creerFormIdentification(i) { $('#spanOkIdentification').data('typeIdentification', i); switch (i) { case 1 : lib = "S'identifier"; $('#divPasswordIdentification').css( "display", "flex" ); break; case 2 : lib = "S'inscrire"; $('#divPasswordIdentification').css( "display", "none" ); $('#divRecaptchaIdentification').css( "display", "block" ); break; case 3 : lib = ""; break; } $('#spanLibTypeIdentification').html(lib); } function afficheImgChiffreMaxi() { $("#imgChiffreMaxi").attr("src", '/generique/inclusions/chiffre/chiffre_maxi_cc.png?date=20241127083038'); } $("#iframeYoutube").css("height", ($("#iframeYoutube").width() / 1.78)); /* $(".iframe-youtube-inclusion").css("height", ($(".iframe-youtube-inclusion").width() / 1.78)); $("#divIframeYouYouUne").css("height", ($("#divConteneurYouYouUne").width() / 1.78)); */ $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); </script><script> // let page = ''; // A RETIRER function affichePub(clePGroupe) { $.get( "/e-pubs/pub_8.php?cle_p_groupe=" + clePGroupe, function( data ) { objJson = JSON.parse(data); if (clePGroupe == "100" || clePGroupe == "200") { if ( objJson.length == 0 ) { $("#pubHautLarge").css('min-height', '0'); } else { if (objJson["code_perso"] != '') { // postscribe('#pubHautLarge', objJson["code_perso"]); } else { $("#pubHautLargeA").attr("href", objJson["href"]); $("#pubHautLargeImg").attr("src", objJson["src"]); } } } else if (clePGroupe == "190" || clePGroupe == "210") { if (objJson["code_perso"] != '') { if ($('#pubHalf').length) { $('#pubHalf').html('') // postscribe('#pubHalf', objJson["code_perso"]); } } else { $("#pubHalfA").attr("href", objJson["href"]); $("#pubHalfImg").attr("src", objJson["src"]); } } else if (clePGroupe == "135" || clePGroupe == "451") { if ( objJson.length == 0 ) { $('#pubInterstitiel').hide(); } else { $("#pubInterstitielA").attr("href", objJson["href"]); $("#pubInterstitielImg").attr("src", objJson["src"]); } } else if (clePGroupe == "161" || clePGroupe == "454") { if ( objJson.length == 0 ) { $('#pubInterstitiel').hide(); } else { $("#pubInterstitielA").attr("href", objJson["href"]); $("#pubInterstitielImg").attr("src", objJson["src"]); } } else if (clePGroupe == "150" || clePGroupe == "220") { $("#pubHautA").attr("href", objJson["href"]); $("#pubHautImg").attr("src", objJson["src"]); } }); return false; } function affichePubDeux(clePGroupe) { $.get( "/e-pubs/pub_8.php?cle_p_groupe=" + clePGroupe, function( data ) { objJson = JSON.parse(data); if (clePGroupe == "100" || clePGroupe == "200") { if ( objJson.length == 0 ) { $("#pubHautLargeDeux").css('min-height', '0'); } else { if (objJson["code_perso"] != '') { // postscribe('#pubHautLargeDeux', objJson["code_perso"]); } else { $("#pubHautLargeDeuxA").attr("href", objJson["href"]); $("#pubHautLargeDeuxImg").attr("src", objJson["src"]); } } } else if (clePGroupe == "190" || clePGroupe == "210") { if (objJson["code_perso"] != '') { if ($('#pubHalfDeux').length) { $('#pubHalfDeux').html('') // postscribe('#pubHalfDeux', objJson["code_perso"]); } } else { $("#pubHalfDeuxA").attr("href", objJson["href"]); $("#pubHalfDeuxImg").attr("src", objJson["src"]); } } else if (clePGroupe == "150" || clePGroupe == "220") { $("#pubHautDeuxA").attr("href", objJson["href"]); $("#pubHautDeuxImg").attr("src", objJson["src"]); } }); return false; } // FIN A RETIRER function affichePubs(site, emplacement, taille) { $.get( '/e-pubs/pub_12.php?taille=' + taille + '&site=' + site + '&emplacement=' + emplacement, function( data ) { objJson = JSON.parse(data); // console.log(objJson); Object.entries(objJson).forEach(([key, value]) => { $('#' + key + 'Img').attr("src", value["src"]); $('#' + key + 'A').attr("href", value["href"]); }); }); } let tailleEcran = 'large'; if (window.innerWidth < 1000) { tailleEcran = 'mobiles'; } $(document).ready(function () { // ATTENTION /* $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); */ // A RETIRER if (window.innerWidth >= 1000) { affichePub('100'); affichePub('190'); } else { affichePub('150'); affichePub('190'); } // FIN A RETIRER }); </script></body> </html>