CINXE.COM

<!DOCTYPE HTML> <html> <head> <title>Inscription gratuite</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width"> <meta name="description" content="Inscription" /> <link rel="icon" type="image/png" href="/images/favicon/favicon_cc.png" /> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script src="/js/fonctions.js"></script> <style> @font-face { font-family:Montserrat; src:url(/images/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:900; src:url(/images/fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:700; src:url(/images/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:500; src:url(/images/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:400; src:url(/images/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype"); } a { color:#17181e; text-decoration:none; } body { font-family: "Montserrat", sans-serif; color:#17181e; padding:0; margin:0; } .bouton { display:inline-block; cursor:pointer; font-weight:500; padding:10px 30px; font-size:15px; border-radius:4px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton:hover { background-color:#CC0000; } .bouton-abos { display:block; cursor:pointer; text-align:center; font-weight:700; padding:20px; font-size:18px; border-radius:12px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton-abos:hover { background-color:#CC0000; } .bouton-form { padding:25px 50px; font-size:17px; } .bouton-light { border:1px solid #17181e; padding:10px; text-align:center; cursor:pointer; transition: all .2s ease-out; } .bouton-light:hover { border:1px solid #e30a17; } .boutons-menu { height:70px; font-weight:900; color:#ffffff; background-color:#1c1c1c; display:flex; align-items:center; transition: all .2s ease-out; font-size:14px; padding:0 10px; transform:skew(24deg); } .boutons-menu > * { transform:skew(-24deg); } .boutons-menu:hover { background-color:#e30a17; } .boutons-menu-active { background-color:#e30a17; } #confirmChoixAboConteneur { display:none; position:fixed; z-index:1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width:500px; background-color:#ffffff; } #confirmChoixAboFond { height: 100%; width: 100%; z-index:1000; background: rgba(0, 0, 0, 0.8); display:none; position:fixed; top:0; } .conteneur { width:90%; max-width:1170px; margin:0 auto; } .conteneur-fond-blanc { width:90%; max-width:1090px; margin:0 auto; background-color:#ffffff; padding:20px; } .conteneur-mag { padding:32px; border-radius:10px; transition: all .2s; display:flex; flex-direction: column; justify-content:space-between; border:1px solid #cccccc; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } .espace-50 { height:50px; } .espace-60 { height:60px; } .espace-70 { height:70px; } .espace-80 { height:80px; } .espace-90 { height:90px; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:70px; } .footer-conteneur { width:90%; max-width:1170px; margin:0 auto; padding:40px 0; display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center; } .footer-fond { background-color:#17181e; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:14px; } .footer-lien:hover { color:#dddddd; } .grid { margin:0 auto; display:grid; grid-template-columns: repeat(1, 1fr); gap:30px; grid-auto-rows: 1fr; } .img-logo { aspect-ratio:500/150; max-width:140px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } input[type='checkbox'] { width:15px; height:15px; accent-color:#e30a17; } input[type='text'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='password'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } label { cursor:pointer; } #menu { display:flex; justify-content:space-between; height:70px; } #menuFond { background-color:#1c1c1c; height:70px; } #menuLarge { display:none; } #menuSlide { left:-600px; position:absolute; top:70px; z-index:11; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 0 40px 20px; width:80%; background-color:#17181E; } #remisesGrid { font-size:11px; justify-content:center; column-gap:10px; } .rubriques { font-size:25px; padding:40px 20px; color:#ffffff; border-bottom:1px solid #333333; font-weight:900; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-size:15px; font-weight:500; width:100%; box-sizing: border-box; } .separateur { height:1px; background-color:#cccccc; margin:20px 0; } textarea { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; height:300px; } #titrePageAbo { font-size:45px; font-weight:900; color:#dedede; line-height:40px; text-align:center; } @media screen and (min-width:800px) { .conteneur-fond-blanc { padding:40px; } .grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width:1000px) { .grid { grid-template-columns: repeat(3, 1fr); } #menu { display:none; } #menuFond { background-color:#1c1c1c; } #menuLarge { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; max-width:1170px; height:70px; margin:0 auto; } #remisesGrid { font-size:12px; justify-content:left; } #titrePageAbo{ font-size:80px; line-height:70px; max-width:800px; text-align:left; } } @media screen and (min-width:1200px) { .boutons-menu { font-size:15px; padding:0 20px; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJB3TPP7V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VRJB3TPP7V', { 'allow_google_signals': false, 'allow_ad_personalization_signals': false }); </script> </head> <body> <div id="consentementConteneur" style="position:fixed; width:100%; z-index:100000; bottom:0; left:0; background-color:#171717; color:#ffffff;"> <div style="padding:50px 30px;"> <div> Certaines fonctionnalités de ce site reposent sur l’usage de cookies. </div> <div class="espace-20"> </div> <div> Les services de mesure d'audience sont nécessaires au fonctionnement du site en permettant sa bonne administration. </div> <div class="espace-20"> </div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <div onclick="consentGrantedAdStorage()" class="bouton"> ACCEPTER TOUS LES COOKIES </div> <div onclick="nonConsentGrantedAdStorage()" class="bouton"> LES COOKIES NÉCESSAIRES SEULEMENT </div> </div> </div> </div> <script> consentementConteneur = document.getElementById('consentementConteneur'); function consentGrantedAdStorage() { gtag('consent', 'update', { 'analytics_storage': 'granted' }); const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=oui; expires=" + dateDuJour + "; path=/"; window.location.reload(); } function nonConsentGrantedAdStorage() { const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=non; expires=" + dateDuJour + "; path=/"; window.location.reload(); } </script> <div id="fondMenu" onclick="afficherMenuAbo()"> </div> <div id="menuSlide"> <div style="position:relative;"> <a href="/abo/kiosque.php"> <div class="rubriques"> Kiosque </div> </a> <a href="/abo/abonnements.php"> <div class="rubriques"> Abonnements </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="rubriques"> Newsletters </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div class="rubriques"> Se connecter </div> </a> </div> </div> <div id="menuFond"> <div id="menu" class="conteneur"> <div onclick="afficherMenuAbo()" style="flex:1; display:flex; align-items:center;"> <img id="imgMenuCroix" alt="" style="display:none; aspect-ratio:30/22; width:30px;" src="/images/pictos/croix_blanc_deux.png"> <img id="imgMenuBurger" alt="" style="aspect-ratio:30/22; width:30px;" src="/images/pictos/burger_blanc_deux.png"> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <div style="background-color:#ffffff; display:flex; align-items:center;"> <a href="/"> <div style="font-size:0px; padding:0 10px;"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div style="flex:1; display:flex; justify-content:end; align-items:center; gap:10px;"> <a href="/abo/espace.php"><div style="font-size:0px; "><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <div> <a href="/abo/panier.php"> <div style="height:70px; font-weight:900; color:#ffffff; display:flex; align-items:center; padding:0 10px;"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div> <div id="menuLarge"> <div style="font-size:0px; background-color:#ffffff; height:100%; display:flex; align-items:center;"> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <a href="/"> <div style="font-size:0px; padding:0 40px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> <div style="height:100%; font-size:0px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> </div> <div style="display:flex; height:100%; align-items:center;"> <a href="/abo/kiosque.php"><div class="boutons-menu"><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 boutons-menu-active"><div>Newsletters</div></div></a> <a href="/abo/espace.php"><div class="boutons-menu"><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <a href="/abo/panier.php"> <div class="boutons-menu"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div><style> .div-img-newsletter { font-size:0px; } .img-newsletter { cursor:pointer; } </style> <div class="espace-20"> </div> <div class="conteneur"> <div> <div id="titrePageAbo"> NEWSLETTERS </div> </div> </div> <div class="espace-20"> </div> <div class="conteneur"> <form id="formulaire" action="envoi_inscription_gratuite.php" method="post"> <input type="hidden" name="site_inscription" value="cc"> <div class="grid"> <div id="divChoix1" id="divBorderNewsletter1" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter1" value="batiment" onclick="MiseEnValeurChoix(1)"><span id="spanTitreNewsletter1" style="cursor:pointer; font-weight:500;">Bâtiment</span></div><div class="espace-10"></div> <div id="divImgNewsletter1" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter1" src="/images/newsletter/batiment_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix2" id="divBorderNewsletter2" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter2" value="carrieres" onclick="MiseEnValeurChoix(2)"><span id="spanTitreNewsletter2" style="cursor:pointer; font-weight:500;">Carrières</span></div><div class="espace-10"></div> <div id="divImgNewsletter2" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter2" src="/images/newsletter/carrieres_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix3" id="divBorderNewsletter3" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter3" value="environnement" onclick="MiseEnValeurChoix(3)"><span id="spanTitreNewsletter3" style="cursor:pointer; font-weight:500;">Environnement</span></div><div class="espace-10"></div> <div id="divImgNewsletter3" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter3" src="/images/newsletter/environnement_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix4" id="divBorderNewsletter4" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter4" value="infrastructures" onclick="MiseEnValeurChoix(4)"><span id="spanTitreNewsletter4" style="cursor:pointer; font-weight:500;">Infrastructures</span></div><div class="espace-10"></div> <div id="divImgNewsletter4" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter4" src="/images/newsletter/infrastructures_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix5" id="divBorderNewsletter5" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter5" value="materiels" onclick="MiseEnValeurChoix(5)"><span id="spanTitreNewsletter5" style="cursor:pointer; font-weight:500;">Matériels</span></div><div class="espace-10"></div> <div id="divImgNewsletter5" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter5" src="/images/newsletter/materiels_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix6" id="divBorderNewsletter6" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter6" value="rail" onclick="MiseEnValeurChoix(6)"><span id="spanTitreNewsletter6" style="cursor:pointer; font-weight:500;">Rail</span></div><div class="espace-10"></div> <div id="divImgNewsletter6" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter6" src="/images/newsletter/rail_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix7" id="divBorderNewsletter7" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter7" value="reseaux" onclick="MiseEnValeurChoix(7)"><span id="spanTitreNewsletter7" style="cursor:pointer; font-weight:500;">Réseaux VRD</span></div><div class="espace-10"></div> <div id="divImgNewsletter7" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter7" src="/images/newsletter/reseaux_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> <div id="divChoix8" id="divBorderNewsletter8" style="border-radius:5px; border:1px solid #efefef; padding:20px;"> <label> <div style="display:flex; gap:5px; align-items:center;"> <input type="checkbox" name="newsletter[]" id="inputNewsletter8" value="terrassements" onclick="MiseEnValeurChoix(8)"><span id="spanTitreNewsletter8" style="cursor:pointer; font-weight:500;">Terrassements</span></div><div class="espace-10"></div> <div id="divImgNewsletter8" class="div-img-newsletter"> <img style="aspect-ratio:435/126; width:100%; height:auto;" class="img-newsletter" id="imgNewsletter8" src="/images/newsletter/terrassements_12.jpg" /> </div> </label><div class="espace-10"></div><div style="font-style:italic; float:right; font-size:12px;">Hebdomadaire</div> </div> </div><div class="espace-40"></div> <div> <div style="max-width:500px;"> <div> <select id="selectCivilite" name="civilite"> <option value="0">Civilité *</option> <option value="1" >Madame</option> <option value="2" >Monsieur</option> </select> </div> <div class="espace-20"> </div> <div> <input placeholder="Votre prénom *" type="text" id="inputPrenom" name="prenom" value="" /> </div> <div class="espace-20"> </div> <div> <input placeholder="Votre nom *" type="text" id="inputNom" name="nom" value="" /> </div> <div class="espace-20"> </div> <div> <input onfocusout="boolDejaAbonne()" placeholder="Votre courriel *" type="text" id="courriel" name="email" value="" /> </div> <div class="espace-20"> </div> <div> <input placeholder="Votre téléphone" type="text" id="inputTel" name="tel" value="" /> </div> <div class="espace-20"> </div> <div style="display:flex; flex-wrap:wrap; gap:20px;"> <div> <select id="selectFonction" name="fonction_abonne"> <option value="0">Fonction *</option> <option value="7">AMO</option><option value="8">Architecte</option><option value="11">Bureau d'étude</option><option value="15">Conducteur d'engin</option><option value="9">Conducteur de Travaux</option><option value="10">CSPPS</option><option value="2">Directeur Commercial</option><option value="3">Directeur des Achats</option><option value="1">Directeur Général</option><option value="13">Distributeur</option><option value="4">DRH</option><option value="26">Étudiant</option><option value="14">Formation</option><option value="12">Loueur</option><option value="6">Maître d'oeuvre</option><option value="5">Maître d'ouvrage</option> </select> </div> <div> <select id="selectSecteur" name="secteur_abonne"> <option value="0">Secteur *</option> <option value="1">Bâtiment</option><option value="12">Carrières</option><option value="13">Composants</option><option value="9">Démolition</option><option value="11">Élévation</option><option value="26">Environnement</option><option value="4">Équipements</option><option value="27">Infrastructures TP</option><option value="3">Levage et manutention</option><option value="10">Manufacturier</option><option value="2">Rail</option><option value="5">Réseaux</option><option value="6">Route</option><option value="7">Terrassement</option><option value="8">Transport</option> </select> </div> </div> <div class="espace-20"> </div> <div class="g-recaptcha" data-sitekey="6Lctvv4SAAAAAMdTbb1pyPgfrkTPomECZSNXj4dX"></div> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"> </script> <div class="espace-20"> </div> <input id="submitValider" type="submit" class="bouton bouton-form" value="Valider"> <div class="espace-20"> </div> </div> <div> <div style="font-size:12px;"> Ces informations sont recueillies par les sociétés de Cayola Médias aux fins de traitement des commandes d’abonnements et des services associés, et sont enregistrées dans le fichier des clients abonnés de Cayola Médias. Vous bénéficiez d’un droit d’accès à vos données personnelles, de rectification, de limitation et d’effacement, du droit à la portabilité de vos données et du droit de s’opposer au traitement de celles-ci, du droit d’opposition à la prospection commerciale , ainsi que du droit de définir le sort de ces données après la mort, conformément à la loi « Informatique et Libertés » du 6 janvier 1978 modifiée et au RGPD du 27 avril 2016. Vous pouvez en faire la demande auprès du service client par courriel : contact@cayola-medias.com, ou encore par courrier : Service Client – Cayola Médias – 3, quai Conti – 78430 Louveciennes, en précisant votre nom, prénom, n° d’abonné avec copie d’une pièce d’identité. Nous vous renvoyons, pour plus d’informations, à notre Politique de données personnelles et confidentialité : <a target="_blank" href="https://www.constructioncayola.com/abo/rgpd.pdf" style="text-decoration:underline; font-weight:bold;">RGPD</a> </div> </div> </div> </form> </div> <div class="espace-40"> </div> <div class="footer-fond"> <div class="footer-conteneur"> <a target="_blank" href="/abo/contact.php"> <div class="footer-lien"> Contact </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/equipe.php"> <div class="footer-lien"> L'équipe </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/mentions.php"> <div class="footer-lien"> Mentions légales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/cgv_cgu_abo_mag.pdf"> <div class="footer-lien"> Conditions générales </div> </a> <div style="color:#e30a17;">|</div> <a target="_blank" href="/abo/rgpd.pdf"> <div class="footer-lien"> Politique RGPD </div> </a> </div> </div> <script> function actionIdentification(type) { $.post('../../ajax/identification.ajax.php',{a:type, i: $('[name=identifiant]').val(), p: $('[name=password]').val(), s: 'cc'},function(data) { array_messages = {"1":"Votre identifiant est manquant ou invalide.","2":"Identification r\u00e9ussie.","3":"L'identifiant saisi existe d\u00e9j\u00e0 dans notre base. Veuillez vous identifier.","4":"Votre inscription est r\u00e9ussie, votre mot de passe vient de vous \u00eatre adress\u00e9 par courriel.","5":"L'identifiant ou le mot de passe saisi est incorrect.","6":"\u00c9chec de l'envoi du message.","7":"Message envoy\u00e9.","8":"Annonce supprim\u00e9e.","9":"D\u00e9connexion r\u00e9ussie.","10":"Votre compte est actuellement utilis\u00e9 par un autre appareil. Votre compte est strictement personnel et ne peut \u00eatre utilis\u00e9 que sur un seul appareil \u00e0 la fois."}; if (data == '2' || data == '3' || data == '4' || data == '9' || data == '10') { window.location.reload(); } else { console.log(data) alert(array_messages[data]); } }); } function afficheMotDePasse() { $('#imgOeil').prop('src', '/images/pictos/oeil.png'); $('#inputPassword').attr('type','text'); $('#inputPassword').focus(); } function afficheArticlesEnLigne(mag, num, mois, site_concerne) { $('#divArticlesEnLigneContenu').html(''); if ($("#fondArticlesEnLigne").is(":hidden")) { $('#fondArticlesEnLigne').css('display', 'block'); $('#divArticlesEnLigne').css('display', 'block'); $('body').css('overflow', 'hidden'); } else { $('#fondArticlesEnLigne').css('display', 'none'); $('#divArticlesEnLigne').css('display', 'none'); $('body').css('overflow', 'auto'); } if (num > 0) { $.post('actions_abonnements_ajax.php',{aut:"oui", action:'affiche_articles_en_ligne', mag:mag, num:num, mois:mois, site_concerne:site_concerne},function(data) { $('#divArticlesEnLigneContenu').html(data); }); } } function boolDejaAbonne() { if (document.getElementById("courriel").value != '') { $.post('actions_abonnements_ajax.php',{aut:"oui", action: 'bool_deja_abonne', courriel: document.getElementById("courriel").value},function(data) { if (data == 'doublon') { if (confirm("Un compte abonné existe déjà avec cette adresse mail. Souhaitez-vous accéder à ce compte ?") == true) { window.open('/abo/espace.php', '_blank') } } else if (data == 'invalide') { alert('Le mail saisi est invalide.'); } else { console.log(data); } }); } } function MiseEnValeurChoix(i) { if ($("#inputNewsletter" + i).is(':checked')) { $("#divChoix" + i).css('background-color', '#efefef') $("#spanTitreNewsletter" + i).css('font-weight', '900') } else { $("#divChoix" + i).css('background-color', '#ffffff') $("#spanTitreNewsletter" + i).css('font-weight', '500') } } $("#formulaire").submit( function () { boolNewsletters = false; for (var i = 1; i <= 9; i++) { if ($("#inputNewsletter" + i).prop('checked')) { boolNewsletters = true; } } if (!boolNewsletters) { alert('Veuillez sélectionner une ou plusieurs newsletters.'); return false; } if ($("#selectCivilite").val() == 0) { alert('Il manque votre civilité.'); return false; } if (!$("#inputPrenom").val()) { alert('Il manque votre prénom.'); return false; } if (!$("#inputNom").val()) { alert('Il manque votre nom.'); return false; } if (!isValidEmailAddress($("#courriel").val())) { alert('Votre courriel est manquant ou invalide.'); return false; } if ($("#selectFonction").val() == 0) { alert('Il manque votre fonction.'); return false; } if ($("#selectSecteur").val() == 0) { alert('Il manque votre secteur.'); return false; } $("#submitValider").css("background-color", "#ffffff"); $("#submitValider").css("color", "#000000"); $("#submitValider").val('Traitement en cours...'); }); function afficherMenuAbo() { if ($("#fondMenu").is(":hidden")) { $('#imgMenuBurger').hide(); $('#imgMenuCroix').show(); window.scrollTo(0, 0); $('#fondMenu').show(); $("#menuSlide").animate({"left":"0px"}, "fast") $('body').css('overflow', 'hidden'); } else { $('#imgMenuCroix').hide(); $('#imgMenuBurger').show(); $("#menuSlide").animate({"left":"-600px"}, "fast", function() { $('#fondMenu').hide(); $('body').css('overflow', 'auto'); }) } } $("img.lazy").lazy({ effect: "fadeIn", effectTime: 250 }); $( document ).ready(function() { }); </script> </body> </html>