<!DOCTYPE html><html lang="fr" data-astro-cid-37fxchfa> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- SEO base --><title>Agence de Communication Perpignan · Web, SEO & Design - Agence Tempo</title><meta name="description" content="Agence Tempo accompagne les entreprises des Pyrénées-Orientales en communication globale, création web et SEO, avec une approche éco-responsable. Basée à Perpignan."><link rel="canonical" href="https://www.agence-tempo.fr/"><meta name="robots" content="index, follow"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:title" content="Agence de Communication Perpignan · Web, SEO & Design - Agence Tempo"><meta property="og:description" content="Agence Tempo accompagne les entreprises des Pyrénées-Orientales en communication globale, création web et SEO, avec une approche éco-responsable. Basée à Perpignan."><meta property="og:url" content="https://www.agence-tempo.fr/"><meta property="og:image" content="https://www.agence-tempo.fr/images/og-default.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="Agence Tempo"><meta property="og:locale" content="fr_FR"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Agence de Communication Perpignan · Web, SEO & Design - Agence Tempo"><meta name="twitter:description" content="Agence Tempo accompagne les entreprises des Pyrénées-Orientales en communication globale, création web et SEO, avec une approche éco-responsable. Basée à Perpignan."><meta name="twitter:image" content="https://www.agence-tempo.fr/images/og-default.jpg"><!-- Favicon --><link rel="icon" type="image/svg+xml" href="/images/favicon.png"><!-- Fonts --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- Schema.org LocalBusiness + ProfessionalService --><script type="application/ld+json">{"@context":"https://schema.org","@type":["LocalBusiness","ProfessionalService"],"name":"Agence Tempo","description":"Agence de communication globale et éco-responsable basée à Perpignan","url":"https://www.agence-tempo.fr","logo":"https://www.agence-tempo.fr/images/logo-agence-tempo.png","telephone":"+33659713057","email":"contact@agence-tempo.fr","address":{"@type":"PostalAddress","streetAddress":"13 Rue Salomon de Brosse","addressLocality":"Perpignan","postalCode":"66000","addressRegion":"Pyrénées-Orientales","addressCountry":"FR"},"geo":{"@type":"GeoCoordinates","latitude":42.6887,"longitude":2.8948},"openingHoursSpecification":{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday"],"opens":"09:00","closes":"18:00"},"sameAs":["https://www.instagram.com/agence.tempo","https://www.linkedin.com/company/agence-tempo","https://www.facebook.com/lagencetempo"]}</script><!-- Schema.org BreadcrumbList (pages secondaires) --><!-- Slot pour schemas additionnels (BlogPosting, etc.) --><!-- Consentement cookies + GA conditionnel --><script>
(function(){
const consent = localStorage.getItem('tempo-cookies');
if(consent === 'accepted'){
loadGA();
}
function loadGA(){
const s = document.createElement('script');
s.src = 'https://www.googletagmanager.com/gtag/js?id=G-9VYS1ZKZSB';
s.async = true;
document.head.appendChild(s);
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
window.gtag = gtag;
gtag('js', new Date());
gtag('config', 'G-9VYS1ZKZSB');
}
window.__loadGA = loadGA;
})();
</script><link rel="stylesheet" href="/_astro/BaseLayout.CTwQDtT1.css"></head> <body data-astro-cid-37fxchfa> <div id="cur" data-astro-cid-37fxchfa> <div class="c-dot" id="cdot" data-astro-cid-37fxchfa></div> <div class="c-ring" id="cring" data-astro-cid-37fxchfa></div> </div> <div id="preloader" data-astro-cid-whrugjgn> <svg id="preloader-logo" viewbox="0 0 637 264" xmlns="http://www.w3.org/2000/svg" data-astro-cid-whrugjgn> <path data-fill="#eae5e0" d="M308.27,153.45c8.45-14.1,16.64-27.75,24.82-41.41,2.83-4.73,5.69-9.43,8.43-14.21,2.5-4.38,6.31-6.56,11.21-6.55,8.99,.01,17.98,.15,26.97,.45,4.51,.15,6.37,2.1,6.94,6.64,.27,2.13,.46,4.29,.46,6.44,.03,43.62,.03,87.23,0,130.85,0,2.15-.19,4.31-.45,6.44-.56,4.45-2.49,6.48-7.02,6.57-8.99,.18-17.99,.18-26.99,0-4.71-.1-6.89-2.39-7.43-7.08-.26-2.25-.45-4.53-.45-6.8-.04-17.61-.02-35.23-.05-52.84,0-2.11-.2-4.23-1.18-6.68-.8,1.19-1.67,2.35-2.4,3.58-8.19,13.94-16.33,27.9-24.55,41.82-1.27,2.15-2.71,4.26-4.4,6.1-2.51,2.75-5.31,2.81-7.78,.09-1.92-2.11-3.58-4.5-5.04-6.96-8.03-13.47-15.95-27.01-23.95-40.51-.94-1.59-2.09-3.04-3.15-4.56l-1.04,.25c0,1.73,0,3.46,0,5.19,0,18.33,0,36.67-.02,55-.01,12.05-1.4,13.48-13.31,13.53-6.48,.03-12.96,0-19.43-.04-6.78-.05-8.97-2.24-9-9.15-.05-13.54-.03-27.08-.03-40.62,0-32.35,0-64.71,.03-97.06,0-1.66,.12-3.35,.41-4.99,.58-3.26,2.66-5.16,5.93-5.22,9.83-.19,19.66-.26,29.5-.25,4.82,0,7.44,3.26,9.68,7.01,8.67,14.49,17.36,28.96,26.08,43.43,2.27,3.76,4.65,7.46,7.21,11.54Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M396.74,170.08c0-21.08,0-42.16,0-63.24,0-2.03,.05-4.07,.18-6.1,.5-7.7,2.1-9.48,9.93-9.33,15.22,.3,30.44,.79,45.64,1.56,7.26,.36,14.67,.76,21.68,2.48,20.11,4.92,32.87,20.75,35.58,41.21,4.67,35.27-19.81,56.96-48.44,63.07-5.82,1.24-11.85,1.57-17.81,1.97-3.52,.24-4.41,1.99-4.38,5.11,.08,10.18,.03,20.36,.02,30.54,0,1.56,.04,3.12-.13,4.67-.47,4.25-2.72,6.59-7.04,6.67-9.35,.16-18.71,.17-28.05-.01-4.5-.09-6.76-2.44-6.85-7.08-.24-13.29-.31-26.58-.38-39.87-.06-10.54-.01-21.08-.01-31.62h.05Zm42.38-23.16h.04c0,6.46,0,12.92,0,19.38,0,1.91,.29,3.88,2.77,3.74,9.16-.52,17.68-2.72,22.81-11.2,9.2-15.22-2.34-35.61-20.17-35.88-4.03-.06-5.46,1.31-5.46,5.3,0,6.22,0,12.44,0,18.67Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M588.84,248.05c.71-8.29,1.58-16.01,1.99-23.75,.65-12.44-.93-24.69-5.23-36.36-1.81-4.93-4.57-9.82-8-13.77-4.83-5.58-12.43-5.38-18.03-.5-5.67,4.94-8.23,11.68-10.25,18.61-3.77,12.98-3.47,26.27-2.56,39.56,.32,4.65,.92,9.29,1.53,13.91,.26,1.98-.58,2.65-2.35,2.64-10.43-.09-20.87-.15-31.3-.32-2.98-.05-3.66-2.4-3.83-4.76-.62-9.06-1.56-18.13-1.59-27.2-.09-20.69,3.87-40.63,12.37-59.58,5.63-12.55,13.61-23.09,25.9-29.86,19.38-10.66,42.87-5.23,57.84,13.37,10.55,13.12,16.04,28.51,19.29,44.72,3.96,19.76,4.05,39.71,1.74,59.7-.3,2.58-1.12,3.71-4,3.66-11.13-.17-22.26-.07-33.53-.07Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M83.5,188.59c0,15.69,0,31.38,0,47.06,0,1.56,.03,3.12-.08,4.67-.41,6.28-2.51,8.35-8.73,8.42-8.03,.08-16.06,.05-24.1,.03-7.22-.02-9.09-1.81-9.12-9.17-.08-16.88-.05-33.77-.04-50.66,0-16.65,.06-33.29,0-49.94-.02-5.98-.88-6.7-7.01-6.71-5.63-.01-11.27,.06-16.9-.04-5.42-.1-8.21-2.77-8.3-8.23-.14-8.14-.16-16.29,.02-24.43,.12-5.45,2.23-7.49,7.6-8.04,1.67-.17,3.35-.24,5.02-.24,26.86-.02,53.71-.03,80.57-.03,1.56,0,3.12,.04,4.67,.19,6.37,.63,8.36,2.36,8.59,8.7,.29,7.89,.27,15.81,0,23.7-.21,6.16-2.64,8.27-8.83,8.38-5.87,.1-11.75,0-17.62,.05-4.85,.05-5.72,.87-5.73,5.63-.03,16.89-.01,33.77-.01,50.66Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M167.11,152.97c2.11,0,3.65-.02,5.18,0,10.66,.17,21.33,.26,31.99,.58,4.35,.13,6.48,2.19,6.65,6.45,.25,6.08,.32,12.18,0,18.25-.24,4.48-2.18,6.15-6.56,6.59-2.97,.3-5.98,.49-8.97,.47-22.18-.18-44.36-.5-66.54-.58-3.23-.01-3.98-.99-3.97-4.08,.12-25.99,.07-51.98,.07-77.96,0-1.2,0-2.4,.08-3.59,.32-5.22,2.01-6.99,7.22-7.52,1.67-.17,3.35-.27,5.02-.27,23.38-.02,46.76-.03,70.14,0,11.4,.01,12.91,1.54,12.91,12.75,0,6.35,.03,12.69-.01,19.04-.05,6.99-2.22,9.16-9.33,9.18-12.71,.04-25.42,0-38.13,.02-4.63,0-5.6,.82-5.71,5.3-.13,4.99-.03,9.99-.03,15.37Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M512.48,44.23c3.67,0,7,0,10.32,0,8.52,0,17.03,.07,25.54-.05,2.31-.03,3.61,.56,4.71,2.78,3.15,6.35,7.84,10.92,15.48,11.01,7.77,.09,12.63-4.34,15.99-10.84,.84-1.62,1.51-2.99,3.87-2.96,11.39,.14,22.79,.06,34.18,.08,.68,0,1.37,.2,2.05,.31-5.76,31.59-26.8,52.76-55.7,52.84-18.32,.05-33.02-8.01-43.77-22.9-6.46-8.95-10.46-18.97-12.69-30.28Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M125.02,208.9c2.06-.21,3.82-.53,5.58-.53,26.62-.05,53.23-.08,79.85-.08,8.17,0,9.87,1.74,9.88,9.95,0,7.3,.04,14.61-.01,21.91-.05,6.29-2.42,8.61-8.76,8.61-26.02,.02-52.03,.02-78.05,0-6.32,0-8.44-2.1-8.46-8.38-.04-10.29-.01-20.58-.01-31.48Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M118.53,62.32c-2.22,5.95-9.88,8.67-18.53,7.07-5.74-1.06-7.34-3.93-7.55-13.58-7.5-.19-10.62,2.23-11.7,9.06-.8,5.07-7.99,7.57-12.74,4.32-1.19-.81-2.24-2.02-2.98-3.27-5.9-10.05,1.85-28.18,13.14-30.92,3.55-.86,6.59-.52,8.48,3.71-1.09,.31-2.33,1.12-3.1,.8-5.14-2.08-7.48,1.41-9.15,4.93-1.85,3.91-2.81,8.25-4.55,13.59,8.2-2.75,14.94-4.87,21.56-7.36,1.11-.42,1.76-2.33,2.41-3.65,1.15-2.33,1.5-5.5,3.29-6.99,6.96-5.8,15.24-8.92,24.03-10.62l.84,1.54c-5,2.82-9.9,5.83-15.03,8.4-4.42,2.21-6.25,5.12-4.06,10.32l11.61-2.9,.77,1.31c-3.03,1.79-5.88,4.13-9.15,5.23-4.37,1.47-5.22,4.24-4.25,8,1.13,4.38,4.7,3.38,7.76,2.9,2.89-.45,5.72-1.21,8.89-1.89Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M52.3,71.75c-5.55-5.2-4.57-13.57-8.78-19.56-8.26-.4-9.45,.61-12.08,8.53-1.41,4.25-1.33,9.67-8.03,11.94,.81-5.31,1.51-9.88,2.32-15.18-4.54,1.61-8.74,3.09-13.41,4.74,1.17-4.58,4.57-6.31,8.07-7.4,4.87-1.51,7.33-4.34,8.01-9.45,.56-4.2,1.65-8.47,3.36-12.33,.94-2.13,3.57-4.72,5.57-4.83,1.86-.1,4.84,2.41,5.68,4.45,3.82,9.26,7.31,18.68,10.38,28.22,1.02,3.16,.45,6.84,.61,10.28l-1.68,.58Zm-10.25-24.61c-1.34-2.97-2.43-5.38-3.52-7.8l-1.67-.02c-.87,3.3-1.75,6.6-2.8,10.55,3.02-1.03,5.28-1.81,7.98-2.73Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M238.76,16.65c-4.1,2.21-8.14,4.54-12.33,6.57-2.21,1.07-4.67,1.62-7.02,2.41q-6.45,2.19-5.85,9.52c3.59-.49,7.16-.98,10.73-1.47l.73,1.63c-2.68,1.45-5.22,3.3-8.06,4.25-3.38,1.14-5.27,2.77-5.49,6.54-.29,5.03,.77,6.52,5.81,5.69,3.69-.61,7.24-2.05,11.11-3.19,1.59,4.01,.26,6.45-3.61,6.85-6.59,.69-13.22,1.12-19.84,1.24-4.18,.08-5.91-2.35-4.8-6.59,1.92-7.35,4.01-14.66,6.42-21.86,.61-1.81,2.44-3.57,4.16-4.58,8.38-4.91,17.37-8.08,27.18-8.49,.28,.49,.57,.98,.85,1.46Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M134.5,41.22c-2.72,8.14-5.43,16.28-8.15,24.41l-2.25-.49c.18-2.76,.19-5.54,.59-8.27,.62-4.23,1.24-8.5,2.34-12.63,2.05-7.69,7.69-9.88,14.38-5.52,3.42,2.23,6.38,5.15,10.48,8.53,.93-6.33,1.63-11.95,2.62-17.51,.49-2.73,1.32-5.44,2.38-8,.38-.93,1.86-1.42,2.84-2.11,.59,.88,1.71,1.78,1.67,2.63-.47,10.21-.76,20.44-1.86,30.59-.47,4.35-4.05,5.6-7.82,3.14-3.29-2.15-6.25-4.89-9.03-7.69-2.43-2.44-4.41-5.34-6.59-8.03l-1.62,.95Z" data-astro-cid-whrugjgn></path> <path data-fill="#eae5e0" d="M192.42,30.96c-10.4,5.27-12.41,10.57-7.63,19.44,4.24-1.75,8.53-3.53,13.39-5.53-2.23,6.82-8.95,11.48-15.34,11.35-5.26-.11-9.56-2.94-10.85-7.15-1.69-5.53,1.87-14.18,7.74-18.14,3.95-2.67,8.12-3.5,12.69,.04Z" data-astro-cid-whrugjgn></path> </svg> </div> <div class="preloader-curtain" id="preloader-curtain" data-astro-cid-whrugjgn></div> <script type="module">(function(){const s=document.getElementById("preloader"),n=document.getElementById("preloader-curtain"),o=document.getElementById("preloader-logo"),r=o.querySelectorAll("path"),i=document.querySelector(".nav-logo svg");document.body.style.overflow="hidden",r.forEach((e,t)=>{const l=e.getTotalLength?e.getTotalLength():300;e.style.stroke=e.dataset.fill,e.style.strokeDasharray=l,e.style.strokeDashoffset=l,e.style.fill="none",requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.transition=`stroke-dashoffset .5s cubic-bezier(.16,1,.3,1) ${t*.08}s, fill .3s ease ${t*.08+.45}s`,e.style.strokeDashoffset="0",setTimeout(()=>{e.style.fill=e.dataset.fill},(t*.08+.45)*1e3)})})});const a=r.length*.06+.7;setTimeout(()=>{const e=i?i.closest("a").getBoundingClientRect():null,t=o.getBoundingClientRect();if(e){const l=e.left-t.left+(e.width-t.width)/2,c=e.top-t.top+(e.height-t.height)/2,d=Math.min(e.width/t.width,e.height/t.height);o.style.transition="transform .8s cubic-bezier(.76,0,.24,1)",o.style.transform=`translate(${l}px, ${c}px) scale(${d})`}setTimeout(()=>{n.style.transformOrigin="left",n.style.transition="transform 1.4s cubic-bezier(.76,0,.24,1)",n.style.transform="scaleX(0)",o.style.zIndex="9999",s.style.background="transparent",s.style.transition="opacity 1s ease 1s",s.style.opacity="0",setTimeout(()=>{document.dispatchEvent(new Event("preloaderDone")),s.remove(),n.remove(),document.body.style.overflow=""},1400)},900)},a*1e3)})();</script> <div class="nav-ov" id="nav-ov"> <div class="nav-ov-inner"> <div class="nav-ov-links"> <a href="/agence" class="nav-ov-link"> <span class="nav-ov-n">01</span>L'Agence </a><a href="/projets" class="nav-ov-link"> <span class="nav-ov-n">02</span>Les Projets </a><a href="/eco-responsable" class="nav-ov-link"> <span class="nav-ov-n">03</span>Éco-responsable </a><a href="/news" class="nav-ov-link"> <span class="nav-ov-n">04</span>Les News </a><a href="/contact" class="nav-ov-link"> <span class="nav-ov-n">05</span>Contact </a> </div> <div class="nav-ov-foot"> <div class="nav-ov-foot-left"> <a href="mailto:contact@agence-tempo.fr">contact@agence-tempo.fr</a> <a href="tel:+33659713057">06 59 71 30 57</a> </div> <div class="nav-ov-soc"> <a href="https://www.instagram.com/agence.tempo" target="_blank" rel="noopener">Instagram</a> <a href="https://www.linkedin.com/company/agence-tempo" target="_blank" rel="noopener">LinkedIn</a> <a href="https://www.facebook.com/lagencetempo" target="_blank" rel="noopener">Facebook</a> </div> </div> </div> </div> <nav class="nav" id="nav"> <a href="/" class="nav-logo" aria-label="Agence Tempo"> <svg viewbox="0 0 637 264" xmlns="http://www.w3.org/2000/svg"> <path fill="#eae5e0" d="M308.27,153.45c8.45-14.1,16.64-27.75,24.82-41.41,2.83-4.73,5.69-9.43,8.43-14.21,2.5-4.38,6.31-6.56,11.21-6.55,8.99,.01,17.98,.15,26.97,.45,4.51,.15,6.37,2.1,6.94,6.64,.27,2.13,.46,4.29,.46,6.44,.03,43.62,.03,87.23,0,130.85,0,2.15-.19,4.31-.45,6.44-.56,4.45-2.49,6.48-7.02,6.57-8.99,.18-17.99,.18-26.99,0-4.71-.1-6.89-2.39-7.43-7.08-.26-2.25-.45-4.53-.45-6.8-.04-17.61-.02-35.23-.05-52.84,0-2.11-.2-4.23-1.18-6.68-.8,1.19-1.67,2.35-2.4,3.58-8.19,13.94-16.33,27.9-24.55,41.82-1.27,2.15-2.71,4.26-4.4,6.1-2.51,2.75-5.31,2.81-7.78,.09-1.92-2.11-3.58-4.5-5.04-6.96-8.03-13.47-15.95-27.01-23.95-40.51-.94-1.59-2.09-3.04-3.15-4.56l-1.04,.25c0,1.73,0,3.46,0,5.19,0,18.33,0,36.67-.02,55-.01,12.05-1.4,13.48-13.31,13.53-6.48,.03-12.96,0-19.43-.04-6.78-.05-8.97-2.24-9-9.15-.05-13.54-.03-27.08-.03-40.62,0-32.35,0-64.71,.03-97.06,0-1.66,.12-3.35,.41-4.99,.58-3.26,2.66-5.16,5.93-5.22,9.83-.19,19.66-.26,29.5-.25,4.82,0,7.44,3.26,9.68,7.01,8.67,14.49,17.36,28.96,26.08,43.43,2.27,3.76,4.65,7.46,7.21,11.54Z"></path> <path fill="#eae5e0" d="M396.74,170.08c0-21.08,0-42.16,0-63.24,0-2.03,.05-4.07,.18-6.1,.5-7.7,2.1-9.48,9.93-9.33,15.22,.3,30.44,.79,45.64,1.56,7.26,.36,14.67,.76,21.68,2.48,20.11,4.92,32.87,20.75,35.58,41.21,4.67,35.27-19.81,56.96-48.44,63.07-5.82,1.24-11.85,1.57-17.81,1.97-3.52,.24-4.41,1.99-4.38,5.11,.08,10.18,.03,20.36,.02,30.54,0,1.56,.04,3.12-.13,4.67-.47,4.25-2.72,6.59-7.04,6.67-9.35,.16-18.71,.17-28.05-.01-4.5-.09-6.76-2.44-6.85-7.08-.24-13.29-.31-26.58-.38-39.87-.06-10.54-.01-21.08-.01-31.62h.05Zm42.38-23.16h.04c0,6.46,0,12.92,0,19.38,0,1.91,.29,3.88,2.77,3.74,9.16-.52,17.68-2.72,22.81-11.2,9.2-15.22-2.34-35.61-20.17-35.88-4.03-.06-5.46,1.31-5.46,5.3,0,6.22,0,12.44,0,18.67Z"></path> <path fill="#eae5e0" d="M588.84,248.05c.71-8.29,1.58-16.01,1.99-23.75,.65-12.44-.93-24.69-5.23-36.36-1.81-4.93-4.57-9.82-8-13.77-4.83-5.58-12.43-5.38-18.03-.5-5.67,4.94-8.23,11.68-10.25,18.61-3.77,12.98-3.47,26.27-2.56,39.56,.32,4.65,.92,9.29,1.53,13.91,.26,1.98-.58,2.65-2.35,2.64-10.43-.09-20.87-.15-31.3-.32-2.98-.05-3.66-2.4-3.83-4.76-.62-9.06-1.56-18.13-1.59-27.2-.09-20.69,3.87-40.63,12.37-59.58,5.63-12.55,13.61-23.09,25.9-29.86,19.38-10.66,42.87-5.23,57.84,13.37,10.55,13.12,16.04,28.51,19.29,44.72,3.96,19.76,4.05,39.71,1.74,59.7-.3,2.58-1.12,3.71-4,3.66-11.13-.17-22.26-.07-33.53-.07Z"></path> <path fill="#eae5e0" d="M83.5,188.59c0,15.69,0,31.38,0,47.06,0,1.56,.03,3.12-.08,4.67-.41,6.28-2.51,8.35-8.73,8.42-8.03,.08-16.06,.05-24.1,.03-7.22-.02-9.09-1.81-9.12-9.17-.08-16.88-.05-33.77-.04-50.66,0-16.65,.06-33.29,0-49.94-.02-5.98-.88-6.7-7.01-6.71-5.63-.01-11.27,.06-16.9-.04-5.42-.1-8.21-2.77-8.3-8.23-.14-8.14-.16-16.29,.02-24.43,.12-5.45,2.23-7.49,7.6-8.04,1.67-.17,3.35-.24,5.02-.24,26.86-.02,53.71-.03,80.57-.03,1.56,0,3.12,.04,4.67,.19,6.37,.63,8.36,2.36,8.59,8.7,.29,7.89,.27,15.81,0,23.7-.21,6.16-2.64,8.27-8.83,8.38-5.87,.1-11.75,0-17.62,.05-4.85,.05-5.72,.87-5.73,5.63-.03,16.89-.01,33.77-.01,50.66Z"></path> <path fill="#eae5e0" d="M167.11,152.97c2.11,0,3.65-.02,5.18,0,10.66,.17,21.33,.26,31.99,.58,4.35,.13,6.48,2.19,6.65,6.45,.25,6.08,.32,12.18,0,18.25-.24,4.48-2.18,6.15-6.56,6.59-2.97,.3-5.98,.49-8.97,.47-22.18-.18-44.36-.5-66.54-.58-3.23-.01-3.98-.99-3.97-4.08,.12-25.99,.07-51.98,.07-77.96,0-1.2,0-2.4,.08-3.59,.32-5.22,2.01-6.99,7.22-7.52,1.67-.17,3.35-.27,5.02-.27,23.38-.02,46.76-.03,70.14,0,11.4,.01,12.91,1.54,12.91,12.75,0,6.35,.03,12.69-.01,19.04-.05,6.99-2.22,9.16-9.33,9.18-12.71,.04-25.42,0-38.13,.02-4.63,0-5.6,.82-5.71,5.3-.13,4.99-.03,9.99-.03,15.37Z"></path> <path fill="#eae5e0" d="M512.48,44.23c3.67,0,7,0,10.32,0,8.52,0,17.03,.07,25.54-.05,2.31-.03,3.61,.56,4.71,2.78,3.15,6.35,7.84,10.92,15.48,11.01,7.77,.09,12.63-4.34,15.99-10.84,.84-1.62,1.51-2.99,3.87-2.96,11.39,.14,22.79,.06,34.18,.08,.68,0,1.37,.2,2.05,.31-5.76,31.59-26.8,52.76-55.7,52.84-18.32,.05-33.02-8.01-43.77-22.9-6.46-8.95-10.46-18.97-12.69-30.28Z"></path> <path fill="#eae5e0" d="M125.02,208.9c2.06-.21,3.82-.53,5.58-.53,26.62-.05,53.23-.08,79.85-.08,8.17,0,9.87,1.74,9.88,9.95,0,7.3,.04,14.61-.01,21.91-.05,6.29-2.42,8.61-8.76,8.61-26.02,.02-52.03,.02-78.05,0-6.32,0-8.44-2.1-8.46-8.38-.04-10.29-.01-20.58-.01-31.48Z"></path> <path fill="#eae5e0" d="M118.53,62.32c-2.22,5.95-9.88,8.67-18.53,7.07-5.74-1.06-7.34-3.93-7.55-13.58-7.5-.19-10.62,2.23-11.7,9.06-.8,5.07-7.99,7.57-12.74,4.32-1.19-.81-2.24-2.02-2.98-3.27-5.9-10.05,1.85-28.18,13.14-30.92,3.55-.86,6.59-.52,8.48,3.71-1.09,.31-2.33,1.12-3.1,.8-5.14-2.08-7.48,1.41-9.15,4.93-1.85,3.91-2.81,8.25-4.55,13.59,8.2-2.75,14.94-4.87,21.56-7.36,1.11-.42,1.76-2.33,2.41-3.65,1.15-2.33,1.5-5.5,3.29-6.99,6.96-5.8,15.24-8.92,24.03-10.62l.84,1.54c-5,2.82-9.9,5.83-15.03,8.4-4.42,2.21-6.25,5.12-4.06,10.32l11.61-2.9,.77,1.31c-3.03,1.79-5.88,4.13-9.15,5.23-4.37,1.47-5.22,4.24-4.25,8,1.13,4.38,4.7,3.38,7.76,2.9,2.89-.45,5.72-1.21,8.89-1.89Z"></path> <path fill="#eae5e0" d="M52.3,71.75c-5.55-5.2-4.57-13.57-8.78-19.56-8.26-.4-9.45,.61-12.08,8.53-1.41,4.25-1.33,9.67-8.03,11.94,.81-5.31,1.51-9.88,2.32-15.18-4.54,1.61-8.74,3.09-13.41,4.74,1.17-4.58,4.57-6.31,8.07-7.4,4.87-1.51,7.33-4.34,8.01-9.45,.56-4.2,1.65-8.47,3.36-12.33,.94-2.13,3.57-4.72,5.57-4.83,1.86-.1,4.84,2.41,5.68,4.45,3.82,9.26,7.31,18.68,10.38,28.22,1.02,3.16,.45,6.84,.61,10.28l-1.68,.58Zm-10.25-24.61c-1.34-2.97-2.43-5.38-3.52-7.8l-1.67-.02c-.87,3.3-1.75,6.6-2.8,10.55,3.02-1.03,5.28-1.81,7.98-2.73Z"></path> <path fill="#eae5e0" d="M238.76,16.65c-4.1,2.21-8.14,4.54-12.33,6.57-2.21,1.07-4.67,1.62-7.02,2.41q-6.45,2.19-5.85,9.52c3.59-.49,7.16-.98,10.73-1.47l.73,1.63c-2.68,1.45-5.22,3.3-8.06,4.25-3.38,1.14-5.27,2.77-5.49,6.54-.29,5.03,.77,6.52,5.81,5.69,3.69-.61,7.24-2.05,11.11-3.19,1.59,4.01,.26,6.45-3.61,6.85-6.59,.69-13.22,1.12-19.84,1.24-4.18,.08-5.91-2.35-4.8-6.59,1.92-7.35,4.01-14.66,6.42-21.86,.61-1.81,2.44-3.57,4.16-4.58,8.38-4.91,17.37-8.08,27.18-8.49,.28,.49,.57,.98,.85,1.46Z"></path> <path fill="#eae5e0" d="M134.5,41.22c-2.72,8.14-5.43,16.28-8.15,24.41l-2.25-.49c.18-2.76,.19-5.54,.59-8.27,.62-4.23,1.24-8.5,2.34-12.63,2.05-7.69,7.69-9.88,14.38-5.52,3.42,2.23,6.38,5.15,10.48,8.53,.93-6.33,1.63-11.95,2.62-17.51,.49-2.73,1.32-5.44,2.38-8,.38-.93,1.86-1.42,2.84-2.11,.59,.88,1.71,1.78,1.67,2.63-.47,10.21-.76,20.44-1.86,30.59-.47,4.35-4.05,5.6-7.82,3.14-3.29-2.15-6.25-4.89-9.03-7.69-2.43-2.44-4.41-5.34-6.59-8.03l-1.62,.95Z"></path> <path fill="#eae5e0" d="M192.42,30.96c-10.4,5.27-12.41,10.57-7.63,19.44,4.24-1.75,8.53-3.53,13.39-5.53-2.23,6.82-8.95,11.48-15.34,11.35-5.26-.11-9.56-2.94-10.85-7.15-1.69-5.53,1.87-14.18,7.74-18.14,3.95-2.67,8.12-3.5,12.69,.04Z"></path> </svg> </a> <button class="nav-burger" id="nbg" aria-label="Menu" aria-expanded="false"> <span></span><span></span><span></span> </button> </nav> <main data-astro-cid-37fxchfa> <section class="hero"> <div class="hero-bg"> <video id="hero-video" autoplay muted loop playsinline style="width:100%;height:100%;object-fit:cover;opacity:.6;"></video> </div> <canvas id="hc" aria-hidden="true"></canvas> <div class="hero-grad"></div> <div class="hero-content"> <p class="hero-lbl"><span class="hero-lbl-n">(01)</span>Communication Globale & Éco-responsable</p> <div class="hero-title"> <span class="hl" id="hl1">Composons</span> <span class="hl" id="hl2">le rythme</span> <span class="hl accent" id="hl3">de votre projet.</span> </div> </div> <div class="scroll-hint"><span class="scroll-ln"></span><span class="scroll-lbl">Scroll</span></div> <script type="module">const t=["https://private.agence-tempo.fr//v2/videos/video01.mp4","https://private.agence-tempo.fr//v2/videos/video04.mp4","https://private.agence-tempo.fr//v2/videos/video03.mp4"],e=document.getElementById("hero-video");e.src=t[Math.floor(Math.random()*t.length)];e.load();e.play().catch(function(){});</script> </section> <section class="stmt bs" id="stmt"> <div class="stmt-bars"> <div class="stmt-bar" style="width:95%"></div> <div class="stmt-bar" style="width:80%"></div> <div class="stmt-bar" style="width:62%"></div> </div> <div class="stmt-inner"> <blockquote class="sq" id="sq"> <span class="sw stmt-quote-main">"Le plus nécessaire</span> <span class="sw stmt-quote-main">et le plus difficile</span> <span class="sw stmt-quote-main">à maîtriser,</span> <span class="sw accent stmt-quote-main">c'est le tempo"</span> <cite class="stmt-cite">- Mozart</cite> <span class="sw" style="margin-top:1.5rem">tout comme une partition musicale,</span> <span class="sw accent">l'Agence Tempo</span> <span class="sw">ne cesse de donner</span> <span class="sw accent">rythme et précision</span> <span class="sw">aux projets.</span> </blockquote> </div> </section> <section class="bs svc" id="sec-svc"> <div class="bs-bar"></div> <div class="bs-head"> <span class="bs-num">(02)</span> <h2 class="bs-title">Nos domaines<br>d'expertise</h2> </div> <div class="bs-body"> <div class="ticker-wrap"><div class="ticker-track" id="tt"> <span class="ticker-tag">Identité graphique</span><span class="ticker-tag">Print</span><span class="ticker-tag">Site web</span><span class="ticker-tag">SEO</span><span class="ticker-tag">Stratégie digitale</span><span class="ticker-tag">Photo</span><span class="ticker-tag">Vidéo</span><span class="ticker-tag">Réseaux sociaux</span><span class="ticker-tag">Audit</span><span class="ticker-tag">RSE</span> <span class="ticker-tag">Identité graphique</span><span class="ticker-tag">Print</span><span class="ticker-tag">Site web</span><span class="ticker-tag">SEO</span><span class="ticker-tag">Stratégie digitale</span><span class="ticker-tag">Photo</span><span class="ticker-tag">Vidéo</span><span class="ticker-tag">Réseaux sociaux</span><span class="ticker-tag">Audit</span><span class="ticker-tag">RSE</span> </div></div> <ul class="svc-grid"> <li class="svc-item up"><span class="svc-n">01</span><span class="svc-lbl">Identité graphique</span></li> <li class="svc-item up d1"><span class="svc-n">02</span><span class="svc-lbl">Print & édition</span></li> <li class="svc-item up d2"><span class="svc-n">03</span><span class="svc-lbl">Site web</span></li> <li class="svc-item up d1"><span class="svc-n">04</span><span class="svc-lbl">Référencement SEO & SEA</span></li> <li class="svc-item up d2"><span class="svc-n">05</span><span class="svc-lbl">Stratégie digitale</span></li> <li class="svc-item up d3"><span class="svc-n">06</span><span class="svc-lbl">Contenus photo</span></li> <li class="svc-item up"><span class="svc-n">07</span><span class="svc-lbl">Contenus vidéo</span></li> <li class="svc-item up d1"><span class="svc-n">08</span><span class="svc-lbl">Réseaux sociaux</span></li> <li class="svc-item up d2"><span class="svc-n">09</span><span class="svc-lbl">Audit & conseil</span></li> <li class="svc-item up d3"><span class="svc-n">10</span><span class="svc-lbl">Communication RSE</span></li> <li class="svc-item up"><span class="svc-n">11</span><span class="svc-lbl">Accompagnement</span></li> <li class="svc-item up d1"><span class="svc-n">12</span><span class="svc-lbl">Développement sur mesure</span></li> </ul> <div class="svc-cta up d2"> <a href="/services" class="btn btn-dark">Voir tous nos services →</a> </div> </div> </section> <section class="bs" id="sec-proj" style="background:var(--mid)"> <div class="bs-bar"></div> <div class="bs-head"> <span class="bs-num">(03)</span> <h2 class="bs-title">Derniers<br>projets</h2> </div> <div class="bs-body" style="padding-left:0;padding-right:0"> <div class="projects-wrap"> <a href="/projets/verdon-les-grands-domaines" class="proj-featured up" id="proj-featured-link"> <div class="rimg" id="proj-featured-rimg"> <img id="proj-featured-img" src="" alt="" loading="lazy"> </div> <div class="proj-featured-overlay"> <div> <div class="proj-featured-name" id="proj-featured-name"></div> <div class="proj-featured-cat" id="proj-featured-cat"></div> <div class="proj-featured-cta">Voir le projet →</div> </div> </div> </a> <div class="proj-list"> <div class="proj-list-item"> <span class="proj-list-name">Espace Aquasud Saint-Cyprien</span> <span class="proj-list-type">Refonte Site Web</span> <span class="proj-list-year">2026</span> </div><div class="proj-list-item"> <span class="proj-list-name">Bedroom</span> <span class="proj-list-type">Site internet & IA personnalisée</span> <span class="proj-list-year">2025</span> </div><div class="proj-list-item"> <span class="proj-list-name">Camilor</span> <span class="proj-list-type">Refonte Site Internet</span> <span class="proj-list-year">2024</span> </div><div class="proj-list-item"> <span class="proj-list-name">Camping Le Bosc</span> <span class="proj-list-type">Accompagnement Digital</span> <span class="proj-list-year">2023</span> </div><div class="proj-list-item"> <span class="proj-list-name">Déclic Sud Roussillon</span> <span class="proj-list-type">Création d'identité & Site Internet</span> <span class="proj-list-year">2023</span> </div><div class="proj-list-item"> <span class="proj-list-name">Ecole Sankali</span> <span class="proj-list-type">Refonte Site Internet</span> <span class="proj-list-year">2023</span> </div><div class="proj-list-item"> <span class="proj-list-name">Le Petit Bigorneau</span> <span class="proj-list-type">Refonte Site Internet</span> <span class="proj-list-year">2023</span> </div><div class="proj-list-item"> <span class="proj-list-name">Nicolas Bossard</span> <span class="proj-list-type">Accompagnement digital</span> <span class="proj-list-year">2023</span> </div> <div class="proj-list-cta"> <a href="/projets" class="btn btn-dark">Voir tous les projets →</a> </div> </div> </div> </div> </section> <section class="clip-stmt" id="sec-stats"> <svg class="clip-svg" id="clip-svg" aria-hidden="true"> <defs> <clippath id="clip-line-1" clippathunits="userSpaceOnUse"> <text class="clip-text" id="clip-line1" x="0" y="0.95em">AGENCE TEMPO COMMUNICATION</text> </clippath> <clippath id="clip-line-2" clippathunits="userSpaceOnUse"> <text class="clip-text" id="clip-line2" x="0" y="0.95em">ÉCO-RESPONSABLE PERPIGNAN</text> </clippath> </defs> <image id="clip-img-1" href="https://images.unsplash.com/photo-1497366754035-f200968a6e72?w=1600&q=85&fit=crop" width="120%" height="60%" x="-10%" y="0" preserveaspectratio="xMidYMid slice" clip-path="url(#clip-line-1)"></image> <image id="clip-img-2" href="https://images.unsplash.com/photo-1553028826-f4804a6dba3b?w=1600&q=85&fit=crop" width="120%" height="60%" x="-10%" y="50%" preserveaspectratio="xMidYMid slice" clip-path="url(#clip-line-2)"></image> </svg> </section> <section class="bs" id="sec-news" style="background:var(--cream)"> <div class="bs-bar"></div> <div class="bs-head"> <span class="bs-num">(04)</span> <h2 class="bs-title">On aime &<br>on partage</h2> </div> <div class="bs-body"> <div class="news-grid"> <a href="/news/quand-un-site-web-devient-un-terrain-de-jeu-la-gamification-expliquee-simplement" class="ncard up"> <div class="ncard-media"> <div class="rimg" style="width:100%;height:100%;position:absolute;inset:0"> <img src="https://images.unsplash.com/photo-1550745165-9bc0b252726f?w=1200&h=630&q=85&fit=crop&crop=center" alt="Quand un site web devient un terrain de jeu - la gamification expliquée simplement" loading="lazy"> </div> </div> <div class="ncard-body"> <div class="ncard-meta"> <span class="ncard-date">25 août 2026</span> <span class="ncard-tag">Webdesign · Stratégie · Engagement</span> </div> <div class="ncard-title">Quand un site web devient un terrain de jeu - la gamification expliquée simplement</div> <div class="ncard-ex">Pourquoi ouvrez-vous Duolingo tous les jours de peur de briser votre série ? Pourquoi partagez-vous votre Spotify Wrapped chaque décembre ? Derrière ces réflexes se cache une mécanique redoutable : la gamification. Et elle n'est plus réservée aux géants du numérique.</div> <span class="ncard-read">Lire l'article →</span> </div> </a><a href="/news/3-secondes-pour-convaincre-ce-que-la-lenteur-de-votre-site-coute-vraiment" class="ncard up d2"> <div class="ncard-media"> <div class="rimg" style="width:100%;height:100%;position:absolute;inset:0"> <img src="https://images.unsplash.com/photo-1519389950473-47ba0277781c?w=1200&h=630&q=85&fit=crop&crop=center" alt="3 secondes pour convaincre - ce que la lenteur de votre site coûte vraiment" loading="lazy"> </div> </div> <div class="ncard-body"> <div class="ncard-meta"> <span class="ncard-date">30 juillet 2026</span> <span class="ncard-tag">Performance · Web · SEO</span> </div> <div class="ncard-title">3 secondes pour convaincre - ce que la lenteur de votre site coûte vraiment</div> <div class="ncard-ex">Un visiteur ouvre votre site. Trois secondes plus tard, s'il attend toujours, plus d'un sur deux est déjà reparti. Sur mobile, la lenteur d'une page n'est pas un détail technique réservé aux développeurs. C'est une fuite silencieuse de clients, de chiffre d'affaires et de crédibilité. Voici ce que révèlent les chiffres, et comment on inverse la tendance.</div> <span class="ncard-read">Lire l'article →</span> </div> </a> </div> <div style="text-align:right;margin-top:3rem"> <a href="/news" class="btn btn-dark up d2">Toutes les news →</a> </div> </div> </section> <section class="cta-sec bs" id="sec-cta"> <p class="cta-eye up">(05)</p> <h2 class="cta-big up d1">Prêts à démarrer<br><span>votre projet ?</span></h2> <a href="/contact" class="btn btn-light up d2">Parlons-en →</a> </section> <script>(function(){const featuredProjets = [{"name":"Ambition Sud Roussillon","cat":"Création identité & Site Internet","img":"/images/cms/ambition-locaux-©paul-desbonnets-100-scaled-1.jpg","href":"/projets/ambition-sud-roussillon"},{"name":"Verdon les Grands Domaines","cat":"Création d'identité & Site Internet","img":"/images/cms/adobestock_442718594-scaled.jpeg","href":"/projets/verdon-les-grands-domaines"},{"name":"Collections de Saint Cyprien","cat":"Création site internet & Tourinsoft","img":"/images/cms/background_preloader-4.jpg","href":"/projets/collections-de-saint-cyprien"}];
const projets = featuredProjets;
const p = projets[Math.floor(Math.random()*projets.length)];
if(p){
const img = document.getElementById('proj-featured-img');
const name = document.getElementById('proj-featured-name');
const cat = document.getElementById('proj-featured-cat');
const link = document.getElementById('proj-featured-link');
if(img) img.src = p.img;
if(img) img.alt = p.name;
if(name) name.textContent = p.name;
if(cat) cat.textContent = p.cat;
if(link) link.href = p.href;
}
})();</script> <script type="module" src="/_astro/index.astro_astro_type_script_index_1_lang.Csavy23r.js"></script> </main> <footer class="footer"> <div class="footer-top"> <div> <svg class="footer-logo" viewbox="0 0 637 264" xmlns="http://www.w3.org/2000/svg"> <path fill="#eae5e0" d="M308.27,153.45c8.45-14.1,16.64-27.75,24.82-41.41,2.83-4.73,5.69-9.43,8.43-14.21,2.5-4.38,6.31-6.56,11.21-6.55,8.99,.01,17.98,.15,26.97,.45,4.51,.15,6.37,2.1,6.94,6.64,.27,2.13,.46,4.29,.46,6.44,.03,43.62,.03,87.23,0,130.85,0,2.15-.19,4.31-.45,6.44-.56,4.45-2.49,6.48-7.02,6.57-8.99,.18-17.99,.18-26.99,0-4.71-.1-6.89-2.39-7.43-7.08-.26-2.25-.45-4.53-.45-6.8-.04-17.61-.02-35.23-.05-52.84,0-2.11-.2-4.23-1.18-6.68-.8,1.19-1.67,2.35-2.4,3.58-8.19,13.94-16.33,27.9-24.55,41.82-1.27,2.15-2.71,4.26-4.4,6.1-2.51,2.75-5.31,2.81-7.78,.09-1.92-2.11-3.58-4.5-5.04-6.96-8.03-13.47-15.95-27.01-23.95-40.51-.94-1.59-2.09-3.04-3.15-4.56l-1.04,.25c0,1.73,0,3.46,0,5.19,0,18.33,0,36.67-.02,55-.01,12.05-1.4,13.48-13.31,13.53-6.48,.03-12.96,0-19.43-.04-6.78-.05-8.97-2.24-9-9.15-.05-13.54-.03-27.08-.03-40.62,0-32.35,0-64.71,.03-97.06,0-1.66,.12-3.35,.41-4.99,.58-3.26,2.66-5.16,5.93-5.22,9.83-.19,19.66-.26,29.5-.25,4.82,0,7.44,3.26,9.68,7.01,8.67,14.49,17.36,28.96,26.08,43.43,2.27,3.76,4.65,7.46,7.21,11.54Z"></path> <path fill="#eae5e0" d="M396.74,170.08c0-21.08,0-42.16,0-63.24,0-2.03,.05-4.07,.18-6.1,.5-7.7,2.1-9.48,9.93-9.33,15.22,.3,30.44,.79,45.64,1.56,7.26,.36,14.67,.76,21.68,2.48,20.11,4.92,32.87,20.75,35.58,41.21,4.67,35.27-19.81,56.96-48.44,63.07-5.82,1.24-11.85,1.57-17.81,1.97-3.52,.24-4.41,1.99-4.38,5.11,.08,10.18,.03,20.36,.02,30.54,0,1.56,.04,3.12-.13,4.67-.47,4.25-2.72,6.59-7.04,6.67-9.35,.16-18.71,.17-28.05-.01-4.5-.09-6.76-2.44-6.85-7.08-.24-13.29-.31-26.58-.38-39.87-.06-10.54-.01-21.08-.01-31.62h.05Zm42.38-23.16h.04c0,6.46,0,12.92,0,19.38,0,1.91,.29,3.88,2.77,3.74,9.16-.52,17.68-2.72,22.81-11.2,9.2-15.22-2.34-35.61-20.17-35.88-4.03-.06-5.46,1.31-5.46,5.3,0,6.22,0,12.44,0,18.67Z"></path> <path fill="#eae5e0" d="M588.84,248.05c.71-8.29,1.58-16.01,1.99-23.75,.65-12.44-.93-24.69-5.23-36.36-1.81-4.93-4.57-9.82-8-13.77-4.83-5.58-12.43-5.38-18.03-.5-5.67,4.94-8.23,11.68-10.25,18.61-3.77,12.98-3.47,26.27-2.56,39.56,.32,4.65,.92,9.29,1.53,13.91,.26,1.98-.58,2.65-2.35,2.64-10.43-.09-20.87-.15-31.3-.32-2.98-.05-3.66-2.4-3.83-4.76-.62-9.06-1.56-18.13-1.59-27.2-.09-20.69,3.87-40.63,12.37-59.58,5.63-12.55,13.61-23.09,25.9-29.86,19.38-10.66,42.87-5.23,57.84,13.37,10.55,13.12,16.04,28.51,19.29,44.72,3.96,19.76,4.05,39.71,1.74,59.7-.3,2.58-1.12,3.71-4,3.66-11.13-.17-22.26-.07-33.53-.07Z"></path> <path fill="#eae5e0" d="M83.5,188.59c0,15.69,0,31.38,0,47.06,0,1.56,.03,3.12-.08,4.67-.41,6.28-2.51,8.35-8.73,8.42-8.03,.08-16.06,.05-24.1,.03-7.22-.02-9.09-1.81-9.12-9.17-.08-16.88-.05-33.77-.04-50.66,0-16.65,.06-33.29,0-49.94-.02-5.98-.88-6.7-7.01-6.71-5.63-.01-11.27,.06-16.9-.04-5.42-.1-8.21-2.77-8.3-8.23-.14-8.14-.16-16.29,.02-24.43,.12-5.45,2.23-7.49,7.6-8.04,1.67-.17,3.35-.24,5.02-.24,26.86-.02,53.71-.03,80.57-.03,1.56,0,3.12,.04,4.67,.19,6.37,.63,8.36,2.36,8.59,8.7,.29,7.89,.27,15.81,0,23.7-.21,6.16-2.64,8.27-8.83,8.38-5.87,.1-11.75,0-17.62,.05-4.85,.05-5.72,.87-5.73,5.63-.03,16.89-.01,33.77-.01,50.66Z"></path> <path fill="#eae5e0" d="M167.11,152.97c2.11,0,3.65-.02,5.18,0,10.66,.17,21.33,.26,31.99,.58,4.35,.13,6.48,2.19,6.65,6.45,.25,6.08,.32,12.18,0,18.25-.24,4.48-2.18,6.15-6.56,6.59-2.97,.3-5.98,.49-8.97,.47-22.18-.18-44.36-.5-66.54-.58-3.23-.01-3.98-.99-3.97-4.08,.12-25.99,.07-51.98,.07-77.96,0-1.2,0-2.4,.08-3.59,.32-5.22,2.01-6.99,7.22-7.52,1.67-.17,3.35-.27,5.02-.27,23.38-.02,46.76-.03,70.14,0,11.4,.01,12.91,1.54,12.91,12.75,0,6.35,.03,12.69-.01,19.04-.05,6.99-2.22,9.16-9.33,9.18-12.71,.04-25.42,0-38.13,.02-4.63,0-5.6,.82-5.71,5.3-.13,4.99-.03,9.99-.03,15.37Z"></path> <path fill="#eae5e0" d="M512.48,44.23c3.67,0,7,0,10.32,0,8.52,0,17.03,.07,25.54-.05,2.31-.03,3.61,.56,4.71,2.78,3.15,6.35,7.84,10.92,15.48,11.01,7.77,.09,12.63-4.34,15.99-10.84,.84-1.62,1.51-2.99,3.87-2.96,11.39,.14,22.79,.06,34.18,.08,.68,0,1.37,.2,2.05,.31-5.76,31.59-26.8,52.76-55.7,52.84-18.32,.05-33.02-8.01-43.77-22.9-6.46-8.95-10.46-18.97-12.69-30.28Z"></path> <path fill="#eae5e0" d="M125.02,208.9c2.06-.21,3.82-.53,5.58-.53,26.62-.05,53.23-.08,79.85-.08,8.17,0,9.87,1.74,9.88,9.95,0,7.3,.04,14.61-.01,21.91-.05,6.29-2.42,8.61-8.76,8.61-26.02,.02-52.03,.02-78.05,0-6.32,0-8.44-2.1-8.46-8.38-.04-10.29-.01-20.58-.01-31.48Z"></path> </svg> <p class="footer-tag">Communication globale & éco-responsable</p> </div> <div> <p class="footer-col-title">Navigation</p> <ul class="footer-list"> <li><a href="/agence">L'Agence</a></li> <li><a href="/services">Services</a></li> <li><a href="/projets">Les Projets</a></li> <li><a href="/eco-responsable">Éco-responsable</a></li> <li><a href="/news">Les News</a></li> <li><a href="/contact">Contact</a></li> </ul> </div> <div> <p class="footer-col-title">Nous contacter</p> <ul class="footer-list"> <li><a href="mailto:contact@agence-tempo.fr" class="g">contact@agence-tempo.fr</a></li> <li><a href="tel:+33659713057" class="g">06 59 71 30 57</a></li> </ul> <p class="footer-addr">Perpignan<br>Pyrénées-Orientales, France</p> <button id="ck-reset" class="footer-legal" style="background:none;border:none;padding:0">Gestion des cookies</button> </div> </div> <div class="footer-bottom"> <span class="footer-copy">© 2026 Agence Tempo - Tous droits réservés</span> <div class="footer-soc"> <a href="https://www.instagram.com/agence.tempo" target="_blank" rel="noopener">Instagram</a> <a href="https://www.linkedin.com/company/agence-tempo" target="_blank" rel="noopener">LinkedIn</a> <a href="https://www.facebook.com/lagencetempo" target="_blank" rel="noopener">Facebook</a> </div> <a href="/mentions-legales" class="footer-legal">Mentions légales</a> </div> </footer> <script src="/scripts/cursor.js"></script> <script src="/scripts/animations.js"></script> <!-- Bannière cookies --> <div id="cookie-banner" style="display:none" data-astro-cid-37fxchfa> <div class="ck-inner" data-astro-cid-37fxchfa> <p class="ck-txt" data-astro-cid-37fxchfa>Nous utilisons des cookies de mesure d'audience (Google Analytics) et des images hébergées sur Unsplash. <a href="/mentions-legales" class="ck-link" data-astro-cid-37fxchfa>En savoir plus</a></p> <div class="ck-btns" data-astro-cid-37fxchfa> <button id="ck-refuse" class="ck-btn ck-refuse" data-astro-cid-37fxchfa>Refuser</button> <button id="ck-accept" class="ck-btn ck-accept" data-astro-cid-37fxchfa>Accepter</button> </div> </div> </div> <script>
(function(){
const banner = document.getElementById('cookie-banner');
const resetBtn = document.getElementById('ck-reset');
// Vérifie si le consentement a expiré (6 mois)
const consent = localStorage.getItem('tempo-cookies');
const consentDate = localStorage.getItem('tempo-cookies-date');
const sixMonths = 1000 * 60 * 60 * 24 * 180;
const expired = consentDate && (Date.now() - parseInt(consentDate)) > sixMonths;
if((!consent || expired) && banner){
localStorage.removeItem('tempo-cookies');
localStorage.removeItem('tempo-cookies-date');
banner.style.display = 'block';
}
if(consent === 'accepted' && !expired && window.__loadGA){
window.__loadGA();
}
document.getElementById('ck-accept')?.addEventListener('click', function(){
localStorage.setItem('tempo-cookies', 'accepted');
localStorage.setItem('tempo-cookies-date', Date.now());
banner.style.display = 'none';
if(window.__loadGA) window.__loadGA();
});
document.getElementById('ck-refuse')?.addEventListener('click', function(){
localStorage.setItem('tempo-cookies', 'refused');
localStorage.setItem('tempo-cookies-date', Date.now());
banner.style.display = 'none';
});
// Bouton footer - réouvre le bandeau
resetBtn?.addEventListener('click', function(){
localStorage.removeItem('tempo-cookies');
localStorage.removeItem('tempo-cookies-date');
if(banner) banner.style.display = 'block';
});
})();
</script> </body> </html>
