CINXE.COM
Contact
<!DOCTYPE HTML> <html> <head> <title>Contact</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width"> <meta name="description" content="Contact" /> <link rel="icon" type="image/png" href="/images/favicon/favicon_cc.png" /> <script src="/js/jquery-3.7.1.min.js"></script> <script src="/js/jquery.lazy-1.7.9.min.js"></script> <script src="/js/fonctions.js"></script> <style> @font-face { font-family:Montserrat; src:url(/images/fonts/Montserrat/static/Montserrat-Regular.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:900; src:url(/images/fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:700; src:url(/images/fonts/Montserrat/static/Montserrat-Bold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:500; src:url(/images/fonts/Montserrat/static/Montserrat-SemiBold.ttf) format("truetype"); } @font-face { font-family:Montserrat; font-weight:400; src:url(/images/fonts/Montserrat/static/Montserrat-Medium.ttf) format("truetype"); } a { color:#17181e; text-decoration:none; } body { font-family: "Montserrat", sans-serif; color:#17181e; padding:0; margin:0; } .bouton { display:inline-block; cursor:pointer; font-weight:500; padding:10px 30px; font-size:15px; border-radius:4px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton:hover { background-color:#CC0000; } .bouton-abos { display:block; cursor:pointer; text-align:center; font-weight:700; padding:20px; font-size:18px; border-radius:12px; color:#ffffff; background-color:#e30a17; transition: all .2s ease-out; } .bouton-abos:hover { background-color:#CC0000; } .bouton-form { padding:25px 50px; font-size:17px; } .bouton-light { border:1px solid #17181e; padding:10px; text-align:center; cursor:pointer; transition: all .2s ease-out; } .bouton-light:hover { border:1px solid #e30a17; } .boutons-menu { height:70px; font-weight:900; color:#ffffff; background-color:#1c1c1c; display:flex; align-items:center; transition: all .2s ease-out; font-size:14px; padding:0 10px; transform:skew(24deg); } .boutons-menu > * { transform:skew(-24deg); } .boutons-menu:hover { background-color:#e30a17; } .boutons-menu-active { background-color:#e30a17; } #confirmChoixAboConteneur { display:none; position:fixed; z-index:1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width:500px; background-color:#ffffff; } #confirmChoixAboFond { height: 100%; width: 100%; z-index:1000; background: rgba(0, 0, 0, 0.8); display:none; position:fixed; top:0; } .conteneur { width:90%; max-width:1170px; margin:0 auto; } .conteneur-fond-blanc { width:90%; max-width:1090px; margin:0 auto; background-color:#ffffff; padding:20px; } .conteneur-mag { padding:32px; border-radius:10px; transition: all .2s; display:flex; flex-direction: column; justify-content:space-between; border:1px solid #cccccc; } .espace-5 { height:5px; } .espace-10 { height:10px; } .espace-20 { height:20px; } .espace-30 { height:30px; } .espace-40 { height:40px; } .espace-50 { height:50px; } .espace-60 { height:60px; } .espace-70 { height:70px; } .espace-80 { height:80px; } .espace-90 { height:90px; } #fondMenu { height: 100%; width: 100%; z-index:10; background: rgba(0, 0, 0, 0.8); display:none; position:absolute; top:70px; } .footer-conteneur { width:90%; max-width:1170px; margin:0 auto; padding:40px 0; display:flex; gap:20px; flex-wrap:wrap; justify-content:center; align-items:center; } .footer-fond { background-color:#17181e; } .footer-lien { color:#ffffff; transition: all .2s ease-out; font-size:14px; } .footer-lien:hover { color:#dddddd; } .grid { margin:0 auto; display:grid; grid-template-columns: repeat(1, 1fr); gap:30px; grid-auto-rows: 1fr; } .img-logo { aspect-ratio:500/150; max-width:140px; width:100%; height:auto; } .img-logo-large { aspect-ratio:500/150; max-width:154px; width:100%; height:auto; } input[type='checkbox'] { width:15px; height:15px; accent-color:#e30a17; } input[type='text'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='password'] { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; } input[type='submit'] { border:none; cursor:pointer; font-family: "Montserrat", sans-serif; } label { cursor:pointer; } #menu { display:flex; justify-content:space-between; height:70px; } #menuFond { background-color:#1c1c1c; height:70px; } #menuLarge { display:none; } #menuSlide { left:-600px; position:absolute; top:70px; z-index:11; overflow-y:scroll; height:calc(100vh - 90px); max-width:412px; padding:0 0 40px 20px; width:80%; background-color:#17181E; } #remisesGrid { font-size:11px; justify-content:center; column-gap:10px; } .rubriques { font-size:25px; padding:40px 20px; color:#ffffff; border-bottom:1px solid #333333; font-weight:900; } select { font-family: "Montserrat", sans-serif; color:#17181e; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; font-size:15px; font-weight:500; width:100%; box-sizing: border-box; } .separateur { height:1px; background-color:#cccccc; margin:20px 0; } textarea { font-size:15px; padding:20px; background-color:#F9FBFB; border:none; border-bottom:1px solid #37474F; width:100%; box-sizing: border-box; outline: none; font-family: "Montserrat", sans-serif; color:#17181e; font-weight:500; height:300px; } #titrePageAbo { font-size:45px; font-weight:900; color:#dedede; line-height:40px; text-align:center; } @media screen and (min-width:800px) { .conteneur-fond-blanc { padding:40px; } .grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width:1000px) { .grid { grid-template-columns: repeat(3, 1fr); } #menu { display:none; } #menuFond { background-color:#1c1c1c; } #menuLarge { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:90%; max-width:1170px; height:70px; margin:0 auto; } #remisesGrid { font-size:12px; justify-content:left; } #titrePageAbo{ font-size:80px; line-height:70px; max-width:800px; text-align:left; } } @media screen and (min-width:1200px) { .boutons-menu { font-size:15px; padding:0 20px; } } </style> <script async src="https://www.googletagmanager.com/gtag/js?id=G-VRJB3TPP7V"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VRJB3TPP7V', { 'allow_google_signals': false, 'allow_ad_personalization_signals': false }); </script> </head> <body> <div id="consentementConteneur" style="position:fixed; width:100%; z-index:100000; bottom:0; left:0; background-color:#171717; color:#ffffff;"> <div style="padding:50px 30px;"> <div> Certaines fonctionnalit茅s de ce site reposent sur l鈥檜sage de cookies. </div> <div class="espace-20"> </div> <div> Les services de mesure d'audience sont n茅cessaires au fonctionnement du site en permettant sa bonne administration. </div> <div class="espace-20"> </div> <div style="display:flex; gap:10px; align-items:center; flex-wrap:wrap;"> <div onclick="consentGrantedAdStorage()" class="bouton"> ACCEPTER TOUS LES COOKIES </div> <div onclick="nonConsentGrantedAdStorage()" class="bouton"> LES COOKIES N脡CESSAIRES SEULEMENT </div> </div> </div> </div> <script> consentementConteneur = document.getElementById('consentementConteneur'); function consentGrantedAdStorage() { gtag('consent', 'update', { 'analytics_storage': 'granted' }); const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=oui; expires=" + dateDuJour + "; path=/"; window.location.reload(); } function nonConsentGrantedAdStorage() { const dateDuJour = new Date(); dateDuJour.setFullYear(dateDuJour.getFullYear() + 1); document.cookie = "consentReponseDonnee=non; expires=" + dateDuJour + "; path=/"; window.location.reload(); } </script> <div id="fondMenu" onclick="afficherMenuAbo()"> </div> <div id="menuSlide"> <div style="position:relative;"> <a href="/abo/kiosque.php"> <div class="rubriques"> Kiosque </div> </a> <a href="/abo/abonnements.php"> <div class="rubriques"> Abonnements </div> </a> <a href="/abo/inscription-gratuite.php" style="color:#ffffff;"> <div class="rubriques"> Newsletters </div> </a> <a href="/abo/espace.php" style="color:#ffffff;"> <div class="rubriques"> Se connecter </div> </a> </div> </div> <div id="menuFond"> <div id="menu" class="conteneur"> <div onclick="afficherMenuAbo()" style="flex:1; display:flex; align-items:center;"> <img id="imgMenuCroix" alt="" style="display:none; aspect-ratio:30/22; width:30px;" src="/images/pictos/croix_blanc_deux.png"> <img id="imgMenuBurger" alt="" style="aspect-ratio:30/22; width:30px;" src="/images/pictos/burger_blanc_deux.png"> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <div style="background-color:#ffffff; display:flex; align-items:center;"> <a href="/"> <div style="font-size:0px; padding:0 10px;"> <img alt="" class="img-logo" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> </div> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> <div style="flex:1; display:flex; justify-content:end; align-items:center; gap:10px;"> <a href="/abo/espace.php"><div style="font-size:0px; "><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <div> <a href="/abo/panier.php"> <div style="height:70px; font-weight:900; color:#ffffff; display:flex; align-items:center; padding:0 10px;"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div> <div id="menuLarge"> <div style="font-size:0px; background-color:#ffffff; height:100%; display:flex; align-items:center;"> <div style="height:100%;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_1_src_ok_cc.png"> </div> <a href="/"> <div style="font-size:0px; padding:0 40px;"> <img alt="" class="img-logo-large" src="/images/logos/logo_cc_12.png" class="lazy"> </div> </a> <div style="height:100%; font-size:0px;"> <img alt="" style="aspect-ratio:89/109; height:100%;" src="/images/pictos/inclinaison_2_src_ok_cc.png"> </div> </div> <div style="display:flex; height:100%; align-items:center;"> <a href="/abo/kiosque.php"><div class="boutons-menu"><div>Kiosque</div></div></a> <a href="/abo/abonnements.php"><div class="boutons-menu"><div>Abonnements</div></div></a> <a href="/abo/inscription-gratuite.php"><div class="boutons-menu"><div>Newsletters</div></div></a> <a href="/abo/espace.php"><div class="boutons-menu"><img alt="" src="/images/pictos/user_blanc.png" style="aspect-ratio:24/24;"></div></a> <a href="/abo/panier.php"> <div class="boutons-menu"> <img alt="" src="/images/pictos/shop_blanc.png" style="aspect-ratio:24/24;"> <div style="position:relative; padding:5px; margin:-20px 0 0 -5px; width:15px; height:15px; border-radius:50%; background-color:#CC0000; color:#ffffff; display:flex; justify-content:center; font-size:12px;"> 0 </div> </div> </a> </div> </div> </div><style> .champ-titre { font-weight:900; } </style> <div class="espace-20"> </div> <div class="conteneur"> <div style="max-width:500px;"> <div id="titrePageAbo"> Contact </div> <div class="espace-20"> </div> <b>Cayola M茅dias</b> <div style="font-size:13px;"> 3 quai Conti <br> 78430 Louveciennes <br> FRANCE <br> <br> Nous joindre : <span style="color:#E30A17;">+33 130 081 414</span> </div> <div class="separateur"> </div> <form id="formulaireContact" name="form" action="envoi_contact.php" enctype="multipart/form-data" method="post"> <input type="hidden" name="type_formulaire" value="contact"> <input type="hidden" name="langue" value="fr"> <span class="champ-titre" id="spanService">Service :</span> <br> <br> <div style="display:flex; gap:10px; flex-wrap:wrap;"> <label style="cursor:pointer;"><input type="radio" name="service" value="abo" > Abonnements</label> <label style="cursor:pointer;"><input type="radio" name="service" value="redac" > La rédaction</label> <label style="cursor:pointer;"><input type="radio" name="service" value="pub" > Publicité</label> <label style="cursor:pointer;"><input type="radio" name="service" value="autre" > Autre</label> </div> <br> <br> <select id="parution" name="parution"> <option value="btp">BTP Magazine</option><option value="btpr">BTP Rail</option><option value="mem">Environnement Magazine</option><option value="hydrogenium">Hydrogenium</option><option value="hyd">Hydroplus</option><option value="mat">Mat Environnement</option><option value="pb">Prescription B茅ton</option><option value="rvrd">R茅seaux VRD</option><option value="tc">Terrassements & Carri猫res</option><option value="cc" selected>Construction Cayola</option> </select> <br> <br> <input type="text" id="nom" name="nom" value="" placeholder='Votre nom'> <br> <br> <input type="text" id="email" name="email" value="" placeholder='Votre courriel'> <br> <br> <textarea id="message" name="message" placeholder='Votre message'></textarea> <br> <br> <div class="g-recaptcha" data-sitekey="6Lctvv4SAAAAAMdTbb1pyPgfrkTPomECZSNXj4dX"> </div> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script> <br> <br> <input class="bouton" type="submit" style="font-size:18px; color:#ffffff; padding:20px; border:none; cursor:pointer; -webkit-appearance:none;" value="Envoyer"> </form> </div> </div> <div class="espace-20"> </div> <script src="/js/fonctions.js"></script> <script> $("#formulaireContact").submit( function () { $('#spanNom').css("color", "#000000"); $('#spanCourriel').css("color", "#000000"); $('#spanMessage').css("color", "#000000"); $('#spanService').css("color", "#000000"); if ($('input[name=service]:checked', '#formulaireContact').length == 0) { alert('Merci de choisir le service concern茅 par votre demande.'); $('html,body').animate({scrollTop: $("#spanService").offset().top-85}, 'slow'); $('#spanService').css("color", "#ff0000"); $('#spanService').css("font-weight", "100"); return false; } if ($("#nom").val() == "") { alert('Veuillez saisir votre nom.'); $('html,body').animate({scrollTop: $("#nom").offset().top-85}, 'slow'); $('#spanNom').css("color", "#ff0000"); $('#spanNom').css("font-weight", "100"); return false; } if (!isValidEmailAddress($("#email").val())) { alert('Votre courriel est manquant ou invalide.'); $('html,body').animate({scrollTop: $("#email").offset().top-85}, 'slow'); $('#spanCourriel').css("color", "#ff0000"); $('#spanCourriel').css("font-weight", "100"); return false; } if ($("#message").val() == "") { alert('Veuillez saisir votre message.'); $('html,body').animate({scrollTop: $("#message").offset().top-85}, 'slow'); $('#spanMessage').css("color", "#ff0000"); $('#spanMessage').css("font-weight", "100"); return false; } }); </script> <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>